<!--  place the contents of this css file, in the <head></head> of your html page -->

<style>
table {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
table caption {
    font-family: 'Tungsten A', 'Tungsten B', 'Arial Narrow', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.954rem;
    line-height: 1;
    margin-bottom: .75em;
}

table th {
    font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: .9353rem;
    padding: 1.2307em 1.0833em 1.0833em;
    line-height: 1.333;
    background-color: #0480CA;
}

table td, table th {
    text-align: left;
}

table td {
    padding: .92307em 1em .7692em;
}
table tbody tr:nth-child(even) {
   background-color: #ccc;
	}
table tbody tr:nth-child(odd) {
   background-color: #eee;
	}
table tbody th {
    border-top: 1px solid #d5d5d2;
}

table tbody td {
    border-top: 1px solid #d5d5d2;
}

table.wdn_responsive_table thead th abbr {
    border-bottom: none;
}

@media screen and (max-width:47.99em) {
    table.wdn_responsive_table td, table.wdn_responsive_table th {
        display: block;
    }

    table.wdn_responsive_table thead tr {
        display: none;
    }

    table.wdn_responsive_table tbody tr:first-child th {
        border-top-width: 0;
    }

    table.wdn_responsive_table tbody tr:nth-of-type(even) {
        background-color: transparent;
    }

    table.wdn_responsive_table tbody td {
        text-align: left;
    }

    table.wdn_responsive_table tbody td:before {
        display: block;
        font-weight: 700;
        content: attr(data-header);
    }

    table.wdn_responsive_table tbody td:empty {
        display: none;
    }

    table.wdn_responsive_table tbody td:nth-of-type(even) {
        background-color: #f9f8f5;
    }
}

@media (min-width:48em) {
    table caption {
        font-size: 2.532rem;
    }

    table th {
        padding: 1.2307em 1.2307em 1em;
        font-size: .802rem;
    }

    table td {
        padding: .75em 1em .602em;
    }
}

@media screen and (min-width:48em) {
    table.wdn_responsive_table thead th:not(:first-child) {
        text-align: center;
    }

    table.wdn_responsive_table tbody td {
        text-align: center;
    }

    table.wdn_responsive_table.flush-left td, table.wdn_responsive_table.flush-left thead th {
        text-align: left;
    }
}
</style>