html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline}
ol, ul{list-style: none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none}
:focus{outline: 0}
ins{text-decoration: none}
del{text-decoration: line-through}
table{border-collapse: collapse}
*, * focus {
  outline: none;
  margin: 0;
  padding: 0;
}
textarea{overflow: auto}
textarea, input[type=text], input[type=password]{font-family: Arial, Helvetica, sans-serif; font-size: 11px}
button, input[type=submit]{font-family: Arial, Helvetica, sans-serif}

img{border: 0}
ul{list-style: none; margin: 0; padding: 0}
p{margin: 0; padding: 0}
:focus{outline: 0}
a{text-decoration: none; color: #2b6893}
.normal{font-style: normal}
.normalFont{font-style: normal; font-weight: normal}
.mt40{margin-top: 40px}
.nomargin{margin: 0!important}
.m10{margin: 10px 0}
.m15{margin: 15px 0}
.m20{margin: 20px 0}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right: 20px}
.mr25{margin-right: 25px}
.mr30{margin-right: 30px}
.mb0{margin-bottom: 0}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px}
.mb40{margin-bottom: 40px}
.mt0{margin-top: 0!important}
.mt5{margin-top: 5px}
.mt8{margin-top: 8px}
.mt10{margin-top: 10px}
.mt12{margin-top: 12px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}
.ml5{margin-left: 5px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.ml25{margin-left: 25px}
.ml30{margin-left: 30px}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right: 20px}
.mr25{margin-right: 25px}
.mr30{margin-right: 30px}
.pb0{padding-bottom: 0!important}
.pb5{padding-bottom: 5px}
.pb10{padding-bottom: 10px}
.pb15{padding-bottom: 15px}
.pb20{padding-bottom: 20px}
.pb25{padding-bottom: 25px}
.pb30{padding-bottom: 30px}
.pt0{padding-top: 0}
.pt5{padding-top: 5px}
.pt10{padding-top: 10px}
.pt15{padding-top: 15px}
.pt20{padding-top: 20px}
.pt25{padding-top: 25px}
.pt30{padding-top: 30px}
input::-moz-focus-inner
{
    border: 0;
    padding: 0;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
a.button::-moz-focus-inner
{
    border: 0;
    padding: 0;
}

.fc{direction: ltr; text-align: left}
.fc table{border-collapse: collapse; border-spacing: 0}
html .fc, .fc table{font-size: 1em}
.fc td, .fc th{padding: 0; vertical-align: top}

.fc-header{position: relative}
.fc-header td{white-space: nowrap; position: relative}
.fc-header-left{text-align: left}
.fc-header-center{text-align: center; position: absolute; top: 0; width: 80%; left: 10%}
.fc-button-inner{ border-left: 1px solid #d5d5d5}
.fc-header-left .fc-button-inner{border: none}
.fc-header-right{text-align: right; position: absolute; top: -37px; right: 0}
.fc-header-title{display: inline-block; vertical-align: top}
.fc-header-title strong{margin-top: 0; white-space: nowrap; padding: 8px 12px!important; display: block}
.fc .fc-header-space{padding-left: 10px}

.fc-header .fc-corner-right{margin-right: 1px; float: right}
.fc-header .ui-corner-right{margin-right: 0}

.fc-header .fc-state-hover, .fc-header .ui-state-hover{z-index: 2}
.fc-header .fc-state-down{z-index: 3}
.fc-header .fc-state-active, .fc-header .ui-state-active{z-index: 4}

.fc-button-prev .fc-button-content{width: 10px; background: url(../img/leftArrow.png) no-repeat 15px 13px}
.fc-button-next .fc-button-content{width: 10px; background: url(../img/rightArrow.png) no-repeat 15px 13px}

.fc-content{ }
.fc-view{width: 100%; overflow: hidden}


.fc-widget-header, .fc-widget-content{border: 1px solid #d5d5d5}
.fc-state-highlight{background: #f5f5f5 url(../img/backgrounds/calActiveBg.png) repeat-x 0 0}
.fc-cell-overlay{background: #9cf; opacity: .2; filter: alpha(opacity=20); /* for IE */ }


.fc-button{position: relative; display: inline-block; cursor: pointer}
.fc-state-default {}
.fc-button-inner{position: relative; float: left; overflow: hidden}
.fc-state-default .fc-button-inner {}
.fc-button-content{position: relative; float: left; height: 36px; line-height: 37px; padding: 0 14px; white-space: nowrap}
.fc-header-right  .fc-button-content{height: 37px}

.fc-button-content .fc-icon-wrap{position: relative; float: left; top: 50%}
.fc-button-content .ui-icon{position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%}

.fc-state-default .fc-button-effect{position: absolute; top: 50%; left: 0}
.fc-state-default .fc-button-effect span {}

.fc-state-default, .fc-state-default .fc-button-inner {}
.fc-state-hover, .fc-state-hover .fc-button-inner {}
.fc-state-down, .fc-state-down .fc-button-inner {}

.fc-state-active, .fc-state-active .fc-button-inner{color: #797979; background: #f9f9f9}
.fc-first th{padding-top: 1px}
.fc-state-disabled, .fc-state-disabled .fc-button-inner{color: #999; border-color: #ddd}
.fc-state-disabled{cursor: default}
.fc-state-disabled .fc-button-effect{display: none}

.fc-event{border-style: solid; border-width: 0; font-size: .85em; cursor: default}
a.fc-event, .fc-event-draggable{cursor: pointer}
a.fc-event{text-decoration: none}
.fc-rtl .fc-event{text-align: right}

.fc-event-skin {
  border-color: #596772;
  background-color: #596772;
  color: #fff;
  display: block;
  padding: 1px 0px;
  font-size: 11px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
  margin-top: 1px;
  }

.fc-event-inner{position: relative; width: 100%; height: 100%; border-style: solid; border-width: 0; overflow: hidden}
.fc-event-time, .fc-event-title{padding: 0 2px 1px 5px; display: block; float: left; line-height: 16px}
.fc .ui-resizable-handle{display: block; position: absolute; z-index: 99999; overflow: hidden; font-size: 300%; line-height: 50%}

.fc-event-hori{margin-bottom: 1px}

.fc-event-hori .ui-resizable-e{top: 0 !important; right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize}
.fc-event-hori .ui-resizable-w{top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize}

.fc-event-hori .ui-resizable-handle {}

.fc-corner-left{margin-left: 1px}
.fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {}
.fc-corner-right{margin-right: 1px}
.fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner{margin-right: -1px}
.fc-corner-top{margin-top: 1px}
.fc-corner-top .fc-event-inner{margin-top: -1px}
.fc-corner-bottom{margin-bottom: 1px}
.fc-corner-bottom .fc-event-inner{margin-bottom: -1px}

.fc-corner-left .fc-event-inner {}
.fc-corner-right .fc-event-inner {}
.fc-corner-top .fc-event-inner{border-top-width: 1px}
.fc-corner-bottom .fc-event-inner{border-bottom-width: 1px}

table.fc-border-separate{border-collapse: separate}
.fc-border-separate th, .fc-border-separate td{border-width: 1px 0 0 1px}
.fc-border-separate td:first-child, .fc-border-separate th:first-child{border-left: none}
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td{border-top-width: 1px}
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th{border-top-width: 1px}

.fc-grid th{text-align: center}
.fc-grid .fc-day-number{float: right; padding: 3px 5px}
.fc-grid .fc-other-month .fc-day-number{opacity: 0.3; filter: alpha(opacity=30)}
.fc-grid .fc-day-content{clear: both; padding: 5px 2px 3px}

.fc-grid .fc-event-time{font-weight: bold}

.fc-rtl .fc-grid .fc-day-number{float: left}
.fc-rtl .fc-grid .fc-event-time{float: right}

.fc-agenda table{ border-collapse: separate}
.fc-agenda-days th{text-align: center}
.fc-agenda .fc-agenda-axis{width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal}
.fc-agenda .fc-day-content{padding: 2px 2px 1px}
.fc-agenda-days .fc-agenda-axis{border-right-width: 1px}
.fc-agenda-days .fc-col0{border-left-width: 0}
.fc-agenda-allday th{border-width: 0 1px}
.fc-agenda-allday .fc-day-content{min-height: 34px; _height: 34px}
.fc-agenda-divider-inner{height: 2px; overflow: hidden}
.fc-widget-header .fc-agenda-divider-inner{background: #eee}

.fc-agenda-slots th{border-width: 1px 1px 0}
.fc-agenda-slots td{border-width: 1px 0 0; background: none}
.fc-agenda-slots td div{height: 20px}
.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td{border-top-width: 0}
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td{border-top-style: dotted}
.fc-agenda-slots tr.fc-minor th.ui-widget-header{*border-top-style: solid}

.fc-event-vert{border-width: 0 1px}
.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content{position: relative; z-index: 2; width: 100%; overflow: hidden}
.fc-event-vert .fc-event-time{white-space: nowrap; font-size: 10px}
.fc-event-vert .fc-event-bg{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .3; filter: alpha(opacity=30)}
.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg{display: none\9}
/
.fc-event-vert .ui-resizable-s {
  bottom: 0 !important;
  width: 100% !important;
  height: 8px !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
  }

.fc-agenda .ui-resizable-resizing{_overflow: hidden}

.dTable thead th{
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}

.paging_two_button .ui-button{float: left; cursor: pointer; * cursor: hand}
.paging_full_numbers .ui-button{padding: 2px 6px; margin: 0; cursor: pointer; * cursor: hand}
.dataTables_paginate .ui-button{margin-right: -0.1em !important}
.dataTables_paginate .last{border-bottom: 1px solid #d5d5d5!important}
.dataTables_wrapper .ui-toolbar{padding: 5px}

.dataTables_paginate{width: auto}
.dataTables_info{padding: 7px 0 0 80px; color: #878787}

table.display thead th{padding: 4px 0px 3px 10px; cursor: pointer; * cursor: hand; font-size: 11px}

div.dataTables_wrapper .ui-widget-header{font-weight: normal; border-top: 1px solid #D5D5D5; margin-top: -1px;   border-right: none;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}
table.display thead th div.DataTables_sort_wrapper{position: relative; padding-right: 20px; color: #878787}
table.display thead th div.DataTables_sort_wrapper span{position: absolute; top: 50%; margin-top: -8px; right: 5px}

.dataTables_wrapper .ui-toolbar:first-child {
padding: 0;
margin: 0;
border: none;
}

.dataTables_wrapper{position: relative; _height: 302px}
.dataTables_processing{position: absolute; top: 0px; left: 50%; width: 250px; margin-left: -125px; border: 1px solid #ddd; text-align: center; color: #999; font-size: 11px; padding: 2px 0}
.dataTables_length{color: #878787; margin: 7px 5px 0 5px; position: absolute; right: 2px; top: -37px}
.itemsPerPage{display: block; float: left; margin-right: 10px}
.dataTables_length label{padding-top: 10px; font-size: 11px}
.dataTables_length select{font-size: 11px; margin: 0 5px}
.dataTables_filter{text-align: left; margin: 4px 8px 2px 10px; position: absolute; left: 0; bottom: 8px; color: #878787; font-size: 11px}
.dataTables_filter input[type="text"]{padding: 3px 20px 3px 5px!important; border: 1px solid #D5D5D5; width: 200px!important; position: relative; margin-left: 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color: #878787}
.dataTables_filter .srch{position: absolute; right: 6px; top: 7px; background: url(../img/searchSmall.png) no-repeat 0 0; border: none; width: 9px; height: 9px}
.dataTables_info{float: left}
.dataTables_paginate{text-align: right; margin: 6px}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next{height: 19px; width: 19px; margin-left: 3px; float: left}
.paginate_disabled_previous{background-image: url(../img/back_disabled.jpg)}
.paginate_enabled_previous{background-image: url(../img/back_enabled.jpg)}
.paginate_disabled_next{background-image: url(../img/forward_disabled.jpg)}
.paginate_enabled_next{background-image: url(../img/forward_enabled.jpg)}

table.display{margin: 0 auto; width: 100%; border-collapse: collapse}
table.display tfoot th{padding: 3px 0px 3px 10px; font-weight: bold; font-weight: normal}
table.display tr.heading2 td{border-bottom: 1px solid #aaa}
table.display td{padding: 8px 10px}
table.display td.center{text-align: center}

.sorting_asc{background: url(../img/sort_asc.png) no-repeat center right}
.sorting_desc{background: url(../img/sort_desc.png) no-repeat center right}
.sorting{background: url(../img/sort_both.png) no-repeat center right}
.sorting_asc_disabled{background: url(../img/sort_asc_disabled.png) no-repeat center right}
.sorting_desc_disabled{background: url(../img/sort_desc_disabled.png) no-repeat center right}

table.display tr.odd.gradeA{background-color: #ddffdd}
table.display tr.even.gradeA{background-color: #eeffee}
table.display tr{border-bottom: 1px solid #e7e7e7}
table.display td{border-left: 1px solid #e7e7e7}
table.display td:first-child{border-left: none}
table.display tr.odd.gradeA{background-color: #fafafa}
table.display tr.even.gradeA{background-color: #f5f5f5}
table.display tr.odd.gradeC{background-color: #ddddff}
table.display tr.even.gradeC{background-color: #eeeeff}
table.display tr.odd.gradeX{background-color: #ffdddd}
table.display tr.even.gradeX{background-color: #ffeeee}
table.display tr.odd.gradeU{background-color: #ddd}
table.display tr.even.gradeU{background-color: #eee}

tr.odd{background-color: #E2E4FF}
tr.even{background-color: white}

.dataTables_scroll{clear: both}
.top, .bottom{padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC}
.top .dataTables_info{float: none}
.dataTables_empty{text-align: center}

tfoot input{margin: 0.5em 0; width: 100%; color: #444}
tfoot input.search_init{color: #999}

td.group{background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E}
td.details{background-color: #d1cfd0; border: 2px solid #A19B9E}

.example_alt_pagination div.dataTables_info{width: 40%}
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active{border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand}
.paging_full_numbers span.paginate_button{background-color: #ddd}
.paging_full_numbers span.paginate_button:hover{background-color: #ccc}
.paging_full_numbers span.paginate_active{background-color: #99B3FF}

table.display tr.even.row_selected td{background-color: #B0BED9}
table.display tr.odd.row_selected td{background-color: #9FAFD1}


tr.odd td.sorting_1{background-color: #D3D6FF}
tr.odd td.sorting_2{background-color: #DADCFF}
tr.odd td.sorting_3{background-color: #E0E2FF}

tr.even td.sorting_1{background-color: #EAEBFF}
tr.even td.sorting_2{background-color: #F2F3FF}
tr.even td.sorting_3{background-color: #F9F9FF}


tr.odd.gradeA td.sorting_1{background-color: #f4f4f4}
tr.odd.gradeA td.sorting_2{background-color: #d1ffd1}
tr.odd.gradeA td.sorting_3{background-color: #d1ffd1}

tr.even.gradeA td.sorting_1{background-color: #efefef}
tr.even.gradeA td.sorting_2{background-color: #e2ffe2}
tr.even.gradeA td.sorting_3{background-color: #e2ffe2}

tr.gradeA td { vertical-align: middle; }

tr.odd.gradeC td.sorting_1{background-color: #c4c4ff}
tr.odd.gradeC td.sorting_2{background-color: #d1d1ff}
tr.odd.gradeC td.sorting_3{background-color: #d1d1ff}

tr.even.gradeC td.sorting_1{background-color: #d5d5ff}
tr.even.gradeC td.sorting_2{background-color: #e2e2ff}
tr.even.gradeC td.sorting_3{background-color: #e2e2ff}

tr.odd.gradeX td.sorting_1{background-color: #ffc4c4}
tr.odd.gradeX td.sorting_2{background-color: #ffd1d1}
tr.odd.gradeX td.sorting_3{background-color: #ffd1d1}

tr.even.gradeX td.sorting_1{background-color: #ffd5d5}
tr.even.gradeX td.sorting_2{background-color: #ffe2e2}
tr.even.gradeX td.sorting_3{background-color: #ffe2e2}

tr.odd.gradeU td.sorting_1{background-color: #c4c4c4}
tr.odd.gradeU td.sorting_2{background-color: #d1d1d1}
tr.odd.gradeU td.sorting_3{background-color: #d1d1d1}

tr.even.gradeU td.sorting_1{background-color: #d5d5d5}
tr.even.gradeU td.sorting_2{background-color: #e2e2e2}
tr.even.gradeU td.sorting_3{background-color: #e2e2e2}

table.dTable tbody tr.even:hover, table.dTable tbody tr.even:hover td.sorting_1{background-color: #E7E7E7}
table.dTable tbody tr.odd:hover, table.dTable tbody tr.odd:hover td.sorting_1{background-color: #E7E7E7}

.ui-helper-hidden{display: none}
.ui-helper-hidden-accessible{position: absolute; left: -99999999px}
.ui-helper-reset{margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none}
.ui-helper-clearfix:after{content: "."; display: block; height: 0; /*clear: both;*/ visibility: hidden}
.ui-helper-clearfix{display: inline-block}

* html .ui-helper-clearfix{height:1%}
.ui-helper-clearfix{display:block}

.ui-helper-zfix{width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0)}

.ui-state-disabled{cursor: default !important}

.ui-icon{display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat}

.ui-widget-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%}

.ui-widget{font-size: 12px}
.ui-widget .ui-widget{font-size: 1em}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family: Verdana,Arial,sans-serif; font-size: 1em}
.ui-widget-content{ }
.ui-widget-content a{color: #222222}
.ui-widget-header{font-weight: bold}
.ui-widget-header a{color: #222222}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border-left: 1px solid #d5d5d5; font-weight: normal; border-bottom: 1px solid #D5D5D5}
th.ui-state-default:first-child{border-left: none}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: #555555; text-decoration: none}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{background: #fafafa; font-weight: normal; color: #212121}
.ui-state-hover a, .ui-state-hover a:hover{color: #797979; text-decoration: none}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background: #fafafa; font-weight: normal; color: #5a95ba}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color: #797979; text-decoration: none}
.ui-widget :active{outline: none}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color: #363636}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../img/jquery_ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color: #cd0a0a}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color: #cd0a0a}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight: bold}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary{opacity: .7; filter:Alpha(Opacity=70); font-weight: normal}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: .35; filter:Alpha(Opacity=35); background-image: none}

.ui-icon{width: 16px; height: 16px; background-image: url(../img/jquery_ui/ui-icons_222222_256x240.png)}
.ui-widget-content .ui-icon {background-image: url(../img/jquery_ui/ui-icons_222222_256x240.png)}
.ui-widget-header .ui-icon {background-image: url(../img/jquery_ui/ui-icons_222222_256x240.png)}
.ui-state-default .ui-icon{background-image: url(../img/jquery_ui/ui-icons_888888_256x240.png)}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../img/jquery_ui/ui-icons_454545_256x240.png)}
.ui-state-active .ui-icon {background-image: url(../img/jquery_ui/ui-icons_454545_256x240.png)}
.ui-state-highlight .ui-icon {background-image: url(../img/jquery_ui/ui-icons_2e83ff_256x240.png)}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/jquery_ui/ui-icons_cd0a0a_256x240.png)}

.ui-icon-carat-1-n{background-position: 0 0}
.ui-icon-carat-1-ne{background-position: -16px 0}
.ui-icon-carat-1-e{background-position: -32px 0}
.ui-icon-carat-1-se{background-position: -48px 0}
.ui-icon-carat-1-s{background-position: -64px 0}
.ui-icon-carat-1-sw{background-position: -80px 0}
.ui-icon-carat-1-w{background-position: -96px 0}
.ui-icon-carat-1-nw{background-position: -112px 0}
.ui-icon-carat-2-n-s{background-position: -128px 0}
.ui-icon-carat-2-e-w{background-position: -144px 0}
.ui-icon-triangle-1-n{background-position: 0 -16px}
.ui-icon-triangle-1-ne{background-position: -16px -16px}
.ui-icon-triangle-1-e{background-position: -32px -16px}
.ui-icon-triangle-1-se{background-position: -48px -16px}
.ui-icon-triangle-1-s{background-position: -64px -16px}
.ui-icon-triangle-1-sw{background-position: -80px -16px}
.ui-icon-triangle-1-w{background-position: -96px -16px}
.ui-icon-triangle-1-nw{background-position: -112px -16px}
.ui-icon-triangle-2-n-s{background-position: -128px -16px}
.ui-icon-triangle-2-e-w{background-position: -144px -16px}
.ui-icon-arrow-1-n{background-position: 0 -32px}
.ui-icon-arrow-1-ne{background-position: -16px -32px}
.ui-icon-arrow-1-e{background-position: -32px -32px}
.ui-icon-arrow-1-se{background-position: -48px -32px}
.ui-icon-arrow-1-s{background-position: -64px -32px}
.ui-icon-arrow-1-sw{background-position: -80px -32px}
.ui-icon-arrow-1-w{background-position: -96px -32px}
.ui-icon-arrow-1-nw{background-position: -112px -32px}
.ui-icon-arrow-2-n-s{background-position: -128px -32px}
.ui-icon-arrow-2-ne-sw{background-position: -144px -32px}
.ui-icon-arrow-2-e-w{background-position: -160px -32px}
.ui-icon-arrow-2-se-nw{background-position: -176px -32px}
.ui-icon-arrowstop-1-n{background-position: -192px -32px}
.ui-icon-arrowstop-1-e{background-position: -208px -32px}
.ui-icon-arrowstop-1-s{background-position: -224px -32px}
.ui-icon-arrowstop-1-w{background-position: -240px -32px}
.ui-icon-arrowthick-1-n{background-position: 0 -48px}
.ui-icon-arrowthick-1-ne{background-position: -16px -48px}
.ui-icon-arrowthick-1-e{background-position: -32px -48px}
.ui-icon-arrowthick-1-se{background-position: -48px -48px}
.ui-icon-arrowthick-1-s{background-position: -64px -48px}
.ui-icon-arrowthick-1-sw{background-position: -80px -48px}
.ui-icon-arrowthick-1-w{background-position: -96px -48px}
.ui-icon-arrowthick-1-nw{background-position: -112px -48px}
.ui-icon-arrowthick-2-n-s{background-position: -128px -48px}
.ui-icon-arrowthick-2-ne-sw{background-position: -144px -48px}
.ui-icon-arrowthick-2-e-w{background-position: -160px -48px}
.ui-icon-arrowthick-2-se-nw{background-position: -176px -48px}
.ui-icon-arrowthickstop-1-n{background-position: -192px -48px}
.ui-icon-arrowthickstop-1-e{background-position: -208px -48px}
.ui-icon-arrowthickstop-1-s{background-position: -224px -48px}
.ui-icon-arrowthickstop-1-w{background-position: -240px -48px}
.ui-icon-arrowreturnthick-1-w{background-position: 0 -64px}
.ui-icon-arrowreturnthick-1-n{background-position: -16px -64px}
.ui-icon-arrowreturnthick-1-e{background-position: -32px -64px}
.ui-icon-arrowreturnthick-1-s{background-position: -48px -64px}
.ui-icon-arrowreturn-1-w{background-position: -64px -64px}
.ui-icon-arrowreturn-1-n{background-position: -80px -64px}
.ui-icon-arrowreturn-1-e{background-position: -96px -64px}
.ui-icon-arrowreturn-1-s{background-position: -112px -64px}
.ui-icon-arrowrefresh-1-w{background-position: -128px -64px}
.ui-icon-arrowrefresh-1-n{background-position: -144px -64px}
.ui-icon-arrowrefresh-1-e{background-position: -160px -64px}
.ui-icon-arrowrefresh-1-s{background-position: -176px -64px}
.ui-icon-arrow-4{background-position: 0 -80px}
.ui-icon-arrow-4-diag{background-position: -16px -80px}
.ui-icon-extlink{background-position: -32px -80px}
.ui-icon-newwin{background-position: -48px -80px}
.ui-icon-refresh{background-position: -64px -80px}
.ui-icon-shuffle{background-position: -80px -80px}
.ui-icon-transfer-e-w{background-position: -96px -80px}
.ui-icon-transferthick-e-w{background-position: -112px -80px}
.ui-icon-folder-collapsed{background-position: 0 -96px}
.ui-icon-folder-open{background-position: -16px -96px}
.ui-icon-document{background-position: -32px -96px}
.ui-icon-document-b{background-position: -48px -96px}
.ui-icon-note{background-position: -64px -96px}
.ui-icon-mail-closed{background-position: -80px -96px}
.ui-icon-mail-open{background-position: -96px -96px}
.ui-icon-suitcase{background-position: -112px -96px}
.ui-icon-comment{background-position: -128px -96px}
.ui-icon-person{background-position: -144px -96px}
.ui-icon-print{background-position: -160px -96px}
.ui-icon-trash{background-position: -176px -96px}
.ui-icon-locked{background-position: -192px -96px}
.ui-icon-unlocked{background-position: -208px -96px}
.ui-icon-bookmark{background-position: -224px -96px}
.ui-icon-tag{background-position: -240px -96px}
.ui-icon-home{background-position: 0 -112px}
.ui-icon-flag{background-position: -16px -112px}
.ui-icon-calendar{background-position: -32px -112px}
.ui-icon-cart{background-position: -48px -112px}
.ui-icon-pencil{background-position: -64px -112px}
.ui-icon-clock{background-position: -80px -112px}
.ui-icon-disk{background-position: -96px -112px}
.ui-icon-calculator{background-position: -112px -112px}
.ui-icon-zoomin{background-position: -128px -112px}
.ui-icon-zoomout{background-position: -144px -112px}
.ui-icon-search{background-position: -160px -112px}
.ui-icon-wrench{background-position: -176px -112px}
.ui-icon-gear{background-position: -192px -112px}
.ui-icon-heart{background-position: -208px -112px}
.ui-icon-star{background-position: -224px -112px}
.ui-icon-link{background-position: -240px -112px}
.ui-icon-cancel{background-position: 0 -128px}
.ui-icon-plus{background-position: -16px -128px}
.ui-icon-plusthick{background-position: -32px -128px}
.ui-icon-minus{background-position: -48px -128px}
.ui-icon-minusthick{background-position: -64px -128px}
.ui-icon-close{background-position: -80px -128px}
.ui-icon-closethick{background-position: -96px -128px}
.ui-icon-key{background-position: -112px -128px}
.ui-icon-lightbulb{background-position: -128px -128px}
.ui-icon-scissors{background-position: -144px -128px}
.ui-icon-clipboard{background-position: -160px -128px}
.ui-icon-copy{background-position: -176px -128px}
.ui-icon-contact{background-position: -192px -128px}
.ui-icon-image{background-position: -208px -128px}
.ui-icon-video{background-position: -224px -128px}
.ui-icon-script{background-position: -240px -128px}
.ui-icon-alert{background-position: 0 -144px}
.ui-icon-info{background-position: -16px -144px}
.ui-icon-notice{background-position: -32px -144px}
.ui-icon-help{background-position: -48px -144px}
.ui-icon-check{background-position: -64px -144px}
.ui-icon-bullet{background-position: -80px -144px}
.ui-icon-radio-off{background-position: -96px -144px}
.ui-icon-radio-on{background-position: -112px -144px}
.ui-icon-pin-w{background-position: -128px -144px}
.ui-icon-pin-s{background-position: -144px -144px}
.ui-icon-play{background-position: 0 -160px}
.ui-icon-pause{background-position: -16px -160px}
.ui-icon-seek-next{background-position: -32px -160px}
.ui-icon-seek-prev{background-position: -48px -160px}
.ui-icon-seek-end{background-position: -64px -160px}
.ui-icon-seek-start{background-position: -80px -160px}
.ui-icon-seek-first{background-position: -80px -160px}
.ui-icon-stop{background-position: -96px -160px}
.ui-icon-eject{background-position: -112px -160px}
.ui-icon-volume-off{background-position: -128px -160px}
.ui-icon-volume-on{background-position: -144px -160px}
.ui-icon-power{background-position: 0 -176px}
.ui-icon-signal-diag{background-position: -16px -176px}
.ui-icon-signal{background-position: -32px -176px}
.ui-icon-battery-0{background-position: -48px -176px}
.ui-icon-battery-1{background-position: -64px -176px}
.ui-icon-battery-2{background-position: -80px -176px}
.ui-icon-battery-3{background-position: -96px -176px}
.ui-icon-circle-plus{background-position: 0 -192px}
.ui-icon-circle-minus{background-position: -16px -192px}
.ui-icon-circle-close{background-position: -32px -192px}
.ui-icon-circle-triangle-e{background-position: -48px -192px}
.ui-icon-circle-triangle-s{background-position: -64px -192px}
.ui-icon-circle-triangle-w{background-position: -80px -192px}
.ui-icon-circle-triangle-n{background-position: -96px -192px}
.ui-icon-circle-arrow-e{background-position: -112px -192px}
.ui-icon-circle-arrow-s{background-position: -128px -192px}
.ui-icon-circle-arrow-w{background-position: -144px -192px}
.ui-icon-circle-arrow-n{background-position: -160px -192px}
.ui-icon-circle-zoomin{background-position: -176px -192px}
.ui-icon-circle-zoomout{background-position: -192px -192px}
.ui-icon-circle-check{background-position: -208px -192px}
.ui-icon-circlesmall-plus{background-position: 0 -208px}
.ui-icon-circlesmall-minus{background-position: -16px -208px}
.ui-icon-circlesmall-close{background-position: -32px -208px}
.ui-icon-squaresmall-plus{background-position: -48px -208px}
.ui-icon-squaresmall-minus{background-position: -64px -208px}
.ui-icon-squaresmall-close{background-position: -80px -208px}
.ui-icon-grip-dotted-vertical{background-position: 0 -224px}
.ui-icon-grip-dotted-horizontal{background-position: -16px -224px}
.ui-icon-grip-solid-vertical{background-position: -32px -224px}
.ui-icon-grip-solid-horizontal{background-position: -48px -224px}
.ui-icon-gripsmall-diagonal-se{background-position: -64px -224px}
.ui-icon-grip-diagonal-se{background-position: -80px -224px}



.ui-corner-tl{-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px}
.ui-corner-tr{-moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px}
.ui-corner-bl{-moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px}
.ui-corner-br{-moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px}
.ui-corner-top{-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px}
.ui-corner-bottom{-moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px}
.ui-corner-right{ -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px}
.ui-corner-left{-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px}
.ui-corner-all{-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px}

.ui-widget-overlay{background: #aaaaaa url(../img/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30)}
.ui-widget-shadow{margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../img/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px}


.ui-resizable{position: relative;}
.ui-resizable-handle{position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle{display: none}
.ui-resizable-n{cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0}
.ui-resizable-s{cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0}
.ui-resizable-e{cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%}
.ui-resizable-w{cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%}
.ui-resizable-se{cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px}
.ui-resizable-sw{cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px}
.ui-resizable-nw{cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px}
.ui-resizable-ne{cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

.ui-selectable-helper{position: absolute; z-index: 100; border:1px dotted black}

.ui-accordion{width: 100%}
.ui-accordion .ui-accordion-header{cursor: pointer; position: relative; margin-top: 1px; zoom: 1}
.ui-accordion .ui-accordion-li-fix{display: inline}
.ui-accordion .ui-accordion-header-active{border-bottom: 0 !important}
.ui-accordion .ui-accordion-header a{display: block; font-size: 1em; padding: .5em .5em .5em .7em}
.ui-accordion-icons .ui-accordion-header a{padding-left: 2.2em}
.ui-accordion .ui-accordion-header .ui-icon{position: absolute; left: .5em; top: 50%; margin-top: -8px}
.ui-accordion .ui-accordion-content{padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1}
.ui-accordion .ui-accordion-content-active{display: block}



.ui-autocomplete{position: absolute; display: none; padding: 0; z-index: 100; border: none; height: 202px; overflow: auto}
.ui-autocomplete .ui-state-hover{background: none; padding: 6px 10px 7px 32px}

* html .ui-autocomplete{width:1px}

.ui-menu{display: block; float: left}
.ui-menu .ui-menu{margin-top: -3px}
.ui-menu .ui-menu-item{margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; border-bottom: 1px solid #1C252A; border-top: 1px solid #30373D; background: url(../img/backgrounds/subNavBg.jpg)}
.ui-menu .ui-menu-item a{text-decoration:none; display:block; padding: 8px 10px 8px 28px; line-height:1.5; zoom:1; font-size: 11px; color: #a2a2a2; cursor: pointer; background: url(../img/subIcon.png) no-repeat 12px 14px }
.ui-menu .ui-menu-item a.ui-state-hover {background-color: #21292e }
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active{font-weight: normal;  }



.ui-button{display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible} /* the overflow property removes extra width in IE */
.ui-button-icon-only{width: 2.2em}
button.ui-button-icon-only{width: 2.4em}
.ui-button-icons-only{width: 3.4em}
button.ui-button-icons-only{width: 3.7em}

.ui-button .ui-button-text{display: block; line-height: 1.4;  }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text{padding: .4em; text-indent: -9999999px}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text{padding: .4em 1em .4em 2.1em}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text{padding: .4em 2.1em .4em 1em}
.ui-button-text-icons .ui-button-text{padding-left: 2.1em; padding-right: 2.1em}
input.ui-button{padding: .4em 1em}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon{position: absolute; top: 50%; margin-top: -8px}
.ui-button-icon-only .ui-icon{left: 50%; margin-left: -8px}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary{left: .5em}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary{right: .5em}
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary{right: .5em}

.ui-buttonset{margin-right: 5px}
.ui-buttonset .ui-button{margin: 0 3px; background: #FAFAFA; border: 1px solid #D5D5D5; line-height: 14px; font-size: 11px}

button.ui-button::-moz-focus-inner{border: 0; padding: 0} /* reset extra padding in Firefox */

.ui-dialog{position: absolute; padding: 5px; width: auto; background: #585858; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}

.ui-dialog input[type=text], .ui-dialog input[type=password], .ui-dialog textarea{font-size: 11px; padding: 6px 5px; background: white; border: 1px solid #DDD; width: 100%; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 0 0 2px #f4f4f4; color: #656565; width: 95%; margin: 10px auto; display: block}
.ui-dialog form{text-align: center}
.ui-dialog form label{float: left; margin: 3px 0 0 10px; cursor: pointer}
.ui-dialog .icon{padding: 1px 6px 0 0; float: left}
.ui-dialog p{padding: 0!important}
.ui-dialog .ui-dialog-titlebar{position: relative; border-bottom: 1px solid #cdcdcd; border-radius: 0!important;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}
.ui-dialog .ui-dialog-title{height: 36px; padding: 0 12px 0 12px; line-height: 36px}
.ui-dialog .ui-dialog-titlebar-close{position: absolute; right: 6px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px}
.ui-dialog .ui-dialog-titlebar-close span{display: block; margin: 1px; opacity: 0.6}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{padding: 1px; background: #fafafa}
.ui-dialog .ui-dialog-content{position: relative; overflow: auto; zoom: 1; padding: 10px 12px; background: #FAFAFA; clear: both}
.ui-dialog .ui-dialog-buttonpane{padding: 0 12px; font-size: .9em; border-top: 1px solid #cdcdcd; height: 36px;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{/*float: right;*/ text-align: center; margin: 0 2px}

.ui-dialog .ui-dialog-buttonpane button{font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 4px 18px 5px 18px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; border: 1px solid #576270; color: #fff; margin: 6px 0 5px 0; border-radius: 0!important;
background: #757d87;
background: -moz-linear-gradient(top,  #757d87 0%, #576270 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757d87), color-stop(100%,#576270));
background: -webkit-linear-gradient(top,  #757d87 0%,#576270 100%);
background: -o-linear-gradient(top,  #757d87 0%,#576270 100%);
background: -ms-linear-gradient(top,  #757d87 0%,#576270 100%);
background: linear-gradient(to bottom,  #757d87 0%,#576270 100%);
}
.ui-dialog .ui-dialog-buttonpane button:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95;}
.ui-dialog .ui-dialog-buttonpane button:active{background: #576270; box-shadow: 0 1px 3px #707070 inset; -webkit-box-shadow: 0 1px 3px #707070 inset; -moz-box-shadow: 0 1px 3px #707070 inset}

.ui-dialog .ui-resizable-se{width: 14px; height: 14px; right: 5px; bottom: 5px; opacity: 0.3}
.ui-draggable .ui-dialog-titlebar{cursor: move}


.ui-slider{position: relative; text-align: left}
.ui-slider .ui-slider-handle{position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default; background: url(../img/ui/handle.png) no-repeat; border: none; cursor: pointer}
.ui-slider .ui-slider-range{position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: url(../img/ui/sliderOverlay.png) repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px}

.ui-slider-horizontal{height: 8px; background: url(../img/ui/sliderBg.png) repeat-x; clear: both; margin: 8px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px}
.ui-slider-horizontal .ui-slider-handle{top: -5px; margin-left: -.6em}
.ui-slider-horizontal .ui-slider-range{top: 0; height: 100%}
.ui-slider-horizontal .ui-slider-range-min{left: 0}
.ui-slider-horizontal .ui-slider-range-max{right: 0}

.ui-slider-vertical{width: 6px; height: 100px; background: url(../img/ui/sliderBgVert.png) repeat-y}
.ui-slider-vertical .ui-slider-handle{left: -5px; margin-left: 0; margin-bottom: -.6em}
.ui-slider-vertical .ui-slider-range{left: 0; width: 100%; background: url(../img/ui/sliderOverlayVert.png) repeat-y}
.ui-slider-vertical .ui-slider-range-min{bottom: 0}
.ui-slider-vertical .ui-slider-range-max{top: 0}


.ui-tabs{position: relative; padding: .2em; zoom: 1}
.ui-tabs .ui-tabs-nav{margin: 0; padding: .2em .2em 0}
.ui-tabs .ui-tabs-nav li{list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap}
.ui-tabs .ui-tabs-nav li a{float: left; padding: .5em 1em; text-decoration: none}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom: 0; padding-bottom: 1px}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor: text}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor: pointer}
.ui-tabs .ui-tabs-panel{display: block; border-width: 0; padding: 1em 1.4em; background: none}
.ui-tabs .ui-tabs-hide{display: none !important}


.datepicker{width: 58px!important}
.ui-datepicker{width: 17em; padding: .2em .2em 0; border: 1px solid #ddd; -webkit-box-shadow: 0 0 0 2px #f4f4f4; background: #fff; margin-top: 1px; z-index: 3; display: none}
.ui-datepicker > .ui-state-hover{background: none}
.ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-active{background: #f5f5f5}
.ui-datepicker-append{margin-left: 14px; font-size: 11px}
.ui-datepicker .ui-datepicker-header{position:relative; padding:.2em 0; border: 1px solid #ddd;  background: url(../img/backgrounds/navItemBg.png) repeat-x }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute; top: 2px; width: 6px; height: 9px}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top: 2px; cursor: pointer; background: none}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px;  }
.ui-datepicker .ui-datepicker-next .ui-icon{background-position: -10px 0}
.ui-datepicker .ui-datepicker-prev .ui-icon{background-position: 10px 0}
.ui-datepicker .ui-datepicker-prev-hover{left: 2px}
.ui-datepicker .ui-datepicker-next-hover{right: 2px}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: 4px; background: url(../img/jquery_ui/datePickerArrows.png) no-repeat;  }
.ui-datepicker .ui-datepicker-title{margin: 0 2.3em; line-height: 26px; text-align: center; color: #efefef}
.ui-datepicker .ui-datepicker-title select{font-size:1em; margin:1px 0}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em}
.ui-datepicker table .ui-state-default{border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}
.ui-datepicker table tbody{font-size: 11px}
.ui-datepicker th{padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td{border: 0; padding: 1px}
.ui-datepicker td span, .ui-datepicker td a{display: block; padding: 2px 4px; text-align: right; text-decoration: none; color: #737373}
.ui-datepicker .ui-datepicker-buttonpane{background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0}
.ui-datepicker .ui-datepicker-buttonpane button{float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}

.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%; margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both; width:100%}

.ui-datepicker-rtl{direction: rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right: 2px; left: auto}
.ui-datepicker-rtl .ui-datepicker-next{left: 2px; right: auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right: 1px; left: auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left: 1px; right: auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float: left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right}
.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0; border-left-width:1px}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0; border-left-width:1px}


.ui-progressbar{height: 16px; text-align: left; margin-top: 5px; background: url(../img/ui/progress.png) repeat-x}
.ui-progressbar .ui-progressbar-value {margin: 0px; height:100%; overflow: hidden; display: block; background: url(../img/ui/progressOverlay.png) repeat-x; border-right: 1px solid #3c95d8}
.pbar .ui-progressbar-value {display:block !important}
.pbar, .precent, elapsed{display: block}
.percent, .elapsed{position: relative; margin-top: 5px; font-size: 11px}
.pbar{overflow: hidden; background: url(../img/ui/progress.png) repeat-x;}
.percent{float: right}
.elapsed{float: left;}


div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../img/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

.el-finder{background-color: #fafafa}
.el-finder-undocked{position:absolute; min-width:400px; border:1px solid #ccc; padding:5px}

.el-finder-err{padding: 15px; text-align:center; background: #fee; color: #cc0509; border: 2px #844 solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}

.el-finder-disabled .el-finder-toolbar li, .el-finder-disabled .el-finder-nav, .el-finder-disabled .el-finder-cwd{opacity:0.35; filter:Alpha(Opacity=35)}
.el-finder .el-finder-droppable{background-color:#99ccff}
.el-finder .ui-selected{background-color:#efefef}

.el-finder input{margin:0; padding:0; outline:none; border:1px solid #ccc}

.el-finder-toolbar ul{padding:6px 7px; margin:0; list-style:none; background: #fafafa}
.el-finder-toolbar ul li{display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; height:22px; width:23px; margin:0 2px; padding:0; background: url(../img/fileManager/toolbar.png) no-repeat; border: 1px solid #efefef; cursor: pointer}
.el-finder-toolbar ul li.delim{border:none; width:3px; background-position: 1px -610px}
.el-finder-toolbar ul li.el-finder-tb-hover{border:1px solid #d5d5d5; border-radius:2px;  -moz-border-radius:2px;  -webkit-border-radius:2px}
.el-finder-toolbar ul li.disabled{opacity:0.35; filter:Alpha(Opacity=35)}

.el-finder-toolbar ul li.back      {background-position: 3px -171px}
.el-finder-toolbar ul li.reload    {background-position: 3px -192px}
.el-finder-toolbar ul li.select    {background-position: 3px -214px}
.el-finder-toolbar ul li.open      {background-position: 4px -235px}
.el-finder-toolbar ul li.mkdir     {background-position: 4px -258px}
.el-finder-toolbar ul li.mkfile    {background-position: 4px -280px}
.el-finder-toolbar ul li.upload    {background-position: 3px -305px}
.el-finder-toolbar ul li.rm        {background-position: 3px -330px}
.el-finder-toolbar ul li.copy      {background-position: 3px -356px}
.el-finder-toolbar ul li.paste     {background-position: 3px -381px}
.el-finder-toolbar ul li.rename    {background-position: 3px -407px}
.el-finder-toolbar ul li.edit      {background-position: 4px -435px}
.el-finder-toolbar ul li.info      {background-position: 3px -462px}
.el-finder-toolbar ul li.help      {background-position: 3px -487px}
.el-finder-toolbar ul li.icons     {background-position: 3px -537px}
.el-finder-toolbar ul li.list      {background-position: 3px -557px}
.el-finder-toolbar ul li.uncompress{background-position: 3px -583px}
.el-finder-toolbar ul li.resize    {background-position: 3px -656px}
.el-finder-toolbar ul li.quicklook {background-position: 3px -726px}

.el-finder-dock-button{width:19px; height:19px; float:right; margin: 2px; border:1px solid #ccc; border-radius:3px;  -moz-border-radius:3px;  -webkit-border-radius:3px; background:url(../img/fileManager/toolbar.png) 2px -705px no-repeat}
.ui-dialog .el-finder-dock-button{background-position:2px -681px}
.el-finder-dock-button-hover{background-color:#ccc; border:1px solid #fff}

.el-finder-workzone{background-color:#fafafa; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; position:relative}
.el-finder-spinner{position:absolute; top:37%; left:37%; width:250px; height:50px; background:transparent url(../img/fileManager/spinner.gif) 50% 50% no-repeat; display:none}

.el-finder-workzone p.el-finder-err{display:none; position:absolute; left:37%; top:20px}

.el-finder-nav, .el-finder-cwd{height:350px; overflow:auto; padding:3px 1px}

.el-finder-nav{float:left; width : 200px; background:#fefefe}
.el-finder-nav .ui-resizable-e{right:0}

.el-finder-nav ul{list-style:none; margin:0; padding:0}
.el-finder-nav ul li{clear:both; margin: 1px 0}
ul.el-finder-tree, ul.el-finder-places{margin-bottom:1em; margin-top: 5px}
.el-finder-nav ul li ul{margin-left:12px}
.el-finder-nav ul div{width:12px; height:20px; float:left; margin-right:23px}
.el-finder-nav  a, .el-finder-nav  div.collapsed{background-image:url(../img/fileManager/toolbar.png); background-repeat:no-repeat}
.el-finder-nav  div.collapsed{background-position: -1px 7px}
.el-finder-nav div.expanded{background-position: -1px -9px}

.el-finder-nav a{display: block; white-space:nowrap; line-height:20px; color:#444; cursor:default; text-decoration:none; outline:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background-position: 15px -56px; font-size: 11px}
.el-finder-nav a.dropbox{background-position: 15px -80px}
.el-finder-nav a.readonly{background-position: 15px -104px}
.el-finder-nav a.noaccess{background-position: 15px -750px}
.el-finder-nav a.selected{background-color:#efefef; background-position: 15px -128px}
.el-finder-nav a.el-finder-tree-root{background-position: 15px -30px; font-weight:bold}
.el-finder-nav a.el-finder-places-root{background-position: 15px -152px; font-weight:bold}
.el-finder-nav ul.el-finder-tree .el-finder-droppable{background-position: 15px -237px}

.el-finder-cwd{border-left: 1px solid #d5d5d5; padding: 3px; background: #fefefe}
.el-finder-cwd div{width: 80px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:0 3px 3px 0; padding:1px 0; text-align:center; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background-color:transparent}
.el-finder-cwd p, .el-finder-ql p{width:48px; height:48px; margin:5px auto; padding:0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background: url(../img/fileManager/icons-big.png) -1px 1px no-repeat}

.directory p{background-position: 0 -50px}
.application p,.x-java p{background-position: -1px -150px}
.audio p{background-position: -1px -300px}
.image p{background-position: -1px -250px;  }
.text p, .x-empty p{background-position: -1px -200px}
.video p{background-position: -1px -350px}
.vnd-adobe-photoshop p, .postscript p{background-position: 0 -250px}

.rtf p, .rtfd p{background-position: 0 -400px}
.html p{background-position: 0 -550px}
.css p{background-position: 0 -600px}
.javascript p, .x-javascript p {background-position: 0 -650px}
.x-perl p{background-position: 0 -700px}
.x-python p{background-position: 0 -750px}
.x-ruby p{background-position: 0 -800px}
.x-sh p, .x-shellscript p{background-position: 0 -850px}
.x-c p, .x-java-source p{background-position: 0 -900px}
.x-php p {background-position: 0 -950px}
.xml p          {background-position: 0 -1000px}

.vnd-ms-office p,
.msword p,
.vnd-ms-word p,
.vnd-oasis-opendocument-text p,
.ms-excel p,
.vnd-ms-excel p,
.vnd-oasis-opendocument-spreadsheet p,
.vnd-ms-powerpoint p,
.vnd-oasis-opendocument-presentation p{background-position: 0 -500px}
.pdf p{background-position: 0 -450px}
.x-shockwave-flash p{background-position: 0 -1250px}

.zip p, .x-7z-compressed p{background-position: 0 -1050px}
.x-gzip p, .x-tar p {background-position: 0 -1100px}
.x-bzip p, .x-bzip2 p{background-position: 0 -1150px}
.x-rar p, .x-rar-compressed p{background-position: 0 -1200px}

.el-finder-cwd div.el-finder-droppable p{background-position: 0 -98px}

.el-finder-cwd label{display:block; font-size:11px; line-height:13px; padding:0 1px; margin:0; height:25px; overflow:hidden; cursor:default}
.el-finder-cwd div input{background:#fff; color:#000; width:81px; margin-left:-2px; outline:none; border:1px solid #ccc; text-align:center}
.el-finder-cwd div em{float:left; margin-top:-40px; margin-left:9px; width:15px; height:16px; background:url(../img/fileManager/icons-big.png) -17px -1310px no-repeat}
.el-finder-cwd div em.dropbox{float:right; margin-right:9px; background-position: 0 -1308px}
.el-finder-cwd div em.noread{float:right; margin-right:9px; background-position: 0 -1310px}
.el-finder-cwd div em.readonly{float:right; margin-right:9px; background-position: -34px -1306px}
.el-finder-cwd div em.noaccess{float:right; margin-right:9px; background-position: 0 -1430px}

.el-finder-cwd table{width:100%; border-collapse: collapse; border-spacing: 0; border:1px solid #ccc; border-top:0 solid; border-left:0 solid; margin:-3px -3px}
.el-finder-cwd table tr{background:transparent}
.el-finder-cwd table tr.el-finder-row-odd{background-color:#eee}
.el-finder-cwd table tr.ui-selected{background-color:#ccc}
.el-finder-cwd table th, .el-finder-cwd table td{padding:3px 5px; border-left:1px solid #ccc; cursor:default; white-space:nowrap; color:#000; vertical-align: middle}
.el-finder-cwd table th{text-align:left; background:#fbf9ee; font-size:.86em}
.el-finder-cwd table td.icon{width:24px}
.el-finder-cwd table  p{width:24px; height:16px; margin:0; padding:0; background:url(../img/fileManager/icons-small.png) 4px 0 no-repeat}
.el-finder-cwd table .size{text-align:right}

tr.directory   p{background-position:4px  -16px}
tr.text        p{background-position:5px  -34px}
tr.image       p{background-position:4px  -51px}
tr.audio       p{background-position:4px  -70px}
tr.video       p{background-position:5px  -89px}
tr.application p{background-position:4px -108px}

tr.html          p {background-position:5px  -188px}
tr.javascript    p,
tr.x-javascript  p,
tr.css       p,
tr.x-sql       p,
tr.xml       p,
tr.x-python      p,
tr.x-java-source p,
tr.x-perl        p,
tr.x-ruby        p {background-position:5px  -228px}
tr.x-php         p {background-position:5px  -247px}
tr.x-c           p {background-position:5px  -208px}
tr.x-shellscript p,
tr.x-sh          p {background-position:5px  -168px}
tr.rtf p, tr.rtfd p{background-position:5px  -148px}
/* application */
tr.x-shockwave-flash p{background-position:4px  -266px}
tr.pdf               p{background-position:4px  -285px}
tr.vnd-ms-office     p{background-position:4px  -325px}
tr.msword p,
tr.vnd-oasis-opendocument-text  p,
tr.vnd-ms-word p{background-position:4px -346px}
tr.vnd-ms-excel p,
tr.ms-excel p,
tr.vnd-oasis-opendocument-spreadsheet{background-position:4px -365px}
tr.vnd-ms-powerpoint p,
tr.vnd-oasis-opendocument-presentation{background-position:4px -385px}
/* archives */
tr.x-tar   p,
tr.x-gzip  p,
tr.x-bzip  p,
tr.x-bzip2 p,
tr.zip     p,
tr.x-rar   p,
tr.x-rar-compressed p,
tr.x-7z-compressed  p{background-position:4px -305px}

tr.el-finder-droppable td.icon  p{background-position:5px -450px}

.el-finder-cwd table td p em {
  float:left;
  width:10px;
  height:12px;
  margin-top:5px;
  background:url(../img/fileManager/icons-small.png) 0px -405px no-repeat;
}

.el-finder-cwd table p em.readonly{background-position:0px -433px}
.el-finder-cwd table p em.dropbox {background-position:0px -418px}
.el-finder-cwd table p em.noread,
.el-finder-cwd table p em.noaccess{background-position:0px -470px}

.el-finder-statusbar{height: 27px}
.el-finder-stat, .el-finder-path, .el-finder-sel{padding:3px 9px 1px 9px; font-size:11px; color:#555}
.el-finder-path{float:left}
.el-finder-stat{float:right}
.el-finder-sel{text-align:center}

.el-finder-dialog{font-size: 12px}
.el-finder-dialog form p, .el-finder-dialog .ui-tabs p{margin:.5em}
.el-finder-dialog .ui-dialog-titlebar{background: url(../img/leftNavBg.png) repeat-x 0 0; border: 1px solid #D5D5D5; border-bottom: 0; height: 38px}
.el-finder-dialog .ui-dialog-buttonpane{padding: 0 12px; font-size: .9em; background: url(../img/leftNavBg.png) repeat-x 0 0; border: 1px solid #D5D5D5; border-top: none}
.el-finder-dialog .ui-dialog-content{padding: 5px; background: #FAFAFA; border: 1px solid #D5D5D5}
.el-finder-dialog hr{border:0; border-bottom: 1px #ccc solid; clear:both }
.el-finder-dialog ul{margin-top:0}
.el-finder-dialog kbd{font-size:1.2em;}
.el-finder-dialog a{outline: none;}
.el-finder-dialog textarea{width:98.9%; height:400px; outline:none; border:1px solid #ccc}
.ui-state-error{margin: 5px 0; padding:.5em; clear:both}
.el-finder-dialog .ui-state-error .ui-icon{float: left; margin-right: .3em}
.el-finder-add-field{cursor:pointer}
.el-finder-add-field span{float:left; margin-right:.7em}
.el-finder-dialog table{width : 100%}
.el-finder-dialog table td{padding:2px 6px}
.el-finder-dialog .ui-tabs{font-size:.98em}
.el-finder-dialog .ui-tabs div{padding:0 .5em}
.el-finder-dialog .ui-tabs-nav li a{padding:.2em 1em}

.el-finder-contextmenu{position:absolute; width:200px; background:#fff;  color:#000; cursor:default; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 0}
.el-finder-contextmenu div{position:relative; display:block; margin:0; padding:4px 29px 4px 29px; white-space:nowrap; font:12px trebuchet ms,lucida grande,verdana,sans-serif; background:url(../img/fileManager/toolbar.png) 0 0 no-repeat}
.el-finder-contextmenu  span{float:right; width:9px; height:18px; margin-right:-27px; background:url(../img/fileManager/toolbar.png) -4px 5px no-repeat}
.el-finder-contextmenu  div.el-finder-contextmenu-sub{position:absolute; top:0; display:none; margin:0; padding:5px 0; background:#fff; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}

.el-finder-contextmenu div.reload    {background-position: 5px -192px}
.el-finder-contextmenu div.select    {background-position: 5px -214px}
.el-finder-contextmenu div.open      {background-position: 6px -235px}
.el-finder-contextmenu div.mkdir     {background-position: 6px -258px}
.el-finder-contextmenu div.mkfile    {background-position: 6px -280px}
.el-finder-contextmenu div.upload    {background-position: 5px -305px}
.el-finder-contextmenu div.rm        {background-position: 5px -330px}
.el-finder-contextmenu div.copy      {background-position: 5px -356px}
.el-finder-contextmenu div.cut       {background-position: 5px -631px}
.el-finder-contextmenu div.duplicate {background-position: 5px -356px}
.el-finder-contextmenu div.paste     {background-position: 5px -381px}
.el-finder-contextmenu div.rename    {background-position: 5px -407px}
.el-finder-contextmenu div.edit      {background-position: 6px -435px}
.el-finder-contextmenu div.info      {background-position: 5px -462px}
.el-finder-contextmenu div.help      {background-position: 5px -487px}
.el-finder-contextmenu div.icons     {background-position: 5px -537px}
.el-finder-contextmenu div.list      {background-position: 5px -557px}
.el-finder-contextmenu div.archive   {background-position: 5px -583px}
.el-finder-contextmenu div.extract   {background-position: 5px -583px}
.el-finder-contextmenu div.resize    {background-position: 5px -655px}
.el-finder-contextmenu div.quicklook {background-position: 5px -727px}

.el-finder-contextmenu div.delim{margin:0; padding:0; height:1px; border-top:1px solid #eee; background:transparent; display:block}
.el-finder-contextmenu div.hover{background-color:#99ccff}
.el-finder-places{margin-top:.5em}
.el-finder-drag-helper{padding:0; cursor:move; zoom:1}
.el-finder-drag-helper div{border:0 solid; margin-left:-57px}
.el-finder-drag-copy{background:url(../img/fileManager/toolbar.png) 0 -771px no-repeat}
.el-finder-drag-helper label{border:1px solid #ccc; background-color:#eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}

.el-finder-ql{position:absolute; width:420px; height:auto; padding:12px 9px; text-align:center; border-radius:9px;  -moz-border-radius:9px; -webkit-border-radius:9px; background:url(../img/fileManager/ql.png); overflow: inherit !important}
.el-finder-ql.directory p{background-position:  0 -50px}

.el-finder-ql div.el-finder-ql-drag-handle{height:18px; font-size:14px; background-color:#777; margin:-12px -9px 12px -9px; padding:3px 0 0 19px; opacity:.8; text-align:center; white-space: nowrap; overflow:hidden; -moz-border-radius-topleft:9px;  -moz-border-radius-topright:9px; -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; border-top-left-radius: 9px; border-top-right-radius: 9px}

.el-finder-ql div.el-finder-ql-drag-handle span{float: left; margin: 0 19px 0 -15px}

.el-finder-ql div.el-finder-ql-drag-handle strong{line-height: 18px; margin-left: -17px; color: #fff}
.el-finder-ql div.el-finder-ql-media{width:100%; padding:0}
.el-finder-ql div.el-finder-ql-content{width:100%; font:.82em/1.3em trebuchet ms,lucida grande,verdana,sans-serif; padding:5px 0; overflow:hidden}
.el-finder-ql div.el-finder-ql-content span, .el-finder-ql div.el-finder-ql-content a{display:block; color: #fff}

.el-finder-ql iframe{background:#fff; width:100%; height:315px; padding:0; margin:0; border:none; outline:none}

.el-finder-ql img{margin:0 auto; border:1px solid #fff}

.el-finder-help-std{background: url(../img/fileManager/icons-big.png) 0 -1380px no-repeat; width:48px; height:48px; float:right}

.el-finder-logo{background: url(../img/fileManager/icons-big.png) 0 -1329px no-repeat; width:48px; height:48px; float:left}

.el-finder-ql .ui-resizable-e, .el-finder-ql .ui-resizable-s{background:transparent !important;}


html{height: 100%; background: transparent url(../img/backgrounds/bg.jpg)}
.html{height: 100%;  }
body{min-height: 100%; font-size: 12px; color: #595959; font-family: Arial, Helvetica, sans-serif; line-height: 20px; position: relative}
body, .body_bg{background: url(../img/backgrounds/bodyBg.png) repeat-y 0 0}
.body_bg_none {background: none}
.wrapper{position: relative; margin: 0 3%}
.contentWrapper{position: relative; margin: 0 3%; float: right; width: 94%}
.chart, .bars, .updating, .pie{height: 250px; z-index: 90; max-width: 100%}
.chartWrapper{overflow: hidden}

h1{font-size: 24px}
h2{font-size: 22px}
h3{font-size: 20px}
h4{font-size: 18px}
h5{font-size: 16px}
h6{font-size: 14px}

.redBack, .greenBack, .greyBack, .blueBack{padding: 4px 6px; -webkit-border-radius : 2px; -moz-border-radius: 2px; color: #fafafa}
.redBack{background: #b75d5d}
.greenBack{background: #7ab75d}
.greyBack{background: #6a6a6a}
.blueBack{background: #5d92b7}

p{padding-top: 12px}

.textL{text-align: left}
.textR{text-align: right}
.textC{text-align: center}

.red{color: #A73939}
.green{color: #599414}
.lGrey{color: #808080}
.blue{color: #4286ad}
.orange{color: #c75510}

.f11{font-size: 11px}

.line{height: 8px; background: url(../img/divider.png) repeat-x; display: block}
.cLine{height: 4px; background: url(../img/contentDivider.png) repeat-x}
.sidebarSep{background: url(../img/sidebarSep.png) no-repeat 50%; height: 8px; width: 100%; margin: 16px 0}

.legendLabel span{display: block; margin: 0 5px}
.legendColorBox{padding-left: 10px}

.clear{clear: both}

.last{border-bottom: none!important}

.floatR{float: right}
.floatL{float: left}

.nobg{background: none!important}
.nomargin{margin: 0}
.nomarginL{margin-left: 0!important}
.nomarginR{margin-right: 0!important}
.np{padding: 0!important}

.sideMargin{margin: 0 12px}

#leftSide{background: url(../img/backgrounds/leftTop.png) repeat-x 0 0; margin: 0 2px; float: left; width: 216px; padding: 0 1px; padding-bottom: 60px}
#rightSide{padding-bottom: 62px; overflow: hidden; min-height:800px}

.scroll{height: 182px; overflow: auto}

.dn, .resp{display: none}

select[multiple]{border: 1px solid #ddd; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; color: #656565; background: white}

::-webkit-input-placeholder{color: #b3b3b3}
:-moz-placeholder{color: #b3b3b3}

img{vertical-align: middle}



/* ==========  Login page  ========== */

.loginPage .userNav{margin-right: 0!important}
.loginPage .topNav{text-align: center; position: static}
.loginPage .userNav, .loginPage .userNav ul{float: none; border: none}
.loginPage .userNav ul li{display: inline-block; float: none; margin-left: -4px}
.loginPage input[type=text], .loginPage input[type=password]{width: 100%!important }
.loginPage #footer .wrapper{padding-left: 0}
.loginPage .formRow{padding: 18px 14px}

.loginWrapper{margin: -119px 0 0 -170px; position: absolute; top: 50%; left: 50%}
.loginWrapper .widget{width: 340px; background: #f9f9f9; border: 1px solid #cdcdcd; display: block; height: 236px}
.loginLogo{position: absolute; width: 236px; height: 60px; display: block; top: -55px; left: 50%; margin-left: -118px}
.loginControl{border-top: 1px solid #fff; padding: 16px 14px}
.logMeIn{float: right; padding: 7px 20px 8px 20px!important}
.loginInput{width: 190px; float: right; margin-right: 14px!important}

.rememberMe{float: left; margin-top: 6px}
.rememberMe label{width: auto; display: block; white-space: nowrap; margin: -2px 14px 0 14px; float: left; cursor: pointer}

.backTo{border-left: 1px solid #39454f; border-right: 1px solid #39454f; float: left}
.backTo .inner{border-left: 1px solid #1c262b; border-right: 1px solid #1c262b; float: left}
.backTo a:hover{background: #293138; border-left: 1px solid #293138; border-right: 1px solid #293138}
.backTo span{padding: 4px 15px 4px 8px; display: block; float: left}
.backTo img{margin: 9px 2px 0px 14px; float: left; display: block}
.backTo a{float: left; color: #eeeeee; font-size: 11px; border-left: 1px solid #39454f; border-right: 1px solid #39454f}



.errorWrapper{position: absolute; top: 70px; bottom: 0; text-align: center; left: 0; right: 0; height: 430px}
.errorWrapper .button{margin-bottom: 30px}
.sadEmo{background: url(../img/sadEmo.png) no-repeat; display: block; height: 62px; margin: 0 auto 0px auto; width: 62px}
.errorWrapper .errorTitle{display: block; text-shadow: 1px 0 0 #fff; text-align: center; font-size: 20px; border-bottom: 1px solid #cdcdcd; padding: 20px 14px; font-weight: bold; color: #d76a6a; font-style: italic}
.errorWrapper .errorNum{color: #fff; font-size: 200px; text-stroke: 1px transparent; padding: 120px 0 80px 0; display: block;
text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15)}

.errorDesc{display: block; margin: 40px 0 25px 0; font-weight: bold; font-size: 14px}





.numberTop, .numberMiddle, .numberRight, .groupNum{text-align: center; background: url(../img/backgrounds/numberBg.png) repeat-x; display: inline-block; padding: 1px 5px; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; float: right; margin: 10px 15px 10px -5px; font-size: 11px; line-height: 14px; width: auto; height: auto!important}
.numberTop{margin: 6px 12px 6px -5px; padding: 1px 5px!important}
.numberMiddle{margin: 0; position: absolute; top: -8px; right: -1px; font-size: 11px}
.numberRight{margin: 1px 3px; background: #1B232A; border: 1px solid #333c45; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color: #d5d5d5}
.groupNum{display: block; float: none; position: absolute; top: -9px; right: 0; margin: 0; box-shadow: 0 0 0 1px #262f36; -webkit-box-shadow: 0 0 0 1px #262f36; -moz-box-shadow: 0 0 0 1px #262f36}



.topNav{background: url(../img/backgrounds/topnavBg.png) repeat-x; display: block; color: #eeeeee; margin: 0 0 0 -2px; padding: 3px 0; position: fixed; width: 100%; z-index: 999}
.userNav{border-left: 1px solid #39454f; border-right: 1px solid #39454f; margin-right: -2px}

.welcome{float: left; margin-left: -4px}
.welcome img{float: left; margin: 6px 8px 6px 0 }
.welcome span{padding: 4px 5px; display: block; white-space: nowrap; float: left; font-size: 11px}

.userNav{float: right; z-index: 6000; position: relative; font-size: 11px; margin-right: 214px}
.userNav ul{border-left: 1px solid #39454f; border-right: 1px solid #39454f; margin-right: -1px}
.userNav ul li{display: inline; float: left; position: relative; cursor: pointer; border-left: 1px solid #1c262b; border-right: 1px solid #1c262b; margin-left: -1px}
.userNav ul li a{color: #eeeeee; text-decoration: none; display: block; float: left; border-left: 1px solid #39454f; border-right: 1px solid #39454f}
.userNav ul li a:hover{border-left: 1px solid #293138; border-right: 1px solid #293138; background-color: #293138}
.userNav ul li span{display: block; padding: 4px 15px 4px 8px; float: left}
.userNav ul li img{float: left; display: block; margin: 9px 2px 0px 14px}

ul.userDropdown{position: absolute; left: -9px; display: none; top: 35px; background: url(../img/subArrow.png) no-repeat 50% 0; padding: 0 1px 1px 1px; z-index: 100; border: none}
ul.userDropdown li{display: block; float: none; border-bottom: 1px solid #1c252b; border-top: 1px solid #404950; background: url(../img/backgrounds/navBg.jpg)}
ul.userDropdown li:hover{border-top: 1px solid #374047}
ul.userDropdown li:first-child{margin-top: 6px; border-top: none; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px}
ul.userDropdown li:last-child{-webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px}
ul.userDropdown li a{width: 100px; padding: 6px 10px 7px 32px; font-size: 11px; text-transform: none; font-weight: normal; float: none; border: none}
ul.userDropdown li a:hover{border-right: none; border-left: none}

.sAdd{background: url(../img/icons/topnav/subAdd.png) no-repeat 11px}
.sInbox{background: url(../img/icons/topnav/subInbox.png) no-repeat 11px}
.sOutbox{background: url(../img/icons/topnav/subOutbox.png) no-repeat 11px}
.sTrash{background: url(../img/icons/topnav/subTrash.png) no-repeat 11px}




.nav li.dash a span{background-image: url(../img/icons/light/home.png)}
.nav li.products span{background-image: url(../img/icons/light/cart3.png)}
.nav li.reports a span{background-image: url(../img/icons/light/graph.png)}
.nav li.settings span{background-image: url(../img/icons/light/settings2.png)}
.nav li.transactions a span{background-image: url(../img/icons/light/buzz.png)}
.nav li.microsites a span{background-image: url(../img/icons/light/priceTag.png)}
.nav li.inventories a span{background-image: url(../img/icons/light/chart8.png)}
.nav li.stations a span{background-image: url(../img/icons/light/map.png)}
.nav li.lpg_distributors a span{background-image: url(../img/icons/light/map.png)}
.nav li.digital_balance a span{background-image: url(../img/icons/light/monitor.png)}

.nav li a span{background-position: 12px 13px; background-repeat: no-repeat}



.logo{border-top: 1px solid #3b4751; margin: 3px 1px 0 1px; padding: 20px 39px}

.nav{border-top: 1px solid #1c252b}
.nav li{position: relative}
.nav li a{display: block; background: url(../img/backgrounds/navItemBg.png) repeat-x 0 0; border-bottom: 1px solid #1c252b; border-top: 1px solid #404950}
.nav li a:hover{background-position: 0 -43px; border-top: 1px solid #516271}
.nav li a.active, .nav li a:active{background-position: 0 -86px; border-top: 1px solid #657d92}
.nav li a span{padding: 10px 0 12px 42px; display: block; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #efefef}

.nav li a strong{background: #1b232a; display: block; position: absolute; right: 10px; padding: 0 7px; top: 12px; box-shadow: 0 1px 1px #38444f; -webkit-box-shadow: 0 1px 1px #38444f; -moz-box-shadow: 0 1px 1px #38444f; font-size: 11px; color: #efefef}
.nav li a.active strong, .nav li a:active strong{background: #212a31; box-shadow: 0 1px 1px #557188; -webkit-box-shadow: 0 1px 1px #557188; -moz-box-shadow: 0 1px 1px #557188}


.nav .last{border-bottom: none}

ul.sub{border-bottom: 1px solid #1a2126; border-top: none; background: url(../img/backgrounds/subNavBg.jpg)}
ul.sub li{border-bottom: 1px solid #1c252a; border-top: 1px solid #30373d}
ul.sub li.this{background: url(../img/backgrounds/subNavBg_active.jpg); border-bottom: 1px solid #192226; border-top: 1px solid #192226}
ul.sub li.this:first-child{border-top: 1px solid #30373D}
ul.sub li.this a{color: #d5d5d5}
ul.sub li a{background: url(../img/arrow.gif) no-repeat 12px 16px; border: none; font-family: Arial, Helvetica, sans-serif; color: #494949; font-size: 11px; padding: 8px 10px 8px 26px; color: #9da1a5}
ul.sub li a:hover{font-style: normal; border: none; color: #d5d5d5; background: url(../img/arrow.gif) no-repeat 12px 16px}

ul.sub li ul{border: none; border-top: 1px solid #c9c9c9}
ul.sub li ul li{padding-left: 10px}



.smalldd{display: block; position: relative; background: url(../img/backgrounds/respNavBg.png) repeat-x}
.smalldd ul{position: absolute; z-index: 999; display: none; width: 100%; top: 38px}
.smalldd ul li{background: url(../img/backgrounds/navBg.jpg); border-top: 1px solid #444b52; border-bottom: 1px solid #1c252a; position: relative}
.smalldd ul li a{padding: 8px 6%; display: block; color: #CECECE; font-size: 11px}
.smalldd ul li a img{padding-top: 3px; display: block; float: left; margin-right: 16px}
.smalldd ul li a:hover{background: #2a333b}
.smalldd ul li:hover{/*border-top: 1px solid #323940*/ }

.smalldd ul li a span{padding: 10px 0 12px 42px; display: block; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #efefef}
.smalldd ul li a strong{background: #1b232a; display: block; position: absolute; right: 10px; padding: 0 7px; top: 8px; box-shadow: 0 1px 1px #38444f; -webkit-box-shadow: 0 1px 1px #38444f; -moz-box-shadow: 0 1px 1px #38444f; font-size: 11px; color: #efefef}

.smalldd ul li > ul li{background: url(../img/backgrounds/subNavBg.jpg); border-bottom: 1px solid #1a2227; border-top: 1px solid #303a43}
.smalldd ul li > ul li:first-child{border-top-color: #303a43}
.smalldd ul li > ul li:hover{background: #222a30}
.smalldd ul li > ul li:hover a{color: #fff}
.smalldd ul li > .active{border-bottom: 1px solid #1C252A }

.smalldd ul li ul{display: block; position: static}
.smalldd ul li ul li a, .smalldd ul li ul li a:hover{padding-left: 50px; font-size: 11px; background: url(../img/arrow.gif) no-repeat 32px 16px }

.smalldd > .inactive, .smalldd > .active, .smalldd > .inactive:hover, .smalldd > .active:hover {background: url(../img/backgrounds/arrows.png ) 100% 12px no-repeat}



.sideProfile{padding: 0 12px; font-size: 11px; color: #CECECE; position: relative}
.sideProfile span{display: block}
.sideProfile span a{color: white; font-weight: bold}
.sideProfile ul{display: none; border-left: 1px solid #1c252a; border-right: 1px solid #1c252a; border-top: 1px solid #1c252a; position: absolute; top: 76px; z-index: 980; width: 190px}
.sideProfile ul li{background: #2f363c; border-top: 1px solid #444b52; border-bottom: 1px solid #1c252a}
.sideProfile ul li:first-child{border-top: none}
.sideProfile ul li a{padding: 8px 10px; display: block; color: #CECECE}
.sideProfile ul li a img{padding-top: 5px; display: block; float: left; margin-right: 14px}
.sideProfile ul li a:hover{background: #2c323a}
.profileFace{float: left; margin: 0 10px 10px 0}
.goUser{display: block; background: url(../img/backgrounds/sideDropdown.png) no-repeat 0 0; width: 172px; height: 21px; padding: 5px 10px; cursor: pointer}
.goUser:hover{background-position: 0 -32px}
.goUser:active{background-position: 0 -64px}



.iconsGroup{margin: 20px 14px 0 14px; border: 1px solid #262f36; box-shadow: 0 0 0 1px #394248; -webkit-box-shadow: 0 0 0 1px #394248; -moz-box-shadow: 0 0 0 1px #394248}
.iconsGroup ul li{background: url(../img/backgrounds/iconsGroup.png) repeat-x 0 0; float: left; position: relative; display: block; border-left: 1px solid #262f36}
.iconsGroup ul li a.dUsers{background: url(../img/icons/dUsers.png) no-repeat 50%}
.iconsGroup ul li a.dMessages{background: url(../img/icons/dMessages.png) no-repeat 50% 10px}
.iconsGroup ul li a.dMoney{background: url(../img/icons/dMoney.png) no-repeat 50%; padding: 21px 31px 20px 31px}
.iconsGroup ul li:first-child{border-left: none}
.iconsGroup ul li a{display: block; padding: 21px 30px 20px 31px}
.iconsGroup ul li:hover{background-position: 0 -42px}
.iconsGroup ul li:active{background-position: 0 -84px}



.genBalance{height: 68px; border-top: 1px solid #252d31; border-bottom: 1px solid #242d33; background: #252d31}
.genBalance a{background: url(../img/backgrounds/genBalance.png) repeat-x; display: block; border-top: 1px solid #4a535c; color: #e0e0e0; border-bottom: 1px solid #3c444c}
.genBalance a span{font-size: 11px; display: block; margin-bottom: 6px}
.genBalance a span.balanceAmount{font-size: 22px; font-weight: bold; margin: 0}
.genBalance .amount{width: 124px; float: left; margin-right: 1px; border-right: 1px solid #3b4751; padding: 10px 14px; border-left: 1px solid #3b4751}
.genBalance .amChanges{width: 39px; float: left; border-left: 1px solid #3b4751; border-right: 1px solid #3b4751; padding: 9px 10px}
.sNegative, .sPositive, .sZero{padding: 26px 0 2px 0; text-align: center; display: block; font-size: 14px}
.sNegative{color: #e77575}
.sPositive{color: #90c254; background: url(../img/backgrounds/sidebarPositiveArrow.png) no-repeat 14px 10px}
.sZero{ }



.nextUpdate{margin-top: 12px}
.nextUpdate ul li{color: #cecece; font-size: 11px; display: inline-block; width: 78px; padding: 0 14px; text-align: right}
.nextUpdate ul li:first-child{text-align: left}



.numStats ul li{float: left; text-align: center; width: 46px; padding: 0 12px; color: #f8f8f8; font-size: 18px; border-right: 1px solid #283037; border-left: 1px solid #37414a}
.numStats ul li span{display: block; color: #717e88; font-size: 11px}
.numStats ul li.last{border-right: none}


.sButton{background: url(../img/backgrounds/sidebarButtons.png) repeat-x; width: 185px; margin: 0 auto; display: block; border: 1px solid #222a30; text-align: center; height: 34px; line-height: 34px}
.sButton span{font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fefefe; display: inline-block}
.sButton img{float: left; padding: 12px 15px 12px 14px; background: url(../img/backgrounds/sidebarButtonSep.png) repeat-y 100% 0}

.sBlue{background-position: 0 0}
.sBlue:hover{background-position: 0 -35px}
.sBlue:active{background-position: 0 -70px}

.sRed{background-position: 0 -107px}
.sRed:hover{background-position: 0 -142px}
.sRed:active{background-position: 0 -177px}

.sGreen{background-position: 0 -214px}
.sGreen:hover{background-position: 0 -249px}
.sGreen:active{background-position: 0 -284px}



.sRoundStats{width: 185px; margin: 0 auto}
.sRoundStats ul li{float: left; margin-left: 5px; text-align: center; color: white; font-size: 11px}
.sRoundStats ul li:first-child{margin-left: 0}
.sRoundStats ul li a{background: url(../img/backgrounds/roundStats.png) no-repeat 0 0; display: block; width: 58px; height: 58px; margin-top: 6px}
.sRoundStats ul li a:hover{background-position: 0 -60px}
.sRoundStats ul li a:active{background-position: 0 -120px}
.sRoundStats ul li a span{font-size: 12px; padding: 28px 2px 2px 2px; font-weight: bold; display: block}
.sRoundStats ul li a span.roundZero{color: #e2e2e2; background: url(../img/sidebarZero.png) no-repeat 50% 15px}
.sRoundStats ul li a span.roundPos{color: #a6e062; background: url(../img/sidebarPos.png) no-repeat 50% 15px}
.sRoundStats ul li a span.roundNeg{color: #e48383; background: url(../img/sidebarNeg.png) no-repeat 50% 15px}




.fixed{box-shadow: inset 0 0 1px #748a9b; -moz-box-shadow: inset 0 0 1px #748a9b; -webkit-box-shadow: inset 0 0 1px #748a9b}

.middleNav, .widget, .sItem, .statsDetailed, .statsContent, .nav li a strong, .controlB ul li, .toggle, .smalldd ul li a strong
{ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px}

.widget, .middleNav, .sItem, .statsDetailed
{ box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff}

.wButton, .nNote, .widget .num a, .tag, a.sButton, .tooltip, .tPagination ul li a, .bc, .pages li a, .smallButton, .search-choice, .horControlB ul li, .gallery ul li, .iconsGroup, .logMeIn, .wContentButton
{ -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px}

.contentProgress, .invoicesBar, .barG, .barO, .barB
{ -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px}

.widget .title:first-child, ul.tabs, .toggle .title:first-child
{ -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px}

.sItem > h2 a, .mUser a, .searchWidget input[type=text]
{ -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px}

.sItem > span, .mOrders a
{ -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px}

.cleditorMain, table tfoot td, .totalAmount, table tr:last-child
{ -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px}

.partners li:hover, .newUpdate:hover, .wUserInfo:hover{background: #fdfdfd}



.titleArea{padding-top: 36px}

.pageTitle{float: left; padding: 35px 0 32px 0}

.middleNav{float: right; border: 1px solid #cdcdcd; margin: 29px 0}
.middleNav ul{}
.middleNav ul li{display: block; float: left; border-left: 1px solid #cdcdcd; position: relative}
.middleNav ul li:first-child{border-left: none}
.middleNav ul li a{width: 60px; height: 45px; display: block; border: 1px solid #fbfbfb; cursor: pointer;
background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e9e9e9));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#e9e9e9 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#e9e9e9 100%);
}
.middleNav ul li a:hover{background: #f3f3f3}
.middleNav ul li a:active{background: #efefef}
.middleNav ul li a span{display: block; height: 45px}

.middleNav ul li a span.files{background: url(../img/icons/middlenav/files.png) no-repeat 18px}
.middleNav ul li a span.users{background: url(../img/icons/middlenav/users.png) no-repeat 11px}
.middleNav ul li a span.messages{background: url(../img/icons/middlenav/messages.png) no-repeat 14px}
.middleNav ul li a span.orders{background: url(../img/icons/middlenav/orders.png) no-repeat 16px}

.middleNav ul li ul{position: absolute; top: 50px; right: -1px; width: 156px; z-index: 996; border: none; background: url(../img/subArrow.png) no-repeat 82% 0; display: none}
.middleNav ul li ul li{display: block; float: none; border-bottom: 1px solid #1c252b; border-top: 1px solid #404950; border-left: none; background: url(../img/backgrounds/navBg.jpg)}
.middleNav ul li ul li:hover{border-top: 1px solid #374047}
.middleNav ul li ul li:first-child{margin-top: 6px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px}
.middleNav ul li ul li:last-child{-webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px}
.middleNav ul li ul li a{background:  url(../img/subIcon.png) no-repeat 12px 15px; width: auto; border: none; color: #d1d1d1; height: auto; padding: 7px 3px 8px 25px; font-size: 11px}
.middleNav ul li ul li a:hover{background: #293138 url(../img/subIcon.png) no-repeat 12px 15px}



.statsRow{background: url(../img/backgrounds/titleRowBg.png)}
.statsItems{padding: 20px 0 14px 0; overflow: visible; text-align: center}

.sItem{margin: 0 1%; display: inline-block; border: 1px solid #d5d5d5; position: relative;
background: #fafafc;
background: -moz-linear-gradient(top,  #fafafc 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafc 0%,#efefef 100%);
}
.sItem:first-child{ }
.sItem > span{display: block; color: #626262;  }
.sItem > h2{float: left}
.sItem > h2 a{display: block; color: #626262; cursor: pointer;
background: #fafafc;
background: -moz-linear-gradient(top,  #fafafc 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafc 0%,#efefef 100%);
}
.sItem > h2 a:hover{
background: #fbfbfb;
background: -moz-linear-gradient(top,  #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
background: linear-gradient(to bottom,  #fbfbfb 0%,#f4f4f4 100%);
}
.sItem > h2 a:active{
background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #f3f3f3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f3f3f3));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f3f3f3 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#f3f3f3 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#f3f3f3 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#f3f3f3 100%);
}

.value{text-align: center; padding: 12px 20px 5px 20px; font-weight: bold}
.value span{display: block; margin-top: 2px; font-size: 12px}

.changes{text-align: center; font-weight: bold; font-size: 14px; padding: 14px 18px 5px 18px; float: left; border-left: 1px solid #d5d5d5}
.changes .negative{background: url(../img/negArrow.png) no-repeat 0px 5px; padding-left: 22px; color: #db6464; margin-top: 4px; display: block}
.changes .positive{background: url(../img/posArrow.png) no-repeat 0px 6px; padding-left: 22px; color: #6daa24; margin-top: 4px; display: block}
.changes .zero{background: url(../img/zero.png) no-repeat 4px 6px; padding-left: 20px; color: #4e8fc6; margin-top: 4px; display: block}



.statsContent{border: 2px solid #b0b0b0; margin-top: 6px; background: #f3f3f3}
.statsDetailed .subArrow{ }
.sElements{background: url(../img/backgrounds/statsElementsBg.png) repeat-x; text-align: center}
.statsDetailed{position: absolute; left: 50%; top: 75px; width: 222px; z-index: 998; background: url(../img/subArrowStats.png) no-repeat 50% 0; display: none; margin-left: -110px}
.statsDetailed .statsDropBtn{text-align: center; padding: 12px 0 12px 0}
.statsDetailed .statsDropBtn a{display: inline-block}
.statsDetailed .sDisplay{background: url(../img/backgrounds/darkGreyCircle.png) no-repeat; width: 57px; height: 65px; display: inline-block; margin: 15px 5px 25px 5px; text-align: center}
.statsDetailed .sDisplay h4{padding: 18px 0 30px 0; display: block; color: #fefefe}
.statsDetailed .sDisplay span{font-size: 11px}

.statsUpdate{margin: 8px 12px 2px 12px}
.statsUpdate span{width: 95px; display: inline-block; text-align: right}
.statsUpdate span:first-child{text-align: left}
.statsUpdate .contentProgress{margin-top: 5px}

.controlB{text-align: center; padding: 11px 0 22px 0}
.controlB ul li{display: inline-block; margin: 11px 5px 0 5px; border: 1px solid #d5d5d5; text-align: center; box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; -moz-box-shadow: inset 0 0 0 1px #fff;
background: #fafafc;
background: -moz-linear-gradient(top,  #fafafc 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafc 0%,#efefef 100%);
}
.controlB ul li:hover{
background: #fbfbfb;
background: -moz-linear-gradient(top,  #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
background: linear-gradient(to bottom,  #fbfbfb 0%,#f4f4f4 100%);
}
.controlB ul li:active{
background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #f3f3f3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f3f3f3));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f3f3f3 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#f3f3f3 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#f3f3f3 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#f3f3f3 100%);
}
.controlB ul li a{padding: 10px 20px 4px 20px; display: block; font-weight: bold; white-space: nowrap; color: #626262}
.controlB ul li a span{display: block; margin-top: 5px}

.horControlB{text-align: center; padding: 11px 0 22px 0}
.horControlB ul li{display: inline-block; margin: 11px 5px 0 5px; border: 1px solid #d5d5d5; text-align: center; box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; -moz-box-shadow: inset 0 0 0 1px #fff;
background: #fafafc;
background: -moz-linear-gradient(top,  #fafafc 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafc 0%,#efefef 100%);
}
.horControlB ul li:hover {
background: #fbfbfb;
background: -moz-linear-gradient(top,  #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top,  #fbfbfb 0%,#f4f4f4 100%);
background: linear-gradient(to bottom,  #fbfbfb 0%,#f4f4f4 100%);
}
.horControlB ul li:active{
background: #f8f8f8;
background: -moz-linear-gradient(top,  #f8f8f8 0%, #f3f3f3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f3f3f3));
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f3f3f3 100%);
background: -o-linear-gradient(top,  #f8f8f8 0%,#f3f3f3 100%);
background: -ms-linear-gradient(top,  #f8f8f8 0%,#f3f3f3 100%);
background: linear-gradient(to bottom,  #f8f8f8 0%,#f3f3f3 100%);
}
.horControlB ul li a{ display: block; font-weight: bold; white-space: nowrap; color: #626262}
.horControlB ul li img{float: left; margin: 12px 12px 10px 12px}
.horControlB ul li a span{display: block; margin: 0px 0 0 40px; padding: 10px 16px 8px 16px; border-left: 1px solid #d5d5d5}


.gallery{margin: auto; padding: 4px 0.5% 12px 0.5%; text-align: center}
.gallery ul li{display: inline-block; height: 102px; margin: 12px 6px 0 6px; border: 1px solid #cdcdcd; position: relative}
.gallery ul li:hover{border-color: #ddd}
.gallery .actions{background: #000; opacity: 0.8; position: absolute; top: -1px; right: -1px; display: none; padding: 1px 2px}
.gallery .actions a{color: #fff; font-size: 11px; display: block; padding: 4px 5px 3px 0; float: left}
.gallery .actions a img{margin-left: 5px}
.gallery .actions a:first-child{padding-right: 0}



.button, button, input[type=submit], input[type=reset], input[type=button]{font-size: 11px; font-weight: bold; white-space: nowrap; cursor: pointer; font-family: Arial, Helvetica, sans-serif; line-height: 12px; display: inline-block; max-height: 30px}

input[type=submit], input[type=reset], input[type=button], button{padding: 8px 18px 8px 18px}

.formSubmit{display: block; float: right; margin: 14px 18px}

.button span{padding: 8px 18px 8px 18px; display: inline-block; height: 12px}
.button .icon{float: left; margin: 7px -8px 5px 12px}

.smallButton{border: 1px solid #cdcdcd; padding: 5px 7px; display: inline-block;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}
.smallButton:hover{background: #f6f6f6}
.smallButton:active{background: #f2f2f2}

.basic{border: 1px solid #cccccc; color: #595959;
background: #fcfcfc;
background: -moz-linear-gradient(top,  #fcfcfc 0%, #e7e7e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e7e7e7));
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
background: -o-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
background: -ms-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
background: linear-gradient(to bottom,  #fcfcfc 0%,#e7e7e7 100%);
}
.basic:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.basic:active{background: #eeeeee; box-shadow: 0 1px 2px #ddd inset; -webkit-box-shadow: 0 1px 2px #ddd inset; -moz-box-shadow: 0 1px 2px #ddd inset}

.blueB{border: 1px solid #3672a0; color: #fff; box-shadow: 0 1px 1px #66a1d1 inset; -webkit-box-shadow: 0 1px 1px #66a1d1 inset; -moz-box-shadow: 0 1px 1px #66a1d1 inset;
background: #4089c4;
background: -moz-linear-gradient(top,  #4089c4 0%, #3672a0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4089c4), color-stop(100%,#3672a0));
background: -webkit-linear-gradient(top,  #4089c4 0%,#3672a0 100%);
background: -o-linear-gradient(top,  #4089c4 0%,#3672a0 100%);
background: -ms-linear-gradient(top,  #4089c4 0%,#3672a0 100%);
background: linear-gradient(to bottom,  #4089c4 0%,#3672a0 100%);
}
.blueB:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.blueB:active{background: #3672a0; box-shadow: 0 1px 3px #707070 inset; -webkit-box-shadow: 0 1px 3px #707070 inset; -moz-box-shadow: 0 1px 3px #707070 inset}

.redB{border: 1px solid #9f352b; color: #fff; box-shadow: 0 1px 1px #cc746c inset; -webkit-box-shadow: 0 1px 1px #cc746c inset; -moz-box-shadow: 0 1px 1px #cc746c inset;
background: #be5147;
background: -moz-linear-gradient(top,  #be5147 0%, #9f352b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be5147), color-stop(100%,#9f352b));
background: -webkit-linear-gradient(top,  #be5147 0%,#9f352b 100%);
background: -o-linear-gradient(top,  #be5147 0%,#9f352b 100%);
background: -ms-linear-gradient(top,  #be5147 0%,#9f352b 100%);
background: linear-gradient(to bottom,  #be5147 0%,#9f352b 100%);
}
.redB:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.redB:active{background: #9f352b; box-shadow: 0 1px 3px #707070 inset; -webkit-box-shadow: 0 1px 3px #707070 inset; -moz-box-shadow: 0 1px 3px #707070 inset}


.greyishB{border: 1px solid #576270; color: #fff; box-shadow: 0 1px 1px #9198a0 inset; -webkit-box-shadow: 0 1px 1px #9198a0 inset; -moz-box-shadow: 0 1px 1px #9198a0 inset;
background: #757d87;
background: -moz-linear-gradient(top,  #757d87 0%, #576270 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757d87), color-stop(100%,#576270));
background: -webkit-linear-gradient(top,  #757d87 0%,#576270 100%);
background: -o-linear-gradient(top,  #757d87 0%,#576270 100%);
background: -ms-linear-gradient(top,  #757d87 0%,#576270 100%);
background: linear-gradient(to bottom,  #757d87 0%,#576270 100%);
}
.greyishB:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.greyishB:active{background: #576270; box-shadow: 0 1px 3px #707070 inset; -webkit-box-shadow: 0 1px 3px #707070 inset; -moz-box-shadow: 0 1px 3px #707070 inset}

.brownB{border: 1px solid #99682b; color: #fff; box-shadow: 0 1px 1px #d1a461 inset; -webkit-box-shadow: 0 1px 1px #d1a461 inset; -moz-box-shadow: 0 1px 1px #d1a461 inset;
background: #c58c38;
background: -moz-linear-gradient(top,  #c58c38 0%, #99682b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c58c38), color-stop(100%,#99682b));
background: -webkit-linear-gradient(top,  #c58c38 0%,#99682b 100%);
background: -o-linear-gradient(top,  #c58c38 0%,#99682b 100%);
background: -ms-linear-gradient(top,  #c58c38 0%,#99682b 100%);
background: linear-gradient(to bottom,  #c58c38 0%,#99682b 100%);
}
.brownB:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.brownB:active{background: #99682b; box-shadow: 0 1px 3px #707070 inset; -webkit-box-shadow: 0 1px 3px #707070 inset; -moz-box-shadow: 0 1px 3px #707070 inset}

.greenB{border: 1px solid #7ca82a; color: #fff; box-shadow: 0 1px 1px #a9d05f inset; -webkit-box-shadow: 0 1px 1px #a9d05f inset; -moz-box-shadow: 0 1px 1px #a9d05f inset;
background: #93c337;
background: -moz-linear-gradient(top,  #93c337 0%, #7ca82a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93c337), color-stop(100%,#7ca82a));
background: -webkit-linear-gradient(top,  #93c337 0%,#7ca82a 100%);
background: -o-linear-gradient(top,  #93c337 0%,#7ca82a 100%);
background: -ms-linear-gradient(top,  #93c337 0%,#7ca82a 100%);
background: linear-gradient(to bottom,  #93c337 0%,#7ca82a 100%);
}
.greenB:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.greenB:active{background: #7ca82a; box-shadow: 0 1px 3px #909090 inset; -webkit-box-shadow: 0 1px 3px #909090 inset; -moz-box-shadow: 0 1px 3px #909090 inset}

.dredB{border: 1px solid #893f3f; color: #fff; box-shadow: 0 1px 1px #c58282 inset; -webkit-box-shadow: 0 1px 1px #c58282 inset; -moz-box-shadow: 0 1px 1px #c58282 inset;
background: #b56262;
background: -moz-linear-gradient(top,  #b56262 0%, #893f3f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b56262), color-stop(100%,#893f3f));
background: -webkit-linear-gradient(top,  #b56262 0%,#893f3f 100%);
background: -o-linear-gradient(top,  #b56262 0%,#893f3f 100%);
background: -ms-linear-gradient(top,  #b56262 0%,#893f3f 100%);
background: linear-gradient(to bottom,  #b56262 0%,#893f3f 100%);
}
.dredB:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.dredB:active{background: #893f3f; box-shadow: 0 1px 3px #707070 inset; -webkit-box-shadow: 0 1px 3px #707070 inset; -moz-box-shadow: 0 1px 3px #707070 inset}

.violetB{border: 1px solid #7e6095; color: #fff; box-shadow: 0 1px 1px #ad98b7 inset; -webkit-box-shadow: 0 1px 1px #ad98b7 inset; -moz-box-shadow: 0 1px 1px #ad98b7 inset;
background: #997da4;
background: -moz-linear-gradient(top,  #997da4 0%, #7e6095 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#997da4), color-stop(100%,#7e6095));
background: -webkit-linear-gradient(top,  #997da4 0%,#7e6095 100%);
background: -o-linear-gradient(top,  #997da4 0%,#7e6095 100%);
background: -ms-linear-gradient(top,  #997da4 0%,#7e6095 100%);
background: linear-gradient(to bottom,  #997da4 0%,#7e6095 100%);
}
.violetB:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.violetB:active{background: #7e6095; box-shadow: 0 1px 3px #707070 inset; -webkit-box-shadow: 0 1px 3px #707070 inset; -moz-box-shadow: 0 1px 3px #707070 inset}

.dblueB{border: 1px solid #117eca; color: #fff; box-shadow: 0 1px 1px #50b2e7 inset; -webkit-box-shadow: 0 1px 1px #50b2e7 inset; -moz-box-shadow: 0 1px 1px #50b2e7 inset;
background: #40a5db;
background: -moz-linear-gradient(top,  #40a5db 0%, #117eca 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40a5db), color-stop(100%,#117eca));
background: -webkit-linear-gradient(top,  #40a5db 0%,#117eca 100%);
background: -o-linear-gradient(top,  #40a5db 0%,#117eca 100%);
background: -ms-linear-gradient(top,  #40a5db 0%,#117eca 100%);
background: linear-gradient(to bottom,  #40a5db 0%,#117eca 100%);
}
.dblueB:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.dblueB:active{background: #117eca; box-shadow: 0 1px 3px #707070 inset; -webkit-box-shadow: 0 1px 3px #707070 inset; -moz-box-shadow: 0 1px 3px #707070 inset}

.blackB{border: 1px solid #2f2f2f; color: #fff; box-shadow: 0 1px 1px #757575 inset; -webkit-box-shadow: 0 1px 1px #757575 inset; -moz-box-shadow: 0 1px 1px #757575 inset;
background: #515151;
background: -moz-linear-gradient(top,  #515151 0%, #2f2f2f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#2f2f2f));
background: -webkit-linear-gradient(top,  #515151 0%,#2f2f2f 100%);
background: -o-linear-gradient(top,  #515151 0%,#2f2f2f 100%);
background: -ms-linear-gradient(top,  #515151 0%,#2f2f2f 100%);
background: linear-gradient(to bottom,  #515151 0%,#2f2f2f 100%);
}
.blackB:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.blackB:active{background: #2f2f2f; box-shadow: 0 1px 3px #404040 inset; -webkit-box-shadow: 0 1px 3px #404040 inset; -moz-box-shadow: 0 1px 3px #404040 inset}



.wButton, .wContentButton{font-size: 10px; font-weight: bold; text-transform: uppercase; color: #FEFEFE; height: 33px; text-align: center; display: inline-block; line-height: 33px; background: url(../img/ui/widgetButtons.png) repeat-x}
.wContentButton{display: block; margin-top: 32px}

.wButton span{padding: 0 20px; display: inline-block}

.orangewB{border: 1px solid #8e4626; box-shadow: 0 1px 0 #cc8d69 inset; -moz-box-shadow: 0 1px 0 #cc8d69 inset; -webkit-box-shadow: 0 1px 0 #cc8d69 inset;
background: #bf6f43;
background: -moz-linear-gradient(top,  #bf6f43 0%, #a85734 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf6f43), color-stop(100%,#a85734));
background: -webkit-linear-gradient(top,  #bf6f43 0%,#a85734 100%);
background: -o-linear-gradient(top,  #bf6f43 0%,#a85734 100%);
background: -ms-linear-gradient(top,  #bf6f43 0%,#a85734 100%);
background: linear-gradient(to bottom,  #bf6f43 0%,#a85734 100%);
}
.orangewB:hover{
background: #b5643c;
background: -moz-linear-gradient(top,  #b5643c 0%, #a55432 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5643c), color-stop(100%,#a55432));
background: -webkit-linear-gradient(top,  #b5643c 0%,#a55432 100%);
background: -o-linear-gradient(top,  #b5643c 0%,#a55432 100%);
background: -ms-linear-gradient(top,  #b5643c 0%,#a55432 100%);
background: linear-gradient(to bottom,  #b5643c 0%,#a55432 100%);
}
.orangewB:active{
background: #b4643c;
background: -moz-linear-gradient(top,  #b4643c 0%, #ad5b37 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4643c), color-stop(100%,#ad5b37));
background: -webkit-linear-gradient(top,  #b4643c 0%,#ad5b37 100%);
background: -o-linear-gradient(top,  #b4643c 0%,#ad5b37 100%);
background: -ms-linear-gradient(top,  #b4643c 0%,#ad5b37 100%);
background: linear-gradient(to bottom,  #b4643c 0%,#ad5b37 100%);
}

.redwB{border: 1px solid #803939; box-shadow: 0 1px 0 #b86c6c inset; -moz-box-shadow: 0 1px 0 #b86c6c inset; -webkit-box-shadow: 0 1px 0 #b86c6c inset;
background: #a64747;
background: -moz-linear-gradient(top,  #a64747 0%, #873737 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a64747), color-stop(100%,#873737));
background: -webkit-linear-gradient(top,  #a64747 0%,#873737 100%);
background: -o-linear-gradient(top,  #a64747 0%,#873737 100%);
background: -ms-linear-gradient(top,  #a64747 0%,#873737 100%);
background: linear-gradient(to bottom,  #a64747 0%,#873737 100%);
}
.redwB:hover{
background: #994040;
background: -moz-linear-gradient(top,  #994040 0%, #833636 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#994040), color-stop(100%,#833636));
background: -webkit-linear-gradient(top,  #994040 0%,#833636 100%);
background: -o-linear-gradient(top,  #994040 0%,#833636 100%);
background: -ms-linear-gradient(top,  #994040 0%,#833636 100%);
background: linear-gradient(to bottom,  #994040 0%,#833636 100%);
}
.redwB:active{
background: #963f3f;
background: -moz-linear-gradient(top,  #963f3f 0%, #8c3a3a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#963f3f), color-stop(100%,#8c3a3a));
background: -webkit-linear-gradient(top,  #963f3f 0%,#8c3a3a 100%);
background: -o-linear-gradient(top,  #963f3f 0%,#8c3a3a 100%);
background: -ms-linear-gradient(top,  #963f3f 0%,#8c3a3a 100%);
background: linear-gradient(to bottom,  #963f3f 0%,#8c3a3a 100%);
}

.bluewB{border: 1px solid #3573a8; box-shadow: 0 1px 0 #69a9cc inset; -moz-box-shadow: 0 1px 0 #69a9cc inset; -webkit-box-shadow: 0 1px 0 #69a9cc inset;
background: #4393bf;
background: -moz-linear-gradient(top,  #4393bf 0%, #3472a8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4393bf), color-stop(100%,#3472a8));
background: -webkit-linear-gradient(top,  #4393bf 0%,#3472a8 100%);
background: -o-linear-gradient(top,  #4393bf 0%,#3472a8 100%);
background: -ms-linear-gradient(top,  #4393bf 0%,#3472a8 100%);
background: linear-gradient(to bottom,  #4393bf 0%,#3472a8 100%);
}
.bluewB:hover{
background: #3c83b5;
background: -moz-linear-gradient(top,  #3c83b5 0%, #326ea5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c83b5), color-stop(100%,#326ea5));
background: -webkit-linear-gradient(top,  #3c83b5 0%,#326ea5 100%);
background: -o-linear-gradient(top,  #3c83b5 0%,#326ea5 100%);
background: -ms-linear-gradient(top,  #3c83b5 0%,#326ea5 100%);
background: linear-gradient(to bottom,  #3c83b5 0%,#326ea5 100%);
}
.bluewB:active{
background: #3b82b3;
background: -moz-linear-gradient(top,  #3b82b3 0%, #3677ac 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b82b3), color-stop(100%,#3677ac));
background: -webkit-linear-gradient(top,  #3b82b3 0%,#3677ac 100%);
background: -o-linear-gradient(top,  #3b82b3 0%,#3677ac 100%);
background: -ms-linear-gradient(top,  #3b82b3 0%,#3677ac 100%);
background: linear-gradient(to bottom,  #3b82b3 0%,#3677ac 100%);
}

.greenwB{border: 1px solid #6d8737; box-shadow: 0 1px 0 #a3b86c inset; -moz-box-shadow: 0 1px 0 #a3b86c inset; -webkit-box-shadow: 0 1px 0 #a3b86c inset;
background: #8ba647;
background: -moz-linear-gradient(top,  #8ba647 0%, #6d8737 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ba647), color-stop(100%,#6d8737));
background: -webkit-linear-gradient(top,  #8ba647 0%,#6d8737 100%);
background: -o-linear-gradient(top,  #8ba647 0%,#6d8737 100%);
background: -ms-linear-gradient(top,  #8ba647 0%,#6d8737 100%);
background: linear-gradient(to bottom,  #8ba647 0%,#6d8737 100%);
}
.greenwB:hover{
background: #7d9940;
background: -moz-linear-gradient(top,  #7d9940 0%, #698336 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d9940), color-stop(100%,#698336));
background: -webkit-linear-gradient(top,  #7d9940 0%,#698336 100%);
background: -o-linear-gradient(top,  #7d9940 0%,#698336 100%);
background: -ms-linear-gradient(top,  #7d9940 0%,#698336 100%);
background: linear-gradient(to bottom,  #7d9940 0%,#698336 100%);
}
.greenwB:active{
background: #7c963f;
background: -moz-linear-gradient(top,  #7c963f 0%, #718c3a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c963f), color-stop(100%,#718c3a));
background: -webkit-linear-gradient(top,  #7c963f 0%,#718c3a 100%);
background: -o-linear-gradient(top,  #7c963f 0%,#718c3a 100%);
background: -ms-linear-gradient(top,  #7c963f 0%,#718c3a 100%);
background: linear-gradient(to bottom,  #7c963f 0%,#718c3a 100%);
}

.purplewB{border: 1px solid #873862; box-shadow: 0 1px 0 #b86c97 inset; -moz-box-shadow: 0 1px 0 #b86c97 inset; -webkit-box-shadow: 0 1px 0 #b86c97 inset;
background: #a6477d;
background: -moz-linear-gradient(top,  #a6477d 0%, #873761 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6477d), color-stop(100%,#873761));
background: -webkit-linear-gradient(top,  #a6477d 0%,#873761 100%);
background: -o-linear-gradient(top,  #a6477d 0%,#873761 100%);
background: -ms-linear-gradient(top,  #a6477d 0%,#873761 100%);
background: linear-gradient(to bottom,  #a6477d 0%,#873761 100%);
}
.purplewB:hover{
background: #993f6f;
background: -moz-linear-gradient(top,  #993f6f 0%, #83355e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#993f6f), color-stop(100%,#83355e));
background: -webkit-linear-gradient(top,  #993f6f 0%,#83355e 100%);
background: -o-linear-gradient(top,  #993f6f 0%,#83355e 100%);
background: -ms-linear-gradient(top,  #993f6f 0%,#83355e 100%);
background: linear-gradient(to bottom,  #993f6f 0%,#83355e 100%);
}
.purplewB:active{
background: #973f6f;
background: -moz-linear-gradient(top,  #973f6f 0%, #8d3a65 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#973f6f), color-stop(100%,#8d3a65));
background: -webkit-linear-gradient(top,  #973f6f 0%,#8d3a65 100%);
background: -o-linear-gradient(top,  #973f6f 0%,#8d3a65 100%);
background: -ms-linear-gradient(top,  #973f6f 0%,#8d3a65 100%);
background: linear-gradient(to bottom,  #973f6f 0%,#8d3a65 100%);
}




.list li{padding: 0 0 0 15px}
.list > strong{display: block; font-weight: bold; padding-bottom: 4px}

.arrowB li{background: url(../img/icons/lists/arrowB.png) no-repeat 0 7px}
.arrowG li{background: url(../img/icons/lists/arrowG.png) no-repeat 0 7px}
.arrowlG li{background: url(../img/icons/lists/arrowlG.png) no-repeat 0 7px}
.arrowR li{background: url(../img/icons/lists/arrowR.png) no-repeat 0 7px}

.tipB li{background: url(../img/icons/lists/tipB.png) no-repeat 0 7px}
.tipG li{background: url(../img/icons/lists/tipG.png) no-repeat 0}
.tiplG li{background: url(../img/icons/lists/tiplG.png) no-repeat 0}
.tipR li{background: url(../img/icons/lists/tipR.png) no-repeat 0}

.plusB li{background: url(../img/icons/lists/plusB.png) no-repeat 0 5px}
.plusG li{background: url(../img/icons/lists/plusG.png) no-repeat 0 5px}
.pluslG li{background: url(../img/icons/lists/pluslG.png) no-repeat 0 5px}
.plusR li{background: url(../img/icons/lists/plusR.png) no-repeat 0 5px}

.roundtipB li{background: url(../img/icons/lists/roundtipB.png) no-repeat 0 5px}
.roundtipG li{background: url(../img/icons/lists/roundtipG.png) no-repeat 0 5px}
.roundtiplG li{background: url(../img/icons/lists/roundtiplG.png) no-repeat 0 5px}
.roundtipR li{background: url(../img/icons/lists/roundtipR.png) no-repeat 0 5px}




.widgets{ }

.oneTwo{width: 49%; display: inline; float: right}
.oneTwo:first-child{float: left}
.oneThree{width: 32%; display: inline; float: left; margin-left: 2%}
.oneThree:first-child{margin-left: 0; float: left}

.twoOne{width: 66%; float: right; margin-left: 2%}
.twoOne:first-child{margin-left: 0; float: left}

.oneFour{width: 23.5%; float: left; margin-left: 2%}
.oneFour:first-child{margin-left: 0}

.leftList {float: left; max-width: 50%}
.rightList{float: right; max-width: 50%}
.rightList li{text-align: right}



.topIcons{float: right; margin: 12px 12px 12px 0}
.topIcons a{margin-left: 5px}
.topIcons a:first-child{margin: 0}


.widget{background: #f9f9f9; border: 1px solid #cdcdcd; margin-top: 32px; clear: both}
.widget .title{height: 36px; border-bottom: 1px solid #cdcdcd;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
}
.widget .title .titleIcon{float: left; padding: 11px 11px; border-right: 1px solid #D5D5D5}

.toggle{background: #f9f9f9; border: 1px solid #cdcdcd; margin-top: 32px; clear: both; border-bottom: none}
.toggle .title{height: 36px; border-bottom: 1px solid #cdcdcd; cursor: pointer;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}
.toggle .title h6{float: left; font-size: 12px; font-weight: bold; padding: 9px 12px 8px 12px; display: block}
.toggle .titleIcon{float: left; padding: 11px 11px; border-right: 1px solid #D5D5D5}
.toggle .body, .toggle .menu_body{padding: 12px 14px; border-bottom: 1px solid #cdcdcd}
.toggle .inactive{color: #2B6893}


.widget .loader{float: right; margin: 12px 12px 0 0}
.widget .title h6{float: left; font-size: 12px; font-weight: bold; padding: 9px 12px 8px 12px}
.widget .content{padding: 14px}
.widget .body{padding: 12px 16px}
.widget > p{padding: 12px}


.sidebarSearch{position: relative}
.sidebarSearch input[type=text]{background: url(../img/backgrounds/sidebarSearch.png) repeat-x; color: #A2A2A2; padding: 6px 10px 7px 10px; width: 196px; height: 16px; border: none; border-top: 1px solid #333D46; border-radius: 0; border-bottom: 1px solid #39434c}
.sidebarSearch input[type=submit]{width: 23px; height: 23px; background: url(../img/sidebarSearchBtn.png) no-repeat; position: absolute; top: 4px; right: -7px; border: none}
.sidebarSearch input[type=submit]:hover{background-position: 0 -24px}
.sidebarSearch input[type=submit]:active{background-position: 0 -48px}


.wUserInfo{padding: 12px 12px 9px 12px}
.wUserInfo a{display: block}
.wUserPic{float: left; margin: 0 10px 0 0}

.wInvoice{ }
.wInvoice > ul li{width: 32%; display: inline-block; text-align: center; border-left: 1px dotted #d5d5d5; margin-top: 14px; padding-top: 2px}
.wInvoice > ul li:first-child{border-left: none}
.wInvoice > ul li span{font-size: 11px}
.invButtons{margin-top: 10px; text-align: center}
.invButtons .bFirst{float: left}
.invButtons .bLast{float: right}
ul.ruler{width: 100%; margin-bottom: 8px}
ul.ruler li{display: block; float: left; color: #757575; font-size: 10px; width: 33%}
ul.ruler li:last-child{width: 34%}

ul.tabs{height: 36px; border-bottom: 1px solid #CDCDCD;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}
ul.tabs li{float: left; height: 36px; line-height: 38px; border-left: none; overflow: hidden; position: relative; font-size: 15px; border-right: 1px solid #cdcdcd}
ul.tabs li a{display: block; padding: 0px 12px; outline: none; color: #424242; font-size: 12px; font-weight: bold}
ul.tabs li a:hover{color: #797979}
html ul.tabs li.activeTab {background-color: #f9f9f9; height: 37px}
.rightTabs .activeTab{height: 36px!important}
html ul.tabs li.activeTab a{color: #2E6B9B}

.tab_container{overflow: hidden; width: 100%}
.tab_content{padding: 10px 12px}

.rightTabs{position: relative}
.rightTabs ul.tabs{float: right; background: none; height: 38px; position: absolute; top: 0; right: 0; border-bottom: none}
.rightTabs ul.tabs li{border-left: 1px solid #cdcdcd; border-right: none}


.searchWidget{position: relative; margin-top: 32px}
.searchWidget input[type=text]{border: 1px solid #d5d5d5; padding: 10px!important; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 36px}
.searchWidget input[type=submit]{background: url(../img/searchBtn.png) no-repeat 0 0; position: absolute; top: 0; right: 0; border: none; width: 36px; height: 36px; max-height: 100%}


.taskWidget td.taskD, .taskWidget td.taskP, .taskWidget td.taskPr{text-align: left; padding-left: 32px; background-position: 12px 14px; background-repeat: no-repeat}
.taskWidget td.taskD{background-image: url(../img/icons/taskDone.png)}
.taskWidget td.taskP{background-image: url(../img/icons/taskPending.png)}
.taskWidget td.taskPr{background-image: url(../img/icons/taskProgress.png)}

.taskWidget a{color: #595959}
.taskWidget td{text-align: center}

.actBtns{text-align: center}
.actBtns img{margin: 0 3px}

.menu_body{display: none; padding: 12px 14px}
.acc .head{margin-bottom: -1px; cursor: pointer}
.acc .head h6{padding: 9px 14px}

.webStatsLink{color: #2e6b9b; font-size: 16px; font-weight: bold}
.statsPlus, .statsMinus{padding-left: 20px}
.statsPlus{background: url(../img/icons/grown.png) no-repeat 0 2px; color: #599414}
.statsMinus{background: url(../img/icons/dropped.png) no-repeat 0 2px; color: #a73939}

.contentStats{}
.contentStats li{padding: 8px 12px; border-top: 1px solid #d5d5d5}
.contentStats li:first-child{border-top: none}
.contentStats li:hover{background-color: #fafafa}
.contentStats h5{display: block; float: left; margin-right: 6px; padding-left: 32px; padding-top: 1px}
.contentStats .nComments{background: url(../img/icons/dialog.png) no-repeat 0}
.contentStats .nSubscribers{background: url(../img/icons/sub.png) no-repeat 0 2px}
.contentStats .nFollowers{background: url(../img/icons/dark/twitter.png) no-repeat 0}
.contentStats .nAffiliates{background: url(../img/icons/plusS.png) no-repeat 0 2px}
.contentStats .nUploads{background: url(../img/icons/add.png) no-repeat 0 2px}

.userRow{padding: 12px 12px 7px 12px}
.orderRow, .totalAmount{padding: 7px 12px}
.userRow ul{padding-left: 12px; margin-top: -1px}

.orderRow ul li{padding-top: 2px}
.orderRow ul li:first-child{padding-top: 0}

.totalAmount{padding: 8px 12px;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}

.orderIcons{margin-top: 4px}
.orderIcons span{background: url(../img/icons/orderStatus.png) no-repeat; display: block; float: right; margin-left: 8px}

.orderIcons .oPaid, .orderIcons .oUnpaid{width: 7px; height: 12px}
.orderIcons .oPaid{background-position: 0 0}
.orderIcons .oUnpaid{background-position: 0 -13px}

.orderIcons .oShipped, .orderIcons .oUnshipped{width: 21px; height: 12px}
.orderIcons .oShipped{background-position: 0 -26px}
.orderIcons .oUnshipped{background-position: 0 -39px}

.orderIcons .oFinished, .orderIcons .oUnfinished{width: 12px; height: 12px}
.orderIcons .oFinished{background-position: 0 -52px}
.orderIcons .oUnfinished{background-position: 0 -65px}

.partners{ }
.partners img{margin-right: 12px}
.partners li{border-top: 1px solid #cdcdcd; padding: 12px 12px 8px 12px}

.partners li:first-child{border-top: none}
.pInfo{float: left}
.pLinks{float: right; width: 12px; margin-left: 5px}
.pInfo i{display: block}
.pLinks a{margin-top: 10px; display: block}
.pLinks a:first-child{margin-top: 3px}.

.updates{padding-left: 0px}
.updates .uDate{float: right; width: 30px; text-align: center; color: #bbbbbb; margin: 4px -2px 0 0}
.updates .uDate .uDay{font-size: 20px; font-weight: bold; display: block; margin-bottom: -4px}

.uDone, .uAlert, .uNotice{float: left; display: block; padding-left: 22px; max-width: 76%}
.uDone{background: url(../img/icons/updateDone.png) no-repeat 0 4px}
.uAlert{background: url(../img/icons/updateWarning.png) no-repeat 0 4px}
.uNotice{background: url(../img/icons/updateNotice.png) no-repeat 0 4px}


.newUpdate{border-top: 1px solid #d5d5d5; padding: 10px 12px}
.newUpdate:first-child{border-top: none}
.newUpdate span{display: block}


.widget .num{float: right; display: inline-block; text-align: center; margin: 8px 8px 0 0; font-size: 11px}
.widget .num span{margin-right: 10px}
.widget .num a{background: url(../img/ui/numDataBg.png) repeat-x; height: 19px; padding: 2px 5px; color: #fefefe}

.widget .num a.blueNum{background-position: 0 -114px; border: 1px solid #4b8bc4}
.widget .num a.blueNum:hover{background-position: 0 -133px}
.widget .num a.blueNum:active{background-position: 0 -152px}

.widget .num a.redNum{background-position: 0 -171px; border: 1px solid #c83e3e}
.widget .num a.redNum:hover{background-position: 0 -190px}
.widget .num a.redNum:active{background-position: 0 -209px}

.widget .num a.greenNum{background-position: 0 0; border: 1px solid #84b550}
.widget .num a.greenNum:hover{background-position: 0 -19px}
.widget .num a.greenNum:active{background-position: 0 -38px}

.widget .num a.greyishNum{background-position: 0 -57px; border: 1px solid #587787}
.widget .num a.greyishNum:hover{background-position: 0 -76px}
.widget .num a.greyishNum:active{background-position: 0 -95px}

.widget .num a.greyNum{background-position: 0 -228px; border: 1px solid #585858}
.widget .num a.greyNum:hover{background-position: 0 -247px}
.widget .num a.greyNum:active{background-position: 0 -266px}

.nNote{cursor: pointer; margin: 32px 0px 0px 0px; box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff}
.nNote strong{margin-right: 5px}
.nNote p{font-size: 11px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656}
.nMessage p{font-size: 11px}
.nWarning{background: #ffe9ad url(../img/icons/notifications/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200}
.nSuccess{background: #effeb9 url(../img/icons/notifications/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01}
.nFailure{background: #fccac1 url(../img/icons/notifications/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F}
.nInformation{background: #deeefa url(../img/icons/notifications/information.png) no-repeat 15px center; border: 1px solid #afd3f2; color: #235685}
.nLightbulb{background: #FEF0CB url(../img/icons/notifications/lightbulb.png) no-repeat 15px center; border: 1px solid #D3A350; color: #835F21}
.nMessages{background: #9DDFFF url(../img/icons/notifications/email.png) no-repeat 15px center; border: 1px solid #42B4FF; color: #835F21}



.pWrapper{padding: 3px; width: 183px; height: 2px; background: url(../img/ui/progress_container.png); margin: 12px}
.progressG{height: 2px; width: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #90c255}
.progressO{height: 2px; width: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #e27924}
.progressB{height: 2px; width: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #5ca8e5}
.progressR{height: 2px; width: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #dc595c}


.contentProgress{height: 6px; background: #dedede; border: 1px solid #cacaca}

.invoicesBar{height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(../img/ui/greenMediumBar.png) repeat-x; border: 1px solid #a1b965}
.barG{height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(../img/ui/greenMediumBar.png) repeat-x; border: 1px solid #a1b965}
.barO{height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(../img/ui/orangeMediumBar.png) repeat-x; border: 1px solid #ee9255}
.barB{height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(../img/ui/blueMediumBar.png) repeat-x; border: 1px solid #70a9d4}



.sTable thead td{text-align: center}
.sTable thead td{border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; color: #878787; font-size: 11px; color: #878787; font-weight: normal; padding: 3px 8px 2px 8px;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}

table thead td.sortCol > div{cursor: pointer; position: relative}
table thead td span{background: url(../img/icons/sort.png) no-repeat 0; display: block; position: absolute; right: 3px; top: 2px; width: 16px; height: 16px}
table thead td.headerSortUp span{background: url(../img/icons/sortUp.png) no-repeat 0}
table thead td.headerSortDown span{background: url(../img/icons/sortDown.png) no-repeat 0}

.sTable thead td a{color: #878787}
.sTable thead td:first-child{border-left: none}
.mTable tfoot tr{height: 50px; border-top: 1px solid #ddd;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}

.fileInfo{font-size: 11px; text-align: center}
.fileInfo span{display: block}

.itemActions{float: left; margin: 12px}
.itemActions label{float: left; margin: 4px 12px 0 4px; font-size: 11px}
.itemActions .selector, .itemActions .selector span{width: 120px}
.itemActions .selector select{width: 130px}


.sTable .checker{margin: 0 auto; float: none}

.sTable tbody tr{border-top: 1px solid #e4e4e4}
.sTable tbody tr:nth-child(even){background-color: #f6f6f6}

.sTable tbody td{border-left: 1px solid #e4e4e4; padding: 8px 12px; vertical-align: middle}
.sTable tbody td:first-child{border-left: none}
.sTable tbody tr:first-child{border-top: none}

.withCheck tbody tr td:first-child, .withCheck tbody tr th:first-child{padding: 11px}
.withCheck thead tr td:first-child{vertical-align: middle; width: 37px!important; padding: 2px 0 0 0}



.tPagination{float: right; display: block; text-align: center; margin: 16px 12px 0 5px}
.tPagination ul li{display: inline-block}
.tPagination ul li a{color: #595959; background: #fefefe url(../img/backgrounds/tPagination.png) repeat-x; padding: 3px 7px; border: 1px solid #ddd; font-size: 11px}
.tPagination ul li.prev a{background: url(../img/icons/prev.png) no-repeat 0; border: none}
.tPagination ul li.next a{background: url(../img/icons/next.png) no-repeat 100%; border: none}

.pagination{margin: auto; width: auto; text-align: center; margin-top: 30px}
.pages{ }
.pages li.prev{margin-right: 15px}
.pages li.next{margin-left: 15px}
.pages li{ display: inline-block; margin: 5px 2px}
.pages li a{height: 25px; padding: 4px 8px; text-decoration: none; color: #666666; font-weight: bold; border: 1px solid #d5d5d5; font-size: 11px;
background: #fafafc;
background: -moz-linear-gradient(top,  #fafafc 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafc 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafc 0%,#efefef 100%);

}
.pages li a:hover{background: #f6f6f6}
.pages li .active{background: url(../img/backgrounds/sideGradient.png) repeat-x; color: #fff; border-color: #424852}
.pages li .active:hover{background: #2a313d}



.formRow{padding: 22px 16px; clear: both; border-bottom: 1px solid #E2E2E2; border-top: 1px solid white; position: relative}
.formRow:first-child{border-top: none}
.formRow:last-child{border-bottom: none}
.ui-formwizard .formRow:last-child{border-bottom: 1px solid #E2E2E2 }
.wizButtons{border-top: 1px solid #fff}
.formRow .inputImg{position: absolute; top: 29px; right: 25px}
.formRow .labelImg{float: left; margin: 2px 10px 0 0}
.formRow > label{padding: 4px 0; display: block; float: left}
.formRight label{float: left; margin-right: 24px; padding: 2px 0; cursor: pointer}
.formNote{display: block; text-align: left; font-size: 11px; padding-top: 5px; color: #939393}

.req{float: right; margin-left: 5px; display: block; color: #DB6464}
.disabled{color: #c0c0c0}


.sliderSpecs > label{font-size: 11px; margin-right: 10px}
.sliderSpecs > input[type=text]{border: none; background: none; width: 30%!important; padding: 5px; color: #595959}

.formRow .checker, .formRow .radio{margin-right: 12px; margin-top: 4px}
.formRow .formRight{display: block; float: right; width: 80%}

.form input[type=text], .form input[type=password], .form textarea{font-size: 11px; padding: 7px 6px; background: white; border: 1px solid #DDD; width: 100%; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; color: #656565; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box}
.form input[type=text]:hover, .form input[type=password]:hover, .form textarea:hover{border-color: #d5d9dc; background: #fdfdfd}
.form input[type=text]:focus, .form input[type=password]:focus, .form textarea:focus{border-color: #d5d9dc; background: #fff; -webkit-box-shadow: 0 0 0 2px #f4f4f4; box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4}
input[readonly], input[disabled]{background: #FCFCFC; border: 1px solid #DADADA; color: #D1D1D1}

.multiple{width: 100%; padding: 5px}


.searchDrop .selector{display: none}


.limBox{font-size: 11px; padding: 10px 0; display: block}
.limiterBox{border: 1px solid #ddd; border-top: none; /*background: #efefef url(../img/backgrounds/titleBg.png) repeat-x;*/ padding: 4px 6px; font-size: 11px; margin-top:1px;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}


div.tagsinput{border: 1px solid #ddd; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; background: #FFF; padding: 5px; width: 100%; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box}
div.tagsinput span.tag{border: 1px solid #a5d24a; display: block; float: left; padding: 3px 8px 2px 8px; background: #cde69c; color: #638421; margin: 5px 5px 5px 5px}
div.tagsinput span.tag a{font-weight: bold; color: #82ad2b; font-size: 11px; float: right; margin-top: -1px}
div.tagsinput input{width: 80px; border: none; padding: 5px; background: transparent; margin: 5px 5px 0 0}
div.tagsinput div{display: block; float: left}
.tags_clear{clear: both; width: 100%; height: 0px}
.not_valid{background: #FBD8DB !important; color: #90111A !important}


.timepicker{width: 58px!important; box-shadow: none!important; height: 30px}
.timeEntry_control{vertical-align: middle; margin-left: -1px; margin-top: -2px; cursor: pointer}
* html .timeEntry_control{margin-top: -4px}
.timeEntry_wrap{margin-right: 12px}


.ui-spinner{width: 10em; display: block; position: relative; overflow: hidden; border: 1px solid #cacaca; background: url(../img/forms/spinnerBg.png) repeat-x top left!important; padding-left: 8px}
.ui-spinner-disabled{background: #F4F4F4; color: #CCC}
.ui-spinner input.ui-spinner-box{border: none!important; background: none!important; box-shadow: none!important; padding: 6px 0!important}
.ui-spinner-up, .ui-spinner-down{width: 18px; padding: 0; margin: 0; z-index: 100; position: absolute; right: 0; cursor: pointer; border: none}
.ui-spinner-up{background: url(../img/forms/spinnerTop.png) no-repeat; height: 13px; top: 0}
.ui-spinner-down{height: 13px; bottom: 0px; background: url(../img/forms/spinnerBottom.png) no-repeat}
.ui-spinner-pressed{ }
.ui-spinner-list, .ui-spinner-listitem{margin: 0; padding: 0; font-size: 11px}
.ui-spinner ul li, .ui-spinner-data{line-height: 25px; height: 25px}


.inputContainer{position: relative; float: left}
.formError{position: absolute; top: 300px; left: 282px; display: block; z-index: 998; cursor: pointer}
.ajaxSubmit{padding: 20px; background: #55ea55; border: 1px solid #999; display: none}

.formError .formErrorContent{background: #202020; position:relative; z-index:5001; color: #fff; width: 122px; font-size: 11px; border: 1px solid #000; padding: 2px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
.greenPopup .formErrorContent{background: #33be40}
.blackPopup .formErrorContent{background: #393939; color: #FFF}
.formError .formErrorArrow{width: 15px; margin: -2px 0 0 13px;  position:relative; z-index: 5006}
.formError .formErrorArrowBottom{box-shadow: none; margin: 0px 0 0 12px; top:2px}
.formError .formErrorArrow div{font-size: 0px; height: 1px; background: #202020; margin: 0 auto; line-height: 0; font-size: 0; display: block}
.formError .formErrorArrowBottom div{box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}

.greenPopup .formErrorArrow div{background: #33be40}
.blackPopup .formErrorArrow div{background: #393939; color: #FFF}

.formError .formErrorArrow .line10{width: 15px; border: none}
.formError .formErrorArrow .line9{width: 13px; border: none}
.formError .formErrorArrow .line8{width: 11px}
.formError .formErrorArrow .line7{width: 9px}
.formError .formErrorArrow .line6{width: 7px}
.formError .formErrorArrow .line5{width: 5px}
.formError .formErrorArrow .line4{width: 3px}
.formError .formErrorArrow .line3{width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd}
.formError .formErrorArrow .line2{width: 3px; border: none; background: #ddd}
.formError .formErrorArrow .line1{width: 1px; border: none; background: #ddd}

.checker input, .radio input, .selector select{cursor: pointer}


div.selector{position: relative; height: 28px; background: url(../img/forms/select_left.png) no-repeat top left; float: left; width: 190px; position: relative; padding-left: 10px}
div.selector select{width: 200px; font-size: 12px; position: absolute; height: 28px; top: 0; left: 0}
div.selector span{width: 190px; cursor: pointer; position: absolute; right: 0; height: 28px; background: url(../img/forms/select_right.png) no-repeat center right; top: 0; line-height: 28px; font-size: 11px}

.dataTables_length div.selector{width: 45px; float: left; height: 22px; background: url(../img/forms/select_left_datatable.png) no-repeat top left; padding-left: 8px}
.dataTables_length div.selector span{width: 45px; height: 22px; background: url(../img/forms/select_right_datatable.png) no-repeat center right; line-height: 22px}
.dataTables_length div.selector select{width: 65px; left: -5px; height: 22px}

.multiple{height: 200px}


div.checker{width: 15px; height: 15px; position: relative; float: left}
div.checker input{width: 15px; height: 15px; opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none}
div.checker span{background: transparent url(../img/forms/checkbox.png) no-repeat 0 0px ; vertical-align: middle; height: 15px; width: 15px; display: -moz-inline-box; display: inline-block; text-align: center}
div.checker span.checked{background-position: center bottom}


div.radio{width: 15px; height: 15px; position: relative; float: left; margin-top: 5px}
div.radio input{opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; width: 15px; height: 15px}
div.radio span{background: transparent url(../img/forms/radio.png) no-repeat 0 0; vertical-align: middle; height: 15px; width: 15px; display: block; display: -moz-inline-box; display: inline-block; text-align: center}
div.radio span.checked{background-position: center bottom}


div.uploader{width: 250px; position: relative; overflow: hidden; box-shadow: 0 0 0 2px #f4f4f4; -webkit-box-shadow: 0 0 0 2px #f4f4f4; -moz-box-shadow: 0 0 0 2px #f4f4f4; border: 1px solid #DDD; background: white; padding: 2px 2px 2px 8px}
div.uploader span.action{width: 22px; background: #fff url(../img/addFiles.png) no-repeat 0 0; height: 22px; font-size: 11px; font-weight: bold; cursor: pointer; float: right; text-indent: -9999px; display: inline; overflow: hidden; cursor: pointer}
div.uploader:hover span.action{background-position: 0 -27px}
div.uploader:active span.action{background-position: 0 -54px}
div.uploader span.filename{color: #777; max-width: 200px; font-size: 11px; line-height: 22px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default}
div.uploader input{width: 266px; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 26px; border: none; cursor: pointer}
.uploader{display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline}


label.error{color: #A73939; font-size: 11px; display: block; width: 100%; white-space: nowrap; float: none; margin: 8px 0 -8px 0}
.selector .error{margin-right: -220px; float: right}
.checker label.error, .radio label.error{display: inline}
.step h1{float: right; font-weight: bold; font-size: 1em; padding-right: 14px; margin-top: -28px}
.navigation_button{width : 70px}
.data span{font-size: 11px; text-align: center; border-top: 1px solid #DDD; padding: 12px 0; display: block}

.wizButtons .wNavButtons{float: right; margin: 14px 18px}
.wizButtons .status span{float: left; color: #599414; padding: 18px 14px 18px 32px; background: url(../img/icons/updateDone.png) no-repeat 14px; font-size: 11px}


.leftPart{float: left; width: 38%; max-width: 45%}
.rightPart{float: right; width: 38%; max-width: 45%}
.dualControl{text-align: center; width: 200px; margin: 150px 1px; position: absolute; left: 50%; margin-left: -100px}
.boxFilter{max-width: 90%; margin: 0 0 0 0; float: right}
.filter{margin: 10px 0 22px 0; position: relative; width: 100%}
.filter > span{float: left; display: block; margin-top: 4px}
.fBtn{position: absolute; right: 10px; top: 9px; background: none!important; color: #aaa; border: none!important; padding: 0!important}
.countLabel{margin-top: 10px; display: block}


.cleditorMain{ background-color:white}
.cleditorMain iframe {border:none; margin:0; padding:0}
.cleditorMain textarea{border:none!important; margin:0; padding:0!important; font:10pt Arial,Verdana; resize:none; outline:none; height: 127px; box-shadow: none!important; /* webkit grip focus */}
.cleditorToolbar {background: url('../img/wysiwyg/toolbar.gif') repeat}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../img/wysiwyg/buttons.gif')}
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding: 10px; font-size:8.5pt}
.cleditorPrompt input[type=text],
.cleditorPrompt textarea {font:8.5pt Arial,Verdana; width: auto; margin: 5px 0}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}


.plupload_button{font-size: 11px; font-weight: bold; color: #fff; line-height: 13px; margin-top: 6px}

.plupload_start, .plupload_add{
background: #fcfcfc;
background: -moz-linear-gradient(top,  #fcfcfc 0%, #e7e7e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e7e7e7));
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
background: -o-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
background: -ms-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
background: linear-gradient(to bottom,  #fcfcfc 0%,#e7e7e7 100%);
}

.plupload_start{float: left; border: 1px solid #9f352b; color: #fff;
background: #be5147;
background: -moz-linear-gradient(top,  #be5147 0%, #9f352b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be5147), color-stop(100%,#9f352b));
background: -webkit-linear-gradient(top,  #be5147 0%,#9f352b 100%);
background: -o-linear-gradient(top,  #be5147 0%,#9f352b 100%);
background: -ms-linear-gradient(top,  #be5147 0%,#9f352b 100%);
background: linear-gradient(to bottom,  #be5147 0%,#9f352b 100%);
}
.plupload_start:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95;  }
.plupload_start:active{background: #9f352b; box-shadow: 0 1px 3px #707070 inset; -webkit-box-shadow: 0 1px 3px #707070 inset; -moz-box-shadow: 0 1px 3px #707070 inset}
.plupload_start span{background: url(../img/icons/upload.png) no-repeat 10px 8px; padding: 5px 15px 6px 28px; display: block;  }

.plupload_disabled, a.plupload_disabled:hover{color: #a6a6a6; border: 1px solid #e9e9e9; background: none; cursor: default}
.plupload_disabled span{padding: 5px 13px 6px 13px}

.plupload_add{margin-right: 10px; border: 1px solid #c7c7c7; float: left; color: #595959;
background: #fcfcfc;
background: -moz-linear-gradient(top,  #fcfcfc 0%, #e7e7e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e7e7e7));
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
background: -o-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
background: -ms-linear-gradient(top,  #fcfcfc 0%,#e7e7e7 100%);
background: linear-gradient(to bottom,  #fcfcfc 0%,#e7e7e7 100%);
}
.plupload_add:hover{-webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; opacity: 0.95}
.plupload_add:active{background: #eeeeee; box-shadow: 0 1px 2px #ddd inset; -webkit-box-shadow: 0 1px 2px #ddd inset; -moz-box-shadow: 0 1px 2px #ddd inset}
.plupload_add span{background: url(../img/icons/add.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block}

.plupload_wrapper{font-size: 11px;; width: 100%}

.plupload_container{ }
.plupload_container input{border: 1px solid #DDD; font-size: 11px; width: 98%}

.plupload_filelist{margin: 0; padding: 0; list-style: none}
.plupload_scroll .plupload_filelist{height: 185px; background: #fff; overflow-y: scroll}
.plupload_filelist li{padding: 10px 12px 14px 10px; background: #FCFCFC url(../img/contentDivider.png) repeat-x 0 100%}
.plupload_filelist li:hover{background-color: #f9f9f9}

.plupload_filelist_header, .plupload_filelist_footer{padding: 3px 12px; color: #878787;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}
.plupload_filelist_header{border-bottom: 1px solid #d5d5d5; height: 20px}

.plupload_filelist_footer{border-top: 1px solid #D5D5D5; line-height: 38px; vertical-align: middle}
.plupload_file_name{float: left; overflow: hidden}
.plupload_filelist .plupload_file_name{background: url(../img/arrow.gif) no-repeat 2px; padding-left: 14px}
.plupload_file_status{color: #777}
.plupload_file_status span {}
.plupload_file_size, .plupload_file_status, .plupload_progress{float: right; width: 80px}
.plupload_file_size, .plupload_file_status, .plupload_file_action{text-align: right}
.plupload_filelist .plupload_file_name{width: 205px}
.plupload_file_action{float: right; width: 14px; margin-top: 3px; height: 14px; margin-left: 15px}
.plupload_file_action *{display: none; width: 14px; height: 14px}

li.plupload_uploading{ }
li.plupload_done{color: #AAA}
li.plupload_delete a{background: url(../img/icons/uploader/deleteFile.png) no-repeat 0}
li.plupload_failed a{background: url(../img/icons/uploader/error.png) no-repeat 0; cursor: default}
li.plupload_done a{background: url(../img/icons/uploader/uploaded.png) no-repeat 0; cursor: default}

.plupload_progress, .plupload_upload_status{display: none}
.plupload_progress_container{margin-top: 10px; border: 1px solid #CCC; background: #FFF; padding: 1px}
.plupload_progress_bar{width: 0px; height: 7px; background: #CDEB8B}
.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action{margin-right: 17px}


.plupload_clear,.plupload_clearer{clear: both}
.plupload_clearer, .plupload_progress_bar{display: block; font-size: 0; line-height: 0}

li.plupload_droptext{background: transparent; text-align: center; vertical-align: middle; border: 0; line-height: 160px}
li.plupload_droptext:hover{background: #fff}



#footer{clear: both; position: absolute; bottom: 0; left: 0; width: 100%;  }
#footer .wrapper{text-align: center; padding: 20px 0 20px 222px; margin: 0}



.tipsy{padding: 4px; font-size: 11px; position: absolute; z-index: 100000}
.tipsy-inner{padding: 2px 8px 2px 8px; background-color: black; color: white; max-width: 200px; text-align: center}
.tipsy-inner{border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-arrow{position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px}
.tipsy-n .tipsy-arrow{top: 0; left: 50%; margin-left: -4px}
.tipsy-nw .tipsy-arrow{top: 0; left: 10px}
.tipsy-ne .tipsy-arrow{top: 0; right: 10px}
.tipsy-s{margin-top: -5px}
.tipsy-w{margin-left: 5px}
.tipsy-e{margin-right: -5px}
.tipsy-n{margin-top: 5px}
.tipsy-s .tipsy-arrow{bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left}
.tipsy-sw .tipsy-arrow{bottom: 0; left: 10px; background-position: bottom left}
.tipsy-se .tipsy-arrow{bottom: 0; right: 10px; background-position: bottom left}
.tipsy-e .tipsy-arrow{top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right}
.tipsy-w .tipsy-arrow{top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px}


.cPicker span{margin-left: 36px; font-size: 11px; white-space: nowrap; padding-top: 2px; display: block}

#cPicker {
position: relative;
}
#cPicker div{position: absolute; top: 0px; left: 0px; width: 24px; height: 24px; background: url(../img/colorPicker/select.png) center no-repeat; cursor: pointer}


.colorpicker{width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(../img/colorPicker/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none}
.colorpicker_color{width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair}
.colorpicker_color div{position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../img/colorPicker/colorpicker_overlay.png)}
.colorpicker_color div div{position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../img/colorPicker/colorpicker_select.gif); margin: -5px 0 0 -5px}
.colorpicker_hue{position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize}
.colorpicker_hue div{position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../img/colorPicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px}
.colorpicker_new_color{position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00}
.colorpicker_current_color{position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00}
.colorpicker input{background: none!important; border: none!important; position: absolute; font-size: 10px!important; font-family: Arial, Helvetica, sans-serif; color: #898989!important; top: 5px; right: 11px; text-align: right; margin: 0; padding: 0!important; height: 11px; box-shadow: none!important}
.colorpicker_hex{position: absolute; width: 72px; height: 22px; background: url(../img/colorPicker/colorpicker_hex.png) top; left: 212px; top: 142px}
.colorpicker_hex input{right: 6px}
.colorpicker_field{height: 22px; width: 62px; background-position: top; position: absolute}
.colorpicker_field span{position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize}

.colorpicker_rgb_r{background-image: url(../img/colorPicker/colorpicker_rgb_r.png); top: 52px; left: 212px}
.colorpicker_rgb_g{background-image: url(../img/colorPicker/colorpicker_rgb_g.png); top: 82px; left: 212px}
.colorpicker_rgb_b{background-image: url(../img/colorPicker/colorpicker_rgb_b.png); top: 112px; left: 212px}
.colorpicker_hsb_h{background-image: url(../img/colorPicker/colorpicker_hsb_h.png); top: 52px; left: 282px}
.colorpicker_hsb_s{background-image: url(../img/colorPicker/colorpicker_hsb_s.png); top: 82px; left: 282px}
.colorpicker_hsb_b{background-image: url(../img/colorPicker/colorpicker_hsb_b.png); top: 112px; left: 282px}
.colorpicker_submit{position: absolute; width: 22px; height: 22px; background: url(../img/colorPicker/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden}
.colorpicker_focus{background-position: center}
.colorpicker_hex.colorpicker_focus{background-position: bottom}
.colorpicker_submit.colorpicker_focus{background-position: bottom}
.colorpicker_slider{background-position: bottom}



div.jGrowl{z-index: 9999; color: #fff; font-size: 12px}
div.ie6.top-right{
    right:              auto;
    bottom:             auto;
    left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
    left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
    left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
    left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
    left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width:              100%;
}

/** Normal Style Positions **/
div.jGrowl{position: absolute}
body > div.jGrowl{position: fixed}
div.jGrowl.top-left{left: 0px; top: 0px}
div.jGrowl.top-right{right: 0px; top: 36px}
div.jGrowl.bottom-left{left: 0px; bottom: 0px}
div.jGrowl.bottom-right{right: 0px; bottom: 0px}
div.jGrowl.center{top: 0px; width: 50%; left: 25%}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer{margin-left: auto; margin-right: auto}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
background-color: black;
opacity: .85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
zoom: 1;
width: 235px;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 1em;
text-align: left;
display: none;
}

div.jGrowl div.jGrowl-notification{min-height: 40px}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer{margin: 10px}
div.jGrowl div.jGrowl-notification div.jGrowl-header{font-weight: bold; font-size: .85em}
div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer}
div.jGrowl div.jGrowl-closer{padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center}

@media print{div.jGrowl{display: none} }



.bc{margin: 32px 0; border: 1px solid #cdcdcd ;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#efefef 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#efefef 100%);
}
ul.breadcrumbs{position: relative; z-index: 998; clear: both}
ul.breadcrumbs li{float: left}
ul.breadcrumbs li.current{border-right: none}
ul.breadcrumbs li a{font-size: 11px; color: #666666; text-decoration: none; padding: 8px 20px 8px 14px; display: block; background: url(../img/backgrounds/breadcrumbArrow.png) no-repeat 100% 13px}
ul.breadcrumbs li a:hover, ul.breadcrumbs li.hover a{color: #2B6893}
ul.breadcrumbs > li:first-child{background: url(../img/icons/iconHome.gif) no-repeat 12px 12px}
ul.breadcrumbs > li:first-child a{padding-left: 32px}
ul.breadcrumbs li.current a{color: #333333; font-weight: bold; background: none}

ul.breadcrumbs li ul{position: absolute; background: url(../img/subArrow.png) no-repeat 10px 5px; font-size: 11px; width: 180px; top: 35px; display: none; padding-top: 10px; margin-left: -1px}
ul.breadcrumbs li ul li{float: none; width: 180px; border-bottom: 1px solid #1c252b; border-top: 1px solid #404950; border-left: none; border-right: none; background: url(../img/backgrounds/navBg.jpg); padding: 0}
ul.breadcrumbs li ul li:first-child{-webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px}
ul.breadcrumbs li ul li:last-child{-webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px}

ul.breadcrumbs li ul li:hover{border-top: 1px solid #374047}
ul.breadcrumbs li ul li a{text-decoration: none; padding: 5px 0; color: #CCCCCC !important; display: block; padding: 8px 12px 8px 32px; background: url(../img/subIcon.png) no-repeat 12px 15px}
ul.breadcrumbs li ul li a:hover{background: #293138 url(../img/subIcon.png) no-repeat 12px 15px}



.SRC_Wrap{height:auto; font-size:12px}
.SRC_Title{ text-align:center; color:#555; border-bottom:2px solid #999; font-size:14px; font-family:Verdana, Geneva, sans-serif; padding:5px; font-weight:700}
.SRC_Line{width:100%; background-color:#fafafa; min-height:28px; line-height: 28px}
.SRC_Line:nth-child(even){background-color:#f5f5f5}
.SRC_NumBox{width: 5%; float:left}
.SRC_Num{font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align:right; color:#555; font-weight:500; padding-right:2px; width:100%; height:auto; min-height:28px; line-height:28px}
.SRC_CodeContent{white-space: pre-wrap; border-left: 1px solid #EFEFEF; font-size: 12px; padding-left: 12px; font-family: "Courier New", Courier, monospace; margin: 0px; min-height: 28px; line-height: 28px}
.SRC_NumContent{text-align:right; margin-right:4px; color:#555}
.SRC_CodeBox{float:left; width:95%}

.SC_blue{color: blue}
.SC_grey{color: grey}
.SC_navy{color: navy}
.SC_green{color: green}
.SC_orange{color: #930}
.SC_red{color: #F00}
.SC_teal{color: teal}
.SC_gold{color: #FC0}
.SC_pink{color: #ff68a4}
.SC_bold{font-weight: 700}


.chzn-container{position: relative; display: inline-block; zoom: 1; *display: inline}
.chzn-container .chzn-drop{background: #fff; border: 1px solid #d5d5d5; border-top: 0; position: absolute; top: 29px; margin-top: 1px; left: 0; z-index: 998; width: 99.7%!important}

.chzn-container-single .chzn-single{background: url(../img/backgrounds/chosenSelect.png) repeat-x; border: 1px solid #d8d8d8; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 26px; line-height: 27px; padding: 0 0 0 8px; color: #595959; text-decoration: none}
.chzn-container-single .chzn-single span{margin-right: 26px; display: block; font-size: 11px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis}
.chzn-container-single .chzn-single abbr{display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 13px; font-size: 1px}
.chzn-container-single .chzn-single abbr:hover{}
.chzn-container-single .chzn-single div{position: absolute; right: -1px; top: -1px; display: block; height: 28px; width: 25px}
.chzn-container-single .chzn-single div b{background: url(../img/forms/select_right.png) no-repeat center right; display: block; width: 25px; height: 28px}
.chzn-container-single .chzn-search{padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010}
.chzn-container-single .chzn-search input{margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 11px; background: url(../img/searchSmall.png) no-repeat 98% !important }
.chzn-container-single .chzn-drop {}

.chzn-container-single-nosearch .chzn-search input{position: absolute; left: -9000px}

.chzn-container-multi{width: 100%!important}
.chzn-container-multi .chzn-choices{border: 1px solid #ddd; margin: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative;
font-size: 12px;
padding: 4px;
background: white;
box-shadow: 0 0 0 2px #f4f4f4;
-webkit-box-shadow: 0 0 0 2px #f4f4f4;
-moz-box-shadow: 0 0 0 2px #f4f4f4;
color: #656565;
 }
.chzn-container-multi .chzn-choices li{float: left; list-style: none}
.chzn-container-multi .chzn-choices .search-field{white-space: nowrap; margin: 0; padding: 0}
.chzn-container-multi .chzn-choices .search-field input{color: #666; background: transparent !important; border: 0 !important; font-family: sans-serif; font-size: 12px!important; padding: 11px 4px 10px 4px!important; margin: 0; outline: 0; box-shadow: none!important}
.chzn-container-multi .chzn-choices .search-field .default{color: #999}
.chzn-container-multi .chzn-choices .search-choice{position: relative; line-height: 16px; font-size: 11px; border: 1px solid #A5D24A; display: block; float: left; padding: 5px 24px 5px 8px; background: #CDE69C; color: #638421; margin: 4px}

.chzn-container-multi .chzn-choices .search-choice-focus{background: #d4d4d4}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close{display: block; position: absolute; right: 6px; top: 8px; width: 10px; height: 10px; font-size: 1px; background: url(../img/icons/closeSelection.png) 50% no-repeat}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close{background-position: right -11px}

.chzn-container .chzn-results{margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto}
.chzn-container-multi .chzn-results{padding: 0; margin: 0}
.chzn-container .chzn-results li{display: none; line-height: 14px; padding: 5px 6px; margin: 0; list-style: none; font-size: 11px}
.chzn-container .chzn-results .active-result{cursor: pointer; display: list-item}
.chzn-container .chzn-results .highlighted{background-color: #3875d7; color: #fff}
.chzn-container .chzn-results li em{background: #feffde; font-style: normal}
.chzn-container .chzn-results .highlighted em{background: transparent}
.chzn-container .chzn-results .no-results{background: #f4f4f4; display: list-item}
.chzn-container .chzn-results .group-result{cursor: default; color: #2e74a6; font-weight: bold; font-size: 10px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD}
.chzn-container .chzn-results .group-option{padding-left: 15px}
.chzn-container-multi .chzn-drop .result-selected{display: none}
.chzn-container .chzn-results-scroll{background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should be dynamic with js */ z-index: 1}
.chzn-container .chzn-results-scroll span{display: inline-block; height: 17px; text-indent: -5000px; width: 9px}
.chzn-container .chzn-results-scroll-down{bottom: 0}
.chzn-container .chzn-results-scroll-down span{background: url('chosen-sprite.png') no-repeat -4px -3px}
.chzn-container .chzn-results-scroll-up span{background: url('chosen-sprite.png') no-repeat -22px -3px}

.chzn-container-active .chzn-single-with-drop div{background: transparent; border-left: none}
.chzn-container-active .chzn-single-with-drop div b{ }
.chzn-container-active .chzn-choices{border: 1px solid #d5d5d5}
.chzn-container-active .chzn-choices .search-field input{color: #111 !important}

.chzn-disabled{cursor: default; opacity:0.5 !important}
.chzn-disabled .chzn-single{cursor: default}
.chzn-disabled .chzn-choices .search-choice .search-choice-close{cursor: default}




@media only screen and (min-width: 980px) and (max-width: 1280px) {

    .oneTwo{width: 48%}
    .wrapper{margin: 0 4%}
    .oneThree{width: 31%; margin-left: 3.5%}
    .twoOne{width: 65.5%}
    .oneFour{width: 22%; margin-left: 4%}
    .formRow .formRight{width: 72%}
    .SRC_NumBox{width: 10%}
    .SRC_CodeBox{width: 90%}

}



@media only screen and (max-width: 480px) {

.loginWrapper{margin: -119px 0 0 -141px}
.loginWrapper .widget{width: 282px}
.loginWrapper .formRow > label{float: left; padding: 4px 0}
.loginInput{width: 160px; margin-right: 4px}

.chzn-container .chzn-drop{width: 99.6%!important}
.chzn-container-single .chzn-search{text-align: center}
.chzn-container-single .chzn-search input{width: 89%!important}

}



/* Devices and browsers with min of 800px and max of 979px */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .wrapper{margin: 0 5%}
    .pageTitle{max-width: 45%}
    .oneTwo, .oneTwo:first-child, .oneThree, .oneThree:first-child, .oneFour, oneFour:first-child, .twoOne, .twoOne:first-child{width: auto; float: none; margin: 0; clear: both; width: 100%}
    table thead td span{background-position: 100%}
    .formRow{padding: 14px 16px 18px 16px}
    .formRow .formRight{width: 100%; float: none; margin-right: 14px}
    .formRow .inputImg{top: auto; bottom: 26px}
    .formRow > label{float: none; padding: 0 0 12px 0}
    .req{float: none; margin-left: 0; display: inline}
    .chzn-container{width: 100%!important}

    .topNav{display: inline-block; text-align: center}
    .userNav{margin-right: 214px!important}

    .welcome{display: none}
    .dataTables_filter input[type="text"]{width: 110px!important}

    .controlB ul li{margin: 4px 1%; width: 30%}

    .sItem{width: 186px}

    .horControlB ul li{margin: 2px; width: 46%}

    table thead td span{display: none}
    .sTable thead td.sortCol{text-align: center; padding: 3px 14px 2px 14px}

    .chzn-container-single .chzn-search{text-align: center}
    .chzn-container-single .chzn-search input{width: 94%!important}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 1024px) {

    html{-webkit-text-size-adjust: 100%}
    .statsDetailed{top: 60px}
    .withCheck thead tr td:first-child{width: 37px}
    .oneTwo, .oneTwo:first-child, .oneThree, .oneThree:first-child, .oneFour, oneFour:first-child, .twoOne, .twoOne:first-child{width: auto; float: none; margin: 0; clear: both}

    .loginWrapper .formRow > label{float: left; padding: 4px 0}
    .loginInput{margin-right: 4px}
    .dnone{display: none}
    .loginPage{min-height: 500px}

    .chzn-search{text-align: center}
    .chzn-container-single .chzn-search input{width: 89%!important}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 768px) {

    .errorPage .welcome{display: block}
    .errorPage .userNav{margin-right: 0!important; float: right}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 599px) {

    #rightSide{padding-bottom: 74px}

    .userNav ul li span{display: none}
    .topNav{background: url(../img/backgrounds/topnavBg.png) repeat; margin: 0; padding: 0}
    .userNav{float: none; margin-right: 0; border: none}
    .userNav > ul{border: none}
    .userNav > ul li{float: none; display: inline-block; margin: 0px 0 0px -4px }
    .userNav > ul li a{float: none; padding: 6px 14px 8px 14px; margin: 0}
    .userNav > ul li img{margin: 0; float: none; padding: 0; display: inline}

    ul.userDropdown{left: -53px}
    ul.userDropdown li{margin: 0; text-align: left}
    ul.userDropdown li a{padding: 6px 10px 7px 32px}

    .itemActions{margin: 16px auto 8px auto; float: none; clear: both; display: block; width: 210px}
    .tPagination{padding: 16px 12px; float: none; clear: both}

    .invButtons .bFirst, .invButtons .bLast{float: none}
    .invButtons .bLast{margin-top: 10px}

    .plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action{margin-right: 0; margin-left: 0; width: 0}
    .plupload_file_size, .plupload_file_status, .plupload_progress{width: auto}
    .plupload_file_size{margin: 0 10px}
    .plupload_filelist .plupload_file_name{width: 48%}

    .dataTables_filter input[type="text"]{width: 169px!important}
    .dataTables_paginate{text-align: center; margin: 8px 6px 40px 6px}
    .ui-buttonset .ui-button{margin: 0 2px}
    .dataTables_paginate .ui-button{margin-right: 0}
    .dataTables_filter{margin: 4px 12px 2px 12px; left: 50%; margin-left: -123px}
    .dataTables_paginate .last{border-bottom: 1px solid #d5d5d5!important }

    table.display thead th div.DataTables_sort_wrapper{line-height: 16px; text-align: center; padding-right: 10px}
    table.display thead th div.DataTables_sort_wrapper span, .dataTables_length .itemsPerPage, table thead td span{display: none}

    /*.form input[type="text"], .form input[type="password"], .form textarea{width: 94%}*/
    .formRow{padding: 14px 16px 18px 16px}


    .filter > input[type=text]{width: 75%}
    .leftPart, .rightPart{float: none; width: 100%; max-width: 100%}
    .leftPart{margin-bottom: 20px}
    .rightPart{margin-top: 30px}
    .countLabel{text-align: center}

    .dualControl{width: auto; margin: 0; position: static; left: 0; margin-left: 0}

    .SRC_CodeBox{width: 90%}
    .SRC_NumBox{width: 10%}

    .el-finder-nav{width: 40%}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 600px) and (max-width: 1024px) {

    .userNav{float: none; margin-right: 0; border: none}
    .userNav > ul{border: none; margin: 0}
    .userNav > ul li{display: inline-block; float: none; margin-left: -4px}
    ul.userDropdown{left: -10px}
    ul.userDropdown li{margin: 0; text-align: left}
    ul.userDropdown li a{padding: 6px 10px 7px 32px}
    .filter > input[type=text]{width: 70%}
    .dualControl button{padding: 7px 12px 8px 12px }

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 600px) and (max-width: 767px) {

    .formRow{padding: 14px 16px 18px 16px}
    .changes .negative, .changes .positive, .changes .zero{padding-left: 56%!important; background-position: 72% 6px!important}
    table thead td span{display: block; right: -13px}
    .sTable thead td.sortCol{text-align: left; padding: 3px 14px 2px 14px}
    .dataTables_filter input[type="text"]{width: 150px!important}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 767px) {

    .resp{display: block}
    .respHead{text-align: center}
    .respHead > a{margin: 20px 0; display: block}

    .topNav{position: static}

    #leftSide, .welcome{display: none}
    .dn{display: block}
    body{background: none}
    .wrapper{margin: 0 6%}
    .topNav{display: inline-block; text-align: center}
    .titleArea{text-align: center; padding-top: 24px}
    .pageTitle > h5{font-size: 18px; margin-bottom: 4px}
    .pageTitle{float: none; padding: 0 0 22px 0}
    .formRow .formRight{width: 100%; float: none}
    .formRow .inputImg{top: auto; bottom: 26px}
    .formRow > label{float: none; padding: 0 0 12px 0}
    .req{float: none; margin-left: 0; display: inline}
    .step h1{display: none}

    .middleNav{float: none; margin: 0 auto 29px auto; width: 282px}
    .middleNav > ul li{display: inline; width: 69px; float: left}
    .middleNav > ul li:first-child{width: 70px}
    .middleNav ul li a{width: 100%}

    .middleNav ul li a span.files{background-position: 21px}
    .middleNav ul li a span.users{background-position: 14px}
    .middleNav ul li a span.messages{background-position: 18px}
    .middleNav ul li a span.orders{background-position: 21px}

    .numberMiddle{right: -3px}

    .middleNav ul li ul{left: 0; width: 140px; text-align: left; background-position: 28px 0}
    .middleNav ul li ul li{width: 100%}
    .middleNav ul li.mOrders ul, .middleNav ul li.mFiles ul{right: -3px; left: auto; background-position: 95px 0}
    .middleNav ul li ul li:first-child{width: 100%}

    .controlB ul li{display: block; float: left; width: 49%; margin: 1px 1px 0 0}
    .horControlB ul li{margin: 1px 0 0 0; width: 100%; text-align: left}

    .sItem{margin: 1px 0 0 0; width: 100%}
    .sItem > h2{width: 50%; border-right: 1px solid #D5D5D5}
    .changes{padding: 14px 0 5px 0; float: none}
    .changes .negative, .changes .positive, .changes .zero{padding-left: 58%; background-position: 68% 6px; background-repeat: no-repeat}
    .changes .negative{background-image: url(../img/negArrow.png)}
    .changes .positive{background-image: url(../img/posArrow.png)}
    .changes .zero{background-image: url(../img/zero.png)}

    .statsDetailed{margin-left: -111px}

    #footer .wrapper{padding: 0 12px 12px 12px!important}
    .leftPart .selector, .rightPart .selector{display: none}
    .chzn-container{width: 100%!important}
    div.uploader{width: 220px}
    .formRow .checker, .formRow .radio{clear: both}

    .errorWrapper .errorNum{font-size: 180px; padding: 100px 0 65px 0}
    .errorWrapper .offline{font-size: 115px; padding: 80px 0 45px 0}

    .sTable, .dTable{table-layout: fixed}
    .sTable tbody td, .dTable tbody td{overflow: hidden; padding: 8px}
    .sTable thead td{overflow: hidden}

    .goTo{display: block; width: auto; height: auto; font-weight: bold; font-size: 10px; text-transform: uppercase; color: #fafafa; padding: 10px 0; cursor: pointer; margin: 0 6% }
    .goTo:hover, .goTo:active{ }
    .goTo > img{margin: 3px 16px 0 0; float: left}

    .pInfo{max-width: 70%}
    .searchWidget input[type="text"]{width: 92%!important}

}



/* ==========================================================================


   Author's custom styles


   ========================================================================== */

tr.selected_element td{background-color: #F1FFA8 !important}


.loginWrapper .error{
    margin: 9px 0 -22px 0;
    color: #F00;
}

.loginWrapper .error p{
    line-height: 10px;
}

.hide{display:none}

.inline-update-form .custom-update-btn{
  margin-left: 2px;
}

.inline-update-form .custom-update-btn span{
  padding: 2px 10px;
}

.inline-update-form .loading-img{
  display: none;
  top: 1px;
  left: 4px;
  position: relative;
}

.jGrowl-message p{
  padding: 0;
}

.custom-form1 .formSubmit .loading-img{
	display: none;
	position: relative;
	top: 3px;
	right: 3px;
}

.manage-sku-block #products-tbl tbody tr{
	cursor: pointer;
}

.manage-sku-block table thead .action{
	width: 60px;
}

.manage-sku-block .search-prod-loading{
	position: absolute;
	top: 14px;
	left: -23px;
}

.manage-sku-block .num-results{
	display:inline;
	float:none;
}

.manage-sku-block .sku-results-loading,
.manage-sku-block .variant-results-loading{
	position: relative;
	top: 60px;
	left: 209px;
}

.manage-sku-block #vc_id,
.manage-sku-block #vv_id{
	width:350px;
}

.manage-sku-block .add-sku-loading{
	position: relative;
	top: 3px;
	right: 3px;
}

.manage-sku-block #sku-tbl_length{
	display: none;
}

#show-po-details{
  background-color: #e64b4a;
  display: block;
  width: 35px;
  height: 23px;
  padding: 7px;
  text-align: center;
  position: fixed;
  top: 128px;
  right: -7px;
  border-radius: 7px;
  z-index: 1000;

}
.manage-po-block .formRow{
  padding: 7px 16px;
  font-size: 10px;
}

.manage-po-block .chzn-container-single .chzn-single span{
  font-size: 10px;
}

#po-details-block .greenB, #po-details-block .redB{
  color: #FFF;
}

.manage-po-block #products-tbl tbody tr{
  cursor: pointer;
}




.check_product,.remove_tpo,.fix_skucode,.remove_item{
  cursor: pointer;
}

#mm .itemActions .selector,#mm .itemActions .selector select,#mm .itemActions .selector span{width:250px}
#mm .itemActions .selector select option{padding:2px}
#cc div.DataTables_sort_wrapper,#mm div.DataTables_sort_wrapper{padding-right:11px !important}
#cc table.dataTable_products td:nth-child(3){text-align:right}
#cc table.dataTable_current_skus td:nth-child(1),
/*#cc table.dataTable_products td:nth-child(1),*/
#products-tbl td:nth-child(1),
#products_table td:nth-child(1){width:150px}
#cc table.dataTable_current_skus td:nth-child(5),
#cc table.dataTable_current_skus td:nth-child(6){width:80px;text-align:center}
#cc table.dataTable_current_skus td:nth-child(3){width:100px}
#cc img.add_sku,#cc img.remove_sku,#cc img.edit_sku,
span.publish_icons{cursor:pointer}
#cc table td{vertical-align: middle;padding:10px 10px !important}
#cc table.dataTable_current_skus a img,
#mm table a[rel='lightbox'] img,
#cc table.dataTable_products a img,
.manage-sku-block #products-tbl .prod-img,
#products_table a img.lb,#media_table a img.lb, .img-thumbnail{width:50px;height:30px;padding:1px; border:#ccc solid 1px;margin-top:5px}

#cc table.dataTable_sku td.override{text-align:left}
#cc #search_product_name{text-transform:uppercase}
#cc #good_through,#cc #delivery_date,.cddate,#transaction_module .monitor{font:12px Arial !important;color:#666;background-color:#fff;border:none;border-bottom:#ddd solid 1px;padding:2px 5px;margin:0 0 0 10px}
#transaction_module .monitor{border:#ddd solid 1px;width:70px;text-align:right}

#transaction_module .selector,#transaction_module .selector span,#transaction_module .selector select{width:250px}
#transaction_module .billing_info{margin:13px 15px 0 0;cursor:pointer}
#cc #uniform-terms_id{float:right}
#cc #uniform-terms_id span{text-align:left}
#cc .toggleAllow{cursor:pointer}

#sku-block input.sample{text-transform: uppercase}
#sku-tbl tr td:first-child{text-transform:uppercase}

#rcp_report_form{font-size:10px}

#inventories span.oneFour input,#inventories #uniform-undefined{margin-top:3px;margin-bottom:3px}
#uniform-po_id {margin-bottom:15px}

/*For customizing dataTables*/
.dataTables_filter{
  bottom: 0 !important;
  top: -46px !important;
  pointer-events: none;
}

.dataTables_filter input[type="text"] {
  padding: 7px 20px 7px 8px !important;
  border: 1px solid #D5D5D5;
  width: 200px;
  position: relative;
  color: #878787;
  pointer-events: all;
}

.dataTables_filter .srch {
  top: 10px !important;
}

.dataTables_length{
  top: -46px !important;
}

.dt_custom{
  height: 56px;
  border-bottom: 1px #ccc solid;
}

.itemsPerPage {
  display: block;
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}

.dataTables_info{
  padding: 7px 0 0 1px !important;
}
#fulfillment_container td.move_actions{min-width:90px}
#fulfillment_container td.move_actions img{
margin:0 1px;
width: 15px;
height: 15px;
}
#fulfillment_container td.move_actions a:first-child img {
margin-right:10px;
}
.toggleType{display:none}


#inventories div.chzn-search input{
  width:99% !important;
}

#inventories div.chzn-container{
  width:100% !important;
}
#fulfillment_container td span{
font-size:11px;
color:#2B6893;
margin-left:3px;
}
#cc table.dataTable_sku strong.No{color:#C75510}
a.remarks { display: inline-block; width: 27px; height: 23px; background: url(../img/remarks.png) 0 0 no-repeat; text-align: center; padding-top: 2px; font-size: 10px; font-weight: bold; margin-left: 25%; color: #5e5959;}
a.remarks:hover {background-position: 0 -25px; color: #336699}

/* Additional CSS - nc */
.ui-dialog .ui-dialog-title .ui-icon
{
    float: left;
    margin: 8px -8px 0px 5px;
}
/*--------nc---------*/
