/* hold div contains both scrolling content area and links in this example */
div#hold	{
	position:relative;
	overflow:hidden;
	width:381px;
	height:355px;
	z-index:100;
	left:380px;
	top:277px;
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:360px; height:350px; 
	clip:rect(0px, 360px, 350px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:2; 
	}
  
div#loading { visibility:visible; z-index:1 }
div#linksLyr { position:absolute; left:109px; top:310px; z-index:3 }
table#imgTbl { width:355px }


/* vertical scrollbar */
div#scrollbar1 { 
  position:absolute; 
  left:369px; top:-1px;
  width:11px; height:349px; 
  font-size:1px; z-index:2
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:328px;
  background: #336 url(../images/track.gif) repeat;
  z-index:1
  }
div#dragBar1 {
	position:absolute;
	left:0px;
	top:23px;
	width:9px;
	height:20px;
	background-color:#ceced6;
	z-index:1
  }  
div#up1 { position:absolute; left:0px; top:1px; z-index:2 }  
div#down1 {
	position:absolute;
	left:0px;
	bottom:0;
	z-index:3;
	top: 340px;
} 
  
/* Horizontal scrollbar */  
div#scrollbar2 { 
  position:absolute; 
  left:20px; top:185px;
  width:140px; height:11px;
  font-size:1px; z-index:3
  }
div#track2 { 
  position:absolute; left:12px; top:0;
  width:116px; height:11px; 
  background: url("/images/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:20px; height:9px; 
  background-color:#ceced6; z-index:1
  }  
div#left2 { position:absolute; left:0; top:0; z-index:2 }  
div#right2 { position:absolute; right:0; top:0; z-index:3 }  


/* Styles for demo, not necessary for scrolling layers */  
body { overflow:hidden }
	

a img { border:none }
table#lnks th { text-align:left; border-bottom:1px dashed #666 }
table#lnks td { text-align:center }