/* ---------------------------------------------------------*/
/*  					crib.css 	 						*/
/* ---------------------------------------------------------*/
/* Updated: 20 Aug 2026										*/
/* -------------------------*/
/* Colour Codes 			*/
/*							*/
/*	aqua: #0080FF;			*/
/*	aliceBlue: #F0F8FF;		*/
/*	cornflower: #6495ED;	*/
/*	cribBlue: #64B3DF;		*/
/*	darkBlue: #0034FF;		*/
/*  darkGreen: #56BC7F;		*/
/*	fadedBlue: #0099CC;		*/
/*	faintGreen: #F4FFF0;	*/
/*  forestGreen: #088F0A;	*/
/*	green: #CCFFCC;			*/
/*	hintGreen: #F4FEF4;		*/
/*	lavender: #CC66FF;		*/
/*	lightBlue: #CFFFFF;		*/
/*	lightBrown: #B87300;	*/
/*	lightCyan: #E0FFFF;		*/
/*	lightGreen: #DFFFE6;	*/
/*	lightGrey: #CCCED0;		*/
/*	lightYellow: #FFFACE;	*/
/*	lighterGreen: #E6FFEF;	*/
/*	lilac: #BBAFFF;			*/
/*	linkGreen: #A6D8A5;		*/
/*	mediumGrey: #999999;	*/
/*	paleBlue: #EAFFFF;		*/
/*	paleBrown: #E6AE43;		*/
/*	paleGreen: #F5FFEB;		*/
/*	paleGrey: #B8B8B9;		*/
/*	pastelBlue: #D1F2FF;	*/
/*	pastelGreen: #E4FFD7;	*/
/*	plum: #DDA0DD;			*/
/*	ribbonBlue: #ACE1FF;	*/
/*	skyBlue: #97F3FB;		*/
/*	slateBlue: #A6D8DE;		*/
/*	Teal: #008080;			*/
/*	washedBlue: #EFFFFF;	*/
/*	waterBlue: #DBFFFF;		*/
/*	Yellow: #FFFF9E;		*/

/* ---------------------------------*/
/* 			CSS Variables			*/
/* ---------------------------------*/

:root {
  --primary-background: #EFFFFF; /* Washed Blue */
  --link-background: #ACE1FF; /* Ribbon Blue */ 
}
/* ---------------------------------*/
/* 			Link Properties			*/
/* ---------------------------------*/

/* For links in the ribbon area */
a:link,
a:visited,
a:active {
  	color: #0080FF; /* Aqua */
	background-color: var(--link-background);
	font-size: 18px;
	text-decoration: none;
}
a:hover {
	color: #0034FF; /* Dark Blue */
	background-color: var(--link-background);
}

/* For standard links */
a.std:link,
a.std:visited,
a.std:active {
  	color: #0034FF; /* Dark Blue */
  	background-color: #EAFFFF; /* Pale Blue */
  	font-size: 18px;
  	text-decoration: underline;
}
a.std:hover {
	color: #64B3DF; /* Crib Blue */
	background-color: #EAFFFF; /* Pale Blue */
}
/* For Facebook link */
a.fb:link,
a.fb:visited,
a.fb:active {
	background-color: var(--primary-background);
}

a[href^="mailto"] {
	 color: black;
	 font-size: 12px;
	 background-color: #FFFACE; /* Light Yellow */
}
a[href^="Media"] {
	 color: black;
	 background-color: #A6D8DE; /* Slate Blue */
}
/* ---------------------------------*/
body {
	margin:0px;
	color: black;
	background-color: var(--primary-background);
	background-image:url(/Media-Crib/Crib2025-2026-800x160.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:140px;
}
form { margin:0px }
html { height:100% }

p {font-size:12px;}

h1 {
  	font-size:18px;
}
h2 {
	font-size:16px;
}
hr { 					/* horizontal rule */
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 120px;
    margin-right: 120px;
    border-style: double;
    color: #0034FF; /* Dark Blue */
    border-width: 3px;
} 
table {
	empty-cells:hide;
}
td {
	font-size: 14px;
}
ol li {
	font-size: 18px;
}
ol {
	display: grid;
	gap: 1em;
}
/* -------------------------------------------------*/
/*		Class definitions							*/
/* -------------------------------------------------*/
p.pBlue {
	color:blue;
	font-size: 16px;
	font-weight: bold;
}
p.pRed {
	color:red;
	font-size: 16px;
	font-weight: bold;
}
p.pGreen {
	color:green;
	font-size: 16px;
	font-weight: bold;
}
.captionStyle {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	vertical-align: top;
	font-style: oblique;
	font-size: 24px;
	text-align: center;
	margin-bottom: 8px;	
}
.captionStyleB {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	vertical-align: top;
	font-style: oblique;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;	
}
.centreStyle {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 200;
	text-align: center;
}
.centreStyleB {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
.centreStyleH {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 200;
	text-align: center;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
.centreStyleH24 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 24px;
	font-weight: 200;
	text-align: center;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
.dateUpdate {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #0034FF; /* Dark Blue */
	text-align: right;
	margin-bottom: 0px;	
}
.leftText {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #0034FF; /* Dark Blue */
	text-align: left;
	vertical-align: top;
	margin-bottom: 0px;	
}
.para14 {
	color: black;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
}
.para16 {
	color: black;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
}
.para16S {
	color: black;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin-bottom: 1em;
	line-height: 0.3;
}
.para16indent {
	color: black;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	text-indent: 80px;
}
.para16B {
	color: black;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding-left: 4px;
}
.para16BC {
	color: black;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	text-align: center;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding-left: 4px;
}
.para16H {
	color: black;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding-left: 4px;
}
.para16HB {
	color: black;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding-left: 4px;
}
.para16Red {
	color: red;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	text-align: center;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding-left: 4px;
}
/* Input Styles */

input[type=submit] {
	border: 2px solid black;
  	background-color: #EAFFFF; /* Pale Blue */
	border-radius: 8px;
	padding: 2px;
	color: red;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
}
input[type=text] {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
}

/* ---------------------------------*/
/* 			Table Definitions		*/
/* ---------------------------------*/

table.Tbl800NoB {  /* table 800 no border */
	width:800px;
	border-spacing: 0px;
}
table.header {
	width: 615px;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.ribbon {
	width: 800px;
	background-color: #ACE1FF; /* Ribbon Blue */
	border-style: solid;
	border-width: 1px;
	border-color: #64B3DF; /* Crib Blue */
	border-spacing: 0px;
	border-collapse: collapse;
}
/* ---------------------------------*/
/* 		Table Data Definitions		*/
/* ---------------------------------*/

td.head160 {
	height: 160px;
	padding: 0px;
}
td.pad2 {
	border: 1px solid black;
	padding: 2px;
}
td.pad5 {
	border: 1px solid black;
	padding: 5px;
}
/* ---------------------------------*/
/* 		Table Header Definitions	*/
/* ---------------------------------*/

th.ribdata50 {
	border-style: solid; 
	border-width: 2px; 
	border-color: #EAFFFF; /* Pale Blue */
	padding: 3px;
	width: 50px;
}
th.ribdata75 {
	border-style: solid; 
	border-width: 2px; 
	border-color: #EAFFFF; /* Pale Blue */
	padding: 3px;
	width: 75px;
}
th.ribdata85 {
	border-style: solid; 
	border-width: 2px; 
	border-color: #EAFFFF; /* Pale Blue */
	padding: 3px;
	width: 85px;
}
th.ribdata135 {
	border-style: solid; 
	border-width: 2px; 
	border-color: #EAFFFF; /* Pale Blue */
	padding: 3px;
	width: 135px;
}
th.ribdata145 {
	border-style: solid; 
	border-width: 2px; 
	border-color: #EAFFFF; /* Pale Blue */
	padding: 3px;
	width: 145px;
}
/* ---------------------------------*/
/* 		Table Row Definitions		*/
/* ---------------------------------*/

tr.ribheight {
	height: 35px;
	border-style: solid;
	border-width: 1px;
	border-spacing: 1px;
}
tr.alignTop {
	vertical-align: top;
}
tr.lightBlue {
	background-color: #CFFFFF; /* Light Blue */
}
tr.lightCyan {
	background-color: #E0FFFF; /* Light Cyan */
}
tr.paleBlue {
	background-color: #EAFFFF; /* Pale Blue */
}
tr.ribbonBlue {
	background-color: #ACE1FF /* Ribbon Blue */
}
tr.skyBlue {
	background-color: #97F3FB; /* Sky Blue */
}
tr.washedBlue {
	background-color: #EFFFFF; /* Washed Blue */
}
tr.waterBlue {
	background-color: #DBFFFF; /* Water Blue */
}
tr.green {
	background-color: #DFFFE6; /* Light Green */
}
tr.pastelBlue {
	background-color: #D1F2FF; /* Pastel Blue */
}

figure { 
  display: block;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
figcaption { 
  display: block;
}

/* ------------------------------------------------ */
/*		Div Table definitions						*/
/* ------------------------------------------------ */
/*													*/
/* border-radius and border-collapse are 			*/
/* incompatible.									*/
/*													*/
/*													*/

.dTable {
	display: table;
	width: 800px;
}
.dRow {
	display: table-row;
}
.dCell {
	display: table-cell;
}
.bCell {
	border-style: solid;
	border-width: 1px;
	display: table-cell;
}
div.info {
	position: relative;
	height: 60px;
	margin: 5px;
	width: 790px;
}
.dIndent {
	text-indent: 80px;
}



/* Dropdown Button */
.dropbtn {
  background-color: #ACE1FF; /* Ribbon Blue */
  color: #0080FF; /* Aqua */
  padding: 6px;
  font-size: 18px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #97F3FB; /* Sky Blue */
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #0080FF; /* Aqua */
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

/* Change colour of dropdown links on hover */
.dropdown-content a:hover {background-color: #0034FF;} /* Dark Blue */

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background colour of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #64B3DF;} /* Crib Blue */

/* ------------------------------------------------ */
/*		Code for League Tables						*/
/* ------------------------------------------------ */

.league-tables-container {
	display: flex;
	flex-direction: column;
	gap: 20px; /* Space between the caption and the tables */
}

.league-tables-caption {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px; /* Space between caption and table wrapper */
}

.league-table-wrapper {
	display: flex;
	gap: 10px; /* Space between the two tables */
	width: 100%; /* Ensure wrapper takes full width */
}

.league-standings,
.bonus-league-standings {
	width: 100%; /* Each table takes half the wrapper width by default */
	border-collapse: collapse;
	border: 1px solid #64B3DF; /* Crib Blue */
	margin-bottom: 15px; /* Space below each table */
}

.league-standings caption,
.bonus-league-standings caption {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 6px;
	border-bottom: 1px solid #64B3DF; /* Crib Blue */
}

.as-of-date {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	font-weight: 100;
}

.league-standings thead th,
.bonus-league-standings thead th {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color: #ACE1FF; /* Ribbon Blue */
	padding: 4px;
	text-align: left;
	border-bottom: 2px solid #64B3DF; /* Crib Blue */
}

.league-standings tbody td,
.bonus-league-standings tbody td {
	padding: 4px;
	font-size: 1.0em;
	line-height: 1.4;
	border-bottom: 1px solid #eee;
}

.league-standings tbody tr:last-child td,
.bonus-league-standings tbody tr:last-child td {
	border-bottom: none;
}

.league-standings tbody tr:nth-child(even) {
	background-color: #DBFFFF; /* water Blue */
}

.bonus-league-standings tbody tr:nth-child(even) {
	background-color: #DBFFFF; /* water Blue */
}

.team-header {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	width: 60%;
}
.team-name {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	text-align: left;
}
.team-num {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	text-align: center;	
}

/* ------------------------------------------------ */
/*		Code for Announcements						*/
/* ------------------------------------------------ */

.announcements-container {
	width: 800px;
	display: table;
	margin: 0 auto;
}

.announcements-caption {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

.announcement-dl {
	margin: 0;
	padding: 0;
	/* Optional: Add a border around the whole list if desired */
	/* border: 1px solid #ccc; */
}

.announcement-entry {
	display: flex; /* Use flexbox for two-column layout */
	border-bottom: 1px solid #eee; /* Separator between announcements */
	padding: 6px 0;
	align-items: flex-start;
}

.announcement-entry:last-child {
	border-bottom: none;
}

.announcement-date {
	flex: 0 0 170px; /* Fixed width for the date column */
	padding-right: 15px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
	color: #555;
	margin-bottom: 0; /* dt has default margin */
}

.announcement-text {
	flex-grow: 1; /* Take remaining space */
	line-height: 1.2;
	font-size: 1.2em;
	margin-left: 0; /* dd has default margin */
}

/* Alternating row colors */
.announcement-dl .announcement-entry:nth-child(even) {
	background-color: #E0FFFF; /* light Cyan */
}

/* ------------------------------------------------ */
/*		Code for Competition Draws					*/
/* ------------------------------------------------ */

.comp-draw-head {
	padding: 3px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: oblique;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin-bottom: 15px;
}

.comp-draw-table table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border: 2px solid #64B3DF; /* Crib Blue */
  box-shadow: 8px 8px #D1F2FF; /* pastel Blue */
}

.comp-draw-table th, .comp-draw-table td {
  border: 1px solid #64B3DF; /* Crib Blue */
  padding: 8px;
  font-size: 1.1em;
  text-align: left;
}

.comp-draw-table th {
  background-color: #ACE1FF; /* Ribbon Blue */
  font-weight: bold;
}

/* You can still use specific classes if needed for certain cells,
   but the base styling is much simpler. */
.comp-draw-table td:nth-child(1), .comp-draw-table td:nth-child(3),
.comp-draw-table th:nth-child(1), .comp-draw-table th:nth-child(3) { /* Targeting Id columns */

	text-align: center; 
}
.comp-draw-results table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border: 2px solid #64B3DF; /* Crib Blue */
  box-shadow: 8px 8px #D1F2FF; /* pastel Blue */
}

.comp-draw-results th, .comp-draw-results td {
  border: 1px solid #64B3DF; /* Crib Blue */
  padding: 8px;
  font-size: 1.1em;
  text-align: left;
}

.comp-draw-results th {
  background-color: #ACE1FF; /* Ribbon Blue */
  font-weight: bold;
}

/* You can still use specific classes if needed for certain cells,
   but the base styling is much simpler. */
.comp-draw-results td:nth-child(1), .comp-draw-results td:nth-child(3),
.comp-draw-results td:nth-child(4), .comp-draw-results td:nth-child(6),
.comp-draw-results th:nth-child(1), .comp-draw-results th:nth-child(3),
.comp-draw-results th:nth-child(4), .comp-draw-results th:nth-child(6) { /* Targeting Id & Score columns */
	text-align: center; 
}
.comp-draw-pairs table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border: 2px solid #64B3DF; /* Crib Blue */
  box-shadow: 8px 8px #D1F2FF; /* pastel Blue */
}

.comp-draw-pairs th, .comp-draw-pairs td {
  border: 1px solid #64B3DF; /* Crib Blue */
  padding: 8px;
  font-size: 1.1em;
  text-align: left;
}

.comp-draw-pairs th {
  background-color: #ACE1FF; /* Ribbon Blue */
  font-weight: bold;
}

/* You can still use specific classes if needed for certain cells,
   but the base styling is much simpler. */
.comp-draw-pairs th:nth-child(1),
.comp-draw-pairs td:nth-child(1) { /* Targeting Id columns */

	text-align: center; 
}
.comp-draw-singles table {
  width: 70%;
  display: table;
  border-collapse: collapse;
  border: 2px solid #64B3DF; /* Crib Blue */
  box-shadow: 8px 8px #D1F2FF; /* pastel Blue */
  margin: 0 auto; /* Center the table */
}
.comp-draw-singles th, .comp-draw-singles td {
  border: 1px solid #64B3DF; /* Crib Blue */
  padding: 8px;
  font-size: 1.1em;
  text-align: left;
}
.comp-draw-singles th {
  background-color: #ACE1FF; /* Ribbon Blue */
  font-weight: bold;
}
.comp-draw-singles th:nth-child(1),
.comp-draw-singles td:nth-child(1) { /* Targeting Id columns */

	text-align: center; 
}

.comp-finals-table table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border: 2px solid #64B3DF; /* Crib Blue */
  box-shadow: 8px 8px #D1F2FF; /* pastel Blue */
}

.comp-finals-table th, .comp-finals-table td {
  border: 1px solid #64B3DF; /* Crib Blue */
  padding: 8px;
  font-size: 1.1em;
  text-align: center;
}

.comp-finals-table th {
  background-color: #ACE1FF; /* Ribbon Blue */
  font-weight: bold;
}

/* ------------------------------------------------ */
/*		Code for High Scores						*/
/* ------------------------------------------------ */

.high-scores-table {
	width: 50%;
	border-collapse: collapse;
	margin: 0px auto;
	margin-top: 10px;
	border: 2px solid #64B3DF; /* Crib Blue */
}

.high-scores-table-caption {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px; /* Space between caption and table wrapper */
}

.name-column-header,
.score-column-header {
	font-size: 1.2em;
	font-weight: bold;
}

.high-scores-table th,
.high-scores-table td {
	padding: 6px;
	border-bottom: 2px solid #64B3DF; /* Crib Blue */
	text-align: left;
}

.high-scores-table th {
	background-color: #ACE1FF; /* Ribbon Blue */
	font-weight: bold;
}

.high-scores-table tbody tr:last-child td {
	border-bottom: none;
}

.player-name {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 1.0em;
}

.player-score {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	font-size: 1.0em;
}

/* ------------------------------------------------ */
/*		Code for Weekly Results						*/
/* ------------------------------------------------ */

.weekly-scores-container {
	/* Styles for the container if needed */
}

.weekly-scores-caption {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

.weekly-scores-head {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.weekly-scores-table {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}

.weekly-scores-table th,
.weekly-scores-table td {
	padding: 6px;
	border: 2px solid #64B3DF; /* Crib Blue */
}

.weekly-scores-table thead th {
	background-color: #ACE1FF; /* Ribbon Blue */
	font-weight: bold;
}

.home-league-score,
.away-league-score,
.home-bonus-score,
.away-bonus-score {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	text-align: center;
}

.home-team,
.away-team {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	text-align: left;
}
/* ------------------------------------------------ */
/*		Code for Bonus Leg							*/
/* ------------------------------------------------ */

.bonus-leg-container {
	/* Styles for the container if needed */
}
.bonus-leg-table {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}
.bonus-leg-table th,
.bonus-leg-table td {
	padding: 6px;
	border: 2px solid #64B3DF; /* Crib Blue */
}

.bonus-leg-table thead th {
	background-color: #ACE1FF; /* Ribbon Blue */
	font-weight: bold;
}
.points-value,
.points-total {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	text-align: center;
}

.hand-value {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
	text-align: center;
}

/* ------------------------------------------------ */
/*		Code for Schedule table						*/
/* ------------------------------------------------ */

/* Container for the table for overall layout/margins */
.schedule-table-container {
	width: 800px; /* Example width, adjust as needed */
	margin: 0 auto; /* Center the table */
	border: 1px solid #64B3DF; /* Border around the whole table/container */
	background-color: #EAFFFF; /* Pale Blue */
}

/* Caption styling */
.schedule-table-caption {
	font-size: 1.8em; /* Adjusted based on previous examples */
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	padding: 8px; /* Add some padding to the caption */
	color: #333; /* Darker text for caption */
}

/* Main table styling */
.season-schedule-table {
	width: 100%;
	border-collapse: collapse; /* Removes spacing between cells */
	/* Remove outer border here if container handles it: border: 1px solid #64B3DF; */
}

/* Styles for all header and data cells */
.season-schedule-table th,
.season-schedule-table td {
	padding: 6px; /* Equivalent to pad5 */
	border: 1px solid #64B3DF; /* Cell borders */
	text-align: center; /* Default text alignment for most cells */
}

/* Header row specific styles */
.season-schedule-table thead th {
	background-color: #ACE1FF; /* Ribbon Blue */
	font-weight: bold;
	text-align: center;
}

/* Alternating row colors */
.season-schedule-table tbody tr.schedule-row-even {
	background-color: #DBFFFF; /* water Blue */
}

.season-schedule-table tbody tr.schedule-row-odd {
	background-color: #D1F2FF; /* pastel Blue */
}

/* Specific column widths and alignments */
.schedule-col-date {
	width: 20%; /* Adjust as needed */
	white-space: nowrap; /* Prevent date from wrapping if too long */
}

.schedule-col-teams {
	width: 13%;
}

.schedule-date {
	text-align: left; /* Dates usually align left */
	font-size: 1.3em;
}

.schedule-match {
	/* text-align is already center from .season-schedule-table td */
	font-weight: bold; /* Match original bold style for team pairings */
	font-size: 1.2em;
}

/* Styling for full-width event rows */
.schedule-event-full {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	/* You might want a different background color for these special rows */
	background-color: #ACE1FF; /* Ribbon Blue */
}

/* ------------------------------------------------ */
/*		Code for Teams table						*/
/* ------------------------------------------------ */

.teams-2024-2025-container {
	width: 800px;
	margin: 0 auto; /* Center the table if needed */
	border: 1px solid #64B3DF; /* Border around the whole table/container */
	background-color: #EAFFFF; /* Pale Blue */
}

.teams-table-caption {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.teams-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #64B3DF; /* Crib Blue */
}

.teams-table th,
.teams-table td {
	padding: 8px;
	border: 1px solid #64B3DF; /* Crib Blue */
	text-align: left;
}

.teams-table thead th {
	background-color: #ACE1FF; /* Ribbon Blue */
	font-weight: bold;
	text-align: center; /* Center the "Team Set" headings */
}

.teams-table tbody tr.team-row-even {
	background-color: #DBFFFF; /* water Blue */
}

.teams-table tbody tr.team-row-odd {
	background-color: #D1F2FF; /* pastel Blue */
}
.teams-table tbody td.team-id {
	width: 8%;
	text-align: center;
	font-size: 1.2em;
}

.team-name {
	width: 42%;
	font-size: 1.2em;
}

/* ------------------------------------------------ */
/*		Code for Venues page						*/
/* ------------------------------------------------ */

.venues-table-container {
	width: 800px;
	margin: 0 auto; /* To center the table if needed */
}

.venues-table-caption {
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.venues-table {
	width: 100%;
	border-collapse: collapse; /* Remove default spacing between cells */
	border: 1px solid #64B3DF; /* Crib Blue */
}

.venues-table th,
.venues-table td {
	padding: 8px;
	text-align: left;
	border: 1px solid #64B3DF; /* Crib Blue */
}

.venues-table thead th {
	background-color: #ACE1FF; /* Ribbon Blue */
	font-weight: bold;
	text-align: center; /* Center the "Venue Set" headings */
}

.venues-table tbody tr.venue-row-even {
	background-color: #DBFFFF; /* water Blue */
}

.venue-id {
	width: 6%;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

.venue-details {
	width: 44%;
	font-size: 1.2em;
}

.venue-phone {
	font-size: 1em;
	margin-top: 5px;
}

/* Basic responsiveness for smaller screens */
@media (max-width: 768px) {
	.league-table-wrapper {
		flex-direction: column; /* Stack tables on smaller screens */
		gap: 30px;
	}

	.league-standings,
	.bonus-league-standings {
		width: 100%; /* Tables take full width when stacked */
	}
}