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

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

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