html, body{
	height:100%;
}

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

div#wn1  { 
  position:relative; 
  width:190px; 
 	overflow:hidden;
 	 height:200px;
 	
  }

  
div#scrollbar1 { 
  position:relative;
  width:14px; height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track1 { 
  position:absolute;
  width:14px;height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar1 {
  position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  
  }  
div#up1 {}  
div#down1 {}  

/* vertical scrollbar for wn2 */    

div#wn2	{ 
	position:relative; 
	width:190px;
	overflow:hidden;
	height:200px;
	}
	
div#scrollbar2 { 
  position:relative;
  width:14px; height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track2 { 
   position:absolute;
  width:14px;height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar2 {
   position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  }  
div#up2 {}  
div#down2 {} 


/* vertical scrollbar for wn3 */    

div#wn3	{ 
	position:relative; 
  width:190px; 
 	overflow:hidden;
 	 height:200px;
	}
	
div#scrollbar3 { 
  position:relative;
  width:14px;  height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track3 { 
   position:absolute;
  width:14px; height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar3 {
   position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  }  
div#up3{}  
div#down3 {} 

/* vertical scrollbar for wn4 */    

div#wn4	{ 
	position:relative; 
  width:190px; 
 	overflow:hidden;
 	 height:200px;
	}
	
div#scrollbar4 { 
  position:relative;
  width:14px;  height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track4 { 
   position:absolute;
  width:14px; height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar4 {
   position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  }  
div#up4{}  
div#down4 {} 

/* vertical scrollbar for wn5 */    

div#wn5	{ 
	position:relative; 
  width:190px; 
 	overflow:hidden;
 	 height:200px;
	}
	
div#scrollbar5 { 
  position:relative;
  width:14px;  height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track5 { 
   position:absolute;
  width:14px; height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar5 {
   position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  }  
div#up5{}  
div#down5 {} 
/* vertical scrollbar for wn6 */    

div#wn6	{ 
	position:relative; 
  width:190px; 
 	overflow:hidden;
 	 height:200px;
	}
	
div#scrollbar6 { 
  position:relative;
  width:14px;  height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track6 { 
   position:absolute;
  width:14px; height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar6 {
   position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  }  
div#up6{}  
div#down6 {} 


/* vertical scrollbar for wn7 */    

div#wn7	{ 
	position:relative; 
  width:190px; 
 	overflow:hidden;
 	 height:200px;
	}
	
div#scrollbar7 { 
  position:relative;
  width:14px;  height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track7 { 
   position:absolute;
  width:14px; height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar7 {
   position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  }  
div#up7{}  
div#down7 {} 


/* vertical scrollbar for wn8 */    

div#wn8	{ 
	position:relative; 
  width:190px; 
 	overflow:hidden;
 	 height:200px;
	}
	
div#scrollbar8 { 
  position:relative;
  width:14px;  height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track8 { 
   position:absolute;
  width:14px; height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar8 {
   position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  }  
div#up8{}  
div#down8 {} 


/* vertical scrollbar for wn9 */    

div#wn9	{ 
	position:relative; 
  width:190px; 
 	overflow:hidden;
 	 height:200px;
	}
	
div#scrollbar9 { 
  position:relative;
  width:14px;  height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track9 { 
   position:absolute;
  width:14px; height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar9 {
   position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  }  
div#up9{}  
div#down9 {} 


/* vertical scrollbar for wn10 */    

div#wn10	{ 
	position:relative; 
  width:190px; 
 	overflow:hidden;
 	 height:200px;
	}
	
div#scrollbar10 { 
  position:relative;
  width:14px;  height:200px;
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  border:0px solid #000;
  }
div#track10 { 
   position:absolute;
  width:14px; height:200px;
    background-image:URL(1.gif);

 
  }
div#dragBar10 {
   position:absolute;
  width:14px; height:5px;
   background-image:url(2.gif);
  z-index:1
  }  
div#up10{}  
div#down10 {} 




/* 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#up7, div#down7,
div#scrollbar8, div#track8, div#dragBar8, div#up8, div#down8,
div#scrollbar9, div#track9, div#dragBar9, div#up9, div#down9,
div#scrollbar10, div#track10, div#dragBar10, div#up10, div#down10
    {
    -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 {
    display:block; 
    }