.balloonstyle{
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
/*	padding-bottom: -120px; */
	visibility: hidden;

/* SPRING: GREEN & GOLD
	border: 1px solid #009900;
	background-color: #ffffcc; */

/*  SUMMER: BLUE & GOLD */

/*  FALL: BROWN
	background-color: #ffffcc; 
	border:1px solid #cc0000; */


/*  WINTER: BLUE */ 
	background-color: #F0FFFF;
	border:1px solid #0000ff;


/*	font:normal 12px Verdana;
	line-height: 18px; */
	z-index: 100;
/*	width: 500px; */
	max-width: 500px;
	
	transition: all .5s ease-out;

/* ORIGINAL
Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
	}

.balloonstyle table {
	padding-left:5px;
	padding-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-5px;
}


.balloonstyle img {
	margin-left: auto;
	margin-right: auto;
}


.balloonstyle p {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial,sans serif;
	line-height:18px;
	z-index: 100;
}


.balloon_p {
	margin: 0 6px 0 0;
	font-family: Arial,sans serif;
	line-height:18px;
	z-index: 100;
}


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

.boxClass {
	margin-top: 0;
	margin-left: 0;
}





@media (min-width: 320px) {

	.balloonstyle {
		max-width: 90%;
	}
}

@media (min-width: 1000px) {

	.balloonstyle {
		max-width: 500px;
	}
}