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

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

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

a:hover {
  ccolor: #fff;
    text-decoration: none;
}

@media screen and (min-width: 700px) {

 html,body  {
  margin:0px;
  font-family: "open sans", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  background-color: #000;
  height: 100%;
   }

#wrapper {
  width:960px;
  border-style: solid;
  border-width: 3px;
  //border: 3px solid transparent;
  -webkit-border-image: url(im/gold2.jpg) repeat;
  border-image: url(im/gold2.jpg) 20  stretch;
  padding:6px;
  margin-left:auto;
  margin-right:auto;
  
  }

#header {
  margin-top:12px;
  width:960px;
  padding:0px; 
  //height:40px;
  margin-left:auto;
  margin-right:auto;
 }

#mo_header {
  display:none;
 }

.title { 
  display:none;
 }

.intro {
 width:960px;
 height:40px;
 background-image: url(im/spm_title.jpg);
 margin-left:auto;
  margin-right:auto;
  padding:0px;
 font-size:14px;
 color:#fff;
 font-weight:normal;
 }

.menu {
  width:960px;
  height:60px;
  background:#000;
  color:#fff;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
 }

.logo {
  width:100%;
  max-width:960px;
 }

.tx7{ color:#00cc00; text-align:center; font-weight:bold; font-size:24px; font-family:Verdana,sans-serif; }   
.tx5{ color:#00cc00; text-align:center; text-shadow: 2px 2px 2px #333333;font-weight:bold; font-size:20px; font-family:Verdana,sans-serif; }   
.tx4{ color:#00cc00; text-align:center; font-weight:bold; font-size:16px; font-family:Verdana,sans-serif; }   

.tx12 { color:#fff; text-align:center;font-weight:bold; font-size:22px;line-height:28px; font-family:Verdana,sans-serif }  
.tx10{ color:red; text-align:center; text-shadow: 1px 1px 1px #000;font-weight:bold; font-size:15px; font-family:Arial,sans-serif }   

.tx9{ color: #ffa64d;text-align:center;  text-shadow: 2px 2px 2px #111111;font-weight:normal; font-size:22px; font-family:Arial,sans-serif }   
.hx8{ color: #ffa64d; text-shadow: 2px 2px 1px #000;font-weight:bold; font-size:26px; font-family:Verdana,sans-serif }   


  .content {
    display: table;
    padding:0px;
    vertical-align: top;
    min-height: 700px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    border:none;
  }

  .col-left {
    display: table-cell;
    vertical-align: top;
    height:600px;
    padding:0px;
    text-align:left;
    color:#fff;
    width: 240px;
    background-image: -webkit-linear-gradient( #1c4903 5%, #000 70%);
    background-image: linear-gradient( #1c4903 5%, #000 70%);
    border: none;
  }

  .col-right {
    display: table-cell;
    width:720px;
    padding:0px;
    text-align:left;
    vertical-align: top;
    color:#fff;
    background-color:#000;
    border: none;
  }

.disclaimer {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  padding:6px;
  color:#fff;
  font-size:12px;
  font-weight:normal;
 }

.menub {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  text-align:right;
  color:#fff;
  font-size:12px;
 }

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

#bx2 {
    width: 30px;
    height: 20px;
 }

#calender {
    width:660px;
    table-layout: fixed;
    overflow: hidden;
    margin-left:auto;
  margin-right:auto;
    border:none;
    font-size:13px;
    text-shadow: 1px 1px 0px #000;
    color:#fff;
  }
#calender td  {
   width:48px;
   padding:2px;
   border:none;
   //font-weight:600;
   height:18px;
   text-align:left;
 }
#calender th  {
   text-align:center;
  }
#calculator {
  width:224px;
  height:400px;
  padding:0px;
  margin-left:auto;
  margin-right:auto;
  background-color:#061200;
  border-style: solid;
  border-width: 1px;
   -webkit-border-image: url(im/gold2.jpg) repeat;
  border-image: url(im/gold2.jpg) 20  stretch;
  }
#calculator td {
  padding:2px;
  border:none;
  color:#fff;
  font-size:14px;
  text-align:center;
 vertical-align:top;
}

.x1 {  background-color:#5e972b;  }
.x2 {  background-color:#8064a2;  }
.x3 {  background-color:#945a00;  }
.x4 {  background-color:#cf9c15;  }
.x5 {  background-color:#f45b20;  }
.x6 {  background-color:#dc2c28;  }
.x7 {  background-color:#5882be;  }
.x8 {  background-color:#36964b;  }


#stats {
                  width:540px;
                  margin-left:auto;
                  margin-right:auto;
                  font-family: "open sans", sans-serif;
	border: 2px solid #ffa64d;
                  background-color:#061200;
                  //border-collapse:collapse;
                  color: #fff;
                  
}
#stats th {
	border: none;
	padding: 1px;
	 color:green;
                  font-weight:bold;
                  text-align:center;
                  font-size:18px;
                  background-color:#000;
 }
#stats td {
	border: none;
	padding: 2px;
	color:#fff;
                  font-weight:normal;
                  text-align:center;
                  font-size:18px;
                  font-family: "open sans", sans-serif;
}
.stat_title {
background-color:#000;
}

#reg { 
   width:90%;
   max-width:400px;
   padding-left:20px;
   margin-left:auto;
   margin-right:auto;
   border:none;
   font-weight:500;
   font-size:16px; 
   -moz-box-shadow:    inset 0 0 0px #fff;
          -webkit-box-shadow: inset 0 0 0px #fff;
          box-shadow:         inset 0 0 0px #fff;
   text-align:left;
      }
#reg td {
    border:none;
    -moz-box-shadow:    inset 0 0 0px #fff;
    -webkit-box-shadow: inset 0 0 0px #fff;
    box-shadow:         inset 0 0 0px #fff;
  }

#zz {
     border:1px solid #000;
    -moz-box-shadow: inset 0 0 0px #fff;
    -webkit-box-shadow: inset 0 0 0px #fff;
      box-shadow:  inset 0 0 0px #fff;
}
#zz td {
     border:none;
    -moz-box-shadow: inset 0 0 0px #fff;
    -webkit-box-shadow: inset 0 0 0px #fff;
      box-shadow:  inset 0 0 0px #fff;
}


.pay {
              width:590px;
             margin-left:auto;
            margin-right:auto;
            min-height:150px;
             text-align: left;	
             padding: 4px;
             border: 1px solid;
             border-color: #ffa64d;
             background-color:#061200;
             border-collapse:collapse;
             color: #fff;
        }

.pay td {
             border: none;
            color:#fff; 
             font-family:arial,sans-serif;
             padding: 4px;
             font-weight:600;
             text-align:left;
             font-size: 16px;
             font-weight:normal;
      }

.pay th {
               border: none;
               text-align:left;
              padding: 4px;
             font-size:20px;
             color: #ffa64d;
    }

    #pastg {
      width:96%;
      margin-left:auto;
      margin-right:auto;
      border:1px solid #000;
      padding:2px;
      font-size:.8em;
    }
    #pastg td {
      text-align;left;
      color:#000;
      padding:1px;
      font-size:.8em;
      border:none;
      -moz-box-shadow:    inset 0 0 0px #bbf7c7;
    -webkit-box-shadow: inset 0 0 05px #bbf7c7;
    box-shadow:         inset 0 0 0px #bbf7c7;
    }

  }


@media screen and (max-width:699px) {

 html,body  {
  width:600px;
  margin-left:auto;
  margin-right:auto;
  font-family: "open sans", sans-serif;
  font-weight: normal;
  font-size: 17px;
  color: #000;
  background-color: #000;
  height: 100%;
   }

#wrapper {
  width:600px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  }

#mo_header {
  width:600px;
  //height:100px;
  vertical-align:top;
  margin-left:auto;
  margin-right:auto;
 }

#header {
  display:none;
 }

#calender {
 display: none;
}

.intro {
 background-image: url(im/headback_mo.jpg);
width:600px;
 height:30px;
 padding:0px;
 font-size:15px;
 color:#fff;
 font-weight:normal;
 }

.menu {
  width:600px;
  //height:60px;
  background:#000;
  float:right;
 }

.logo {
  padding-top:6px;
  width:100%;
  max-width:600px;
 }

.title  { 
  width:600px;
  height:30px;
  vertical-align:top;
  margin-left:auto;
  margin-right:auto;
  background-color:#1a4503;
  color:#eea022;
  text-shadow: 2px 2px 2px #000;
  font-size:18px;
  line-height:26px;
  text-align:center;
 }

.tx7{ color:#00cc00; text-align:center; font-weight:bold; font-size:20px; font-family:Verdana,sans-serif; }   
.tx5{ color:#00cc00; text-align:center; text-shadow: 2px 2px 2px #333333;font-weight:bold; font-size:20px; font-family:Verdana,sans-serif; }   

.tx12 { color:#fff; text-align:center;font-weight:bold; font-size:22px;line-height:28px; font-family:Verdana,sans-serif }    
.tx10{ color:red; text-align:center; text-shadow: 1px 1px 1px #000;font-weight:bold; font-size:15px; font-family:Arial,sans-serif }  

.tx9{ color:#ffa64d;text-align:center;  text-shadow: 2px 2px 2px #111111;font-weight:normal; font-size:22px; font-family:Arial,sans-serif }   
.hx8{ color:#ffa64d; text-shadow: 2px 2px 1px #000;font-weight:bold; font-size:26px; font-family:Verdana,sans-serif }    

  .content {
    display: table;
    padding:0px;
    vertical-align: top;
    height: 600px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    border:none;
  }

  .col-left {
    display: none;
  }

  .col-right {
    display: table-cell;
    width:600px;
    height:600px;
    padding:0px;
    text-align:left;
    vertical-align: top;
    color:#fff;
    background-color:#000;
    border: none;
  }

.disclaimer {
  width:580px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  color:#fff;
  font-size:12px;
  font-weight:normal;
 }

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

#bx2 {
    width: 60px;
    height: 32px;
    margin:5px;
 }

.menu_top {
  display:none;
 }

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

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

.pay {
              width:90%;
             margin-left:auto;
            margin-right:auto;
            min-height:150px;
             text-align: left;	
             padding: 4px;
             border: 1px solid;
             border-color: #ffa64d;
             background-color:#061200;
             border-collapse:collapse;
             color: #fff;
        }

.pay td {
             border: none;
            color:#fff; 
             font-family:arial,sans-serif;
             padding: 4px;
             font-weight:600;
             text-align:left;
             font-size: 18px;
             font-weight:normal;
      }

.pay th {
               border: none;
               text-align:left;
              padding: 4px;
             font-size:20px;
             color: #ffa64d;
    }
#stats {
                  width:96%;
                  margin-left:auto;
                  margin-right:auto;
                  font-family: "open sans", sans-serif;
	border: 2px solid #ffa64d;
                  background-color:#061200;
                  //border-collapse:collapse;
                  color: #fff;
                  
}
#stats th {
	border: none;
	padding: 1px;
	 color:green;
                  font-weight:bold;
                  text-align:center;
                  font-size:18px;
                 background-color:#000;
}
#stats td {
	border: none;
	padding: 2px;
	color:#fff;
                  font-weight:normal;
                  text-align:center;
                  font-size:18px;
                  font-family: "open sans", sans-serif;
    }
.stat_title {
background-color:#000;
}
                 }