.eventsCalendar
{
    position: absolute;
    border: solid 1px #ccc;
    background: #fff;
    padding-bottom: 2px;
    width: 250px;
}

.eventsCalendar .title
{
    background: #eee;
    padding: 4px;
    margin: 2px;
    margin-bottom: 0px;
    font-weight: bold;
}

.eventsCalendar .month
{
    text-align: center;
    font-weight: bold;
    padding: 4px;
}

.eventsCalendar .month a.p
{
    float: left;
    width: 25px;
    height: 15px;
    display: block;
    background: url(/_common/images/arrows_b.gif) center center no-repeat;
}

.eventsCalendar .month a.n
{
    float: right;
    width: 25px;
    height: 15px;
    display: block;
    background: url(/_common/images/arrows.gif) center center no-repeat;
}

.eventsCalendar .dates
{
    width: 250px;
}

.eventsCalendar .dates td a
{
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border: solid 1px #eee;
    margin: 2px 2px 0px 2px;
}

.eventsCalendar .dates td a:hover,
.eventsCalendar .dates td a.selected
{
    background: #eee;
    border: solid 1px #ccc;
}