.ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; } .ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(../ui/slider-handle.gif); outline:none; } .ui-slider-handle-active { border: 1px dotted black; } .ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); } .ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }  .ui-slider, .ui-slider-1 { background-image: url(../ui/slider-bg-1.png); } .ui-slider-2 { background-image: url(../ui/slider-bg-2.png); }   .ui-slider { text-decoration: none !important; } .ui-slider-handle { overflow: visible !important; margin-left:-6px; } .ui-slider-tooltip { display: none; } .ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip { display: block; position: absolute; top: -25px; text-align: center; padding: .2em; font-size: .9em; width: 8em; margin-left: -4em; } .ui-slider a { text-decoration: none; } .ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt { list-style: none; margin: 0; padding: 0; } .ui-slider ol, .ui-slider dl { position: relative; top: 1.3em; width: 100%; } .ui-slider dt { top: 1.5em; position: absolute; padding-top: .2em; text-align: center; border-bottom: 1px dotted #ddd; height: .7em; color: #999; } .ui-slider dt span { background: #fff; padding: 0 .5em; } .ui-slider li, .ui-slider dd { position: absolute; overflow: visible; color: #666; } .ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label { display: none; } .ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show { display: block; } .ui-slider span.ui-slider-tic { position: absolute; left: 0; height: .8em; top: -1.3em; } .ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content { border-right: 0; border-left-width: 1px; border-left-style: solid; border-top: 0; border-bottom: 0; } .ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic { display: none; }