table.calendar {
  margin: 1em 20px;
  width: 13em;
}
table table.calendar { margin: 0; }

table.calendar th, table.calendar td {
  border: 1px solid #a1deff;
  text-align: center;
  padding: 2px;
}
table.calendar th, table.calendar .days td {
  font-weight: bold;
  color: #0092e0;
  background: #a1deff;
}
table.calendar td {
  color: #4d4d4d;
  background: #dcf3ff;
}
table.calendar td.weekend {
  font-weight: bold;
}
table.calendar td.blocked { color: grey; }
table.calendar td.selected { background: #a1deff; }

table.calendar th a { color: #0092e0; }

.eventdetails {
  width: 200px;
  position: absolute;
  display: none;
  padding: 0.5em 0 0;
  background: white;
  border: 1px solid #a1deff;
  text-align: left;
}