.calendar, .calendar li.month {
    list-style-type: none;
    padding: 0px;
    margin: 0px auto;
}

.month {
    margin: 0px auto;
}

.calendar td, .calendar th {
 /* padding: 2px; */
}

td.day {
    vertical-align: top;
}

.calendar .eventDetails .date,
th.monthName {
    background: #9AB5DB;
    text-align: center;
    padding: 0.1em;
}
th.monthName{
    border:1px solid black;
}
tr.week th.weekday {
    background-color: #c4dae5;
}
.weekend {
    background-color: #EEE;
}

.month td.blank {
    background-color: white;
}

.month td.day {
    border:1px solid black;
}

.month td.day .event {
    color: blue;
}

.month td.today {
    background-color: #AAF;
}
.month td.current {
    background-color: #AFA;
}
.month td.today.current {
    background-color: #ADD;
}



.calendar ul.eventDetails li,
.calendar li.eventDetails {
  display: none;/**/
}
.calendar .eventDetails {
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    position: relative;
    left: 50%;
    float: left;
}

.calendar ul.eventDetails li {
    float: left;
    position: relative;
    left: -50%;
    text-align: left;
    margin: 0.2em auto;
    border: 1px solid black;
}

.calendar ul.eventDetails li.shown {
    display: block;
}

.calendar .eventDetails .event {
    padding: 0.2em;
}

.calendar .eventDetails .event .time {
    display: block;
}