.mainTableTOC { background-color: #FFFFFF; border: 1px solid #BBBBBB; width: 705px; table-layout: fixed; }
.navTableTextTOC { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9px; 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: Helvetica, Arial, Verdana, 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: Helvetica, Arial, Verdana, 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: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; color: #433D27; text-align: left; vertical-align: top; height: 88px; }

/* Color of Today's Date */ 
.todayTOC { font-family: Helvetica, Arial, Verdana, 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: Helvetica, Arial, Verdana, 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: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; } 
.formButtons { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; } 
.sOtherTOC { background-color: #EEEEEE; font-family: Helvetica, Arial, Verdana, 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 { border:none; }
.navTable { background-color: #C4D7D3; padding:0; margin:0;   }
.navTableText { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9px; font-weight: Normal; text-decoration: none; color: #003366; }

/* Month and Year Row Setup */ 
.monthYearRow {  line-height: 17pt; background-color: #5c3a30;  text-align: left; vertical-align: middle; }

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

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

/* Day Name Setup */ 
.dayNamesText {  font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; font-weight: Bold; color: #433D27; }

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

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

/* Pop-up Events Setup */ 
.popupDate { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: left; background-color: #5c3a30; }
.popupEventTitle { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #000000; font-weight: bold; padding: 2px; vertical-align: middle; }
.popupEventTime { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #000000; font-weight: normal; background-color: #f4f4f4; border: 1px dotted #EFEFEF; padding: 1px; }
.popupEventDescription { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #000000; font-weight: normal; background-color: #FFFFFF; border: 1px solid #EAEAEA; padding: 2px; }
.popupEventDate { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #333; text-align: center; vertical-align: middle; background-color: #f7f8f9; border: 1px solid #FFFFFF; padding: 1px; }
.popupEnd { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #A4A4A4; }
.popupClose { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #FFFFFF; text-align: right; background-color: #336699; }
.popupCloseBrackets { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; 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: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #BBBBBB; } 
/* Weekend Cell Background (date number with no event markings) */ 
.s200 { background-color: #D0D0D0; }

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