/* CSS Document */
/*Announcement*/
.announcements {margin-bottom:1.3em}
.announcements .announcement {padding:10px; border-bottom:1px solid #ccc;}
/*.announcements .announcement:nth-child(2n+1) {background-color:#e9e9e9 ;}*/
.announcements .announcement .announcement_title {font-size:1.1em;font-weight:bold}
.announcements .announcement .announcement_body {}
.announcements .announcement .announcement_posteddate {text-align:right;font-size:0.9em}

/*Tariffs*/
.tariffs {}
.tariffs .tariff {padding:10px; border-bottom:1px solid ccc;margin-bottom:-1px}
.tariffs .tariff .tariff_name {font-size:1.1em;}
.tariffs .tariff .tariff_details, .tariffs .tariff .tariff_includes, .tariffs .tariff .tariff_disclaimers {padding-left:15px;}
.tariffs .tariff .tariff_details {margin: 5px;}
.tariffs .tariff .tariff_details .when {display: inline-block; width: 48%;}
.tariffs .tariff .tariff_details .length {display: inline-block; width: 48%;}
.tariffs .tariff .tariff_details .days {display: inline-block; width: 100%;}
.tariffs .tariff .tariff_details .from {display: inline-block; width: 20%;}
.tariffs .tariff .tariff_details .price {display: inline-block; width: 50%; text-align:right;}

/*Packages*/
.packages .package {padding:10px;border:1px solid #ccc;margin-bottom:-1px} 
.packages .package .package_name {font-size:1.1em;}
.packages .package .package_includes {margin-top:20px; }
.packages .package .package_details, .packages .package .package_availability, .packages .package .package_includes, .packages .package .package_notes {padding-left:15px;}

label {font-weight:bold;}
.availability, .availability_table {width: 100%; }
.availability_table {}
.availability_table .month_table {width:100%;}
.availability_table .monthheader {background-color:#d1cdac;}
.availability_table td {text-align: center;border: 1px solid #d1cdac;}
.availability_table td>div {/*min-height: 45px;*/}
.availability_table .day_unavailable {background:#fcc;color:#202020}
.availability_table .day_available {background:#cfc;color:#202020}
.availability_table .availability .day_available, .availability_table .availability .day_unavailable {height:2.5em;}

.availabilitymonths a {display:block;padding:0.6em;margin:0.6em 0;border:1px solid #555;-webkit-border-radius: 5px;border-radius: 5px; color:#333;text-decoration:none; width:48%; margin-right:2%; float:left;
background: rgb(228,223,203);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZGZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iI2U0ZGZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmQ3YmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(228,223,203,1) 0%, rgba(228,223,203,1) 36%, rgba(219,215,189,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,223,203,1)), color-stop(36%,rgba(228,223,203,1)), color-stop(100%,rgba(219,215,189,1)));
background: -webkit-linear-gradient(top,  rgba(228,223,203,1) 0%,rgba(228,223,203,1) 36%,rgba(219,215,189,1) 100%);
background: -o-linear-gradient(top,  rgba(228,223,203,1) 0%,rgba(228,223,203,1) 36%,rgba(219,215,189,1) 100%);
background: -ms-linear-gradient(top,  rgba(228,223,203,1) 0%,rgba(228,223,203,1) 36%,rgba(219,215,189,1) 100%);
background: linear-gradient(to bottom,  rgba(228,223,203,1) 0%,rgba(228,223,203,1) 36%,rgba(219,215,189,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4dfcb', endColorstr='#dbd7bd',GradientType=0 );
}
.availabilitymonths a:hover {
	background: rgb(219,215,189);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZDdiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iI2U0ZGZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGRmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(219,215,189,1) 0%, rgba(228,223,203,1) 64%, rgba(228,223,203,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,215,189,1)), color-stop(64%,rgba(228,223,203,1)), color-stop(100%,rgba(228,223,203,1)));
background: -webkit-linear-gradient(top,  rgba(219,215,189,1) 0%,rgba(228,223,203,1) 64%,rgba(228,223,203,1) 100%);
background: -o-linear-gradient(top,  rgba(219,215,189,1) 0%,rgba(228,223,203,1) 64%,rgba(228,223,203,1) 100%);
background: -ms-linear-gradient(top,  rgba(219,215,189,1) 0%,rgba(228,223,203,1) 64%,rgba(228,223,203,1) 100%);
background: linear-gradient(to bottom,  rgba(219,215,189,1) 0%,rgba(228,223,203,1) 64%,rgba(228,223,203,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbd7bd', endColorstr='#e4dfcb',GradientType=0 );
}
.availabilitymonths a:active {background:#e4dfcb;}

#shownote {position: absolute; background: #fff; border: 1px solid #eee; padding: 10px;}

.bookingtable input[type=number] {width: 50px; }
.bookingtable td {vertical-align: top; padding: 2px;}

@media only screen and (max-width: 22.8em) { /*364.8px*/
.availabilitymonths a {height:60px;}
}

@media only screen and (max-width: 33em) { /*528*/
	.availability_table .roomnames {
		position:relative;
		height: 80px;
	}
	.availability_table .roomnames div {
		position: absolute;
		bottom: 20px;
		transform:rotate(300deg);
	  -ms-transform:rotate(300deg); 
	  -webkit-transform:rotate(300deg);
	  overflow: visible;
	  font-size:1em;
	}
	.availability_table tr{width:100%; text-align:right;}
	.availability_table td {font-size:0.9em; border:1px solid #a9a9a9;}
	.availability_table td strong{font-size:0.8em; }
	.availability_table td div{font-size:0.6em; max-width: 100%;}
	label {display:block;}
}
@media only screen and (min-width: 33em) { /*528*/
	.tariffs .tariff .tariff_details .when { width: 25%;}
	.tariffs .tariff .tariff_details .length { width: 22%;}
	.tariffs .tariff .tariff_details .days { width: 50%;}
	.availabilitymonths a {width:32%; margin-right:1%; }
}
@media only screen and (min-width: 37.5em) { /*600*/
.availability_table .month_table {width:49%;}
.availability_table .month_one {float:left;}
.availability_table .month_two {float:right;}
}
@media only screen and (min-width: 48em) { /*768*/
	.tariffs .tariff .tariff_details .when { width: 18%;}
	.tariffs .tariff .tariff_details .length { width: 18%;}
	.tariffs .tariff .tariff_details .days { width: 30%;}
	.tariffs .tariff .tariff_details .from { width: 10%;}
	.tariffs .tariff .tariff_details .price { width: 20%;}
	.availabilitymonths a {width:24%; margin-right:1%; }
}