.container{
  padding:0.01em 16px;
  box-sizing: border-box;
  margin: auto;
  font-size:16pt;
}

.bgblack{color:#fff;background-color:#000}

.bgwhite{color:#666;background-color:#fff}

.bglightcyan{color:#666;background-color:lightcyan}

.box70 {
  float: left;
  width: 70%;
  min-width: 600px;
  padding: 50px;
}

.box60 {
  float: left;
  width: 60%;
  min-width: 400px;
  padding: 50px;
}

.box30 {
  float: left;
  width: 30%;
  min-width: 250px;
  padding: 50px;
}

.box30nopad {
  float: left;
  width: 30%;
  min-width: 250px;
  padding: 10px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.centred {
  max-width: 800px;
  margin: auto;
  padding: 20px;
  text-align: center;
}

iframe { 
  border:none;
  overflow:hidden;
  scrolling=no; 
  frameborder=0; 
  allowfullscreen=true;
  allow=autoplay; 
  clipboard-write; en
  crypted-media; 
  picture-in-picture; 
  web-share; 
  width:100%; 
  groove #f00; 
}
#over { position:relative; top:-530px; left:0px; text-align:left; z-index:2 }

ul {padding: 20px;}

table {
border: #000000 solid 2px;
border-collapse:collapse;
margin: 0;
font-size: 0.8em;
text-align: center;
}

table.center {
margin-left:auto; 
margin-right:auto;
border: none;
padding: 2pt;
text-align: left;
}

.container .cw-table .table .player
{
    position: relative;
    float:left;
    width: 40%;
    min-width: 170px;
    left: 0%;
    margin: 1% 1% 1% 5%;
    padding: 1%;
    font-size:14pt;
    text-align:center;
    border-radius: 10px;
    border: solid 1px #ddd;
    background-color: #99C;
}

.cwcontainer .cw-table .table .player .score
{
    float:left;
    width: 20%;
    margin-top: 0;
    padding: 1%;
    font-size:10pt;
    text-align:center;
    border-radius: 5px;
    border: solid 1px #ddd;
}

.cwcontainer .cw-table .table .player .name
{
    float:left;
    width: 50%;
    min-width: 90px;
    margin: 0.5%;
    padding: 0%;
    font-size:12pt;
    text-align:center;
    border: none;
}