/* 

   Styles for scrolling layers  

	 Specify width and height in hold and wn, and in clip for wn 

*/



/* box 1 */

div#hold	{ 

	position:relative; overflow:hidden;

	width:800px; height:396px; 

  	z-index:90; 

	}

div#wn	{ 

	position:absolute; 

	left:10px; top:0px; 

	width:800px; height:396px; 

	clip:rect(0px, 800px, 396px, 0px); 

	overflow:hidden;	

	z-index:1; 

	}

div.wncontent { 

	position:absolute; visibility:hidden;

	left:0px; top:0px; 

	z-index:1; 

	}



/* Set small font-size or size/position of div's will be off in some browsers  */

div#scrollbar { 

  position:relative; left:10px; top:0;

  width:20px; height:396px; 

  font-size:1px; z-index:1;

  }

div#track { 

  cursor: pointer;

  position:absolute; left:0; top:10px;

  width:11px; height:376px;

  background: url("/images/vertBg.png") #FFFFFF repeat;

  background-position: 2px 0px;

  z-index:1;

  }

div#dragBar {

  position:absolute; left:0px; top:1px;

  width:10px; height:20px;

  background: url("/images/vertSlider.gif") #FFFFFF repeat-y;

  z-index:1;

  }  

div#up { position:absolute; left:0; top:0; z-index:2 }  

div#down { position:absolute; left:0; bottom:0; z-index:3 }  



/* box 2 */

div#hold_2	{ 

	position:relative; overflow:hidden;

	width:180px; height:126px; 

  	z-index:90; 

	}

div#wn_2	{ 

	position:absolute; 

	left:0px; top:0px; 

	width:175px; height:126px; 

	clip:rect(0px, 175px, 126px, 0px); 

	overflow:hidden;	

	z-index:1; 

	}



div#scrollbar_2 { 

  position:relative; left:0; top:0;

  width:20px; height:126px; 

  font-size:1px; z-index:1;

  }

div#track_2 { 

  cursor: pointer;

  position:absolute; left:0; top:10px;

  width:11px; height:106px;

  background: url("/images/dyn_track.gif") #ECE6D1 no-repeat;

  background-position: 2px 0px;

  z-index:1;

  }

div#dragBar_2 {

  position:absolute; left:0px; top:1px;

  width:10px; height:20px;

  background: url("/images/dyn_scroll.gif") #1A6015 repeat;

  z-index:1;

  }  

div#up_2 { position:absolute; left:0; top:0; z-index:2 }  

div#down_2 { position:absolute; left:0; bottom:0; z-index:3 }  



/* box 3 */

div#hold_3	{ 

	position:relative; overflow:hidden;

	width:180px; height:126px; 

  	z-index:90; 

	}

div#wn_3	{ 

	position:absolute; 

	left:0px; top:0px; 

	width:175px; height:126px; 

	clip:rect(0px, 175px, 126px, 0px); 

	overflow:hidden;	

	z-index:1; 

	}



div#scrollbar_3 { 

  position:relative; left:0; top:0;

  width:20px; height:126px; 

  font-size:1px; z-index:1;

  }

div#track_3 { 

  cursor: pointer;

  position:absolute; left:0; top:10px;

  width:11px; height:106px;

  background: url("/images/dyn_track.gif") #ECE6D1 no-repeat;

  background-position: 2px 0px;

  z-index:1;

  }

div#dragBar_3 {

  position:absolute; left:0px; top:1px;

  width:10px; height:20px;

  background: url("/images/dyn_scroll.gif") #1A6015 repeat;

  z-index:1;

  }  

div#up_3 { position:absolute; left:0; top:0; z-index:2 }  

div#down_3 { position:absolute; left:0; bottom:0; z-index:3 }