#scrollbar {
	display:block; /* initially display:none; to hide from incapable */
}
#wn	{ 
	position: relative;
	width: 353px;
	height: 315px;
	overflow: hidden;
}
#scrollbar { 
  position: absolute;
	right: 2px;
	top: 3px;
  width: 10px;
	height: 309px;
  font-size: 1px;  /* so no gap or misplacement due to image vertical alignment */
}
#track { 
  position: absolute;
	left: 2px;
	top: 8px;
  width: 6px;
	height: 293px;
  background: #efefef;
}
#dragBar {
  position:absolute;
	left: 0;
	top: 2;
	margin-left: -1px;
  width: 8px;
	height: 20px;
  background-color: #747F81;
}  
#up {
	position: absolute;
	left: 0;
	top: 0;
}  
#down {
	position: absolute;
	left: 0;
	bottom: 0;
}

/* for safari, to prevent selection problem  */
#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) */
#scrollbar img {
	display: block; 
}