﻿/*
a.tooltip = classe para exibir tooltip
modousar = <a href="#" class="tooltip">CSS
<span><strong>CSS</strong>
Sigla para a palavra inglesa "Cascading Style Sheet"
foi traduzido para <strong>FolhasEstilo em 
Cascata </strong>.Uma técnicaprojetar páginas Web, 
separando conteúdo da apresentação.</span></a>

O que está dentro da tag span é o texto da tooltop
*/
a.tooltip
{
	position: relative;
	/*font: 12px arial, verdana, helvetica, sans-serif;*/
	padding: 0;
	text-decoration: none !important;
	cursor: help;
	z-index: 24;
}
a.tooltip:hover
{
	background: transparent;
	text-decoration: none !important;
	z-index: 25;
}
a.tooltip span
{
	display: none;
}
a.tooltip:hover span
{
	display: block;
	position: absolute;
	/*white-space: nowrap; width: 230px;*/
	min-width: 150px;
	top: 1em;
	text-align: left;
	right: 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	border: 1px solid #999;
	background-color: #fff9bc;
	color: #000;
}
/*Fim ToolTip*/

