table.live-spreads {
    display: table;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    border-color: grey;
}
table.live-spreads > thead > tr > th {
    padding: 8px;
    border-bottom: 2px solid #ddd;
    text-align: left;
}
table.live-spreads > tbody > tr > td {
    padding: 8px;
    line-height: 1.4;
    border-top: 1px solid #ddd;
}
table.live-spreads > tbody > tr > td.up {
    color: green;
}
table.live-spreads > tbody > tr > td.down {
    color: red;
}
table.live-spreads > tbody > tr > td.equal {
    color: black;
}