/*----------------------------------------------------------*/
/* Rules for HTML selectors.                                */
/*----------------------------------------------------------*/
/* Page-wide attributes. */


body {
   font-size: 9pt;
   font-family: Arial;
   color: #FFFFFF;
   background-color: #666666;
   border: 0px;
}

/* Hyperlinks */
a:link {
   color: #FFFFFF;
   text-decoration: none;
}

/* Active Hyperlinks */
a:active {
   color: #FFFF99;
   text-decoration: none;
}

/* Visited Hyperlinks */
a:visited {
   color: #ffffff;
   text-decoration: none;
}

/* Mouse-over Hyperlinks */
a:hover {
   text-decoration: none;
   color :  #FFFF99;
}

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

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

/* Let's remove some extra space around the list items... */
ul {
   margin-top: 0; 
   margin-bottom: 0;
}

ul li {
   margin-left: -1.5em;
}

/* Small text */
small {
   font-size: 8pt;
   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: 14pt;
   margin-top: 6px;
}

h2 {
   font-size: 12pt;
}

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: #666666;
   background-color: #FFFFFF;
   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: #FFFFFF;
   background-color: #666666;
   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 {
}

/* All report-type tables in league pages. */
.report, .playoffbracket, .homepagemessage {
  margin-bottom: 1em;
}

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

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

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

/* Next size smaller font. */
.reallysmall {
   font-size: 9pt;
   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;
}

/* formatting for league, franchise and standings logos. */
.leaguelogo, .franchiselogo, .standingslogo {
   border: 0px;
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

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

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

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

/* 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 .warning a {
   border: none;
   display: inline;
   float: none;
}

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

#homepagecolumns {
   width: 100%;
}

/* Various system messages that appear on the league home page. */
.homepagemessage {
   border: 1px solid #000000;
   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: #000000;
}

/* 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, .newposition th {
   border-top: 2px solid #FFFFFF;
}

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

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

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

/* On the live scoring pages, indicate that a game is currently underway. */
.gameunderway {
   background-image: url(http://www8.myfantasyleague.com/mflicons/game_under_way.gif);
   background-position: center right;
   background-repeat: no-repeat;
   padding-right: 12px;
}

/* On the live scoring pages, indicate that the team has the ball. */
.haspossession {
   background-image: url(http://www8.myfantasyleague.com/mflicons/has_ball.gif);
   background-position: center right;
   background-repeat: no-repeat;
   padding-right: 12px;
}

/* On the live scoring pages, indicate that the team has the ball inside the red zone. */
.redzone {
   background-image: url(http://www8.myfantasyleague.com/mflicons/red_zone.gif);
   background-position: center right;
   background-repeat: no-repeat;
   padding-right: 12px;
}

/* On the live scoring pages, indicate that the player has recent stats. */
.updatedstats {
   background-image: url(http://www8.myfantasyleague.com/mflicons/new_stats_3.gif);
   background-position: center right;
   background-repeat: no-repeat;
   padding-right: 12px;
}

/* 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 {
   background: url(http://www8.myfantasyleague.com/mflicons/up_arrow_green.gif) center right no-repeat;
   padding-right: 12px;
}

/* On the weekly results report, a starter that should have been benched. */
.shouldbench {
   background: url(http://www8.myfantasyleague.com/mflicons/down_arrow_red.gif) center right no-repeat;
   padding-right: 12px;
}

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

/* The monthly league calendar. */
#monthly_calendar {
   width: 80%;
   border: 1px solid #FFFFFF;
   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 #FFFFFF;
}

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

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

#monthly_calendar ul li {
   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;
}

/* Forms at the top of various reports. */
.reportform {
   text-align: center;
   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;
}

/* Footers of various reports/home page modules/etc. */
.reportfooter {
}

/* is the franchise currently on-line or off-line? */
.franchise_online {
   background: url(http://www8.myfantasyleague.com/mflicons/online.gif) center right no-repeat;
   padding-right: 16px;
}

.franchise_offline {
   background: url(http://www8.myfantasyleague.com/mflicons/offline.gif) center right no-repeat;
   padding-right: 16px;
}

#body_ajax_ld .draft_picks_header {
   margin-bottom: 0;
   width: 95%;
}

#body_ajax_ld .draft_picks_container {
   height: 200px;
   overflow: auto;
   vertical-align: top;
   width: 100%
}

#body_ajax_ld .pick {
   width: 10%;
}

#body_ajax_ld .franchise {
   width: 30%;
}

#body_ajax_ld .selection {
   width: 40%;
}

#body_ajax_ld .timestamp {
   width: 20%;
}

#body_ajax_ld td .report {
   width: 100%;
}

#layer1 {
   background-color : #FFFFFF; 
   layer-background-color : #FFFFFF;
   border-width : 1px; 
   border-style : solid; 
   border-color : #999999;  
   width : 150px; 
   top : 75px; 
   left : 147px; 
   position : absolute; 
   z-index : 90; 
   visibility : hidden; 
}


#layer2 {
   background-color : #EDEDED; 
   layer-background-color : #EDEDED;
   border-width : 1px; 
   border-style : solid; 
   border-color : #666666;  
   width : 150px; 
   top : 75px; 
   left : 270px; 
   position : absolute; 
   z-index : 90; 
   visibility : hidden; 
}


#layer3 {
   background-color : #EDEDED; 
   layer-background-color : #EDEDED;
   border-width : 1px; 
   border-style : solid; 
   border-color : #666666;  
   width : 150px; 
   top : 50px; 
   left : 100px; 
   position : absolute; 
   z-index : 90; 
   visibility : hidden; 
}

.gameover {
color : #FFFFFF;
}

.gamenotstarted {
color : #000000;
}

.gameunderway {
color : #FFFF99;
}

#report .fantasy_recap {
   background-color : #EDEDED; 
}