/* Mapping */
#map_target {z-index:1;}
#map_target span {
  font: 11px/11px arial;
  font-weight: bold;
  position: absolute;
  display: block;
  text-align: center;
  width: 31px;
  margin-top: 6px;
}

#map_target span a {
  margin-top: -1px;
  display: block;
}

#map_target span, #map_target span a {
  color:#fff;
}

#map_target .pinLink img, #map_target .pinLink_hover img {
  display: none;
}

/* IE6 - USE IMAGE TRANSFORM */
#map_target DIV.pinLink {
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapping/map_pin.png', sizingMethod='crop');
  _background-image: url('../images/mapping/map_pin.gif');
	position: relative;
  width:32px;
  height:34px;
}


/* IE6 - USE IMAGE TRANSFORM */
div.single_pin #map_target A.VEAPI_Pushpin DIV.pinLink {
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapping/PIN_ListingDetails.png', sizingMethod='crop');
  _background-image: url('../images/mapping/PIN_ListingDetails.gif');
	width:35px;
  height:33px;
}

/* NON-IE6 VERSION - USE ATTRIBUTE SELECTOR */
#map_target DIV[class='pinLink'] {
  background: url(../images/mapping/map_pin.png) no-repeat top left;
  position: relative;
  width:32px;
  height:34px;
}

/* IE6 - USE IMAGE TRANSFORM */
#map_target DIV.pinLink_hover {
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/mapping/map_pin_hover.png', sizingMethod='crop');
  _background-image: url('../images/mapping/map_pin_hover.gif');
	position: relative;
  width:32px;
  height:34px;
}


/* NON-IE6 VERSION - USE ATTRIBUTE SELECTOR */
#map_target A[class='VEAPI_Pushpin'] DIV[class='pinLink_hover'] {
  background: url(../images/mapping/map_pin_hover.png) no-repeat top left;
  position: relative;
  width:32px;
  height:34px;
}

div.single_pin #map_target A[class='VEAPI_Pushpin'] DIV[class='pinLink'] {
  background: url(../images/mapping/PIN_ListingDetails.png) no-repeat top left;
  width:35px;
  height:33px;
}

/* cursor fix (pointer with multiple results, no pointer on single pin) */
div.mr #map_target div.pinLink, div.mr #map_target div.pinLink_hover {cursor: pointer;}
div.single_pin #map_target a.VEAPI_Pushpin {cursor: inherit;}

#map_target DIV[class='pinLink_hover'] span a {
  color: #ffffff;
}

#map_target DIV[class='pinLink_hover'] span {
  color: #ffffff;
}

#mapLoader {
  background: url(../images/mapping/map_loader_ani.gif) center center no-repeat;
  width: 100%;
  height: 150px;
  z-index: 2000;
  float: left;
  position: absolute; left: 0;
}
div.single_pin #mapLoader {
  position: static;
}

.small_map_header {
  background-color: #e6e6e6;
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 1px;
}

.small_map_header .inner {
  margin: 0;
  padding: 1px;
  background-color: #999999;
  border: 2px solid #ccc;
  text-align: left;
  height: 22px;
}

.small_map_header .inner img {
  float: left;
  margin-right: 8px;
}

.small_map_header .inner div {
  padding: 4px 0 0 8px;
}

.small_map_header .inner div a {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}
.business_map_header {
	background-color: #ccc;
	padding: 5px;
}
#big_map .business_map_header {
	border-bottom: 2px solid #fff;
}
.business_map_header a.map_toggle {
	text-align: left;
	text-indent: -999999em;
	display:block;
	width: 100%;
	height:20px;
	outline: none;
}
	.business_map_header a.map_toggle.mapview {
		background: transparent url(../images/mapping/btn_mapview.gif) no-repeat left top;
	}
	.business_map_header a.map_toggle.listview {
		background: transparent url(../images/mapping/btn_listview.gif) no-repeat left top;
	}

#customInfoBox.large  {/* override rule first for ie6's sake */
  margin-top: -38px;
}

#customInfoBox {
  text-align: left;
  position: absolute;
  z-index: 2;
  visibility: hidden;
  margin-top: -16px;
  color: #333333;
}

#customInfoBox.businessInfoBox {
  margin-top: -33px;
}

#customInfoBox.businessInfoBox .inner {
  width: 170px;
}

#customInfoBox .padding {
  padding: 3px;
  background-color: white;
  position: absolute;
  margin-left: 11px;
}

#customInfoBox .inner {
  border: 1px solid #F3901D;
  padding: 5px 10px 10px 8px;
  float: left; 
  width: 71px;
}

#customInfoBox.large .inner {
  width: 200px;
}

#customInfoBox .title {
  margin: 4px 10px 3px 0;
}

#customInfoBox .title a {
  font-weight: bold;
  text-decoration: underline;
  color: #333333;
}

#customInfoBox .close_infobox {
  background: transparent url(../images/tiny_X_Close.gif) no-repeat scroll 2px 1px;
  position: absolute; top: 10px; right: 12px;
  display: block; width: 13px; height: 13px;
  cursor: pointer;
}

#customInfoBox .age_range {
  margin-bottom: 4px;
  margin-top: 15px;
}

#customInfoBox .helpful_info {
  margin-bottom: 15px;
  margin-top: 15px;
}

#customInfoBox .helpful_info.solo {
  margin-top: 4px;
}

#customInfoBox img.home_work_indicator {
  position: absolute; left: 12px;
  margin-top: 4px;
}

#customInfoBox .icons {
  position: relative;
  right: 0;
}

#customInfoBox .info {
  padding-left: 16px;
  margin-bottom: 5px;
}

#customInfoBox .beak {
  background: url(../images/mapping/detail_bubble_sprite.gif) top left;
  width: 15px;
  height: 26px;
  position: absolute;
  margin-top: 3px;
}

#customInfoBox.left .beak {
  background-position: 0px 43px;
  left: 235px;
}

#customInfoBox.large .beak {
  margin-top: 23px;
}
#customInfoBox.businessInfoBox .beak {
  margin-top: 17px;
}

#customInfoBox .yext_tag {
  background: url(../images/yext_pin.png) no-repeat 0px 1px !important;
  background: url(../images/yext_pin_white.png) no-repeat 0px 1px;
  padding-left: 20px;
  font-size: 11px;
}

#map_div {
  position: relative;
	text-align: left;
	zoom:1;   /* for ie6 */
}


#no_address_found {
  background-image:url(../images/mapping/no_address_results_bg.png);
  font-weight: bold;
  z-index: 1005;
  width: 187px;
  height: 24px; padding-top: 3px;
  text-align: center;
  position: absolute;
  color: white;
  display: none;
}

#no_map_results {
  background-image:url(../images/mapping/no_map_results_bg.png);
  font-weight: bold;
  z-index: 5;
  width: 220px;
  height: 27px; padding-top: 7px;
  text-align: center;
  position: absolute;
  color: #333333;
}

#map_content { 
  position: relative; 
}
#map_content .tooltip {
  position: absolute;
  top: 54px;
  right: 0;
  z-index: 100;
  width: 100%;
  text-align: center;
  padding: 6px 0;
}
#map_content .tooltip p {
  margin: 0 auto;
  white-space; nowrap;
  width: auto;
  padding: 5px 10px;
  display: inline;
  background-color: #333333;
  border: 1px solid #333333;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

/* Overrides for mapcontrol.css */

.VE_PlaceList {
  text-align: left;
}

#map_content .MSVE_MapContainer {
  cursor: pointer;
}
#map_content div.tooltip { 
  cursor: pointer; 
}