div.month-wrap {
    height: 30px;
    display: table;
    width: 100%;
}
div.bn_prev {
    display: table-cell;
    text-align: center;
    width: 25%;
    height: 24px;
    padding: 10px;
}
div.bn_next {
    display: table-cell;
    width: 25%;
    height: 24px;
    padding: 10px;
    text-align: center;
}

div.bn_prev:hover,
div.bn_prev:focus,
div.bn_next:hover,
div.bn_next:focus {
    background-color: #2f2424;
    color: #fff;
}
div.month {
    display: table-cell;
    padding: 10px;
    height: 24px;
    text-align: center;
    font-weight: 500;
    font-size: 1.1em;
}
table.cal {
    margin: 0;
    font-size: 1em;
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}
table.cal th, table.cal td {
    padding: 10px;
    border: none;
}
table.cal th {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background-color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: .9em;
}
table.cal td {
    border: 1px solid #e1e1e1;
}

table.cal td.today {
    background-color: rgba(77, 79, 83, 0.15);;
}

table.cal td.empty {
    background-color: #f4f4f4;
}

table.cal td:hover, table.cal td.focus {
    background-color: #2f2424;
    color: #fff;
}

table.cal td.empty:hover {
    background-color: #f4f4f4;
}

.offscreen {
    position: absolute;
    left: -200em;
    top: -100em;
}

abbr[title] {
	text-decoration: none;
    }