#demo-frame > div.demo { padding: 10px; }
/* Slider
----------------------------------*/

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

.ui-slider-horizontal { height: 1em; }
.ui-slider-horizontal .ui-slider-handle { top: -.4em; 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-family: Verdana,Arial,sans-serif; font-size: .9em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 0.8em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff }
.ui-widget-content a { color: #920100; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #920100}
.ui-widget-header a { color: #920100}

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #aaaaaa; background: #ffffff; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #920100; background: #ffffff; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #aaaaaa; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #920100; background: #ffffff; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #aaaaaa; outline: none; text-decoration: none;}