.mainTableTOC { background-color: #FFFFFF; border: 1px solid #BBBBBB; width: 705px; table-layout: fixed; }

.navTableTextTOC { font-family: Geneva, Verdana, Arial, 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: Geneva, Verdana, Arial, 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: Geneva, Verdana, Arial, 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, 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: #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: Geneva, Verdana, Arial, 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: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.formButtons { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.sOtherTOC { background-color: #EEEEEE; font-family: Geneva, Verdana, Arial, 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; width: 175px; border-top: none; border-right: none; border-bottom: none; border-left: none; }

.navTable { border: 0px solid #FFFFFF; width: 175px; color: #FFFFFF; background: url(monthBg.jpg) repeat-x; }

.navTableText { text-decoration: none; color: #FFFFFF; font: bold 9px Geneva, Verdana, Arial, sans-serif; }

/* Month and Year Row Setup */
.monthYearRow { line-height: 17pt; text-align: center; vertical-align: middle; background: #D8E2EC url(monthBg.jpg) repeat-x; }

/* Month and Year Text Setup */
.monthYearText { color: #ffffff; font: bold 13px Geneva, Verdana, Arial, sans-serif; }

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

/* Day Name Setup */
.dayNamesText { color: #FFFFFF; font: bold 10px Geneva, Verdana, Arial, sans-serif; }

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



/* Pop-up Events Setup */
.popupDate { color: #ffffff; text-align: left; background-color: #840000; font: bold 10px Geneva, Verdana, Arial, sans-serif; }

.popupEventTitle { font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; padding: 2px; vertical-align: middle; }

.popupEventTime { font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; background-color: #F4F4F4; border: 1px dotted #EFEFEF; padding: 1px; }

.popupEventDescription { font-family: Geneva, Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: normal; background-color: #FFFFFF; border: 1px solid #EAEAEA; padding: 2px; }

.popupEventDate { 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; }

.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: #FFFFFF; text-align: right; background-color: #336699; }

.popupCloseBrackets { font-family: Geneva, Verdana, Arial, 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: #9B1518; text-align: center; }

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

/* Show dates from other months */
.sOther { color: #999999; font: 10px Geneva, Verdana, Arial, sans-serif; background: #FEE2E3; text-align: center; }


/* Weekend Cell Background (date number with no event markings) */
.s200 { background: #C40005; text-align: center; }

.categoryName { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #666666; }

.categorySelection { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #777777; }

.categoryDiv { background-color: #FCF5EF; }

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

/* Date With Event */
.s21 { color: #ffffff; text-align: center; font-weight: bold; }