h6 {
	font-size: 65%; text-align: center; font-weight: normal; background: #55aaff; margin: 0 0 .2em}
.rates {
	float: left; clear: left; text-align: center; background: #d7e8ff; margin: .4em .2em .1em 0; border: solid thin #80c0ff}
.rates table {
	border-collapse: collapse}
.rates h4 {
	font-size: 80%}
.rates td {
	border: solid 1px #80c0ff; font-size: 70%; padding: .1em .2em}
.rates td.currentTop {
	border-top: solid red .1em; border-bottom: none}
.rates td.currentBottom {
	border-top: none; border-bottom: solid red .1em}
.rates td.currentTop, .rates td.currentBottom {
	background: white; border-right: solid red .1em; border-left: solid red .1em}
.rates .bottom {
	font-size: 85%; padding: .1em}
.rates p {
	font-size: 80%; margin: .1em 0}
table.villaDesc {
	clear: both; margin: .2em auto; border: solid 1px #0080ff; font-size: 85%}
.villaDesc th {
	 background: #d5eaff; vertical-align: top}
.villaDesc td {
	 background: #d5eaff}
.cancelPolicy {
	float: right; clear: right; width: 15em}
form#dates {
	width: 18em; margin-bottom: 2em}
#dates label {
	float: left; width: 5em}
#beginShow, #endShow {
	padding: 0; position: relative; top: 2px}
.calendar {
	position: absolute; left: 0; top: 0; width: 12.8em; visibility: hidden; background: #d7e8ff; text-align: center}
.calendar[class] {
	width: auto}
.calendar table {
	border: solid thin #0080ff; font-size: 70%}
.calendar a:link, .calendar a:visited, .calendar a:active {
	color: black; text-decoration: none}
.calendar a:hover {
	color: #990033; text-decoration: underline}
.calendar th {
	background: #80c0ff}
input.hide {
	font-size: 100%; font-weight: bold; padding: 0; width: auto}
.calendar td {
	background: #d7e8ff; border: solid thin #80c0ff; font-family: Verdana, Arial, Helvetica, sans-serif}
.calendar .empty {
	border: none}
.calendar .today {
	border-color: red; background: white}
.calendar .past {
	border-color: #505050; background: #aaaaaa; color: black}
.calendar .reserved {
	border-color: #606060; background: #c8c8c8; color: #c80000}
.calendar .bottom {
	border: none; position: relative; width: 12.8em; height: 1.6em}
.calendar .bottom[class] {
	width: auto}
.calendar .prevMonth, .calendar .nextMonth {
	font-size: 90%; width: 2em; padding: 0 .2em; position: absolute}
.calendar .prevMonth {
	left: 0}
.calendar .nextMonth {
	right: 0}
.calendar .bottom p {
	font-size: 70%; margin: 0 2em; padding-top: .4em}
.calendar .bottom p span {
	background: #c8c8c8; color: #c80000; border: solid thin #606060; padding: .1em .8em}
#dates input.button, .pay input.button {
	float: right}
div.currency {
	float: left; margin: .2em .2em 0 0; clear: left}
div.currency div {
	text-align: center; font-size: 70%; width: 36.2em}
p.warning {
	font-weight: bold; margin-bottom: 0}
ul.warning {
	margin-top: 0; font-size: 85%}
.warning li {
	margin: .2em 0}
div.resinfo {
	margin: .2em auto .2em .2em; width: 21em; float: right}
.resinfo table {
	width: 100%; border-collapse: collapse}
.resinfo h4 {
	font-size: 95%; padding: .1em}
.resinfo th {
	font-weight: normal; font-size: 85%; text-align: left; padding: .1em 0; vertical-align: top}
.resinfo tr.bottomLine th, .resinfo tr.bottomLine td {
	border-bottom: dotted 1px #19b8b8; padding-bottom: .4em}
.resinfo tr.bottomLine th {
	font-weight: bold}
.resinfo td {
	font-size: 90%; font-weight: bold; text-align: right; padding: .2em 0}