#gallery .help { /* This is the hook that the jQuery script will use */
	padding-right: 45px; /* This is need to make sure that the help icon is always visible */
	background: transparent url(/images/bg_help.gif) no-repeat right;
	color: #3366FF;
	cursor: help; 
	/*position: relative; *//* This contains the .toolTipWrapper div that is absolutely positioned  */
}

#gallery .toolTipWrapper { /* The wrapper holds its insides together */
	width: 350px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	padding-right: 0px;
	margin-right: -180px;
	top: 20px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	font-size: 12px; /* A font size is needed to maintain consistancy */
	line-height: 15px;
}

#gallery .toolTipTop { /* Top section of the tooltip */
	width: 350px;
	height: 47px;
	background: transparent url(/images/tooltip/bubbleTop.png) no-repeat;
}

#gallery .toolTipMid { /* Middle section of the tooltip */
	padding: 0px 20px;
	background: transparent url(/images/tooltip/bubbleMid.png) repeat-y top;
	color: #000;
	font-size: 0.9em;
}

#gallery .toolTipBtm { /* Bottom Section of the tooltip */
	height: 27px;
	background: transparent url(/images/tooltip/bubbleBtm.png) no-repeat;
}

#gallery .toolTipMid h4{ 
	color:#ff00ba;
}

#gallery .toolTipMid table td{ 
	vertical-align: middle;
}
#gallery .toolTipMid h3{ 
	|height: 1%;
}