﻿
.infoWindow {
	/*width: 600px;	*/
	height: 300px !important;
}

.infoClose {
	width: 20px;
	height: 20px;
	background: #F00;
	position: absolute;
	right: -30px;
	top: 10px;	
}

.infoText {
	float: left;
	width: 180px;
	background:#eee;
	padding:0px;	
}

.infoText .control-group{padding:8px; font-size:14px;}

.infoText button{display:block; /*float:right;*/ background:url(../images/more-btn-bg.gif) repeat-x bottom right; text-decoration:none; padding:0px 30px 0px 10px; height:25px; font-size:14px; text-align:left; color:#fff; border:1px solid #111111; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer;}
.infoText button:hover{background-position:top right; color:#294580; border-color:#c7c7c7; text-decoration:none;} 

.propImage {
	float: left;
	margin-left: 4px;
	width: 400px;	
}

/*
#prop_list {
	-moz-column-count:3; 
	-webkit-column-count:3;
	column-count:3;	
}*/

.mapError {
	display: none;	
}

#my_map{ 
	width: 100%;
    max-width:100% !important; 
	margin-bottom: 10px;
	float: left;
}

#my_map.mapMargin[style] {
	width: 60%!important;
}

#prop_list {
	width: 100%; 
}

#prop_list ul {
	list-style: none;
	list-style-type: none;	
}

#prop_list ul li {
	padding: 2px 5px 2px 0;	
}

#driving_distance { display: none !important; }

#driving_directions {
	background: white;
	padding: 10px;
	float: left;
	width: 40%;
	overflow-x: hidden;
    overflow-y: scroll;
	display: none;
}

#driving_directions.show_driving_directions {
	display: block;
}




#my_map {
    height: 400px;
}

@media (min-width: 768px) {
    #my_map {
        height: 500px;
    }
}

@media (min-width: 992px) {
    #my_map {
        height: 700px;
    }
}

@media (min-width: 1200px) {
    #my_map {
        height: 800px;
    }
}