body { font-family:"Roboto Slab"; font-size:0.8em; width:100%; max-width:1000px; color:#666; background:#fff; }
.input { font-family:"Roboto Slab"; font-size:1.0em; padding:4px 5px; border: solid 1px #aaa; border-radius:3px; background:#f8f8f8; }
.input:focus { outline:0; }

.calendar { margin-bottom:20px; margin-top:0px; width:100%; }
.calendar .left { width:360px; display:inline-block; vertical-align:top; margin-right:30px; margin-bottom:60px; }
.calendar .right { width:420px; display:inline-block; vertical-align:top; }
.calendar table { border: solid 0px #fff; border-collapse:collapse; width:360px; max-width:100%; }
.calendar td { border: solid 0px #fff; border-collapse:collapse;}
.calendar .right .title { float: left; margin-right:15px; padding-top:5px; }
.calendar .left .title { margin-bottom:6px; width:100%; }
.calendar .left .value { margin-bottom:0px; width:100%; }
.calendar .left .clear { margin-bottom:0px; }
.calendar .right .value { float: left; }
.calendar .clear { clear:both; height:20px; }
.calendar .days { background: #000; color: #fff; }
.calendar .days td { width:36px; text-align:center; height:40px;}
.calendar .date { background: #fff; height:26px; }
.calendar .date td { width:36px; text-align:center; height:26px; padding-top:3px;}
.calendar .unavailable { background: #eee; color: #aaa; }
.calendar .available { background: #E7F4A8; color: #fff; transition:0.25s; }
.calendar .available:hover { background: #D7DB31; cursor: pointer;  }
.calendar .available a { background:none; text-decoration:none; color:#444; }
.calendar .available a:link:hover, .calendar .available a:active:hover, .calendar .available a:visited:hover { color: #fff; }
.calendar .availableminimumstay { background: #E7F4A8; color: #444; }
.calendar .availableminimumstay:hover { background: #D7DB31; cursor: pointer; }
.calendar .availableminimumstay a:link, .calendar .availableminimumstay a:active, .calendar .availableminimumstay a:visited { background:none; text-decoration:none; color: #444; }
.calendar .availableminimumstay a:link:hover, .calendar .availableminimumstay a:active:hover, .calendar .availableminimumstay a:visited:hover { color: #fff; }
.calendar .closed { background: #413D25; color: #fff; }
.calendar .booked { background: #413D25; color: #fff; }
.calendar .telephone { background: #49BAC7; color: #fff; }
.calendar .telephone:hover { background: #49BAC7; }
.calendar .telephone a { background:none; text-decoration:none; }
.calendar .telephone a:hover { background: none; }
.calendar .keyavailable {display:inline-block; width: 24px; height:20px; background: #E7F4A8; margin-right:4px; vertical-align:middle; }
.calendar .keyavailableminimumstay {display:inline-block; width: 24px; height:20px; background: #E7F4A8; margin-right:4px; vertical-align:middle; }
.calendar .keybooked { display:inline-block; width: 24px; height:20px; background: #413D25; margin-right:4px; vertical-align:middle; }
.calendar .keyclosed { display:inline-block; width: 24px; height:20px; background: #413D25; margin-right:4px; vertical-align:middle; }
.calendar .keytelephone { display:inline-block; width: 24px; height:20px; background: #49BAC7; margin-right:4px; vertical-align:middle; }
.calendar .key { margin-top:20px; font-size:1.0em; }
.calendar .keylabel { display:inline-block; margin-right:20px; vertical-align:middle; }
.calendar .keyitem { display:inline-block; margin-bottom:5px; }
.calendar h3 { margin-bottom:20px; font-weight:400; font-size:1.2em; margin-top:0px; }
.calendar .notavailable { background: #eee; padding:10px; line-height:1.4em; margin-top:0px; color: #444; }
.calendar .avail { margin-top:10px;  }
.calendar .avail a:link, .calendar .avail a:active, .calendar .avail a:visited { padding: 10px 30px 11px 30px; background: #D7DB31; border: solid 0px #fff; border-radius:3px; color: #413D25; font-size:1.2em; transition:0.25s; text-decoration:none; }
.calendar .avail a:link:hover, .calendar .avail a:active:hover, .calendar .avail a:visited:hover { background: #49BAC7; color:#fff; }