﻿/*---------- bubble tooltip -----------*/
a.tt{
	border: thin #000000 none;
	position: relative;
	z-index: 24;
	color: #3CA3FF;
	font-weight: normal;
	text-decoration: none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{
	border: thin #FFFFFF none;
	z-index: 25;
	color: #0000FF;
}
a.tt:hover span.tooltip{
	background-color: #FFFF99;
	background: #FF00FF;
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	padding: 0 0 0 0;
	width: 600px;
	color: #0000FF;
	border: thin black solid;
	text-align: center;
}
a.tt:hover span.top{
	display: block;
	padding: 0 0 0 0;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
}
a.tt:hover span.bottom{
	display: block;
	padding:0 0 0 0;
}
