/*
 *   $Id: listing_map.css,v 1.5 2014/03/18 21:23:53 awallace Exp $
 *
 * CSS for listing maps. Can this be shared between IDX and Elite?
 */

.leaflet-control-layers-base {
	text-align: left;
}
.leaflet-popup-content  {
	margin: 0 !important;
	text-align: center;
}


/*************************************************************************************************************************
 * Map icons background-position left top;
 */
.leaflet-marker-shadow.map_icons_city { 
	background-position: 0 -100px !important; 
}
.map_icons_city {
	background-image: url('/images/gmap/listing_icons_sprite.png');
	background-repeat: no-repeat;
	background-position: -55px -100px;
}
.map_icons_city:hover, map_icons_city_sel { 
	background-position: -105px -100px; 
}


/*************************************************************************************************************************
 *  Map Listing Icons
 */
 
 /*
  *  shadow for each marker type
  */
.leaflet-marker-shadow.map_listing_icon_house { background-position: 0 -0px !important;}
.leaflet-marker-shadow.map_listing_icon_condo { background-position: 0 -50px !important;}

.map_listing_icon_house { 
	background-image: url('/images/gmap/listing_icons_sprite.png');
	background-repeat: no-repeat;
	background-position: 0 -80px;
}

.map_listing_icon_condo {           
	background-image: url('/images/gmap/listing_icons_sprite.png');
	background-repeat: no-repeat;
	background-position: 0 -80px;
}

.map_listing_icon_house_1    { background-position: -55px  0; }
.map_listing_icon_house_2    { background-position: -105px 0; }
.map_listing_icon_house_3    { background-position: -155px 0; }
.map_listing_icon_house_4    { background-position: -205px 0; }
.map_listing_icon_house_5    { background-position: -255px 0; }
.map_listing_icon_house_plus { background-position: -305px 0; }

.map_listing_icon_house_1:hover, .map_listing_icon_house_1_sel       { background-position: -355px 0; }
.map_listing_icon_house_2:hover, .map_listing_icon_house_2_sel       { background-position: -405px 0; }
.map_listing_icon_house_3:hover, .map_listing_icon_house_3_sel       { background-position: -455px 0; }
.map_listing_icon_house_4:hover, .map_listing_icon_house_4_sel       { background-position: -505px 0; }
.map_listing_icon_house_5:hover, .map_listing_icon_house_5_sel       { background-position: -555px 0; }
.map_listing_icon_house_plus:hover, .map_listing_icon_house_plus_sel { background-position: -605px 0; }

.map_listing_icon_condo_1    { background-position: -55px  -50px; }
.map_listing_icon_condo_2    { background-position: -105px -50px; }
.map_listing_icon_condo_3    { background-position: -155px -50px; }
.map_listing_icon_condo_4    { background-position: -205px -50px; }
.map_listing_icon_condo_5    { background-position: -255px -50px; }
.map_listing_icon_condo_plus { background-position: -305px -50px; }

.map_listing_icon_condo_1:hover, .map_listing_icon_condo_1_sel       { background-position: -355px -50px; }
.map_listing_icon_condo_2:hover, .map_listing_icon_condo_2_sel       { background-position: -405px -50px; }
.map_listing_icon_condo_3:hover, .map_listing_icon_condo_3_sel       { background-position: -455px -50px; }
.map_listing_icon_condo_4:hover, .map_listing_icon_condo_4_sel       { background-position: -505px -50px; }
.map_listing_icon_condo_5:hover, .map_listing_icon_condo_5_sel       { background-position: -555px -50px; }
.map_listing_icon_condo_plus:hover, .map_listing_icon_condo_plus_sel { background-position: -605px -50px; }



/*************************************************************************************************************************
 * Map Marker icons (for search results - teardrops)
 */
 
.marker_icon { 
	background-image: url('/images/gmap/listing_teardrop_icons_sprite.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.marker_icon_bare { background-position:    0   0 }
.marker_icon_A    { background-position:  -25px 0 }
.marker_icon_B    { background-position:  -50px 0 }
.marker_icon_C    { background-position:  -75px 0 }
.marker_icon_D    { background-position: -100px 0 }
.marker_icon_E    { background-position: -125px 0 }
.marker_icon_F    { background-position: -150px 0 }
.marker_icon_G    { background-position: -175px 0 }
.marker_icon_H    { background-position: -200px 0 }
.marker_icon_I    { background-position: -225px 0 }
.marker_icon_J    { background-position: -250px 0 }
.marker_icon_K    { background-position: -275px 0 }
.marker_icon_L    { background-position: -300px 0 }
.marker_icon_M    { background-position: -325px 0 }
.marker_icon_N    { background-position: -350px 0 }
.marker_icon_O    { background-position: -375px 0 }
.marker_icon_P    { background-position: -400px 0 }
.marker_icon_Q    { background-position: -425px 0 }
.marker_icon_R    { background-position: -450px 0 }
.marker_icon_S    { background-position: -475px 0 }
.marker_icon_T    { background-position: -500px 0 }
.marker_icon_U    { background-position: -525px 0 }
.marker_icon_V    { background-position: -550px 0 }
.marker_icon_W    { background-position: -575px 0 }
.marker_icon_X    { background-position: -600px 0 }
.marker_icon_Y    { background-position: -625px 0 }
.marker_icon_Z    { background-position: -650px 0 }

.marker_icon_bare:hover { background-position:    0   -50px }
.marker_icon_A:hover    { background-position:  -25px -50px }
.marker_icon_B:hover    { background-position:  -50px -50px }
.marker_icon_C:hover    { background-position:  -75px -50px }
.marker_icon_D:hover    { background-position: -100px -50px }
.marker_icon_E:hover    { background-position: -125px -50px }
.marker_icon_F:hover    { background-position: -150px -50px }
.marker_icon_G:hover    { background-position: -175px -50px }
.marker_icon_H:hover    { background-position: -200px -50px }
.marker_icon_I:hover    { background-position: -225px -50px }
.marker_icon_J:hover    { background-position: -250px -50px }
.marker_icon_K:hover    { background-position: -275px -50px }
.marker_icon_L:hover    { background-position: -300px -50px }
.marker_icon_M:hover    { background-position: -325px -50px }
.marker_icon_N:hover    { background-position: -350px -50px }
.marker_icon_O:hover    { background-position: -375px -50px }
.marker_icon_P:hover    { background-position: -400px -50px }
.marker_icon_Q:hover    { background-position: -425px -50px }
.marker_icon_R:hover    { background-position: -450px -50px }
.marker_icon_S:hover    { background-position: -475px -50px }
.marker_icon_T:hover    { background-position: -500px -50px }
.marker_icon_U:hover    { background-position: -525px -50px }
.marker_icon_V:hover    { background-position: -550px -50px }
.marker_icon_W:hover    { background-position: -575px -50px }
.marker_icon_X:hover    { background-position: -600px -50px }
.marker_icon_Y:hover    { background-position: -625px -50px }
.marker_icon_Z:hover    { background-position: -650px -50px }

/* Selected needs to stay the same, even in hover state */
.marker_icon_bare.selected, .marker_icon_bare.selected:hover { background-position:    0   -100px }
.marker_icon_A.selected, .marker_icon_A.selected:hover    { background-position:  -25px -100px }
.marker_icon_B.selected, .marker_icon_B.selected:hover    { background-position:  -50px -100px }
.marker_icon_C.selected, .marker_icon_C.selected:hover    { background-position:  -75px -100px }
.marker_icon_D.selected, .marker_icon_D.selected:hover    { background-position: -100px -100px }
.marker_icon_E.selected, .marker_icon_E.selected:hover    { background-position: -125px -100px }
.marker_icon_F.selected, .marker_icon_F.selected:hover    { background-position: -150px -100px }
.marker_icon_G.selected, .marker_icon_G.selected:hover    { background-position: -175px -100px }
.marker_icon_H.selected, .marker_icon_H.selected:hover    { background-position: -200px -100px }
.marker_icon_I.selected, .marker_icon_I.selected:hover    { background-position: -225px -100px }
.marker_icon_J.selected, .marker_icon_J.selected:hover    { background-position: -250px -100px }
.marker_icon_K.selected, .marker_icon_K.selected:hover    { background-position: -275px -100px }
.marker_icon_L.selected, .marker_icon_L.selected:hover    { background-position: -300px -100px }
.marker_icon_M.selected, .marker_icon_M.selected:hover    { background-position: -325px -100px }
.marker_icon_N.selected, .marker_icon_N.selected:hover    { background-position: -350px -100px }
.marker_icon_O.selected, .marker_icon_O.selected:hover    { background-position: -375px -100px }
.marker_icon_P.selected, .marker_icon_P.selected:hover    { background-position: -400px -100px }
.marker_icon_Q.selected, .marker_icon_Q.selected:hover    { background-position: -425px -100px }
.marker_icon_R.selected, .marker_icon_R.selected:hover    { background-position: -450px -100px }
.marker_icon_S.selected, .marker_icon_S.selected:hover    { background-position: -475px -100px }
.marker_icon_T.selected, .marker_icon_T.selected:hover    { background-position: -500px -100px }
.marker_icon_U.selected, .marker_icon_U.selected:hover    { background-position: -525px -100px }
.marker_icon_V.selected, .marker_icon_V.selected:hover    { background-position: -550px -100px }
.marker_icon_W.selected, .marker_icon_W.selected:hover    { background-position: -575px -100px }
.marker_icon_X.selected, .marker_icon_X.selected:hover    { background-position: -600px -100px }
.marker_icon_Y.selected, .marker_icon_Y.selected:hover    { background-position: -625px -100px }
.marker_icon_Z.selected, .marker_icon_Z.selected:hover    { background-position: -650px -100px }


/**
 * Map Info Window tile - can be looped over for a multi-listing window
 **/
.map_info_tile {
    position:relative;
    z-index:4;
    display:block;
    width: 235px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:12px;
    text-align:left;
    margin:0;
    border: 2px solid #3ca210;
    color: #000;
}

/* --- Thumbnail Block --- */
.map_info_tile_thumb {
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
    display:block;
    box-shadow: 0 0 2px 3px #888888;
    width:80px;
    height:60px;
    border: 2px solid #fff;
    margin-top: 6px;
    margin-left: 6px;
    cursor:pointer;
}
	.map_info_tile_thumb_thumbnail {
		width:80px;
		height:60px;
		margin-top: -2px;
        margin-left: -2px;
        cursor:pointer;
	}

	.map_info_tile_thumb_link:hover {
	    cursor:pointer;
	}


/* --- Basic Info Block --- */
.map_info_tile_basic_info {
    min-height: 72px;
	position: relative;	
    padding-left: 100px;
}
	.map_info_tile_basic_info_price {
	    display:block;
	    font-weight:700;
	    margin:3px 0 0 0;
	}
	
	.map_info_tile_basic_info_sq_ft,
	.map_info_tile_basic_info_beds_baths,
	.map_info_tile_basic_info_property_type
	{
	    display:block;
	}


/* --- Address Block --- */
.map_info_tile_address {
    position: relative;    
    padding: 0;
    width:100%
    height:28px;
    background-color: #c7f3b4;
}
	.map_info_tile_address_content {
	    padding: 2px 2px 6px 2px;
	}
    .map_info_tile_address_street,
    .map_info_tile_address_city_state_zip {
        display:block;
    }
	.map_info_tile_address .property_type {
	    display:block;
	    font-weight:400;
	    margin:0;
	}
	.map_info_tile_address_moreinfo {
	    position:absolute;
	    bottom:2px;
	    right:2px;
	    z-index:1;
	    display:block;
	    width:44px;
	    height:24px;
	    font-size:10px;
	    font-weight:100;
	    line-height:23px;
	    background:#006313;
	    border:#000000;
	    color:#fff;
	    text-decoration:none;
	    text-transform:uppercase;
	    text-align:center;
	    padding:0;
	    cursor:pointer;
	}
    .map_info_tile_address_moreinfo:link,
    .map_info_tile_address_moreinfo:visited {
        color: #fff;     /*#a0a0a0;*/
        cursor:pointer;
    }
	.map_info_tile_address_moreinfo:hover {
	    color:#73fe6a;
	    cursor:pointer;
	}
	.map_info_tile_address_newIcon {
	    display:block;
	    position:absolute;
	    top:6px;
	    left:16px;
	    z-index:10;
	    width:32px;
	    height:16px;
	    line-height:16px;
	    text-align:center;
	    font-size:10px;
	    font-weight:700;
	    color:red;
	    text-transform:uppercase;
	    background:#FF0;
	}


/*
 * Only for Featured Listings info window
 */
.map_info_tile_sold {
    position: absolute;
    z-index: 30;
    top: 5px;
    left: 5px;
}


/* --- Courtesy Block --- */
.map_info_tile_courtesy {
    position: relative; 
}
.map_info_tile_mls_icon {
    position:absolute;
    top:3px;
    right:3px;
    z-index:2;
    max-width: 30px;
}

.map_info_tile_courtesy span {
	font-size: 80%;
}


/*
 * Wrapper for a single listing 
 */
.map_info_window_singleton {
	position:relative;
}

/*
 * Wrapper for a group of listings 
 */
.map_info_window_grouped {
    position:relative;
	width: 255px;
}

.map_info_window_grouped_content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 135px;
    margin-top: 2px;
}

.map_info_window_close_button {
    position: absolute;
    top: -20px;
    right: -20px;
    z-index:100;
}

.map_info_window_close_button img {
    width:45px;
}
.map_info_window_more_notice {
    text-align:center;
    padding: 0;
    margin:0;
    border: 1px solid black;
}





/*
 * The city info window
 */
div.city_info_window {
    position:absolute;
    width:165px;
    height:90px;
    font-family:Arial, Helvetica, sans-serif;
    color:black;
    text-align:left;
    border: 2px solid #3ca210;
}
.city_info_window .city_name {
    height:22px;
    line-height:22px;
    font-weight:700;
    background-color: #c7f3b4;
    width: 100%;
    margin: 0;
    padding: 0;
}
.city_name span {
    padding-left: 5px;
}
.city_info_window .city_info {
    padding:0 5px;
    width: 100%;
}
.city_info_window .listing_count,
.city_info_window .avg_price,
.city_info_window .med_price {
    display:block;
    margin:2px 0;
}


/*
 * =========================================================================================================
 * =========================================================================================================
 * =========================================================================================================
 *
 * the "new" listing info window. Consolidated and pretty. And everything in one place.
 *
 * this close button being used by both single and grouped listing info windows **
 *
.listing_info_close_button {
	position:absolute;
	right:1px;
	top:1px;
}

.new_listing_info_window {
    position:relative;
    z-index:4;
    display:block;
    width:235px;
    height:106px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:12px;
    text-align:left;
    margin:0;
    border: 2px solid #3ca210;
    color: #000;
}
.new_listing_info_window a.thumbnail {
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
    display:block;
    box-shadow: 0 0 3px 2px #888888;
    width:80px;
    height:60px;
    border: 2px solid #fff;
    margin-top: 6px;
    margin-left: 6px;
    cursor:pointer;
    
}
	.new_listing_info_window a.thumbnail:hover {
	    cursor:pointer;
	}
	.new_listing_info_window img.thumbnail {
	    width:80px;
	    height:60px;
	    cursor:pointer;
	}
.new_listing_info_window .basic_info {
    position:absolute;
    top:6px;
    left:96px;
    z-index:3;
}
.new_listing_info_window .price {
    display:block;
    font-weight:700;
    margin:3px 0 0 0;
}
.new_listing_info_window .address {
    position:absolute;
    bottom:0px;
    left:0px;
    padding: 0;
    width:100%;
    height:28px;
    background-color: #c7f3b4;
}
.new_listing_info_window .address_content {
	padding: 2px 2px 6px 2px;
}
.new_listing_info_window .property_type {
    display:block;
    font-weight:400;
    margin:0;
}
.new_listing_info_window .btn_moreinfo {
    position:absolute;
    bottom:2px;
    right:2px;
    z-index:1;
    display:block;
    width:44px;
    height:24px;
    font-size:10px;
    font-weight:100;
    line-height:23px;
    background:#006313;
    border:0;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    padding:0;
    cursor:pointer;
}
.new_listing_info_window .btn_moreinfo:hover {
    color:#73fe6a;
    cursor:pointer;
}
.new_listing_info_window .newIcon {
    display:block;
    position:absolute;
    top:6px;
    left:16px;
    z-index:10;
    width:32px;
    height:16px;
    line-height:16px;
    text-align:center;
    font-size:10px;
    font-weight:700;
    color:red;
    text-transform:uppercase;
    background:#FF0;
}
.new_listing_info_window img.mls_icon {
    position:absolute;
    top:6px;
    right:3px;
    z-index:2;
}
.new_listing_info_window .street_address,
.new_listing_info_window .city_state_zip,
.new_listing_info_window .beds_baths,
.new_listing_info_window .sq_ft {
    display:block;
}
.new_listing_info_window .sold {
    position: absolute;
    z-index: 30;
    top: 5px;
    left: 5px;
}

 *
 * Listing info window when there are multiple listings
 *
.new_listing_info_window_grouped {
    position:absolute;
    z-index:4;
    display:block;
    width:255px;
    height:150px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:12px;
    text-align:left;
    margin:0;
    padding:2px 2px 2px 0px;
    border: 2px solid #3ca210;
    color: #000;
    background-color: #fff;
}

.new_listing_info_window_grouped .listing_item
{
    position: relative;
    height: 106px;
    width: 240px;
    background:url(/images/gmap/listing_info_window_item.png) repeat-x 0px 0px;
}

.new_listing_info_window_grouped .listing_info_window_grouped_content
{
    overflow-y: auto;
    overflow-x: hidden;
    height: 135px;
    margin-top: 15px;
}

.new_listing_info_window_grouped .listing_info_window_grouped_content div.item_separator
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #3CA210;
    margin-top: 5px;
}

.new_listing_info_window_grouped a.thumbnail {
    position:absolute;
    top:6px;
    left:6px;
    z-index:2;
    display:block;
    background:#fff url(/images/search/bg_thumb.gif) no-repeat 0 0;
    width:80px;
    height:60px;
    padding:4px 6px 5px 4px;
    cursor:pointer;
}
.new_listing_info_window_grouped a.thumbnail:hover {
    cursor:pointer;
}
.new_listing_info_window_grouped img.thumbnail {
    width:80px;
    height:60px;
    cursor:pointer;
}
.new_listing_info_window_grouped .basic_info {
    position:absolute;
    top:10px;
    left:98px;
    z-index:3;
}
.new_listing_info_window_grouped .price {
    display:block;
    font-weight:700;
    margin:3px 0 0 0;
}
.new_listing_info_window_grouped .address {
    position:absolute;
    top:81px;
    left:7px;
    width:233px;
    height:25px;
}
.new_listing_info_window_grouped .property_type {
    display:block;
    font-weight:400;
    margin:0;
}
.new_listing_info_window_grouped .btn_moreinfo {
    position:absolute;
    bottom:2px;
    right:4px;
    z-index:1;
    display:block;
    width:44px;
    height:24px;
    font-size:10px;
    font-weight:100;
    line-height:23px;
    background:#006313;
    border:0;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    padding:0;
    cursor:pointer;
}
.new_listing_info_window_grouped .btn_moreinfo:hover {
    color:#73fe6a;
    cursor:pointer;
}
.new_listing_info_window_grouped .btn_street_view,
.new_listing_info_window_grouped .btn_street_view_na {
    position:absolute;
    bottom:36px;
    right:4px;
    z-index:2;
    width:20px;
    height:26px;
    cursor:pointer;
}
.new_listing_info_window_grouped .btn_street_view_na {
    cursor: default;
}
.new_listing_info_window_grouped .newIcon {
    display:block;
    position:absolute;
    top:6px;
    left:6px;
    z-index:10;
    width:32px;
    height:16px;
    line-height:16px;
    text-align:center;
    font-size:10px;
    font-weight:700;
    color:red;
    text-transform:uppercase;
    background:#FF0;
}

.new_listing_info_window_grouped .btn_close {
    position:absolute;
    top:3px;
    right:3px;
    z-index:4;
    cursor:pointer;
}
.new_listing_info_window_grouped .street_address,
.new_listing_info_window_grouped .city_state_zip,
.new_listing_info_window_grouped .beds_baths,
.new_listing_info_window_grouped .sq_ft {
    display:block;
}

.new_listing_info_window_grouped .more_notice {
    position:absolute;
    top:5px;
    left:19px;
    z-index:4;
    color: #006313;
}


 *
 * Special case - we're putting the courtesy down below...
 *
.new_listing_info_window .courtesy_of_box {
    width: 229px;
    position: absolute;
    top: 120px;
    padding:2px;
    background-color: white;
    border: 1px solid #3ca210;
}
.new_listing_info_window_grouped .courtesy_of_box {
    width: 250px;
    position: absolute;
    top: 165px;
    padding:2px;
    background-color: white;
    border: 1px solid #3ca210;
}
 * =========================================================================================================
 * =========================================================================================================
 * =========================================================================================================
 */