/* Copyright 2010 The CooperGroup*/

/* Text styles from here down to 'Scrollers' */

A                 {color: #444444; white-space: nowrap; text-decoration: none}
A:link            {color: #444444; white-space: nowrap; text-decoration: none}
A:hover           {color: #00703c; white-space: nowrap; text-decoration: none}
A:active          {color: #000000; white-space: nowrap; text-decoration: none}
A:visited         {color: #444444; white-space: nowrap; text-decoration: none}
A:visited:hover   {color: #00703c; white-space: nowrap; text-decoration: none}

.on A       	  {color: #00703c; white-space: nowrap; text-decoration: none;}

body              {margin: 0px}
i                 {font-weight: italic}
b                 {font-weight: bold}

#right 			  {float: right}

.head			  {font: 14px arial,helvetica,verdana,sans-serif; color: #00703C; font-weight: bold}
.nav              {font: 11px/16px arial,helvetica,verdana,sans-serif; white-space: nowrap;}
.hdr              {font: 12px/16px arial,helvetica,verdana,sans-serif; color: #444444; font-weight: bold}
.hdr2             {font: 16px/16px arial,helvetica,verdana,sans-serif; color: #00703c; font-weight: bold}
.hdr3             {font: 14px/16px arial,helvetica,verdana,sans-serif; color: #00703c;}
.hdr4             {font: 12px/16px arial,helvetica,verdana,sans-serif; color: #00703c; font-weight: bold}
.txt              {font: 12px/14px arial,helvetica,verdana,sans-serif; color: #888888;}
.txtcont          {font: 12px/14px arial,helvetica,verdana,sans-serif; color: #000000; padding: 10px 10px 10px 10px;}
.txtftr           {font: 9px/11px arial,helvetica,verdana,sans-serif; color: #444444;}

/*********************** SCROLLERS ***********************/

.root 		{
		position:relative;
		height:			180px;
		width:			320px;
		margin: 		0px 0px 8px 7px;		
		}
.root p 	{
		margin:			10px 10px 5px 10px;
		}
.thumb 		{
		position:		absolute;
		height:			9px;
		width:			15px;
		left: 			10px;
		}
.up, .dn 	{
		position:		absolute;
		left: 			10px;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:			0;
		}
.scrollContainer { 
		position:		absolute; 
		left:			2px; 
		top:			19px; 
		width:			320px; 
		height:			180px; 
		clip:			rect(0 320 180 0); 
		overflow:		auto; 
		background:		#fffffff;
		}
.scrollContent { 
		position:		absolute; 
		left:			0px; 
		top:			0px; 
		width:			100px; 
		}

/** continued pop up **/

.white_overlay {
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: white;
            z-index:2;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }

.div_pop { 
		position:		absolute; 
		top:			300px;
  		left: 			50%;
 	    margin-left: 	-150px;
		width:			350px; 
		height:			200px; 
		clip:			rect(0 200 300 0); 
		overflow:		auto; 
		background:		#eeeeee;
		display:		none;
		z-index:		2;
}

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:4;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}

.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 35%;
			width: 300px;
			height: 240px;
			padding-left: 10px;
			padding-right: 10px;
			vertical-align: text-top;
			border: 1px solid white;
			background-color: #eeeeee;
			z-index:5;
			overflow: auto;
}

.white_content_big {
			display: none;
			position: absolute;
			top: 2%;
  			left: 12%;
			width: 800px;
			height: 780px;
			padding: 0 px;
			border: 1px solid white;
			background-color: #eeeeee;
			z-index:10;
			overflow: auto;
}