.sliderControl { margin-bottom:10px; margin-top:5px; }
	.sliderControl .slider { margin-bottom:10px; clear:both; cursor:pointer; background-image:none; background-color:#f7f9f9; }
		.sliderControl .slider .ui-slider-handle { cursor: pointer; }
	
.ticks { margin-bottom:10px; width: 100%; position: relative; height:21px; float:left; }
	.ticks .tick { position: absolute; left: 0; }

.columnHeaderContainer { text-align:center; display:inline-block; }
.sliderHeaders { float:left; width:45%; margin-top:5px; }


.sliderHeader { float:left; width: 100%; margin-bottom:5px; }

.columnHeaderContainer { color:Red; cursor: default; }

.sliderStaticLabels { font-size:87.5%; color:#666666; }
	.sliderStaticLabels .left { width: 25%; float:left; text-align:left; }
	.sliderStaticLabels .middle { width: 25%;float: left;text-align: center; margin-left:12.5% }

@media screen and (min-width: 937px) {
	.sliderHeaderText {
		float: left;
		width: 100%;
		margin-bottom: 5px;
	}

	.sliderStaticLabels .right {
		width: 25%;
		float: right;
		text-align: right;
	}
}

@media screen and (max-width: 937px) {
	.sliderHeaderText {
		float: left;
		width: 100%;
		margin-bottom: 5px;
		display: none
	}

	.sliderStaticLabels .right {
		width: 25% !important;
		float: right;
		text-align: right;
		padding-right:10px !important;
	}
}

		 
/* there are styles used only in media queries in EnprecisWeb_mobile.css */