body { 
/*
  background-image: url(/2006/images/wbc_bg.jpg);
  background-repeat: repeat-y;
  background-color: #F4F4F4
*/
}

img.png {
   behavior: url("/2006/scripts/pngbehavior.htc"); /* use to set transparency in IE on PNGs */
}

a, a:link, a:active, a:visited { color: #12153E; }
a.lite, a:link.lite, a:active.lite, a:visited.lite, a:hover.lite { color: #C5C5C5; }
a:hover { color: blue; }

/* styles for global header and footer - links white, etc */
.header, .header td,
.footer, .footer td { 
  font-size: 8pt;
  vertical-align: top;
}

.footer    { color: #FFFFFF; }
.header td { color: #C5C5C5; }

.header { 
  background-image: url(/2006/images/header/header_bg_trans.gif);
  background-repeat: no-repeat;
  width: 994px;
}

.footer { 
  width: 994px;
}

.header a.lite, .header a:link.lite, .header a:hover.lite, .header a:active.lite, .header a:visited.lite,
.footer a.lite, .footer a:link.lite, .footer a:hover.lite, .footer a:active.lite, .footer a:visited.lite {
  color: #C5C5C5;
}

.header a            { text-decoration: none; }
.header a:hover      { text-decoration: underline; }
.header a:hover.lite { color: #FFFFFF; text-decoration: none; }

.header img { 
  border: 0px;
}

.header .countryList img.flag { 
  height: 48px;
  border-bottom: 1px solid #c5c5c5;
}
.header .countryList td.country { 
  text-align: center;
  font-size:  8pt;
  width:      60px;
}
/* handle mouseover states */
.header .countryList .country a:hover img.flag {
  opacity: .30;
  filter: alpha(opacity=30);
}
.header .countryList .country { 
  background-color: #FFFFFF;
  background-repeat: no-repeat;
}

.header .countryList td.country a { 
  display: block;
}

.header .countryList td.country .language { 
  height: 13px;
  background-color: #FFFFFF;
  padding-bottom: 1px;
}

/* style for header above content */
.content .subHeader { 
  height: 35px;
  padding: 5px 0px 0px 70px; 
  background-image: url(/2006/images/sub_header_bg.gif);
  color: #6C6C6C;
  text-transform: uppercase;
  font-size: 16pt;
}

.content .subHeader .langSelect { 
  font-size: 8pt;
  text-transform: none;
  margin-left: 10px;
  vertical-align: middle;
}

/* style for main page content area */
.content { 
  border-top:    2px solid #12153E;
  border-right:  2px solid #12153E;
  border-bottom: 5px solid #12153E;
  color:            #000000;
  background-color: #FFFFFF;
  width: 994px;
}

/* white / light blue / blue columns in main content area */
.col1, .col2, .col3 { 
  vertical-align: top;
  padding: 5px; 
  background-repeat: repeat-x;
}
.col1 { 
  background-color: #ffffff; 
  background-image: url(/2006/images/sub_header_shadow_white_bg.gif);
}
.col2 {
  background-color: #e8e9f0;
  background-image: url(/2006/images/sub_header_shadow_ltblue_bg.gif);
}
.col3 {
  background-color: #d3d5e2;
  background-image: url(/2006/images/sub_header_shadow_blue_bg.gif);
}

.componentHeader, .componentTextHeader { 
  background-repeat: repeat-x;
  height: 18px;
}
.componentHeader { 
  background-image: url(/2006/images/header_bg.gif);
}
.componentTextHeader { 
  background-image: url(/2006/images/header_text_bg.gif);
  color: #FFFFFF;
  font: 10pt Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 4px;
}
.componentHeader img { 
  height: 18px;
  border: 0px;
  display: block;
}
.componentHeader .button { 
  margin-right: 5px;
  display: inline;
}

.more { /* for "more" of full article, archive, etc .. */
  font-weight: bold;
}

.mediaThumbBlock { 
  background-color: #11163E; 
  color: #fff; 
  font-size: 10px;
  padding: 2px; 
  margin: 4px 0px;
}

/* Hack for "Peekaboo bug" \*/
* html .mediaThumbBlock {height: 1%;}
/* Hack for "Peekaboo bug" */

.mediaThumbBlock .thumbHead { 
  font-size: 11px;
  font-weight: bold;
}

.mediaThumbBlock img.thumb, img.mediaThumb {  /* thumbnail image for media highlights */
  float: left; 
  margin-right: 4px; 
  border: 1px solid #cccccc;
}

.mediaThumbBlock a.lite, .mediaThumbBlock a:link.lite, .mediaThumbBlock a:hover.lite, .mediaThumbBlock a:active.lite, .mediaThumbBlock a:visited.lite,
.mediaThumbBlock a, .mediaThumbBlock a:link, .mediaThumbBlock a:hover, .mediaThumbBlock a:active, .mediaThumbBlock a:visited { 
  color: #c5c5c5;
}

.podCaption { 
  font-size: 8pt;
}

/* general list styles to reduce indent, and allow for country flag 'bullets' */
ul.noindent, ul.noindent li, ul.noindentcountry, ul.noindentcountry li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 8pt;
    margin-top: 2px;
}

ul.noindent li, ul.noindentcountry li { 
    background-image: url(/2006/images/bullet.gif);
    background-repeat: no-repeat;
}

ul.noindent li {
    background-position: 4px left;
    padding-left: 10px;
}

ul.noindentcountry li {
    background-position: left center;
    padding-left: 24px;
}

ul.noindentcountry li       {   }
ul.noindentcountry li.t760  { background-image: url(/2006/images/flags_sm/flag_t760.gif);  }
ul.noindentcountry li.t784  { background-image: url(/2006/images/flags_sm/flag_t784.gif);  }
ul.noindentcountry li.t790  { background-image: url(/2006/images/flags_sm/flag_t790.gif);  }
ul.noindentcountry li.t791  { background-image: url(/2006/images/flags_sm/flag_t791.gif);  }
ul.noindentcountry li.t798  { background-image: url(/2006/images/flags_sm/flag_t798.gif);  }
ul.noindentcountry li.t805  { background-image: url(/2006/images/flags_sm/flag_t805.gif);  }
ul.noindentcountry li.t841  { background-image: url(/2006/images/flags_sm/flag_t841.gif);  }
ul.noindentcountry li.t843  { background-image: url(/2006/images/flags_sm/flag_t843.gif);  }
ul.noindentcountry li.t867  { background-image: url(/2006/images/flags_sm/flag_t867.gif);  }
ul.noindentcountry li.t878  { background-image: url(/2006/images/flags_sm/flag_t878.gif);  }
ul.noindentcountry li.t890  { background-image: url(/2006/images/flags_sm/flag_t890.gif);  }
ul.noindentcountry li.t897  { background-image: url(/2006/images/flags_sm/flag_t897.gif);  }
ul.noindentcountry li.t918  { background-image: url(/2006/images/flags_sm/flag_t918.gif);  }
ul.noindentcountry li.t940  { background-image: url(/2006/images/flags_sm/flag_t940.gif);  }
ul.noindentcountry li.t944  { background-image: url(/2006/images/flags_sm/flag_t944.gif);  }
ul.noindentcountry li.t1171 { background-image: url(/2006/images/flags_sm/flag_t1171.gif); }

/* styles for news areas */
.newsPoolHeader {   /* headers for poll groupings in news archive page */
  font-weight: bold; 
  color: #767676;
}

.blurb { font-size: 9pt; } /* news blurb */

.teamNews {  /* news box on team pages */
  background-color: #222262; 
  color: #FFFFFF; 
  width: 579px;
}

.teamNews a, .teamNews a:link, .teamNews a:active, .teamNews a:visited { 
  color: #C5C5C5; 
}

.teamNews .articlePhoto { 
  background-color: #222262;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.teamNews .articlePhoto .caption { 
  background-color: #222262;
  border: 0px;
  padding: 0px 5px 0px 5px;
  margin: 0px 5px 0px 5px;
}

.teamNews .hl { 
  font-size: 14pt;
}

.teamNews ul.noindent li { 
  background-image: url(/2006/images/bullet_lite.gif);
}

/* styles for articles */

.article { 
  margin: 10px; 
}

.articlePhoto { 
  width: 300px;
  text-align: center;
  color: #EEEEEE;
  background-color: #05173B;
  padding: 7px 0px 0px 0px;
  margin-left: 5px;
  border: 1px solid #CCCCCC;
}
.articlePhoto .caption {
  padding:   5px;
  font-size: 8pt;
  text-align: left;
}
.articlePhoto img { 
  border: 1px solid #CCCCCC;
}

/* global styles ported from v1 site */
.hl, .hlMd, .hlSm, .hlXs { font-weight: bold; }
.hl   { font-size: 18pt; }
.hlMd { font-size: 14pt; }
.hlSm { font-size: 10pt; }

.subHead     { font-size: 11pt; color: #666666; font-weight: bold; }
.tagLine     { font-size: 8pt;  color: #666666; font-style: italic; }
.timeStamp   { font-size: 8pt;  color: #666666; margin-top: 5px; }
.lead        { font-size: 8pt; }
.articleBody { font-size: 9pt; }
.byLine, .caption, .credit { font-size: 8pt; }
.caption { padding-left: 5px; padding-top: 2px; }

/* stats framework styles */
.dataTableClass {  width: 100%; }

.dataTableClass td {
  color:            #000000;
  background-color: #FFFFFF;
  padding:    2px 3px 3px 2px;
  font-size:  9pt;
} /* color from cellTextColor cellBgColor - basic stats color */ 

.dataTableClass .headerRow a,       .dataTableClass .headerRow a:link
.dataTableClass .headerRow a:hover, .dataTableClass .headerRow a:visited { 
  color: #FFFFFF;
} /* links in the header */

.dataTableClass .currSortDataCell a,       .dataTableClass .currSortDataCell a:link,  
.dataTableClass .currSortDataCell a:hover, .dataTableClass .currSortDataCell a:visited { 
  color: #FFFFFF;
} /* links in sorted cells */

.dataTableClass .titleRow td, .dataTableClass .headerRow td { 
  color: #FFFFFF;
  font-weight: bold;
} /* aka tableTitleTextColor headerTextColor */

.dataTableClass .titleRow td { 
  background-color: #000000;
  border-bottom: 1px solid #F2F2F2;
} /* aka tableTitleBgColor - row above table w/ desc - usually black w/ white text */

.dataTableClass .headerRow td {
  background-color: #222262;
  white-space: nowrap;
} /* aka headerBgColor - row above the table stats - click to sort */

.dataTableClass .currSortDataCell { 
  color: #FFFFFF;
  background-color: #8285A9;
} /* aka sortedCellTextColor sortedCellBgColor - col for sorted data, usually white w/ dark bg */

.dataTableClass .highlightRow .dataCell, .dataTableClass .highlightRow td { 
  color: #000000;
  background-color: #d3d5e2;
} /* aka highlightedCellTextColor highlightedCellBgColor - highlighted row on mousedown, usually a slightly darker grey */

.dataTableClass .highlightRow .currSortDataCell { 
  color: #FFFFFF;
  background-color: #222262;
} /* aka sortedHighlightedCellTextColor sortedHighlightedCellBgColor - cell thats sorted *and* highlighed */

.highlightTeam { /* mark current team in stats tables */
  font-weight: bold;
}

.dataTableClass tr.dataRow:hover td { 
  color: #000000;
  background-color: #e8e9f0;
}

.topPlayers .dataTableClass td { 
  font-size:  8pt;
}

tr.odd td { 
  background-color: #f5f5f5;
}

td.right { 
  text-align: right;
}
td.left { 
  text-align: left;
}
td.center { 
  text-align: center;
}

/* additional table formatting for schedule tables */

.teamSchedule { 
  margin-top: 1px;
}

.teamSchedule td, .fullSchedule td { 
  padding-left: 5px;
  white-space: nowrap;
  vertical-align: bottom;
  padding: 1px;
}

.teamSchedule tbody td, .fullSchedule tbody td { 
  font-size: 8pt;
}

.teamSchedule tbody td.coverage, .fullSchedule tbody td.coverage { 
  text-transform: uppercase;
}

.teamSchedule tbody tr:hover td, .fullSchedule tbody tr:hover td { 
  color: #000000;
  background-color: #e8e9f0;
}

.scheduleHeader, .scheduleHeader td {
  background-color: #8285A9; 
  color: #FFFFFF;
  font-weight: bold;
  padding: 1px 0px 1px 5px;
  white-space: nowrap;
}


/* padding for schedules */
.fullSchedule td, .teamSchedule td { 
    padding: 0px 1px 0px 1px;
}
tbody.upcomingSchedule td { 
    padding: 1px 1px 1px 1px; 
}

/* add dropshadow to icons*/
.mediaLink .mediaIcon {
    border-bottom: 1px solid #B2B2B2;
    border-right:  1px solid #B2B2B2;
}
/* make icons move on mouseover */
.mediaIcon {
    margin: 2px 0px 0px 2px;
}
a.mediaLink, a.mediaLink .mediaIcon {
    margin: 1px 0px 0px 1px;
}
a.mediaLink:hover, a.mediaLink:hover .mediaIcon {
    margin: 0px 1px 1px 0px; 
}

/* additional table formatting for roster tables */
#rosterTable .section td { 
  color: #FFFFFF;
  background-color: #666666;
}

.rosterArea, .rosterArea td {
  background-color: #8285A9; 
  color: #FFFFFF;
  font-weight: bold;
  padding: 1px 0px 1px 5px;
  margin: 10px 0px 0px 0px;
}

.rosterArea td a, .rosterArea td a:hover { 
  color: white;
}

.provInfo { 
  display: block;
  margin-top: 5px;
  font-size: 8pt;
}

/* format country articles from v1 site */
.v1Article { 
  width: 764px;
  padding: 6px; 
}

.v1Roster { 
  padding: 6px;
}
.v1Roster, .v1Roster td { 
  font-size: 9pt; /* font needs to be set on TD - doesnt cascade in IE */ 
}

.bg1 { background-color: #1C256A; }
.bg2 { background-color: #ffffff; }
.bg3 { background-color: #c5c5c5; }
.bg4 { background-color: #E5E6EA; }
.bg5 { background-color: #FBFBFB; }
.bg6 { background-color: #8285A9; }
.bg7 { background-color: #6C6C6C; }