
.ui-slider { 
position: relative; 
text-align: left; 
}

.ui-slider .ui-slider-handle { 
position: absolute; 
z-index: 2; 
width: 20px; 
height: 20px; 
cursor: poiner; 
}

.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: 8px; 
}

.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; 
}

.slider{
float: left;
margin-left: 13px;
}

.slider-left{
float: left;
margin-left: 13px;
}

.margin_top{
width: 30px!important;
height: 20px;
}

.margin-left{
width: 30px!important;
height: 20px;
}


/* Component containers
----------------------------------*/

.ui-widget-cont { 
width: 300px;
height: 15px;
background: url(../images/slider_counter.png) no-repeat; 
margin: 0 0 10px 10px;
}

.ui-widget-cont a { 
color: #222222; 
}

.ui-widget-header { 
border: 1px solid #ccc; 
background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
color: #222222; 
font-weight: bold; 
}

.ui-widget-header a { 
color: #222222; 
}


/* Interaction states
----------------------------------*/

.ui-state-def, .ui-widget-cont .ui-state-def, .ui-widget-header .ui-state-def { 

background: url(../images/slider_handler.png) no-repeat; 

}

.ui-state-def a, .ui-state-def a:link, .ui-state-def a:visited { 
color: #555555; 
text-decoration: none; 
}

.ui-state-hov, .ui-widget-cont .ui-state-hov, .ui-widget-header .ui-state-hov, .ui-state-foc, .ui-widget-cont .ui-state-foc, .ui-widget-header .ui-state-foc { 
background: url(../images/slider_handler_hover.png) no-repeat; 
}

.ui-state-hov a, .ui-state-hov a:hover { 
color: #212121; 
text-decoration: none; 
}

.ui-state-act, .ui-widget-cont .ui-state-act, .ui-widget-header .ui-state-act { 
background: url(../images/slider_handler_hover.png) no-repeat; 
}

.ui-state-act a, .ui-state-act a:link, .ui-state-act a:visited { 
color: #212121; 
text-decoration: none; 
}

.ui-widget :active { 
outline: none; 
}

.SliderText{
width: 25px!important;
height: 20px!important;
float: right;
margin: -8px 7px 0px 0!important;
border-radius: 3px;
}

input.SliderText:focus{
padding: 4px!important;
border: none!important;
}


