/* Style of table that contains the entire calendar */
.calendar
{
    font-family: Tahoma, Arial, Verdana;
    font-size: 8pt;
    color: #000000;
    background-color: transparent;
}

/* -- Headers --------------------------------- */
.calendarHeaderCell
{
    background-color:rgb(102, 153, 255);
    padding: 0px 5px 0px 5px;
    border: solid 1px #000000;
    border-top: 0px;
    height: 25px;
}
.calendarHeaderText
{
    font-size: 10pt;
    color: #ffffff;
    font-weight: bold;
}
.calendarWeekHeaderCell
{
    text-align: center;
    padding: 2px 0px 2px 0px;
    background-color: rgb(51,204,153);
    font-size: 8pt;
    color:White;
}

/* Style of the row/cell that contains the body of the calender (not the headers) */
/* NOTE: Firefox calculates height for <td> differently than IE. To make them compatible,
   set the <tr> height to be the <td> height + the <td> border (top + bottom). */
.calendarBodyRow
{
    height: 480px;
}
.calendarBodyCell
{
    vertical-align: top;
    width: 560px;
    height: 467px;
    font-size: 8pt;
}

/* NOTE: Firefox calculates height for <td> differently than IE. To make them compatible,
   set the <tr> height to be the <td> height + the <td> border (top + bottom). */
.dayCellRow
{
    height: 77px;
}

/* -- Day Widths And Heights, Etc ------------- */
.fillerDayCell,
.fillerDayLastCell,
.fillerDayTopCell,
.dayCell,
.dayTopCell,
.dayRightCell,
.dayTopRightCell,
.dayTodayCell,
.dayTodayTopCell,
.dayTodayRightCell,
.dayTodayTopRightCell,
.dayEventCell,
.dayEventTopCell,
.dayEventRightCell,
.dayEventTopRightCell
{
    height: 75px;
    width: 14.28%;
}
.dayCell,
.dayTopCell,
.dayRightCell,
.dayTopRightCell,
.dayTodayCell,
.dayTodayTopCell,
.dayTodayRightCell,
.dayTodayTopRightCell,
.dayEventCell,
.dayEventTopCell,
.dayEventRightCell,
.dayEventTopRightCell
{
    border: solid 1px #000000;
    padding: 0px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 7px 3px;
    color: #CC0000;
}
/* This is commented out to highlight only clickable cells
   Uncomment this to opt to highlight all valid days on mouseover
.dayCell:hover,
.dayTopCell:hover,
.dayRightCell:hover,
.dayTopRightCell:hover,
.dayTodayCell:hover,
.dayTodayTopCell:hover,
.dayTodayRightCell:hover,
.dayTodayTopRightCell:hover,
.dayEventCell:hover,
.dayEventTopCell:hover,
.dayEventRightCell:hover,
.dayEventTopRightCell:hover
{
    background-color: #ABE4FF;
}
*/

/* -- Filler days ----------------------------- */
.fillerDayCell,
.fillerDayLastCell,
.fillerDayTopCell
{
    background-color:Silver;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
}

.fillerDayTopCell
{
    border-top: solid 1px #000000;
}

/* -- Day Cells ------------------------------- */
.dayTopCell,
.dayCell,
.dayRightCell,
.dayTopRightCell
{
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;
}

/* -- Day Cells: Today ------------------------ */
.dayTodayCell,
.dayTodayTopCell,
.dayTodayRightCell,
.dayTodayTopRightCell
{
    background-color: #EEEEFF; 
    border: 2px solid rgb(102, 153, 255);
}
.dayTodayCell
{
   
}
.dayTodayTopCell
{
}
.dayTodayRightCell
{
}
.dayTodayTopRightCell
{
}

/* -- Day Cells: with Event ------------------- */
.dayEventCell,
.dayEventTopCell,
.dayEventRightCell,
.dayEventTopRightCell
{
    cursor: pointer;
    cursor: hand;
}
.dayEventCell:hover,
.dayEventTopCell:hover,
.dayEventRightCell:hover,
.dayEventTopRightCell:hover
{
    background-color: white;
}
.dayEventCell
{
   
}
.dayEventTopCell
{
}
.dayEventRightCell
{
}
.dayEventTopRightCell
{
}

/* -- Day Cell Interior ----------------------- */
.dayHeader
{
    font-size: 8pt;
    padding-left: 2px;
    background-color: #CCCCCC;
    color: Black;
}
.dayContent
{
    font-family: Tahoma;
    font-size: 7pt;
}
.dayEvent
{
    padding: 2px;
}
.dayEventAlt
{
    padding: 2px;
}

/* -- View for a Single Day ------------------- */
.dayViewRow
{
    height: 480px;
}
.dayViewCell
{
    width: 100%;
    height: 467px;
    vertical-align: top;
    font-size: 10pt;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    color: #CC0000;
}
/* Overflow must be handled in a <div> */
.dayView
{
    overflow: auto;
    height: 100%;
}
.dayView A:link,
.dayView A:active,
.dayView A:visited,
.dayView A:hover
{
    color: #000000;
    font-weight: bold;
}
.dayViewEvent
{
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
}
.dayViewEventHeader
{
}
.dayViewEventBody
{
}
.dayViewEventAlt
{
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
}
.dayViewEventHeaderAlt
{
}
.dayViewEventBodyAlt
{
}
.dayViewEmpty
{
    padding: 5px;
    padding-top: 20px;
    text-align: center;
}
.CalGameHome, .CalGameAway
{
    Width: 79px;
    height: 76px;
    color: Black;
    border: 0px solid black;
}
.CalGameHome
{
    background-color: #EE0000;
}
.CalGameAway
{
    background-color: gold;
}

.CalGameHome:Hover, .CalGameAway:Hover
{
     color: Black;
}
.CalGameHome:Hover
{
    background-color: transparent;
}
.CalGameAway:Hover
{
    background-color: transparent;
}