@charset "utf-8";
/* CSS Document */

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
    color:#184F95;
}

a.tooltip:hover{z-index:25;  color:#184F95; text-decoration:none;  }

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.5em;
    left:2.5em;
    width:30em;
    padding:4px 6px;
    margin-left:8px;
    border:1px solid #333;
    background-color:#E3E8F2;
    color:#333;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* another better? option for the tooltips
a.tooltip:hover span{
	display:block;
	position:absolute;
	float:left;
	top:2em;
	width:20em;
	padding:4px 6px;
	margin-left:0px;
	border:1px solid #333;
	background-color:#E3E8F2;
	color:#333;
	border-radius: 5px 5px;
	font-size:.8em;
	line-height:1.2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    }
	  									*/
/*the span will display just on :hover state*/