/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
.hold	{
	position:relative; overflow:hidden;
	width:410px; height:285px; 
  	z-index:100; 
	}
div#wn	{ 
	position: relative; 
	left:0px; top:0px; 
	width:410px; height:285px;
	clip:rect(0px, 410px, 285px, 0px);
	overflow:hidden;	
	z-index:1; 
	}
div.content {
	position:absolute;
	left:0px;
	top:0px;
	width: 400px;
	z-index:1;
	visibility: hidden;
	padding-right: 10px;
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
.scrollbar {
	position:relative;
	overflow:hidden;
	width:13px;
	height:285px;
	z-index:100;
	top: 0px;
	left: 10000px;
  }
div#track { 
  position:relative; left:0; top:16px;
  width:13px; height:253px;
  background: url(../images/scroll/track.gif) repeat-y;
  z-index:1;
  }
div#dragBar {
	position:relative;
	top:1px;
	background: url(../images/scroll/drag.gif) repeat-y;
	width:13px;
	height:20px;
	z-index:1;
	border: none;
  }  
div#up { position:absolute; left:0px; top:0px; z-index:2 }  
div#down {position:absolute; left:0px; bottom:0; z-index:3;	top:269px;}  
/* Styles for demo, not necessary for scrolling layers */  	
table.main { 
  width:410px;
  height: 300px;
 }
 /*---------------------------------------------------*/
 /*---------------------------------------------------*/
 /*---------------------------------------------------*/
 /*---------------------------------------------------*/
.holdRig	{ 
	position:relative; overflow:hidden;
	width:300px; height:215px; 
  	z-index:100; 
	}
div#wnRig	{ 
	position: relative; 
	left:0px; top:0px; 
	width:300px; height:215px;
	clip:rect(0px, 300px, 215px, 0px);
	overflow:hidden;	
	z-index:1; 
	}
div.contentRig {
	position:absolute;
	left:0px;
	top:0px;
	width: 300;
	z-index:1;
	visibility: hidden;
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
.scrollbarRig {
	position:relative;
	overflow:hidden;
	width:13px;
	height:215px;
	z-index:100;
	top: 0px;
	left: 10000px;
  }
div#trackRig { 
  position:relative; left:0; top:16px;
  width:13px; height:183px;
  background: url(../images/scroll/track.gif) repeat-y;
  z-index:1;
  }
div#dragBarRig {
	position:relative;
	top:1px;
	background: url(../images/scroll/drag.gif) repeat-y;
	width:13px;
	height:20px;
	z-index:1;
	border: none;
  }  
div#upRig { position:absolute; left:0px; top:0px; z-index:2 }  
div#downRig {position:absolute; left:0px; bottom:0; z-index:3;	top:199px;}  
/* Styles for demo, not necessary for scrolling layers */  	
table.mainRig { 
  width:300px;
  height: 230px;
 }
 .cods{
 height: 10px;
 font-size:10px;
 }
 
 
/*
   Styles for scrolling layers
	 Specify width and height in hold and wn, and in clip for wn
*/
.holdRef	{
	position:relative; overflow:hidden;
	left:23px;
	width:315px; height:195px;
  	z-index:100;
	}
div#wnRef	{
	position: relative;
	left:0px; top:0px;
	width:315px; height:195px;
	clip:rect(0px, 315px, 195px, 0px);
	overflow:hidden;
	z-index:1;
	}
div.contentRef {
	position:absolute;
	left:0px;
	top:0px;
	width: 315px;
	z-index:1;
	visibility: visible;
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
.scrollbarRef {
	position:relative;
	overflow:hidden;
	width:13px;
	height:199px;
	z-index:100;
	top: 0px;
	left: 10000px;
  }
div#trackRef {
  position:relative; left:0; top:16px;
  width:13px; height:167px;
  background: url(../images/scroll/track.gif) repeat-y;
  z-index:1;
  }
div#dragBarRef {
	position:relative;
	top:1px;
	background: url(../images/scroll/drag.gif) repeat-y;
	width:13px;
	height:20px;
	z-index:1;
	border: none;
  }
div#upRef { position:absolute; left:0px; top:0px; z-index:2 }
div#downRef {position:absolute; left:0px; bottom:0; z-index:3;	top:183px;}
/* Styles for demo, not necessary for scrolling layers */
td#scrollLinksRef  {
	width:24px;
	padding-left: 19px;
}
table.mainRef {
  background: url(../images/references/reflistbg.gif) no-repeat;
  width:380px;
  height: 229px;
 }
 
 
 
 /*---------------------------------------------------*/
 /*---------------------------------------------------*/
 /*---------------------------------------------------*/
 /*---------------------------------------------------*/
.holdRigBig	{
	position:relative; overflow:hidden;
	width:444px; height:280px;
  	z-index:100;
	}
div#wnRigBig	{
	position: relative;
	left:0px; top:0px;
	width:400px; height:280px;
	clip:rect(0px, 400px, 280px, 0px);
	overflow:hidden;
	z-index:1;
	}
div.contentRigBig {
	position:absolute;
	left:0px;
	top:0px;
	width: 400px;
	z-index:1;
	visibility: hidden;
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
.scrollbarRigBig {
	position:relative;
	overflow:hidden;
	width:13px;
	height:287px;
	z-index:100;
	top: 0px;
	left: 10000px;
  }
div#trackRigBig {
  position:relative; left:0; top:16px;
  width:13px; height:255px;
  background: url(../images/scroll/track.gif) repeat-y;
  z-index:1;
  }
div#dragBarRigBig {
	position:relative;
	top:1px;
	background: url(../images/scroll/drag.gif) repeat-y;
	width:13px;
	height:20px;
	z-index:1;
	border: none;
  }
div#upRigBig { position:absolute; left:0px; top:0px; z-index:2 }
div#downRigBig {position:absolute; left:0px; bottom:0; z-index:3; top:268px;}
/* Styles for demo, not necessary for scrolling layers */
table.mainRigBig {
  width:100%;
  height: 300px;
 }




 /*---------------------------------------------------*/
 /*---------------------------------------------------*/
 /*---------------------------------------------------*/
 /*---------------------------------------------------*/
.holdLeftFull	{
	position:relative; overflow:hidden;
	width:444px; height:320px; /*280*/
  	z-index:100;
	}
div#wnLeftFull	{
	position: relative;
	left:0px; top:0px;
	width:400px; height:320px;
	clip:rect(0px, 400px, 320px, 0px);
	overflow:hidden;
	z-index:1;
	}
div.contentLeftFull {
	position:absolute;
	left:0px;
	top:0px;
	width: 400px;
	z-index:1;
	visibility: hidden;
}

/* Set small font-size or size/position of div's will be off in some browsers  */
.scrollbarLeftFull {
	position:relative;
	overflow:hidden;
	width:13px;
	height:327px;    /*287*/
	z-index:100;
	top: 0px;
	left: 10000px;
  }
div#trackLeftFull {
  position:relative; left:0; top:16px;
  width:13px; height:295px;   /*295*/
  background: url(../images/scroll/track2.gif) repeat-y;
  z-index:1;
  }
div#dragBarLeftFull {
	position:relative;
	top:1px;
	background: url(../images/scroll/drag.gif) repeat-y;
	width:13px;
	height:20px;
	z-index:1;
	border: none;
  }
div#upLeftFull { 
	position:absolute; 
	left:0px; 
	top:0px; 
	z-index:2 
}
div#downLeftFull {position:absolute; left:0px; bottom:0; z-index:3; top:310px;} /*308*/
/* Styles for demo, not necessary for scrolling layers */
table.mainLeftFull {
  margin-left:5px;
  width:100%;
  height: 340px;  /*300*/
 }