/* general style for rollover images */
div.rollover{
margin: 0px;
padding: 0px;
}

/* style for diagram title text */
div.title{
position: relative;
font-weight: bold;
font-family: sans-serif;
font-size: small;
margin: 0px;
color: #7eba15;
}

/* class for hidden lines and text */
.hidden{
height: 0px;
width: 0px;
overflow:hidden;
position:relative;
display:block;
}

/*hotspot text background color*/
.white{
background-color:white;
}

/* class for the title of each hotspot description*/
font.texttitle{
display:block;
font-size: small;
font-weight:bold;
font-style:normal;
margin: 0px;
padding: 0px;
}

/*hotspot dimension*/
div.rollover a{
position: absolute;
width: 15px;
height: 15px;
display:block;
}

/*general style of hotspots during hover and focus*/
div.rollover a:hover, div.rollover a:focus{
z-index:1;
position: absolute;
text-decoration: none;
display: block;
}

/*general style of hotspot text during hover and focus*/
div.rollover a:hover span, div.rollover a:focus span{
overflow:visible;
display:block;
width: 370px;
position: relative;
color:#666;
font-weight: normal;
font-family: sans-serif;
font-style: italic;
font-size:small;
}

/*general style of footer text*/
div.footer p{
text-align: center;
font-family: sans-serif;
font-size: small;
text-decoration: none;
position: relative;
text-align:center;
display:block;
}

/*Positioning of the text of the footer block*/
p.footer1{left: 0px;color: #666;margin: 0px;font-weight: normal;}
p.footer2{top:0em;left:0;color: #ffad4d;margin: 0px;font-weight: bold;}

/*"Bloom" asterisk icon positioning within footer block*/
img.bloom{
position: relative;
left: 3px;
top: 3px;
padding: 0px;
margin:0px;
}