/* slider root element */
.slider { 
	height:24px; 
	position:relative; 
	cursor:pointer;
	border:0px solid black;;
	width:483px;
	float:left; 
	clear:right;
	margin-top:0px;
	margin-left:0px;
/*
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-box-shadow:inset 0 0 8px #000;*/
}

/*Style for the slider button*/
.ui-slider-handle {
	
	position:absolute; 
	display:block; 
	cursor:move;
	margin-left:0px;
	margin-top:1px; 
	background:url(../png/scrolling_button.png) repeat-x 0 0; 
	width:32px;
	height:20px;
	border:0px solid blue;
	z-index:999;
/*
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;

	border-bottom: 10px solid white;
	
	
	-moz-border-radius:28px;
	-webkit-border-radius:28px; */

}


/*This is the fill bar colour*/
.ui-widget-header {
background:url(fill.png) no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
border:0px solid blue;
}

a {
outline:none;
-moz-outline-style:none;
}
@media (max-width: 568px) {
	#wrapper {display:table; table-layout:fixed; zoom:0.92;  -ms-zoom:0.92; -webkit-zoom:0.92; -moz-transform:scale(0.92,0.91); -moz-transform-origin:1px 0 0}	
	}
@media (max-width:480px) {
	#wrapper {display:table; table-layout:fixed; zoom:0.8;  -ms-zoom:0.8; -webkit-zoom:0.8; -moz-transform:scale(0.8,0.8); -moz-transform-origin:0 0px 0}	
	}
@media (max-width:414px) {
#wrapper {display:table; table-layout:fixed; zoom:0.71}	
	}
@media (max-width:360px) {
	#wrapper {display:table; table-layout:fixed; zoom:0.62;  -ms-zoom:0.62; -webkit-zoom:0.62; -moz-transform:scale(0.62,0.62); -moz-transform-origin:0 1px 0}	
	}
@media (max-width:320px) {
	#wrapper {display:table; table-layout:fixed; zoom:0.55;  -ms-zoom:0.55; -webkit-zoom:0.55; -moz-transform:scale(0.54,0.52); -moz-transform-origin:1px 0 0}	
	}