body {
  min-width: 950px;
  max-width: 1200px;
  /*width: 974px;*/
  margin: auto;
  font-family: "Lucida Grande","Luxi Sans","Trebuchet MS",helvetica,arial,sans-serif;
  font-size: 9pt;
  background: white;
}

/************************************************************************************************/
/****
   ** Ad blocks
   **
   **********************************************************************************************/

.leftads, .rightads, .main { 
  margin-top: 5px;
  padding: 5px;
}

.leftads, .rightads { 
  border: 1px solid red;
}

.leftads, .rightads { 
  width: 175px;
}

.leftads { 
  float: left;
  background: bisque;
  margin-left: 5px;
}

.rightads { 
  float: right;
  background: lightgreen;
  margin-right: 5px;
}

.main {
  margin: 5px 205px;
}

/************************************************************************************************/
/****
   ** Segment
   **
   **********************************************************************************************/

.segment {
  margin: 15px 0px;
  border: 1px solid white;
  padding: 0px;
}

.segment p {
  padding: 5px;
  margin: 0px;
  display: block;
}

.segment a, .segment form {
  padding: 0px 5px;
  margin: 0px;
  display: block;
}

.segment img {
  margin-right: 10px;
}

.segment h1 {
  background: brown;
  color: yellow;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px 5px;
  margin: 0px;
}

.hmenu {
  background: #ddd;
  /*background: white;*/
  padding: 4px;
}

.hmenu a {
  color: black;
  font-weight: bold;
  padding: 4px 15px;
}

.hmenu a.menu_sel {
  background: #b00;
  color: white;
  font-weight: bold;
}

table.title { 
  border: 1px solid #eee;
}

img {
  border: 1px solid #eee;
}

.header, .bigheader {
  background: white;
}

tr.hidden {
  background: #eee;
}

td.hidden {
  background: #eee;
}

p.hidden {
  background: #eee;
}

/************************************************************************************************/
/****
   ** Calendar
   **
   **********************************************************************************************/

.calendar th {
  /*border: 1px solid blue;*/
  background: blue;
  color: white;
  padding: 5px;
}

.calendar td {
  border: 1px solid #e0e0e0;
  padding: 5px;
}

.calendar a {
  text-decoration: none;
  color: red;
}

/************************************************************************************************/
/****
   ** Costing table
   **
   **********************************************************************************************/

.cost td {
  padding: 2px 20px;
}

.cost table {
  border: 1px solid #aaa;
  border-right: 5px solid #aaa;
  border-bottom: 5px solid #aaa;
}

.cost a {
  background: #eee;
  font-weight: bold;
  color: blue;
  border: 1px solid blue;
  padding: 1px 4px;
}

/************************************************************************************************/
/****
   ** Booking form
   **
   **********************************************************************************************/

.booking th, .booking td { 
  text-align: left;
  padding: 2px 20px;
  border: 1px solid #ccc;
}

b.red {
  font-weight: bold;
  color: red;
  padding: 10px;
  border: 2px solid red;
}

td.red {
  font-weight: bold;
  color: red;
  border: 1px solid red;
}

td.blue {
  font-weight: bold;
  color: blue;
  border: 1px solid blue;
}

div.info {
  text-align: left;
  font-weight: bold;
  color: blue;
  border: 1px solid blue;
  padding: 20px;
  margin: 0px 10%;
}

/************************************************************************************************/
/****
   ** Errors
   **
   **********************************************************************************************/

.error {
  background: red;
}

.error li {
  color: red;
}

div.error {
  background: white;
  border: solid 1px red;
  text-align: left;
  padding: 20px 20px;
}

/************************************************************************************************/
/****
   ** Photos
   **
   **********************************************************************************************/

.photos a {
  color: blue;
  font-weight: bold;
}

.photos tr, .photos td {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px;
}

.photos img {
  margin: 0px 20px;
}

.photos p {
  //margin: 20px;
}

.photos div { 
  margin-left: 300px;
}

/************************************************************************************************/
/****
   ** Editing
   **
   **********************************************************************************************/

.edit td {
  background: #ccc;
  padding: 2px 15px;
}

/************************************************************************************************/
/****
   ** Admin bookings
   **
   **********************************************************************************************/

.admin_bookings th, .admin_bookings td {
  border: 1px solid #eee;
  padding: 2px 10px;
}

/************************************************************************************************/
/****
   ** Availability
   **
   **********************************************************************************************/

.pagefooter {
  color: #888;
  font-style: italic;
  font-size: smaller;
}

/************************************************************************************************/
/****
   ** Availability
   **
   **********************************************************************************************/

.availability td {
  border: 1px solid #eee;
  padding: 2px 3px;
}

.availability th {
  padding: 2px 3px;
}

table.month {
  border-spacing: 10px;
}

tr.month {
  margin: 10px;
  padding: 5px;
}

td.month {
  border: 1px solid black;
  margin: 10px;
  padding: 5px;
  vertical-align: top;
}

.inquiry {
  background: yellow;
}

.wait_depo {
  background: orange;
}

.reserved {
  background: bisque;
}

.confirmed {
  background: red;
}

.availability span
{
  padding: 3px 10px;
}