@charset "UTF-8";

/*
Version: 28 Dec 2010
*/

.slider-container {
	background-image: url(../../_images/slider/track-begin.gif);
	background-position: .9em 0;
	visibility: hidden;
}
	.is-loaded .slider-container {
		visibility: visible;
	}
	.ui-widget-content {
		background-color: transparent;
		background-image: url(../../_images/slider/track.gif);
		background-position: 100% 0;
		cursor: pointer;
		margin: 0 1.1em 0 .9em;
	}
		.ui-slider-range {
			background-image: url(../../_images/slider/track-range.gif);
			background-repeat: repeat-x;
			background-position: 0 4px;
		}

/* Interaction states
---------------------------------- */
.ui-state-default, .ui-widget-content .ui-state-default {
	background-image: url(../../_images/slider/handle.png);
	cursor: pointer;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-state-active, .ui-widget-content .ui-state-active {
	/*cursor: col-resize;*/
	/*cursor: move;*/
	cursor: pointer;
}

/* ---------------------------------- */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
}
.ui-slider {
	position: relative;
	text-decoration: none !important;
}
	.ui-slider .ui-slider-handle {
		height: 18px;
		position: absolute;
		width: 9px;
		z-index: 2;
	}
	.ui-slider .ui-slider-range {
		border: 0;
		display: block;
		position: absolute;
		z-index: 1;
	}

.ui-slider-horizontal {
	height: 10px;
}
	.ui-slider-horizontal .ui-slider-handle {
		top: -6px;
		margin-left: -4px;
	}
	
.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-slider .ui-slider-handle  {
	overflow: visible !important;
}
.ui-slider .screenReaderContext {
	height: 0;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 0;
}

/* ---------------------------------- */
.slider-container ul.legend {
	font-size: 90%;
	margin-top: -1em;
}
	.slider-container ul.legend li {
		float: left;
		padding-top: 1.8em;
		width: 25%;
	}
		.slider-container ul.legend li:last-child,
		.slider-container ul.legend li.last-child {
			text-align: right;
		}
		.slider-container ul.legend li.use-tick {
			background-image: url(../../_images/slider/track-tick.gif);
		}
		
	.slider-container ul.legend a, .slider-container ul.legend a:visited, .slider-container ul.legend a:hover, .slider-container ul.legend a:active {
		color: #515151;
	}