div#scrollbar1, div#scrollbar2, div#scrollbar3, div#scrollbar4, div#scrollbar5 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn1  { position:relative; float:left; width:376px; height:300px;  margin-top:10px; font-size:70%; overflow:hidden; }
div#scrollbar1 {  position:relative;float:left;  width:15px; height:325px; font-size:1px; }
div#track1 { position:absolute; left:0; top:13px; width:10px; height:300px; background: #FFFFFF; margin-left:1px; }
div#dragBar1 { position:absolute; left:1px; top:1px; width:8px; height:20px; background-color:#F2DD1E; z-index:1}  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }  
#lyr1 {padding-left:20px;padding-right:10px;padding-top:0px;}

  



/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1,
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
div#scrollbar3, div#track3, div#dragBar3, div#up3, div#down3,
div#scrollbar4, div#track4, div#dragBar4, div#up4, div#down4
div#scrollbar5, div#track5, div#dragBar5, div#up5, div#down5
    {
    -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#scrollbar1 img, div#scrollbar2 img, div#scrollbar3 img, div#scrollbar4 img, div#scrollbar5 img {
    display:block; 
    }