#calendar .calendar {
  margin: auto;
}

#calendar .monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 0.7em;
}

#calendar .dayName th {
  font-size: 0.7em;
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  background-color: #303030;
  color: white;
}

#calendar .otherMonth, .day, .specialDay {
  padding: 0.7em 1em;
  border-right: 1px solid white;

}

#calendar .otherMonth {
  color: #eeeeee;
  background-color: white;
}

#calendar .day, .specialDay {
  text-align: center;
  border-bottom: 1px dotted #bbbbbb;
  background-color: red;
}
#calendar .specialDay {
  background-color: green;
  color: white;
}
#calendar .specialDay a, .specialDay a:visited, .specialDay a:hover {
}
#calendar .specialDay a:hover {
}
#calendar .weekendDay {
  border: 1px solid black;
}

#calendar table { 
width: auto;
border-collapse: collapse; }