/* Slider
----------------------------------*/
.ui-slider { position: relative; top:23px; float:left; text-align: left; }
#co2_range { top:6px; margin-left:9px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:14px; height:14px; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; width:120px; border: 0; }

.ui-slider-horizontal { width:130px; height:9px; margin:0 10px 0 0; }
.ui-slider-horizontal .ui-slider-handle { top:-3px; margin-left:-7px; }
.ui-slider-horizontal .ui-slider-range { top:1px; height: 7px; opacity:.5; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { background: #ffffff url('../images/backgrounds/slider.gif') no-repeat 0 0; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { background: #00A5D4; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { background:transparent url('../images/backgrounds/handle_default.png') no-repeat 0 0; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background:transparent url('../images/backgrounds/handle_active.png') no-repeat 0 0; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background:transparent url('../images/backgrounds/handle_active.png') no-repeat 0 0; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }