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

A:link {color: #FF6600;}

A:visited {color: #FF0000;}

A:active {color: #ff6600;}



/* Miscellaneous page item properties */

H1 {font-style: italic;}

H1, H2, H3 {color: #032E63;}

H1, H2, H3, H4 {font-family: Georgia;}

P, TD, TH {font-family: sans-serif; font-size: 1em;}

HR {color: #032E63; width: 70%; text-align: center;}

CODE {color: #FF0000;}

INPUT, SELECT, TEXTAREA {font-size: 10pt; font-family: monospace;}

LI {margin-top: .5em;}



/* STRONG is used for error messages */

STRONG {color: #032E63;}



/* Common table properties, used by Sports PHool content */

TABLE {border: 0;}

TH {margin: 0;

  padding: 0.5em;

  border: 0;

  background: #4C90CD;

  color: #000000;

  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: #0099FF;

  border-right: 1px solid #333333;

  border-bottom: 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: #4C90CD;

  color: #032E63;

  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: #4C90CD;

  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 #FFCC99;

  border-bottom: 1px solid #000000;

  border-right: none;

  background: #032E63;

  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 #FFCC99;

  border-bottom: 1px solid #000000;

  border-right: none;

  background: #032E63;

  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 #4C90CD;

}



/* The DIV for new user registrations in signon.php */

DIV.register {

  margin-top: 1em;

  padding: 1em;

  line-height: 150%;

  border: 3px ridge #4C90CD;

}



/* A special class to apply to the currently viewed week in the weeks list

   See shared.php for its use */

.deadlink {color: #DDDDDD;

  background: #cccccc;}



/* The format for the list of weeks for switching views */

P.switchweek {font-size: .8em;

  background: #FFCCFF;}



/* The Sports PHool notice at the bottom of each page */

P.phoolnotice {

  text-align: right;

  border-top: 2px solid #032E63;

  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;}