
/******************************************************************
	Tooltips
		Tooltips that appear below links.  Use the following code format to create this:
		<a class="tooltip" href="">
			Link Text
			<span style="display: none; ">Tooltip Text</span>
		</a>

******************************************************************/
	a.tooltip{
		position:relative; /*this is the key*/
		z-index:24;}
	
	a.tooltip:hover{z-index:25; background-color:#ffffaa; color: navy;}
	
	a.tooltip span{
		display: none; z-index: 0;
	}
	
	a.tooltip:hover {text-decoration: none;}
	a.tooltip:hover span{ /*the span will display just on :hover state*/
		
		display:block;
		position:absolute;
		width: 250px; 
		bottom: none;
		left: 0px;
		border-top: 		2px solid gray;
		border-left: 		2px solid gray;
		border-bottom: 		2px solid black;
		border-right: 		2px solid black;
		background-color:	#ffffBB; 
		color:#000000;
		font-weight: normal;
		text-align: left; 
		text-decoration: none;}
	
	a.tooltip span .TitleMain {
		font-size: 11px; color: black; background-color: gold; font-weight: bold;
		height: 20px; padding: 2px;
	}
	
	a.tooltip span .TitleSub {
		font-size: 10px; font-weight: bold;
	}
	
	a.tooltip span .Body {
		font-size: 10px; background-color: #ffffBB; font-weight: normal;
	}
	

	a.info{
		position:relative; /*this is the key*/
		z-index:24; background-color:#ccc;
		color:#000;
		text-decoration:none}
	
	a.info:hover{z-index:25; background-color:#ff0}
	
	a.info span{display: none}
	
	a.info:hover span{ /*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:2em; left:2em; width:15em;
		border:1px solid #0cf;
		background-color:#cff; color:#000;
		text-align: center}


.tip {font:10px/12px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:250px; 
      padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333;
      top:20px; left:90px; background-color:#ffffcc; layer-background-color:#ffffcc;}
#t1 {width:130px;}
#t2 {width:480px;}
#t3 {font:bold 14pt verdana,arial,sans-serif; background-color:#ffcccc; layer-background-color:#ffcccc;}

