/*************************************
# Author:       Bryan Dunn
# URL:          http://bryandunn.com
# Version:      0.1
# Copyright:    Copyright 2007 Bryan Dunn
# License:
#
#    WiffLeague is free software: you can redistribute it and/or modify
#    it under the terms of the GNU General Public License as published by
#    the Free Software Foundation version 3.
#
#    This program is distributed in the hope that it will be useful,
#    but WITHOUT ANY WARRANTY; without even the implied warranty of
#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
#    GNU General Public License for more details.
#
#    See <http://www.gnu.org/licenses/> for details.
#
#    This stylesheet was adapted from Sinorca
**************************************/


/* ##### Common Styles ##### */

body {
  color: black;
  background-color: white;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px !important;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

#wrap {
  background: #ffffff;
  margin: 0 0 0 150px;
  width: 800px;
}

html > body {
  font-size: 8.5pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(153,153,153);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}


/* ##### Header ##### */

.superHeader {
  color: white;
  background-color: rgb(100,135,220);
  height: 20px;
  text-align: right;
}

.superHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-size: 91%;
  margin: 0;
  padding: 0 3px 0 1.5px;
}

.superHeader a:hover {
  text-decoration: underline;
}

.superHeader .left {
  position: absolute;
  left: 1.5mm;
  top: 4.5px;
}

.superHeader .right {
  position: absolute;
  right: 1.5mm;
  top: 4.5px;
}

.midHeader {
  color: rgb(39,78,144);
  background-color: rgb(140,170,230);
}

.midHeader a {
  background-color: transparent;
  text-decoration: none;
  font-size: 91%;
  margin: 0;
  padding: 0 3px 0 1.5px;
}

.headerTitle {
  font-size: 337%;
  font-weight: normal;
  margin: 0 0 0 4mm;
  padding: 1.5px 0;
}

.subHeader {
  color: white;
  background-color: rgb(0,51,153);
  margin: 0;
  padding: 6px 6px 6px 1.5mm;
}

.subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 4.5px 0 3px;
}  

.subHeader a:hover {
  text-decoration: underline;
}

.subHeader a.left {
  text-align: right;
}  

.superHeader .highlight, .subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}


/* ##### Side Bar ##### */

#side-bar {
  width: 160px;
  float: left;
  clear: left;
  border-right: 1px solid rgb(153,153,153);
  border-left: 1px solid rgb(153,153,153);
  background-color: rgb(240,240,240);
}

#side-bar img.floatLeft { 
    float: left;
    padding-right: 10px;
}

#side-bar div {
  border-bottom: 1px solid rgb(153,153,153);
}

.sideBarTitle {
  font-weight: bold;
  margin: 0 0 5px 5px;
  padding: 10px 0 0 0;
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 11px 0;
}

#side-bar li {
  margin: 0;
  padding: .1em 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#side-bar a, .thisPage {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 7.5px 6px 7.5px 5mm;
  display: block;
}

.thisPage {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}

#side-bar a:hover {
  color: white;
  background-color: rgb(100,135,220);
  text-decoration: none;
}

.sideBarText {
  line-height: 17px;
  margin: 0 0 10px 0;
  padding: 0 9px 0 2.5mm;
  display: block;
}

#side-bar .sideBarText a {
  text-decoration: none;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

.lighterBackground {
  color: inherit;
  background-color: white;
}

/* ##### Right Bar ##### */

#extras-bar {
  width: 175px;
  float: right;
  border-right: 1px solid rgb(153,153,153);
  border-left: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
  background-color: rgb(240,240,240);
}

#extras-bar img.floatLeft { 
    float: left;
    padding-right: 10px;
}

#extras-bar div {
  border-bottom: 1px solid rgb(153,153,153);
}

.extras-barTitle {
  font-weight: bold;
  margin: 0 0 5px 5px;
  padding: 1em 0 0 0;
}

#extras-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 11px 0;
}

#extras-bar li {
  margin: 0;
  padding: .1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

#extras-bar a, .thatPage {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 6px 7.5px 0;
  display: block;
}

.thatPage {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}

#extras-bar a:hover {
  text-decoration: none;
}

#extras-bar a.noformat {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0 0;
  display: block;
}

.extras-barText {
  line-height: 15px;
  margin: 0 0 10px 0;
  padding: 0 9px 0 2.5mm;
  display: block;
}

#extras-bar .extras-barText a {
  text-decoration: none;
  margin: 0;
  padding: 0;
  display: inline;
}

#extras-bar .extras-barText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

.lighterBackground {
  color: inherit;
  background-color: white;
}


/* ##### Main Copy ##### */

#main-copy {
  
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 17px;
  margin: 0 0 0 167px;
  padding: 0 0 0 0;
  clear: none;
}

#main-copy img.floatLeft {
    float: left;
    padding-right: 20px;
}

#main-copy p {
  margin: 10px 6px 20px 6px;
  padding: 0;
}

#main-copy p.tip {
  margin: 10px 6px 20px 6px;
  padding: 0;
  color: rgb(153,153,153);
}

#main-copy a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

#main-copy a.noformat {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

#main-copy a.authorname {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
  text-transform: uppercase;
}

#main-copy a:hover {
  text-decoration: none;
}

#main-copy h1 {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 100%;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 3px 0 3px 6px;
  text-align: center;
}

#main-copy h2 {
  color: white;
  color: rgb(0,51,153);
  font-size: 150%;
  font-weight: bold;
  padding: 3px 0 3px 6px;
}

#main-copy articleh1 {
  font-size: 150%;
  font-weight: bold;
  text-align: left;
}

#main-copy articleh2 {
  font-size: 100%;
  font-weight: bold;
  margin: 30px 0 0 0;
  padding: 3px 0 3px 3px;
}

#main-copy .topOfPage {
  color: white;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 1.5em 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}

#main-copy > .topOfPage {
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}

dl {
  margin: 10px 6px 20px 6px;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}

dd {
  margin: 0 0 20px 20px;
  padding: 0;
}


/* ##### Footer ##### */

#footer {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 91%;
  margin: 0;
  padding: 10px 2.5mm 15px 2.5mm;
  clear: both;
}

#footer .left {
  line-height: 14.5px;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 14.5px;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

/* ##### Tables ##### */

table.display {
  font-size: 8pt;
  margin: 0 0 0 0;
  border-width:1;
  padding:0px;
}

table.homepage {
  font-size: 100%;
  margin: 0 0 0 0;
  border-width: 0;
  padding: 0px;
}

table.fatalerror {
  color: white;
  background: #D76E50;
  width: 100%;
  text-align: center;
}

/* Tables for Right Bar */

table.extras {
  font-size: 8pt;
  margin: 0 0 0 0;
  border-width:1;
  padding:0px;
  width: 100%;
}

/* League Leaders Tables */

table.leaders {
  font-size: 8pt;
  margin: 0 0 0 0;
  border-width:1;
  padding:0px;
  width: 100%;
  border: 1px solid rgb(153,153,153);
}

/* Box Scores */

table.boxScore {
  font-size: 8pt;
  margin: 0 0 0 0;
  border-width:1;
  padding:0px;
  width: 90%;
  border: 1px solid rgb(190,190,190);
  background-color: rgb(240,240,240);
}

table.boxScore tr.HOME_TEAM td {
  background-color: rgb(240,240,240);
  border: 1px solid rgb(190,190,190);
}

table.boxScore tr.AWAY_TEAM td {
  background-color: rgb(240,240,240);
  border: 1px solid rgb(190,190,190);
}

table.boxScore tr.pitching td {
  background-color: rgb(153,153,153);
  color: #ffffff;
}

table.boxScore tr.notes td {
  background-color: rgb(153,153,153);
  color: #ffffff;
  font-weight: bold;
}

/* Standings Page and Standings Bar Table */

table.standings {
  font-size: 8pt;
  margin: 0 0 0 0;
  border-width:1;
  padding:0px;
  width: 50%;
  border: 1px solid rgb(153,153,153);
}

/* Player Page Table */

table.player {
  font-size: 8pt;
  margin: 0 0 0 0;
  border-width:1;
  padding:0px;
  border: 1px solid rgb(153,153,153);
  width: 90%;
}

table.player tr.title td { 
  font-weight: bold;
  text-align: center;
}

table.player tr.heading td { 
  text-align: center;
  background-color: #5e7d9c;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

table.player tr.black td { 
  text-align: center;
  background-color: #000000;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

/* Statistical Tables */

table.stats {
  font-size: 8pt;
  margin: 0 0 0 0;
  border-width:1;
  padding:0px;
  width: 90%;
  border: 1px solid rgb(153,153,153);
}

table.stats tr.heading td {
  text-align: center;
  background-color: #5e7d9c;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

table.stats tr.heading2 td {
  text-align: center;
  background-color: #a9bacb;
  font-weight: bold;
  text-transform: uppercase;
}

table.stats tr.name td {
  text-align: center;
}

table.stats tr.bg0 td {
  text-align: center;
  background-color: #eeeeff;
  border: 1px solid rgb(153,153,153);
}

table.stats tr.bg1 td {
  text-align: center;
  background-color: #ffffff;
  border: 1px solid rgb(153,153,153);
}

/* Game Import Table */

table.importgame {
  font-size: 8pt;
  margin: 0 0 0 0;
  border-width:1;
  padding:0px;
  border: 1px solid rgb(153,153,153);
}

table.importgame tr.header td {
  text-align: center;
  color: #ffffff;
  background-color: #5e7d9c;
  text-transform: uppercase;
}

/* Generic Table Settings */

tr.h1 td {
  text-align: center;
  background-color: #5e7d9c;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
tr.h2 td {
  text-align: center;
  background-color: #839cb4;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
tr.bg0 td {
  background-color: #eeeeff;
  border: 1px solid rgb(153,153,153);
}
tr.bg1 td {
  background-color: #ffffff;
  border: 1px solid rgb(153,153,153);
}
td.left {
  text-transform: uppercase;
}