/* Availability code v 1.8		*/
/* 14/01/2015                 */
/* copyright XLE Development  */
/* www.xledev.co.uk						*/
/* -------------------------  */

.jsAvail3 {
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
  border:0px solid silver;
  background-color:#eeeeee;         /* <-------------------------------- */
/*
  max-width:189px;
  margin-right:2px;
  display:block;
  float:left;
  clear:none;
*/
}
.jsAvail3 .jsContainer {
  display:block;height:1%;
}
.jsAvail3 .jsContainer:after  {
  visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;
}
/* -------------------------------------------------------------------------- */
.jsAvail3 .jsYearHead {
  margin:5px 10px;
  padding:0px;
  display:block;
  float:left;
  clear:both;
}
.jsAvail3 h2 {
	clear:left;
  padding:15px 0 0 10px;
  margin:0;
  font-size:16px !important;
  color:black;
}
.jsAvail3 .jsYearHead h2  {
	clear:left;
  padding:15px 0 0 10px;
  margin:0;
  font-size:16px !important;
  color:black;
}
/* -------------------------------------------------------------------------- */
.jsAvail3 .jsKeydiv  {                /* key */
  margin:5px;
  padding:0px;
  border:0px solid silver;
  width:180px;
  display:block;
  float:right;
  clear:right;
}
.jsAvail3 table.jsKey  {            /* key table */
  width:100%;
  margin:0;
  padding:0;
  border-collapse:collapse;
}
.jsAvail3 table.jsKey td {
  border:1px solid silver;
  padding:2px;
  text-align:center;
  font-size:10px;
}
.jsAvail3 table.jsKey td.jsAvailBooked  {     /* booked day */
  background-color:red;
  color:white;
  width:25%;
}  
.jsAvail3 table.jsKey td.jsAvailProvis  {     /* provis booked day */
  background-color:#6699FF;
  color:white;
  width:25%;
}  
.jsAvail3 table.jsKey td.jsAvailSpecial {     /* special price day */
  background-color:#00C000;
  color:white;
  width:25%;
}  
.jsAvail3 table.jsKey td.jsAvailD {           /* day */
  background-color:#ffffff;
  width:25%;
}  
/* -------------------------------------------------------------------------- */
.jsAvail3 .jsNote  {                /* notes */
  margin:5px;
  padding:3px;
  border:1px solid silver;
  background-color:white;
  width:174px;
  text-align:center;
  display:block;
  float:left;
  clear:both;
  font-size:10px;
}
/* -------------------------------------------------------------------------- */
.jsAvail3 .jsAvailCal {              /* div containing calendar */
  border:0px black solid;
  padding:0px;
  clear:both;
  margin-bottom:30px;
}
.jsAvail3 .jsMonthBox {
/*  height:160px;                      <--------- IMPORTANT! ----------- */
}

.jsAvail3 div.jsAvail {
  max-width:240px;
	padding:0;
	margin:1px auto !important;
	border:0px solid blue;
}
.jsAvail3 table.jsAvail {            /* month table */
  overflow:hidden;
  border-collapse:collapse;
  border:1px solid silver;
  margin-left:4px !important;
  margin-right:4px !important;
}
.jsAvail3 table.jsAvail td {         /* main table td */
  padding:4px;
  width:12%;                   /* <-------------------------------- */
  vertical-align:middle;
  text-align:center;
  background-color:#ffffff;
  font-size: 8px !important;
}
.jsAvail3 table.jsAvail td.jsAvailM {          /* month heading */
  font-weight:bold;
  background-color:#bae8c2;                   /* <-------------------------------- */
  padding-left:10px;
  text-align:left;
  font-size:11px !important;
}  
.jsAvail3 table.jsAvail td.jsAvailMY {         /* month year heading */
  font-weight:bold;
  background-color:#bae8c2;                   /* <-------------------------------- */
  text-align:right;
  padding-right:5px;
  font-size:11px !important;
}   
.jsAvail3 table.jsAvail td.jsAvailT {         /* dow heading */
  font-weight:normal;
  background-color:#dcf2e0;
  color:black;
}  
.jsAvail3 table.jsAvail td.jsAvailD {         /* day */
  border:1px solid silver;
}  
.jsAvail3 table.jsAvail td.jsAvailB {         /* blank day */
  border:1px solid silver;
	color:#D9D9D9;
}  
.jsAvail3 table.jsAvail td.jsAvailBooked {    /* booked day */
  background-color:#ff0000;
  color:white;
}  
.jsAvail3 table.jsAvail td.jsAvailBookedd {   /* booked day dull */
	background-color:#FF6161;
	color:white;
}
.jsAvail3 table.jsAvail td.jsAvailProvis {    /* provisionally booked day */
  background-color:#6699FF;
  color:white;
}  
.jsAvail3 table.jsAvail td.jsAvailProvisd {    /* provisionally booked day dull */
  background-color:#B3B5FF;
  color:white;
}  
.jsAvail3 table.jsAvail td.jsAvailSpecial {    /* special price day */
  background-color:#00C000;
  color:white;
}  
.jsAvail3 table.jsAvail td.jsAvailSpeciald {    /* special price day dull */
  background-color:#7EBA7E;
  color:white;
}  
.jsAvail3 td.jsAvailPrice {                   /* price */
  border:1px solid silver;
  font-weight:bold;
  min-width:14%;
}  
.jsAvail3 .jsAvailDoM {                      /* day of month */
  font-weight:normal;
}  
.jsAvail3 .hide {
  display:none !important;
}