﻿div.details
{
    background-color: #888061;
}
    div.details table 
    {
        background-color: #dace9c;
    }
        div.details table td
        {
            background-color: #fff;
        }

div.eventDetails 
{
    position: absolute;
    background-color: #f0f0f0;
    border: solid 1px #ccc;
    height: 200px;
    padding: 4px;
    width: 300px;
    z-index: 500;
}
div.eventDetailsHidden
{
    display: none;
}

.calendar {
    background: #f0f0f0;
    border: solid 1px #1d3f59;
    padding: 2px;
}
.calendar .day {
    background: #fff;
    border: solid 1px #ccc;
}
.calendar .dayActive {
    background-color: #fffec1;
    border: solid 1px #ccc;
}
.calendar .dayHeader {
    background-color: #bcc3c8;
    color: #000;
    font-weight: normal;
}
.calendar .title {
    background-color: #628ba4;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.calendar .otherMonthDay {
    background-color: #efefef;
}
    .calendar .otherMonthDay a {
        color: #ccc;
    }
    
.popcal {
    background-color: #efefef;
    width: 100%;
}
    .popcal tr.div {
        background-color: #efefef;
    }
    .popcal td {
        background-color: #ffffff;
    }
    .popcal thead td {
        background-color: #c5deab;
        color: #414a27;
        font-weight: bold;
    }
    .popcal tfoot td {
        background-color: #efefef;
        text-align: right;
    }
    .popcal td.req {
        background-color: #efefef;
        font-weight: bold;
    }
    
.ajax__calendar_container {
    background-color: #ffffff;
    border:solid 1px #777;
}

.ExpandButton {
    background: url("Images/expandButton.gif") no-repeat;
    cursor: pointer; cursor: hand;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 16px;
}
.CollapseButton {
    background: url("Images/collapseButton.gif") no-repeat;
    cursor: pointer; cursor: hand;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 16px;
}

/* CALENDAR LINK STYLES */
.CalLink {
    margin-top: 2px;
    padding: 3px;
}
/* END CALENDAR LINK STYLES */
