.balloonstyle{
	/* don't change this \/ \/ \/ */
	position:absolute;
	top: -500px;
	left: 0;
	z-index: 100;
	
	/* this can change \/ \/ \/ \*/
	padding: 5px;
	visibility: hidden;
	border:1px solid #009851;
	font: normal 12px Verdana;
	line-height: 18px;
	background-color: #FFFFFF;
	/* width: 322px; */
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=999999,direction=135,Strength=3);
}

.balloonstyle .hover_image {
	border: 0;
}

.balloonstyle TD {
	font-size: 10px;
}

TD.hover_detail {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #009851;
}

#arrowhead {
	z-index: 99;
	position:absolute;
	top: -500px;
	left: 0;
	visibility: hidden;
}