/* Slider
----------------------------------*/
.ui-slider { position: relative; margin:5px 28px;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; font-size: 0; width: 56px; height: 18px; cursor: default;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0; display: block; border: 0; }

.ui-slider-horizontal { height: 5px; }
.ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -28px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 5px; font-size: 0;}
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Component containers
----------------------------------*/
.ui-widget-content {border: 1px solid #aaaaaa; background: #ffffff;}
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc;}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {background: url(img/slider.gif) no-repeat; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {background: url(img/slider.gif) no-repeat;}
.ui-state-active, .ui-widget-content .ui-state-active {background: url(img/slider.gif) no-repeat;}

.slider {position: relative;}
.breakline {background: url(img/break.gif) repeat-y; width:6px; position: absolute; top:15px; z-index:5;}