/* GLOBAL SLIDER CLASSES */

/* slider wrapper class */
.radslider .horizontal,.radslider .vertical{position:relative;-moz-user-select:none;font-size:1px;line-height:1px;
/* In case the slider is in a parent with text-align:center, under IE6, the UL for the items is centered. */text-align:left;}

/* any link inside r.a.d.slider */
.radslider a{display:block;text-indent:-9999px;text-decoration:none;}
.radslider a:focus,.radslider a:active{outline:none;}
.radslider .handle span,.radslider .draghandle span{display:block;}

/* drag handle, track class, selected region */
.radslider .handle,
.radslider .draghandle,
.radslider .track,
.radslider .selectedregion,
.radslider .rslItemsWrapper,
/* Tick text */
.radslider .rslLargeTick span,
.radslider .rslSmallTick span{position:absolute;}

/* the dragHandle needs to have greater z-index than the increase/decrease handlers,
 as it can be positioned over the rounded corders of the track, part of those handles */
.radslider .track{z-index:1;}
.radslider .selectedregion{top:0;left:0;}
.radslider .disabled{filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50);-moz-opacity:.5;opacity:.5;cursor:no-drop;}
.radslider .disabled .liveDragHandle{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}

/* ITEMS AND TICKS */
.radslider .rslItemsWrapper,.radslider .rslItem,.radslider .rslLargeTick,.radslider .rslSmallTick {margin:0px;padding:0px;list-style:none !important;}

/* text */
.radslider .rslItem span,.radslider .rslLargeTick span,.radslider .rslSmallTick span{font-size:11px;}

/* Item specific */
.radslider .vertical .rslItemsWrapper .rslItemFirst,.radslider .horizontal .rslItemsWrapper .rslItemFirst{background-image:none;}
.radslider .rslItem{text-overflow:ellipsis;overflow:hidden;cursor:default;background-repeat:no-repeat;}
.radslider .horizontal .rslItem{text-align:center;}
.radslider .rslItemsWrapper li.rslItemDisabled{color:#d0d0ce;}
.radslider .rslMiddle .rslItem,/* ticks */.radslider .rslLeft .rslLargeTick,.radslider .rslLeft .rslSmallTick{background-position:left center;}
.radslider .rslTop .rslItem{background-position:left top;}
.radslider .rslBottom .rslItem{background-position:left bottom;}
.radslider .rslCenter .rslItem,/* ticks */.radslider .rslTop .rslLargeTick,.radslider .rslTop .rslSmallTick{background-position:center top;}
.radslider .rslLeft .rslItem{background-position:left top;}
.radslider .rslRight .rslItem{background-position:right top;}

/* Tick specific */
.radslider .rslLargeTick,
.radslider .rslSmallTick{cursor:default;/* We need this in order to position the SPAN holding the text. */position:relative;background-repeat:no-repeat;}
.radslider .rslCenter .rslLargeTick,
.radslider .rslCenter .rslSmallTick,
.radslider .rslMiddle .rslLargeTick,
.radslider .rslMiddle .rslSmallTick{background-position:center center;}
.radslider .rslRight .rslLargeTick,.radslider .rslRight .rslSmallTick{background-position:right center;}
.radslider .rslBottom .rslLargeTick,.radslider .rslBottom .rslSmallTick{background-position:center bottom;}

/* LiveDrag=false */
.radslider .liveDragHandleActive{opacity:0.4;filter:alpha(opacity=40);}
.radslider .liveDragHandle{-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}

/* HORIZONTAL SLIDER */

/* decrease handle class (i.e. left) */
.radslider .horizontal .decrease,
.radslider .rslLeft .track,
.radslider .rslLeft .handle,
.radslider .rslCenter .rslItemsWrapper,
.radslider .rslRight .rslItemsWrapper{left:0;}

/* increase handle class (i.e. right) */
.radslider .rslRight .track,.radslider .rslRight .handle,.radslider .horizontal .increase,.radslider .rslLeft .rslItemsWrapper{right:0;}
.radslider .horizontal .rslItem,.radslider .horizontal .rslLargeTick,.radslider .horizontal .rslSmallTick{float:left;}

/* TrackPosition=TopLeft */
.radslider .rslTop .track,
.radslider .rslTop .handle,
.radslider .rslMiddle .rslItemsWrapper,
.radslider .rslBottom .rslItemsWrapper,
/* increase handle class (i.e. down) */
.radslider .vertical .decrease{top:0;}

.radslider .rslTop .rslItemsWrapper,
.radslider .rslBottom .track,
.radslider .rslBottom .handle,
/* increase handle class (i.e. down) */
.radslider .vertical .increase{bottom:0;}

/* TrackPosition=Center */
.radslider .rslMiddle .track,.radslider .rslMiddle .handle{top:50%;}
.radslider .rslCenter .track,.radslider .rslCenter .handle{left:50%;}

/* Item/Tick text */
.radslider .horizontal .rslLargeTick span,.radslider .horizontal .rslSmallTick span{width:100%;text-align:center;}
.radslider .vertical .rslLargeTick span,.radslider .vertical .rslSmallTick span{height:100%;}
.radslider .rslLargeTick span,.radslider .rslSmallTick span{top:0px;left:0px;}

.radslider .rslTop .rslLargeTick span,
.radslider .rslTop .rslSmallTick span,
.radslider .horizontal .rslLargeTick span.rslBRItemText,
.radslider .horizontal .rslSmallTick span.rslBRItemText{top:auto;bottom:0px;}

.radslider .rslLeft .rslLargeTick span,
.radslider .rslLeft .rslSmallTick span,
.radslider .vertical .rslLargeTick span.rslBRItemText,
.radslider .vertical .rslSmallTick span.rslBRItemText{left:auto;right:0px;}
