/* =Reservations calendar
------------------------------------------------------------------*/

.pev_month{
  text-align:left;
}
.next_month{
  text-align:right;
}
.monthName{
  font-size:110%;
  font-weight: bold;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 0.7em;
  text-align:center;  
  text-transform:uppercase;
}

.dayName th {
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  background-color: #303030;
  color: white;
  text-align:center;
}
.dayName th abbr{
  color:#FFF;
}

.otherMonth {
  color: rgb(220,220,220);
  background-color: white;
}
.today{
	background-color: #faf9e5;
}

.display_day{
  background:#EEEEEE;
  margin:0 0 3px 0!important;
  padding:5px;
}


/* Availability options */

#content .availability_options{
  /* no margin for this kind of ULs */
  font-size:90%;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.availability_options li{
  margin-bottom:0;
}
.availability_options label{
  width:auto;
}
.availability_options input{
  /* Position input outside of screen, will still get set by clicking the label */
  margin:0;
  position:absolute;
  left:-10000px;
}
.availability_options label:after{
  /* No : after availability labels*/
  content:"";
}
.availability_options label{
  /* Make the label big & clickable */
  color:#666;
  display:block;
  float:none;
  font-weight:normal;
  margin:0;
  padding:5px;
  text-align:left;
}
.available_afternoon, .available_evening{
  border-top:1px solid #EBEBEB;
}
.availability_options label:active{
  background:#000;
}
.availability_options label:hover{
  background:#f0f0f0;
  cursor:pointer;
}
.availability_options label.active,
.availability_options label.active :hover{
  /* Juicy feedback */
  background:#74b33d;
  color:#FFF;
  text-shadow:1px 1px 1px #324d1a;
}

.not_available label,
.not_available label:hover{
  background:#FFF!important;
  color:rgb(220,220,220)!important;
  cursor: text;
  text-shadow:none!important;
}

/* = Reservation process
------------------------------------------------------------------*/
#reservation_steps{
  float:left;
  position:absolute;
  right:-80px;
  top:-30px; 
}
#reservation_steps h3{
  float:left;
  margin-right:15px;
  padding:2px 0;
}
#reservation_steps ul{
 list-style:none!important;
 float:left;
 margin:0;
 padding:0;
}
#reservation_steps li{
  display:block;
  float:left;
  margin-right:5px;
  padding:5px 10px;
}
#reservation_steps li.current{
  background:rgb(220,220,220);
  font-weight:bold;
  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

/* Definition lists */

dl{
  margin:0 0 18px 0;
}
dl dt{
  clear:left;
  float:left;
  font-weight: bold;
  margin-bottom:3px;
  padding:0 0 5px 0;
  width:160px;
}
dl dd{
  float:left;
  padding:0 0 5px 0;
  width:490px;
}

dl ul{
  margin:0;
  padding:0;
}