/*
CVS: $Id: h2h_global.css,v 1.54 2011/08/30 20:09:57 cvsdevel Exp $
Title: h2h_global.css
Copyright: (c) 2007
Author: AS
Company: Rhino Internet Solutions
Description: Global styles for Head2Head.com
*/

/* =Import browser specific styles

----------------------------------------------------------*/

@import url(/stylesheets/ie.css);

/* =Basics
----------------------------------------------------------*/

body, blockquote, caption, dl,
dt, dd, ol, ul, li, fieldset,
form, label, object, legend,
p, table, tbody, tfoot,
thead, tr, th, td,
h1, h2, h3, h4, h5, h6 {
   border: 0;
   font-weight: inherit; font-style: inherit;
   font-size: 100%; font-family: inherit;
   list-style: none;
   margin: 0; padding: 0;
   vertical-align: baseline;
   }

input,
select {
   font-weight: inherit; font-style: inherit;
   font-size: 100%; font-family: inherit;
   vertical-align: baseline;
   }

table {
   border-collapse: separate;
   border-spacing: 0;
   }

html { font-size:100.01%; }      /* the font-size: 100.01% corrects disparities in default
                                 font size for Internet Explorer and font resizing in Safari */
a img, img {
   border: none;
   text-decoration: none;
   }

p {
   font-size: .75em; line-height: 1.25em;
   }

a {
   text-decoration: none;
   }

a:hover {
   text-decoration: underline;
   }

h1 {
   font-size: 3em;
   }

h2 {
   font-size: 2.5em;
   }

h3 {
   font-size: 1.5em;
   color: #333;
   margin: 0 0 20px 0; padding: 0 0 5px 10px;
   }

h3 span {
   color: #666;
   font-size: .6em; font-weight: bold;
   text-transform: uppercase;
   }

h4 {
   font-size: 1em; font-weight: normal;
   padding: 0 0 10px 10px;
   }

h5 {
   font-size: .875em; font-weight: bold;
   color: #787878;
   padding: 0 0 5px 10px;
   text-transform: uppercase;
   }

strong,
b {
   font-weight: bold;
   }

hr {
   clear: both;
   height: 1px;
   margin: 0; padding: 0;
   visibility: hidden;
   }

/* =Universal
----------------------------------------------------------*/

body {
   background-color: #FFF;
   font-family: Helvetica, Arial, sans-serif;
   }

#container {
   margin: 0 auto;
   position: relative;
   text-align: left;
   width: 1129px;
   }

#site {
   border-left: 1px solid #CCC;
   border-right: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   float: left;
   padding: 0 0 20px 0;
   position: relative;
   }

.right {
   text-align: right !important;
}

/* =Bug Fixes
--------------------------------------------------------- */

.clear {
   clear: both;
}

.clearfix:after,
form li:after,
.pickem-group li:after,
.popup ul:after {
   visibility: hidden;
   display: block;
   content: "";
   clear: both;
   height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* =Structural Elements
----------------------------------------------------------*/

/* ----{ Tiers }---- */

.tier1 {
   position: relative;
   }

.tier2 {
   background: url(/images/h2h_tan_stripes_bgtile.gif) left top repeat-x;
   padding: 30px 0 20px 0; margin: -8px 0 0 0;
   }

.tier3 {
   background: url(/images/h2h_tan_stripes_bgtile.gif) left top repeat-x;
   border-top: 1px solid #C7C5AC;
   padding: 30px 0;
   }

/* ----{ Columns }---- */

.nine-col {
   width: 945px !important;
   }

.eight-col {
   width: 840px !important;
   }

.seven-col {
   width: 735px !important;
   }

.six-col {
   width: 630px !important;
   }

.five-col {
   width: 525px !important;
   }

.four-col {
   width: 410px !important;
   }

.three-col {
   width: 305px !important;
   }

.two-col {
   width: 200px !important;
   }

.one-col {
   width: 95px !important;
   }

/* =Brand Module
----------------------------------------------------------*/

.mobile-only {
   visibility: hidden;
   }

.h2h-logo a {
   background: transparent url(/images/h2h_logo.png) left top no-repeat;
   float: left;
   height: 59px; width: 376px;
   margin: 20px 126px 0 136px; padding: 0;
   outline: none;
   text-indent: -9999px;
   }

.h2h-logo a:hover {
   text-decoration: none;
   }

.brand-statement {
   color: #FFF;
   font-weight: bold; font-size: 1.125em;
   float: left;
   line-height: 1.25em;
   margin: 16px 0 0 0;
   }

.brand {
   height: 96px;
   }

.badge {
   height: 86px; width: 158px;
   display: block;
   }

.badge-logo {
   outline: none;
   display: inline;        /* IE6 Double Margin Fix */
   font-size: .25em;
   float: right;
   margin: 5px 55px 0 0; padding: 0 0 0 0;
   height: 86px; width: 158px;
   text-indent: -9999px;
   }

.badge-logo a {
   display: block;
   width: 158px;
   height: 86px;
}

.section-ttl {
   font-size: 4em; font-weight: bold;
   line-height: 1em;
   margin: 0 0 0 77px; padding: 6px 0 0 0;
   }

body.no-game .section-ttl,
body.game-0 .section-ttl {
   padding-top: 16px;
}

#site .section-sub-ttl {
   border: none;
   color: #FFF;
   font-size: 1.25em; font-weight: normal;
   line-height: .5em;
   margin: 0 0 0 80px; padding: 0;
   }

/* =Homepage
----------------------------------------------------------*/

/* ----{ Featured Sport }---- */

#home .brand {
   border: none;
   }

#featured-games-module {
   background-color: #600;
   height: 155px;
   }

.fb-feat {
   background: transparent url(/football/images/fb_silhouette_home.gif) left top no-repeat;
   }

.bb-feat {
   background: transparent url(/baseball/images/bb_silhouette_home.gif) 50% 0 no-repeat;
   }

.bk-feat {
   background: transparent url(/basketball/images/bk_silhouette_home.gif) left top no-repeat;
   }

.rc-feat {
   background: transparent url(/racing/images/racing_silhouette_home.gif) left top no-repeat;
   }

.golf-feat {
   background: transparent url(/golf/images/golf_silhouette_home.gif) left top no-repeat;
   }

.hk-feat {
   background: transparent url(/hockey/images/hk_silhouette_home.gif) left top no-repeat;
   }

.other-feat {
   background: transparent url(/other/images/other_silhouette_home.gif) 55% 0 no-repeat;
   }

#featured-games-module h2 {
   color: #FFF !important;
   font-weight: bold;
   float: left;
   margin: 20px 0 0 0; padding: 0 0 0 28px;
   }

#featured-games-module img {
   float: right;
   margin: 10px 10px 0 0;
   }

.feat-list {
   float: left;
   padding: 20px 0 10px 0; margin: 0;
   }

.feat-list h3 {
   border: none;
   color: #FC3;
   font-weight: bold; font-size: .75em;
   margin: 0; padding: 0 0 5px 0;
   text-transform: uppercase;
   }

#featured-games li a {
   color: #FFF;
   font-size: 1em;
   line-height: 1.25em;
   }

#featured-games li a:hover {
   color: #FC3;
   text-decoration: none;
   }

/* ----{ Games List }---- */

#h2h-game-list .open {
   background: transparent url(/images/h2h_open_reg_icon.gif) 0 .5em no-repeat;
   }

#h2h-game-list .upcoming {
   background: transparent url(/images/h2h_upcoming_icon.gif) 0 .5em no-repeat;
   }

#h2h-game-list .in-progress {
   background: transparent url(/images/h2h_in_progress_icon.gif) 0 .5em no-repeat;
   }

#games-legend {
   position: absolute;
   top: 3px; right: 10px;
   }

#games-legend li {
   float: left;
   margin: 0 10px;
   }

.game-list {
   float: left;
   padding: 0; margin: 0 0 0 8px;
   }

.content .game-list ul {
   margin: 0; padding: 0 0 10px 0;
   }

.game-list h4 {
   font-weight: bold; font-size: .8em;
   text-transform: uppercase;
   margin: 0; padding: 0 0 5px 0;
   }

/* =Content
----------------------------------------------------------*/

.content-container {
   height: 1%;             /* IE7 float clear fix */
   margin: 8px 0 20px 0;
   }

#home .content-container {
   margin-bottom: 0;
   }

.content {
   float: left;
   height: 1%;
   margin: 0 10px 10px 0;
   position: relative;
   }

#home .content {
   margin-bottom: 0;
   }

.content p, .content ul,
.content ol, .split-content ul {
   padding: 0 0 20px 10px;
   }

.content ol li {
   font-size: .75em; line-height: 1.25em;
   list-style-type: decimal !important;
   margin: 0 0 0 30px; padding: 5px 0 0 0;
   }

.content ol li li, .content ul li li {
   font-size: 1.0em;
   }

.content li h5 {
   font-size: 1.2em;
   }

.content ul li,
.split-content ul li {
   background: url(/images/h2h_list_arrow.gif) 0 7px no-repeat;
   font-size: .75em; line-height: 1.25em;
   list-style-type: none !important;
   margin: 0; padding: 5px 0 0 15px;
   }

.content.five-col p, .content.five-col li,
.content.five-col h4, .content.five-col h5 {
   padding-right: 30px;
   }

.minor-list li {
   background: url(/images/h2h_list_arrow.gif) 0 7px no-repeat;
   font-size: inherit;
   line-height: 1.25em;
   margin: 0 0 0 5px; padding: 5px 0 5px 10px;
   }

.featured-game-logo {
   display: inline;        /* IE6 Double Margin Fix */
   float: left;
   margin: 10px 20px 0 20px;
}

.featured-game-logo a {
   text-indent: -9999px;
}

.sub-game {
   text-indent: -9999px;
   display: block;
   margin: -10px 10px 0 10px;
   }

.content ul.featured-game-list {
   display: block; float: left;
   padding-bottom: 10px;
   width: 410px;
   }

p.featured-game-buttons {
   margin-left: 205px;
   padding: 0;
   *clear: left;
}

p.featured-game-buttons a.registernow,
p.featured-game-buttons a.trydemo {
   float: left;
   display: block;
   font-weight: bold;
   padding: 10px 0 0 10px;
   line-height: 1.3em;
	cursor: pointer;
}

p.featured-game-buttons a.registernow:hover,
p.featured-game-buttons a.trydemo:hover {
   text-decoration: none;
   background-position: 0px -60px;
}

p.featured-game-buttons a.registernow {
   background: transparent url(/images/registration/seo/registernow-wide.png) left top no-repeat;
   width: 395px;
   font-size: 1.4em;
   padding-top: 20px;
   height: 40px;
}

#site p.featured-game-buttons a.registernow {
   color: #fff !important;
}

p.featured-game-buttons a.registernow.short {
   background-image: url(/images/registration/seo/registernow-med.png);
   width: 295px;
}

p.featured-game-buttons a.registernow img {
   float: right;
   margin-top: -20px;
}

p.featured-game-buttons a.registernow span {
   display: block;
   color: #fc6 !important;
   font-weight: normal;
   font-size: .85em;
   margin-top: -6px;
   line-height: 1em;
}

p.featured-game-buttons a.trydemo {
   width: 95px;
   height: 41px;
   padding-top: 19px;
   margin-left: 5px;
   font-size: 1em;
}

#site p.featured-game-buttons a.trydemo:hover,
p.featured-game-buttons a.trydemo:hover span {
   color: #fff !important;
}

#site p.featured-game-buttons a.trydemo {
   color: #000 !important;
}

p.featured-game-buttons a.trydemo span {
   display: block;
   color: #910101 !important;
   font-weight: normal;
   font-size: .85em;
   line-height: 1em;
}

a.content-button,
a.big-content-button {
   color: #FFF !important;
   clear: both;
   font-size: 1.33em; font-weight: bold;
   line-height: 2em;
   margin: 0 10px 0 0; padding: 7px 10px !important;
   text-decoration: none; text-align: center;
   }

#site a.big-content-button {
   color: #333 !important;
   font-size: 2em;
   padding: .5em !important;
   }

a.content-button:hover,
a.big-content-button:hover {
   text-decoration: none;
   }

.disclaimer {
   color: #C00;
   font-style: italic;
   }

.pickem, .roster,
.players, .standings,
.slot1, .slot2, .slot3 {
   float: left;
   }

/* .slot1 {
   clear: both;
   } */

.slot2,
.slot3 {
   xborder: 1px solid #000;
   margin: 0 0 0 10px;
   }

.tier2 .slot1 h4, .tier2 .slot2 h4 {
   font-size: 1.25em;
   margin: 20px 0 15px 0; padding: 0 0 7px 0;
   }

.tier3 .slot1 h4, .tier3 .slot2 h4, .tier3 .slot3 h4 {
   font-size: 1.25em;
   padding: 0 0 5px 0; margin-bottom: 10px;
   }

.tier2 .slot1 h4, .tier3 .slot1 h4,
.tier2 .slot1 ul, .tier2 .slot1 p,
.tier3 .slot1 ul, .tier3 .slot1 p {
   padding-left: 10px;
   }

.tier3 .slot1 ul, .tier3 .slot2 ul {
   margin: 10px 0 0 0;
   }

.tier3 .slot1 ul li, .tier3 .slot2 ul li,
.tier3 .slot1 p, .tier3 .slot2 p, .tier3 .slot3 p {
   font-size: .75em; line-height: 1.25em;
   padding-bottom: 15px;
   }

.slot1.gametour ul li, .slot2.gametour ul li {
   font-size: .75em; line-height: 1.25em;
   }

.tier3 .slot1 em {
   color: #666;
   }

.football-list, .baseball-list,
.basketball-list, .racing-list,
.golf-list, .hockey-list,
.other-list {
   float: left;
   }

#site .football-list h5, #site .baseball-list h5,
#site .basketball-list h5, #site .racing-list h5,
#site .golf-list h5, #site .hockey-list h5,
#site .other-list h5 {
   border: none;
   }

#site .football-list h5 span, #site .baseball-list h5 span,
#site .basketball-list h5 span, #site .racing-list h5 span,
#site .golf-list h5 span, #site .hockey-list h5 span,
#site .other-list h5 span {
   border-top: 1px solid #CCC;
   color: #333;
   display: block;
   padding: 6px 0 0 0; margin: 3px 0 0 0;
   text-transform: none !important;
   }

.partners h5 {
   clear: both;
   }

.partner-logo {
   float: right;
   margin: 0 0 20px 20px;
   }

/* ----{ Minor Content }---- */

.minor-content {
   float: right;
   margin: 0;
   }

.minor-list,
.minor-content p,
.minor-content .testimonial li {
   color: #666;
   font-size: .75em;
   margin: 0; padding: 10px 10px 10px 0;
   }

.minor-content h3 {
   padding-left: 0; margin-bottom: 10px;
   }

.minor-content h4 {
   padding: 0 0 10px 0;
   }

.minor-content .testimonial {
   font-size: 1.16em;
   font-style: italic;
   }

.minor-content .testimonial strong {
   font-style: normal;
   }

.minor-content .testimonial ul li {
   background: transparent url(/images/h2h_list_arrow.gif) 7px 3px no-repeat;
   padding: 0 0 0 1.5em;
   margin: .5em 0;
   line-height: 1.25em;
}

.split-content {
   float: right;
   }

.split-content h3,
.split-content h5 {
   padding-left: 0 !important;
   }

.split-content p {
   margin: 0; padding: 10px 10px 10px 0;
   }

/* ----{ My Teams }---- */
.minor-content .seasonpass {
   margin-bottom: 10px;
   }

.minor-content .seasonpass div.football-list,
.minor-content .seasonpass div.baseball-list,
.minor-content .seasonpass div.basketball-list,
.minor-content .seasonpass div.racing-list,
.minor-content .seasonpass div.golf-list,
.minor-content .seasonpass div.hockey-list,
.minor-content .seasonpass div.other-list {
   margin-bottom: 20px;
   border-bottom: 1px solid #CCC !important;
   }

.minor-content .seasonpass .content {
   color: #333; font-size: .875em;
   border-top: 1px solid #CCC !important;
   margin: 0; padding: 10px 0 6px 0;
   width: 305px;
   }

.minor-content .seasonpass .h2h-int-promo {
   float: right;
   margin: -4px 0 0 10px;
   }

body #site .minor-content .seasonpass .h2h-int-promo a {
   width: 100px; text-align: center;
   padding: 2px 10px !important;
   display: block;
   }

.content .two-col div.h2h-int-promo {
   margin: -10px 10px 20px 10px;
   font-size: 0.875em;
   width: 155px;
   }

body #site .content .two-col div.h2h-int-promo a {
   width: auto; text-align: center;
   padding: 2px 10px !important;
   }

/* ----{ Player News }---- */

div.player-news,
div.acct-info {
   background: #F5F4F0 url(/images/h2h_tan_stripes_bgtile_bottom.gif) left bottom repeat-x;
   border: 1px solid #EEE;
   margin: 0 0 10px 10px;
   }

.player-news h5 {
   border-bottom: 1px solid #CCC;
   padding: 0 0 7px 0; margin: 10px;
   }

.player-news p {
   padding: 0 10px 10px 10px;
   }

.six-col ul.player-news li {
   float: left;
   width: 300px;
   margin-right: 10px;
   }

ul.player-news em {
   padding-right: 0.75em;
   }

/* ----{ Player Bio Page }---- */

.minor-content.player-stats {
   xmargin: 1.75em 0 0 0;
   }

.minor-content.player-stats h5 {
   color: #666 !important;
   margin: 15px 0 0 0; padding: 0 0 0px 0;
   }

h3.bangforthebuck {
   height: 30px;
   overflow: hidden;
   }

.minor-content.player-stats h5.bangforthebuck {
   height: 20px;
   overflow: hidden;
   }

.minor-content.player-stats .tbl-ttl,
.split-content .tbl-ttl {
   color: #666;
   font-size: .875em !important;
   text-transform: uppercase;
   }

#player-details {
   margin: 10px 0; padding: 0;
   }

#player-details .slot1,
#player-details .slot2 {
   color: #666;
   font-size: .75em; font-weight: bold;
   margin: 0; padding: 10px 0;
   text-align: center;
   width: 47%;
   }

#player-details .slot1 {
   border-right: 1px solid #CCC;
   }

#player-details .slot1 span,
#player-details .slot2 span {
   font-size: 3em;
   display: block;
   margin: 0; padding: 5px 0;
   }

#player-details .slot1 span.owner {
   font-size: 2em;
   padding: 8px 0;
   }

.bangforbuck {
   font-size: 1.75em; font-weight: bold;
   margin: 10px 0 -10px 0; padding: 0;
   text-transform: none;
   }

.fire {
   color: #F60 !important;
   }

.hot {
   color: #C90 !important;
   }

.warm {
   color: #693 !important;
   }

.lukewarm {
   color: #699 !important;
   }

.cold {
   color: #09C !important;
   }

.six-col h5#past-performance {
   border-bottom: 1px solid #CCC;
   }

#upcoming-schedule.six-col {
   margin-top: .50em;
   border-bottom: 1px solid #CCC;
   }

.six-col #upcoming-schedule .tbl-ttl {
   color: #787878;
   font-size: .875em !important;
   text-transform: uppercase;
   background: none;
   }

/* ----{ Performance Chart }---- */

.sidestats {
   margin: 1px 0 20px 0;
   }

.sidestats ul {
   background-color: #E0E0E0;
   border-bottom: 1px solid #CCC;
   padding: 5px 0;
   }

.sidestats ul li {
   background: #300 url(/images/h2h_chartother.png) left top repeat-x;
   color: #FFF;
   font-size: .75em;
   height: 30px;
   margin: 5px 0;
   }

.sidestats ul li span {
   line-height: 30px;
   margin-left: 10px;
   vertical-align: middle;
   }

.sidestats ul li span.weak {
   color: #999;
   }

.sidestats ul li.current {
   background: #A00 url(/images/h2h_chartcurrent.png) left top repeat-x;
   }

/* ----{ Pick'em }---- */

.pickem-group {
   margin-bottom: 15px;
   }

.pickem-group h3 {
   font-size: 1.25em;
   margin: 0 0 1px 0;
   }

.pickem-group.slot2 h3 {
   padding-left: 0;
   }

.pickem-group h3 span {
   color: #999;
   font-size: .75em; font-weight: normal;
   font-style: italic; text-transform: none;
   }

.pickem-group ul {
   margin: 0 0 20px 0; padding: 0 0 0 0;
   }

.pickem-group li {
   border-bottom: 1px solid #FFF;
   font-size: .825em;
   margin: 0 !important; padding: 5px 10px !important;
   }

.pickem-group.slot1 {
   clear: both;
   }

.pickem-group li a {
   font-size: 1em;
   float: left;
   line-height: 1.3em; vertical-align: middle;
   }

.pickem-group li a.pickem-select {
   background: transparent url(/images/h2h_pickem_unselected.gif) 100% 50% no-repeat;
   outline: none;
   float: right;
   text-indent: -9999px;
   width: 50px;
   }

.pickem-group li a.pickem-select:hover {
   background: transparent url(/images/h2h_pickem_over.gif) 100% 50% no-repeat;
   }

.pickem-group li a.selected {
   background: transparent url(/images/h2h_pickem_selected.gif) 100% 50% no-repeat;
   float: right;
   outline: none;
   text-indent: -9999px;
   width: 50px;
   }

/* .pickem-group li a.selected:hover {
   background: transparent url(/images/h2h_pickem_deselect.gif) 100% 50% no-repeat;
   } */

/* ----{ Popups }---- */

.popup {
   background-color: #FFF !important;
   padding: 10px;
   }

.popup h5, .popup p {
   clear: left;
   }

.popup h5, .popup h3 {
   position: relative;
   z-index: 2;
   }

.popup ul {
   margin: 0 0 20px 10px;
   }

.popup ul li {
   font-size: .75em;
   float: left;
   width: 45%;
   }

.popup .schedbyteam {
   float: left;
   width: 45%;
   }

.popup .schedbyteam ul li {
   float: none;
   }

ul.bowlgames li {
   margin-bottom: 5px;
   }

.popup ul.bowlgames li {
   margin-bottom: 15px;
   }

.popup table.schedule {
   width: 100%;
   }

/* ----{ Site Map }---- */

.site-map .content.two-col ul {
   padding-bottom: 0 !important;
   }

.site-map .content.two-col strong {
   text-transform: uppercase;
   }

/* =Announcements and Errors
----------------------------------------------------------*/

.announcement,
.error {
   background-color: #FFC;
   border: 1px solid #CC9;
   clear: both;
   margin: 10px 0 30px 105px; padding: 0;
   }

#home .announcement {
   margin-bottom: 20px; margin-top: 0;
   }

.six-col .announcement,
.six-col .error {
   margin-left: 10px;
   width: 610px !important;
}

.announcement-close {
   float: right;
   height: 28px; width: 29px;
   padding: 0 0 20px 0;
   }

.announcement-close a {
   background: url(/images/announcement_close.gif) right top no-repeat;
   border: none; outline: none;
   display: block;
   height: 28px; width: 29px;
   text-indent: -9999px; text-decoration: none;
   }

.announcement h5,
.error h5 {
    font-size: .875em; font-weight: bold;
    text-transform: uppercase;
    margin: 15px 15px 10px 5px;
   }

.announcement h5 {
   color: #333;
   }

.error h5 {
   color: #C00;
   }

.announcement p,
.error p {
   color: #333;
   font-size: .6875em;
   padding: 0 15px 10px 15px;
   }

.error ul {
   margin: 0 15px 10px 25px;
   }

.error ul li {
   color: #C00;
   font-size: .75em; line-height: 1.5em;
   list-style-type: square;
   }

/* =Game Tours
----------------------------------------------------------*/

div.gametour.salarycapcup1 ul {
   background: #FFF url(/images/gametours/salarycapcup1.png) left top no-repeat;
   padding-top: 200px;
   }

div.gametour.salarycapcup2 ul {
   background: #FFF url(/images/gametours/salarycapcup2.png) left top no-repeat;
   padding-top: 200px;
   }

div.gametour.salarycapcup3 ul {
   background: #FFF url(/images/gametours/salarycapcup3.png) left top no-repeat;
   padding-top: 200px;
   }

div.gametour.salarycapcup4 ul {
   background: #FFF url(/images/gametours/salarycapcup4.png) left top no-repeat;
   padding-top: 200px;
   }

div.gametour.salarycapcup5 ul {
   background: #FFF url(/images/gametours/salarycapcup5.png) left top no-repeat;
   padding-top: 200px;
   }

div.gametour.salarycapcup6 ul {
   background: #FFF url(/images/gametours/salarycapcup6.png) left top no-repeat;
   padding-top: 200px;
   }

/* =Tables
----------------------------------------------------------*/

th, td {
   border-right: 1px solid #FFF;
   border-top: 1px solid #FFF;
   font-size: .75em;
   padding: 7px 5px;
   position: relative;
   text-align: left;
   }

tfoot {
   font-weight: bold;
   }

th em, td em {
   color: #444;
   font-weight: normal;
   white-space: nowrap;
   }

li td, li th {
   font-size: inherit !important;
   }

.stats em {
   display: block;
   }

.stats .divider, .scores .divider {
   border-right: 10px solid #FFF;
   }

.livestats .divider {
   border-right: 5px solid #FFF;
   }

.livestats {
   width: 14%;
   }

.livestats .team-stats-ttl {
   border-top: none;
   padding: 0 0 5px 5px;
   font-size: 1.5em; text-align: left;
   line-height: .8em; vertical-align: bottom;
   }

.livestats .opp-stats-ttl {
   border-top: none;
   font-size: 1.125em; font-weight: normal;
   line-height: .8em; vertical-align: bottom;
   margin: 0 0 1px 0; padding: 0 0 5px 5px;
   text-align: left;
   }


.tbl-ttl, .roster .team-ttl,
.stats .team-stats-ttl {
   border-top: none;
   padding: 0 0 10px 10px;
   font-size: 1.5em; text-align: left;
   line-height: .8em; vertical-align: bottom;
   }

.tbl-ttl a {
   font-size: .5em;
   margin: 0; padding: 0;
   }

.minor-content .tbl-ttl,
.split-content .tbl-ttl {
   font-size: 1em; font-weight: bold;
   padding: 0 0 10px 0;
   }

.livestats .team-stats-ttl em, .stats .team-stats-ttl em,
.scores .scores-ttl em, .opp-stats-ttl em, .tbl-ttl em {
   color: #666;
   display: inline;
   font-size: .75em; font-style: normal;
   }

.stats .opp-stats-ttl,
.scores .scores-ttl {
   border-top: none;
   font-size: 1.125em; font-weight: normal;
   line-height: .8em; vertical-align: bottom;
   margin: 0 0 1px 0; padding: 0 0 10px 10px;
   text-align: left;
   }

.opp-stats-ttl a,
.team-stats-ttl a {
   color: #666;
   font-size: .75em;
   }

.opp-stats-total {
   color: #FFF;
   }

.tbl-hdr {
   background-color: #B3B3B3;
   font-weight: bold;
   }

#site .tbl-hdr a {
   background: url(/images/h2h_up_down_arrow.gif) 100% 25% no-repeat;
   padding: 0 15px 0 0;
   text-decoration: none !important;
   }

#site .tbl-hdr a:hover {
   background: url(/images/h2h_up_down_arrow_on.gif) 100% 25% no-repeat;
   text-decoration: underline !important;
   }

#site .tbl-hdr .desc a {
   background: url(/images/h2h_down_arrow_on.gif) 100% 25% no-repeat;
   }

#site .tbl-hdr .asc a {
   background: url(/images/h2h_up_arrow_on.gif) 100% 25% no-repeat;
   }


tr.odd, li.odd {
   background-color: #E0E0E0 !important;
   }

tr.even, li.even {
   background-color: #F0F0F0 !important;
   }

/*
tr.dq, li.dq {
   background-color: #fafafa !important;
   }
*/
tr.dq td {
   text-decoration: line-through;
   }

tr.unread td, span.unread {
   font-weight: bold;
   }

#site .livestats tfoot a, .stats tfoot a {
   color: #FFF !important;
   font-weight: normal;
   }

#scores-container {
   float: left;
   }

.scores-container p {
   padding-left: 5px;
   }

.tbl-total {
   font-weight: bold;
   text-align: center;
   }

.send-msg a {
   background: url(/images/h2h_send_msg_icon.gif) top right no-repeat;
   border: none; outline: none;
   display: block;
   float: right;
   height: 13px; width: 23px;
   text-indent: -9999px; text-decoration: none;
   }

.team-score {
   float: left;
   }

.tbl-stat1, .stats .tbl-stat1 {
   width: 14%;
   }

.pagination {
   border-bottom: 1px solid #CCC;
   }

.pagination p {
   color: #CCC;
   font-size: .875em;
   height: 30px;
   line-height: 30px;
   margin: 0 !important; padding: 0 0 0 10px;
   vertical-align: middle;
   }

.pagination p a {
   padding: 0 5px;
   font-weight: bold;
   }

.Injured, .News, .Bye, .Protected {
   height: 13px; width: 13px;
   float: right !important;
   padding-left: 3px;
   }

.Injured a, .News a, .Bye a, .Protected a {
   border: none;
   display: block;
   height: 13px; width: 13px;
   outline: none;
   text-indent: -9999px;
   }

.Injured a, #site li.Injured,
div.popup ul li.Injured {
   background: transparent url(/images/h2h_injured.gif) left top no-repeat;
   }

.News a {
   background: transparent url(/images/h2h_news.gif) left top no-repeat;
   }

.Bye a, #site li.Bye,
.popup li.Bye {
   background: transparent url(/images/h2h_bye.gif) left top no-repeat;
   }

.Protected a, #site li.Protected,
.popup li.Protected {
   background: transparent url(/images/playerstatus/protected.png) left top no-repeat;
   }

div.popup ul li.Injured, div.popup ul li.Bye, div.popup ul li.Protected,
#site li.Injured, #site li.Bye, #site li.Protected {
   float: none !important;
   height: auto !important; width: auto !important;
   padding-left: 20px !important;
   position: relative;
   }

.Locked {
   display: none;
}

.livestats tr td.livefeed {
   font-weight: bold;
   }


/* =Forms
-------------------------------------------------------------*/

form fieldset {
   background: #F5F4F0 url(/images/h2h_tan_stripes_bgtile_bottom.gif) left bottom repeat-x;
   border-bottom: 1px solid #CCC;
   padding: 0 10px 10px 10px; margin: 0 0 20px 10px;
   }

form legend {
   color: #999;
   font-size: .875em; font-weight: bold;
   letter-spacing: .1em;
   padding: 0 5px; margin: 0;
   text-transform: uppercase;
   }

#site form ul {
   margin: 0; padding: 0;
   }

#site form li {
   background-image: none !important;
   font-size: .75em;
   height: 1%;          /* IE6 Float Fix */
   padding: 5px 0; margin: 3px 0 0 0;
   line-height: .1em;
   vertical-align: middle;
   clear: left;
   }

form li .separator {
   border-bottom: 1px dotted #CCC;
   }

form a.alt-link {
   font-size: .75em;
   }

form li label {
   float: left;
   font-weight: bold;
}

form li label,
form li span.amount {
   line-height: 1.5em;
   padding: .25em 0 0 0;
   vertical-align: middle;
   }

form li input, form li select,
form li textarea {
   background-color: #FFF;
   border: 3px solid #AAA;
   float: right;
   font-size: 1em; font-family: inherit;
   line-height: 15px;
   padding: 4px;
   }

form li input:focus, form li select:focus,
form li textarea:focus {
   background-color: #FFC;
   border: 3px solid #999;
   }

form li input[type="radio"],
form li input[type="checkbox"] {
   border: 0;
   }

form li.divider {
   border-bottom: 1px dashed #CCC;
   }

form input.function-button,
a.function-button {
   border: none;
   color: #FFF;
   cursor: pointer;
   font-weight: bold;  font-size: .75em;
   font-family: Helvetica, Arial, sans-serif;
   letter-spacing: .15em;
   padding: 7px; margin: 0 0 0 10px;
   text-transform: uppercase;
   }

a.function-button {
   letter-spacing: 0.21em;
   text-align: center;
   display: block;
   float: left;
}

a.function-button:hover {
   text-decoration: none;
}

a.function-button.two-col {
   width: 186px !important;
}

form li input.function-button {
   border: none;
   }

.minor-content .poll {
   clear: left;
   }

.poll .function-button {
   margin: 15px 10px 0 0;
   }

.poll li p {
   padding-top: 3px;
   padding-bottom: 3px;
   }

.button-container {
   clear: both;
   }

form li label em {
   color: #666;
   font-weight: normal;
   }

form li .radio-container {
   float: right;
   line-height: 1.25em; vertical-align: middle;
   padding: 3px 0; margin: 0 3px 0 0;
   }

form li .radio-container.six-col {
   float: none;
   width: 600px !important;
   margin: 0;
   }

form .reason .radio-container input,
form .reason .radio-container label {
   float: left !important;
   }

form .reason li .radio-container label {
   margin: -0.125em 0 0 0;
   padding: 0 0 0.5em 0.25em;
   line-height: 2em;
   width: 124px;
   }

.radio-container input,
.radio-container label {
   float: none !important;
   border: none;
   }

form li .radio-container .sub-select,
form li .radio-container label {
   background-color: transparent;
   border: none;
   display: block;
   font-weight: normal;
   }

form li .radio-container label {
   float: right;
   margin: -1.75em 0 0 2em;
   width: 275px;
   }

form li .radio-container.six-col label {
   width: 560px;
   }

#paidtrades {
   border: 3px solid #DDD;
   margin-left: 95px;
   width: 20px !important;
   }

.paidtrades {
   padding-left: 115px;
   }

.paidtrades label {
position: relative;
left: -60px;
top: -4px;
margin-left: 85px !important;
}

form li .sm {
   border: 3px solid #DDD;
   float: none;
   margin: 0 10px 0 0;
   width: 50px;
   }

form li .med {
   float: none;
   margin: 0 10px 0 0;
   width: 75px;
   }

form ul li label a {
   font-weight: normal;
   text-decoration: none;
   }

.desc-list p {
   font-size: inherit;
   margin: 0; padding-left: 0;
   }

.desc-list p em {
   color: #666;
   }

.search {
   margin-top: 20px;
   }

input.hidden {
   display: none;
   }

/* =Promotions and Advertising
-------------------------------------------------------------*/

/* ----{ H2H Content Promos }---- */

#site .h2h-int-promo a:hover {
   text-decoration: none;
   color: #fff !important;
}

.three-col div.h2h-int-promo {
   margin: 0 0 15px 0;
   width: 298px !important;
   }

body #site .h2h-int-promo h4 {
   font-size: 1.4em; font-weight: bold;
   line-height: .9em;
   margin: 0; padding: 0 !important;
   }

body #site .three-col div.h2h-int-promo a {
   display: block;
   padding: 10px 15px; margin: 0;
   text-decoration: none;
   height: 55px;
   overflow: hidden;
	cursor: pointer;
   }

body #site .h2h-int-promo a:hover {
   background-position: 0 -75px;
   }

body #site .three-col div.video a {
   background: transparent !important;
   width: 298px;
   height: auto;
   padding: 0;
   display: block;
}

body #site .three-col div.video a:hover {
   background-position: 0 0;
}

.h2h-int-promo span {
   display: block;
   font-size: .5em; font-weight: normal;
   line-height: 1.5em;
   font-style: italic;
   }

.h2h-int-promo p {
   display: block;
   font-size: .75em; font-weight: normal;
   padding-left: .75em;
   }

/* ----{ Ad Positions }---- */

#adslot1 {
   float: right;
   padding: 30px 0 0 0;
   }

.adslot2 {
   float: right;
   margin: 1.75em 0 0 0; padding: 0;
   }

#site .adslot2 .livestats {
   background-color: #FFF !important;
   border-bottom: none !important;
   position: relative;
   top: -48px;
   }

#site .adslot2 .livestats p {
   color: #333 !important;
   margin: 5px 0 !important;
   text-transform: none !important;
   }

/* .adslot2 .livestats {
   padding-bottom: 12px;
   position: relative;
   top: -48px;
   } */

body #site .adslot2 .livestats h4 {
   padding: 10px !important;
   display: block;
   font-size: 1em;
   }

.adslot2 p.livestats-header {
   color:#666666;
   position: relative;
   top: -44px !important;
   }

.minor-content .adslot2 {
   float: none;
   }

.adslot2 p, #adslot1 p {
   color: #CCC;
   margin: 20px 0 5px 0;
   text-transform: uppercase;
   }

.tier3 .adslot2 {
   margin: 1.5em 0 0 0;
   }

.adslot3 {
   padding: 20px 10px 0 10px;
   }

.adslot3 p {
   color: #CCC;
   padding: 0 10px 5px 0;
   text-transform: uppercase;
   float: left;
   }

.adslot3 div {
   float: left;
   }

/* =Mock Rosters
----------------------------------------------------------*/
div.roster p {
   margin: 0 0 1em 1em;
   }

.Change {
   padding-left: 3px;
   overflow: hidden;
   }

.Change a {
   border: none;
   outline: none;
   font-size: 90%;
   }

.changed {
   background-color: #fc3;
   }

#changeroster tfoot td.remaining {
   font-weight: normal;
   color: #333;
   }

#changeroster tfoot td.over {
   color: #c00;
   }

#submit-roster {
   margin-top: 2em;
   display: none;
   }

/* =PR, 2009 July: Registration Helpers
----------------------------------------------------------*/

div.registrationhelp {
   position: relative;
   top: 5px;
   line-height: 120% !important;
   clear: both;
   float: none;
   width: 580px;
   margin: 10px 0px 0px;
   padding: 10px;
   font-size: 90%;
   background-color: #eef9ff;
   border: 1px solid #9ab;
   }

/* =Registration changes (2010)
----------------------------------------------------------*/
ul.progressbar {
   margin-bottom: 1em;
   padding-left: 10px;
   background: transparent url(/images/registration/bgline.gif) left top repeat-x;
   height: 52px;
}

ul.progressbar li {
   float: left;
   width: 170px;
   margin-right: 10px;
}

ul.progressbar li a {
   display: block;
   padding: 0 10px;
   font-size: 12px;
   line-height: 24px;
   padding: 0 0 21px 54px;
   text-decoration: none;
   font-weight: bold;
   outline: none;
   text-transform: uppercase;
}

ul.progressbar li a:hover {
   text-decoration: none;
   }

ul.progressbar li span {
   width: 112px;
   height: 7px;
   display: block;
   margin: 0 0 0 -3px; padding: 0;
   border-left: 1px solid #999;
}

ul.progressbar li#progress-step1 a { background: transparent url(/images/registration/1.png) left top no-repeat; }
ul.progressbar li#progress-step2 a { background: transparent url(/images/registration/2.png) left top no-repeat; }
ul.progressbar li#progress-step3 a { background: transparent url(/images/registration/3.png) left top no-repeat; }
ul.progressbar li#progress-step4 a { background: transparent url(/images/registration/4.png) left top no-repeat; }

ul.progressbar li.inactive { background: transparent url(/images/registration/highlight-inactive.gif) left top no-repeat; }
ul.progressbar li.active   { background: transparent url(/images/registration/highlight-seasonpass.gif) left top no-repeat; }
ul#regform-progress li.inactive a { cursor: default; color: #999 !important; }
ul#regform-progress li.current a { cursor: default; color: #333 !important; }

input.disabled {
   background-color: #999 !important;
}

div.paybycredit {
   width: 90px; height: 17px;
   text-align: right;
   float: right;
   margin: 10px 26px 0 0;
   clear: both;
}

div.highstakes {
   background-color: #FFC;
}

div.highstakes .disclaimer {
   display: block;
   padding-top: 1em;
}

div.bestvalue {
   background: transparent url(/images/registration/bestvalue.png) right top no-repeat;
}

fieldset#regform-package li .radio-container {
   margin-bottom: 0.5em;
}

fieldset#regform-package div.bestvalue label,
fieldset#upgradeform-package div.bestvalue label {
   width: 220px;
}

fieldset#regform-verify {
   background: #FFC;
}

fieldset#regform-verify li {
   padding: 0;
}

fieldset#regform-verify li label {
   font-weight: normal;
}

form li span.amount {
   float: right;
}

fieldset#regform-verify li.total {
   border-top: 1px solid #000;
   padding-top: 3px;
}

form li.total label,
form li.total span.amount,
form li.fbtotal label,
form li.fbtotal span.amount {
   font-weight: bold;
}

#choosepayment {
   clear: both;
   margin: 0 10px;
}

#choosepayment input#regform-prev {
   float: left;
}

#choosepayment div {
   float: right;
   width: 410px;
   text-align: right;
}

#choosepayment div strong {
   text-transform: uppercase;
   color: #666;
   margin: 0 5px;
}

fieldset li div.tradehelp {
   float: left;
   width: 200px;
   clear: both;
   line-height: 1.2em;
   font-style: italic;
   margin-top: 0.5em;
}

fieldset#tradeform-ccard input#tradeform-paypal,
fieldset#upgradeform-ccard input#upgradeform-paypal,
#choosepayment input#regform-paypal {
   width: 145px;
   height: 25px;
   cursor: pointer;
   text-indent: -9999px;
   border: none;
   background: transparent url(https://www.paypal.com/en_GB/i/btn/btn_xpressCheckout.gif) left top no-repeat;
   padding: 0;
}

input#regform-paypal {
   margin: 0 10px;
}

input#tradeform-paypal,
input#upgradeform-paypal {
   float: left;
   margin-left: 0;
   margin-bottom: 1em;
}

div#siteseal {
   text-align: center;
   margin-top: 10px;
}

select#creditcardtype option#ccard-visa       { background: transparent url(/images/ccards/visa.gif) right top no-repeat; }
select#creditcardtype option#ccard-mastercard { background: transparent url(/images/ccards/mastercard.gif) right top no-repeat; }
select#creditcardtype option#ccard-amex       { background: transparent url(/images/ccards/amex.gif) right top no-repeat; }
select#creditcardtype option#ccard-discover   { background: transparent url(/images/ccards/discover.gif) right top no-repeat; }

fieldset#leagueform-public,
fieldset#leagueform-join,
fieldset#leagueform-create {
   padding-top: 0.5em;
}

fieldset#leagueform-join ul {
   margin: 0.5em 0 0 0 1em;
}

fieldset#leagueform-join ul li {
   background: url(/images/h2h_list_arrow.gif) 0 7px no-repeat !important;
   padding: 5px 0 0 15px;
   line-height: 1.25em;
}

fieldset#leagueform-join ul li em {
   color: #666;
   font-size: 0.9em;
}

fieldset#leagueform-search ul,
fieldset#leagueform-join ul {
   margin-left: 10px;
}

h5.leagueurl {
   text-transform: none;
   margin-left: 1em;
}

/* =Game selling
----------------------------------------------------------*/

table.prizes {
   border: none;
   margin-bottom: 1em;
   width: 304px;
}

table.prizes thead tr th {
   background: transparent url(/images/registration/prizes.png) 3px 3px no-repeat;
   text-indent: -9999px;
   height: 54px;
   border: none;
   margin: 0; padding: 0;
}

table.prizes td {
   border: none;
   border-bottom: 1px solid #fff;
   color: #fff;
   font-size: 1.25em;
   font-weight: bold;
   padding: 2px 5px;
}

table.prizes tbody tr.last td {
   border-bottom: none;
}

table.prizes td.place {
   text-align: right;
   padding-right: 1em;
   width: 152px;
}

table.prizes td.place sup {
   font-size: 0.65em;
}

table.prizes td.prize {
   text-align: left;
   padding-left: 1em;
   width: 152px;
}

table.prizes tfoot tr td {
   margin-top: -1px;
   text-align: center;
   font-size: 1.15em;
}

.photo {
   text-align: center;
}

.photo img {
   border: 1px solid #999;
   padding: 2px;
}

#site .brand-promo {
   clear: left;
   display: block;
}

#site .brand-promo a {
   display: block;
   color: #fff !important;
   font-size: 1.6em; font-weight: bold;
   margin: 0 10px; padding: 20px;
   line-height: 1em;
   height: 60px;
   background: transparent url(/images/registration/redbanner.png) left top no-repeat;
   overflow: hidden;
	cursor: pointer;
}

#site .brand-promo a span {
   display: block;
   color: #d1a528 !important;
   font-weight: normal;
}

#site .brand-promo a:hover {
   background-position: 0px -100px;
   text-decoration: none;
}

#site .brand-promo a:hover span {
   color: #fff;
}

.h2h-int-promo a img {
   float: right; display: block;
   width: 75px; height: 75px;
   margin: -10px -10px 0 0;
   border: 0;
}

#site .brand-promo a img {
   float: right; display: block;
   width: 100px; height: 100px;
   margin: -20px -20px 0 0;
   border: 0;
}

body #site .three-col div.h2h-int-promo.video a img {
   float: none;
   width: 298px; height: 248px;
   margin: 0; border: 0;
}

.three-col .joinnow,
.adslot2 .registernow {
   margin-top: 0.8em;
}

.minor-content .registernow {
   margin-top: 2.55em;
}

#site .three-col .registernow a {
   color: #fff !important;
}

#site .three-col .registernow a:hover {
   background-position: 0px -75px;
}

.three-col .taketour a {
   height: 44px;
}

.three-col .mockroster a {
   height: 44px;
}

body #site .three-col .reg-game-promo h4 {
   font-size: 1.1em;
}

body #site .three-col .reg-game-promo a {
   padding-left: 10px;
   padding-right: 10px;
}

body #site .three-col .reg-game-promo span {
   font-style: normal;
   font-size: 0.6em;
}

#upcoming-schedule.three-col {
   margin-bottom: 15px;
}

.three-col .search {
   margin: 0 0 15px 0;
}

.three-col .search fieldset {
   margin-left: 0;
   padding-left: 5px;
}

.three-col .search input.two-col {
   float: left;
}

.three-col .search input.function-button {
   float: right;
   margin-left: 0;
}

/** IE 6/7 hacks */
*:first-child+html .three-col .search input.two-col { width: 185px !important}
/*\*/ * html .three-col .search input.two-col { width: 185px !important} /**/

/* =Autocompleter (league registration)
----------------------------------------------------------*/
.ac_results {
	padding: 0px;
	background-color: #eee;
	overflow: hidden;
}

.ac_results ul {
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
   border-left: 2px solid #aaa;
   border-right: 2px solid #aaa;
   border-bottom: 1px solid #aaa;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	font-size: .75em;
	overflow: hidden;
   border-bottom: 1px solid #aaa;
}

.ac_loading {
	background: transparent url(/images/loading.gif) right center no-repeat;
}

.ac_over {
	color: #fff;
}

/* =My Account
----------------------------------------------------------*/

div.acct-info h5 {
   margin-top: 10px;
}

.content div.acct-info ul {
   padding-bottom: 10px;
}

table.fantasybucks .tbl-ttl em {
   font-size: 0.5em;
}

th.tbl-date {
   width: 11%;
   text-align: center;
}

th.tbl-amount,
th.tbl-balance {
   width: 12%;
   text-align: center;
}

td.tbl-date, td.tbl-amount, td.tbl-balance {
   text-align: right;
   padding-right: 10px;
}

td.tbl-empty {
   text-align: center;
}

table.fantasybucks tfoot td {
   color: #fff;
   font-size: 0;
   padding: 5px 0 0 0;
   text-transform: uppercase;
   font-weight: bold;
   text-indent: -9999px;
   height: 5px;
   border: none;
   text-align: left !important;
}

.negative {
   color: #c00;
}

/* =Injured Player Protection
----------------------------------------------------------*/
h3.injuryprotection {
	background: transparent url(/images/logos/injuryprotection.png) 5px 0px no-repeat;
   height: 32px;
   padding-left: 42px;
}

div.popup h3.injuryprotection {
	background: transparent url(/images/logos/injuryprotection_sm.png) left top no-repeat;
   height: 20px;
   padding-left: 25px;
}

#regform-addon li.injuryprotection,
#upgradeform-addon li.injuryprotection {
	background: transparent url(/images/logos/injuryprotection.png) left center no-repeat !important;
   padding-left: 38px;
}

a.injuryprotection {
	background: transparent url(/images/logos/injuryprotection_sm.png) left top no-repeat;
   width: 20px; height: 20px;
   padding-right: 5px;
   float: right;
   outline: none;
   text-indent: -9999px;
}

a.injuryprotection:hover {
   text-decoration: none;
}