div.calendar-div {
    margin-left: auto;
    margin-right: auto;
    width: 21em;
}

div.calendar-div td { 
    width: 3em;
    text-align: center; 
}

div.calendar-div .previous-arrow {
    float: left;
}

div.calendar-div .next-arrow {
    float: right;
}

div.calendar-div .align-center {
    text-align: center;
}

div.calendar-div table {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

div.calendar-div .today {
    background-color: #eeee00;
    color: #ffffff;
}

div.calendar-div .closed {
    background-color: #ff0000;
    color: #000000;
    border: 1px solid black
}

table.bookings {
    width: 100%;
}

table.bookings th {
    border-bottom: 1px solid black;
}

table.bookings td {
    text-align: center;
}

table.bookings tr.odd td {
    color: #000000;
    background-color: #cccccc;
}

table.bookings tr.odd td.self {
    background-color: #00ff00;
}

table.bookings td.self {
    border: 1px solid black;
    background-color: #00ff00;
}

table.bookings td.other {
    border: 1px solid black;
    background-color: #ff0000;
}

table.bookings tr.odd td.other {
    background-color: #ff0000;
}

table.bookings td.conflict {
    color: #bbbbbb;
    background-color: #888888;
}

table.bookings td.admin-conflict {
    background-color: #ffff00;
}

p.error {
    background-color: #ff9000;
    border: 2px solid black;
    padding: 2px;
}