/* Styles for demo, not necessary for scrolling layers */  


/* Styles for scrolling layers and scrollbars  */
div#holder1 {
	position: relative;
	vertical-align: top;
	left:5px;
	top:6px;
	width:270px;
	height:100px;
	overflow:visible;
	z-index:500;
	text-align: left;

}
div#wn1  { 
 position: relative; float: left;
  width:295px; height:370px; 

  overflow:hidden; z-index:1
  }
/* op7 needs width set here too (?) */  
div#lyr1 { width:280px;  }
div.content {
	position:absolute;
	visibility:hidden;
	left:10px; right: 10px;

	top:4px;
	z-index:3;

  }  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 {	
	position: relative;
	float: right;
	visibility:hidden;
	left:0;
	top:0;
	width:11px;
	height:360px;
	font-size:1px;
	z-index:2;
	
	background-color: #ffffff;
  }
div#track1 {
	position: relative;
	left:0;
	top:12px;
	width:11px;
	height:360px;
	z-index:5;
	background-color: #ffffff;
	background-image: url(/images/nav/track.gif);
	background-repeat: repeat;
  }
div#dragBar1 {padding-bottom: 5px;
  position:absolute; left:1px; top:10px;
  width:9px; height:20px;
  background-color:#ffffff;
  z-index:6
  }  
div#up1 { position:absolute; left:0; top:0; z-index:7 }  
div#down1 { position:absolute; left:0; bottom:10; z-index:8 }  




/* vertical scrollbar for wn2 */