/*
------------
MATCHES.CSS
PURPOSE - MATCHES STYLES
------------
*/
.match { overflow: hidden; margin: 0 0 10px; }

.match .progress-bar { height: 4px; background-color: #a9a9a9; }

.match.live .progress-bar { background-color: #a9a9a9; }

.match.scheduled .progress-bar { background-color: #a9a9a9; }

.match.final .progress-bar { background-color: #333333; }

.match .progress-indicator { height: 4px; background-color: #EA1A1F; }

.match .match-details, .match .match-footer { padding: 5px 10px; background-color: #eee; color: #333333; overflow: hidden; font-size: 12px; font-weight: 700; border-bottom: 1px solid #d3d3d3; }

.match .match-footer { padding: 5px 0px; }

.match .matchup-btn { color: #3d3d40; }

.match .matchup { padding: 10px; font-weight: 700; font-size: 16px; background-color: #ccc; overflow: hidden; border-bottom: 1px solid #d3d3d3; background-image: url(http://soccernet-assets.espn.go.com/design05/i/match/matches-ie.png); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #d9d9d9)); background-image: -webkit-linear-gradient(#f3f3f3, #d9d9d9); background-image: -moz-linear-gradient(#f3f3f3, #d9d9d9); background-image: -o-linear-gradient(#f3f3f3, #d9d9d9); background-image: -ms-linear-gradient(#f3f3f3, #d9d9d9); background-image: linear-gradient(#f3f3f3, #d9d9d9); }

.match .matchup-btn:hover { text-decoration: none; }

.match .matchup-btn:hover .matchup, .match.selected .matchup-btn .matchup { background-color: #fafafa; background-image: none; }

.match .matchup .team { width: 40%; float: left; font-size: 1em; line-height: 40px; white-space: nowrap; }

.match .matchup .score-time { width: 20%; float: left; }

.match .matchup .score-time p { text-align: center; }

.match .matchup .score-time p.score { font-size: 1.5em; line-height: 1.6em; }

.match .matchup .score-time p.time { font-size: 1em; color: #666; }

.match.live .matchup .score-time p.time { color: #EA1A1F; }

.match .match-events { padding: 5px; background-color: #eee; border-bottom: 1px solid #d3d3d3; }

.match .match-events table { border-top: 0px none; margin-bottom: 0px; }

.match .match-events table td { border-top: 0px none; }

.match .match-events table td.away { border-right: 1px solid #d3d3d3; text-align: right; width: 50%; }

.match .match-events table td p { line-height: 15px; }

.match .match-events table td.away p { float: right; }

.match .match-events table td.home { text-align: left; width: 50%; }

.match .match-events table td.home p { float: left; }

.match .match-events table td.away .soccer-icons { float: right; }

.match .match-footer { width: 100%; padding: 6px 0; float: left; position: relative; border-bottom: 0px none; }

.match .match-footer .list { float: left; position: relative; left: 50%; overflow: visible; }

.match .match-footer .list li { float: left; position: relative; right: 50%; margin-bottom: 0; }

/* Frontpage Match Module */
header.frontpage-scores { padding: 5px 0; border-top: 1px solid #eee; color: #8a8a8a; font-weight: 700; overflow: hidden; }

.match.fp { margin: 0; }

.match.fp.double { float: left; margin-right: 6px; width: 317px; }

.match.fp.player-last-match { float: left; margin-right: 0; width: 100%; margin-bottom: 6px; }

.match.fp.last { margin-right: 0; }

.match.fp .match-details, .match.fp .match-footer { font-size: 10px; font-weight: 400; padding: 3px 5px; }

.match.fp .matchup { font-size: 14px; padding-bottom: 3px; }

.match.fp.double .matchup .team { font-size: .8em; line-height: 23px; }

.match.fp.single .matchup .team { font-size: 1em; line-height: 23px; }

.match.fp .matchup .score-time p.score { font-size: 1.5em; line-height: 1.1em; }

.match.fp.double .matchup .score-time p.score { font-size: 1.2em; line-height: 1.3em; }

.match.fp .matchup .score-time p.time { font-size: .8em; }

.match.fp.double img.floatright { margin-left: 4px; }

.match.fp.double img.floatleft { margin-right: 4px; }

/* No Matches */
.no-matches { text-align: center; padding: 40px 0; text-transform: uppercase; background: #EEE; font-size: 14px; color: #666; font-weight: bold; }