/* Start of basitewideV2 */
* html {font: 1.0em Arial, Helvetica, san-serif; color: black; }
html {font: 1.0em Arial, Helvetica, san-serif; color: black; }
html {height: 100%; /* needed by Netscape to prevent it going crazy*/ }
body {background-color: #ffd9b3; }
i {font-style: italic; }
b {font-weight: bold; }
.navarea a {font-weight: bold; }
.topnavouterbox {background-color: white; border-width: 3px; border-color: black; border-style: solid; border-collapse: collapse; }
.topnavinnerbox {background-color: #ffd9b3; border-width: 3px; border-color: #900; border-style: solid; border-collapse: collapse; }
.topnavinnercell {background-color: #ffd9b3; border-width: 1px; border-color: #900; border-style: solid; border-collapse: collapse; padding: 4px; font-weight: bold; font-size: 80%; white-space:nowrap; }
.topnavinnercell2 {background-color: #ffc; border-width: 1px; border-color: #900; border-style: solid; border-collapse: collapse; padding: 4px; font-weight: bold; font-size: 80%; white-space:nowrap; }
.topnavinnercell a {font-weight: bold; }
.topnavinnercell2 a {font-weight: bold; }
.leftnavouterbox {background-color: white; border-width: 3px; border-color: black; border-style: solid; border-collapse: collapse; }
.leftnavinnerbox {background-color: #ffd9b3; border-width: 2px; border-color: black; border-style: solid; border-collapse: collapse; }
.leftnavinnercell {background-color: #ffd9b3; border-width: 1px; border-color: #900; border-style: solid; border-collapse: collapse; padding: 4px; font-weight: bold; font-size: 75%; white-space:nowrap; }
.leftnavgooglecell {background-color: white; border-width: 0px; border-color: #900; border-style: solid; border-collapse: collapse; padding: 4px; font-weight: bold; font-size: 75%; white-space:nowrap; }
.leftnavgooglecellsmall {font-size: smaller; }
.leftnavinnercell a {font-weight: bold; }
.support {font-size: 70%; text-align: center; }
.topquote { color: #4d3201; font-size: 14px; font-family: "Courier New", Courier, Monaco, monospace; text-align: left; vertical-align: top; }
.intro {}
.intro h3 { color: #900; font-weight: bold; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; padding-left: 50px; }
.intro h4 { color: #900; font-weight: bold; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; padding-left: 50px; }
.intro p { color: black; font-family: Georgia, "Times New Roman", Times, serif; margin-left: 70px; margin-right: 40px; }
.intro i { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; }
.introinitial { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 18px; }
.intro ul { margin-left: 100px; font-family: Georgia, "Times New Roman", Times, serif; }
.picturetitle {color: #999; font-size: 75%; }
.last-modified {color: #999; font-size: 75%; font-weight: bold; font-family: Georgia, 'Times New Roman', Times, serif; }
.sponsorthispage { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; padding: 5px; text-align: center; }
.sponsorthispage p { font-weight: bold; color: black; padding-right: 5px; padding-left: 5px; }
.sponsorthispage a { font-weight: bold; color: #900; }
.sponsorthispage b {font-weight: bold; }
.sponsorthispage u {font-weight: bold; text-decoration: underline; }
.sponsorthispage td {text-align: center;}
.bodytable {border-width: 0px; border-collapse: collapse; vertical-align: top; padding-bottom: 0em; }
.bodybgcolor { }
.boxed { border-collapse: collapse; vertical-align: top; padding-bottom: 0.4em; border: solid 1px black; }
.header { color: #000; font-family: Georgia, "Times New Roman", Times, serif; background-color: white; text-align: center; font-weight: bold; padding: 5px 4px 10px; border: solid 1px black; }
.header p { color: black; font-size: smaller; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
.headerp { color: black; font-size: smaller; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
.header td { font-size: smaller; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
.header a { font-weight: bold; }
.banner { background-color: #4d3201; text-align: center; font-weight: bold; padding: 4px; font-size: smaller; color: white; border-color: black; border-style: solid; border-width: 1px 1px; white-space: nowrap; }
.banner a { color: white; }
.bannerR {background-color: #4d3201; text-align: right; font-weight: bold; padding: 4px; font-size: smaller; color: white; border-color: black; border-style: solid; border-width: 1px 1px; white-space: nowrap; }
.trailer {background-color: #ffc; text-align: center; font-weight: bold; border-width: 0px; border-top-width: 2px; border-bottom-width: 2px; border-color: black; border-style: solid; padding: 4px; font-size: smaller; }
.datacol { font-size: smaller; vertical-align: middle; padding: 4px; border: solid 0 black; }
.datacol a { }
.datacolWhite { background-color: #FFFFFF; vertical-align: middle; padding: 4px; font-size: smaller; }
.datacolBox { vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; }
.datacolBox td { font-size: smaller; }
.datacolBoxTop { vertical-align: top; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; }
.datacolBoxTop td { font-size: smaller; }
.datacolBoxC { vertical-align: middle; padding: 4px; text-align: center; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; }
.datacolBoxR { vertical-align: middle; padding: 4px; text-align: right; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; }
.datacolBoxWhite { background-color: #FFFFFF; vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; }
.datacolBoxWhiteC { background-color: #FFFFFF; vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; text-align: center; }
.datacolBoxWhiteR { background-color: #FFFFFF; vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; text-align: right; }
.datacolBoxYellow { background-color: #FFFFCC; vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; }
.datacolBoxYellowC { background-color: #FFFFCC; vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; text-align: center; }
.datacolBoxYellowR { background-color: #FFFFCC; vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; text-align: right; }
.datacolGray { background-color: #CCCCCC; vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; }
.datacolGrayC { background-color: #CCCCCC; vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; text-align: center; }
.datacolGrayR { background-color: #CCCCCC; vertical-align: middle; padding: 4px; font-size: smaller; border-color: black; border-style: solid; border-width: 1px; text-align: right; }
.datacolBox a { }
.datacolC { text-align: center; font-size: smaller; vertical-align: middle; padding: 4px; border: solid 0 black; }
.datacolR { text-align: right; font-size: smaller; vertical-align: middle; padding: 4px; border: solid 0 black; }
.hideText { color: #F3E9CE; }
.totalcell {border-width: 0px; border-top: 2px; border-color: black; border-style: solid; }
.fastfacttable { border-collapse: collapse; text-align: center; padding: 5px 15px; font-family: Georgia, "Times New Roman", Times, serif; }
.fastfactcell { padding: 5px 8px; text-align: left; }
.fastfactcellC { padding: 5px 8px; text-align: center; }
.fastfactcellR { padding: 5px 8px; text-align: right; }
.fastfacttitle { color: #4D3201; font-weight: bold; font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; }
.fastfactsubtitle { text-align: center; font-weight: bold; color: #4d3201; font-family: Georgia, "Times New Roman", Times, serif; }
.fastfact, .fastfact p { color: black; font-family: Georgia, "Times New Roman", Times, serif; }
.fastfact a { color: #c02d20; text-decoration: none; }
.fastfact a:hover { color: #c02d20; text-decoration: underline; }
.fastfact i {font-weight: bold; font-style: italic; }
.footnote {font-size: 65%; }
.footnote a {color: #ff9; }
.privacy {font-size: 65%; color: #999; }
.privacy a {color: #999; }
.dotright { width: 100%; height: .9em; /* needed by NN6*/ line-height: 1em; border-bottom: 4px dotted gray; white-space: nowrap; }
.itemname { float: left; position: relative; /*needed by IE6*/ top: 5px; background-color: #ffd9b3; /* this covers the dots in the container) */ margin-bottom: -.4em; margin-left: -.1em; padding-right: 10px; text-align: left; line-height: 1em; }
.num { top: 5px; background-color: #ffd9b3; /* this covers the dots in the container) */ margin-bottom: -.3em; text-align: right; line-height: 1em; }
.dotright>.itemname { position:static; /*IE5 Mac Bug, items are offset */ }
.footer_links { color: #4d3201; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }
.footer_links a { color: #4d3201}
.footer_links a:hover { color: #c79130; }
.calendar_header { padding-bottom: 6px; border-bottom: 1px solid #c02d20; }
.calendar_body { color: #960; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }
.calendar_body a { color: #960; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }
.calendar_body a:hover { color: #4d3201; }
.content { color: #4d3201; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 16px; }
.content h1 { font-size: 17px; }
.linkbox_header { color: #c02d20; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; }
.linkbox_links { color: #4d3201; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }
.linkbox_links a { color: #4d3201; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none; }
.linkbox_links a:hover { color: #5e3c00; text-decoration: underline; }
.related { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; padding-right: 15px; padding-left: 15px; }
.related a { color: #900; }
.related_header { color: #900; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding-top: 4px; }
.biocolpad {font-size: smaller; padding-bottom: 4px; }
.news0 { text-align: left; border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #DD9988; }
.news1 { background-color: #FFFFFF; text-align: left; border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #DD9988; }
.newstitle { color: #800000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.newstext { color: #000000; font-family: Arial, Helvetica, sans-serif; white-space: normal; }
.newslink { color: #800000; font-family: Arial, Helvetica, sans-serif; }
.postnavon { font-weight: bold; padding: 4px 8px; font-size: smaller; background-image: url(https://www.baseball-almanac.com/players/tab01_on.gif); color: #FFFFFF; }
.postnavoff { font-weight: bold; padding: 4px 8px; font-size: smaller; background-image: url(https://www.baseball-almanac.com/players/tab02x_off.gif); color: #999999; }
.postnavoff a:hover { text-decoration: none; color: #4E3202; }
.navtabactive { background-color: #4D3012; padding: 4px 8px; margin-right: 5px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: smaller; font-weight: bold; width: 70px; float: left; }
.navtabinactive { padding: 4px 8px; margin-right: 5px; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: smaller; font-weight: bold; width: 70px; float: left; }
.navtabinactive a:hover { text-decoration: none; color: #4E3202; }
.fancybox-slide--iframe .fancybox-content {
width : 800px !important;
height : 900px;
max-width : 100% !important;
max-height : 95%;
margin: 0;
}
/* End of basitewideV2 */
/** RESET AND CLEARFIX
================================================**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
/* fonts.css - Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
table { font-size:inherit; /* width: 100% */ }
/* 99% for safari; 100% is too large */
select, input, textarea { font:99%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block }
strong { font-weight: bold }
html { box-sizing: border-box; font-family: sans-serif; }
html, body { height: 100% }
*, *::before, *::after { box-sizing: inherit }
img { height:auto; display:block }
a, .homepglnk { text-decoration: none; color: #bf0d3e }
a:hover { color: #000000; text-decoration: none }
.banner a:hover { color: #bf0d3e }
p { padding-bottom: 20px }
@font-face {
font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto;
src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?088a34f78f530102fd9661173b4a4f26);
src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?088a34f78f530102fd9661173b4a4f26?#iefix) format("embedded-opentype"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?822d94f19fe57477865209e1242a3c63) format("woff2"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff?f4920c94c0861c537f72ba36590f6362) format("woff"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?273dc9bf9778fd37fa61357645d46a28) format("truetype"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg?d72293118cda50ec50c39957d9d836d0#fontawesome) format("svg");
}
.fab { font-family: 'Font Awesome 5 Brands' }
@font-face {
font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto;
src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?3ac49cb33f43a6471f21ab3df40d1b1e);
src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?3ac49cb33f43a6471f21ab3df40d1b1e?#iefix) format("embedded-opentype"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?9efb86976bd53e159166c12365f61e25) format("woff2"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff?a57bcf76c178aee452db7a57b75509b6) format("woff"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?ece54318791c51b52dfdc689efdb6271) format("truetype"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg?d2e53334c22a9a4937bc26e84b36e1e0#fontawesome) format("svg");
}
@font-face {
font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto;
src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?7fb1cdd9c3b889161216a13267b55fe2);
src: url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?7fb1cdd9c3b889161216a13267b55fe2?#iefix) format("embedded-opentype"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?f6121be597a72928f54e7ab5b95512a1) format("woff2"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?93f284548b42ab76fe3fd03a9d3a2180) format("woff"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?2aa6edf8f296a43b32df35f330b7c81c) format("truetype"),
url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?7a5de9b08012e4da40504f2cf126a351#fontawesome) format("svg");
}
.fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900 }
.fa, .fas, .fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fa-angle-down:before { content: "\f107" }
.fa-angle-up:before { content: "\f106" }
.fa-bars:before { content: "\f0c9" }
.fa-baseball-ball:before { content: "\f433" }
.fa-facebook:before { content: "\f09a" }
.fa-facebook-f:before { content: "\f39e" }
.fa-instagram:before { content: "\f16d" }
.fa-search:before { content: "\f002" }
.fa-twitter:before { content: "\f099" }
input:-ms-input-placeholder { color: #ffffff }
input::-ms-input-placeholder { color: #ffffff }
input::placeholder { color: #ffffff }
input { padding: 0; line-height: inherit; color: inherit; font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; overflow: visible; color: #ffffff }
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type=text] { color: #000000 }
input[type=submit] { color: #000000 }
.bg-red-800 { background-color: #9b2c2c }
.bg-blue-500 { background-color: #4299e1 }
.bg-blue-700 { background-color: #2b6cb0 }
.text-red-800 { color: #9b2c2c }
body { background-color: #ffffff; line-height: 1.3 }
#wrapper { margin: auto; width: 100% }
.header-container { background-color: #0f2047 }
.header-container .site-header { max-width: 1200px; margin: 0 auto; padding: 10px 20px }
.logo { max-width: 160px; float: left }
#topnav { padding: 38px 20px 0; float: right }
.container { max-width: 56rem; margin: 0 auto; padding: 20px 0.75rem }
.blockquote, blockquote { padding: 0 4%; margin: 0 0 20px 30px }
.blockquote p:last-of-type, blockquote p:last-of-type { padding-bottom: 0 }
h1, h3 { color: #000000 !important; font-weight: bold; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 0 20px 0 !important; text-transform: uppercase; }
h2, h4 { color: #000000 !important; font-weight: bold; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 0 20px 0 !important }
.intro p { margin: 0; font-family: Arial, Helvetica, san-serif; }
/* Fluid Columns */
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth { position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100% }
.hideText { color: #ffffff }
.intro table { margin: 0 auto }
/* top quote */
.topquote { padding: 20px 4%; display: table; color: #333333 }
.topquote img { width: 100px; display: table-cell; vertical-align: middle }
.topquote p { display: table-cell; vertical-align: middle; padding-left: 20px }
.ba-table { margin: 0 0 20px 0; overflow-x: auto }
table.boxed, .boxed { margin: 0 auto; /* white-space: nowrap; */ padding: 0; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 2px solid #0f2047; border-collapse:separate; }
table.boxed tr:first-child td:first-child { border-top-left-radius: 23px }
table.boxed tr:first-child td:last-child { border-top-right-radius: 23px }
table.boxed tr:last-child td:first-child { border-bottom-left-radius: 23px }
table.boxed tr:last-child td:last-child { border-bottom-right-radius: 23px }
table.boxed.sortable tr:first-child th:first-child { border-top-left-radius: 23px }
table.boxed.sortable tr:first-child th:last-child { border-top-right-radius: 23px }
table.boxed.sortable th.banner.no-radius { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important }
.boxed td { padding: 4px 10px; border: none; vertical-align: top }
.boxed ul, table ol { margin: 0 0 20px 14px }
.boxed ul ul { margin: 0 0 0 14px }
td { white-space: nowrap }
td p { white-space: normal }
/* tr:nth-child(even) td.datacolBox{ background-color: #ffffff; }
tr:nth-child(odd) td.datacolBox { background-color: #dddddd; }
tr:nth-child(odd) td[rowspan] { background: #fff } */
td.datacolBlue, td.datacolBlueR, td.datacolBlueC { font-size: smaller }
td.datacolBox.date-week { text-align: center }
td.datacolBox table td { padding: 6px; border: none }
td.datacolBox, td.datacolBoxR, td.datacolBoxC { background-color: #ffffff; border-bottom: 1px solid #dddddd }
td.datacolBlue, td.datacolBlueR, td.datacolBlueC { background-color: #e5f0ff; border-bottom: 1px solid #dddddd }
td.datacolBox p, td.datacolBlue p { padding-bottom: 20px }
td.datacolBox p:last-of-type, td.datacolBlue p:last-of-type { padding-bottom: 0 }
td.datacolBox img, td.datacolBlue img { margin-bottom: 10px }
td.header { background-color: #ffffff; text-align: center; padding: 10px; font-size: 14px; font-size: smaller; white-space: normal }
td.header h2 { color: #000000; padding: 0 0 10px 0 !important; font-size: initial; font-size: 16px }
td.header img { padding: 0; margin: 0 auto 10px auto !important; }
td.header p { padding: 0 0 10px 0 !important; }
td.header p:last-of-type { padding: 0 !important }
td.header p.grey { color: #999999 }
td.banner, th.banner { background-color: #0f2047 }
td.inactive { color: #999999 }
td p { padding-bottom: 0 }
td.headerBlue { background-color: #e5f0ff; text-align: center; padding: 10px; font-size: smaller; color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold }
td.headerBlue h2 { color: #000000; padding: 0 0 10px 0 !important; font-size: initial; font-size: 16px }
td.headerBlue img { padding: 0; margin: 0 auto 10px auto !important; }
td.headerBlue p { padding: 0 0 10px 0 !important; }
td.headerBlue p:last-of-type { padding: 0 !important }
td.datacolBoxR, td.datacolBlueR { text-align: right }
td.datacolBoxC, td.datacolBlueC { text-align: center }
/* td small { display: block; indent: 10px } */
/* fix includes */
td.datacolBoxYellow, td.datacolBoxYellowR, td.datacolBoxYellowC { background-color: #ffffff; border-bottom: 1px solid #dddddd }
td.datacolBoxYellowR { text-align: right }
datacolBoxYellowC { text-align: center }
td.biocolpad img { width: auto; display: inline; vertical-align: top }
.notes { text-align: center }
.notes a { font-family: "Roboto", sans-serif; color: #666666; font-size: 15px; vertical-align: middle; cursor: pointer; }
.notes a:hover { opacity: 0.7 }
.ba-notes-icon { width: auto; vertical-align: middle; display: inline-block; height: 20px; padding: 0 6px }
.flat-baseball-img { max-width: 75px; margin: 30px auto }
#statmasterform input { color: #000000 }
/* fast facts */
.fast-facts { border: 2px solid #0f2047; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; margin: 30px 0; overflow-x: auto }
.fast-facts h3 { border-top-left-radius: 23px; border-top-right-radius: 23px; padding: 0 !important; background: linear-gradient(67deg, #0F2047 190px, #BF0D3E 190px); }
.fast-facts table h3 { border-top-left-radius: 0; border-top-right-radius: 0; padding: 0 !important; background: none; }
.fast-facts p, .fast-facts h2 { margin-left: 30px; margin-right: 30px }
.fast-facts h2 { text-transform: capitalize }
.fast-facts p:first-of-type { margin-top: 20px }
.fast-facts .blockquote p:first-of-type { margin-top: 0 }
.fast-facts table { margin: 0 auto 20px auto }
.fast-facts table td { padding: 4px 6px }
.fast-facts .blockquote { padding: 0; margin: 0 30px 20px 30px; }
.fast-facts ul, .fast-facts ol { margin: 0 50px 20px 50px }
.fast-facts img { width: auto; margin-bottom: 20px !important }
.fast-facts h3 img { padding: 10px 0; max-width: 120px; margin-left: 30px !important }
.fast-facts .ff-table, .ba-table table.ba-sub { margin: 0 auto 20px auto }
.fast-facts .ff-table { overflow-x: auto }
.fast-facts table td { background-color: white !important }
.fast-facts table td font { color: #000000 !important }
.ba-table td.datacolBox table.ba-sub:last-of-type { margin: 0 auto }
.ba-table td.datacolBox .ba-sub + p, ba.table td.datacolBox .ba-sub:last-of-type + p { margin: 0 auto 20px auto }
.fastfactsubtitle { color: #000000 }
.audio { margin-bottom: 20px; text-align: center }
.last-modified { color: #ffffff; text-align: center }
.sponsor-box { margin-bottom: 40px }
table.post-nav td { background-image: none !important; padding: 0 6px !important }
table.post-nav td img { padding-bottom: 0 }
.postnavon { color: #0f2047}
.navtabactive, .navtabinactive { background-color: #ffffff; padding: 0 6px; margin-right: 5px; color: #999999; font-family: default; font-weight: bold; width: auto; float: left }
.navtabactive { color: #0f2047 }
/* footer */
.footer { background: #0F2047 }
.footer a { color: #ffffff }
.footer a:hover { color: #87afeb }
.footer > div {
margin-left: auto;
margin-right: auto;
max-width: 56rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
color: #fff;
text-align: center;
}
.footer .container { padding-bottom: 0 }
.footer .info {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-flex: 0;
flex: none;
}
.footer .info img {
margin-left: auto;
margin-right: auto;
max-width: 160px;
}
.footer .info p {
max-width: 20rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 1rem;
margin-left: auto;
margin-right: auto;
}
.footer .social {
font-size: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.footer .social a {
padding: 0.5rem;
}
.footer .links {
display: -webkit-box;
display: flex;
font-size: 0.875rem;
flex-wrap: wrap;
-webkit-box-flex: 1;
flex: 1 1 0%;
}
.footer .links div {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 50%;
margin-bottom: 2rem;
}
.footer .links span {
text-transform: uppercase;
font-size: 1rem;
font-weight: 500;
margin-bottom: 0.75rem;
letter-spacing: 0.025em;
}
.footer .copyright {
width: 100%;
}
.footer .copyright .legal {
border-color: #4a5568;
font-size: 0.75rem;
border-top-width: 1px;
padding-top: 0.75rem;
opacity: 0.5;
font-weight: 300;
}
.footer .copyright .external {
font-size: 0.875rem;
display: -webkit-box;
display: flex;
-webkit-box-pack: center; justify-content: center;
flex-wrap: wrap;
margin-top: 1.25rem;
}
.footer .copyright .external a {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
@media (min-width: 768px) {
.footer > div {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.footer .info {
text-align: left;
}
.footer .info img {
margin-left: 0;
margin-right: 0;
}
.footer .info p { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0.5rem }
.footer .links { flex-wrap: nowrap }
.footer .links div {
width: 25%;
}
.footer .copyright .legal {
font-size: 0.875rem;
}
}
.footer td.banner { background-color: #bf0d3e }
.footer .footer-logo { max-width: 180px; margin: 0 auto }
.trailer { background-color: #fff }
.copyright { }
.center { text-align: center }
.grey { color: #999999 }
.clear { clear: both }
em { font-style: italic }
.hidden { display: none }
.flex-none { flex: none }
.middle, .boxed td.middle { vertical-align: middle }
.right { text-align: right }
.bottom, .boxed td.bottom { vertical-align: bottom }
img.infinity { max-width: 19px; vertical-align: middle; display: inline-block; margin-bottom: 0 !important; }
.normalWrap { white-space: normal }
/* iframe */
.iframe-container { height: 0; overflow-x: hidden; overflow-y: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; margin: 0 auto 20px auto; max-width: 1136px }
.iframe-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100% }
.news0 { background-color: #fff; border-bottom: 1px solid #dddddd }
/* tables */
@media only screen and (max-width: 768px) {
table.play-of-week,
.play-of-week thead,
.play-of-week tbody,
.play-of-week th,
.play-of-week td,
.play-of-week tr { display: block; /* border: none */ }
/* .play-of-week tr { border: 1px solid #000; border-bottom: none }
.play-of-week tr:nth-child(odd) { border-bottom: none }
.play-of-week tr:nth-child(even) { border-top: none }
.play-of-week tr:last-child { border-bottom: 1px solid #000; border-top: 1px solid #000 }
.play-of-week td { border: none; position: relative } */
.play-of-week tr:nth-child(2), .play-of-week tr:nth-last-child(2) { display: none }
.play-of-week td:nth-of-type(2), .play-of-week td:nth-of-type(3) { border: none }
.play-of-week td.datacolBox { border-bottom: none }
.play-of-week td.datacolBox.date-week { text-align: left; border-top: 1px solid #dddddd; border-bottom: none }
.play-of-week tr:nth-child(odd) td.datacolBox:nth-of-type(1):before { content: "Date/Week: "; font-weight: bold }
.play-of-week tr:nth-child(odd) td.datacolBox:nth-of-type(2):before { content: "Play of the Week: "; font-weight: bold }
.play-of-week tr:nth-child(odd) td.datacolBox:nth-of-type(3):before { content: "Date of Play: "; font-weight: bold }
.play-of-week .iframe-container { margin: 0 auto }
}
@media only screen and (max-width: 768px) {
table.boxed, .boxed { margin: 0 }
.fast-facts .ff-table, .ba-table table.ba-sub { margin: 0 auto 20px auto }
td.header { text-align: left }
}
@media only screen and (max-width: 600px) {
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth, .three-pics .one_third,.two-pics .one_half { float: none; width: 100%; margin-right: 0 }
}