table {
    margin: 0;
    width: 100%;
    border: none;
    border-collapse: separate /*collapse*/;
    border-spacing: 1px;
}

th {
    color: black;
    padding: 5px;
    vertical-align: middle;
    border-bottom: 2px solid #D6DEE4;
}

.outer {
    width: 99%;
}

.head {
    padding: 5px;
    font-weight: bold;
}

.even {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.odd {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.even:hover , tr.even td:hover {
    background: #ebebeb;
}

.odd:hover , tr.odd td:hover {
    background: #ebebeb;
}

.foot {
    background-color: #E1E7EF;
    padding: 5px;
    font-weight: bold;
}

tr.head td {
    padding: 5px;
    font-weight: bold;
}

tr.even td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

tr.odd td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

tr.foot td {
    background-color: #E1E7EF;
    padding: 5px;
    font-weight: bold;
}