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

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

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

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

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

.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:20px; 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:20px; 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:26px;line-height:38px; }    
           /* 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:34px; font-family:Arial,sans-serif }   
.plinks { margin-left:60px; color:#e6e6e6; font-size:14px; line-height:20px; }
#ham {
  width:100%;
  min-width:550px;
  min-height:70px;
 }

#menu {
  display:none;
 }

#header {
  display:none;
 }

#header_mo {
   width:100%;
   min-width:550px;
   text-align:center;
  }

#top_bar {
  display:none;
   }

.tick_con {
width:100%;min-height:42px;min-width:550px;
  }

. small {
   width:100%;
   min-width:550px;
  }

.big {
  display:none;
  }

#name {
  display:none;
 }

.stat_box {
             width:92%;
             min-width:278px;
             min-height:200px;
             font-size:20px;
             margin-left:auto; 
             margin-right:auto;
             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:20px;
  text-align:left;
 }

#container {
       margin: 0px;
       margin-top:8px;
       padding:0px;
       width:100%;
       min-width:500px;
       margin-left:auto;
       margin-right:auto;
       border-top: 10px solid #4c5358;
   }

#content_left  {
      width:100%;
      min-width:550px;
      margin-top5px;
     padding:0px;
     overflow:hidden;
     color:#000;
     background-color:#fff;
     border:none;
  }

#content_right  {
      width:100%;
      margin-top:20px;
      padding:0px;
       //max-width:546px;
       min-width:540px;
       overflow:hidden;
      color:#000;
       border:none;
  }
.mob {
  display:none;
  }

.spack_up {
  display:inline-block;
  margin-top:8px;
  width:110px;
  font-size:20px;
 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:20px;
 text-align:center;
 border: thin solid black;
 background-color:#cce0ff;
 color:#000; 
padding:2px;
  }

#mobile_stats {
  width:100%
  max-width:540px;
    }

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

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

.bpick {
  width:97%;
  padding:3px;
  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:4px;
 }

.past {
   width:98%;
   margin-left:auto;
   margin-right:auto;
   font-size:20px;
  }
.past th {
  text-align:center;
  font-size:24px;
  font-weight:bold;
  }
.past td {
  text-align:left;
  padding:2px;
  font-size:20px;
  font-weight:normal;
  }

.left_box {
         width:100%;
        min-width: 530px;
        min-height:760px;
        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;
    }

.pack {
  width: 98%;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  padding:0px;
  text-align:center;
  }

#footer  {
     width:100%; 
     padding:0px;
     min-width:550px;
     min-height:150px;
     color:#fff;
     background-color:#000;
    }

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

#stats {
             width:98%;
             max-width: 540px;
             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;
}

#stats_p {
            min-width:540px;
            margin-left:auto;
            margin-right:auto;
            border:2px solid #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;
  }


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

.stable {
      min-width:540px;
      max-width:540px;
      outline:1px solid black;
      border-spacing: 0px;
      font-size:16px;
      color:#000;
      border:none;
      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;
}

.full2 {
display:none;
  }

.pay {
             width:98%;
             max-width:542px;
             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');
   }

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

#auth {
    width: 110px;
    height: 50px;
    font-size:35px;
 }

input[type=text], input[type=email], input[type=number], input[type=password] {
  width: 88%;
 font-size:28px;
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  resize: vertical;
 }

select {
  width: 82%;
 font-size:28px;
 margin-top:6px;
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  resize: vertical;
 }

input[type=submit] {
font-size:28px;
}

textarea {
  width: 96%;
 font-size:24px;
  padding: 0px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  resize: vertical;
 }

#bx2 {
    width: 90px;
    height: 40px;
 }


.sel{
   min-width:300px;
   height:30px;
   font-size:22px;
   color:#000;
 }

.sel2{
   min-width:180px;
   height:26px;
   font-size:18px;
   color:#000;
 }
.col {
  display:block;
 margin-left:auto; 
 margin-right:auto;
  width:500px;
  border:1px solid black;
  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);
    }
}