/* Main Table Setup Incluidng Date Number Fonts, Size and Color */

/* @group My Group */

.mainTableTOC {
	background-color: #FFFFFF;
	margin: 0px;
	border: 0px;
	width: 250px;
 }

.navTableTextTOC {
	background-color: #FFFFFF;
	width: 250px;
	height: 25px;
	vertical-align: center;
	}

/* Month and Year Row Setup */
.monthYearRowTOC {
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	}

/* Month and Year Text Setup */
.monthYearTextTOC {
	color: #ed1c24;
	font: bold 22px/22px Helvetica, Arial, Verdana, "Sans Serif";
	padding: 0;
	}

/* Day Names Row Setup */
.dayNamesRowTOC {
	color: #333;
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 11px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	}

/* Day Name Setup */
.dayNamesTextTOC {
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size: 14px; 
	font-weight: Bold; 
	color: #433D27;
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.todayTOC {
	font-size: 12px;
	font-weight: bold;
	}

.titleTOC {
display: none;
    }

.daynumTOC {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	}

.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: #EEEEEE;
	font-family: Geneva, Verdana, Arial, sans-serif;
	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;
	}

/* @end */

.mainimg {
	margin-left: 20px;
}

.formElements {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.formButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.mainTable {
	background-color: #FFFFFF;
	margin: 0px;
	border: 0px;
	width: 250px;
 }

.navTable {
	background-color: #FFFFFF;
	width: 250px;
	height: 25px;
	vertical-align: center;
 }

.navTableText {
    font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none;
	color: #666;
	}

/* Month and Year Row Setup */
.monthYearRow {
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}

/* Month and Year Text Setup */
.monthYearText {
	color: #ed1c24;
	font: bold 22px/22px Helvetica, Arial, Verdana, "Sans Serif";
	padding: 0;
	}

/* Day Names Row Setup */
.dayNamesRow {
	color: #333;
	font-family: verdana, arial, helvetica, sans serif;
	font-size: 11px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	}
	

/* Day Name Setup */
.dayNamesText {
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size: 14px; 
	font-weight: Bold; 
	color: #433D27;
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.today {
	font-size: 12px;
	font-weight: bold;
    }

/* Pop-up Events Setup */


.popupDate {
	text-align: left;
	padding-left: 5px;
	padding-top: 5px;
	color: #ed1c24;
	font: bold 16px/16px Helvetica, Arial, Verdana, "Sans Serif";	
}

.popupEventTitle {
	vertical-align: center;
	color: #fff;
	font: bold 14px Helvetica, Arial, Verdana, "Sans Serif";
	padding: 5px;
	text-align: left;
}

.popupEventTime {
	font-family:Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	background-color: #fff;
	padding: 5px 0px 3px 5px;
}

.popupEventDescription {
	color: #333;
	font: 12px/18px Helvetica, Arial, Verdana, "Sans Serif";
	text-align: left;
	border: 1px solid #E0E0E0;
	border-width: 1px 0px 1px 0px;
	padding: 5px;
	link: #000;
}

.popupEventDate { 
	color: #000;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	padding: 2px 0px 0px 2px;
	font: bold 10px Verdana, Arial, sans-serif;
}

.popupEnd {
	font-family:Verdana, Arial, sans-serif;
	font-size: 10px; 
	color: #000000;
	background-color: #aaa;
	font-weight: normal;
	text-align: center;
	}

.popupClose {
    font-family: Verdana, Arial, sans-serif; 
	font-size: 10px;
	color: #000;
	font-weight: bold;
	text-align: right;
	
	}

.popupCloseBrackets {
    font-family: Verdana, Arial, sans-serif; 
	font-size: 10px;
	color: #CE000A;
	text-decoration: none;
	}
/*
---------------------------------------------------------------------------
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: #E0E0E0;
	}

.s28 {
	background-color: #ed1c24;
	color: #fff;
}
.s29 {
	background-color: #ed1c24;
	color: #fff;
}
.s210 {
	background-color: #ed1c24;
	color: #fff;
}
.s211 {
	background-color: #ed1c24;
	color: #fff;
}
.s212 {
	background-color: #ed1c24;
	color: #fff;
}
.s213 {
	background-color: #ed1c24;
	color: #fff;
}
.s214 {
	background-color: #ed1c24;
	color: #fff;
}
.s29999 {
	background-color: #ed1c24;
	color: #fff;
}

.s2 {
	background-color: #E0E0E0;
	}
/* Empty Cell Background (empty cells with no date numbers) */
.tables20 {
	background-color: #E0E0E0;
	}

.tables28 {
	background-color: #E0D3D3;
	background-image: url("art/eventdate-bg1.gif");
}
.tables29 {
	background-color: #E0D3D3;
	background-image: url("art/eventdate-bg2.gif");
}
.tables210 {
	background-color: #E0D3D3;
	background-image: url("art/eventdate-bg3.gif");
}
.tables211 {
	background-color: #E0D3D3;
	background-image: url("art/eventdate-bg4.gif");
}
.tables212 {
	background-color: #E0D3D3;
	background-image: url("art/eventdate-bg5.gif");
}
.tables213 {
	background-color: #E0D3D3;
	background-image: url("art/eventdate-bg6.gif");
}
.tables214 {
	background-color: #E0D3D3;
	background-image: url("art/eventdate-bg7.gif");
}
.tables29999 {
	background-color: #E0D3D3;
	background-image: url("art/eventdate-bg8.gif");
}

.minical {
	float: right;
	margin-left: 40px;
	text-align: center;
}

input, option, select {
	color: #000;
	font: 10px Verdana, Arial, sans-serif;
}

/* Show dates from other months */
.sOther {
    background-color: #F9F9F9;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #DDDCDC;
	}
/* Weekend Cell Background (date number with no event markings) */
.s200 {
	background-color: #EBEBEB;
	}


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

/* @group mondern template */

.tableListings {
	width: 560px;
	border: 0px;
	margin: 0px;
}
.tableDate {
	background-color: #fff;
	padding: 2px 0px 2px;
}
.tableTitle {
	color: #000;
	font: bold 14px/20px Helvetica, Arial, Verdana, "Sans Serif";
	padding: 3px 0px 0px;
}
.tableCategory {
	width: 50px;
	background-color: #fff;
	background-position: left top;
}
.tableDescr {
	color: #333;
	font: 12px/18px Helvetica, Arial, Verdana, "Sans Serif";
	margin-bottom: 10px;
	link: #000;
}
.tableTime {
	background-color: #fff;
	padding: 0px 0px 0px;
}
.newDate {
	color: #ed1c24;
	font: bold 14px Helvetica, Arial, Verdana, "Sans Serif";
	margin-bottom: 2px;
}
.newTime {
	color: #333;
	font: bold 14px Helvetica, Arial, Verdana, "Sans Serif";
	margin-bottom: 2px;
}


/* @end */