@charset "utf-8";
/* CSS Document */

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute;   cursor: default; }
.ui-slider .ui-slider-range { position: absolute; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; cursor: pointer; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

div.slider { width: 310px; height: 8px; float: right; margin: -10px 0 0 0; }

div.slider p { float: left; width: 40px; height: 8px; font-size: 10px; font-family: "Tahoma"; color: #000000; margin: 0; padding: 0; line-height: 30%; padding: 0 5px; }

/* div.slider p span { cursor: pointer; } */

div.slider p:nth-child(1) {  text-align: right; }

div.slider p:nth-child(2) {  text-align: left; }

#eq span {
	width:204px; 
	float:left; 
	height: 3px;
	border: 1px solid #cdcece;
	border-radius: 5px;
	cursor: pointer;
}

.ui-slider {
	background-color: #d4d9db;
	border: 1px solid #cdcece;
}

.ui-slider-range {
	background-color: #ffffff;
	border-radius: 8px;
	/* box-shadow: 1px 1px 2px #e1e1e1 inset; */
	border: 1px solid #dcdedf;
}

.ui-slider-handle {
	margin: 1px 0 0 0;
	border-radius: 5px;
	height: 8px;
	width: 8px;
	background: url(../images/slider-handler.png) no-repeat top;
	/* border: 1px solid #FF2200; */
}


div.overall-slider div.slider { width: 550px; height: 15px; margin: 0; }

#eq-overall span {
	width: 529px; 
	float: left; 
	height: 6px;
	box-shadow: 1px 1px 2px #e1e1e1 inset;
	border-radius: 5px;
}

#eq-overall .ui-slider {
	background-color: #d2d7d9;
	box-shadow: 1px 1px 2px #e1e1e1 inset;
	border: 1px solid #a8acae;
	cursor: pointer;
}

#eq-overall .ui-slider-range {
	background-color: #ffffff;
}

#eq-overall .ui-slider-handle {
	margin: -3px -10px;
	border-radius: 5px;
	height: 21px;
	width: 21px;
	background: url(../images/overall-handler.png) no-repeat top center;
}
