/**** GLOBAL ****/

* {
	padding:0; 
	margin:0;
	}
body {	
	margin: 20px auto 0 auto;	
	background-color: #98B95E; 	
	font: 12px Arial, helvetica, Sans-serif !important;						
	text-align: justify;
	}
		
img	{border: none;}	

textarea {font: 12px Arial, helvetica, Sans-serif !important;}
			
/****  DIV CLASSES ****/

.wrapper {
	width: 975px;
	border: solid 0px #999999;
	text-align: left;
	background-color: white;
	margin: auto;
	}	
	
.reportwrapper {
	width: 1000px;
	border: solid 0px #999999;
	text-align: left;
	background-color: white;
	margin: auto;
	}	
	
.activityreportbody {
	margin: 20px auto 0 auto;	
	background-color: white; 	
	font: 12px Arial, helvetica, Sans-serif !important;						
	text-align: justify;
	}	
	
.activityreportwrapper {
	width: 610px;
	border: solid 0px #999999;
	text-align: left;
	background-color: white;
	margin: auto;
	}	
		
.purchasereportwrapper {
	width: 800px;
	border: solid 0px #999999;
	text-align: left;
	background-color: white;
	margin: auto;
	}	
.header {
	background: url("images/Agrecovery-header.gif") no-repeat; background-color: #455660;
	}
.banner {
	width: 615px;
	float: right;
	height: 130px;	
	}	
	
.activityreportbanner 
{
	text-align:center;
	margin: 0 auto 0 auto;
	width: 610px;
	height: 73px;	
	}	
	
.memberlogin 
{	
	float: left;	
	width: 338px;
	height: 110px;
	padding-left: 5px;
	color: white;	
	font-size: 11px;
	margin-top: 13px;	
	margin-left: 17px;
	}	
.login {	
	margin: 7px;
	padding: 5px;
	border: solid 1px #98B95E;
	}
.logout {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 15px auto auto;	
	}	
.clear {
	clear: both;	
	}	
.main_menu 
{	
	background-color: #455660;
	clear: both;
	padding-left:170px;
	}	
.title {
	}
.search {
	}
.content {
	margin-top: 0px;
	background-color: #455660;	
	}


	
.content_left {
	margin-top: 20px;
	width: 202px;
	float: left;		
	text-align: center;	
	}
.content_right {
	margin-top: 10px;
	padding-top: 15px;
	width: 763px;	
	float: right;
	padding-left: 10px;	
	background-color: White;
	}
	
.report_main {
	margin-top: 20px;
	width: 1200px;
	text-align: center;	
	background-color: #eeeeee;
	}	
		
.report_left {
	width: 520px;
	float: left;	
	margin: 0;	
	margin-left: 50px;
	text-align: center;	
	vertical-align: top;
	border: solid 0px black;
	padding: 0;

	}
.report_right {
	width: 520px;	
	float: right;
	margin: 0;
	margin-left: 0px;
	margin-right: 50px;		
	background-color: White;
	text-align: center;
	vertical-align: top;
	background-color: #eeeeee;
	border: solid 0px black;
	padding: 0;
	}
	
img.compliancecertificateleft	{text-align: center; vertical-align: middle; margin-left: 20px; border: 0;}	
img.compliancecertificateright	{text-align: center; vertical-align: middle; margin: 0 auto 0 auto; border: 0;}
td.compliancecertificateright	{text-align: center; vertical-align: middle; margin: 0 auto 0 auto; border: 0; background-color: White;}	
	

table.compliancecertificate	{text-align: center; vertical-align: middle; width: 500px; background-color: #eeeeee; border-spacing: 0;}	
.compliancecertificate		{font: 11px Arial black, helvetica, Sans-serif !important; font-weight: lighter; color: #455660; text-align: left; background-color: White; border: solid 0px #eeeeee;}
.compliancecertificatetext	{font: 11px Arial, helvetica, Sans-serif !important; color: black; text-align: left; background-color: White; border: solid 0px #eeeeee;}


td.compliancecertificate {border: solid 2px white; text-align: left;}
	
	
.footer {	
	margin-top: 0 auto 0 auto;
	text-align: center;
	clear: both;
	background: url("images/footer.gif") no-repeat;
	height: 40px;	
	}
.footer_left {
	width: 202px;
	float: left;	
	text-align: center;	
}
.footer_right {
	width: 760px;	
	float: right;
	margin-left: 10px;
	margin-top: 10px;	
}
	
		
/****  TEXT ****/		

h1 {
	font-size:22px;
	color: #455660;
	}
h2 {
	font-size:20px;
	color: #455660;

	}
h3 {
	font-size:18px;
	color: #455660;
	}
h4 {
	font-size:16px;
	color: #455660;
	}
.notetext {
	font-size: 10px;	
	font-style: italic;
	}	
.productname {
	font-size:14px;
	color: #98B95E;
	font-weight: bold;
	}

.floatleft 
{
	float: left;
	width: 200px;
	margin:0 auto 0 auto;
	}

.floatright 
{
	float: right;
	width: 400px;
	margin-right: 100px;
	}

.reportsection_1 {Margin-top: 0px;}
.reportsection_2 {Margin-top: 30px;}
.reportsection_3 {Margin-top: 30px;}
.reportsection_4 {Margin-top: 30px; float: right;}
	
.reportheading_1 {Margin-top: 30px;}
.reportheading_2 {Margin-top: 30px;}
.reportheading_3 {Margin-top: 30px;}

.reportnarrative {Margin-top: 30px;}


.divbuttons {Margin-top: 10px; float: right;
}


.footertext {
	font-size: 10px;
	color: #000000;
	line-height: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}	
.message {color:red;}
.carttext	{Color: black;}
.bold	{font-weight: bold;}	
.italic	{font-style: italic;}	
.note	{font-size: 11px; font-style: italic;}
.agrecoverytext14	{font-weight: bold; font-size: 14px; color: #7A8E3E;}	
.agrecoverytext22 {font-weight: bold; font-size: 22px; color: #7A8E3E;}
	
/**** TABLES ****/
.table_login	{width: 318px;}
.table_button	{width: 725px;}
.table_memberdetail td			{line-height: 200%; padding-left: 10px;}
.table_memberdetail td.label	{width: 190px; vertical-align: top;}
.table_memberdetail td.data		{width: 540px; vertical-align: top;}
.activityreports td.label		{width: 100px; vertical-align: top;}
.activityreports td.data		{width: 120px; vertical-align: top;}
.extracts td.label		{width: 100px; vertical-align: top;}
.extracts td.data		{vertical-align: top;}

tr.reportinggroupheading {font-weight: bold; background-color: gray; color: White;}

table.reportinggroupheading		{margin: 0; padding: 0; border-top: solid 1px black; border-right: solid 1px black;}
table.reportinggroupdetail		{margin: 0; padding: 0; border-right: solid 1px black;}

td.reportinggroupmemberno {width: 75px; border-bottom: solid 1px black; border-left: solid 1px black;}
td.reportinggroupname {width: 150px; border-bottom: solid 1px black; border-left: solid 1px black;}
td.reportinggroupcompany {width: 150px; border-bottom: solid 1px black; border-left: solid 1px black;}
td.reportinggroupaddress {width: 250px; border-bottom: solid 1px black; border-left: solid 1px black;}

td.label	{text-align: right; vertical-align: top;}
td.data		{padding: 0 0 2px 5px; vertical-align: bottom;}

td.purchasecolumn1	{width: 450px; vertical-align: top; padding-right: 20px; padding-top: 20px;}
td.purchasecolumn2	{width: 250px; padding-top: 20px;}
td.cart				{text-align: right; vertical-align: bottom;}

td.cartcolumn1head	{width: 200px; vertical-align: middle; text-align: center; background-color:#455660; color: White; }
td.cartcolumn2head	{width: 45px;  vertical-align: middle; text-align: right; padding-right: 10px; background-color:#455660; color: White;}
td.cartcolumn3head	{width: 45px;  vertical-align: middle; text-align: right; padding-right: 10px; background-color:#455660; color: White;}
td.cartcolumn4head	{width: 75px;  vertical-align: middle; text-align: center;}
td.cartcolumn5head	{width: 75px;  vertical-align: middle; text-align: center;}

td.cartcolumn1		{width: 200px; padding-right: 10px; }
td.cartcolumn2		{width: 50px; padding-right: 10px; text-align: right;}
td.cartcolumn3		{width: 50px; padding-right: 10px; text-align: right;}
td.cartcolumn4		{width: 75px;  text-align: center;}
td.cartcolumn5		{width: 75px;  text-align: center;}

td.cartcolumn1total	{width: 200px; padding-right: 20px;  vertical-align: middle; border-top: solid 1px black; font-weight: bold;}
td.cartcolumn2total	{width: 50px; padding-right: 10px;   vertical-align: middle; text-align: right; border-top: solid 1px black; font-weight: bold;}
td.cartcolumn3total	{width: 50px; padding-right: 10px;   vertical-align: middle; text-align: right; border-top: solid 1px black; font-weight: bold;}
td.cartcolumn4total	{width: 75px; vertical-align: middle; text-align: center;}
td.cartcolumn5total	{width: 75px; vertical-align: middle; text-align: center;}

.productimage	{border: none; text-decoration: none; vertical-align: top;}

/**** LISTS ****/
.disc {list-style-type: disc; margin-left: 30px; line-height: 25px;}
.tick {list-style-image: url("images/tick.bmp"); margin-left: 30px;}
	
/**** CONTROLS ****/

/* Labels */
.loginfailed{
	color: yellow;
	font-weight: bold;
	width: 318px;
	text-align: center;	
	}

/* Text Boxes */
input[type=text]		{border: solid 1px #AAAAAA;}
input[type=password]	{border: solid 1px #AAAAAA;}

.textbox50		{width: 50px;}
.textbox60		{width: 60px;}
.textbox100		{width: 100px;}
.textbox150		{width: 150px;}
.textbox300		{width: 300px;}
.textbox400		{width: 400px;}
.textbox500		{width: 500px;}
.textbox550		{width: 550px;}

.dropdownlist50		{width: 50px; border: solid 1px #AAAAAA;}
.dropdownlist100	{width: 100px; border: solid 1px #AAAAAA;}
.dropdownlist150	{width: 152px; border: solid 1px #AAAAAA;}
.dropdownlist200	{width: 200px; border: solid 1px #AAAAAA;}
.dropdownlist300	{width: 303px; border: solid 1px #AAAAAA;}
.dropdownlist400	{width: 400px; border: solid 1px #AAAAAA;}
.dropdownlist450	{width: 450px; border: solid 1px #AAAAAA;}
.dropdownlist500	{width: 504px; border: solid 1px #AAAAAA;}

/* Buttons */
.button {
	width:120px;
	height:30px;
	background-color:#98B95E;
	margin: 5px 0px 5px 10px;
	border: solid 1px #EEEEEE;	
	color: white;
	font-weight: bold;
	cursor: pointer;	  
	}
	
.buttonlarge {
	width:150px;
	height:30px;
	background-color:#98B95E;
	border: solid 1px #EEEEEE;	
	color: white;
	font-weight: bold;
	cursor: pointer;
	}
	
.buttonlogin {
	width: 75px; 
	height: 35px; 
	background-color: #98B95E; 
	border: solid 1px #EEEEEE;
	color: white;
	font-weight:  bold;
	cursor: pointer;	  
	}	
	
.buttonlogout {
	width: 75px; 
	height: 25px; 
	background-color: #98B95E; 
	border: solid 1px #EEEEEE;
	color: white;
	font-weight:  bold;
	cursor: pointer;	  
	}	
	
.buttonmapgo {
	width: 40px; 
	height: 20px; 
	background-color: #98B95E; 
	border: solid 1px #EEEEEE;
	color: white;
	font-weight:  bold;
	cursor: pointer;	  
	}	
	
.buttoncart {
	width:120px;
	height:30px;
	background-color:#98B95E;
	border: solid 1px #EEEEEE;	
	color: white;
	font-weight: bold;
	cursor: pointer;	  
	}		
	
.buttonchemicalsearch {
	width: 70px; 
	height: 20px; 
	background-color: #98B95E; 
	border: solid 1px #EEEEEE;
	color: white;
	font-weight:  bold;
	cursor: pointer;	  
	}	
	
/**** CHECKBOXLIST ****/
.checkboxlist input {}
.checkboxlist label {margin-left: 3px;}
	
/**** MISC ****/	
.height		{height: 15px;}

/**** MAIN MENU ****/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#pad {height:140px;}

#menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, helvetica, sans-serif; letter-spacing: .75px;}
#menu li {float:left; margin-right:1px; border-right: solid 1px white;}
#menu li a {display:block; float:left; height:25px; line-height:20px; background:#455660; color:white; text-decoration:none; font-size:12px; padding:0 5px 0 5px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#455660;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#455660;} /* main menu hover colour */ 
#menu li:hover > a.sub {color:#fff; background-color:#455660;} /* main menu dropdown hover colour */

#menu li.current a {color:#fff; background:#455660;} /* Change background for breadcrumb */
/*
#menu li a.sub {background: #455660 url(Images/down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#455660; background:blue url(Images/down-arrow.gif) no-repeat right center;}
*/
#menu li a.sub {background: #455660;}
#menu li.current a.sub {color:#455660; background:#455660;}

#menu :hover ul {left:0; top:25px;  background: #455660;} /* width:120px; */

/* keep the 'next' level invisible by placing it off screen. */

#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul {left:120px; top:-1px; background:#333; white-space:nowrap; z-index:200; height:auto;} /* width:150px; */

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a { width:210px; padding:0; text-indent:10px; background:#455660; color:white; height:30px; line-height:30px;} 
#menu :hover ul li a.fly {background:#333 url(Images/right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#C4FFFF; color:black;}   /*  aj */
#menu :hover ul :hover a.fly {background-color:blue; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(Images/right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:150px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;} 
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}


/**** LINKS ****/

a.abclink:link			{color: blue; text-decoration: none;}
a.abclink:visited		{color: blue; text-decoration: none;}
a.abclink:hover			{color: blue; text-decoration: underline;}
a.abclink:active		{color: blue; text-decoration: underline;}

a.agrecoverylink		{color: blue; text-decoration: underline;}

a.termsandcondtionslink			{font-weight: bolder; color: white; text-decoration: none;}
a.termsandcondtionslink:hover	{text-decoration: underline;}

a.loginlink				{font-weight: bolder; text-decoration: underline;}
a.loginlink:link		{color: #98B95E;}
a.loginlink:visited		{color: #98B95E;}
a.loginlink:hover		{color: yellow; text-decoration: underline;}
a.loginlink:active		{color: yellow; text-decoration: underline;}

a.footerlink:link		{color: blue; text-decoration: none;}
a.footerlink:visited	{color: blue; text-decoration: none;}
a.footerlink:hover		{color: blue; text-decoration: underline;}
a.footerlink:active		{color: blue; text-decoration: underline;}

/**** MISC ****/

.article_separator {
	display: block;
	height: 1px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}


/**** GOOGLE MAPS ****/
.map			{width:700px;height:500px; float: left; border: solid 1px blue;}
.mapmessages	{width:700px; float: left; border: solid 1px blue; color: #455660;}

td.lblmap	{padding-left: 10px;}

p.pagebreak	{page-break-after: always}