.maintable {
background-color: #fff;
border: 1px solid #000;
width:90%;
table-layout: fixed;
 }

.maintable {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 0.8em;
font-weight: Normal;
text-decoration: none;
color: #d4e6f7 ;
}

/* Month and Year Row Setup */
.month {
height: 32px;
background-color: transparent; /*#fff;*/
text-align: left;
vertical-align: middle;
margin: 0px;
padding: 6px;
width:450px;
}

/* Month and Year Text Setup */
.month, .year {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: #d4e6f7 ;
}

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

/* Day Name Setup */
.dayname, .saturday, .sunday {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000;
vertical-align:top;
border: 1px solid #000;
}

/* Color of Today's Date */
.today {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFF00;
background-color: #b2bf70;
text-align: left;
vertical-align: top;
padding: 2px;
margin: 0px;
border: solid 1px #555;
}

.today{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
padding: 1px;
margin: 0px;
}
.monthdayalt{
background-color: #e8f3fd;
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #000;
vertical-align:top;
border: 1px solid #000;
}
.monthday,
.hmonthday,
.lmonthday {
background-color: #d4e6f7;
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #000;
vertical-align:top;
border: 1px solid #000;
}

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

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

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

/* Month and Year Row Setup */
.monthname {
line-height: 17pt;
background-color: #d4e6f7;
text-align: center;
vertical-align: middle;
}

/* Month and Year Text Setup */
.monthname {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: Bold;
color: #000;
}

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

/* Day Name Setup */
.dayname {
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: top;
}

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


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

/* Normal Cell Background (date number with no event markings) */
.s2 {
background-color: #fff;
}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
background-color: #EBEBEB;
}

/* Show dates from other months */
.sOther {
background-color: #EEEEEE;
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #BBBBBB;
}
/* Weekend Cell Background (date number with no event markings) */
.saturday, .sunday {
background-color:#fff;
}


.categoryName {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #555;
}
.event, .eventcontent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #000;
background:#e8f3fd;
margin:0;
padding:0;
}
.event {
background-color: #d9b195;
}