.event {
    background-image: url( ../../img/event-sprite.png);
}

.fixture-events .icon {
    background-color: green;
}

.event.goal {
    background-position: 464px 113px;
    width: 25px;
    height: 25px;
}

.event.fixture_LIVE {
    background-position: 575px 78px;
    width: 25px;
    height: 25px;
}

.event.fixture_FT {
    background-position: 539px 78px;
    width: 25px;
    height: 25px;
}

.event.penalty {
    background-position: 102px 113px;
    width: 25px;
    height: 25px;
}

.event.fixture_HT {
    background-position: 646px 78px;
    width: 25px;
    height: 25px;
}

.event.sub_in {
    background-position: 643px 112px;
    width: 25px;
    height: 25px;
}

.event.yellowcard {
    background-position: 755px 112px;
    width: 20px;
    height: 25px;
}

.event.yellowred {
    background-position: 684px 112px;
    width: 20px;
    height: 25px;
}

.event.redcard {
    background-position: 718px 112px;
    width: 20px;
    height: 25px;
}

.event.lineup_announced {
    background-position: 718px 78px;
    width: 25px;
    height: 25px;
}

.event.commentary {
    background-position: 718px 78px;
    width: 25px;
    height: 25px;
}

.event.own-goal {
    background-position: 395px 112px;
    width: 25px;
    height: 25px;
}

.event-timeline-extended {
    background-image: url( ../../img/soccer-event-background.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 100px;
    /* margin-left: 14px;*/
}

.event-timeline-extended .team-events {
    height: 39px;
    width: 100%;
    padding: 0px 5%;
}

.event-timeline-extended .team-events.home {
    padding-top: 10px;
}

.event-timeline-extended .team-events .event {
    position: absolute;
}

.event-timeline-extended .progress {
    height: 24px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0px;
    position: relative;
    padding: 0px 4.9%;
}

.event-timeline-extended .progress .progress-separator {
    margin-top: 0px;
    position: absolute;
    width: 100%;
    height: 24px;
}

.event-timeline-extended .progress .progress-barX {
        background-color: #42CA90;
}



.event-timeline-extended .progress .progress-separator .progress-minute {
        width: 5px;
        height: 22px;
        position: absolute;
        background-image: url( ../../img/timeline-lines.png);
        background-repeat: no-repeat;
}

.event-timeline-extended .progress .progress-separator .progress-minute .minute {
    font-size: 9px;
    margin-top: 5px;
    margin-left: -4px;
    color: #fff;
    /*text-shadow: 1px 1px 0px rgba(255,255,255,0.8);*/
}