/* CSS Document */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
	margin: 0px;
    text-decoration:none}
	
a.info:hover{ z-index:25; }

a.info span{display: none}

a.info:hover span.tooltip{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width: 250px;
	color: #000000;
    text-align: left;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

a.info:hover span.top{
	display: block;
	padding: 40px 6px 0;
    background: url(pirate_treasure_map.gif) no-repeat top;
}

a.info:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 6px; 
	background: url(pirate_filler_map.gif) repeat bottom; 
}

a.info:hover span.bottom{
	display: block;
	padding:3px 6px 30px;
    background: url(pirate_treasure_map.gif) no-repeat bottom;
}