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

.wn { 
	position:relative; 
	overflow:hidden;
}
.wn h1 { 
	font-weight: bold;
	font-size: 9px;
	margin: 0 0 3px 0;
}
.wn h2 { 
	font-weight: bold;
	font-size: 9px;
	margin: 5px 0 5px 0;
}
.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; 
}
div#wn2	{ 
	width: 180px;
	height:170px;
}
  
.scrollbar { 
  position:relative;
  top: -10px;
  width:11px; height:150px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}
.track { 
  position:absolute; left:0; top:12px;
  width:11px; height:415px;
  background-image:url("../SiteImgs/sliderbg.png");
  }
.dragBar {
  position:absolute; left:0; top:0;
  width:11px; height:11px;
  background-image:url("../SiteImgs/scrolldot.png");
  background-repeat:no-repeat;
  z-index:1;
  }  


/* 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; 
    }