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

a:link {
    color: blue;
    text-decoration: none;
}

a:visited {
  color: blue;
    text-decoration: none;
}

a:hover {
  ccolor: blue;
    text-decoration: none;
}


body  {
  margin:0px;
  font-family: "open sans", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
  background-color:#fff;
  width: 100%;
  min-width:1400px;
 }

          /* page titles like create account - reg_text_insert.php  */
.tx7{ color:#600d00;text-align:center;  text-shadow: 1px 1px 2px #999999;font-weight:bold; font-size:26px; line-height:30px; font-family:Arial,sans-serif }   
          /* smaller style of tx7  */
.tx6{ color:#000099; text-align:center; text-shadow: 2px 2px 4px #999999;font-weight:bold; font-size:24px; font-family:Verdana,sans-serif; }    
          /* smaller style of tx7  */
.tx5{ color:#000; text-align:center; text-shadow: 1px 1px 2px #999999;font-weight:normal; font-size:18px; font-family:Verdana,sans-serif; }   
           /* titles in side columns  */
.tx13{ color:#600d00;text-align:center;  text-shadow: 1px 1px 2px #999999;font-weight:bold; font-size:24px; line-height:28px; font-family:Arial,sans-serif }   
.tx11 { color:maroon;text-align:center;  text-shadow: 1px 2px 2px #999999;font-weight:bold; font-size:32px; line-height:38px; font-family:Arial,sans-serif }   
.tx11a { color:#fff;text-align:center;  text-shadow: 1px 2px 2px #000;font-weight:bold; font-size:32px; line-height:38px; font-family:Arial,sans-serif }   
.tx15{ color:#fff; text-align:left; text-shadow: 1px 2px 2px #000;font-weight:normal; font-size:20px;line-height:30px; }    
           /* Title in stats tables - stats_insert.php  */
.tx12 { color:#fff; text-align:center;font-weight:normal; font-size:20px;line-height:28px; font-family:Verdana,sans-serif }    
          /* Title in payment box - purchase_insert.php  */
.tx10{ color:red; text-align:center; text-shadow: 1px 1px 3px #777777;font-weight:bold; font-size:15px; font-family:Arial,sans-serif }  
          /* Title in payment box - purchase_insert.php  */ 
.tx9{ color:#4d0000;background-color:#fff;text-align:left;  text-shadow: 1px 1px 3px #666666;font-weight:normal; font-size:22px;line-height:26px; font-family: Tahoma,sans-serif }    
          /* Price in payment box - purchase_insert.php  */
.hx8{ color:#314a7f; text-shadow: 1px 1px 3px #333333;font-weight:bold; font-size:26px; font-family:Verdana,sans-serif }     
          /* Price in side column payment box - purchase_insert.php  */
.hx9{ color:#ff1a1a; text-shadow: 2px 2px 1px #000;font-weight:bold; font-size:22px; font-family:Verdana,sans-serif }    
.px1{ font-size:22px;color:yellow;text-shadow: 2px 2px 2px #000; }    
.sbe {  color:#395591;text-align:center;  text-shadow: 1px 2px 3px #999999;font-weight:bold; font-size:32px; line-height:60px; font-family:Arial,sans-serif }   
.plinks { margin-left:180px; color:#e6e6e6; font-size:14px; line-height:20px; }

#ham {
  display:none;
 }

#ham2 {
  display:none;
 }

#header_mo {
  display:none;
 }

#top_bar {
  margin:0px;
  height:42px;
  width:100%;
  text-align:center;
  background-color:#4c5358;
   }

#top_bar2 {
       width:90%;
       height:42px;
       margin-left:auto;
       margin-right:auto;
  }

.tick_con {
width:100%;min-height:36px;min-width:1400px;
  }
 

#header {
  margin:0px;
  width:100%;
  min-height:130px;
  padding:0px;
  }

#main_menu {
 display:block;
 max-width:700px;
 float:right;
 text-align:right;
 }

.stat_box {
             width:99%;
             max-width:355px;
             min-height:190px;
             border: 1px solid black;
             border-collapse: collapse;
 }

.rank {
   width:100%;
   border:none;
   padding:2px;
  }
.rank th {
   background-color:#314a7f;
   height:48px;
   color:#fff;
   text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,2px 2px 2px #000;
   text-align:center;
   font-weight:bold;
 }
.rank td {
  font-size:14px;
 }

.menu_but {
  text-align:center;
  height:46px;
  width:255px;
  cursor: pointer;
  margin-left:auto;
  margin-right:auto;
  margin-top:1px;
  color:#fff;
  font-size:18px;
  line-height:28px;
  text-shadow: 1px 1px 1px #000;
  background-color:#181a1b;
  }

.active, .btn:hover {
  background-color: #181a1b;
  }

. big {
   width:100%;
  }

.small {
  display:none;
  }

#mobile_stats {
  display:none;
  }

#name {  
  display:block;
    width:100%; 
   border-bottom:2px solid red;
  text-align:left;
  height:90px;
 }

#name2 {
  display:none;
 }

#container {
       display:table;
       width:90%;
       margin-left:auto;
       margin-right:auto;
       margin-top:10px;
       padding:0px;
       min-height:600px;
       min-width:1400px;
       max-width:1800px;
       margin-left:auto;
       margin-right:auto;
       overflow:hidden;
       border:none;
   }

#content_left  {
      display:table-cell;
      vertical-align:top;
       padding:0px;
      width:71%;
      max-width:900px;
       padding-top:3px;
      overflow:hidden;
       color:#000;
     background-color:#fff;
      border:none;
  }

#content_right  {
       display:table-cell;
      vertical-align:top;
        padding:0px;
       padding-top:3px;
       max-width:26%;
       width:400px;
       overflow:hidden;
       color:#000;
       border:none;
  }

.mob {
  display:none;
  }

.spack_up {
  display:inline-block;
  margin-top:8px;
  width:110px;
  font-size:16px;
 text-align:center;
 border: thin solid black;
 background-color:#fff;
 color:#000; 
padding:2px;
  }

.spack_dn {
  display:inline-block;
 margin-top:8px;
  width:110px;
    font-size:16px;
 text-align:center;
 border: thin solid black;
 background-color:#cce0ff;
 color:#000; 
padding:2px;
  }

#content_dir {
      width:96%;
      max-width:900px;
  }

.logo {
  order: 1;
  width:98%; 
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-top:70px;
  margin-bottom:60px;
  border: none;
  }

.title {
   margin-left:auto;
   margin-right:auto;
   width:100%;
   max-width:700px;
 }

.title2 {
   width:100%;
   max-width:800px;
 }

#left  {
      display:inline-block;
      margin:20px;
     width:25%; 
     max-width:400px;
     overflow:hidden;
     min-height: 260px;
     padding:10px;
     color:#000;
     background: rgba(0, 0, 0, 0.80);
     border: 1px solid red;
  }

#center  {
      display:inline-block;
      margin:20px;
      width:25%; 
     max-width:400px;
     overflow:hidden;
      min-height: 260px;
     padding:10px;
     color:#000;
     //background-color:#fff;
      background: rgba(0, 0, 0, 0.80);
     border: 1px solid red;
  }

#right  {
       display:inline-block;
      margin:20px;
       width:25%; 
       max-width:400px;
       overflow:hidden;
       min-height: 260px;
     padding:10px;
     color:#000;
     background: rgba(0, 0, 0, 0.80);
     border: 1px solid red;
  }

.ban_short {
  display:none;
 }
.ban_long {
   width:730px;
   text-align:center;
   margin-left:auto;
   margin-right:auto;
   max-width:730px;
   overflow:hidden;
  }

#footer  {
     width:100%; 
     margin-top:3px;
     min-width:1400px;
    min-height:200px;
     overflow:hidden;
     color:#fff;
     background-color:#000;
       }
#stats_p {
            min-width:670px;
            margin-left:auto;
            margin-right:auto;
            border-width: 1px;
             box-shadow: 0 0 5px #888888;
             border-spacing: 0px;
             border-style: outset;
             border-color: #000;
             border-collapse: collapse;
       }
#stats_p th {
        text-align:center; 
        padding:3px;
        border:none;
        color:#dead5f;
        background-color:#000;
  }
#stats_p td {
        padding-left:5px;
        padding-left:5px;
        border:none;
        color:#000;
          }

hr.st {  border-top:1px solid color:#000;
  }
#stats_ps {
  display:none;
  }

#content_1 {
  margin-left:auto;
  margin-right:auto;
  max-width:900px;
 }

.stable {
      min-width:780px;
      max-width:820px;
      border-width: 1px;
      box-shadow: 0 0 5px #888888;
      border-spacing: 0px;
      border-style: outset;
      border-color: #000;
      border-collapse: collapse;
      font-size:16px;
      color:#000;
      padding:0px;
      }
.stable th {
      text-align:right;
      padding:0px;
      border:none;
      }
.stable td {
       font-size:16px;
       font-weight:normal;
      text-align:right;
      padding:2px;
       border:none;
}

.half2 {
  display:none;
 }

.content_left {
   width:29%;
   min-width:350px;
  display:inline-block;
  vertical-align:top;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  padding:8px;
  }

.content_right {
  width: 65%;
  display:inline-block;
   vertical-align:top;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  padding:8px;
  text-align:center;
  }

.left_box {
         width:98%;
        width: 350px;
         min-height:624px;
        //margin-left:3px;
        margin-left:auto;
        margin-right:auto;
        margin-top:8px;
        text-align: center;
        font-family: Tahoma, sans-serif;
        border-style: solid;
        border-width: 2px;
        border-color: #001166;
         box-shadow: 0 0 5px #222222;
        color: #000;
    }

.rank_menu {
  padding:2px;
  width:98%;
  margin-left:auto;
  margin-right:auto;
  font-size:15px;
  }
.rank_menu td {
  background-color:#f2f2f2;
  text-align:center;
  padding:1px;
  border:thin solid #002699;
  font-size;15px;
 }

.capgrp {
  width:99%;
  text-align:left;
  color:#fff;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  margin-bottom:20px;
  max-width:890px;
  background-color:#314a7f;
  border:thin solid #888888;
  box-shadow: 5px 5px 5px #999999;
 }

.bpick {
  width:98%;
  padding:2px;
  color:#000;
  margin-left:auto;
  margin-right:auto;
  border:1px solid transparent;
  border-colllapse:separate;
  background-color:#fff;
  border-spacing:3px;
 }
.bpick td {
  color#000;
  font-size:smaller;
  background-color:#fff;
  border:1px solid #cdcdcd;
  padding:6px;
 }

.past {
   width:98%;
   margin-left:auto;
   margin-right:auto;
   font-size:14px;
  }
.past th {
   color:#000; text-align:center; text-shadow: 1px 1px 2px #999999;font-weight:normal; font-size:18px; font-family:Verdana,sans-serif; 
  }
.past td {
  text-align:left;
  padding:2px;
  font-size:14px;
  font-weight:normal;
  }

#stats {
             width:98%;
             max-width: 690px;
             margin-left:auto; 
             margin-right:auto;
             margin-top:25px;
             border-width: 2px;
             box-shadow: 0 0 5px #888888;
             border-spacing: 0px;
             border-style: outset;
             border-color: #000;
             border-collapse: collapse;
 }

#stats th {
             background-color:#314a7f;
             padding: 3px;	
             color: #ffffff;
             font-size: 15px;
             font-family:arial,sans-serif;
             font-weight:normal;
             text-align:center;	
             border:none;
 }

#stats td {	
             padding: 3px;	
             color: #000;
             font-size: 16px;
             background-color:#fff;
             border:none;
             text-align:right;
 }

.stat_title {
    background-color:#000;
    text-align:center;
 }

#content_rec {
   width:100%;
    vertical-align:top;
    border:none;
}

.recb {
            min-width:710px;
            margin-left:auto;
            margin-right:auto;
            border:2px solid #000;
            background-color:#ffe6e6;
            border-collapse:collapse;
             box-shadow: 0 0 10px #000;
            text-align:left;
       }
.recb th {
        text-align:center; 
        font-weight:500;
        line-height:20px;
        padding:3px;
        border:none;
        background-color:#000;
  }
.recb td {
        padding-left:4px;
        font-size:12px;
         border:none;
        color:#000;
          }
.recb tr:nth-child(even) {
       background-color:#ffb3b3;
  }

#reg {
  margin-left:auto; 
        margin-right:auto;
 }
  

.reg_border {
         width:98%;
        max-width: 300px;
        margin-left:auto; 
        margin-right:auto;
        margin-top:8px;
        text-align: center;
        font-family: Tahoma, sans-serif;
        border-style: solid;
        border-width: 2px;
        border-color: #001166;
         box-shadow: 0 0 15px #000;
        color: #000;
    }

.pay {
             width:98%;
             max-width:900px;
             overflow:hidden;
             margin-left:auto;
            margin-right:auto;
             text-align: left;	
            font-family: Tahoma, sans-serif;
            border: none
    }

.pay td {
             border: none;
            color:#fff; 
             font-family: Tahoma, sans-serif;
             font-style:normal;
             font-weight:500;
             text-align:left;
             font-size: 16px;
   }

.pay th {
             border: none;
             font-family: Tahoma, sans-serif;
             text-align:left;
             background-image: url('im/dash.gif');
   }

#auth {
    width: 90px;
    height: 40px;
    font-size:30px;
 }

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

#bx2 {
    width: 80px;
    height: 28px;
 }

.odds {
            width:94%;
            max-width:650px;
            margin-left:auto;
            margin-right:auto;
            border:2px solid #000;
            background-color:#ffe6e6;
            border-collapse:collapse;
       }
.odds th {
        text-align:center; 
        padding:3px;
        border:none;
        background-color:#000;
  }
.odds td {
        padding-left:5px;
        padding-left:5px;
        border:none;
        color:#000;
          }

.odds tr:nth-child(even) {
       background-color:#ffb3b3;
  }

#myBtn{ 
    display:inline-block;
    margin:10px;
    padding:10px;
    font-size:18px;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
  }

#myCn{ 
       display:inline-block;
    margin:10px;
    padding:10px;
    font-size:18px;
    color:#fff;
    font-weight:bold;
  }

.dplay {
     width:90%;
     margin-left:auto;
    margin-right:auto;
     border:1px solid blue;
     padding:3px;
  }

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 40px; /* Location of the box */
  right: 20px;
  top: 0;
  width: 250px; /* Full width */
  height: 225px; /* Full height */
  overflow: none; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  text-align:center;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.sel{
   min-width:280px;
   height:30px;
   font-size:20px;
   color:#000;
 }
.sel2{
   min-width:200px;
   height:26px;
   font-size:18px;
   color:#000;
 }

.col {
  display:inline-block;
  margin-left:auto;
margin-right:auto;
  vertical-align:top;
  text-align:center;
  font-size:14px;
  padding:15px;
  width:400px;
  max-width:420px;
  border:none;
  box-sizing: border-box;
}

.ticker-tape-container {
  overflow-x: hidden;
  min-width: 600px;
  height:40px;
  width: 100%;
  display: flex;
}

.ticker-tape {
  --direction: normal;
  --duration: 60s;
  --delay: 0s;
  --iteration-count: infinite;
  display: flex;
  gap: 1rem;
  flex: 0 0 auto;
  margin-right: 1rem;
  min-width: 100%;
  align-items: center;
  animation: marquee var(--duration) linear var(--delay) var(--iteration-count);
  animation-play-state: var(--play);
  animation-delay: var(--delay);
  animation-direction: var(--direction);
}

/* This is just some styling to make it look presentable */

.basic-styling {
  padding: 4px;
  color: #000;
  font-size: 22px;
  line-height:30px;
  }

.basic-styling span {
  padding: 4px;
  border: none;
  background-color: #fff;
}

@keyframes marquee {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}