/* ---------------------------------------------------------------------------
calendar boxes
--------------------------------------------------------------------------- */

/* main box */
.mainTable {
	width:176px;
	height:157px;
	padding:0px;
	margin:0px;
	border:0px;
	background-color:#436ab3;
	text-align:center;
	}

/* month and year row */
.monthYearRow {
	width:176px;
	height:22px;
	margin:auto;
	}

/* day name row (even though it says Text) */
.dayNamesText {
	width:176px;
	height:18px;
	background-color:#6b9cd2;
	}

/* date rows */
.rows {
	width:176px;
	height:18px;
	}

/* nav row */
.navTable {
	width:176px;
	height:18px;
	padding:0px;
	margin:0px;
	border:0px;
	background-color:#999;
	}

/* ---------------------------------------------------------------------------
text styles
--------------------------------------------------------------------------- */

/* month and year text */
.monthYearText {
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	font-size:10pt;
	font-weight:bold;
	color:#fff;
	}

/* cell text */
.s21 {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000;
	}

.s22 {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000;
	}

.s23 {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000;
	}

.s29999 {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000;
	}

/* cell with no event marking or empty */
.s2 {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000;
	background-color:#ddd;
	}

.s20 {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000;
	background-color:#ddd;
	}

.s200 {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000;
	background-color:#ddd;
	}

/* cell and text from another month */
.sOther {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#bbb;
	background-color:#eee;
	}

/* today's text */
.today {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#f00;
	}

/* day name text (even though it says Row) */
.dayNamesRow {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#fff;
	}

/* nav text */
.navTableText {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	}

.navTableText:link, .navTableText:visited {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	}

.navTableText:active, .navTableText:hover {
	width:24px;
	height:18px;
	padding:0px;
	margin:auto;
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	}

/* ---------------------------------------------------------------------------
The classes below determine mini info window will look.
--------------------------------------------------------------------------- */

.tableListings {
	padding:0px;
	margin:0px;
	border:0;
	}

/* date */
.tableDate {
	padding:0px;
	margin:0px;
	border:0;
	}

/* date */
.newDate {
	padding:0px;
	font:10pt Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	font-weight:bold;
	color:#fff;
	}

/* time */
.newTime {
	padding:0px;
	font:10pt Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	text-align:left;
	font-weight:bold;
	}

/* time */
.tableTime {
	padding:0px;
	font:10pt Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	text-align:left;
	font-weight:bold;
	}

/* title and description bg */
.tableTitle {
	padding:0px 6px;
	font:10pt Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	text-align:left;
	font-weight:bold;
	}

/* description */
.tableDescr {
	padding:0px;
	font:8px Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	text-align:left;
	font-weight:normal;
	}

.tableCategory {
	width:6px;
	}

/* ---------------------------------------------------------------------------
Things I haven't used yet.
--------------------------------------------------------------------------- */

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

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

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

/* Month and Year Text Setup */
.monthYearTextTOC {
	font-family:Geneva, 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:Geneva, Verdana, Arial, sans-serif; 
	font-size:10px; 
	font-weight:bold; 
	color:#FFFFFF;
	}

/* 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:#FFFF00;
	background-color:#31528E;
	text-align:left;
	vertical-align:top;
	padding:2px;
	margin:0px;
	}

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

.daynumTOC {
	font-family:Geneva, 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 {
	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;
	}

/* Pop-up Events Setup */
.popupDate {
	font-family:Geneva, Verdana, Arial, sans-serif; 
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	background-color:#336699;
	}

.popupEventTitle {
	font-family:Geneva, Verdana, Arial, sans-serif;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	padding:2px;
	vertical-align:middle;
	}

.popupEventTime {
	font-family:Geneva, Verdana, Arial, sans-serif; 
	font-size:10px; 
	color:#000000;
	font-weight:normal;
	background-color:#F4F4F4;
	border:1px dotted #EFEFEF;
	padding:1px;
	}

.popupEventDescription {
	font-family:Geneva, Verdana, Arial, sans-serif; 
	font-size:10px; 
	color:#000000;
	font-weight:normal;
	background-color:#FFFFFF;
	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 #FFFFFF;
	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:#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;
	}

.categoryDiv {background-color:#FCF5EF;}

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