<style>


@font-face {
  font-family: jura;
  src: url(FONTS/jura-regular-webfont.ttf) format(truetype);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: dehaviland;
  src: url(FONTS/mrdehaviland-regular.ttf) format(truetype);
  font-weight: normal;
  font-style: normal;
}



/*------------------------ SITE_WIDE FUNCTIONS --------------------------*/



/*
div {
  border: 1px solid red;
}
*/

body { 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: none;
  text-align: center; 
  font-family: Arial, Helvetica, sans-serif;
}

div.left {
  display: block;
  margin-left: 0; 
  margin-right: auto;
}

div.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}	

div.right {
  display: block;
  margin-left: auto; 
  margin-right: 0;
}

div.half_width {
  width: 50%;
  margin: auto;
}

div.centre_content {
  display: inline-block;
  text-align: center;
}

div.page {
  width: 100%; 
  min-width: min-content;
  min-height: 100vh;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: none;
  position: relative;
}

pre {
  font-family: Arial, sans-serif;
}



/*---------------------------------------------- HEADER -------------------------------------------------*/



div.header {
  width: 100%;
  min-width: 1000px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #2d753e;
  border-bottom: 4px solid #004828;
}

div.header_container {
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #2d753e;
}

div.menu_container {
  width: 1000px;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  background-color: #2d753e;
}

div.badge_banner {
  min-width: 1000px;
  position: relative;
  height: 150px;
  margin: 0px auto 0px auto;
  border: none;
}

div.username {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0px 10px 10px 0px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
}



/*---------------------------------------------- FOOTER -----------------------------------------------*/



div.footer {
  width: 100%;
  min-width: 1000px;
  text-align: center;
  margin: 0px 0px 0px 0px;
  border: none;
  position: absolute;
  bottom: 0;
  color: white;
  background-color: #2b2d82;
  font-size: 16px;
}


/*------------------------------------------- PAGE ELEMENTS ------------------------------------------*/



div.message_container {
  min-width: 1000px;
  min-height: 80px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 16px;
  background-color: white;
  border: 1px solid white;
}

div.message_success {
  max-width: 800px;
  display: block;  
  margin: 20px auto 20px auto;
  color: #2d753e;
  font-weight: bold;
  background-color: #F9EDB4;
  padding: 10px 10px 10px 10px;
  border-radius: 5px;
  border: 2px solid #EAC303;
}

div.message_failure {
  max-width: 800px;
  display: block;  
  margin: 20px auto 20px auto;
  font-weight: bold;
  color: red;
  background-color: #FFDAC5;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  border: 2px solid red;
}

div.content {
  width: 100%;
  min-width: 1000px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 80px 0px;
  border: none;
  background-color: #ffffff;
  color: #eac303;
  font-size: 15px;
  min-height: 200px;
}

div.content_block {
  background-color: #2d753e;
  display: inline-block;
  margin: 0px auto 0px auto;
  width: 70%;
  max-width: 900px;
  min-width: 900px;
  min-height: 400px;
  position: relative;
  border-radius: 15px;
  border: 3px solid #004828;
}

div.content_container {
  width: 100%;
  display: inline-block;
}

img.content_block {
  max-width: 450px;
  padding: 20px 20px 20px 20px;
}

div.centring_container {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

div.separator_block {
  height: 80px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: white;
  border: 1px solid white;
}

div.text_block {
  background-color: #2d753e;
  width: 350px;
  padding: 0px 40px 15px 40px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  border-radius: 15px;
}

span.signature {
  font-family: 'dehaviland';
  font-size: 42px;
  padding: 0px 0px 0px 0px;
}

div.banner {
  min-width: 1000px;
  text-align: center;
  padding: 15px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #eac303;
  color: #2d753e;
  font-size: 16px;
}

div.button_container {
  padding: 25px 0px 10px 0px;
}

.button {
  background-color: #265642; /* Green */
  border: none;
  border-radius: 5px;
  color: #eac303;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
}

div.not_found {
  text-align: center;
  margin: 50px 0px 70px 0px;
  color: black;
  font-size: 30px;
  font-weight: bold;
}


/*---------------------------------------------- MAIN MENU ----------------------------------------------*/



/* Add a background color to the top navigation */
div.topnav {
  margin: 0px auto 0px auto;
  overflow: hidden;
  text-align: center;
  background-color: #2d753e;
  padding: 15px 0px 15px 0px;
}

/* Style the links inside the navigation bar */
.topnav a {
  color: #ffffff;
  text-align: center;
  padding: 15px 30px 15px 30px;
  margin: 0;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

/* Add a right border to link */
.topnav a.border_right {
  border-right: 1px solid white;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #eac303;
  transition-duration: 1s;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #eac303;
  color: #ffffff;
}

@media only screen and (max-width: 1000px) {
  .topnav a {
    font-size: 17px;
    padding: 25px 22px 25px 22px;
  }
  div.topnav {
    padding: 25px 0px 25px 0px;      
  }
}

hr.topnav {
  color: white;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

button.border_right {
  border-right: 1px solid white;
}

button.border_left {
  border-left: 1px solid white;
}



/*------------------------------------------- MEMBERS' MENU ---------------------------------------------*/



/* drop down menus */
.dropbtn {
  width: 190px;
  background-color: #2D753E;
  color: white;
  font-size: 15px;
  border: none;
  cursor: pointer;
  padding: 15px 20px 15px 20px;
  margin: 0px 0px 0px 0px;
}


/* Add a style to drop down button links */
.dropbtn a {
  color: #ffffff;
  text-align: center;
  padding: 15px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.dropbtn a.active {
  color: #EAC303;
  font-weight: bold;
}

.dropbtn a:hover {
  background-color: #EAC303;
  color: #ffffff;
}

@media only screen and (max-width: 1000px) {
  .dropbtn {
    width: 180px;
    padding: 25px 20px 25px 20px;
    font-size: 17px;
  }
  .dropbtn a {
    font-size: 17px;
  }
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  text-align: left;
  margin: 0px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  overflow:auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin: 0px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  padding: 15px 20px 15px 20px;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #EAC303;
}

@media only screen and (max-width: 1000px) {
  .dropdown-content a {
      padding: 25px 20px 25px 20px;
  }
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #EAC303;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn a {
  background-color: #EAC303;
  color: #ffffff;
}

hr.dropdown {
  width: 100%;
  border: 1px dotted black;
  border-left: none;
  border-right: none;
  margin: 15px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
}



/*--------------------------------------- MEMBERS' LANDING PAGE ----------------------------------------*/



div.members_menu_container{
  width: 180px;
  height: 260px;
  display: inline-block;
  padding: 0px 0px 0px 0px;
  margin: 30px 10px 60px 10px;
  border: 5px solid #EAC303;
  border-radius: 15px;
}

/*
@media only screen and (max-width: 900px) {
  div.members_menu_container{
    width: 180px;
    height: 260px;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 30px auto 30px auto;
    border: 5px solid #EAC303;
    border-radius: 15px;
}
*/

div.members_menu_icons{
  width: 100%;
  height: 220px;
  display: inline-block;
  text-align: center;
  position: relative;
  margin: 0px 0px 0px 0px;
}

img.members_menu_icons {
  width: 180px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: none;
}

div.members_menu_links {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

a.members_menu_links {
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #EAC303;
}



/*---------------------------------------------- FIXTURES ------------------------------------------------*/



div.fixture_block {
  background-color: #2d753e;
  min-height: 1000px;
  display: inline-block;
  margin: 0px auto 0px auto;
  position: relative;
  border-radius: 15px;
  padding: 25px 30px 25px 30px;
  border: 3px solid #004828;
}

div.fixture_list {
  min-width: 900px;
  display: inline-block;
}

.fixture_list table {
  min-width: 900px;
  border-collapse: collapse;
  margin: 30px auto 30px auto;
  text-align: center;
  border: 3px solid #eac303;
  background-color: #2d753e;
  font-weight: bold;
}

.fixture_list th {
  background-color: #eac303;
  color: #ffffff;
  border: 3px solid #ffffff;
  font-weight: bold;
  padding: 15px 3px 15px 3px;
}

.fixture_list th.date {
  width: 185px;
}

.fixture_list th.time {
  width: 80px;
}

.fixture_list th.opponents {
  width: 180px;
}

.fixture_list th.teams {
  width: 70px;
}

.fixture_list th.format {
  width: 80px;
}

.fixture_list th.gender {
  width: 70px;
}

.fixture_list th.venue {
  width: 70px;
}

.fixture_list th.competition {
  width: 140px;
}

.fixture_list th.status {
  width: 80px;
}

.fixture_list tr {
  border-bottom: 2px solid #eac303;
}

.fixture_list tr:nth-child(even) {
  background-color: #2D823E;
}
/*
.fixture_list tr:nth-child(odd) {
  background-color: ;
}
*/
.fixture_list td {
  padding: 10px 5px 10px 5px;
  border-right: 1px solid #eac303;
  border-bottom: 1px solid #eac303;
}

.fixture_list td.no_fixtures {
  height: 150px;
  font-size: 20px;
}

.fixture_list a {
  color: #eac303;
  text-decoration-thickness: 2px;
}

.filter th {
  background-color: #eac303;
  color: #ffffff;
  border: 3px solid #ffffff;
  font-weight: bold;
  padding: 8px 10px 8px 10px;
}

.filter td {
  background-color: #2d753e;
  border: 3px solid #eac303;
}

.filter select {
  width: 100%;
}

td.strikethrough {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

td.border_left_bold {
  border-left: 4px solid #eac303;
}

td.border_right_bold {
  border-right: 4px solid #eac303;
}

div.fixture_quicklink_menu {
  margin: 10px 50px 40px 50px;
  border: 3px solid #eac303;
  border-radius: 15px;
}

.fixture_quicklink_menu a {
  color: #eac303;
}

.fixture_quicklink_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 30px 0px;
  text-align: left;
}

.fixture_quicklink_menu li {
  margin: 0;
  padding: 10px 20px 10px 40px;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 1000px) {
  .fixture_quicklink_menu li {
    -webkit-text-size-adjust: 100%;
  }
}

/*---------------------------------------------- ENTRIES --------------------------------------------*/



div.entries_block {
  background-color: #2d753e;
  display: inline-block;
  margin: 0px auto 0px auto;
  width: 70%;
  max-width: 1000px;
  min-width: 1000px;
  min-height: 900px;
  position: relative;
  border-radius: 15px;
  border: 3px solid #004828;
}

div.entries {
  display: block;  
  margin: 50px 140px 50px 140px;
  padding: 20px 30px 30px 30px;
  border-radius: 15px;
  border: 3px solid #eac303;
  background-color: #F9EDB4;
  color: #2d753e;
  text-align: center;
  font-weight: bold;
}

.entries hr {
  margin: 25px 0px 25px 0px;
  padding: 0px 0px 0px 0px;
}

table.entry_list {
  border-collapse: collapse;
  width: 430px;
  color: black;
  background-color: white;
  text-align: center;
  border: 2px solid black;
  margin: 30px auto 30px auto;
}

.entry_list th {
  padding: 10px 30px 10px 30px;
  margin: 0px;
  font-size: 20px;
  border-bottom: 2px solid black;
  text-align: center;
}

.entry_list td {
  height: 20px;
  text-align: left;
  font-size: 16px;
  padding: 5px 30px 5px 30px;
  border-bottom: 1px solid black;
}

td.no_entries {
  height: 100px;
  text-align: center;
  font-size: 16px;
}

td.remove_button {
  width: 50px;
  text-align: left;
}

td.reserves_heading {
  height: 30px;
  text-align: center;
  font-size: 20px;
}

td.reserve {
  background-color: #ececec;
}

select.entry_list{
  height: 35px;
  width: 200px;
  background-color: #ffffff;
  font-size: 14px;
  margin: 0px 30px 0px 30px;
}



/*---------------------------------------------- SELECTION -----------------------------------------------*/



table.selections {
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 2px solid black;
  margin: 20px auto 20px auto;
}

.selections th {
  padding: 10px 10px 10px 10px;
  margin: 0px;
  font-size: 18px;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  text-align: center;
}

.selections td {
  height: 25px;
  text-align: center;
  font-size: 16px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.selections a {
  font-size: 14px;
  color: #2b2d82;
}
.selections a:active {
  font-size: 14px;
  color: #2b2d82;
}

.selections select {
  width: 100%;
  font-size: 16px;
  margin: 0px 0px 0px 0px;
  border: 2px solid red;
  border-radius: 4px;
  background-color: #f1f1f1;
}

th.team {
  width: 70px;
}

th.position {
  width: 90px;
}
th.name {
  width: 220px;
}
th.action {
  width: 70px;
}

div.teamsheet_form_button {
  float: left;
  margin: 0px 0px 0px 20px;
}

div.team_selection_link {
  padding: 40px 0px 0px 0px;
  font-size: 18px;
  text-align: left;
}

.team_selection_link a {
  color: blue;
}

.team_selection_link a:visited {
  color: blue;
}

.team_selection_link a:hover {
  color: red;
}

/*-------------------------------------------- TEAM CAPTAIN ---------------------------------------------*/



table.team_captain {
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 2px solid black;
  margin: 20px auto 20px auto;
}

.team_captain td {
  width: 175px;
  height: 25px;
  text-align: center;
  font-size: 16px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.team_captain select {
  width: 100%;
  font-size: 14px;
  margin: 0px 0px 0px 0px;
  border-radius: 4px;
  border: 2px solid red;
  background-color: #f1f1f1;
}



/*-------------------------------------------- CAR SHARE ---------------------------------------------*/



table.carshare {
  clear: both;
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 2px solid black;
  margin: 50px auto 30px auto;
}

.carshare th {
  padding: 10px 10px 10px 10px;
  margin: 0px;
  font-size: 18px;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  text-align: center;
}

.carshare td {
  width: 130px;
  height: 25px;
  text-align: center;
  font-size: 14px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.carshare select {
  width: 100%;
  font-size: 14px;
  margin: 0px 0px 0px 0px;
  border-radius: 4px;
  background-color: #ffffff;
}

.carshare td.driver {
  font-weight: bold;
  color: red;
}

.carshare td.heading {
  background-color: #c4c4c4;
}

div.carshare_form_button {
  float: left;
  margin: 0px 0px 0px 15px;
}



/*-------------------------------------------- NOMINATED TEAMS ---------------------------------------------*/



table.nominated_teams {
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 2px solid black;
  margin: 10px auto 10px auto;
}

.nominated_teams td {
  height: 25px;
  text-align: center;
  font-size: 16px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.nominated_teams select {
  width: 100%;
  height: 25px;
  font-size: 16px;
  margin: 0px 0px 0px 0px;
  border-radius: 4px;
  background-color: white;
  text-align: center;
}

.nominated_teams td.team {
  width: 80px;
}

.nominated_teams td.name {
  width: 250px;
}

.nominated_teams td.action {
  width: 100px;
}



/*---------------------------------------------- RESULTS -----------------------------------------------*/



div.results_block {
  background-color: #2d753e;
  min-height: 600px;
  width: 80%;
  min-width: 1000px;
  max-width: 1200px;  
  display: inline-block;
  margin: 0px auto 0px auto;
  position: relative;
  border-radius: 15px;
  padding: 25px 50px 25px 50px;
  border: 3px solid #004828;
}

div.results {
  display: block;  
  margin: 35px 0px 35px 0px;
  padding: 20px 30px 30px 30px;
  border-radius: 15px;
  border: 3px solid #eac303;
  background-color: #F9EDB4;
  color: #2d753e;
  text-align: center;
  font-weight: bold;
}


.results h3 {
  font-weight: bold;
  font-size: 24px;
}

.results h4 {
  font-weight: bold;
  font-size: 22px;
}

table.results {	
  width: 800px;
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 40px auto 40px auto;
}

.results th {
  padding: 10px 5px 10px 5px;
  color: black;
  margin: 0px;
  font-size: 18px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.results td {
  height: 25px;
  text-align: center;
  font-size: 16px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.results td.name {
  background-color: #c4c4c4;
}

.results td.score {
  font-size: 22px;
}

.results td.result {
  font-size: 20px;
}

.results td.results_border_bottom {
  border-bottom: 4px solid black;
}

.results th.team {
  width: 50px;
}
.results th.position {
  width: 80px;
}
.results th.name {
  width: 210px;
}
.results th.score {
  width: 140px;
}
.results th.result {
  width: 60px;
}

table.match_result {
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 40px auto 30px auto;
}

.match_result th {
  width: 150px;
  padding: 10px 10px 10px 10px;
  color: black;
  margin: 0px;
  font-size: 20px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.match_result td
{
  height: 50px;
  text-align: center;
  font-size: 22px;
  border-right: 4px solid black;
  border-bottom: 4px solid black;
}

input.result_score {
  width: 30%;
  padding: 15px 15px 15px 15px;
  color: black;
  margin: 0px;
  font-size: 22px;
  text-align: center;
  border: 2px solid white;
}

input.result_score:focus {
  outline: none;
  border: 2px solid red;
}

input.result_score:hover {
  outline: none;
  border: 2px solid red;
}


table.external_league_table {
  min-width: 600px;	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 3px solid black;
  margin: 40px auto 40px auto;
}

.external_league_table th {
  padding: 20px 0px 20px 0px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  font-size: 18px;
  border: 3px solid black;
  text-align: center;
}

.external_league_table th.team {
  width: 350px;
}

.external_league_table th.points {
  width: 160px;
}

.external_league_table tr:nth-child(even) {
  background-color: white;
}

.external_league_table tr:nth-child(odd) {
  background-color: #ffeeda;
}

.external_league_table td {
  height: 40px;
  padding: 0px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  color: #555555;
  color: black;  
}

.external_league_table td.bold {
  font-weight: bold;
  font-size: 24px;
  color: black;
}

.external_league_table td.no_results {
  height: 100px;
  font-size: 18px;
}

.external_league_table tr.white {
  background-color: white;
}

input.external_league_table {
  width: 160px;
  padding: 8px 0px 8px 0px;
  color: black;
  margin: 0px;
  font-size: 17px;
  text-align: center;
  border: 2px solid white;
}

input.external_league_table:focus {
  outline: none;
  border: 2px solid red;
}

input.external_league_table:hover {
  outline: none;
  border: 2px solid red;
}

table.league_table_add_team {
  min-width: 500px;
  color: black;
  border: 2px solid black;
}

.league_table_add_team td {
  background-color: #d1ffbd;
  font-size: 16px;
  border: none;
  border-bottom: 2px solid black;
}

.league_table_add_team input {
  border: 2px solid black;
}



/*------------------------------------------ COMPETITIONS -------------------------------------------*/



div.competition_quicklink_menu {
  margin: 10px 50px 40px 50px;
  border: 3px solid #eac303;
  border-radius: 15px;
}

.competition_quicklink_menu a {
  color: #eac303;
}

.competition_quicklink_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 30px 0px;
  text-align: left;
}

.competition_quicklink_menu li {
  margin: 0;
  padding: 10px 20px 10px 40px;
  font-size: 18px;
  font-weight: bold;
}

.edit_competition td.date {
  width: 130px;
}

@media only screen and (max-width: 1000px) {
  .competition_quicklink_menu li {
    -webkit-text-size-adjust: 100%;
  }
}

div.marker_list {
  width: 30%;
  margin: 0 auto 0 auto;
  padding: 0 0 0 300px;
  text-align: left;
}

/*------------------------------------------ COMPETITION DAYS -------------------------------------------*/



table.competition_day_results {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 30px auto 50px auto;
}

.competition_day_results th {
  padding: 10px 5px 10px 5px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.competition_day_results td {
  min-height: 25px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.competition_day_results td.border_bottom {
  border-bottom: 4px solid black;
}

.competition_day_results td.name {
  width: 220px;
  background-color: #c4c4c4;
}

.competition_day_results th.team {
  width: 300px;
}
.competition_day_results th.team_letter {
  width: 80px;
}
.competition_day_results th.score {
  width: 80px;
}
.competition_day_results th.action {
  width: 60px;
}
.competition_day_results input.result {
  width: 40px;
  padding: 10px 10px 10px 10px;
  color: black;
  margin: 0px;
  font-size: 18px;
  text-align: center;
  border: 2px solid white;
}

.competition_day_results input.result:focus {
  outline: none;
  border: 2px solid red;
}

.competition_day_results input.result:hover {
  outline: none;
  border: 2px solid red;
}



table.competition_day_final_standings {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 30px auto 30px auto;
}

.competition_day_final_standings th {
  height: 30px;
  padding: 10px 3px 10px 3px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.competition_day_final_standings td {
  min-height: 25px;
  text-align: center;
  font-size: 16px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.competition_day_final_standings td.border_bottom {
  border-bottom: 4px solid black;
}
.competition_day_final_standings th.team {
  width: 260px;
}
.competition_day_final_standings td.name {
  width: 200px;
  font-size: 15px;
  background-color: #c4c4c4;
}
.competition_day_final_standings td.points {
  font-size: 22px;
  font-weight: bold;
  background-color: #9bed9b;
}
.competition_day_final_standings th.totals {
  width: 70px;
}

p.competition_day_winner {
  font-size: 18px;
  font-weight: bold;
}



/*------------------------------------------ ROLL-UP -------------------------------------------*/
  
div.rollup_results_block {
  background-color: #2d753e;
  min-height: 600px;
  /*width: 80%;*/
  min-width: 1200px;
  max-width: 1600px;  
  display: inline-block;
  margin: 0px auto 0px auto;
  position: relative;
  border-radius: 15px;
  padding: 25px 50px 25px 50px;
  border: 3px solid #004828;
}

table.rollup_results {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 50px auto 50px auto;
}

.rollup_results th {
  padding: 10px 0px 10px 0px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.rollup_results td {
  min-height: 25px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

td.rollup_no_results {
  height: 100px;
  font-size: 18px;
}

.rollup_results td.border_bottom {
  border-bottom: 4px solid black;
}

.rollup_results th.date {
  width: 150px;
}
.rollup_results th.team {
  width: 300px;
}
.rollup_results th.score {
  width: 80px;
}
.rollup_results th.action {
  width: 60px;
}

input.rollup_result {
  width: 40px;
  padding: 10px 10px 10px 10px;
  color: black;
  margin: 0px;
  font-size: 20px;
  text-align: center;
  border: 2px solid white;
}

input.rollup_result:focus {
  outline: none;
  border: 2px solid red;
}

input.rollup_result:hover {
  outline: none;
  border: 2px solid red;
}

table.rollup_result_form {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 50px auto 50px auto;
}

.rollup_result_form th {
  padding: 10px 0px 10px 0px;	
  width: 200px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.rollup_result_form td {
  min-height: 25px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.rollup_result_form td.border_bottom {
  border-bottom: 4px solid black;
}

input.rollup_result_form {
  width: 200px;
  padding: 10px 0px 10px 0px;
  color: black;
  margin: 0px;
  font-size: 20px;
  text-align: center;
  border: 2px solid white;
}

input.rollup_result_form:focus {
  outline: none;
  border: 2px solid red;
}

input.rollup_result_form:hover {
  outline: none;
  border: 2px solid red;
}

select.rollup_result_form {
  width: 100%;
  height: 25px;
  background-color: #ffffff;
  font-size: 15px;
  margin: 0px auto 0px auto;
}

select.rollup_result_form:focus {
  outline: none;
  border: 2px solid red;
}

select.rollup_result_form:hover {
  outline: none;
  border: 2px solid red;
}



table.rollup_leaderboard {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 30px auto 60px auto;
}

.rollup_leaderboard th {
  padding: 10px 0px 10px 0px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.rollup_leaderboard th.name {
  width: 180px;
}

.rollup_leaderboard th.score {
  width: 90px;
}

.rollup_leaderboard td {
  height: 25px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.rollup_leaderboard td.name {
  background-color: #c4c4c4;
}

.rollup_leaderboard td.header {
  font-size: 18px;
  height: 40px;
  border-top: 4px solid black;
  border-bottom: 4px solid black;
}

.rollup_leaderboard td.shots {
  min-width: 25px;
}

.rollup_leaderboard td.eliminated {
  background: linear-gradient(to right bottom, #ffffff 0%,#ffffff 48%,#000000 50%,#000000 51%,#ffffff 52%,#ffffff 100%);
}

.rollup_leaderboard td.score {
  font-size: 17px;
  background-color: #abf7b1;
}

.rollup_leaderboard td.no_results {
  width: 600px;
  height: 100px;
  font-size: 18px;
}

.rollup_leaderboard td.border {
  border: 4px solid black;
}


/*------------------------------------------ WEDNESDAY LEAGUE -------------------------------------------*/


table.league_teams {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 50px auto 50px auto;
}

.league_teams th {
  padding: 10px 0px 10px 0px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.league_teams td {
  min-height: 25px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.league_teams td.no_teams {
  height: 100px;
  font-size: 18px;
}

.league_teams td.border {
  border: 4px solid black;
}

.league_teams td.team {
  width: 180px;
  background-color: #c4c4c4;
}

.league_teams td.name {
  width: 180px;
  background-color: #ffffff;
}


table.wednesday_league_result_form {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 50px auto 50px auto;
}

.wednesday_league_result_form th {
  padding: 10px 0px 10px 0px;	
  width: 200px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.wednesday_league_result_form td {
  min-height: 25px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.wednesday_league_result_form td.team {
  background-color: #c4c4c4;
  border: 4px solid black;
}

.wednesday_league_result_form td.date {
  font-size: 22px;
  font-weight: normal;
}

.wednesday_league_result_form td.border_bottom {
  border-bottom: 4px solid black;
}

input.wednesday_league_result_form {
  width: 200px;
  padding: 10px 0px 10px 0px;
  color: black;
  margin: 0px;
  font-size: 20px;
  text-align: center;
  border: 2px solid white;
}

input.wednesday_league_result_form:focus {
  outline: none;
  border: 2px solid red;
}

input.wednesday_league_result_form:hover {
  outline: none;
  border: 2px solid red;
}

select.wednesday_league_result_form {
  width: 100%;
  height: 25px;
  background-color: #ffffff;
  font-size: 15px;
  margin: 0px auto 0px auto;
}

select.wednesday_league_result_form:focus {
  outline: none;
  border: 2px solid red;
}

select.wednesday_league_result_form:hover {
  outline: none;
  border: 2px solid red;
}


table.league_results {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 50px auto 50px auto;
}

.league_results th {
  padding: 10px 0px 10px 0px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.league_results td {
  min-height: 25px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

td.league_no_results {
  height: 100px;
  font-size: 18px;
}

.league_results td.border {
  border: 4px solid black;
}

.league_results td.team {
  min-width: 90px;
  background-color: #c4c4c4;
}

.league_results td.name {
  width: 300px;
  background-color: white;
}

.league_results td.border_bottom {
  border-bottom: 4px solid black;
}

.league_results th.date {
  width: 150px;
}

.league_results th.team {
  width: 300px;
}

.league_results th.score {
  width: 80px;
}

.league_results th.action {
  width: 60px;
}


table.league_table {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 30px auto 100px auto;
}

.league_table th {
  height: 60px;
  width: 75px;
  padding: 0px 3px 0px 3px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 15px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.league_table th.team {
  width: 220px;
}

.league_table th.points {
  width: 110px;
}

.league_table td {
  height: 35px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.league_table td.team {
  background-color: #c4c4c4;
}

.league_table td.penalties {
  color: red;
}

.league_table td.points {
  font-size: 18px;
  background-color: #abf7b1;
}

.league_table td.no_results {
  height: 100px;
  font-size: 18px;
}

.league_table td.border {
  border: 4px solid black;
}


table.league_schedule {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 50px auto 50px auto;
}

.league_schedule th {
  width: 90px;
  padding: 10px 0px 10px 0px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.league_schedule th.date {
  width: 120px;
}

.league_schedule th.rink {
  width: 60px;
}

.league_schedule th.match {
  width: 500px;
}

.league_schedule td {
  height: 35px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.league_schedule td.border_bottom {
  border-bottom: 4px solid black;
}

.league_schedule td.team_home {
  border-right: none;
}

.league_schedule td.team_away {
  border-left: none;
}

.league_schedule td.versus {
  border-left: none;
  border-right: none;
}



table.edit_league_schedule {	
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 4px solid black;
  margin: 50px auto 50px auto;
}

.edit_league_schedule th {
  padding: 10px 0px 10px 0px;
  background-color: #eac303;
  font-weight: bold;
  color: black;
  margin: 0px;
  font-size: 16px;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  text-align: center;
}

.edit_league_schedule th.date {
  width: 120px;
}

.edit_league_schedule th.team {
  width: 180px;
}

.edit_league_schedule td {
  height: 35px;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}


input.edit_league_schedule {
  padding: 7px 0px 7px 0px;
  color: black;
  margin: 0px;
  font-size: 16px;
  text-align: center;
  border: 2px solid white;
}

input.edit_league_schedule:focus {
  outline: none;
  border: 2px solid red;
}

input.edit_league_schedule:hover {
  outline: none;
  border: 2px solid red;
}

select.edit_league_schedule {
  width: 80%;
  height: 25px;
  font-size: 16px;
  margin: 0px auto 0px auto;
}

select.select_wednesday_league_game {
  height: 35px;
  font-size: 16px;
  margin: 0px auto 0px auto;
}



/*------------------------------------------ SELECTION STATS ---------------------------------------------*/



table.selection_stats {	
  border-collapse: collapse;
  text-align: center;
  border: 3px solid black;
  margin: 40px auto 50px auto;
}

.selection_stats th {
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  color: black;
  background-color: #eac303;
  margin: 0px;
  font-size: 16px;
  border-bottom: 3px solid black;
  border-right: 3px solid black;
  text-align: center;
}

.selection_stats th.name {
  width: 220px;
}

.selection_stats th.criteria {
  width: 160px;
}

.selection_stats th.value {
  width: 100px;
}

.selection_stats td {
  background-color: white;
  color: black;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.selection_stats td.border_right {
  border-right: 3px solid black;
}

.selection_stats td.border_bottom {
  border-bottom: 4px solid black;
}

.selection_stats td.name {
  text-align: left;
  padding: 0px 0px 0px 10px;
  background-color: #c4c4c4;
}

.selection_stats td.shaded {
  background-color: #dcdcdc;
}


table.league_stats {	
  border-collapse: collapse;
  text-align: center;
  border: 3px solid black;
  margin: 40px auto 50px auto;
}

.league_stats th {
  height: 50px;
  width: 80px;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  color: black;
  background-color: #eac303;
  margin: 0px;
  font-size: 16px;
  border-left: 3px solid black;
  border-bottom: 3px solid black;
  border-top: 3px solid black;
  border-right: 3px solid black;
  text-align: center;
}

.league_stats th.name {
  width: 220px;
}

.league_stats td {
  background-color: white;
  color: black;
  text-align: center;
  font-size: 15px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.league_stats td.border_right {
  border-right: 3px solid black;
}

.league_stats td.name {
  background-color: #c4c4c4;
  text-align: left;
  padding: 0px 0px 0px 10px;
}

.league_stats td.played {
  background-color: #dcdcdc;
}

.league_stats td.win_rate {
  background-color: #dcdcdc;
}

.league_stats td.header {
  color: black;
  background-color: white;
  font-size: 16px;
  height: 50px;
  border-top: 4px solid black;
  border-bottom: 4px solid black;
}


a.selection_stats_competition {
  padding: 0px 30px 0px 30px;
  color: #2D753E;
  text-decoration: none;
}

a.selection_stats_competition:hover {
  padding: 0px 30px 0px 30px;
  color: #EAC303;
  text-decoration: none;
}

a.selection_stats_competition_active {
  padding: 0px 30px 0px 30px;
  color: #2D753E;
  text-decoration: underline;
}

a.selection_stats_member {
  color: black;
  text-decoration: none;
}

a.selection_stats_member:hover {
  color: white;
  text-decoration: none;
}

a.selection_stats_member_opt_out {
  color: red;
  text-decoration: none;
}

a.selection_stats_member_opt_out:hover {
  color: white;
  text-decoration: none;
}

a.rollup_stats_member {
  color: black;
  text-decoration: none;
}

a.rollup_stats_member:hover {
  color: black;
  text-decoration: underline;
}

a.rollup_stats_member_opt_out {
  color: red;
  text-decoration: none;
}

a.rollup_stats_member_opt_out:hover {
  color: black;
  text-decoration: underline;
}

table.results_quicklink_menu {
  margin: 30px 0px 30px 15px;
  border-collapse: collapse;
  border: 0px;
  text-align: left;
}

.results_quicklink_menu td {
  border: 0px;
  text-align: left;
  padding: 8px 8px 8px 8px;
  font-size: 18px;
}

.results_quicklink_menu td.game {
  width: 620px;
}

.results_quicklink_menu td.center {
  text-align: center;
}

table.member_selections {
  margin: 30px auto 30px auto;
  border-collapse: collapse;
  border: 2px solid black;
}

.member_selections td {
  text-align: left;
  border: 2px solid black;
  padding: 10px 15px 10px 15px;
  font-size: 15px;
}

.member_selections td.centre {
  text-align: center;
}


table.rollup_stats {	
  border-collapse: collapse;
  text-align: center;
  border: none;
  margin: 0px auto 60px auto;
}

.rollup_stats td {
  background-color: white;
  color: black;
  text-align: center;
  font-size: 15px;
}

.rollup_stats td.border_right {
  border-right: 3px solid black;
}

.rollup_stats td.name {
  width: 220px;
  text-align: left;
  padding: 0px 0px 0px 10px;
  background-color: white;
  border: 2px solid black;
}

.rollup_stats td.value {
  width: 15px;
  border: 2px solid black;
}

.rollup_stats td.blank {
  width: 15px;
  background-color: #F9EDB4;
  border: none;
}

.rollup_stats td.blank_name {
  width: 220px;
  background-color: #F9EDB4;
  border: none;
}
.rollup_stats td.bar {
  border: 2px solid black;
  background-color: #dcdcdc;
}


.rollup_stats td.date {
  width: 120px;
  text-align: center;
  padding: 0px 0px 0px 10px;
  background-color: white;
  border: 2px solid black;
}

.rollup_stats td.day {
  width: 100px;
  text-align: center;
  padding: 0px 0px 0px 10px;
  background-color: white;
  border: 2px solid black;
}

td.stats_border_bottom {
  border-bottom: 4px solid black;
}
td.stats_border_top {
  border-top: 4px solid black;
}
td.red {
  background-color: red;
}
td.green {
  background-color: green;
}
td.stats_teammate {
  width: 220px;
  background-color: #dcdcdc;;
}
td.stats_win_ratio {
  background-color: #dcdcdc;;
}

/*-------------------------------------------- BONUSBALL ---------------------------------------------*/



table.bonusball {
  border-collapse: collapse;
  color: #2d753e;
  text-align: center;
  border: 2px solid black;
  margin: 40px auto 30px auto;
}

.bonusball th {
  background-color: #eac303;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  font-size: 15px;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  text-align: center;
}

td.bonusball_numbers
{
  height: 14px;
  font-size: 14px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

td.bonusball_results
{
  height: 25px;
  font-size: 16px;
  padding: 0 10px 0 10px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

th.bonusball_number
{
  width: 40px;
}

th.bonusball_name
{
  width: 120px;
}

th.bonusball_date
{
  width: 180px;
}

th.bonusball_winning_number
{
  width: 80px;
}

th.bonusball_prize
{
  width: 80px;
}

input.bonusball_numbers:hover {
  outline: none;
  border: 2px solid red;
}

input.bonusball_numbers:active {
  outline: none;
  border: 2px solid red;
}

div.bonusball_results_form {
}

.bonusball_results_form table {
  border-collapse: collapse;
  color: #2d753e;
  text-align: center;
  border: 2px solid black;
  margin: 40px auto 30px auto;
}

.bonusball_results_form th {
  background-color: #eac303;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  font-size: 15px;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  text-align: center;
}

.bonusball_results_form td
{
  height: 35px;
  font-size: 15px;
  background-color: #ffffff;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

input.bonusball_results_form {
  height: 35px;
  color: black;
  margin: 0px 0px 0px 0px;
  font-size: 15px;
  text-align: center;
  border: 2px solid white;
}

input.bonusball_results_form:focus {
  outline: none;
  border: 2px solid red;
}

input.bonusball_results_form:hover {
  outline: none;
  border: 2px solid red;
}

select.bonusball_results_form {
  height: 25px;
  background-color: #ffffff;
  font-size: 15px;
  margin: 0px auto 0px auto;
}

select.bonusball_results_form:focus {
  outline: none;
  border: 2px solid red;
}

select.bonusball_results_form:hover {
  outline: none;
  border: 2px solid red;
}


/*------------------------------------------ FORM STYLING ---------------------------------------------*/



div.register_interest_form {
  width: 60%;
  text-align: center;
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
}

div.form {
  width: 450px;
  display: block;  
  margin: 30px auto 30px auto;
  border-radius: 15px;
  border: 3px solid #eac303;
  background-color: #F9EDB4;
  color: #2d753e;
}

div.form_link {
  text-align: left;
  font-size: 15px;
  padding: 10px 0px 0px 30px;
}

input.password_form_entry {
  width: 100%;
  padding: 15px 0px 5px 0px;
  background-color: #F9EDB4;
  border: none;
  border-bottom: 1px solid black;
  outline: none;
  font-size: 16px;
}

input.join {
  width: 400px;
  padding: 10px 20px;
  background-color: #F9EDB4;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 16px;
}

input.join:focus {
  outline: none;
  border: 2px solid red;
}

span.password_form_field {
  width: 125px;
  text-align: left;
  display: inline-block;
  font-size: 17px;
}

span.password_form_entry {
  width: 180px;
  text-align: left;
  display: inline-block;
}

span.change_form_field {
  width: 120px;
  text-align: left;
  display: inline-block;
  font-size: 17px;
}

span.change_form_entry {
  padding: 5px 0px 5px 0px;
  width: 260px;
  text-align: left;
  display: inline-block;
}

input.change_form_entry {
  width: 100%;
  padding: 10px 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 15px;
}

input.change_form_entry:focus {
  outline: none;
  border: 2px solid red;
}

.change_form_entry select {
  font-size: 15px;
}

select.edit_fixture {
  width: 100%;
  padding: 10px 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
}

select.edit_fixture:focus {
  outline: none;
  border: 2px solid red;
}

div.account_checklist {
  text-align: left;
}

input[type=checkbox].account_checkbox {
  margin: 20px 10px 0px 50px;
}


/*------------------------------------------ IMPORT FIXTURES/MEMBERS FORM ----------------------------------------*/


span.import_form_field {
  width: 250px;
  padding: 20px 0px 10px 0px;
  text-align: left;
  display: inline-block;
  font-size: 18px;
}

span.import_form_entry {
  width: 250px;
  text-align: left;
  display: inline-block;
  font-size: 18px;
}

input.import_form {
  width: 350px;
  font-size: 16px;
}

select.import_form {
  width: 50px;
}

input.upload_form {
  width: 250px;
  font-size: 16px;
}

select.upload_form {
  width: 150px;
}



/*-------------------------------------------- CONTACT FORM --------------------------------------------*/


div.contact_form {
  width: 550px;
  display: block;  
  margin: 30px auto 30px auto;
  border-radius: 15px;
  border: 3px solid #eac303;
  background-color: #F9EDB4;
  color: #2d753e;
}

div.contact_form_field {
  width: 100px;
  text-align: left;
  display: inline-block;
  font-size: 18px;
}

div.contact_form_entry {
  padding: 5px 0px 5px 0px;
  width: 380px;
  text-align: left;
  display: inline-block;
}

div.contact_form_how_found {
  padding: 25px 0px 25px 0px;
  width: 380px;
  text-align: left;
  display: none;
}

select.contact_form {
  width: 100%;
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 15px;
}

select.contact_form:focus {
  outline: none;
  border: 2px solid red;
}

input.contact_form {
  width: 100%;
  padding: 10px 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 15px;
}

input.contact_form:focus {
  outline: none;
  border: 2px solid red;
}

textarea.contact_form {
  width: 365px;
  height: 180px;
  padding: 5px 5px 5px 5px;
  border: 2px solid #eac303;
  font-size: 15px;
  resize: none;
  font-family: Arial, Helvetica, sans-serif;
}

textarea.contact_form:focus {
  outline: none;
  border: 2px solid red;
}



/*-------------------------------------------- SEND EMAIL FORM --------------------------------------------*/



div.email_form {
  width: 750px;
  display: block;  
  margin: 30px auto 30px auto;
  border-radius: 15px;
  border: 3px solid #eac303;
  background-color: #F9EDB4;
  color: #2d753e;
}

div.email_form_field {
  width: 100px;
  text-align: left;
  display: inline-block;
  font-size: 18px;
}

div.email_form_entry {
  padding: 5px 0px 5px 0px;
  width: 480px;
  text-align: left;
  display: inline-block;
}

select.email_form {
  width: 100%;
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 15px;
}

select.email_form:focus {
  outline: none;
  border: 2px solid red;
}

input.email_form {
  width: 100%;
  padding: 10px 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 15px;
}

input.email_form:focus {
  outline: none;
  border: 2px solid red;
}

textarea.email_form {
  width: 465px;
  height: 220px;
  padding: 5px 5px 5px 5px;
  border: 2px solid #eac303;
  font-size: 15px;
  resize: none;
  font-family: Arial, Helvetica, sans-serif;
}

textarea.email_form:focus {
  outline: none;
  border: 2px solid red;
}

div.email_form_link {
  padding: 40px 0px 30px 60px;
  font-size: 18px;
  text-align: left;
}


table.mailing_list_form {
  border-collapse: collapse;
  color: black;
  text-align: center;
  border: 2px solid black;
  margin: 30px auto 30px auto;
}

.mailing_list_form th {
  background-color: #eac303;
  color: #ffffff;
  font-weight: bold;
  padding: 20px 10px 20px 10px;
  margin: 0px;
  font-size: 20px;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  text-align: center;
}

.mailing_list_form th.mailing_list
{
  width: 350px;
}

.mailing_list_form th.action
{
  width: 120px;
}

.mailing_list_form th.remove
{
  width: 80px;
}

.mailing_list_form td
{
  font-weight: bold;
  background-color: #ffffff;
  height: 30px;
  border: 2px solid;
}

.mailing_list_form td.no_members {
  height: 100px;
  font-weight: bold;
}

table.add_mailing_list {
  border-collapse: collapse;
  color: black;
  font-size: 18px;
  margin: 30px auto 30px auto;
  border: 2px solid black;
}

.add_mailing_list td {
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  border: none;
}

.add_mailing_list td.name {
  width: 100px;
}


input.add_mailing_list {
  width: 250px;
  padding: 5px 5px 5px 5px;
  color: black;
  margin: 0px;
  font-size: 16px;
  text-align: left;
  border: 2px solid black;
}

input.add_mailing_list:focus {
  outline: none;
  border: 2px solid red;
}

input.add_mailing_list:hover {
  outline: none;
  border: 2px solid red;
}

select.add_mailing_list {
  padding: 5px 5px 5px 5px;
  font-size: 16px;
  width: 250px;
}

select.add_mailing_list:focus {
  outline: none;
  border: 2px solid red;
}

select.add_mailing_list:hover {
  outline: none;
  border: 2px solid red;
}



/*-------------------------------------------- COACHES CORNER --------------------------------------------*/


div.coaching_information {
  padding: 0px 50px 10px 50px;
  text-align: justify;
  font-size: 16px;
}

div.coaching_form {
  width: 800px;
  display: block;  
  margin: 30px auto 30px auto;
  border-radius: 15px;
  border: 3px solid #eac303;
  background-color: #F9EDB4;
  color: #2d753e;
}

div.coaching_form_field {
  display: inline-block;
  text-align: left;
  width: 130px;
  font-size: 18px;
  font-weight: bold;
  margin: 0px auto 0px auto;
  padding: 10px 5px 0px 5px;
}

div.coaching_form_entry {
  display: inline-block;
  padding: 5px 5px 5px 5px;
  width: 450px;
  text-align: left;
}

div.coaching_form_button {
  width: 30%;
  display: inline-block;
  margin: 0px 0px 0px 20px;
  text-align: left;
}

select.coaching_form {
  width: 60%;
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 15px;
}

select.coaching_form:focus {
  outline: none;
  border: 2px solid red;
}

input.coaching_form {
  width: 100%;
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 15px;
}

input.coaching_form:focus {
  outline: none;
  border: 2px solid red;
}

textarea.coaching_form {
  width: 436px;
  height: 60px;
  padding: 5px 5px 5px 5px;
  border: 2px solid #eac303;
  font-size: 16px;
  resize: none;
  font-family: Arial, Helvetica, sans-serif;
}

textarea.coaching_form:focus {
  outline: none;
  border: 2px solid red;
}

table.coaching_form {
  border-collapse: collapse;
  color: black;
  text-align: center;
  border: 2px solid black;
  margin: 30px auto 50px auto;
}

.coaching_form th {
  background-color: #eac303;
  color: #ffffff;
  font-weight: bold;
  padding: 20px 10px 20px 10px;
  margin: 0px;
  font-size: 20px;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  text-align: center;
}

.coaching_form td
{
  font-weight: bold;
  background-color: #ffffff;
  height: 30px;
  border: 2px solid;
  padding: 0 10px 0 10px;
}

.coaching_form td.no_timeslots {
  height: 100px;
  font-size: 16px;
  font-weight: bold;
}

ul.coaching_timeslots {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


/*-------------------------------------------- BANNER NOTIFICATION ---------------------------------------------*/



div.notification {
  position: relative;
  min-width: 1000px;
  text-align: center;
  margin: 30px 0px 30px 0px;
  padding: 15px 0px 15px 0px;
  background-color: #eac303;
  color: #2d753e;
}

.notification p {
  padding: 0px 150px 0px 150px;
  font-size: 17px;
  font-weight: bold;
}

@media only screen and (max-width: 1000px) {
  .notification p  {
    -webkit-text-size-adjust: 100%;
  }
}

a.banner_notification {
  color: #2d753e;
}

a.banner_notification:hover {
  color: #ffffff;
}

.banner_image_container {
  width: 100%;
}

.banner_image_container img {
  width: 100%;
}

/* Banner image container*/
.banner_image_1column {
  width: 100%;
}

.banner_image_1column img {
  width: 45%;
  display: block;
  margin: auto;
}
  
/* Banner image containers 2 columns */
.banner_image_2column {
  float: left;
  width: 48.5%;
  margin: 10px 0 10px 15px;
}

/* Banner image containers 3 columns */
.banner_image_3column {
  float: left;
  width: 31.5%;
  margin: 10px 0 10px 15px;
}

/* Clear floats after image containers */
.banner_image_container::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - make columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .banner_image_2columns {
    width: 100%;
  }
  .banner_image_2columns img {
    width: 45%;
    display: block;
    margin: 0 auto;
  }
  .banner_image_3columns {
    width: 100%;
  }
  .banner_image_3columns img {
    width: 45%;
    display: block;
    margin: 0 auto;
  }
}


table.banner_notification {
  margin: 10px auto;
  text-align: left;
  font-weight: bold;
}

.banner_notification td {
  padding: 3px 10px;
}

.banner_notification td.centre {
  text-align: center;
}


div.banner_form {
  width: 550px;
  margin: 50px auto 50px auto;
  padding: 10px 0px 20px 0px;
  border-radius: 15px;
  border: 3px solid #eac303;
  background-color: #F9EDB4;
  color: #2d753e;
}

div.banner_form_field {
  text-align: left;
  width: 450px;
  font-size: 17px;
  margin: 0px auto 0px auto;
  padding: 10px 5px 0px 5px;
}

div.banner_form_entry {
  padding: 5px 5px 5px 5px;
  margin: 0px auto 0px auto;
  width: 450px;
  text-align: left;
}

input.banner_form_title {
  width: 90%;
  padding: 5px 5px 5px 5px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 16px;
}

input.banner_form_title:focus {
  outline: none;
  border: 2px solid red;
}

input.banner_form_expiry {
  width: 30%;
  padding: 5px 5px 5px 5px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 16px;
}

input.banner_form_expiry:focus {
  outline: none;
  border: 2px solid red;
}

textarea.banner_form {
  width: 400px;
  height: 60px;
  padding: 5px 5px 5px 5px;
  border: 2px solid #eac303;
  font-size: 16px;
  resize: none;
  font-family: Arial, Helvetica, sans-serif;
}

textarea.banner_form:focus {
  outline: none;
  border: 2px solid red;
}

.banner_form hr {
  margin: 25px 30px 15px 30px;
  padding: 0px 0px 0px 0px;
}

div.banner_form_button {
  float: left;
  margin: 0px 0px 0px 20px;
}

input.banner_form {
  background-color: #265642; /* Green */
  border: none;
  color: #eac303;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
}




/*------------------------------------------ EDIT COMPETITON FORM ---------------------------------------------*/



div.edit_competition_form {
  margin: 50px 80px 50px 80px;
  border-radius: 15px;
  border: 3px solid #eac303;
  background-color: #F9EDB4;
  color: #2d753e;
}

div.edit_competition_field {
  display: inline-block;
  text-align: left;
  width: 170px;
  font-size: 17px;
  margin: 0px auto 0px auto;
  padding: 10px 5px 0px 5px;
}

div.edit_competition_input {
  display: inline-block;
  text-align: left;
  width: 220px;
  font-size: 17px;
  margin: 0px auto 0px auto;
  padding: 10px 5px 0px 5px;
}

div.edit_competition_day_field {
  display: inline-block;
  text-align: left;
  width: 280px;
  font-size: 17px;
  font-weight: bold;
  margin: 0px auto 0px auto;
  padding: 5px 5px 5px 5px;
}

div.edit_competition_day_input {
  display: inline-block;
  text-align: left;
  width: 220px;
  font-size: 17px;
  margin: 0px auto 0px auto;
  padding: 5px 5px 5px 5px;
}

input.edit_competition_form_entry {
  text-align: center;
  width: 50px;
  padding: 10px 5px;
  background-color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #eac303;
  border-radius: 3px;
  font-size: 15px;
}

input.edit_competition_form_entry:focus {
  outline: none;
  border: 2px solid red;
}

table.edit_competition_quicklink {
  border-collapse: collapse;
  text-align: left;
  margin: 20px auto 20px auto;
  font-size: 22px;
  font-weight: bold;
}

.edit_competition_quicklink td {
  padding: 5px 10px 5px 10px;
}


@media only screen and (max-width: 1000px) {
  .edit_competition_menu li {
    -webkit-text-size-adjust: 100%;
  }
}


table.edit_competition {
  border-collapse: collapse;
  color: black;
  background-color: white;
  text-align: center;
  border: 2px solid black;
  margin: 40px auto 30px auto;
}

.edit_competition th {
  width: 90px;
  padding: 10px 10px 10px 10px;
  margin: 0px;
  font-size: 16px;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  text-align: center;
}

.edit_competition td {
  height: 35px;
  text-align: center;
  font-size: 16px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  font-weight: bold;
}

.edit_competition input {
  width: 100%;
  padding: 5px 5px 5px 5px;
  margin: 0px;
  background-color: #ffffff;
  box-sizing: border-box;
  outline: none;
  border: 2px solid white;
  font-size: 14px;
  text-align: center;
}

.edit_competition input:hover {
  outline: none;
  border: 2px solid red;
}

.edit_competition input:focus {
  outline: none;
  border: 2px solid red;
}

div.competition_rule {
  padding: 5px 0px 0px 0px;
}

textarea.competition_rules {
  width: 600px;
  height: 40px;
  padding: 5px 5px 5px 5px;
  border: 2px solid #eac303;
  font-size: 16px;
  resize: none;
  font-family: Arial, Helvetica, sans-serif;
}

textarea.competition_rules:hover {
  outline: none;
  border: 2px solid red;
}

textarea.competition_rules:focus {
  outline: none;
  border: 2px solid red;
}

div.competition_rules {
  width: 90%;
  margin: 30px auto 50px auto;
  padding: 20px 10px 20px 0px;
  text-align: left;
  font-size: 16px;
  border: 3px solid #eac303;
  border-radius: 15px;
}

.competition_rules li {
  padding: 5px 0px 5px 0px;
}

@media only screen and (max-width: 1000px) {
  div.competition_rules {
    -webkit-text-size-adjust: 100%;
  }
}


/*------------------------------------------ CLUB DOCUMENTS -----------------------------------------*/



h2.club_documents {
  margin: 0;
  padding: 35px 0px 5px 20px;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
}

h3.club_documents {
  margin: 0;
  padding: 5px 0px 0px 40px;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
}

ul.club_documents {
  margin: 0;
  padding: 5px 5px 5px 5px;    
}

li.club_documents {
  margin: 0;
  padding: 5px 0px 5px 40px;
}

li.club_documents_subcat {
  margin: 0;
  padding: 5px 0px 5px 60px;
}

a.club_documents {
  color: #EAC303;
}
a.club_documents:hover {
  color: white;
}



/*------------------------------------------ SLIDESHOW -----------------------------------------*/



.mySlides {display: none}

/* Slideshow container */
/* Container for the entire slider section including the title and slider itself */
.slideshow-background {
    /*width: 100%; /* Sets the width to fill the available space */
    height: 100%; /* Sets the height to fill the available space */
    position: relative; /* Allows for absolute positioning of child elements */
    display: flex; /* Enables flexbox layout */
    flex-direction: column; /* Aligns items in a column (vertical stack) */
    justify-content: center; /* Centers content vertically */
    align-items: center; /* Centers content horizontally */
}

/* Styling for the title above the slider */
.slideshow-title {
    font-size: 4rem; /* Large font size for the title */
    margin-bottom: 20px; /* Space below the title */
    font-weight: 600; /* Semi-bold font weight */
}

/* Main container for the slider - this holds the images and navigation buttons */
.slideshow-container {
    position: relative; /* Allows for absolute positioning of navigation buttons */
    /*width: 60%; /* Sets the slider width to 60% of the parent container */
    max-width: 1200px; /* Maximum width for larger screens */
    overflow: hidden; /* Hides the overflow content (only one image is visible at a time) */
    border-radius: 10px; /* Rounds the corners of the slider */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow for depth */
}

/* Flexbox container that holds all the slides */
.slideshow {
    display: flex; /* Enables flexbox layout to line up slides horizontally */
    transition: transform 0.4s ease-in-out; /* Smooth transition when sliding between images */
}

/* Each individual slide - takes up full width of the container */
.slide {
    padding: 40px 0 50px 0;
    min-width: 100%; /* Each slide takes up 100% of the slider container's width */
    max-height: 600px; /* Fixed height for each slide */
    transition: transform 0.5s ease-in-out; /* Smooth transition when slides are changed */
}

/* Ensures that images fill the slide area while maintaining aspect ratio */
.slide img {
    /*min-width: 65%; /* Image width matches the slide width */
    height: 100%; /* Image height matches the slide height */
    object-fit: cover; /* Images are scaled to cover the entire slide, cropping if necessary */
    border-radius: 10px; /* Rounds the corners of the images to match the slider */
}

/* Common styling for number count and title */
p.slide_count, p.slide_title {
    width: 100%;
    position: absolute; /* Absolute positioning within the slider container */
    z-index: 10; /* Ensures buttons appear above the slider content */
    justify-content: center; /* Centers arrow horizontally */
    align-items: center; /* Centers arrow vertically */
    padding: 0; /* Removes any default padding */
    color: #ffffff;
    text-align: middle;
}

p.slide_count {
    top: 0%;
    transform: translateY(-50%); /* Offsets the button */
    font-size: 20px;
}

p.slide_title {
    top: 100%;
    transform: translateY(-230%); /* Offsets the button */
    font-size: 26px;
}

/* Common styling for both previous and next navigation buttons */
.prev, .next {
    position: absolute; /* Absolute positioning within the slider container */
    top: 50%; /* Centers the button vertically */
    transform: translateY(-50%); /* Offsets the button position by half its height */
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    color: white; /* White color for the arrow icons */
    border: none; /* Removes default button borders */
    width: 40px; /* Fixed width for the buttons */
    height: 40px; /* Fixed height for the buttons */
    cursor: pointer; /* Changes the cursor to pointer on hover */
    z-index: 10; /* Ensures buttons appear above the slider content */
    border-radius: 50%; /* Makes the buttons round */
    transition: background-color 0.3s ease; /* Smooth transition for background color on hover */
    display: flex; /* Enables flexbox for centering the arrow inside the button */
    justify-content: center; /* Centers arrow horizontally */
    align-items: center; /* Centers arrow vertically */
    padding: 0; /* Removes any default padding */
}

/* Positioning the previous button to the left */
.prev {
    left: 20px; /* Positions the button 10px from the left edge */
}

/* Positioning the next button to the right */
.next {
    right: 20px; /* Positions the button 10px from the right edge */
}

/* Hover effect for navigation buttons */
.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8); /* Darkens the button background on hover */
}

/* Container for the dot indicators below the slider */
.dots-container {
    margin: 20px 0 40px 0; /* Space above the dots */
    display: flex; /* Enables flexbox layout for horizontal alignment */
    justify-content: center; /* Centers the dots horizontally */
    align-items: center; /* Centers the dots vertically */
}

/* Common styling for each individual dot */
.dot {
    height: 15px; /* Fixed height for the dots */
    width: 15px; /* Fixed width for the dots */
    margin: 0 5px; /* Spacing between the dots */
    background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white background */
    border-radius: 50%; /* Makes the dots round */
    display: inline-block; /* Ensures dots are inline */
    cursor: pointer; /* Changes cursor to pointer on hover */
    transition: background-color 0.3s ease; /* Smooth transition for background color on hover */
}

/* Styling for the active dot - indicates the current slide */
.dot.active {
    background-color: rgba(255, 255, 255, 1); /* Solid white background for the active dot */
}



/*------------------------------------------ COACHES' CORNER TABS ----------------------------------------*/


.tabs {
  margin: 20px auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
  background: #2d753e;
  /*box-shadow: 0 48px 80px -32px rgba(0,0,0,0.3);*/
}
.input {
  position: absolute;
  opacity: 0;
}
.label {
  width: 100%;
  padding: 10px 30px;
  background: #2d753e;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  color: #eac303;
  transition: background 0.1s, color 0.1s;
  border: 2px solid #eac303;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  margin: 10px 0 0 0;
}
.label:hover {
  background: #2d753e;
  color: #ffffff;
}
.label:active {
  background: #2D823E;
}
.input:focus + .label {
  z-index: 1;
}
.input:checked + .label {
  background: #2D823E;
  color: #eac303;
  font-size: 18px;
  margin: 0 0 0 0;
}
@media (min-width: 600px) {
  .label {
    width: auto;
  }
}
.panel {
  display: none;
  padding: 20px 30px 30px;
  border: 2px solid #eac303;
  background: #2D823E;
  border-radius: 0 10px 10px 10px;
  margin: 0 0 30px 0;
}
@media (min-width: 600px) {
  .panel {
    order: 99;
  }
}
.input:checked + .label + .panel {
  display: block;
}




/*------------------------------------------ GLOBAL PROPERTIES -----------------------------------------*/



.centre {
  margin-left: auto;
  margin-right: auto;
}

span.text_centre {
  text-align: center; 
}	

span.text_left {
  text-align: left; 
}

span.text_white {
  color: white;
}

span.text_black {
  color: black;
}

span.error {
  color: red;
}

span.red {
  color: red;
}

span.green {
  color: #78F400;
}

img.right {
  float: right;
}

img.left {
  float: left;
}

h1 {
  font-weight: bold;
  font-size: 28px;
}

h2 {
  font-weight: bold;
  font-size: 24px;
}

h3 {
  font-weight: bold;
  font-size: 20px;
}

h4 {
  font-weight: bold;
  font-size: 18px;
}

h5 {
  font-weight: bold;
  font-size: 16px;
}

a.basic {
  color: #ffffff;
}
a.basic:hover {
  color: #EAC303;
}

a.basic2 {
  color: #EAC303;
}
a.basic2:hover {
  color: #ffffff;
}

a.red {
  color: red;
}

a.results_page_selection {
  padding: 0px 50px 0px 50px;
  color: #EAC303;
  text-decoration: none;
}

a.results_page_selection:hover {
  padding: 0px 50px 0px 50px;
  color: #ffffff;
  text-decoration: none;
}

a.results_page_selection_active {
  padding: 0px 50px 0px 50px;
  color: #ffffff;
  text-decoration: none;
}

a.results_page_selection_active:hover {
  padding: 0px 50px 0px 50px;
  color: #ffffff;
  text-decoration: none;
}

a.league_page_selection_active {
  padding: 0px 50px 0px 50px;
  color: #2D753E;
  text-decoration: underline;
}

a.league_page_selection {
  padding: 0px 50px 0px 50px;
  color: #2D753E;
  text-decoration: none;
}

a.league_page_selection:hover {
  padding: 0px 50px 0px 50px;
  color: #EAC303;
  text-decoration: none;
}

select.year {
  font-size: 20px;
}



</style>