/*
|------------------
| Tag(s) - Reset
|------------------
*/

a:link {
    color: #f8d33e;
    text-decoration: none;
}

a:visited {
    color: #f8d33e;
    text-decoration: none;
}

a:hover {
    color: #f8d33e;
    text-decoration: none;
}

 body  {
  margin:0px;
  padding:0px;
  font-family: "open sans", sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #fff;
  background-color: black;
  width:100%;
  min-width:1140px;
  }

.p4 { color:yellow; text-shadow: 2px 2px 2px #333333;font-size:19px; font-family:Arial,sans-serif }   
.h7{ color:#000; font-weight:bold; font-size:25px; font-family:Verdana,sans-serif }   
.tx8{ color:maroon; text-align:center; text-shadow: 2px 2px 3px #555555; font-weight:bold; font-size:28px; font-family:Verdana,sans-serif }   
p3{ color:yellow; font-weight:bold; font-size:16pt; font-family:Arial,sans-serif }   
         /* page titles like create account - reg_text_insert.php  */
.tx7{ color:#990000; text-align:center; text-shadow: 2px 2px 2px #777777;font-weight:bold; font-size:28px; font-family:Verdana,sans-serif; }   
          /* smaller style of tx7  */
.tx6{ color:#000; text-align:center; text-shadow: 1px 1px 2px #222222;font-weight:bold; font-size:30px;line-height:40px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx5{ color:#990000; text-align:center; text-shadow: 2px 2px 3px #666666;font-weight:bold; font-size:26px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx4{ color:#990000; text-align:center; text-shadow: 2px 2px 3px #666666;font-weight:bold; font-size:22px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx9{ color:#73264d; text-align:center; text-shadow: 2px 2px 3px #888888;font-weight:bold; font-size:20px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx3{ color:#fff; text-align:center; text-shadow: 1px 1px 2px #000000;font-weight:normal; font-size:20px; font-family:Verdana,sans-serif; }
          /* Title in stats tables - stats_insert.php  */
.tx12{ color:#000; text-align:center;font-weight:bold; text-shadow: 2px 2px 2px #888888; font-size:18px; font-family:Verdana,sans-serif }   
.tx2{ color:#000; text-align:center;font-weight:bold; text-shadow: 1px 1px 2px #555555; font-size:21px; font-family:'Barlow Light SemiCondensed'; }   
.tx3 { text-align:center;font-size:16px;color:#d6d6d6;font-weight:normal; }

          /* red text sign-in to purchase - reg_text_insert.php */
.tx10{ color:red; text-align:center; text-shadow: 1px 1px 1px #000;font-weight:bold; font-size:15px; font-family:Arial,sans-serif }   
         /* Title in payment box - purchase_insert.php  */
.py9{ color:#fff;text-align:center;  text-shadow: 3px 3px 2px #000;font-weight:bold; font-size:40px; font-family:Tahoma; }    
          /* Price in payment box - purchase_insert.php  */
.hx8{ color:#cc0000; text-shadow: 2px 2px 3px #555555;font-weight:bold; font-size:36px; font-family:Verdana,sans-serif }     

.content {
      width:100%;
      margin-left:auto;
      margin-right:auto;
      padding:0px;
      max-width:1140px;
      border:none;
     vertical-align:top;
     overflow:hidden;
     padding:0px;
     box-sizing: border-box;
    }
#ham {
 display:none;
  }
.text_border {
  margin: 2pt;
  height: 178px;
  width: 195px;
 border-width: 2pt;
 text-align: center;
  padding: 2px;
  color: #000;
  }
.oval-button {
  /* Button dimensions and appearance */
  padding: 10px 24px; /* Adjust padding to control the button's length and height */
  background-color: #000;
  color: yellow;
  border: 2px solid #7a7a7a;
  cursor: pointer;
  text-align: center;
  text-decoration: none; /* For anchor tags */
  display: inline-block; /* For anchor tags or specific layout needs */
  font-size: 20px;

  /* The key property for the oval shape */
  border-radius: 50px; /* A pixel value greater than half the button's height works well */
  /* Alternatively, use percentage for responsiveness */
  /* border-radius: 50%; */
}

/* Optional: Add a hover effect for better user experience */
.oval-button:hover {
  background-color: #333333;
}

.button-circle {
background-color: #000;
  color: yellow;
  border: 2px solid #7a7a7a;
  cursor: pointer;
  text-align: center;
  text-decoration: none; /* For anchor tags */
  display: inline-block; /* For anchor tags or specific layout needs */
  //font-size: 18px;
  border-radius: 50%; /* Makes it a circle */
  height: 50px;       /* Equal height and width */
  width: 50px;        /* Equal height and width */
  //display: grid;      /* Helps with centering content inside */
  place-items: center;
}
/* Optional: Add a hover effect for better user experience */
.button-circle:hover {
  background-color: #333333;
}
 .header {
  margin-left:auto; 
  margin-right:auto; 
  width:100%;
   max-width:780px;
  padding:0px; 
  background-color:#000; 
  border:0px;
        }
.slogo {
   width:100%;
   max-width:780px;
   margin-left:auto;
   margin-right:auto;
  }
.title {  font-size:45px; font-weight:700; color:#fff; text-align:center; }
.promo2 { width:100%; color:#d6d6d6;}
#packages { width:100%; text-align:center; margin:0px;margin-top:40px; padding:0px;  box-sizing: border-box; }
#container { width:100%; text-align:center; margin:0px;margin-top:40px; padding:0px;  min-height:500px;box-sizing: border-box; }
.paybox { width:344px; margin:7px;height:460px; display:inline-block; vertical-align:top; border:1px solid black; border-radius: 10px; padding: 3px; box-sizing: border-box; }
.packbox { width:100%;margin-left:auto;margin-right:auto;height:450px; border: 2px solid #7a7a7a; border-radius: 15px; padding: 4px; box-sizing: border-box; }
.packbox th { background-color:#f1c309; Height:100px; color:black; }
th:first-child {
  border-top-left-radius: 10px;
}

th:last-child {
  border-top-right-radius: 10px;
}

tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

td {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 10px;
  vertical-align:top;
 }
th {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 10px;
  font-size:22px;
  
}

/* Remove borders on the last row/col to prevent double thickness */
tr:last-child td {
  border-bottom: none;
}
th:last-child, td:last-child {
  border-right: none;
}
.profile {  margin-top:40px;width:100%; min-height:410px; padding:2px; color:#d6d6d6; }
.pro_left { width:53%;text-align:left; vertical-align:bottom;}
.pro_right { width:45%;text-align:right; vertical-align:bottom;}
.mobile { display:none; }
#picks { width:100%;max-width:760px;min-height:170px;margin-top:60px; }
.mobile_works { display:none; }
#footer {
    width:96%;
    margin-left:auto; 
    margin-right:auto; 
    min-height: 30px;
    color:#000;
    border:none;
    box-sizing: border-box;
  }

.rd_input {
  border-radius: 20px; /* Adjust the pixel value for desired roundness */
  border: 2px solid #d6d6d6; /* Add a solid border for clarity */
  padding: 10px; /* Add internal spacing */
  color:#fff;
  background-color:black;
  font-size:20px;
}
#stats {
   margin-right:auto;
  margin-left:auto;
   background-color:#e6e6e6;
   width:590px;
   color: #000;
   border-style: solid;
   border-width: 1pt;
  border-color: #333333;
   padding:3px;
   font-family: Tahoma, sans-serif;
  font-weight: normal;
  font-size: 1.0em;
  }

#stats td {
   background-color:#e6e6e6;
   
   color: #000;
   border-style: solid;
   border-width: 1pt;
  border-color: #333333;
   padding:3px;
   font-family: Tahoma, sans-serif;
  font-weight: normal;
  font-size: 1.0em;
  }
stat_title {
  text-align:center;
 }
.pay {
             width:98%;
             max-width:700px;
             overflow:hidden;
             margin-left:auto;
            margin-right:auto;
            border:thin solid black;
            border-collapse:collapse;
            background-color:#fff;
             box-shadow: 2px 2px 8px #777777;
        }

.pay td {
             border: none;
             color:#000; 
             font-family: Tahoma, sans-serif;
             font-style:normal;
            font-size: 18px;
            padding:4px;
   }


#topbar{
  width:100%;
  padding:0px;
  font-size:16px;
  background-color:#5b0e19;
  height:150px;
  border-bottom: 2px solid black;
 }



 .menu  {   
  //background-color:#391326;
background-image: url('https://thespotplayer.com/im/bronze.jpg');
background-size:100% 100%;
  width:100%;
  text-align:center;
  height:46px;
  padding:0px;
  text-shadow: 1px 2px 2px #000;
border-bottom:2px solid black;
  }



.fade2 {
    width: 100%;
    text-align:left;
    padding:8px;
    margin-top: 25px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    min-height: 270px;
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 0.70);
    border: none;
   box-sizing: border-box;
}






.content1 {
     width:100%;
     overflow:hidden;
     padding:0px;
     background-color:#fff;
     min-height:700px;
     box-sizing: border-box;
}

.content2 {
     width:100%;   
     color:#fff;
     padding:20px;
     overflow:hidden;
     min-height:50px;
     text-align:left;
     background-color:#5b0e19;
     border:none;
      box-sizing: border-box;
}

.inner {
    width:86%;
    max-width:1100px;
    color:#000;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
  }

#title { 
   width:100%;
   height:46px;
   font-weight:bold;
   font-size:26px;
   line-height:42px;
   color:#fff;
   text-shadow: 1px 2px 2px #000;
   text-align:center;
   background: rgb(78,2,37);
   background: linear-gradient(90deg, rgba(78,2,37,1) 0%, rgba(196,31,58,1) 50%, rgba(78,2,37,1) 100%); 
  }


.topright {
    float:right;
    position: absolute;
    top: 8px;
    right: 16px;
    font-size: 18px;
}





#gmstart{
               width:100%;
                max-width:770px;
                margin-left: auto;
                margin-right: auto;
	border-width: medium;
	border-spacing: 0px;
	border-style: solid;
	border-color: navy;
	border-collapse: separate;
	background-color:#fff;
}
#gmstart th {
	border-width: thin;
	padding: 3px;
                  color:#fff;
	border-style: solid;
	border-color: navy;
	background-color:#990000;
 }
#gmstart td {
                color:#000;
                 font-size:14px;
	border:none;
	padding: 3px;
	background-color:#fff;
 }

#pastg {
               width:100%;
                max-width:850px;
                margin-left: auto;
                margin-right: auto;
	border-width: medium;
	border-spacing: 0px;
	border-style: solid;
	border-color: navy;
	border-collapse: separate;
	background-color:#fff;
}
#pastg th {
	border-width: thin;
	padding: 3px;
                  color:#fff;
	border-style: solid;
	border-color: navy;
	background-color:#990000;
 }
#pastg td {
                color:#000;
                 font-size:13px;
	border:none;
	padding: 3px;
	background-color:#fff;
 }

#reg {
          width:98%;
        max-width: 400px;
        margin-left:auto; 
        margin-right:auto;
        text-align: left;
        font-family: Tahoma, sans-serif;
        border:none;
        color: #fff;
    }


.capid { 
         margin-left:auto; 
         margin-right:auto; 
        width:90%;
        max-width:600px;
        padding:4px;
        text-align:center;
        background-color: blue;
        color: #fff; 
        border: 1px solid #000;
            }

.odds {
              width:92%;
               max-width:780px;
              border:thin solid #000;
              margin-left:auto; 
             margin-right:auto;
             padding:0px;
                }

.odds th {
             color:#fff;
              font-size:.8em;
              background-color:#7a0800;
              text-align:center;
              padding:2px;
              }

.odds td {
              padding: 0px;	
             font-size:.8em;
             color:#000;
              border-bottom: thin solid #888888;
              border-left: none;
              border-right: none;

           }

#bx {
    width: 80px;
    height: 30px;
 }

#auth {
    width: 50px;
    height: 36px;
 }