tr:nth-child(even) {
	background: #E6E5E5;
} 
div.selected {
	background: #ddd;
} 
thead {
	font-weight: bold;
} 
label.pbutton {
	border: 1px solid black; padding: 1px;
} 	
div.pbutton {
	border: 1px solid black;
	padding-left: 3px;
	padding-right:20px;
	margin:3px;
	margin-right:10px;
	border-radius:5px;
}
div.button {
 border: 1px solid black;
 padding-left: 3px;
 padding-right: 3px;
 margin:3px;
 border-radius:5px;
}
.wowy {
	overflow:hidden;
}

img.bgimg {
	transition: all 1s;
	position: absolute;
	z-index: 0;
	object-fit: contain;
	pointer-events: none;
	height:100%;
	top:-25%;
}

div.bgimg {
	width: 45%;
	position: absolute;
	opacity: 0.15;
	z-index: 0;
	top: 0;
	pointer-events: none;
	height: 100%;
}

div.bgimgl {
	right: 55%;
}

div.bgimgr {
	left: 55%;
}

div.bgimg>div {
	min-width:100%;
	height: 100%;
	display: inline-flex;
	place-content: center;
	justify-content: center;
	position: absolute;
}

div.bgimgl>div {
	right: 0;
}

label.section {
 font-weight: bold;
 font-size:120%;
 border: 0px;
 display: inline-block;
 padding: 5px;
 color: white;
 width: 100%;
 background-color: #6E0000;
 text-align: center;
 /* margin-bottom: 5; */
}
 
table { text-align: center; border-collapse: collapse; }
	
table.boxscore {
	border-collapse: initial;
	font-size: 1.2em;
	width: 100%;
	table-layout: fixed;
	position: relative;
	z-index: 1;
}
div.stats {
	font-size: 0.6em;
}
table.boxscore tr {
	border: none;
	background: none;
}
span.boxscore {
	float: right;
	padding-right: 5px;
	text-align: right;
	position: relative;
	z-index: 1;
}
div.gtb {
	position: relative;
	z-index: 1;
	transition: all 1s;
}

div.popup {
	border-radius: 50%;
	width: 2.117%;
	height: 4.151%;
	position: absolute;
	border: 1px;
}

div.popup:hover {
	border-style: solid;
}

div.popup:hover span {
	display: inline-block;
}

div.scpopup {
	position: absolute;
	border: 1px;
}

div.scpopup:hover {
	border-style: solid;
}

div.scpopup:hover span {
	display: inline-block;
}

span.popupl {
	display: none;
	position: relative;
	left: -4px;
	width: max-content;
}

span.popupl span {
	position: relative;
	top: -3px;
	left: -100%;
	background-color: white;
	border: 1px solid;
	padding: 1px;
	border-color: #6E0000;
}

span.popupr {
	display: none;
	position: relative;
	width: max-content;
}

span.popupr span {
	position: relative;
	top: -3px;
	left: 19px;
	background-color: white;
	border: 1px solid;
	padding: 1px;
	border-color: #6E0000;
}

div.a2a_default_style {
	float: right;
	padding-top: 5px;
}

td {
	padding: 5px;
} 	
tr {
	border: 1px solid black;
} 	
td.lh {
	text-align: left;
} 	
div.boxscore {
 display: inline-block;
 border-style: solid;
 border-width: 1px;
 padding: 5px;
 min-width: 130px;
 border-color: #6E0000;
 background-color: #FFFFFF;
 margin-bottom: 5px;
}
html, body {
 margin:0px;
 padding:0px;
 background-color: #E6E5E5;
 height:100%;
 /*font-size: 15px;*/
 font-family: "Times New Roman", Times, serif;
}
.boxscore_bg {
 border-style: solid;
 border-width: 1px;
 padding: 5px;
 min-width: 310px;
 background-color: #FFFFFF;
 margin-bottom: 10px;
 border-color: #6E0000;
}
.bs_status {
 float: right;
 position: relative;
 transform: translateY(50%);
 -webkit-transform: translateY(50%);
 -ms-transform: translateY(50%);
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
  display: inline-block;
}
.bs_main {
 padding: 5px;
}
.bs_score {
 float: right;
 padding-left: 5px;
 padding-right: 5px;
 display: inline-block;
 position: relative;
 transform: translateY(50%);
 -webkit-transform: translateY(50%);
 -ms-transform: translateY(50%);
}
.headertxt {
 width: 100%;
 background: #898989;
 font-size: 2em;
 font-weight: bold;
 position: relative;
 z-index: 3;
 border-bottom-style: solid;
 border-width: 1px;
 border-color: #6E0000;
 height: 106px;
}
div.headertxt img {
	height: 144px;
}
div.headertxt a.menu {
	font-size:0.8em;
}
ul.menu li {
 background: none;
}
.headertxtsticky {
 width: 100%;
 background: #898989;
 font-size: 2em;
 font-variant: smv5-caps;
 font-weight: bold;
 position: fixed;
 z-index: 4;
 border-bottom-style: solid;
 border-width: 1px;
 border-color: #6E0000;
 display:none;
 color: #6E0000;
 font-color: #6E0000;
}
.stick {
 display:none;
}
div.menu {
 display:inline-block;
}
div.menubox {
 /*border-bottom-style: solid;*/
 border-width: 1px;
 border-color: #6E0000;
 font-size: 60%;
 position: absolute;
 left: 25px;
 top: 84px;
 height: 1.15em;
}
a.menu:link {
 color: #6E0000;
}
a.menu:visited {
 color: #6E0000;
}
a.menu {
 text-decoration:none;
 padding-left:8px;
}
a.main:link {
color: #6E0000;
}
a.main:visited {
color: #6E0000;
}
a.main {
position: relative;
top: -45px;
}
div.headertxtsticky font a.main {
/*position: relative;*/
top: 0px;
}
a.main img {
position: relative;
top: 20px;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
div.content {
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-color: #6E0000;
 margin-left:auto;
 margin-right:auto;
 margin-top:5px;
 margin-bottom:5px;
 padding-bottom:5px;
 min-width:280px;
 width:100%;
 background-color: #FFFFFF;
 overflow: hidden;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
}
div.tb {
 padding:5px;
 overflow: auto;
}
div.embedcontent {
 border-width: 1px;
 border-style: solid;
 border-radius:3px;
 border-color: #6E0000;
 padding:5px;
 padding-top:0px;
 min-width:310px;
 max-width:751px;
 background-color: #FFFFFF;
 overflow: auto;
 font-size: 2vw;
 height:98%
}
ul.menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
	background: #898989;
}
li.menu {
    display: inline;
}

ul.menu ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0px;
	padding:0px;
 border-width: 1px;
 border-color: #6E0000;
  margin-top: 1px;
}

ul.menu li:hover > ul
{
	display:block
}

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: #D4B3B3;
}

ul.menu li:focus > ul
{
	display:block
}

ul.menu ul li
{
	float:none;
 	font-size: 80%;
 border-width: 0px;
 border-color: #6E0000;
 font-size: 70%;
 text-decoration:none;
 padding-left:5px;
 padding-right:5px;
}

ul.menu ul li ul
{
 padding-right:5px;
 border: 0px;
 left: 100%;
 top: 0px;
}

ul.menu ul li ul li
{
 	font-size: 100%;
	top: 0px;
}

ul.menu ul li:hover
{
 	background: #898989;
}

ul.menu li
{
 	/*background: #898989;*/
	position:relative;
	margin:0px;
	padding:0px;
 border-width: 0px;
  float: none;
  padding-top: 2px;
  top: 0px;
}

div.content span label.button {
 border: 1px solid black;
 padding: 1px;
 border-radius:3px;
 border-color: gray;
 font-size: 0.8em;
 color: gray;
} 	

label.button {
 border: 1px solid black;
 padding: 1px;
 border-radius:3px;
 border-color: gray;
 color: gray;
 white-space: nowrap;
} 	

div.rollup {
    width: 30px;
    margin: 0 auto;
    border: 1px solid black;
    margin-bottom: -5px;
    border-bottom: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	border-color: #6E0000;
	margin-top: 5px;
}

div.hbar {
	display: inline-block;
	background-color: rgba(255, 127, 127, 1);
	font-size: .8em;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.abar {
	display: inline-block;
	background-color: rgba(127, 127, 255, 1);
	font-size: .8em;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.nbar {
	display: inline-block;
	background-color: #E6E5E5;
	font-size: .8em;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 15px;
}

td.score {
	width:15px;
}

td.status {
	width:50px;
}

span.buttonspan {
    padding: 5px;
    display: inline-block;
    line-height: 125%;
    max-width: 70%;
	position: relative;
	z-index: 1;
}

div.footer {
  width: 100%;
  position: absolute;
  right: 0px;
  bottom: -5px;
  left: 0px;
  background-color: #898989;
  font-variant: smv5-caps;
  font-weight: bold;
  /*font-size: 0.8em;*/
}

div.footer a {
 text-decoration:none;
 font-size: 0.8em;
 padding-left: 0px;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

div.DTFC_LeftHeadWrapper {
 background-color: white;
}

table.dataTable.no-footer {
	border-bottom: 0px;
}

a.lightbox img {
height: 150px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
z-index: 5;
}

.lb-gameflow {
margin: auto;
position: absolute;
top: 0px;
left:0px;
right:0px;
bottom: 0px;
overflow: auto;
max-width: 757px;
max-height: 356px;
}

.lb-gameflow-prev {
margin: auto;
position: absolute;
top: 0px;
left:0px;
right:0px;
bottom: 0px;
overflow: auto;
max-width: 777px;
max-height: 356px;
}

.lb-heatmap {
margin: auto;
position: absolute;
top: 0px;
left:0px;
right:0px;
bottom: 0px;
overflow: auto;
max-width: 809px;
max-height: 428px;
}

.lb-heatmap-prev {
margin: auto;
position: absolute;
top: 0px;
left:0px;
right:0px;
bottom: 0px;
overflow: auto;
max-width: 829px;
max-height: 428px;
}

.lb-shotchart {
margin: auto;
position: absolute;
top: 0px;
left:0px;
right:0px;
bottom: 0px;
overflow: auto;
max-width: 809px;
max-height: 428px;
}

.lb-shiftchart {
margin: auto;
position: absolute;
top: 0px;
left:0px;
right:0px;
bottom: 0px;
overflow: auto;
}

.lb-shiftchartpos {
	margin: auto;
	position: absolute;
	top: 0px;
	left:0px;
	right:0px;
	bottom: 0px;
	overflow: auto;
}
	
	
div.expand {
	position: absolute;
    height: 40px;
    width: 40px;
    background-image: url(/images/expand.png);
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
/*position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;*/
/*max-height: 0%;
max-width: 0%;*/
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0px;
bottom: 0px;
}

.lightbox-target:target img {
/*max-height: 100%;
max-width: 100%;*/
}

.lightbox-target:target a.lightbox-close {
top: 0px;
}

/*.DTFC_LeftBodyLiner{overflow-y:unset !important}
.DTFC_RightBodyLiner{overflow-y:unset !important}*/

@media only screen and (min-width: 430px) {
a.menu {
 padding-left:10px;
}
td.score {
	width:20px;
}
td.lh {
	white-space: nowrap;
}
td.status {
	width:120px;
}
td.prevstatus {
	width:120px;
}
table.boxscore {
	font-size: 1.4em;
}
div.headertxt {
	height: 130px;
}
div.headertxt img {
	height: 168px;
}
div.headertxt a.menu {
	font-size:1em;
}
div.menubox {
	left: 30px;
	top: 108px;
}
div.content {
 border-width: 1px;
 border-style: solid;
 border-radius:3px;
 border-color: #6E0000;
 margin-left:auto;
 margin-right:auto;
 margin-top:5px;
 margin-bottom:5px;
/* padding:5;*/
 min-width:280px;
 width:90%;
 background-color: #FFFFFF;
/* overflow: auto;*/
overflow: hidden;
position: relative;
}
div.nh {
 padding:5px;
}
div.bs {
 padding:5px;
 /*overflow: visible;*/
}
ul.menu li
{
  top: -2px;
}

label.section a{
 text-align: left;
 /* margin-bottom: 5; */
}
  


div.footer a {
    font-size: 1em;
	padding-left: 8px;
}
}

    

input.rdall ~div>table.boxscore>tbody>tr>td>div.all { display:none; }
input.rdall:checked ~div>table.boxscore>tbody>tr>td>div.all { display: block; } 
input.rdall ~div>div>div.all { display:none; }
input.rdall:checked ~div>div>div.all { display: block; } 
input.rdall:checked ~div>span>label.button[for=rdall] { color: #6E0000; border-color: #6E0000;} 
input.rdall { display: none; }

input.rdev ~div.content>table.boxscore>tbody>tr>td>div.ev { display:none; }
input.rdev:checked ~div.content>table.boxscore>tbody>tr>td>div.ev { display: block; } 
input.rdev ~div>div>div.ev { display:none; }
input.rdev:checked ~div>div>div.ev { display: block; } 
input.rdev:checked ~div>span>label.button[for=rdev] { color: #6E0000; border-color: #6E0000;} 
input.rdev { display: none; }

input.rd5v5 ~div.content>table.boxscore>tbody>tr>td>div.v5 { display:none; }
input.rd5v5:checked ~div.content>table.boxscore>tbody>tr>td>div.v5 { display: block; } 
input.rd5v5 ~div>div>div.v5 { display:none; }
input.rd5v5:checked ~div>div>div.v5 { display: block; } 
input.rd5v5:checked ~div>span>label.button[for=rd5v5] { color: #6E0000; border-color: #6E0000;} 
/*input.rd5v5:checked ~span>label.button[for=rd5v5] { color: #6E0000; border-color: #6E0000;} */
input.rd5v5 { display: none; }

input.rdsva ~div.content>table.boxscore>tbody>tr>td>div.sva { display:none; }
input.rdsva:checked ~div.content>table.boxscore>tbody>tr>td>div.sva { display: block; } 
input.rdsva ~div>div>div.sva { display:none; }
input.rdsva:checked ~div>div>div.sva { display: block; } 
input.rdsva:checked ~div>span>label.button[for=rdsva] { color: #6E0000; border-color: #6E0000;} 
input.rdsva { display: none; }

/*input[type=radio]:checked + label.button { color: #6E0000; border-color: #6E0000; background-color: #6E00001A; box-shadow: inset 0 0 5px 0px rgba(110, 0, 0, 0.6);}*/
input[type=radio]:checked + label.button { color: #6E0000; border-color: #6E0000;}