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

div#wn1{
position:relative;
height:180px;
overflow:hidden;
}

div#wn2, div#wn3, div#wn4, div#wn5, div#wn6, div#wn7, div#wn8, div#wn9, div#wn10 {
  position:relative;
  height:160px;
  overflow:hidden;
  }
  
div#wn11{
position:relative;
height:120px;
overflow:hidden;
}
 


div#scrollbar1, div#scrollbar2, div#scrollbar3, div#scrollbar4, div#scrollbar5, div#scrollbar6, div#scrollbar7, div#scrollbar8, div#scrollbar9, div#scrollbar10, div#scrollbar11 {
  position:relative;
  width:11px; /*height:355px;*/
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  
  }
div#track1, div#track2, div#track3, div#track4, div#track5, div#track6, div#track7, div#track8, div#track9, div#track10, div#track11  {
  position:absolute; left:0; top:0px;
  width:8px; /*height:335px;*/
  background: #dde0e5;
  }
div#dragBar1, div#dragBar2, div#dragBar3, div#dragBar4, div#dragBar5, div#dragBar6, div#dragBar7, div#dragBar8, div#dragBar9, div#dragBar10, div#dragBar11  {
  position:absolute; left:0px; top:1px;
  width:7px; height:50px;
  background-color:#92a4b8;
  z-index:1
  }
div#up1, div#up2, div#up3, div#up4, div#up5, div#up6, div#up7, div#up8, div#up9, div#up10, div#up11  { position:absolute; left:1px; top:0; z-index:2 }
div#down1, div#down2, div#down3, div#down4, div#down5, div#down6, div#down7, div#down8, div#down9, div#down10, div#down11  { position:absolute; left:1px; bottom:0; z-index:3 }

/* 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,
div#scrollbar6, div#track6, div#dragBar6, div#up6, div#down6,

div#scrollbar7, div#track7, div#dragBar7, div#up2, div#down7,
div#scrollbar8, div#track8, div#dragBar8, div#up3, div#down8,
div#scrollbar9, div#track9, div#dragBar9, div#up4, div#down9,
div#scrollbar10, div#track10, div#dragBar10, div#up5, div#down10,
div#scrollbar11, div#track11, div#dragBar11, div#up1, div#down11
    {
    -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,
div#scrollbar6 img, 
div#scrollbar7 img, 
div#scrollbar8 img, 
div#scrollbar9 img,
div#scrollbar10 img,  
div#scrollbar11 img  {
    display:block;
    }