.mainTableTOC {
    background-color: #FFF;
    border: /* 1px solid #BBBBBB*/ none;
    width: 635px;
    table-layout: fixed
    }
.navTableTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 9px;
    font-weight: Normal;
    text-decoration: none;
    color: /*#003366*/ #FFF
    }
/* Month and Year Row Setup */
.monthYearRowTOC {
    height: 32px;
    background-color: #FFF;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 6px
    }
/* Month and Year Text Setup */
.monthYearTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: Bold;
    color: #093
    }
/* Day Names Row Setup */
.dayNamesRowTOC {
    height: 20px;
    background-color: #FFF;
    text-align: center;
    vertical-align: middle
    }
/* Day Name Setup */
.dayNamesTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: Bold;
    color: #093
    }
/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC {
    font-family: Arial, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #433D27;
    text-align: left;
    vertical-align: top;
    height: 88px
    }
/* Color of Today's Date */
.todayTOC {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: Bold;
    color: #FF0;
    background-color: #FFF;
    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-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: Bold;
    color: #433D27;
    background-color: /*#A2A3AE*/ #FFF;
    text-align: left;
    vertical-align: top;
    padding: 2px;
    margin: 0
    }
.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: #FFF;
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #BBB;
    vertical-align: top
    }
.s20TOC {
    background-color: #FFF;
    height: 88px;
    vertical-align: top
    }
.s20TOC0 {
    background-color: #FFF;
    height: 88px;
    vertical-align: top
    }
/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable {
    background-color: #FFF;
    width: 300px;
    margin: 20px
    }
.navTable {
    background-color: #FFF !important;
    border: /*0px solid #FFFFFF*/ none !important;
    width: 340px;
    margin: 0
    }
td {
    background-color: #FFF
    }
Table {
    border: none
    }
.navTableText {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: Normal;
    text-decoration: none;
    color: #036
    }
/* Month and Year Row Setup */
.monthYearRow {
    /*background-image:   url('monthBg.gif');*/
    line-height: 17pt;
    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: #093;
    border-bottom: 1px dashed #CCC
    }
/* Day Names Row Setup */
.dayNamesRow {
    line-height: 11pt;
    text-align: center;
    vertical-align: middle;
    color: #093
    }
/* Day Name Setup */
.dayNamesText {
    background-image: url(dayBg.gif);
    font-family: Geneva, Verdana, Arial, 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: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #433D27;
    line-height: 15pt;
    text-align: center;
    vertical-align: middle
    }
/* Color of Today's Date */
.today {
    color: #CF0000;
    background: url(greenc.gif) no-repeat 50% 100% !important
    }
/* Pop-up Events Setup */
.popupDate {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    background-color: #369
    }
.popupEventTitle {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: bold;
    padding: 2px;
    vertical-align: middle
    }
.popupEventTime {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: normal;
    background-color: #F4F4F4;
    border: 1px dotted #EFEFEF;
    padding: 1px
    }
.popupEventDescription {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000;
    font-weight: normal;
    background-color: #FFF;
    border: 1px solid #EAEAEA;
    padding: 2px
    }
.popupEventDate {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #446B93;
    text-align: center;
    vertical-align: middle;
    background-color: #F7F8F9;
    border: 1px solid #FFF;
    padding: 1px
    }
.popupEnd {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #A4A4A4
    }
.popupClose {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #FFF;
    text-align: right;
    background-color: #369
    }
.popupCloseBrackets {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000;
    text-align: right;
    background-color: #369
    }
/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

/* Normal Cell Background (date number with no event markings) */
.s2 {
    background-color: /*#E0E0E0*/ #FFF
    }
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
    background-color: /*#EBEBEB*/ #FFF
    }
/* Show dates from other months */
.sOther {
    background-color: /*#EEEEEE*/ #FFF;
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #BBB
    }
/* Weekend Cell Background (date number with no event markings) */
.s200 {
    background-color: /*#D0D0D0*/ #FFF
    }
.categoryName {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #666
    }
.categorySelection {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #777
    }
.categoryDiv {
    background-color: #FCF5EF
    }
/*
.s21 {
  background: url('images/d21bg.gif') no-repeat ;
  }

.s22 {
  background: url('images/d22bg.gif') no-repeat ;
  }
  
.s23 {
  background: url('images/d23bg.gif') no-repeat ;
  }

.s24 {
  background: url('images/d24bg.gif') no-repeat ;
  }
  
.s25 {
  background: url('images/d25bg.gif') no-repeat ;
  }

.s27 {
  background: url('images/d27bg.gif') no-repeat ;
  }
  
.s28 {
  background: url('images/d28bg.gif') no-repeat ;
  }
  
.s29 {
  background: url('images/d29bg.gif') no-repeat ;
  }

.s210 {
  background: url('images/d210bg.gif') no-repeat ;
  }
  
.s211 {
  background: url('images/d211bg.gif') no-repeat ;
  }

.s29999 {
  background: url('images/d29999bg.gif') no-repeat ;
  }
  
.today {
	color: #CF0000;
	background: url('greenc.gif') no-repeat 50% 100% !important ;
    }
    */