/*** Styles PHP Event Calendar ***/

.mainTableTOC 		{ background-color:#fff; border:1px solid #bbb; width:705px; table-layout:fixed; }

.navTableTextTOC 	{ font-family:Verdana, Arial, sans-serif; font-size:9px; font-weight:normal;
					  color:#036; text-decoration:none; }

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

/* Month and Year Text Setup */
.monthYearTextTOC 	{ font-family:Verdana, Arial, sans-serif; font-size:18px; font-weight:bold; color:#355881; }

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

/* Day Name Setup */
.dayNamesTextTOC	{ font-family:Verdana, Arial, sans-serif; font-size:10px; font-weight:bold; color:#fff; }

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

/* Color of Today's Date */
.todayTOC	{ margin:0px; padding:2px; background:#31528e; text-align:left; vertical-align: top;
			  font-family:Verdana, Arial, sans-serif; font-size:11px; font-weight:bold; color:#ffff00; }

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

.daynumTOC	{ font-family:Verdana, Arial, sans-serif; font-size:11px; font-weight:bold; color:#fbfcef;
			  background-color:#a2a3ae; text-align:left; vertical-align:top; padding:2px; margin:0px; }

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

.sOtherTOC 	{ background:#eee; font-family:Verdana, Arial, sans-serif; font-size:10px; color:#bbb; vertical-align:top; }
.s20TOC 	{ background:#f7f7f7; height:88px; vertical-align:top; }
.s20TOC0 	{ background:#d4d4d4; height:88px; vertical-align:top; }

/* Main Table Setup Incluidng Date Number Fonts, Size and Color */
.mainTable, .navTable { padding-bottom:0.3em; width:175px; text-align:center; }

.navTableText 	{ font-size:10px; font-family:Verdana, sans-serif; }

/* Month and Year Row Setup */
.monthYearRow 	{ line-height:17pt; }

/* Month and Year Text Setup */
.monthYearText 	{ font-family:Verdana, sans-serif; font-size:13px; font-weight:bold; }

/* Day Names Row Setup */
.dayNamesRow 	{ line-height:11pt; }

/* Day Name Setup */
.dayNamesText 	{ font-family:Verdana, Arial, sans-serif; font-size:10px; font-weight:bold; }

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows 	{ font-family:Verdana, Arial, sans-serif; font-size:10px; color:#555; line-height:15pt; }

/* Color of Today's Date */
.today 	{ color:#cf0000; font-weight:bold; }

/* Pop-up Events Setup */
.popupDate { font-family:Verdana, Arial, sans-serif; font-size:10px; font-weight:bold; color:#fff; text-align:left;
			 background:#369; }
.popupEventTitle 		{ padding:2px; font-family:Verdana, Arial, sans-serif; font-size:10px; font-weight: bold;
						  color:#000; vertical-align:middle; }
.popupEventTime			{ padding:1px; font-family:Verdana, Arial, sans-serif; font-size:10px; color:#000;
						  font-weight:normal; background:#f4f4f4; border:1px dotted #efefef; }
.popupEventDescription 	{ padding:2px; font-family:Verdana, Arial, sans-serif; font-size:10px; color:#000;
						  font-weight:normal; background:#fff; border:1px solid #eaeaea; }
.popupEventDate 		{ padding:1px; font-family:Verdana, Arial, sans-serif; font-size:10px; color:#446b93;
					  text-align:center; vertical-align:middle; background:#f7f8f9; border:1px solid #fff; }
.popupEnd 				{ font-family:Verdana, Arial, sans-serif; font-size:10px; color:#a4a4a4; }
.popupClose 			{ font-family:Verdana, Arial, sans-serif; font-size:10px; color:#fff; text-align:right;
						  background:#369; }
.popupCloseBrackets 	{ font-family:Verdana, Arial, sans-serif; font-size:10px; color:#000; text-align:right;
						  background:#369; }
						  
/* The classes below determine how the calendar background markings will look */

/* Normal Cell Background (date number with no event markings) */
.s2 	{ background:#e0e0e0; }

/* Empty Cell Background (empty cells with no date numbers) */
.s20 	{ background:none; }

/* Show dates from other months */
.sOther { background:#eee; font-family:Verdana, Arial, sans-serif; font-size:10px; color:#bbb; }

/* Weekend Cell Background (date number with no event markings) */
.s200 	{ background:#c8c7ff; }

.categoryName 		{ font-family:Verdana, Arial, sans-serif; font-size:9px; font-weight:bold; color:#666; }
.categorySelection 	{ font-family:Verdana, Arial, sans-serif; font-size:9px; font-weight:normal; color:#777; }
.categoryDiv 		{ background:#fcf5ef; }