/* The top-nav styles apply to the main navigation bar within the search */
#top-nav{

	/*
	30/01/2008 2:53:54 PM added clear:both; to fix in IE
	clear:both;
	*/


	display:block;
	width:100%;
	height:45px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #525100;
	margin-bottom:5px;
	/*text-transform:uppercase;*/
}
	/*
	30/01/2008 2:53:54 PM class added to underline havigational links that are event driven divs as opposed to actual links
	*/
.top-nav-link{
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:75%;
	text-decoration:underline;
	cursor:pointer;
}
#top-nav div{
	/*padding:10px 0px 10px 0px;*/
	display:block;
	float:left;
	width:33%;
	/*text-align:right;*/
}
#top-nav .top-nav-head{
	background-color:#ffffff;
	color:#49629C;
	/*
	base font size changed so font-size had to be changed too
	font-size:120%;
	*/
	/*
	base font family was removed from body so font-family added here
	*/
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:75%;
	padding:7px 0px 7px 0px;
	text-align:left;
	font-weight:bold;
	/*
	30/01/2008 2:53:54 PM altered width from 34% to fix in IE
	*/
	width:33%;
}



/*
The following styles cover the company
search results tables and the filter
lists used to produce those results
*/
/**/
.table-results,
.table-products{
	width:100%;
}
/*
.table-results .th{width:100%;}
*/
.table-results td,
.table-products td,
.table-species td{
	font-size:11px;
}
.table-results th,
.table-products th,
.table-species th{
	background-color:#EFF3F7;
	font-size:12px;
}
.sr-head{
	/*background-color:#49629C;*/
	/*color:#ffffff;*/
	/*background-color:#9EB7CF;*/
}
.sr-head th{

	/*
	base font family was removed from body so font-family added here
	base font size was removed from body so font-size:100%; was changed to font-size:11px; here
	*/

	font-size:11px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;


	background-color:#49629C;
	color:#ffffff;
	padding:6px 0px 6px 6px;


	border:1px solid #49629C;





	/*background-color:#9EB7CF;*/
}
.sr-row:hover{
	background-color:#ffffff;
}
.sr-odd{
	background-color:#DEE7EF;
}
.sr-even{
	background-color:#EFF3F7;
}
.sr-first{
	background-color:#D1F8A7;
}
.sr-click{
	cursor:pointer;
}

/* The following styles cover all buttons used within the search section */
.f-button{
	cursor:pointer;
	font-weight:bold;
	border:1px solid #A9C5CD;
	background-color:#EFF3F7;
	color:#4A619C;
	margin-right:1px;
	margin-left:1px;
	font-size:11px;
	padding-right:0px;
	padding-left:0px;
}
/*
.f-button:disabled{
	cursor:default;
	font-weight:bold;
	border:1px solid #A9C5CD;
	background-color:#DFDFDF;
	color:#C0C0C0;
	margin-right:1px;
	margin-left:1px;
	font-size:11px;
	padding-right:0px;
	padding-left:0px;
}
*/
/* The following styles cover the pagination controls on the company search results */
.sr-pagination{
	padding:10px 0px 10px 0px;
}
.btn-pagination{
	font-weight:bold;
	border:1px solid #A9C5CD;
	background-color:#EFF3F7;
	color:#4A619C;
}
.btn-pagination2{
	border:0px none;
}
/* The td.a-z-some and .a-z-none styles apply to the navigation links for the a-z company list */
#table-a-z-nav{
	width:100%;
	background-color:#9EB7CF;
	color:#000000;
}
#table-a-z-nav th{
	/*
	base font family was removed from body so font-family added here
	base font size was removed from body so font-size added here
	*/
	font-size:11px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	width:15%;
	text-align:center;
}
.a-z-some{
	padding:3px 3px 3px 3px;
	cursor:pointer;
	text-align:center;
	background-color:#9EB7CF;
	color:#000000;
}
.a-z-some:hover{
	background-color:#EFF3F7;
	color:#000000;
}
#table-a-z-nav .active{
	background-color:#EFF3F7;
	color:#000000;
}
.a-z-none{
	text-align:center;
	color:#858585;
	padding:3px;
}

/* The link-sort style applies to the table headings in results which are sortable */
.link-sort{
	/*color:#ff0000;*/
	/*background-color:#49629C;*/
	cursor:pointer;
	text-decoration:underline;
}
.link-sort:hover{
	background-color:#ffffff;
	border:1px solid #49629C;
	color:#49629C;
}

/* The following styles apply to the data records in the species table */
.species-common{}
.species-latin{
	font-style:italic;
}

/* A couple of overrides on the main stylesheet*/
#pnl-home{
	margin-top:10px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#pnl-filters-info-step3{
	border-bottom:1px solid #525100;
}
#pnl-filter-by-product-types table{
	padding-top:0px;
	margin-top:0px;
}
#pnl-mainzone table{
	margin-left:0px;
	margin-right:0px;
	border:none;
	padding:0px;
}
#pnl-disclaimer p{
	font-size:9px;
}
.clickable{
	cursor:pointer;
}
.li-link{
	cursor:pointer;
	text-decoration:underline;
}
.li-link:hover{
	background-color:#cccccc;
}

label{
	display:block;
	font-weight:bold;
	margin-top:6px;
}

/*
NEW ADDITIONS 25/02/2010
Css for the 3 new buttons on the search interface
btn-print-details -> click -> print_details_click
btn-email-details -> click -> email_details_click
btn-contact-companies -> click -> contact_companies_click
*/
#pnl-print-details,
#pnl-email-details,
#pnl-contact-companies{
	clear:both;
	/*
	width:100%;
	overflow:auto;
	*/
	border-top:1px solid #000000;
}
#pnl-print-details label,
#pnl-email-details label,
#pnl-contact-companies label{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:12px;
	clear:both;
	float:left;
	width:200px;
}
#pnl-print-details input,
#pnl-email-details input,
#pnl-contact-companies input,
#pnl-contact-companies textarea
{
	float:left;
	width:360px;
	margin:10px;
}
#pnl-contact-companies textarea
{
	height:200px;
}

/*

Basic send button used on 3 forms
#pnl-print-details input.btnSend,
#pnl-email-details input.btnSend,
#pnl-contact-companies input.btnSend

*/
#pnl-filters-info-step3 input.btnSend{
	border:0px none;
	width:50px;
	height:27px;
	background-image:url(../../images/search/button_send.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#pnl-print-details input.btnSend,
#pnl-contact-companies input.btnSend{
	clear:both;
	float:left;
	margin-left:200px;
}
#pnl-company-print,
#pnl-company-detail{
	padding-top:7px;
}
#pnl-company-print .row,
#pnl-company-detail .row{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	display:block;
	clear:both;
	width:100%;
	margin-bottom:6px;
	vertical-align:top;
}
#pnl-company-print .col1,
#pnl-company-print .col2,
#pnl-company-detail .col1,
#pnl-company-detail .col2{
	display:block;
	float:left;
	vertical-align:top;
}
#pnl-company-print .col0,
#pnl-company-detail .col0{
	width:100%;
	background-color:#ffcccc;
}
#pnl-company-print .col1,
#pnl-company-detail .col1{
	width:50%;
}
#pnl-company-print .col2,
#pnl-company-detail .col2{
	width:49%;
}
#pnl-company-print ul,
#pnl-company-detail ul{
	list-style-type:none;
}
#pnl-company-print .h3,
#pnl-company-detail h3{
	clear:both;
	margin-top:10px;
	margin-bottom:5px;
}
#pnl-company-print .pnl-company-notes,
#pnl-company-detail .pnl-company-notes textarea{
	width:90%;
	height:200px;
}
#pnl-company-print .separator{
	clear:both;
	border-bottom:1px solid #000000;
	margin-bottom:12px;
}
#company-form{
	padding-bottom:15px;
	border-bottom:2px solid #9BA8AB;
}
#pnl-company-product{
	padding-top:10px;
}
#pnl-errorzone,
.pnl-errorzone{
	background-color:#ff0000;
	color:#ffffcc;
}



/*
// ----------------------------------------------------------------------------
// CSS for autocompleter
// ----------------------------------------------------------------------------
*/
div.autocomplete{
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0;
	padding:0;
}

div.autocomplete ul{
	list-style-type:none;
	margin:0;
	padding:0;
}


div.autocomplete ul li{
	list-style-type:none;
	display:block;
	margin:0;
	padding:1px; /*height:32px;*/
	cursor:pointer;
}

div.autocomplete ul li.selected{
	background-color:#ffb;
}
/*
// ----------------------------------------------------------------------------
// CSS for form-errors
// ----------------------------------------------------------------------------
*/

/* Error Interface Container */
#form-errors{
	overflow:auto;
	color:#ffffcc;
}

/* Error Container Title */
/* Error Paragraphs */
#form-errors .title,
#form-errors P{
	font-size:14px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color:#FF0000;
	font-weight:bold;
}

/* Container for all errors */
#form-errors .errors{
	font-size:11px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	line-height:20px;
	color:#FF0000;
}

/* Container for one error */
#form-errors .error{
	clear:both;
}

/* errors field name */
#form-errors .field{
	float:left;
	width:150px;
	font-weight:bold;
}

/* errors message */
#form-errors .msg{
	float:left;
	width:450px;
}


#frm-request-access ul{
list-style:none;

}

#pnl-email-details-response, #pnl-contact-companies-response{
font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	padding: 0 0 5px 0; 
	color: #336699;
}