/* Bubble Tooltip */

a.tooltip {
    position: relative;
    z-index: 24;
    color: #3ca3ff;
	font-weight: bold;
    text-decoration: none;
}

a.tooltip span {
    display: none;
}

a.tooltip:hover {
    z-index: 25;
	color: #aaaaff;
	/* background:;background:; IE hack, something must be changed in a for IE to execute it */
}

a.tooltip:hover span.ttsection {
    display: block;
    position: absolute;
    top: 0px;
	left: 0px;
	padding: 15px 0 0 0;
	width: 200px;
	color: #663300;
    text-align: center;
	/* filter: alpha(opacity:90); */
	/* KHTMLOpacity: 0.90; */
	/* MozOpacity: 0.90; */
	opacity: 0.90;
}

a.tooltip:hover span.top {
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}

a.tooltip:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(../images/bubble_filler.gif) repeat bottom;
}

a.tooltip:hover span.bottom {
	display: block;
	padding: 3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}