/* bookingsmadeeasy styles  version 1.0 */
/* Issued: 4 January 2011 */
/* Change, distribute and modify as required  */      
* {
  margin: 0;
  padding: 0;
}
/* Special offer styles -----------------------------------------------
   minimum price per night text*/
div#minimumprice {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #745623;
 font-weight: bold;
 padding-left: 25px;
}
/*Special offer text*/
div#specialoffertext {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #745623;
 font-weight: bold;
 padding-left: 25px;
}
/*Special offer link text*/
div#specialoffertext a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #000;
 font-weight: normal;
 padding-left: 25px;
}
/*Special offer link text - mouse hover*/
div#specialoffertext a:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #0000ff;
 font-weight: normal;
 padding-left: 25px;
}

/* Price list styles ----------------------------------------------- */
.pricelistheader {
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCCCCC;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 background-color: #C6E2A9;
}
.pricelisttitle {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #745623;
 font-weight: bold;
 padding-left: 15px;
}
.pricelistrowseven {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #666666;
 background-color: #ECF5E2;
}
.pricelistrowsodd {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #666666;
 background-color: #FAFCF8;
}
/* Enquiry  styles ----------------------------------------------- */      
#table-container {
 width: 500px;
}
#table-container ul {
 list-style: none;
}
#table-container ul li {
 float: left;
}
.header-row {
 height: 30px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 margin: 0px;
 padding: 0px;
 color: #000000;
 line-height: 2.8em;
 text-indent: 15px;
 width: 410px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCCCCC; 
 border-top: 1px solid #CCCCCC;
 background-color: #C6E2A9;
}
#content-row ul li {
 float: left;
}
/* Enquiry left column */
#content-row  ul li.cr-left-col {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 height: 22px;
 width: 160px;
 text-align: right;
 padding-top: 12px;
 padding-right: 10px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 border-left-color: #CCCCCC; 
 background-color: #DBEDC9; 
}
/* Enquiry right column */      
#content-row ul li.cr-right-col {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 width: 232px;
 height: 24px;
 padding-top: 10px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 5px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 background-color: #F5FAF1;
}

/* Submit row =================== */
#submit-row li {
 float:left; 
}
#submit-row ul li.sr-left-col {
 height: 35px;
 width: 275px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCCCCC;
 border-left-color: #CCCCCC;
 background-color: #C6E2A9; 
}
#submit-row ul li.sr-right-col {
 height: 28px;
 width: 135px;
 padding-top: 7px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCCCCC;
 background-color: #C6E2A9;
}
#submit-row ul li.sr-right-col span a {
 background-position: 0 0;
 display: block;
 width: 79px;
 height: 21px;
 cursor: pointer;
 background: url('../images/button.png') no-repeat 0 0;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 text-align: center;
 color: black;
 font-size: 11px;
 line-height: 1.9em;
}
#submit-row ul li.sr-right-col span a:hover {
  background-position: 0 -21px;
  color: #666666;
}
#submit-row ul li.sr-right-col span a:active {
  background-position: 0 -42px;
}
/* Response message area ================================= */
#message {
 height: 30px;
 margin: 0px;
 padding: 0px 0px 0px 15px;
 color: #000000;
 width: 360px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: red;
}

/* form objects ==========================*/
.inputObject {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 border: 1px solid #B5BED5;
 color: #000000;
 height: 14px;
}
.selectObject {
 font-family: Arial;
 font-size: 1.0em;
 display: block;
 line-height: 1.9em;
 width: auto;
}
/* datapicker text size adjustment */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {font-size:0.7em}
/* booking form styles ----------------------------------------------- */         
#content-row  ul li.bk-left-col {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 text-align: right;
 padding-top: 5px;
 height: 18px;
 width: 215px; 
 padding-right: 10px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 border-left-color: #CCCCCC; 
 background-color: #DBEDC9; 
}
/* booking form right column */      
#content-row ul li.bk-right-col {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 padding-top: 5px;
 height: 18px;
 width: 252px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 5px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
 background-color: #F5FAF1;
 
}
/* calendar grid shown on the booking form ---------------------------------- */
.calendar-container {
 margin-top: 10px;
 width: 28em; 
}
.calendar-container ul {
 list-style: none;
}
.calendar-container ul li {
 float: left;
 width: 6em;
}
.calendar-cell {
 position: relative;
 height: 50px;
 border-bottom: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 padding-right: 3px;
 padding-left: 3px;
 padding-top: 3px;
 background-color: #00FF99;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #000024;
 text-align: center;      
}
.datetext {
}
.calendarprice {
}
.calendaroffertext {
}
.calendarofferprice {
}
/* booking response styles table ---------------------------- */
#simple-table {
 margin-top: 10px;
 width: 40em; 
}
#simple-table ul {
 list-style: none;
 margin-top: 20px;
}

#simple-table ul li {
 float: left;      
 height: 32px;     
}
#simple-row ul li.simple-left-col {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 width: 15em;
 text-align: left;
 margin-left: 5em;
 background-color: #FFF;
 padding-top: .5em;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #F2F2F2;

}
#simple-row ul li.simple-right-col {
 width: 25em;     
 padding-top: .5em;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 background-color: #FFF;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #F2F2F2;
}
/* multiple units - availability page header section colored yellow to ease design 
remark teh backgrounds when your design is finished-------------------*/
#availability {
 margin-top: 10px;
 width: 500px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;  
 line-height: 2em;  
 background: yellow;  
 width: 400px; 
}

/* list of available accommodation colored olive to ease design----------*/
#accommodation-available-list {
  position:relative; 
  width: 500px;
  background-color: olive ;   
}

.availability-image-area {
  margin-top: 20px;
}
.availability-image {
 border: 1px solid #000000;
 width:250px;
 height:200px;
}
/* inner div list of available accommodation colored orange to ease design----------*/   
#availability-list {
  width: 600px;   
  float:left;   
  background-color: orange; 
}
/* clear each line*/ 
#availability-list ul {
 list-style: none;
 margin-top: 10px;   
 clear:left;   
}
#availability-list ul li {
 font-family: Arial, Helvetica, sans-serif;
 height:20px;       
}
#availability-list ul li.unittitle {     
 font-size: 18px;
 color: red;  
 clear: left;
 margin-top: 10px; 
}
#availability-list ul li.description {    
 font-size: 12px;
 color: #000; 
}
.numberofguests {    
 font-size: 12px;
 color: #000; 
 margin-bottom: 30px;
 padding-right: 20px;          
 line-height:1.9em;
 width: 150px;        
 background-color: aqua;        
 float:left; 
}
.numberofchildren {    
 font-size: 12px;
 color: #000; 
 
 margin-bottom: 30px;
 padding-right: 20px;          
 line-height:1.9em;
 width: 150px;         
 float:left;
 background-color: green;   
}
.dropdownmenu {
 font-size: 12px;
 color: #000; 
 width: 80px;
 height:20px;
} 
/* The submit button style */
#availability-list ul li.submit-button {
 clear: left;   
 margin-bottom: 50px; 
}
#availability-list ul li.submit-button span a {   
 background-position: 0 0;
 display: block;  
 width: 79px;
 height: 21px;
 cursor: pointer;
 background: url('../images/button.png') no-repeat 0 0;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 text-align: center;
 color: black;
 line-height: 1.9em;
}
#availability-list ul li.submit-button span a:hover {  
  background-position: 0 -21px;
  color: #666666;
}
#availability-list ul li.submit-button span a:active {  
  background-position: 0 -42px;
}