#football { text-align:center;background:#f3f3f3; }
#football #calendarTitle {
width:300px;
height:22px;
font:bold 18px Arial,Verdana;
color:#717171;
line-height:22px;
}
/* "Global" settings for the calendar table */
#football table.greyCalendar {
width:300px;
border-collapse: collapse;
border: 1px solid #d1d1d1;
font-size: 12px;
font-family: Arial, Verdana;
}
/* "Global" settings for all table cells in the calendar table */
#football table.greyCalendar th, table.greyCalendar td {
border: 1px solid #f3f3f3;
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) */
#football table.greyCalendar tbody td {
vertical-align: top;
height:30px;
}
/* Formatting of the events when they appear in a day cell */
#football table.greyCalendar td div.events {
font-size: 9px;
line-height: 10px;
}
#football table.greyCalendar td.dayHasEvent div.events a:active, #football table.greyCalendar td.dayHasEvent div.events a:focus {
outline: 0; /* remove the dotted border from the active link */
}
/* Formatting of the year/month banner */
#football table.greyCalendar thead th {
background-color: #696969;
color: #ffffff;
font-size: 14px;
font-weight: bold;
margin: 5px;
}
/* Formatting of the weekday names */
#football table.greyCalendar tbody th {
background-color: #aaa;
color:#fff;
font-size: 12px;
font-weight: bold;
margin: 3px;
}
/* Formatting of the footer cells (with links to other months) */
#football table.greyCalendar tfoot th {
font-size: 10px !important;
background-color: #a9a9a9;
border: none;
border-top: 1px solid #000000;
}
#football table.greyCalendar tfoot th a {
font-size: 10px !important;
color: #ffffff !important;
text-decoration: none !important;
display: block !important;
}
#football table.greyCalendar tfoot th a:visited {
color: #fff !important;
}
#football table.greyCalendar tfoot th a:hover {
color: #333 !important;
background-color: #d3d3d3 !important;
}
/* Formatting of the day cells */
#football table.greyCalendar td {
background-color: #ffffff;
}
#football table.greyCalendar td.dayBlank {
background-color: #f3f3f3;
}
#football table.greyCalendar td.dayToday {
background-color: #dcdcdc;
border: 0px solid #000000;
}
/* Formatting of the date that appears in each calendar day cell */
#football table.greyCalendar td div.date {
text-align: left;
padding: 0px;
margin: 0px;
}
#football table.greyCalendar td.dayToday div.date {
color: red;
font-weight: bold;
}
#football table.greyCalendar td.dayHasEvent div.date {
color: #f90b09;
font-weight: bold;
}
#football table.greyCalendar td.dayHasEvent div.events a {
font-size: 9px !important;
line-height: 10px !important;
color: #808080 !important;
text-decoration: none !important;
}
#football table.greyCalendar td.dayHasEvent div.events a:visited {
color: #808080 !important;
}
#football table.greyCalendar td.dayHasEvent div.events a:hover {
color: #808080 !important;
font-weight: bold !important;
}
