.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 30px;
	background: url(/img/triggerHelp.gif) no-repeat right;
	color: #ff6d00;
	cursor: help;
	position: relative;
	/* This contains the .toolTipWrapper div that is absolutely positioned  */
	padding-top: 6px;
	z-index: 999;
}

.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: 9pt; /* A font size is needed to maintain consistancy */
	z-index: 999;
	height: 1%;
}

.toolTipTop { /* Top section of the tooltip */
	width: 175px;
	height: 30px;
	background: transparent url(/img/tooltip/bubbleTop.gif) no-repeat;
	z-index: 999;
}

.toolTipMid { /* Middle section of the tooltip */
	padding: 8px 15px;
	background: #A1D40A url(/img/tooltip/bubbleMid.gif) repeat-x top;
	z-index: 999;
}

.toolTipBtm { /* Bottom Section of the tooltip */
	height: 13px;
	background: transparent url(/img/tooltip/bubbleBtm.gif) no-repeat;
	z-index: 999;
}