/* hide from incapable browsers */
div#scrollbar2 {
    display:block; /* initially display:none */
    }

div#wn2	{
	position: absolute;
	width: 570px;
	height: 275px;
	left: 40px;
	top: 140px;
	overflow: hidden;
	z-index: 50;/* */
	/*background-color: Aqua;*/
}
  
div#scrollbar2 {
	position: absolute;
	width: 12px;
	height: 274px;
	left: 618px;
	top: 142px;
	z-index: 51;
	font-size: 1px; /* so no gap or misplacement due to image vertical alignment */
	/*background-color: Aqua;*/
}
div#track2 {
	position: absolute;
	left: 0px;
	top: 38px;
	width: 12px;
	height: 200px;
	/*background: #336;*/
}
div#dragBar2 {
	position: absolute;
	left: 1px;
	top: 0px;
	width: 12px;
	height: 40px;
	/*background-color: #ceced6;*/
	cursor: pointer;
}  
div#up2 {
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 51;
}  
div#down2 {
	position: absolute;
	left: 2px;
	bottom: 0;
	top: 260px;
	z-index: 51;
}  

/* for safari, to prevent selection problem  */
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
    {
    -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#scrollbar2 img {
    display:block; 
    }