/* CSS Document */

/***************************************************************************** */
/* Accessibility / AODA */
/***************************************************************************** */

th.sdi-datahead-sub { /* the subheader row of data tables; has background colour and bolded  words */
     background-color: #eeeeee;
     font-weight: bold;
	 text-align:left;
}

tr[align="center"] th.sdi-datahead-sub, tr[align="center"] td { /*  */
	 text-align:center;
}

tr[align="right"] th.sdi-datahead-sub, tr[align="right"] td { /*  */
	 text-align:right;
}

tr[align="center"] th.sdi-datahead-sub[align="left"], tr[align="center"] td[align="left"],
tr[align="right"] th.sdi-datahead-sub[align="left"], tr[align="right"] td[align="left"] { /*  */
	 text-align:left;
}

th.sdi-datahead-sub[align="center"] { /*  */
	 text-align:center;
}

th.sdi-datahead-sub[align="right"] { /* */
	 text-align:right;
}

th.sdi-datahead-sub-nb { /* subheader rows or columns with non-bolded words */
     background-color: #eeeeee;
     font-weight: normal;
	 text-align:left;
}

th.sdi-datahead-sub-nb[align="center"] { /*  */
	 text-align:center;
}

th.sdi-datahead-sub-nb[align="right"] { /*  */
	 text-align:right;
}

th.sdi-datahead-sub-odds, th.sdi-datahead-sub-odds-mlb, th.sdi-datahead-sub-odds-nfl { /* in the odds tables */
     background-color: #eeeeee;
     font-weight: normal;
	 text-align:left;
}

th.sdi-datacell-hi {
    background-color: #eeeeee;
}

.sdi-goodstat {
	color: #090;
}

.sdi-badstat {
	color: #F00;
}

.sdi-neutralstat {
	color: #000;
}


/***************************************************************************************** */
/* Play-by-Play */
/***************************************************************************************** */

.sdi-pbp-innings {
	float:right;
	margin-bottom: 3px;
    margin-right: 1px;
}

.sdi-pbp-innings span {
	display: inline-block;
    font-weight: bold;
    padding-bottom: 3px;
    padding-right: 5px;
}

.sdi-pbp-innings > ul {
    display: inline;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.sdi-pbp-inning-selector {
    display: inline;
    margin: 0 1px;
    padding: 0 5px;
}

.sdi-clickable {
	color: #202f72;
    cursor: pointer;
}

.sdi-clickable:hover {
    background-color: #ddd;
    border-radius: 2px;
	color: #82b638;
    padding: 1px 5px;
}

/*.sdi-pbp-inning-selector:after {
    color: #000000;
    content: " |";
    margin: 0 0 0 2px;
    padding: 0 0 0 3px;
}*/

.sdi-pbp-inning-selector:last-child:after {
    content: normal;
}

.sdi-pbp-shootout.sdi-title-page-section {
    margin-top: 0px;
}

.sdi-so.sdi-pbp-inning, .sdi-so.sdi-pbp-period {
	clear:right;
}

.sdi-pbp-inning td[rowspan], .sdi-pbp-period td[rowspan] {
	text-align: center;
	vertical-align: middle;
	width: 20%;
}

.sdi-pbp-period tr td:first-child, .sdi-pbp-period tr td:nth-child(2),
.sdi-pbp-shootout tr td:first-child {
	width: 10%;
}

.sdi-pbp-nhl .sdi-pbp-period tr td:first-child, .sdi-pbp-nba .sdi-pbp-period tr td:first-child,
.sdi-pbp-nhl .sdi-pbp-period tr th:first-child, .sdi-pbp-nba .sdi-pbp-period tr th:first-child {
	text-align: right;
	width: 45%;
}

.sdi-so-title.sdi-pbp-shootout {
    clear: both;
	margin-bottom: 10px;
}

.sdi-pbp-nhl .sdi-pbp-period tr td:nth-child(2), .sdi-pbp-nba .sdi-pbp-period tr td:nth-child(2) {
	width: 10%;
	text-align: center;
}

.sdi-clickable.sdi-selected {
    background-color: #666666;
}

.sdi-clickable.sdi-selected {
    border-radius: 2px;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    padding: 1px 5px;
}


/***************************************************************************** */
/* Misc */
/***************************************************************************** */

.injuries-showhide .sdi-titlerow {
    width: auto;
}

/***************************************************************************************** */
/* Player photos - bricks (on player pages) */
/***************************************************************************************** */

/*.sdi-playerpic img {
	border: 7px solid #FFFFFF;
    border-radius: 2px;
    box-shadow: 0 0 2px #999999;
	height: auto;
	width: 100px;
}

.sdi-playerpic {
	padding:3px;
	vertical-align:top;
	width: 110px;
}*/

.sdi-soccer-leaders .sdi-playerpic img { /* Soccer images are not square; need room to flex in size */
	height: auto;
	max-height: 121px;
	width: auto;
}

.sdi-player-profile .sdi-playerpic img {
	width: 150px;
}

.sdi-player-profile .sdi-playerpic {
	width: 160px;
}

.sdi-sport-soccer.sdi-player-profile .sdi-playerpic img {
	width: 70px;
}

.sdi-sport-soccer.sdi-player-profile .sdi-playerpic {
	width: 80px;
}

.sdi-player-headtohead .sdi-playerpic {
	text-align: center;
	width: 33%;
}

.sdi-player-headtohead .sdi-playerpic img {
	width: 90%;
}

.sdi-so-sublinks {
    position: static;
    text-align: center;
}

.sdi-sport-golf.sdi-player-leaders tr td:last-child {
    width: 23%;
}

.sdi-sport-soccer.sdi-player-leaders tr td:last-child {
    width: 7%;
}

.sdi-sport-hockey.sdi-player-leaders tr td:last-child, .sdi-sport-baseball.sdi-player-leaders tr td:last-child,
.sdi-sport-basketball.sdi-player-leaders tr td:last-child, .sdi-sport-football.sdi-player-leaders tr td:last-child {
    width: 15%;
}

/***************************************************************************************** */
/* Player photos - widgets (on stats pages) */
/***************************************************************************************** */

.sdi-playerpic img {
     border: 7px solid #FFFFFF;
    border-radius: 2px;
    box-shadow: 0 0 2px #999999;
     height: auto;
     width: 110px;
}

table.sdi-data-wide td.sdi-playerpic {
     padding:3px;
     vertical-align:middle;
     width: 120px;
}

.sdi-football-leaders tr td:first-child, .sdi-basketball-leaders tr td:first-child,
.sdi-golf-leaders tr td:first-child, .sdi-soccer-leaders tr td:first-child,
.sdi-baseball-leaders tr td:first-child, .sdi-hockey-leaders tr td:first-child {
    width: 15%; /* If they don't have photos, we want the first column to be wider than 5% */
}

.sdi-football-leaders tr td:last-child, .sdi-basketball-leaders tr td:last-child,
.sdi-golf-leaders tr td:last-child, .sdi-soccer-leaders tr td:last-child,
.sdi-baseball-leaders tr td:last-child, .sdi-hockey-leaders tr td:last-child {
    width: 25%;
}


/* SDI byline on news articles, preview and recap pages *********************************************************/ 	

.sdi-byline {
    color: #666666;
    font-size: 11px;
    margin-bottom: 3px;
    margin-top: 15px;
}

/* Interleague Scoreboards for MLB - to keep them from floating up next to the columns above *********************************************************/ 	

#Scoreboard_5_InterLeague {clear: both;}

/* PATENT NOTICE for Scores and Play-by-plays *********************************************************/ 	

.sdi-notice {color:#ccc;margin-top:10px;}

/* ROUND UPS *********************************************************/ 	

.sdi-roundup-links {/* Links TO the roundups, appearing on the Scoreboard page */
	float:left;clear:left; border: 1px solid #ccc; border-width: 1px 0; font-size: 110%;font-weight: bold; margin-left: 0px; margin-top: 10px; padding: 8px 7px 8px 4px; width:auto;color:#900;
	white-space:nowrap;
}

.sdi-roundup {margin-top:10px; line-height:1.4em;}
 
.sdi-roundup-title {margin-top:15px; font-weight:bold; font-size:120%;}
 
.sdi-roundup-story {margin-top:5px;}
 
.sdi-roundup-story a {font-size: 100%; margin-right: 3px;}

.sdi-roundup-article-link {float:right; margin-right: 5px; margin-left: 5px;}

.sdi-no-roundups {font-weight: normal;font-style:italic; font-size:90%;}


/* LEAGUE PAGES WITH IMAGES *********************************************************/ 	

.sdi-league-image { /* This style is for MiLB, for the index or Leagues page. It just lines up the league badges */
    float: left; margin-bottom: 10px; margin-right: 10px;
}

.sdi-league-image img { /* This style is for MiLB, for the index or Leagues page. It just lines up the league badges */
    border:0;
}

/***************************************************************************************** */
/* These items should be set by the client's stylesheet */

body {
}

a:link, a:visited {
/*color: #151875; 
text-decoration: none;*/
}

a:hover, a:active {
/*color: #151875; 
text-decoration: underline;*/
}

/***************************************************************************************** */
/* Global fonts and sizes */

#sdi-hnavigation {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px;
}

ul.sdi-hnav-heading { /* relative to the font-size of hnavigation */
    font-size: 1em;
}

.sdi-hnav-allsports {
    font-size: 1.1em;
}

/***************************************************************************************** */
/* In the Quicklinks iframe - we have to hide the title and othersport links */

#sdi-iframe #sdi-hnavigation .sdi-hnav-heading, #sdi-iframe #sdi-hnavigation .sdi-hnav-allsports { /*  */   
     display: none;
}


/***************************************************************************************** */
/* Link colours and behaviours, including dropdowns */

#sdi-hnavigation .sdi-hnav-home a:link, #sdi-hnavigation .sdi-hnav-home a:visited { /* "Scores and Statistics" title - links to HST index */
    color: #666666;
    text-decoration: none;
}

#sdi-hnavigation .sdi-hnav-allsports a:link, #sdi-hnavigation .sdi-hnav-allsports a:visited { /* links in the top row, including dropdowns */
    color: #777777;
    text-decoration: none;
}

#sdi-hnavigation .sdi-hnav-allsports a:hover, #sdi-hnavigation .sdi-hnav-allsports a:active,
#sdi-hnavigation .sdi-hnav-home a:hover, #sdi-hnavigation .sdi-hnav-home a:active { /* hover for title and top row */
    color: #333;
    text-decoration: none;
}

.sdi-hnav-subdrop a:hover, .sdi-hnav-subdrop a:active { /* hover for dropdowns */
    background-color: #999999;
    color: #FFFFFF;
    text-decoration: none;
}

.sdi-hnav-allsports .sdi-selected a { /* selected sport doesn't change on hover */
    color: #333333;
}

/***************************************************************************************** */
/* Nav Menu - overall */

#sdi-hnavigation {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    float: left;
    margin: 15px 0;
    padding: 0px 0px 2px 0px;
	text-align:left;
    width: 100%;
    z-index: 10;
}	

#sdi-hnavigation ul { /* this overrides the internal ULs by default, so customization is mainly done via the LIs */
    list-style: none;
	margin: 0;
	padding:0;
}

#sdi-hnavigation li { /* leave this global one unstyled so individual customizations can be done easily */
	margin-bottom: 0;
}

/***************************************************************************************** */
/* Heading and logo */

.sdi-hnav-heading { /*  */
    float: left;
    font-weight: bold;
	height: 15px; /* Required for IE8 and under */
	padding: 3px 0;
	position: relative; /* Need this to position the logo over on the right */
	text-indent: 5px;
    text-transform: uppercase;
    width: 100%;
}

.sdi-hnav-logo a {/*  */
	background: url(//images.sportsdirectinc.com/hst/provided_by_sdi.gif) no-repeat 0 0 transparent;
	height: 23px;
    position: absolute;
    right: 6px;
    top: -6px;
	width: 195px;
}

/***************************************************************************************** */
/* Top row: all sports */

.sdi-hnav-allsports {
    background-color: #F8F8F8;
    border: 1px solid #ddd;
    float: left;
	margin-bottom: 10px;
	margin-top: 3px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sdi-hnav-prosports {
    float: left;
    padding-top: 5px;
}

.sdi-hnav-prosports > li { /* Spacing for the links in the top row */
    float: left;
    margin: 0 6px 0 6px;
    padding: 6px 0 7px 1px;
}

/***************************************************************************************** */
/* The Local and Special Event "buttons" in the top row */
/* These styles are for the buttons themselves, not the dropdowns, which are in their own section further below */

.sdi-hnav-localsports > li, .sdi-hnav-specialevents > li { /* Moving the highlighted "buttons" to the right */
    float: right;
    padding-top: 6px;
}

#sdi-hnavigation .sdi-hnav-localsports .sdi-hnav-drop-parent > a, 
#sdi-hnavigation .sdi-hnav-specialevents .sdi-hnav-drop-parent > a { /* Styles for the highlighted links */
    background-color: #DDDDDD;
    border-left: 1px solid #CCCCCC;
    box-shadow: 0 5px 5px #F6F6F6 inset;
    color: #666666;
	display:block; /* Required for IE8 and under */
    font-weight: bold;
    margin: -6px 0 0 0; /* Required for IE8 and under */
    text-decoration: none;
	text-transform: uppercase;
}

.sdi-hnav-specialevents .sdi-hnav-drop-parent > a { /* For the word on the button, ie Olympics */
    padding: 6px 15px 7px 6px;
}

/***************************************************************************************** */
/* Bottom row: in-sport links - just Olympics */

.sdi-hnav-insport {
    clear:both;
}

.sdi-hnav-insport-links li.sdi-title-insport { /* Sport title; can be left on separate line if need be by making it 100% wide */
	background: none;
    color: #990000;
	font-size: 14px;
    font-weight: bold;
	padding-bottom: 3px;
	padding-left: 0;
	width: 100%;  /* Putting it on separate line to match old style of submenus */
}

.sdi-hnav-insport-links > li { /* Spacing of the in-sport links */
	background: url(//images.sportsdirectinc.com/HST/shared_images/bullet.gif) no-repeat scroll left 5px transparent;
    float: left;
    margin: 0 4px;
    padding: 2px 0 6px 12px;
}

/***************************************************************************************** */
/* From old HST - Bottom row: in-sport links */

#sdi-hnavigation #sdi-insport {
	background: none;
    clear:both;
	margin: 0 4px 6px 4px;
}

#sdi-hnavigation span.sdi-title-insport {
    color: #990000;
    display: block;
	font-size: 14px;
    font-weight: bold;
	padding: 2px 0 5px 0;
}

.sdi-insport-links {
    display: inline;
}

.sdi-insport-links span {
	background: url(//images.sportsdirectinc.com/HST/shared_images/bullet.gif) no-repeat scroll left 5px transparent;
    padding: 2px 0 6px 12px;
}

/* HIDE or SHOW LINKS */
.sdi-mnav-matchups { /* these links are hidden */
display:none;}	

#sdi-iframe #sdi-othersports { /* Hiding the othersport nav in the QL i-frames */
display:none;}

.sdi-mnav-more { /* This will hide the "More" dropdown trigger */
display:none;}	

/***************************************************************************************** */
/* NOT IN THE MENU: the sublinks under the page title */

.sdi-title-page-who-sublinks ul { /* this overrides the internal ULs by default, so customization is mainly done via the LIs */
    list-style: none;
	margin: 0;
	padding:0;
}

.sdi-title-page-who-sublinks {
    clear:both;
	margin-left: 0;
	text-align: left;
}

ul.sdi-title-page-who-sublinks {
    width: 50%;
}

/***************************************************************************************** */
/* The dropdown arrows */

.sdi-triangle { /* arrow is red by default */
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #990000;
    height: 0;
	margin-left: 4px;
	padding-left: 1px;
    position: absolute;
	top: 12px;
    width: 0;
}

.sdi-insport-links .sdi-triangle { /* arrow in in-sport menu needs different positioning */
	padding-left: 1px;
	top: 8px;
}

.sdi-hnav-localsports .sdi-triangle, .sdi-hnav-specialevents .sdi-triangle { /* "special" links have black arrows */
    border-top: 5px solid #000;
}

.sdi-hnav-insport-links .sdi-triangle { /* in-sport arrows need slightly different positioning */
	padding-left: 0px;
	top: 6px;
}

.sdi-title-page-who-sublinks .sdi-triangle { /* NOT IN THE MENU: the sublinks under the page title */
    top: 6px;
}

.sdi-hnav-drop-parent > a { /* Fills in the gap between the word and the triangle so there's no drop-out on hover */
	padding-right: 10px;
}

/***************************************************************************************** */
/* The dropdown function and appearance */

.sdi-hnav-drop-parent { /* this is necessary to allow drops to be aligned left or right absolutely */
	position: relative;
}

.sdi-drop-function { /* This makes the dropdowns roll down as opposed to just dropping */
	visibility:visible!important;
	height:0; /* Remove or comment out height to make dropdowns visible while you're working on them */
	transition:height 0.4s ease-in-out;
	-moz-transition:height 0.4s ease-in-out;
	-webkit-transition:height 0.4s ease-in-out;
	-o-transition:height 0.4s ease-in-out;
	z-index: 1;
}

.sdi-hnav-subdrop { /* The surround of the drop-down menu. Shadow and height can only be on hover */
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
	min-width: 75px; /* Required for IE8 and under */
    overflow: hidden;
    position: absolute;
	top: 28px;
    visibility: hidden;
}

.sdi-hnav-prosports .sdi-hnav-subdrop { /* "More" dropdown in top row */
    background-color: #F8F8F8;
}

.sdi-hnav-localsports .sdi-hnav-subdrop, .sdi-hnav-specialevents .sdi-hnav-subdrop { /* "Special" dropdowns in top row */
    background-color: #DDDDDD;
}

.sdi-hnav-insport .sdi-hnav-subdrop { /* Dropdowns in bottom (in-sport) row */
    background-color: #fff;
	top: 23px;
}

.sdi-insport-links .sdi-hnav-subdrop { /* Dropdowns in bottom (in-sport) row */
    background-color: #fff;
	top: 22px;
}

.sdi-mnav-brnews.sdi-hnav-drop-parent > a:hover { /* I don't want the dropdown trigger a tag to look like a link */
    text-decoration: none;
}

.sdi-title-page-who-sublinks .sdi-hnav-subdrop { /* Dropdowns in title-page-who-sublinks (I think this was for World Cup) */
    background-color: #fff;
	left: 0;
	/*margin-left: -80px;*/
	min-width: 150px; /* Required for IE8 and under - could be made narrower depending on contents */
	top: 18px;
}

.sdi-hnav-prosports .sdi-hnav-subdrop, .sdi-hnav-insport .sdi-hnav-subdrop {/* left-align regular drops; required for IE8 and under */
    left:0;
}

.sdi-insport-links .sdi-hnav-subdrop {/* left-align regular drops; required for IE8 and under */
    left: 0px;
}

.sdi-hnav-specialevents .sdi-hnav-subdrop, .sdi-hnav-localsports .sdi-hnav-subdrop {/* right-align special drops */
    right:0;
}

.sdi-hnav-subdrop li a {/* spacing of items in subdrop */
	display: block;
	font-size: .9em; /* make dropdown links a bit smaller than top links */
    padding: 5px 5px 5px 0;
	text-indent: 5px;
	white-space: nowrap;
}

.sdi-hnav-subdrop li a:hover {/* spacing of items in subdrop */
	font-size: .9em; /* make dropdown links a bit smaller than top links */
}

.sdi-insport-links .sdi-hnav-subdrop li a, .sdi-insport-links .sdi-hnav-subdrop li a:hover {/*  */
	font-size: 1em; /* don't reduce size in subnav */
}

*:first-child+html .sdi-hnav-subdrop li a {/* spacing of items in subdrop */
    padding: 5px 5px 4px 0; /* IE8 and under requires either a taller height drop or less padding */
}

.sdi-hnav-prosports .sdi-hnav-drop-parent:hover .sdi-drop-function,
.sdi-hnav-specialevents .sdi-hnav-drop-parent:hover .sdi-drop-function,
.sdi-hnav-localsports .sdi-hnav-drop-parent:hover .sdi-drop-function,
.sdi-hnav-insport .sdi-hnav-drop-parent:hover .sdi-drop-function,
.sdi-insport-links .sdi-hnav-drop-parent:hover .sdi-drop-function { /* shadow and bottom border can only show on hover, or else you can still see them when the menu is rolled up */
	border-bottom: 1px solid #999;
	box-shadow: 0 4px 4px -2px #666666;
}

.sdi-title-page-who-sublinks .sdi-hnav-drop-parent:hover .sdi-drop-function { /* shadow and bottom border can only show on hover, or else you can still see them when the menu is rolled up */
	border-bottom: 1px solid #999;
	box-shadow: 0 4px 4px -2px #666666;
}

.sdi-hnav-prosports .sdi-hnav-drop-parent:hover .sdi-drop-function {
	height:15em; /* 2em per menu item - custom set - if you use auto, menu doesn't "roll" down */
}

.sdi-hnav-localsports .sdi-hnav-drop-parent:hover .sdi-drop-function {
	height:6em; /* 2em per menu item - custom set - if you use auto, menu doesn't "roll" down */
}

.sdi-hnav-specialevents .sdi-hnav-drop-parent:hover .sdi-drop-function {
	height:7.5em; /* 2em per menu item - custom set - if you use auto, menu doesn't "roll" down */
}

.sdi-hnav-insport .sdi-hnav-drop-parent:hover .sdi-drop-function {
	height:6.5em; /* 2.5em per menu item - custom set - if you use auto, menu doesn't "roll" down. However, if you need different lengths, that would be the easiest solution. */
}

.sdi-hnav-drop-parent:hover .sdi-drop-function {
	height:auto;/* could set this at "auto" for all of them if you don't want the roll-down action */
}