.acgSlider
{
	height:20px;					/* height of slider track (within border) */
	border:0px solid #b1babf;
	border-left:0px;
	border-right:0px;
	jbackground:#9a9a9a;
	background-color:transparent;
	background-image:url(../images/sliderBackground.png);
}

.acgSlider .ui-slider-handle
{
	width: 16px;
	height: 16px;
	background: none;
	background-color: #f2a900 !important;
	position: absolute;
	jtop: -7px;
	top:2px;
	margin-left: -8px;
	border: 0;
	border-radius: 8px;
	outline: 0;
	cursor: pointer;
	box-shadow: none !important;
	color: #999999;
	text-align: center;
	line-height: 16px;
	user-select: none;
}

.acgSlider .ui-slider-handle:hover
{
	border: none;
	opacity: 0.9;
}

.acgSlider .ui-slider-range
{  
	jbackground: #f2a900; /* must override background since it must specify an image or something. background-color won't do it */
	background-color:transparent;
	background-image:url(../images/sliderRange.png);
	border-radius: 0;
}

.acgSliderTickContainer
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:22px;
}

.acgSliderTick
{
	position:absolute;
	width:2px;
	height:22px;
	background-color:#00ff00;
	border:0;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #ffffff;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.acgSliderTickBackground
{
	position:absolute;
	left:0px;
	top:2px;
	width:100%;
	height:18px;
	background-color:#ffffff;
	opacity:0.7;
}

.acgSliderValue
{
	font-weight:bold;
	color:#9a2c2b;
}