/*
  A red, white, and grey theme.
  
  AUTHOR: Geoffrey Grosenbach http://nubyonrails.com
*/

.calendar {
  margin: auto;
}

.calendar td{
  width: 100px;
  height: 100px;
}

.monthName {
  font-size: 12px;
  background-color: #eeeeee;
  text-align: center; 
  padding-top: 1em;
  padding-bottom: 0.7em;
  color: #d6ddeb;
}

.dayName {
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  text-align: center;
  background-color: #303030;
  color: white;
}

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

.otherMonth {
  font-size: 12px;
  border: 1px solid #99b4d1;
  color:#999999;
  text-align: center;
  vertical-align: top;
}
.weekendDay {
  background-color: #eeeeee;
  border: 1px solid #99b4d1;
  vertical-align: top;
}

.day, td .specialDay {
  text-align: center;
  border: 1px solid #99b4d1;
  vertical-align: top;
  font-size: 12px;
}

.today {
  background-color: #d6ddeb;
  color: black;
}