body{
	font: 10px verdana,sans-serif;
	background: #FFFFFF;
	color: #333333;
	border: 4px none #000000;
}
div#container{width: 500px; margin:0 auto; border: 4px none #000000}
h1{ color: #F60; margin: 1em 0 0; letter-spacing: -2px; }
p{margin: 0 0 1.7em; }

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    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{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	top:0px;
	/*left:0;*/
	right:0;
	padding: 0px 0 0 0;
	color: #000000;
	text-align: left;
	overflow:auto;
	width:200px;
	height:150px;
	border: 1px none #000000;	
	}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
	background-color:#ffb53c;
	/*background:url(images/tooltip_top.jpg) no-repeat bottom;*/
	    
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px 0; 
	background-color:#ffb53c; 
	/*background:url(images/tooltip_middle.jpg) repeat bottom;*/
}
a.tt:hover span.bottom{
	display: block;
	padding:30px 8px 0px;
	color: #548912;
    background-color:#ffb53c;
    /*background:url(images/tooltip_bottom.jpg) no-repeat bottom;*/
}




/*TABLE TOOLTIP*/
a.tt table{ display: none; }

a.tt:hover table.tooltip{
	display:block;
	position:absolute;
	top:0px;
	/*left:0;*/
	right:0;
	padding: 0px 0 0 0;
	color: #000000;
	text-align: left;
	overflow:auto;
	width:200px;
	height:150px;
	border: 1px none #000000;	
	}
a.tt:hover table.top{
	display: block;
	padding: 30px 8px 0;
	background-color:#ffb53c;
	/*background:url(images/tooltip_top.jpg) no-repeat bottom;*/
	    
}
a.tt:hover table.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px 0; 
	background-color:#ffb53c; 
	/*background:url(images/tooltip_middle.jpg) repeat bottom;*/
}
a.tt:hover table.bottom{
	display: block;
	padding:30px 8px 0px;
	color: #548912;
    background-color:#ffb53c;
    /*background:url(images/tooltip_bottom.jpg) no-repeat bottom;*/
}
