body{
background:#b0c055;
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
}

.legend{
color:#666;
font-size:10px;
font-weight:bold;
padding:0 9px;
}

.legend p{
color:#000;
font-weight:normal;
}

.legend p a{
color:#cb2719;
}

.legend p a:hover{
color:#000;
}

.legend span{
color:#fff;
padding:0 2px;
}

.calendar-nav{
color:#fff;
font-size:10px;
padding:10px 9px;
}

.calendar-nav a{
color:#000;
text-decoration:none;
}

.calendar-nav a:hover{
text-decoration:underline;
}

.mainTableTOC{
background-color:#fff;
table-layout:fixed;
width:636px;
}

.navTableTextTOC{
font-size:9px; 
font-weight:Normal;
text-decoration:none;
color:#003366;
}

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

/* Month and Year Text Setup */
.monthYearTextTOC{
color:#5b97b1;
font-size:18px;
font-weight:Bold;
}

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

/* Day Name Setup */
.dayNamesTextTOC{
font-size:10px; 
font-weight:Bold; 
color:#fff;
}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC{
font-size:10px;
color:#433D27;
text-align:left;
vertical-align:top;
height:88px;
}

/* Color of Today's Date */
.todayTOC{
font-size:11px;
font-weight:Bold; 
color:#faf5e4;
background-color:#000;
text-align:left;
vertical-align:top;
padding:2px;
margin:0;
}

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

.daynumTOC{
font-size:11px;
font-weight:Bold; 
color:#FBFCEF;
background-color:#e47600;
text-align:left;
vertical-align:top;
padding:2px;
margin:0;
}

.formElements{
font-size:10px;
}

.formButtons{
font-size:10px;
}

.sOtherTOC{
background-color:#e7edf0;
font-size:10px;
color:#BBBBBB;
vertical-align:top;
}

.s20TOC,
.s20TOC0{
background-color:#faf5e4;
height:88px;
vertical-align:top;
}

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

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

.navTableText{
font-family:Verdana, 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-size:13px;
font-weight:Bold;
color:#252216;
}

/* 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:Verdana, 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-size:10px;
color:#433D27;
line-height:15pt;
text-align:center;
vertical-align:middle;
}

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

/* Pop-up Events Setup */
.popupDate{
font-size:10px;
font-weight:bold;
color:#fff;
text-align:left;
background-color:#336699;
}

.popupEventTitle{
font-size:10px;
color:#fff;
font-weight:bold;
padding:2px;
vertical-align:middle;
}

.popupEventTime{
font-size:10px; 
color:#000;
font-weight:normal;
background-color:#F4F4F4;
border:1px dotted #EFEFEF;
padding:1px;
}

.popupEventDescription{
font-size:10px; 
color:#000;
font-weight:normal;
background-color:#fff;
border:1px solid #EAEAEA;
padding:2px;
}


.popupEventDate{
display:none;
font-size:10px; 
color:#446B93;
text-align:center;
vertical-align:middle;
background-color:#F7F8F9;
border:1px solid #fff;
padding:1px;
}

.popupEnd{
font-size:10px; 
color:#A4A4A4;
}

.popupClose{
font-size:10px;
color:#fff;
text-align:right;
background-color:#336699;
}

.popupCloseBrackets{
font-size:10px; 
color:#000;
text-align:right;
background-color:#336699;
}
/*
---------------------------------------------------------------------------
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:#eee;
font-size:10px;
color:#bbb;
}
/* Weekend Cell Background (date number with no event markings) */
.s200{
background-color:#D0D0D0;
}

.categoryName{
font-size:9px;
font-weight:bold;
color:#666666;
}
.categorySelection{
font-size:9px;
font-weight:normal;
color:#777777;
}
.categoryDiv{
background-color:#FCF5EF;
}