html, body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background-color:#e6e5e6; /*eceae1 - Original background color */ }

#logout { padding: 2px; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
html>body #page { margin:0 auto 25px auto; padding:0; width:960px; background-color:#fff; overflow:auto;position:relative;
/* border-left:1px solid #A69490; border-right:1px solid #A69490; border-bottom:1px solid #A69490; */ }
#content { padding:2px; border:0; margin-bottom:5px;}
#results { padding:0 15px; font-size: 12px; }
#footer { padding:0 15px; color:#767676; font-size:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; }

p {padding:10px 0;margin:0}

div.sitewideAlertMessages {margin: 0; padding: 2px; font-size: 14px; background-color: #F7D358;}

#reportoptions {background-color:#D8DCD7;padding:5px;width:916px;}
#reportoptions label {font-size:1.2em;font-weight:bold;text-decoration:none;}
#reportoptions li label {font-size:1.0em;font-weight:normal;text-decoration:none;}
#reportoptions ul {list-style-type:none; margin-top:5px;padding-left:20px;margin-left:10px;}     
#reportoptions ul.nosubsections {list-style-type:none; margin-top:5px;padding-left:0px;}   
#reportcolumn1 {width:395px;float:left;} 
#reportcolumn2 {width:300px;float:left;}  

#logout a:link {text-decoration:none;}
#logout a { text-align:right; margin-left: 912px; color:#000; display:inline;}
#logout a:visited {text-decoration:none;}
#logout a:hover {text-decoration:underline;}
#logout a:active {text-decoration:none;}
#logout.test {background-color:#F6DB71;}
#logout.local {background-color:#2D952E;}
#logout.live {background-color:#FFF;}


/** Pop-up styles **//**/

#citedPage { margin:0; padding:0; min-height:450px; background-color:#fff; line-height:1.3em;z-index:12000;
/* height: 2000px;*/ }
#citedContent { padding:5px; border:0; margin:0px; background-color:#fff; font-size:12px; }

#citedContent dl {margin:0; padding:0; width:590px;}
#citedContent dt {font-size:14px; font-weight:bold; padding:7px 0px 0px 5px;}
#citedContent dd {font-size:12px;text-align:justify;padding-right:25px;margin-left:25px;}
#citedContent dd p { padding-top:0; margin:0 0 5px 0;}
#citedContent h3 {font-size:14px;margin:5px;}
#citedContent p.warning {color:red;padding:0 5px;margin-bottom:10px;}
#citedContent p.sourcetext {font-size:12px;text-align:left; text-indent: -1.5em; padding-left: 1.8em;padding-bottom:10px;margin:0;border-bottom:1px dotted #e6e5e6;}
#citedContent li a:link		{ color: blue; text-decoration:none; }
#citedContent li a:visited	{ color: blue; text-decoration:none; }
#citedContent li a:hover		{ color: #8A1C05; text-decoration:underline;}
#citedContent li a:active	{ color: #f60; text-decoration:underline;} 
.message {background-color:#FBEAA8;border:10px solid #F6CB2E;}
/*
#epica a img {border:none;}
p.warning {color:red;}
.not_date {font-size:14px;font-weight:bold;margin-top:10px;}
#content #epica h2 {border-bottom:1px solid black;font-size:26px;font-weight:normal;font-variant:small-caps;padding-top:45px;}
#epica h3 {font-size:16px;font-variant: small-caps;display:inline;margin:0 0 0 20px;padding:0;}
#epica #newsletter h3 {font-size:16px;font-variant: normal;display:block;margin:0 0 5px 0;}
#epica #newsletter h2 {border:none;font-size:16px;font-weight:bold;font-variant: normal;display:block;margin:15px 0 10px 0;padding:0px;}
#epica #notification {border:1px solid; padding:2px 4px;margin-bottom:10px;font-size:16px;}

.success {background-color:#B4E1AD;border-color:#247D21;}
.error {background-color:#FCEB9E;border-color:#E37A08}
#epicanotificationview {float:right;margin:15px 0 0 0;padding:5px 10px 0px 10px;border:1px solid #AC8181;background-color:#F1EFE2;width:200px;}
#epicanotificationview p {margin:0px; padding:6px 0;}

#epica h3 a {color:#000; text-decoration:underline;}
#epica form .justifylabels label {width:115px;float:left;text-align:right;padding:2px 25px 0 0;}
#epica label {display:block;font: 1.2em "trebuchet ms";}
#epica form p {padding:5px 0;}
#epica textarea {width:98%;height:150px;}

#epicasearch label {display:block;}

#epicacategories {list-style-type:none;padding-left:0px;}
#epicacategories li { padding:5px}
*/
.sorthelper { border: 2px dashed #666; background-color:#eee; font-size: 12px;}
.sortactive {height:26px;font-size:12px;cursor: move;background-color:white;}

/* Epica is no more in service.

#epica .create_story ol {margin:0;padding:0;width:350px;height:575px;overflow-y:scroll;border:1px solid #333;}
#epica .create_story ol li {height:26px;font-size:12px;border-bottom:1px solid #e6e5e6;padding:5px;cursor: move;background-color:white;}
#results #epica li a {color:#000;}
#results #epica li a:hover {text-decoration:underline}
*/

/* Header graphic at the top of the page */
#header { margin:0; width:960px; height:104px; color:#fff; font-size:30px; font-weight:normal; border-top:1px solid #000; border-bottom:1px solid #000; background-color:#1B6C8D; background-image:url("../Images/gpdd_banner.jpg");	}

#header span { width:960px; height:104px;  margin-bottom: -45px; border:0; background-image:url("../Images/gpdd_banner.jpg"); }
h1 span { display: block; position: relative; z-index: 1; }

/*#nav a.drop { width: 186px; text-align:left; padding:.25em 0 .25em 4px; display: block; }*/

#lognav {margin:5px 0 10px 0;padding-left:5px;list-style:none}
#lognav li {padding:2px 0;}
#lognav a {text-decoration:underline;}
.log {width:95%;font-size:10px;margin:0 auto;border-collapse:collapse;}
.log tr:hover {background-color:#FFEB85;}
.log th {font-size:12px;}
.log td {padding:2px;}

.stats {width:300px; font-size:12px; float:left; margin-right:20px;border-spacing:0;border:1px solid #ACA899;}
.peststats {width:720px; font-size:12px;border-spacing:0;border:1px solid #ACA899;}
.peststats td,.stats td {padding:2px;margin:0px;}
tr.group {background-color:#F1F1EB;}

div.login p {margin:0 auto;text-align:center;padding:0;}
div.login p.alert {background-color:#FFEEAA;width:450px;border:1px solid #FF9900;padding:10px;text-align:left;}


/* TOP NAVIGATION STYLES */
#nav, #nav ul { padding:0; margin:0; list-style: none; background-color:#e6e5e6; z-index:20;}
#nav a { padding:.25em 0; width:100%; text-align:center; display:block; text-decoration:none; color:#000; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #e6e5e6;}
#nav a:hover {color:#fff; background-color: #1B6C8D; }
#nav li { margin:0; padding:0; float: left; width: 192px; /* width needed or else Opera goes nuts */ }


#nav li.homelink { width:24.922%; border-left:1px;} 
#nav li.searchlink { width:24.922%; border-left:1px solid #9D9B8D;} 
#nav li.mypestlink { width:24.922%; border-left:1px solid #9D9B8D;} 
#nav li.myfaqlink {width:24.922%; border-left:1px solid #9D9B8D;}
#nav li.cooplink { width:239px; border-left:1px solid #9D9B8D; border-right:1px;} 
#nav li.firstlink { border-top:1px solid #9D9B8D; width:239px;}

/* TOP NAVIGATION: Drop Downs */
#nav li ul { margin:0; padding:0; width: 240px; position: absolute; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ background: #E7E2C4; /* beige background color */  }
#nav li.homelink ul li {border-left:1px; width:240px;}
#nav li.homelink ul li a {width:236px;}
#nav li ul a {width:235px;padding:.25em 0 .25em 4px;text-align:left;}
#nav li ul li { width:239px; border-left:1px solid #9D9B8D; border-right:1px solid #9D9B8D; border-bottom:1px solid #9D9B8D; }
/* TOP NAVIGATION: Drop Downs, lists nested under hovered list items, bring them back to view */
#nav li:hover ul, #nav li.sfhover ul { left:auto; color:#FFF; background-color:#fff;}
/* Necessary for roll-overs in IE7 */
#nav li:hover { background: #e6e5e6;}

/* Support for the "iehover-fix.js" */
* html ul#nav iframe, * html ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/* this is for IE 5.0 
select.hide { visibility: hidden; }
/* End Support for the "iehover-fix.js" */

/* Controls the Pest ID in the green bar */
.pest { margin:0; font-size:10px; padding:.35em 0; color:#FFF; float:left;}


/* Controls the green bar */
#subnav { margin: 0; padding: 2px 5px; border-bottom: 1px solid #000; background-color: #1B6C8D; /* green background color */ }

/* Controls the green bar for reports */
#subnavr { margin: 0; padding: 2px 5px; border-bottom: 1px solid #000; background-color: #1B6C8D; /* green background color */ }

/* Controles the date display on the report pages */
.moddate { font-size: x-small; padding-left: 5px; margin-top:165px;}

/*** GREEN BAR NAVIGATION ***/
#pestTools, #greenNav, #gotoSections, #submitnote { float: right; width: 130 px; }
#subnav .nav, #subnav .nav ul { padding:0; margin:1px 0 0 0; list-style: none; }
#subnav .nav a { padding:1px 1px 0 3px; color:#ffffff; width: 178px; font-size: 12px; text-align:center; text-decoration:none; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }  
#subnav .nav li ul li a {width: 176px; text-align:left; padding:.25em 0 .25em 4px; font-size: 11px; color:#000; background-color: #CBD0C9; display: block;}
#subnav .nav li ul li a:hover {color:#FFF; background-color:  #1B6C8D;	/* dark red background color */ }
/* all list items */
#subnav .nav li { margin: 0; width: 180px; /* width needed or else Opera goes nuts */ }
#subnav .nav li.firstlink { border-top:1px solid #888; }

/* second-level lists */
#subnav .nav li ul { width: 180px; margin:0; padding:0; position: absolute; background: #e6e5e6; /* gray background color */ 	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#subnav .nav li ul li { width:180px; padding:0; border-left:1px solid #888; border-right:1px solid #888; border-bottom:1px solid #888; }

/* lists nested under hovered list items */
#subnav .nav li:hover ul, #subnav .nav li.sfhover ul { left: auto; }
#subnav .nav li:hover, #subnav .nav li.sfhover { background-color: #1B6C8D;}

/* The last item in each dropbown doesn't appear visibly, but keeps the rollover menu open
 * even when the user /appears/ to de-hover.  This is to enhance usability, as users would
 * almost inevitably overshoot their target in the menu, especially when aiming for the 
 * last menu item.*/
#nav li.lastlink,
#subnav .nav ul li.lastlink { 
    border-width: 0; 
    border-bottom-width: 50px;
    border-color: transparent;
    height: 0px; 
    /*padding-bottom: 50px; */
    /*margin-bottom: -50px; */
    background-color: transparent; 
}
/* remove white background from these elements */
#nav li.searchlink ul,
#subnav .nav li ul,
#nav li.homelink ul { 
    background-color: transparent; 
}

/* Controls content  */
.story { padding:0 15px; font-size: 12px; }

#resultsheader {padding:10px 0 5px 0;}
#resultsheader ul {margin-bottom:0;margin-top:2px;}
#results #resultsheader h2 {float:left;padding:0;}
.resultsinfo {float:right;font-size:12px;font-weight:normal;}

#results th {background-color:#e6e5e6;border-bottom:1px solid #e6e5e6;}
#results th:hover {background-color:#e6e5e6;border-bottom:1px solid #F8A900;}
#results th img {margin-left:10px;}
#results th a {color:#000;width:100%;display:block;outline:none;text-decoration:none;}

/* Used for page titles */
h2 {font-size:16px; padding: 10px 5px 0 12px; margin: 0;}
h3 { font-size:14px; margin: 0; }
h4 { font-size:12px; font-weight:bold; }

/*** EPICA ARTICLES (PEST VIEW) ***/
#epicaarticles h3 img { margin-left:5px; vertical-align:text-bottom; border:0;}
#epicaarticles h3 { font-size:14px; margin: 5px 0; }


/* View Users Information */
#userinfo {text-align:left;padding:10px;border:1px solid #e6e5e6;}
#userinfo h3 {padding:0 0 2px 0;margin:0}


/* Controls login box for the homepage */
.login { padding: 10px 0px 0px 5px; font-size: 12px;  }
.loginBox { border:1px solid #999; width:375px; margin:0px auto 10px auto; background-color:#EEE;text-align:center;font-size:13px;}
.logininput { width:125px; }

/*** FOOTER STYLES ***/
#footer p { margin: 0; padding: 6px 0; border-top: 1px solid #e6e5e6; }

/* Link styles for Footer Content only. Active and Focus trigger the color change in IE-PC and other modern browsers when tabbing through the links with keyboard. */
#footer a:link {color: #767676; text-decoration: underline;}
#footer a:visited {color: #767676; text-decoration: underline;}
#footer a:hover, #footer a:active, #footer a:focus {color: #000000; text-decoration: none;}

/* Not all the tags below are being used, but wanted to keep them just in case the need arose. */
#content h2 {font-size:16px; padding-left:15px;}
#content .gnews {font-size:12px; font-weight:normal;}

.alternaterow { background-color:#eee;}

dl {margin:0; padding:0; width:917px;}
dl.sublist { margin:5px 0 0 0; padding:0;}
dt {font-size:14px; font-weight:bold; padding:7px 0px 0px 5px;}
.first {padding:5px 0 0 5px;}
dd {font-size:12px; padding:2px 0px; text-align:justify;}
/*dl.source dd { text-align:left; text-indent: -70px; margin-left: 90px; line-height: 150%; margin-bottom:0;}*/
dd.note img {vertical-align:bottom;}
dd.note {font-size:10px;}

.icon {width:16px;}
.sources {padding:0; font-size:12px;} 
.snum {width:2.2em; line-height: 150%;}
.sourcetext {text-align:left; text-indent: -1.5em; padding-left: 1.8em; line-height: 150%;}

dd p { padding-top:0; margin:0 0 5px 0;}
.sectiondivider {margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px dotted #e6e5e6;}
p.headerdivider {margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px dotted #999;}
dd ul, dd ol {margin:0;padding:0 0 0 15px;}
#cooperators img {border:0px;}
hr { padding:0; margin:10px 0px; background-color:#eee; }


.clear {clear:both;}
.sourcenum { color:blue; cursor:pointer;}
.smtext { font-size:10px; }
.mdtext { font-size:12px;}
.lgtext { font-size:14px; }
.xlgtext { font-size:16px; font-weight:bold; padding: 2px 2px; margin: 0; }

.record { font-size:12px; float:right;}

.pestimgblock {width:200px;float:left; padding:0 0px 0 40px;text-align:left;}
.pestimg {width:124px; height:124px; overflow:hidden; border:1px solid black;}

/* My Profile */
.textBox { width:260px; }
.extField { width:82px; }
.zipField { width:82px; }
.stateField { width:125px; }
.workField { width:125px; }

/* My Pest News */
#news h3 {font-size:16px;margin:15px 0px 5px 0px;border-bottom:1px solid #e6e5e6;padding:0}
#news p { margin:0 0 5px 9px;font-size:12px}
#news td a { font-size: 16px;}
#news br { font-size:2px;}
#news table {margin:0;padding:0;}
#newsoptions { background-color: #e6e5e6; margin:5px 0px; padding:5px 10px; font-size:12px;}
.gnews {font-size:12px; font-weight:normal;}
form {margin:0;padding:0;}
.scientific {list-style-type:none;padding:0;}
#content .popup2 {cursor:default;}
.popup1 { color: #27669A; cursor: default; text-decoration: none; font-weight: 300 }

/* a{ text-decoration: none; }*/
a:link		{ color: blue; text-decoration:none; }/*#138*/
a:visited	{ color: #8A1C05; text-decoration:none; }/*#969*/
a:hover		{ color: #8A1C05; text-decoration:underline;}/*#13f;*/
a:active	{ color: #f60; text-decoration:underline;} 

a.sourcenum:visited {color:blue;}

/* Add a PDF icon to the beginning of a link */
a.pdf {
    display: block;
    background: top left no-repeat url(../Images/pdf.gif);
    padding-left: 18px;
}

/* Remove Pest Link */ 
#RemovePest a:link		{ color: blue; text-decoration:none; font-size:13px; }
#RemovePest a:visited	{ color: #8A1C05; text-decoration:none; font-size:13px; }
#RemovePest a:hover		{ color: #8A1C05; font-size:13px; }
#RemovePest a:active	{ color: #f60; font-size:13px; } 


/*** Source Roll-over Tool-Tips ***/
.tip { border:1px solid #999; background:#fff; font:12px Arial, Helvetica, sans-serif; color:#000;}
.tip p { margin:0;padding:5px;}

.Box { border:1px solid #999; width:97%; margin:5px 10px; background-color:#FFF; }

/* Host Table */
#host { padding:0 5px; color:#000; font-size:12px; text-align:left; font-family:Arial, Helvetica, sans-serif; }
#host p { margin: 0 0 10px 25px; padding: 0; }
.borderLeft { border-left:1px solid #e6e5e6; }
.borderRight { border-right:1px solid #e6e5e6; }

/* Link styles for Host Content only. Active and Focus trigger the color change in IE-PC and other modern browsers when tabbing through the links with keyboard. */
#host a:link {color: #1B6C8D; text-decoration: none;}
#host a:visited {color: #1B6C8D; text-decoration: none;}
#host a:hover, #host a:active, #host a:focus {color: #000000; text-decoration: none;}

/* Link styles for APHIS Docs Content only. Active and Focus trigger the color change in IE-PC and other modern browsers when tabbing through the links with keyboard. */
#aphisDocs a:link {color: #1B6C8D; text-decoration: none;}
#aphisDocs a:visited {color: #1B6C8D; text-decoration: none;}
#aphisDocs a:hover, #aphisDocs a:active, #aphisDocs a:focus {color: #000000; text-decoration: none;}

.arrow { font-family:Arial, Helvetica, sans-serif; font-size:10px; float:right; padding: 0; }

/* Error Messages */
.errorMsg { color:red; font-weight:bold; }
p.errormsg {margin-bottom:0px;}
.coopBorder{
	border: 1px;
	border-color: #D2D1D1;
	border-style: solid;
}

.reportHeader {
	font-size:12px;
	font-weight:bold;
	margin-left:0px;
	padding:0px;
}

.reportSubSections {
	margin-left:10px;
	padding:5px;

}

select option {
    color: #000;
}

/* Indicator for required form fields */
h3 span.required_indicator {
	color: red;
	font-weight: bold;
	font-size: 1.2em;
}
span.required_instruction span.required_indicator {
	color: red;
	font-weight: bold;
	font-size: 1.4em;
}



/********************************************
 *
 * For accessibility skip Navigation.
 *
 *******************************************/

/* #skip 
{ 
	position:static; 
	width:auto; 
	height:auto;
	display:none;
	visibility:hidden; 
}
*/

#skip a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:#BF1722;
	-webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}

#skip a:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-color:transparent;	
	-webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}

@media (prefers-reduced-motion: reduce) {
	#skip a {
		transition-duration: 0.001ms !important;
	}
}


/********************************************
 *
 * DART search results table.
 *
 *******************************************/
.dart_results_table {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
.dart_results_table td,
.dart_results_table th {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    padding: 2px;
}

/********************************************
 *
 *  For any element that wants to be hidden.
 *
 *******************************************/

.hidden {
    display: none;
}

/**********************
 *
 * A loading message
 *
 **********************/

#loading_message {
    border:1px solid #A69490;
    text-align: center;
    width: 65%;
    margin: 1em auto;
}

/*******************************************
 *
 *  Risk Rating table
 *
 *******************************************/

.risk_rating_table,
.risk_rating_table td,
.risk_rating_table th,
.risk_rating_table tr { border: 0 }

.risk_rating_table td,
.risk_rating_table th,
.risk_rating_table caption { 
    border-top:     1px solid #000;
    border-left:    1px solid #000;
    padding:        3px;
}
.risk_rating_table caption { 
    border-right:   1px solid #000;
}
.risk_rating_table { 
    border-bottom:  1px solid #000;
    border-right:   1px solid #000;
    font-size:      0.7em;
    margin:         0 1em;
}
.risk_rating_table td.rating {
    white-space: nowrap;
}

/*******************************************
 *
 *  Fake link. 
 *
 *  Make plain text look like a link.
 *
 *******************************************/

.fakelink {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

/*******************************************
 *
 *  OpenLayers map, and associated styles
 *
 *******************************************/

#map_container {
    background: #e6e5e6;
    padding: 1px;
    height: 571px;
}

#mapkey { font-weight: bold; }

#mapkey .key_item {
    text-align: middle;
    margin-top: 6px;
    margin-left: 2em;
    float: left;
}

#phz_map_container {
    background: #e6e5e6;
    padding: 1px;
    height: 571px;
}
#phz_mapkey { font-weight: bold; }
#phz_mapkey .key_item {
    text-align: middle;
    margin-top: 6px;
    margin-left: 2em;
    float: left;
    width:10%;
}

#kge_map_container {
    background: #e6e5e6;
    padding: 1px;
    height: 620px;
}
#kge_mapkey { font-weight: bold; }
#kge_mapkey .key_item {
    text-align: middle;
    margin-top: 6px;
    margin-left: 2em;
    float: left;
    width: 8%;
}

.smallmap {
    width: 400px;
    height: 425px;
    margin: 0 auto;
    border: 1px solid #e6e5e6;
}
.largemap {
    width: 875px; /*683px;*/
    height: 500px;
    margin: 0 auto;
}

/*******************************************
 *
 *  Text filter for pest pages
 *
 *******************************************/
#biology_filter_input {
    float: right;
    margin-top: -1em;
}

#biology_list .highlight {
    background-color: yellow;
}

/*************************************************
*       Expand Style
*************************************************/
        body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;}
        #report { border-collapse:collapse;}
        #report h4 { margin:0px; padding:0px;}
        #report img { float:right;}
        #report ul { margin:10px 0 10px 40px; padding:0px;}
        #report th { background:#7CB8E2 url(../images/header_bkg.png) repeat-x scroll center left; color:#000; padding:7px 15px; text-align:left;}
        #report th#expandAll { text-align:right; cursor: pointer;}
        #report td { background:#DBC8CA none repeat-x scroll center left; color:#000; padding:7px 15px; }
        #report tr.odd td { background:#fff url(../images/row_bkg.png) repeat-x scroll center left; cursor:pointer; }
        #report span.expandRow {float:right; display:block;}
        #report div.arrow { background:transparent url(../images/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
        #report div.up { background-position:0px 0px;}

/**********************************************************
 * Indent divisions of state on the pest distribution page
 **********************************************************/  
 
 .indentState {
 				margin-top: 2px; 
 				margin-left: 40px; 
 				margin-bottom: 2px;
}

/**********************************************************
 * Indent divisions of state on the pest distribution page
 **********************************************************/  
 
 .indentSynonyms {
 				margin-top: 2px; 
 				margin-left: 20px; 
 				margin-bottom: 2px;
}


/**********************************************************
 * Indent children hosts on the pest distribution page
 **********************************************************/  
 
 .indenthosts {
 				margin-top: 1px; 
 				margin-left: 20px; 
 				margin-bottom: 2px;
}

.highlightedcitations {

				background-color: #FFA;
}

/***********************************************************************
* Create space between date and APHIS document title on the result page
************************************************************************/

.allignAphisDocs {
				margin-bottom: 2px;
				margin-right: 20px; 
				margin-left: 60px; 	
				margin-top: -14px;
}

.allignHostTitle {
				margin-top: 50px;
				
}

/************************************************************************
* Highlight the focus as required by 508 compliance
************************************************************************/
/*INPUT HIGHLIGHT*/
input[type=text], input[type=password], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
/*  outline: none;
  border: 1px solid #e6e5e6; */
}
 
input:focus, textarea:focus {
  box-shadow: 0 0 8px rgba(39, 120, 173, 1);
  border: 1px solid rgba(39, 120, 173, 1); 
}
/*END INPUT HIGHLIGHT*/


/* This class helps jumping to the right section on the pest profile page */

.anchor{
  display: block;
  height: 170px; /*same height as header*/
  margin-top: -170px; /*same height as header*/
  visibility: hidden;
}

.faqanchor{
  display: block;
  height: 15px; /*give some margin for the anchor to go above the padding*/
  margin-top: -15px; /*give some margin for the anchor to go above the padding*/
  visibility: hidden;
}

/* This style is for fixed header  */
.header-cont {
    		width:960px;
    		position:fixed;
    		top:0px;
			Z-index:9999;
			border-color:#A69490;
			border-width:1px;
			border-style:solid;		
		
	}
	
	/* Tooltip container */
.tooltip {
			position: relative;
			display: inline-block;
	}

/* Tooltip text */
.tooltip .tooltiptext {
			visibility: hidden;
			width: 500px;
			background-color: #999;
			color: #fff;
			text-align: left;
			padding: 15px;
			border-radius: 6px;
	/* Position the tooltip text */
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -180px;
			z-index: 10000;
	}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
			visibility: visible;
	}
.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}