/* Tooltip Klassen */
div.infoText{
	display:					none;
	position:					absolute;
	margin-top:					5px;
	width:						185px;
	border:						4px solid rgb(255,255,255); 
	color:						#525252;
	background:					rgb(255,255,255);
	z-index:					999999 !important;	
	-moz-box-shadow :			2px 2px 4px 0 rgba(0,0,0,.7);
	-moz-border-radius:			5px;
	-webkit-border-radius: 		5px;
	-o-border-radius: 			5px;
	-ms-border-radius: 			5px;
	border-radius: 				5px;	
	-webkit-box-shadow :		2px 2px 4px 0 rgba(9,9,9,.3);
	-o-box-shadow :				2px 2px 4px 0 rgba(9,9,9,.3);
	-ms-box-shadow :			2px 2px 4px 0 rgba(9,9,9,.3);
	box-shadow : 				2px 2px 4px 0 rgba(9,9,9,.3);
}

div.infoTextBackground{
	padding:					5px 5px 10px 10px;
	background: 				#d6e9ff;
	background-image: 			-moz-linear-gradient(top, #D6E9FF, #C4E0FF);
	background-image:			 -webkit-linear-gradient(top, #D6E9FF, #C4E0FF);
	background-image: 			-o-linear-gradient(top, #D6E9FF, #C4E0FF);
	background-image: 			-ms-linear-gradient(top, #D6E9FF, #C4E0FF);
	background-image: 			linear-gradient(top, #D6E9FF, #C4E0FF);
	-moz-border-radius:			4px;
	-webkit-border-radius: 		4px;
	-o-border-radius: 			4px;
	-ms-border-radius: 			4px;
	border-radius: 				4px;		
}

div.infoText p{
	margin:						0;
	padding:					0;
	clear:						both;
	font-weight:				normal !important;
	font-size:					11px !important;
	line-height:				1.2 !important;
	padding-top:				3px;
	padding-right:				5px;
}

span.infoTextHeadline{
	margin:						0;
	padding:					0;
	display:					block;
	float:						left;
	font-weight:				bold !important;
	font-size:					12px !important;
	padding:					5px 0;
	float:						left;
	color:						#525252 !important;
}

div.infoTextArrow{
	position:					absolute;
	top:						-9px;
	width:						14px;
	height:						9px;
	background:					url(images/infoStarTextArrow.png) no-repeat top left;
}