.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 36px; height: 19px; 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: 11px; border: 0; background: url(../../img/gen-slider_sprite.png) no-repeat 0 0;}
.ui-slider-horizontal .ui-slider-handle { top: -3px; margin: 0 0 0 -18px; border: 0; background: url(../../img/gen-slider_sprite.png) no-repeat 0 -11px;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: url(../../img/gen-slider_sprite.png) no-repeat 0 0;}
.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; }

.gen-slider {
	width: 204px;
	margin: 2px 18px 6px 18px;
	float: left;
}

.gen-slider .ui-state-focus {
	background: url(../../img/gen-slider_sprite.png) no-repeat 0 -11px;
}

.gen-slider .ui-state-hover, .gen-slider .ui-state-active{
	background: url(../../img/gen-slider_sprite.png) no-repeat 0 -11px;
}