@charset "utf-8";
/* CSS Document */

#googleMapPanel {
float: left;
width: 562px;
background-color: #f2f2f2;
clear: both;
margin-top: 0px;
margin-left: 10px;
}


#googleMapPanelHeader {
width: 562px;
height: 45px;
background-image:url(http://www.dianegrogen.com/2008/img/bg_header_search_by_area.jpg);
}


#map {
width: 550px; 
height: 450px;
margin-left: 5px;
}


#frmSearch {
float: right;
width: 300px;
}


#propertySearch {

}

#propertySearchPanel {
width: 500px;
margin-left: 10px;

}

#propertySearchPanelHeader {
width: 235px;
height: 40px;
background-image:url(http://www.dianegrogen.com/2008/img/bg_header_propsearch.jpg);
}



#searchFormPanel {
float: left;
width: 300px;
background-color: #f2f2f2;
margin-top: 0px;
margin-left: 20px;
}


#searchFormPanelHeader {
width: 300px;
height: 45px;
background-image:url(http://www.dianegrogen.com/2008/img/bg_header_search_by_price.jpg);
}

#propertyresultspanel { float: left;}
#propertyListingResult {
background-color: #fff;
width: 600px;
height: 175px;
margin-left: 10px;
border:1px solid #c6c6c6;
margin-bottom:10px;
position:relative;
float: left;
}

.propertyListingResultHead {
background-color:#e6e6e6;
width: 600px;
margin: -21px 0 0 0;
color: #FFFFFF;
border:0;
position:relative;
}

.propertyListingResultHead h4 {
margin-left: 5px;
font-variant:small-caps;
color: #64647d;
font-family:Arial, Helvetica, sans-serif; 
}

h2 {margin-left: 10px;}



.content {
margin: 0 0 0 10px;
width: 570px;
vertical-align: top;
font-size: 10pt;
font-family:Arial, Helvetica, sans-serif; 
}

.photo {
margin: 0 10px 0 0;
vertical-align: top;
border: 1px solid #64647d;
}



#amenities {
font-size: 9pt;
font-family: "trebuchet MS";
vertical-align: middle;
margin-left: 290px;
}

#rightPanel {
width: 300px;
margin-left: 50px;
}

fieldset {
width: 300px;
}