/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ 
	position: relative; overflow: hidden;
	width:  320px; 
	height:  430px; 
  	z-index:  100; 
	}
div#wn	{ 
	position: absolute; 
	left: 0px; top: 0px; 
	width:  320px; height:  430px; 
	clip: rect(0px, 320px, 430px, 0px); 
	overflow: hidden;	
	z-index: 1; 
	}
div.content { 
	position: absolute; visibility: hidden;
	left: 0px; top: 0px; 
	z-index: 1; 
	}
div#scrollbar { 
  position: relative; left: 0; top: 0;
  width: 11px; height: 400px; 
  font-size: 1px; z-index: 1;
  }
div#track { 
  position: absolute; left: 0; top: 12px;
  width: 11px; height: 376px;
  background-image:  url("../gfx/drag_btt.png");
  background-repeat: repeat-y;
  z-index: 1;
  }
div#dragBar {
  position:  absolute; left: 1px; top: 1px;
  width: 9px; height: 20px;
  background-image:  url("../gfx/dragger.png");
  background-repeat: repeat-y;
  z-index: 1;
 }  
 div#dragBar:hover {
  cursor: pointer;
 background-image:  url("../gfx/dragger_hv.png"); 
 } 
div#up { position: absolute; left: 0; top: 0; z-index: 2 }  
div#down { position: absolute; left: 0; bottom: 0; z-index: 3 }