/*
	Copyright 2010-2012 Anders Mårtensson <anders@nemrod.se>

	This file is part of Matches.

	Matches is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	Matches is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with Matches.  If not, see <http://www.gnu.org/licenses/>.
*/

li#matches {
	list-style-type: none;
}
div.matches {
	width: auto;
	height: auto;
	border: 2px solid #000;
	background-color: #eee;
	margin: 10px 0;
	cursor: default;
	color: #333;
}
div.matches-widget {
	text-align: center;
	padding: 10px 0;
	background-image: url(https://www.colo-colo.com/wp-content/uploads/2022/05/estadio.jpg);
}
div.matches-widget .team-logos {
	clear: both;
	padding: 10px;
}
div.matches-widget .team-logos a {
	display: block;
}
div.matches-widget .team-logos img {
	width: 70px;
}
div.matches-widget .opponent-logo img {
	width: 65px;
	height: 63px;
}
div.matches-widget .opponent,
div.matches-widget .team-name,
div.matches-widget .versus { 
	margin: 0 7px;
	width: 30%;
	display: inline-block;
}
div.matches-widget .opponent {
	text-align: center;
}
div.matches-widget .team-name {
	text-align: center;
}
div.matches-list {
	width: 85%;
	text-align: left;
	background-color: #ddd;
	border: 2px solid #aaa;
	margin: 5px auto;
	padding: 3px 5px;
}
div.matches-list th {
	font-weight: bold;
	font-size: 0.95em;
}
div.matches-list .opponent {
	width: 90px;
}
div.matches-list .opponent a {
}
div.matches-list .match-start {
	color: #555;
	font-size: 0.9em;
}
div.matches-widget {
}
div.matches-widget div.previous-match {
	display: none;
}
div.matches-widget .versus {
	width: auto;
	font-size: 15px;
	font-weight: bold;
	text-align: middle;
	top: -25px;
	position: relative;
	color: #FFF;
}
div.matches-widget .teams {
	font-size: 0.85em;
}
div.matches-widget .match-info {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
div.previous-match-tab,
div.next-match-tab {
	cursor: pointer;
	font-size: 0.85em;
	padding: 5px;
	font-weight: bold;
}
div.previous-match-tab {
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 2px solid #aaa;
	border-left: 2px solid #aaa;
	background-color: #ddd;
	float: right;
}
div.next-match-tab {
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-right: 20px;
	float: left;
	font-size: 16px;
	color: #FFF;
	background-color: #900;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
}
div.previous-match-tab.current,
div.next-match-tab.current {
	border: none;
	color: #FFF;
	background-color: #900;
}
div.matches .no-matches {
	display: block;
	text-align: center;
	clear: both;
	color: #FFF;
	font-size: 12px;
}
div.next-match .no-matches,
div.previous-match .no-matches {
	padding: 30px 0;
}
div.team-score {
	font-size: 16px;
	color: #FFF;
}
span.team-score {
	font-size: 24px;
	margin: 0 30px 0 30px;
	color: #FFF;
}
span.opponent-score {
	font-size: 24px;
	margin: 0 30px 0 30px;
	color: #FFF;
}