.mainTableTOC {	
background-color: #111;	
border: 0px solid #ffffff;	
width: 880px;	
table-layout: fixed; 
padding: 5px;
}

.navTableTextTOC {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 9px; 	
font-weight: Normal;	
text-decoration: none;	
color: #ffffff;	}

/* Month and Year Row Setup */

.monthYearRowTOC {    
height: 32px;	
background-color: transparent;	
text-align: left;	
vertical-align: middle;    
margin: 0px;    
padding: 6px;	
}

/* Month and Year Text Setup */

.monthYearTextTOC {	
font-family: Arial, Helvetica, sans-serif;	
font-size: 20px;	
font-weight: Bold;	
color: #ffffff;	
text-transform: uppercase;
letter-spacing: -1px;
}

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

/* Day Name Setup */

.dayNamesTextTOC {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 9px; 	
font-weight: Bold; 	color: #FFFFFF;	
}

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

.rowsTOC {	
font-family: Arial, Helvetica, sans-serif;	
font-size: 10px;	
color: #ffffff;	
text-align: left;	
vertical-align: top;	
height: 110px;
}

/* Color of Today's Date */
.todayTOC {	
font-family: Arial, Helvetica, sans-serif;	
font-size: 12px;	
font-weight: Bold; 	
color: #ff6600;	
background-color: #333333;	
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: Arial, Helvetica, sans-serif;	
font-size: 11px;	
font-weight: Bold; 	
color: #e1e1e1;	
background-color: #333333;	
text-align: left;	
vertical-align: top;    
padding: 2px;    
margin: 0px;	
}

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

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

.sOtherTOC {    
background-color:transparent;	
font-family: Arial, Helvetica, sans-serif;	
font-size: 10px;	
color: #111111;	
}

.s20TOC {	
background-color: #333333;	
height: 70px;	
}

.s20TOC0 {	
background-color: #333333;	
height: 70px;	
}

/* Main Table Setup Incluidng Date Number Fonts, Size and Color */

.mainTable {	
background-color: #cccccc;	
border: 1px solid #000000;	
width: 175px; 
}

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

.navTableText {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 9px; 	
font-weight: Normal;	
text-decoration: none;	
color: #003366;	
}

/* 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: Arial, Helvetica, sans-serif;	
font-size: 16px;	
font-weight: Bold;	
color: #252216;	
text-transform: uppercase;
letter-spacing: -1px;
}

/* Day Names Row Setup */

.dayNamesRow {    
line-height: 11pt;	
background-color: #F5F4D3;	
text-align: center;	
vertical-align: middle;	
}

/* Day Name Setup */

.dayNamesText {	
background-image:   url("dayBg.gif");    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 10px; 	
font-weight: Bold; 	
color: #433D27;	
}

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

.rows {	
font-family: Arial, Helvetica, sans-serif;	
font-size: 10px;	
color: #433D27;    
line-height: 15pt;	
text-align: center;	
vertical-align: middle;	
}

/* Color of Today's Date */

.today {	color: #ccc;    
}

/* Pop-up Events Setup */

.popupDateTable {background-color: #fff;
border: 1px solid #333;	
}

.popupDate {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 10px;	
font-weight: bold;	
color: #fff;	
text-align: left;	
background-color: #333;	
}

.popupEventTitle {	
font-family: Arial, Helvetica, sans-serif;	
font-size: 16px;	
color: #000000;	
font-weight: bold;	
padding: 5px;	
vertical-align: middle;
text-transform: uppercase;
letter-spacing: -1px;
}

.popupEventTime {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 10px; 	
color: #fff;	
font-weight: normal;	
background-color: #333;	
border: 0px dotted #333;	
padding: 1px;
}

.popupEventDescription {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 10px; 	
color: #000000;	
font-weight: normal;	
background-color: #fff;	
border: 0px solid #333;	
padding: 2px;
}
.popupEventDate {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 10px; 	
color: #fff;	
text-align: center;	vertical-align: middle;	
background-color: #333;	
border: 0px solid #333;	
padding: 1px;	
}

.popupEnd {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 10px; 	
color: #fff;
background-color: #333;	
}

.popupClose {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 10px;	
color: #fff;	
text-align: right;	
background-color: #333;	
}

.popupCloseBrackets {    
font-family: Arial, Helvetica, sans-serif; 	
font-size: 10px; 	
color: #ffffff;	
text-align: right;	
background-color: #333;	
}

/*---------------------------------------------------------------------------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: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #BBBBBB;	}/* Weekend Cell Background (date number with no event markings) */.s200 {	background-color: #D0D0D0;	}.categoryDiv{display:none;}.categoryName{display:none;}.categorySelection{display:none;}