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

/* Color of Today's Date */
.todayTOC {
	font-family: Verdana, Geneva, 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: Verdana, Geneva, 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, Geneva, sans-serif;
	font-size: 10px;
}
.formButtons {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
.sOtherTOC {
	background-color: #EEEEEE;
	font-family: Verdana, Geneva, 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: 1px solid #ccc;
	width: 335px;
	padding: 5px;
	background-color: #FFF;
}

.navTable {
	border: 0px;
	width: 335px;
	padding-bottom: 20px;
	color: #2e6e92;
	margin-top: 10px;
 }

.navTableText {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: Normal;
	text-decoration: none !important;
	color: #FF7A00 !important;
}

/* Month and Year Row Setup */

.monthYearRow {
	text-align: center;
	vertical-align: top;
	height: 27px;
}

/* Month and Year Text Setup */

.monthYearText {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 19px;
	font-weight: Bold;
	color: #2E6E92;
}

/* Day Names Row Setup */

.dayNamesRow {
	font: bold 14px Verdana, Geneva, sans-serif;
	color: #ff7a00;
	padding-bottom: 2px;
	text-align: center;
	vertical-align: top;
	height: 20px;
}

/* Day Name Setup */

.dayNamesText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: Bold;
	color: #433D27;
}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */

.rows {
	font: 12px Verdana, Geneva, sans-serif;
	text-align: center;
	vertical-align: middle;
	color: #203447;
}

/* Color of Today's Date */

.today {
	font: bold 16px Verdana, Geneva, sans-serif;
	color: #520e18;
}

/* Pop-up Events Setup */

.popupDate {

    font-family: Verdana, Geneva, sans-serif; 

	font-size: 10px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: left;

	background-color: #336699;

	}



.popupEventTitle {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	color: #000000;

	font-weight: bold;

	padding: 2px;

	vertical-align: middle;

}



.popupEventTime {

    font-family: Verdana, Geneva, sans-serif; 

	font-size: 10px; 

	color: #000000;

	font-weight: normal;

	background-color: #F4F4F4;

	border: 1px dotted #EFEFEF;

	padding: 1px;

}



.popupEventDescription {

    font-family: Verdana, Geneva, sans-serif; 

	font-size: 10px; 

	color: #000000;

	font-weight: normal;

	background-color: #FFFFFF;

	border: 1px solid #EAEAEA;

	padding: 2px;

}





.popupEventDate {

    font-family: Verdana, Geneva, 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: Verdana, Geneva, sans-serif; 

	font-size: 10px; 

	color: #A4A4A4;

	}



.popupClose {

    font-family: Verdana, Geneva, sans-serif; 

	font-size: 10px;

	color: #FFFFFF;

	text-align: right;

	background-color: #336699;

	}



.popupCloseBrackets {

    font-family: Verdana, Geneva, sans-serif; 

	font-size: 10px; 

	color: #000000;

	text-align: right;

	background-color: #336699;

	}

/*

---------------------------------------------------------------------------

The classes below determine how the calendar background markings will look.

---------------------------------------------------------------------------



/* .s2 = Normal Cell Background (date number with no event markings) */
/* .s20 = Empty Cell Background (empty cells with no date numbers) */
/* .sOther = Show dates from other months */

.s2, .s20, .sOther, .s200 {
	width: 40px;
	height: 40px;
}
.sOther {
	color: #BBBBBB;
}

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

.s21 {
	background: url(images/s21bg.png) no-repeat center 3px;
}

.s22 {
	background: url(images/s22bg.png) no-repeat center 3px;
}

.s23 {
	background: url(images/s23bg.png) no-repeat center 3px;
}

.s24 {
	background: url(images/s24bg.png) no-repeat center 3px;
}

.s29999 {
	background: url(images/s29999bg.png) no-repeat center 3px;
}




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

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

.categoryDiv {
	background-color: #FCF5EF;
}