﻿/* fontface - Source Sans Pro*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
		
body { 
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
  }

hr {
border-top: 1px solid #f7931a !important;
}

a { text-decoration: none; }

.header1 {
  background-color: #333;
  height: 70px;
  width: 100%;
  border-bottom: solid 1px #222;
}

.header2 {
  border-top: solid 1px #ffa832;
  border-bottom: solid 1px #de8306ff;
  background-color: #f7931a;
  height: 55px;
  width: 100%;
  margin-top: 30px;
}

.header-wrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 20px 0;
}

.nav-links {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 2px 0 2px 0;
 }

.nav-links ul li { display: inline-block; }

.nav-links li a:hover { 
  background-color: #4d4d4d;
  height: 55px;
  color: #fff;
  padding: 10px 18px 10px 18px;
  border-radius: 7px;
  border: 0;
}

.nav-links li a:active { 
  background-color: #4d4d4d;
  height: 55px;
  color: #fff;
  padding: 18px 18px 17px 18px;
  border-bottom: none;
}

.nav-links li a{
  border-bottom: none;
  height: 56px;
  padding: 0 18px 0 18px;
  color: #fff;
  }
  
.top-ads {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 20px 0;
}

footer {
  background-color: #1a1a1a;
  height: 15px;
  padding: 18px 0 20px 0;
  font-size: 15px;
  width: 100%;
  text-align: center;
}

p.footer-copyright {
  color: #fff;
  margin: 0 10px 0 0;
  display: block;
}

.footer-content {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

footer a{
  color: #f7931a;
}

footer a:hover { color: #f7bb0b; }

.main-body { 
  width: 1024px; 
  margin: auto;
  position: relative;
  overflow: hidden;
}


.mainblock {
  width:100%;
}
.adblock {
  width:350px;
  float:left;
}
.trblock {
  width:670px;
  float:left;
}
.clearblock {
	clear:both;
}
.flblock {
  float:left;
}
.bigadblock {
  width:750px;
  float:left;
}
.smblock {
  width:270px;
  float:left;
}


.main-body-ads {
  width: 310px; 
  float: right;
  position: relative;
  margin: 0;
  padding: 0;
  
}
  
.main-body-left {
  width: 660px;
  float: left;
}

.main-body h1{
  font-size: 50px;
  border-bottom: solid 1px #f4f4f4;
  color: #fff;
  background-color: #f7931a;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 10px;
  text-align: center;
  height:293px;
}
.main-body h2{
  font-size: 35px;
}

.main-body p {
  color: #333;
  font-size: 25px;
  line-height: 1.5em;
}

.main-body strong {
  color: #f7931a;
 }
 
p.small-info {
  color: #555;
  font-size: 21px;
}

.email-form {
  background-color: #f9f9f9;
  border: solid 1px #ccc;
  border-radius: 5px;
  color: #555;
  padding: 20px;
  font-size: 21px;
}

.main-block {
  background-color: #f9f9f9;
  border: solid 1px #ccc;
  border-radius: 5px;
  color: #555;
  padding: 20px;
  font-size: 21px;
}


.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}

.form-wrapper {
    width: 600px;
    padding: 15px;
   }
 
/* Form text input */
 
.form-wrapper input {
    width: 420px;
    height: 18px;
    padding: 10px 19px;
    float: left;    
    border: 0;
    background: #fff;
    border: solid 1px #ccc;
	
}
 
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: left;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 110px;
    font-size: 16px;
    color: #fff;
    background: #f7931a;
    border-radius: 0 3px 3px 0;      
  }   
   
.form-wrapper button:hover{     
    background: #f7bb0b;
}   
   
.form-wrapper button:active,
.form-wrapper button:focus{   
    background: #f7bb0b;
    outline: 0;   
}
 
.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #f7931a; transparent;
    top: 12px;
    left: -6px;
}
 
.form-wrapper button:hover:before{
    border-right-color: #f7bb0b;
}
 
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #f7bb0b;
}      
 
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    

.acc-nav {
 color: #fff;
 float: right;
 padding-top: 5px;
}

.acc-nav a{
  padding: 10px 18px 10px 18px;
  color: #fff;
  border-radius: 10px;
}



.acc-nav a:active { 
  background-color: #f7931a;
  height: 55px;
  color: #fff;
  padding: 18px 18px 17px 18px;
  border-bottom: none;
}

.logo {
  float: left;
  width: 200px;
  margin-top:-10px;
}

.header-balance {
  color: #fff;
  border-radius: 16px;
  background-color: #1a1a1a;
  font-size: 18px;
  padding: 5px 10px 5px 10px;
}

.balance {
 color: #f7931a;
 font-weight: bold;
}

.claim-text {
  color: #fff;
}

.claim-time {
  color: #f7931a;
  font-weight: bold;
  padding-right: 8px;
}

.orange-title{
  font-size: 30px;
  font-weight: bold;
  color: #f7931a;
  text-align: left;
  width: 1000px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

.grey-body {
  background-color: #f9f9f9;
  border: solid 1px #ccc;
  padding: 20px;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  font-size: 20px;
  color: #333;
}

div.line {
  border-bottom: solid 1px #ccc;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.orange {
  color: #f7931a;
}

.img-banners {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.img-banners img{
  padding-top: 5px;
}

.banner-code {
  background-color: #f9f9f9;
  border: solid 1px #ccc;
  padding: 20px;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  color: #333;
  font-family: Menlo, Monaco, 'Courier New';
  font-size: 13px;
}

.faq-answer {
  color: #999;
  padding-top: 5px;
}

.faq-answer a{
  color: #f7931a;
 }
 
 .top10-body {
  background-color: #f9f9f9;
  border: solid 1px #ccc;
  padding: 20px;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  font-size: 20px;
  color: #333;
}

.top-orange{
font-size: 20px;
background-color: #f7931a;
color: #fff;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
width: 450px;
}

.table {
	width:500px;
	border:1px solid #ccc;
	padding: 20px;
	background-color: #f9f9f9;
	border-radius: 5px;
	border: solid 1px #ccc;
	font-size: 15px;
	padding: 20px;
	color: #333;
}

td:nth-child(1){
	width: 350px;
	padding: 10px;
}
td:nth-child(2){
	width:150px;
	padding:10px;
}
tr:nth-child(1){
	font-weight:bold;
	color: #f7931a;
}
tr:nth-child(2n){
	background:#ddd;
	padding:10px;
}

.reg-title {
  text-align: center;
  color: #444;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

.reg-body {
  background-color: #f9f9f9;
  border: solid 1px #ccc;
  padding: 20px;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  font-size: 20px;
  color: #333;
}

.reg-input {
  color: #999;
  padding-top: 5px;
}

.reg-input input {
    width: 300px;
    height: 18px;
    padding: 10px 19px;
    border: 0;
    background: #fff;
    border: solid 1px #ccc;
}

.reg-text {
  font-size: 15px;    
}

.reg-body button{
  background-color: #f7931a;
  border: 0;
  color: #fff;
  font-size: 15px;
  padding: 10px;
  cursor: pointer;
}

.reg-body button:hover{     
    background: #f7bb0b;
}   
   
.reg-body button:active,
.reg-body button:focus{   
    background: #f7bb0b;
    outline: 0;   
}
.error, .red {
	color:red;
}
.green {
	color:green;
}
.center {
	text-align: center;
}
.buttone {
  background-color: #f7931a;
  border: 0;
  color: #fff;
  font-size: 15px;
  padding: 10px;
  cursor: pointer;
}

#wanted {
	width:95%;
	margin:0 auto;
	font-family: 'Special Elite', cursive;
}
#wanted h2 {
	text-align:center;
	margin:0;
	padding:0;
	font-size:30px;
}
#wanted p {
	text-align:center;
	margin:1px;
	padding:1px;
	font-style:16px;
}
#wanted ul {
	margin:1px;
	padding:1px;
	text-align:center;
}
#wanted li {
	display:inline-block;
	width:95px;
	height:100px;
	margin:10px;
	padding-top:80px;
	font-size:14px;
}
#wanted li:nth-child(1){
	background:url(../img/Scouter-Small.png) top center no-repeat;
}
#wanted li:nth-child(2){
	background:url(../img/Sruun-Small.png) top center no-repeat;
}
#wanted li:nth-child(3){
	background:url(../img/Crawk-Small.png) top center no-repeat;
}
#wanted li:nth-child(4){
	background:url(../img/Splunge-Small.png) top center no-repeat;
}
#wanted li:nth-child(5){
	background:url(../img/Greeny-Small.png) top center no-repeat;
}
.confirm {
	text-align: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid;
	padding:15px 10px 15px 10px;
	color:#4F8A10;
	font-size:14px;
}
.confirmform {
	float:right;
	margin:0 !important;
	padding:0 !important;
	display:inline;
	position:relative;
	top:-10px;
}
.confirmform input {
  background-color: #4F8A10;
  border: 0;
  color: #fff;
  font-size: 15px;
  padding: 10px;
  cursor: pointer;
	margin:0 !important;
}

.facebook_button {
    display: inline-block;

    background: #627aac url(../img/facebook_small.png) left no-repeat;

    border-top: 1px solid #29447e;
    border-right: 1px solid #29447e;
    border-bottom: 1px solid #1a356e;
    border-left: none;

    height: 22px;

    padding-right: 7px;
    padding-left: 29px;

    font-weight: bold;
    font-size: 11px;
    color: white;
    text-decoration: none;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    line-height: 22px;

    cursor: pointer;

}

@media only screen and (max-width: 980px) { 
	body { width: auto; max-width:950px; }


	.adblock {
	  width:98%;
	}
	.trblock {
	  width:auto;
	}
	.flblock {
	  float:auto;
	}
	.bigadblock {
	  display:none;
	}
	.smblock {
	  width:98%;
	}
	.main-body h1{
	  font-size: 45px;
	}

	
	.header-wrap {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 20px 0 20px 0;
	}
	
	.nav-links {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 2px 0 2px 0;
	}

	.top-ads {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 20px 0 20px 0;
	}
	.main-body { 
	  width: auto; 
	  margin: auto;
	  position: relative;
	  /*overflow: hidden;*/
	}
	.main-body-ads {
	  display:none;	  
	}  
	.main-body-left {
	  width: 99%;
	  float: left;
	}
	.footer-content {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding-left: 0;
	  padding-right: 0;
	}
	.banner-code {
	  background-color: #f9f9f9;
	  border: solid 1px #ccc;
	  padding: 20px;
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  border-radius: 6px;
	  color: #333;
	  font-family: Menlo, Monaco, 'Courier New';
	  font-size: 13px;
	}

	.img-banners {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	}
	.orange-title{
	  font-size: 30px;
	  font-weight: bold;
	  color: #f7931a;
	  text-align: left;
	  width: auto;
	  margin-bottom: 15px;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	.grey-body {
	  background-color: #f9f9f9;
	  border: solid 1px #ccc;
	  padding: 20px;
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  border-radius: 6px;
	  font-size: 20px;
	  color: #333;
	}
	.form-wrapper {
	    width: auto;
	    padding: 15px;
	   }
	.form-wrapper input {
	    width: 35%;
	    height: 18px;
	    padding: 10px 19px;
	    float: left;    
	    border: 0;
	    background: #fff;
	    border: solid 1px #ccc;	
	}
	img {
	   max-width: 100%;
	   height: auto;
	   width: auto\9; /* ie8 */
	}
	.footer-copyright {
	  font-size:80%;
	}
}

@media only screen and (max-width: 640px) { 
	body { width: auto; max-width:620px; }


	.adblock {
	  width:98%;
	}
	.trblock {
	  width:auto;
	}
	.flblock {
	  float:auto;
	}
	.bigadblock {
	  display:none;
	}
	.smblock {
	  width:98%;
	}
	.main-body h1{
	  font-size: 45px;
	}

	
	.header-wrap {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 20px 0 20px 0;
	}
	
	.nav-links {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 2px 0 2px 0;
	}

	.top-ads {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 20px 0 20px 0;
	}
	.main-body { 
	  width: auto; 
	  margin: auto;
	  position: relative;
	  /*overflow: hidden;*/
	}
	.main-body-ads {
	  display:none;	  
	}  
	.main-body-left {
	  width: 99%;
	  float: left;
	}
	.footer-content {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding-left: 0;
	  padding-right: 0;
	}
	.banner-code {
	  background-color: #f9f9f9;
	  border: solid 1px #ccc;
	  padding: 20px;
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  border-radius: 6px;
	  color: #333;
	  font-family: Menlo, Monaco, 'Courier New';
	  font-size: 13px;
	}

	.img-banners {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	}
	.orange-title{
	  font-size: 30px;
	  font-weight: bold;
	  color: #f7931a;
	  text-align: left;
	  width: auto;
	  margin-bottom: 15px;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	.grey-body {
	  background-color: #f9f9f9;
	  border: solid 1px #ccc;
	  padding: 20px;
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  border-radius: 6px;
	  font-size: 20px;
	  color: #333;
	}
	.form-wrapper {
	    width: auto;
	    padding: 15px;
	   }
	.form-wrapper input {
	    width: 35%;
	    height: 18px;
	    padding: 10px 19px;
	    float: left;    
	    border: 0;
	    background: #fff;
	    border: solid 1px #ccc;	
	}
	img {
	   max-width: 100%;
	   height: auto;
	   width: auto\9; /* ie8 */
	}
	.top-ads {
	  display:none;
	}
	.footer-copyright {
	  font-size:70%;
	}
}
@media only screen and (max-width: 480px) {

	body { width: auto; max-width:460px; }


	.adblock {
	  width:98%;
	}
	.trblock {
	  width:auto;
	}
	.flblock {
	  float:auto;
	}
	.bigadblock {
	  display:none;
	}
	.smblock {
	  width:98%;
	}
	.main-body h1{
	  font-size: 35px;
	}

	.header-wrap {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 20px 0 20px 0;
	}
	
	.nav-links {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 2px 0 2px 0;
	}

	.top-ads {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 20px 0 20px 0;
	}
	.main-body { 
	  width: auto; 
	  margin: auto;
	  position: relative;
	  /*overflow: hidden;*/
	}
	.main-body-ads {
	  display:none;	  
	}  
	.main-body-left {
	  width: 99%;
	  float: left;
	}
	.footer-content {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  padding-left: 0;
	  padding-right: 0;
	}
	.banner-code {
	  background-color: #f9f9f9;
	  border: solid 1px #ccc;
	  padding: 20px;
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  border-radius: 6px;
	  color: #333;
	  font-family: Menlo, Monaco, 'Courier New';
	  font-size: 13px;
	}

	.img-banners {
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	}
	.orange-title{
	  font-size: 30px;
	  font-weight: bold;
	  color: #f7931a;
	  text-align: left;
	  width: auto;
	  margin-bottom: 15px;
	  margin-left: auto;
	  margin-right: auto;
	}
	
	.grey-body {
	  background-color: #f9f9f9;
	  border: solid 1px #ccc;
	  padding: 20px;
	  width: auto;
	  margin-left: auto;
	  margin-right: auto;
	  border-radius: 6px;
	  font-size: 20px;
	  color: #333;
	}
	.form-wrapper {
	    width: auto;
	    padding: 15px;
	   }
	.form-wrapper input {
	    width: 35%;
	    height: 18px;
	    padding: 10px 19px;
	    float: left;    
	    border: 0;
	    background: #fff;
	    border: solid 1px #ccc;	
	}
	img {
	   max-width: 100%;
	   height: auto;
	   width: auto\9; /* ie8 */
	}
	.top-ads {
	  display:none;
	}
	.footer-copyright {
	  font-size:65%;
	}
}