﻿/* RadSlider for ASP.NET AJAX Vista Skin */

.RadSlider_Vista .rslHorizontal a.rslHandle
{
	background-image: url('Slider/Handles.gif');
}

.RadSlider_Vista .rslHorizontal a.rslDraghandle
{
	background-image: url('Slider/DragHandle.gif');
}

.RadSlider_Vista .rslHorizontal .rslTrack
{	
	background: url('Slider/TrackBgr.gif') repeat-x;
}

.RadSlider_Vista .rslHorizontal .rslSelectedregion
{
	background: url('Slider/SelectedRegionHorizontalBgr.gif') right top no-repeat;
}

/* vertical slider */
.RadSlider_Vista .rslVertical a.rslHandle
{
	background-image: url('Slider/HandlesVertical.gif');
}

.RadSlider_Vista .rslVertical .rslTrack
{
	background: url('Slider/TrackVerticalBgr.gif') repeat-y;
}

.RadSlider_Vista .rslVertical .rslSelectedregion
{
	background: url('Slider/SelectedRegionVerticalBgr.gif') left bottom no-repeat;
}

.RadSlider_Vista .rslVertical a.rslDraghandle
{
	background: url('Slider/DragVerticalHandle.gif') no-repeat;
}

.RadSlider_Vista .rslItem,
.RadSlider_Vista .rslLargeTick span
{
	color: #333;
}

.RadSlider_Vista .rslItemsWrapper .rslItemSelected
{
    color: #6e96ff;
}

/* horizontal slider items */
.RadSlider_Vista .rslHorizontal .rslItem
{
	background-image: url('Slider/ItemHorizontalBgr.gif');
}

/* vertical slider items */
.RadSlider_Vista .rslVertical .rslItem
{
	background-image: url('Slider/ItemVerticalBgr.gif');
}

/* horizontal slider - TrackPosition=Top/Bottom */
.RadSlider_Vista .rslTop .rslSmallTick,
.RadSlider_Vista .rslBottom .rslSmallTick
{
    background-image: url('Slider/SmallChangeHorizontal.gif');
}

.RadSlider_Vista .rslTop .rslLargeTick,
.RadSlider_Vista .rslBottom .rslLargeTick
{
    background-image: url('Slider/LargeChangeHorizontal.gif');
}

/* vertical slider - TrackPosition=Left/Right */
.RadSlider_Vista .rslLeft .rslSmallTick,
.RadSlider_Vista .rslRight .rslSmallTick
{
    background-image: url('Slider/SmallChangeVertical.gif');
}

.RadSlider_Vista .rslLeft .rslLargeTick,
.RadSlider_Vista .rslRight .rslLargeTick 
{
    background-image: url('Slider/LargelChangeVertical.gif');
}

/* horizontal slider - TrackPosition=Center */
.RadSlider_Vista .rslMiddle .rslSmallTick
{
	background-image: url('Slider/SmallChangeMiddleHorizontal.gif');
}

.RadSlider_Vista .rslMiddle .rslLargeTick  
{
	background-image: url('Slider/LargeChangeMiddleHorizontal.gif');
}

/* vertical slider - TrackPosition=Center */
.RadSlider_Vista .rslCenter .rslSmallTick
{
    background-image: url('Slider/SmallChangeCenterVertical.gif');
}

.RadSlider_Vista .rslCenter .rslLargeTick 
{
    background-image: url('Slider/LargelChangeCenterVertical.gif');
}