body {
	font:80% Verdana, Arial, Helvetica;
	text-align:left;
	color:#333;
	width:90%;
	margin:2em auto;
	background:#fff;
	padding:1.3em;
	border:solid 0.1em #eaeaea;
	
}

p {
	font-size:1.2em;
	line-height:1.5em;
	margin:1em 0;
}



.separatorInvisible {
height: 0;
clear: both;
}

td .legend {font-size: 0.8em; font-family: "trebuchet ms"; font-weight: bold; }
td .controls {font-size: 0.8em; font-family: "trebuchet ms";  }

.listheader { color: #e5e8f0; font-family: Verdana; font-weight: bold; background-color: #99b4c7; height: 30px; margin-bottom: 4px; margin-top: 0px; margin-right: 2px;padding: 2px;width: 98%; }
.listcontainer { font-size: 11px; font-family: tahoma; background-color: #e5e8f7; text-align: left; width: 98%; height: 35px; margin-bottom: 4px; border: solid 1px #92b4f0; }

.listphoto{ padding: 2px; }

.propertycontainer { width: 100%; }

div.beachcontainer { width: 200px; font-size: 1.0em; font-family: "trebuchet ms"; }
div.beachcontainer h4 { color: black; font-size: 1.0em; font-family: "trebuchet ms"; font-weight: bold;}
div.beachcontainer p { color: #444; font-size: 0.9em; }
div.beachcontainer a { color: black; text-decoration: none; }


div.towncontainer  { width: 200px; font-size: 1.0em; font-family: "trebuchet ms"; }
div.towncontainer  p { color: #444; font-size: 0.9em; }
div.towncontainer  h2 { color: black; font-size: 1.0em; font-family: "trebuchet ms"; font-weight: bold;}
div.towncontainer  h4 { color: black; font-size: 0.9em; font-family: "trebuchet ms"; font-weight: bold;}
div.towncontainer  a { color: black; text-decoration: none; }

div.resortcontainer  { width: 300px; font-size:  1.0em; font-family: "trebuchet ms"; color: #444;}
div.resortcontainer  p { color: #444; font-size: 0.9em; }
div.resortcontainer  h2 { color: black; font-size: 1.0em; font-family: "trebuchet ms";font-weight: bold; }
div.resortcontainer  h4 { color: black; font-size: 0.9em; font-family: "trebuchet ms";font-weight: bold; }
div.resortcontainer  a { color: black; text-decoration: underline; }


div.activitycontainer { width: 200px; font-size: 1.0em; font-family: "trebuchet ms"; }
div.activitycontainer  h4 { color: black; font-size: 1.5em; font-family: "trebuchet ms"; }
div.activitycontainer  a { color: black; text-decoration: none; }

div.attractioncontainer { width: 250px; font-size: 1.0em; font-family: "trebuchet ms"; }
div.attractioncontainer  h2 { color: black; font-size: 1.0em; font-family: "trebuchet ms";font-weight: bold; }
div.attractioncontainer  h4 { color: black; font-size: 1.5em; font-family: "trebuchet ms";font-weight: bold; }
div.attractioncontainer  p {font-size: 0.9em; font-family: "trebuchet ms"; }
div.attractioncontainer  a { color: black; text-decoration: none; }

div.attractioncontainer img,div.beachcontainer img, div.towncontainer  img,div.resortcontainer img ,div.activitycontainer  img  { max-width: 200px; max-height: 300px; padding: 3px; border: solid 1px silver; }

.buttons { color: white; } 

.Villa,.Apartment,.CC { padding: 3px; border: solid 1px black; }

.Villa a,.Apartment a,.CC a { color: black; text-decoration: none; }



.Villa img,.Apartment img,.CC img { width: 50px; height: 35px; }



.maplegend { background-position: 0 bottom; top: 10px; }


.LabeledMarker_markerLabel { color: black; font-size: 9px; font-family: arial; font-weight: normal; background-color: #dfffff; width: 100px; border: solid 1px silver; }
.propertylink { color: #444; }
.propertyli { color: #444; width: 98%; border: solid 1px black; }

#resortlist { }

#locationmapcontainer { height: auto; outline: solid 1px silver; }
#property-list { height: 500px;  overflow-y: auto; margin-top: 0px; margin-left: 10px; }
#locationfilter,#locationfilterlabels { background-color: #dee8f7; padding-top: 10px; }

#showlocation,#showlocationtext  { color: black; font-size: 0.8em; font-family: arial;  }
#radius { color: black; font-size: 0.8em; font-family: arial; font-weight: bold; float: right; }

.zoominfo { width: 250px; color: black; font-size: 9px; font-family: arial; }
.zoominfo h1,h4 { font-size: 10px; font-weight: bold; }
.zoominfo p { color: #444; }

#alert {
position: absolute;
top: 50%;
left: 0;
width:100%;
text-align:center;
display:none;

}

#alert p {
width:150px;
margin: 0 auto 0 auto;
padding: 10px;
background:white;
border: 1px solid #aaa;

}

.loading { position: absolute; margin-top: 200px; margin-left: 150px; }

body.loading #alert {display: block; }


span.helpdisplay{ font-size: 0.8em; font-family: "trebuchet ms"; display: block; font-weight: bold; background-image: url(/media/images/graphics/icons/iconInfo.png); background-repeat: no-repeat; background-position: 5px 8px; padding: 5px 5px 5px 35px; background-color: #e3edf8; text-align: left; border:solid 1px #cfdfec; margin:0 0 5px; }
span.helpdisplay h1 { color: black; font-weight: bold; font-size: 14px; text-align: left; }

span.helpwarning{ display: block; color: white; font-size: 12px; font-family: Arial; font-weight: normal; background-color: #f00; padding: 5px 5px 5px 27px; text-align: left; border:solid 1px red; margin:0 0 5px; }
span.highlight { color: #0066cc; background-color: #6f6; background-position: 5px 8px; display: block; margin: 0 0 5px; padding: 5px 5px 5px 27px; border: solid 1px #cfdfec; }

span.info {
	display: block;
	color: #444;
	background-image: url('/media/images/graphics/icons/iconInfo.png'); 
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding: 5px 5px 5px 35px;
	background-color: #e3edf8;
	border:solid 1px #cfdfec;
	margin:0 0 5px;
}
span.infogreen {
	display: block;
	color: black;
	background-image: url('/media/images/graphics/icons/iconInfo.png'); 
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding: 5px 5px 5px 35px;
	background-color: #5cbd00;
	border:solid 1px #cfdfec;
	margin:0 0 5px;
}
div.infoPAYPALgreen { display: block; color: white; background-image: url(/media/images/graphics/icons/iconInfo.png); background-repeat: no-repeat; background-position: 5px 8px; padding: 5px 5px 5px 35px; background-color: #5cbd00; width: 85%; border:solid 1px #cfdfec; margin:0 auto 5px; }

.infogreen  h3{ color: black; font-weight: bold; }
span.info h3{ color: #444; font-weight: bold; }

h3.infogreen { color: white; font-weight: bold;  }
h3.info { color: #444; font-weight: bold;  }
span.highlight { color: #0066cc; background-color: #6f6; background-position: 5px 8px; display: block; margin: 0 0 5px; padding: 5px 5px 5px 27px; border: solid 1px #cfdfec; }

#helpbasic {  font-family: "trebuchet ms"; }

#helpbasic li { list-style-type: disc;  font-size: 0.8em;}

#helpbasic h3 { font-weight: bold; font-size: 0.8em;}



.psummary { height: 35px; margin-left: 10px; }
.pheadline { }
.pheadlinename { font-weight: bold;  }
.Villa .pheadlineptypeimg img,.Apartment .pheadlineptypeimg img,.CC .pheadlineptypeimg img  { background-position: 0 center; width: 10px; height: 15px; }
.infophoto { width: 100px; padding: 2px; border: solid 1px silver; }
.listphoto { width: 60px; }


#footer {
	text-align:center;
	clear:both;
	padding:1em 0 0;
	background:url(/media/images/footer_hr.gif) repeat-x;
}

#footer li {
	display:inline;
	margin:0.5em;
}