/*----------------------------------------------------------------------*/ /* colors /* #f0a8a8 #f0cccc red /* #a2e8a2 #c5e8c5 green /* #e8e8a2 #e8e8c5 yellow /* #a8f0f0 #ccf0f0 blue /* #f0a8f0 #f0ccf0 pink /* #aea8f0 #cfccf0 purple /* #D1BA63 #D1C081 ptsgold pts gold dark:A68D2D /* /* contrast color #bada55 /*----------------------------------------------------------------------*/ /*----------------------------------------------------------------------*/ /* Imports /*----------------------------------------------------------------------*/ /* @import 'jquery-ui.css'; */ /* @import 'jquery.miniColors.css'; */ /* @import 'jquery.tipsy.css'; */ @import 'jquery.uniform.css'; /* @import 'jquery.wysiwyg.css'; */ /* @import 'jquery.fullcalendar.css'; */ /* @import 'jquery.elfinder.css'; */ /* @import 'jquery.fancybox.css'; */ /* @import 'jquery.datatables.css'; */ /*----------------------------------------------------------------------*/ /* General Section was #bada55 and changed to E11F2C /*----------------------------------------------------------------------*/ html, body, textarea, input { color:#6f6f6f; } html{ background-color:#ffffff; background-image:url(../images/paper_02.png); } a, a:hover, a:visited, a:link {color:#3f3f3f;} /*::-moz-selection{ background:#E11F2C; color:#ffffff; text-shadow:none; } ::selection { background:#E11F2C; color:#ffffff; text-shadow:none; } */ /*::-moz-selection{ background:#E11F2C; color:#CCC; text-shadow:none; } ::selection { background:#E11F2C; color:#CCC; text-shadow:none; } A58D25 is the left nav button color A58D25 */ ::-moz-selection{ background:#A38B31; color:#ffffff; text-shadow:none; } ::selection { background:#A38B31; color:#ffffff; text-shadow:none; } nav ul li a span{ background-image:url(../images/arrow_right.png); } h1, h2, h3, h4, h5, h6{ text-shadow:0 1px 0 #ffffff; color:#777777; } h1{ /*text-shadow:0 2px 0 #ffffff;*/ text-shadow:0 0 0 #A38B31; } h1 span{ text-shadow:0 1px 0 #ffffff; } blockquote{ border-color:#999999; color:#999999; } hr { border-top-color:#e1e1e1; border-bottom-color:#ffffff; } /*----------------------------------------------------------------------*/ /* jQuery UI mods /*----------------------------------------------------------------------*/ .ui-widget-header a, .ui-accordion-header a{ color:#444444; text-shadow:0 0 1px #FFFFFF; } .ui-widget-header{ border-top-color:#FFFFFF !important; border-bottom-color:#AAAAAA !important; margin:0; } .ui-widget-overlay{ background-image:url(../images/paper_02.png); background-color:#333333; } .ui-state-default a{ border-top-color:#FFFFFF !important; } .ui-slider-range.ui-widget-header{ background-color:#333333; background-image:url(../images/bg/01.png); } .ui-slider{ border-color:#AAAAAA !important; background-color:#f6f6f6; background-image:url(../images/paper_02.png); -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3); } .ui-slider .ui-slider-handle{ border-color:#AAAAAA !important; background-image:url(../images/slider_handler.png); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.1); box-shadow:0 0 1px rgba(0, 0, 0, 0.1); } /*----------------------------------------------------------------------*/ /* Pageoptions /*----------------------------------------------------------------------*/ #pageoptions h1, #pageoptions h2,#pageoptions h3, #pageoptions h4, #pageoptions h5, #pageoptions h6{ text-shadow:0 2px 0 #000000; color:#f1f1f1; } #pageoptions ul li a{ color:#6f6f6f; /*originally color here was: 999999, then tried pts color:#A38B31;*/ } #pageoptions ul li a:hover, #pageoptions ul li a.active{ color:#f1f1f1; background-color:#2e2e33; } #pageoptions > div{ color:#f1f1f1; background-color:#333; -webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5); box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.5); } /*----------------------------------------------------------------------*/ /* Tables /*----------------------------------------------------------------------*/ table{ background-image:url(../images/paper_02.png); } table td, table th{ border-color:#dddddd #e7e7e7 #dddddd #e7e7e7; } table thead tr,table tfoot tr, table th{ background-image:url(../images/paper_02.png); } table th{ text-shadow:0 -1px 0 #ffffff; } /*----------------------------------------------------------------------*/ /* This CSS is for the Agreement section of the RFR form /*----------------------------------------------------------------------*/ .clRetainer_rfr{ font-weight:700; color:#A38B31; text-align:left; padding-left:15px; padding-right:15px; } table.tblRetainer_rfr{ background-image:url(../images/paper_02.png); border:none; } table.tblRetainer_rfr td, table.tblRetainer_rfr th{ /*border-color:#dddddd #e7e7e7 #dddddd #e7e7e7;*/ border:none; } table.tblRetainer_rfr thead tr,table.tblRetainer_rfr tfoot tr, table.tblRetainer_rfr th{ background-image:url(../images/paper_02.png); } table.tblRetainer_rfr th{ text-shadow:0 -1px 0 #ffffff; } table.tblLogin{ background-image:url(../images/paper_01.png); } table.tblLogin td, table.tblLogin th{ /* border-color:#dddddd #e7e7e7 #dddddd #e7e7e7;*/ border:none; } table.tblLogin thead tr,table.tblLogin tfoot tr, table.tblLogin th{ background-image:url(../images/paper_02.png); } table.tblLogin th{ text-shadow:0 -1px 0 #ffffff; } /*----------------------------------------------------------------------*/ /* Header /*----------------------------------------------------------------------*/ header{ -webkit-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); border-top-color:#d7d7d7; background:#f3f3f3; /* the filter causes an overflow problem on IE9 http://stackoverflow.com/questions/3619383/internet-explorer-css-property-filter-ignores-overflowvisible filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');*/ background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); } #logo3, #logo3 a, #logo2, #logo2 a, #logo, #logo a{ text-shadow:0 -1px 0 #999999; color:#ffffff; } #header ul li ul li{ border-color:#d7d7d7 #c2c2c2 #c2c2c2 #d7d7d7; } #header ul li ul li a{ color:#353535; text-shadow:0px 1px 0 #ffffff; border-top-color:#ffffff; background:#f1f1f1; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');*/ background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); background:-o-linear-gradient(top, #f1f1f1, #e8e8e8); } #header ul li ul li a:hover{ background:#f6f6f6; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');*/ background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); } #header ul li ul li a:active, #header ul li ul li a.active{ -webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); background:#e8e8e8; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e3e3e3');*/ background:-webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#e3e3e3)); background:-moz-linear-gradient(top, #e8e8e8, #e3e3e3); background:-o-linear-gradient(top, #e8e8e8, #e3e3e3); } #header ul li ul li:active, #header ul li ul li.active{ } #header ul li ul li ul{ background-color:#2e2e33; } #header ul li ul li span{ background-color:#f0a8a8; color:#ffffff; border-color: #bbb; -webkit-box-shadow: inset 0px 2px 2px rgba(255,255,255, 0.4), inset 0px -2px 3px rgba(255,25,25, 0.4); -moz-box-shadow: inset 0px 2px 2px rgba(255,255,255, 0.4), inset 0px -2px 3px rgba(255,25,25, 0.4); box-shadow: inset 0px 2px 2px rgba(255,255,255, 0.4), inset 0px -2px 3px rgba(255,25,25, 0.4); } #header ul li ul li ul li{ border-color:#dddddd; } #searchbox{ border-color:#d7d7d7 #c2c2c2 #c2c2c2 #d7d7d7; } form#searchform input#searchall{ color:#cccccc; /*color:#353535;*/ text-shadow:0px 1px 0 #ffffff; /*border-top-color:#ffffff;*/ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');*/ /* background:#f1f1f1; background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); background:-o-linear-gradient(top, #f1f1f1, #e8e8e8);*/ } form#searchform input#searchall:hover{ /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');*/ /*background:#f6f6f6; background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); background:-o-linear-gradient(top, #f6f6f6, #f1f1f1);*/ } form#searchform input#searchall:focus{ -webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); /*background:#ffffff;*/ /*filter:none;*/ } nav{ border-right-color:#e1e1e1 !important; border-left-color:#e1e1e1; -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1); } nav ul{ border-top-color:#e1e1e1; background-color:#2e2e33; } nav ul li{ background-image:none !important; } nav ul li a{ background:#f1f1f1; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');*/ background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); background:-o-linear-gradient(top, #f1f1f1, #e8e8e8); } nav ul li a:hover{ background:#f6f6f6; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');*/ background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); } nav ul li a span{ color:#353535; text-shadow:0px 1px 0 #ffffff; border-color:#ffffff #f7f7f7 #dddddd #f7f7f7; } nav ul li a:active, nav ul li a.active{ background-image:url(../images/nav_active.png); background-repeat:repeat-x; /*background-color:#E71E2C;*/ background-color:#A38B31; background-position:left center; /*filter:none;*/ } nav ul li a:active span, nav ul li a.active span{ color:#ffffff; text-shadow:0px -1px 0 rgba(0,0,0,0.3); } nav ul li ul{ border-bottom-color:#dddddd; } nav ul li ul li{ background-image:none !important; } nav ul li ul li a{ } nav ul li ul li a span{ border-top-color:#dddddd; background-image:none !important; } #content{ -webkit-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); background-color:#eeeeee; background-image:url(../images/paper_01.png); border-color:#ededed; } .bgsample{ border-color:#999999; -webkit-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.5); box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.5); background-color:#ffffff; } .breadcrumb li a{ color:#999999; text-shadow:0 1px 0 #ffffff; border-color:#eeeeee #dddddd #dddddd #dddddd; background-image:url(../images/breadcrumb.png); } .breadcrumb li:first-child a{ border-left-color:#dddddd; } .breadcrumb li:last-child a{ } .breadcrumb.disabled li a:hover{ color:#999999; } .breadcrumb li a.previous{ color:#aaaaaa; } .breadcrumb.disabled li a.previous:hover{ color:#aaaaaa; } .breadcrumb li a:hover{ color:#777777; } .breadcrumb li a:active, .breadcrumb li a.active, .breadcrumb.disabled li a.active:hover{ color:#555555; text-shadow:0 0 1px #ffffff; } /*----------------------------------------------------------------------*/ /* Gallery /*----------------------------------------------------------------------*/ .gallery{ border-color:#CCCCCC #E7E7E7 #FFFFFF #E7E7E7; background-image:url(../images/paper_02.png); } .gallery .sortable_placeholder{ background-color:#f6f6f6; background-image:url(../images/paper_02.png); } .gallery li{ border-color:#FFFFFF #E7E7E7 #CCCCCC #E7E7E7; background-image:url(../images/paper_01.png); } .gallery li > a{ background-image:url(../images/loading.gif); } .gallery li img{ } .gallery li span{ background-color:#2e2e33; border-top-color:#666666; -webkit-box-shadow:0 -1px 0 #2e2e33; -moz-box-shadow:0 -1px 0 #2e2e33; box-shadow:0 -1px 0 #2e2e33; } .gallery li > a span a{ color:#ffffff; } .gallery li a span a.edit{ background-image:url(../images/icons/light/pencil.png); } .gallery li a span a.delete{ background-image:url(../images/icons/light/cross.png); } /*----------------------------------------------------------------------*/ /* Message Box /*----------------------------------------------------------------------*/ #wl_msg .msg-box, #wl_msg .msg-box-close{ border-color:#e1e1e1; color:#f1f1f1; background:#202020; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#151515');*/ background:-webkit-gradient(linear, left top, left bottom, from(#202020), to(#151515)); background:-moz-linear-gradient(top, #202020, #151515); background:-o-linear-gradient(top, #202020, #151515); } #wl_msg .msg-box-close{ } #wl_msg .msg-box-close:hover{ background-color:#e1e1e1; color:#2e2e33; } #wl_msg .msg-box h3, #wl_msg .msg-close{ color:#f1f1f1; text-shadow:0 1px 0 #111111; background:#202020; } #wl_msg .msg-box h3{ border-bottom-color:#555555; } #wl_msg .msg-close{ border-left-color:#555555; border-bottom-color:#555555; background-image:url(../images/icons/light/cross.png); } #wl_msg .msg-close:hover{ background-image:url(../images/cross.png); background-color:#e1e1e1; } #wl_msg .msg-content{ clear:both; padding:10px; } #wl_msg .msg-box h3, #wl_msg .msg-close{ height:28px; } /*----------------------------------------------------------------------*/ /* Alert Boxes /*----------------------------------------------------------------------*/ div.alert{ border-color:#c7c7c7 #b2b2b2 #b2b2b2 #c7c7c7; text-shadow:0 1px 0 rgba(255,255,255,0.4); color:#555; background-color:#e6e6e6; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 8px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(255, 255, 255, 0.1), inset 0 -2px 8px rgba(0, 0, 0, 0.1); margin:9px 0; } div.alert:hover{ border-color:#b2b2b2; } div.alert a{ color:#777777; } div.alert a:hover{ color:#444444; } div.alert.red, div.alert.warning{ background-color:#f0a8a8; } div.alert.red:hover, div.alert.warning:hover{ background-color:#f0cccc; } div.alert.green, div.alert.success{ background-color:#a2e8a2; } div.alert.green:hover, div.alert.success:hover{ background-color:#c5e8c5; } div.alert.yellow, div.alert.note{ background-color:#e8e8a2; } div.alert.yellow:hover, div.alert.note:hover{ background-color:#e8e8c5; } div.alert.blue, div.alert.info{ background-color:#a8f0f0; } div.alert.blue:hover, div.alert.info:hover{ background-color:#ccf0f0; } div.alert.pink{ background-color:#f0a8f0; } div.alert.pink:hover{ background-color:#f0ccf0; } div.alert.purple{ background-color:#aea8f0; } div.alert.purple:hover{ background-color:#cfccf0; } div.alert.ptsgold{ background-color:#A38B31; } div.alert.ptsgold:hover{ background-color:#000000; } div.alert.warning{ background-image:url(../images/alert.png); } div.alert.success{ background-image:url(../images/tick.png); } div.alert.note{ background-image:url(../images/light_bulb.png); } div.alert.info{ background-image:url(../images/information.png); } /*----------------------------------------------------------------------*/ /* Form Elements /*----------------------------------------------------------------------*/ pre{ -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1); } pre, code{ background-image:url(../images/paper_02.png); background-color:#f1f1f1; border-color:#bbbbbb; } pre code{ background-image:url(../images/code_lines.png); } input,textarea{ background-color:#ffffff; border-color:#bbbbbb; } input.placeholder,textarea.placeholder{ color:#cccccc; /*color:#808080;*/ } input.error{ color:#c49090; } input, textarea, input:invalid, input:required, textarea:required{ -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2); } input:hover,input:focus,textarea:hover,textarea:focus{ -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2); } select optgroup, select option{ color:#555555; } select option{ border-color:#ffffff #f7f7f7 #dddddd #f7f7f7; } #danform form{ border-color:red green blue yellow; background-image:url(../images/paper_01.png); } form{ border-color:#cccccc #e7e7e7 #ffffff #e7e7e7; background-image:url(../images/paper_02.png); } form .wl_formstatus{ color:#990000; } form span.required{ /*background-image:url(../images/required.png);*/ } form fieldset{ border-color:#dddddd #e7e7e7 #bbbbbb #e7e7e7; } form label{ border-top-color:#ffffff; color:#444444; text-shadow:0 1px 0 #ffffff; background:#f1f1f1; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');*/ background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); background:-o-linear-gradient(top, #f1f1f1, #e8e8e8); } form fieldset > section{ border-top-color:#ffffff; border-bottom-color:#e7e7e7; background:#f6f6f6; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');*/ background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); } form fieldset > section > div{ border-left-color:#e7e7e7; } form fieldset > section > div span{ } form fieldset > section.error{ background:#f0cccc; border-bottom-color:#f0cccc; /*filter:none;*/ } form fieldset > section.error > label{ text-shadow:none; } form fieldset > section label{ } div.passwordstrength{ text-shadow:0 1px 0 #dddddd; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5); } div.passwordstrength.s_1{background-color:#f0a8a8;} div.passwordstrength.s_2{background-color:#f0d2b5;} div.passwordstrength.s_3{background-color:#e8e8a2;} div.passwordstrength.s_4{background-color:#a8f0f0;} div.passwordstrength.s_5{background-color:#a2e8a2;} /*----------------------------------------------------------------------*/ /* jQuery Checkbox /*----------------------------------------------------------------------*/ .jquery-checkbox span.checkboxplaceholder { background-image:url(../images/checkbox.png); } /*----------------------------------------------------------------------*/ /* File Upload /*----------------------------------------------------------------------*/ div.fileuploadui{ } div.fileuploadui a{ } ul.fileuploadpool{ border-color:#ffffff; background-image:url(../images/paper_02.png); -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); } ul.fileuploadpool.drop{ background-image:url(../images/dragndrop.png),url(../images/paper_02.png); } ul.fileuploadpool.single{ } ul.fileuploadpool li{ border-color:#FFFFFF #E7E7E7 #CCCCCC #E7E7E7; background-color:#f6f6f6; } ul.fileuploadpool li.error{ background-color:#f0cccc; } ul.fileuploadpool li .name{ } ul.fileuploadpool li a{ } ul.fileuploadpool li a:hover{ } ul.fileuploadpool li a.cancel{ background-image:url(../images/cross.png); } ul.fileuploadpool li a.remove{ background-image:url(../images/cross.png); } ul.fileuploadpool li .progress{ background-color:#f0a8a8; background-image:url(../images/upload.gif); } ul.fileuploadpool li.success .progress{ background-color:#a2e8a2; background-image:none; } /*----------------------------------------------------------------------*/ /* Comboselect /*----------------------------------------------------------------------*/ div.comboselectbox div.combowrap{ border-color:#FFFFFF #E7E7E7 #CCCCCC #E7E7E7; background-image:url(../images/paper_02.png); -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); } div.comboselectbox ul.comboselect li{ border-color:#FFFFFF #E7E7E7 #CCCCCC #E7E7E7; background-color:#f6f6f6; } div.comboselectbox ul.comboselect li:hover a{ color:#111; } div.comboselectbox ul.comboselect li a.add{ background-image:url(../images/plus.png); } div.comboselectbox ul.comboselect li a.remove{ background-image:url(../images/cross.png); } div.comboselectbox ul.comboselect li.used a{ color:#ccc; } div.comboselectbox ul.comboselect li.selected{ background-color:#efefef; } div.comboselectbox div.comboselectbuttons a.add{ background-image:url(../images/triangle_right.png); } div.comboselectbox div.comboselectbuttons a.remove{ background-image:url(../images/triangle_left.png); } div.comboselectbox div.comboselectbuttons a.addall{ background-image:url(../images/triangle_double_right.png); } div.comboselectbox div.comboselectbuttons a.removeall{ background-image:url(../images/triangle_double_left.png); } @media screen and (max-width:700px){ div.comboselectbox div.comboselectbuttons a.add{ background-image:url(../images/triangle_down.png); } div.comboselectbox div.comboselectbuttons a.remove{ background-image:url(../images/triangle_up.png); } div.comboselectbox div.comboselectbuttons a.addall{ background-image:url(../images/triangle_double_down.png); } div.comboselectbox div.comboselectbuttons a.removeall{ background-image:url(../images/triangle_double_up.png); } } /*----------------------------------------------------------------------*/ /* Buttons /*----------------------------------------------------------------------*/ ptsinput { font-size: 16px; margin: 10px 5px 10px 5px; } ptsbutton { border-color:#c7c7c7 #b2b2b2 #b2b2b2 #c7c7c7; text-shadow:0 1px 0 rgba(255,255,255,0.7); color:#555555; background-color:#A38B31; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1); /* display: block; height:20px; width:100px; padding: 0px; background: #E6E6E6; border: 2px solid rgba(33, 68, 72, 0.59); color: rgba(0, 0, 0, 0.55); text-align: center; font: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: -webkit-linear-gradient(top, #34696f, #2f5f63); background: -moz-linear-gradient(top, #34696f, #2f5f63); background: -o-linear-gradient(top, #34696f, #2f5f63); background: -ms-linear-gradient(top, #34696f, #2f5f63); background: linear-gradient(top, #34696f, #2f5f63); -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 0 #1b383b; -moz-box-shadow: 0 2px 0 #1b383b; box-shadow: 0 2px 0 #1b383b; text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); */ } /*Step 3: Link Styles*/ a.ptsbutton { text-decoration: none; } /*Step 5: Hover Styles A38B31 */ a.ptsbutton:hover { background: #000000; background: -webkit-linear-gradient(top, #000000, #000000); background: -moz-linear-gradient(top, #000000, #000000); background: -o-linear-gradient(top, #000000, #000000); background: -ms-linear-gradient(top, #000000, #000000); /*background: linear-gradient(top, #000000, #000000);*/ } button, a.btn, .dataTables_paginate span.paginate_button, .dataTables_paginate span.paginate_active{ border-color:#c7c7c7 #b2b2b2 #b2b2b2 #c7c7c7; text-shadow:0 1px 0 rgba(255,255,255,0.7); color:#555555; background-color:#e6e6e6; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.5), inset 0 -2px 5px rgba(0, 0, 0, 0.1); } button.icon, a.btn.icon{ } button{ } a.btn{ } button:hover, a.btn:hover, .dataTables_paginate span.paginate_active:hover{ background-color:#f1f1f1; } button:active, a.btn:active, .dataTables_paginate span.paginate_active{ background-color:#f1f1f1; border-color:#b2b2b2 #c7c7c7 #c7c7c7 #b2b2b2; -webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.1); } button.red, a.btn.red{ background-color:#f0a8a8; } button.red:hover, a.btn.red:hover{ background-color:#f0cccc; } button.green, a.btn.green{ background-color:#a2e8a2; } button.green:hover, a.btn.green:hover{ background-color:#c5e8c5; } button.yellow, a.btn.yellow{ background-color:#e8e8a2; } button.yellow:hover, a.btn.yellow:hover{ background-color:#e8e8c5; } button.blue, a.btn.blue{ background-color:#a8f0f0; } button.blue:hover, a.btn.blue:hover{ background-color:#ccf0f0; } button.pink, a.btn.pink{ background-color:#f0a8f0; } button.pink:hover, a.btn.pink:hover{ background-color:#f0ccf0; } button.purple, a.btn.purple{ background-color:#aea8f0; } button.purple:hover, a.btn.purple:hover{ background-color:#cfccf0; } button.ptsgold, a.btn.ptsgold{ background-color:#A38B31; } button.ptsgold:hover, a.btn.ptsgold:hover{ background-color:#000000; } /*----------------------------------------------------------------------*/ /* Widgets /*----------------------------------------------------------------------*/ .widget, .widget.loading{ background-color:#ffffff; border-color:#dddddd #efefef #f1f1f1 #efefef; background-image:url(../images/paper_02.png); } .widget > div{ border-color:#dddddd #e7e7e7 #bbbbbb #e7e7e7; background-image:url(../images/paper_01.png); } .widget > div.ui-widget{ background-image:none; } .widget:hover{ border-color:#cccccc; } .widget.ui-sortable-helper{ -webkit-box-shadow:0px 5px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0px 5px 6px rgba(0, 0, 0, 0.6); box-shadow:0px 5px 6px rgba(0, 0, 0, 0.6); } .widget h3.handle{ color:#444444; text-shadow:0 0 1px #ffffff; border-top-color:#ffffff; border-bottom-color:#aaaaaa; background:#f1f1f1; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8');*/ background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); background:-o-linear-gradient(top, #f1f1f1, #e8e8e8); } .widget h3.handle:hover{ -webkit-box-shadow:inset 0 -3px 12px rgba(255, 255, 255, 0.5); -moz-box-shadow:inset 0 -3px 12px rgba(255, 255, 255, 0.5); box-shadow:inset 0 -3px 12px rgba(255, 255, 255, 0.5); background:#f6f6f6; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');*/ background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); } .widget h3.handle .collapse{ background-image:url(../images/collapse.png); } .widget h3.handle .reload{ background-image:url(../images/refresh_3.png); } .widget.collapsed{ border-bottom-color:#aaaaaa; } .widget.collapsed h3.handle .collapse{ background-image:url(../images/expand.png); } .widget.loading h3.handle .reload{ background-image:url(../images/loading.gif); } .widget.number-widget > div ul li{ border-top-color:#555555; } .widget.number-widget > div ul li a{ color:#555555; text-shadow:0 1px 0 #ffffff; } .widget.number-widget > div ul li a:hover{ color:#999999; } .widget.number-widget ul li a span{ } .sortable_placeholder{ border-color:#ffffff; background-color:#f6f6f6; background-image:url(../images/paper_02.png); -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); } /*----------------------------------------------------------------------*/ /* Footer /*----------------------------------------------------------------------*/ footer{ color:#aaaaaa; } /* Move the Headernav to a drop down menu to the right */ @media screen and (max-width:960px) { #header ul#headernav{ background-image:url(../images/expand.png); border-left-color:#e7e7e7; } #header ul#headernav li ul li ul{ background-image:url(../images/bg/04.png); background-color:#2e2e33; } } /* iPhone and real small devicces */ @media screen and (max-width:480px) { nav ul li a:active span, nav ul li a.active span{ border-top-color:#ffffff; } nav{ border-top-color:#e1e1e1; } nav ul { background:#f1f1f1; } nav ul li a span{ border-left-color:#e1e1e1; } } /*----------------------------------------------------------------------*/ /* Icons /*----------------------------------------------------------------------*/ nav ul li.i_house a span, .i_house{ background-image: url(../images/house.png);} nav ul li.i_users a span, .i_users{ background-image: url(../images/users.png);} nav ul li.i_magnifying_glass a span, .i_magnifying_glass{ background-image: url(../images/magnifying_glass.png);}