@CHARSET "UTF-8";

/* "Global" settings for the calendar table */
table.greyCalendar {
  border-collapse: collapse;
  border: 0.1em solid #000000;
  font-size: 1em;
  font-family: Arial, Verdana;
  width: 100%;
}

/* "Global" settings for all table cells in the calendar table */
table.greyCalendar th, table.greyCalendar td {
  border: 0.1em solid #000000;
  padding: 0.15em;
  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.greyCalendar tbody td {
  vertical-align: top;
}

/* Formatting of the events when they appear in a day cell */
table.greyCalendar td div.events {
  font-size: 0.6em;
  line-height: 0.8em;
}

table.greyCalendar td.dayHasEvent div.events a:active, table.greyCalendar td.dayHasEvent div.events a:focus {
  outline: 0; /* remove the dotted border from the active link */
}

/* Formatting of the year/month banner */
table.greyCalendar thead th {
  background-color: #696969;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0.4em;
}

/* Formatting of the weekday names */
table.greyCalendar tbody th {
  background-color: #c0c0c0;
  font-size: 0.5em;
  font-weight: bold;  
  margin: 0.2em;
}

/* Formatting of the footer cells (with links to other months) */
table.greyCalendar tfoot th {
  background-color: #a9a9a9;
  border: none;
  border-top: 0.1em solid #000000;
}

table.greyCalendar tfoot th a {
  color: #ffffff;
  text-decoration: none;
  display: block;
}

table.greyCalendar tfoot th a:visited {
  color: white;
}

table.greyCalendar tfoot th a:hover {
  color: #333;
  background-color: #d3d3d3;
}

/* Formatting of the day cells */
table.greyCalendar td {
  background-color: #ffffff;
}

table.greyCalendar td.dayBlank {
  background-color: #d3d3d3;
}

table.greyCalendar td.dayToday {
	background-color: #679A30;
	border: 0.15em solid #353535;
}

table.greyCalendar td.daySpecial {
	background-color: #939393;
	color: #ffffff;
}

/* Formatting of the date that appears in each calendar day cell */
table.greyCalendar td div.date {
  text-align: center;
  padding: 0;
  margin: 0;
}

table.greyCalendar td.dayToday div.date {
	color: #FFFFFF;
	font-weight: bold;
}

table.greyCalendar td.dayHasEvent div.date {
	color: #FFFFFF;
	font-weight: bold;
}
table.greyCalendar td.dayHasEvent {
	background-color: #5080BC;
}
/* Formatting of hyperlinks for events */
table.greyCalendar td.dayHasEvent div.events a {
	color: #FFFFFF;
	text-decoration: none;
}

table.greyCalendar td.dayHasEvent div.events a:visited {
	color: #FFFFFF;
}

table.greyCalendar td.dayHasEvent div.events a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Formatting of hyperlinks for dates */
table.greyCalendar td.dayHasEvent div.date a {
	color: #CCCCCC;
	text-decoration: none;
}

table.greyCalendar td.dayHasEvent div.date a:visited {
	color: #CCCCCC;
}

table.greyCalendar td.dayHasEvent div.date a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}