.customInfoBox-noBeak,
.customInfoBox-with-rightBeak,
.customInfoBox-with-leftBeak{
border:0 solid black;
background:transparent;
display:block;
font-size:1.2em;
overflow:hidden;
position:absolute;
float:left; 
z-index:5000;}
.customInfoBox-with-rightBeak {padding:0 14px 0 0}
.customInfoBox-with-leftBeak {padding:0 0 0 8px}
.customInfoBox-noBeak {padding:0 4px}
.customInfoBox-beak {height:34px;position:absolute;top:0px;width:19px}
.customInfoBox-with-leftBeak .customInfoBox-beak {background:transparent url(../img/arrow_left.gif) no-repeat scroll 0;left:0;}
.customInfoBox-with-rightBeak .customInfoBox-beak {background:transparent url(../img/arrow_right.gif) no-repeat scroll 0;right:4px}
.customInfoBox-noBeak .customInfoBox-beak {display:none}
/* Offset the body for the drop-shadow and set the body background and border just for starters (developers can change this easily) */

.customInfoBox-body

{
position: relative;
top:10px;
padding: 8px;
background:transparent;
border:none;
width:250px;
margin-top:10px;
}

/* Apply a nice default drop-shadow after the default Virtual Earth info box styles are cleared */

.customInfoBox-shadow

{

position: relative;
background:transparent;


}

/* Sections of the info box that a developer could style if desired, but have no style when the default Virtual Earth info box styles are cleared */

.customInfoBox-previewArea,

.customInfoBox-actionsBackground

{

}

/* Sections of the info box that should not be visible when the default Virtual Earth info box styles are cleared */

.customInfoBox-beak
{
visibility:inherit !important;
}