/* Slider 
 * 
 * Styling Slider mainly includes styling the Slider progress bar (dijitSliderProgressBar)
 * 
 * Slider progress bar:
 * 1. Slider progress bar (default styling): 
 * 		.dijitSliderProgressBarH - progress bar at the middle of horizontal slider
 * 		.dijitSliderLeftBumper - bar at the left of horizontal slider
 * 		.dijitSliderRightBumper - bar at the right of horizontal slider
 * 		.dijitSliderProgressBarV - progress bar at the middle of vertical slider
 * 		.dijitSliderTopBumper - bar at the top of vertical slider
 * 		.dijitSliderBottomtBumper - bar at the bottom of vertical slider
 * 
 * 2. hovered Slider progress bar (ie, mouse hover on progress bar)
 * 		.dijitSliderHover .dijitSliderProgressBarH(horizontal) - hovered bar style: background, border
 * 
 * 3. focused Slider progress bar (ie, mouse focused on progress bar)
 * 		.dijitSliderFocused .dijitSliderProgressBarH(horizontal) - focus bar style: background, border
 * 
 * 4. disabled/read-only Slider progress bar 
 * 		.dijitSliderDisabled .dijitSliderProgressBarH(horizontal) - bar styles when slider is disabled
 * 
 * 
 * Slider Thumbs:
 * 1. Slider Thumbs (default styling): 
 * 		.dijitSliderImageHandleH / .dijitSliderImageHandleV - styles for the controller on the progress bar
 * 
 * 2. hovered Slider Thumbs (ie, mouse hover on slider thumbs)
 * 		.dijitSliderHover .dijitSliderImageHandleH - hovered controller style
 * 
 * 3. focused Slider progress bar (ie, mouse focused on slider thumbs)
 * 		.dijitSliderFocused .dijitSliderImageHandleV - focused controller style
 * 
 * 
 * Slider Increment/Decrement Buttons:
 * 1. Slider Increment/Decrement Buttons (default styling): 
 * 		.dijitSliderDecrementIconH - decrement icon which lies at the left of horizontal slider
 * 		.dijitSliderIncrementIconH - increment icon which lies at the right of horizontal slider
 * 		.dijitSliderDecrementIconV - decrement icon which lies at the bottom of vertical slider
 * 		.dijitSliderIncrementIconV - increment icon which lies at the top of vertical slider
 * 
 * 2. hovered Slider Increment/Decrement Buttons (mouse hover on the icons)
 * 		.dijitSliderHover .dijitSliderDecrementIconH - for background, border
 * 
 * 3. active Slider Increment/Decrement Buttons (mouse down on the icons)
 * 		.dijitSliderActive .dijitSliderIncrementIconV - for background, border
 * 
 * 4. disabled/read-only Slider Increment/Decrement Buttons
 * 		.dijitSliderDisabled .dijitSliderDecrementIconH - styles for the icons in disabled slider
 * 		.dijitSliderReadOnly .dijitSliderIncrementIconV - styles for the icons in read-only slider
 */

.claro .dijitSliderBar {
	border-style: solid;
	outline: 1px;
}
.claro .dijitSliderFocused .dijitSliderBar {
	border-color: #769dc0;
}
.claro .dijitSliderHover .dijitSliderBar {
	border-color: #769dc0;
}
.claro .dijitSliderDisabled .dijitSliderBar {
	background-image: none;
	border-color: #d3d3d3;
}

/* Horizontal Slider */

.claro .dijitRuleLabelsContainerH {
	padding: 2px 0px;
}
.claro .dijitSlider .dijitSliderProgressBarH,
.claro .dijitSlider .dijitSliderLeftBumper{
	background-image: url("images/sliderHorizontal.png");
	background-repeat:repeat-x;
	background-position:0 -20px;
	border-color: #b5bcc7;
	background-color: #cfe5fa;
}
.claro .dijitSlider .dijitSliderRemainingBarH,
.claro .dijitSlider .dijitSliderRightBumper{
	background-image: url("images/sliderHorizontal.png");
	background-repeat:repeat-x;
	background-position:0 -11px;
	border-color: #b5bcc7;
	background-color: #fff;
}
.claro .dijitSliderRightBumper {
	border-right: solid 1px #b5bcc7;
}
.claro .dijitSliderLeftBumper {
	border-left: solid 1px #b5bcc7;
}
.claro .dijitSliderHover .dijitSliderProgressBarH,
.claro .dijitSliderHover .dijitSliderLeftBumper{
	background-position:0 -20px;
	background-color: #abd6ff;
	border-color: #769dc0;
}
.claro .dijitSliderHover .dijitSliderRemainingBarH,
.claro .dijitSliderHover .dijitSliderRightBumper{
	background-position:0 0px;
	background-color: #fff;
	border-color: #769dc0;
}
.claro .dijitSliderFocused .dijitSliderProgressBarH,
.claro .dijitSliderFocused .dijitSliderLeftBumper{
	background-position:0 -30px;
	background-color: #abd6ff;
	border-color: #769dc0;
}
.claro .dijitSliderFocused .dijitSliderRemainingBarH,
.claro .dijitSliderFocused .dijitSliderRightBumper{
	background-position:0 -9px;
	background-color: #fff;
	border-color: #769dc0;
}
.claro .dijitSliderDisabled .dijitSliderProgressBarH,
.claro .dijitSliderDisabled .dijitSliderLeftBumper{
	background-color: #cdcdcd;
	background-image:none;
}
.claro .dijitSliderDisabled .dijitSliderRemainingBarH,
.claro .dijitSliderDisabled .dijitSliderRightBumper{
	background-color: #efefef;
}

/* Vertical Slider */

.claro .dijitRuleLabelsContainerV {
	padding: 0px 2px;
}
.claro .dijitSlider .dijitSliderProgressBarV,
.claro .dijitSlider .dijitSliderBottomBumper{
	background-image: url("images/sliderVertical.png");
	background-repeat:repeat-y;
	background-position:-36px 0;
	border-color: #b5bcc7;
	background-color: #cfe5fa;
}
.claro .dijitSlider .dijitSliderRemainingBarV,
.claro .dijitSlider .dijitSliderTopBumper{
	background-image: url("images/sliderVertical.png");
	background-repeat:repeat-y;
	background-position:-3px 0;
	border-color: #b5bcc7;
	background-color: #fff;
}
.claro .dijitSliderBottomBumper {
	border-bottom: solid 1px #b5bcc7;
}
.claro .dijitSliderTopBumper {
	border-top: solid 1px #b5bcc7;
}
.claro .dijitSliderHover .dijitSliderProgressBarV,
.claro .dijitSliderHover .dijitSliderBottomBumper{
	background-position:-36px 0;
	background-color: #abd6ff;
}
.claro .dijitSliderHover .dijitSliderRemainingBarV,
.claro .dijitSliderHover .dijitSliderTopBumper{
	background-position:0 0;
	background-color: #fff;
}
.claro .dijitSliderFocused .dijitSliderProgressBarV,
.claro .dijitSliderFocused .dijitSliderBottomBumper{
	background-position:-56px 0;
	background-color: #abd6ff;
}
.claro .dijitSliderFocused .dijitSliderRemainingBarV,
.claro .dijitSliderFocused .dijitSliderTopBumper{
	background-position:-18px 0;
	background-color: #fff;
}
.claro .dijitSliderDisabled .dijitSliderProgressBarV,
.claro .dijitSliderDisabled .dijitSliderBottomBumper{
	background-color: #cdcdcd;
}
.claro .dijitSliderDisabled .dijitSliderRemainingBarV,
.claro .dijitSliderDisabled .dijitSliderTopBumper{
	background-color: #efefef;
}


/* ------- Thumbs ------- */

.claro .dijitSliderImageHandleH {
	border: 0px;
	width: 18px;
	height: 16px;
	background-image: url("images/sliderThumbs.png");
	background-repeat:no-repeat;
	background-position:0 0;
}
.claro .dijitSliderHover .dijitSliderImageHandleH {
	background-position:-18px 0;
}
.claro .dijitSliderFocused .dijitSliderImageHandleH {
	background-position:-36px 0;
}
.claro .dijitSliderProgressBarH .dijitSliderThumbHover{
	background-position:-36px 0;
}
.claro .dijitSliderProgressBarH .dijitSliderThumbActive{
	background-position:-36px 0;
}
.claro .dijitSliderReadOnly .dijitSliderImageHandleH,
.claro .dijitSliderDisabled .dijitSliderImageHandleH {
	background-position:-54px 0;
}
.claro .dijitSliderImageHandleV {
	border: 0px;
	width: 18px;
	height: 16px;
	background-image: url("images/sliderThumbs.png");
	background-repeat:no-repeat;
	background-position:-289px 0;
}
.claro .dijitSliderHover .dijitSliderImageHandleV {
	background-position:-307px 0;
}
.claro .dijitSliderFocused .dijitSliderImageHandleV {
	background-position:-325px 0;
}
.claro .dijitSliderProgressBarV .dijitSliderThumbHover{
	background-position:-325px 0;
}
.claro .dijitSliderProgressBarV .dijitSliderThumbActive{
	background-position:-325px 0;
}
.claro .dijitSliderReadOnly .dijitSliderImageHandleV,
.claro .dijitSliderDisabled .dijitSliderImageHandleV {
	background-position:-343px 0;
}

/* ---- Increment/Decrement Buttons ---- */

.claro .dijitSliderButtonContainerH{
	padding: 1px 3px 1px 2px;
}
.claro .dijitSliderButtonContainerV{
	padding: 3px 1px 2px 1px;
}
.claro .dijitSliderDecrementIconH,
.claro .dijitSliderIncrementIconH,
.claro .dijitSliderDecrementIconV,
.claro .dijitSliderIncrementIconV {
	background-image: url('images/commonFormArrows.png');
	background-repeat:no-repeat;
	background-color: #e9ecf2;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: solid 1px #b5bcc7;
	font-size: 1px;
}
.claro .dijitSliderDecrementIconH,
.claro .dijitSliderIncrementIconH {
	height: 12px;
	width: 9px;
}
.claro .dijitSliderDecrementIconV,
.claro .dijitSliderIncrementIconV {
	height: 9px;
	width: 12px;
}
.claro .dijitSliderActive .dijitSliderDecrementIconH,
.claro .dijitSliderActive .dijitSliderIncrementIconH,
.claro .dijitSliderActive .dijitSliderDecrementIconV,
.claro .dijitSliderActive .dijitSliderIncrementIconV,
.claro .dijitSliderHover .dijitSliderDecrementIconH,
.claro .dijitSliderHover .dijitSliderIncrementIconH,
.claro .dijitSliderHover .dijitSliderDecrementIconV,
.claro .dijitSliderHover .dijitSliderIncrementIconV {
	border: solid 1px #769dc0;
	background-color:#fff;
}
.claro .dijitSliderDecrementIconH {
	background-position:-357px 50%;
}
.claro .dijitSliderActive .dijitSliderDecrementIconH
.claro .dijitSliderHover .dijitSliderDecrementIconH {
	background-position:-393px 50%;
}
.claro .dijitSliderIncrementIconH {
	background-position:-251px 50%;
}
.claro .dijitSliderActive .dijitSliderIncrementIconH
.claro .dijitSliderHover .dijitSliderIncrementIconH {
	background-position:-283px 50%;
}
.claro .dijitSliderDecrementIconV {
	background-position:-38px 50%;
}
.claro .dijitSliderActive .dijitSliderDecrementIconV
.claro .dijitSliderHover .dijitSliderDecrementIconV {
	background-position:-73px 50%;
}
.claro .dijitSliderIncrementIconV {
	background-position:-143px 49%;
}
.claro .dijitSliderActive .dijitSliderIncrementIconV
.claro .dijitSliderHover .dijitSliderIncrementIconV {
	background-position:-178px 49%;
}
.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover,
.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover,
.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover,
.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover {
	background-color: #cce3fc;
}
.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive,
.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive,
.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive,
.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive {
	background-color: #a5d0fc;
	border-color:#6591b9;
}
.claro .dijitSliderButtonInner {
	visibility: hidden;
}
.claro .dijitSliderDisabled .dijitSliderBar{
	border-color: #d3d3d3;
}
.claro .dijitSliderReadOnly *,.claro .dijitSliderDisabled * {
	border-color: #d3d3d3;
	color: #bdbdbd;
}
.claro .dijitSliderReadOnly .dijitSliderDecrementIconH,
.claro .dijitSliderDisabled .dijitSliderDecrementIconH {
	background-position:-321px 50%;
	background-color:#e9e9e9;
}
.claro .dijitSliderReadOnly .dijitSliderIncrementIconH,
.claro .dijitSliderDisabled .dijitSliderIncrementIconH {
	background-position:-215px 50%;
	background-color:#e9e9e9;
}
.claro .dijitSliderReadOnly .dijitSliderDecrementIconV,
.claro .dijitSliderDisabled .dijitSliderDecrementIconV {
	background-position:-3px 49%;
	background-color:#e9e9e9;
}
.claro .dijitSliderReadOnly .dijitSliderIncrementIconV,
.claro .dijitSliderDisabled .dijitSliderIncrementIconV {
	background-position:-107px 49%;
	background-color:#e9e9e9;
}

.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarH,
.dj_ie6 .claro .dijitSlider .dijitSliderLeftBumper,
.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarH,
.dj_ie6 .claro .dijitSlider .dijitSliderRightBumper,
.dj_ie6 .claro .dijitSlider .dijitSliderProgressBarV,
.dj_ie6 .claro .dijitSlider .dijitSliderTopBumper,
.dj_ie6 .claro .dijitSlider .dijitSliderRemainingBarV,
.dj_ie6 .claro .dijitSlider .dijitSliderBottomBumper {
	background-image:none;
}