.mapcontainer
{
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	height: 500px;
	background-color:#fff;
	border: solid 5px #ccc;
}


/* Styles that apply to the info box's containing element whether it has no beak, 
    a rightBeak, or a leftBeak */
.customInfoBox-noBeak, .customInfoBox-with-rightBeak, .customInfoBox-with-leftBeak
{
	position: absolute;
	z-index:5000 !important;
}
/* 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;
	left: 0px;
	top: 0px;
	padding: 8px;
	border: 2px solid #ccc;
	background-color: #fff;
	width:200px;
	color:Blue;
}
/* Apply a nice default drop-shadow after the default Virtual Earth info box styles are 
    cleared */
.customInfoBox-shadow
{
	position: relative;
	background-color: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-actions, .customInfoBox-paddingHack
{
	display: none;
}
.customInfoBox-beak, .customInfoBox-progressAnimation
{
	visibility: hidden;
}