﻿ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}


.vid {
    margin: 10px ;
    float: left;
    width: 302px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 6px 0 #ccc;
}

.vidTop {
    background-image: -webkit-linear-gradient(top,#f2f2f2,#D5D5D5);
    background-image: -moz-linear-gradient(top,#f2f2f2,#D5D5D5);
    background-image: linear-gradient(top,#f2f2f2,#D5D5D5);
    box-shadow: 0 4px 5px -2px #444;
    position: relative;
    border: 1px solid #d9d9d9;
    border-bottom: 1px solid #555;
    font-size: 11px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    text-shadow: 0 1px 1px white;
    border-bottom: none;
}

    .vidTop a {
        color: #555;
    }

.vidBot {
    background: #f8f8f8;
    opacity: 0.9;
    filter: alpha(opacity=90);
    height: 26px;
    line-height: 26px;
    font-family: Arial;
    font-size: 12px;
    position: relative;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    width:auto;
}

.vidthumb a {
    display: block;
}

.vidthumb img {
    width: 100%;
    height: 174px;
    display: block;
    border: none;
}

.time_added {
    color: #777;
    float: right;
    margin-right: 5px;
}

.vid_category a {
    color: #09C;
    margin-left: 5px;
    text-decoration: none;
}

.vid_head {
    background: url(/pics/vid_head.png);
    width: 526px;
    height: 37px;
    line-height: 35px;
    font-size: 18px;
    color: #464646;
    font-family: Verdana;
    text-align: center;
    margin: 5px 0 0 15px;
}

#videos {
    margin: 0;
    background: #191919;
    overflow: hidden;
    width: 542px;
}

    #videos ul {
        width: 5000px;
    }

        #videos ul li {
            width: 542px;
            height: 400px;
            float: left;
            background: url(/pics/loader.gif) 0 0 no-repeat;
            background-position: center;
        }



.videos-wrap {
    float: left;
    box-shadow: 0 0 13px 5px #555;
    border-radius: 5px;
}

.videos wrap ul li {
    width: 575px;
    height: 400px;
}

.quick-incidents, .qi {
    float: left;
    width: 212px;
    min-height: 1px;
    font-family: Eurostile;
    font-size: 14px;
    opacity: 0.3;
    text-shadow: 1px 1px -3px #FAFAFA;
    height: 400px;
}

    .qi:hover {
        opacity: 1.0;
    }

    .qi ul {
        padding: 0 0 0 20px;
    }

    .qi.away ul {
        padding: 0 20px 0 0;
        text-align: right;
    }

    .qi ul li {
        color: #666;
        line-height: 20px;
    }

        .qi ul li.team {
            color: #333;
            font-weight: bold;
            margin: 0 0 1px 0;
            line-height: 16px;
        }

        .qi ul li.type {
            color: #999;
            margin: 20px 0 1px 0;
        }

        .qi ul li a {
            color: inherit;
        }

            .qi ul li a:before {
                opacity: 0.4;
                border-bottom: 1px solid #bbb;
                width: 15px;
            }

    .qi .inc-icon.y a:before {
        background-position: 0 -20px;
    }

    .qi .inc-icon.g a:before {
        background-position: 0 -80px;
    }

    .qi .inc-icon.l-arrow a:before {
        background-position: -35px -25px;
        border: none;
        width: 10px;
        height: 25px;
    }

    .qi .inc-icon.r-arrow a:before {
        background-position: -20px -25px;
        border: none;
        width: 10px;
        height: 25px;
    }

    .qi .inc-icon.r-arrow {
        position: relative;
        left: -15px;
    }

    .qi .inc-icon.l-arrow {
        position: relative;
        right: -15px;
    }



#mph_menu li {
    float: left;
    background: #E3E3E3;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

    #mph_menu li a {
        color: #777;
        padding: 0 10px 0 10px;
        height: 30px;
        text-decoration: none;
    }

    #mph_menu li.active {
        background: #fff;
    }


.mph {
    font-family: "Helvetica";
    font-variant: small-caps;
    font-size: 15px;
    color: #333;
}

.mph-left {
    width: 70%;
    float: left;
    border-right: 1px solid #e5e5e5;
    background: url(/pics/grid-pattern.gif);
    border-radius: 11px 0 0 0;
}

.mph-right {
    width: 29%;
    float: left;
}

.mph a {
    border-bottom: 1px dotted #09f;
}

.mph-scoreline-wrap {
    text-align: center;
}

.mph-scoreline {
    margin: -20px auto 40px auto;
    display: inline-block;
}

.mph-team-col {
    width: 305px;
    text-align: center;
    float: left;
}

.mph-score-col {
    width: 90px;
    text-align: center;
    float: left;
}

.mph-teamlogo {
    height: 70px;
    top: -2px;
    position: relative;
    margin: 0 10px;
    opacity: 0.2;
}

.mph-teamname {
    width: 98%;
    text-align: right;
}

    .mph-teamname.away {
        text-align: left;
    }

.mph-teamname-text {
    text-shadow: 1px 1px 3px #BBB;
    font-size: 24px;
    color: #363636;
}

.mph-score {
    color: #09f;
    font-size: 26px;
    text-shadow: 1px 0 2px #333;
}

.mph-info {
}

    .mph-info ul {
        padding: 15px 5px 15px 10px;
    }

    .mph-info li {
        margin: 0 0 0 0;
    }

    .mph-info em {
        color: #f66;
        font-style: normal;
    }

.mph-social-wrap {
    float: left;
    width: 49%;
    border-left: 1px solid #E5E5E5;
}

.mph-social {
    padding: 15px 17px 24px;
    padding-bottom: 100%;
    margin-bottom: -100%;
}

.mph-fans {
    font-size: 11px;
    color: #999;
    font-variant: normal;
    font-family: Verdana;
}

.mph-share {
    margin: 25px 0 15px;
}

.mph-facts {
    padding: 15px 30px 30px;
    font-size: 14px;
    line-height: 18px;
}

    .mph-facts li {
        margin: 15px 0 0 0;
    }

    .mph-facts em {
        color: #3c6;
        font-style: normal;
    }

    .mph-facts .round {
        text-transform: capitalize;
    }

#mp_main_content {
    overflow: hidden;
    position: relative;
}

#mp_tabs {
    width: 2000px;
}

.mp_tab {
    width: 1000px;
    float: left;
}

#mp_details_tab .leftColumn {
    margin: 20px 0 0 0;
    width: 641px;
    border: 1px solid #d4d4d4;
    padding: 10px;
    background: #fff;
}

#mp_details_tab .rightColumn {
    margin: 20px 0 0 0;
}

#mp_video_tab .leftColumn {
    width: 633px;
    margin-left: 1px;
}

.mp_table_header {
    border-bottom: 3px solid #DDD;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.mp_table_header_text {
    color: #333;
    font-size: 20px;
    line-height: 20px;
    padding-left: 5px;
}

#mp_timeline {
    border: none;
    border-spacing: 0;
    padding: 0 10px 20px 10px;
}

    #mp_timeline td {
        height: 22px;
    }

td.home-incident, td.away-incident {
    width: 300px;
    text-align: right;
    background: #F5F5F5;
}

tr.alt td.home-incident, tr.alt td.away-incident {
    background: #FCFCFC;
}

td.away-incident {
    text-align: left;
}

td.minute {
    width: 35px;
    text-align: center;
    background: #E9E9E9;
}

.ui-icon {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
}

.with-left-icon {
    padding-left: 18px;
    position: relative;
    white-space: pre;
}

.with-right-icon {
    padding-right: 18px;
    position: relative;
    white-space: pre;
}

.with-left-icon .incidents-icon {
    left: 0;
    right: auto;
    margin-left: 0;
}

.with-right-icon .incidents-icon {
    right: 0;
    left: auto;
    margin-right: 0;
}

.inc-icon a:before {
    content: "";
    float: left;
    width: 13px;
    height: 16px;
    margin: 0 5px 0 0;
    background: url(images/video.png);
    background-position: -40px -190px;
}

.inc-icon.right a:before {
    float: right;
    margin: 0 0 0 5px;
}

.inc-icon.g a:before, .inc-icon.eg a:before {
    background-position: 0 -80px;
}

.inc-icon.p a:before, .inc-icon.ps a:before, .inc-icon.ep a:before {
    background-position: 0 -186px;
}

.inc-icon.og a:before, .inc-icon.eog a:before {
    background-position: 0 -80px;
}

.inc-icon.pm a:before, .inc-icon.psm a:before, .inc-icon.epm a:before {
    background-position: -21px -186px;
}

.inc-icon.y a:before {
    background-position: 0 -25px;
}

.inc-icon.r a:before {
    background-position: 0 -60px;
}

.inc-icon.y2 a:before {
    background-position: 0 -40px;
}

.inc-icon.so a:before {
    background-position: 0 -64px;
}

.inc-icon.substitution a:before {
    background-position: 0 -166px;
}

.inc-icon.si a:before {
    background-position: 0 -80px;
}

.incident-player {
    float: left;
    display: block;
}

.incident-minute {
    float: right;
    display: block;
}

.shirt-number, .position {
    color: #999;
}

.mp_icon {
    background: url(/pics/mp_details.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}

    .mp_icon.timeline {
        background-position: 0 0;
    }

    .mp_icon.lineup {
        background-position: 0 -20px;
    }

    .mp_icon.subst {
        background-position: 0 -40px;
    }

#mp_lineups_left, #mp_lineups_right, #mp_subs_left, #mp_subs_right {
    float: left;
    width: 49%;
    padding: 0 10px 20px 10px;
}

#mp_lineups_right, #mp_subs_right {
    float: right;
}

    #mp_lineups_left td, #mp_lineups_right td, #mp_subs_left td, #mp_subs_right td {
        height: 18px;
    }


.video-section {
    background: url(/pics/fabric-bg.jpg) repeat;
    box-shadow: inset 0 5px 6px -5px #777;
    padding: 60px 0 0;
}

.videos-wrap {
    float: left;
    box-shadow: 0 0 13px 5px #555;
    border-radius: 5px;
}

.videos wrap ul li {
    width: 575px;
    height: 400px;
}

.quick-incidents, .qi {
    float: left;
    width: 212px;
    min-height: 1px;
    font-family: Eurostile;
    font-size: 14px;
    opacity: 0.3;
    text-shadow: 1px 1px -3px #FAFAFA;
    height: 400px;
}

    .qi:hover {
        opacity: 1.0;
    }

    .qi ul {
        padding: 0 0 0 20px;
    }

    .qi.away ul {
        padding: 0 20px 0 0;
        text-align: right;
    }

    .qi ul li {
        color: #666;
        line-height: 20px;
    }

        .qi ul li.team {
            color: #333;
            font-weight: bold;
            margin: 0 0 1px 0;
            line-height: 16px;
        }

        .qi ul li.type {
            color: #999;
            margin: 20px 0 1px 0;
        }

        .qi ul li a {
            color: inherit;
        }

            .qi ul li a:before {
                opacity: 0.4;
                border-bottom: 1px solid #bbb;
                width: 15px;
            }

    .qi .inc-icon.y a:before {
        background-position: 0 -20px;
    }

    .qi .inc-icon.g a:before {
        background-position: 0 -80px;
    }

    .qi .inc-icon.l-arrow a:before {
        background-position: -35px -25px;
        border: none;
        width: 10px;
        height: 25px;
    }

    .qi .inc-icon.r-arrow a:before {
        background-position: -20px -25px;
        border: none;
        width: 10px;
        height: 25px;
    }

    .qi .inc-icon.r-arrow {
        position: relative;
        left: -15px;
    }

    .qi .inc-icon.l-arrow {
        position: relative;
        right: -15px;
    }
