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:475px; height:545px; overflow:hidden; }
div#scrollbar1 {  position:relative;float:left;  width:15px; height:545px; font-size:1px; }
div#track1 { position:absolute; left:0; top:12px; width:10px; height:521px; background: #131433; margin-left:3px; }
div#dragBar1 { position:absolute; left:0px; top:1px; width:8px; height:20px; background-color:#FED000; 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;}

/* vertical scrollbar for wn2 */    
div#wn2  {  height:522px; position:relative; float:left;  width:242px;   margin-top:10px;  font-size:70%;  overflow:hidden;  }
div#scrollbar2 {  height:522px; position:relative;float:left;  margin-top:5px;  width:15px;  font-size:1px;    }
div#track2 {height:496px;   position:absolute; left:0; top:13px;  width:10px;  background: #000000;  margin-left:1px;  }
div#dragBar2 { position:absolute; left:1px; top:1px;  width:8px; height:20px;  background-color:#FFFFFF;  z-index:1  }  
div#up2 { position:absolute; left:0; top:0; z-index:2 }  
div#down2 { position:absolute; left:0; bottom:0; z-index:3 }  
 #lyr2 {padding-left:10px;padding-right:10px;padding-top:0px;}
 
div#wn3  { height:240px;position:relative; float:left; width:403px;   margin-top:0px; font-size:70%; overflow:hidden; }
div#scrollbar3 {  height:240px; position:relative;float:left; margin-top:0px; width:15px;  font-size:1px; }
div#track3 {height:214px; position:absolute; left:0; top:13px; width:10px; background: #000000; margin-left:1px; }
div#dragBar3 { position:absolute; left:1px; top:1px; width:8px; height:20px; background-color:#FFFFFF; z-index:1}  
div#up3 { position:absolute; left:0; top:0; z-index:2 }  
div#down3 { position:absolute; left:0; bottom:0; z-index:3 }  
#lyr3 {padding-left:20px;padding-right:10px;padding-top:0px;}
 
 div#wn4  { height:230px;position:relative; float:left; width:242px;  margin-top:50px; font-size:70%; overflow:hidden; }
div#scrollbar4 { height:230px;  position:relative;float:left; margin-top:50px; width:15px; font-size:1px; }
div#track4 {height:204px; position:absolute; left:0; top:13px; width:10px;  background: #000000; margin-left:1px; }
div#dragBar4 { position:absolute; left:1px; top:1px; width:8px; height:20px; background-color:#FFFFFF; z-index:1}  
div#up4 { position:absolute; left:0; top:0; z-index:2 }  
div#down4 { position:absolute; left:0; bottom:0; z-index:3 }  
#lyr4 {padding-left:10px;padding-right:10px;padding-top:0px;}

div#wn5  {  height:522px; position:relative; float:left;  width:410px;   margin-top:10px;   overflow:hidden;  }
div#scrollbar5 {  height:532px; position:relative;float:left;  margin-top:5px;  width:15px;  font-size:1px;    }
div#track5 {height:506px;   position:absolute; left:0; top:13px;  width:10px;  background: #000000;  margin-left:1px;  }
div#dragBar5 { position:absolute; left:1px; top:1px;  width:8px; height:20px;  background-color:#FFFFFF;  z-index:1  }  
div#up5 { position:absolute; left:0; top:0; z-index:2 }  
div#down5 { position:absolute; left:0; bottom:0; z-index:3 }  
 #lyr5 {padding-left:0px;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; 
    } 
