/**
 * Theme for jQRangeSlider
 * Inspired by http://cssdeck.com/item/381/itunes-10-storage-bar
 *        and http://cssdeck.com/item/276/pure-css-arrow-with-border-tooltip
 */

.ui-rangeSlider-withArrows .ui-rangeSlider-container {
	margin: 0 15px;
	/*-webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
	-moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
	box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);*/
}
.ui-rangeSlider-noArrow .ui-rangeSlider-container {
	/*-moz-border-radius: 4px;
	border-radius: 4px;
	border-left: solid 1px #515862;
	border-right: solid 1px #515862;
	-webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
	-moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
	box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);*/
}
.ui-rangeSlider-container {
	height: 6px;
	background: #c2c2c2;
	/*border-top: solid 1px #232a32;
	border-bottom: solid 1px #6a7179;
	background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67707F), color-stop(100%, #888DA0));*/
}
.ui-rangeSlider-arrow {
	width: 14px;
	height: 6px;
	cursor: pointer;
	/*border-top: solid 1px #232a32;
	border-bottom: solid 1px #6a7179;
	background: #67707F;
	box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
	-webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
	-moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
	background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67707F), color-stop(100%, #888DA0));*/
}
.ui-rangeSlider-leftArrow {
	/*border-radius: 4px 0 0 4px;
	border-left: solid 1px #515862;*/
}
.ui-rangeSlider-rightArrow {
	/*border-radius: 0 4px 4px 0;
	border-right: solid 1px #515862;*/
}
.ui-rangeSlider-arrow-inner {
	position: absolute;
	top: 50%;
	border: 10px solid transparent;
	width: 0;
	height: 0;
	margin-top: -10px;
}
.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner {
	/*border-right: 10px solid #a4a8b7;*/
	left: 0;
	margin-left: -8px;
}
.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner {
	/*border-right: 10px solid #b3b6c2;*/
}
.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner {
	/*border-left: 10px solid #a4a8b7;*/
	right: 0;
	margin-right: -8px;
}
.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner {
	/*border-left: 10px solid #b3b6c2;*/
}
.ui-rangeSlider-innerBar {
	width: 110%;
	height: 100%;
	left: -10px;
}
.ui-rangeSlider-bar {
	background: #1f2754;
	height: 6px;
	/*margin: 1px 0;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	/*-webkit-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
	-moz-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
	box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
	;*/
}
.ui-rangeSlider-handle {
	width: 10px;
	height: 6px;
	background: transparent;
	cursor: col-resize;
}
.ui-rangeSlider-label {
	/*background: #888DA0;
	background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67707F), color-stop(100%, #888DA0));*/
	padding: 10px 15px;
	bottom: 0px;
	/*-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 0px #c2c5d6;
	-moz-box-shadow: 0px 1px 0px #c2c5d6;
	box-shadow: 0px 1px 0px #c2c5d6;*/
	color: #1f2754;
	font-size: 15px;
	cursor: col-resize;
	font-family: 'FuturaMdBTBold', Arial, Helvetica, sans-serif;
}
.ui-editRangeSlider .ui-rangeSlider-label {
}
.ui-rangeSlider-label-inner {
	position: absolute;
	top: 74%;
	left: 36%;
	display: block;
	z-index: 1;
	/*border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin-left: -10px;
	border-top: 10px solid #888DA0;*/
	width: 28px;
	height: 28px;
    background-image:url('icons-classic/euro.png');
	background-position:center center;
	background-repeat:no-repeat;
}

#sliderFan .ui-rangeSlider-label-inner {
	background-image:url('icons-classic/omino.png');
}

.ui-editRangeSlider-inputValue {
	width: 2em;
	text-align: center;
	font-size: 15px;
}
.ui-rangeSlider .ui-ruler-scale {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	/* Handle width */
	right: 10px;
}
.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner {
	color: white;
	margin-top: 1px;
	border-left: 1px solid white;
	height: 5px;
	padding-left: 2px;
	position: relative;
}
.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label {
	position: absolute;
	bottom: 6px;
}
.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner {
	border-left: 1px solid white;
	margin-top: 25px;
	height: 5px;
}