.monthViewCell li { display: block; font-size: 0.65em; }
.monthViewCell ul { padding: 2px 0 0 2px; }

#content { width: 576px; }
#calendar { border-style:solid;border-width:thin; background-color:white;}
#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 , #eventSaved .title, #calMore .title { font-size: 1.5em; width:100%; text-align:center; margin-bottom:.5em; font-weight: bold; }
a.close { float:right; margin-top: -1.5em; font-size:1.5em; }
#event ul { margin-bottom: 10px; }

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

#event, #eventSaved, #calMore { position: relative; top: -400px; left: 133px; width: 300px; height: 500px;
    padding: 5px; background: beige; border: 1px solid black; }

div#monthHeader { text-align:center; height:3.5em; background-color:red;}
.nextMonth, .prevMonth { width: 20%; margin-top: -1em;display:block; font-size:1.5em;}
.nextMonth {float:right;}
.prevMonth {float: left;}
span.currentMonth { width: 100%; padding-top: .5em; display: block; font-size:2em;}
/*.nextMonth, .prevMonth { font-size: 1.5em; font-weight: bold;}
.nextMonth { float:right; margin-right: 1em; }
.prevMonth { float:left; }
.currentMonth { font-size: 2em; font-weight: bold; left: 50% }
*/

#calendar table {
	border: 0px;
	margin: 0px;
	border-collapse: collapse;
}

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

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

p#resDay {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 12px;
}

#calMore ul li {
	display: block;
}