.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
color:Black;
visibility: hidden;
border:1px dashed #333333;
font:normal 12px Georgia, "Times New Roman", Times, serif;
line-height: 18px;
z-index: 100;
background-color: white;
width: 690px;
/*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);
}

.balloonstyle2{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
color:Black;
visibility: hidden;
border:1px dashed #333333;
font:normal 12px Georgia, "Times New Roman", Times, serif;
line-height: 18px;
z-index: 100;
background-color: white;
width: 400px;
/*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);
}

.balloonstyle3{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
color:Black;
visibility: hidden;
border:1px dashed #333333;
font:normal 12px Georgia, "Times New Roman", Times, serif;
line-height: 18px;
z-index: 100;
background-color: white;
width: 690px;
/*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);
}

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