/* $Id: //vss_espneng/Projects/Design/ESPN.com/Redesign/development/styles/modules.css#451 $ * $DateTime: 2012/05/09 15:56:08 $ * $Revision: #451 $ */ /* MODULES BASE */ .mod-container { font-family: verdana, helvetica, arial, sans-serif; width: 100%; clear: both;} .mod-container p.footer { margin:0; padding: 4px 8px; text-align: right; font-size: 10px; height: 14px; width:auto; clear:both;} .mod-container p.footer a { padding-left: 10px; } .mod-container p.footer.left { text-align: left; } .mod-container p.footer span { float: left; color:#888;} .mod-header { background: transparent url(http://a.espncdn.com/prod/assets/module_header_gradient.gif) 0 0 repeat-x; height: 25px; clear:both;} .mod-header h4 { color: #fff; margin: 0; padding: 0 0 0 10px; font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 25px; letter-spacing:.3px; /*text-transform:uppercase;*/} /*.mod-header span {position:absolute; right:10px; top:4px; color:#eee; font-size:10px; text-transform:none;}*/ .mod-noborder .mod-header { border:0 !important; } .mod-sub-header { background: #ccc url(http://a.espncdn.com/prod/assets/module_subheader_gradient.gif) 0 0 repeat-x; height: 22px; margin:1px 0px 1px 0px;} .mod-sub-header h5 { color: #484848; margin: 0; padding: 0 0 0 8px; font-family: verdana, arial, sans-serif; font-size: 10px; line-height: 22px;} .mod-sub-header h5 span { font-weight: normal;} .mod-footer { background: #fff; border-width: 0 1px 1px; border-color: #c2c2c2; border-style: solid; text-align: right; margin-bottom: 6px;} .ie .mod-footer {height:1%;} .mod-footer.sub-footer { border-width: 0; margin-bottom:0;} .mod-footer p { margin:0; padding:0 5px; font-size: 10px; line-height: 25px; overflow:hidden;} .ie6 .mod-footer p {height:1%;} .mod-footer p span { float: left; color:#888; padding-left:5px;} .mod-footer a { color: #225fb2; text-decoration: none; padding-left:10px;} .mod-footer a:hover { text-decoration: underline; } .mod-content { background: #fff; font-size: 11px; border-width: 0 1px; /*border-color: #b8a6a6;*/ border-color:#c2c2c2; border-style: solid; overflow: hidden; padding: 2px; } .ie6 .mod-content { height: 1%; } .mod-noborder .mod-content, /*DEPRECTAED */ .mod-no-border .mod-content { border:0; margin-bottom:6px;} .mod-no-header .mod-content { border-top-width: 1px; } .mod-no-footer .mod-content { margin-bottom: 6px; border-bottom-width: 1px; padding-bottom:2px;} .mod-no-header-footer .mod-content { margin-bottom: 6px; border-top-width: 1px; border-bottom-width: 1px; } /*.mod-no-footer .mod-content.border-top { border-width: 1px; }*/ .mod-content p { margin: 10px; } /* Powered By */ .mod-content p.powered-by {font-size: 9px; line-height: 9px; color: #777; text-align: right; padding: 8px 0; margin: 0 10px;} .mod-content p.powered-by img {float: right; padding: 0 0 0 4px; margin: 0;} .ie .mod-content p.powered-by img {float: none; padding: 0;} .mod-footer.sub-footer p { margin:0; } .mod-content a { color: #225DB7; } .mod-content a:visited { color: #608fd6 !important;} .mod-content .gradient-container { background: #fff url(http://a.espncdn.com/prod/assets/gradient_back.jpg) bottom repeat-x; overflow:hidden; } .ie6 .mod-content .gradient-container { zoom: 1; } .mod-content h6.subtitle { margin: 8px; font-weight: bold; font-size: 10px; color: #7b7b7b; } .mod-content .timestamp{font-size:10px; font-weight:normal; color:#8c8c8c;} .floatleft{ float:left !important;} .floatright{ float:right !important;} img.floatright {margin:0 0 4px 8px;} img.floatleft {margin:0 8px 4px 0;} .mod-content .gradient-container-down { background: #fff url(http://a.espncdn.com/prod/assets/gradient_back_down.jpg) top repeat-x; } .ie6 .mod-content .gradient-container-down { zoom: 1;} .mod-rounded .mod-content { padding-bottom:0;} .mod-rounded .mod-footer { background: transparent url(http://a.espncdn.com/prod/assets/module_footer_curved.gif) bottom no-repeat; height:6px; border-width:0;} .ie6 .mod-rounded .mod-footer { margin-top:-13px;} ul.bulletlinks { list-style-image:none; list-style-type:none; padding:6px; white-space: normal; /*overflow: auto;*/ font-size:10px;} ul.bullet-news {font-size:11px;} .ie6 ul.bulletlinks { overflow: hidden; } ul.bulletlinks li {background: url(http://a.espncdn.com/prod/assets/bullet_gray.gif) 0px 5px no-repeat; padding-left: 9px; line-height: 13px; padding-bottom: 5px; list-style-image:none; color:#555;} .ie ul.bulletlinks li {height:1%;} ul.blk-links a{color:#000 !important;} ul.blk-links a:visited{color:#888888 !important;} p.button {text-align:center;} ol.numbered {list-style-type:decimal; list-style-position:inside;} ol.numbered li {line-height:15px; padding:0 0 2px;} ol.numbered li.spotlight {font-weight:700; margin:8px 0;} ol.numbered li.spotlight p {padding:4px 0 0 8px; font-weight:400;} p.button {text-align:center;} .ie6 ol.numbered li a, .ie7 ol.numbered li a {padding:0 0 0 4px;} /* BREAKING NEWS */ .mod-breaking-news { z-index:1;position: relative; margin-bottom: 6px !important; } .mod-breaking-news p { font-weight: 700; font-size: 20px; font-family: helvetica, arial, sans-serif; color: #fff; width:100%; float:left; display: block; border: 1px solid #d33b2d; line-height: 50px; } .mod-breaking-news p strong { font-size: 18px; color: #e24a43; margin: 0 16px; float:left; display: block; line-height: 50px; padding-right:16px; border-right: 10px solid #d33b2d; } .mod-breaking-news .transparent-background { z-index:-1;background: #000; opacity: 0.55; position:absolute; top:0; left:0; right: 0; bottom: 0; width:100%; height: 100%;} .ie .mod-breaking-news .transparent-background { filter: alpha(opacity=55); } .ie6 .mod-breaking-news .transparent-background { height: expression(this.parentNode.offsetHeight + 'px'); } .mod-breaking-news a.close { cursor: pointer; display: block; width: 15px; height: 15px; position: absolute; top: 5px; right: 5px; background: url(http://a.espncdn.com/prod/assets/btn_breakingnews_close_sprite.png) 0 0 no-repeat; } .ie6 .mod-breaking-news a.close { zoom: 1; line-height: 15px; font-size: 1px; display: inline-block;} .mod-breaking-news a.close:hover { background-position: 0 -15px; text-decoration: none; } /* FULL STRIP MODULE */ .mod-full-strip {border-style: solid; border-width:1px 0px 1px 0px; border-color:#c2c2c2; padding:0; margin-bottom:6px; background-color:#fff; overflow:hidden;} .ie6 .mod-full-strip {zoom:1;} .mod-full-strip .mod-header { background:none; background-color:#fff;} .mod-full-strip .mod-header h4 { color:#575757; line-height:30px;} .mod-full-strip .mod-content {border-width:0;} .mod-full-strip .first .mod-header, .mod-full-strip .first .mod-content { border-left-width:1px; border-color:#c2c2c2; border-style:solid;} .mod-full-strip .last .mod-header, .mod-full-strip .last .mod-content { border-right-width:1px; border-color:#c2c2c2; border-style:solid;} .mod-full-strip .mod-content {padding:2px 0px 2px 0px;} .mod-full-strip .first .mod-content {padding-left:2px;} .mod-full-strip .last .mod-content {padding-right:2px;} /* NATIONAL VOICES */ .mod-national-voices p {margin:0px 10px 0px 10px; width:200px; line-height:14px;} .mod-national-voices p.footer {margin-top:8px; width:170px;} .mod-national-voices h6 {padding-left:10px;} .mod-national-voices .mod-content div {background-image: url(http://a.espncdn.com/prod/assets/columnists/gradient_fp_columnists_sprite_298.jpg); height:100px;} /* ------ columnist background images start ------ */ div.columnist-bsimmons { background-position: -300px bottom;} div.columnist-rreilly { background-position: -600px bottom;} /* ------ columnist background images end ------ */ /* FRONTPAGE STRIPE */ .mod-stripe .mod-container .mod-content{position:relative; border:0px; border-right:1px #DDD solid; min-height:180px; height:auto !important; height:185px; margin:8px 0px 8px 0px; padding:0px 8px 20px 0px; position:relative; width:auto; font-size:11px; overflow:visible; background:none;} .mod-stripe .ispan-1.last .mod-container .mod-content, .mod-stripe .ispan-2.last .mod-container .mod-content, .mod-stripe .ispan-3.last .mod-container .mod-content, .mod-stripe .ispan-4.last .mod-container .mod-content, .mod-stripe .ispan-5.last .mod-container .mod-content{ border-right:0px;} .mod-stripe .mod-container .col-full h4{margin-bottom:0px !important;} .mod-stripe .mod-container .mod-content h4{color:#575757; line-height:12px; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin-bottom:8px; text-transform:uppercase;} .mod-stripe .mod-container .mod-content p{margin:0px 0px 8px 0px; color:#2E2E2E; line-height:14px;} .mod-stripe .mod-container .mod-content a{color:#225DB7;} .mod-stripe .mod-container .mod-content ul.bulletlinks{padding:0px; margin-bottom:6px;} .mod-stripe .mod-container p.footer{position:absolute; bottom:0px; right:8px; padding:0px; margin-bottom:0px !important;} .mod-stripe .mod-container .mod-content .col-left{position:relative; clear:left; float:left; width:135px; margin:0px 17px 0px 0px; padding-bottom:20px;} .mod-stripe .mod-container .mod-content .col-right{position:relative; float:left; width:135px; margin-right:0px; padding-bottom:20px;} .mod-stripe .mod-container .mod-content .col-full{position:relative; width:auto; clear:left; border-top:1px #DDD solid; padding-top:8px; height:1%; padding-bottom:20px;} .mod-stripe .mod-container .mod-content .col-left p.footer, .mod-stripe .mod-container .mod-content .col-right p.footer, .mod-stripe .mod-container .mod-content .col-full p.footer{right:0px;} .mod-stripe .mod-no-footer .mod-content{padding-bottom:0px;} /* STRIPE - COLUMNISTS MODULE */ .mod-stripe .mod-container.mod-columnists .mod-content{height:200px !important; margin-bottom:0px;} .mod-stripe .mod-container.mod-columnists .mod-content h4{margin-bottom:8px !important;} .mod-stripe .mod-container.mod-columnists .mod-content p{margin-bottom:6px !important;} .mod-stripe .mod-container.mod-columnists .mod-content .col-full{border:0px; border-bottom:1px #DDD solid; padding:0; margin-right:-8px; overflow:hidden; height:105px;} .mod-stripe .mod-container.mod-columnists .mod-content .col-full>h5, .mod-stripe .mod-container.mod-columnists .mod-content .col-full p{margin-right:80px;} .mod-stripe .mod-container.mod-columnists .mod-content .col-full img.floatleft{margin-bottom:0;} .mod-stripe .mod-container.mod-columnists .mod-content .col-left, .mod-stripe .mod-container.mod-columnists .mod-content .col-right{height:86px !important; min-height:86px !Important; margin:0px; padding:8px 0; overflow:hidden;} .mod-stripe .mod-container.mod-columnists .mod-content .col-left{margin-right:8px; width:290px; border-right:1px #DDD solid;} .mod-stripe .mod-container.mod-columnists .mod-content .col-left p{margin-right:55px;} .mod-stripe .mod-container.mod-columnists .mod-content .col-right{width:143px;} .mod-stripe .mod-container.mod-columnists .mod-content .headshot{position:absolute; bottom:0px; right:-10px;} /* STRIPE - FEATURED VIDEO MODULE */ .mod-featured-video .mod-content{padding-bottom:16px !important;} .mod-featured-video img.photo{margin-bottom:2px;} .mod-featured-video a.photo-wrapper{color:#FFF !important; cursor:pointer; text-decoration:none;} .mod-featured-video .photo-wrapper{display:block; position:relative; height:162px; width:288px; overflow:hidden; margin-bottom:2px;} .mod-featured-video .photo-wrapper .headline{left:0px; right:0px; bottom:0px; width:100%; position:absolute;} .mod-featured-video .photo-wrapper .headline .transparent-background{width:100%; height:100%; position:absolute; left:0px; right:0px; top:0px; bottom:0px; background:#000; opacity:0.8;} .ie .mod-featured-video .photo-wrapper .headline .transparent-background{filter: alpha(opacity=55);} .ie6 .mod-featured-video .photo-wrapper .headline .transparent-background{height: expression(this.parentNode.offsetHeight + 'px'); } .mod-featured-video .photo-wrapper .headline h6{display:block; padding:4px 10px; position:relative; font-size:12px; font-family:Helvetica, Arial, sans-serif;} /* STRIPE - ARTICLE MODULE */ .mod-article-capsule h6{font-size:16px; font-family:Helvetica, Arial, sans-serif;} .mod-article-capsule img.thumb{margin-bottom:4px;} /* STRIPE LIST */ .mod-stripe-list ul {padding-left:8px; overflow:hidden;} .mod-stripe-list ul li {float:left; width:137px; border-right:1px solid #ddd; padding:0 8px 8px 0; margin:0 8px 0 0;} .mod-stripe-list ul li.last {border-right:none; margin:0; padding:0;} .mod-stripe-list ul li p {margin:8px 0; line-height:14px;} /* SPORTSNATION MODULE */ #sportsnation .sn-col-left{float:left; width:307px; border-right:1px #DDD solid;} #sportsnation .sn-col-right{float:left; width:300px;} #sportsnation .sn-col-left .mod-container .mod-content, #sportsnation .sn-col-left .mod-container .mod-sub-header{margin-right:2px;} #sportsnation .sn-col-right .mod-container .mod-content, #sportsnation .sn-col-right .mod-container .mod-sub-header{margin-left:2px;} #sportsnation .mod-container .mod-content{border:0px; background:transparent none; padding:0px; margin:0px;} #sportsnation .sn-featured{overflow:hidden;} .mod-sn-highlight .mod-content .col-full{background:none; padding:8px 8px 0px 8px; overflow:hidden; height:auto;} .mod-sn-highlight .mod-content .col-full .sn-icon{float:left; margin-right:8px;} .mod-sn-highlight .mod-content .col-full h5{line-height:12px; margin-bottom:4px; color:#575757;} .mod-sn-highlight .mod-content .col-full h6{overflow:hidden; line-height:14px;} .mod-sn-highlight .mod-content .col-full p{margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:1px #DDD solid;} .mod-sn-highlight .mod-content .col-full a:hover{text-decoration:underline;} /* TODAY ON ESPN */ .mod-today-on ul li h5 span {position:absolute; left:-9999em;} .mod-today-on ul li p {margin:0; height:30px; color:#333;} .mod-today-on ul li .tv-logo {background-image: url(http://a4.espncdn.com/prod/assets/network-logo-sprite-100x20.png); background-repeat:no-repeat; height:20px; width:80px; margin:10px 0 2px;} /* JUMP MENU */ .mod-jump-menu .mod-content {background:transparent; border:none; margin-top:10px;} .mod-jump-menu .mod-content a, .mod-jump-menu .mod-content a:visited {color:#444 !important;} .mod-jump-menu .mod-content ul {padding:0px;} .mod-jump-menu .mod-content ul li {font-size:10px; float:left; width:142px; border-right:1px solid #ddd; padding:0 8px 0 0; margin:0 3px 0 0;} .mod-jump-menu .mod-content ul li ul {padding:0; margin-bottom:10px; overflow:hidden;} .mod-jump-menu .mod-content ul li ul li, .mod-jump-menu .mod-content ul li.last {border-right:none; margin:0; padding:0;} .mod-jump-menu .mod-content ul li ul li a {display:block; padding:2px 0 3px 5px;} .mod-jump-menu .mod-content a:hover{color:#225DB7 !important; text-decoration:underline;} .mod-jump-menu .mod-content ul li ul li h4 {padding:2px 0 2px 5px; height:auto; overflow:hidden; font-size:11px; line-height:16px; font-family:Helvetica, Arial, sans-serif; color:#444;} .mod-jump-menu .mod-content ul li ul li h4 a{padding:0px;} /* FANTASY GAMES - FRONT PAGE */ .mod-fp-fantasy-games .mod-content { font-size:10px;} .mod-fp-fantasy-games .mod-content p{color:#2e2e2e; } .mod-fp-fantasy-games .mod-content div.row {overflow:hidden;} .mod-fp-fantasy-games .mod-content div.row img.logo {float:left; margin:10px;} .mod-fp-fantasy-games .streak {border:1px solid #c2c2c2; padding:5px; margin:8px 6px 5px 0px; float:right; width:70px; color:#535353; font-size:9px; line-height:11px;} .mod-fp-fantasy-games .streak h6 {color:#64c82f; font-family:helvetica, arial, sans-serif; font-size:20px; margin:0; padding:6px 0 0 4px; line-height:14px; float:left;} .mod-fp-fantasy-games .streak p {width:36px; margin:0; float:left; padding-right:6px;} .mod-fp-fantasy-games form { margin-left:10px; padding-right:10px; width:194px; border-color:#c2c2c2; border-style:solid; border-right-width:1px; float:left; height:50px;} .mod-fp-fantasy-games form label { color: #2e2e2e; display: block; position: relative; cursor: pointer; position: relative; margin: 0; line-height:17px;} /*.mod-fp-fantasy-games form label input { float: right; clear: right; position: relative; top: -14px; margin: 0px 3px 3px 0; }*/ .mod-fp-fantasy-games form label input {position:absolute; right:0;} .mod-fp-fantasy-games form p { margin: 0; } .mod-fp-fantasy-games form .question { font-weight: 700; margin-bottom: 2px;} .mod-fp-fantasy-games .network {float:left; padding:16px 7px 0px 4px;} .mod-fp-fantasy-games .network p {margin:5px; } .ie .mod-fp-fantasy-games form { margin-top:11px;} .ie .mod-fp-fantasy-games form label input {top:-6px; margin-bottom:-10px;} .ie .mod-fp-fantasy-games .streak h6 { padding:4px 0 0 6px; } .ie7 .mod-fp-fantasy-games .network {padding-top:29px;} .ie6 .mod-fp-fantasy-games .mod-content div.row {margin-top:1px;} .ie6 .mod-fp-fantasy-games form label input {right:4px;} .ie6 .mod-fp-fantasy-games .mod-content div.row {zoom:1;} .ie6 .mod-fp-fantasy-games form { margin: 1px 0 0 5px; width:190px; zoom: 1; } .ie6 .mod-fp-fantasy-games .streak {margin-right:3px;} .ie6 .mod-fp-fantasy-games .streak h6 {padding-top:4px;} .ie6 .mod-fp-fantasy-games .streak p {padding-right:3px;} .ie6 .mod-fp-fantasy-games .network {padding-top:19px; height:40px;} /* ACCORDION MODULE */ .mod-accordion { /*position: relative !important; position: absolute;*/ } .mod-accordion a.mod-accordion-trigger { padding: 0 0 0 8px; border-width: 2px 0 0 0; border-color: #fff; border-style: solid; display: block; position: relative; background: #d6d6d6 url(http://a.espncdn.com/prod/assets/module_accordion_arrow_off.gif) 98% 50% no-repeat; color: #4b4b4b !important; text-decoration: none; font-weight: 700; line-height: 22px;} .mod-accordion a.mod-accordion-trigger:hover { text-decoration:underline; } .mod-accordion a.mod-accordion-trigger.active { background: #fff url(http://a.espncdn.com/prod/assets/module_accordion_arrow_on.gif) 98% 50% no-repeat; color: #454545;} .mod-accordion a.mod-accordion-trigger.active:hover { text-decoration:none;} .ie6 .mod-accordion a.mod-accordion-trigger:visited, .ie6 .mod-accordion a.mod-accordion-trigger.active:visited {color: #454545 !important;} .mod-accordion div {display: none; overflow:hidden !important; margin: 0; background: #fff url(http://a.espncdn.com/prod/assets/gradient_back.jpg) bottom left no-repeat; } .mod-accordion div div { display: block; } .mod-accordion div.active { display: block; } .mod-accordion div h6 { padding: 10px 8px 0px 8px; margin:0; width: 210px; } .mod-accordion div p { padding: 0 0 0 8px; margin: 0; width: 210px; } .mod-accordion div p.sub-footer { margin:0; padding:0 5px; font-size: 10px; line-height: 25px; width: 280px;} .mod-accordion div .last { padding-bottom: 5px; } .mod-accordion div .last a { padding-right: 5px; } .mod-columnists .mod-accordion div {background-image: url(http://a.espncdn.com/prod/assets/columnists/gradient_fp_columnists_sprite_298.jpg); background-repeat:no-repeat;} /* ------ columnist background images start ------ */ div.columnist-gwojciechowski { background-position: -900px bottom;} div.columnist-pforde { background-position: -1200px bottom;} div.columnist-jcaple { background-position: -1500px bottom;} div.columnist-jhill { background-position: -1800px bottom;} div.columnist-sjackson { background-position: -2100px bottom;} div.columnist-eneel { background-position: -2400px bottom;} div.columnist-tkeown { background-position: -2700px bottom;} div.columnist-phruby { background-position: -3000px bottom;} div.columnist-lgranderson { background-position: -3300px bottom;} div.columnist-imaisel { background-position: -3600px bottom;} /* ------ columnist background images end ------ */ .mod-accordion div.mod-sub-accordion { display: block; width: 100% !important; /*position: relative !important; position: absolute;*/ margin:0 !important; } .mod-accordion div.mod-sub-accordion a.mod-sub-accordion-trigger { padding: 5px 10px 5px 10px; width: 100% !important; display: block; /*position: relative;*/ background: #f1f1f1 url(http://a.espncdn.com/prod/assets/module_subaccordion_arrow_off.gif) 91% 50% no-repeat; color: #484848; text-decoration: none; font-weight: normal; border-top: 2px solid #fff;} .mod-accordion div.mod-sub-accordion a.mod-sub-accordion-trigger:hover { text-decoration:underline; } .mod-accordion div.mod-sub-accordion a.mod-sub-accordion-trigger.active { color:#000000; background:#fff url(http://a.espncdn.com/prod/assets/module_subaccordion_arrow_on.gif) 91% 50% no-repeat; } .mod-accordion div.mod-sub-accordion div { display: none; /*position: relative;*/ width: 100% !important; overflow:hidden !important; margin: 0 !important; } .mod-accordion div.mod-sub-accordion div div { display: block; } .mod-accordion div.mod-sub-accordion div.active { display: block; /*position: relative; overflow-y:auto !important;*/ } .mod-accordion div.mod-sub-accordion span.showTitle {font-weight:bold;} .mod-accordion div.mod-sub-accordion div p { padding: 8px 8px 10px 10px; margin: 0; width: 250px; } .mod-accordion div.mod-sub-accordion span.logo { float:left; padding: 4px 12px 8px 0px;} .mod-accordion div.mod-sub-accordion .footer { background: #fff; border: none; text-align: right; margin-bottom: 6px;} .mod-accordion div.mod-sub-accordion .footer p { margin:0; padding:0 5px; font-size: 10px; line-height: 25px; width:288px;} /* TABS MODULE */ .mod-tabs { float: left; width: 100%; } .mod-tabs .mod-header { height: 23px; border-color: #c2c2c2; border-style: solid; border-width: 1px 1px 0; position: relative; z-index:2; } .mod-tabs-header .mod-header { height: 47px; } .mod-tabs-section .mod-header { padding: 16px; height: 139px; } /* incorporates 171px background image */ .mod-tabs .mod-content { border-top: 1px solid #c2c2c2; } .mod-tabs-section .mod-content { border-top: 0; } /*.ie6 .mod-tabs .mod-content { float: left; }*/ .mod-tabs .mod-header ul,.mod-tabs ul.ui-tabs-nav { overflow: hidden; width: 100%; padding: 0; position: absolute; bottom: -1px; /*height: 22px;*/ background: transparent url(http://a.espncdn.com/prod/assets/tab_header_back.png) 0 0 repeat-x;} .ie6 .mod-tabs .mod-header ul,.ie6 .mod-tabs ul.ui-tabs-nav { bottom: -2px; } .mod-tabs-section .mod-header ul,.mod-tabs-section ul.ui-tabs-nav { background: none; } .mod-tabs .mod-header ul li,.mod-tabs ul.ui-tabs-nav li { float: left; margin: 0px; position: relative; background: #fff url(http://a.espncdn.com/prod/assets/tabs-A-sprite.png) no-repeat scroll right top; border-bottom: 1px solid #c2c2c2; line-height: 20px;} .mod-tabs-section .mod-header ul li,.mod-tabs-section ul.ui-tabs-nav li { border-bottom: 0; background: none; } .mod-tabs .mod-header ul li a,.mod-tabs ul.ui-tabs-nav li a { font-family: helvetica,arial,sans-serif; font-size: 11px; font-weight: bold; color: #646464; padding: 3px 13px 0; text-decoration: none; float: left; display: block; } .mod-tabs .mod-header ul li a label,.mod-tabs ul.ui-tabs-nav li a label{color:#b20505; font-family:Verdana, sans-serif; font-size:10px; padding:0 2px; line-height:0;} .mod-tabs .mod-header ul li a span,.mod-tabs ul.ui-tabs-nav li a span{font-weight:400; font-size:11px;} .mod-tabs .mod-header ul li a:hover,.mod-tabs ul.ui-tabs-nav li a:hover {text-decoration:underline;} .mod-tabs-section .mod-header ul li a,.mod-tabs-section ul.ui-tabs-nav li a { font-family: verdana, sans-serif; color: #225DB7; } .mod-tabs-section .mod-header ul li a:hover,.mod-tabs-section ul.ui-tabs-nav li a:hover { text-decoration: underline; } .mod-tabs .mod-header ul li.ui-tabs-selected,.mod-tabs ul.ui-tabs-nav li.ui-tabs-selected { background-position:right -25px; border-bottom: 1px solid #fff;} .mod-tabs-section .mod-header ul li.ui-tabs-selected,.mod-tabs-section ul.ui-tabs-nav li.ui-tabs-selected { background: #fff url(http://a.espncdn.com/prod/assets/bg-columnists-tabs-left.gif) no-repeat scroll 0 0; } .mod-tabs .mod-header ul li.ui-tabs-selected a,.mod-tabs ul.ui-tabs-nav li.ui-tabs-selected a { position: relative; top: 1px; color: #232323; padding-top: 2px; border-bottom: 1px solid #fff; } .mod-tabs-section .mod-header ul li.ui-tabs-selected a,.mod-tabs-section ul.ui-tabs-nav li.ui-tabs-selected a { text-decoration: none; color: #3d3d3d !important; top: 0; background: transparent url(http://a.espncdn.com/prod/assets/bg-columnists-tabs-right.gif) no-repeat scroll 100% 0; } .mod-tabs .mod-tab-content { display: block; /*position: absolute; left: -999em;*/ } .mod-tabs .ui-tabs-panel,.mod-tabs .mod-tab-content.ui-tabs-panel { position: static; } .mod-tabs div.ui-tabs-panel { float: left; width: 100%; height: auto; /*height: 200px;*/ overflow: hidden; background-color: #fff; position: static;} .mod-tabs div.ui-tabs-panel div.spacer { padding: 10px 10px 0 10px !important;} .mod-tabs div.ui-tabs-hide { display: none; } #top-stories .mod-tabs div.ui-tabs-hide { height: 0; display: block; } .ie #top-stories .mod-tabs div.ui-tabs-hide { display: none; height: auto; } .mod-tabs-container { float: left; width: 100%; } .mod-tabs-container .more { position: relative; padding-top: 5px; float: left; clear: left; width:100%; border: 1px solid #dcdcdc; border-top: none; background: #fff;} .mod-tabs-container .more ul { margin-left: 5px; margin-right:5px;} .mod-tabs-container .more ul li { float: left; padding-right: 5px; font-size:9px;} .mod-tabs-container .more ul li a { color: #6af; } .mod-tabs .tab-link {position:absolute; right:8px; top:5px;} .mod-tabs .tab-link a {color: #225fb2; text-decoration: none; font-size:10px; padding:0 0 0 14px;} .mod-tabs .tab-link a:hover {text-decoration: underline;} .mod-tabs .mod-header li .icon.facebook{margin-bottom:-2px;} /* POLL MODULE */ .mod-poll .mod-header h4 span { left: -9999em; position: absolute; } .mod-poll form { margin: 0; padding: 0; min-height: 256px; } .mod-poll .poll { width: 298px; font-family: Helvetica, Arial, Sans-Serif; font-size: 11px; } .mod-poll .question, .mod-poll .post-vote-message p { line-height: 14px; font-weight: bold; margin: 8px 10px 6px 10px; padding: 0; } .mod-poll .post-vote-message { display: none; } .mod-poll .answers li { line-height: 10px; margin: 14px 15px 16px 10px; width: auto; } .mod-poll .answers .answer-results { margin: 8px 15px 0 12px; width: auto; } .mod-poll .answer-bar { float: left; background-color: red; margin-bottom: 2px; height: 10px; line-height: 10px; background-color: #FFA6A6; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA6A6), to(#FF0000)); background-image: -webkit-linear-gradient(top, #FFA6A6, #FF0000); background-image: -moz-linear-gradient(top, #FFA6A6, #FF0000); background-image: -ms-linear-gradient(top, #FFA6A6, #FF0000); background-image: -o-linear-gradient(top, #FFA6A6, #FF0000); background-image: linear-gradient(top, #FFA6A6, #FF0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFA6A6', EndColorStr='#FF0000'); } .mod-poll .answer-pct { float: left; margin-left: 5px; margin-bottom: 2px; font-size: 10px; line-height: 10px; font-weight: bold; font-family: verdana, arial, sans-serif;} .mod-poll label { line-height: 14px; width: 100%; clear: both; display: block; } .mod-poll input { margin: 0; vertical-align: middle; display: none; } .mod-poll .submit-poll { margin: 6px auto; display: none; cursor: default; } .mod-poll .active-submit-poll { cursor: pointer; } .mod-poll .total-votes { font-size: 10px; font-weight: bold; margin: 18px 0 0 10px; } .mod-poll .view-map, .mod-poll .discuss { margin-right: 5px; } .mod-poll .view-map img, .mod-poll .discuss img { vertical-align: bottom; } .js .mod-poll .answer-bar, .js .mod-poll .answer-pct, .js .mod-poll .total-votes { display: none; } .js .mod-poll input { display: inline; } .js .mod-poll .submit-poll { display: block; } /* Poll Features: Used for HTML Poll */ .mod-poll .mod-header h4 span {position:absolute; left:-9999em;} .mod-poll h4.subtitle { color:#7b7b7b; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:8px 8px 0px 8px; } .mod-poll .sn-featured img{float:left; margin:8px;} .mod-poll .sn-featured div{margin:8px 8px 8px 55px; line-height:13px; font-size:10px; color:#333;} .mod-poll .sn-featured h5{font-size:11px; padding-bottom:4px;} /* Poll Add-on: SportsNation: OLD CODE, used for Flash Poll */ #sportsnation .sn-featured div{line-height:12px;} #sportsnation .sn-featured h5{line-height:13px;} /**** THE CODE BELOW IS OLD *****/ /*#sportsnation .mod-header h4 span { display: none; } #sportsnation h4.subtitle { color:#7b7b7b; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:8px 8px 0px 8px; } #sportsnation .sn-featured img{float:left; margin:8px;} #sportsnation .sn-featured div{margin:8px 8px 8px 55px; line-height:12px; font-size:10px; color:#333;} #sportsnation .sn-featured h5{font-size:11px; line-height:13px;} #sportsnation .sn-featured blockquote {margin:8px 8px 8px 51px; font-size:13px; color:#333333; line-height:16px; font-weight:700; font-family:Helvetica, Arial, sans-serif;} #sportsnation .sn-featured blockquote p {padding-top:5px; margin:0;} #sportsnation .sn-featured .bg-start, #sportsnation .sn-featured .bg-end {font-family:"Times New Roman", Times, serif; color:#aaa; font-size:48px;} #sportsnation .sn-featured .bg-start { height: 20px; padding: 10px 8px 0 0; margin-bottom: -10px; float:left;} #sportsnation .sn-featured .bg-end {height: 10px; margin-top: 0px; padding-top: 10px; float:right;} #sportsnation .sn-featured cite{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; font-weight:normal;}*/ /**** END OLD CODE *****/ /* TAB HEADLINES */ .mod-tabs ul.headlines { list-style-image:none; list-style-type:none; padding:6px; white-space: normal; overflow: auto; font-size:11px;} .mod-tabs ul.headlines li {background: url(http://a.espncdn.com/prod/assets/bullet_gray.gif) 0px 5px no-repeat; padding-left: 9px; line-height: 13px; padding-bottom: 5px; list-style-image:none; color:#aaa;} .mod-tabs ul.headlines li a {color:#000;} .mod-tabs ul.headlines li a:visited {color:#888 !important;} .mod-tabs ul.headlines li a:hover {color:#225DB7 !important;} .ie6 .mod-tabs ul.headlines { width: 285px !important; } .ie .mod-tabs ul.headlines li {height:1%;} img.insidericon { display: inline; margin-top: 3px; } /* MY HEADLINES */ .mod-myheadlines {min-height:192px;} .ie6 .mod-myheadlines {height:216px;} .mod-myheadlines p {text-align:center; padding-top:10px;} .mod-myheadlines p.footer { padding-top:4px;} .mod-myheadlines select {margin:6px auto 2px; display:block;} .mod-myheadlines span.username {font-weight:700;} /* OPEN MODULE */ .mod-open .gradient-container .bgimg-container {padding: 75px 0 0 !important; height: 1%;} .mod-open .mod-content p {margin:0 0 10px;} .mod-open .mod-content p.link {margin:0;} .mod-open .mod-content h5 {margin:0 10px 10px 0;} .mod-open .mod-content h6 {margin:0 10px 4px 0; line-height:15px;} .mod-open .mod-content h4.subtitle { color:#7b7b7b; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:6px; } .mod-open .mod-content .col-full {padding:6px; width:auto;} .mod-open .mod-content .col-left {float:left; padding:10px; width:110px;} .mod-open .mod-content .col-right {float:left; padding:10px 10px 10px 0; width:158px;} .ie6 .mod-open .mod-content .col-left {padding:10px 5px 10px 10px;} .ie6 .mod-open .mod-content .col-right {padding:10px 5px 10px 0;} .mod-open .mod-content.logo .col-left {width:94px;} .mod-open .mod-content.logo .col-right {width:174px;} .mod-open .mod-content.split .col-left {width:133px; border-right:1px solid #ddd; padding:10px 6px 10px 8px;} .mod-open .mod-content.split .col-right {width:134px; padding:10px 8px;} .ie6 .mod-open .mod-content.split .col-left, .ie6 .mod-open .mod-content.split .col-right {padding:10px 7px;} .mod-open .mod-content.logo-flip .col-left {width:174px;} .mod-open .mod-content.logo-flip .col-right {width:94px;} .mod-open .mod-content.flip .col-left {width:158px;} .mod-open .mod-content.flip .col-right {width:110px;} .mod-open .mod-content.add-col-full .col-left {padding:10px 10px 0;} .ie6 .mod-open .mod-content.add-col-full .col-left {padding:10px 8px 0 7px;} .mod-open .mod-content p.dd-label {font-weight:700; padding-top:4px; margin-bottom:24px;} .mod-open .mod-content select.select-box {margin:0 0 14px;} .mod-open .mod-content dl {margin-bottom:10px;} .mod-open .mod-content dd {margin-bottom:10px;} .mod-open .mod-content ul.links { line-height: 17px;} .mod-open .mod-content.split-links .col-left { border-right:none;} .mod-open .mod-content.split-links ul.related-links li { padding-top:8px; } .mod-open .mod-content ul.bulletlinks {padding:0px; font-size:11px;} .mod-open .mod-content ul.bulletlinks li {font-size:11px;} .ie ul.bulletlinks li {height:1%;} .mod-open .mod-content .podcast-player {float:right; padding-left:4px;} .mod-open .mod-accordion ul.bulletlinks {padding:8px;} .mod-open .mod-content cite { color:#999999; font-size:0.9em; margin:0; font-style:normal; margin: 2px 0 0; display: block;} .mod-open .mod-content form span {margin-bottom:10px; float:left;} .mod-open .mod-content form label {float:left; width:70px; padding-top:3px;} .mod-open .mod-content .feat-photo {padding:5px 5px 0;} .mod-open .mod-content .feat-photo cite { font-size:0.8em;} .mod-open .inline-title {padding:6px;} .mod-open .inline-title h5 {font-size:20px; color:#333; margin:0; font-family:helvetica, arial, sans-serif; line-height:22px;} .mod-open .inline-title span {color:#888; font-size:10px;} .mod-open .mod-content.headlines .col-left, .mod-open .mod-content.headlines .col-right {width:47%;} /* PHOTO WIRE OPEN MODULE - TO BE REMOVED LATER */ .mod-open .mod-content.photo-wire img.floatleft, .mod-open .mod-content.photo-wire img.floatright {margin:10px;} .mod-open .mod-content.photo-wire p {margin:10px 10px 0 10px;} .mod-open .mod-content.photo-wire cite {margin:0 10px 10px 10px;} .mod-open .mod-content.photo-wire h5 {margin:10px 10px 0;} /*****/ .mod-open .mod-content p.footer {margin:0;} .mod-open .mod-content p.footer a.split {float:left; width:134px; padding:0 6px 0 0;} /* CAN'T MISS OPEN MODULE */ .mod-open.mod-bgimg .gradient-container{height:237px; overflow:hidden;} .mod-open.mod-bgimg .gradient-container .wrapper{height:214px; overflow:hidden;} .ie .mod-open .mod-open.mod-bgimg .gradient-container{height:235px; overflow:hidden;} /* OPEN LIST */ .mod-open-list .mod-content ul li {background-color: #fff; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; clear:both; overflow:hidden;} .ie6 .mod-open-list .mod-content ul li { margin: 0 !important; zoom: 1; height:1%;} .mod-open-list .mod-content ul li h5 {font-weight:bold; line-height:14px;} /*.ie6 .mod-open-list .mod-content ul li { border-left: 2px solid #fff; border-right: 2px solid #fff; }*/ .mod-open-list .mod-content ul li.alt { background-color: #e9e9e9; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .mod-open-list .mod-content ul li dl { color: #2e2e2e; padding: 8px 6px; margin: 0 0 0 120px; font-size: 11px; } .mod-open-list .mod-content.tn-small ul li dl {margin: 0 0 0 90px;} .mod-open-list .mod-content ul li dl span {color:#777; font-size:10px;} .mod-open-list .mod-content ul li dl dt.title { font-weight:bold; line-height:14px; } .mod-open-list .mod-content ul li dl dd.category {font-size:10px; padding-top:3px;} .mod-open-list .mod-content ul li.first { border-top: 0; } .mod-open-list .mod-content ul li.last { border-bottom: 0; } .mod-open-list .mod-content ul li img { float: left; padding:6px 8px 6px 8px; } .ie .mod-open-list .mod-content ul li a {zoom:normal !important;} .mod-open-list .mod-content dd img.icon {position:absolute; padding:4px 6px;} /* OPEN LIST: NASCAR ICONS */ .mod-open-list .mod-content.nascar-icons ul li dl {margin-left:78px; } .mod-open-list .mod-content.nascar-icons ul li dl dt img {padding:0 0 6px 0;} .mod-open-list .mod-content.nascar-icons ul li dl dt{background:url(http://a.espncdn.com/prod/assets/nascar_icons.png) 0 0 no-repeat;width:208px; height:31px; font-family:helvetica; font-size:12px; color:#666; font-weight:bold; text-indent:10px; margin-bottom:4px;} .mod-open-list .mod-content.nascar-icons ul li dl dt span {display:block;padding-top:8px; text-transform:uppercase;background:url(http://a.espncdn.com/prod/assets/nascar_sponsor_logos.png) 0 0 no-repeat;} .mod-open-list .mod-content.nascar-icons ul li dl dt.communication{background-position:0 -31px;} .mod-open-list .mod-content.nascar-icons ul li dl dt.safety{background-position:0 -62px;} .mod-open-list .mod-content.nascar-icons ul li dl dt.tech-ctr{background-position:0 -94px;} .mod-open-list .mod-content.nascar-icons ul li dl dt span.chevy {background-position: 172px 6px;} .mod-open-list .mod-content.nascar-icons ul li dl dt span.sprint {background-position: 170px -31px;} .mod-open-list .mod-content.nascar-icons ul li dl dt span.allstate {background-position: 168px -62px;} .mod-open-list .mod-content.nascar-icons ul li dl dt span.dish-network {background-position: 168px -93px;} .mod-open-list .mod-content.nascar-icons ul li dl dd {margin-left:4px} .mod-open-list .mod-content ul.small-img li dl { margin-left:63px;} /* EDITORS CHOICE */ .mod-editors-choice .mod-header{background:url(http://a.espncdn.com/prod/assets/module_header_gradient_lt.png) repeat-x; border:1px #c2c2c2 solid; height:24px; overflow:hidden;} .mod-editors-choice .mod-header h4{color:#474747; padding:0px 8px 0px 0px; margin:0px; display:block; float:left; line-height:24px;} .mod-editors-choice .mod-header h4 span{font-size:10px; color:#FFF; background:url(http://a.espncdn.com/prod/assets/module_header_label.png) repeat-x right; display:block; float:left; padding:0px 24px 0px 10px; margin:0px 4px 0px 0px;} .mod-editors-choice .mod-header h4 img{padding:0px 0px 0px 4px;} .ie6 .mod-editors-choice .mod-header h4 img{padding:8px 0px 0px 4px;} .mod-editors-choice .mod-content ul li{border-bottom:0px;} .mod-editors-choice .mod-content ul li img{padding-left:6px;} /* SPONSORED LINKS MODULE */ #sponsored .mod-header { background-image: none; background-color: #ededed; border: 1px solid #c2c2c2; border-bottom: 0; } #sponsored .mod-header h4 { color: #474747; font-family: helvetica, arial, sans-serif; line-height: 30px; } #sponsored .mod-content { overflow: hidden; padding:2px; background-color:#ededed;} #sponsored span.headerLinks { color: #ccc; font-weight:normal; font-family: verdana, arial, sans-serif; font-size:11px;} #sponsored span.headerLinks a { color:#225db7;} #sponsored .mod-content dl {padding:0px 10px 14px 10px;} #sponsored .mod-content dt {padding-top:10px;} .ie6 #sponsored{clear:none;} .article #sponsored{margin:20px 30px 0px;} /* TV LISTINGS MODULE */ .mod-tvlisting .mod-content ul { } .ie6 .mod-tvlisting .mod-content ul { margin: 0 !important; zoom: 1;} .mod-tvlisting .mod-content ul li { height: 1%; background-color: #fff; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; overflow: hidden;} .ie .mod-tvlisting .mod-content ul li {margin:-2px 0;} .ie7 .mod-tvlisting .mod-content ul li {padding-bottom:8px;} /*.ie6 .mod-tvlisting .mod-content ul li { border-left: 2px solid #fff; border-right: 2px solid #fff; }*/ .mod-tvlisting .mod-content ul li.alt { background-color: #f1f1f1; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .mod-tvlisting .mod-content ul li p { color: #2e2e2e; font-size: 11px; float:left; width:190px; margin:8px;} .ie6 .mod-tvlisting .mod-content ul li p { width:184px;} .mod-tvlisting .mod-content ul li p span.time { display: block; color: #757575; font-size: 10px; line-height: 8px;} .mod-tvlisting .mod-content ul li p span.show {display:block; color:#000; padding-top:6px;} .mod-tvlisting .mod-content ul li p span.event { display: block; line-height:11px; padding-bottom:3px;} .mod-tvlisting .mod-content ul li.first { border-top: 0; } .mod-tvlisting .mod-content ul li span.tv-logo {background-image: url(http://a.espncdn.com/prod/assets/network-logo-sprite-100x20.png); background-repeat:no-repeat; height:20px; width:80px; float:left; margin:10px 0 10px 10px;} .mod-tvlisting .mod-content ul li ul.bulletlinks { color: #2e2e2e; float:left; width:190px; margin:-6px 8px 8px 100px; padding:0;} .ie6 .mod-tvlisting .mod-content ul li ul.bulletlinks {padding:0 8px 8px 100px; margin:0; margin-top:-6px !important;} .mod-tvlisting .mod-content ul li ul.bulletlinks li { border:none; padding-bottom:2px;} /* -- TV Logos -- */ .tv-logo.espn {background-position: 0 0 !important;} .tv-logo.espn-2 {background-position: 0 -20px !important;} .tv-logo.espn-2hd {background-position: 0 -40px !important;} .tv-logo.espn-360 {background-position: 0 -60px !important;} .tv-logo.espn-abc {background-position: 0 -80px !important;} .tv-logo.espn-classic {background-position: 0 -100px !important;} .tv-logo.espn-deportes {background-position: 0 -120px !important;} .tv-logo.espn-hd {background-position: 0 -140px !important;} .tv-logo.espn-news {background-position: 0 -160px !important;} .tv-logo.espn-radio {background-position: 0 -180px !important;} .tv-logo.espn-u {background-position: 0 -200px !important;} .tv-logo.abc {background-position: 0 -220px !important;} .tv-logo.abc-enhanced {background-position: 0 -240px !important;} .tv-logo.abc-sports {background-position: 0 -260px !important;} .tv-logo.nbc {background-position: 0 -280px !important;} /* ----- promo 2 and promo 3 ----- */ .mod-tvlisting .mod-content ul li.promo-2, .mod-tvlisting .mod-content ul li.promo-3 {border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .mod-tvlisting .mod-content ul li.promo-2 span.tv-logo {margin-top:30px;} .mod-tvlisting .mod-content ul li.promo-3 span.tv-logo {margin-top:40px;} .mod-tvlisting .mod-content ul li.promo-2 span.feature-event, .mod-tvlisting .mod-content ul li.promo-3 span.feature-event {display:none;} .mod-tvlisting .mod-content ul li.promo-2 {background: transparent url(http://a.espncdn.com/prod/assets/gradient_back.jpg) 0 bottom no-repeat; height:80px;} .mod-tvlisting .mod-content ul li.promo-2 span.time { font-family:helvetica, arial, sans-serif; font-weight:700; font-size:14px; color:#2e2e2e; line-height:14px;} .mod-tvlisting .mod-content ul li.promo-2 p span.event {padding:4px 10px 2px 0;} .mod-tvlisting .mod-content ul li.promo-3 {background: transparent url(http://a.espncdn.com/prod/assets/gradient_back.jpg) 0 bottom no-repeat; height:110px; padding-top:10px;} /* BLOG NETWORK MODULE */ .mod-blog-network .mod-accordion div p {margin-bottom:8px;} /* GUESTS MODULE */ .mod-guests { padding: 10px;} .mod-guests img{ float:right; padding:2px 8px 8px 8px;} .mod-guests ul{ list-style-image:url(http://a.espncdn.com/prod/assets/bullet_gray.gif); padding:0px 0px 0px 24px;} .ie .mod-guests ul{ list-style-image:url(http://a.espncdn.com/prod/assets/bullet_gray_ie.gif);} /* DATA TABLE */ table.mod-data {width: 100%; clear: both; } table.mod-data thead tr th {font-size:10px; font-weight: bold; color:#484848; background: #ccc url(http://a.espncdn.com/prod/assets/module_subheader_gradient.gif) 0 0 repeat-x; height:22px; padding-left: 4px; padding-right:4px; border-right: solid #FFFFFF 1px; text-align:left; vertical-align:middle;} table.mod-data tbody tr td, table.mod-data tbody tr th {background: #fff; height:19px; color:#484848; border-right: solid #FFFFFF 1px; text-align:left; vertical-align:middle; font-weight:normal; padding-left: 4px; padding-right:4px; font-size:10px;} table.mod-data tbody tr.odd td, table.mod-data tbody tr.odd th {background-color: #F1F1F1; } table.mod-data tbody tr td.align-right, table.mod-data thead tr th.align-right {text-align:right;} table.mod-data tr td.notice {font-weight:bold; text-align:center; color:#000;} /* CONVERSATIONS MODULE */ .mod-conversations {margin:0px; padding-top:16px; padding-bottom:16px; font: 11px Verdana, Arial, Helvetica, sans-serif; clear:both; } /*width:582px;*/ .mod-conversations a{color:#225FB2;} .mod-conversations a:hover{color:#225FB2;} .mod-conversations .mod-header{background:none; height:auto; overflow:hidden; margin-bottom:10px;} .mod-conversations .mod-header h3{display:block; background:url(http://assets.espn.go.com/prod/assets/logo_espn_conversation_small.png) no-repeat; text-indent:-999px; width:218px; height:17px; float:left;} .ie6 .mod-conversations .mod-header h3{float:none; margin-top:5px;} .mod-conversations .mod-header a{overflow:hidden;} body .mod-conversations .mod-content{border:0px; padding:4px 0 0 !important;} /* body added to fix a specificity issue in tables.css */ .mod-conversations .mod-header div.comment_count{font-weight:bold; font-size:12px; font-family:Helvetica, Arial, sans-serif; clear:none; width:auto !important; padding-top:4px; margin:0 0 0 0; float:right;} .mod-conversations .mod-content .btn_add_comment{font-size:13px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; clear:left;} .mod-conversations .mod-header .count_bubble{background:url(http://assets.espn.go.com/prod/assets/count_bubble_right.png) top right no-repeat; display:block; float:left; padding:0px; margin-right:6px; margin-top:-4px; min-width:25px; text-align:center;} .ie6 .mod-conversations .mod-header .count_bubble{width:25px;} .mod-conversations .mod-header .count_bubble span{background:url(http://assets.espn.go.com/prod/assets/count_bubble_left.png) top left no-repeat; display:block; padding:5px 4px 11px 6px; font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:16px;} /*.mod-conversations .mod-content .altrows{border-top:3px #BDBDBD solid; border-bottom:3px #BDBDBD solid; padding:2px 0px; clear:both;}*/ .mod-conversations .mod-content .altrows{padding:2px 0px; clear:both;} .mod-conversations .mod-content .altrows li{min-height:auto !important; clear:both; padding:8px; overflow:hidden;} .mod-conversations .mod-content .altrows li .mod-conversation-header{clear:right;} .mod-conversations .mod-content .altrows li .mod-conversation-header .mod-conversation-postedby {float:left;} .mod-conversations .mod-content .altrows li .mod-conversation-header .mod-conversation-actions {float:right;} .mod-conversations .mod-content .altrows li .mod-conversation-header .datetime{color:#7A7A7A; font-size:10px; float:right; padding-top:1px; margin-right:0px;} .mod-conversations .mod-content .altrows li .mod-conversation-detail{padding:4px 0px 0px; clear:right; overflow:hidden;} .mod-conversations .mod-content .altrows li img{float:left; margin-right:10px;} .mod-conversations .mod-content .altrows .nocomments{text-align:left; padding:10px; min-height:0px !important;} .mod-conversations .footer {text-align:center; color:#999; padding:10px 10px 0;} .mod-conversations .comment_btn { background: #eaeff7; background: -moz-linear-gradient(top, #eaeff7 0%, #c9d7ec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeff7), color-stop(100%,#c9d7ec)); background: -webkit-linear-gradient(top, #eaeff7 0%,#c9d7ec 100%); background: -o-linear-gradient(top, #eaeff7 0%,#c9d7ec 100%); background: -ms-linear-gradient(top, #eaeff7 0%,#c9d7ec 100%); background: linear-gradient(top, #eaeff7 0%,#c9d7ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeff7', endColorstr='#c9d7ec',GradientType=0 ); border: 1px solid #dae3f2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-align: center; padding: 6px 0 6px 0; width: 49%; margin: 0 1% 0 0; float: left; } .mod-conversations .comment_btn.last{margin:0;} .mod-conversations .comment_btn.full{width:99%;margin:0;} .mod-conversations .comment_btn a{display:block;clear:left;font-family:Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;} /* SCOREBOARD MODULE */ .mod-scoreboard .mod-content ul { } .ie6 .mod-scoreboard .mod-content ul { margin: 0 !important; zoom: 1;} .mod-scoreboard .mod-content ul li { height: 1%; background-color: #fff; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 5px 8px 5px 8px; overflow:hidden;} /*.ie6 .mod-scoreboard .mod-content ul li { border-left: 2px solid #fff; border-right: 2px solid #fff; }*/ .mod-scoreboard .mod-content ul li.alt { background-color: #f1f1f1; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .mod-scoreboard .mod-content ul ul { float: left; background-color: transparent; } .mod-scoreboard .mod-content ul ul li { background: none !important; border: 0 !important; padding:0; margin:0; white-space: nowrap; font-weight:bold; color:#757575;} .mod-scoreboard .mod-content ul ul li a { font-weight: normal; background: none !important; } .mod-scoreboard table { text-align:left; margin: 0; font-size: 11px; float:left; color:#000; background:transparent; } .mod-scoreboard table.final {color:#757575; } .mod-scoreboard thead { font-weight:bold; color:#646464; } .mod-scoreboard tr.winner { font-weight:bold; color:#000;} .mod-scoreboard tr.winner td.team { background-image:url(http://a.espncdn.com/prod/assets/scoreboard_arrow.gif); background-position: 2px 55%; background-repeat:no-repeat;} .mod-scoreboard tr th.team { padding-left:0px; } .mod-scoreboard tr td.team { padding-left: 14px; } .mod-scoreboard .team { width:92px; padding-right: 8px;} .mod-scoreboard .points {text-align:right; width:24px; padding-right:54px;} .mod-scoreboard .mod-content ul ul { color:#646464; } .mod-scoreboard .mod-content ul ul li.status { font-weight:bold; } .mod-scoreboard .pregame tr{color:#757575;} .mod-scoreboard .live tr{font-weight:bold;} /* TOP PERFORMERS */ .mod-scoreboard .select-box {padding:6px 8px;} .mod-scoreboard .mod-content ul ul.top-performers li {font-weight:normal;} .mod-scoreboard .mod-content ul.top-performer li.first {border-top:0;} .mod-scoreboard .mod-content ul img {float:left; padding-right: 10px;} .mod-scoreboard .mod-content ul li ul li.playerName {} .mod-scoreboard .mod-content ul li ul li.playerName a {padding-right:8px; font-weight:bold;} /* MLB */ body.mlb .mod-scoreboard .team { width:90px; padding-right: 8px;} body.mlb .mod-scoreboard .runs, body.mlb .mod-scoreboard .hits, body.mlb .mod-scoreboard .errors {text-align:right; padding-right:2px;} body.mlb .mod-scoreboard .runs { width:16px;} body.mlb .mod-scoreboard .hits { width:16px;} body.mlb .mod-scoreboard .errors { width:16px; padding-right:20px;} /* NBA, Women's BBall, NHL */ body.nba .mod-scoreboard .points, body.womens-bball .mod-scoreboard .points { padding:0 26px 0 28px;} /* COLLEGE FOOTBALL, BASKETBALL */ body.ncf .mod-scoreboard tr.winner td.rank, body.ncb .mod-scoreboard tr.winner td.rank {background-image:url(http://a.espncdn.com/prod/assets/scoreboard_arrow.gif); background-position:0px 55%; background-repeat:no-repeat;} body.ncf .mod-scoreboard tr.winner td.team, body.ncb .mod-scoreboard tr.winner td.team {background:none;} body.ncf .mod-scoreboard .rank, body.ncb .mod-scoreboard .rank { font-weight:normal; color:#757575; width:24px; padding-right: 6px; text-align:right;} body.ncf .mod-scoreboard .team, body.ncb .mod-scoreboard .team { width:104px; padding-left:0px; padding-right: 6px;} body.ncf .mod-scoreboard .points, body.ncb .mod-scoreboard .points { width:24px; padding-right:12px; } /* TENNIS */ body.tennis .mod-scoreboard .player { width:160px; padding-right: 8px;} body.tennis .mod-scoreboard .set { width:18px; padding-right:4px;} /* HORSE RACING */ body.horse .mod-scoreboard .place { width:12px; padding-right:4px;} body.horse .mod-scoreboard .horseName { width:108px; padding-right: 8px;} body.horse .mod-scoreboard .prize { width:50px; padding-left:4px; text-align: right;} body.horse .mod-scoreboard .wagers { padding-top:12px;} /* ------------- END SCOREBOARD MODULE -------------------- */ /* PARTNERS MODULE 1 */ .mod-partners{ font-size:95%;} .mod-partners img{ float:right; padding:0px 8px 8px 8px;} .mod-partners h4{ color:#606261; padding:8px 8px 3px 8px; font-family:helvetica, arial, sans-serif; font-size:11px;} .mod-partners ul{ list-style-image:none; padding: 2px 4px 2px 10px;} .mod-partners ul li {background: url(http://a.espncdn.com/prod/assets/bullet_gray.gif) 0px 5px no-repeat; padding-left: 9px; line-height: 13px; padding-bottom: 5px; list-style-image:none; } .mod-partners a{ color:#606261;} .mod-partners ul.bulletlinks li { line-height:16px; } /* FEATURE MODULE */ .mod-feature .mod-content { position: relative; overflow: hidden !important; height: 265px;} .mod-feature .feature-content { border: 2px solid #666; background: #eee;} .mod-feature .mod-carousel { position: absolute; bottom: -25px; } .ad-box { clear: left; text-align: center; margin-bottom: 6px; } /* INSIDER ACCORDIAN MODULE */ .mod-insider-accordion h6{margin:10px 0px -10px 10px;} .mod-insider-accordion img{margin-left:10px;} /* PACKAGE MODULE */ .mod-package h5{clear:both; margin:0px 8px;} .mod-package h6{clear:both; color:#666666; margin-bottom:4px;} .mod-package img{float:right; margin:8px;} .mod-package ul.bulletlinks li{font-size:11px;} .mod-package ul.bulletlinks img{float:none; margin:0;} .mod-package center img{float:none;} .mod-package .headlines{padding-top:0px !important;} .mod-package .mod-content .gradient-container{ padding:5px 10px; } .mod-package .mod-content .gradient-container p{ margin:5px 0; } .mod-package .mod-content .gradient-container ul.headlines{ padding:8px 0; } .mod-package .mod-content .gradient-container h5{ margin:10px 0 2px; } .mod-package .mod-content .gradient-container p.footer{ margin:5px -10px -5px 0; } /* TOP STORY DEFAULT */ #top-stories .mod-content { padding: 2px; position: relative; z-index:1; height: 451px;} #top-stories .mod-content .top-story-content { background: #fff; position: relative; width: 576px; margin: 5px 16px 0;} .ie6 #top-stories .mod-content .top-story-content { float: none; } #top-stories .mod-content .top-story-content .top-story-image { height: 324px; overflow:hidden; width:100%;} #top-stories .mod-content .top-story-content .top-story-headline { color: #fff; background: transparent; height: auto; width:100%; position: absolute; right:0;bottom:0;left:0;} #top-stories .mod-content .top-story-content .top-story-headline h2 { position: relative; padding: 8px 0px 0px 11px; margin: 0; width: 75%; font: 700 30px arial,sans-serif; line-height: 36px; /*font-weight:bold;*/} #top-stories .mod-content .top-story-content .top-story-headline h2.vert { padding: 8px 0px 4px 0px;} #top-stories .mod-content .top-story-content .top-story-headline p { position: relative; padding:0 11px; margin: 0; font: 400 12px/16px helvetica, arial,sans-serif;} /* force an overflow hidden if copy wraps beyond 2 lines */ #top-stories .mod-content .single .top-story-headline {padding: 0 0 9px;} #top-stories .mod-content .single .top-story-headline p {overflow: hidden; height: 33px;} #top-stories .mod-content .top-story-content .top-story-headline p a { position: relative; color: #669dd6; font-weight: bold; padding-right:6px;} #top-stories .mod-content .top-story-content .top-story-headline cite { position: absolute; top: 5px; right: 11px; color: #ababab; font: normal 9px arial, sans-serif;} #top-stories .mod-content .top-story-content .top-story-headline .transparent-background { position: absolute; top:0;right:0;bottom:0;left:0px; width: 576px; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); } .ie6 #top-stories .mod-content .top-story-content .top-story-headline .transparent-background { height: expression(this.parentNode.offsetHeight + 'px'); /* for ie6 to make it grow */ } /* TOP STORY VERTICAL */ #top-stories .mod-content .top-story-content.vertical { background: #fff; position: relative; width: 576px; margin: 5px 16px 0; } #top-stories .mod-content .top-story-content.vertical .top-story-headline h1 { padding: 0 0 10px 0; width: 100%;} #top-stories .mod-content .top-story-content.vertical .top-story-headline p { padding: 0;} #top-stories .mod-content .top-story-content.vertical .top-story-headline ul { margin-top: 10px; color: #fff; list-style-type: disc; list-style-position: inside;} #top-stories .mod-content .top-story-content.vertical .top-story-headline ul li { } #top-stories .mod-content .top-story-content.vertical .top-story-headline a { color: #669DD6;} #top-stories .mod-content .top-story-content.vertical .top-story-image { position: absolute; left:0px; width: 288px; z-index:4000;} #top-stories .mod-content .top-story-content.vertical .top-story-image cite { display: block; position: absolute; bottom: 3px; left: 10px; color: #ababab; font: normal 9px arial, sans-serif;} .ie6 #top-stories .mod-content .top-story-content.vertical .top-story-image cite { bottom: 5px; } #top-stories .mod-content .top-story-content.vertical .top-story-headline { position: absolute; background: #333; left:auto; right:0px; width: 258px; height: 294px; padding: 15px; z-index:6000;} #top-stories .mod-content .top-story-content.vertical .top-story-image .transparent-background { position: absolute; ;right:0;bottom:0;left:0px; height: 20px; width: 288px; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); /*height: expression(this.parentNode.offsetHeight + 'px'); /* for ie6 to make it grow */} /* TOP STORY SCOREBOARD */ #top-stories .mod-content .top-story-content .top-story-headline.scoreboard h2{width:auto;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard{overflow:hidden; height:50px; float:right; z-index:6000; position:relative; margin:22px 10px 0px 10px; border:1px #696969 solid;} .ie6 #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard{margin:22px 4px 0px 10px;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard .transparent-background{width:100%;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores{position:relative; padding:6px 0px 0px 6px; margin:0px 8px 0px 0px; float:left; display:block;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li{font-family:Helvetica, Arial, sans-serif; font-size:13px; font-weight:normal; position:relative; line-height:13px; display:block; padding:2px 35px 0px 0px; margin-bottom:4px;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li.winner{font-weight:bold;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li span.rank{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline-block; width:14px; text-align:right; padding-top:0px; color:#999;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li.winner span.rank{font-weight:normal;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li span.score{display:block; position:absolute; right:0px; top:0px; padding:2px 2px 1px 2px;} .ie #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li span.score{top:2px;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.scores li span.highlight{background:#363636;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.details{position:relative; border-left:1px #696969 solid; display:block; padding:1px 8px 1px 8px; margin:5px 0px 0px 0px; height:35px; float:left;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.details li{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:12px; margin:0px; padding:0px; font-weight:normal;} #top-stories .mod-content .top-story-content .top-story-headline .mod-ts-scoreboard ul.details li.tv{color:#8d8d8d;} /* CAROUSEL MODULE */ .mod-carousel { clear: both; padding: 2px; position: relative; /*left: -999em;*/ width: auto; margin-left: 22px; margin-top: 2px; */} #top-stories .mod-carousel { width: 559px; margin-left: 22px; margin-top: 2px; } .mod-carousel.initialized { padding: 1px 2px; /*position: static;*/ width: auto !important; margin-left: 0 !important; margin-top: 0 !important;} .mod-carousel .jcarousel-container { position: relative; padding-top: 3px;} /*.ie .mod-carousel .jcarousel-container { zoom: 1; overflow: hidden; }*/ .mod-carousel .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} #top-stories .mod-carousel .jcarousel-clip { width: 559px; } .mod-carousel ul { width: 9999em !important; } .ie .mod-carousel ul { } .mod-carousel ul,.mod-carousel .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .mod-carousel ul li,.mod-carousel .jcarousel-list li,.mod-carousel .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 138px; height: 92px; padding-top: 6px; margin: 0 1px; position: relative; display: inline;} .mod-carousel ul li div,.mod-carousel .jcarousel-list li div { border: 2px solid #fff; border-bottom: 0; } #top-stories { /*background: #fff;*/ } #top-stories .mod-carousel ul li div,#top-stories .mod-carousel .jcarousel-list li div { height: 90px; background: #fff;} #top-stories .mod-carousel ul li.active div,#top-stories .mod-carousel .jcarousel-list li.active div { height: 90px; background: #000;} #top-stories .mod-carousel ul li div a:hover,#top-stories .mod-carousel .jcarousel-list li div a:hover { text-decoration: none;} #top-stories .mod-carousel ul li div a:hover img,#top-stories .mod-carousel .jcarousel-list li div a:hover img { opacity: 0.5; filter: alpha(opacity=50);} #top-stories .mod-carousel ul li.active div a img,#top-stories .mod-carousel .jcarousel-list.active li div a img { opacity: 0.5; filter: alpha(opacity=50);} .mod-carousel ul li h3,.mod-carousel .jcarousel-item h3 { background: #000; font: normal 10px verdana, helvetica, arial, sans-serif; line-height: 10px; color: #fff; margin: 0; padding: 5px; position: absolute; bottom: 0; left: 2px; width: 124px; overflow: hidden;} .mod-carousel ul li div a h3 span,.mod-carousel .jcarousel-item li div a h3 span { display: none; color: #ababab;} #top-stories .mod-carousel ul li div a:hover h3 span,#top-stories .mod-carousel .jcarousel-list li div a:hover h3 span { display: block; } .mod-carousel ul li.active,.mod-carousel .jcarousel-list li.active { background: transparent url(http://a.espncdn.com/prod/assets/carousel_arrow_selected.png) 50% 0 no-repeat;} .ie6 .mod-carousel .jcarousel-list li.active { background: transparent url(http://a.espncdn.com/prod/assets/carousel_arrow_selected_ie.png) 50% 0 no-repeat;} .mod-carousel ul li.active div,.mod-carousel .jcarousel-list li.active div { border-color: #000;} #top-stories .mod-carousel li.active div a h3 span, #top-stories .mod-carousel .jcarousel-list li.active div a h3 span { display: block; } /** * The buttons are added dynamically by jCarousel before * the