.scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

.wn { 
	position:relative; 
	overflow:hidden;
}

.wn table { 
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;
}
.wn table p { 
	font-weight: normal;
	margin: 0;
	font-size: 8px;
}
div#wn1 { 
	width: 170px;
	height:185px; 
}
.scrollbar { 
  position:relative;
  top: 5px;
  width:11px; height:150px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}
.track { 
  position:absolute; left:0; top:0px;
  width:11px; height:420px;
  background-image:url("../SiteImgs/sliderbg.png");
  }
  .track2 { 
  position:absolute; left:0; top:0px;
  width:11px; height:320px;
  background-image:url("../SiteImgs/sliderbg.png");
  }
  .track3 { 
  position:absolute; left:0; top:0px;
  width:11px; height:258px;
  background-image:url("../SiteImgs/sliderbg.png");
  }  
.dragBar {
  position:absolute; left:0; top:0;
  width:11px; height:14px;
  background-image:url("../SiteImgs/scrolldot.png");
  background-repeat:no-repeat;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0;z-index: 100; }  
div#down { position:absolute; left:0; bottom:0;z-index: 100; }
div#up2 { position:absolute; left:0; top:0;z-index: 100; }  
div#down2 { position:absolute; left:0; bottom:0;z-index: 100; }
div#up3 { position:absolute; left:0; top:0;z-index: 100; }  
div#down3 { position:absolute; left:0; bottom:0;z-index: 100; }

/* for safari, to prevent selection problem  */
.scrollbar, .track, .dragBar
    {
    -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) */
.scrollbar img {
    display:block; 
    }