body, table, tr, td, p, b, ul, li, blockquote { font-family: sans-serif; font-size: 12px;line-height: 115%}

a:link
	{
	font-family: sans-serif;
/* 	font-size: 12px; */
	text-decoration: underline;
	color: #253AC2;
	line-height: 100%;
	}

a:visited
	{ font-family: sans-serif;
/* 	font-size: 12px; */
	text-decoration: underline;
	color: #253AC2;
	line-height: 100%;
	}
	
a:hover
	{
	color: #696004;
	text-decoration: underline;
	line-height: 100%;
	}


/* positional elements for mapunit and component pages, no more tables! */

div.queried_soil_data {

}

div.query_map {
float:right;
clear:right;
}


div.image {
margin: 10px 10px 0 0;
padding: 2px;
border: 1px solid #999;
}

/* div.image img { border: 1px solid #999; } */

div.image_caption {
font-weight: bold;
font-size: 80%;
text-align: center;
}

div.main_content {
/* width: 600px; */
}

div.soil_profile {
float:left;
}

/* end positional elements for mapunit and component pages */

/* customized tool tips */

 body {
  /* behavior:url(/htc/csshover.htc); */
}
span.info{
  position:relative; /*this is the key*/
/*   background-color:#ecc; */
  color:#000;
  cursor:help;
  text-decoration:none;
}
/* span.info:hover { background-color:#e96; } */
span.info span.tooltip { display:none; }

span.info:hover span.tooltip { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top:2em; left:2em; width:15em;
  border:1px solid black;
  background-color:white;
  color:#000;
  font-size:8pt;
  text-align:center;
}
/* end customized tool tips */


div.table_title
	{
	line-height: 18px;
	font-size: 16px;
	font-weight: bold;
	color: #244E6C;
	}

div.table_description
	{
	width: 600px;
	line-height: 14px;
	font-size: 11px;
/* 	font-style: italic; */
	color: #244E6C;
	}

	
tr.hz_table_heading
	{
	background-color: #D3D3D3;
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	}

tr.hz_table_record
	{
	background-color: #E9E9E9;
	font-style: italic;
	font-size: 8px;
	color: #000000;
	}
	
tr.heading
	{
	background-color: #D3D3D3;
	font-weight: bold;
	color: #000000;
	}
	
tr.small_heading
	{
	background-color: #D3D3D3;
	font-size: 8px;
	color: #000000;
	}	

tr.record
	{
	background-color: #E9E9E9;
	font-style: italic;
	color: #000000;
	}
		

td.heading
	{
	background-color: #D3D3D3;
	font-weight: bold;
	color: #000000;
	}

td.small_heading
	{
	background-color: #D3D3D3;
	font-size: 10px;
	color: #000000;
	}	
	
td.record
	{
	background-color: #E9E9E9;
	font-style: italic;
	color: #000000;
	}	


	

	
td.mrule
	{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}
	
td.interphrc
	{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}
	
td.rule
	{
	font-size: 10px;
	color: #000000;
	}
	
td.rulename
	{
	font-size: 10px;
	font-style: italic;
	color: #000000;
	}
	
	
/* customized tool tips */

 body {
  /* behavior:url(/htc/csshover.htc); */
}
span.info{
  position:relative; /*this is the key*/
/*   background-color:#ecc; */
  color:#000;
  cursor:help;
  text-decoration:none;
}
/* span.info:hover { background-color:#e96; } */
span.info span.tooltip { display:none; }

span.info:hover span.tooltip { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top:2em; left:2em; width:15em;
  border:1px solid black;
  background-color:white;
  color:#000;
  font-size:8pt;
  text-align:center;
}
/* end customized tool tips */