@charset "utf-8";
@import url("backgrounds.css") ;
@import url("icons.css") ;
body {
	background-color: #DDD ;
	color: #000 ;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.obc {
	bacground-color: #DDD ;
}

@media (prefers-color-scheme: dark) {
	body {
    background-color : #000  ;
    color: #33CCFF ;
	margin-left: auto;
	margin-right: auto;
	}
.obc {
	bacground-color: #000 ;
}
.H4 {
	background-color: #000 ;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	text-wrap: balance;
	color: #33CCFF ;
}

}
.center_Table {margin-left:auto;
               margin-right:auto;
}

td {
	text-align: center;
	vertical-align: middle;
	padding-left: 1% ;
	padding-right: 1% ;
}

.tdrrn {
	text-align: left;
	vertical-align: middle;
	padding-left: 1% ;
	padding-right: 1% ;
	font-weight: 600 ;
}

.tdrrn1 {
	text-align: left;
	vertical-align: middle;
	padding-left: 1% ;
	padding-right: 1% ;
	font-weight: 500 ;
}

.tdrrn2 {
	text-align: left;
	vertical-align: middle;
	padding-left: 1% ;
	padding-right: 1% ;
	font-weight: bold ;
}

TH {
	font-family: Arial;
	font-size: 22pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.TH {
	font-family: Arial;
	font-size: 22pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

H1 {
	font-family: Impact;
	color: #1C4481;
	font-size: 36pt;
	font-weight: bold;
	text-align: center;
	text-wrap: balance;
}

H2 {
	font-family: Impact;
	color: #ED274B;
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
	text-wrap: balance;
}


.H1 {
	font-family:  Verdana, Geneva, sans-serif;
	color: #1C4481;
	font-size: 36pt;
	font-weight: bold;
	text-wrap: balance;
	text-align: center;
}

.H2 {
	font-family:  Verdana, Geneva, sans-serif;
	color: #ED274B;
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
	text-wrap: balance;
}

.H3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	text-wrap: balance;
}

.H4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	text-wrap: balance;
	color: #33CCFF ;
}

.Table {
	border-collapse: collapse;
	width: 100% ;
}

.STable {
	border-collapse: collapse;
	width: 100% ;
}

.STable tr:nth-child(even){background-color: #f2f2f2}

.STable tr:hover {background-color: #a3a3a3} 

.notices {color: #ed274b
}
.noticesdb {color: #1c4481
}
.noticeslb {color: #9ec5e2
}

.notices_sstt {color: #80b2d7
}
.noticesdb_sstt {color: #e01e25
}
.noticeslb_sstt {color: #9ec5e2
}


.HTable {
	border-collapse: collapse;
	width: 100% ;
}

.HTable tr:hover {background-color: #a3a3a3} 

a {
	color: #F0F;
	display: inline;
	width:inherit;
	height:inherit;
	border-style: None;
	border-width:1px;
}

a:visited {color: #4A0;
          }
		  
a:hover {color: #33CCFF;
        }

.th {
	font-family: Arial;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.TNBorder {
	border-style: none ;
}

.TWBorder {
	border-color: grey;
	border-style: solid;
	border-width: thin;
}

.T100 {
	width: 100% ;
}

.T50 {
	width: 50% ;
}

.c5  {
	width: 5% ;
}

.c6  {
	width: 6% ;
}

.c7  {
	width: 7% ;
}

.c10  {
	width: 10% ;
}

.c12  {
	width: 12% ; 
}

.c13  {
	width: 13% ; 
}

.c15  {
	width: 15% ; 
}

.c18  {
	width: 18% ;
}

.c20  {
	width: 20% ;
}

.c25  {
	width: 25% ;
}

.c30  {
	width: 30% ;
}

.c40  {
	width: 40% ;
}

.c50  {
	width: 50% ;
}

.c70  {
	width: 70% ;
}

.GH
{
	font-size: 20pt;
 }

.GHB
{
	font-size: 20pt;
	font-weight:bold ;
 }
 
.ptHB
{   font-size: 13pt ;
    font-weight: bold;
}
 
.fNote
{
	font-size: 8t;
 }

.THeadAlt {
	background-color:#999 ;
}

.CellImage
{
	background-repeat: no-repeat;
	background-size: contain;
 }

.GHText
{
	height: 75px ;
	line-height: 230% ;
	
}

.RH
{
 font-size:14pt ;
 }
 
.rh30
{
 height: 30px ;
 }
 
.rh35
{
 height: 35px ;
 }
 
.rh40
{
 height: 40px ;
 }
 
.rh50
{
 height: 50px ;
 }
 
.TopDiv
{
	position: static;
	width: 99%;
	display: table ;
	margin: auto ;
	overflow-x:auto;
}

.Full {
	float: left;
	width: 100%;
	position: static;
}

.Open {
	float: left;
	width: 40%;
	position: static;
}

.Open_2016 {
	float: left;
	width: 49%;
	position: static;
}

.Grade {
	float: right;
	width: 59%;
	position: static;
}

.Grade_2016 {
	float: right;
	width: 49%;
	position: static;
}

.Other {
	float: left;
	width: 40%;
	position: static;
}

.Other_2016 {
	float: left;
	width: 49%;
	position: static;
}

.Age {
	float: right;
	width: 59% ;
	position: static;
}

.Age_2016 {
	float: right;
	width: 49% ;
	position: static;
}

.Row
    {
        display: table-row;
    }
	
.TCell
    {
        display: table-cell;
        border: none;
		text-align: center ;
    }

.TCellB
    {
        display: table-cell;
        border: thin ;
		text-align: center ;
    }

.TCellLeft
    {
        display: table-cell;
        border: none;
        padding-left: 5px;
        padding-right: 5px;
		width: 15% ;
    }

.TCellRight
    {
        display: table-cell;
        border: none;
        padding-left: 5px;
        padding-right: 5px;
		width: 15% ;
    }

.TCellMiddle
    {
        display: table-cell;
        border: none;
        padding-left: 5px;
        padding-right: 5px;
		width: 70% ;
    }
	
.Cell.Empty
	{
	border: None;
	}
	
.Cell.Rowspanned
	{
	position: static;
	top: 0;
	bottom: 0;
	border-bottom:none
	}
	
.TableWrapper
	{position:relative
	}


.CellNoBorder
	{
	border: None;
	text-align:center ;
	}
	
.CellFull
{
	border-color: grey;
	border-style: solid;
	border-width: thin;
 }

.CellTop
{
 border-color: grey;
 border-width: thin;
 border-left-style: solid;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: none ;
}

.CellTL
{
 border-color: grey;
 border-width: thin;
 border-left-style: solid;
 border-top-style: solid;
 border-right-style: none;
 border-bottom-style: none ;
}

.CellTR
{
 border-color: grey;
 border-width: thin;
 border-left-style: none;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: none ;
}

.CellBottom
{
 border-color: grey;
 border-width: thin;
 border-left-style: solid;
 border-top-style: none;
 border-right-style: solid;
 border-bottom-style: solid ;
}

.CellBL
{
 border-color: grey;
 border-width: thin;
 border-left-style: solid;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: solid ;
}

.CellBR
{
 border-color: grey;
 border-width: thin;
 border-left-style: none;
 border-top-style: none;
 border-right-style: solid;
 border-bottom-style: solid ;
}

.CellTB
{
 border-color: grey;
 border-width: thin;
 border-left-style: none;
 border-top-style: solid;
 border-right-style: none;
 border-bottom-style: solid ;
}

.CellNoLeft
{
 border-color: grey;
 border-width: thin;
 border-left-style: none;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid ;
}

.CellLeft
{
 border-color: grey;
 border-width: thin;
 border-left-style: solid;
 border-top-style: solid;
 border-right-style: none;
 border-bottom-style: solid ;
}

.CellMiddle
{
 border-color: grey;
 border-width:thin;
 border-left-style:none ;
 border-right-style:none;
 border-top-style:solid;
 border-bottom-style:solid;
}

.CellRight
{
 border-color: grey;
 border-width:thin;
 border-left-style:none;
 border-top-style:solid;
 border-bottom-style:solid;
 border-right-style:solid;
}

.message {
	text-align:center;
	padding-left: 30px ;
	padding-right: 30px ;
	padding-top: 25px ;
}

.ClickCell
{
	display:block;
	width:inherit ;
	height:inherit;
	margin-left:auto;
	margin-right:auto;
}

.SponsorImage
{
	object-fit: scale-down ;
	max-height: 100px ;
	padding-left: 50px;
	padding-right: 50px;
}

.IconImage
{
	background-size: contain; 
	height: 50px ;
	padding-top:10px ;
	padding-bottom:10px;
}

.CellText
{
  position: relative;
  text-align: center;
}

.dTable
    {
        display: table;
		border-collapse:collapse
    }
.dTitle
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }
.dHeading
    {
        display: table-row;
        font-weight: bold;
        text-align: center;
    }
.dRow
    {
        display: table-row;
    }
.dCell
    {
        display: table-cell;
        border: solid;
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
    }
.dCell.Empty
	{
	border: None;
	}
.dCell.Rowspanned
	{
	position: static;
	top: 0;
	bottom: 0;
	border-bottom:none
	}

.CellWrap
    {word-wrap:break-word;
	word-break:keep-all;
	}
	
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

tbg {
	background-color: #666;
}


.rrres {font-size:16pt;
        text-align: center;
		 color: #FF00FF;
}
.timestamp {font-size:8pt;
        text-align: right;
		 color: #FF00FF;
}
.eventnm {font-size:19pt;
          text-align: center;
		  color:#33CCFF ;
		  font-weight:bold;
}
.left { color: #0000699;
        font-size: 12pt;
		text-align: left;
}
.right { color: #000099;
         font-size: 12pt;
		 text-align: right;
}

.bb {border-bottom: 2px solid gray;
    }
.bl {border-left: 2px solid gray;
    }
.br {border-right: 2px solid gray;
    }
.brow {height: 6px;
}
.final {border: 2px solid gray;
        background-color:#00C
	    }
.left { color: #000099;
        font-size: 12pt;
		text-align: left;
	   }
.right { color: #000099;
         font-size: 12pt;
		 text-align: right;
	    }

.blue6 {font-size:24pt;
        color:#000099;
	   }
.blue5 {font-size:20pt;
        color:#000099;
	   }
.blue4 {font-size:16pt;
        color:#000099;
	   }
.grprslt
    {
        display: table;
		border-collapse:collapse; 
    }
		
.dispEnt
    {
		display: table ;
 		height: 350px ;
		max-height: 350px; 
		width: 99% ;
		margin:auto ;
    }

.dispEnt1
    {
        column-count: 3;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
		line-height: 1.3 ;
    }

.dispTD
    {
        column-count: 3;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
		line-height: 1 ;
    }

.dispWRS
    {
		display: table ;
 		height: 450px ;
		max-height: 450px; 
		width: 100% ;
		text-align:center ;
		
    }

.ci
	{
     display: block;
     margin: auto;
	}
	
.rcr
    {font-size:small ;
	}
	
.Browser {
	background-image: url("best_viewed_with.png") ;
	background-position: 100%;
	text-align: left;
}

.fixed_headers {
  width: 100%;
  table-layout: fixed;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
  display: block;
  position: relative;
  overflow: auto;
  width: 100%;
  height: 300px;
}

.fixed_headers tbody tr {
	display: block;
	position: relative;
}

.r2 {
	background-color:#CCC
}

.r3 {
	background-color:#6FC
}

.r4 {
	background-color:#F9F
}

.r5 {
	background-color:#C66
}

.r6 {
	background-color:#06F
}

.pntL {
	width:49% ;
	text-align: left;
	overflow: hidden;
	position:static ;
	float : left ;
}

.pntR {
	width: 49% ;
	text-align:center;
	overflow:scroll;
	height:400px ;
	position: static;
	float:right;
}

.sc {
	font-variant: small-caps ;
}

.teamDraw {
				display: -ms-grid;
                display: grid;
				-ms-grid-columns:  auto auto auto auto auto ;
				grid-template-columns: auto auto auto auto auto ;
				grid-auto-rows : minmax(-webkit-min-content, -webkit-max-content) ;
/*				grid-auto-rows : minmax(min-content, max-content) ; */
				grid-row-gap: 0px ;
				line-height: normal ;
			}

.teamDraw > div {
                 text-align: center ;
				 padding: 2px ;
				 }

.smallCaps {font-variant: small-caps;
			}

.flexDiv{
	display: flex ;
	flex-basis: 20% ;
	flex-wrap: wrap ;
	width :100%;
	alignment-adjust:central;
}

.flexDiv > * {
	flex-grow: 1 ;
	flex-basis : 20% ;
	}

.fDiv{
	display: flex ;
	flex-wrap: wrap ;
	width :100%;
	alignment-adjust:central;
}

.fDiv > * {
	flex-basis: 33%;
}

.ptGrid {
	display: grid;
	grid-template-columns: 250px 75px 200px 30px ;
	gap: 1px;
}

.ptGrid > * {
	text-align:left;
}

div .ptGrid:last-child {
	text-align: right;
}
	
.fDivC{
	display: flex ;
	flex-wrap: wrap ;
	width :100%;
	alignment-adjust:central;
}

.fDivC:first-child {
	flex-basis: 30%;
}

.fDivC:nth-child(2) {
	flex-basis: 20%;
}

.fDivC:nth-child(3) {
	flex-basis: 40%;
}

.fDivC:last-child {
	text-align:right;
	flex-basis: 10%;
}

.dynamicTable {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	grid-auto-rows: minmax(100px,100px);
	gap: 5px;
}

.dynTable {
	display: grid;
	grid-template-columns: max-content max-content max-content max-content  max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content;
//	grid-template-columns: auto auto auto auto;
	column-gap: 15px;
	row-gap: 7px;
}
.dynTableInline {
//	display: inline-grid;
	display: grid;
//	grid-template-columns: max-content max-content max-content max-content;
	grid-template-columns: auto auto auto auto;
	gap: 5px;
}
.dynTableInlineItemL {
	text-align: left;
}
.dynTableInlineItemR {
	text-align: right;
}