/*
#scrollLinks {
	position: absolute;
	bottom: 40px;
	width: 10px;
	height: 350px;
	left: 930px;
}

a.mouseover_up {
	position: absolute;
	top: 0;
}

a.mouseover_down {
	position: absolute;
	bottom: 0;
}
*/

div#scrollbar {	
  	position: absolute;
  	width:10px; height: 350px; 
  	font-size:1px;
	right: 10px;
	padding: 0;
	margin: 0;
	top: 135px;
}
div#track { 
  	position:absolute; left:0;
  	width:10px; height:326px;
  	background: #e6e6e6;
	top: 12px;
	visibility: hidden;
}
div#dragBar {
  	position:absolute; left:1px; top:1px;
  	width:8px; height:20px;
  	background-color: #000;
	visibility: hidden;
}  
div#up { 
	position:absolute; 
	left:2px; top:0; 
}  
div#down { 
	position:absolute; 
	left:2px; bottom:0; 
}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
}