.lineup {
  background: lightblue;
  color: black;
  position: absolute;
  top: 5em;
  left: 16.25em;
  width: 65em;
  height: 20em;
  border: 1px solid yellow;
}
/*  */
.lineup-hdr {
  display: grid;
  /*                     name AB  BO  SUM  PO  1B  2B  3B  HR  BOB R   RBI SAC SB  SO  CS  PO  DP  TP  ERR PTS */
  grid-template-columns: 10em 2em 2em 10em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em;
  column-gap: 3px; /* Space between columns */
}

.lineup-hdr > div {
  background: black;
  color: yellow;
  font-size: small;
  padding: 1px;

}

.lineup-container {
  display: grid;
  /*                     name AB  BO  SUM  PO  1B  2B  3B  HR  BOB R   RBI SAC  SB  SO CS  PO  DP  TP  ERR PTS */
  grid-template-columns: 10em 2em 2em 10em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em 2em;
  column-gap: 3px; /* Space between columns */
}
.lineup-container > div {
  background: lightgray;
  white-space: nowrap;
  padding: 1px;
  font-size: small;
}
/*  */
.boxscore {
  left: 16.25em;
  top: 25.5em;
  position:absolute;
  width: 65em;
  height: 17em;
  background: lightgrey;
  border: 2px inset  black;
}
/*  */
/* */
.boxscore-container {
  display: grid;
  grid-template-columns: 5em 2em 2em 2em 2em;
  column-gap: 3px; /* Space between columns */
}
.boxscore-container > div {
  background: lightblue;
  padding: 1px;
  font-size: small;
}

.boxscore-hdr {
  display: grid;
  white-space: nowrap;
  grid-template-columns: 5em 2em 2em 2em 3em;
  column-gap: 3px; /* Space between columns */
}

.boxscore-hdr > div {
  white-space: nowrap;
  background: black;
  color: yellow;
  font-size: small;
  padding: 1px;
}
/* */
/* */
/* */
.nle, .nlc, .nlw, .alc, .ale, .alw {
  background: grey;
  position: absolute;
  width: 16em;
  height: 9em;
  border: 1px solid blue;
}
/*  */
.alc,.ale,.alw {
  left: 81.5em;
}

.nle, .nlw,.nlc {
  left: 0;
}

.nle,.ale {
  top: 6em;

}

.nlc, .alc {
  top: 15em;

}

.nlw, .alw {
  top: 24em;

}





/* */
.grid-division {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 3px; /* Space between columns */
}
.grid-division > div {
  background: lightblue;
  padding: 1px;
  font-size: x-small;
}

.grid-hdr {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 3px; /* Space between columns */
}
.grid-hdr > div {
  background: yellow;
  font-size: small;
  padding: 1px;
}
/*  */
.container {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  background-color: dodgerblue;
  padding: 1px;
}
/* */
.container div {
  padding: 1px;
  font-size: small;
  text-align: left;
}



/*  */

.pts {
  position:absolute;
  top: 7em;
  left: 0;
  width: 100%;
  height: 640px;
  xborder: 1px solid yellow;
  display:flex;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor: pointer;
}

.tooltiptext {
  visibility: hidden;
  width: 130px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/*  */
.plusminus {
  border: 1px inset black;
}
/*  */
.plus {
  border: 1px inset green;
}
/*  */
.minus {
  border: 1px outset red;
}
.picked {
  text-decoration: purple;
  font-weight: bolder;
}
/*  */
.img2 {
  height: 50px;
  width: 77px;
}
/*  */
@keyframes blinker {
  50% {
    background-color: green;
  }
}

.arrow {
  border: solid yellow;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right_arrow {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left_arrow {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up_arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down_arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}