html, body {
  margin:0;
  padding:0;
  height:100%;
}

/* Week Number Links */
a.week_numbers {  
  border-radius:7px; 
  color:#fff;
  float:left; 
  margin:5px 8px 5px 0; 
  padding:5px;
  text-decoration:none;
}
a.current_week_number {
  background: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#636363));   
  border-radius:7px; 
  color:#fff;
  float:left; 
  margin:5px 8px 5px 0; 
  padding:5px;
  text-decoration:none;
}
a.week_numbers:hover {
  background:#ccc;
}

/* utility classes */
.floatright {
  float: right;
}
.floatTime {
  float: right;
  margin-right: 17px;
}

floatright {
    float: right;
}

floatTime {
    float: right;
    margin-right: 17px;
}

/* notification bars */
.pm_notification {
  padding: 15px;
  color: #000;
  font-size: 16px;
  border: 1px dashed green;
  background-color: #f3f3f3;
}

.notice {
z-index: 15;
margin-top: -20px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
width: 745px;
height: 100%;
padding: 15px;
background-color: #ccc;
-moz-border-bottom-left-radius: 20px;
-moz-border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
color: #000;
font-family: 'Ubuntu';
text-align: center;
}

.alert {
z-index: 15;
margin-top: -20px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
width: 745px;
height: 100%;
padding: 15px;
background-color: #ccc;
-moz-border-bottom-left-radius: 20px;
-moz-border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
color: #000;
font-family: 'Ubuntu';
text-align: center;
}

#highlight-row {
background: rgba(0, 0, 0, .1);
}

/* Sortable tables */
table.sortable thead {
    cursor: pointer;
}

div.ex {
margin-top: 8px;
margin-left: auto;
margin-right:auto;
width:770px;
height: 100%;
padding:3px;
background: #cccccc;
background: -moz-linear-gradient(#f0f0f0, #cccccc); 
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cccccc),color-stop(1, #f0f0f0));	
background: -webkit-linear-gradient(#f0f0f0, #cccccc);	
background: -o-linear-gradient(#f0f0f0, #cccccc);
background: -ms-linear-gradient(#f0f0f0, #cccccc);
background: linear-gradient(#f0f0f0, #cccccc);
-moz-border-top-left-radius: 20px;
-moz-border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
color: #000;
font-family: 'Ubuntu';
font-size: 16px;
text-align: center;
}

div.ex_bottom {
z-index: 15;
margin-top: -20px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
width: 745px;
height: 100%;
padding: 15px;
background-color: #ccc;
-moz-border-bottom-left-radius: 20px;
-moz-border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
color: #000;
font-family: 'Ubuntu';
text-align: center;
}

#signup {
	width: 700px;
    position: relative;
	clear: left;
	margin: 0 auto;
	padding: 20px;
	background-color:#fafafa;
}

body {
	background-repeat:no-repeat;
	background-color: #000000;
	text-align: center;
	color: #000;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	/*width: 980px;
	margin: 20px;*/
}

#bgextend {
	width: 985px;
	position: relative;
	margin: 0px auto;
}

#bgextendnav {
	width: 592px;
	position: relative;
	margin: 0px auto;
	/*background: #fff url(../images/bg-inner6.png) top center no-repeat;
	background-color: #fff;*/
}

#bgextendlogin {
	width: 592px;
	position: relative;
	margin: 20px auto;
	/*background: #fff url(../images/bg-inner6.png) top center no-repeat;
	background-color: #fff;*/
}

#pageContent {
	padding: 20px;
	background-color: #e3e3e3;
	display: block;
	width: 1200px;
	margin: auto;
}

#header {
	display: block;
	width: 945px;
	margin: auto;
    position: relative;
	clear: left;
}

a {
	color: #044DA6;
	text-decoration: underline;
}

a.white {
	color: #fff;
	text-decoration: underline;
}

a.hover {
	text-decoration: none;
}

a img {
	border: none;
}

td {
	/*vertical-align: top;*/
}

td.fieldLabel {
	font-weight: bold
	
}

table.table1 {
    position: relative;
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 13px;
}

table.table1 th {
	background-color: #636363;
	background: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#636363));
	color: #FFF;
	padding: 7px;
}

table.table1 tr {
	background-color: #636363;
	background: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#636363));	
	
}

table.table1 tr td.lighter {
	background-color: #eee;
	color: #000;
}

table.table1 tr.altrow {
    /*controlled by team css*/	
}

table.table1 tr.hiddenrow {
    visibility: hidden;	
}

table.table1 tr.highlight-row {
    background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#a0a0a0));	
}

table.table1 tr.tiebreaker {
    background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#a0a0a0));	
}

table.table1 tr.altrow td.lighter {
	background-color: #ccc;
}

table.table1 tr.subheader {
	background-color: gray;
	color: #000;
	font-weight: bold;
}

table.table1 td {
	color: #FFF;
	padding: 5px
}

table.table1 tr.over td, table.table1 tr.overPerm td {
	background: #eee;
	color: #000;
}

table.nostyle, table.nostyle tr, table.nostyle td {
	background-color: #fff;
	border: none;
	color: #000;
}

.tiny {
	font-size: 11px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

caption {
  text-align:left;
  }

h1 {
	font-family: 'Ubuntu', sans-serif;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.1em;
	margin-top: 10px;
}

h2 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	margin-top: 10px;
}

h3 {
	font-family: 'Ubuntu', sans-serif;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
}

h4 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	margin-top: 10px;
}

h5 {
    color: #fff;
    text-transform: uppercase;
    font: bold 13px/25px 'Ubuntu', sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    margin-top: 0px;
    margin-bottom: 0px;
}

h6 {
    color: #000;
    text-transform: uppercase;
    font: bold 13px/25px 'Ubuntu', sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 0 #f0f0f0;
    margin-top: 0px;
    margin-bottom: 0px;
}

fieldset {
	display: inline;
}

label {
	cursor: pointer;
	
}

.infoFlag {
	cursor: pointer;
}

.info {
	display: none;
	position: absolute;
	background-color: #FFF;
	border: 1px solid #000;
	padding: 4px;
}

.info h4 {
	margin: 0px 0px 6px 0px;
	font-size: 12px;
}

.info p {
	margin-top: 0px;
}

.required {
	color: red;
	font-weight: bold;
}

#errors {
	margin-top: 10px;
	padding: 6px;
	border: 1px solid #000;
	background-color: #eee;
	color: red;
	font-weight: bold;
	line-height: 1.5em;
}

#login {
	width: 550px;
}

#pageContent, #login {
    z-index: 0;
	position: relative;
	clear: left;
	margin: 22.5px auto;
	padding: 30px 10px 20px 10px;
	background-color: #ffffffc4;
}

.warning {
	padding: 20px;
	color: red;
	font-size: 16px;
	font-weight: bold;
	border: 1px dashed red;
	background-color: #f3f3f3;
	margin-bottom: 10px;
}

#columnRightParent {
    overflow: hidden;
}

#columnRight {
    clear: right; 
	width: 180px;
	float: right;
    padding: 10px;
    background-color: #ccc;
}

#columnRightSponsor {
  width: 158px;
  padding: 10px;
  margin-top: 10px;
  background-color: #fff;
  border-color: #fff;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  }

#comments {
	/*width: 460px;*/
    padding: 10px;
    background-color: #ccc;
}

.boxRight {
	/*background-image: url(/images/grey_bg.png);*/
	background-repeat: repeat-y;
	background-color: #eee;
	background-position: top left;
	font-size: 11px;
	border: 1px solid #ccc;
	padding: 4px;
	margin-bottom: 10px;
}

.boxRighttwo {
	/*background-image: url(/images/grey_bg.png);*/
	background-repeat: repeat-y;
	background-color: #ccc;
	background-position: top left;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 3px;
	margin-top: 5px;
}

.standings {
    background-color: #eee;
    padding: 5px;
    width: 90%;
	margin: 0 auto 10px;
}

.time {
	background-color: #ccc;
	font-size: 11px;
	padding: 4px;
	margin-bottom: 10px;
    float: right;
	position: relative;
	right: 3px;
	width: 233px;
    text-align: left;
}

.navbar {
	background: #003366;
	border: 1px solid #000000;
	margin-bottom: 10px;
	padding: 10px;
	color: #FFF;
}

.navbar a {
	color: #FFF;
}

.navbar2 {
	background: #FFFAEB;
	border: 1px solid #B88A00;
	margin-bottom: 10px;
	padding: 10px;
}

.navbar3 {
	background: #EEE;
	border: 1px solid #CCC;
	margin-bottom: 20px;
	padding: 5px;
	width: 450px;
}

.navbar4 {
	background: #003366;
	border: 1px solid #000000;
	margin-bottom: 10px;
	padding: 10px;
	color: #FFF;
}

.responseError {
	font-size: 12px;
	padding: 15px;
	border: 2px solid #F00;
	background-color: #F1F1F1;
	width: 360px;
}
.responseOk {
	line-height: 18px;
	font-size: 12px;
	padding: 15px;
	border: 1px solid #999;
	background-color: #F1F1F1;
}

.winner {
	border: 2px solid #00cd00;
	padding: 1px;
}

.loser {
    border: 2px solid #ff0000;
	padding: 1px;
}

.tie {
    border: 2px solid #a6a6ed;
	padding: 1px;
}

div.fieldLoaded,
input.fieldLoaded {
	background-color: #f0e0d0;
	border: 1px solid #a06020;
	padding: 2px 1px;
}

div.fieldLoaded {
	padding: 0px;
}

#warnings {
	background: #eee;
	border: 1px solid #000;
	margin-bottom: 10px;
	padding: 10px;
	color: red;
	font-weight: bold;
}

#donate {
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

/* Main menu */

#menu
{
    z-index: 10;
    position: absolute;
	width: 100%;
	margin: 0px 0px -22.5px 0px;
	padding: 10px 0 0 0;
	list-style: none;  
	background: #111;
	-moz-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border-radius: 20px;
}

#menu li
{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}

#menu a 
{
	float: left;
	height: 25px;
	padding: 0 25px;
	color: #fff;
	text-transform: uppercase;
	font: bold 13px/25px 'Ubuntu', sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu li:hover > a
{
	color: #fafafa;
}




#menu li:hover > ul
{
	display: block;
}

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul ul
{
  top: 0;
  left: 150px;
}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a
{    
    padding: 10px;
	height: 10px;
	width: 130px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}




*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#666,  #999);	
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#999));
	background: -webkit-linear-gradient(#666,  #999);
	background: -o-linear-gradient(#666,  #999);
	background: -ms-linear-gradient(#666,  #999);
	background: linear-gradient(#666,  #999);
}

#menu ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #666; 
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #666; 
    border-bottom-color: transparent; 	
}


#menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.time {
    background-color: #ccc;
    font-size: 12px;
    padding: 4px;
    margin-bottom: 10px;
    float: right;
    position: relative;
    right: 10px;
    width: 233px;
    text-align: left;
}

/* scrolling box */
.scroll {
  width: 760px;
  height: 150px;
  overflow-y: scroll;
}  /* ← fixed: added closing brace */

/* your button styles */
.buttonentry {
  display: inline-block;
  width: 80%;
  margin-top: 0.7em;
  padding: 10px;
  max-width: 15%;
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .07em;
  background: white;
  border: 2px solid #000;
  outline: none;
  border-radius: 10px;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.3);
  transition: color 0.6s, box-shadow 0.3s, transform 0.3s;
  cursor: pointer;
}
.buttonentry:hover {
  box-shadow: 0 3px 5px -5px rgba(0, 0, 0, 0.3);
  color: #6f6f6f;
}

/* table wrapper */
.table-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow-x: auto;
  max-width: 100%;
}

/* go‑to‑week container */
.weekly_numbers {
  max-width: 60%;
  margin: 0 auto;
  border-radius: 3px;
  clear: both;           /* force it below any previous floats */
}

/* clear floats before your main content */
.center-wrapper {
  width: 100%;
  text-align: center;
  clear: both;           /* ensure this sits under the week nav */
}

/* responsive toggles */
@media (min-width: 769px) {
  .mobile-entry-form { display: none; }
  .desktop-only    { display: block !important; }
  .mobile-only     { display: none !important; }
}
@media (max-width: 768px) {
  .desktop-only { display: none !important; }
  .mobile-only  { display: block !important; }
}
@media (max-width: 480px) {
  .mobile-columns-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .mobile-column { width: 100%; }
}


/* Week number buttons /
.rb-box {
  margin: 0px auto;
  padding: 0.3em;
  -webkit-filter: drop-shadow(1px 2px 5px rgba(0,0,0,.3));
  filter: drop-shadow(1px 2px 5px rgba(0,0,0,.3));
}

/ Custom Radio Button */

.rb {
  text-align: center;
}

.rb-tab {
  display: inline-block;
  position: relative;

}

.rb-txt {
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #fff;
}

.rb-spot {
   border-radius:7px; 
   color:#fff;
   float:left; 
   margin:5px 8px 5px 0; 
   padding:8px;
   text-decoration:none;
}

a.rb-spot:hover {
  box-shadow: 0 3px 5px -5px rgba(0, 0, 0, 0.3);
  color: #6f6f6f;
  background:#ccc;
}

.rb-tab-active .rb-spot {
   background: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#636363));
   border-radius:7px; 
   color:#fff;
   float:left; 
   margin:5px 8px 5px 0; 
   padding:11px;
   text-decoration:none;
}

/* Desktop styles */
@media screen and (min-width: 769px) {
    .hamburger-menu {
      display: none; /* Hide hamburger menu on desktop */
    }
  
    #desktop-menu {
      display: block; /* Show desktop menu on desktop */
    }
  }

.game-info {
    background-color: #f0f0f0;
    font-size: 14px;
    padding: 10px;
}



.entryaccordion {
  width: 80%;
  margin: 0px auto;
  padding: 10px;
  max-width: 25%;
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .07em;
  background: white;
  border: 2px solid #000;
  border-color: red;
  outline: none;
  border-radius: 10px;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.3);
  transition: 
    color 0.6s, 
    box-shadow 0.3s, 
    transform 0.3s;
  cursor: pointer;
}

.entryaccordion:hover {
  box-shadow: 0 3px 5px -5px rgba(0, 0, 0, 0.3);
  color: #6f6f6f;
}	


/* Mobile styles */
@media screen and (max-width: 768px) {
  
  .entryaccordion {
    max-width: 45%; /* Match the max-width of buttonentry */
	
  }
}

/* For even smaller screens */
@media screen and (max-width: 480px) {
  .entryaccordion {
    max-width: 80%; /* Even wider on very small screens */
    font-size: 16px; /* Larger font size for very small screens */
	border-color: red;
  }
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
	text-align: left;
}

.usercell {
width: 130px;
font-size: 14px;
}

.teamicon {
position: absolute;
margin-top: 60px; /* Adjust as needed */
right: 30px; /* Adjust as needed */
        }
}

/* start table for score strip */
.table2 { margin: 0 auto; white-space: nowrap; align=center; }

table.table2 th {
    background-color: #636363;
    background: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#636363));
    color: #FFF;
    padding: 7px;
}

table.table2 tr {
    background-color: #636363;
    background: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#636363));

}

table.table2 tr td.lighter {
    background-color: #eee;
    color: #000;
}

table.table2 tr.altrow {
    /controlled by team css*/
}

table.table2 tr.hiddenrow {
    visibility: hidden;
}

table.table2 tr.highlight-row {
    background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#a0a0a0));
}

table.table2 tr.tiebreaker {
    background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#a0a0a0));
}

table.table2 tr.altrow td.lighter {
    background-color: #ccc;
}

table.table2 tr.subheader {
    background-color: gray;
    color: #000;
    font-weight: bold;
}

table.table2 td {
    color: #FFF;
    padding: 4px
}

table.table2 tr.over td, table.table1 tr.overPerm td {
    background: #eee;
    color: #000;
}

.pm_notification {
  padding: 8px 12px;
  color: #003E09;
  font-weight: 600;
  border: 2px solid green;
  background-color: #A0E3A0;
  border-radius: 6px;
  background-image: url('../images/icons/error.png');
}

/* Style for WebKit-based browsers (Chrome, Safari) */
    .scoreboardbar {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }

    .scoreboardbar::-webkit-scrollbar {
        height: 12px; /* Height of the horizontal scrollbar */
    }

    .scoreboardbar::-webkit-scrollbar-track {
        background: #f1f1f1; /* Color of the track */
    }

    .scoreboardbar::-webkit-scrollbar-thumb {
        background: #888; /* Color of the thumb */
        border-radius: 6px; /* Rounded corners */
    }

    .scoreboardbar::-webkit-scrollbar-thumb:hover {
        background: #555; /* Color of the thumb when hovered */
    }

    /* Style for Firefox */
    .scoreboardbar {
        scrollbar-width: thin; /* Width of the scrollbar */
        scrollbar-color: #888 #f1f1f1; /* Color of the thumb and track */
        overflow-x: scroll;
        overflow-y: hidden;
    }