/* RadSlider WebBlue Skin */

/* horizontal slider */
.RadSlider_WebBlue .horizontal
{
	height: 20px;
}

.RadSlider_WebBlue .horizontal a.handle
{
	width: 22px; height: 20px;
	line-height:20px;
}

.RadSlider_WebBlue .horizontal .decrease
{
	background: url('Slider/Handles.gif') no-repeat 0 0;
}

.RadSlider_WebBlue .horizontal .increase
{
	background: url('Slider/Handles.gif') no-repeat -22px 0;
}

.RadSlider_WebBlue .horizontal a.draghandle
{
	top: 0;
	margin-top: -1px;
	width: 14px; height: 20px;
	background: url('Slider/DragHandlesHorizontal.gif') no-repeat;
}

.RadSlider_WebBlue .horizontal a.draghandle:hover,
.RadSlider_WebBlue .horizontal a.draghandle:active
{
	background: url('Slider/DragHandlesHorizontal.gif') no-repeat -14px 0;
}

.RadSlider_WebBlue .horizontal .track,
.RadSlider_WebBlue .horizontal .rslItemsWrapper
{
	left: 22px;
}

.RadSlider_WebBlue .horizontal .track
{	
	height: 18px;
	background: #e8eef6 url('Slider/TrackHorizontalBgr.gif') repeat-x;
	border-top: solid 1px #6d7d8f;
	border-bottom: solid 1px #9aa6b5;
}

/* vertical slider */
.RadSlider_WebBlue .vertical
{
	width: 20px;
}

.RadSlider_WebBlue .vertical .handle
{
	width: 20px; height: 22px;
}

.RadSlider_WebBlue .vertical .decrease
{
	background: url('Slider/HandlesVertical.gif') no-repeat 0 0;
}

.RadSlider_WebBlue .vertical .increase
{
	background: url('Slider/HandlesVertical.gif') no-repeat 0 -22px;
}

.RadSlider_WebBlue .vertical a.draghandle
{
	left: 0px;
}

.RadSlider_WebBlue .vertical .track,
.RadSlider_WebBlue .vertical .rslItemsWrapper
{
	top: 22px;
}

.RadSlider_WebBlue .vertical .track
{	
	width: 18px;
	background: #e8eef6 url('Slider/TrackVerticalBgr.gif') repeat-y;
	border-left: solid 1px #6d7d8f;
	border-right: solid 1px #9aa6b5;
}

.RadSlider_WebBlue .vertical a.draghandle
{
	top: 0;
	margin-left: -1px;
	width: 20px; height: 14px;
	background: url('Slider/DragHandlesVertical.gif') no-repeat;
}

.RadSlider_WebBlue .vertical a.draghandle:hover,
.RadSlider_WebBlue .vertical a.draghandle:active
{
	background: url('Slider/DragHandlesVertical.gif') no-repeat 0 -14px;
}

/* Items */
.RadSlider_WebBlue .rslItem,
.RadSlider_WebBlue .rslLargeTick span
{
	color:#333;
}

.RadSlider_WebBlue .rslItemsWrapper .rslItemSelected
{
    color:#000;
}

/* horizontal slider items */
.RadSlider_WebBlue .horizontal .rslItem
{
	background-image:url('Slider/ItemHorizontalBgr.gif');
}

.RadSlider_WebBlue .rslMiddle .rslItem
{
	background-image:url('Slider/ItemMiddleBgr.gif');
}

/* vertical slider items */
.RadSlider_WebBlue .vertical .rslItem
{
	background-image:url('Slider/ItemVerticalBgr.gif');
}

.RadSlider_WebBlue .rslCenter .rslItem
{
	background-image:url('Slider/ItemCenterBgr.gif');
}

/* set width of the ticks */
.RadSlider_WebBlue .horizontal .rslSmallTick,
.RadSlider_WebBlue .horizontal .rslLargeTick
{
	width:1px;
}

.RadSlider_WebBlue .vertical .rslSmallTick,
.RadSlider_WebBlue .vertical .rslLargeTick
{
	height:1px;
}

/* horizontal slider - TrackPosition=Top/Bottom */
.RadSlider_WebBlue .rslTop .rslSmallTick,
.RadSlider_WebBlue .rslBottom .rslSmallTick
{
    background-image:url('Slider/SmallChangeHorizontal.gif');
}

.RadSlider_WebBlue .rslTop .rslLargeTick,
.RadSlider_WebBlue .rslBottom .rslLargeTick
{
    background-image:url('Slider/LargeChangeHorizontal.gif');
}

/* vertical slider - TrackPosition=Left/Right */
.RadSlider_WebBlue .rslLeft .rslSmallTick,
.RadSlider_WebBlue .rslRight .rslSmallTick
{
    background-image:url('Slider/SmallChangeVertical.gif');
}

.RadSlider_WebBlue .rslLeft .rslLargeTick,
.RadSlider_WebBlue .rslRight .rslLargeTick
{
    background-image:url('Slider/LargelChangeVertical.gif');
}

/* horizontal slider - TrackPosition=Center */
.RadSlider_WebBlue .rslMiddle .rslSmallTick
{
	background-image:url('Slider/SmallChangeMiddleHorizontal.gif');
}

.RadSlider_WebBlue .rslMiddle .rslLargeTick
{
	background-image:url('Slider/LargeChangeMiddleHorizontal.gif');
}

.RadSlider_WebBlue .rslMiddle a.handle,
.RadSlider_WebBlue .rslMiddle div.track
{
	/* half of the height of the handle/track */
	margin-top:-10px;
}

/* vertical slider - TrackPosition=Center */
.RadSlider_WebBlue .rslCenter .rslSmallTick
{
    background-image:url('Slider/SmallChangeCenterVertical.gif');
}

.RadSlider_WebBlue .rslCenter .rslLargeTick
{
    background-image:url('Slider/LargelChangeCenterVertical.gif');
}

.RadSlider_WebBlue .rslCenter a.handle,
.RadSlider_WebBlue .rslCenter div.track
{
	/* half of the width of the handle/track */
	margin-left:-10px;
}

/* Items/Ticks text */
.RadSlider_WebBlue .rslItem,
.RadSlider_WebBlue .rslLargeTick span
{
	font:11px arial,sans-serif;
}