.monthViewCell li { display: block; }
.monthViewCell ul { padding: 2px 0 0 2px; }

#content { height: 600px; }
#cal { width: 600px; }

.columnHeading { text-align: center; font-size: 12px; color: white;
	background: gray; border: solid white 1px; }
.weekViewCell { width: 80px; height: 270px; border: solid gray 1px; text-align: left; }
.monthViewCell { width: 80px; height: 80px; border: solid gray 1px; text-align: left; }
.contentCell { padding: 2px; font-size: 13px; color: black; font-family: arial; }

#event textarea { width: 145px; }
#event .title { font-size: 2em; font-weight: bold; }
#event .close { margin-left: 70px; }
#event ul { margin-bottom: 10px; }

.day { font-size: 1em; font-weight: bold; }

#event { position: relative; top: -450px; left: 50px; width: 300px; height: 300px;
    padding: 5px; background: beige; border: 1px solid black; }

.nextMonth, .prevMonth { font-size: 1.5em; font-weight: bold; }
.nextMonth { padding-left: 5px; }
.currentMonth { font-size: 2em; font-weight: bold; margin-left: 50px; }

.open { background-color: lightgreen; }
.rsvp { background-color: lightblue; }

#reservation .title { font-size: 2em; font-weight: bold; }
#reservation .close { margin-left: 70px; }