table.cal {
  width: 200px;
  display: inline;
  display: inline-table; /* for Safari */
  float: left;
  font-size: 80%;
  margin: 6px;
}

.calmonth {
  text-align: center;
}

tr.caldays {
  color: #ccc;
}

td.calnote {
  color: #000;
}

td.calother {
  background: #fff; 
}

td.calavailable {
  color: #000;
  background: lightgreen;
  text-align: center;
}

td.calnotavailable {
  color: #fff;
  text-align: center;
  background: lightpink;
}

td.calnotavailableprov {
  color: #ccc;
  text-align: center;
  background: lightyellow;
}