/* Minification failed. Returning unminified contents. (145,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (146,82): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (154,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2441,81): run-time error CSS1019: Unexpected token, found ':' (2441,81): run-time error CSS1042: Expected function, found ':' (2441,81): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (2449,52): run-time error CSS1019: Unexpected token, found ':' (2449,52): run-time error CSS1042: Expected function, found ':' (2449,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (2461,69): run-time error CSS1019: Unexpected token, found ':' (2461,69): run-time error CSS1042: Expected function, found ':' (2461,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (2683,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl (2683,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2 (2684,151): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe (2688,156): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2 (2689,151): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe (2693,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl (2693,287): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2 (2694,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl (2694,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe (2698,156): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2 (2699,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: jGrowl (2699,286): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe (2703,156): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe2 (2704,151): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe */ /* ===== CSS reset ===== */ 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; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! padding: 9px 17px 9px 17px; */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ 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: #5F5F5F; } .normal { font-style: normal; } .normalFont { font-style: normal; font-weight: normal; } /* ========== Correction classes ========== */ .mt40 { margin-top: 40px; } .nomargin { margin: 0!important; } /* + Correction margins + */ .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; } /* + Correction paddings + */ .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 /*Remove button padding in FF*/ { border: 0; padding: 0; } button::-moz-focus-inner { padding: 0; border: 0 } a.button::-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } /* ===== Dynamic tables ===== */ .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; } /* ===== Datatable styles ===== */ .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: -174px; } /*top: -37px;*/ body.site .dataTables_length { top:-37px; } body.site .travelPanel .dataTables_length, body.site .countryPanel .dataTables_length, body.site .themePanel .dataTables_length { display: none; } .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(../images/searchSmall.png) no-repeat 0 0; border: none; width: 9px; height: 9px; } .dataTables_info { float: left; } .dataTables_paginate { text-align: right; margin: 6px; } /* Pagination nested */ .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(../images/back_disabled.jpg); } .paginate_enabled_previous { background-image: url(../images/back_enabled.jpg); } .paginate_disabled_next { background-image: url(../images/forward_disabled.jpg); } .paginate_enabled_next { background-image: url(../images/forward_enabled.jpg); } /* DataTables display */ table.display { margin: 0 0; width: 100%; border-collapse: collapse; } table.display td > a, table.display td > a:hover { color: #333; } 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; font-size: 11px; } table.display td.order-details, table.display td.waybill-details { padding: 0px 0px; } table.display td.order-details table, table.display td.waybill-details table { width: 100%; margin-bottom: 10px; } table.display td.center { text-align: center; } table.display td.order-details table thead tr, table.display td.waybill-details table thead tr, table.invoiceTable thead tr { background-color: #C6CBC6; } table.display td.order-details table thead th, table.display td.waybill-details table thead th, table.invoiceTable thead th {text-align: left;border-left: solid 1px #fff;} .order-details table tr:nth-child(2n+1) {background: #eee;} /* DataTables sorting */ .sorting_asc { background: url(../images/sort_asc.png) no-repeat center right; } .sorting_desc { background: url(../images/sort_desc.png) no-repeat center right; } .sorting { background: url(../images/sort_both.png) no-repeat center right; } .sorting_asc_disabled { background: url(../images/sort_asc_disabled.png) no-repeat center right; } .sorting_desc_disabled { background: url(../images/sort_desc_disabled.png) no-repeat center right; } /* DataTables row classes*/ 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: #fff; } tr.even { background-color: #fff; } .bg-detail-tot {background: #DFE0E2;font-weight: bold;font-size: 15px !important;} .bg-tit-tot {background: #BBBDC0;font-weight: bold;} .sub-title { margin-top: 30px; } .sub-title th { text-align: left; background-color: #efefef !important; margin-top: 30px; padding-left: 10px; } .row-empty { height: 30px; width: 100%; } /* Misc */ .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; } /* Sorting classes for columns. For the standard odd/even */ tr.odd td.sorting_1 { background-color: #fff; } tr.odd td.sorting_2 { background-color: #fff; } tr.odd td.sorting_3 { background-color: #fff; } tr.even td.sorting_1 { background-color: #fff; } tr.even td.sorting_2 { background-color: #fff; } tr.even td.sorting_3 { background-color: #fff; } /* For the Conditional-CSS grading rows */ /* Colour calculations (based off the main row colours) Level 1: dd > c4 ee > d5 Level 2: dd > d1 ee > e2 */ tr.odd.gradeA td.sorting_1 { background-color: transparent; } tr.odd.gradeA td.sorting_2 { background-color: transparent; } tr.odd.gradeA td.sorting_3 { background-color: transparent; } tr.even.gradeA td.sorting_1 { background-color: transparent; } tr.even.gradeA td.sorting_2 { background-color: transparent; } tr.even.gradeA td.sorting_3 { background-color: transparent; } 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; } /* Row highlighting example */ .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #ECFFB3; } .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #E6FF99; } @media only screen and (max-width: 1400px) { .dataTables_length { top: -194px; } } @media only screen and (max-width: 1169px) { .dataTables_length { top: -378px; } } /* ===== File manager styles ===== */ .el-finder { background-color: #fafafa; } .el-finder-undocked { position:absolute; min-width:400px; border:1px solid #ccc; padding:5px; } /* error messages */ .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; } /* disabled */ .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; } /* ===== Toolbar ===== */ .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(/images/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(/images/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; } /* ===== Workzone ===== */ .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(/images/fileManager/spinner.gif) 50% 50% no-repeat; display:none; } /* error in workzone */ .el-finder-workzone p.el-finder-err { display:none; position:absolute; left:37%; top:20px; } /* navigation and current directory */ .el-finder-nav, .el-finder-cwd { height:350px; overflow:auto; padding:3px 1px; } /* ===== Navigation ===== */ .el-finder-nav { float:left; width : 200px; background:#fefefe; } .el-finder-nav .ui-resizable-e { right:0; } /* folders tree */ .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(/images/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; } /* ===== Current working directory ===== */ .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(/images/fileManager/icons-big.png) -1px 1px no-repeat; } /* mimetypes */ .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(/images/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(/images/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(/images/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; } /* ===== Status bar ===== */ .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; } /* ===== Dialog window ===== */ .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(/images/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(/images/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; } /* ===== Context menu ===== */ .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(/images/fileManager/toolbar.png) 0 0 no-repeat; } .el-finder-contextmenu span { float:right; width:9px; height:18px; margin-right:-27px; background:url(/images/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(/images/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; } /* ===== Quick look ===== */ .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(/images/fileManager/ql.png); overflow: inherit !important; } .el-finder-ql.directory p { background-position: 0 -50px; } /* toolbar */ .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; } /* close button */ .el-finder-ql div.el-finder-ql-drag-handle span { float: left; margin: 0 19px 0 -15px; } /* title in tolbar */ .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; } /* text files preview */ .el-finder-ql iframe { background:#fff; width:100%; height:315px; padding:0; margin:0; border:none; outline:none; } /* images preview */ .el-finder-ql img { margin:0 auto; border:1px solid #fff; } /* button help */ .el-finder-help-std { background: url(/images/fileManager/icons-big.png) 0 -1380px no-repeat; width:48px; height:48px; float:right; } .el-finder-logo { background: url(/images/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;} /* ===== Calendar styles ===== */ .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(../images/leftArrow.png) no-repeat 15px 13px; } .fc-button-next .fc-button-content { width: 10px; background: url(../images/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(../images/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; } /* icon (for jquery ui) */ .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%; } /* gloss effect */ .fc-state-default .fc-button-effect { position: absolute; top: 50%; left: 0; } .fc-state-default .fc-button-effect span {} /* button states (determines colors) */ .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; } /* Global Event Styles */ .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; /* default BORDER color */ background-color: #596772; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ 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%; } /* Horizontal Events */ .fc-event-hori { margin-bottom: 1px; } /* resizable */ .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 {} /* Fake Rounded Corners (for buttons and events) */ .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; } /* Fake Rounded Corners SPECIFICALLY FOR EVENTS */ .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; } /* Reusable Separate-border Table */ 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; } /* Month View, Basic Week View, Basic Day View */ .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; } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View */ .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; } /* slot rows */ .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; } /* Vertical Events */ .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; } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ 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; } /*@import "reset.css"; @import "fullcalendar.css"; @import "datatable.css"; @import "ui_custom.css"; @import "prettyPhoto.css"; @import "elfinder.css";*/ /* Table of Content ================================================== # Basic styles # Top navigation # Left navigation & widgets # Common styles # Content # Statistic row # Gallery # Buttons # Content widgets # Progress bars # Tables # Pagination # Form styles # Footer # Other plugin styles # Media queries (remove them if you don't want to use responsive layout) ==================================================*/ /* #Basic Styles ================================================== */ /* Wrappers */ html { height: 100%; background: transparent url(/images/backgrounds/bg.jpg); } .html { height: 100%; } body { min-height: 100%; font-size: 12px; color: #5f5f5f; font-family: Arial, Helvetica, sans-serif; line-height: 20px; position: relative; } body { background: url(/images/backgrounds/bodyBg.png) repeat-y 0 0; } .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; } /* Text */ 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; } .black {color: #000000;} .azure {color:#406579;} .f11 { font-size: 11px; } /* Dividers */ .line { height: 8px; background: url(/images/divider.png) repeat-x; display: block; } .cLine { height: 4px; background: url(/images/contentDivider.png) repeat-x; } .sidebarSep { background: url(/images/sidebarSep.png) no-repeat 50%; height: 8px; width: 100%; margin: 16px 0; } /* Content */ .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(/images/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; } .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; } /* Placeholder colors */ ::-webkit-input-placeholder { color: #b3b3b3; } :-moz-placeholder { color: #b3b3b3; } /* ========== 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; } /* ========== Error and offline pages ========== */ .errorWrapper { position: absolute; top: 70px; bottom: 0; text-align: center; left: 0; right: 0; height: 430px; } .errorWrapper .button { margin-bottom: 30px; } .sadEmo { background: url(/images/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; } /* ========== Numeric data designs ========== */ .numberTop, .numberMiddle, .numberRight, .groupNum { text-align: center; background: url(/images/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; } /* Top navigation ================================================== */ .topNav { background: url(/images/backgrounds/topnavBg.png) repeat-x; display: block; color: #eeeeee; margin: 0 0 0 -2px; padding: 3px 0; position: fixed; width: 100%; z-index: 1; } .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(/images/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(/images/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(/images/icons/topnav/subAdd.png) no-repeat 11px; } .sInbox { background: url(/images/icons/topnav/subInbox.png) no-repeat 11px; } .sOutbox { background: url(/images/icons/topnav/subOutbox.png) no-repeat 11px; } .sTrash { background: url(/images/icons/topnav/subTrash.png) no-repeat 11px; } .sIta { background: url(/images/flags/it-IT.png) no-repeat 11px; background-size:16px; } .sEng { background: url(/images/flags/en-US.png) no-repeat 11px; background-size:16px; } /* Left navigation ================================================== */ /* === Left navigation widgets === */ /*.nav li.dash a span, .smallDropdown li.dash a span { background-image: url(/images/icons/light/home.png); } .nav li.charts span, .smallDropdown li.charts a span { background-image: url(/images/icons/light/stats.png); } .nav li.documents a span, .smallDropdown li.documents a span { background-image: url(/images/icons/light/postcard.png); } .nav li.typo span, .smallDropdown li.typo a span { background-image: url(/images/icons/light/create.png); } .nav li.tables a span, .smallDropdown li.tables a span { background-image: url(/images/icons/light/frames.png); } .nav li.errors a span, .smallDropdown li.errors a span { background-image: url(/images/icons/light/alert.png); } .nav li.files a span, .smallDropdown li.files a span { background-image: url(/images/icons/light/files.png); } .nav li.ui a span, .smallDropdown li.ui a span { background-image: url(/images/icons/light/user.png); } .nav li.widgets a span, .smallDropdown li.widgets a span { background-image: url(/images/icons/light/fullscreen.png); } .nav li.orders a span, .smallDropdown li.orders a span { background-image: url(/images/icons/light/suitcase.png); } .nav li.products a span, .smallDropdown li.products a span { background-image: url(/images/icons/light/imagesList.png); } .nav li.docs-area a span, .smallDropdown li.docs-area a span { background-image: url(/images/icons/light/files.png); } .nav li.site a span, .smallDropdown li.site a span { background-image: url(/images/icons/light/computer.png); } .nav li.partners a span, .smallDropdown li.partners a span { background-image: url(/images/icons/light/adminUser.png); } .nav li.forms a span, .smallDropdown li.forms a span { background-image: url(/images/icons/light/frames.png); } .nav li.sale a span, .smallDropdown li.sale a span { background-image: url(/images/icons/light/money.png); } .nav li.images a span, .smallDropdown li.images a span { background-image: url(/images/icons/light/images.png); } .nav li.affiliate a span, .smallDropdown li.affiliate a span { background-image: url(/images/icons/light/companies.png); } .nav li.xml a span, .smallDropdown li.xml a span { background-image: url(/images/icons/light/incoming.png); } .nav li.destinations a span, .smallDropdown li.destinations a span { background-image: url(/images/icons/light/gmaps.png); } .nav li.options a span, .smallDropdown li.options a span { background-image: url(/images/icons/light/bag.png); } .nav li.flies a span, .smallDropdown li.flies a span { background-image: url(/images/icons/light/airplane.png); } .nav li.activities a span, .smallDropdown li.activities a span { background-image: url(/images/icons/light/basket.png); } .nav li.hotels a span, .smallDropdown li.hotels a span { background-image: url(/images/icons/light/home.png); } .nav li.boats a span, .smallDropdown li.boats a span { background-image: url(/images/icons/light/anchor.png); } .nav li.tours a span, .smallDropdown li.tours a span { background-image: url(/images/icons/light/walkingMan.png); } .nav li.cruise a span, .smallDropdown li.cruise a span { background-image: url(/images/icons/light/drive.png); } .nav li.vacancies a span, .smallDropdown li.vacancies a span { background-image: url(/images/icons/light/trolly.png); } .nav li.tools a span, .smallDropdown li.tools a span { background-image: url(/images/icons/light/settings.png); }*/ .nav li.dashboard > a > span, .smallDropdown li.dashboard > a > span { background-image: url(/images/icons/light/home.png); } .nav li.site > a > span, .smallDropdown li.site > a > span { background-image: url(/images/icons/light/computer.png); } .nav li.partners > a > span, .smallDropdown li.partners > a > span { background-image: url(/images/icons/light/adminUser.png); } .nav li.sale > a > span, .smallDropdown li.sale > a > span { background-image: url(/images/icons/light/money.png); } .nav li.reqs > a > span, .smallDropdown li.reqs > a > span { background-image: url(/images/icons/light/list.png); } .nav li.site-content > a > span, .smallDropdown li.site-content > a > span { background-image: url(/images/icons/light/frames.png); } .nav li.stats > a > span, .smallDropdown li.stats > a > span { background-image: url(/images/icons/light/stats.png); } .nav li.marketing > a > span, .smallDropdown li.marketing > a > span { background-image: url(/images/icons/light/money2.png); } .nav li.availabilty > a > span, .smallDropdown li.availabilty > a > span { background-image: url(/images/icons/light/money2.png); } .nav li.promo > a > span, .smallDropdown li.promo > a > span { background-image: url(/images/icons/light/money.png); } .nav li.destinations a span, .smallDropdown li.destinations a span { background-image: url(/images/icons/light/gmaps.png); } .nav li.admin a span, .smallDropdown li.admin a span { background-image: url(/images/icons/light/cog.png); } .nav li.images a span, .smallDropdown li.images a span { background-image: url(/images/icons/light/images.png); } .nav li.bill a span, .smallDropdown li.bill a span { background-image: url(/images/icons/light/piggyBank.png); } .nav li.affiliate a span, .smallDropdown li.affiliate a span { background-image: url(/images/icons/light/companies.png); } .nav li.users a span, .smallDropdown li.users a span { background-image: url(/images/icons/light/users.png); } .nav li.user a span, .smallDropdown li.user a span { background-image: url(/images/icons/light/user.png); } .nav li.partners li { border-top: none; padding: 0; } .nav li.partners li:hover { background:none; } .nav li.partners li.settings ul li { padding-left: 10px; } #menu.nav li > ul.sub > li.exp { background:#444d56; } #menu.nav li > ul.sub > li.exp a { color:#d5d5d5; } #menu.nav li > ul.sub > li.exp > ul.sub { background:#444d56; } #menu.nav li > ul.sub > li.exp > ul.sub > li a { color:#d5d5d5; } #menu.nav li > ul.sub > li.exp > ul.sub > li a.select { color:#FFF; } /* === Left navigation classes === */ .logo { border-top: 1px solid #3b4751; margin: 3px 1px 0 1px; } .nav { border-top: 1px solid #1c252b; } .nav li { position: relative; } .nav li a { display: block; background: url(/images/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 { background-position: 12px 13px; background-repeat: no-repeat; padding: 10px 0 12px 42px; display: block; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #efefef; } .nav li a strong { background: #d83a38; display: block; position: absolute; right: 10px; padding: 0 7px; top: 9px; box-shadow: 0 1px 1px #ba3230; -webkit-box-shadow: 0 1px 1px #ba3230; -moz-box-shadow: 0 1px 1px #ba3230; font-size: 11px; color: #efefef; } .nav li a.active strong, .nav li a:active strong { background: #d83a38; box-shadow: 0 1px 1px #ba3230; -webkit-box-shadow: 0 1px 1px #ba3230; -moz-box-shadow: 0 1px 1px #ba3230; } .nav .last { border-bottom: none; } ul.sub { border-bottom: 1px solid #1a2126; border-top: none; background: url(/images/backgrounds/subNavBg.jpg); } ul.sub li { border-bottom: 1px solid #1c252a; border-top: 1px solid #30373d; } ul.sub li.this { background: url(/images/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(/images/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.select, ul.sub li a:hover { font-style: normal; border: none; color: #d5d5d5; background: url(/images/arrow.gif) no-repeat 12px 16px; } ul.sub li ul { border: none; border-top: 1px solid #c9c9c9; } ul.sub li ul li { padding-left: 25px; } /* ===== Responsive dropdown ===== */ .smalldd { display: block; position: relative; background: url(/images/backgrounds/respNavBg.png) repeat-x; } .smalldd ul { position: absolute; z-index: 999; display: none; width: 100%; top: 38px; } .smalldd ul li { background: url(/images/backgrounds/navBg.jpg); border-top: 1px solid #444b52; border-bottom: 1px solid #1c252a; position: relative; } .smalldd ul li a { padding: 8px 3%; 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: 0px 0 0px 42px; display: block; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #efefef; background-repeat: no-repeat;} .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(/images/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(/images/arrow.gif) no-repeat 32px 16px } .smalldd > .inactive, .smalldd > .active, .smalldd > .inactive:hover, .smalldd > .active:hover { background: url(/images/backgrounds/arrows.png ) 100% 12px no-repeat; } /* === Sidebar widgets === */ /* Profile */ .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(/images/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; } /* 3 buttons */ .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(/images/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(/images/icons/dUsers.png) no-repeat 50%; } .iconsGroup ul li a.dMessages { background: url(/images/icons/dMessages.png) no-repeat 50% 10px; } .iconsGroup ul li a.dMoney { background: url(/images/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; } /* General balance */ .genBalance { height: 68px; border-top: 1px solid #252d31; border-bottom: 1px solid #242d33; background: #252d31; } .genBalance a { background: url(/images/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(/images/backgrounds/sidebarPositiveArrow.png) no-repeat 14px 10px; } .sZero { } /* Next update */ .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; } /* Numbers statistics */ .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; line-height:10px; } .numStats ul li.last { border-right: none; } /* Sidebar buttons */ .sButton { background: url(/images/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(/images/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; } /* Round statistics */ .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(/images/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(/images/sidebarZero.png) no-repeat 50% 15px; } .sRoundStats ul li a span.roundPos { color: #a6e062; background: url(/images/sidebarPos.png) no-repeat 50% 15px; } .sRoundStats ul li a span.roundNeg { color: #e48383; background: url(/images/sidebarNeg.png) no-repeat 50% 15px; } /* Common styles ================================================== */ .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; } /* Content ================================================== */ /* === Title area with middle navigation === */ .titleArea { padding-top: 36px; } .pageTitle { float: left; padding: 20px 0 17px 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(/images/icons/middlenav/files.png) no-repeat 18px; } .middleNav ul li a span.users { background: url(/images/icons/middlenav/users.png) no-repeat 11px; } .middleNav ul li a span.messages { background: url(/images/icons/middlenav/messages.png) no-repeat 14px; } .middleNav ul li a span.orders { background: url(/images/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(/images/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(/images/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(/images/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(/images/subIcon.png) no-repeat 12px 15px; } /* Statistic row ================================================== */ /* ===== Statistics ===== */ .statsRow { background: url(/images/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(/images/negArrow.png) no-repeat 0px 5px; padding-left: 22px; color: #db6464; margin-top: 4px; display: block; } .changes .positive { background: url(/images/posArrow.png) no-repeat 0px 6px; padding-left: 22px; color: #6daa24; margin-top: 4px; display: block; } .changes .zero { background: url(/images/zero.png) no-repeat 4px 6px; padding-left: 20px; color: #4e8fc6; margin-top: 4px; display: block; } /* Stats dropdowns */ .statsContent { border: 2px solid #b0b0b0; margin-top: 6px; background: #f3f3f3; } .statsDetailed .subArrow { } .sElements { background: url(/images/backgrounds/statsElementsBg.png) repeat-x; text-align: center; } .statsDetailed { position: absolute; left: 50%; top: 75px; width: 222px; z-index: 998; background: url(/images/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(/images/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; } /* ===== Control buttons ===== */ .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 0px 4px 0px; display: block; font-weight: bold; white-space: nowrap; color: #626262; } .controlB ul li a span { display: block; margin-top: 5px; } /* ===== Horizontal control buttons ===== */ .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 ================================================== */ .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 { display: block; /*height: 100px;*/ width: 200px; margin: 12px 6px 0 6px; border: 1px solid #cdcdcd; position: relative; float:left } .gallery ul li a { height:135px; display:block; } .gallery ul li div.text > input[type=text] { 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; box-sizing: border-box; } .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; height:25px; } .gallery .actions a { color: #fff; font-size: 11px; display: block; padding: 4px 5px 3px 0; float: left; height:20px; } .gallery .actions a img { margin-left: 5px; } .gallery .actions a:first-child { padding-right: 0; } .gallery .actions a:last-child { padding-right: 5px; } /* Buttons ================================================== */ .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; } .formSubmit.right { float:right } .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; } .button.greenB {margin: 0 0px !important;} .boxInline .button.greenB {margin: 0 0px !important;} .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; } /* === Widget buttons === */ .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(/images/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 styles === */ .list li { padding: 0 0 0 15px; } .list > strong { display: block; font-weight: bold; padding-bottom: 4px; } .arrowB li { background: url(/images/icons/lists/arrowB.png) no-repeat 0 7px; } .arrowG li { background: url(/images/icons/lists/arrowG.png) no-repeat 0 7px; } .arrowlG li { background: url(/images/icons/lists/arrowlG.png) no-repeat 0 7px; } .arrowR li { background: url(/images/icons/lists/arrowR.png) no-repeat 0 7px; } .tipB li { background: url(/images/icons/lists/tipB.png) no-repeat 0 7px; } .tipG li { background: url(/images/icons/lists/tipG.png) no-repeat 0; } .tiplG li { background: url(/images/icons/lists/tiplG.png) no-repeat 0; } .tipR li { background: url(/images/icons/lists/tipR.png) no-repeat 0; } .plusB li { background: url(/images/icons/lists/plusB.png) no-repeat 0 5px; } .plusG li { background: url(/images/icons/lists/plusG.png) no-repeat 0 5px; } .pluslG li { background: url(/images/icons/lists/pluslG.png) no-repeat 0 5px; } .plusR li { background: url(/images/icons/lists/plusR.png) no-repeat 0 5px; } .roundtipB li { background: url(/images/icons/lists/roundtipB.png) no-repeat 0 5px; } .roundtipG li { background: url(/images/icons/lists/roundtipG.png) no-repeat 0 5px; } .roundtiplG li { background: url(/images/icons/lists/roundtiplG.png) no-repeat 0 5px; } .roundtipR li { background: url(/images/icons/lists/roundtipR.png) no-repeat 0 5px; } /* Content widgets ================================================== */ /* Widgets grid */ .widgets { clear:both } .oneTwo { width: 49%; display: inline; float: right; } .oneTwo.left { float: left; } .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; } .oneTwo label, .oneFour label, .oneThree label { display: block; clear: both; } .button.noLabel { margin-top:20px !important; } .boxInline { display: inline; float: left; margin-right: 10px; margin-bottom: 10px; } /* Left & Right lists inside widgets */ .leftList { float: left; max-width: 50%; } .rightList { float: right; max-width: 50%; } .rightList li { text-align: right; } /* Top widget icons styles */ .topIcons { float: right; margin: 12px 12px 12px 0; } .topIcons a { margin-left: 5px; } .topIcons a:first-child { margin: 0; } /* General widgets styles */ .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.list .body { padding: 0px; } .widget > p { padding: 12px; } /* Sidebar search widget */ .sidebarSearch { position: relative; } .sidebarSearch input[type=text] { background: url(/images/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(/images/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; } /* User info widget */ .wUserInfo { padding: 12px 12px 9px 12px; } .wUserInfo a { display: block; } .wUserPic { float: left; margin: 0 10px 0 0; } /* Invoice stats widget */ .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%; } /* Tabs */ 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; } /* Search widget */ .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(/images/searchBtn.png) no-repeat 0 0; position: absolute; top: 0; right: 0; border: none; width: 36px; height: 36px; max-height: 100%; } /* Task table widget */ .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(/images/icons/taskDone.png); } .taskWidget td.taskP { background-image: url(/images/icons/taskPending.png); } .taskWidget td.taskPr { background-image: url(/images/icons/taskProgress.png); } .taskWidget a { color: #595959; } .taskWidget td { text-align: center; } .actBtns { text-align: center; } .actBtns img { margin: 0 3px; } /* Accordion */ .menu_body { display: none; padding: 12px 14px; } .acc .head { margin-bottom: -1px; cursor: pointer; } .acc .head h6 { padding: 9px 14px; } /* Website statistics widget */ .webStatsLink { color: #2e6b9b; font-size: 16px; font-weight: bold; } .statsPlus, .statsMinus { padding-left: 20px; } .statsPlus { background: url(/images/icons/grown.png) no-repeat 0 2px; color: #599414; } .statsMinus { background: url(/images/icons/dropped.png) no-repeat 0 2px; color: #a73939; } /* Content statistics widget */ .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(/images/icons/dialog.png) no-repeat 0; } .contentStats .nSubscribers { background: url(/images/icons/sub.png) no-repeat 0 2px; } .contentStats .nFollowers { background: url(/images/icons/dark/twitter.png) no-repeat 0; } .contentStats .nAffiliates { background: url(/images/icons/plusS.png) no-repeat 0 2px; } .contentStats .nUploads { background: url(/images/icons/add.png) no-repeat 0 2px; } /* New order widget */ .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(/images/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 list widget */ .partners { } .partners img { margin-right: 12px; } .partners li { border-top: 1px solid #cdcdcd; padding: 12px 12px 8px 12px; cursor: pointer; } .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; } .ui-dialog ul.partners { overflow: auto; max-height: 600px; } .ui-dialog ul.partners li { margin-right: 12px; } /* New updates widget */ .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(/images/icons/updateDone.png) no-repeat 0 4px; } .uAlert { background: url(/images/icons/updateWarning.png) no-repeat 0 4px; } .uNotice { background: url(/images/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; } /* === Numeric data === */ .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(/images/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; } /* ===== Notification messages ===== */ .nNote { 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(/images/icons/notifications/error.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; } .nSuccess { background: #effeb9 url(/images/icons/notifications/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; } .nFailure { background: #fccac1 url(/images/icons/notifications/exclamation.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; } .nInformation { background: #deeefa url(/images/icons/notifications/information.png) no-repeat 15px center; border: 1px solid #afd3f2; color: #235685; } .nDownload { cursor: pointer;background: #D6E3B9 url(/images/icons/notifications/download.png) no-repeat 15px center; border: 1px solid #BBCF8B; color: #A2C25F; } .nLightbulb { background: #FEF0CB url(/images/icons/notifications/lightbulb.png) no-repeat 15px center; border: 1px solid #D3A350; color: #835F21; } .nMessages { background: #9DDFFF url(/images/icons/notifications/email.png) no-repeat 15px center; border: 1px solid #42B4FF; color: #835F21; } /* Progress bars ================================================== */ /* ===== Sidebar progress bars ===== */ .pWrapper { padding: 3px; width: 183px; height: 2px; background: url(/images/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; } /* ===== Content progress bars ===== */ .contentProgress { height: 6px; background: #dedede; border: 1px solid #cacaca; } .invoicesBar { height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(/images/ui/greenMediumBar.png) repeat-x; border: 1px solid #a1b965; } .barG { height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(/images/ui/greenMediumBar.png) repeat-x; border: 1px solid #a1b965; } .barO { height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(/images/ui/orangeMediumBar.png) repeat-x; border: 1px solid #ee9255; } .barB { height: 6px; width: 0; margin: -1px 0 0 -1px; background: url(/images/ui/blueMediumBar.png) repeat-x; border: 1px solid #70a9d4; } /* Tables ================================================== */ /* ===== Static table ===== */ .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(/images/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(/images/icons/sortUp.png) no-repeat 0; } table thead td.headerSortDown span { background: url(/images/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; } /* Pagination ================================================== */ /* ===== Table pagination ===== */ .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(/images/backgrounds/tPagination.png) repeat-x; padding: 3px 7px; border: 1px solid #ddd; font-size: 11px; } .tPagination ul li.prev a { background: url(/images/icons/prev.png) no-repeat 0; border: none; } .tPagination ul li.next a { background: url(/images/icons/next.png) no-repeat 100%; border: none; } /* ========== Content pagination ========== */ .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(/images/backgrounds/sideGradient.png) repeat-x; color: #fff; border-color: #424852; } .pages li .active:hover { background: #2a313d; } /* Form styles ================================================== */ /* ===== General form styles ===== */ .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: 48px; right: 25px; } .formRow .labelImg { float: left; margin: 2px 10px 0 0; } /*.formRow > label { padding: 4px 0; display: block; float: left; }*/ .formRow > label { float: none; padding: 0; font-weight:normal; font-size:11px; } .formRow.text-template > label { display: inline-block; margin-top: 10px; } .formRow > label > .req { float: none; margin-left: 0; display: inline; } .formRight label { float: left; margin-right: 24px; padding: 2px 0; cursor: pointer; } /*.formRow .formRight.long-formRight { width:90.5% }*/ .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%; }*/ .formRow .formRight { width: 100%; float: none; margin-right: 14px; } .form input[type=text], .form input[type=password], .form input[type=email], .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; } /* ===== Dropdown with search ===== */ .searchDrop .selector { display: none; } /* ===== Limit box ===== */ .limBox { font-size: 11px; padding: 10px 0; display: block; } .limiterBox { border: 1px solid #ddd; border-top: none; /*background: #efefef url(/images/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%); } /* ===== Tags input ===== */ 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 ===== */ .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; } /* ===== Spinner ===== */ .ui-spinner { width: 10em; display: block; position: relative; overflow: hidden; border: 1px solid #cacaca; background: url(/images/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(/images/forms/spinnerTop.png) no-repeat; height: 13px; top: 0; } .ui-spinner-down { height: 13px; bottom: 0px; background: url(/images/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; } /* ===== Form validation ===== */ .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; } /* ===== Select ===== */ div.selector { position: relative; height: 28px; background: url(/images/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(/images/forms/select_right.png) no-repeat center right; top: 0; line-height: 28px; font-size: 11px; } .dataTables_length div.selector { width: 45px; float: right; height: 22px; background: url(/images/forms/select_left_datatable.png) no-repeat top left; padding-left: 8px; margin-left:5px; } .dataTables_length div.selector span { width: 45px; height: 22px; background: url(/images/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; } /* ===== Checkboxes ===== */ 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(/images/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; } /* ===== Radios ===== */ 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(/images/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; } /* ===== File uploader ===== */ 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(/images/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; } /* ===== Wizard ===== */ 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(/images/icons/updateDone.png) no-repeat 14px; font-size: 11px; } /* ===== Dual select boxes ===== */ .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; } /* ===== WYSUWYG editor ===== */ .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('/images/wysiwyg/toolbar.gif') repeat} .cleditorGroup {float:left; height:26px} .cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('/images/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} /* ===== Multiple file uploader ===== */ .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(/images/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(/images/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(/images/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(/images/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(/images/icons/uploader/deleteFile.png) no-repeat 0; } li.plupload_failed a { background: url(/images/icons/uploader/error.png) no-repeat 0; cursor: default; } li.plupload_done a { background: url(/images/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; } /* Floats */ .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 ================================================== */ #footer { clear: both; position: absolute; bottom: 0; left: 0; width: 100%; z-index:-1; } #footer .wrapper { text-align: center; padding: 20px 0 20px 222px; margin: 0; } /* Plugin styles ================================================== */ /* ===== Tipsy ===== */ .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('/images/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; } /* ===== Color picker ===== */ .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(/images/colorPicker/select.png) center no-repeat; cursor: pointer; } .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(/images/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(/images/colorPicker/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(/images/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(/images/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(/images/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(/images/colorPicker/colorpicker_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(/images/colorPicker/colorpicker_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(/images/colorPicker/colorpicker_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(/images/colorPicker/colorpicker_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(/images/colorPicker/colorpicker_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(/images/colorPicker/colorpicker_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(/images/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; } /* ===== Growl notifications ===== */ 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; } /** Hide jGrowl when printing **/ @media print { div.jGrowl { display: none; } } /* ===== Breadcrumbs ===== */ .bc { margin: 32px 0 0 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: 1000; 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(/images/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(/images/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(/images/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(/images/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(/images/subIcon.png) no-repeat 12px 15px; } ul.breadcrumbs li ul li a:hover { background: #293138 url(/images/subIcon.png) no-repeat 12px 15px; } /* ===== PRE tag styles ===== */ .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; } /* ===== Chosen multiple select plugin with dropdown ===== */ .chosen-container , .chzn-container { position: relative; display: inline-block; zoom: 1; *display: inline; } .chosen-container .chosen-drop , .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; } .chosen-container-single .chosen-single , .chzn-container-single .chzn-single { background: url(/images/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; } .chosen-container-single .chosen-single span , .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; } .chosen-container-single .chosen-single abbr , .chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 13px; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover , .chzn-container-single .chzn-single abbr:hover { } .chosen-container-single .chosen-single div , .chzn-container-single .chzn-single div { position: absolute; right: -1px; top: -1px; display: block; height: 28px; width: 25px; } .chosen-container-single .chosen-single div b , .chzn-container-single .chzn-single div b { background: url(/images/forms/select_right.png) no-repeat center right; display: block; width: 25px; height: 28px; } .chosen-container-single .chosen-search , .chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; } .chosen-container-single .chosen-search input , .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(/images/searchSmall.png) no-repeat 98% !important } .chosen-container-single .chosen-drop, .chzn-container-single .chzn-drop {} .chosen-container-single-nosearch .chosen-search input , .chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; } .chosen-container-multi , .chzn-container-multi { width: 99%!important; } .chosen-container-multi .chosen-choices , .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; } .chosen-container-multi .chosen-choices li , .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices .search-field , .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chosen-container-multi .chosen-choices .search-field input , .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; } .chosen-container-multi .chosen-choices .search-field .default , .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chosen-container-multi .chosen-choices li.search-choice , .chzn-container-multi li.chzn-choices .search-choice , .chosen-container-multi .chosen-choices .search-choice , .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; } .chosen-container-multi .chosen-choices li.search-choice-focus , .chzn-container-multi .chzn-choices li.search-choice-focus , .chosen-container-multi .chosen-choices .search-choice-focus , .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close , .chzn-container-multi .chzn-choices li.search-choice .search-choice-clos , .chosen-container-multi .chosen-choices .search-choice .search-choice-close , .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(/images/icons/closeSelection.png) 50% no-repeat; } .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close , .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -11px; } .chosen-container .chosen-results , .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 150px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; } .chosen-container-multi .chosen-results , .chzn-container-multi .chzn-results { padding: 0; margin: 0; } .chosen-container .chosen-results li , .chzn-container .chzn-results li { display: none; line-height: 14px; padding: 5px 6px; margin: 0; list-style: none; font-size: 11px; } .chosen-container .chosen-results .active-result , .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .chosen-container .chosen-results li.highlighted , .chzn-container .chzn-results li.highlighted , .chosen-container .chosen-results .highlighted , .chzn-container .chzn-results .highlighted { background-color: #3875d7; color: #fff; background-image: none; } .chosen-container .chosen-results li em , .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chosen-container .chosen-results .highlighted em , .chzn-container .chzn-results .highlighted em { background: transparent; } .chosen-container .chosen-results .no-results , .chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; } .chosen-container .chosen-results .group-result , .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; } .chosen-container .chosen-results .group-option , .chzn-container .chzn-results .group-option { padding-left: 15px; } .chosen-container-multi .chosen-drop .result-selected , .chzn-container-multi .chzn-drop .result-selected { display: none; } .chosen-container .chosen-results-scroll , .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; } .chosen-container .chosen-results-scroll span , .chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; } .chosen-container .chosen-results-scroll-down , .chzn-container .chzn-results-scroll-down { bottom: 0; } .chosen-container .chosen-results-scroll-down span , .chzn-container .chzn-results-scroll-down span { background: url('chosen-sprite.png') no-repeat -4px -3px; } .chosen-container .chosen-results-scroll-up span , .chzn-container .chzn-results-scroll-up span { background: url('chosen-sprite.png') no-repeat -22px -3px; } /*.chosen-container-active .chosen-single, .chzn-container-active .chzn-single { border: 1px solid #5897fb; } .chosen-container-active .chosen-single-with-drop , .chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; background-color: #eee; }*/ .chosen-container-active .chosen-single-with-drop div , .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .chosen-container-active .chosen-single-with-drop div b, .chzn-container-active .chzn-single-with-drop div b { } .chosen-container-active .chosen-choices , .chzn-container-active .chzn-choices { border: 1px solid #d5d5d5; } .chosen-container-active .chosen-choices , .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } .chosen-disabled , .chzn-disabled { cursor: default; opacity:0.5 !important; } .chosen-disabled .chosen-single , .chzn-disabled .chzn-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close, .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } .form-products .formRow .formRight { display: block; float: left; width: 70%; } .form-products .formRow .oneThree { margin-bottom: 2%; } /* Media queries ================================================== */ /* Increasing space between widgets and general wrapper paddings */ @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%; } /*.chosen-container, .chzn-container { width: 80%!important; }*/ .SRC_NumBox { width: 10%; } .SRC_CodeBox { width: 90%; } } /* Fixing login panel for mobile devices */ @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; } .chosen-container .chosen-drop, .chzn-container .chzn-drop { width: 99.6%!important; } .chosen-container-single .chosen-search, .chzn-container-single .chzn-search { text-align: center; } .chosen-container-single .chosen-search input, .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: 1080px) {*/ @media only screen and (min-width: 768px) and (max-width: 1324px) { .boxNumDoc .oneTwo { width: 95% !important; margin-bottom: 10px !important; } .home-page .widgets .oneTwo { width: 97%; margin-left: 1.12%; margin-right: 1.12%; } .home-page .widgets .oneFour { width: 47.4%; margin-left: 1.12%; margin-right: 1.12%; } .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: left; margin: 0; clear: none; width: 32.45%; } .oneTwo .oneTwo, .oneTwo .oneTwo:first-child { clear: none; float: left; margin: 0; width: 49%; } .oneTwo .oneTwo { float: right; } .oneTwo .oneFour, .oneTwo .oneFour:first-child { clear: none; float: left; width: 23.5%; margin: 0 0 0 2%; } .oneTwo .oneFour:first-child { margin-left: 0; } table thead td span { background-position: 100%; } /*.oneThree:first-child { margin-right: 1.2%; } .oneThree:nth-child(3) { margin-left: 1.2%; }*/ .formRow { padding: 14px 14px 18px 16px; } .formRow .formRight { width: 100%; float: none; margin-right: 14px; } .form input[type="text"], .form input[type="password"], .form textarea { width: 100%; } .formRow .inputImg { top: auto; bottom: 26px; } .formRow > label { float: none; padding: 0 0 1px 0; } .req { float: none; margin-left: 0; display: inline; } .chosen-container, .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: 25%; } table thead td span { display: none; } .sTable thead td.sortCol { text-align: center; padding: 3px 14px 2px 14px; } .chosen-container-single .chosen-search, .chzn-container-single .chzn-search { text-align: center; } .chosen-container-single .chosen-search input, .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) {*/ @media only screen and (max-width: 1324px) { 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: 44%; margin-right:1.12%; margin-left: 1.12%; margin-bottom: 2%; float: left; clear: none; }*/ .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; } .chosen-search, .chzn-search { text-align: center; } .chosen-container-single .chosen-search input, .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: 1170px) { .oneTwo, .oneTwo:first-child, .twoOne, .twoOne:first-child { width: 47%; margin-right:1.12%; margin-left: 1.12%; margin-bottom: 2%; float: left; clear: none; } .oneThree, .oneThree:first-child { width: 31%; margin-right:1.12%; margin-left: 1.12%; margin-bottom: 2%; float: left; clear: none; } .oneThree div.selector span { width:98%; } .oneFour, .oneFour:first-child { width: 18%; margin-right:1.12%; margin-left: 1.12%; margin-bottom: 2%; float: left; clear: none; } .simple-multi-select.countries.destination ul.results li { width:19% !important; } .widgets > .twoOne { width:64%; } } @media only screen and (min-width: 768px) { .errorPage .welcome { display: block; } .errorPage .userNav { margin-right: 0!important; float: right; } } @media only screen and (min-width: 999px) and (max-width: 1169px) { .simple-multi-select.countries.destination ul.results li { width: 24% !important; } } @media only screen and (min-width: 768px) and (max-width: 998px) { .simple-multi-select.countries.destination ul.results li { width: 29% !important; } } @media only screen and (min-width: 599px) and (max-width: 767px) { .simple-multi-select.countries.destination ul.results li { width: 32% !important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 599px) { #rightSide { padding-bottom: 24px; } .userNav ul li span { display: none; } .topNav { background: url(/images/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: 3px 0 3px -4px } .userNav > ul li a { float: none; padding: 9px 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%; } .oneTwo, .oneTwo:first-child, .oneThree, .oneThree:first-child, .oneFour, oneFour:first-child, .twoOne, .twoOne:first-child { width: auto; float: none; margin: 0; display: block; width: 100%; margin-bottom: 10px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /*@media only screen and (min-width: 600px) and (max-width: 1160px) {*/ @media only screen and (min-width: 600px) and (max-width: 1324px) { .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 } div.tagsinput { width: 97%!important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 600px) and (max-width: 767px) { .form input[type="text"], .form input[type="password"], .form textarea { width: 97%; } .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; } } @media only screen and (min-width: 820px) and (max-width: 1024px) { .horControlB ul li { width: 25% !important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 1024px) { .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; margin-right: 14px; } .formRow .inputImg { top: auto; bottom: 26px; } .formRow > label { float: none; padding: 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: 33% !important; } .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(/images/negArrow.png); } .changes .positive { background-image: url(/images/posArrow.png); } .changes .zero { background-image: url(/images/zero.png); } .statsDetailed { margin-left: -111px; } #footer .wrapper { padding: 0 12px 12px 12px!important; } .leftPart .selector, .rightPart .selector { display: none; } .chosen-container, .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, .sTable thead th, .dTable thead th { 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; } } .formRow:before, .formRow:after, .topRow:before, .topRow:after, .formSubmit:before, .formSubmit:after { content: ""; display: table; } .formRow:after, .topRow:after, .formSubmit:after { clear: both; } .formRight.editor { border:1px solid #DDDDDD } #quote .widget:first-child .oneTwo { width: 47%; margin-right:1.12%; margin-left: 1.12%; margin-bottom: 2%; float: left; clear: none; } /* * jQuery UI CSS Framework @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .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; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework @VERSION * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * */ /* Component containers ----------------------------------*/ .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; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d5d5d5; font-weight: normal; } /* border-left: 1px solid #D5D5D5;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; } /* Interaction Cues ----------------------------------*/ .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(/images/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; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/images/jquery_ui/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/images/jquery_ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/images/jquery_ui/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/images/jquery_ui/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/jquery_ui/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(/images/jquery_ui/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/images/jquery_ui/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/jquery_ui/ui-icons_cd0a0a_256x240.png); } /* positioning */ .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; } /* Misc visuals ----------------------------------*/ .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; } /* Overlays */ .ui-widget-overlay { background: #000 url(/images/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #000 url(/images/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .50;filter:Alpha(Opacity=50); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* ===== UI resizable ===== */ .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 ===== */ .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; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .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(/images/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(/images/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; } /*ul.userDropdown { position: absolute; left: -12px; display: none; top: 35px; background: url(/images/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(/images/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; } */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .5em !important; 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; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .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; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .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; } /*button sets*/ .ui-buttonset { margin-right: 5px; } .ui-buttonset .ui-button { margin: 0 3px; background: #FAFAFA; border: 1px solid #D5D5D5; line-height: 14px; font-size: 11px; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* ===== UI Dialog ===== */ .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; 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 ===== */ .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(/images/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(/images/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(/images/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(/images/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(/images/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 ===== */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .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; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* ===== UI Datepicker ===== */ .datepicker, .date-picker { width: 105px!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: 1000 !important; 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(/images/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(/images/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; } /* with multiple calendars */ .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%; } /* RTL support */ .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 Progress bar ===== */ .ui-progressbar { height: 16px; text-align: left; margin-top: 5px; background: url(/images/ui/progress.png) repeat-x; } .ui-progressbar .ui-progressbar-value {margin: 0px; height:100%; overflow: hidden; display: block; background: url(/images/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(/images/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(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/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(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} div.pp_default .pp_gallery ul li a{background:url(../images/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(../images/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(../images/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(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{background:url(../images/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(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/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(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{background:url(../images/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(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{background:url(../images/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(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/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(../images/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(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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}