/* the style starts here */
a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {
	display:block;
	position:absolute;
	top:20px;
	left:-25px;
	padding:5px;
	font-weight:normal;
	color:#000;
	border:1px solid #888;
	background:#ffc;
	width:400px;
}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;}

/* version 2 */
#tt {background:url(brown.jpg); width:740px; margin-bottom:100px;}
a.tooltip2 {color:#c00;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {
	display:block;
	position:absolute;
	top:20px;
	left:-25px;
	padding:5px;
	font-weight:normal;
	color:#000;
	border:1px solid #ff0;
	width:150px;
	background-color: #ECFFFF;
}
a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}

.clear {clear:both;}