/* Stylings for the calendar display. */

#calendar {
  border-collapse: collapse;
  border-spacing: 1px;
  margin: 0px;
  padding: 0px;
}

#calendar tr.header th {
  background-color: #3366aa;
  color: #ffffff;
  text-align: center;
}

#calendar tr.days th {
  background-color: #b5d6f7;
  width: 2.2em;
  text-align: center;
}

#calendar tr.footer td {
  border: none;
  padding: 6px 0px 4px 0px;
  background-color: #ffffff;
}

#calendar td, #calendar th {
  border: 1px solid #000000;
  color: #000000;
  empty-cells: show;
  padding: 2px .25em 2px .25em;
}

#calendar td {
  text-align: right;
  background-color: #f0f0f0;
}

#calendar td.weekend {
  background-color: #f0f0f0;
}

#calendar td.target {
  background-color: #ffffe0;
  font-weight: bold;
}

#calendar td.booked {
  background-color: #9900cc;
}

#calendar a, #calendar a:visited {
  color: #0066bb;
  text-decoration: none;
}

#calendar a:hover {
  color: #0000ff;
  text-decoration: underline;
}

#calendar a.button {
  background-color: #b5d6f7;
  border: 2px solid;
  border-color: #aaddff #3366aa #3366aa #aaddff;
  color: #000000;
  font-size: 80%;
  font-weight: bold;
  padding: 2px .5em 2px .5em;
  text-decoration: none;
}

#calendar a.button:visited, #calendar a.button:hover {
  color: #000000;
  text-decoration: none;
}

#calendar tr.empty
{
  visibility: hidden;
}

#calendar tr.empty td
{
  border-style: none;
}