/*Bing Map CSS
These are the generic map CSS items that will be used in both Public & Admin
*****************************************************************************************************/

#myMap
{
	position:relative;
}
#myMapListedSmall
{
	position:relative;
	
}

.mapSmall { width:366px; height:279px;position:relative;z-index:150; }

#myMap { position:relative; }

#featuredMapSmall
{
	position:relative;
	width:368px;
	float:left;
	z-index:200;
}
#featuredMapSmall .mapSmall { border-left:1px solid #666666;border-right:1px solid #666666;border-bottom:1px solid #666666; }

.mapSmall .maplisting
{
	background-image:url("images/maplisting.png");
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
	position:relative;
	top:-281px;
	left:204px;
	width:161px;
	height:133px;
	z-index:50;
}

.mapSmall .maplisting .listingText 
{
	z-index:100;
	padding:5px;
	font-size:0.65em;
	font-weight:bold;
	line-height:15px;
}
.mapSmall .maplisting .listingText a {text-decoration:none;}
.mapSmall .maparrow { position:relative; width:16px; height:16px; top:3px; left:-1px; }
.mapSmall .maparrow a { border:0; text-decoration:none; }
.mapSmall .maparrow img { border:0; width:16px; height:16px; }


.mapLarge { width:676px; height:561px;position:relative;z-index:150; overflow:hidden;border-bottom:2px solid #488925; }

.mapLarge .maplisting
{
	background-image:url("images/maplisting.png");
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	position:relative;
	top:-134px;
	left:514px;
	width:161px;
	height:133px;
	z-index:50;
}

.mapLarge .maplisting .listingText 
{
	z-index:100;
	padding:15px 5px 5px 5px;
	font-size:0.65em;
	font-weight:bold;
	line-height:15px;
}
.mapLarge .maplisting .listingText a
{
	text-decoration:none;
}
.mapLarge .maparrow { position:relative; width:16px; height:16px; top:-126px; left:-1px; }
.mapLarge .maparrow a { border:0; text-decoration:none; }
.mapLarge .maparrow img { border:0; width:16px; height:16px; }


.VE_Pushpin_Popup_Title { line-height:18px; clear:both; }
.VE_Pushpin_Popup_Title p { float:left; }
.VE_Pushpin_Popup_Title a {color:Black; text-decoration:none;}
.VE_Pushpin_Popup_Title a:hover { text-decoration:underline; }
.VE_Pushpin_Popup_Title img { margin:-4px 0 0 5px; float:left;}
.VE_Pushpin_Popup_Title img.closeButton { margin:0; float:right;}

.VE_Pushpin_Popup_Body { line-height:15px; }
.VE_Pushpin_Popup_Body img.venueImage { margin:0 5px 2px 0; float:left; width:100px;height:80px;}
.VE_Pushpin_Popup_Body a{ color:#666666; }

.VE_Pushpin_Popup_Body a.linkDetails
{
	color:Blue;
	font-weight:bold;
}

/* 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;
}

/* 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: -65px;*/
    left: -5px;
    padding: 5px;
    border: 1px solid #000;
    background-color: #fff;
    width:270px;
    /*height:156px;*/
    /*height:204px; - removed size so pop up box fits content*/
}

/* Apply a nice default drop-shadow after the default Bing Maps info box styles are cleared */
.customInfoBox-shadow
{
	display:none;
    position: relative;
    left: 20px;
    top:-50px;
    /*background-color: #ccc;*/
	background: transparent url("images/black.png") 0 0 repeat;     
}

/* Sections of the info box that a developer could style if desired, but have no style when the default Bing Maps info box styles are cleared */
.customInfoBox-previewArea,
.customInfoBox-actionsBackground
{
}

/* Sections of the info box that should not be visible when the default Bing Maps info box styles are cleared */
.customInfoBox-actions,
.customInfoBox-paddingHack
{
    display: none;
}

.customInfoBox-beak,
.customInfoBox-progressAnimation
{
    /*visibility: hidden;*/
    display: none;
}

#ShapeList
{
	width:280px;
	height:500px;
	
}
#ShapeList div {line-height:18px;margin:5px;}
#ShapeList p {float:left;font-size:0.7em;width:85%;font-weight:bold;}
#ShapeList img { margin:0 0 0 5px; float:left;}