@charset "utf-8";
/* CSS Document */

div#scrollbar {

    display:block; /* initially display:none; to hide from incapable */

    }



div#wn	{
	position:relative;
	width:450px;
	height:340px;
	overflow:hidden;
	z-index:1;
	}

 div#lyr1{ width:450px;}   

div#scrollbar { 
position:absolute;
	  visibility:hidden; 
	  width:10px;
	  height:340px;
	  background-image:url(images/track.jpg);background-repeat:repeat-y;background-position:center;
	  z-index:2;
	  font-size:1px;

  }

div#track { 

   position:absolute;
  left:-10px; 
  width:2px;
  height:1000px;
  /*background-image: url(../images/image2.jpg); background-repeat:no-repeat;background-position:center;*/
 /* background-color:#FFFFFF;*/
  z-index:1; 

 /* background: #336;*/

  }

div#dragBar {
position:absolute;
  left:0px; 
  top:0px; 
  height:65px;
  width:7px;
  z-index:1;
  margin-left:10px;
  background-image: url(images/dragbar.jpg);background-repeat:no-repeat;background-position:top; 
  border:0px solid red;
  cursor:pointer;
  }  

div#up { position:absolute; left:0; top:0; }  

div#down { position:absolute; left:0; bottom:0; }



/* for safari, to prevent selection problem  */

div#scrollbar, div#track, div#dragBar, div#up, div#down {

    -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 {

    display:block; 

    }