@charset "utf-8";
/* author: Hans */
/* Creation date: 2005-07-31 */

.diagram
{
	background-color: #eec;
	margin: 1em 1em 1em 1em;
	border: 3px solid #ddc;
	font-size: 0.7em;
}
.diagram .layer
{
	width: 61em;
	background-color: #eec;
}
.diagram div.blob 
{
	background-color: #dda;
	border-left: 3px solid #8c8;
	border-top: 3px solid #8c8;
	border-bottom: 3px solid #6a6;
	border-right: 3px solid #6a6;
	color: #686;
	float:left; 
	letter-spacing: 0.2em; 
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: center; 
	width: 18em;
	/* white-space: nowrap; */ /* IE6 seems to be in error, when unsetting it in showNote */
}
.diagram div.blob h2 
{
	cursor: pointer;
	font-size: larger;
	font-family: Times, "Times New Roman", sans-serif;
	font-weight: 900; 
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	white-space: nowrap;
}
.diagram div.label
{
	background-color: #dda;
	border-bottom: 3px solid #6a6;
	border-left: 3px solid #8c8;
	border-right: 3px solid #6a6;
	border-top: 3px solid #8c8;
	color: #686;
	font-weight: bold;
	float:left; 
	letter-spacing: 0.3em; 
	line-height: 0.9;
	margin: 0em 1.5em 0.5em 0em;
	padding: 0.3em 0em 0.3em 0.3em;
	text-align: center; 
	width: 1.5em;
}
.diagram div.label a
{
	text-decoration: none;
	color: #686;
}
.diagram div.concept
{
	cursor: pointer;
	display: block;
	margin: 0em 0em 0em 0em;
	text-decoration: none;
	white-space: nowrap;
}
.diagram .note
{
	display: none;
}
.diagram div.blob .showNote
{
	background-color: #cc9;
	color: #575;
	display: block;
	margin: 0em 0em 0em 0em;
	padding: 0em 0.2em 0em 0.2em;
	text-align:left;
	white-space: normal;
}

div.small
{
	border: solid 3px #eec;
	float: left;
	width: 6em;
}
div.full
{
	border: solid 3px #eec;
	float: left;
	width: 18em;
}

/*body {background: url(images/fish-light.jpg); background-repeat: no-repeat; background-attachment: fixed}

  
span.layer1 {font-weight: bolder; color: #253D29; background: url(images/fish-low.jpg); background-repeat: no-repeat; background-attachment: fixed; text-decoration: underline} 
span.layer2 {font-weight: bolder;  color: #aaffaa;}

img.area {width: 6em; height: 4.8em; border-color: #FB9132; border-style: solid}

a.area {width: 20em; height: 6em; text-decoration: none; text-align: center; z-index: 1; font: bolder;}
a.area:hover, a.area:focus { text-decoration: none; border: none; background: url(images/fish-low.jpg); background-repeat: no-repeat; background-attachment: fixed; }
a.area span.layer2 { display: none; border: none; }
a.area:hover span.layer2, a.area:focus span.layer2 {display: block;  border: none;}
*/