/* r.a.d.slider Web 2.0 skin */

/* -------------------------------------------------------- GLOBAL SLIDER CLASSES -------------------------------------------------------- */
.RadSlider_Web20 a
{
	cursor: hand;
}

.RadSlider_Web20 a.handle
{
	width: 20px; height: 20px;
	background-color: transparent;
	background-image: url(Slider/Handles.gif);
	background-repeat: no-repeat;
}

.RadSlider_Web20 .decrease
{
	background-position: 0 0;
}

.RadSlider_Web20 .increase
{
	background-position: 0 -20px;
}

.RadSlider_Web20.horizontal .selectedregion
{
	background: #dcfc5c;
	height: 7px;
}

.RadSlider_Web20.vertical .selectedregion
{
	background: #dcfc5c;
	width: 7px;
}

/* -------------------------------------------------------- GLOBAL SLIDER CLASSES END ----------------------------------------------------- */

/* -------------------------------------------------------- HORIZONTAL SLIDER CLASSES -------------------------------------------------------- */
.RadSlider_Web20.horizontal
{
	height: 20px;
}

.RadSlider_Web20.horizontal a.draghandle
{
	top: 0;	
	width: 28px; height: 20px;
	margin-top: -6px;
	background-image: url(Slider/DragHandle.gif);
	background-repeat: no-repeat;
}

.RadSlider_Web20.horizontal a.draghandle:hover
{
	background-position: 0 -20px;
}

.RadSlider_Web20.horizontal .track
{
	left: 20px; top: 0;
	margin-top: 6px;
	height: 7px;
	background: #e8eef6;
	border-top: solid 1px #a5bedf;
	border-bottom: solid 1px #a5bedf;
}
/* -------------------------------------------------------- HORIZONTAL SLIDER CLASSES END ---------------------------------------------------- */

/* -------------------------------------------------------- VERTICAL SLIDER CLASSES -------------------------------------------------------- */
.RadSlider_Web20.vertical
{
	width: 20px;
}

.RadSlider_Web20.vertical .track
{
	top: 20px; left: 0px;
	width: 7px;
	margin-left: 6px;
	background: #e8eef6;
	border-left: solid 1px #a5bedf;
	border-right: solid 1px #a5bedf;
}

.RadSlider_Web20.vertical a.draghandle
{
	top: 0;
	margin-left: -7px;
	width: 20px; height: 28px;
	background: url(Slider/DragVerticalHandle.gif) no-repeat;
}

.RadSlider_Web20.vertical a.draghandle:hover
{
	background-position: -20px 0;
}

/* -------------------------------------------------------- VERTICAL SLIDER CLASSES END ----------------------------------------------------- */