/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* outermost element for the scroller (stays still) */
#scrollwrap {
	position:relative;
	overflow:hidden;
	width: 850px;	
	height:150px;
	border:0px solid #000;
	margin-bottom:15px;
	-moz-box-shadow:0 0 20px #666;
	-webkit-box-shadow:0 0 20px #666;
}

/* the element that moves forward/backward */
#scroll { 	
	position:relative;
	width:1500em;	
	padding:25px 0px;
/*	font:bold 90px  sans-serif; */
	height:150px;
/*	background:url(../img/pattern.png);*/
	color:#fff;
/*	text-shadow:5px 1px 1px #000;  */
	left:0px;
} 

.slider { 
	position:relative; 
	cursor:pointer;
	height:1px;
	border:2px solid #00118E;	
	width:500px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.progress {
	background-color:#00118E;
	height:3px;
	position:absolute;
	width:0;
}

.handle { 
	border:1px solid #cfcfcf;
	background-color:#fff;
	height:20px;
	width:80px;
	position:absolute; 
	top:-12px;
	display:block;
	cursor:move;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
}

.handle:active {
	background:blue;		
}

.range {
	display:none;
}