@CHARSET "UTF-8";

/* "Global" settings for the calendar table */
table.styledCalendar {
  border-collapse: collapse;
  border: 3px solid #99997a;
  font-size: 12px;
  font-family: Arial, Verdana;
  width: 98%;
  margin: 5px;
}

/* "Global" settings for all table cells in the calendar table */
table.styledCalendar th, table.styledCalendar td {
  border: 1px solid #99997a;
  padding: 2px;
  width: 14%;   /* this makes all of the days the same width (note: 7 * 14% = 98%) */
}

/* Settings for cells in the body of the calendar (i.e., the days) */
table.styledCalendar td {
  height: 80px; 
  vertical-align: top;
}

/* Formatting of the events when they appear in a day cell */
table.styledCalendar td div.event {
  font-size: 9px;
  line-height: 11px;
  margin-bottom: 3px;
  overflow-y: auto; 
  color: #000;
  font-weight: bold;
}

table.styledCalendar td div.event a {
  color: #800000;
  font-weight: bold;  
}

table.styledCalendar td div.event a:active, table.styledCalendar td div.event a:focus {
  outline: 0; /* remove the dotted border from the active link */
}

/* Formatting of the year/month banner */
table.styledCalendar thead th {
  background-color: #d9e5f1;
  color: #800000;
  font-size: 16px;
  font-weight: bold;
  margin: 5px;
}

/* Formatting of the weekday names */
table.styledCalendar tbody th {
  background-color: #d9e5f1;
  color: #800000;
  font-size: 10px;
  font-weight: bold;  
  margin: 3px;
}

/* Formatting of the footer cells (with links to other months) */
table.styledCalendar tfoot th {
  border: none;
  background-color: #d9f1f1;
  align: center;
}

table.styledCalendar tfoot tr th select {
  display: block;
  margin: 0 auto;
}

table.styledCalendar tfoot th a {
  color: #800000;
  text-decoration: none;
  display: block;
  text-align: center;
}

table.styledCalendar tfoot th a:hover {
  border: 1px solid #b2b28f;
}

/* Formatting of the day cells */
table.styledCalendar {
  background-color: #ffffff;
}

table.styledCalendar td.dayBlank {
  background-color: #fffffa;
}

table.styledCalendar td.dayToday {
  background-color: #e6ffcd;
}

/* Formatting of the date that appears in each calendar day cell */
table.styledCalendar td div.date {
  text-align: right;
  padding: 0;
  margin: 0;
  color: #800000;
}

table.styledCalendar td.dayToday div.date {
  color: #cdffcd !important;
}

table.styledCalendar td.daySpecial div.date {
  color: #e6cdff;
}

table.styledCalendar td.dayHasEvent div.date {
  color: #99997a;
}

/* dates with the special style applied for Memorial Day Weekend */
table.styledCalendar td.memorialDayWeekend {
  background-color: #e0f8f8;
}