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

.navTableTextTOC  { color: #003366; font-weight: normal; font-size: 9px; font-family: Arial, Geneva, Verdana, sans-serif; text-decoration: none }

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

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

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

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

/* 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  { color: #ffff00; font-weight: bold; font-size: 11px; font-family: Arial, Geneva, Verdana, sans-serif; background-color: #31528e; text-align: left; vertical-align: top; margin: 0px; padding: 2px }

.titleTOC {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
    padding: 1px;
    margin: 0px;
    }

.daynumTOC  { color: #fbfcef; font-weight: bold; font-size: 11px; font-family: Arial, Geneva, Verdana, sans-serif; background-color: #a2a3ae; text-align: left; vertical-align: top; margin: 0px; padding: 2px }

.formElements  { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif }
.formButtons  { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif }
.sOtherTOC  { color: #bbbbbb; font-size: 10px; font-family: Arial, Geneva, Verdana, sans-serif; background-color: #eeeeee }
.s20TOC {
	background-color: #F7F7F7;
	height: 88px;
	}
.s20TOC0 {
	background-color: #D4D4D4;
	height: 88px;
	}













/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable  { background-color: #ffffff; border: solid 1px #271542; width: 468px }

.navTable {
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	width: 468px;
 }

.navTableText   { color: #271542; font-weight: bold; font-size: 10px; font-family: Arial, Geneva, Verdana, sans-serif; text-decoration: none }

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

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

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

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

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

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

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

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

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

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


.popupEventDate  { color: #446b93; font-size: 10px; font-family: Arial, Geneva, Verdana, sans-serif; background-color: #f7f8f9; text-align: center; vertical-align: middle; padding: 1px; border: solid 1px #ffffff }

.popupEnd  { color: #a4a4a4; font-size: 10px; font-family: Arial, Geneva, Verdana, sans-serif }

.popupClose  { color: #ffffff; font-size: 10px; font-family: Arial, Geneva, Verdana, sans-serif; background-color: #336699; text-align: right }

.popupCloseBrackets  { color: #000000; font-size: 10px; font-family: Arial, Geneva, Verdana, sans-serif; background-color: #336699; text-align: right }
/*
---------------------------------------------------------------------------
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  { color: #bbbbbb; font-size: 10px; font-family: Arial, Geneva, Verdana, sans-serif; background-color: #eeeeee }
/* Weekend Cell Background (date number with no event markings) */
.s200 {
	background-color: #D0D0D0;
	}


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