div#scrollbar1,div#scrollbar2,div#scrollbar3,div#scrollbar4,div#scrollbar5,div#scrollbar6,div#scrollbar7,div#scrollbar8,div#scrollbar9,div#scrollbar10 ,div#scrollbar11,div#scrollbar12,div#scrollbar13,div#scrollbar14, div#scrollbar15, div#scrollbar16  {
    display:block; /* initially display:none; to hide from incapable */
    }


    
div#scrollbar1 { 
  position:relative;
  width:11px; height:400px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
  div#scrollbar2 { 
  position:relative;
  width:11px; height:350px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
  div#scrollbar3 { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
  div#scrollbar4 { 
  position:relative;
  width:11px; height:490px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
div#scrollbar5 { 
  position:relative;
  width:11px; height:425px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
  div#scrollbar6 { 
  position:relative;
  width:11px; height:332px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  margin-top:5px;
  }
  
  div#scrollbar7 { 
  position:relative;
  width:11px; height:332px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  margin-top:5px;
  }
  
   div#scrollbar8 { 
  position:relative;
  width:11px; height:185px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
 div#scrollbar9 { 
  position:relative;
  margin-top:35px;
  width:11px; height:335px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
  div#scrollbar10 { 
  position:relative;
  width:11px; height:245px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
  div#scrollbar11 {
  margin-top:20px;
  position:relative;
  width:11px; height:270px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  div#scrollbar12 {
  margin-top:20px;
  position:relative;
  width:11px; height:255px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
    div#scrollbar13 {
  margin-top:20px;
  position:relative;
  width:11px; height:150px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
  div#scrollbar14 {
  position:relative;
  width:11px; height:450px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
  
  div#scrollbar15 {
  position:relative;
  width:11px; height:265px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
   div#scrollbar16 {
  position:relative;
  width:11px; height:323px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  float:left;
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:390px;
  background: transparent;
  }

div#track2 { 
  position:absolute; left:0; top:12px;
  width:11px; height:340px;
  background: transparent;
  }

div#track3 { 
  position:absolute; left:0; top:12px;
  width:11px; height:180px;
  background: transparent;
  }
  
div#track4 { 
  position:absolute; left:0; top:12px;
  width:11px; height:470px;
  background: transparent;
  }
  
 div#track5 { 
  position:absolute; left:0; top:12px;
  width:11px; height:400px;
  background: transparent;
  }
  
  div#track6 { 
  position:absolute; left:0; top:12px;
  width:11px; height:310px;
  background: transparent;
  }
  
  div#track7 { 
  position:absolute; left:0; top:12px;
  width:11px; height:310px;
  background: transparent;
  }
  
  div#track8 { 
  position:absolute; left:0; top:12px;
  width:11px; height:160px;
  background: transparent;
  }
  
    div#track9 { 
  position:absolute; left:0; top:12px;
  width:11px; height:310px;
  background: transparent;
  }
  
    div#track10 { 
  position:absolute; left:0; top:12px;
  width:11px; height:226px;
  background: transparent;
  }
  
  div#track11 { 
  position:absolute; left:0; top:12px;
  width:11px; height:246px;
  background: transparent;
  }
  
  div#track12 { 
  position:absolute; left:0; top:12px;
  width:11px; height:230px;
  background: transparent;
  }
  div#track13 { 
  position:absolute; left:0; top:12px;
  width:11px; height:125px;
  background: transparent;
  }
  
  div#track14 { 
  position:absolute; left:0; top:12px;
  width:11px; height:423px;
  background: transparent;
  }
  
  div#track15 { 
  position:absolute; left:0; top:12px;
  width:11px; height:240px;
  background: transparent;
  }
  
    
  div#track16 { 
  position:absolute; left:0; top:12px;
  width:11px; height:297px;
  background: transparent;
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }  

div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }  

div#dragBar3 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }  
 div#dragBar4 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }  
  
  div#dragBar5 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }  
  
  div#dragBar6 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }  
  
  div#dragBar7 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }  
  
  div#dragBar8 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }
  
    div#dragBar9 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }
  
    div#dragBar10 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }
  
  div#dragBar11 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }
  div#dragBar13 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }
    div#dragBar16 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#e6e0d6;
  }
div#up1 { position:absolute; left:0; top:0; }  
div#down1 { position:absolute; left:0; bottom:0; }
div#up2 { position:absolute; left:0; top:0; }  
div#down2 { position:absolute; left:0; bottom:0; }
div#up3 { position:absolute; left:0; top:0; }  
div#down3 { position:absolute; left:0; bottom:0; }
div#up4 { position:absolute; left:0; top:0; }  
div#down4 { position:absolute; left:0; bottom:0; }
div#up5 { position:absolute; left:0; top:0; }  
div#down5 { position:absolute; left:0; bottom:0; }
div#up6 { position:absolute; left:0; top:0; }  
div#down6 { position:absolute; left:0; bottom:0; }
div#up7 { position:absolute; left:0; top:0; }  
div#down7 { position:absolute; left:0; bottom:0; }
div#up8 { position:absolute; left:0; top:0; }  
div#down8 { position:absolute; left:0; bottom:0; }
div#up9 { position:absolute; left:0; top:0; }  
div#down9 { position:absolute; left:0; bottom:0; }
div#up10 { position:absolute; left:0; top:0; }  
div#down10 { position:absolute; left:0; bottom:0; }
div#up11 { position:absolute; left:0; top:0; }  
div#down11 { position:absolute; left:0; bottom:0; }
div#up13 { position:absolute; left:0; top:0; }  
div#down13 { position:absolute; left:0; bottom:0; }
div#up16 { position:absolute; left:0; top:0; }  
div#down16 { position:absolute; left:0; bottom:0; }
/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1,div#scrollbar7, div#track7,div#scrollbar16, div#track16,div#scrollbar11, div#track11,div#scrollbar9, div#track9,div#scrollbar10, div#track10,div#scrollbar8, div#track8,div#scrollbar5, div#track5,div#scrollbar6, div#track6,  div#scrollbar2, div#track2, div#scrollbar3, div#track3,  div#scrollbar4, div#track4, div#dragBar1, div#up1, div#down1, div#dragBar2, div#up2, div#down2, div#dragBar3, div#up3, div#down3 ,  div#dragBar4, div#up4, div#down4, div#dragBar5, div#up5, div#down5, div#dragBar6, div#up6, div#down6, div#dragBar7, div#up7, div#down7, div#dragBar8, div#up8, div#down8 , div#dragBar16, div#up16, div#down16 {
    -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, div#scrollbar2 img, div#scrollbar3 img,div#scrollbar4 img,div#scrollbar5 img, div#scrollbar6 img,div#scrollbar7 img, div#scrollbar8 img,div#scrollbar9 img,div#scrollbar10 img, div#scrollbar11 img,div#scrollbar12 img,div#scrollbar13 img, div#scrollbar16 img{
    display:block; 
    }