/* Theme Name: Chameleon Circuit Theme URI: tpl_chameleoncircuit Description: A full featured unlimited colors admin panel theme from Themio Author: Themio Author URI: http://themio.net Version: 3.0 /* Structure -------------------------------------------------------------------*/ /**************************** ***** Begin reset.css *****************************/ 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;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /**************************** ***** end reset.css *****************************/ /**************************** ***** Begin global.css *****************************/ /* Make HTML 5 elements display block-level for consistent styling */ header, nav, article, footer, address {display: block;} /* Navigation */ .hor-list li {display: inline;} .hor-list li li {display: block;} .piped li:before {content:"|"; padding: 0 5px;} .piped li:first-child:before {content:""; padding: 0} .breadcrumbs li:before {content: "/"; padding: 0 5px;} .breadcrumbs li:first-child:before {content:""; padding: 0} .piped li, .breadcrumbs li {padding-left: 5px !important;} .piped li:first-child, .breadcrumbs li:first-child {padding-left: 0 !important} /* Typography */ .right {float: right;} .left {float: left;} .align-left {text-align: left;} .align-right {text-align: right;} .center {text-align:center;} .justify {text-align:justify;} strong, b, .bold, .strong {font-weight:bold;} em, i,.italic,cite {font-style:italic;} .underline {text-decoration:underline;} .centered {display: block;margin: 0 auto} img.alignleft {float:left;margin:4px 10px 4px 0;} img.alignright {float:right;margin:4px 0 4px 10px;} .block {display: block} ins {font-size: 1em;text-decoration: none;vertical-align: super;} code, pre {font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;} .numbered {list-style: decimal-leading-zero inside;} .disc {list-style: disc inside;} abbr, acronym {border-bottom: 1px dotted #161a1f} pre {background: url(../images/code_bg.gif);padding: 20px 10px;border-radius: 1px 1px 1px 1px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);display: block;border: 1px solid #E0E0E0;overflow: auto;font-size: 12px;line-height: 20px;margin: 15px 0;white-space: pre-wrap;} dd {margin-left: 2em;} /* Footer */ html, body {height: 100%;} #wrap {min-height: 100%} #main {overflow:auto; padding-bottom: 50px;} /* must be same height as the footer */ footer {position: relative;margin-top: -50px;height: 80px;clear:both;} body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/* thank you Erik J - negate effect of float*/} /**************************** ***** end global.css *****************************/ /**************************** ***** begin typography.css *****************************/ .msg {border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; padding: 10px; margin: 10px 0;} .msg span {padding: 1px 0 1px 25px} .success, .contact { background: #ccebc3; border: 1px solid #8fa489; background: -moz-linear-gradient(top, #ccebc3 0%, #c6e8bc 50%, #bae4ae 51%, #b4e1a7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccebc3), color-stop(50%,#c6e8bc), color-stop(51%,#bae4ae), color-stop(100%,#b4e1a7)); background: -webkit-linear-gradient(top, #ccebc3 0%,#c6e8bc 50%,#bae4ae 51%,#b4e1a7 100%); background: -o-linear-gradient(top, #ccebc3 0%,#c6e8bc 50%,#bae4ae 51%,#b4e1a7 100%); background: -ms-linear-gradient(top, #ccebc3 0%,#c6e8bc 50%,#bae4ae 51%,#b4e1a7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccebc3', endColorstr='#b4e1a7',GradientType=0 ); background: linear-gradient(top, #ccebc3 0%,#c6e8bc 50%,#bae4ae 51%,#b4e1a7 100%); } .success span {background: url(../images/fugue/tick.png) no-repeat;} .contact span {background: url(../images/fugue/pda.png) no-repeat;} .failure, .denied, .browserError { background: #ebc8c8; border: 1px solid #a48c8c; background: -moz-linear-gradient(top, #ebc8c8 0%, #e8c2c2 50%, #e4b5b5 51%, #dfadad 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebc8c8), color-stop(50%,#e8c2c2), color-stop(51%,#e4b5b5), color-stop(100%,#dfadad)); background: -webkit-linear-gradient(top, #ebc8c8 0%,#e8c2c2 50%,#e4b5b5 51%,#dfadad 100%); background: -o-linear-gradient(top, #ebc8c8 0%,#e8c2c2 50%,#e4b5b5 51%,#dfadad 100%); background: -ms-linear-gradient(top, #ebc8c8 0%,#e8c2c2 50%,#e4b5b5 51%,#dfadad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebc8c8', endColorstr='#dfadad',GradientType=0 ); background: linear-gradient(top, #ebc8c8 0%,#e8c2c2 50%,#e4b5b5 51%,#dfadad 100%); } .failure span {background: url(../images/fugue/cross.png) no-repeat;} .denied span {background: url(../images/fugue/minus-octagon.png) no-repeat;} .warning { background: #f6efc1; border: 1px solid #aca787; background: -moz-linear-gradient(top, #f6efc1 0%, #f5edb9 50%, #f3e9aa 51%, #f2e7a3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6efc1), color-stop(50%,#f5edb9), color-stop(51%,#f3e9aa), color-stop(100%,#f2e7a3)); background: -webkit-linear-gradient(top, #f6efc1 0%,#f5edb9 50%,#f3e9aa 51%,#f2e7a3 100%); background: -o-linear-gradient(top, #f6efc1 0%,#f5edb9 50%,#f3e9aa 51%,#f2e7a3 100%); background: -ms-linear-gradient(top, #f6efc1 0%,#f5edb9 50%,#f3e9aa 51%,#f2e7a3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6efc1', endColorstr='#f2e7a3',GradientType=0 ); background: linear-gradient(top, #f6efc1 0%,#f5edb9 50%,#f3e9aa 51%,#f2e7a3 100%); } .warning span {background: url(../images/fugue/exclamation.png) no-repeat;} .notice { background: #dae6ee; border: 1px solid #98a1a6; background: -moz-linear-gradient(top, #dae6ee 0%, #d6e3ec 50%, #cddde8 51%, #c8dae6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dae6ee), color-stop(50%,#d6e3ec), color-stop(51%,#cddde8), color-stop(100%,#c8dae6)); background: -webkit-linear-gradient(top, #dae6ee 0%,#d6e3ec 50%,#cddde8 51%,#c8dae6 100%); background: -o-linear-gradient(top, #dae6ee 0%,#d6e3ec 50%,#cddde8 51%,#c8dae6 100%); background: -ms-linear-gradient(top, #dae6ee 0%,#d6e3ec 50%,#cddde8 51%,#c8dae6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae6ee', endColorstr='#c8dae6',GradientType=0 ); background: linear-gradient(top, #dae6ee 0%,#d6e3ec 50%,#cddde8 51%,#c8dae6 100%); } .notice span {background: url(../images/fugue/information.png) no-repeat;} .settings { background: #ededed; border: 1px solid #a5a5a5; background: -moz-linear-gradient(top, #ededed 0%, #ebebeb 50%, #e7e7e7 51%, #e3e3e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(50%,#ebebeb), color-stop(51%,#e7e7e7), color-stop(100%,#e3e3e3)); background: -webkit-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); background: -o-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); background: -ms-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e3e3e3',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); } .settings span {background: url(../images/fugue/gear.png) no-repeat;} .wait{ background: #ededed; border: 1px solid #a5a5a5; background: -moz-linear-gradient(top, #ededed 0%, #ebebeb 50%, #e7e7e7 51%, #e3e3e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(50%,#ebebeb), color-stop(51%,#e7e7e7), color-stop(100%,#e3e3e3)); background: -webkit-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); background: -o-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); background: -ms-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e3e3e3',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); } .wait span {background: url(../images/wait.gif) no-repeat} /* MOAR */ .address {margin: 15px 0 15px 5px; padding-left: 20px; background: url(../images/fugue/address-book.png) no-repeat} .magnifier {margin: 15px 0 15px 5px; padding-left: 20px; background: url(../images/fugue/magnifier.png) no-repeat} .cross {margin: 15px 0 15px 5px; padding-left: 20px; background: url(../images/fugue/cross-white.png) no-repeat} .notes {margin: 15px 0 15px 5px; padding-left: 20px; background: url(../images/fugue/notebook.png) no-repeat} .mobilePhone {margin: 15px 0 15px 5px; padding-left: 20px; background: url(../images/fugue/mobile-phone.png) no-repeat} .edit {margin: 15px 0 15px 5px; height:10px; width: 10px; padding-left: 20px; background: url(../images/fugue/wrench.png) no-repeat} .copy {margin: 15px 0 15px 5px; height:10px; width: 10px; padding-left: 20px; background: url(../images/fugue/document-copy.png) no-repeat} .delete {margin: 15px 0 15px 5px; height:10px; width: 10px; padding-left: 20px; background: url(../images/fugue/cross.png) no-repeat} .highlight {background: #FBF176; padding: 1px 2px;} .captioned {padding: 5px;} .captioned p {font-style: italic} .list-tick li, .list-cross li{line-height: 2em} .list-tick li {background: url(../images/fugue/tick.png) no-repeat left center;padding-left: 20px;} .list-cross li {background: url(../images/fugue/cross.png) no-repeat left center;padding-left: 20px;} /**************************** ***** end typography.css *****************************/ /**************************** ***** begin custom jqueryui.css *****************************/ /* * jQuery UI CSS Framework 1.8.14 * * Copyright 2011, 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 !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .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 1.8.14 * * Copyright 2011, 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 * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=233648&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=4b5258&fcHeader=eaf5f7&iconColorHeader=eaf5f7&bgColorContent=c9c9c9&bgTextureContent=07_diagonals_small.png&bgImgOpacityContent=40&borderColorContent=a1a1a1&fcContent=222222&iconColorContent=222222&bgColorDefault=424e5c&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=45&borderColorDefault=51575d&fcDefault=ffffff&iconColorDefault=d4d4d4&bgColorHover=343a42&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=75&borderColorHover=173644&fcHover=d4d4d4&iconColorHover=d4d4d4&bgColorActive=232b35&bgTextureActive=12_gloss_wave.png&bgImgOpacityActive=50&borderColorActive=545a64&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=f6efc0&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=f5eec0&fcHighlight=000&iconColorHighlight=f7a50d&bgColorError=edb0b0&bgTextureError=12_gloss_wave.png&bgImgOpacityError=45&borderColorError=c7a9a9&fcError=000&iconColorError=f6726f&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=01_flat.png&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .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 { border: 1px solid #a1a1a1; background: #c9c9c9 url(images/ui-bg_diagonals-small_40_c9c9c9_40x40.png) 50% 50% repeat; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #4b5258; background: #233648 url(images/ui-bg_highlight-soft_100_233648_1x100.png) 50% 50% repeat-x; color: #eaf5f7; font-weight: bold; } .ui-widget-header a { color: #eaf5f7; }*/ /* Interaction states ----------------------------------*/ /*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #51575d; background: #424e5c url(images/ui-bg_highlight-soft_45_424e5c_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }*/ .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; 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 { outline: 1px solid #173644; background: #343a42 url(jquery/custom-theme/images/ui-bg_highlight-soft_75_343a42_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #d4d4d4; } .ui-state-hover a, .ui-state-hover a:hover { color: #d4d4d4; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { outline: 1px solid #545a64; background: #232b35 url(jquery/custom-theme/images/ui-bg_gloss-wave_50_232b35_500x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #f5eec0; background: #f6efc0 url(jquery/custom-theme/images/ui-bg_glass_55_f6efc0_1x400.png) 50% 50% repeat-x; color: #000; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #000; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #c7a9a9; background: #edb0b0 url(jquery/custom-theme/images/ui-bg_gloss-wave_45_edb0b0_500x100.png) 50% top repeat-x; color: #000; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #000; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #000; } .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(jquery/custom-theme/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(jquery/custom-theme/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(jquery/custom-theme/images/ui-icons_eaf5f7_256x240.png); } .ui-state-default .ui-icon { background-image: url(jquery/custom-theme/images/ui-icons_205c90_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(jquery/custom-theme/images/ui-icons_d4d4d4_256x240.png); } .ui-state-active .ui-icon {background-image: url(jquery/custom-theme/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(jquery/custom-theme/images/ui-icons_f7a50d_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(jquery/custom-theme/images/ui-icons_f6726f_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 is deprecated, use ui-icon-seek-start instead */ .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 ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(jquery/custom-theme/images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: 5px 0 0 5px; padding: 0px; background: #999999 url(jquery/custom-theme/images/ui-bg_flat_55_999999_40x100.png) 50% 50% repeat-x; opacity: .45;filter:Alpha(Opacity=45); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* * jQuery UI Accordion 1.8.14 * * Copyright 2011, 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/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .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; } /* * jQuery UI Autocomplete 1.8.14 * * Copyright 2011, 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/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.14 * * 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/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; 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%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.14 * * Copyright 2011, 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/Button#theming */ /*.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* 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-text-only .ui-button-text { padding: .4em 1em; } .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: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.14 * * Copyright 2011, 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/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { /*margin: .5em .4em .5em 0*/; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; float:right; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.14 * * Copyright 2011, 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/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; 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: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.14 * * Copyright 2011, 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/Tabs#theming */ .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; } /* * jQuery UI Datepicker 1.8.14 * * Copyright 2011, 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/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .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: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .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 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: .2em; text-align: right; text-decoration: none; } .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%; font-size:0em; } /* 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; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.14 * * Copyright 2011, 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/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /**************************** ***** end custom jqueryui.css *****************************/ /**************************** ***** begin jqueryui.css *****************************/ /* Slider */ .ui-slider, .ui-progressbar { display: block; position: relative; border: 1px solid #c2c2c2; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ui-slider-horizontal { height: 0.8em; } .ui-slider { position: relative; text-align: left; } .ui-slider-handle { width: 17px; height: 18px; display: block; background: url(../images/form/slider.png) no-repeat; position: absolute; z-index: 100; margin-left: -9px; top: -4px; } .ui-slider-range { background: #577daa; /* Old browsers */ background: -moz-linear-gradient(top, #577daa 0%, #729bbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#577daa), color-stop(100%,#729bbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #577daa 0%,#729bbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #577daa 0%,#729bbe 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #577daa 0%,#729bbe 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577daa', endColorstr='#729bbe',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #577daa 0%,#729bbe 100%); /* W3C */ border: 1px solid #34669b; position: relative; height: 12px; top: -2px; } /* Progressbar */ .ui-progressbar, .ui-slider { display: block; background: #dfdfdf; background: -moz-linear-gradient(top, #dfdfdf 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f0f0f0',GradientType=0 ); background: linear-gradient(top, #dfdfdf 0%,#f0f0f0 100%); } .ui-progressbar-value { background: url(../images/form/progressslider.png) repeat; background: -moz-linear-gradient(top, #516277 0%, #465d6b 50%, #304256 51%, #2f4156 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516277), color-stop(50%,#465d6b), color-stop(51%,#304256), color-stop(100%,#2f4156)); background: -webkit-linear-gradient(top, #516277 0%,#465d6b 50%,#304256 51%,#2f4156 100%); background: -o-linear-gradient(top, #516277 0%,#465d6b 50%,#304256 51%,#2f4156 100%); background: -ms-linear-gradient(top, #516277 0%,#465d6b 50%,#304256 51%,#2f4156 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516277', endColorstr='#2f4156',GradientType=0 ); background: linear-gradient(top, #516277 0%,#465d6b 50%,#304256 51%,#2f4156 100%); border: 1px solid #4c4c4c; display: block; height: 23px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* Date picker */ .hasDatepicker {background-image: url(../images/form/cal.png);background-position: right center;background-repeat: no-repeat;} .ui-datepicker { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */ padding: 3px; border: 1px solid #767676; margin: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ui-datepicker-calendar td {padding: 1px} .ui-datepicker-calendar td a {background: none repeat scroll 0 0 #FEFEFE;border: 1px solid #DDDDDD;border-radius: 3px 3px 3px 3px;display: block;text-align: center;width: 20px;} .ui-datepicker-calendar td a.ui-state-active {background: #1B6CAD;color: #FFFFFF;} .ui-datepicker-calendar td a.ui-state-hover {background: #4D99D6;color: #FFFFFF;} .ui-datepicker-header { background: #577daa; /* Old browsers */ background: -moz-linear-gradient(top, #577daa 0%, #729bbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#577daa), color-stop(100%,#729bbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #577daa 0%,#729bbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #577daa 0%,#729bbe 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #577daa 0%,#729bbe 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577daa', endColorstr='#729bbe',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #577daa 0%,#729bbe 100%); /* W3C */ border: 1px solid #34669b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ui-datepicker-title {line-height: 1.8em;margin: 0 2.3em;text-align: center;color: #fff;} .ui-datepicker-prev, .ui-datepicker-next {display: block; width: 16px; height: 16px; text-indent: -9999em; margin-top: 3px;} /*.ui-datepicker-prev {float:left; background: url(../images/custom/arrows.png) no-repeat bottom; margin-left: 5px;} .ui-datepicker-next {float:right;background: url(../images/custom/arrows.png) no-repeat top; margin-right: 5px;}*/ .ui-datepicker-calendar th{padding:10px 2px} #ui-datepicker-div {display: none} /* DataTable */ .dataTable { clear: both; margin: 0 auto; width: 100%; } .ui-toolbar { background: none repeat scroll 0 0 #F7F7F7; border-bottom: 1px solid #D4D4D4; padding: 10px; } .ui-toolbar.ui-corner-bl {background: none; border-bottom: 0; padding: 0} /* bottom toolbar */ .dataTables_length, .dataTables_info {width: 40%; float: left;} .dataTables_filter, .dataTables_paginate {width: 50%;float: right;text-align: right;} .dataTables_length select {padding:2px 4px} .dataTables_filter input { width: 40% !important; margin-left: 10px; float: none !important; } .dataTables_info, .dataTables_paginate {padding: 10px;} .dataTables_length .ui-selectmenu {padding: 2px 3px; margin-top: 0; margin-bottom: 0} .legend table {width: auto} /* .paginate_enabled_next, .paginate_disabled_next, .paginate_enabled_previous, .paginate_disabled_previous { float: left; height: 19px; margin-left: 3px; width: 19px; display: block; background: #333; cursor: pointer; } .dataTables_paginate { width: 44px; } */ /* !!!! moved this class to buttons.css styling !!!! .paginate_button, .paginate_active, .fg-button, .fg-button.ui-state-active {padding: 2px 5px; margin: 0 5px; border: 1px solid #ddd; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .paginate_button_disabled, .fg-button.ui-state-disabled {background: #eee; cursor: default; color: #aaa !important} .paginate_button, .fg-button { background: #ededed; border: 1px solid #a5a5a5; font-size: 0.88em; background: -moz-linear-gradient(top, #ededed 0%, #ebebeb 50%, #e7e7e7 51%, #e3e3e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(50%,#ebebeb), color-stop(51%,#e7e7e7), color-stop(100%,#e3e3e3)); background: -webkit-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); background: -o-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); background: -ms-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e3e3e3',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); box-shadow: inset 0 1px 0 0 #fff !important; -webkit-box-shadow: inset 0 1px 0 0 #fff !important; -moz-box-shadow: inset 0 1px 0 0 #fff !important; }*/ .paginate_active, .fg-button.ui-state-active {background: #fff;} .fg-button { /* overrides ui-button */ box-shadow: 0; display: inline-block; font-weight: normal; line-height: 1.2em; position: relative; text-shadow: none !important; z-index: 1; } /*.fg-button.ui-state-default {color: #666}*/ .fg-button.ui-state-default {color: #fff} /*.fg-buttonset span .ui-state-disabled {color: #111 !important}*/ /* selected */ .fg-buttonset span .ui-state-disabled {color: #fff !important} /* selected */ /* Dialog */ .ui-dialog {background: #fff;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px} .ui-dialog-title {float: left;} .ui-dialog-titlebar {background: url(../images/menu/title.png) center top #10273C; border-radius: 3px 3px 0 0; border-radius:3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; padding: 5px 10px; color: #fff; font-weight: bold;} .ui-dialog-content {border: 1px solid #C1C1C1; border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; padding: 5px} .ui-widget-overlay {background: url(../images/form/dotted.png);left: 0; position: absolute;top: 0;} /* Selectmenu */ .ui-selectmenu {width: 20%; display: inline-block; overflow: hidden; position: relative; vertical-align: bottom; border: 1px solid #929292; background-color: #F6F6F6;border-radius: 3px 3px 3px 3px;padding: 6px 5px; background-image: url(../images/form/select.png); background-repeat: no-repeat; background-position: right center; text-decoration: none !important; } .ui-selectmenu-menu li a, .ui-selectmenu-status { display: block; outline: medium none; line-height: 16px; text-decoration: none !important; } .ui-selectmenu-menu { display: none; list-style: none outside none; margin: 0; overflow: auto; padding: 0; position: absolute; top: 0; z-index: 1005; border: 1px solid #ddd; background: #f6f6f6; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .ui-selectmenu-menu.ui-state-active {border-radius: 5px 5px 5px 0; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0;} .ui-selectmenu-menu li {padding: 4px 3px; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6} .ui-selectmenu-item-focus, .ui-selectmenu-menu li:hover {background: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;} .ui-selectmenu-open {display: block} /* Autocomplete */ .ui-autocomplete {background: #fff; border: 1px solid #ddd; max-width: 15em; padding: 5px 0; border-radius: 0px 0px 3px 3px;} .ui-autocomplete li a {display: block; padding: 5px; text-indent: 0.5em} .ui-autocomplete li a:hover {background: #eee; text-decoration: none} .ui-autocomplete-loading { background: white url(../images/wait.gif) right center no-repeat; } /**************************** ***** end jqueryui.css *****************************/ /**************************** ***** begin jquery.cleditor.css *****************************/ .cleditorMain {border:1px solid #999; padding:0 1px 1px; background-color:white} .cleditorMain iframe {border:none; margin:0; padding:0} .cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none /* webkit grip focus */} .cleditorToolbar {background: url('../images/form/cleditor/toolbar.gif') repeat} .cleditorGroup {float:left; height:26px} .cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../images/form/cleditor/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} .cleditorList p, .cleditorList h1, .cleditorList h2, .cleditorList h3, .cleditorList h4, .cleditorList h5, .cleditorList h6, .cleditorList font {padding:0; margin:0; background-color:Transparent} .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:4px; font-size:8.5pt} .cleditorPrompt input, .cleditorPrompt textarea {font:8.5pt Arial,Verdana;} .cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt} /**************************** ***** end jquery.cleditor.css *****************************/ /**************************** ***** begin iphonecheckbox.css *****************************/ .iPhoneCheckContainer { position: relative; height: 27px; cursor: pointer; display: inline-block; overflow: hidden; } .iPhoneCheckContainer input { position: absolute; top: 5px; left: 30px; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .iPhoneCheckContainer label { white-space: nowrap; font-size: 12px; line-height: 17px; font-weight: bold; font-family: Mentone, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; display: block; height: 21px; position: absolute; width: auto; top: 0; padding-top: 5px; overflow: hidden; } .iPhoneCheckContainer, .iPhoneCheckContainer label { user-select: none; -moz-user-select: none; -khtml-user-select: none; } .iPhoneCheckDisabled { opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } label.iPhoneCheckLabelOn { color: white; background: url('../images/form/on.png') no-repeat; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); left: 0; padding-top: 5px; } label.iPhoneCheckLabelOn span { padding-left: 14px; } label.iPhoneCheckLabelOff { color: #8b8b8b; background: url('../images/form/off.png') no-repeat right top; text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6); text-align: right; right: 0; } label.iPhoneCheckLabelOff span { padding-right: 14px; } .iPhoneCheckHandle { display: block; height: 27px; cursor: pointer; position: absolute; top: 0; left: 0; width: 0; background: url('../images/form/slider_left.png') no-repeat; padding-left: 3px; } .iPhoneCheckHandleRight { height: 100%; width: 100%; padding-right: 3px; background: url('../images/form/slider_right.png') no-repeat right; } .iPhoneCheckHandleCenter { height: 100%; width: 100%; background: url('../images/form/slider_center.png'); } /**************************** ***** end iphonecheckbox.css *****************************/ /**************************** ***** begin superfish.css *****************************/ /*** ESSENTIAL STYLES ***/ .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 5.7em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** SKIN ***/ .sf-menu li li, .sf-menu li li li {opacity: 0.95;} .sf-menu li li:hover, .sf-menu li li li:hover {opacity:1;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator {background: url('../images/arrows-ffffff.png') no-repeat -10px 0; /* 8-bit indexed alpha png. IE6 gets solid image only */} .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } .sf-menu li li a, .sf-menu li li li a { padding: 10px 10px; } /**************************** ***** end superfish.css *****************************/ /**************************** ***** begin fullcalendar.css *****************************/ /* * FullCalendar v1.5.1 Stylesheet * * Copyright (c) 2011 Adam Shaw * Dual licensed under the MIT and GPL licenses, located in * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. * * Date: Sat Apr 9 14:09:51 2011 -0700 * */ .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; } /* Header ------------------------------------------------------------------------*/ .fc-header td { white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { margin-top: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } /* buttons edges butting together */ .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right { margin-right: 1px; /* back to normal */ } .fc-header .ui-corner-right { margin-right: 0; /* back to normal */ } /* button layering (for border precedence) */ .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; } /* Content ------------------------------------------------------------------------*/ .fc-content { clear: both; } .fc-view { width: 100%; /* needed for view switching (when view is absolute) */ overflow: hidden; } /* Cell Styles ------------------------------------------------------------------------*/ .fc-widget-header, /* , usually */ .fc-widget-content { /* , usually */ border: 1px solid #ccc; } .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ background: #ffc !important; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #9cf; opacity: .2; filter: alpha(opacity=20); /* for IE */ } /* Buttons ------------------------------------------------------------------------*/ .fc-button { position: relative; display: inline-block; cursor: pointer; } .fc-state-default { /* non-theme */ border-style: solid; border-width: 1px 0; } .fc-button-inner { position: relative; float: left; overflow: hidden; } .fc-state-default .fc-button-inner { /* non-theme */ border-style: solid; border-width: 0 1px; } .fc-button-content { position: relative; float: left; height: 1.9em; line-height: 1.9em; padding: 0 .6em; white-space: nowrap; } /* 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 { position: absolute; top: -100px; left: 0; width: 500px; height: 100px; border-width: 100px 0 0 1px; border-style: solid; border-color: #fff; background: #444; opacity: .09; filter: alpha(opacity=9); } /* button states (determines colors) */ .fc-state-default, .fc-state-default .fc-button-inner { border-style: solid; border-color: #ccc #bbb #aaa; background: #F3F3F3; color: #000; } .fc-state-hover, .fc-state-hover .fc-button-inner { border-color: #999; } .fc-state-down, .fc-state-down .fc-button-inner { border-color: #555; background: #777; } .fc-state-active, .fc-state-active .fc-button-inner { border-color: #555; background: #777; color: #fff; } .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-widget-content { background: #f7f7f7} .fc-event-skin { background: #4083ad; background: -moz-linear-gradient(top, #4083ad 0%, #3f7cad 50%, #4675ae 51%, #456ca9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4083ad), color-stop(50%,#3f7cad), color-stop(51%,#4675ae), color-stop(100%,#456ca9)); background: -webkit-linear-gradient(top, #4083ad 0%,#3f7cad 50%,#4675ae 51%,#456ca9 100%); background: -o-linear-gradient(top, #4083ad 0%,#3f7cad 50%,#4675ae 51%,#456ca9 100%); background: -ms-linear-gradient(top, #4083ad 0%,#3f7cad 50%,#4675ae 51%,#456ca9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4083ad', endColorstr='#456ca9',GradientType=0 ); background: linear-gradient(top, #4083ad 0%,#3f7cad 50%,#4675ae 51%,#456ca9 100%); border: 1px solid #3b6984; color: #ffffff; } .fc-event-skin.news { background: #cae285; /* Old browsers */ background: -moz-linear-gradient(top, #cae285 0%, #9fcb57 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cae285), color-stop(100%,#9fcb57)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cae285 0%,#9fcb57 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cae285 0%,#9fcb57 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #cae285 0%,#9fcb57 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#9fcb57',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #cae285 0%,#9fcb57 100%); /* W3C */ color: #546A2D; border-color: #cae285; } .fc-event-skin.maintenance { background: #ebc8c8; background: -moz-linear-gradient(top, #ebc8c8 0%, #e8c2c2 50%, #e4b5b5 51%, #dfadad 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebc8c8), color-stop(50%,#e8c2c2), color-stop(51%,#e4b5b5), color-stop(100%,#dfadad)); background: -webkit-linear-gradient(top, #ebc8c8 0%,#e8c2c2 50%,#e4b5b5 51%,#dfadad 100%); background: -o-linear-gradient(top, #ebc8c8 0%,#e8c2c2 50%,#e4b5b5 51%,#dfadad 100%); background: -ms-linear-gradient(top, #ebc8c8 0%,#e8c2c2 50%,#e4b5b5 51%,#dfadad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebc8c8', endColorstr='#dfadad',GradientType=0 ); background: linear-gradient(top, #ebc8c8 0%,#e8c2c2 50%,#e4b5b5 51%,#dfadad 100%); border-color: #ebc8c8; color: #cc3b3b; } .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 1px; } .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ 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 { _padding-bottom: 14px; /* IE6 had 0 height */ } /* 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 { margin-left: -1px; } .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 { border-left-width: 1px; } .fc-corner-right .fc-event-inner { border-right-width: 1px; } .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 th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ } /* 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; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ _height: 34px; } /* divider (between all-day and slots) */ .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; /* doesn't work with background in IE6/7 */ } /* 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 { /* makes the event lighter w/ a semi-transparent overlay */ 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, /* TODO: something nicer like .fc-opacity */ .fc-select-helper .fc-event-bg { display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ } /* 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 { /* TODO: better selector */ _overflow: hidden; } /**************************** ***** end fullcalendar.css *****************************/ /**************************** ***** begin colorbox.css *****************************/ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /**************************** ***** end colorbox.css *****************************/ /**************************** ***** begin uploadify.css *****************************/ /* Uploadify v2.1.4 Release Date: November 8, 2010 Copyright (c) 2010 Ronnie Garcia, Travis Nickels Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .uploadifyQueueItem { background-color: #F5F5F5; border: 2px solid #E5E5E5; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; padding: 10px; width: 350px; } .uploadifyError { background-color: #FDE5DD !important; border: 2px solid #FBCBBC !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyQueue .completed { background-color: #E5E5E5; } .uploadifyProgress { background-color: #E5E5E5; margin-top: 10px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; height: 3px; width: 1px; } /**************************** ***** end uploadify.css *****************************/ /**************************** ***** begin tipsy.css *****************************/ .tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; } .tipsy-inner { padding: 5px 8px 4px 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 .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; } /**************************** ***** end tipsy.css *****************************/ /**************************** ***** begin buttons.css *****************************/ /* Button -------------------------------------------------------------------*/ button.green, .btn.green, input.green { background: #cae285; /* Old browsers */ background: -moz-linear-gradient(top, #cae285 0%, #9fcb57 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cae285), color-stop(100%,#9fcb57)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cae285 0%,#9fcb57 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cae285 0%,#9fcb57 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #cae285 0%,#9fcb57 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#9fcb57',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #cae285 0%,#9fcb57 100%); /* W3C */ -webkit-box-shadow: inset 0 1px 0 0 #d7e9a4, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #d7e9a4, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #d7e9a4, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #d7e9a4, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #d7e9a4, 0 1px 0 0px #e3e3e3; border: 1px solid #98b65b; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; color: #546A2D; line-height: 1; text-align: center; text-shadow: 0 1px 0 #cde4ae; } button.green:hover, .btn.green:hover, input.green:hover { background: #b8d872; /* Old browsers */ background: -moz-linear-gradient(top, #b8d872 0%, #b9d972 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8d872), color-stop(100%,#b9d972)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b8d872 0%,#b9d972 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b8d872 0%,#b9d972 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #b8d872 0%,#b9d972 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d872', endColorstr='#b9d972',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #b8d872 0%,#b9d972 100%); /* W3C */ border: 1px solid #98b65b; color: #546A2D; -webkit-box-shadow: inset 0 1px 0 0 #cae295, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #cae295, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #cae295, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #cae295, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #cae295, 0 1px 0 0px #e3e3e3; cursor: pointer; } button.orange, .btn.orange, input.orange { background: #feda71; /* Old browsers */ background: -moz-linear-gradient(top, #feda71 0%, #febb4a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda71), color-stop(100%,#febb4a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feda71 0%,#febb4a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feda71 0%,#febb4a 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #feda71 0%,#febb4a 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda71', endColorstr='#febb4a',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #feda71 0%,#febb4a 100%); /* W3C */ -webkit-box-shadow: inset 0 1px 0 0 #fee395, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #fee395, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #fee395, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #fee395, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #fee395, 0 1px 0 0px #e3e3e3; border: 1px solid #dea23c; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; color: #885A2C; line-height: 1; text-align: center; text-shadow: 0 1px 0 #fee1a0; } button.orange:hover, .btn.orange:hover, input.orange:hover { background: #fec354; /* Old browsers */ background: -moz-linear-gradient(top, #fec354 0%, #fecd61 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec354), color-stop(100%,#fecd61)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fec354 0%,#fecd61 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fec354 0%,#fecd61 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fec354 0%,#fecd61 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec354', endColorstr='#fecd61',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #fec354 0%,#fecd61 100%); /* W3C */ -webkit-box-shadow: inset 0 1px 0 0 #fed17e, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #fed17e, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #fed17e, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #fed17e, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #fed17e, 0 1px 0 0px #e3e3e3; color: #885A2C; border: 1px solid #dea23c; } button.grey, .btn.grey, input.grey { background: #e1e1e1; /* Old browsers */ background: -moz-linear-gradient(top, #e1e1e1 0%, #d2d2d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1e1e1 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1e1e1 0%,#d2d2d2 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e1e1e1 0%,#d2d2d2 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #e1e1e1 0%,#d2d2d2 100%); /* W3C */ -webkit-box-shadow: inset 0 1px 0 0 #f1f1f1, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #f1f1f1, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #f1f1f1, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #f1f1f1, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #f1f1f1, 0 1px 0 0px #e3e3e3; border: 1px solid #979797; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; color: #555; line-height: 1; text-align: center; text-shadow: 0 1px 0 #eee; } button.grey:hover, .btn.grey:hover, input.grey:hover { background: #d7d7d7; /* Old browsers */ background: -moz-linear-gradient(top, #d7d7d7 0%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(100%,#dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d7d7d7 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d7d7d7 0%,#dadada 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #d7d7d7 0%,#dadada 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #d7d7d7 0%,#dadada 100%); /* W3C */ -webkit-box-shadow: inset 0 1px 0 0 #eee, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #eee, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #eee, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #eee, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #eee, 0 1px 0 0px #e3e3e3; color: #555; border: 1px solid #979797; } button.black, .btn.black, input.black { background: #5e5e5e; /* Old browsers */ background: -moz-linear-gradient(top, #5e5e5e 0%, #434343 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#434343)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5e5e5e 0%,#434343 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5e5e5e 0%,#434343 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #5e5e5e 0%,#434343 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#434343',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #5e5e5e 0%,#434343 100%); /* W3C */ -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #868686, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #868686, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #868686, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #868686, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #868686, 0 1px 0 0px #e3e3e3; color: #fff; border: 1px solid #2c2c2c; text-shadow: 0 1px 0 #2e2e2e; } button.black:hover, .btn.black:hover, input.black:hover { background: #5a5a5a; border: 1px solid #2c2c2c; color: #fff; -webkit-box-shadow: inset 0 1px 0 0 #838383, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #838383, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #838383, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #838383, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #838383, 0 1px 0 0px #e3e3e3; } button.red, .btn.red, input.red { background: #f78297; /* Old browsers */ background: -moz-linear-gradient(top, #f78297 0%, #f56778 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78297), color-stop(100%,#f56778)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f78297 0%,#f56778 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f78297 0%,#f56778 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f78297 0%,#f56778 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78297', endColorstr='#f56778',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f78297 0%,#f56778 100%); /* W3C */ -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #f9a1b1, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #f9a1b1, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #f9a1b1, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #f9a1b1, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #f9a1b1, 0 1px 0 0px #e3e3e3; color: #913945; border: 1px solid #df6f8b; text-shadow: 0 1px 0 #f89ca9; } button.red:hover, .btn.red:hover, input.red:hover { background: #f56c7e; /* Old browsers */ background: -moz-linear-gradient(top, #f56c7e 0%, #f78297 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f56c7e), color-stop(100%,#f78297)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f56c7e 0%,#f78297 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f56c7e 0%,#f78297 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f56c7e 0%,#f78297 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56c7e', endColorstr='#f78297',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f56c7e 0%,#f78297 100%); /* W3C */ color: #913945; border: 1px solid #c36079; -webkit-box-shadow: inset 0 1px 0 0 #f8909e, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #f8909e, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #f8909e, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #f8909e, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #f8909e, 0 1px 0 0px #e3e3e3; } button.white, .btn.white, input.white { background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%); /* W3C */ -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #fbfbfb, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #fbfbfb, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #fbfbfb, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #fbfbfb, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #fbfbfb, 0 1px 0 0px #e3e3e3; color: #555555; border: 1px solid #bebebe; text-shadow: 0 1px 0 #fbfbfb; } button.white:hover, .btn.white:hover, input.white:hover { background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #f8f8f8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%,#f8f8f8 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #efefef 0%,#f8f8f8 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #efefef 0%,#f8f8f8 100%); /* W3C */ color: #555555; -webkit-box-shadow: inset 0 1px 0 0 #f3f3f3, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #f3f3f3, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #f3f3f3, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #f3f3f3, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #f3f3f3, 0 1px 0 0px #e3e3e3; border: 1px solid #bebebe; } button.lightblue, .btn.lightblue, input.lightblue { background: #abe4f8; /* Old browsers */ background: -moz-linear-gradient(top, #abe4f8 0%, #6fcef3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abe4f8), color-stop(100%,#6fcef3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #abe4f8 0%,#6fcef3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #abe4f8 0%,#6fcef3 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #abe4f8 0%,#6fcef3 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe4f8', endColorstr='#6fcef3',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #abe4f8 0%,#6fcef3 100%); /* W3C */ -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #c0ebfa, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #c0ebfa, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #c0ebfa, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #c0ebfa, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #c0ebfa, 0 1px 0 0px #e3e3e3; color: #42788e; border: 1px solid #90becf; text-shadow: 0 1px 0 #bbe9f9; } button.lightblue:hover, .btn.lightblue:hover, input.lightblue:hover { background: #92dbf6; /* Old browsers */ background: -moz-linear-gradient(top, #92dbf6 0%, #92dbf6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92dbf6), color-stop(100%,#92dbf6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #92dbf6 0%,#92dbf6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #92dbf6 0%,#92dbf6 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #92dbf6 0%,#92dbf6 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92dbf6', endColorstr='#92dbf6',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #92dbf6 0%,#92dbf6 100%); /* W3C */ -webkit-box-shadow: inset 0 1px 0 0 #ade4f8, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #ade4f8, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #ade4f8, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #ade4f8, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #ade4f8, 0 1px 0 0px #e3e3e3; color: #42788e; border: 1px solid #90becf; } button.azure, .btn.azure, input.azure, .paginate_button_disabled, .fg-button.ui-state-disabled { background: #bccbd5; /* Old browsers */ background: -moz-linear-gradient(top, #bccbd5 0%, #88a1b4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bccbd5), color-stop(100%,#88a1b4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bccbd5 0%,#88a1b4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bccbd5 0%,#88a1b4 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #bccbd5 0%,#88a1b4 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bccbd5', endColorstr='#88a1b4',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #bccbd5 0%,#88a1b4 100%); /* W3C */ -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #ced8e0, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #ced8e0, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #ced8e0, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #ced8e0, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #ced8e0, 0 1px 0 0px #e3e3e3; color: #515f6a; border: 1px solid #6b7984; text-shadow: 0 1px 1px #c4d0d9; } button.azure:hover, .btn.azure:hover, input.azure:hover,.paginate_button_disabled:hover, .fg-button.ui-state-disabled:hover { background: #adbfcb; -webkit-box-shadow: inset 0 1px 0 0 #c2cfd8, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #c2cfd8, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #c2cfd8, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #c2cfd8, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #c2cfd8, 0 1px 0 0px #e3e3e3; color: #515f6a; border: 1px solid #6b7984; } button.purple, .btn.purple, input.purple { background: #e8c4e4; /* Old browsers */ background: -moz-linear-gradient(top, #e8c4e4 0%, #d494ce 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8c4e4), color-stop(100%,#d494ce)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8c4e4 0%,#d494ce 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8c4e4 0%,#d494ce 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e8c4e4 0%,#d494ce 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8c4e4', endColorstr='#d494ce',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #e8c4e4 0%,#d494ce 100%); /* W3C */ -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #eed3eb, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #eed3eb, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #eed3eb, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #eed3eb, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #eed3eb, 0 1px 0 0px #e3e3e3; color: #7b5777; border: 1px solid #936f8f; text-shadow: 0 1px 1px #c4d0d9; } button.purple:hover, .btn.purple:hover, input.purple:hover { background: #deabd9; /* Old browsers */ background: -moz-linear-gradient(top, #deabd9 0%, #e0b1db 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deabd9), color-stop(100%,#e0b1db)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #deabd9 0%,#e0b1db 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #deabd9 0%,#e0b1db 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #deabd9 0%,#e0b1db 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deabd9', endColorstr='#e0b1db',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #deabd9 0%,#e0b1db 100%); /* W3C */ -webkit-box-shadow: inset 0 1px 0 0 #e6bfe2, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #e6bfe2, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #e6bfe2, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #e6bfe2, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #e6bfe2, 0 1px 0 0px #e3e3e3; color: #7b5777; border: 1px solid #936f8f; } div.btn.purple > a{ color:#7b5777; } button, .btn, input[type=button], input[type=submit],.ui-button,.paginate_button, .fg-button { background: #2981be; /* Old browsers */ background: -moz-linear-gradient(top, #2981be 0%, #1b5488 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2981be), color-stop(100%,#1b5488)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2981be 0%,#1b5488 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2981be 0%,#1b5488 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #2981be 0%,#1b5488 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2981be', endColorstr='#1b5488',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #2981be 0%,#1b5488 100%); /* W3C */ -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #5fa1ce, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #5fa1ce, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #5fa1ce, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #5fa1ce, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #5fa1ce, 0 1px 0 0px #e3e3e3; color: #fff; border: 1px solid #13436d; text-shadow: 0 1px 1px #144570; font-weight: bold; line-height: 1; padding: 4px 7px; text-align: center; text-decoration:none; vertical-align: sub; font-family: tahoma, arial, helvetica, sans-serif !important; font-weight: bold !important; margin: 0 2px; } div.btn > a{ color:#fff; } button:hover, .btn:hover, input[type=button]:hover, input[type=submit]:hover,.ui-button.ui-state-hover,.paginate_button:hover, .fg-button:hover{ background: #236ea8; /* Old browsers */ -webkit-box-shadow: inset 0 1px 0 0 #5a92be, 0 1px 0 0px #e3e3e3; -moz-box-shadow: inset 0 1px 0 0 #5a92be, 0 1px 0 0px #e3e3e3; -ms-box-shadow: inset 0 1px 0 0 #5a92be, 0 1px 0 0px #e3e3e3; -o-box-shadow: inset 0 1px 0 0 #5a92be, 0 1px 0 0px #e3e3e3; box-shadow: inset 0 1px 0 0 #5a92be, 0 1px 0 0px #e3e3e3; color: #fff; border: 1px solid #13436d; cursor: pointer; text-decoration: none; } .widget_options .btn.small {vertical-align: super} .small {font-size: 0.833em; padding: 3px !important; vertical-align: sub;} .medium {font-size: 1em; padding: 5px !important;vertical-align: sub;} .large {font-size: 1.083em; padding: 7px 10px !important;vertical-align: sub;} div.btn.center {width:50%;margin:auto;} .widget_options .small {} /* Other buttons -------------------------------------------------------------------*/ .close, .ui-dialog-titlebar-close {text-indent: -9999em; background: url(../images/custom/close.png) no-repeat center; height: 17px; width: 13px;display: block; float: right} .pieLabel {background: rgba(240,240,240,0.85)} a.btnfind{ padding: 3px 20px 3px 3px; background: url(../images/custom/search_b.png) no-repeat 98%; } /**************************** ***** end buttons.css *****************************/ /**************************** ***** begin mentone-semibold.css *****************************/ @font-face {font-family: 'Mentone-SemiBold';src: url('../font/mentone-semibold/webfonts/eot/style_170995.eot?#iefix') format('embedded-opentype'),url('../font/mentone-semibold/webfonts/woff/style_170995.woff') format('woff'),url('../font/mentone-semibold/webfonts/ttf/style_170995.ttf') format('truetype'),url('../font/mentone-semibold/webfonts/svg/style_170995.svg#Mentone-SemiBold') format('svg');} /**************************** ***** end mentone-semibold.css *****************************/ /**************************** ***** begin config.css *****************************/ /* Custom Font for Headers */ /* Default font */ body {font-family: tahoma, arial, helvetica, sans-serif;} /* Header Font */ h1, h2, h3, h4, h5, h6, .btn, nav, label {font-family: Mentone-SemiBold, 'Mentone SemiBold', 'Trebuchet MS', sans-serif;} /* Customize the color of the theme's' header */ header {background-color: #222936} /* Customize the color of the theme's' navigation. It is recommended to keep the colors of both the primary navigation and submenu's the same */ nav, #sidebar {background-color: #162033} /* Primary Navigation */ .sf-menu li li, .sf-menu li li li { background: #222936; color: #777; /* Secondary Navigation back and foreground color */ opacity: 0.95; } .sf-menu li li:hover, .sf-menu li li li:hover { opacity:1; } /* Customize the color of the theme's widget boxes */ .widget,.ui-tabs .ui-widget-header {background-color: #222936;} /* Customize the backgroundcolor of the loginpage */ #loginpage {background-color: #101521;} #forgotPass {background-color: #101521;} table.ui-datepicker-calendar { width:auto; } /************************** *** Center alignmnet ***************************/ div.center { width: 100%; text-align:center; } div.center > div { display:inline-block; } div.center > div.center { width: 50%; } /******************************* *** ASP.net login failure ********************************/ span.failureNotification { background: url("../images/fugue/cross.png") no-repeat scroll left center transparent; padding:1px 0 1px 18px } .failureNotification { color:Red; } /********************************* *** Wear Condition Control **********************************/ table.wearConditionContainerTable { width:auto; } table.wearConditionTable { border-width :thick; border-style:solid; width:260px; } table.wearConditionTable tr.conditionRow { color:#222936; font-weight:bold; background-color:#85B5F6; } table.wearConditionTable tr td { padding:1px; } table.wearConditionTable tr td.radial { background-color:#F2ED5E; } table.wearConditionTable tr.header { text-align:left; font-weight:bold; } /*p label, input { display: block; }*/ /*********************************** *** Form layout for tables ************************************/ table.form label{ display:inline-block; width:50%; } table.form label.iPhoneCheckLabelOff{ width:auto; } table.form label.iPhoneCheckLabelOn{ width:auto; } table.form tr td { width:50%; } table.form input, table.form select { width:50%; } /************************************ *** Draggable Styling *************************************/ div.draggable-container { background-color: #222936; width: 50%; cursor: move; } div.draggable-container h6{ color:White; } .drag-active, .drag-hover { background: Red; } /************************************** **** System News Icon ***************************************/ .newsIcon{ margin:0; background-repeat:no-repeat; width:16px; height:16px; display:inline-block; } .newsIcon.low{ background-image: url(../images/fugue/flag-green.png); } .newsIcon.medium{ background-image: url(../images/fugue/flag-yellow.png); } .newsIcon.high{ background-image: url(../images/fugue/flag.png); } /**************************************** *** Anchor Tag As Regular Text *****************************************/ a.regular {color:#222936; text-decoration:none;} a.regular:link {color:#222936; text-decoration:none;} /* unvisited link */ a.regular:visited {color:#222936;text-decoration:none;} /* visited link */ a.regular:hover {color:#222936;text-decoration:none;} /* mouse over link */ a.regular:active {color:#222936;text-decoration:none;} /* selected link */ /*********************************************** **** Table row highlight unit profile unit config hover ************************************************/ tr.positionRow:hover, tr.positionRow.hovered { background-color:#85B5F6; } .superscript{font-size:xx-small; vertical-align:top;} /**************************** ***** end config.css *****************************/ /**************************** ***** begin rest of internal style.css *****************************/ html {font-size: 100%;} body {font-size: .75em;line-height: 1.5; background: url(../images/bg.png) repeat;} a {text-decoration: none; color: #004a80; cursor: pointer;} a:hover {text-decoration: underline} #actualbody {background: #f1f1f1; border: 1px solid #c2c2c5; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; padding: 10px 0; margin-bottom: 70px;} /* Typography -------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6 {font-weight: normal} h1 {font-size: 2em} h2 {font-size: 1.8em} h3 {font-size: 1.6em} h4 {font-size: 1.4em} h5 {font-size: 1.2em} h6 {font-size: 1em} p {margin: 5px 0} /* Header -------------------------------------------------------------------*/ header {background-image: url(../images/header_bg.png); background-repeat: no-repeat; padding-top: 10px} nav { background-image: url("../images/menu/bg-r.png"); background-repeat: no-repeat; background-position: top right; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; margin-top: 25px; } #navcontainer {background: url("../images/menu/bg.png") repeat-x scroll left top; margin-right: 3px} #logo { background: url(../images/logo_tvtrack.png) no-repeat; width: 233px; height: 39px; display: block; float: left; margin-top: 5px; } #logoFleethq { background: url(../images/pGYfleetHQlogoWhite2.png) no-repeat; width:200px;height:45px;display:block;float:right;margin-top:5px } #logoPhone { color:White; font-size:x-large; position:absolute; top:55px; } #logoPhoneHome { color:White; font-size:x-large; position:absolute; top:45px; } nav ul {float:right} nav ul li {float: left;} nav ul li a {color: #929292; padding: 18px 8px; font-size: 1em} nav ul li a.big {font-size: 1.2em;} nav ul li a:hover {text-decoration: none} nav ul li.sep {border-left: 1px solid #383f4c} nav ul li a.ui-tabs-selected, nav ul li a:hover {color:#fff} nav ul .icon {height: 20px; width: 20px; margin: 0 auto; display: block} nav ul .notification {background: #b01e1e;border-radius: 30px 30px 30px 30px;-moz-border-radius: 30px 30px 30px 30px;-webkit-border-radius: 30px 30px 30px 30px;box-shadow: 1px 1px 1px #333333;color: #E4E4E4;display: block;font-size: 10px;height: 6px;line-height: 4px;padding: 5px;position: absolute;left: 33px;text-align: center;top: 6px;} nav .sf-menu li.active {background: url(../images/menu/selected.png) no-repeat bottom center;} nav ul li.active {opactiy: 0.2} #user {width: 225px; float: left; padding: 10px 0 0 10px} #user ul {float: left} #user li {margin: 0} #user strong, #user strong a {color: #fff} #user .username {display: block} #user li, #user a {color: #777; padding: 0} #user img {width: 32px; height: 32px; background:url(../images/menu/avatarframe.png); border-radius: 2px; -moz-border-radius: 2px; -webkit--moz-border-radius: 2px; display: block; float: left; margin-right: 5px; padding: 5px;} #user ul a {text-decoration: underline} #pagetitle {background: #fff; padding: 10px} #pagetitle h1 {font-size: 1.75em; line-height: 1em} /* Breadcrumbs and Pagination -------------------------------------------------------------------*/ .breadcrumbs li {font-size: 0.75em; color: #999; float: left;} .breadcrumbs li a {color: #4d4d4d} .pagination {padding: 10px 10px 0} .pagination li { background: #ededed; border: 1px solid #a5a5a5; font-size: 0.88em; background: -moz-linear-gradient(top, #ededed 0%, #ebebeb 50%, #e7e7e7 51%, #e3e3e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(50%,#ebebeb), color-stop(51%,#e7e7e7), color-stop(100%,#e3e3e3)); background: -webkit-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); background: -o-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); background: -ms-linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e3e3e3',GradientType=0 ); background: linear-gradient(top, #ededed 0%,#ebebeb 50%,#e7e7e7 51%,#e3e3e3 100%); float: left; padding: 2px 5px; display: inline-block; text-align: center; margin: 5px; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; line-height: 1.2em; color: #666; box-shadow: 0 1px 0 0 white inset; -moz-box-shadow: 0 1px 0 0 white inset; -webkit-box-shadow: 0 1px 0 0 white inset; } .pagination li a {color: #666} .pagination li a:hover {text-decoration: none} .pagination li.active, .pagination li.active a {color: #111} .pagination li.disabled, .pagination li.disabled a {cursor: default; color: #aaa} /* Widgets -------------------------------------------------------------------*/ .widget {margin-top: 15px; margin-bottom: 10px; background-image: url(../images/menu/title-r.png); background-repeat: no-repeat; background-position: top right; -moz-border-radius:4px;border-radius:4px; -moz-border-radius:4px; } .widget_title{ -moz-border-radius-topleft: 4px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px; -webkit-border-radius: 4px 0px 0px 0px; border-radius: 4px 0px 0px 0px; margin-right: 4px; background: url(../images/menu/title.png) top left; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; } .widget_title h2 {font-size: 1.2em; color: #fff; text-shadow: 0 -1px 0px #000; display: inline; line-height: 2.3em; padding: 0 10px; font-weight: normal} .widget_title ul {float: right;} .widget_title ul li {float:left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;margin: 5px;} .widget_title ul li a {display: block;padding: 4px 6px 5px 9px;margin-right: 3px} .widget_title .ui-tabs-selected {background: url(../images/form/tab-r.png) no-repeat top right; } .widget_title .ui-tabs-selected a {background: url(../images/form/tab.png) no-repeat top left; margin-right: 3px;} .widget_title .ui-tabs-nav li {font-size: 0.87em;font-weight: bold;} .widget_title .ui-state-default a {color: #aaa} .widget_title .ui-state-hover a {text-decoration: none; color: #fff} .widget_title .ui-tabs-selected a {color: #fff;} .ui-toolbar input[type='text'], .ui-toolbar input[type='password'], .ui-toolbar input[type='file'], .ui-toolbar textarea, .ui-toolbar select, .widget_options input[type='text'], .widget_options input[type='password'], .widget_options input[type='file'], .widget_options textarea, .widget_options select {margin-bottom: 0px} .widget_body {border-radius:0 0 4px 4px;-moz-border-radius:0 0 3px 3px; background: #fff; padding-bottom: 10px; border: 1px solid #c1c1c1;} .widget_options {background: #f7f7f7; border-bottom: 1px solid #d4d4d4; padding: 10px} .widget_content {padding: 5px 10px ;} /* Tables -------------------------------------------------------------------*/ table {width: 100%} caption {background: #525252;color: #FFFFFF;font-weight: bold;line-height: 2em;} thead th, thead td {color:#777; font-size: 0.917em; font-weight: bold; vertical-align: middle; padding: 10px 5px} td {text-align: left; padding: 5px; vertical-align: middle} tbody tr.odd {background:#f7f7f7} tbody tr.even {background:#c8c8c8} table.simple td:first-child {padding-left: 10px} table.simple td:last-child {padding-right: 10px} table .piped, table .piped a {color:#777; font-size: 0.95em;} .simple thead {border-bottom: 1px solid #d4d4d4} .SpanClosedLocation { color: #ba0000; font-weight: bold; } .SpanUnauthorized { color: #ba0000; font-weight: bold; } .SpanOutsideDealerServiceRadius { color: #ba0000; font-weight: bold; } .SpanOutsideFleetSearchRadius { color: #ba0000; font-weight: bold; } .SpanOutsideSearchRadius { color: #ba0000; font-weight: bold; } .SpanShopServiceOnlyNonShopCall { color: #ba0000; font-weight: bold; } .SpanShopServiceOnly { color: #FF7300; font-weight: bold; } .SpanBrandNotCarried { color: #FF7300; font-weight: bold; } .SpanServiceNotPerformed { color: #FF7300; font-weight: bold; } .SpanShopOutsideBusinessHours { color: #FF7300; font-weight: bold; } .SpanPref { color: #006600; font-weight: bold; } .SpanAccountOwner { color: #006600; font-weight: bold; } .SpanGuaranteeing { color: #663300; font-weight: bold; } .SpanCTSN { color: blue; font-weight: bold; } .SpanAligned { color: blue; font-weight: bold; } .SpanExpeditedApprovals { color: blue; font-weight: bold; } .SpanThirdPartyProvider { color: #663300; font-weight: bold; } .SpanDefault { color: #663300; font-weight: bold; } .HeaderInLine { background-image: url("../images/dark_gray_gradient_background_small.png"); background-color: #333333; color: #EEEEEE; } /* User defined for the header table at the top of most of the forms. -------------------------------------------------------------------*/ table.UserDef input, table.UserDef select { width: auto; min-width: initial; } .inputDef { width: auto; min-width: initial; } table.None { } table.Info { width: 700px; } .Info td { text-align:center; padding: 0px; vertical-align:middle; border:1px solid #5E5E5E; } .Info thead th, thead td { background-color:#5E5E5E; font-size: 1.0em; color: #fff; padding: 0px; border:1px solid #5E5E5E; } rbl label { width: 10%; } rbl input { width: 5%; } .regTableLabel { font-weight: bold; text-align: right; } .regTableVal { text-align: left; } /* Reports */ .report th { text-align: center; padding: 1px 2px 1px 2px; border-style: solid; border-color: #EEEEEE; border-width: 1px;} .report td { padding: 1px 2px 1px 2px; border-style: solid; border-color: #EEEEEE; border-width: 1px;} .report td.strong { font-weight: bold; } .report td a { text-decoration: none; color: #000000; } .report td a:hover { text-decoration: underline; } .report tbody tr:hover { background: #F9D9AD; color: #000000;} .reportheading { /* Use important here because we have markup with table inside table. Then hover overrides theader style in child table */ background-image: url("../images/dark_gray_gradient_background_small.png") !important; background-color: #333333; } .reportheading th { color: #EEEEEE; font-size: 10pt; } .reportheading th:hover { color: #F9D9AD; } .reportrow1 { background: #94B3CE; font-size: 10pt; color: #000000; } .reportrow2 { background: #CCCCCC; font-size: 10pt; color: #000000; } .reportrowError { background: #660000; font-size: 10pt; color: #EEEEEE; } .reportrowalert { background: #990000; font-size: 10pt; color: #FFFFFF; font-weight: bold; } .reportrowalert a { background: #990000; font-size: 10pt; color: #FFFFFF; font-weight: bold; } .reportrowRemind { background: #EEBB55; font-size: 10pt; } .reportrowWarning { background: #CCCC66; font-size: 10pt; } .reportrowInfo { background: #75B85F; font-size: 10pt; color: #000000; font-weight: bold; } .reportrowScheduled { background: #A090D1;/*#AA00FF;#BF00FF;*/ /*color: #FFFFFF;*/ font-size: 10pt; } .rowPreferred { background: #75B85F; font-size: 10pt; color: #000000; } .midLateETAFailed { background: #4e005c; color: #FFFFFF; } .error { color: #DE2931; font-weight: bold; } .reportrowOpen { background: #CCFFCC; font-size: 10pt; } .reportfooter { background-color: #333333; color: #FFFFFF; } .inline { display: inline; vertical-align: top;} .hidden { display: none; } /* Form -------------------------------------------------------------------*/ input[type='text'], input[type='password'], input[type='file'], input[type='number'], textarea, select { background-color: #f6f6f6; border: 1px solid #929292; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 5px; } input[type='text'] {width: 20%} input.medium {width: 33%} input.fifty {width: 50%} input.large {width: 95%; width: -moz-available;} select {min-width: 20%} select.small {padding:2px 1px} .infobar {color: #8F8F8F; font-size: 0.833em; display: block; padding-bottom: 3px;} .nested ul, .nested ol {margin-left: 2em} span.vanadium-advice {margin-left: 15px} span.vanadium-invalid {background: url("../images/fugue/cross.png") no-repeat scroll left center transparent; padding:1px 0 1px 18px} input.vanadium-valid + span {background: url("../images/fugue/tick.png") no-repeat scroll left center transparent; padding:1px 0 1px 18px} .upload {display: inline} .realupload {position: relative;left: -21%;opacity:0;-moz-opacity:0;filter:alpha(opacity:0);z-index:2;width:20%;} .fakeupload {background-image:url(../images/form/selectfile.png);background-position: 100% 50%;background-repeat:no-repeat;} .inputHighlight {color: #959595 !important} /* Login Page -------------------------------------------------------------------*/ #loginpage {background-image: url(../images/login_bg.png); background-repeat: no-repeat; background-position: top center;} #loginpage img {position: relative; top: 130px} #login {margin-top: 170px} #login .widget_content {width: 85%; margin: 5px auto 10px;} #login label {margin-top: 10px; } #login label.left {margin-top: 5px} #loginpage input[type=text], #loginpage input[type=password] {width:270px; width:-moz-available} #login input[type=submit] {padding: 4px 10px; margin: 10px 0 10px} /* Footer -------------------------------------------------------------------*/ footer {background: #121212; color: #fff; font-size: 0.9em;} footer a {color: #aaa} /* Gallery -------------------------------------------------------------------*/ .gallery {display: block;} .gallery .btn {display: none} .gallery li {width: 106px; display: inline-block; margin: 10px 0; float: left;zoom: 1;*display:inline; position:relative;} .gallery li .hor-list li {display: inline !important; float: none !important; width: 3.5em} .gallery li img {height: 80px; width: 80px; display: block; background: #fafafa; padding: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #dfdfdf; margin: 0 auto;} .gallery li .hor-list {text-align: center; color: #999} .gallery .btn {box-shadow:inset 0 1px 0 0 #5fa1ce; -moz-box-shadow:inset 0 1px 0 0 #5fa1ce; -webkit-box-shadow:inset 0 1px 0 0 #5fa1ce} .img_options {position: absolute; z-index: 99; top: 15px;} .img_options li {float: none; text-align: center; display: block; margin: 7px 0} .grid_16 .gallery li {width: 114px;} .grid_15 .gallery li {width: 107px;} .grid_14 .gallery li {width: 113px;} .grid_13 .gallery li {width: 122px;} .grid_12 .gallery li {width: 112px;} .grid_11 .gallery li {width: 123px;} .grid_10 .gallery li {width: 111px;} .grid_9 .gallery li {width: 124px;} .grid_8 .gallery li {width: 109px;} /* Search -------------------------------------------------------------------*/ header .search { /* background: url("../images/form/h_search.png") no-repeat transparent !important; */ /* Remove for semi-transparent search */ border: 0 none !important; box-shadow: none !important; color: #DDDDDD; width: 200px !important; padding:7px 25px 8px 5px; margin-top: 10px; font-family: Tahoma; font-size: 12px; color: #545454; } .search, .dataTables_filter input[type='text'] { border: 1px solid #b6b6b6; border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px; padding: 3px 20px 3px 3px; background: url(../images/custom/search_s.png) no-repeat 98% center #fff !important; box-shadow: 0 1px 1px #BBBBBB inset; -moz-box-shadow: 0 1px 1px #BBBBBB inset; -webkit-box-shadow: 0 1px 1px #BBBBBB inset; float: right; } .widget_options .search {padding: 3px 5px} /* Sidebar -------------------------------------------------------------------*/ #sidebar{position:absolute;top:0;left:0;width:204px;height:100%;background-image: url(../images/menu/sidebar_bg.png); background-repeat: repeat-y; background-position: top right} @media screen{ body>div#sidebar{position:fixed;} } * html body{overflow:hidden;} * html #wrap{height:100%;overflow:auto;} #wrap.sidebarred {margin-left: 204px;} /* same as width of #sidebar */ .sidebarred #pagetitle {margin-top: 20px;padding: 15px 10px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px; } .sidebarred #pagetitle h1 {line-height: 1.2em} #sidebar nav {margin-top: 0} #sidebar #user {width: 184px; padding: 12px 12px 12px 8px; background: url(../images/menu/sidebar_top.png) no-repeat top left} #sidebar .username a {display: block} #sidemenu {display: block; width:204px;} #sidemenu .icon {float: right} #sidemenu .icon img {vertical-align: bottom} #sidemenu .title, #sidemenu li li a {font-size: 12px} #sidemenu li {position: relative; display: block; width: 202px;} /* width of #sidebar */ #sidemenu li a {padding: 10px; color: #777;} #sidemenu li ul {display: block; } #sidemenu .notification {top: 4px; left: auto; right:23px} #sidemenu .active a {background: url(../images/menu/sidebar_acc_border.png) bottom repeat-x; } #sidemenu .active {background: url(../images/menu/sidebar_acc_border.png) top repeat; } #sidemenu li.sep {border-top: 1px solid #000000} #sidemenu li li {background: url(../images/menu/bullet.png) 12px center no-repeat;} #sidemenu li li a {display: block; background: url(../images/menu/sidebar_acc_active.png); padding: 5px 0px 5px 25px;} /**************************** ***** begin rest of internal style.css *****************************/ .dropzone { width: 84px; height: 112px; border: 2px dashed #cccccc; color: #cccccc; text-align: center; } .dropzone.dragover { border-color: #000000; color: #000000; } .tirePixLargeImgPanel { text-align: center; display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(100,100,100, 0.5); } input.disableInput { background-color: #d8d8d8; } select.disableInput { background-color: #d8d8d8; } input[type=button]:disabled.disableButton { background: #d8d8d8; color: #5e5e5e; } button[type=button]:disabled.disableButton { background: #d8d8d8; color: #5e5e5e; } .disabled { opacity: 0.5; pointer-events: none; } .flex-wrapper { display: flex !important; flex-wrap: wrap; } .tooltipPopup { display: none; position: absolute; z-index: 99999; padding: 5px; background: #ffffff; border: 2px solid #262c3c; border-radius: 5px; max-width: 300px; font-size: 12px; font-family: Verdana,Arial,sans-serif; line-height: 1.5; font-weight: 400; color: black; font-style: normal; margin: 0px; } .separator { display: flex; align-items: center; text-align: center; } .separator::before, .separator::after { content: ''; flex: 1; border-bottom: 1px solid #000; } .separator::before { margin-right: .25em; } .separator::after { margin-left: .25em; } .table-footer { font-size: 0.75rem !important; font-family: tahoma, arial, helvetica, sans-serif !important; } .disable-pointer-events { pointer-events: none; } tr:has(.group-children-row) div { max-height: 0; box-sizing: border-box; overflow: hidden; transition: max-height .6s; } tr:has(.group-children-row) td { padding: 0; border-width: 0; } tr:has(.group-children-row.expand) td { border-width: 1px; } tr:has(.group-children-row.expand) div { max-height: 150px; } .load-dealers-disabled { width: auto; background: #AAAAAA !important; color: #797979 !important; border: 0px !important; text-shadow: none !important; box-shadow: none !important; cursor: default !important; } .new-dealers-loaded { border-left: 4px solid #659832; padding: 0 0 0 2px; } .dealers-loaded { display: flex; flex-direction: column; justify-content: center; min-height: 70px; } .arrowless-input::-webkit-outer-spin-button, .arrowless-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } textarea:disabled { opacity: 0.7; } .extendeta-and-followup-deferral-disabled { background: #AAAAAA !important; color: #797979 !important; border: 0px !important; text-shadow: none !important; box-shadow: none !important; cursor: default !important; } details.widget summary.widget_title { cursor: pointer; position: relative; } details.widget summary.widget_title::before { content: ""; position:absolute; top: 50%; right: 1.5em; display: block; width: 16px; height: 16px; margin: -8px; background-image: url(jquery/custom-theme/images/ui-icons_d4d4d4_256x240.png); background-position: -64px 0; } details[open].widget summary.widget_title::before { transform: rotate(180deg); }