.mainTableTOC {background-color: #ffffff; border: 1px solid #bbbbbb; width: 550px; table-layout: fixed;}
.navTableTextTOC {width: 550px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: Normal; text-decoration: none; color: #003366;}

/* Month and Year Row Setup */
.monthYearRowTOC {height: 32px;	background-color: #fefffe; text-align: left; vertical-align: middle; margin: 0px; padding: 6px;}

/* Month and Year Text Setup */
.monthYearTextTOC {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: Bold; color: #355881;}

/* Day Names Row Setup */
.dayNamesRowTOC {height: 20px; background-color: #455678; text-align: center; vertical-align: middle;}

/* Day Name Setup */
.dayNamesTextTOC {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: Bold; color: #ffffff;}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #433D27; text-align: left; vertical-align: top; height: 88px;}

/* Color of Today's Date */
.todayTOC {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: Bold; color: #ffff00; background-color: #31528e; text-align: left;	vertical-align: top; padding: 2px; margin: 0px;}
.titleTOC {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 1px; margin: 0px;}
.daynumTOC {font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 11px; font-weight: Bold; color: #fbfcef; background-color: #a2a3ae; text-align: left; vertical-align: top; padding: 2px; margin: 0px;}
.formElements {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px;}
.formButtons {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px;}
.sOtherTOC {background-color: #eeeeee; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #bbbbbb; vertical-align: top;}
.s20TOC {background-color: #f7f7f7; height: 88px; vertical-align: top;}
.s20TOC0 {background-color: #d4d4d4; height: 88px; vertical-align: top;}

/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable {background-color: #ffffff; border: 1px solid #003366; width: 175px;}
.navTable {width: 550px; background-color: #ffffff; border: 0px solid #ffffff;}
.navTableText {width: 550px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: Normal; text-decoration: none; color: #003366;}

/* Month and Year Row Setup */
.monthYearRow {background-image: url("monthBg.gif"); line-height: 17pt; background-color: #d8e2ec; text-align: center; vertical-align: middle;}

/* Month and Year Text Setup */
.monthYearText {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: Bold; color: #252216;}

/* Day Names Row Setup */
.dayNamesRow {line-height: 11pt; background-color: #f5f4d3; text-align: center; vertical-align: middle;}

/* Day Name Setup */
.dayNamesText {background-image: url("dayBg.gif"); font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: Bold; color: #433d27;}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #433D27; line-height: 15pt; text-align: center; vertical-align: middle;}

/* Color of Today's Date */
.today {color: #cf0000;}

/* Pop-up Events Setup */
.popupDate {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-align: left; background-color: #336699;}
.popupEventTitle {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold; padding: 2px; vertical-align: middle;}
.popupEventTime {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; background-color: #f4f4f4; border: 1px dotted #efefef; padding: 1px;}
.popupEventDescription {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; background-color: #ffffff; border: 1px solid #eaeaea;	padding: 2px;}
.popupEventDate {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #446b93; text-align: center; vertical-align: middle; background-color: #f7f8f9; border: 1px solid #ffffff; padding: 1px;}
.popupEnd {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #a4a4a4;}
.popupClose {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-align: right; background-color: #336699;}
.popupCloseBrackets {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: right; background-color: #336699;}
/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

/* Normal Cell Background (date number with no event markings) */
.s2 {background-color: #e0e0e0;}

/* Empty Cell Background (empty cells with no date numbers) */
.s20 {background-color: #ebebeb;}

/* Show dates from other months */
.sOther {background-color: #eeeeee; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #bbbbbb;}

/* Weekend Cell Background (date number with no event markings) */
.s200 {background-color: #d0d0d0;}

.categoryName {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666666;}
.categorySelection {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #777777;}
.categoryDiv {background-color: #fcf5ef;}