.mainTableTOC
{
    background-color : rgb(255 , 255 , 255);
    border : 1px solid rgb(187 , 187 , 187);
    width : 800px;
    table-layout : fixed;
}
.navTableTextTOC
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 9px;
    font-weight : Normal;
    text-decoration : none;
    color : rgb(0 , 51 , 102);
}
/* Month and Year Row Setup */
.monthYearRowTOC
{
    height : 32px;
    background-color : rgb(254 , 255 , 254);
    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 : rgb(53 , 88 , 129);
}
/* Day Names Row Setup */
.dayNamesRowTOC
{
    height : 20px;
    background-color : rgb(69 , 86 , 120);
    text-align : center;
    vertical-align : middle;
}
/* Day Name Setup */
.dayNamesTextTOC
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    font-weight : Bold;
    color : rgb(255 , 255 , 255);
}
/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC
{
    font-family : Arial , Geneva , Verdana , sans-serif;
    font-size : 10px;
    color : rgb(67 , 61 , 39);
    text-align : left;
    vertical-align : top;
    height : 100px;
}
/* Color of Today's Date */
.todayTOC
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 14px;
    font-weight : Bold;
    color : rgb(255 , 255 , 0);
    background-color : rgb(196 , 0 , 51);
    text-align : center;
    vertical-align : top;
    padding : 0px;
    margin : 0px;
}
.titleTOC
{
    margin : 0px;
    padding : 1px;
    Line-height : normal;
}
.daynumTOC
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 11px;
    font-weight : Bold;
    color : rgb(251 , 252 , 239);
    background-color : rgb(162 , 163 , 174);
    text-align : center;
    vertical-align : top;
    padding : 0px;
    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 : rgb(126 , 181 , 167);
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 12px;
    color : rgb(255 , 255 , 255);
    vertical-align : top;
    Text-align : center;
}
.s20TOC
{
    background-color : rgb(247 , 247 , 247);
    height : 88px;
    vertical-align : top;
}
.s20TOC0
{
    background-color : rgb(212 , 212 , 212);
    height : 88px;
    vertical-align : top;
}
/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable
{
    background-color : rgb(255 , 255 , 255);
    border : 1px solid rgb(0 , 51 , 102);
    width : 175px;
}
.navTable
{
    background-color : rgb(255 , 255 , 255);
    border : 0px solid rgb(255 , 255 , 255);
    width : 175px;
}
.navTableText
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 9px;
    font-weight : Normal;
    text-decoration : none;
    color : rgb(0 , 51 , 102);
}
/* Month and Year Row Setup */
.monthYearRow
{
    background-image : url("monthBg.gif");
    line-height : 17pt;
    background-color : rgb(216 , 226 , 236);
    text-align : center;
    vertical-align : middle;
}
/* Month and Year Text Setup */
.monthYearText
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 13px;
    font-weight : Bold;
    color : rgb(37 , 34 , 22);
}
/* Day Names Row Setup */
.dayNamesRow
{
    line-height : 11pt;
    background-color : rgb(245 , 244 , 211);
    text-align : center;
    vertical-align : middle;
}
/* Day Name Setup */
.dayNamesText
{
    background-image : url("dayBg.gif");
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    font-weight : Bold;
    color : rgb(67 , 61 , 39);
}
/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    color : rgb(67 , 61 , 39);
    line-height : 15pt;
    text-align : center;
    vertical-align : middle;
}
/* Color of Today's Date */
.today
{
    color : rgb(207 , 0 , 0);
}
/* Pop-up Events Setup */
.popupDate
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    font-weight : bold;
    color : rgb(255 , 255 , 255);
    text-align : left;
    background-color : rgb(51 , 102 , 153);
}
.popupEventTitle
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    color : rgb(0 , 0 , 0);
    font-weight : bold;
    padding : 2px;
    vertical-align : middle;
}
.popupEventTime
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    color : rgb(0 , 0 , 0);
    font-weight : normal;
    background-color : rgb(244 , 244 , 244);
    border : 1px dotted rgb(239 , 239 , 239);
    padding : 1px;
}
.popupEventDescription
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    color : rgb(0 , 0 , 0);
    font-weight : normal;
    background-color : rgb(255 , 255 , 255);
    border : 1px solid rgb(234 , 234 , 234);
    padding : 2px;
}
.popupEventDate
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    color : rgb(68 , 107 , 147);
    text-align : center;
    vertical-align : middle;
    background-color : rgb(247 , 248 , 249);
    border : 1px solid rgb(255 , 255 , 255);
    padding : 1px;
}
.popupEnd
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    color : rgb(164 , 164 , 164);
}
.popupClose
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    color : rgb(255 , 255 , 255);
    text-align : right;
    background-color : rgb(51 , 102 , 153);
}
.popupCloseBrackets
{
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    color : rgb(0 , 0 , 0);
    text-align : right;
    background-color : rgb(51 , 102 , 153);
}
/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

/* Normal Cell Background (date number with no event markings) */
.s2
{
    background-color : rgb(224 , 224 , 224);
}
/* Empty Cell Background (empty cells with no date numbers) */
.s20
{
    background-color : rgb(235 , 235 , 235);
}
/* Show dates from other months */
.sOther
{
    background-color : rgb(238 , 238 , 238);
    font-family : Geneva , Verdana , Arial , sans-serif;
    font-size : 10px;
    color : rgb(187 , 187 , 187);
}
/* Weekend Cell Background (date number with no event markings) */
.s200
{
    background-color : rgb(208 , 208 , 208);
}
.categoryName
{
    font-family : Verdana , Arial , Helvetica , sans-serif;
    font-size : 9px;
    font-weight : bold;
    color : rgb(102 , 102 , 102);
}
.categorySelection
{
    font-family : Verdana , Arial , Helvetica , sans-serif;
    font-size : 9px;
    font-weight : normal;
    color : rgb(119 , 119 , 119);
}
.categoryDiv
{
    background-color : rgb(252 , 245 , 239);
}