#calendar {
  font-family: Arial, Helvetica, sans-serif;
  width: 750px;
  height: 580px;
  margin: 0 auto;
  border: 20px inset #666666;
  background-color: #DDDDDD;
}

#calendartitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: bold;
  text-align: left;
  background-color: #DDDDDD;
  margin: 12px;
}

#calendartitlebar {
  height: 3px;
  width: 726px;
  background-color: gray;
  margin: 12px;
}

#calendar_innerbox {
  width: 700px;
  height: 480px;
  margin: 0 auto;
  background-color: #DDDDDD;
}

#yearmonth {
  margin: 0 auto;
  height: 52px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  background-color: #DDDDDD;
}


.calendarheadday {
  text-align: center;
  height: 20px;
  float: left;
  width: 98px;
  background-color: #DDDDDD;
  cursor: pointer;
  margin: 1px;
}

#calendarbar {
  height: 10px;
  float: left;
  width: 688px;
  background-color: gray;
  margin: 6px;
}

.nocalendarday {
  height: 72px;
  float: left;
  width: 98px;
  background-color: #DDDDDD;
  margin: 1px;
}

.calendarday {
  height: 72px;
  float: left;
  width: 98px;
  background-color: #DDDDDD;
  cursor: pointer;
  margin: 1px;
  -ms-background-repeat: repeat;
  background-repeat: repeat;
}