/*A.Dunfee 3/24/14 Adding in responsiveness*/ /*ZB - Adding shsNav styles - 09/05/14 Client Main color #B22124 Bright Client Color (text-shadow inset, border-top) #d22828 Dark Client Color (text-shadow, drop-shadow) #680617 */ .timezoneBST { display: none } .timezoneIST { display: none } .shsLogo {display: inline} .shsSTATSMatchCast {display: inline} /*Team Navigation*/ .shsTeamNav, .shsTeamNav a, .shsTeamNav strong {border-bottom: 2px solid #B22124 !important;} .shsTeamNav a {color:#B22124 !important;} .shsTeamNav strong {background: #B22124 !important;} .shsMoreNews {display: block; width: 100%; padding-bottom: 5px; clear: both} #shsBody {padding: 0px 0px 0px 0px} #shsBody td {line-height: 20px} #shsBody td.shsNamD {padding-left: 5px} #shsBody td.shsNumD {padding-right: 5px} .shsTableTtlRow {background-color: #B22124; color: #ffffff; font-weight: bold; line-height: 24px;} .shsTableSubttlRow {background-color: #808080; color: #FFFFFF} .shsColTtlRow {background-color: #D7D7D7} #shsNavTable {margin-top: 3px; margin-bottom: 7px} #shsNavTable th {color: #ffffFF; background-color: #b52c31; display: none} #shsNavTable td {color: #FFFFFF; line-height: 15px; padding: 0px; margin: 0px} #shsNavTable td a, #shsNavTable td a:link, #shsNavTable td a:visited, #shsNavTable td a:active, #shsNavTable td a:hover {color: #FFFFFF} .shsHostedNavArea {background-color: #636363; width: 366px;} .shsHostedNav {background-color: #636363; width: 538px; text-align: right; color: #FFFFFF} .shsHostedNavArea img {padding-top: 5px; padding-bottom: 5px} .shsCalMonth { background-color: #b52c31; color: #ffffff } .shsCalMonthName { background-color: #b52c31; color: #ffffff } /*.shsHomeLink { visibility: visible; display: table-cell; }*/ #shsInteractivesList { width: 100%; text-align: left; padding: 0px; margin: 0px; vertical-align: middle; border: 1px solid black } #shsInteractivesList img { vertical-align: middle } #shsInteractivesList h2 { display: none} #shsInteractivesList a { text-decoration: none; padding: 2px; color: #0000FF } #shsInteractivesList div { padding: 2px } #shsStatsExclusivesList { width: 100%; text-align: left; background: #eeeeee no-repeat left top; border: 2px solid #005B94; padding: 0px; margin: 0px; vertical-align: middle } #shsStatsExclusivesList img { vertical-align: middle } #shsStatsExclusivesList h2 { background: url(/stats_exclusives_header.gif) no-repeat center center;background-color: #005B94; color: #ffffff; padding: 0px; margin: 0px; padding-bottom: 1px } #shsStatsExclusivesList a { text-decoration: none; padding: 2px; color: #0000FF } #shsStatsExclusivesList div { padding: 2px } #shsTeamPages .shsTeamHeadlines .shsHeadlineList { border: 2px solid #b52c31; width: 98% } #shsTeamPages .shsTeamHeadlines .shsHeadlineList h2 { background-color: #b52c31; } table.shsLinescore table td { padding-left: 2px; padding-right: 2px } #shsBody .shsLinescore td {padding: 0px} #shsBody .shsLinescore td table .shsTableTtlRow td {padding: 0px 2px} #shsBody #shsInset table.shsLinescore { width: 200px; margin: auto } .shsHostedSlantTabOn {height: 22px; width: 19px; background: url(http://hosted.stats.com/images/tabs_slant_left_on.jpg) no-repeat top right;} .shsHostedTabOn {height: 22px; width: 124px;background: url(http://hosted.stats.com/images/tab-on.jpg) no-repeat top left; text-align: center} .shsHostedSlantTabOff {height: 22px; width: 19px; background: url(http://hosted.stats.com/images/tabs_slant_left_off.jpg) no-repeat top right;} .shsHostedTabOff {height: 22px; width: 125px;background: url(http://hosted.stats.com/images/tab-off.jpg) no-repeat top left; text-align: center} #shsHostedTab1 a {font-weight: bold; color: #000000} #shsHostedTab2 a {font-weight: bold; color: #000000} #shsHostedTab3 a {font-weight: bold; color: #000000} #shsNavTable a {text-decoration: none} .shsPlayerNews {width: 247px; border: 1px solid black} .shsPlayerNews td {font-size: 11px} .shsPlayerNews li {margin-left: 15px; font-size: 11px} .shsGameZoneLinks {width: 298px;} .shsGameZoneLinks td {font-size: 11px} .shsGameZoneLinks li {margin-left: 15px; font-size: 11px;} .shsGameZoneLinks .shsTable td li { line-height: 20px !important; padding-left: 16px} #shsBlogHL li {text-align: left; padding: 0px; margin: 0px;} #shsBlogHL {width: 249px; text-align: center; font-size: 11px} /* #shsThomsTakeTab img {float: left; margin-left: 10px; padding-right: 25px} #shsThomsTakeTab li {list-style: disc; text-align: left; margin-left: 25px; } */ #shsCFBFrontPoll {border: 1px solid black} #shsGameView .shsStatCatForTeam td { font-size: 11px } #shsPreview, #shsRecap, #shsAPStory {margin: 0px 0px 0px 10px} #shsInset {margin-left: 10px} .shsFantasyGames {background: url(/images/STATS_FANTASY_BACKGROUND.gif) top center no-repeat;} .shsFantasyGames .shsTableTtlRow {background-color: transparent; color: #000; vertical-align: top; line-height: 18px} #shsMiniStand .shsTableSubttlRow .shsTotD a {color: #fff} #shsMiniStand td {font-size: 11px} #shsMiniStand .shsLogo {display: none} #shsInteractivesList li {font-size: 11px} /*Ap Video Player Styles*/ /*div.apVideoContainer {background: #e2e2e2 url(../images/apVideoBgTile_x.gif) 0 -44px repeat-x;}*/ div#divPlayer {border-right: 1px solid #ccc; background: #fff; width: 298px; margin: 0 auto;} .shsTeamSet { width: 100% !important; float: none; } .shsTeamName {font-weight: bold; font-size: 16px} #shsTeamPages .shsTeamHeadlines .shsHeadlineList { border: 1px solid #999; margin-right: 2px; width: 99%} #shsTeamPages .shsTeamHeadlines .shsHeadlineList li {font-size: 12px} #shsTeamPages .shsTeamSched {border: 1px solid #999; margin-right: 2px; margin-top: 5px} #shsTeamPages .shsTeamStandings {border: 1px solid #999; margin-left: 2px; margin-top: 5px; margin-right: 2px} #shsTeamPages .shsTeamLeaders {border: 1px solid #999; margin-right: 2px; margin-top: 5px} #shsTeamPages .shsTeamTransInj {border: 1px solid #999; margin-left: 2px; margin-top: 5px} #shsTeamPages .shsTeamPolls {border: 1px solid #999; margin-right: 2px; margin-top: 5px} #shsTeamPages .shsTeamScoreboard {margin-top: 5px} #shsLeaders .shsTable {border-collapse: separate; border-spacing: 5px} #shsLeaders .shsLdrTable .shsTable, #shsLeaders .shsBorderTable {border-collapse: collapse;} #shsBody .shsSeasonLeaders td.shsLeaderCat{padding-left: 5px} #shsBody .shsLinescore {margin-bottom: 10px} #shsBody table.shsLinescore {border-collapse: separate} #shsBody .shsLinescore td.shsLeaderCat, #shsBody .shsLinescore td.shsLeaderTtl {padding-left: 5px} /* STORY PAGE STYLES - START */ #shsAPStory {padding-left: 0px; padding-right: 0px} #shsAPStory p.shsHeadline {border-bottom: 1px solid #ccc; padding-top: 5px;} #shsAPStory p {padding-top: 10px; padding-left: 0px; padding-right: 0px; line-height: 18px} #shsRecap {padding-left: 0px; padding-right: 0px} #shsRecap p.shsHeadline {border-bottom: 1px solid #ccc; padding-top: 5px;} #shsRecap p {padding-top: 10px; padding-left: 0px; padding-right: 0px; line-height: 18px} #shsPreview {padding-left: 0px; padding-right: 0px} #shsPreview p.shsHeadline {border-bottom: 1px solid #ccc; padding-top: 5px;} #shsPreview p {padding-top: 10px; padding-left: 0px; padding-right: 0px; line-height: 18px} #shsBody #shsInset {width: 275px} #shsBody #shsInset .shsHeadlineList {background: #fff; margin: 0; padding: 0; border: 1px solid #ccc; width: 275px} #shsBody #shsInset .shsHeadlineList ul {margin: 0;} #shsBody #shsInset .shsHeadlineList ul li {color: #000;display: block;width: auto;padding: 5px 5px 5px 20px;border-bottom: 1px dotted #ccc; background: url(/images/document_text.gif) 0 5px no-repeat; font-size: 11px; margin: 0} #shsBody #shsInset .shsHeadlineList ul li a {color: #000; font-size: 12px} #shsBody .shsStoryPhoto {width: 275px} /* STORY PAGE STYLES - END */ /* FRONT PAGE STYLES - START */ #shsSecondHalfHeadlines {float: right; width: 49%} #shsFirstHalfHeadlines {float: left; width: 49%} #shsFront .shsFrontLeaders td {line-height: 17px} #shsFront td, #shsFront li {font-size: 11px} .shsFrontPhoto { margin: 5px; float: left; display: inline; width: auto; text-align: center; clear: right; } .shsFrontPhoto img {border:2px solid #CCCCCC;} #shsFront p {font-size: 12px} #shsFront p.shsHeadline {font-size: 21px !important;font-weight: bold;font-family:Georgia1,Georgia,serif;margin: 0 0 5px 0;border-bottom: none;line-height: 24px;} #shsFront p.shsSmallHeadline {font-size: 18px !important;font-weight: bold;font-family:Georgia1,Georgia,serif;margin: 0 0 10px 0;border-bottom: 1px solid #ccc;} #shsBody .shsSmallHL p {font-size: 16px !important;font-weight: bold;font-family:Georgia1,Georgia,serif;margin: 0 0 10px 0;border-bottom: 1px solid #ccc;} #shsFront .shsHeadlineList { width: auto;border: 0px solid #ccc;padding: 0px; background: #fff; margin-bottom: 10px} #shsFront .shsHeadlineList h2{width: 100%;text-align: center;background: transparent;color: #000;font-weight: bold;height: 25px;line-height: 25px;border-bottom: 2px solid #ccc;border-top: 2px solid #ccc;font-size: 20px;font-family:Georgia1,Georgia,serif;padding: 0;letter-spacing: 0;} #shsFront .shsHeadlineList ul {margin: 0;padding: 0;} #shsFront .shsHeadlineList ul li {color: #000;display: block;width: auto;padding: 2px 5px 2px 15px;border-bottom: 1px dotted #ccc; background: url(/images/document_text.gif) 0 5px no-repeat; font-size: 11px; margin: 0} #shsFront .shsHeadlineList ul li a {font-size: 11px;color: #000;} #shsFront .shsHeadlineList ul li.shsBlankLI {background: none} .shsFrontStoryTable p {text-align: right; line-height: 15px} .shsFrontStoryTable p.shsHeadline {text-align: left} .shsFrontStoryTable p.shsParagraph1 {text-align: left} .shsFrontStoryTable p.shsParagraph2 {text-align: left} .shsFrontStoryTable p.shsParagraph3 {text-align: left} #shsFront .shsMoreNews {border-bottom: 2px solid #ccc} #shsFront .shsBot5 {display: none} .shsFrontPhoto img {max-width: 250px} #shsNavTable th {display: none} #shsNavTable {width: auto;margin-right: 5px; margin-top: 6px; } #shsNavTable td {font-weight: normal; color: #777; font-size: font-size: 11px; font-family: Tahoma; padding-left: 5px; vertical-align: middle} #shsNavTable td b {color: #777; font-size: 11px; font-family: Tahoma; padding-left: 5px; vertical-align: middle} #shsNavTable td select {font-weight: normal; color: #777; font-size: 11px; font-family: Tahoma; padding-left: 5px; vertical-align: middle; margin-right: 5px} #shsNavTable td a, #shsNavTable td a:link, #shsNavTable td a:visited,#shsNavTable td a:active {color: #c9171a; font-weight: normal; font-size: 11px; font-family: Tahoma; padding: 0} #shsBlogHL ul {margin: 5px 5px 5px 10px} #shsBlogHL li {text-align: left; padding: 0px; margin: 0 0 0 10px; list-style: disc} #shsBlogHL {width: 298px; text-align: center; font-size: 11px} #shs_column2 .shsQuickLinks {border: 1px solid #ccc; background-color: #eeeeee; margin-top: 3px; } #shs_column2 .shsQuickLinks td {padding-right: 5px; font-weight: bold; font-size: 11px} #shs_column2 .shsQuickLinks select {font-size: 11px} #shs_column2 .shsQuickLinks select {width: 220px} #shsFront .shsHeadline a {color: #000} /*right rail*/ #shsMultisportScoreboard {width: 100% !important;} #shsMiniBody #shsMultisportScoreboard .shsTableTtlRow td a {color: #fff !important;} #shsMiniBody #shsMultisportScoreboard .shsTableTtlRow td {padding:2px 0;} #shsMiniBody #shsMultisportScoreboard .shsTableSubttlRow td {padding-left: 5px;} .shsSportFront .shsTableSubttlRow {background-color:#c2c2c2;} /* FRONT PAGE STYLES - END */ .shsGameZoneLinks .shsTable li a {color:#A0191D; text-decoration: none;} #shsBlogHL li a {color:#A0191D; text-decoration: none;} #shsBody #shsInset .shsBulletList { width: 260px; } #shs_column2 .shsHeadlineList {width: 298px; text-align: center; font-size: 11px; background: #a0191d; margin-top: 5px; border: 1px solid #ccc} #shs_column2 .shsHeadlineList h2 {display: inline; background: #a0191d; color: #fff; width: 298px; line-height: 24px} #shs_column2 .shsHeadlineList ul {padding: 5px 5px 5px 10px; background: #fff} #shs_column2 .shsHeadlineList li {text-align: left; padding: 0px; margin: 0 0 0 10px; list-style: disc} #shs_column2 .shsHeadlineList li a {color:#A0191D; text-decoration: none;} #shsMastheadScoreboard table {border-collapse: separate} /* FANSEDGE STYLES */ .shsSmallShopAd {border: 1px solid #d5d5d5; width: 298px; background: #eee} .shsSmallShopAd a {text-decoration: none} .shsSmallShopAd img {border: 0} .shsSmallShopAd .shsAdImg {padding: 5px 5px 5px 5px; background: #fff} .shsSmallShopAd .shsAdText .shsAdMainText {font-size: 20px; font-weight: bold; padding: 0 5px 5px 0; margin: 0 5px 5px 5px; font-family: Arial; color: #333; border-bottom: 1px solid #888} .shsSmallShopAd .shsAdText .shsAdSecondaryText {font-size: 11px; font-weight: bold; margin: 0 0 0 5px; font-family: Arial; color: #888} .shsLargeShopAd {border: 1px solid #d5d5d5; width: 298px; background: #eee} .shsLargeShopAd a {text-decoration: none} .shsLargeShopAd img {border: 0} .shsLargeShopAd .shsAdImg {padding: 5px 5px 5px 5px; background: #fff} .shsLargeShopAd .shsAdText .shsAdMainText {font-size: 23px; font-weight: bold; padding: 0 5px 5px 0; margin: 0 5px 5px 5px; font-family: Arial; color: #333; border-bottom: 1px solid #888} .shsLargeShopAd .shsAdText .shsAdSecondaryText {font-size: 11px; font-weight: bold; margin: 0 0 0 5px; font-family: Arial; color: #888} .shsPopularShopAd {border: 1px solid #d5d5d5; width: 298px; background: #eee} .shsPopularShopAd a {text-decoration: none} .shsPopularShopAd img {border: 0} .shsPopularShopAd .shsAdImg {padding: 5px 5px 5px 5px; background: #fff; height: 90px} .shsPopularShopAd .shsAdText .shsAdMainText {font-size: 20px; font-weight: bold; padding: 0 5px 5px 0; margin: 0 5px 5px 5px; font-family: Arial; color: #333; border-bottom: 1px solid #888} .shsPopularShopAd .shsAdText .shsAdSecondaryText {font-size: 11px; font-weight: bold; margin: 0 0 0 5px; font-family: Arial; color: #888} .shs_footerContent ul {height: 120px} #shs_column2 .shsTixAd {background: url(/multisport/graphics/tickets.jpg) no-repeat; height: 90px; margin: 5px auto; width: 300px} #shs_column2 .shsTixAdText {text-align: center; padding-top: 10px; font-size: 11px;} #shs_column2 .shsTixAdText div {line-height: 17px} #shs_column2 .shsTixAdText .shsTixAdTertiaryText a {color: #A0191D; text-decoration: none} #shs_column2 .shsTixAdText .shsTixAdTertiaryText a:hover {text-decoration: underline} /* FOREIGN HOSTED LINK STYLES */ div#shs_internationalBar a {display: block;float: right;margin: 0 5px 0 0;padding: 4px 0 0 0; color: #CFCFCF; text-decoration: none; padding: 0 5px; height: 20px; line-height: 20px;} div#shs_internationalBar a:hover {color: #fff !important; text-decoration: underline;} .shsGameZoneLinks {background: url(/images/statsGamezone_widgetHeader.jpg) no-repeat; } .shsGameZoneLinks table {margin-top: 46px} .shsGameZoneLinks .shsTableTtlRow {display: none} .shsGameZoneLinks .shsViewBtn {vertical-align: middle; float: right !important; padding-right: 5px; } .shsGameZoneLinks .shsGZLink {clear: both} .shsTwitterFront {padding: 0px 0px 5px 0px;} .shsTwitterFront h2 {width: 100%;text-align: center !important;font-weight: bold;height: 25px;line-height: 25px;border: 1px solid #ccc;font-size: 12px !important; background: #B22124 !important; color: #fff !important; font-family: Arial !important; } .shsTwitterFront .shsTwitterList {border: 1px solid #ccc; width: 100%;background: #fff} .shsTwitterFront .shsTwitterList .shsTwitterItem {margin-left: 0px; margin-right: 0px; border-bottom: 1px dotted #ccc; font-size: 11px !important; color: #000; background: url(http://hosted.stats.com/gamezone2010/images/coreIcons/note.png) 2px 8px no-repeat; padding-left: 20px} .shsTwitterFront .shsTwitterList .shsTwitterItem .shsTwitterDate {padding-left: 10px; color: #A0191D; font-style: italic} .shsTwitterFront .shsTwitterList .shsTwitterFollow {text-align: right; padding: 5px 10px; clear: both} .shsTwitterFront .shsTwitterList .shsTwitterFollow a {color: #A0191D!important; font-size: 11px; } .shsFantArtFront h2 {width: 100%;text-align: center !important;font-weight: bold;height: 25px;line-height: 25px;border: 1px solid #ccc;font-size: 12px !important; background: #B22124 !important; color: #fff !important; font-family: Arial !important; } .shsFantArtFront ul {border: 1px solid #ccc; width: 100%;background: #fff} .shsFantArtFront li {padding-left: 25px !important; margin-right: 0px; border-bottom: 1px dotted #ccc; font-size: 11px !important; color: #000; background: url(http://hosted.stats.com/gamezone2010/images/coreIcons/note.png) 2px 4px no-repeat !important;} #shsFront .shsPhotoCaption {display: none} #shsMLBMiniADP a {color: #A0191D; text-decoration: none;} #shsMLBMiniADP a:hover {text-decoration: underline;} #shsMLBMiniADP {font-family: Arial,Helvetica,sans-serif;} #shsMLBMiniADP .shsTable td, .shsTable th {font-size: 11px;} #shsBody a { color: #A0191D; text-decoration: none; } #shsBody .shsTableTtlRow td a { color: #FFFFFF; text-decoration: none; } #shsBody a:hover { text-decoration: underline; } /* START TWITTER STYLES */ .twitterWidgetHosted{ font-family: arial, verdana, sans-serif; color:#454545; width:300px; padding:none; } .twitterWidgetHosted h3{ background: #e5e5e5 url(http://www.stats.com/images/HostedTwitterHeaderBG.jpg) repeat-x 0 0; height: 33px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:2px solid #e5e5e5; font-size:18px; line-height:35px; text-shadow: 1px 1px #ffffff; font-weight: bold; } .twitterWidgetHosted h3 img{ line-height:28px; height:26px; margin:5px 0 7px 5px; float:left; } .twitterWidgetHosted .tweets{ background: #e5e5e5; margin-top:-10px; border-top:2px solid #e5e5e5; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; } /* END TWITTER STYLES */ /* temp for basketball */ #shsMastheadScoreboard td.shsScoreBoardTD table tr.shsTableTtlRow td {background-color: #B22124 !important; color: #FFFFFF !important;} #shsMastheadScoreboard .shsLiveNav ul li a {background-color: #B22124 !important; color: #FFFFFF !important;} .shsOverallStats table.shsTable.shsBorderTable tr.shsColTtlRow td, .shsOverallStats table.shsTable.shsBorderTable tr.shsTableSubttlRow td { background: none repeat scroll 0 0 #B22124 !important; border-bottom: 4px solid #7F1F23 !important; border-top: 4px solid #7F1F23 !important; color: #FFFFFF !important; font-size: 11px; font-weight: normal; padding: 5px; text-shadow: 1px 1px 0 #4F0F0F !important; white-space: nowrap; } .shsOverallStats table.shsTable.shsBorderTable tr.shsTotalRow td{font-size: 11px;color: #fff; border-bottom: 4px solid #B22124 !important; border-top: 4px solid #B22124 !important; background: #fff; font-weight: normal; padding: 5px 5px; white-space:nowrap; /*text-shadow: 1px 1px 0px #4F0F0F;*/ color: #000; } .shsGameZoneLinks {border: 1px solid #ccc; font-size:12px;} .shsGameZoneLinks .shsTable td li {margin: 0; padding-left: 10px; line-height: 15px} .shsGameZoneLinks li {list-style-type:none; font-size: 12px; margin-left: 0px; border-bottom: 1px dotted #CCCCCC; text-align: left; font-family: Arial} .shsGameZoneLinks {width: 298px;} .shsGameZoneLinks td {font-size: 11px} .shsGameZoneLinks li {margin-left: 15px; font-size: 11px;} .shsGameZoneLinks .shsTable td li { line-height: 20px; padding-left: 16px} .twitterWidgetHosted {margin-bottom: 10px} .twitterWidgetHosted h3 img {width: auto !important} .twitterWidgetHosted h3 {text-align: left} #shs_column2 {text-align: left !important;} /*front*/ .shsFrontStory { float:left;width:80%;} .shsFrontStory p {margin:10px 0;} .sideSB {float:right; width:20%;} .shsStatTables .shsFrontLeaders1 {width:49%;float:left;} .shsStatTables .shsFrontLeaders2 {width:49%;float:right;} .shsMainContent {float:left;width:70%;} .shsSideContent {float:right;width:30%;} .shsSideContent .shsTableSubttlRow {background-color:#c2c2c2;} .shsFrontPhoto.right {float:right;} .shsTopHLInfo p {margin:10px 0;} #shsMastheadScoreboard .shsTable {width: 600px} #shsFront p.shsParagraph1, #shsFront p.shsParagraph2, #shsFront p.shsParagraph3 {margin-bottom: 15px} #shsPreview li.shsBullet {margin: 10px 0} .shsPlayerPageNav {padding-bottom: 6px} /* media="only screen and (max-width: 480px) media="only screen and (max-width: 768px) and (min-width: 481px) media="only screen and (max-width: 1024px) and (min-width: 769px) */ @media only screen and (max-width: 480px) { #shsFront .shsHeadlineList {display:block;} .shsSmallHL.collapsible p.shsSmallHeadline a.shsCollapse {font-size:12px;} #shsFront .shsHLPhoto, #shsTeamPages .shsHLPhoto {float:none;margin:0 auto;text-align:center;} } @media only screen and (max-width: 768px) and (min-width: 481px) { } @media only screen and (max-width: 1024px) and (min-width: 769px) { } /*special declaration for front*/ @media only screen and (max-width: 650px) { .shsFrontStory {float:none;width:100%;} .sideSB {float:none; width:100%;} .sideSB #shsMultisportScoreboard {margin-left:0;} .shsStatTables .shsFrontLeaders1 {float:none; width:100%;margin-bottom:10px;} .shsStatTables .shsFrontLeaders2 {float:none; width:100%;} .shsFrontPhoto {display:block; float:none;} .shsHeadlineList #shsFirstHalfHeadlines {display:block; float:none;width:100%;} .shsHeadlineList #shsSecondHalfHeadlines {display:block; float:none;width:100%;} .shsMainContent {float:none;width:100%;} .shsSideContent {float:none;width:100%;} .shsFrontPhoto.right {display:block; float:none;} } /*********************************/ /*********Sport Navigation**********/ /********************************/ header {background: #000;} /*Main Nav w/ some shared styling for LangNav (communicates with nav elements within header)*/ header nav ul li {border-bottom: 1px solid #efefef; background: #fff;} header nav ul ul {background: #262626;} header nav ul ul:first-child{border-top: 2px solid #000;} header nav ul li a {font-family: 'Archivo Narrow', sans-serif; color: #333;} /*ShowNav Buttons (Main Nav & Lang Nav)*/ header .showNav{color: #eee; text-shadow: 0px -1px 0px #333; height: 46px;} /*Sport Nav*/ .shs_sportNav .shs_sportNavBlock {border-bottom: 4px solid #B22124;border-top: 2px solid #fff;} .shs_sportNav .shs_sportNavBlock h2 {font-family: 'PT Sans Narrow', sans-serif;color: #B22124;} .shs_sportNav .shs_sportNavList {border-top: 4px solid #B22124;background: #B22124;} .shs_sportNav .shs_sportNavList li a {color: #fff;font-family: 'Archivo Narrow', sans-serif;} .shs_sportNav .shs_sportNavBlock .shs_moreDropDown li {border-bottom: 2px solid #B22124;border-left: 2px solid #B22124;border-right: 2px solid #B22124;} .shs_sportNav .shs_sportNavBlock .shs_moreDropDown li a {color: #B22124;font-family: 'Archivo Narrow', sans-serif;} footer .shs_footerLinks {background:#262626;} footer .shs_footerLinks ul li a {font-family: 'Archivo Narrow', sans-serif; color: #C9C9C9;} footer .shs_footerLinks ul li.shs_listTitle a {color: #aaaaab; border-bottom: 4px solid #B22124;} footer .shs_footerLegal {font-family: 'PT Sans Narrow', sans-serif;color: #7F7E7F;} footer .shs_footerLegal a {color: #B22124;} /*Portrait for Tablet*/ @media only screen and (min-width: 768px) { header #shs_siteNav {box-shadow: 0 -1px 0 #000;} header #shs_siteNav ul.shs_navTopLevel li a {font-family: 'Archivo Narrow', sans-serif;} header #shs_siteNav ul.shs_navTopLevel li ul li a {color: #333;} header #shs_siteNav ul.shs_navTopLevel li ul li:hover > a {background: #333 !important; color: #fff !important; border-color: #333 !important;} header #shs_siteNav ul.shs_navTopLevel li:hover > a {background: #000; color: #E7E7E7;} header #shs_siteNav ul.shs_navTopLevel li div#shs_soccerMenu.shs_multiColumnDropDown{border-top: 2px solid #000;} header #shs_siteNav ul.shs_navTopLevel li div#shs_soccerMenu.shs_multiColumnDropDown ul.shs_menuColumn1 {border-left: 2px solid #262626;} header #shs_siteNav ul.shs_navTopLevel li div#shs_soccerMenu.shs_multiColumnDropDown ul.shs_menuColumn2 li a {border-left: 2px solid #efefef; border-right: 2px solid #efefef;} header #shs_siteNav ul.shs_navTopLevel li div#shs_soccerMenu.shs_multiColumnDropDown ul.shs_menuColumn3 {border-right: 2px solid #262626;} header nav#shs_langNav ul li {height: 46px; line-height: 46px;} header nav#shs_langNav ul li a {color: #fff; font-family: 'PT Sans Narrow', sans-serif;} header nav#shs_langNav ul li a:hover, header nav#shs_langNav ul li a.active {background: #d91325; color: #fff; border-radius: 0;} /*SportNav*/ .shs_sportNav .shs_sportNavList li a {color: #B22124;} .shs_sportNav .shs_sportNavList {background: transparent;border-top: none;} footer .shs_footerLegal {color: #aaaaab;} footer .shs_footerLegal a {color: #B7B7B8;} } /*560*/ @media only screen and (max-width: 650px) { .shs_scheduleNav td:first-child, .shs_scheduleNav td:nth-child(3) {background: #e5e5e5;} .shs_scheduleNav td:first-child a, .shs_scheduleNav td:nth-child(3) a {border: 1px solid #ccc;} #shsBody #shsScoreboard .shs_scheduleNav ul li a:hover, #shsBody #shsScoreboard .shs_scheduleNav ul li a.shs_active {background: #f5f5f5; color: #444; } } /*********************************/ /*******END Sport Navigation********/ /********************************/ /*Responsive Colors*/ /*MOBILE*/ @media only screen and (max-width: 40em) { /****These styles are for the tab like appearance for all sports****/ .shsHeadTable .shsPageNav strong, .shsHeadTable .shsPageNav b {color: #fff; background:#B22124;} .shsHeadTable .shsPageNav a {color: #B22124;background:#eee;} .shsCricketLink {display: none} } /*fix due to the sportnav bar not being implemented correctly when M.Edelnant created the template*/ /* TABLET (min-width and max-width: 768px)*/ @media only screen and (min-width: 48em) and (max-width: 48em) { #shsBody {margin-top:60px;} }