/* CSS Document */
a.info{
    position:relative; /*this is the key*/
    z-index:1; background-color:#ccc;
    color:#000;
    text-decoration:none
}

a.info:hover{z-index:25; background-color:#ffffff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2.5em;;
	width:140px;
	left:0px;
	border:1px solid #000;
	background-color:#ffffff; 
	color:#000;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;opacity:.90;
}

/**/
span.tool {
  position: relative;   /* this is key */
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.5em;
  left: 0;
  width: 140px;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border:1px solid #000;
  background-color: #E4E4E4;
  font-family: arial, helvetica, sans-serif;
  font-size: 9px;
  color: #000;
  filter:alpha(opacity=90);
  -moz-opacity:.90;opacity:.90;
}