/* Styles for demo, not necessary for scrolling layers */  
body { font: 12px verdana, arial, helvetica, sans-serif; overflow:auto; }
h1 { font-size:1.5em }
h2 { font-size:1.2em }
h1, h2, p { margin:0 0 .5em 0 }
a:link { color:#33c; font-size:12px }	
a:visited { color:#339 }	
a img { border:none;  }
/*div#footer { position:absolute; left:10px; top:280px; z-index:103 }*/

/* Styles for scrolling layers and scrollbars  */
div#holder1, div#holder2 {
	width:269px;height:auto;
	overflow:hidden;
	z-index:100;
	float: left;
	margin: 0 11px 0 0;
}
div#wn1, div#wn2  {
	position:relative;
	left:0px;top:0px;
	width:269px;height:269px;
	clip:rect(0, 269px, 269px, 0);
	overflow:hidden;
	z-index:1;
	margin: 0 0 0 0;
}

div#popup_wn  {
	position:relative;
	left:0;
	top:auto;
	width:250px;
	height:250px;
	clip:rect(0, 260px, 230px, 0);
	overflow:hidden;
	z-index:1;
	margin: 0 0 12px 0;
	border:1px solid #000;
	padding: 0;
}

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

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1, div#scrollbar2 { 
	position:relative; visibility:visible;
	left:258px; top:-270px;
	width:11px; height:280px; 
	font-size:1px; z-index:2;
}

div#popup_scrollbar { 
	position:relative; visibility:visible;
	left:258px; top:-270px;
	width:11px; height:280px; 
	font-size:1px; z-index:2;
}

div#track1, div#track2 {
	position:absolute;
	left:0px;
	top:10px;
	width:11px;
	height:260px;
	z-index:1;
	background: url(../images/scroller/tracker.gif) repeat-y;
	overflow:hidden;
	/*background-repeat: repeat-y;*/
}

div#popup_track {
	position:absolute;
	left:0;
	top:12px;
	width:11px;
	height:260px;
	z-index:1;
	background-image: url(../images/scroller/tracker.gif);
	background-repeat: repeat-y;
}


div#dragBar1, div#dragBar2, div#popup_dragBar {
	position:absolute;
	left:0px;
	width:12px; 
	z-index:1;
	background: url(../images/scroller/slider.gif) no-repeat;
}  
 

div#up1, div#up2, div#popup_up { position:absolute; left:0; top:0; z-index:2; }  
div#down1, div#down2, div#popup_down { position:absolute; left:0; bottom:0; z-index:3; }  

div#holder2_title	{ 
	position:relative; 
	left:310px; top:-220px;
	width:250px; height:20px; 
	margin: 0px; padding:0px;
	overflow:hidden; z-index:150;
}
/* vertical scrollbar for wn2 */    
/*div#scrollbar2 { 
	position:relative; visibility:hidden;
	left:234px; top:-240px;
	width:11px; height:250px; 
	font-size:1px; z-index:2
}
div#track2 { 
	position:absolute; left:0; top:12px;
	width:11px; height:230px;
	background: #336 repeat;
	z-index:1;
}
/*
div#dragBar2 {
	position:absolute; left:1px; top:1px;
	width:9px; height:25px;
	background-color:#ceced6;
	z-index:1;
} */