/*----------------------------------------------------------*/
/* Rules for HTML selectors.                                */
/*----------------------------------------------------------*/
/* Page-wide attributes. */
BODY {
   font-size: 9pt;
   font-family: Arial;
   color: #000000;
   background-color: #D2B48C;
   border: 0px;
   margin-top: 2em;
}

/* Hyperlinks */
A:link {
   color: #556B2F;
}

/* Active Hyperlinks */
A:active {
   color: #FF0000;
}

/* Visited Hyperlinks */
A:visited {
   color: #B22222;
}

/* Mouse-over Hyperlinks */
A:hover {
   text-decoration: none;
}

/* Table captions. */
CAPTION {
   font-size: 11pt;
   font-family: Arial;
   font-weight: bold;
}

/* Table header cells */
TH {
   font-size: 9pt;
   font-family: Arial;
   color: #FFFFFF;
   font-style: italic;
   font-weight: bold;
   background-color: #B22222;
}

/* Table header cells - links */
/* By default, these should be the same color as the table header text color */
TH A:link, TH A:visited {
    color: #FFFFFF;
}

/* Various other HTML elements that we might want to control. */
BLOCKQUOTE, TD, OL, UL, CENTER {
   font-size: 9pt;
   font-family: Arial;
}

/* Small text */
SMALL {
   font-size: 8pt;
   font-family: Arial;
}

/* Big text */
BIG {
   font-size: 10pt;
   font-family: Arial;
}

/* Various Page Headers */
H1, H2, H3, H4 {
   text-align: center;
   font-family: Arial;
   margin-bottom: 0px;
}

H2, H3, H4 {
   margin-top: 0px;
}

/* The only place that an H1 appears is in the main title at the top of all pages. */
H1 {
   font-size: 17pt;
   margin-top: 6px;
}

H2 {
   font-size: 13pt;
}

H3 {
   font-size: 11pt;
}

H4 {
   font-size: 10pt;
}

/* Fill-out forms. */
FORM {
   margin-top: 0px;
   margin-bottom: 0px;
}

INPUT, TEXTAREA, SELECT {
   font-family: Arial;
}

/*----------------------------------------------------------*/
/* Rules for classes that appear on many/all pages.         */
/*----------------------------------------------------------*/

/* The header of all league pages. */
.pageheader {
   width: 100%
}

/* The site branding logo inside the page header. */
.brandlogo {
   width: 15%;
   vertical-align: top;
}

/* With the "new" menu, you may optionally highlight the current menu item you're on. */
.mainmenucurrent {
   font-size: 8pt;
   font-family: Arial;
   text-decoration: none;
}

/* When someone does a mouse-over an item on the "new" menu. */
.mainmenuon, A.mainmenuon:hover, A.mainmenuon:link, A.mainmenuon:visited, A.mainmenuon:active {
   color: #D2B48C;
   background-color: #000000;
   font-size: 8pt;
   font-family: Arial;
   text-decoration: none;
}

/* When someone does a mouse-out an item on the "new" menu. */
.mainmenuoff, A.mainmenuoff:hover, A.mainmenuoff:link, A.mainmenuoff:visited, A.mainmenuoff:active {
   color: #000000;
   background-color: #D2B48C;
   font-size: 8pt;
   font-family: Arial;
   text-decoration: none;
}

/* Space needed on the left-hand side of the page for the vertical menu. */
.verticalmenu {
   width: 120px;
}

/* The "classic menu" reports drop-down list inside the page header. */
.classicmenu {
}

/* The page title inside the page header. */
.pagetitle {
   width: 70%;
}

/* The "welcome" message inside the page header. */
.welcome {
   vertical-align: top;
   text-align: right;
   width: 15%;
}

/* The body of all league pages. */
.pagebody {
}

/* The footer of all league pages - make the text smaller. */
.pagefooter, .pagefooter TD {
   font-size: 8pt;
}

/* All even-numbered rows inside a table. */
.eventablerow {
   background-color: #FFEFD5;
}

/* All odd-numbered rows inside a table. */
.oddtablerow {
   background-color: #FFFFFF;
}

/* Various system warnings (including injury status) */
.warning {
   color: #FF0000;
}

/* Next size smaller font. */
.reallysmall {
   font-size: 8pt;
   font-family: Arial;
}

/* Various fill-out forms have a drop-down box where player names are inserted. */
/* Make this box start out wider, even if there are no players initially listed in it. */
.picks {
   width: 400px;
}

/* Various pages have the "Go To Week:" UI at the top - this can be used to highlight */
/* the currently selected week. */
.currentweek {
   font-weight: bold;
}

/* Don't put a border around league logos. */
.leaguelogo {
   border: 0px;
}

/* Don't put a border around franchise logos. */
.franchiselogo {
   border: 0px;
}

/* Don't put a border around franchise icons. */
.franchiseicon {
   border: 0px;
}

/* Any place a franchise name is displayed, when logged in as that franchise. */
.myfranchise {
}

/* The "My Links", "League Links", "My Options" buttons option on the top of league pages. */
/* Display them as buttons rather than as a standard list. */
.header_links TH, .header_links CAPTION {
   display: none;
}

.header_links LI {
   list-style: none;
   float: left;
   padding: 2px;
   margin: 2px;
   white-space: nowrap;
}

.header_links A {
   text-decoration: none;
   border: 1px solid;
   padding: 1px;
   margin: 1px;
   display: block;
   font-weight: bold;
   float: left;
   border-color: #FFF #333 #333 #FFF;
}

.header_links .oddtablerow {
   background-color: transparent;
}

/*--------------------------------------------------------------*/
/* Rules for classes that appear on only the league home pages. */
/*--------------------------------------------------------------*/

/* Columns on the league home page */
.homepagecolumn {
   vertical-align: top;
}

/* Various system messages that appear on the league home page. */
.homepagemessage {
   border: 1px solid #B22222;
   padding: 0px;
   width: 60%;
}

/* The "Live Scoring Summary" Home page module, default height and width for the IFRAME. */
.livescoringsummary {
   width: 260px;
   height: 300px;
}

/* If the league home page uses multi-column layout, give CAPTIONs and H3's a consistent background. */
.homepagecolumn #standings H3, .homepagecolumn #brief_standings H3, .homepagecolumn .homepagemodule CAPTION {
   padding-top: 5px;
   padding-bottom: 5px;
   color: #FFFFFF;
background-color: #B22222;
}

/* Clean up the look of H3's inside home page modules */
.homepagecolumn .homepagemodule H3 {
   margin: -1px; 
}

/* For a multi-column home page module, make the module the width of the column. */
.homepagecolumn .homepagemodule {
   width: 95%;
}

/*--------------------------------------------------------------------*/
/* Rules for classes that appear on only other selected league pages. */
/*--------------------------------------------------------------------*/

/* On the rosters report, when a new position starts. */
.newposition TD {
   border-top: 2px solid #000000;
}

/* On the playoff brackets, the top team listed in a matchup. */
.topteam {
    border-bottom: 2px #000000 solid;
}

/* On the playoff brackets, draw a vertical line. */
.bracket {
    border-right: 2px #000000 solid;
}

/* On the playoff brackets, the bottom team listed in a matchup. */
.bottomteam {
    border-bottom: 2px #000000 solid;
    border-right: 2px #000000 solid;
}

/* On the live scoring pages, indicate that a game is currently underway. */
.gameunderway {
    border: 1px #000000 dashed;
}

/* On the live scoring pages, indicate that the team has the ball. */
.haspossession {
}

/* On the live scoring pages, indicate that the team has the ball inside the red zone. */
.redzone {
}

/* On the live scoring pages, indicate that the player has recent stats. */
.updatedstats {
}

/* On the weekly summary report, the weekly high score. */
.highscore {
   font-weight: bold;
}

/* On the weekly summary report, the weekly low score. */
.lowscore {
   font-style: italic;
   text-decoration: underline;
}

/* On the weekly results report, the tiebreaker player. */
.tiebreaker {
   font-weight: bold;
}

/* On the weekly results report, a non-starter that should have been started. */
.shouldstart {
   font-style: italic;
}

/* On the weekly results report, a starter that should have been benched. */
.shouldbench {
   font-style: italic;
}

/*--------------------------------------------------------------------*/
/* Rules for things that appear on the monthly league calendar.       */
/*--------------------------------------------------------------------*/

/* The monthly league calendar. */
#monthly_calendar {
   width: 80%;
   border: 1px solid #000000;
   border-collapse: collapse;
}

/* When displaying the monthly league calendar on the league home page, over-ride the 80% width above. */
.homepagecolumn #monthly_calendar {
   width: 95%;
}

/* Give special emphasis to today on the calendar. */
#monthly_calendar TD.today {
   border: 4px double #FF0000;
}

/* Individual days inside the monthly league calendar. */
#monthly_calendar TD, #monthly_calendar TH {
   width: 14%;
   border: 1px solid #000000;
   padding: 2px;
}

/* Make days inside the calendar 4em's tall. */
#monthly_calendar TD {
   height: 4em;
   padding: 0;
   font-size: 8pt;
}

/* The day of the month inside a calendar day. */
#monthly_calendar TD .calendarday {
   float: right;
   width: 2em;
   text-align: center;
   border-bottom: 1px solid;
   padding-bottom: 1px;
   border-left: 1px solid;
   padding-left: 2px;
}

.report {
   margin-bottom: 1em;
}

/* Fill-out forms at the top of various reports. */
.reportform {
   text-align: center;
   font-size: 8pt;
}

/* Links at the top of various reports. */
.reportnavigation {
   text-align: center;
   display: block;
   padding-top: 1em;
   padding-bottom: 1em;
   font-size: 8pt;
}

/* Hints inside tables shouldn't have extra space... */
TD .reportnavigation {
   padding-top: 0;
   padding-bottom: 0;
   text-align: left;
}

.reportnavigationheader {
   font-weight: bold;
}

/* Indicate a field is required. */
.requiredfield {
   font-weight: bold;
}

/* text next to an input field. */
.inputlabel {
   text-align: right;
}

/* Footers for various reports and league home page modules. */
.reportfooter {
}

.form_buttons { margin-left: auto; margin-right: auto; text-align: center; }