/*
Override jQueryUI
*/
.ui-corner-all
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.ui-slider .ui-slider-handle
{
    width:27px; 
    height:27px; 
    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:-2px;			/* distance from the *background* (not the border) to the thumb */
	margin-left:-13px;	/* half with width of the thumb */
	jjright:-10px;
    border-style:none; 
	jmargin-left:-8px;
	jborder:0;
}
/*
*/
.ui-slider
{
	height:23px;					/* 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;
}
.ui-slider-range
{  
    background:#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;  
}