/* Tooltip */
/**********************************************************/

.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	cursor: help; 
	 /* This contains the .toolTipWrapper div that is absolutely positioned  */
} 

.toolTipWrapper { /* The wrapper holds its insides together */
	width: 175px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: 20px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #FFF;
	font-weight: bold;
	font-size: 10px; /* A font size is needed to maintain consistancy */
	border-color: 1px solid transparent;
}

.toolTipTop { /* Top section of the tooltip */
	width: 165px;
	height: 15px;	
	color:white;
	padding-left:10px;
	background-color: transparent;
}

.toolTipMid { /* Middle section of the tooltip */
	padding: 8px 15px;	
	background-color: transparent;
	color:#333;
	font-weight:normal;
}