header {
/*	position:			relative;*/
	margin:				0px;
}

div.login {
	margin: 1em 0;
}
div.login form.login {
	overflow: hidden;
}
div.login form.login button {
	color: white;
	background-color: green;
	float: right;
}
div.login form.login button:hover {
	color: black;
	background-color: yellow;
}

.title {
	margin:				1em 0;
}

.title img {
	border:				none;
	border-collapse:	collapse;
}

.title table {
	text-align:			center;

	/* The only way I could find to horizontally center a table in most browsers */
	width:				auto;
	margin-left:		auto;
	margin-right:		auto;
}

.title h1 {
	font-size:			208%;
	color:				#bb3902;
	padding:			0 25px;
	margin:				0;
	white-space:		nowrap;
}

/***************************************
 * archive
 ***************************************/
header a.archive {
	display: block;
	color: black;
	background-color: red;
	padding: 5px;
	font-size: 1.4em;
	text-align: center;
	text-decoration: none;
	margin: 0 -10px;
}

/***************************************
 * league champs
 ***************************************/
div.league_champs {
	text-align:			center;
	margin-top:			25px;
}

.league_champs h1 {
	font-size:			208%;
	font-weight:		bold;
	margin-top:			4px;
	margin-bottom:		4px;
	white-space:		nowrap;
}

.league_champs h2 {
	font-size:			150%;
	font-weight:		bold;
	margin-top:			4px;
	margin-bottom:		4px;
	color:				black;
}

.league_champs .accent {
	color:				red;
}
/***************************************/


/***************************************
 * header
 ***************************************/
header .info {
	font-style:			italic;
	color:				blue;
}

header a:hover {
	background-color:	yellow;
}


/***************************************
 * header comment
 ***************************************/
header .comment {
	background-color: white;
	padding-bottom: 1px;
}

header .comment h2 {
	margin: 0.5em 0;
}

header .comment p {
	margin: 0.5em 1em;
}

header .comment .accent {
	color: red;
	font-style: italic;
}
/***************************************/


.rainout h1 {
	text-align:			center;
	color:				red;
}


/***************************************
 * gallery
 ***************************************/
div#gallery {
	margin:				1em 0;
}

div#gallery table {
	/* The only way I could find to horizontally center a table in most browsers */
	width:				auto;
	margin-left:		auto;
	margin-right:		auto;
}

div#gallery .team_image {
	padding-left:		25px;
	padding-right:		25px;
}
/***************************************/


/***************************************
 * skins
 ***************************************/
#skins {
	margin:				1em 0;
}
#skinsSeasonPayout,
#skinsPrepaid {
	margin:				1em;
}
#skins .skins {
	background:			white;
	padding-bottom:		0.5em;
}
#divSkins,
#divSkinsSeasonPayout,
#divSkinsPrepaid {
	padding:			0.5em 1em 0;
}
#tblSkins {
	padding:			0;
	margin:				0;
}
#skins table {
	font-size:			70%;
}
#skins th {
	background-color:	#ccc;
}
#skins tr.Net {
	background-color: 	#e8e8e8;
}
#skins th, #skins td {
	border:				1px solid black;
}
#skins .paid {
	margin:				0px;
	font-size:			80%;
}
#skins th, #skins td {
	text-align:			center;
	vertical-align:		middle;
	padding:			0px 8px;
	white-space:		nowrap;
}
#skins .players {
	color:				black;
	margin:				0px 20px;
}
#skins .not-paid {
	background:			yellow;
}
#skins span.not-paid {
	padding:			0 .5em;
}
#skins .hide {
	display: none;
}
#tblSkinsPayout td:first-child {
	text-align: left;
}
#tblSkinsPayout td:last-child {
	text-align: right;
}
#tblSkinsPrepaid td:first-child {
	text-align:			right;
}
#tblSkinsPrepaid td:nth-child(2) {
	text-align:			left;
}
/***************************************/


/***************************************
 * wall of shame
 ***************************************/
div.WallOfShame {
/*
	border: 			1px solid red;
*/
	background-color:	black;
	color:				white;
	padding:			0px 10px;
	margin-bottom:		10px;
}

.WallOfShame div#wos {
	padding-bottom:		1px;
}
/***************************************/