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

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

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

/* Month and Year Text Setup */
.monthYearTextTOC 
{
font-family: Arial, helvetica, sans-serif, verdana;
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: Arial, helvetica, sans-serif, verdana; 
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: #303030;
text-align: left;
vertical-align: top;
height: 88px;
}

/* Color of Today's Date */
.todayTOC 
{
font-family: Arial, helvetica, sans-serif, verdana;
font-size: 11px;
font-weight: Bold; 
color: #000000;
background-color: #000000;
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, verdana;
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: #e1e1e1;
font-family: Arial, helvetica, sans-serif, verdana;
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;
border: 0px solid #2d2d2d;
width: 160px;
}

.navTable 
{
background-color: #c2c2c2;
width: 160px;
}

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

/* Month and Year Row Setup */
.monthYearRow 
{
line-height: 16px;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
}


/* Month and Year Text Setup */
.monthYearText 
{
font-family: Arial, helvetica, sans-serif, verdana;
font-size: 11px;
font-weight: normal;
color: #69676C;
}


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

/* Day Name Setup */
.dayNamesText 
{
background-color: #ffc400;
font-family: Arial, helvetica, sans-serif, verdana; 
font-size: 10px; 
font-weight: Bold; 
color: #303030;
}

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

/* Color of Today's Date */
.today 
{
color: #000000;
background-color: #000000;
border: 1px solid #000000;
}

/* Pop-up Events Setup */
.popupDate 
{
font-family: Arial, helvetica, sans-serif, verdana; 
font-size: 11px;
font-weight: normal;
color: #000000;
text-align: left;
background-color: #ffc400;
padding-left: 10px;
}

.popupEventTitle 
{
font-family: Arial, helvetica, sans-serif, verdana;
font-size: 11px;
line-height: 20px;
color: #ffffff;
font-weight: bold;
padding: 2px;
vertical-align: middle;
padding-left: 10px;
}

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

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


.popupEventDate 
{
font-family: Arial, helvetica, sans-serif, verdana; 
font-size: 11px; 
color: #858585;
background-color: #F7F8F9;
border: 1px solid #FFFFFF;
padding: 1px;
padding-left: 10px;
}

.popupEnd 
{
font-family: Arial, helvetica, sans-serif, verdana; 
font-size: 11px; 
color: #A4A4A4;
padding-left: 10px;
}

.popupClose 
{
font-family: Arial, helvetica, sans-serif, verdana; 
font-size: 11px;
color: #000000;
text-align: right;
background-color: #ffc400;
}

.popupCloseBrackets 
{
font-family: Arial, helvetica, sans-serif, verdana; 
font-size: 11px; 
color: #000000;
text-align: right;
background-color: #858585;
}

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

/* Normal Cell Background (date number with no event markings) */

.s2 
{
background-color: #c2c2c2;
}


/* 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, verdana;
font-size: 10px;
color: #BBBBBB;
}


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


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