@media print {
  .balloonstyle {
         left: 0;
         padding: 5px;
         font:8px/10px Verdana;
   }

   #arrowhead {
         position:absolute;
         top: -500px;
         display: none;
   }
}


@media screen {
.balloonstyle{
font-size: 11px;
font-family: Calibri, georgia, Verdana, Tahoma, sans-serif; 
font-weight: normal; font-style: normal; 
font-size-adjust: 0; 
line-height: 18px; 
position:absolute; 
top: -500px; 
left: 0; 
padding: 5px; 
visibility: hidden; 
border:solid 1px black; 
z-index: 100; 
background-color: white; 
text-indent: 0; 
word-spacing: 0; 
letter-spacing: 0;
vertical-align: 0; 
right: auto; 
bottom: auto; 
width: 300px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
height: auto; min-width: auto; min-height: auto; max-width: auto; max-height: auto; margin: 0; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5); }


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


}