/* This stylesheet controls the appearance of the Sports PHool pages.
   You'll need some familiarity with CSS to make changes here */

/* Main page properties */
body {
	margin: 0;
	background: #fff;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 1em;
}

/* Link properties */
a {
	text-decoration: underline;
}

a:link,
a:visited,
a:active {
	color: #3cc;
}

#home {
	display: inline;
	font-size: .001em;
	margin-left: 40px;
	text-indent: -1000em;
}

p.red small {
	color: #f00;
	font-weight: bold;
}

.empty {
	background: #fff;
	border: none;
}

/* Miscellaneous page item properties */
h1 {
	font-style: normal;
}

h1, h2, h3 {
	color: #3cc;
}

h1, h2, h3, h4 {
	font-family: Verdana;
}

p, td, th {
	font-family: Verdana, sans-serif;
	font-size: 1em;
}

hr {
	color: #000;
	text-align: center;
	width: 70%;
}

code {
	color: #606;
}

input, select, textarea {
	font-family: monospace;
	font-size: 10pt;
}

li {
	margin-top: .5em;
}

/* STRONG is used for error messages */
strong {
	color: #c30;
}

/* Common table properties, used by Sports PHool content */
table {
	border: none;
}

th {
	background: #3cc;
	border: none;
	border-bottom: 1px solid #000;
	border-right: 1px solid #3cc;
	color: #000;
	margin: 0;
	padding: 0.5em;
	text-align: center;
	vertical-align: middle;
}

td {
	background: #ddd;
	border: none;
	border-bottom: 1px solid #000;
	border-right: 1px solid #333;
	margin: 0;
	padding: 0.5em;
	text-align: center;
	vertical-align: bottom;
}

/* The data cells for alternate rows */
tr.alt td {
	background: #eee;
}

/* The data cells for the viewing player on the Leaderboard */
tr.player td {
	background: #3cc;
	color: #666;
	font-weight: bold;
}

/* The data cells for the viewing staff picks on the Leaderboard */
tr.staff td {
	color: #f00;
	font-weight: bold;
}

/* Properties for the page table: the one that holds all page content */
table.page {
	border: none;
	border-collapse: collapse;
	height: 100%;
	width: 100%;
}

/* Page table header cell in which the page header appears */
th.header {
	background: #999;
	border: none;
	text-align: center;
	vertical-align: middle;
}

small.slogan {
	font-family: verdana;
	font-size: small;
	font-style: normal;
}

/* Page table cell in which the user's info appears */
td.username {
	background: #666;
	border-bottom: 1px solid #000;
	border-right: none;
	border-top: 1px solid #3cc;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}

.welcome {
	color: #fff;
}

/* Page table data cell in which the main navigation appears */
td.mainnav {
	background: #666;
	border: none;
	border-bottom: 1px solid #000;
	border-right: none;
	border-top: 1px solid #3cc;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

/* Page table data cell in which the content of Sports PHool appears */
td.content {
	border: none;
	background: #fff;
	padding: 2% 5%;
	text-align: left;
	vertical-align: top;
}

/* The DIV for existing user logins in signon.php */
div.login {
	border: 3px ridge #3cc;
	line-height: 150%;
	padding: 1em;
}

/* The DIV for new user registrations in signon.php */
div.register {
	border: 3px ridge #3cc;
	line-height: 150%;
	margin-top: 1em;
	padding: 1em;
}

/* A special class to apply to the currently viewed week in the weeks list
   See shared.php for its use */
.deadlink {
	background: #666;
	color: #fff;
}

/* The format for the list of weeks for switching views */
p.switchweek {
	background: #3cc;
	font-size: .8em;
}

.switchweek a {
	color: #666;
	text-decoration: none;
}

.switchweek a:hover {
	color: #fff;
	text-decoration: underline;
}

/* The Sports PHool notice at the bottom of each page */
p.phoolnotice {
	border-top: 2px solid #3cc;
	font-size: x-small;
	text-align: right;
}

p.phoolnotice a:link,
p.phoolnotice a:visited {
	color: #115a5d;
}

p.phoolnotice span {
	font-weight: bold;
}

.winner {
	color: #090;
}

.loser {
	color: #900;
}