@CHARSET "UTF-8";

/* "Global" settings for the calendar table */
table.greyCalendar {
  border-collapse: collapse;
  border: none;
  font-size: 12px;
  font-family: Arial, Verdana;
  width:100%;
}

/* "Global" settings for all table cells in the calendar table */
table.greyCalendar th, table.greyCalendar td {
  border: 1px solid gray;
  text-align:center;
  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 {
  text-align:center;
}

/* Formatting of the events when they appear in a day cell */
table.greyCalendar td div.events {
}

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 {
  border:none;
  background-color: white;
  color: black;
  font-size: 14px;
  font-weight: bold;
  margin: 5px;
  text-align:center;
}

/* Formatting of the weekday names */
table.greyCalendar tbody th {
  background-color: white;
  font-weight: bold;  
  font-size:14px;
  padding:4px;
  margin: 3px;
}

/* Formatting of the footer cells (with links to other months) */
table.greyCalendar tfoot th {
  background-color: white;
  border: none;
}

table.greyCalendar tfoot th a {
  color: #333;
  text-decoration: none;
  display: block;
}

table.greyCalendar tfoot th a:visited {
  color: #333;
}

table.greyCalendar tfoot th a:hover {
  color: #333;
  background-color: #d3d3d3;
}

/* Formatting of the day cells */
table.greyCalendar td {
  text-align:center;
}

table.greyCalendar td.dayBlank {
  background-color: #d3d3d3;
}

table.greyCalendar td.dayToday {
  border: 3px solid #000000;
}

/* Formatting of the date that appears in each calendar day cell */
table.greyCalendar td .date, table.greyCalendar td .date a {
  margin: 0;
}



table.greyCalendar td.dayToday .date {
  color: #000000;
  font-weight: bold;
  padding:18px;
}

table.greyCalendar td.dayHasEvent .date {
  display:block;
  color: white;
  background-color:#60B0F7;
  font-weight: bold;
}

table.greyCalendar td.dayHasEvent1 .date {
  background-color:#60B0F7;
}
table.greyCalendar td.dayHasEvent2 .date {
  background-color:#68C4B9;
}
table.greyCalendar td.dayHasEvent3 .date {
  background-color:#91E64D;
}

table.greyCalendar td.dayHasEvent div.events a {
  color: #808080;
  text-decoration: none;
}

table.greyCalendar td.dayHasEvent div.events a:visited {
  color: #808080;
}

table.greyCalendar td.dayHasEvent div.events a:hover {
  color: #808080;
  text-decoration: underline;
}


table.greyCalendar td .date {
  display:block;
  padding: 8px !important;
}