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


/*   Import Fonts
==================*/
@font-face 
{
	font-family: 'DanielRegular';
	src: url('fonts/daniel-webfont.eot');
	src: local('DanielRegular'), url('fonts/daniel-webfont.woff') format('woff'), url('fonts/daniel-webfont.ttf') format('truetype'), url('fonts/daniel-webfont.svg#webfontkqKEjXMA') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'ZapfinoRegular';
	src: url('fonts/zapfino-webfont.eot');
	src: local('ZapfinoRegular'), url('fonts/zapfino-webfont.woff') format('woff'), url('fonts/zapfino-webfont.ttf') format('truetype'), url('fonts/zapfino-webfont.svg#webfontYmpemGuu') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'SaginawBold';
	src: url('fonts/SaginawBold.eot');
	src: local('Saginaw'), local('SaginawBold'), url('fonts/SaginawBold.woff') format('woff'), url('fonts/SaginawBold.ttf') format('truetype'), url('fonts/SaginawBold.svg#SaginawBold') format('svg');
}

 div.twocol ul, div.twocol ol {
  float: left;
  width: 50%; 
  margin: 0;
  padding: 0;
  list-style-position: inside;
  }
div.twocol ul {
  list-style-type: disc;
  }
div.twocol .left {
  float: left;
  position: relative;
  }
div.twocol {
  margin: 0;
  padding: 0;
  }
  
  #contacttable {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; }
  #contacttable textarea {padding: 5px; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; background: #FFF9EF; border: 2px #A1DF8B solid}
  #contacttable input {padding: 5px; font-size: 13px; background: #FFF9EF; border: 2px #A1DF8B solid}
  
  
/*  Helpers
============*/
.lefty {float: left}
.righty {float: right}
.boldy {font-weight: 900}
.centerMe {display: block; margin: 0 auto}
.centerTxt {text-align: center}

/*  Unit info. at Top of Page
==============================*/ 
.headerBackyPerdy {
	background: url(top-palmy.jpg) no-repeat top;
}


.topUnitTitle
{
font-size: 3.3em;
color: #2F98D4;
line-height: 1em;
padding-bottom: .1em;
}

.topUnitAddress
{
font-size: 1.4em;
color: #8BC53F;
}

.topUnitType
{
font-family: 'SaginawBold', Arial, Helvetica, Tahoma, sans-serif;
color: #ccc;	
font-size: 28px;
text-transform: lowercase;
/**/
padding-bottom: .1em;
padding-top: .1em;

}

.topUnitAmen
{
font-size: 1.3em;
color: #666;
line-height: 2.3em;
}

#danSever
{
background-color: #EFFBE5;
width: 595px;
height: 3em;
text-align: center;
margin: 0 auto;
}

.resBanner {margin: 0 auto}

/*  Check Availability Bar
============================*/
#reserveBar
{
display: block;
width: 600px;
height: 60px;
background: url(images/reservebar-bg.jpg) repeat-x bottom;
border-color: grey;
border-style: solid;
border-width: 1px;
margin: 0 auto;
margin-bottom: 2em;
}


.resBarLabel 
{
font-size: 17px;
position: relative;
top: 20px;  /* convert to em */
margin-right: 1em;  /* convert to correct em size based on body font */
}

.arrivalInput 
{
width: 90px;  /* watch this */
}


.nightsInput, .arrivalInput
{
position: relative;
top: 2px;
}

.barSpace {margin-left: 9px}

.checkAvailButton
{
margin-top: 10px; /* convert to em */
margin-left: 20px; /* convert */
}
#rateinfo {display: none; width: 500px; margin: 0px auto;}
.toggleicon {text-decoration: none; font-size: 15px; font-weight: bold;}

#pdtable {font-size: 16px;}

/* Status and Error Messages
=============================*/
.statusError
{
font-family: Tahoma; sans-serif;
display: block;
border-style: solid;
border-color: red;
border-width: 3px;
background-color: #fdf2f3;
margin: 0 auto;
padding: 10px;
}

.statusAvailable
{
font-family: Tahoma; sans-serif;
display: block;
border-style: solid;
border-color: #4FC416;
border-width: 3px;
background-color: #E7F2D6;
width: 596px;
margin: 0 auto;
padding: 10px 0;

}

.errorImage
{
width: 24px;
height: 24px;
float: left;
margin-top: -0.2em;
margin-left: .7em;
}

.availableImage
{
width: 24px;
height: 24px;
float: left;
margin-top: -0.2em;
margin-left: .7em;
}

.errorText
{
font-family: Tahoma; sans-serif;
font-size: 17px;
color: #464646;
margin-left: -24px;
}

.availableText
{
font-family: Tahoma; sans-serif;
font-size: 18px;
margin-left: -24px;
}

.priceText
{
color: #4FC416;
font-weight: 900;
}

.center
{
text-align: center;
}


/* Status and Error Messages
=============================*/
.statusError
{
font-family: Tahoma; sans-serif;
display: block;
border-style: solid;
border-color: red;
border-width: 3px;
background-color: #fdf2f3;
margin: 0 auto;
padding: 10px;
}

.statusAvailable
{
font-family: Tahoma, sans-serif;
display: block;
border-style: solid;
border-color: #4FC416;
border-width: 3px;
background-color: #E7F2D6;
width: 596px;
margin: 0 auto;
padding: 10px 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.errorImage
{
width: 24px;
height: 24px;
float: left;
margin-top: -0.2em;
margin-left: .7em;
}

.availableImage
{
width: 24px;
height: 24px;
float: left;
margin-top: -0.2em;
margin-left: .7em;
}

.errorText
{
font-family: Tahoma; sans-serif;
font-size: 17px;
color: #464646;
margin-left: -24px;
}

.availableText
{
font-family: Tahoma; sans-serif;
font-size: 18px;
margin-left: -24px;
}

.priceText
{
color: #4FC416;
font-weight: 900;
}

.center
{
text-align: center;
}

#propertysearch {
	width: 370px; float: left; font-size: 120%;	
}
#propertysearch legend {
	font-weight: bold; font-size: 110%;	color: #008fc3
}

#propertysearch label,#propertysearch input[type=checkbox] {
	cursor: pointer;	
}

#propertysearch .optionalFieldset {
background: #F0FAFF;
border: 2px solid #D7EEFF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#propertysearch .optionalFieldset fieldset {
/*background: #F0FAFF;
border: 2px solid #D7EEFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
border: 0px;

margin: 10px 0px;
padding: 5px;
padding-left: 10px;
}

#propertysearch fieldset.arrival {
background: #E7F2D6;
margin: 10px 0px;
padding: 5px;
border: 2px solid #d4f2a6;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding-left: 10px;
}

#propertysearch .ui-datepicker-trigger {
	margin: 0px; position: relative; vertical-align: middle	
}

#propertysearch .arrivalInput, #propertysearch #ddate {line-height: 22px; height: 22px;}
#reserveBar .ui-datepicker-trigger {float: left; margin: 20px 10px 0px;}
#reserveBar #adate_dis, #reserveBar #non_dis {margin-top: 20px; }

#propertysearch .resetbutton {
	float: right;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 4px 20px;
	background: #42aaff;
	background: -moz-linear-gradient(
		top,
		#42aaff 0%,
		#006bd6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#42aaff),
		to(#006bd6));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #547799;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);

}
	
	
#propertysearch .searchbutton
 {	position: relative;
	float: right;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 6px 20px;
	background: #20d650;
	background: -moz-linear-gradient(
		top,
		#20d650 0%,
		#0e990e);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#20d650),
		to(#0e990e));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #089e1a;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}
#propertysearch .searchbutton:hover {
		background: #20d650;
		background: -moz-linear-gradient(
		top,
		#0e990e 0%,
		#20d650);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#0e990e),
		to(#20d650));

}

#propertysearch .searchbutton:active {top: 2px; left: 2px;}

#loadingbar{width: 24px; height: 24px; background: url(../images/loading-24x24.gif); display: none; float: right; margin: 8px;}

#calendar .day {background: #70A8D2; color: #fff; font-weight: bold; text-align: center }
#calendar .month { text-align: center; background: #70A8D2; color: #fff; font-weight: bold; }