﻿/* r.a.d.slider Web 2.0 skin */

.RadSlider_Web20 a span
{
    display: inline !important;
    color: #ffffff;
}

.RadSlider_Web20 a.draghandle span
{
    color: #d4d4d4;
}

.RadSlider_Web20 td
{
    text-align: right;
}

/* -------------------------------------------------------- GLOBAL SLIDER CLASSES -------------------------------------------------------- */
.RadSlider_Web20 a
{
	cursor: hand;
}

.RadSlider_Web20 a.handle
{
	width: 20px; height: 20px;
	background-color: transparent;
	background-image: url(Images/SliderHandle.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(Images/SliderDragHandle.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(Images/SliderDragHandle.gif);
}

.RadSlider_Web20 .vertical a.draghandle:hover
{
	background-position: -20px 0;
}

/* -------------------------------------------------------- VERTICAL SLIDER CLASSES END ----------------------------------------------------- */