/* ================================
    CSS STYLES FOR Event Calendar
   ================================
*/

body
{
        font-family: Verdana;
}

.calendar
{
        border-right: lightgrey 1px solid;
        border-top: lightgrey 1px solid;
        font-size: 7pt;
        border-left: lightgrey 1px solid;
        color: black;
        border-bottom: lightgrey 1px solid;
        font-family: Verdana;
}

.calendarTitle
{
        font-weight: bold;
        font-size: 9pt;
        color: #A4B3BD;
        background-color: #456378;
}

.calendarTitle,
.calendarTitle td
{
        font-weight: bold;
        font-size: 9pt;
        color: #A4B3BD;
        background-color: #456378;
}

.calendarNextPrev, .calendarNextPrev a:link
{
        color: #A4B3BD;
        font-size: 8pt;
        padding: 0px .5em;
}

.calendarNextPrev a, .calendarNextPrev a:visited, .calendarNextPrev a:hover
{
        color: #A4B3BD;
        font-size: 8pt;
        padding: 0px .5em;
}

.calendarDayHeader
{
        font-weight: bold;
        font-size: 7pt;
        font-family: Verdana;
        background-color: silver;
}

.calendarDay, .calendarDay td
{
        font-size: 7pt;
        color: #000000;
        font-family: Verdana;
        text-align: left;
}

.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover
{
        color: #0000ff;
        text-align: left;
        font-size: 7pt;
        font-family: Verdana;
}

.calendarOtherMonthDay
{
        color: #808080;
        background-color: gainsboro;
}

.calendarOtherMonthDay a, .calendarOtherMonthDay a:visited, .calendarOtherMonthDay a:hover
{
        color: #8080c0;
        background-color: gainsboro;
}


.calendarWeekendDay
{
        background-color: WhiteSmoke;
}

.calendarTodayDay
{
        border-right: red 2px solid;
        border-top: red 2px solid;
        border-left: red 2px solid;
        border-bottom: red 2px solid;
}

.calendarSelectedDay
{
        background-color: "LightCyan";
        color: "Red";
        font-weight: bold;
}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover
{
        color: "Red";
        font-weight: bold;
}

.calendarSelector
{
        background-color: #c0c0e0;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
        color: #0000ff;
        text-decoration: none;
}

/* ==================================
    CSS STYLES FOR DataGrid objects
   ==================================
*/

.DataGrid
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: White;
}

.DataGridHeader
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 14px;
    background-color: #456378;
}

.DataGridFooter
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    color: Black;
    background-color: #CCCCCC;
}

.DataGridItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    color: Black;
    background-color: #EEEEEE;
}

.DataGridAlternatingItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    background-color: #DCDCDC;
}