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

/* Link properties */
A {text-decoration: underline;}
A:link {color: #31332E;}
A:visited {color: #762D27;}
A:active {color: #ff6600;}

/* Miscellaneous page item properties */
H1 {font-style: italic; color: #F4EC7D}
H2, H3 {color: #986633}
H1, H2, H3, H4 {font-family: Georgia;}
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: #762D27;
  color: #F4EC7D;
  border-right: 1px solid #330033;
  border-bottom: 1px solid #000000;
  text-align: center;
  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;
  color: #762D27; }

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

/* 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: #762D27;
  text-align: center;
  vertical-align: middle;
  }
SMALL.slogan {font-family: Verdana; font-style: normal; font-size: small; color: #F4EC7D}

/* Page table cell in which the user's info appears */
TD.username {
  border-top: 1px solid #986633;
  border-bottom: 1px solid #000000;
  border-right: none;
  background: #75827b;
  color: #F4EC7D;
  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 #986633;
  border-bottom: 1px solid #000000;
  border-right: none;
  background: #75827b;
  color: #31332E;
  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: #F4EC7D;
  padding: 2% 5%;
  text-align: left;
  vertical-align: top;
  color: #986633; }

/* 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 #762D27;
}

/* 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: #F4EC7D;
   }
  
   
/* The Sports PHool notice at the bottom of each page */
P.phoolnotice {
  text-align: right;
  border-top: 2px solid #762D27;
  font-size: x-small;
}
P.phoolnotice A:link {color: #115A5D;}
P.phoolnotice A:visited {color: #115A5D;}
P.phoolnotice SPAN {font-weight: bold;}

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