.ui-corner-all
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.ui-slider
{
	height:20px;					/* height of slider track (within border) */
	border:0;
	jborder:1px solid #b1babf;
	jborder:1px solid #004280;
	border-left:0px;
	border-right:0px;
	background:inherit;
	jbackground-color:rgb(235,235,235);
	background-image:url(../images/sliderBackground.png);
}

.ui-slider .ui-slider-handle
{
    width:24px; 
    height:24px; 
	background:none;
	border:none;

	background-color:rgb(233,0,41) !important;
	background-image:none;
	background-repeat:no-repeat;
	background-position:50% 50%;
    position:absolute;
    top:-2px;			/* distance from the *background* (not the border) to the thumb */
	margin-left:-12px; 	/* half with width of the thumb */
	jjright:-10px;
    jborder-style:none; 
	jmargin-left:-8px;
	jborder:0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	cursor:pointer;
	box-shadow:none !important;
	color:rgb(255,255,255);
	text-align:center;
	jline-height:16px;
	juser-select:none;
	transform:rotate(90deg);
	
	line-height:initial;
}

.ui-slider-range
{  
    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 */
    background-color:transparent;
	background-image:none;
    jborder-radius:0;  
}

.input-item .ui-state-default:hover
{
	jbackground-color: #26abe3;	/* light blue */
	background-color:rgb(101,0,230);
	jborder-left:1px solid #26abe3;
	border-left:1px solid rgb(101,0,230);
}

.ui-progressbar
{
	border:0;
	background-image:none;
	background-color:rgb(235,235,235);
}

.ui-progressbar .ui-progressbar-value
{
	background-image:none;
	background-color:rgb(232,0,40);
}

.ui-slider-pip .ui-slider-label
{
    width: 6em;
    margin-left: -3em;
	color:black;
}


.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label
{
	jcolor:rgb(135,21,24);
	color:initial;
	font-weight:inherit;
}


.ui-slider-pip .ui-slider-line
{
    height: 12px;
	top:-16px;
	background-color:black;
}

.ui-slider-pips [class*=ui-slider-pip-selected]
{
    font-weight: bold;
    color:rgb(232,0,40) !important;
}