table {
    border-collapse: collapse;
    border: 1px solid black;
    font-size: 0.85em;
    table-layout: fixed; 
    width: 100%;
}

th.header_row {
    background-color: #CFE2F3;
    width: 15px;
    height: 15px;
    border: 1px solid #D9D9D9;
    padding: 1px;
    text-align: center;
    vertical-align: center;
}

td {
    border: 1px solid #D9D9D9;
    padding: 1px;
    width: 15px;
    font-weight: 700;
    text-align: center;
    vertical-align: center;
    
}

.colon1 {
    border: 1px solid black;
    padding: 1px;
    background-color: cfe2f3;
    width: 100%;
    text-align: center;
    vertical-align: center;
}

.colon2 {
    border: 1px solid #D9D9D9;
    padding: 1px;
    width: 35px;
    background-color: #CFE2F3;
    text-align: center;
    vertical-align: center;
}

.period {
    align: center;
    background-color: #CCCCCC;
    height: 100%;
    text-align: center;
    vertical-align: center;
}

.first_row{
    background-color: #FFFFFF;
}

.second_row{
    background-color: #CCFFCC;
}