Correct CSS for event being open

The CSS for those is in xi_sportsbook_event.css below are the specific elements involved. You can modify directly in the CSS template or override in Extra.css as well.

HTML:

.sportsbookEventsStatus {
    float: right;
    margin-left: 2px;
    width: 210px;
 
    background: @primaryLightest url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 1px;
    border-bottom: 1px solid @primaryLighterStill;
 
    font-size: 11px;
    padding: 3px 10px;
    margin: 4px 10px 0px 0px;
    border: 1px solid @primaryLighterStill;
    border-radius: 3px;
    top: 0;
    right: 0;
    line-height: 14px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: 210px;
    height: 28px;
}
 
.sportsbookEventsStatusMeta {
    color: #969696;
    font-size: 11px;
}
 
.sportsbookEventsStatusMeta span, .sportsbookEventsStatusMeta a {
    color: #969696;
}
 
.sportsbookEventsStatusOpen {
    color: #008800;
    font-size: 11px;
}
 
.sportsbookEventsStatusClosed {
    color: #CC0000;
    font-size: 11px;
}
 
.sportsbookEventsStatusAwaiting {
    color: #CC5B00;
    font-size: 11px;
}
 
.sportsbookEventsStatusSettled {
    color: #1A5488;
    font-size: 11px;
}