body {
    font-family: Verdana;
    font-size: 10pt !important;
    margin: 4px;
}

.appointmentTable {
    empty-cells: show;
}

    .appointmentTable th, .appointmentTable td {
        border: 1px solid gray;
        border-collapse: collapse;
        /*border-radius: 1px;*/
    }

.weekday {
    font-size: 5pt;
}

.header {
    background: #754242;
    color: #FFFF99;
    font-weight: bold;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.appointmentTable th.calendarHeader {
    background: #754242;
    color: #FFFF99;
    text-align: center;
}

.textRight {
    text-align: right !important;
}

.appointmentTable th.MenuBar {
    background: #993333;
    color: #FFFF99;
}

.appointmentTable td.calendarMonthName {
    width: 8%;
    font-size: 12pt;
    font-family: Arial;
    color: #FFFFCC;
    background: #993333;
}

.appointmentTable th a:link, .header a:link {
    text-decoration: none;
    color: #FFFF99;
}

.appointmentTable th a:visited, .header a:visited {
    text-decoration: none;
    color: #FFFF99;
}

.appointmentTable th a:hover, .header a:hover {
    text-decoration: underline;
    color: #FFFFCC;
}

a:link {
    text-decoration: none;
    color: #000000;
}

a:visited {
    text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: underline;
    color: #ff0000;
}

a:active {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

a.lineThrough {
    text-decoration: line-through;
}

.calendarDay {
    font-size: 8pt !important;
}

.calendarSaturday {
    background: #ddd;
}

.calendarSunday {
    background: #bbb;
}

.calendarSaturdayPast {
    background: #888;
}

.calendarSundayPast {
    background: #666;
}

.calendarWeekDay {
    background: white;
}

.calendarWeekDayPast {
    background: #aaa;
}

.calendarToday {
    background: #aff;
}

.calendarNoDate {
    background: #c7c5aa;
}

.past{
    opacity: 0.3;
}

.legend, .details {
    font-size: 7pt;
}

.detailButton {
    cursor: pointer;
}

.pastDay {
    color: lightgray !important;
}