#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.star {
	color: #003399;
	font-style: italic;
	font-size: 11px;
	width: 235px;
	padding: 3px 3px 2px 30px;;
	height: 48px;
	background: transparent url('/images/tip_star.gif') no-repeat;
}
#tooltip.star h3 {
	display: block;
	margin-right: 35px;
	width:145px;
	padding:0;
	line-height: 1;
	height:auto;
	float:right;
	margin-bottom: 0.75em;
	font-weight:normal;
}
#tooltip.star div { 
	text-align: left;
}

#tooltip.dove {
	color: #003399;
	font-style: italic;
	font-size: 11px;
	width: 235px;
	padding: 3px 3px 2px 30px;;
	height: 48px;
	background: transparent url('/images/tip_dove.gif') no-repeat;
}
#tooltip.dove h3 {
	display: block;
	margin-right: 35px;
	width:135px;
	padding:0;
	line-height: 1;
	height:auto;
	float:right;
	margin-bottom: 0.75em;
	font-weight:normal;
}

#tooltip.dove div { 
	text-align: left; 
}

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/


.toolTipWrapperStar { /* The wrapper holds its insides together */
	width: 235px;
	height:48px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: 8px;
	left: 0;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	background: transparent url('/images/tip_star.gif') no-repeat;
	z-index: 9999;
}

.toolTipWrapperDove { /* The wrapper holds its insides together */
	width: 235px;
	height: 48px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: 8px;
	left: 0;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	background: transparent url('/images/tip_dove.gif') no-repeat;
	z-index: 9999;
}
	
.toolTipTop { /* Top section of the tooltip */
}

.toolTipMid { /* Middle section of the tooltip */
	color: #003399;
	font: normal 8pt Arial;
	display: block;
	margin: 4px 6px 0 0;
	width: 140px;
	padding: 0;
	text-align: center;
	line-height: 1.2;
	height:auto;
	float:right;
	font-weight:normal;
	text-decoration: none;
}

.toolTipMid a {
	text-decoration: none;
}

.toolTipMid ul li a {
	text-decoration: none;
}

#leftContent dt ul li a .toolTipMid, #leftContent dt ul li a:hover .toolTipMid {
	text-decoration: none;
}

.close_nav ul li a {
	text-decoration: none;
}

#leftContent dl dd .open_nav ul li a {
	text-decoration: none;
}

#leftContent dd ul li a:hover div, #leftContent dd ul li a div { text-decoration: none; }
		
.toolTipBtm { /* Bottom Section of the tooltip */
}