/**
 * 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:15px;
        margin-top: 4px;
}

.ui-rangeSlider .ui-rangeSlider-innerBar{
	height:9px;
	/*margin:3px 6px;*/
	background:url(images/ui_slider.png) 0 -28px repeat-x;
        overflow: hidden;
}

.ui-rangeSlider .ui-rangeSlider-handle{
	margin-left: -11px;
        top:-6px;
        width:20px;
	height:20px;
	/*background:#AAA;*/
	/*background:rgba(100,100,100, 0.3);*/
        background: transparent url(images/ui_slider.png) 0 0 no-repeat;
	cursor:col-resize;
        margin-top: -3px;
        overflow: hidden;
}

.ui-rangeSlider .ui-rangeSlider-bar{
	margin: 2px 0;
	/*background:#CCC;
	background:rgba(100,100,150, 0.2);*/
        background: #08c url(images/ui_slider.png) 0 -60px repeat-x;
	height:6px;
	cursor:move;
	cursor:grab;
	cursor: -moz-grab;
        overflow: hidden;
}

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

.ui-rangeSlider-arrow{
	height:16px;
	margin:2px 0;
	width:16px;
	background-repeat:no-repeat;
}

.ui-rangeSlider-arrow.ui-rangeSlider-leftArrow{
	/*background-image: url('icons-classic/resultset_previous.png');*/
	background-position:center left;
        display: none;
}

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

.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;
	/*background-image:url('icons-classic/label.png');*/
	background-position:bottom center;
	background-repeat:no-repeat;
        white-space: nowrap;
        bottom:15px;
        padding:3px 6px 7px;
        cursor:col-resize;
}

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

/*
 * Edit slider
 */

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