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

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

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 189px;
		position: absolute; /* Absolute will make the toolTip1 float above other content in the page */
		top: 30px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #353535;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align:justify;
		margin:5px;
		z-index:2000;
		/* A font size is needed to maintain consistancy */
	}
	
			.toolTipTop { /* Top section of the tooltip */
			margin-top:10px;
			width: 189px;
			height: 17px;
			background: transparent url(../images/bubbleTop.gif) no-repeat;
		}

		.toolTipMid { /* Middle section of the tooltip */
			/*padding: 8px 2px;*/
			width:177px;
			border-left:1px solid #e16b1c;
			border-right:1px solid #e16b1c;
			padding:5px;
			background: #f2892d url(../images/bubbleMid.gif) repeat-x top;
		}
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 16px;
			width:189px;
			background: transparent url(../images/bubbleBtm.gif) no-repeat;
		}






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

	.toolTip1Wrapper { /* The wrapper holds its insides together */
		width: 189px;
		position: absolute; /* Absolute will make the toolTip1 float above other content in the page */
		top: 30px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #353535;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align:justify;
		margin:5px;
		z-index:2000;		
		/* A font size is needed to maintain consistancy */
	}
	
			.toolTip1Top { /* Top section of the tooltip */
			margin-top:10px;
			width: 189px;
			height: 17px;
			background: transparent url(../images/bubbleTop.gif) no-repeat;
		}

		.toolTip1Mid { /* Middle section of the tooltip */
			/*padding: 8px 2px;*/
			width:177px;
			height:109px;
			border-left:1px solid #e16b1c;
			border-right:1px solid #e16b1c;
			padding:5px;
			background: #f2892d url(../images/bubbleMid.gif) repeat-x top;
		}
		
		.toolTip1Btm { /* Bottom Section of the tooltip */
			height: 16px;
			width:189px;
			background: transparent url(../images/bubbleBtm.gif) no-repeat;
		}
		
        .more a
		{
			font-family:Tahoma, verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#fdf2e1;
			text-decoration:none;
			font-weight:bold;
		}
		.more a:hover
		{
			font-family:Tahoma, verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#000000;
			text-decoration:none;
			font-weight:bold;
		}