/*---------- bubble tooltip -----------*/
a.tt{
	position:absolute;
	z-index:999;	
	text-decoration:none;
	left:30px;
	}
	
a.tt <http://a.tt> span{ 
	display: none;
	}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ 
	z-index:999; color: #aaaaff; 
	background:none;border:0px solid #000
	}
	
a.tt:hover span.tooltip{
	border:0px solid #000;
	z-index:999;
	display:block;
	position:absolute;
	top:-30px; left:-200px;
	padding: 15px 0 0 0;
	width:208px;
	color:#000;
	font-weight:normal;
	font-size:95%;
	text-align: left;
	/*filter: alpha(opacity:100);
	KHTMLOpacity: 0.100;
	MozOpacity: 0.100;
	opacity: 0.100;*/
	}
a.tt span.tooltip iframe{
	display:none;
	}
a.tt:hover span.tooltip iframe{
	position:absolute;
	top:0; left:0;
	width:190px;
	height:expression(document.getElementById('tooltip').offsetHeight);
	filter:alpha(opacity=0);
	opacity:0;
	display:block;
	}
	
a.tt:hover span.top{
	display: block;
	padding: 39px 8px 0;
	background: url("../imgs/buble_chat.gif") no-repeat top;
	}
	
a.tt span.middle{ /* different middle bg for stretch */
	border:0px solid #000;
	width:178px;
	display: none;
	padding: 0 8px 0 18px; 
	}
	
a.tt:hover span.middle{ /* different middle bg for stretch */
	border:0px solid #546A7B;
	width:165px;
	display: block;
	padding: 0 30px 0 8px; 
	background: url("../imgs/buble_chat_bg.gif") repeat-y left bottom; 
	}
	
a.tt:hover span.bottom{
	display: block;
	padding:12px 8px 10px;
	color: #548912;
	background: url("../imgs/buble_chat.gif") no-repeat bottom;
	}
	
	
	
	/* TOOL TIP 2*/
	
a.tt:hover span.tooltip2{
	border:0px solid #000;
	z-index:999;
	display:block;
	position:absolute;
	top:-190px; left:-200px;
	padding: 15px 0 0 0;
	width:208px;
	color:#000;
	font-weight:normal;
	font-size:95%;
	text-align: left;
	/*filter: alpha(opacity:100);
	KHTMLOpacity: 0.100;
	MozOpacity: 0.100;
	opacity: 0.100;*/
	}
a.tt span.tooltip2 iframe{
	display:none;
	}
a.tt:hover span.tooltip2 iframe{
	position:absolute;
	top:0; left:0;
	width:190px;
	height:expression(document.getElementById('tooltip2').offsetHeight);
	filter:alpha(opacity=0);
	opacity:0;
	display:block;
	}
	
a.tt:hover span.top2{
	display: block;
	padding: 30px 8px 0;
	background: url("../imgs/buble_chat2.gif") no-repeat top;
	}
	
a.tt span.middle2{ /* different middle bg for stretch */
	border:0px solid #000;
	width:178px;
	display: none;
	padding: 0 8px 0 18px; 
	}
	
a.tt:hover span.middle2{ /* different middle bg for stretch */
	border:0px solid #546A7B;
	width:165px;
	display: block;
	padding: 0 30px 0 8px; 
	background: url("../imgs/buble_chat_bg2.gif") repeat-y left bottom; 
	}
	
a.tt:hover span.bottom2{
	display: block;
	padding:12px 8px 10px;
	color: #548912;
	background: url("../imgs/buble_chat2.gif") no-repeat bottom;
	}


	/*========================== TOOL TIP PJ*=======================================*/
         
         /*CPF*/
         a.tt:hover span.tooltip3{
	border:0px solid #000;
	z-index:999;
	display:block;
	position:absolute;
	top:-190px; left:-200px;
	padding: 15px 0 0 0;
	width:208px;
	color:#000;
	font-weight:normal;
	font-size:95%;
	text-align: left;
	/*filter: alpha(opacity:100);
	KHTMLOpacity: 0.100;
	MozOpacity: 0.100;
	opacity: 0.100;*/
	}
a.tt span.tooltip3 iframe{
	display:none;
	}
a.tt:hover span.tooltip3 iframe{
	position:absolute;
	top:0; left:0;
	width:190px;
	height:expression(document.getElementById('tooltip3').offsetHeight);
	filter:alpha(opacity=0);
	opacity:0;
	display:block;
	}
	
a.tt:hover span.top3{
	display: block;
	padding: 30px 8px 0;
	background: url("../imgs/buble_chat2.gif") no-repeat top;
	}
	
a.tt span.middle3{ /* different middle bg for stretch */
	border:0px solid #000;
	width:178px;
	display: none;
	padding: 0 8px 0 18px; 
	}
	
a.tt:hover span.middle3{ /* different middle bg for stretch */
	border:0px solid #546A7B;
	width:165px;
	display: block;
	padding: 0 30px 0 8px; 
	background: url("../imgs/buble_chat_bg2.gif") repeat-y left bottom; 
	}
	
a.tt:hover span.bottom3{
	display: block;
	padding:12px 8px 10px;
	color: #548912;
	background: url("../imgs/buble_chat2.gif") no-repeat bottom;
	}
         
         
         
         