table.datatable {
font: 12px Arial, Helvetica, sans-serif;
color: black;
height: 280px;
background: #c0c0c0;
padding: 5px;
}

td.day {
font: bold 12px Arial, Helvetica, sans-serif;
color: #fcf7e6;
background: #a1a1a1;
padding: 2px;
border: 1px solid #a1a1a1;
text-align: center;
}

td.weekend {
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: #bfbfbf;
padding: 2px;
border: 1px solid #a1a1a1;
height: 70px;
vertical-align: top;
}

td.weekend:hover {
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: #dddddd;
padding: 2px;
border: 1px solid #a1a1a1;
height: 70px;
vertical-align: top;
}

td.weekday {
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: #dddddd;
padding: 2px;
border: 1px solid #a1a1a1;
height: 70px;
vertical-align: top;
}

td.weekday:hover {
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: #bfbfbf;
padding: 2px;
border: 1px solid #a1a1a1;
height: 70px;
vertical-align: top;
}

td.unusedday {
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: #dddddd;
padding: 2px;
border: 1px solid #a1a1a1;
height: 70px;
vertical-align: top;
}


a.calLink {
font:bold 12px Arial, Helvetica, sans-serif !important;
color:#ffffff;
text-decoration: underline;
}
a.calLink:hover {
font:bold 12px Arial, Helvetica, sans-serif !important;
color:#c0c0c0;
}

a.signUpForm {
font:bold 12px Arial, Helvetica, sans-serif !important;
color:#19548e;
text-decoration: none !important;
}

a.signUpForm:hover {
font:bold 12px Arial, Helvetica, sans-serif !important;
color:#8a2122;
text-decoration: underline !important;
}

span.calSubLink {
font-weight: normal;

}

td.monthHeading {
font: bold 12px Arial, Helvetica, sans-serif;
color: #8a2122;
}

td.itemRow {
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
background: #2a2d60;
padding: 2px;
border-top: 1px #2a2d60 solid;
border-left: 1px #2a2d60 solid;
border-right: 1px #2a2d60 solid;
border-bottom: 2px #2a2d60 solid;
vertical-align: top;
}

td.itemRow:hover {	
background: #19548e;
}
/* Make this the same as td.itemRow (minus padding and borders) */

td.emptyRow {
background: #2a2d60;
color: #2a2d60;
padding: 5px;   
border: none;
font-size: 12px;
}

td.itemHeader {
font-size: 16px;
font-weight: bold;
text-decoration: underline;
color: #ffffff;
background-color: Maroon;
}

body.content {
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
background: #2a2d60;
}

td.itemHeading {
font: bold 12px Arial, Helvetica, sans-serif;
color: #fcf7e6;
padding: 4px;
background: #a1a1a1;
}

td.detailsHeading {
font: bold 14px Arial, Helvetica, sans-serif;
color: #8a2122;
padding: 4px;
}

td.detailsSubHeading {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
padding: 4px;
}

td.detailsRow {
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
padding: 2px;
}