.hpthis {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.td-red, .td-red a {
    background-color: #FF0000 !important;
    color: white !important;
}
.td-red a:hover {
    font-weight: bold;
    text-decoration: underline;
}
.td-amber, .td-amber a {
    background-color: #FF7F00 !important;
    color: white !important;
}
.td-amber a:hover {
    font-weight: bold;
    text-decoration: underline;
}
.td-green, .td-green a {
    background-color: #449A39 !important;
    color: white !important;
}
.td-green a:hover {
    font-weight: bold;
    text-decoration: underline;
}
.td-gold, .td-gold a {
    background-color: #D4AF37 !important;
    color: white !important;
}

.td-gold a:hover {
    font-weight: bold;
    text-decoration: underline;
}


/* if added to a div, this will flush for a few seconds */
@keyframes flushitanimation {
      from {background-color: orange;}
      to {background-color: white;}
}
.flushit
{
    animation-name: flushitanimation;
    animation-duration: 3s;
}