.mainTableTOC { background-color: #FFF; border: 1px solid #a5ac79; width: 870px; table-layout: fixed; }
.navTableTextTOC { font-family: Geneva, Verdana, Arial, sans-serif; font-size: 9px; font-weight: Normal; text-decoration: none; color: #036; }

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

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

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

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

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

/* Color of Today's Date */
.todayTOC {	font-family: Geneva, Verdana, Arial, sans-serif; font-size: 11px; font-weight: Bold; color: #FF0; background-color: #464c27; text-align: left; vertical-align: top; padding: 2px; margin: 0px; }
.titleTOC { text-overflow: ellipsis; overflow:hidden; white-space:nowrap; padding: 1px; margin: 0px; color: #FFF; font-size: 1.2em; }
.daynumTOC { font-family: Geneva, Verdana, Arial, sans-serif; font-size: 11px; font-weight: Bold; color: #FBFCEF; width: auto; text-align: left; vertical-align: top; padding: 2px; margin: 0px; }
.formElements { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.formButtons { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.sOtherTOC { background-color: #c9cdb4; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #9da477; vertical-align: top; }
.s20TOC { background-color: #999e7c; height: 88px; vertical-align: top; }
.s20TOC0 { background-color: #777d58; height: 88px; vertical-align: top; }

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

/* 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: Geneva, Verdana, Arial, sans-serif; font-size: 13px; font-weight: Bold; color: #252216; }

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

td .dayNamesRow { background-color: #51543e; }

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

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

/* Color of Today's Date */
.today { color: #C30; font-weight: bold; }

/* Pop-up Events Setup */
.popupDate { font-family: Geneva, Verdana, Arial, sans-serif;  font-size: 10px; font-weight: bold; color: #FFF; text-align: left; background-color: #464c27; padding: 2px; }
.popupEventTitle { margin-left: 3px; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #000; font-weight: bold; padding: 2px; vertical-align: middle; margin-top: -4px; }
.popupEventTime { margin-left: 3px; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #000; font-weight: normal; background-color: #F4F4F4; border: 1px dotted #EFEFEF; padding: 1px; }
.popupEventDescription { margin-left: 3px; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #000; font-weight: normal; background-color: #FFFFFF; border: 1px solid #EAEAEA; padding: 2px; }
.popupEventDate { margin-left: 3px; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px;  color: #446B93; text-align: center; vertical-align: middle; background-color: #F7F8F9; border: 1px solid #FFFFFF; padding: 1px; margin-bottom: 0px; }
.popupEnd { font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #A4A4A4; }
.popupClose { font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #FFF; text-align: right; background-color: #336699; }
.popupCloseBrackets { font-family: Geneva, Verdana, Arial, sans-serif;  font-size: 10px;  color: #000; 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: #b5ba98; }
/* Empty Cell Background (empty cells with no date numbers) */
.s20 { background-color: #c9cdb4; } 

.s21 { margin-right: 4px; }
/* Show dates from other months */
.sOther { background-color: #bec2a4; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #9da477; }
/* Weekend Cell Background (date number with no event markings) */
.s200 { background-color: #919671; }
.categoryName { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #666; }
.categorySelection { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #777; }
.categoryDiv { background-color: #FCF5EF; }