/* @import url(legacy-header-styles.css); */ /** * Global Reset: YUI reset CSS * @copyright (c) 2007, Yahoo! Inc. All rights reserved. * @license http://developer.yahoo.net/yui/license.txt * @version 2.3.0 */ /*reset.css*/ body {color:#585858;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /** * NFL.com Global Styles * @author ryan.cannon */ body { background: #FFF repeat-x center top; font-size: 100%; text-align: center} #doc { background: #FFF repeat-y center top; font: normal normal 11px/1.182 arial, helvetica, clean, sans-serif; /* 16 * 0.6875 = 11, 11 * 1.818 = 13 */ margin: 0 auto; text-align: left; width: 995px; position: relative;} #doc-wrap { background: transparent no-repeat center top; padding: 0 5px;} button.link { background: transparent; border: 0px none; cursor: pointer; font-style: inherit; font-weight: inherit; font-size: 100%; line-height: inherit; font-family: inherit; padding: 0; width: auto; overflow: visible;} a:link,a:visited,a:active,button.link span { color: #364C88; text-decoration: none;} a:hover,button.link:hover span { text-decoration: underline;} /** * Global header styles * @author Ryan Cannon ryan.cannon */ #accessible-jump-link { position: absolute; top: -2em} #hd {background: #FFF repeat-x left bottom; /* padding-bottom: 10px; */ position: relative; z-index: 900; width: 985px;} #tl {background: transparent no-repeat 0px 0px; height: 30px; left: 5px; overflow: hidden; position: absolute; top: 0; width: 985px; z-index: 1000;} #tl a:hover {border:none;} /* header-content provides the "pallete" for the header as well as the bottom border */ #hd .header-content {clear:both; height: 118px; position: relative;} /* Other elements must be absolutely positioned */ #header-sign-in, #header-search, #header-logo, #hd-micro-nav ul, #header-scorestrip { position: absolute; z-index: 1} #header-scorestrip { text-align: right; font-size: 11px; line-height: 18px; height: 115px; right: 0px; top: 0px; width: 877px;} #hd-micro-nav { z-index: 2;} #hd-micro-nav li * { display: inline;} #hd-micro-nav li button.link { color: #FFF;} #header-logo {height:107px; left:21px; top: 8px; width: 80px; z-index: 3;} #footer-logo {height:83px; width:67px; margin: 12px 10px 10px 14px; } /*#hd-search-button {height: 19px; width: 19px; padding: 0; vertical-align:top; display: inline;}*/ #header-logo a:hover, #footer-logo a:hover { text-decoration: none;} /* Make the PNG alpha work in IE 6 */ * html #header-logo, * html #footer-logo, * html #hd-search-button { position: relative; zoom: 1;} * html #footer-logo a, * html #header-logo a { cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } * html #footer-logo img, * html #header-logo img { behavior: url("http://static.nfl.com/static/site/scripts/lib/iepngfix.htc"); } /*NEW HEADER MICRO NAV (INCLUDES SIGN IN AND SEARCH UTILS)*/ #hd-micro-nav a:hover, #hd-micro-nav button.link:hover span {color: #FFF; text-decoration: underline;} /*OLD HEADER SIGN-IN (MENU)*/ /*LEGACY*/ #header-sign-in a:hover { color: #FFF; text-decoration: underline;} /*SUB-MENU*/ #nv li ul li a:hover {text-decoration: underline !important;} #nv li ul li.subChoiceMarker a {font-weight:normal;} #nv li ul li.subChoice a {margin-left:5px;} /*SUB-MENU ACTIVE*/ #nv li:hover ul,#nv li.sfhover ul {display: block; position: absolute; z-index: 1; margin-top: 0; margin-left: -1px; background-color: #fff; border-left: 1px solid #B7C5D5; border-right: 1px solid #B7C5D5; border-top: none; border-bottom: 1px solid #B7C5D5;} #nv li.sfhover ul li a, #nv li.sfhover ul li a:hover {background-color: transparent;} /*AFC/NFC TEAM LISTINGS*/ #nv li:hover .afcTeamListing,#nv li.sfhover .afcTeamListing {margin-left:-100px; width:140px; border-right:none;} #nv li:hover .nfcTeamListing,#nv li.sfhover .nfcTeamListing {margin-left:40px; width:145px; border-left:none;} #nv .afcTeamListing li, #nv .nfcTeamListing li {padding-left:5px; width:140px;} #nv .afcTeamListing .confTitleGraphic,#nv .nfcTeamListing .confTitleGraphic {margin: 0; padding: 5px 0 5px 0; width: 135px; height: 19px;} #nv .confTitleGraphic img { margin: 0 0 -3px 0; padding: 0;} /*END NEW NAVBAR (MENU)*/ /*START OLD NAVBAR (MENU)*/ /*LEGACY*/ #hd #navbarmain { position: absolute; padding: 0; margin: 0pt; height: 19px; top: 121px; left: 0px; width: 985px; border-bottom: 2px solid red;} #navbarmain { clear: left; margin: 0; padding: 105px 0 1px 0; width: 985px; height: 19px;} #nav { margin: 0; padding: 0; z-index: 1; width: 985px; height: 19px; line-height: 19px; list-style: none; list-style-image: none;} #nav li { float: left; margin: 0; padding: 0; width: 75px; height: 19px; line-height: 19px; background: transparent url(../../img/headers/bgnav_global.jpg) no-repeat bottom left; list-style: none; list-style-image: none;} #nav .nav-on a.menubar-link { color:#000; background-color:#fff;} /*SPECIFIC MENU-ITEM WIDTHS*/ #nav #nav-news { margin-left: 0; padding-left: 0; width: 60px; background-image: none;} #nav li#nav-videos, #nav li#nav-scores { width: 70px;} #nav li#nav-teams, #nav li#nav-stats { width: 60px;} #nav li#nav-players, #nav li#nav-fantasy {width: 75px;} #nav li#nav-standings {width: 90px;} #nav li#nav-nfl-network {width: 100px;} #nav li#nav-shop {float:right;} /* generic items for backwards compatibility */ #nav .button4 {width:55px;} #nav .button5 {width:60px;} #nav .button6 {width:70px;} #nav .button7 {width:75px;} #nav .button8 {width:85px;} #nav .button9 {width:90px;} #nav .button10 {width:95px;} #nav .button11 {width:100px;} #nav a { display: block; height: 19px; color: #fff; font: bold 10px/19px verdana, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase;} #nav a:hover { text-decoration: none !important;} /*SUB-MENU*/ #nav li ul { margin: 0; padding: 0; display: none;} #nav li ul li { display: block; float: none; margin: 0; padding: 2px 0 1px 5px; width: 115px; height: 16px; background-image: none; border-bottom: 1px solid #ccc;} #nav li ul li:hover,#nav li ul li.sfhover { background: transparent url(../../img/headers/bg_navroll_global.gif) repeat-x bottom left;} #nav li ul li:last-child { border-bottom: none;} #nav li ul li a { margin: 0; padding: 0; color: #666; font-weight: normal; text-align: left; text-transform: none;} #nav li ul li.subChoiceMarker a { font-weight: bold;} #nav li ul li.subChoice a { margin-left: 5px;} /*SUB-MENU ACTIVE*/ #nav li:hover ul,#nav li.sfhover ul {display:block; position:absolute; z-index:1; margin-top: 0; margin-left: 0; background-color: #f5f5f5; border-left: 1px solid #999; border-right: 1px solid #666; border-top: none; border-bottom: 1px solid #666;} /*AFC/NFC TEAM LISTINGS*/ #nav li:hover .afcTeamListing,#nav li.sfhover .afcTeamListing {margin-left:-100px; width:140px;} #nav li:hover .nfcTeamListing,#nav li.sfhover .nfcTeamListing {margin-left:40px; width:145px;} #nav .afcTeamListing li,#nav .nfcTeamListing li {padding-left:5px; width:140px;} #nav .afcTeamListing .confTitleGraphic,#nav .nfcTeamListing .confTitleGraphic { margin: 0; padding: 0; width: 135px; height: 24px;} #nav .confTitleGraphic img {margin: 0 0 -3px 0; padding: 0;} /*TODO - GET THE ROLLOVER STATE WORKING AW*/ #nav .sfhover .menubar-link {color: #ccc;} /*COMMON COMPONENT COMPATIBILITY HACKS*/ /*#header-search #search-button {display: none;}*/ /*END OLD NAVBAR (MENU)*/ /*LEGACY*/ #DivShim { z-index: 1; position: absolute; top: 0px; left: 0px; display: none;} #nv-bottom-spacer {height: 12px;} /*START GRADIENT UNDERNEATH NAVBAR*/ #bottom_grad {padding:0; clear:left; width:985px; height:8px; background-image:url(../../img/navbar_bottom.gif); line-height:0; font-size:0;} /* START SECTIONAL SUB-NAVIGATION STYLES */ ul.section-navigation {margin: 0; list-style: none; list-style-image: none; background: url(../../img/global/nv-section-bg.gif) repeat-x bottom left; height: 30px; padding: 0 0 0 10px;} ul.section-navigation li {float: left; padding: 0 15px 0 0; width: auto; height: 30px; line-height: 30px; white-space: no-wrap;} ul.section-navigation li a {font: bold 10px/30px verdana, sans-serif; text-align: center; vertical-align: middle; text-decoration: underline; color: #000;} ul.section-navigation li a:visited, ul.section-navigation li a:hover { color: #000; text-decoration: underline;} ul.section-navigation li a.current:visited, ul.section-navigation li a.current:hover, ul.section-navigation li a.current {text-decoration: none; cursor: arrow;} /* END SECTIONAL SUB-NAVIGATION STYLES */ /** * Body Content for home page * @author ryan.cannon */ /** XXX */ #bd {background:#FFF; color:#000; width:1080px; overflow:hidden; padding:3px 0 1px; position:relative; min-height:1px; clear:both;} * html #bd { height: 1%;} #breaking-news { background: #D42A31 url(../../img/home/breaking-news.png) repeat-y 0 0; color: #333; font-size: 127.3%; /*14px*/ line-height: 1.286; /*18px*/ margin: 0 10px 15px; min-height: 1px; overflow: hidden;} * html #breaking-news { height: 1%;} #breaking-news h2 { background: #D42A31; color: #FFF; float: left; font-size: 200%; /*28px*/ height: 56px; line-height: 1.0; /*28px*/ overflow: hidden; text-align: right; padding-bottom: 3px; width: 211px;} #breaking-news h2.replaced span { background-color: transparent; background-image: url(../../img/home/breaking-news.png); background-position: right top;} #breaking-news .content { background: #FFF url(../../img/home/breaking-news-2.png) repeat-x 0 0; border: 2px solid #DD333A; float: right; padding: 2px 14px 5px; width: 722px;} #breaking-news h3 { font-size: 171.429%; /*24px*/ font-weight: bold; line-height: 1.25; /*30px*/} #breaking-news a:link, #breaking-news a:visited,#breaking-news a:hover { color: #DA2229;} .breakingNewsDiv { margin: 0 0 10px 0; padding: 5px;} .breakingNewsDiv h2 { font-size: 13px; margin-bottom: 10px;} .wrap-shadow,.has-shadow .b,.has-shadow .r,.has-shadow .l,.has-shadow .tl,.has-shadow .br,.has-shadow .bl,.has-shadow .tr { background: transparent url(../../img/global/widget-shadow.gif) no-repeat left bottom; font-size: 1px; position: absolute; bottom: 0; right: 0;} .has-shadow { padding: 0 3px 3px 0; position: relative; font-size: 100%;} .wrap-shadow { bottom: auto; right: auto; background-position: right top; background-repeat: repeat-y; min-height: 1px;} * html .wrap-shadow { height: 1%;} .has-shadow .t { background-position: left top; background-repeat: repeat-y; height: 3px; width: 100%; right: auto; left: 0; width: 100%; bottom: auto;} .has-shadow .l { background-position: left top; background-repeat: repeat-y; height: 100%; width: 3px; right: auto; left: 0} .has-shadow .b { background-repeat: repeat-x; height: 3px; left: 0; right: auto; width: 100%;} .has-shadow .br { background-position: -5px 0; width: 4px; height: 5px;} .has-shadow .r { background-position: right top; background-repeat: repeat-y; height: 100%; width: 3px;} .has-shadow .tr { background-position: -9px 0; bottom: auto; height: 5px; top: 0; width: 3px;} .has-shadow .bl { background-position: 0 -2px; height: 3px; left: 0; right: auto; width: 5px;} .has-shadow .tl { background-position: left top; height: 3px; left: 0; right: auto; width: 5px; bottom: auto; top: 0;} /** * Legacy Video and Audio Icons */ .showVideoIcon,.showAudioIcon { padding-left: 17px; width: 30px; background-image: url(../../img/videoicon.gif); background-repeat: no-repeat;} .showAudioIcon { background-image: url(../../img/icon_audio.gif)} /**/ /** * Layout styles */ .column-container,.column { min-height: 1px; overflow: hidden;} * html .column-container,* html .column { height: 1%;} /* new international page layout classes */ .three-column {padding:0px 10px; clear:left;} .three-column .primary-column { float: left; margin-right: 10px; width:410px;} .three-column .secondary-column { float: right; width:235px;} .three-column .tertiary-column { float: right; margin-left: 10px; width:300px;} /** * Centerpiece Styles */ #nfl-centerpiece {float:left;margin-bottom: 15px;width:408px;background-color:#fff;border: 1px solid #D0CECF;} #nfl-centerpiece-wide {float:left; margin-bottom: 15px; width:655px;} #nfl-centerpiece-extra-wide {margin-bottom: 15px;} .three-column-centerpiece .column { float: left; margin-right: 10px;} .three-column-centerpiece .centerpiece-container-column { width: 665px; margin-right: 10px;} .right-rail .primary .centerpiece-column, .three-column-centerpiece .centerpiece-column { display: inline; margin-left: 10px; width: 410px;} .right-rail .primary .centerpiece-companion, .three-column-centerpiece .centerpiece-companion { width: 235px; margin-right: 0} .three-column-centerpiece .right-rail-column { float: right; margin-right: 10px; width: 300px} /* classes for news landing layout */ .three-column-centerpiece-alt .column { float: left; margin-right: 10px;} .three-column-centerpiece-alt .centerpiece-container-column { width:730px; margin-right: 10px;} .three-column-centerpiece-alt .centerpiece-column { display: inline; margin-left: 10px; width: 410px;} .three-column-centerpiece-alt .right-rail-column { width: 300px; margin-right: 0} .three-column-centerpiece-alt .right-rail-column-alt { float: right; margin-right: 10px; width: 235px} /**/ /* Flexible Column Layouts - ryan.cannon 25 Sept 07 */ .column-set { clear: both; overflow: hidden; width: 100%;} .column-set .column { float: left; display: inline; overflow: hidden} /* let's make these percentages */ .tower-ad .secondary {margin-right: 10px; width: 180px; float: right;} .tower-ad .primary {margin-left: 10px; width: 775px;} .equal-width .column {width: 50%;} .equal-width .primary {float: left;} .equal-width .secondary {float: right;} .tower-wide .primary {margin-left: 10px; width: 500px;} .tower-wide .secondary {float: right; margin:0 10px 0 10px; width: 500px;} .tower-wide .equal-width .column {width: 50%; margin: 0;} .half-page-ad .primary {margin-left: 10px; width: 655px;} .half-page-ad .secondary {float: right; margin-right: 10px; width: 300px;} /* forces 20px gutters */ .tower-ad .column .equal-width .column { width: 48.710%;} .skyscraper-ad-companion .equal-width .column { width: 48.5%;} .one-to-two .primary { float: right; width: 66.6%;} .one-to-two .secondary { float: left; width: 33.3%;} .tower-ad .column .one-to-two .primary { width: 64.81%;} .tower-ad .column .one-to-two .secondary { width: 32.07%;} .right-rail .primary { float: left; width: 655px; margin:0px 10px 0px 10px;} .right-rail .secondary { float: right; width: 300px; margin-right:10px;} .centerpiece-columns .primary { float: left; margin-left: 5px; width: 410px;} .centerpiece-columns .secondary { float: right; margin-right: 0; width: 240px;} /**/ /** * Common Widget Styles * Should be overriden by individual widgets */ .replaced { position: relative; overflow: hidden;} .replaced span { background: transparent none no-repeat left top; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .widget { margin-bottom: 15px; overflow: hidden; position: relative; min-height: 1%;} * html .widget { height: 1%} .widget h2 { color: #005B98; font-size: 154.55%; font-weight: bold; line-height: 1.235; text-transform: uppercase;} .widget .story-links { margin-bottom: -5px;} .widget .story-links li {border-top: 1px dotted #E0E0E0; padding: 5px 0; position: relative;} .widget .story-links li.first {border-top: 0px none;} .widget, .widget .story-links li {min-height: 1%; /* IE7 */} .widget:after, .widget .story-links li:after { clear: both; content: "."; display: block; visibility: hidden; height: 0px; } * html .widget, * html .widget .story-links li { height: 1%;} /* IE6 */ .widget .story-links li.has-image { padding-left: 80px; position: relative; } .widget .story-links .thumbnail { float: left; height: 52px; width: 0px; } .widget .story-links .thumbnail img { border: 1px solid #A2A2A2; height: 50px; left: 0px; position: absolute; top: 5px; width: 75px; } .widget .has-image .content { line-height: 1.091; min-height: 1px; overflow: hidden; } * html .widget .content { height: 1%;} .widget .story-links .headline { color: #666; font-weight: bold; overflow: hidden; min-height: 1px; } .widget .story-links h3.headline { font-size: 127.3%; line-height: 1.143; } .widget .story-links li.headline { background: transparent url(../../img/global/link-caret.gif) no-repeat 0 8px; color: #666; padding: 0 0 0 9px; line-height: 20px; } .widget .more {font-size: 10px; position: absolute; line-height: 1; right: 11px; text-align: right; top: 14px; } .widget .subscribe {background: transparent url(../../img/global/rss.gif) no-repeat scroll left center; /* color: #666; */ font-size: 10px; padding-left:17px;} .widget .subscribe a,.widget .subscribe a:link, .widget .subscribe a:hover,.widget .subscribe a:visited { color: #666;} .widget .links {border-top:1px dotted #E0E0E0; padding:5px 0; overflow:hidden; min-height: 1%;} * html .widget .links { height: 1%;} .widget .links .more { position: static; float: right; /* color: #666; */} .widget .links .subscribe { float: left;} .widget { background: transparent url(../../img/home/homepage-headlines.png) repeat-x -432px 0px;} .widget h2 {border-bottom: 1px solid #C7E7F4; font-weight: normal; padding: 3px 0 0 5px;} .widget h2.replaced { height: 22px; line-height: 22px; font-size: 18px; zoom: 1;} .widget h2.replaced span { background: transparent url(../../img/home/homepage-headlines.png) no-repeat -1000px -1000px;} #game-spotlight h2.replaced span { background-position: -133px 0px;} #analysis-opinions h2.replaced span { background-position: -133px -25px;} #by-the-numbers h2.replaced span { background-position: -133px -50px;} #this-day-in-the-nfl h2.replaced span { background-position: -133px -75px;} #official-links .widget .story-links .headline {font-weight:normal;} /* This should be a temporary fix, the real fix is to add the "first" class to the history module */ #this-day-in-the-nfl .story-links li { border-top: 0px none;} .widget .more { } .promo-widget { background: #F1F5F6; border: 1px solid #C7E7F4; padding: 10px 10px 10px 100px;} .promo-widget h2 { background: #CDE7F1 url(../../img/home/homepage-headlines.png) no-repeat 0 -160px; border: 1px solid #C7E7F4; border-width: 0px 0 1px 1px; color: #005B98; font-size: 18px; height: 25px; line-height: 25px; margin: -10px -10px 10px 0px; padding: 0; text-transform: uppercase; } .promo-widget h2.replaced { font-size: 14px; line-height: 19px; height: 19px; } .promo-widget h2.replaced span { background-image: url(../../img/home/homepage-headlines.png); } .promo-widget .thumbnail { height: 81px; float: left; width: 0px; } .promo-widget .thumbnail img { border: 1px solid #A2A2A2; height: 100px; left: 10px; position: absolute; top: 10px; } .promo-widget .content { overflow: hidden; min-height: 1px; font-size: 90.9091%; line-height: 1.2; } .promo-widget .content ul { border-top: 1px dotted #D5D8D9; line-height: 1.5; margin-top: 0.2em} .promo-widget .content li { border-bottom: 1px dotted #D5D8D9;} .promo-widget .content li a { background: transparent url(../../img/global/link-caret.gif) no-repeat left center; /* color: #444; */ padding-left: 9px; } .promo-widget .story-links { margin-bottom: 0; } .promo-widget .story-links li { padding: 4px 0; } #ft { border-top: 3px solid #DA2229; background: #013369 url(../../img/global/footer-bg-shape-mask.jpg) no-repeat left bottom;} /*#ft .nav { background: #FFF url(../../img/global/ft.gif) repeat-x left bottom; font-family: verdana, sans-serif; font-size: 10px; min-height: 1px; overflow: hidden; padding: 8px 16px 0;}*/ #ft .nav {font-family:verdana,sans-serif; font-size:10px; min-height:1px; overflow:hidden; padding:12px 16px 0;} * html #ft .nav {height: 1%;} #ft .nav div {float:left; width:190px; display:inline; overflow:hidden;} #ft .nav ul,#ft .nav h3 {padding: 0 23px} #ft .nav h3 {color:#b9c7d5; text-transform:uppercase; font-weight:bold; margin-bottom:8px;} #ft .nav h3 a, #ft .nav h3 a:link, #ft .nav h3 a:visited, #ft .nav h3 a:hover, #ft .nav h3 a:active {color:#B9C7D5; text-decoration: none;} /* #ft .nav ul {background: transparent url(../../img/global/ft-ul.gif) no-repeat left top;} */ #ft .nav .first ul {background-image: none} #ft .nav ul {overflow: hidden; min-height: 1px;} * html #ft .nav ul {height: 1%;} #ft .nav ul:after {clear: both; content: "."; display: block; height: 0px; visibility: hidden;} #ft .nav li {background: transparent url(ft-carot.gif) no-repeat 0px 4px; padding:1px 0px 1px 10px; color:#fff;} #ft .nav li a:link, #ft .nav li a:visited, #ft .nav li a:hover {color: #fff;} #ft .nav li.subChoiceMarker {background:none; padding-left:0px; color:#B9C7D5; padding:4px 0 2px 0;} #ft #copyright {margin:0; padding:13px 30px 10px 38px; color:#b9c7d5;} #ft .bl, #ft .br {display:none;} #br {background: transparent url(spacer.gif) repeat-x top left; font-size: 100%; text-align: center; position: relative; zoom: 1;} #ft-teams {width: 995px;font: normal normal 0.6875em/1.182 arial, helvetica, clean, sans-serif; margin: 0 auto; text-align: left; position: relative;} #ft-teams ul, #ft-teams #ft-teams-afc-mark, #ft-teams #ft-teams-nfc-mark, #ft-teams #footer-logo, #ft-teams .ft-teams-parenthesis {float: left;} #ft-teams #footer-logo {margin: 12px 10px 10px 14px;} #ft-teams #footer-logo img {width: 67px; height: 83px;} #ft-teams ul {padding: 0px 8px 0px 12px; margin: 25px 0 0 0;} #ft-teams ul li, #ft-teams ul li a, #ft-teams ul li a:hover, #ft-teams ul li a:link, #ft-teams ul li a:visited {size: 10pt; color: #000000;} #ft-teams #ft-teams-afc-mark {background: transparent url(../../img/global/ft-teams-marks.png) no-repeat -26px -31px; width: 41px; height: 19px; margin: 40px 6px 0 0;} #ft-teams #ft-teams-nfc-mark {background: transparent url(../../img/global/ft-teams-marks.png) no-repeat 0px -31px; width: 22px; height: 19px; margin: 40px 6px 0px 10px;} #ft-teams .ft-teams-parenthesis {background: transparent url(../../img/global/ft-teams-marks.png) no-repeat -74px 0px; width: 26px; height: 84px; margin: 10px 0 0 0;} * html #ft-teams #ft-teams-afc-mark, * html #ft-teams #ft-teams-nfc-mark, * html #ft-teams .ft-teams-parenthesis { background: transparent;} /* #ft .nav #footer-title { clear: both; height: 25px; line-height: 25px; padding-top: 12px; text-align: center;} #ft #copyright { margin: 0 -5px; padding: 0;} #ft #copyright .copyright { background: #FFF url(../../img/global/doc-shadow.gif) no-repeat 0 -6px; color: #868786; position: relative; padding: 9px 54px; text-align: center; zoom: 1;} #ft #copyright .bl,#ft #copyright .br { background: transparent url(../../img/global/doc-shadow.gif) no-repeat -5px 0; height: 6px; left: 0; position: absolute; top: 0; width: 8px;} #ft #copyright .br { left: auto; right: 0; background-position: -13px 0;} */ /**/ /** * Sponsored headers framework * Found: /news, /stats, /draft * @author ryan.cannon */ .sponsored-header { background-repeat: repeat-x; background-position: 0px -80px; height: 40px; font-size: 10px; line-height: 40px; position: relative;} .sponsored-header a, .sponsored-header span { background: transparent no-repeat 0px 0px; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .sponsored-header p, .sponsored-header h2, .sponsored-header h1 { float: left; height: 40px; margin: 0; position: relative; font-size:100%; margin-bottom: 0;} .sponsored-header p { float: right; text-align:right} .sponsored-header p, .sponsored-header p span { background-position: 0px -40px;} .sponsored-header a span { cursor: pointer; height: 40px; } * html .sponsored-header a { text-indent: 965px; overflow: hidden; } /** * Fancy Button Framework * CSS-only buttons. Use HTML: * * button.button * span.w * span.l * span.c * "Submit" * span.r * * Note: may look odd in IE if put inside a table. */ button.button { overflow: visible; width: auto;} button.button::-moz-focus-inner { padding: 0;} button.button, button.button .w { background: transparent; border: 0px none; color: #013369; cursor: pointer; display: inline-block; font: normal bold 12px/22px Helvetica, Arial, Sans-Serif; padding: 0; position: relative} button.button, button.button span { height: 22px;} button.button .w { display: block; padding: 0 7px;} button.button span span { background: transparent url(../../img/global/button.png) no-repeat 0 0; cursor: pointer; position: absolute; top: 0; width: 7px;} * html button.button span { background-image: url(../../img/global/button-ie.png);} button.button .c { background-position: 0 -44px; background-repeat: repeat-x; white-space: nowrap; width: auto; line-height: 22px; position: static; display: block; } button.button .l { left: 0;} button.button .r { background-position: 0 -22px; right: 0px;} /**/ /** * Home Page Widgets */ #nfl-network-listings {} #nfl-network-listings .more { position: static;} #nfl-network-listings ol { margin-bottom: 10px;} #nfl-network-listings .headline { font-weight: bold;} #nfl-network-listings p.time { line-height: 2;} #nfl-network-listings.active { background: transparent url(../../img/home/nfl-network-widget.png) no-repeat left top; height: 183px; line-height: 1.091; overflow: hidden;} #nfl-network-listings.active h2 { background: #054D97; border-bottom: 0px none; color: #FFF; font-size: 12px; font-weight: bold; height: 19px; left: 102px; line-height: 19px; margin: 0; padding: 0; position: absolute; top: 24px; width: 192px;} #nfl-network-listings.active h2 span { background: url(../../img/home/nfl-network-widget.png) no-repeat -102px -24px;} #nfl-network-listings h3 { font-weight: bold; font-size: 127.3%; line-height: 1.143;} #nfl-network-listings.active .more { color: #FFF; font-size: 81.82%; position: absolute; right: 10px; top: 10px;} #nfl-network-listings.active li { display: none; height: 120px; left: 0px; position: absolute; top: 50px; width: 279px; overflow: auto; padding: 0 10px;} #nfl-network-listings.active li.active { display: block;} #nfl-network-listings.active .nav,#nfl-network-listings.active .nav a { bottom: 1px; font-size: 10px; height: 15px; left: 1px; line-height: 15px; position: absolute; text-align: center; text-transform: uppercase; width: 292px;} #nfl-network-listings.active .nav a { bottom: auto; outline: none; top: 0;} #nfl-network-listings.active .nav .bPrev { left: 0; width: 14px;} #nfl-network-listings.active .nav .now { left: 15px; width: 98px;} #nfl-network-listings.active .nav .next { left: 113px; width: 65px;} #nfl-network-listings.active .nav .later { left: 180px; width: 102px;} #nfl-network-listings.active .nav .bNext { left: 284px; width: 14px;} #nfl-network-listings.active .nav .active { background: #FFF;} #analysis-opinions { overflow: visible; position: relative; z-index: 200; clear:left;} #analysis-opinions .more {display: none;} #analysis-opinions .with-js {display: block; padding-right: 1.5em; right: 1px;} #analysis-opinions .more h3 {color: #999; cursor: pointer} #analysis-opinions .more ul { background: #FFF; border: 1px solid #c7e7f4; border-top: 0px none; overflow: hidden; min-height: 1%;} #analysis-opinions .more .wrap-shadow ul {position: static;} #analysis-opinions .more li { clear: left; padding: 0 4px; overflow: hidden; min-height: 1%; line-height: 13px} * html #analysis-opinions .more ul, * html #analysis-opinions .more ul li {height: 1%;} #analysis-opinions .more ul a { color: #666; float: left; clear: left; width: 93%; border-bottom: 1px dotted #e0e0e0; padding-right: 7%; background: transparent url(../../img/global/link-caret.gif) no-repeat right 4px;} #analysis-opinions .more ul a:target {outline: 0px none;} #analysis-opinions .more .wrap-shadow, #analysis-opinions .more .wrap-shadow .b, #analysis-opinions .more .wrap-shadow .br, #analysis-opinions .more .wrap-shadow .bl {background-image: url(../../img/home/analysis-opinions-shadow.gif);} #analysis-opinions .more .wrap-shadow .b {height: 4px; background-position: left bottom;} #analysis-opinions .more .wrap-shadow .br {background-position: -11px -1px; width: 5px; height: 4px;} #analysis-opinions .more .wrap-shadow .bl {background-position: -4px 0; width: 7px; height: 5px;} #analysis-opinions .more .wrap-shadow { background-position: left top; padding: 0 0 4px 4px; right: -1.5em; top: 2px; width: 111px; z-index: 1000;} #analysis-opinions .more .toggle { background: url(../../img/home/analysis-opinions-toggle.gif); display: block; font-size: 8px; height: 10px; position: absolute; right: 0; top: 0; width: 11px;} #analysis-opinions .more .toggle:target {outline: 0px none;} #by-the-numbers {position: relative; z-index: 0; clear: both;} #by-the-numbers table {margin: 5px 0; width: 100%;} #by-the-numbers td, #by-the-numbers th {text-align: center; width:25%;} #by-the-numbers th { background: #F1F0F0; padding-top: 0; padding-bottom: 0;} #by-the-numbers .passing { padding-left: 0;} #by-the-numbers .sacks { padding-right: 0;} #by-the-numbers .photo img { border: 1px solid #F1F0F0; margin: 5px 0} #by-the-numbers .week-label { color: #005B98; font-size: 100%; font-weight: bold; left: 205px; position: absolute; top: 11px;} #by-the-numbers .more a { color: #999;} #nfl-video { /*background: #FFF url(../../img/home/homepage-headlines.png) repeat-x 0px -160px; removed URL. not sure why it was there.*/ background: #FFF; border: 1px solid #d0CECF; font-size: 90.9091%; line-height: 1.2; padding: 0 5px; width:223px; } #nfl-video h2.replaced { border: 0px none; display: block; height: 37px; line-height: 18px; float: none; font-size: 15px; margin: 0 -5px 7px; overflow: visible; padding-top: 0px; width: 233px; } #nfl-video h2.replaced span {background: transparent url(../../img/home/homepage-headlines.png) no-repeat -132px -100px; height: 37px;} #nfl-video .subhead { color: #005B98; font-size: 130%; font-weight: bold; line-height: 1.231; margin: -17px 50px 0 0; /* pixels to compensate for overflowing heading image */ text-transform: uppercase; position: relative; } #nfl-video .content h3 { font-size: 110%; line-height: 1.091; } #nfl-video .story-links { border-top: 1px dotted #E0E0E0;} #nfl-video .story-links li.has-image { padding-left: 65px;} #nfl-video .thumbnail { height: 47px;} #nfl-video .thumbnail img { height: 45px;} #nfl-video .thumbnail img {width: 60px;} #nfl-shop h2.replaced span { background-position: 0 0;} #nfl-live h2.replaced span { background-position: 0 -19px;} #nfl-photos h2.replaced span { background-position: 0 -38px;} #around-the-league h2.replaced span { background-position: 0 -57px;} #pro-bowl-voting h2.replaced span { background-position: 0 -76px;} #fan-challenge h2.replaced span { background-position: 0 -95px;} #free-agency h2.replaced span { background-position: 0 -114px;} #promotions h2.replaced span { background-position: 0 -133px;} #nfl-shop form { clear: right;} #nfl-shop .thumbnail-wrap { background: #FFF; border: 1px solid #A2A2A2; height: 80px; left: 10px; padding: 10px 0; position: absolute; top: 10px; width: 80px;} #nfl-shop .thumbnail-wrap img { border: none; height: 80px; position: static; } #headlines {padding:0pt 5px;} #headlines h2.replaced { color:#005B98; font-size: 15px; height: 23px; line-height: 18px; margin: 0px -5px 0pt; padding: 0;} #headlines h2.replaced span { background-position: -132px -137px;} #headlines .story-links {margin-bottom: 0;} #headlines .story-links li.headline a { background: transparent; /* color: #666; */ font-weight: normal; float: none; padding-left: 0; width: auto;} #headlines .my-team-logo { height: 50px; text-align: center;} #headlines .my-team-logo img { height: 50px; width: 50px; float: none;} #headlines div.more { display: none;} #headlines div.with-js { display: block; padding-right: 15px; right: 1px; top: 12px;} #headlines div.more h3 {color: #999; cursor: pointer;} #headlines div.more h4 { font-weight: bold;} #headlines div.more #my-headlines-div { background: #FFF url(../../img/home/my-headlines-div.png) no-repeat right bottom; border: 1px solid #c7e7f4; border-top: 0px none; width: 255px; overflow: hidden; min-height: 1%; padding: 10px; text-align: left;} #video-headlines h2.replaced span { background-position: -132px -186px;} #video-headlines h2.replaced { padding:0px; margin:0px -5px; height:23px;} #video-headlines {border:1px solid #D0CECF;padding:0pt 5px;} #video-headlines .has-image .content { width:205px;} #my-headlines #my-headlines-message { float: right; width: 155px} #my-headlines #my-headlines-message .error { color: #F9030C;} #my-headlines #my-headlines-message .loading { color: #00803f;} #headlines div.more .wrap-shadow { position: absolute; top: 12px; right: 0;} #headlines div.more .wrap-shadow,#headlines div.more .wrap-shadow .b,#headlines div.more .wrap-shadow .br,#headlines div.more .wrap-shadow .bl { background-image: url(../../img/home/analysis-opinions-shadow.gif);} #headlines div.more .wrap-shadow .b { height: 4px; background-position: left bottom;} * html #headlines div.more .wrap-shadow .b { width: 281px;}/*IE6*/ #headlines div.more .wrap-shadow .br { background-position: -11px -1px; width: 5px; height: 4px;} #headlines div.more .wrap-shadow .bl { background-position: -4px 0; width: 7px; height: 5px;} #headlines div.more .wrap-shadow { background-position: left top; padding: 0 0 4px 4px;} #headlines div.more .toggle { background: url(../../img/home/analysis-opinions-toggle.gif); display: block; font-size: 8px; height: 10px; position: absolute; right: 0; top: 0; width: 11px;} #headlines div.more .toggle:target { outline: 0px none;} #headlines div.more form { border-top: 1px dotted #E0E0E0; margin-top: 5px; padding-top: 5px;} #headlines div.more table { border: 0px none; border-collapse: collapse;} #headlines div.more th { width: 90px; text-align: right; padding-right: 10px;} #headlines div.more th,#headlines div.more td { padding-top: 5px;} .ad2, /* May be unnecessary, probably dangerous */ #right-rail-column .ad-container .adcontainer {padding: 10px 0px 10px 0px; text-align:center} #ad2-above { position: relative; top: -10px;} #this-day .thumbnail,#this-day .thumbnail img { height: 75px;} /* Advertising Section FOUND: otherlinks.jsp */ .ad-container { background: #F2F2F2;} #other-links { line-height: 19px; margin: 5px 8px 10px 0; padding-left:40px;} #other-links li { list-style: url(../../img/ul_bullet.gif) square outside;} /**/ /* lower level */ #content-container-column h1 {font-size:20px; font-weight:bold; color:#000; margin-bottom:10px; display:block;} .AFCcolors, .APRcolors { background-color: #b50023; font-size: 11px;} .NFCcolors, .NPRcolors { background-color: #004079; font-size: 11px;} .defaultConf { background-color: #e6eeff; color: #000; font-size: 11px;} /* live callouts */ .liveTableRow td {border-top:1px solid #c00; border-bottom:1px solid #c00;} .data-table1 .tbdy1.liveTableRow td {border-top:1px solid #c00; border-bottom:1px solid #c00;} .data-table1 .tbdy1.liveTableRow td.liveTableCellFirst {border-left:1px solid #c00;} .liveTableRow .liveTableCellFirst {border-left:1px solid #c00;} .liveTableRow .liveTableCellLast {border-right:9px solid #c00; padding-right:4px;} .liveKey {color:#c00; letter-spacing:2px; text-align:right; font-family:verdana; font-size:10px; text-transform:uppercase; padding:2px 2px 0px 0px; vertical-align:middle;} .liveKey span {color:#c00; background-color:#c00; font-size:7px;} /* .liveKeyAlt {color:#c00; letter-spacing:2px; font-family:verdana; font-size:10px; text-transform:uppercase; padding:2px 5px; border:1px solid #c00; border-right:9px solid #c00; width:auto;} */ .liveKeyAlt {background: transparent url(../../img/live/drivers/schedule-watch-live.gif) no-repeat top left; width: 137px; height: 19px;} .liveKeyAlt h3 {display: none;} /* moved from masterstyle.css for legacy reasons */ .colorbar {background-color:#3C4C8A;font-size:1px;height:5px;} .w720px {width:720px;} div.verticalSpacer2 {height:15px;width:1px;} .w235px {width:235px;} .w965px {width:965px;} .railbar {background-color:#C3C3C3;font-size:1px;height:5px;} .hSpacer10px {font-size:1px;height:10px;} .floatLeft {float:left} .floatRight {float:right} /* nfl live drivers */ #live-schedule-container .separator, #live-schedule-container a.live-schedule-watch-link, #live-schedule-container a.live-schedule-watch-link:link, #live-schedule-container a.live-schedule-watch-link:hover, #live-schedule-container a.live-schedule-watch-link:active, #live-schedule-container a.live-schedule-watch-link:visited {color: #d00829;} #live-schedule-container li.row-template {visibility:hidden;} #live-schedule-button-left.disabled, #live-schedule-button-right.disabled {-moz-opacity:.50; opacity:.50; filter:alpha(opacity=50); cursor: default;}