.frontpage_calendar_box {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    min-height: 228px;
}

.cal_calendar {
    padding:30px;
    margin:0px;
    border:none;
    border-collapse:collapse;
    width: 100%;
    margin-left: auto;
    marginr-right: auto;
    display: table;
}

.cal_header {
    background-color:#333;
    padding:0px;
    margin:0px;
    border:none;
    border-collapse:collapse;
}
.cal_cell, .cal_calendar .day {
    width: 14.285%;
    padding: 1px;
    text-align: right;


}
.cal_header .cal_cell {
    
}
.cal_cell {
    padding: 2px;
    margin: 1px;

    text-align:center;
    height: 20px;
}
.cal_calendar .day {

}
.cal_labelcell {
    padding:2px;
    margin:1px;
    text-align:center;
}
.cal_oddweek {
    background-color:#212121;
    padding:0px;
    margin:0px;
    border:none;
    border-collapse:collapse;
}
.cal_evenweek {
    background-color:#121212;
    padding:0px;
    margin:0px;
    border:none;
    border-collapse:collapse;
}

.cal_day  {
    width: 14.285%; // 100% / 7 days a week
    text-align:center;
    padding:0px;
    margin:0px;
    border:none;
    border-collapse:collapse;
    cursor:hand;

}


.cal_disabled {
    color:#999999;
    width:3ex;
    padding:0px;
    margin:0px;
    border:none;
    border-collapse:collapse;
}
.cal_common {
    color:white;
    width:3ex;
    padding:0px;
    margin:0px;
    border:none;
    border-collapse:collapse;
}
.cal_holiday {
    color:white;
    width:3ex;
    padding:0px;
    margin:0px;
    border:none;
    border-collapse:collapse;
}
.cal_event, .cal_today_event {
    font-weight:bold;
    display: block;
    width: 100%;
    color: black;
    background-color: #8E77A8;
    border-radius: 20px;   
    cursor: pointer;
    transition-duration: 0.5s;
}
.cal_event:hover, .cal_today_event:hover {
    background-color: #D3ABFF;
    transition-duration: 0.5s;
    border-radius: 0px;

}
.cal_today {
    border: 10px solid #cc0000;
}

/*.cal_today,*/ .cal_today_event {
    /*border: 1px solid #cc0000*/;


}
.day .cal_common, .day .cal_disabled, .cal_today_event, .cal_event, .cal_today {
    width: 28px;
    display: block;
    text-align: center;
    margin-left: auto; margin-right: auto;
    padding: 4px;
}
#cal_tester_display {
    margin-left: auto;
    margin-right: auto;
}
/*
.cal_today {
    background-color: blue;
}
*/