/* group ranking */
div.ranking {
	border: 1px solid #000;
	padding: .25em;
	margin: 0 2em 2em 0;
	width: 100%;
	max-width: 300px;
	//float: left;

	h2 {
		margin: .2em 0;
		padding: 0;
	}
}

table.ranking {
	border: none;
	border-collapse: collapse;
	width: 100%;

	th {
		text-align: center;
		font-weight: normal;
		font-style: italic;
		border-bottom: 1px solid #000;
	}

	td {
		padding: .1em .5em;
	}
}

.group-ranking {
	th.wins, td.wins, th.draws, td.draws, th.losses, td.losses {
		background-color: #ddd;
	}

	th.plays, td.plays, th.points, td.points {
		background-color: #ccc;
	}

	th.team, td.team, th.goals, td.goals {
		background-color: #e1dfdf;
	}

	td.goals, th.goals {
		font-size: .6em;
		padding: .1em .2em;
	}

	th.team, th.points, td.points, th.plays, td.plays {
		font-weight: bolder;
	}

	td.team, th.team {
		width: 45%;
	}
}

table.ranking {
	td {
		font-size: 80%;
	}

	td.plays, td.points {
		font-size: 90%;
	}
}

/* group ranking in a widget */
li.widget div.football-pool-widget div.ranking {
	float: none;
	border: none;
	width: auto;
	padding-left: .5em;

	h2 {
		display: none;
	}

	th {
		font-size: 80%;
	}
}

/* group ranking as shortcode */
div.entry div.ranking.shortcode {
	float: none;
}

table.pool-ranking {
	border-collapse: collapse;

	td {
		padding-left: .5em;
	}

	tr.currentuser {
		background-color: #e1dfdf;
	}

	td.user-rank {
		text-align: right;
		width: 3em;
	}
}

#rankingsbox table.pool-ranking tr.currentuser {
	background-color: transparent;
}

table.pool-ranking tr.currentuser td,
table.pool-ranking tr.currentuser td a,
table.pool-ranking tr.currentuser td a:visited {
	color: #000;
	font-weight: bolder;
}

table.pool-ranking td.score {
	text-align: right;
	padding-right: 1em;
}

table.pool-ranking {
	font-size: 100%;
}

table.pool-ranking.ranking-widget {
	font-size: 75%;
}

table.pool-ranking.ranking-page {
	width: 100%;
	max-width: 500px;
}

table.ranking-shortcode {
	width: 100%;
	max-width: 300px;
}

/* avatars */
.pool-ranking .avatar {
	padding: 0 .5em 0 0;
	vertical-align: middle;
}

#sidebar .widget div.football-pool-widget .pool-ranking .avatar,
.widget div.football-pool-widget .pool-ranking .avatar {
	padding: 0 .5em 0 0;
	vertical-align: middle;
}

td.num-predictions, td.ranking.score {
	text-align: right;
}

