.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.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; }

.ui-widget { font-size: 1.1em; }
.ui-widget-content { border: 1px solid #000; background: #DAE9FF; color: #222; }
.ui-widget-header  { border: 1px solid #000; background: #7EA5FF; color: #222; font-weight: bold; }

.ui-state-default, .ui-widget-content .ui-state-default { 
    border: 1px solid #000; background: #CB9999; font-weight: normal; color: #555; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
    border: 1px solid #000; background: #CB6666; font-weight: normal; color: #212121; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { 
    border: 1px solid #000; background: #CB4242; font-weight: normal; color: #212121; outline: none; }

.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }