/* Style of table that contains the entire calendar */
.calendar
{
    font-family: Tahoma, Arial, Verdana;
    color: #000000;
    background-color: white;
    width: 100%;
    border: 1px solid black;
}

/* -- Headers --------------------------------- */
.calendarHeaderCell
{
    background-image: url(/Images/Calendar/header_bg.gif);
    padding: 0px 5px 0px 5px;
    border: solid 1px #000000;
    border-top: 0px;
    height: 25px;
}
.calendarHeaderText
{
    color: #ffffff;
    font-weight: bold;
}
.calendarWeekHeaderCell
{
    text-align: center;
    padding: 2px 0px 2px 0px;
    background-color: rgb(153, 0, 51);
    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: 100%;
    height: 467px;
}

/* 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: #114E86;
    }
/* 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:White;

}

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

/* -- Day Cells ------------------------------- */
.dayTopCell,
.dayCell,
.dayRightCell,
.dayTopRightCell
{

}

/* -- Day Cells: Today ------------------------ */
.dayTodayCell,
.dayTodayTopCell,
.dayTodayRightCell,
.dayTodayTopRightCell
{
    background-color: #F4F2E6; 
    border: 2px solid #CC0000;
}
.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
{
    padding-left: 2px;
    background-color: #E5DAD0;
    color: Black;
}
.dayContent
{
    font-family: Tahoma;
}
.dayEvent
{
    padding: 2px;
    border-bottom: 1px solid #eaeaea;

}
.dayEventAlt
{
    padding: 2px;
    border-bottom: 1px solid #eaeaea;
}

/* -- View for a Single Day ------------------- */
.dayViewRow
{
    height: 480px;
}
.dayViewCell
{
    width: 100%;
    vertical-align: top;
    font-size: x-small;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    color: #114E86;
}
/* Overflow must be handled in a <div> */
.dayView
{
    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;
}

.eventTime{
    font-weight:bold;
}