.tooltip {
	/*border-bottom: 2px dotted #FF0000; */
	color: #FFFFFF; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
	font-size: 7pt;
	padding: 5;
	text-align: justify;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
	color: #0000FF;
	font-size: 14pt;
	font-family: Tahoma, sans-serif;
	padding: 5;
	text-align: justify;
}
.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
			-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
			-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: -18.3em; top: -5em; z-index: 99;
			margin-left: 0; width: 300px;
}
.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
}
.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
}
.classic {
	padding: 0.8em 1em; 
	background: #FFFFAA; 
	border: 3px solid #FF0000; 
	text-align: left; }
	/*box-shadow: 5px 10px 8px #888888;*/
}
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }