/*
 * Calendar
 */
#calendar-container {
  background: #ffffff;
  padding: 15px 0px 15px 0px;
}


/*
 * Header
 */


#calendar-header {
  width: 100%;
  padding: 0px 0px 10px 0px;
  overflow: hidden;
}
#calendar-header #product-title {
  float: left;
  width: 30%;
}
#calendar-header #search-form {
  text-align: right;
  float: right;
  width: 70%;
}


#calendar-header #search-form form,
#calendar-header #search-form div#dashboard-form {
  float: right;
}
#calendar-header #search-form div.form-elements {
  float: none;
  clear:both;
}
#calendar-header #search-form div.form-elements label {
  float: left;
  font-weight: bold;
  padding: 4px 10px 0px 0px;
  width: 110px;
}
#calendar-header #search-form div.form-elements select {
  float: left;
  width: 200px;
}

#calendar-header #search-form div.form-elements select.short{
 width:70px !important;
}

/*
 * Calendar Nav
 */
#calendar-container #calendar-nav {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0px 0px 10px 0px;
  overflow: hidden;
  width: 100%;
}
#calendar-container #calendar-nav li {
  list-style: none;
  float: left;
  border: 0;
  margin: 0;
  padding: 0;
}

#calendar-container #calendar-nav li img,
#calendar-container #calendar-nav li input,
#calendar-container #calendar-nav li select{
  vertical-align:middle;
}

#calendar-container #calendar-nav li.left {
  text-align: left;
  width: 35%;
}
#calendar-container #calendar-nav li.middle {
  text-align: center;
  font-size: 1.1em;
  line-height: 23px;
  text-align: center;
  width: 30%;
}
#calendar-container #calendar-nav li.middle h3 {
  float: left;
}
#calendar-container #calendar-nav li.right {
  text-align: right;
  width: 35%;
}

/*
 * Table
 */
#calendar-container #calendar-table {
  border-collapse: collapse;
  margin: 0px 0px 0px 0px;
  table-layout: fixed;
  width: 100%;
}
#calendar-container #calendar-table tr th {
  background: #cbd1e0;
  font-size:10px;
  text-align: center;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 5px 0px 5px 0px;
}
#calendar-container #calendar-table tr td {
  background: #e6e8f0;
  color: #000000;
  font-size: 1.0em;
  text-align: center;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 5px 0px 5px 0px;
  vertical-align:top;
}
#calendar-container #calendar-table tr td.this-month-day {
  height: 40px;
}

#calendar-container #calendar-table tr td.other-month-day {
  background: #f0f0f0;
  height: 40px;
}

#calendar-container #calendar-table tr td p {
  padding: 0;
  margin: 0;

}

#calendar-container #calendar-table tr td p.date{
  text-align:left;
  font-size:0.8em;
}

/*
 * Availability
 */

#calendar-container #calendar-table tr td.this-month-availability {
  font-size: 1em;
  padding: 0;
}
#calendar-container #calendar-table tr td.this-month-availability table {
  border-collapse: collapse;
  width: 100%;
}
#calendar-container #calendar-table tr td.this-month-availability table td {
  background: #ffdeb4 ;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
#calendar-container #calendar-table tr td.this-month-availability table td input {
  width: 20px;
}

#calendar-container #calendar-table tr td span.price
{
 font-size:1.1em;
}

#calendar-container #calendar-table tr td.this-month-availability table td.price input {
  text-align: right;
  width: 45px;
}
#calendar-container #calendar-table tr td.other-month-availability {
  background: #f0f0f0;
  font-size: 0.8em;
  padding: 0;
}


#calendar-table tr td.green,
#calendar-table tr td.green table tr td{
  background:#ecffbf !important;
}

#calendar-table tr td.amber,
#calendar-table tr td.amber table tr td,
#calendar-table tr td.red,
#calendar-table tr td.red table tr td {
  background:#ffc4bf !important;
}

#booking-calendar #calendar-container #calendar-table tr td.over,
#booking-calendar #calendar-container #calendar-table tr td.selected {
  background: #ffeebf !important;
  color: #ff0000 !important;
  border-left: 1px solid #ff0000 !important;
}

label.hidden{
 display:none;
 visibility:hidden;
 margin-left:-99999px;
}