.rowContent .row {
    margin-top: 140px;
    display: table;
}

    .rowContent .row > div {
        display: table-cell;
        vertical-align: top;
    }

    .rowContent .row .dateCol {
        width: 0px;
    }

.rowContent .titleCol {
    width: 625px;
}

    .rowContent .titleCol a {
        font-size: 18px;
        line-height: 24px;
        color: #333333;
    }
/* date block */

.rowContent .date {
    background-color: #288cca;
    width: 60px;
    height: 60px;
    padding: 7px 0px 0px 0px;
    margin: 0px 20px 0px 0px;
    text-align: center;
    display: block;
}

.rowContent .day {
    font-family: arial, Microsoft YaHei, SimHei;
    font-size: 25px;
    text-transform: none;
    color: #ffffff;
    line-height: 27px;
    font-weight: bold;
}

.rowContent .month {
    font-family: arial, Microsoft YaHei, SimHei;
    font-size: 17px;
    text-transform: none;
    color: #ffffff;
    line-height: 18px;
    font-weight: bold;
}

.rowContent .year {
    font-family: arial, Microsoft YaHei, SimHei;
    font-size: 17px;
    text-transform: none;
    color: #ffffff;
    line-height: 18px;
    font-weight: bold;
}
/* calendar */

.calendarArea {
    margin-bottom: 50px;
}

.eventsDetails {
    float: right;
    width: 100%;
}

    .eventsDetails .row {
        width: 100%;
        margin: 0px 0px 20px 0px;
        float: left;
    }

    .eventsDetails .dateCol {
        width: 10%;
        float: left;
    }

    .eventsDetails .heading {
        font-family: arial, Microsoft YaHei, SimHei;
        font-size: 13px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 80px;
        height: 60px;
        width: 100%;
    }

.cal_spacer {
    width: 10%;
}