/* Week Grid */
table.calendarWeekGrid { 
	border: 1px solid black;
	border-collapse: collapse;
	border-spacing: 0px;

}
table.calendarWeekGrid thead {
	border-bottom: 2px solid black;
}
table.calendarWeekGrid thead tr + tr {
	background-color: lightgrey;
}
table.calendarWeekGrid thead th {
	font-size: 14px;
	font-weight: bold;
	text-align: center; 
	vertical-align: middle;
	padding: 5px;
	border: 1px solid grey;
}

table.calendarWeekGrid thead tr th div.previous,
table.calendarWeekGrid tbody tr td div.previous { font-weight: normal; font-size: 12px; float: left; }

table.calendarWeekGrid thead tr th div.next,
table.calendarWeekGrid tbody tr td div.next { font-weight: normal; font-size: 12px; float: right; } 

table.calendarWeekGrid thead tr + tr th,
table.calendarWeekGrid tbody td { width: 105px; }

table.calendarWeekGrid tbody td { vertical-align: top; border: 1px solid gray; padding: 3px;}
table.calendarWeekGrid tbody td.otherMonth { background-color: lightgray; }
table.calendarWeekGrid tbody td div.filler { height: 90px; width: 90px; }
table.calendarWeekGrid tbody td div.dom { width: 90px; font-size: 12px; font-weight: bold; }
table.calendarWeekGrid tbody td div.event { position: relative; padding-bottom: 2px; }
table.calendarWeekGrid tbody td div.event > a { font-size: 9px; }
table.calendarWeekGrid tbody td div.event + div.event { border-top: 1px solid #003663; margin-top: 3px; }
table.calendarWeekGrid tbody td div.event div.description { display: none; position: absolute; z-index: 10; top: 5px; left: 5px; width: 250px; height: auto; padding: 3px; border: 1px solid rgb(208, 27, 32); background: white; }
table.calendarWeekGrid tbody td div.event div.description a.close { float: right; text-align: right; margin-bottom: 5px; padding-right: 8px;  }

/* Month Grid */
table.calendarMonthGrid { 
	border: 1px solid black;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.calendarMonthGrid thead {
	border-bottom: 2px solid black;
}
/* 1st header row (month) */
table.calendarMonthGrid thead tr {
	background-color: white;
	border-bottom: 1px solid black;
}
table.calendarMonthGrid thead tr th {
	font-size: 17px;
	font-weight: bold;
	text-align: center; 
	vertical-align: middle;
	padding: 5px;
}
/* 2nd header row (days) */
table.calendarMonthGrid thead tr + tr {
	background-color: lightgrey;
}

table.calendarMonthGrid thead tr + tr th {
	font-size: 14px;
	font-weight: bold;
	text-align: center; 
	vertical-align: middle;
	border: 1px solid grey;
}

table.calendarMonthGrid thead tr th div.previous,
table.calendarMonthGrid tbody tr td div.previous { font-weight: normal; font-size: 12px; float: left; }

table.calendarMonthGrid thead tr th div.next,
table.calendarMonthGrid tbody tr td div.next { font-weight: normal; font-size: 12px; float: right; } 

table.calendarMonthGrid thead tr + tr th,
table.calendarMonthGrid tbody td {
	width: 105px;
}

table.calendarMonthGrid tbody td { vertical-align: top; border: 1px solid gray; padding: 3px;}
table.calendarMonthGrid tbody td.otherMonth { background-color: #F1E1AC; }
table.calendarMonthGrid tbody td div.filler { height: 90px; width: 90px; }
table.calendarMonthGrid tbody td div.dom { width: 90px; font-size: 12px; font-weight: bold; }
table.calendarMonthGrid tbody td div.event { position: relative; padding-bottom: 2px; min-width: 90px; }
table.calendarMonthGrid tbody td div.event > a { font-size: 9px; }
table.calendarMonthGrid tbody td div.event + div.event { border-top: 1px solid #003663; margin-top: 3px; }
table.calendarMonthGrid tbody td div.event div.description { display: none; position: absolute; z-index: 10; top: 5px; left: 5px; width: 250px; height: auto; padding: 3px; border: 1px solid rgb(208, 27, 32); background: white; }
table.calendarMonthGrid tbody td div.event div.description a.close { float: right; text-align: right; margin-bottom: 5px; padding-right: 8px;  }

/* Year List */
ul.calendarYearList { }
/* ul.calendarYearList li { background-image: none; } */
ul.calendarYearList li.range { background-image: none; font-size: 16px; font-weight: bold; border-bottom: 1px solid black; padding-bottom: 2px; margin-bottom: 3px; }
ul.calendarYearList li.month { font-size: 14px; font-weight: bold; margin-left: 14px; background-image: none; }
/* ul.calendarYearList li.month li { background-image: url(/images/bullets/dotRedD11B21.gif); } */
ul.calendarYearList li.month ul.events { padding-top: 2px; margin-top: 3px; border-top: 1px solid grey; }
ul.calendarYearList li.month ul.events li { }
ul.calendarYearList li.month ul.events li div.title { font-weight: bold; }
ul.calendarYearList li.month ul.events li div.time { font-style: italic; }
ul.calendarYearList li.month ul.events li p { margin-bottom: 2px; }