/*-----------------------------------------------------------------------------------------------*/
/*                                      SIMPLE jQUERY TOOLTIP                                    */
/*                                      VERSION: 1.1                                             */
/*                                      AUTHOR: jon cazier                                       */
/*                                      EMAIL: jon@3nhanced.com                                  */
/*                                      WEBSITE: 3nhanced.com                                    */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                         CSS RESET (MODIFIED VERSION OF YAHOO UI CSS RESET)                    */
/*-----------------------------------------------------------------------------------------------*/

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

img {
	border: none;
	text-decoration: none;
}

*:focus {
	outline: none;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                            STYLES                                             */
/*-----------------------------------------------------------------------------------------------*/

h4 {
	font-size: 110%;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                            LAYOUT                                             */
/*-----------------------------------------------------------------------------------------------*/

#wrapper {
	width: 900px;
	margin: 20px auto;
	padding: 30px;
	background: #FFF;
	border: solid 1px #666;
}

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

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

.toolTipImg { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is needed to make sure that the help icon is always visible */
	background: transparent url(images/question_mark.gif) no-repeat right;
	color: #3366FF;
	cursor: help; 
	position: relative; /* 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: navy;
	font-weight: bold;
	font-size: 9pt; /* A font size is needed to maintain consistancy */
}

.toolTipWrapperImg { /* 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 */
}
	
.toolTipTop { /* Top section of the tooltip */
	width: 175px;
	height: 30px;
	background: transparent url(bubbleTop.gif) no-repeat;
}

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

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