.balloon_1, .balloon_2, .balloon_3, .balloon_4, .balloon_5, .balloon_5, .balloon_6, .balloon_7, .balloon_8 {
	position: absolute;
	top: 0px;
	left: 0;
	padding: 10px;
	visibility: hidden;
	z-index: 100;
	/*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);*/
}

.balloon_1 	{ background-image:url(pill2x1.png);	width:180px; height: 80px; }
.balloon_2 	{ background-image:url(pill3x1.png);	width:280px; height: 80px; }
.balloon_3 	{ background-image:url(pill3x2.png);	width:280px; height: 180px; }
.balloon_4 	{ background-image:url(pill4x2.png);	width:380px; height: 180px; }
.balloon_5 	{ background-image:url(pill3x3.png);	width:280px; height: 280px; }
.balloon_6 	{ background-image:url(pill4x3.png);	width:380px; height: 280px; }
.balloon_7 	{ background-image:url(pill5x3.png);	width:480px; height: 280px; }
.balloon_8 	{ background-image:url(pill5x4.png);	width:480px; height: 380px; }

.balloon_1 h3, .balloon_2 h3, .balloon_3 h3, .balloon_4 h3, .balloon_5 h3, .balloon_6 h3, .balloon_7 h3, .balloon_8 h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding:0;
	margin:0;

}

.balloon_1 p, .balloon_2 p, .balloon_3 p, .balloon_4 p, .balloon_5 p, .balloon_6 p, .balloon_7 p, .balloon_8 p  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding-bottom:10px;

}
.balloon_1 ul, .balloon_2 ul, .balloon_3 ul .balloon_4 ul, .balloon_5 ul, .balloon_6 ul, .balloon_7 ul, .balloon_8 ul{
	padding:0 0 0 15px;
	margin:0;
}
.balloon_1 li, .balloon_2 li, .balloon_3 li, .balloon_4 li, .balloon_5 li, .balloon_6 li, .balloon_7 li, .balloon_8 li  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	padding:5px 0 0 0;
	margin:0;
}

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