.tooltip {
 border-bottom: 1px dotted #000000; 
 color: #000000; 
 outline: none;
 cursor: help; 
 position: relative;
}
.tooltip span {
 margin-left: -999em;
 position: absolute;
}
.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: verdana, arial, helvetica, sans-serif;
 position: absolute; 
 left: 1em; 
 top: 2em; 
 z-index: 99;
 margin-left: 0; 
 width: 300px;
}
.san {
 border: 0; 
 margin: -10px 0 0 -55px;
 float: left; 
 position: absolute;
}
.tooltip:hover em {
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 1.2em; 
 font-weight: bold;
 display: block; 
 padding: 0.2em 0 0.6em 0;
 text-align:center;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 1em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #ffffff; border: 1px solid #2bb0d7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
.accimage {border:1px solid #2bb0d7;margin:0 10px 10px 20px; }

/* http://downloads.sixrevisions.com/css-tooltips/index.html */
/* (san) - .tooltip:hover img */