/* CSS Document */
/* Updated Fri 17 Feb 2017 (f_25 h_2)*/ /* Updated Thu 15 Feb 2018 (declared & declared2)*/ /* Updated Thu Mon 05 Mar 2018 (series)*/
/* Updated Thu 26 Apr 2018 (ratg)*/ /* Updated Wed 13 Feb 2019 (scard)*/ /* Updated Wed 20 Apr 2020 (gamelink, gamelink2, player2, table.grid2)*/
/* Updated Sat 14 Nov 2020 (Amend gamelink, gamelink2)*/ /* Updated Mon 21 Jun 2021 (Round Robin, h_1, col250)*/ /* Updated Fri 03 Sep 2021 (gamelink1)*/
/* Last Update Fri 29 Dec 2023 (drop)*/
a {font: normal normal normal 14px "Trebuchet MS", Helvetica, sans-serif; color: #000; text-decoration: none;}
a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {color: #F00; text-decoration: underline;}
a:active {color: #F00; text-decoration: underline;}

.crossl a {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; background-color: #FF9; display: block; padding: 5px; text-align: center; text-decoration: none;}
.crossl a:link {color: #00F; background-color: #FF9; text-decoration: none;}
.crossl a:visited {color: #00F; background-color: #FF9; text-decoration: none;}
.crossl a:hover {color: #FFF; background-color: #00F; text-decoration: underline;}
.crossl a:active {color: #FFF; background-color: #00F; text-decoration: underline;}

.crossnl a {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #DC143C; background-color: #FF9; display: block; padding: 5px; text-align: center; text-decoration: none;}
.crossnl a:link {color: #DC143C; background-color: #FF9; text-decoration: none;}
.crossnl a:visited {color: #DC143C; background-color: #FF9; text-decoration: none;}
.crossnl a:hover {color: #DC143C; background-color: #FF9; text-decoration: none;}
.crossnl a:active {color: #DC143C; background-color: #FF9; text-decoration: none;}

.crosst a {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; display: block; padding: 5px; text-decoration: none;}
.crosst a:link {color: #00F; text-decoration: none;}
.crosst a:visited {color: #00F; text-decoration: none;}
.crosst a:hover {font-weight: bold; color: #F00; text-decoration: underline;}
.crosst a:active {font-weight: bold; color: #F00; text-decoration: underline;}

.fixres a {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; background-color: #FF9; display: block; padding: 5px; text-align: center; text-decoration: none;}
.fixres a:link {color: #00F; background-color: #FF9; text-decoration: none;}
.fixres a:visited {color: #00F; background-color: #FF9; text-decoration: none;}
.fixres a:hover {color: #FFF; background-color: #00F; text-decoration: underline;}
.fixres a:active {color: #FFF; background-color: #00F; text-decoration: underline;}

.gamelink a {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #000; background-color: #FF9; display: block; padding: 7px 0px; text-align: center; text-decoration: none;}
.gamelink a:link {color: #000; background-color: #FF9; text-decoration: none;}
.gamelink a:visited {color: #000; background-color: #FF9; text-decoration: none;}
.gamelink a:hover {color: #FFF; background-color: #00F; text-decoration: none;}
.gamelink a:active {color: #FFF; background-color: #00F; text-decoration: none;}

.gamelink1 a {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #000; background-color: #FF9; display: block; padding: 5px 0px; text-align: center; text-decoration: none;}
.gamelink1 a:link {color: #000; background-color: #FF9; text-decoration: none;}
.gamelink1 a:visited {color: #000; background-color: #FF9; text-decoration: none;}
.gamelink1 a:hover {color: #FFF; background-color: #00F; text-decoration: none;}
.gamelink1 a:active {color: #FFF; background-color: #00F; text-decoration: none;}

.gamelink2 a {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #000; background-color: #FF9; display: block; padding: 5px 0px; text-align: center; text-decoration: none;}
.gamelink2 a:link {color: #000; background-color: #FF9; text-decoration: none;}
.gamelink2 a:visited {color: #000; background-color: #FF9; text-decoration: none;}
.gamelink2 a:hover {color: #FFF; background-color: #8D50CF; text-decoration: none;}
.gamelink2 a:active {color: #FFF; background-color: #8D50CF; text-decoration: none;}

.hist a {font: normal normal bold 28px Georgia, "Times New Roman", serif; color: #00F; text-align: center; text-decoration: none;}
.hist a:link {color: #00F; text-decoration: none;}
.hist a:visited {color: #00F; text-decoration: none;}
.hist a:hover {color: #F00; text-decoration: underline;}
.hist a:active {color: #F00; text-decoration: underline;}

.history a:link {font: normal normal bold 16px Calibri, Verdana, Arial,sans-serif; color: #00F; text-decoration: none;}
.history a:visited {color: #00F; text-decoration: none;}
.history a:hover {color: #F00; text-decoration: underline;}
.history a:active {color: #F00; text-decoration: underline;}

.next {height: 25px; width: 45px;}
.next a {font: normal normal bold 11px Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
.next a:link {color: #000; text-decoration: none;}
.next a:visited {color: #000; text-decoration: none;}
.next a:hover {color: #F00; text-decoration: underline;}
.next a:active {color: #F00; text-decoration: underline;}

.nores a {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #000; display: block; padding: 5px; text-align: center; text-decoration: none;}
.nores a:link {color: #FFF; background-color: #000; text-decoration: none;}
.nores a:visited {color: #FFF; background-color: #000; text-decoration: none;}
.nores a:hover {color: #000; background-color: #FFF; text-decoration: none;}
.nores a:active {color: #000; background-color: #FFF; text-decoration: none;}

.oppos a {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; padding: 5px; text-decoration: none;}
.oppos a:link {color: #00F; text-decoration: none;}
.oppos a:visited {color: #00F; text-decoration: none;}
.oppos a:hover {font-weight: bold; color: #F00; text-decoration: underline;}
.oppos a:active {font-weight: bold; color: #F00; text-decoration: underline;}

.player a {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; text-decoration: none;}
.player a:link {color: #00F; text-decoration: none;}
.player a:visited {color: #00F; text-decoration: none;}
.player a:hover {font-weight: bold; color: #F00; text-decoration: underline;}
.player a:active {font-weight: bold; color: #F00; text-decoration: underline;}

.player2 a:{font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; padding-left: 10px; text-decoration: none;}
.player2 a:link {color: #00F; padding-left: 10px; text-decoration: none;}
.player2 a:visited {color: #00F; text-decoration: none;}
.player2 a:hover {font-weight: bold; color: #F00; text-decoration: underline;}
.player2 a:active {font-weight: bold; color: #F00; text-decoration: underline;}

.rdraw a {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #008000; display: block; padding: 5px; text-align: center; text-decoration: none;}
.rdraw a:link {color: #FFF; background-color: #008000; text-decoration: none;}
.rdraw a:visited {color: #FFF; background-color: #008000; text-decoration: none;}
.rdraw a:hover {color: #228B22; background-color: #FFF; text-decoration: none;}
.rdraw a:active {color: #228B22; background-color: #FFF; text-decoration: none;}

.rloss a {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #F00; display: block; padding: 5px; text-align: center; text-decoration: none;}
.rloss a:link {color: #FFF; background-color: #F00; text-decoration: none;}
.rloss a:visited {color: #FFF; background-color: #F00; text-decoration: none;}
.rloss a:hover {color: #F00; background-color: #FFF; text-decoration: none;}
.rloss a:active {color: #F00; background-color: #FFF; text-decoration: none;}

.rwin a {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #00F; display: block; padding: 5px; text-align: center; text-decoration: none;}
.rwin a:link {color: #FFF; background-color: #00F; text-decoration: none;}
.rwin a:visited {color: #FFF; background-color: #00F; text-decoration: none;}
.rwin a:hover {color: #00F; background-color: #FFF; text-decoration: none;}
.rwin a:active {color: #00F; background-color: #FFF; text-decoration: none;}

.team {font: normal normal bold 15px Arial, Verdana, Tahoma; color: #000; text-align: center;}
.team a {font: normal normal bold 15px Arial, Verdana, Tahoma; color: #000; text-align: center; text-decoration: none;}
.team a:link {color: #000; text-decoration: none;}
.team a:visited {color: #000; text-decoration: none;}
.team a:hover {color: #F00; text-decoration: underline;}
.team a:active {color: #F00; text-decoration: underline;}

.ratg a {font: normal normal bold 12px Verdana, Arial, sans-serif; background-color: #00F; display: block; margin: 0; width: auto; padding: 5px; color: #FFF; text-align: center;}
.ratg a:link {color: #FFF; background-color: #00F; text-decoration: none;}
.ratg a:visited {color: #FFF; background-color: #00F; text-decoration: none;}
.ratg a:hover {color: #00F; text-decoration: underline; background-color: #FF9;}
.ratg a:active {color: #00F; text-decoration: underline; background-color: #FF9;}

.scard a {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #8B008B; display: block; padding: 5px; text-align: center; text-decoration: none;}
.scard a:link {color: #FFF; background-color: #8B008B; text-decoration: none;}
.scard a:visited {color: #FFF; background-color: #8B008B; text-decoration: none;}
.scard a:hover {color: #8B008B; background-color: #FFF; text-decoration: none;}
.scard a:active {color: #8B008B; background-color: #FFF; text-decoration: none;}

.alpha-button:link
{
	padding: 10px 0px;
	width: 120px;
    margin: 0px 20px 0px 0px;
    float: left;
	border-radius: 28px;
	font: bold 16px Verdana, Arial, sans-serif;
	color: #000;
	text-align: center;
	text-decoration: none;	
}
.alpha-button:visited {color: #000;}
.alpha-button:hover {color: #FFF;}
.alpha-button:active
{
	color: #FFF;
	border-bottom: 1px solid #3498DB;
	box-shadow: none;
	-webkit-transform: translate(0px,7px);
	-moz-transform: translate(0px,7px);
	-o-transform: translate(0px,7px);
	transform: translate(0px,7px);
}
.shadow
{
box-shadow: 8px 8px 5px #888888;
}
.blue
{
	background-color: #3498DB;
	border: 1px solid #3498DB;
	border-bottom: 7px solid #2980B9;
}

.logocl {
border-style: solid none;
border-width: 4px 0px;
border-color: #F00;
padding: 10px 0px;
font: italic normal bold xx-large Tahoma, Verdana, Arial, sans-serif; color: #00F;
display: -webkit-flex;
display: flex;
width: 98%;
margin: 0 auto;
-webkit-align-items: center; /* Vertical*/
          align-items: center;
-webkit-justify-content: center; /* Horizontal */
          justify-content: center;
}

p.intro{font: normal normal normal 12px Arial,Verdana, sans-serif; color: #000; width: 50%; margin: 0 auto;}

table.card {border: 1px solid #808080; border-collapse: collapse; background-color: #FF9; margin: 0 auto;}
table.card th {padding: 7px;}
table.card td {border: 1px solid #808080; padding: 5px;}

table.grid {border: 1px solid #808080; border-collapse: collapse; background-color: #FF9; margin: 0 auto;}
table.grid th {padding: 7px;}
table.grid td {border: 1px solid #808080; padding: 0; height: 24px;}

table.grid2 {border: 1px solid #808080; border-collapse: collapse; background-color: #FF9; margin: 0 auto;}
table.grid2 th {padding: 7px;}
table.grid2 td {border: 1px solid #808080; padding: 0; height: 28px;}

table.cross1 {border: 1px solid #808080; border-collapse: collapse; background-color: #FF9; margin: 0 auto;}
table.cross1 th {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #DC143C; height: 30px;}
table.cross1 td {padding: 0;}

table.cross2 {border-collapse: collapse;}
table.cross2 td {border-top: 1px solid #808080; height: 24px; padding: 0;}

table.cross3 {border-collapse: collapse;}
table.cross3 td {border-top: 1px solid #808080; border-left: 1px solid #808080; height: 24px;}

table.division {border-collapse: collapse; margin: 0 auto;}
table.division td {font: normal normal bold 20px Verdana, Tahoma, Arial, sans-serif; color: #00F; padding: 5px;}

table.leagues {border-collapse: collapse; margin: 0 auto;}
table.leagues td {vertical-align: top;}

table.logo {border-collapse: collapse; margin: 0 auto;}
table.logo td {font: italic normal bold xx-large Tahoma, Verdana, Arial, sans-serif; color: #00F; vertical-align: top;}
.logob {border-collapse: collapse; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #F00; height: 12px; width: 100%; margin: 0 auto; padding: 0;}
.logot {border-collapse: collapse; border-top-width: 4px; border-top-style: solid; border-top-color: #F00; height: 12px; width: 100%; margin: 0 auto; padding: 0;}
.logo2 {border-collapse: collapse; border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: #007F00; width: 100%; margin: 0 auto; padding: 0;}

table.panel {border: 1px solid #808080; border-collapse: collapse; background-color: #FF9; margin: 0 auto;}
table.panel th {height: 24px; vertical-align:bottom;}
table.panel td {border-bottom: 1px solid #808080; height: 22px;}

table.players {border-width: 1px; border-color: red; border-style: solid; border-collapse: collapse; margin: 0 auto;}
table.players td {padding-left: 20px;}

table.rddate {border-collapse: collapse; margin: 0 auto;}
table.rddate td {font: normal normal bold 14px Arial, Verdana, Tahoma; color: #666; padding: 5px;}

table.scrtab {border: 1px solid #808080; border-collapse: collapse; background-color: #FF9; margin: 0 auto;}
table.scrtab th {padding-top:10px;}
table.scrtab td {border-bottom: 1px solid #808080; height: 22px;}

table.tbl {border: 1px solid #808080; border-collapse: collapse; background-color: #FF9; margin: 0 auto;}
table.tbl th {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #DC143C; border-bottom: 1px solid #808080; height: 30px;}
table.tbl td {border-bottom: 1px solid #808080; padding: 6px;}

.away {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FF0; background-color: #2E8B57; text-align: center;}
.bye1 {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #000; background-color: #FF9; text-align: center;}
.bye2 {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #000; background-color: #FF9; text-align: left;}
.f_25 {font: normal normal bold 20px Verdana; color: #00F; text-align: center;}
.series {font: italic normal bold 14px Verdana, Tahoma, Arial, sans-serif; color: #DC143C;}
.h_1 {height: 10px;}
.h_2 {height: 20px;}

.col10 {width: 10px;}
.col20 {width: 20px;}
.col30 {width: 30px;}
.col40 {width: 40px;}
.col50 {width: 50px;}
.col60 {width: 60px;}
.col70 {width: 70px;}
.col80 {width: 80px;}
.col100 {width: 100px;}
.col120 {width: 120px;}
.col130 {width: 130px;}
.col140 {width: 140px;}
.col160 {width: 160px;}
.col180 {width: 180px;}
.col200 {width: 200px;}
.col240 {width: 240px;}
.col250 {width: 250px;}
.col260 {width: 260px;}
.col300 {width: 300px;}
.col325 {width: 325px;}

.drop {cursor:pointer;}

.capt {font: normal normal bold 20px Verdana, Tahoma, Arial, sans-serif; color: #F00; padding: 10px; text-align: center;}
.capt2 {font: normal normal bold 14px Verdana, Tahoma, Arial, sans-serif; color: #00F; padding: 2px; text-align: left;}
.colb {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #000; text-align: center;}
.colw {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #000; background-color: #FFF; text-align: center;}
.crossp {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #DC143C; text-align: center;}
.declared {font: normal normal bold 13px Verdana; color: #F00;}
.declared2 {font: normal normal bold 12px Verdana; color: #000;}
.drew {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #008000; text-align: center;}
.game {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; padding-left:10px; text-align: left;}
.head {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #DC143C; text-align: center;}
.head2 {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #DC143C; text-align: center;}
.head3 {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #DC143C; text-align: left;}
.holder1 {height:60px; width: 568px; margin: 0 auto;}
.holder2 {height:120px; width: 500px; margin: 0 auto;}
.home {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #008000; background-color: #FF0; text-align: center;}
.lcu {font: italic normal bold 36px Georgia, "Times New Roman", serif; color: #007F00; text-align: center;}
.lcu2 {font: italic normal bold 36px Georgia, "Times New Roman", serif; color: #007F00; text-align: center; vertical-align: middle; width: 560px;}
.lost {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #F00; text-align: center;}
.panbdr {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; text-align: center; border-left: 1px solid #808080;}
.ph1 {font: normal normal bold 16px Calibri, sans-serif; color: #000;}
.ph2 {font: normal normal bold 16px Calibri, sans-serif; color: #F00;}
.ratecode {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; text-align: center;}
.result {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #000; text-align: center;}
.score {font: normal normal bold 16px Arial, Verdana, Tahoma, sans-serif; color: #F00; text-align: center;}
.sf {font-family: "Small Fonts"; font-size: xx-small; color: #000;}
.teaml {font: normal normal normal 12px Verdana, Tahoma, Arial, sans-serif; color: #00F; text-align: left;}
.textc {text-align: center;}
.textl {text-align: left;}
.textlp {text-align: left; padding-left:10px}
.textlv {text-align: left; vertical-align: top;}
.textrv {text-align: right; vertical-align: top;}
.tlink {border-collapse: collapse; margin: 0 auto;}
.won {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #00F; text-align: center;}
.nores2 {font: normal normal bold 12px Verdana, Tahoma, Arial, sans-serif; color: #FFF; background-color: #000; text-align: center;}

/* Round Robin */
.mza {margin: 0 auto;}
.ib0 {display: inline-block;}
.ib2 {display: inline-block; vertical-align: top;}
.f_12 {font: normal normal bold 20px Verdana; color: #F00; text-align: center;}
.f_12vb {font: normal normal bold 12px Verdana; color: #000; text-align: center;}
.f_16vb {font: normal normal bold 16px Verdana; color: #000; text-align: center;}
.f_18vb {font: normal normal bold 18px Verdana; color: #000; text-align: center;}
.h_4 {height: 40px;}
table.grid3 {border: 1px solid #808080; border-collapse: collapse; background-color: #FF9; margin: 0 auto;}
table.grid3 th {height: 24px;}
table.grid3 td {border: 1px solid #808080; padding: 0; height: 24px;}