/* NEWS LIST FILTER SLIDER */
/* This parts skins the Release Date slider for the news list filter */
#releaseDateSliderContainer.loaded,
#releaseDateSlider .sliderRange,
#releaseDateSlider .sliderHandle{
	background-image: url('../../assets/sprites/sprite_slider.png')!important;
	background-image: url('../../assets/sprites/sprite_slider_ie6.png'); /* IE 6 HACK */
}




#releaseDateSliderContainer {
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
}

#releaseDateSlider.sliderContainer {
	height: 38px;
	width: 258px;
	margin-left: 10px;
	z-index: 1;	
	cursor: pointer;
}


#releaseDateSlider .sliderRange {
	height: 7px;
	margin-top: 24px;
	background-position: left -200px; 
	z-index: 2;	
}

#releaseDateSlider .sliderOption {
	z-index: 4;
	cursor: pointer;
	background: #cbcbcb;
	width: 3px;
	height: 3px;
	margin-top: 25px;
}

#releaseDateSlider .sliderOptionLabel {
	font-size: 9px;
	z-index: 40;
	cursor: pointer;
	height: 20px;
	margin-top: -20px;
	white-space: nowrap;
}

/* adjust margin for first label - even if we have longer words */
#releaseDateSlider .sliderOptionLabel.label0 {
	margin-left: 23px;
	width: 50px;
}
/* adjust margin for last label - even if we have longer words */
#releaseDateSlider .sliderOptionLabel.label3 {
	width: 50px;
	margin-left: -20px;
	text-align: right;
}
#releaseDateSlider .sliderOptionLabel.hover {
	color: #226bd7;
}

#releaseDateSlider .sliderHandle {
	background-position: 0px -50px; 
	width: 16px;
	height: 16px;
	cursor: pointer;
	z-index: 4;
	float: left;
	margin-left: -6px;
	margin-top: 19px;
}

#releaseDateSlider .sliderHandle.proximity {
	background-position: 0px -100px; 
}
#releaseDateSlider .sliderHandle.hover {
	background-position: 0px -100px; 
}
#releaseDateSlider .sliderHandle.active {
	background-position: 0px -150px; 
}