.headings {
background: #D9D9D9;
color: #000;
font-weight: 700;
padding: 20px;
text-align: center;
}

#cg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  border-collapse: collapse;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
}

#cg td, #cg th {
  border: 1px solid #ddd;
padding:6px;
}

#cg .font {
color : black;
font : normal normal 14px Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
}

#cg.round-header {
  font-weight: bold;
  text-transform: uppercase;
color : black;  
}

#hostcities {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  text-transform: uppercase;
  border: 1px solid #ddd;
}

#hostcities th,
#hostcities td {
  padding: 10px 12px;
  border: 1px solid #ddd;
  text-align: center;
  white-space: nowrap;
}

#standings th,
#standings td {
    padding: 10px 12px;
    border: 1px solid #ddd;
text-align: center;
}

#standings th:first-child {
    text-align: left;
}

#standings th {
    text-align: center;
}

#standings td:first-child {
    text-align: center;
width:10px;
}

#standings td:nth-child(2) {
    text-align: left;
width:500px;
}

#standings td:nth-child(3) {
    text-align: center;
width:80px;
}

#seasonstandings {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
text-align:center;
}

#seasonstandings th,
#seasonstandings td {
    padding: 10px 12px;
    border: 1px solid #ddd;
}

#seasonstandings th:nth-child(1),
#seasonstandings td:nth-child(1)
{width:20px !important;
text-align: center;}

#seasonstandings th:nth-child(2),
#seasonstandings th:nth-child(3)
{width:20px !important;
text-align: left;}

#seasonstandings td:nth-child(2)
{width:20px !important;
text-align: center;}

#seasonstandings td:nth-child(3)
{text-align: left;}


#seasonstandings td:nth-child(4)
{width:20px !important;
text-align: center;}

#seasonstandings td:nth-child(5)
{width:80px !important;
text-align: center;}

#season {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    font-size: 16px;
text-transform: uppercase;
}

#season th,
#season td {border: 1px solid #ddd;
padding: 10px 12px;
}

#season td:first-child {
    text-align: left;

}

#season th:first-child {
    text-align: left;

}

#season td:nth-child(2) {
    text-align: left;
width:250px;
}

/* Season block styling */
.season-block {
    background: #f7f7f7;
    padding: 15px 18px;
    margin: 20px 0;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.season-block h2 {
    margin-top: 0;
    font-size: 22px;
    color: #333;
}

.season-notes {
    margin-top: 10px;
    font-style: italic;
    color: #555;
}

.division {
  border: 1px solid #ddd;
  padding: 10px;
text-transform: uppercase;
background-color: red;
  color: white;
  font-weight : bold;
}

.playoffs {
  border: 1px solid #ddd;
  padding: 10px;
text-transform: uppercase;
background-color: blue;
  color: white;
  font-weight : bold;
}

.silver {background-color: silver;
  color: black;
    font-size: 18px;}

.east {background-color: #06407C;
  color: white;
    font-size: 18px;
}

.navy {background-color: #000080;
  color: white;
    font-size: 18px;}

.red {background-color: red;
  color: white;
    font-size: 18px;}

.west {background-color: red;
  color: white;
    font-size: 18px;}
    
.division {
  border: 1px solid #ddd;
  padding: 10px;
text-transform: uppercase;
background-color: red;
  color: white;
  font-weight : bold;
}

.playoffs {
  border: 1px solid #ddd;
  padding: 10px;
text-transform: uppercase;
background-color: blue;
  color: white;
  font-weight : bold;
}

.north {background-color: #06407C;
  color: white;
    font-size: 18px;
}

.south {background-color: red;
  color: white;
    font-size: 18px;}

/* Vertical season menu */
.season-vertical {
    width: 220px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 250px;
    overflow-y: auto;
    padding-right: 6px;
border: 4px solid black;
}

.season-vertical a {
    padding: 8px 12px;
    background: #f5f5f5;
    border: 1px solid #000;
    border-radius: 4px;
    text-decoration: none;
    color: #c00;
    font-weight: 700;
    white-space: nowrap;
}

.season-vertical a:hover {
    background: #c00;
    color: #fff;
}

/* Highlight current season */
.season-vertical a.current {
    background: #000080;
    color: #fff;
    border-color: #000;
}