/* 
    Document   : puretip
    Created on : 12-Sep-2010, 11:18:01
    Author     : Martin Brampton based on various published ideas
    Description: CSS for pure CSS tooltip
*/

a.glossarylink {
        border-bottom: 1px dashed #802A2A;
        text-decoration: none;
	position:relative; /*this is the key*/
	z-index:24;
}

a.glossarylink:hover {
        position: relative;
	text-decoration: none;
	z-index:25;
	color:#00F;
}

a.glossarylink span {
        display: none;
}

a.glossarylink:hover span {
        display: block;
        position: absolute;
	top: 10px;
	left: 0;
	width: 18em;
        padding: 5px;
	margin: 10px;
	z-index: 100;
        background-color: #f0f0f0;
		color:#000000;
		font-weight:bold;
	border: 1px dotted #c0c0c0;
        opacity: 0.9;
	filter: alpha(opacity=90); /* needed for IE, ignored by others */
	text-decoration: none;
}