/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:none;
	width:280px;
	border:1px solid #aaa;
 }

.navTable {	margin-top:7px; width:280px; }

.navTableText {
	font-size: 12px; 
	text-decoration: none;
	color: #e8621e;
	}

/* Month and Year Row Setup */
.monthYearRow {
    height: 32px;
	background-color: #aaa;
	text-align: center;
	vertical-align: middle;
	font-weight:bold;
	color:#fff;
	}

/* Day Names Row Setup */
.dayNamesRow {
    height: 32px;
	text-align: center;
	vertical-align: middle;
	font-size:14px;
	border:1px solid #aaa;
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-size: 12px;
	line-height:32px;
	color: #433D27;
	text-align: center;
	vertical-align: center;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	}

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

/* Normal Cell Background (date number with no event markings) */
.s2 {
	border:1px solid #aaa; border-top:none;
	}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-color: #e1e2e3; border:1px solid #fff; border-top:none;
	}

/* Event/Holiday styling */	
.s21 { color:#fff; background:#005110!important; font-weight:bold; }
.s22 { color:#fff; background:#005110!important; font-weight:bold; }

/* Show dates from other months */
.sOther {
    background-color: #e1e2e3; border:1px solid #fff; border-top:none;
	font-size: 12px;
	color: #676767;
	}
/* Weekend Cell Background (date number with no event markings) */
.s200 {
	color:#fff;
	background-color: #aaa; border:1px solid #fff; border-top:none;
	}


.categoryName {
	font-size: 9px;
	font-weight: bold;
	color: #666666;
}
.categorySelection {
	font-size: 9px;
	font-weight: normal;
	color: #777777;
}
.categoryDiv {
	background-color: #FCF5EF;
}
/* Pop-up Events Setup */
.popupDate {
	font-size:16px;
	text-align: left;
	color:#000;
	background:none;
	}

.popupEventTitle {
	font-size: 16px;
	background:#aaa!important;
	font-weight:bold;
	padding:7px;
	color:#fff;
}

.popupEventTime {
	font-size:14px;
	padding:5px;
	padding-left:7px;
	border:1px solid #aaa;
}

.popupEventDescription {
	font-size:16px;
	margin-top:14px;
	line-height:21px;
}


.popupEventDate {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #aaa;
	margin-top:14px;
	padding: 5px;
	font-size:14px;
	}

.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: #FFFFFF;
	text-align: right;
	background-color: #336699;
	}

.popupCloseBrackets {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	text-align: right;
	background-color: #336699;
	}
/* Color of Today's Date */
.today {
	color:#fff; background:#e8621e!important; border:1px solid #fff; font-weight:bold;
    }