.BroadcastEventsTodayClass{ background-color:#ff0000;display: inline-block;width:5px;height:23px;}
.BroadcastEventsTomorrowClass{ background-color:#ff7d00;display: inline-block;width:5px;height:23px;}
.BroadcastEventsEventuallyClass{ background-color:#ffff00;display: inline-block;width:5px;height:23px;}

.BroadcastEventsBlock{position:relative;display:block;text-align:center;min-height:20px;background-color:#edeff4;margin-bottom:2px;padding: 0 10px;}
.BroadcastEventsBlock a {text-decoration:none;width:100%;display:block;padding:10px 0;}
.BroadcastEventsBlock a:hover {text-decoration:none;}

.BroadcastEventsLive
{
    font: Bold 10px Arial;
    color: #e03023;
}

.BroadcastEventsTitle
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #084476;
}

.BroadcastEventsDate
{
    color: #084476;
    font-size: 10px;
    line-height: 1.196em;
}

@media (max-width: 500px), (max-device-width: 500px)
{
    .BroadcastEventsLive
    {
        font: Bold 14px Arial;
        color: #e03023;
    }

    .BroadcastEventsTitle
    {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #084476;
    }

    .BroadcastEventsDate
    {
        color: #084476;
        font-size: 13px;
        line-height: 1.196em;
    }
}

.BroadcastEventDisplayGrid{width:95%;margin:auto;}
.BroadcastEventDisplayGridHeader{color:White;background-color:#000084;font-weight:bold;}