/**
 * 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)
 */

.formCost {
	position: relative;
	display: inline-block;
	width: 250px;
	padding-left: 60px;
}

.ui-rangeSlider{
	width: 140px;
	height: 23px;
	margin-bottom: -4px;
}

.ui-rangeSlider .ui-rangeSlider-innerBar{
	height:17px;
	margin:4px 6px;
	background: #fff url(img/range_bg.gif) repeat-x;
	border-radius: 23px;
}

.ui-rangeSlider .ui-rangeSlider-handle {
	width: 23px;
    height: 23px;
	background: url(img/dotRange.png);
	border-radius: 23px;
	cursor: pointer;
}

.ui-rangeSlider-leftHandle {
	margin-left: -12px;
	left:120px;
}

.ui-rangeSlider .ui-rangeSlider-bar{
	margin-top: 4px;
	background: #fff url(img/range_bg.gif) repeat-x;
	height: 17px;
	border-radius: 23px;
	cursor:move;
	cursor:grab;
	cursor: -moz-grab;
}

.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;
}

.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;
	white-space: nowrap;
	bottom: 20px;
	padding: 3px 6px 7px;
	cursor: default;
}

.ui-rangeSlider-label-inner{
	display: none;
}

/*
 * Edit slider
 */

input.ui-editRangeSlider-inputValue{
	width:3em;
	vertical-align: middle;
	text-align:center;
}

.ui-rangeSlider-leftLabel {
	position: absolute;
	left: -74px !important;
	top: -2px !important;
	text-align: right;
}

.ui-rangeSlider-rightLabel {
	position: absolute;
	right: -74px !important;
	top: -2px !important;
	text-align: left;
}

	.ui-rangeSlider-label-value {
		width: 60px;
	}
	.ui-rangeSlider-label-value::after {
		content: ' NOK';
	}