/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; cursor:pointer; z-index:1}
.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: 26px}
.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-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.priceRangeHolder, .areaRangeHolder{
	background:url(../../../images/bckg_slider.png) left top no-repeat;
	padding:0 0 0 10px;
}
.priceRangeHolder ol, .areaRangeHolder ol{
	display:none;
}
.priceRangeHolder .ui-slider .ui-slider-range, .areaRangeHolder .ui-slider .ui-slider-range{
	background:url(../../../images/bckg_slider-range.gif) right top repeat-x;
	top:6px;
	position:relative;
}
.priceRangeHolder .priceRangeCont, .areaRangeHolder .areaRangeCont{
	background:url(../../../images/bckg_slider.png) right top no-repeat;
	padding:0 11px 0 3px;
	height:27px
}

.priceRangeHolder .ui-slider .ui-slider-handle, .areaRangeHolder .ui-slider .ui-slider-handle{
	display:block;
	float:left;
	width:13px;
	height:22px;
	top:.3em;
	text-decoration:none;
	overflow:visible;
	cursor:pointer;
	outline:0;
}
.priceRangeHolder .ui-slider .ui-slider-handle .ui-slider-tooltip, 
.areaRangeHolder .ui-slider .ui-slider-handle .ui-slider-tooltip{
	margin-top:28px;
	display:block;
	font-size:1em;
}
.priceRangeHolder .ui-slider .ui-slider-handle .ui-slider-tooltip span, 
.areaRangeHolder .ui-slider .ui-slider-handle .ui-slider-tooltip span{
	font-weight:bold;
	font-size:.9em;
	color:#333333;
	width:60px;
	display:block;
	margin:-23px 0 0 -23px;
	text-align:center;
	position:relative;
}
.priceRangeHolder .ui-slider .ui-slider-handle .screenReaderContext, .areaRangeHolder .ui-slider .ui-slider-handle .screenReaderContext{
	background:url(../../../images/sprites.gif) -159px -8px no-repeat;
	display:block;
	width:13px;
	height:22px;
	position:relative;
}
