/*
 * jQuery UI Slider 1.8.9
 *
 * 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
 */
 
.divStyle{
float:left;
height:14px;
margin-top:8px;
}

.divStyle1{
float:left;
height:20px;
margin:0px;
padding:0px:
}

.ui-slider_WB { position: relative; text-align: left; 
width:179px;
height:14px;
background:url('./image/slider/sliderBase1.png') no-repeat;
}

.ui-slider { position: relative; text-align: left; 
width:66px;
height:14px;
background:url('./image/slider/sliderBase.png') no-repeat;
}

.ui-slider .ui-slider-handle {
position: absolute; 
z-index: 2; 
cursor: default; 
}

.ui-slider_WB .ui-slider-handle {
position: absolute; 
z-index: 2; 
cursor: default; 
}

.ui-slider .ui-slider-handle-bg {
width:10px;
height:25px;
background-image:url('./image/slider/slider1.png');
}

.ui-slider_WB .ui-slider-handle-bg {
width:10px;
height:25px;
background-image:url('./image/slider/slider1.png');
}

.ui-slider .ui-slider-handle-bg2 {
width:14px;
height:14px;
background-image:url('./image/slider/slider2.png');
}

.ui-slider_WB .ui-slider-handle-bg2 {
width:14px;
height:14px;
background-image:url('./image/slider/slider2.png');
}

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider_WB .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height:14px;}
.ui-slider-horizontal .ui-slider-handle {margin-left: -5px;}

/*motion detection scroll bar.*/
.scrollBar{height:4px;overflow:hidden;}

.ui-scroll { position: relative;height:5px;text-align: left;}
.ui-scroll-horizontal { height: 4px;}
.ui-scroll-header {
border: 2px solid #58EC33;
background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; 
color: #ffffff; font-weight: bold; }

.ui-scroll-header-event {
border: 2px solid #FF0000; 
background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; 
color: #ffffff; font-weight: bold; }

.ui-scroll-Red-header {
border: 2px solid #FF0000;
background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; 
color: #ffffff; font-weight: bold; }
