/* r.a.d.slider Default skin */

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

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

/* -------------------------------------------------------- HORIZONTAL SLIDER CLASSES -------------------------------------------------------- */
.RadSlider_SkinScroll.horizontal
{
	height: 21px; line-height: 21px;
}

.RadSlider_SkinScroll.horizontal a.handle
{
	width: 11px; height: 22px;
	background-image: url(Slider/Handles.gif);
	background-repeat: no-repeat;
}

.RadSlider_SkinScroll.horizontal .decrease
{
	background-position: 0 0;
}

.RadSlider_SkinScroll.horizontal .decrease:hover
{
	background-position: -22px 0;
}

.RadSlider_SkinScroll.horizontal .decrease:active,
.RadSlider_SkinScroll.horizontal .decrease:focus
{
	background-position: -44px 0;
}

.RadSlider_SkinScroll.horizontal .increase
{
	background-position: -11px 0;
}

.RadSlider_SkinScroll.horizontal .increase:hover
{
	background-position: -33px 0;
}

.RadSlider_SkinScroll.horizontal .increase:active,
.RadSlider_SkinScroll.horizontal .increase:focus
{
	background-position: -55px 0;
}

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

.RadSlider_SkinScroll.horizontal a.draghandle:hover
{
	background-position: -9px 0;
}

.RadSlider_SkinScroll.horizontal a.draghandle:active,
.RadSlider_SkinScroll.horizontal a.draghandle:focus
{
	background-position: -18px 0;
}

.RadSlider_SkinScroll.horizontal .track
{
	left: 11px; top: 0;
	height: 2px;
	margin-top: 9px;
	background: #fff url(<%=WebResource("Telerik.Web.UI.Skins.Default2006.Slider.TrackBgr.gif") repeat-x left bottom;
	border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #bbb;
}

.RadSlider_SkinScroll.horizontal .selectedregion
{
	background: #dfdfdf;
	height: 2px;
}

/* -------------------------------------------------------- HORIZONTAL SLIDER CLASSES END ---------------------------------------------------- */

/* -------------------------------------------------------- VERTICAL SLIDER CLASSES ---------------------------------------------------------- */
.RadSlider_SkinScroll.vertical
{
	width: 21px;
}

.RadSlider_SkinScroll.vertical .handle
{
	width: 22px; height: 11px; line-height: 11px;
	background-image: url(Slider/HandlesVertical.gif);
	background-repeat: no-repeat;
}

.RadSlider_SkinScroll.vertical .decrease
{
	background-position: 0 0;
}

.RadSlider_SkinScroll.vertical .decrease:hover
{
	background-position: 0 -22px;
}

.RadSlider_SkinScroll.vertical .decrease:active,
.RadSlider_SkinScroll.vertical .decrease:focus
{
	background-position: 0 -44px;
}

.RadSlider_SkinScroll.vertical .increase
{
	background-position: 0 -11px;
}

.RadSlider_SkinScroll.vertical .increase:hover
{
	background-position: 0 -33px;
}

.RadSlider_SkinScroll.vertical .increase:active,
.RadSlider_SkinScroll.vertical .increase:focus
{
	background-position: 0 -55px;
}

.RadSlider_SkinScroll.vertical .track
{
	top: 11px; left: 0px;
	width: 2px;
	margin-left: 9px;
	background: #000000 url(Slider/TrackVerticalBgr.gif) repeat-y right 0;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

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



.RadSlider_SkinScroll.vertical .selectedregion
{
	background: #dfdfdf;
	width: 2px;
}
/* -------------------------------------------------------- VERTICAL SLIDER CLASSES END ----------------------------------------------------- */