Copyright{ /* Copyright © 2007, 2012 Illinois Natural History Survey */ }
body
{ /* unfortunately the body's default style is not inherited by all elements */
	color: black;
	font-family: Tahoma;
	font-size: small;
	background-color: White;
}
table
{
	font-size: small;
}
table.KeyEntry
{
	border:None;
	border-spacing:1px;
	line-height:2ex;
	margin-left:5ex;
}
h1
{ /* used for smaller section titles followed by no other items on the same line */
	font-size: small;
	color: #006600;			/*darkgreen;*/
}
h1.pagetitle
{
	font-size:medium;
   color:#006600;			/*darkgreen;*/
   left:150px;
	width:500px;
	position:absolute;
	top:45px;
	height:50px;
}
h1.currenttaxon
{
	font-size:medium;
   color:black;
   text-align:left
}
h2
{ /* used for smaller section titles w/o CR so that other controls can be displayed on the same lime */
	font-size: small;
	float: left;
	color: #006600;			/*darkgreen;*/
}
h3
{ /* used for current taxon name in taxa.aspx */
	font-size: medium
}
h4
{ /* H4 is generally not used in this style sheet but is used in Header.css. */
	font-size: medium;
	color: #006600;			/*darkgreen;*/
}
h5
{ /* used for Search and Taxa headers (allows button or dropdown list to flow to right w/o CR) */
	font-size: medium;
	float: left;
	color: #006600;			/*darkgreen;*/
}
TEXTAREA
{ /* does not inherit font-family from BODY */
	font-family: Tahoma;
	font-size: small;
}
INPUT
{ /* does not inherit font-family from BODY */
	font-family: Tahoma;
    FONT-SIZE: small;
}
P
{ /* inherits properties from body or table */	
}
OL
{ /* inherits properties from body or table */
}
UL
{ /* inherits properties from body or table */
}
.Subhead
{ /* Use class = Subhead instead of H2 for left justified subheadings; especially useful in <table> structures
	 because the HTML does not seem to render columns with H2 elements correctly, causing unpredictable
	 overwrites */
	FONT-WEIGHT: bold;
	FONT-SIZE: small; 
	COLOR: #006600;			/*darkgreen */
}
.right {text-align: right} /* align the text to the right */
.left {text-align: left} /* align the text to the left */
.body
{ /* a class that matches the style of the BODY element */
	color: black;
	font-family: Tahoma;
	font-size: small;
	background-color: White;
	font-weight: normal;
}
.firebrick
{ /* for error messages */
	color:#b22222; /* Firebrick */
}
.smallgray
{ /* used for counts at end of datagrids and input instructions */
	FONT-SIZE: smaller; 
	COLOR: gray;
}
.navlinkcolor
{/* used for confirmation msgs - matches header & footer color */
		color: #3d5b7b;
}

.boldnavlinkcolor
{/* used for confirmation msgs - matches header & footer color */
		color: #3d5b7b;
		font-weight: bold;
}
.boldnavlinkcolor a
{/* within a span or div with a boldnavlinkcolor the anchors should be underlined */
    TEXT-DECORATION: underline; 
}

.darkgreen
{ /* used for contrast text */
	color: #006600; /*darkgreen;*/
}
.Header
{ /* "left: 150px; width: 500px; position: absolute; top: 49px; height: 50px;" */
	left: 150px;
	width: 500px;
	position: absolute;
	top: 35px;  /* was 29px; */
	height: 50px;
}
.link
{
    COLOR: #3d5b7b; /* same as header & footer color */
    TEXT-DECORATION: none; 
}
A:link
{
    COLOR: #3d5b7b; /* same as header & footer color */
}
A:visited
{
    COLOR: #336666;
}
A.list:hover
{
    COLOR: black;
    BACKGROUND-COLOR: #ffff99;
    TEXT-DECORATION: none;
}
A.list:link
{
    COLOR: #3d5b7b; /* same as header & footer color */
    TEXT-DECORATION: none;
}
A.list:visited
{
    COLOR: #ba55d3;		/*mediumorchid;*/
    TEXT-DECORATION: none;
}
A.Navbar
{ /* style="font-size: small; color: #3d5b7b; text-decoration: none; font-family:Tahoma; font-weight: bold" */
	color: #3d5b7b;
   text-decoration: none;
	font-weight: bold;
}
A.Footer
{ /* style="color: #3d5b7b; text-decoration: none;" */
	color: #3d5b7b;
   text-decoration: none;
}
a.navbar
{
   color: #3d5b7b;
   font-weight: bold;
   text-decoration: none;
}
a.footer
{
	color: #3d5b7b;
   text-decoration: none;
}

a.helpButton
{
	text-decoration: none;
}
	
#Help_ToggleIcon, div.helpContainer
{
	color: black;
	font-family: Tahoma;
	font-size: small;
	font-weight: normal;
	background-color: white;	
	margin-left: 10px;
	color: #444;
}
	
div.helpBox
{
	background-color: white;
	margin-left: 10px;
	max-width: 42em;
	position: absolute;
	display: inline-block;
	border: 1px solid #CCC;
}
	
div.helpTitle
{
	margin: 1px;
	background-color: #444; 
	color: white; 
	font-variant: small-caps; 
	font-weight: bolder; 
	font-size: 16px; 
	text-align: center;
	padding: 0 8px 0 8px;
}
	
div.helpText
{
	overflow: auto;
	padding: 4px;
	max-height: 480px;
}

div.helpLink
{
   text-align: right;
   padding: 4px;
}