.avail_chart {
  border: 1px solid lightgrey;
  margin:0px;
  padding:0px;
  background-color: lightyellow;
}

.avail_chart_form {
  border: 1px solid lightgrey;
  margin:0px;
  padding:0px;
  background-color: lightyellow;
}

.avail_tick {
  padding-left:2px;
  padding-right:2px;
  border: 1px solid grey;
  background-color: lightgreen;
}

.avail_cross {
  padding-left:2px;
  padding-right:2px;
  border: 1px solid grey;
  background-color: lightgrey;
}

.avail_qmark {
  padding-left:2px;
  padding-right:2px;
  border: 1px solid grey;
  background-color: white;
}

.avail_chart_weekdays {
  color: grey;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 14px;
  padding:1px;
  margin-bottom:0px;
}

.avail_chart_title, .avail_chart_subtitle, .avail_chart_footer {
  background-color: lightgrey;
  color: black;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  padding:1px;
  margin:0px;
}

.avail_chart_subtitle {
  font-size:12px;
  border-bottom:1px solid lightgrey;
}

.avail_chart_footer {
  padding-right:6px;
  text-align: right;
}

.avail_chart_roomnames {
  color: grey;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-right:20px;
  margin: 1px;
}

.avail_legend {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: grey;
}

.avail_chart_spacer {
  padding-left: 30px;
}

.avail_chart_form_name, .avail_chart_form_input {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: grey;
}

.avail_chart_form_button {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: white;
  background-color: darkgrey;
}