﻿.SpawtzMobileLeagueTable { display: none; }

	
	.SpawtzLeagueListSportGroup { display: table; width: 100%; }
	.SpawtzLeagueListLeagueEntry {
		display: table-row;
	}
	.SpawtzLeagueListLeagueTitle, .SpawtzLeagueListLinks {
		display: table-cell;
		padding: 5px;
		width: 80%;
	}
	.SpawtzLeagueListLinks {
		display: table-cell;
		white-space: nowrap;
		vertical-align: middle;
		text-align: center;
	}


	.SpawtzLeagueListSeasonName::before, .SpawtzLeagueListDivisionName::before
	{
		content: " - ";
	}

	.SpawtzLeagueListBand
	{
		background-color: #eee;
	}

	.SpawtzLeagueListVenueHeader { font-weight: bold; }
	.SpawtzLeagueListVenueGroup * { text-align: left; }
	.SpawtzLeagueListSportHeader { font-weight: bold;padding: 20px 0; }
	.SpawtzLeagueListLeagueEntryBand { background-color: #eee; }
	.SpawtzFixtureList { display: none; }
	
	.STTeamTable {width:100%; border:1px solid #cccccc; margin:20px auto 20px auto}
	.STTeamTable td {padding: 5px 2px; border-bottom:1px dotted #cccccc}

	.STStatsTable {width:100%; border:1px solid #cccccc; margin:20px auto 20px auto}
	.STStatsTable td {padding: 5px 2px; border-bottom:1px dotted #cccccc}

	@media (max-width: 600px) {
		.SpawtzLeagueListVenueGroup { width: 100%;margin-bottom: 20px; max-width: 600px }
		.SpawtzLeagueListLinks { text-align: center; }

		.SpawtzLeagueListLeagueName { font-weight: bold; }

		.SpawtzLeagueListSportGroup {
			display: block;
		}

		.SpawtzLeagueListSportHeader { border-bottom: 1px solid #ccc;}

		.SpawtzLeagueListLeagueEntry {
			display: block;
			border-bottom: 1px solid #ccc;
			padding-bottom: 5px;
		}

		.SpawtzLeagueListLeagueTitle, .SpawtzLeagueListLinks {
			display: block;
			padding: 5px;
		}

		.SpawtzLeagueListLinks {
			display: block;
			white-space: nowrap;
			vertical-align: middle;
			width: 100%;
		}

		.SpawtzLeagueListLink {
			margin: 0 10px;
			text-decoration: none;
		}


		.SpawtzBtn {
			display: inline-block;
			*display: inline;
			padding: 4px 12px;
			margin-bottom: 0;
			*margin-left: .3em;
			font-size: 14px;
			line-height: 20px;
			color: #333333;
			text-align: center;
			text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
			vertical-align: middle;
			cursor: pointer;
			background-color: #f5f5f5;
			*background-color: #e6e6e6;
			background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
			background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
			background-repeat: repeat-x;
			border: 1px solid #cccccc;
			*border: 0;
			border-color: #e6e6e6 #e6e6e6 #bfbfbf;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			border-bottom-color: #b3b3b3;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
			filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
			*zoom: 1;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		}


		.SpawtzLeagueListDivisionName::before, .SpawtzLeagueListSeasonName::before {
			content: "";
		}

		.SpawtzLeagueListDivisionName, .SpawtzLeagueListSeasonName {
			display: block;
		}


		.SpawtzLegacyLeagueTable { display: none }
		.SpawtzMobileLeagueTable { display: block; }
		.FTable { display: none; }
		/*.STTable { width: 320px;margin-left: 0; margin-right: 0 }*/
		
		.SpawtzFixtureList .SpawtzDate
		{
			font-weight: bold;
			border-bottom: 1px solid #ccc;
			background-color:#6b6b6b; 
			color:white			
		}

		.SpawtzFixtureList td { background-color: white; border-collapse: collapse; padding: 2px 3px }
		.SpawtzFixtureList tr.SpawtzBand td { background-color: #eee; }
 
		.SpawtzFixtureList { display: table; width: 100%; border-collapse: collapse; }
		.SpawtzSpaceTime { color: #999; font-size: 3.5vw; font-weight:bold;}

		.SpawtzSplitter { border-bottom: 1px solid #ccc; }

		.SpawtzFixtureList .SpawtzTeam { padding: 3px}
		
		.STTable {width: 100%;}

		td.SpawtzTeam {width:100%}
		.SpawtzTeam {overflow:hidden;max-width:200px;white-space:nowrap;text-overflow:ellipsis;}
		
		.SpawtzSpaceTime.SpawtzBand{color:#666}
		
		.SpawtzScore {text-align:center; width:30%}
		
		.STTable td:nth-child(n+7):nth-child(-n+11) {display:none}
		
		/*.STTable tr td:last-child, .STTable tr td:first-child, .STTable tr td:first-child + td, .STTable tr td:first-child + td + td, .STTable tr td:first-child + td + td + td {
			display: table-cell;
		}*/
		
		table.STTable {font-size:3vw}
		.STTeamCell {overflow:hidden;max-width:100px;white-space:nowrap;text-overflow:ellipsis;}
		
		.SpawtzDate { padding-top: 20px;}
		
		
		.LFList{text-align:left}
		ul.LFList{margin-bottom:20px}
		.LFList li:nth-child(2):after{content:"\A"; white-space:pre;}
		.LFList li:nth-child(4):after{content:"\A"; white-space:pre;}
		.LFList li:nth-child(5){padding:0 33%}
		input.LFLogin{width:33%;}
		
		div.LeagueAdvert {height:60px; margin:0}
		
		table.STTeamTable {font-size:2.9vw; width:100%}
		.STTeamTable td:nth-child(4),
		.STTeamTable td:nth-child(6),
		.STTeamTable td:nth-child(7),
		.STTeamTable td:nth-child(9),
		.STTeamTable td:nth-child(11)
		{display:none}

		.STTeamTable td:nth-child(1){overflow:hidden;max-width:80px;white-space:nowrap;text-overflow:ellipsis;}
		
		.TFPositionsGraph {display:none}
		
		.STTeamTable td{padding: 2px 3px}
		
		.STStatsTable td:nth-child(2),
		.STStatsTable td:nth-child(3),
		.STStatsTable td:nth-child(6),
		.STStatsTable td:nth-child(8),
		.STStatsTable td:nth-child(9),
		.STStatsTable td:nth-child(11),
		.STStatsTable td:nth-child(13){display:none}
		.STStatsTable {display:table; width:100%; font-size:3vw}
		.STStatsTable td:nth-child(1){overflow:hidden;max-width:100px;white-space:nowrap;text-overflow:ellipsis;}
		.STStatsTable td{padding: 2px 3px}

		table.TFTable {font-size: 3vw}
		tr.TFHeader {font-size: 4vw}
		.TFTable td:nth-child(1){width:80px; white-space:normal}
		.TFTable td:nth-child(3){white-space:nowrap}

        .SetScore, .SetHeader, .FVolleyballPlayingArea {
            display: none;
        }

        .FTitle { text-align: left; font-size: small; color: #aaa; }
	}
	@media (max-width: 340px) {
		.SpawtzLeagueListVenueGroup { max-width: 320px; }
		.SpawtzLeagueListLinks { text-align: center; }
    }

.advert{
	background-color: whitesmoke;
	padding: 15px;
	margin-bottom: 10px;
}