/***** Month View *****/

.calendar {
    width: 100%;
    border: solid 1px #99A0AA;
    font-size: x-small;
}

.calendar .prevMonth, .calendar .nextMonth {
    background: #DDE0E0;
    padding: 0.2em 0em;
}

.calendar .prevMonth a, .calendar .nextMonth a {
    text-decoration: none;
    display: block;
    width: 100%;
}

.calendar .prevMonth:hover, .calendar .nextMonth:hover {
    background: #D0E6F6;
}

.calendar .thisMonth {
    background: #D0E6F6;
    padding: 0.2em 0em;
}

.calendar .prevMonth a:before {
    content: "< ";
}

.calendar .nextMonth a:after {
    content: " >";
}

.calendar .thisMonth, .calendar .nextMonth {
    border-left: solid 1px #FFF;
}

.calendar th.sun, .calendar th.mon, .calendar th.tue, .calendar th.wed, 
.calendar th.thu, .calendar th.fri, .calendar th.sat {
    color: #FFF;
    background: #2E406B;
    font-weight: normal;
    padding: 0.2em 0em;
}

.calendar .sunPrevMonth, .calendar .monPrevMonth, .calendar .tuePrevMonth, 
.calendar .wedPrevMonth, .calendar .thuPrevMonth, .calendar .friPrevMonth, 
.calendar .satPrevMonth, .calendar .sunNextMonth, .calendar .monNextMonth, 
.calendar .tueNextMonth, .calendar .wedNextMonth, .calendar .thuNextMonth, 
.calendar .friNextMonth, .calendar .satNextMonth {
    width: 14%;
    border-left: solid 1px #FFF;
    border-top: solid 1px #FFF;
    vertical-align: top;
    background: #DDE0E0;
}

.calendar .sunToday, .calendar .monToday, .calendar .tueToday, .calendar .wedToday, 
.calendar .thuToday, .calendar .friToday, .calendar .satToday {
    width: 14%;
    border-left: solid 1px #FFF;
    border-top: solid 1px #FFF;
    vertical-align: top;
    background: #D0E6F6;
}


.calendar .sun, .calendar .mon, .calendar .tue, .calendar .wed, .calendar .thu, 
.calendar .fri, .calendar .sat {
    width: 14%;
    border-left: solid 1px #FFF;
    border-top: solid 1px #FFF;
    vertical-align: top;
    background: #EEF0F0;
}

.calendar .sun, .calendar .sunPrevMonth, .calendar .sunNextMonth {
    border-left: none;
}

.calendar .dayNum {
    color: #606F79;
    font-size: xx-small;
    font-weight: bold;
    padding: 0 0 0 2px;
    margin: 0;
}

.calendar .event {
    background: #E4E8E8;
    border: solid 1px #D0D4D4;
    padding: 0px 2px;
    margin: 0px 2px 4px 2px;
}

.calendar .event a {
    text-decoration: none;
}

.calendar .event a:hover {
    text-decoration: underline;
}

.calendar .noEvent {
    height: 50px;
} 

/***** Month View -- Anylink Menu *****/

.anylinkcss {
    width: 12em;
    position: absolute;
    visibility: hidden;
    border: 1px solid #595854;
    border-bottom-width: 0;
    background-color: #DDE0E0;
    z-index: 100;
}

.anylinkcss a {
    width: 100%;
    font-size: x-small;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 1px 0;
    border-bottom: 1px solid #595854;
}

.anylinkcss a:hover {
    background-color: #D0E6F6;
}

/***** Individual Event Page *****/

.event h3.pageTitle {
    float:left;
}

.event .adminOptions {
    float: right;
}

.event .body{
    clear: both;
}

/***** Edit Page *****/

.edit .property option {
    padding-right: 0.5em;
}

.edit .property .frequency label {
    font-weight: normal;
    padding-right: 2em;
} 

#repeatAdvance {
    display: none;
    width: 80%;
    margin-left: 10%;
}

#repeatAdvance div {
    border: solid 1px #CCC; 
    padding: 0.2em 0.2em;
    margin-bottom: 4px; 
}

#repeatAdvance label {
    font-weight: normal;
    padding-right: 1.5em;
}

#toggleAdvProperties {
    color: #00F;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 1em;
}

#advProperties {
    background: #EEE;
    border: solid 1px #999;
    padding: 1.5em;
    display: none;
}