/* makes the button and the background */
.ui-slider {
	position: relative;
	text-align: left;

}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 36px;
	height: 290px;
	cursor: default;
	margin-top:-330px;
}



.ui-slider-horizontal {
	height:0px;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -1px;
	margin-left: -17px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

/*makes the grey background*/
.ui-widget-content {
	background: #eeeeee;
}
/*makes the red part*/
.ui-widget-header {
	background: #39b54a;
}


/* makes the button
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	outline: none;
	background-image:url('slider.png');
	font-weight: bold;
}



.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
	background-image:url('sliderhover.png');
	font-weight: bold;
	
}