body{ background-color:#eceef1; } .cl { clear:both; font-size:1px; height:1px; line-height:1px; } .ui-widget-header { background: #e6e8eb url(custom_images/header_bg.jpg) repeat-x left center; color: #6e7073; font-weight: bold; font-size:15px; text-shadow:1px 1px 0px #fff; height:43px; line-height:42px; display:block; } .ui-widget-content{ background: #f5f7f9; } .ui-widget.ui-widget-content { border: 1px solid #d3d5d7; color: #505a69; -webkit-box-shadow: 0px 0px 5px 0px #d3d5d7; box-shadow: 0px 0px 5px 0px #d3d5d7; } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_666666_256x240.png); } .ui-state-default .ui-icon { background-image:url(images/ui-icons_9e9e9e_256x240.png); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #3C78BF; } a.ui-dialog-titlebar-close:hover{ background:#f4f4f4; border:1px solid #bcc0c4; } /* #Dialog ===============================================*/ .ui-dialog { padding: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0; } .ui-dialog .ui-dialog-title{ text-align:center; display:block; float:none; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; border:none; } /* #Overlay ===============================================*/ .ui-widget-shadow.ui-corner-all{ background:none; } /* #Slider ===============================================*/ .ui-slider-handle.ui-state-default{ border:none; background:url(custom_images/slider_element.png) no-repeat left top; width:20px; height:20px; cursor:w-resize; } .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; background:url(custom_images/slider_bg.jpg) repeat-x left top; -webkit-box-shadow: none; box-shadow: none; height:12px; border:none; border-bottom:1px solid #fff; } .ui-slider-range-min{ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; color: #ffffff; background-color: #3c78bf; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5699e9), to(#3c78bf)); background-image: -moz-linear-gradient(top, #5699e9, #3c78bf); background-image: -ms-linear-gradient(top, #5699e9, #3c78bf); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5699e9), color-stop(100%, #3c78bf)); background-image: -webkit-linear-gradient(top, #5699e9, #3c78bf); background-image: -o-linear-gradient(top, #5699e9, #3c78bf); background-image: linear-gradient(top, #5699e9, #3c78bf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5699e9', endColorstr='#3c78bf', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #3c78bf #3c78bf #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } /* #Progress bar ===============================================*/ .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; color: #ffffff; background-color: #3c78bf; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5699e9), to(#3c78bf)); background-image: -moz-linear-gradient(top, #5699e9, #3c78bf); background-image: -ms-linear-gradient(top, #5699e9, #3c78bf); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5699e9), color-stop(100%, #3c78bf)); background-image: -webkit-linear-gradient(top, #5699e9, #3c78bf); background-image: -o-linear-gradient(top, #5699e9, #3c78bf); background-image: linear-gradient(top, #5699e9, #3c78bf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5699e9', endColorstr='#3c78bf', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #3c78bf #3c78bf #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } /* #Datepicker ===============================================*/ .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{ -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; border:none; } .ui-datepicker .ui-datepicker-header{ padding:0; } .ui-datepicker{ padding:0; } .ui-datepicker .ui-datepicker-title{ margin-top:10px; font-size:13px; } .ui-datepicker-prev, .ui-datepicker-next{ margin-top:6px; cursor:pointer; } /* #Tabs ===============================================*/ .ui-tabs, .ui-tabs .ui-tabs-nav{ padding:0; } .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{ height:auto; border:none; width:88px; } .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all li{ line-height:16px; /*min-height:17px; height:auto !important; height:17px;*/ text-align:center; text-shadow:none; font-size:13px; margin-bottom:14px; float:none; padding:0px 0; display:block; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; font-weight:normal; background:none; } li.ui-state-default.ui-corner-top{ color:#505a69; position:relative; } .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{ background:none; width:91px; display:inline-block; position:relative; float:left; overflow:visible; padding-top:17px; padding-bottom:17px; z-index:+1; } .ui-tabs .ui-tabs-nav li{ border-bottom: 1px solid #dee1e4 !important; width:88px; top:0; left:2px; } .ui-tabs .ui-tabs-nav li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active{ border-right:1px solid #E8ECEF; background:#E8ECEF; } .ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active{ color:#6e7073; } .ui-tabs.ui-widget.ui-widget-content.ui-corner-all{ -webkit-box-shadow: none; box-shadow: none; border:none; } .ui-tabs-panel.ui-widget-content.ui-corner-bottom{ background:#e8ecef; border:1px solid #dee1e4; position:relative; float:left; width:auto; min-height:161px; height:auto !important; height:161px; max-width:218px; padding:32px 27px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; color:#6e7073; } .ui-tabs-nav .ui-state-hover{ border:1px solid #dee1e4; } .ui-tabs .ui-tabs-nav li a{ display:block; padding:12px 14px; text-align:center; float:none; color:#6e7073; } .ui-tabs .ui-tabs-nav li a:hover{ color:#505a69; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active a:hover{ color:#6e7073; } .ui-tabs .ui-state-default.ui-corner-top.ui-state-focus{ border:1px solid #dee1e4; } /* #Select menu ===============================================*/ a.ui-selectmenu, a.ui-selectmenu:hover, a.ui-selectmenu:visited, a.ui-selectmenu:link, a.ui-selectmenu:focus{ border: 1px solid #bcc0c4; background: #fff; -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1); color:#3C78BF; text-decoration:none; padding-top:2px; position:relative; float:left; margin-right:6px; } .ui-selectmenu-menu, .ui-selectmenu-menu li{ background:#fff; }