/**
 * default development theme for jQRangeSlider
 * Using fam fam icon set from Mark James, http://www.famfamfam.com/lab/icons/silk/ (Creative Commons Attribution 2.5 License)
 */

.ui-rangeSlider{
	height:22px;
}

.ui-rangeSlider .ui-rangeSlider-innerBar{
	height:16px;
	margin:3px 6px;
	background:#ddd;
	border:1px solid #888;
}

.ui-rangeSlider .ui-rangeSlider-handle{
	width:18px;
	height:14px;
	margin-top:4px;
	background:#fff;
	border: 1px solid #777;
  	border-radius: 9px;
	cursor:col-resize;
}

.ui-rangeSlider .ui-rangeSlider-bar{
	margin: 5px 0;
	background:linear-gradient(#fff, #aaa);
	height:12px;
	cursor:move;
	cursor:grab;
	cursor: -moz-grab;
	border: 1px solid #000;
  	border-radius: 10px;
}

.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging{
	cursor:	-moz-grabbing;
	cursor:grabbing;
}

.ui-rangeSlider-arrow{
	height:16px;
	margin:3px 0px;
	width:19px;
	background:#eee no-repeat;
	border:1px solid #777;
}
.ui-rangeSlider-rightLabel{right:-10px;}
.ui-rangeSlider-rightHandle .end_Date.rightEnd{margin-left:-175px!important;}
.ui-rangeSlider-rightHandle .end_Date.rightEnd:after{margin-left:55px;}
.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow{
	background-image: url('icons-classic/resultset_previous.png');
	background-position:center left;
}

.ui-rangeSlider-arrow.ui-rangeSlider-rightArrow{
	background-image: url('icons-classic/resultset_next.png');
	background-position:center right;
}

.ui-rangeSlider-arrow-inner{
	display: none;
}

.ui-rangeSlider-container{
	height:22px;
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container{
	margin:0 11px;
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container{
	margin:0;
}

.ui-rangeSlider-label{
  margin: 0 2px 2px;
  margin-left:-130px!important;
  background: #fff;
  width:20px; 
  height:2px;
  margin-top:-30px;
  right:0!important;
  border: 1px solid #777;
  border-radius: 5px;
  white-space: nowrap;
  bottom: 25px;
  padding: 7px;
  font-weight: bold;
  color: #000;
  cursor: col-resize;
  display:none!important;
  overflow:hidden;
}
.ui-rangeSlider-label:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #555 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  width: 0;
}
.Range_Date{ margin: 0 2px 2px;
  background: #fff;
  border: 1px solid #777;
  border-radius: 5px;
  white-space: nowrap;
  bottom: 25px;
  padding: 10px 20px;
  font-weight: bold;
  color: #000;
  cursor: col-resize;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: -53px;}
.Range_Date:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #555 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  width: 0;
}

.start_Date{margin: 0 2px 2px; background: #fff; border: 1px solid #777; border-radius: 5px;  white-space: nowrap;  bottom: 25px;  padding: 10px 20px;  font-weight: bold;  color: #000;  cursor: col-resize;  position: absolute;  left: 50%;  margin-left: -87px;  top: -53px;}
.start_Date:after {border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #555 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -12px; position: absolute; width: 0;}

.end_Date{margin: 0 2px 2px; background: #fff; border: 1px solid #777; border-radius: 5px;  white-space: nowrap;  bottom: 25px;  padding: 10px 20px;  font-weight: bold;  color: #000;  cursor: col-resize;  position: absolute;  left: 50%;  margin-left: -95px;  top: -53px;}
.end_Date:after {border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #555 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -12px; position: absolute; width: 0;}

.ui-rangeSlider-label-inner{
	display:none;
}

/*
 * Edit slider
 */

input.ui-editRangeSlider-inputValue{
	width:3em;
	vertical-align: middle;
	text-align:center;
}