/* 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: #ffffff;
  color: #000000;
  font-family: sans-serif;
  font-size: 1em;}

/* Link properties */
A {text-decoration: underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
A:link {color: #000144;}
A:visited {color: #000144;}
A:active {color: #ff6600;}

/* Miscellaneous page item properties */
H1 {font-style: italic;}
H1, H2, H3 {color: #000000;}
H1.header {color: #FFFFFF;}
H1, H2, H3, H4 {font-family: Verdana, Arial, Helvetica, sans-serif;}
P, TD, TH {font-family: sans-serif; font-size: 1em;}
HR {color: #FF9966; width: 70%; text-align: center;}
CODE {color: #660066;}
INPUT, SELECT, TEXTAREA {font-size: 10pt; font-family: monospace;}
LI {margin-top: .5em;}

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

/* Common table properties, used by Sports PHool content */
TABLE {border: 0;}
TH {margin: 0;
  padding: 0.5em;
  border: 0;
  background: #000144;
  color: #FFFFFF;
  border-right: 1px solid #330033;
  border-bottom: 1px solid #FFFFFF;
  text-align: center;
  vertical-align: middle;}
TH.logo {margin: 0;
  padding: 0.5em;
  border: 0;
  background: #000144;
  color: #000000;
  border-bottom: 1px solid #FFFFFF;
  text-align: left;
  vertical-align: middle;}
TD {margin: 0;
  padding: 0.5em;
  border: 0;
  background: #DDDDDD;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #000000;
  text-align: center;
  vertical-align: bottom;}
TD.robin {margin: 0;
  padding: 0.5em;
  border: 0;
  border-bottom: 1px solid #000000;
  background: #CCCCCC;
  border-top: 1px solid #000000;
  text-align: center;
  vertical-align: bottom;}

/* The data cells for alternate rows */
TR.alt TD {background: #EEEEEE;}

/* The data cells for the viewing player on the Leaderboard */
TR.player TD {background: #CCFFCC;
  color: #CC3300;
  font-weight: bold;}

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

/* Page table header cell in which the page header appears */
TH.header {border: 0;
  background: #000144;
  text-align: center;
  vertical-align: middle;}
SMALL.slogan {font-family: Verdana; font-style: normal; font-size: small;}

/* Page table cell in which the user's info appears */
TD.username {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #000000;
  border-right: none;
  background: #CCCCCC;
  color: #000000;
  text-align: right;
  vertical-align: middle;
  font-size: x-small;
  font-weight: bold;
}

/* Page table data cell in which the main navigation appears */
TD.mainnav {border: 0;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #000000;
  border-right: none;
  background: #CCCCCC;
  color: #000000;
  text-align: center;
  vertical-align: middle;
  font-size: x-small;
  font-weight: bold;
}

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

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

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

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

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

/* The Sports PHool notice at the bottom of each page */
P.phoolnotice {
  text-align: right;
  font-size: x-small;
}
P.phoolnotice A:link {color: #000144;}
P.phoolnotice A:visited {color: #000144;}
P.phoolnotice SPAN {font-weight: bold;}

.winner {color: #009900;}
.loser {color: #990000;}