.acgSlider
{
	height:16px;					/* height of slider track (within border) */
	border:1px solid #b1babf;
	border-left:0px;
	border-right:0px;
	background:inherit;
	j-webkit-border-radius:0;
	j-moz-border-radius:0;
	jborder-radius:0;
}

.acgSlider .ui-slider-handle
{
    width:33px; 
    height:18px; 
    jbackground:url(../images/sliderThumb.png) no-repeat;
	jbackground-color:#ff0000;
	background: url('../images/sliderThumb.png') no-repeat 50% 50%; 
	jbackground: url('../images/sliderThumb.png') no-repeat; 
	joverflow: hidden; 
    position:absolute;
    top:-1px;			/* distance from the *background* (not the border) to the thumb */
	margin-left:-16px;	/* half with width of the thumb */
	jjright:-10px;
    border-style:none; 
	jmargin-left:-8px;
	jborder:0;
}

.acgSlider .ui-slider-range
{  
	opacity:0.7;
	
    jbackground:#d8dddf;	/* background color to the left of the thumb. must override background since it must specify an image or something. background-color won't do it */
    jborder-radius:0;  
}

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

.acgSliderTick
{
	position:absolute;
	width:1px;
	jheight:22px;
	background-color:rgb(0,0,0);
	border:0;
	jborder-left:1px solid black;
	jborder-right:1px solid black;
	
	z-index:1;
}

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

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