/* Misc visuals
----------------------------------*/

/* Overlays */
.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; background-position: 0 0; }

.ui-slider-horizontal { height: .8em;  }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -14px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }



/* Component containers
----------------------------------*/
.ui-widget-content {
	width: 275px; height: 10px;
	background: #cddadd;
	border-bottom: 1px solid #f6f9fa;
	box-shadow: inset 0 2px 3px #a1b1b4, inset 0 -1px 0 #c6d3d6;
	cursor: pointer;
}

.ui-widget-header {
	border-radius: 6px;
	/*background: #abbec3;*/
	border-bottom: 1px solid #f6f9fa;
	box-shadow: inset 0 2px 3px #7e9297, inset 0 -1px 0 #a4b7bc; }



/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: url(../img/progress-hold.png);
	width: 27px; height: 27px;
	margin-top: -5px;
	cursor: pointer;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: url(../img/progress-hold.png); no-repeat;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: url(../img/progress-hold.png); no-repeat;
}




/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }