.calendar{
	text-align: center;
	width:510px;
	color: #000000;
	border-right:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
.monthHeader{
	text-align:left;
	font-size:24px;
	font-weight: bold;
	color: #3A2A77;
}
.monthFooter{
	text-align:center;
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #a099bd;
	padding: 7px;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
}
/* this is the row that has the navigation to next and previous months */
.navRow td{
	font-size:12px;
}
/* this is the row that has the days of the week names */
tr.dayHeaderRow{
	background-color:#29176b;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
/* this is the table cell that has the days of the week names */
tr.dayHeaderRow td{
	padding: 7px;
}

/* the table row that holds a date number (either blank or 1-31) */
tr.dayRow{
    background-color:#fff;
	
}
/* a table cell that holds a date number (either blank or 1-31) */
tr.dayRow td{
    color:#000;
    border-top:1px solid black;
    border-left:1px solid black;
    font-size:24px;
	font-weight: bold;
    font-family:Arial;
    text-align:left;
    width:73px;
    padding:5px 0px 25px 5px;
}
/* a table cell that holds a blank cell */
.emptyDay{
	background-color:#fff;
}
/* cell for todays date */
td.todaysDate{
	background-color:#fff;
}

/* div that holds the day popup data */
.dayData{
	display:none;
	position:absolute;
	border:1px solid black;
	background-color:#fff;
	width:200px;
	padding:10px;
	font-size:14px;
}
/* the table cells that you specify on the calendar code page.
	These are different types of days you can have. */
.orleagianEvent{
	background-color:#f6d017;
}
.atlHappenings{
	background-color:#f698b4;
}
.privateEvent{
	background-color:#338b26;
}
.justAnotherDay{
	background-color:red;
}

/* date add data form */
.addDayData{	
	display:none;
	position:absolute;
	border:1px solid black;
	background-color:#fff;
	width:250px;
	padding:20px;
	font-size:14px;
}
.eventId{
	display:none;
}
.eventTitle{
	font-weight:bold;
	color: #338b26;
}	
.eventDetails{
	display:block;
	font-weight:normal;
}