/*
--TABLE FORMATING
------------------------------------------------------------- */
table {
    font-family: monospace;

    width: 100%;
    margin-right: auto;
    margin-left: auto;

    border-collapse: collapse;

    border: 1px solid black;
}
th, td {
    border: none;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
thead th {
    background: #99CCFF;
    text-align: left;
}

/*
--TABLE BODY FORMATING
------------------------------------------------------------- */
table tbody td {
    width: auto;
    height: 2.6em;
}
table tbody th {
    font-weight: normal;
    text-align: center;

    width: auto;
    height: 1em;
}
table tbody tr {
    font-weight: lighter;

    background: #FFFFFF;
}
[id*='typeheader'] {
    color: #FFFFFF;
    background: #3399FF;
}
#table tbody tr:not(:hover) [id*='odd'] {
#    background: #EEEEEE;
#}
table tbody tr:not(:hover) [id*='onorderYES'] {
    background: #DEBC99;
}
table tbody tr:hover {
    background: #97BCDF;
}

@media (max-width: 440px) {
    th, td {
        border: 1px solid black;
    }
}