/* RadSlider for ASP.NET AJAX Default Skin */
.RadSlider .rslTrack
{
border-color:#b9b9b9 #939393 #939393 #b9b9b9;
height:400px;
}
.RadSlider .rslHorizontal a.rslHandle
{
background-image:url('Slider/Handles.gif');
}
.RadSlider .rslHorizontal a.rslDraghandle
{
background-image:url('Slider/DragHandle.gif');
}
.RadSlider .rslTop a.rslDraghandle
{
background-image:url('Slider/DragHandleDown.gif');
}
.RadSlider .rslHorizontal .rslTrack
{
background:url('Slider/TrackBgr.gif') repeat-x;
}
.RadSlider .rslHorizontal .rslSelectedregion
{
background:url('Slider/SelectedRegionHorizontalBgr.gif') right top no-repeat;
}
/* vertical slider */
.RadSlider .rslVertical
{
}
.RadSlider .rslVertical a.rslHandle
{
background-image:url('Slider/HandlesVertical.gif');
}
.RadSlider .rslVertical .rslTrack
{
height:500px;
background: url('Slider/TrackVerticalBgr.gif') repeat-y ;
}
.RadSlider .rslVertical .rslSelectedregion
{
height:100px;
background:url('Slider/SelectedRegionVerticalBgr.gif') left bottom no-repeat;
}
.RadSlider .rslVertical a.rslDraghandle
{
background:url('Slider/DragVerticalHandle.gif') no-repeat;
}
.RadSlider .rslLeft a.rslDraghandle
{
background:url('Slider/DragVerticalHandleRight.gif') no-repeat;
}
.RadSlider .rslItem,
.RadSlider .rslLargeTick span
{
color:#333;
}
.RadSlider .rslItemsWrapper .rslItemSelected
{
color:#000;
}
/* horizontal slider items */
.RadSlider .rslHorizontal .rslItem
{
background-image:url('Slider/ItemHorizontalBgr.gif');
}
/* vertical slider items */
.RadSlider .rslVertical .rslItem
{
background-image:url('Slider/ItemVerticalBgr.gif');
}
/* horizontal slider - TrackPosition=Top/Bottom */
.RadSlider .rslTop .rslSmallTick,
.RadSlider .rslBottom .rslSmallTick
{
background-image:url('Slider/SmallChangeHorizontal.gif');
}
.RadSlider .rslTop .rslLargeTick,
.RadSlider .rslBottom .rslLargeTick
{
background-image:url('Slider/LargeChangeHorizontal.gif');
}
/* vertical slider - TrackPosition=Left/Right */
.RadSlider .rslLeft .rslSmallTick,
.RadSlider .rslRight .rslSmallTick
{
background-image:url('Slider/SmallChangeVertical.gif');
}
.RadSlider .rslLeft .rslLargeTick,
.RadSlider .rslRight .rslLargeTick
{
background-image:url('Slider/LargelChangeVertical.gif');
}
/* horizontal slider - TrackPosition=Center */
.RadSlider .rslMiddle .rslSmallTick
{
background-image:url('Slider/SmallChangeMiddleHorizontal.gif');
}
.RadSlider .rslMiddle .rslLargeTick
{
background-image:url('Slider/LargeChangeMiddleHorizontal.gif');
}
/* vertical slider - TrackPosition=Center */
.RadSlider .rslCenter .rslSmallTick
{
background-image:url('Slider/SmallChangeCenterVertical.gif');
}
.RadSlider .rslCenter .rslLargeTick
{
background-image:url('Slider/LargelChangeCenterVertical.gif');
}
DIV.RadSlider .rslTrack {
WIDTH: 500px;
}
How can i change it's height?i tried to add height:500px; in several places but nothing worked