/* slider root element */
.slider { 
	height:33px; 
	position:relative; 
	cursor:pointer;
	border:0px solid black;;
	width:637px;
	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:-1px;
	margin-top:2px; 
	background:url(../png/scrolling_button.png) repeat-x 0 0; 
	width:83px;
	height:28px;

	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:480px) {
#container {display:table; table-layout:fixed; zoom:1;  -ms-zoom:1; -webkit-zoom:1; -moz-transform:scale(1,1); -moz-transform-origin:0 0;}
	}
@media (max-width:360px) {
#container {display:table; table-layout:fixed; zoom:0.92;  -ms-zoom:0.92; -webkit-zoom:0.92; -moz-transform:scale(0.9,0.9); -moz-transform-origin:0 0;}
	}
@media (max-width:320px) {
#container {display:table; table-layout:fixed; zoom:0.81;  -ms-zoom:0.81; -webkit-zoom:0.81; -moz-transform:scale(0.79,0.79); -moz-transform-origin:0 0;}
	}