#psContainer {
 width:max-content;
 background-color:white;
 margin:1em 0.5em 0em 0.5em;
}

#psTitle {
 font-size: 120%;
 font-weight: bold;
 text-align: center;
}

#psHldr {
 float:left;
}

#psHdrTbl {
 display:table;
 width:100%;
 border-collapse: separate;
 border-spacing: 2px 1px;
}

#psTeamsTbl {
 display:table;
 border-collapse: separate;
 border-spacing: 2px 1px;
 width:max-content;
}

#psHdrHldr {

}

#yrsHdrHldr {

}

#psTeamsHldr{
 overflow-y: auto;
 overflow-x: clip;
 width: max-content;
 scrollbar-width: thin;
 padding-right: 0.4em;}

#yrsHdrTbl {
 display:table;
 width:max-content;
 border-collapse: separate;
 border-spacing: 2px 1px;
}

#yrsGamesHldr {
 overflow-y: auto;
 overflow-x: clip;
 width: max-content;
 scrollbar-width: thin;
}

#yrsGamesTbl {
 display:table;
 width:max-content;
 border-collapse: separate;
 border-spacing: 2px 1px;
}

#yrsHldr {
 float:left;
 width:40px;
 overflow-x:auto;
 max-width:max-content;
}

#yrsHdrTbl {
 display:table;
 width:max-content;
 border-collapse: separate;
 border-spacing: 2px 1px;
}

.psGamesHldr {
 display:none;
 position:absolute;
 background-color:black;
}

.tRow {
 display:table-row;
}

.hdrRow {
 display:table-row;
 background:white;
}

.tHdr {
 display:block;
}

.tCell {
 display:table-cell;
 padding:0px 0.3em;
 border-bottom:1px solid black;
}

.cell {
 display:table-cell;
 padding:0px 0.3em;
 border-bottom:1px solid black;
 text-align:center;
 width:36px;
}

.hdr {
 font-weight: bold;
 background-color:black;
 color:white;
 text-align:center;
 padding: 4px 0.3em 2px;
}

.tName {
 /* font-size:105%; */
}

.none {
 background-color: #f8f8f8;
 cursor:default;
}

.wc {
 background-color: #ddddff;
 cursor:default;
}

.csf {
 background-color: #aaaaff;
 color:white;
 cursor:default;
}

.cf {
 background-color: #9999ff;
 color:white;
 cursor:default;
}

.sb {
 background-color: #5555ff;
 color:white;
 cursor:default;
}

.err {
 background-color: #FF0000;
}

.noteam {
 background-color: #000000;
 cursor:default;
}

.win {
 background-color: #CCFFCC;
}

.loss {
 background-color: #FFCCCC;
}

TD {
 padding:2px 6px;
}

/*=====================================================*/
@media screen and (min-width: 1025px) {
 /* start of desktop styles */
 input{
  font-size: 115%;
 }
}

/*=====================================================*/
@media screen and (orientation: portrait) and (min-width: 601px) and (max-width: 768px) {
 /* start of large tablet styles */
 input {
  font-size: 110%;
 }
}

/*=====================================================*/
@media screen and (orientation: landscape) and (min-width: 897px) and (max-width: 1024px) {
 /* start of large tablet styles */
 input {
  font-size: 115%;
 }
}

/*=====================================================*/
@media screen and (orientation: portrait) and (min-width:415px) and (max-width: 600px) {
 /* start of medium tablet styles and large phones */
 input {
  font-size: 100%;
 }
}

/*=====================================================*/
@media screen and (orientation: landscape) and (min-width:813px) and (max-width: 896px) {
 /* start of medium tablet styles and large phones */
 input {
  font-size: 110%;
 }
}

/*=====================================================*/
@media screen and (orientation:portrait) and (min-width: 320px) and (max-width: 414px) {
 /* start of phone styles */
 input {
  font-size: 100%;
 }
}

/*=====================================================*/
@media screen and (orientation:landscape) and (min-width: 568px) and (max-width: 812px) {
 /* start of phone styles */
 input {
  font-size: 105%;
 }
}