@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.0.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: open sans;
text-rendering: optimizelegibility;
min-width: 1000px;
font-size: 13px;
background-image: url(i-img/fabric_plaid.png);
}
.container {
padding: 0 15px;
width: 970px !important;
}
a:hover {
text-decoration: none;}

.padding0{
padding: 0;
}
.margin0{
margin: 0;
}	
.gray{
background-color: #9EA7B3;}

#content {
display: inline-block;
position: relative;
width: 940px;
}
h1 {
background-color: #00AFD1;
border-radius: 2px;
color: #FFFFFF;
font-family: Open Sans;
font-size: 22px;
margin: 10px 0;
padding: 5px 3px 5px 15px;
}	
h2 {
color: #00AFD1;
font-size: 18px;
}
/* --------- buttons --------*/	
.btn.azul {
border: 1px solid #00A7CA;
background-attachment: scroll;
background-color: #00AFD1;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}
.btn.azul:hover {
background-attachment: scroll;
background-color: #0094B3;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}
.btn.laranja {
background: none repeat scroll 0 0 #f27935;
border: 1px solid #F16F27;
}
.btn.laranja:hover {
background-attachment: scroll;
background-color: #EC5C0F;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}	
.btn.verde {
background: none repeat scroll 0 0 #1fbba6;
border: 1px solid #1CA897;
}
.btn.verde:hover {
background-attachment: scroll;
background-color: #1CAA98;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}
.btn.cinza {
background: none repeat 0 0 #9ea7b3;
color: #FFF;
border: 1px solid #999;
}
.btn.cinza:hover {
background-color: #858F9E;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}
.btn.laranja.logout {
font-size: 18px;
padding: 3px 7px;
width: auto;
}


/* --------- Header --------*/

header {
background: none repeat scroll 0 0 #33485D;
color: #dddddd;
font-size: 13px;
min-height: 35px;
}
.servertime {
float: left;
padding-top: 7px;
}
.resettime {
float: left;
margin-left: 15px;
padding-top: 7px;
}

.topstats {
display: inline-block;
font-size: 14px;
line-height: 30px;
margin: 2px auto -1px;
}
.totalusers {
float: left;
margin-left: 0;
}
.totalclicks {
float: left;
margin-left: 30px;
}
.topstats .glyphicon.glyphicon-usd {
font-size: 13px;
font-weight: lighter;
}
.topstats .totalusers .ion-ios7-contact-outline {
color: #D7AF0D;
font-size: 17px;
vertical-align: baseline;
}
header .col-xs-6.col-sm-4 {
text-align: center;
}
.col-xs-4.topstats1 {
height: 34px;
}
.totalpaid {
float: left;
margin-left: 30px;
}
.topstats i {
border: 2px solid #4FBEBA;
border-radius: 11px;
color: #4FBEBA;
font-size: 13px;
padding: 2px 3px 3px;
vertical-align: text-bottom;
}
.totalusers span {
color: #D7AF0D;
}
.totalclicks span {
color: #4FBEBA;
}
.totalpaid span {
color: #64B92A;
}
.totalusers i {
border: 2px solid #D7AF0D;
border-radius: 11px;
color: #D7AF0D;
font-size: 13px;
padding: 2px 4px 3px;
vertical-align: text-bottom;
}
.topstats .glyphicon.glyphicon-usd {
border: 2px solid #64B92A;
border-radius: 11px;
color: #64B92A;
font-size: 12px;
padding: 3px 4px 3px 3px;
vertical-align: text-bottom;
}
.menutop .btn {
display: block;
float: right;
height: 35px;
margin-left: 1px;
opacity: 0.9;
padding: 6px 0;
width: 75px;
border-radius: 0;
}
.menutop .btn:hover {
opacity: 1;
}
.btn.btn-inverse.btn-square.socials {
background: none repeat scroll 0 0 #1B354F;
border: 0 none;
float: right;
margin: 0 1px 0 0;
padding: 9px 0;
width: 35px;
}
.btn.btn-inverse.btn-square.socials:hover {
background: none repeat scroll 0 0 #0F263D;
color: #FFF;
}

/* --------- Header logged in --------*/
.menutop1 {
float: right;
}
header .dropdown {
border-right: 2px solid #2C3E51;
display: inline-block;
font-size: 14px;
margin-top: 7px;
padding-left: 15px;
padding-right: 15px;
}
header .logout {
border-right: 2px solid #2C3E51;
color: #FFA500;
margin-left: 15px;
padding-right: 15px;
}
header .logout:hover {
color: red;
}
header .dropdown > a {
color: #00AFD1;
}
header .dropdown > a:hover {
color: #ffffff;
}
header .col-md-7 {
text-align: right;
}
header .dropdown-menu {
font-size: 12px;
text-align: left;
}
header .messages .badge {
background: none repeat scroll 0 0 #FF0000;
font-size: 9px;
padding: 2px 3px;
position: absolute;
right: 2px;
top: -3px;
}
header .messages {
border-right: 2px solid #2C3E51;
color: #FFFFFF;
font-size: 15px;
padding: 0 5px;
position: relative;
}

.dropdown.op1 {
padding: 0 3px;
}
.dropdown.op1 > a {
color: #FFFFFF;
}
header .dropdown.op1 .dropdown-menu {
margin: 4px 0 0 -58px;
}
/* --------- Navigation --------*/
.menu-bg nav.navbar {
border: medium none;
}
.menu-bg {
background: none repeat scroll 0 0 #FFFFFF;
height: 80px;
width: 100%;
border-bottom: 2px solid #00AFD1;
}
.navbar-default {
background-color: #ffffff;
}
ul.nav.navbar-nav {
float: right;
font-size: 17px;
padding-top: 15px;
}
.navbar-default .nav li a, .navbar-default .nav li a:focus, .navbar-default .nav li a:hover {
color: #777777;
font-weight: lighter;
margin-left: 19px;
z-index: 1;
}

/* --------- Slider --------*/

.slider-bg {
background: #ecf0f1;
height: 345px;
}

/* --------- Logos --------*/

.logos{
margin-bottom:0px; padding-top:30px; margin-top:30px;
}

/* --------- HomePage --------*/

.index {
min-height: 100%;
padding-top: 20px;
text-align: justify;
}

/* --------- Slider --------*/

.jumbotron {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
box-shadow: none;
height: 345px;
padding: 0;
}
.carousel.slide {
height: 345px;
}
.carousel-indicators {
bottom: -9px;
}
.jumbotron .container {
height: 345px;
max-width: 970px;
position: relative;
}
.carousel.slide a.woman{
height: 342px;
width: 373px;
background-image: url(i-img/slider/woman.png);
background-repeat: no-repeat;
position: absolute;
display:block;
left: 70px;
}
.carousel.slide a.monitor{
height: 342px;
width: 373px;
background-image: url(i-img/slider/monitor.png);
background-repeat: no-repeat;
position: absolute;
display: block;	left: 70px;
}

.carousel.slide a.world{
height: 342px;
width: 658px;
background-image: url(i-img/slider/world.png);
background-repeat: no-repeat;
position: absolute;
display:block;
right: 500px;
}

.carousel.slide a.girl{
height: 342px;
width: 481px;
background-image: url(i-img/slider/girl.png);
background-repeat: no-repeat;
position: absolute;
display: block;	left: 0px;
}
.carousel.slide .sliderright {
float: right;
height: 344px;
width: 449px;
}
.carousel.slide .sliderright .tit {
font-family: open sans;
font-size: 44px;
margin-bottom: 10px;
margin-top: 10px;
}
.carousel.slide .sliderright .tit > span {
font-weight: 700;
}
.carousel.slide .sliderright ul {}
.carousel.slide .sliderright ul li {
color: #00AFD1;
font-size: 26px;
list-style: none outside none;
}
.sliderright ul li img {
margin-right: 10px;
vertical-align: inherit;
}	
.carousel.slide .sliderright .processadores {
background-image: url("i-img/slider/processors.png");
background-repeat: no-repeat;
height: 149px;
position: absolute;
right: 30px;
top: 111px;
width: 87px;
}
.carousel.slide .sliderright a.btn {
background: none repeat scroll 0 0 #F39C12;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
margin-left: 70px;
margin-top: 15px;
width: 150px;
}
/* Homepage News
-----------------------------------------------------------------*/	
.row.main1 {
margin-bottom: 10px;
}
.index .news {
background-color: #F9F9F9;
border: 1px solid #EEEEEE;
margin: 0 auto 20px;
min-height: 67px;
min-width: 300px;
overflow: hidden;
padding: 10px 10px 0;
position: relative;
width: 100%;
}
.index .news > img {
float: left;
}
.index .news > ul {
list-style: circle outside none;
margin: 0;
padding-left: 170px;
text-align: left;
margin-top: 0px;
}
.index .news li {
font-size: 13px;
line-height: 16px;
}

/* Featured Links
-----------------------------------------------------------------*/	
.index .featured {
background-color: #F9F9F9;
border: 1px solid #EEEEEE;
margin: 0 auto;
min-height: 67px;
overflow: hidden;
position: relative;
width: 100%;
padding: 10px 10px 0;
font-size: 12px;

}
.index .featured > img {
float: right;
}
.index .featured div.fad {
max-height: 56px;
overflow: hidden;
padding: 0;

}

.index  .featured li.featuredadhead {
font-size: 2px;
text-decoration: underline;
font-weight: bold;
}

.index .fad > ul {
margin: 0;
padding: 0;
font-size: 12px;
}



.index .featured div.fad ul li {
list-style-type: none;
font-size: 12px;

}
.index .featured div.fad a {
color: #2c5780;
display: table-footer-group;
font-size: 12px;
line-height: 13px;
padding: 0 10px 0 0;
text-align: start;
}

/* --------- Main After Slider --------*/
.thumbnail {
background-color: #ECF0F1;
border: 1px solid #DDDDDD;
border-radius: 3px;
display: block;
line-height: 1.42857;
margin-bottom: 20px;
padding: 20px 4px 4px;
}
.thumbnail:hover {
background-color: #dce6e8;
}
.thumbnail .caption h3 {
color: #33485D;
font-size: 18px;
font-style: normal;
font-weight: 600;
}
.thumbnail .caption .txt {
color: #7F8F9F;
font-size: 13px;
font-weight: 400;
margin-bottom: 25px;
}
.thumbnail .btn {
width: 100%;
}
.thumbnail .caption > p {
margin-bottom: 0;
}


/* --------- Footer Banners --------*/


.banners .col-xs-6 {
margin-bottom: -10px;
margin-top: 10px;
padding: 0;
}
.row.main1.banners {
margin: 10px 0 20px;
}
.col-xs-6.bannerleft {
padding-left: 0;
}
.col-xs-6.bannerright {
padding-right: 0;
}


/* --------- Footer Nav--------*/
.flogo{
background-image: url(i-img/footer/g4.png);
height: 135px;
width: 109px;
display: block; 
}
.footer {
background-color: #9EA7B3;
padding: 15px 0px 18px;
width: 100%;
}
.footer-logo {
float: left;
height: 113px;
line-height: 32px;
margin-top: -5px;
width: 13%;
}
.footer-nav .nav-title {
color: #33485D;
font-weight: 600;
margin-bottom: 10px;
}
.footer dl:first-child {
padding: 0;
}
.footer dl:last-child {
padding-right: 0;
margin-left: 9px;
}
.footer-nav .nav-item > a {
color: #ffffff;
}
.footer-nav .nav-item > a:hover {
color: orange;
}
.footer dl {
border-left: 1px solid #999999;
float: left;
height: 105px;
margin-bottom: 10px;
margin-top: 0;
padding-left: 20px;
width: 21%;
}
.footer-nav .nav-item {
line-height: 22px;
font-size: 13px;
width: 200px;
}
.footer-nav .nav-item img {
margin: -3px 3px 4px 0;
}
/* --------- Footer --------*/

.footer-wrap {
margin-top: 35px;
}
.footer1 {
background-color: #9ea7b3;}
.footer2 {
background-color: #33485D;
color: #cccccc;
}
.footer2 p {
float: left;
font-size: 12px;
margin: 5px 0;
}
.footer2 .alignright {
float: right;
}
.row.main1.banners {
margin: 8px auto 0;
width: 941px;
}
.col-xs-6.bannerleft {
padding-left: 0;
}
.col-xs-6.bannerright {
padding-right: 0;
}
.banner {
height: 60px;
width: 468px;
background-attachment: scroll;
background-color: #EFEFEF;
background-image: url(i-img/footer/nobanner.png);
background-repeat: repeat;
background-position: 0 0;
margin-left: 1px;
}


/* --------- Contacts Page --------*/
#content.contacts {
display: inline-block;
position: relative;
padding: 10px 15px 25px;
margin-top: 15px;
}

#content.contacts.noaddress > form {
padding: 20px 230px;
width: 100%;
}
.contacts.noaddress div.agree {
margin-right: -221px;
}
.contacts h3 {
color: #00AFD1;
font-size: 13px;
height: 22px;
margin: 0;
}
.contacts form {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 3px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
float: left;
padding: 20px;
width: 500px;
}
.contacts #letters {
font-size: 11px;
padding-left: 104px;
}
.contacts div.agree {
color: #FFFFFF;
float: right;
margin-right: -435px;
margin-top: -57px;
}
.contacts div.agree > input {
float: right;
min-width: 35px;
width: 20px;
}
.contacts textarea {
height: 100px;
width: 335px;
}
.contacts form input {
font-size: 13px;

padding-left: 10px;
}
.contacts form div #email, .contacts form div #subject {
width: 335px;
}
.contacts form .captcha {
padding-left: 100px;
}
.contacts form input.btn {
float: right;
font-size: 19px;
margin-right: 51px;
margin-top: 13px;
padding: 3px 20px;
margin-top: 23px;
}
.contacts form input.btn.btn-warning {
margin-right: 15px;
}





/* --------- Contacts Page RIGHT--------*/
.contacts .right div {
border-bottom: 0 solid #E0DFDC;
}
.contacts .right div span {
background: url(images/news-arrow.png) no-repeat 0 3px;
width: 55px;
padding: 0 0 0 20px;
display: inline-block;
font-weight: bold;
}
.contacts .right {
background: none repeat scroll 0 0 #FCFCFC;
border-radius: 2px;
float: right;
padding: 0 20px;
width: 394px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}

.contactimages {
margin-left: -5px;
margin-bottom: 10px;
}

.contacttext {
float: right;
}


.contacts .right h1 {
background-color: #00AFD1;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: #FFFFFF;
font-family: Open Sans;
font-size: 22px;
margin-bottom: 10px;
padding: 5px 3px 5px 15px;
font-size: 15px;
margin-top: -1px;
margin-right: -21px;
margin-left: -21px;
}





/* --------- Contacts Page MAP--------*/
.contacts .map_canvas_right {
background: none repeat scroll 0 0 #FCFCFC;
border-radius: 3px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
float: right;
margin: 15px 0 5px;
padding-bottom: 15px;
width: 394px;
}

.contacts .map_canvas_right h1 {
background-color: #00AFD1;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: #FFFFFF;
font-family: Open Sans;
font-size: 22px;
margin-bottom: 10px;
padding: 5px 3px 5px 15px;
font-size: 15px;
margin-top: -1px;
margin-right: -1px;
margin-left: -1px;
}

.contacts .map_canvas_right2 h1 {
background-color: #00AFD1;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: #FFFFFF;
font-family: Open Sans;
font-size: 22px;
margin-bottom: 10px;
padding: 5px 3px 5px 15px;
font-size: 15px;
margin-top: -5px;
margin-right: -26px;
margin-left: -26px;
}

.contacts #map_canvas {
border-color: #EAEAE9;
height: 240px;
margin: 0 auto;
width: 350px;
}
.contacts .map_canvas_right > h2 {
padding-left: 20px;
}




/* --------- Forms --------*/

label {
display: inline-block;
font-size: 12px;
font-weight: 600;
margin-bottom: 5px;
padding-right: 10px;
text-align: right;
width: 100px;
}
form div {
margin-bottom: 5px;
}
form input {

padding-left: 10px;
font-size: 13px;
}
label.area {
vertical-align: top;
}
::-webkit-input-placeholder {
color: #B1707C;
font-family: open sans;
font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
color: #B1707C;
font-family: open sans;
font-size: 12px;
}
::-moz-placeholder {  /* Firefox 19+ */
color: #B1707C;
font-family: open sans;
font-size: 12px;  
}
:-ms-input-placeholder {  
color: #B1707C;
font-family: open sans;
font-size: 12px; 
}
#inner form div.buttons {
margin: 10px 0;
background: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;

-moz-user-select: none;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
background-color: #47A447;
color: white;
}
/* --------- Alerts --------*/

.success{
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
margin-bottom: 10px;
padding: 15px;
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #3C763D;
margin-top: 10px;
display:block;
overflow:hidden;    
animation:success 0.5s 1;
-webkit-animation:success 0.5s 1;
animation-fill-mode: forwards;
animation-delay:2.5s;
-webkit-animation-delay:2.5s; /* Safari and Chrome */
-webkit-animation-fill-mode: forwards;
} 

@keyframes success{
from {opacity :1; margin-top: 0; width:inherit; height:inherit;}
to {opacity :0; display: hidden; padding: 0px; margin-bottom: 0px; margin-top: 0vh; width:0; height:0;}
}

@-webkit-keyframes success{
from {opacity :1; margin-top: 0; width:inherit; height:inherit;}
to {opacity :0; display: hidden; padding: 0; margin-bottom: 0px; margin-top: 0vh; width:0; height:0;}
}


.error {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
margin-bottom: 10px;
padding: 15px;
background-color: #F2DEDE;
border-color: #f5c7c7;
color: #A94442;
margin-top: 10px;
display:block;
overflow:hidden;

animation:error 0.5s 1;
-webkit-animation:error 0.5s 1;
animation-fill-mode: forwards;
animation-delay:2.5s;
-webkit-animation-delay:2.5s; 
-webkit-animation-fill-mode: forwards;



}

@keyframes error{
from {opacity :1; margin-top: 0; width:inherit; height:inherit;}
to {opacity :0; display: hidden; padding: 0px; margin-bottom: 0px; margin-top: 0vh; width:0; height:0;}
}

@-webkit-keyframes error{
from {opacity :1; margin-top: 0; width:inherit; height:inherit;}
to {opacity :0; display: hidden; padding: 0; margin-bottom: 0px; margin-top: 0vh; width:0; height:0;}
}


.coingriderror {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
margin-bottom: 10px;
padding: 15px;
background-color: #F2DEDE;
border-color: #f5c7c7;
color: #A94442;
margin-top: 10px;
display:block;
overflow:hidden;

animation:coingriderror 0.5s 1;
-webkit-animation:coingriderror 0.5s 1;
animation-fill-mode: forwards;
animation-delay:2.5s;
-webkit-animation-delay:2.5s; 
-webkit-animation-fill-mode: forwards;
}

@keyframes coingriderror{
from {opacity :1; margin-top: 0; width:600px; height:inherit;}
to {opacity :0; display: hidden; padding: 0px; margin-bottom: 0px; margin-top: 0vh; width:0; height:0;}
}

@-webkit-keyframes coingriderror{
from {opacity :1; margin-top: 0; width:600px; height:inherit;}
to {opacity :0; display: hidden; padding: 0; margin-bottom: 0px; margin-top: 0vh; width:0; height:0;}
}











.error .close {
position: relative;
top: -2px;
right: -21px;
line-height: 18px;
}
button.close {
padding: 0;
margin: 0;
border: 0;
background: none;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 18px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}




















/* --------- settings --------*/
.settingss {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 0 3px 3px 0;
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
left: 0;
padding: 1px 2px 8px 0;
position: fixed;
text-align: center;
top: 50%;
}
.settingss > form {
font-size: 9px;
margin: 0;
}
.settingss form select {
box-shadow: none;
}
.settingss .glyphicon.glyphicon-cog {
color: #00AFD1;
font-size: 21px;
}



/* --------- Login --------*/	

#content.login {
margin-top: 15px;
padding: 10px 15px 25px;
}
.cookies > select {
width: 177px;
}


/* --------- Login - Register --------*/	

#content.login form, #content.register form {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #cccccc;
min-height: 420px;
padding: 20px 30px;
width: 405px;
}

#content.login form input.btn, #content.register form input.btn {
font-size: 19px;
margin-left: 181px;
margin-top: 5px;
padding: 3px 40px;
}
#content.login form label, #content.register form label {
width: 140px;
}

#content.login .col-xs-3.direita, #content.register .col-xs-3.direita {
padding-left: 0;
width: 264px;
}
#content.login .col-xs-3.esquerda, #content.register .col-xs-3.esquerda {
padding-right: 0;
}
#content.login .right, #content.register .right {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
min-height: 420px;
}
#content.login .col-xs-6, #content.register .col-xs-6 {
margin-right: 20px;
width: 420px;
}
#content.login ul.nav.nav-pills, #content.register ul.nav.nav-pills  {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
height: 420px;
max-width: 220px;
padding: 7px;
}
#content.login .nav.nav-pills .active > a, #content.register .nav.nav-pills .active > a {
background: none repeat scroll 0 0 #9EA7B3;
}
#content.login .nav-pills > li > a, #content.register .nav-pills > li > a {
background: none repeat scroll 0 0 #EFEFEF;
border-radius: 2px;
font-size: 14px;
padding: 7px 15px;
}
#content.login .right h2, #content.register .right h2 {
background: none repeat scroll 0 0 #9EA7B3;
color: #FFFFFF;
margin: 6px;
padding: 4px 0;
text-align: center;
}

#content.login  .right > div, #content.register  .right > div {
background: none repeat scroll 0 0 #EFEFEF;
font-size: 11px;
height: 177px;
line-height: 14px;
margin: 10px;
overflow: hidden;
padding: 5px 20px 0;
text-align: center;
}
#content.login  .captcha, #content.register  .captcha {
margin-top: 30px;
margin-bottom: 20px;
}

/* --------- Login2 --------*/	

#content.login2 {
margin-top: 15px;
padding: 10px 15px 25px;
}
#content.login2 h2 {
margin: -9px 0 15px 150px;
}
#content.login2 form {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
height: 300px;
padding: 20px 165px;
width: 675px;
}
#content.login2 form input.btn {
float: right;
font-size: 19px;
margin-left: 15px;
margin-top: 5px;
padding: 3px 40px;
width: 130px;
}
#content.login2 form label {
width: 145px;
}
#content.login2 a.btn.btn-warning.btn-lg {
float: right;
margin: 5px 0 0;
padding: 4px 16px;
}
#content.login2 form input {
font-size: 13px;
padding-left: 10px;
width: 193px;
}
#content.login2 .col-xs-3.direita{
padding-left: 0;
width: 264px;
}
#content.login2 .col-xs-3.esquerda {
padding-right: 0;
}
#content.login2 .right {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
min-height: 420px;
display: none;
}
#content.login2 .col-xs-6{
margin-right: 20px;
width: 420px;
}
#content.login2 ul.nav.nav-pills {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
height: 300px;
max-width: 220px;
padding: 7px;
}
#content.login2 .nav.nav-pills .active > a{
background: none repeat scroll 0 0 #9EA7B3;
}
#content.login2 .nav-pills > li > a{
background: none repeat scroll 0 0 #EFEFEF;
border-radius: 2px;
font-size: 14px;
padding: 7px 15px;
}
#content.login2 .right h2 {
background: none repeat scroll 0 0 #9EA7B3;
color: #FFFFFF;
margin: 6px;
padding: 4px 0;
text-align: center;
}
.login .btn.btn-warning.btn-lg {
margin-top: -56px;
padding: 6px 13px;
}
#content.login2  .right > div{
background: none repeat scroll 0 0 #EFEFEF;
font-size: 11px;
height: 177px;
line-height: 14px;
margin: 10px;
overflow: hidden;
padding: 5px 20px 0;
text-align: center;
}
#content.login2  .captcha {
margin-top: 30px;
margin-bottom: 20px;
}

.login h2 {
margin: 0 0 20px;
}
/* --------- Register --------*/	

#content.register {
margin-top: 15px;
padding: 10px 15px 25px;
}
#content.register h1 span {
float: right;
font-size: 12px;
font-weight: 600;
margin-right: 10px;
margin-top: 5px;
}
#content.register label.app {
width: 160px;
margin-left: -20px;
}
#content.register form div {
margin-bottom: 0;
}
#content.register .captcha {
margin-bottom: 20px;
margin-top: 15px;
}
#content.register form {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
display: inline-block;
height: auto;
padding: 20px 30px;
width: 405px;
}
#content.register form input.btn {
float: right;
margin-left: 8px;
margin-right: 21px;
margin-top: 5px;
padding: 3px 14px;
}
#content.register .right {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
height: 481px;
}
#content.register ul.nav.nav-pills {
height: 480px;
}
#content.register.off form {
padding-left: 166px;
width: 675px;
padding-right: 161px;
}
.btn.btn-warning.btn-lg {
background: none repeat scroll 0 0 #FFA500;
}

/* --------- COIN GRID CSS --------*/	

#content.cointoss {
margin-top: 15px;
padding: 10px 15px 25px;
}
#content.cointoss h1 span {
float: right;
font-size: 18px;
margin-right: 15px;
color: yellow;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#content.cointoss h1 span .glyphicon.glyphicon-thumbs-up {
margin-left: 10px;
}
.coinright {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
font-size: 12px;
margin-top: 5px;
padding: 9px;
width: 277px;
}
.cointoss #inner table {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #E8E8E8 #E8E8E8 -moz-use-text-color;
border-image: none;
border-radius: 8px 8px 0 0;
border-spacing: 0;
border-style: solid solid none;
border-width: 1px 1px 0;
margin: 20px 10px;
margin-left:auto;
margin-right:auto;
}
.cointoss #inner table td {
background: #fff;
height: 30px;
padding: 0 0 0 10px;
border-bottom: 1px solid #e8e8e8;
width: 900px;
}
.cointoss #inner table th {
background: none repeat scroll 0 0 #33485D;
color: #FFFF00;
font-size: 11px;
font-weight: 600;
height: 30px;
text-align: center;
text-indent: 8px;
}
.cointoss #inner {
float: none;
position: relative;
width: 100%;
margin: 0;
}
.coinstats #inner table {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #E8E8E8 #E8E8E8 -moz-use-text-color;
border-image: none;
border-radius: 8px 8px 0 0;
border-spacing: 0;
border-style: solid solid none;
border-width: 1px 1px 0;
margin: 20px 10px;
width: 955px;
margin-left:auto;
margin-right:auto;
}
.coinstats #inner table td {
background: #fff;
height: 30px;
padding: 0 0 0 10px;
border-bottom: 1px solid #e8e8e8;
width: 900px;
}
.coinstats #inner table th {
background: url("images/header2.png") repeat-x scroll 0 0 transparent;
color: #FFFFFF;
font-size: 11px;
height: 30px;
text-align: left;
text-indent: 8px;
}

.clicked {
background-color:black !important;
cursor :default !important;
}
.coingridbar {
background-color: #000000;
border: medium none;
color: #FFFFFF;
display: inline-block;
font-size: 14px;
left: 0;
margin-bottom: 0;
margin-left: 0;
margin-top: 8px;
padding: 8px 0;
position: absolute;
text-align: center;
top: 0;
width: 600px;
line-height: 10px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}

#myContent { 
text-align:left;  
}
#myContent { 
display:block;  
margin:0 auto; 
}
.coinrightstats {
border: 1px solid #CDCDCD;
float: left;
font-size: small;
margin-left: -276px;
margin-top: 94px;
/* min-height: 82px; */
padding: 15px;
width: 276px;
}
.coinrightstatsloggedout {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
font-size: 13px;
margin-left: -277px;
margin-top: 233px;
min-height: 82px;
padding: 9px;
width: 277px;
}

.textshadow {
text-shadow: 2px 1px 0 #E6E2E2;
}

.small {
font-size:9px;
float: right;
}

.normal {
font-size: 12px;
}

.runaround {
background: none repeat scroll 0 0 #FFffff;
display: block;
height: 305px;
margin: 0;
padding: 0;
position: relative;
width: 600px;
z-index: 1;
}
.runaround1{
display: block;
height: 305px;
margin: 0;
padding: 0;
position: absolute;
width: 600px;
z-index: 9999;
}
#content.cointoss form table.cointossgrid {
border: medium none;
height: 305px;
margin: 0;
padding: 0;
position: absolute;
top: 34px;
z-index: 2;
}
.cointossgrid .clickable:hover {
background-color:black !important;
transition: linear;
}



.cointossgrid td {
width:600px;
height:435px;
margin: -6px -25px;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
cursor : pointer;
opacity: 0.5;
}
#coingrid {
border: 0px solid #000;
height: 340px;
margin: 0px;
overflow: hidden;
padding-top: 34px;
position: relative;
right: 0px;
width: 600px;
z-index: 0;
position: absolute;
top: -13px;
}

.coinform {
height: 385px;
position: relative;
text-align: right;
}



/* --------- Account Menu --------*/	
#menu {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #B8B8B8;
border-radius: 2px;
box-shadow: 0 1px 2px #DFDFDF;
float: left;
margin-top: 15px;
padding: 10px 10px 0;
width: 190px;
}
#menu h1 {
background: none repeat scroll 0 0 #9EA7B3;
border-radius: 0;
font-size: 13px;
margin: 0;
padding: 3px 4px 5px 10px;
color: #000000;
}
#menu h1 i {
font-size: 14px;
margin-right: 8px;
}
#menu > ul {
list-style: none outside none;
padding: 0;
}
#menu li {
border: 1px solid #CCCCCC;
font-size: 11px;
padding: 2px 2px 2px 28px;
border-top: none;
}
#menu b {
color: #FFA500;
float: right;
margin-right: 7px;
}

#menu span {
color: #FFA500;
font-weight: 700;
margin-left: -15px;
}

#menu a:hover span {
font-weight: 900;
margin-left: -18px;
}
/* --------- Stats Page --------*/	

#content.stats .chart {
display: inline-block;
}



/* --------- I-Vinci user experience enhancments --------*/	

/* webkit, opera, IE9 */
.blue::selection {
background-color: #6CF;
}
/* mozilla firefox */
.blue::-moz-selection { 
background:#6CF;
}

/* webkit, opera, IE9 */
.red::selection { 
background:#6CF;
}
/* mozilla firefox */
.red::-moz-selection { 
background:#6CF;
}

/* webkit, opera, IE9 */
.hide::selection { 
background:white;color:white;
}
/* mozilla firefox */
.hide::-moz-selection { 
background:white;color:white;
}

/* --------- Stripe --------*/	

#stripe.module {
background: white;
border: 1px solid #ccc;
margin: 3%;
/*animation: widen 10s linear alternate infinite;*/
}
#stripe.module > h2 {
margin: 0;
padding: 1rem;
}
#stripe.module > p {
padding: 0 1rem;
}

#stripe .stripe-1 {
color: white;
background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
}

/*@keyframes widen {
100% {
width: 100%;
}
}*/

/* <div id="stripe" class="module">
<h2 class="stripe-1">Colored Stripes</h2>
</div>
*/

/* --------- Box 1 --------*/

.boxshadow {
position: relative;
background-color: #FCFCFC;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 0%     0%     0%     0% /     0%     0%     0%     0%;
}
.boxshadow:before {
content: '';
position: absolute;
z-index: -1;
bottom: 15px;
left: 10px;
width: 50%;
height: 20%;
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
-webkit-transform: rotate(-3deg) skew(-0deg);
-moz-transform: rotate(-3deg) skew(-0deg);
-ms-transform: rotate(-3deg) skew(-0deg);
-o-transform: rotate(-3deg) skew(-0deg);
transform: rotate(-3deg) skew(-0deg);
}
.boxshadow:after {
content: '';
position: absolute;
z-index: -1;
bottom: 15px;
right: 10px;
width: 50%;
height: 20%;
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
-webkit-transform: rotate(3deg) skew(0deg);
-moz-transform: rotate(3deg) skew(0deg);
-ms-transform: rotate(3deg) skew(0deg);
-o-transform: rotate(3deg) skew(0deg);
transform: rotate(3deg) skew(0deg);
}



/* --------- Box 2 --------*/
.boxshadow1 {
position: relative;
width: 400px;
padding-bottom: 20px;
background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}
.boxshadow1:before {
position: absolute;
width: 100%;
height: 80%;
border-radius: 10px / 100px;
z-index: -1;
top: 10%;
bottom: 10%;
content: "";
box-shadow: 0 0 15px rgba(0,0,0,0.6);
}


/* --------- Box 3 --------*/

/* This code is tested with latest version of Firefox and Chrome */

.boxshadow3 {
background-color: #FFFFFF;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 0%     0%     1%     0% /     0%     0%     20%     0%;
margin: 15px 0;
padding: 5px 15px 15px;
position: relative;
width: 400px;
}
.boxshadow3:before {
z-index: -1;
position: absolute;
content: "";
width: 98%;
height: 96%;
bottom: 0px;
right: 0px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
-webkit-transform: skew(2deg,2deg) translate(3px,8px);
-moz-transform: skew(2deg,2deg) translate(3px,8px);
-ms-transform: skew(2deg,2deg) translate(3px,8px);
-o-transform: skew(2deg,2deg) translate(3px,8px);
transform: skew(2deg,2deg) translate(3px,8px);
}
.boxshadow3:after {
z-index: -1;
position: absolute;
content: "";
width: 98%;
height: 96%;
bottom: 0px;
right: 0px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 0 0 8px rgba(0,0,0,0.1);
-webkit-transform: skew(2deg,2deg) translate(-1px,2px);
-moz-transform: skew(2deg,2deg) translate(-1px,2px);
-ms-transform: skew(2deg,2deg) translate(-1px,2px);
-o-transform: skew(2deg,2deg) translate(-1px,2px);
transform: skew(2deg,2deg) translate(-1px,2px);
}

/* --------- New Rules after Login --------*/

#content.boxshadow3 > form {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
margin: 10px auto 0;
padding: 15px 30px;
}
#content.boxshadow3 form div {
margin: 0 auto 15px;
width: 360px;
}
#content.boxshadow3 form div.buttons {
text-align: right;
}
#content.boxshadow3 form div label {
text-align: left;
width: 138px;
}
#content.boxshadow3 form input {
float: right;
font-size: 13px;
padding-left: 0;
width: 205px;
}
#content.boxshadow3 form div.buttons input.btn-custom {
float: none;padding: 5px 0; border-radius: 3px;

background-color: hsl(86, 79%, 44%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#daf6b5", endColorstr="#7cc817"); background-image: -khtml-gradient(linear, left top, left bottom, from(#daf6b5), to(#7cc817)); background-image: -moz-linear-gradient(top, #daf6b5, #7cc817); background-image: -ms-linear-gradient(top, #daf6b5, #7cc817); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #daf6b5), color-stop(100%, #7cc817)); background-image: -webkit-linear-gradient(top, #daf6b5, #7cc817); background-image: -o-linear-gradient(top, #daf6b5, #7cc817); background-image: linear-gradient(#daf6b5, #7cc817); border-color: #7cc817 #7cc817 hsl(86, 79%, 34%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.66); -webkit-font-smoothing: antialiased; }









/* ----- NEW RULE SHADOWBOX4 ----- */

/* This code is tested with latest version of Firefox and Chrome */

.boxshadow4 {
background-color: #FFFFFF;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 0%     0%     0%     0% /     0%     0%     0%     0%;
margin: 15px 0;
padding: 5px 15px 15px;
position: relative;
width: 400px;
}
.boxshadow4:before {
z-index: -1;
position: absolute;
content: "";
width: 98%;
height: 96%;
bottom: 0px;
right: 0px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 0%     0%     0%     0% /     0%     0%     0%     0%;
}
.boxshadow4:after {
z-index: -1;
position: absolute;
content: "";
width: 98%;
height: 96%;
bottom: 0px;
right: 0px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 0%     0%     0%     0% /     0%     0%     0%     0%;
}

/* --------- New Rules after Login --------*/

#content.boxshadow4 > form {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
margin: 10px auto 0;
padding: 15px 30px;
}
#content.boxshadow4 form div {
margin: 0 auto 15px;
width: 360px;
}
#content.boxshadow4 form div.buttons {
text-align: right;
}
#content.boxshadow4 form div label {
text-align: left;
width: 138px;
}
#content.boxshadow4 form input {
float: right;
font-size: 13px;
padding-left: 0;
width: 205px;
}
#content.boxshadow4 form div.buttons input.btn-custom {
float: none;padding: 5px 0; border-radius: 3px;

background-color: hsl(86, 79%, 44%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#daf6b5", endColorstr="#7cc817"); background-image: -khtml-gradient(linear, left top, left bottom, from(#daf6b5), to(#7cc817)); background-image: -moz-linear-gradient(top, #daf6b5, #7cc817); background-image: -ms-linear-gradient(top, #daf6b5, #7cc817); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #daf6b5), color-stop(100%, #7cc817)); background-image: -webkit-linear-gradient(top, #daf6b5, #7cc817); background-image: -o-linear-gradient(top, #daf6b5, #7cc817); background-image: linear-gradient(#daf6b5, #7cc817); border-color: #7cc817 #7cc817 hsl(86, 79%, 34%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.66); -webkit-font-smoothing: antialiased; }















/* --------- Members Area --------*/

#inner {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #B8B8B8;
border-radius: 2px;
box-shadow: 0 1px 2px #DFDFDF;
float: right;
margin-left: 20px;
margin-top: 15px;
padding: 10px;
width: 725px;
}
#inner  h1 {
font-size: 16px;
padding-right: 20px;
text-align: right;
background: none repeat scroll 0 0 #00AFD1;
color: #FFFFFF;
margin-top: 0;
padding: 3px 15px;
text-align: center;
}
#inner h2 {
background: none repeat scroll 0 0 #00AFD1;
color: #FFFFFF;
font-size: 16px;
margin-top: 0;
padding: 3px 15px;
text-align: center;
}
#inner table {
margin: 15px auto;
width: 100%;
border: 1px solid #E8E8E8
}
#inner thead {
background: none repeat scroll 0 0 #33485D;
color: #FFFFFF;
font-size: 12px;
}
#inner table th {
font-size: 11px;
font-weight: 600;
padding: 3px 0;
text-align: center;
}
#inner table td {
border-top: 1px solid #E8E8E8;
font-size: 11px;
padding: 2px;
text-align: center;
}
#inner table th a {
color: #00AFD1;
}
#inner table th a:hover {
color: #ffffff;
}
#inner .botoes {
text-align: center;
}
#inner .botoes a {
margin: 10px;
}
#inner label {
width: 185px;
text-align: left;
}

/* --------- advertise --------*/

#inner .banned h2 {
background: none repeat scroll 0 0 #FFA500;
color: #000000;
padding-left: 30px;
text-align: left;
}
#inner .banned {
background: none repeat scroll 0 0 rgba(255, 165, 0, 0.1);
padding-bottom: 5px;
}
#inner .banned p {
color: #FF0000;
font-size: 12px;
line-height: 11px;
margin-left: 30px;
}
#inner h2.addclicks.banidos {
background: red;
}

/* --------- banners --------*/

#content.banners #inner > h1 {
text-align: center;
}
#content.banners #inner .bannersescolha {
background: none repeat scroll 0 0 rgba(255, 165, 0, 0.2);
padding: 10px 0;
}
#content.banners #inner .bannersescolha b {
color: red;
}

#content.banners #inner > div {
text-align: center;
}
#content.banners #inner > p {
margin: 6px 0 0;
text-align: center;
}
#content.banners #inner h2 {
margin-bottom: 25px;
margin-top: 30px;
}
#content.banners #inner p b {
color: #00AFD1;
display: inline-block;
font-size: 11px;
font-weight: 600;
width: 80px;
text-align: left;
}
#content.banners #inner p input {
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #CCCCCC;
border-radius: 3px;
color: #8B0000;
font-size: 11px;
padding: 0 10px;
width: 380px;
}
#content.banners #inner .linkz > b {
color: red;
font-weight: 600;
}
#content.banners #inner .escolhaz > b {
color: #8B0000;
font-size: 14px;
width: auto;
}


/* --------- Dashboard --------*/

#dashboard {
display: inline-block;
}
#dashboard .esquerda {
float: left;
margin: 0 15px;
width: 310px;
}
#dashboard .direita {
float: right;
width: 335px;
margin-left: 15px;
}

#dashboard .mid {
border: 1px solid #00AFD1;
border-radius: 3px;
margin-bottom: 10px;
}
#dashboard h1 {
border-radius: 2px 2px 0 0;
font-size: 14px;
margin: 0;
padding: 3px 0 4px 16px;
text-align: left;
}
#dashboard .mid > ul {
list-style: none outside none;
padding: 0;
margin: 0;
}
#dashboard .esquerda  .mid li {
font-size: 12px;
padding: 2px 0 2px 10px;
}
#dashboard .esquerda  .mid ul li span {
color: #8B0000;
float: right;
font-weight: 600;
margin-right: 10px;
}
#dashboard .direita .btn {
margin: 20px 10px 0;
width: 145px;
}
.mid.botoes {
padding-bottom: 20px;
padding-top: 0;
}
#dashboard .esquerda  .mid li:nth-child(2n) {
background-color: #e8e8e8;
}


#dashboard .esquerda  .mid li:nth-child(odd) {
background-color: white;
}
#dashboard h1.graph {
margin-bottom: 20px;
}

#dashboard .bs-example.bs-example-tabs {
margin: 15px 17px 20px;
}
#dashboard .tab-content {
padding: 20px 0 0;
text-align: center;
}
#inner h1.calc {
margin: 0;
border-radius: 3px 3px 0 0;
}

.b_right input {
width: 105px;
}
#inner .b_right label {
display: block;
font-size: 10px;
margin: 0;
padding: 0 0 0 16px;
width: 120px;
}
.b_right > form {
}
#inner .b_right table {
margin: 0;
}
#inner .b_right table td {
border: medium none;
padding: 10px 0;
}

/* Jackpots

-----------------------------------------------------------------*/

.jackpot #inner table.numbers {
height: auto;
margin: 10px 29px 10px 0;
padding: 0;
width: auto;
}
.jackpot #inner table.numbers td {
border: 0 none;
height: 30px;
margin: 0;
padding: 1px;
width: 30px;
}
.jackpot #inner input {
border: 0 none;
color: #FFFFFF;
font-size: 10px;
font-weight: 600;
height: 30px;
margin: 0;
padding: 0;
width: 30px;
}
.jackpot #inner input.available {
background: none repeat scroll 0 0 #05A300;
cursor: pointer;
border-radius: 0;
}
.jackpot #inner input.bought {
background: none repeat scroll 0 0 darkred;
}
.jackpot #inner input.yourticket {
background: none repeat scroll 0 0 #00AFD1;
}
.jackpot #inner .right, .megajackpot #inner .right, .purchrefs #inner .right, .purchrefs #inner .right, .upgrade #inner .right {
float: right;
margin-top: -331px;
right: 0;
top: 0;
width: 360px;
}
.jackpot #inner .right h2, .megajackpot #inner .right h2, .purchrefs #inner .right h2, .upgrade #inner .right h2, .upgrade #inner form h2 {
background: none repeat scroll 0 0 #9EA7B3;
border-radius: 0;
}
.jackpot #inner .right .box, .megajackpot #inner .right .box, .purchrefs #inner .right .box, .upgrade #inner .right .box {
float: none;
margin: 0 0 20px;
padding: 0 0 10px;
width: 359px;
}
.jackpot #inner .right .box, .megajackpot #inner .right .box, .purchrefs #inner .right .box, .upgrade #inner .right .box {
border: 1px solid #CCCCCC;
float: none;
line-height: 18px;
margin: 0 0 20px;
padding: 0 0 9px;
width: 359px;
}
.jackpot #inner .right .box > p , .megajackpot #inner .right .box > p , .purchrefs #inner .right .box > p , .upgrade #inner .right .box > p {
font-size: 12px;
line-height: 21px;
margin: 0 20px;
}
.jackpot #inner .right.mlottery .information div input {
height: 15px;
width: 15px;
}
.jackpot #inner .right.mlottery .box.information {
margin-top: 160px;
position: absolute;
}
.jackpot #inner .right .information div {
margin: 10px 15px 0 15px; padding: 0 0 0;
clear: both;
text-align: left;
}
.jackpot #inner .right .information div input {
float: left;
margin: 0 10px 10px 0;
border-radius: 0;
}
.jackpot #inner .tables, .megajackpot #inner .tables {
margin: 20px 0 0;
}
.jackpot #inner .tables th.both, .megajackpot #inner .tables th.both{
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
}
.jackpot #inner .tables table td {
padding: 0;
text-align: center;
}

/* Mega Jackpot
-----------------------------------------------------------------*/
.megajackpot #inner .left, .megajackpot #inner .ticket {
float: none;
margin: 0;
}
#content.megajackpot #inner .left > h1 {
text-align: center;
}
.megajackpot #inner .right {
float: none;
margin: 0 auto;
right: 0;
top: 0;
width: 480px;
}
.megajackpot #inner .right .box {
border: 1px solid #CCCCCC;
float: none;
margin-left: 112px;
padding: 0 0 11px;
width: 100%;
}
.megajackpot form table input {
background: none repeat scroll 0 0 #008000;
border: medium none;
border-radius: 4px;
color: #FFFFFF;
margin: 10px 0;
padding: 3px 21px;
}
.megajackpot #inner .left div {
text-align: center;
}
.megajackpot #inner .left h2 {
background: none;
margin: 0 20px 0 0;
display: inline-block;
color: #000;
}
.megajackpot #inner .left h3 {
display: inline-block;
font-size: 23px;
text-align: left;
}
.megajackpot #inner .gray {
background: none repeat scroll 0 0 #FFA500;
border: 1px solid #E1E1E1;
border-radius: 8px;
color: #FFFFFF;
margin: 0px 363px;
margin-top: -54px;
padding: 5px;
width: 340px;
height: 54px;
}
.gray > b {
color: #000000;
}
.megajackpot #inner .left .prize {
background: none repeat scroll 0 0 #0A9B00;
border-radius: 8px;
color: #FFFF00;
margin: 0px 0px;
width: 340px;
height: 54px;
}
.megajackpot #inner .left .prize h2 {
color: #FFFFFF;
}
.megajackpot #inner .left .prize small {
color: #FFFFFF;
}
.megajackpot #inner .ticket {
width: auto;
margin: 20px 0;
text-align: center;
}
.megajackpot #inner .prizes {
width: 480px;
}
.megajackpot #inner .prizes td, .megajackpot #inner .tables td {
padding: 0;
text-align: center;
}
.megajackpot form table input {
margin: 10px 0;
}

/* Messsage Page
-----------------------------------------------------------------*/

.messages #inner a.button, .advpanel #inner a.button {
background-color: #47A447;
border-color: #398439;
color: #FFFFFF;
-moz-user-select: none;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
margin: 10px auto;
display: table;
}
.invite {
width: 400px;
margin: 0 auto;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
#invitebox textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
width: 100%;
}
.messages #inner table thead th.first {
padding: 0 0 0 10px;
border-radius: 8px 0 0 0;
-moz-border-radius: 8px 0 0 0;
-webkit-border-radius: 8px 0 0 0;
text-align: left;
}
.messages #inner table thead th.last {
padding: 0 10px 0 0;
border-radius: 0 8px 0 0;
-moz-border-radius: 0 8px 0 0 ;
-webkit-border-radius: 0 8px 0 0;
text-align: right;
}
.messages #inner table td {
padding: 0;
text-align: center;
}
.messages #inner table td.first {
padding: 0 0 0 10px;
text-align: left;
}
.messages #inner table td.last {
padding: 0 10px 0 0;
text-align: right;
}

.readmessage .subjbox {
border-bottom: 1px solid;
color: #008000;
font-size: 13px;
margin-bottom: 7px;
padding: 5px;
}
.readmessage .pmbox {
padding: 0 5px 15px;
}
.readmessage .btn {
float: right;
font-size: 11px;
font-weight: 600;
margin-left: 5px;
padding: 2px 11px;
}
.reply .submit {
margin-left: 189px;
}

/* Add funds Page
-----------------------------------------------------------------*/

.fundos {
border: 1px solid #e8e8e8;
padding: 20px;
}
.fundos .checkbox {
float: none;
height: 55px;
margin: 0 auto;
text-align: center;
width: 156px;
}
#inner .fundos label {
display: block;
float: left;
text-align: center;
width: 100px;
}
.fundos .checkbox > input {
float: left;
margin-top: 12px;
}
#inner .fundos div.buttons {
margin-left: 277px;
text-align: left;
}
#inner .fundos div.buttons > input {
padding: 6px 27px;
}
.funds #inner > form {
border: 1px solid #e8e8e8;
padding: 20px;
text-align: center;
}
.funds #inner form label {
width: auto;
}



/* Upgrade Page
-----------------------------------------------------------------*/
#content.upgrade #inner table {
border: medium none;
margin: 0;
padding: 0;
}
#content.upgrade #inner .left select {
background: none repeat scroll 0 0 #00AFD1;
border: medium none;
color: #FFFF00;
font-size: 13px;
font-weight: 600;
height: 16px;
}
#content.upgrade #inner .left table td {
background: none repeat scroll 0 0 #D5E1ED;
border-top: 1px solid #E8E8E8;
font-size: 11px;
padding: 2px;
text-align: center;
}
#content.upgrade #inner .left table td.first {
background: none repeat scroll 0 0 #EFEFEF;
color: #666666;
padding-left: 25px;
text-align: left;
width: 220px;
}
#content.upgrade #inner .left table th.first {
background: none repeat scroll 0 0 #EFEFEF;
color: #000000;
padding-left: 25px;
text-align: left;
width: 220px;
}
#content.upgrade #inner table.dentro td {
width: 150px;
}
#content.upgrade #inner .left table th.last {
background: none repeat scroll 0 0 #FFA500;
color: #000000;
}
#content.upgrade #inner .left table td.last {
background: none repeat scroll 0 0 #EDE5D5;
}
#content.upgrade #inner table.decribe {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #000000;
border-top: medium none;
margin: 0 auto;
width: 600px;
}
#content.upgrade #inner table.decribe td {
padding: 0;
border: none;
}
#content.upgrade #inner table.decribe td.primeiro {
background: none repeat scroll 0 0 #DADADA;
border: medium none;
color: #000000;
padding-left: 10px;
text-align: left;
width: 68px;
}
#content.upgrade #inner .left table th {
width: 150px;
}
.metodo {
border: 1px dotted #CCCCCC;
margin: 20px auto;
text-align: center;
width: 600px;
}
#content.upgrade #inner table.dentro td {
border-top: 1px solid #CCCCCC;
}


#content.upgrade #inner .checkbox label {
background: none repeat scroll 0 0 #00AFD1;
border-radius: 2px;
color: #FFFFFF;
padding: 3px 15px 2px 5px;
}
#content.upgrade #inner .checkbox label del {
color: #FFA500;
}
#content.upgrade #inner .checkbox label b {
color: #FFFF00;
}

/* Add Campaigns Page
-----------------------------------------------------------------*/
.advpanel #inner td.last a {
width: 17px; height: 17px;
display: inline-block;
}
.advpanel #inner td a.active {
background-image: url(../images/active.png);
background-repeat: no-repeat;
background-position: center;
}
.advpanel #inner td a.paused {
background: url(../images/paused.png) no-repeat center;
}
.advpanel #inner td a.geo {
background: url(../images/geo.png) no-repeat center;
width: 23px; height: 19px;
}
.advpanel #inner td a.signups {
background: url(../images/signups.png) no-repeat center;
width: 20px; height: 20px;
}
.advpanel #inner td a.accept {
background: url(../images/success.png) no-repeat center;
width: 16px; height: 16px;
}
.advpanel #inner td a.delete {
background: url(../images/trash.png) no-repeat center;
width: 15px; height: 16px;
}
.advpanel #inner p {
margin: 10px 15px;
}


form.adcampaign {
margin: 0 auto;
width: 500px;
}
h3.camp {
background: none repeat scroll 0 0 #428BCA;
color: #FFFFFF;
font-size: 13px;
margin: 10px 0 0;
padding: 4px 10px;
}
.adcampaign > div {
display: table;
margin: 2px 0;
padding: 3px 0;
width: 100%;
background-attachment: scroll;
background-color: #F7F7F7;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}
form.adcampaign label {
color: #428BCA;
float: left;
font-weight: 400;
margin: 0 0 0 10px;
}
form.adcampaign input, form.adcampaign textarea {
background-attachment: scroll;
background-color: #FCFCFC;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
border: 1px solid #00AFD1;
border-radius: 4px;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2) inset;
float: left;
margin: 0;
text-align: left;
width: 240px;
}
.adcampaign select {
float: left;
font-size: 11px;
height: 22px;
margin: 0;
}

form.adcampaign div > strong {
float: right;
font-size: 11px;
font-weight: 400;
margin-right: 10px;
}
form.adcampaign div > strong u {
color: #008000;
text-decoration: none;
}
form.adcampaign .checkbox input[type="checkbox"], form.adcampaign .checkbox-inline input[type="checkbox"] {
float: left;
margin-left: 4px;
margin-top: 2px;
width: auto;
}
form.adcampaign div.checkbox {
margin: 2px 0;
}


.adcampaign > div.description {
background: none repeat scroll 0 0 #f7f7f7;
border: 1px solid #428bca;
border-radius: 4px;
padding: 7px 10px;
}
.description strong {
background: none repeat scroll 0 0 #008000;
border-radius: 3px;
color: #FFFFFF;
float: right;
font-weight: 600;
padding: 1px 10px;
}
form.adcampaign div.checkbox > strong {
float: left;
margin-left: 10px;
}
form.adcampaign input.btn-success {
background-color: #5CB85C;
border-color: #4CAE4C;
color: #FFFFFF;
float: right;
width: auto;
margin-right: 62px;
}
form.adcampaign label u {
text-decoration: none;
font-weight: 600;
}
/* Settings Page
-----------------------------------------------------------------*/

#settingsz > div {
background: none repeat scroll 0 0 #EFEFEF;
margin: 3px auto;
padding: 2px 5px 2px 10px;
width: 400px;
}

#settingsz .checkbox input[type="checkbox"] {
float: none;
margin: 0;
}
#settingsz label {
width: 180px;
}
#inner #settingsz div.buttons {
margin: 13px 0 13px 99px;
text-align: right;
}
#settingsz .radio label, #settingsz .checkbox label {
display: inline-block;
width: 180px;
}
#settingsz .chillTip {
display: none;
}
#settingsz #signature_text {
height: 120px;
}
#settingsz #txtmsg {
width: 366px;
}

/* Pagination
-----------------------------------------------------------------*/

.page {
background: none repeat scroll 0 0 #EEEEEE;
border-color: #F5F5F5 #E5E5E5 #CCCCCC;
border-radius: 2px;
border-style: solid;
border-width: 1px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
font: 11px Arial,Helvetica;
height: 30px;
margin: 15px 0 10px -2px;
overflow: hidden;
padding-right: 6px;
padding-top: 6px;
position: relative;
text-align: right;
}
.page .blue {
background: none repeat scroll 0 0 #00AFD1;
border-radius: 3px;
color: #FFFFFF;
}
.page span {
background: none repeat scroll 0 0 #E8E8E8;
border: 1px solid #00AFD1;
border-radius: 3px;
margin: 3px;
padding: 3px 5px 4px;
}

/* View PTSU 
-----------------------------------------------------------------*/

.ads.viewptsu .category {
margin: 0 50px;
width: 811px;
}

.ads.viewptsu .category h2 {
margin-top: 20px;
margin-right:  auto;
margin-left:  auto;
margin-bottom: auto;
}

.ads.viewptsu label {
text-align: left;
width: 234px;
}

.ads.viewptsu .top {
vertical-align: top;
}

.ads.viewptsu .prev {
position: absolute;
}


.ads.viewptsu label b u {
color: #428BCA;
font-weight: 600;
text-decoration: none;
}


/* Buy Refs
-----------------------------------------------------------------*/

.refavailable > strong {
color: #008000;
display: block;
font-size: 40px;
line-height: 50px;
}
.balance > strong {
color: #FFA500;
display: block;
font-size: 40px;
line-height: 50px;
}
.recicle > strong {
color: #428BCA;
display: block;
font-size: 40px;
line-height: 50px;
}
.plus > strong {
color: #000000;
display: block;
font-size: 42px;
line-height: 50px;
margin-top: -15px;
}
.equals > strong {
color: #000000;
display: block;
font-size: 42px;
line-height: 50px;
margin-top: -15px;
}


/* Cashouts
-----------------------------------------------------------------*/

#settingsz > div.rules {
font-size: 11px;
padding: 20px;
}
#settingsz.cashout .biginput {
font-size: 12px;
margin: 0 10px;
}


/* Surf-ads Page
-----------------------------------------------------------------*/
.ads #surf_ads {
background: none repeat scroll 0 0 #42454C;
border: medium none;
color: #FFFFFF;
font-size: 10.5px;
height: 21px;
overflow: hidden;
padding: 3px 0;
text-align: center;
}
.ads #surf_ads p {
height: 13px;
margin: 1px 10px 3px;
padding: 0;
}





/* Category
------------*/
.ads .category {
display: inline-block;
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
}
.ads .category h2 {
background: none repeat scroll 0 0 #33485D;
color: #FFFFFF;
font-size: 13px;
font-weight: normal;
margin-bottom: 10px;
margin-left: 30px;
margin-right: 40px;
padding: 4px 5px 4px 10px;
}


.ads .category .surf {
background-color: #FFFFFF;
border-radius: 2px;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
float: left;
height: 110px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 30px;
margin-right: -10px;
overflow: hidden;
position: relative;
width: 266px;
}
.ads .category .surf:hover {
background-color: #ffffcc;
}
#desclink {
color: #707070;
display: block;
font-size: 11px;
height: 100px;
text-shadow: none;
}
.ads .category .surf .image, .ads .category .surf .image2 {
width: 32px;
height: 32px;
margin: 0px 0 0 2px;
position:absolute;
background-image: url(../modules/ads/i-img/ads-icon.png);
background-repeat: no-repeat;
}
.ads .category .surf .image2 {
background: none repeat scroll 0 0 #FFFFFF;
height: 110px;
opacity: 0.75;
width: 100%;
z-index: 9999;
}
.ads .category .surf .adname {
border-bottom: 2px double #1ABC9C;
font-size: 14px;
height: 23px;
margin-left: 28px;
margin-top: -1px;
padding-bottom: 2px;
padding-top: 2px;
position: static;
width: 233px;
}
.ads .category .surf .adname a {
color: #33485D;
font-size: 11px;
line-height: 20px;
}
.ads .category .surf .bold {
font-weight: bold;
font-size: 11px;
}
.ads .category .surf .highlight {

background: #00AFD1;
height: 20px;
padding: 0px 5px;
margin-top: 2px;
/*  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); 
width: 216px;
height: 24px;
background-repeat: no-repeat;
opacity: 0.5;
background-image: url(../images/swoosh2.png);
*/
/*padding: 2px 7px; */
}
.ads .category .surf .adname .desc {
color: #707070;
font-size: 11px;
/* width: 204px; 
height: 53px;
left: 42px; */
position: absolute;
top: 26px;

}

.ads .category .surf .adname .desc1 {
display: block;
height: 90px;
left: 30px;
width: 252px;
color: #707070;
position: absolute;
top: 40px;
}


.ads .category .surf .invis {
display: none;
height: 132px;
left: 2px;
position: absolute;
top: 2px;
width: 281px;
background-image: url(../modules/ads/i-img/viewad.png);
background-repeat: no-repeat;
}


.ads .category .surf .invis:hover {
background-image: url(../modules/ads/i-img/viewad1.png);
background-repeat: no-repeat;
}

.ads .category .surf .invis span {
position: absolute;
top: 0; left: 10px;
}
.ads .category .surf .counter-cash {
background-color: #00AFD1;
bottom: 2px;
color: #FFFFFF;
height: 16px;
position: absolute;
right: 2px;
width: 262px;
left: 2px;
}
.ads .category .surf .counter-cash.s5 {
background-color: #B1DE27;
}
.ads .category .surf .counter-cash.s20 {
background-color: #FFB400;
}
.ads .category .surf .counter-cash img {
margin: -7px 20px 0 0;
float: left;
}
.ads .category .surf .counter-cash div {
height: 19px;
margin: 0 0 0 14px;
padding: 6px 7px 0 23px;
float: right;
}
.ads .category .surf .counter-cash div.counter {
background-image: url(../modules/ads/i-img/ic_03.png);
background-position: 0 1px;
background-repeat: no-repeat;
font-size: 10px;
font-weight: bold;
line-height: 4px;
}
.ads .category .surf .counter-cash div.cash {
background-image: url("../modules/ads/i-img/ic_05.png");
background-position: 0 1px;
background-repeat: no-repeat;
font-size: 10px;
line-height: 5px;
margin: 0 14px 0 0;
padding: 6px 7px 0 18px;
}
.ads .category .surf .counter-cash img {
float: left;
height: 13px;
margin: 1px 20px 0 0;
width: 52px;
}
.surf .badge.badge-square.badge-warning {
background: none repeat scroll 0 0 #FFA500;
border-radius: 4px;
float: left;
font-size: 9px;
margin-top: 1px;
margin-right: 5px;
padding: 2px 7px;
}
.surf .counter-cash i {
cursor: help;
margin: 0 5px;
}
.counter-cash .step.size-24 {
float: left;
}
















/* PTSU Category
------------*/
.ads .ptsucategory {
display: inline-block;
margin: 20px 0;
width: 100%;
}
.ads .ptsucategory h2 {
background: none repeat scroll 0 0 #33485D;
color: #FFFFFF;
font-size: 13px;
font-weight: normal;
margin-bottom: 10px;
margin-left: 30px;
margin-right: 40px;
padding: 4px 5px 4px 10px;
}
.ads .ptsucategory .surf {
background-color: #FFFFFF;
border-radius: 2px;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
float: left;
height: 250px;
margin-top: 15px;
margin-bottom: 10px;
margin-left: 32px;
margin-right: -10px;
position: relative;
width: 410px;
}
.ads .ptsucategory .surf:hover {
background-color: #00AFD109;
}



#desclink {
color: #707070;
font-size: 11px;
height: auto;
text-shadow: none;
margin-right: -12px;
/* margin-left: -32px; */
}

display: block;
font-size: 11px;
height: 100px;
text-shadow: none;
margin-right: 15px;
margin-left: -40px;
text-indent: 5px;
 
.ads .ptsucategory .surf .image, .ads .ptsucategory .surf .image2 {
width: 32px;
height: 32px;
margin: 0px 0 0 2px;
position:absolute;
background-image: url(../modules/ads/i-img/deal.png);
background-repeat: no-repeat;
}
.ads .ptsucategory .surf .image2 {
background: none repeat scroll 0 0 #FFFFFF;
height: 103px;
opacity: 0.85;
width: 100%;
z-index: 9999;
}
.ads .ptsucategory .surf .adname {
border-bottom: 2px solid #597c96;
font-size: 16px;
height: 30px;
margin-left: 6px;
margin-top: 10px;
padding-bottom: 2px;
padding-top: 5px;
position: static;
width: 400px;
}
.ads .ptsucategory .surf .adname a {
color: #33485D;
font-size: 11px;
line-height: 20px;
}
.ads .ptsucategory .surf .bold {
font-weight: bold;
font-size: 11px;
}
.ads .ptsucategory .surf .highlight {

background: #00AFD1;
height: 20px;
padding: 0px 5px;
margin-top: 2px;
/*  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); 
width: 216px;
height: 24px;
background-repeat: no-repeat;
opacity: 0.5;
background-image: url(../images/swoosh2.png);
*/
/*padding: 2px 7px; */
}
.ads .ptsucategory .surf .adname .desc {
color: #707070;
font-size: 11px;
height: 64px;
left: 7px;
position: absolute;
top: 42px;
width: auto;
}

.ads .ptsucategory .surf .adname .desc1 {
display: block;
height: 90px;
left: 30px;
width: 252px;
color: #707070;
position: absolute;
top: 40px;
}


.ads .ptsucategory .surf .invis {
display: none;
height: 132px;
left: 2px;
position: absolute;
top: 2px;
width: 281px;
background-image: url(../modules/ads/i-img/viewad.png);
background-repeat: no-repeat;
}


.ads .ptsucategory .surf .invis:hover {
background-image: url(../modules/ads/i-img/viewad1.png);
background-repeat: no-repeat;
}

.ads .ptsucategory .surf .invis span {
position: absolute;
top: 0; left: 10px;
}
.ads .ptsucategory .surf .counter-cash {
background-color: #597c96;
bottom: 2px;
color: #FFFFFF;
height: 30px;
position: absolute;
right: 3px;
width: 403px;
border: 1px solid #00AFD1;
}
.ads .ptsucategory .surf .counter-cash.s5 {
background-color: #B1DE27;
}
.ads .ptsucategory .surf .counter-cash.s20 {
background-color: #FFB400;
}
.ads .ptsucategory .surf .counter-cash img {
margin: -7px 20px 0 0;
float: left;
}
.ads .ptsucategory .surf .counter-cash div {
height: 19px;
margin: 0 0 0 14px;
padding: 6px 7px 0 23px;
float: right;
}
.ads .ptsucategory .surf .counter-cash div.counter {
background-image: url(../modules/ads/i-img/ic_03.png);
background-position: 0 1px;
background-repeat: no-repeat;
font-size: 10px;
font-weight: bold;
line-height: 4px;
}
.ads .ptsucategory .surf .counter-cash div.cash {
background-image: url("../modules/ads/i-img/ic_05.png");
background-position: 0 1px;
background-repeat: no-repeat;
font-size: 10px;
line-height: 5px;
margin: 0 14px 0 0;
padding: 6px 7px 0 18px;
}
.ads .ptsucategory .surf .counter-cash img {
float: left;
height: 13px;
margin: 1px 20px 0 0;
width: 52px;
}
.surf .badge.badge-square.badge-warning {
background: none repeat scroll 0 0 #FFA500;
border-radius: 4px;
float: left;
font-size: 9px;
margin-top: 1px;
margin-right: 5px;
padding: 2px 7px;
}
.surf .counter-cash i {
cursor: help;
margin: 0 5px;
}
.counter-cash .step.size-24 {
float: left;
}

.viewptsu-submit {
float: right; 
margin: 5px 0px 10px 0px; 
}

.viewptsu-back {
float: right; 
margin: 5px 10px 10px 0px;  
}

.viewptsu-back-loggedout {
float: right; 
margin: 5px 0px 10px 0px;  
}

.ptsu-cash {
margin-right: 322px;
position: relative;
right: 0px;
top: -8px;
}

.ptsu-duration {
margin-left: auto;
top: 4px;
position: relative;
left: 155px;
}

.ptsu-duration .glyphicon.glyphicon-dashboard {
margin-left: -10px;
position: relative;
top: 2px;
right: 3px;
}

.ptsu-cash .fa.fa-money {
margin-left: -8px;
position: relative;
top: 0px;
right: 5px;
}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
font-size: 14px;
font-weight: bold;
color: #fff;
}

.ribbon {
--f: .5em;
--r: .8em;
padding-top: 2px;
position: absolute;
top: -12px;
left: calc(-1*var(--f));
padding-inline: .25em;
height: 32px;
background: #597c96;
border-bottom: var(--f) solid #0005;
border-right: var(--r) solid #0000;
clip-path: polygon(calc(100% - var(--r)) 0,0 0,0 calc(100% - var(--f)),var(--f) 100%, var(--f) calc(100% - var(--f)),calc(100% - var(--r)) calc(100% - var(--f)), 100% calc(50% - var(--f)/2));
z-index: 2;
padding-left: 8px;
}


/* HTML: <div class="ribbon">Your text content</div> */
.ribbon2 {
font-size: 14px;
font-weight: bold;
color: #fff;
}
.ribbon2 {
--r: .4em;
position: absolute;
bottom: -2px;
height: 36px;
inset-inline: calc(-1*var(--r));
text-align: center;
line-height: 0.5;
padding: calc(2*var(--r)) .5em 0;
border-radius: var(--r);
--_g: 0/var(--r) calc(2*var(--r)) no-repeat;
background: radial-gradient(100% 50% at right,#0005 98%,#0000 101%) 0 var(--_g), radial-gradient(100% 50% at left ,#0005 98%,#0000 101%) 100% var(--_g), conic-gradient(at var(--r) calc(2*var(--r)),#0000 25%,#597c96 0) 0 0/calc(100% - var(--r)) 100%;
}






/* ADS Page

--------------------------------------------------------------*/

#content.ads {
display: inline-block;
position: relative;
padding: 0px 15px 25px;
margin-top: 15px;
}




























/* PTSU-ads Page

-----------------------------------------------------------------*/

.ptsu a {
font-weight: bold;
}
.ptsu form textarea {
height: 70px;
margin-bottom: -25px;
width: 750px;
}

#content.ptsuads {
display: inline-block;
position: relative;
padding: 10px 15px 25px;
margin-top: 15px;
}

.ptsutargetname1 {
font-size: medium;
line-height: 50px;
position: absolute;  
background: ghostwhite;
width: 749px;
border: 1px solid #33485d;
text-indent: 10px;
}

.ptsutargetname2 {
font-size: medium;
background: ghostwhite;
width: 749px;
border: 1px solid #33485d;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.ptsutargetname3 {
font-size: medium;
background: ghostwhite;
width: 749px;
border: 1px solid #33485d;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.ptsutargetname4 {
font-size: medium;
position: absolute;  
background: ghostwhite;
width: 749px;
border: 1px solid #33485d;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.ptsutargetname5 {
font-size: medium;
line-height: 50px;
position: absolute;  
background: ghostwhite;
width: 749px;
border: 1px solid #33485d;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.ptsutargetname6 {
font-size: medium;
line-height: 50px;
position: absolute;  
background: #f2f2f2;
width: 749px;
border: 1px solid #33485d;
text-indent: 10px;
}

.ptsutargetname7 {
font-size: medium;
line-height: 50px;
position: absolute;  
background: #f2f2f2;
width: 749px;
border-right: 1px solid #33485d;
border-left: 1px solid #33485d;
border-bottom: 1px solid #33485d;
text-indent: 10px;
}


#content.ptsu form {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  display: inline-block;
  height: auto;
  padding: 10px 30px;
  width: 811px;
}

.ptsusignupun {
width: -moz-available;
}


.viewptsu1 {
margin-bottom: 70px;
position: sticky;
}

.viewptsu2 {
position: sticky;
}

.viewptsu3 {
position: sticky;
}

.viewptsu4 {
position: sticky;
}

.viewptsu5 {
margin-bottom: 20px;
position: sticky;
}

.viewptsu6 {
margin-bottom: 52px;
position: sticky;
}

.viewptsu7 {
margin-bottom: 108px;
position: sticky;
}


/* Ads Page - Stats
-----------------------------------------------------------------*/

.bbcode1 {
background-color: #FFFF99;
height: 30px;
margin: 0 0 10px;
padding: 0 10px 10px;
}
.bbcode1 p {
}
.bbcode1 p.esq {
float: left;
}
.bbcode1 p.dir {
float: right;
}
.bbcode1 p.dir b {
color: #008000;
font-size: 30px;
}
.bbcode1 p.esq b {
color: #FF0000;
font-size: 30px;
}


/* --------- PTSU CSS --------*/	

.ptsuads .ptsucategory {
display: inline-block;
margin: 0px 0;
width: 100%;
}
.ptsu a {
font-weight: bold;
}
.ptsu form textarea {
height: 75px;
text-indent: 10px;
}
#content.ptsu {
padding: 10px 15px 25px;
margin-top: 15px;
}
#content.ptsu .ptsucategory {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
margin-top: 5px;
}

#content.ptsu .ptsucategory > form {
margin: 0 30px;
}
#content.ptsu .ptsucategory > form label {
float: left;
width: 300px;
}
#content.ptsu .ptsucategory > form b u {
color: #00AFD1;
font-weight: 600;
text-decoration: none;
}
#content.ptsu .ptsucategory > form .btn.btn-success.btn-lg {
float: right;
margin: 0 46px 25px 0 ;
}


/* --------- VIDEO ADS CSS --------*/	
.surf .noads {
color: white;
padding-top: 30px;
padding-left: 0px;
font-weight: 500;
text-align: center;
font-size: 12px;
text-shadow: 3px 4px 7px rgba(81,67,21,0.8);
}

.videoads .category .surf {
background-image: url(../modules/ads/i-img/monitor.png);
background-position: center 0;
background-repeat: no-repeat;
background-color: #FFFFFF;
border-radius: 2px;
box-shadow: none;
float: left;
height: 188px;
margin: 10px 50px;
overflow: hidden;
padding: 9px 27px 89px 26px;
position: relative;
width: 231px;
}


#content.videoads .category .surf .adname {
background: none repeat scroll 0 0 #33485D;
height: 29px;
line-height: 19px;
margin-left: -1px;
margin-top: 0;
padding-left: 30px;
padding-top: 0;
width: 180px;
}
#content.videoads .category .surf .adname .desc {
color: #FFFFFF;
font-size: 11px;
height: 53px;
left: 32px;
position: absolute;
top: 41px;
width: 173px;
}
#content.videoads .category .surf .adname .desc #desclink {
color: #000000;
display: block;
font-size: 10px;
font-weight: 600;
height: 56px;
line-height: 12px;
text-shadow: none;
}
#content.videoads .category .surf .counter-cash {
background-color: #00AFD1;
bottom: 89px;
color: #FFFFFF;
height: 16px;
left: 26px;
position: absolute;
width: 178px;
}
#content.videoads  .category .surf:hover {
background-color: transparent;
}
#content.videoads .category .surf .invis {
background-image: url(../modules/ads/i-img/videoad.png);
background-repeat: no-repeat;
display: none;
height: 90px;
left: 26px;
position: absolute;
top: 9px;
width: 178px;
}





/* Advertisment Page-----------------------*/
#content.adver {
display: inline-block;
position: relative;
padding: 10px 15px 25px;
margin-top: 15px;
}
.adver .plans {
margin: 0 auto;
width: 850px
}
.adver .plans div {
background: none repeat scroll 0 0 #FCFCFC;
border: 1px solid #CCCCCC;
border-radius: 0;
margin: 15px 0;
width: auto;
}
.adver .plans h2 {
background: none repeat scroll 0 0 #33485D;
border-radius: 0;
color: #FFFFFF;
font-size: 16px;
height: auto;
margin: 0 -15px;
padding: 2px 0 5px 15px;
position: relative;
}
.adver .plans h2 a img {
position: absolute;
right: 3px;
}
.adver .plans div p {
margin: 5px 15px;
}
.adver .right {
background: #FCFCFC;
width: 182px;
border: 2px solid #e8e8e8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: absolute;
top: 45px; right: 0;
}
.adver .right h1 {
height: 22px;
margin: 11px 11px 0;
padding: 10px 40px 0;
border: 0;
font-size: 14px;
background-image: url(../images/cashout-icon.png);
background-repeat: no-repeat;
}
.adver .right img {
margin: 15px auto;
display: block;
}
.adver .plans div h2 a {
color: #FAD803;
}
.adver .plans div h2 span {
position: absolute;
right: 10px;
}
.adver .plans h2 a {
color: #FAD803;}
/* ---------------- Layout 1  -----------------------*/
#precos {
float: left;
height: auto;
margin-left: 16px;
margin-right: 30px;
margin-top: -7px;
padding: 0;
width: 233px;
}
#precos1 {
width: 100%;
display: inline-block;
background: none;
border: none;
margin-bottom: -8px;
}	

/* ---------------- Layout 2  -----------------------*/
#precos2 {
border: medium none;
margin-right: 0;
padding: 0;
width: auto;
}
#precos h1, #precos2 h1 {
background: none repeat scroll 0 0 #FAD803;
margin: 0 0 10px;
padding: 3px 0;
}
#precos h1 a, #precos2 h1 a {
color: #000000;
}
#precos table {
border: 1px solid #E5E5E5;
width: 100%;
background-attachment: scroll;
background-color: transparent;
background-image: url(../modules/adver/images/bg-cinza.jpg);
background-repeat: repeat;
background-position: 0 0;
}
#precos2 table {
width: 400px;
border: 1px solid #E5E5E5;
background-attachment: scroll;
background-color: transparent;
background-image: url(../modules/adver/images/bg-cinza.jpg);
background-repeat: repeat;
background-position: 0 0;}
#precos table th, #precos2 table th {
background: none repeat scroll 0 0 #00AFD1;
border: medium none;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
padding: 1px 0 2px;
text-align: center;
}
#precos2 table th.first{
width: 50%;}
#precos2 table th.last{
width: 50%;}
#precos table td, #precos2 table td {
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
color: #555555;
text-align: center;
border-bottom: 1px dotted #dadada;
font-size: 11px;
}
#precos2 table {
width: 100%;
}	
/* ---------------- PTC  -----------------------*/
.adver .plans div.ptc1 {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #33485D;
margin-bottom: 30px;
margin-top: 25px;
}
.adver .plans div.ptc1 h2 {
margin: 0;
}
.adver .plans div.ptc1 .adver {
background-image: url("../modules/adver/images/adv1.png");
background-position: 8px -3px;
background-repeat: no-repeat;
height: 36px;
margin: 8px 15px;
padding-left: 55px;
}
#precos1.ptc #precos h1.s5 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/5s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s10 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/10s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s15 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/15s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s20 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/20s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s30 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/30s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s45 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/45s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s60 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/60s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s90 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/90s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s120 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/120s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s150 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/150s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s180 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/180s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s210 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/210s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptc #precos h1.s240 {
background-color: rgba(0, 0, 0, 0);
background-image: url("../modules/adver/images/240s_03.png");
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}

/* ---------------- PTV  -----------------------*/
.adver .plans div.ptv1 {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #33485D;
}
.adver .plans div.ptv1 h2 {
margin: 0;
}
.adver .plans div.ptv1 .adver {
background-image: url("../modules/adver/images/adv5.png");
background-position: 8px -3px;
background-repeat: no-repeat;
height: 35px;
margin: 8px 15px;
padding-left: 55px;
}

#precos1.ptv #precos h1 {
background-color: rgba(0, 0, 0, 0);
background-repeat: no-repeat;
border: medium none;
height: 44px;
position: absolute;
width: 47px;
}
#precos1.ptv #precos h1.s5 {
background-image: url("../modules/adver/images/5s_03.png");
}
#precos1.ptv #precos h1.s15 {
background-image: url("../modules/adver/images/15s_03.png");
}

#precos1.ptv #precos h1.s10 {
background-image: url("../modules/adver/images/10s_03.png");
}
#precos1.ptv #precos h1.s20 {
background-image: url("../modules/adver/images/20s_03.png");
}
#precos1.ptv #precos h1.s30 {
background-image: url("../modules/adver/images/30s_03.png");
}
#precos1.ptv #precos h1.s45 {
background-image: url("../modules/adver/images/45s_03.png");
}
#precos1.ptv #precos h1.s60 {
background-image: url("../modules/adver/images/60s_03.png");
}
#precos1.ptv #precos h1.s90 {
background-image: url("../modules/adver/images/90s_03.png");
}
#precos1.ptv #precos h1.s120 {
background-image: url("../modules/adver/images/120s_03.png");
}
#precos1.ptv #precos h1.s150 {
background-image: url("../modules/adver/images/150s_03.png");
}
#precos1.ptv #precos h1.s150 {
background-image: url("../modules/adver/images/150s_03.png");
}
#precos1.ptv #precos h1.s180 {
background-image: url("../modules/adver/images/180s_03.png");
}
#precos1.ptv #precos h1.s210 {
background-image: url("../modules/adver/images/210s_03.png");
}
#precos1.ptv #precos h1.s240 {
background-image: url("../modules/adver/images/240s_03.png");
}
/* ---------------- coingrid  -----------------------*/
.adver .plans div.coingrid {
border: 1px solid #008D99;
float: left;
padding: 0 15px;
width: 47%;
background-color: white;
}
.adver .plans div.coingrid div {
background-image: url("../modules/adver/images/adv4.png");
background-position: 6px 9px;
background-repeat: no-repeat;
}
/* ---------------- Banner  -----------------------*/
.adver .plans div.banner {
border: 1px solid #008D99;	
float: right;
width: 47%;
padding: 0 15px;
}
.adver .plans div.banner div{
background-image: url(../modules/adver/images/adv8.png);
background-repeat: no-repeat;
background-position: 0px -6px;
}
/* ---------------- PTSU  -----------------------*/
.adver .plans div.ptsu {
border: 1px solid #008D99;	
float: left;
padding: 0 15px;
width: 47%;
}
.adver .plans div.ptsu div{
background-image: url(../modules/adver/images/adv6.png);
background-repeat: no-repeat;
background-position: 0px -6px;
}
/* ---------------- FLINKS  -----------------------*/
.adver .plans div.flinks {
border: 1px solid #008D99;	
float: right;
padding: 0 15px;
width: 47%;
}
.adver .plans div.flinks div{
background-image: url(../modules/adver/images/adv7.png);
background-repeat: no-repeat;
background-position: 0px -6px;
}
/* ---------------- FADS  -----------------------*/
.adver .plans div.fads {
border: 1px solid #008D99;
float: left;
padding: 0 15px;
width: 47%;
}
.adver .plans div.fads div{
background-image: url(../modules/adver/images/adv3.png);
background-repeat: no-repeat;
background-position: 0px -6px;
}
/* ---------------- general  -----------------------*/
.adver .plans div.fads, .adver .plans div.flinks , .adver .plans div.ptsu, .adver .plans div.banner, .adver .plans div.coingrid, .adver .plans div.ptv1, .adver .plans div.ptc1   {
border-radius: 2px;
min-height: 180px;
}

.adver .plans div.fads, .adver .plans div.flinks, .adver .plans div.ptsu, .adver .plans div.banner, .adver .plans div.coingrid {
border-radius: 2px;
display: table;
float: left;
margin: 15px 12px;
min-height: 180px;
}

.adver .plans div.fads p, .adver .plans div.flinks p, .adver .plans div.ptsu p, .adver .plans div.banner p, .adver .plans div.coingrid p{
font-size: 11px;
margin: 5px 15px;
padding-left: 67px;min-height: 60px;
}

/* ---------------- Payment Proof -----------------------*/
#inner.proof {
width: 100%;
}
#inner.proof .totalpaid {
border: 1px dotted #008000;
color: #008000;
float: none;
font-size: 30px;
margin: 0;
text-align: center;
}




.marquee {
width: 100%;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
padding: 6px 10px;
}

.marquee span {
display: inherit;
text-indent: 0;
animation: marquee 15s linear infinite;
}

marquee em {
color: #000000;
font-size: 14px;
font-weight: 600;
margin-right: 40px;
font-style: normal;
}

.marquee em span {
color: green;
}

.marquee span:hover {
animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
0%   { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}




/*
marquee {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
padding: 6px 10px;
}
marquee em {
color: #000000;
font-size: 14px;
font-weight: 600;
margin-right: 40px;
font-style: normal;
}
marquee em span {
color: green;
}
*/





/* #fuzz {
display: none;
}
*/
.adver .plans div.ptsu h2 a {
font-weight: normal;
}

.message {
background-color: #237ad4;
padding: 8px 15px;
color: #FFF;
font-weight: 600;
font-size: 2em;
}

.message.ab {
background-color: red;
}

.message.no-ab {
background-color: green;
}



#fuzz 

{ 

position:fixed; 

top:0px; 

left:0px; 

width:100%; 

height: 100px;

opacity:0.8;

filter:alpha(opacity=80);

z-index:100; 

background: url('images/fuzz.gif'); 

background-repeat: repeat;

display:none; text-align:left; }



.msgbox

{ 

position: absolute; 

width:450px; 

height: 225px; 

min-height: 225px;

max-height: 255px;

z-index:200; 

border:5px 

solid #222; 

padding: 10px;

-moz-border-radius: 8px; -webkit-border-radius: 8px;

background: #FFF; 

top: 300px;

left: 45%; 

margin-top: -100px; 

margin-left: -150px; 



}


#adpackcontent {
position: relative;
width: 940px;
}





/*tooltip Box*/
.connie-tooltip {

position: relative;

border-radius: 9px;
padding: 4px 30px;
margin: 12px;

display: inline-block;

transition: all 0.3s ease-in-out;
cursor: default;

}

/*tooltip */
.tooltip {
visibility: hidden;
z-index: 1;
opacity: .40;
font-size: 11px;
width: 400%;
padding: 25px 25px 25px 25px;
height: 160px;
background: #333;
color: #FFFFFF;
text-align: left;
position: absolute;
top:-140%;
left: -25%;


border-radius: 9px;
font: 16px;

transform: translateY(9px);
transition: all 0.3s ease-in-out;

box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
}


/* tooltip  after*/
.tooltip::after {
content: " ";
width: 0;
height: 0;

border-style: solid;
border-width: 12px 12.5px 0 12.5px;
border-color: #333 transparent transparent transparent;

position: absolute;
left: 40%;

}

.connie-tooltip:hover .tooltip{
visibility: visible;
transform: translateY(-10px);
opacity: 1;
transition: .3s linear;
animation: odsoky 1s ease-in-out infinite  alternate;

}
@keyframes odsoky {
0%{
transform: translateY(0px);	
}

100%{
transform: translateY(0px);	
}

}

/*hover ToolTip*/

/* .rightt:hover {transform: translateX(6px); } */

/*right*/
.rightt .tooltip { top:-185%; left:100%; }

.rightt .tooltip::after{
top:40%;
left:-5%;
transform: rotate(90deg);
}

ol {
list-style: none;
margin: 0;
padding: 0;
}
ol.numbered {
border-left: 0px solid #9EA7B3;
counter-reset: numbered-list;
margin-left: 50px;
position: relative;
padding-top: 20px;
width: 389px;
}
ol.numbered li {
font-size: 16px;
line-height: 1.2;
margin-bottom: 30px;
padding-left: 30px;
}
ol.numbered li:last-child {
border-left: 3px solid white;
margin-left: -3px;
}
ol.numbered li:before {
background-color: #9EA7B3;
border: 3px solid white;
border-radius: 50%;
color: white;
content: counter(numbered-list,decimal);
counter-increment: numbered-list;
display: block;
font-weight: bold;
width: 30px;
height: 30px;
margin-top: -0.5em;
line-height: 25px;
position: absolute;
left: -19.5px;
text-align: center;
}



/* Global settings for all notification divs */
[class^=notification] {
width: 80%;
margin: 16px;
/* Relative positioning on the parent
notification div allows us to absolutely 
position the font icons inside the div */
position: relative;
padding: 2px 16px;
/* A little bit of rounded corners */
border-radius: 8px;
}

/* Global paragraph settings inside
notification divs */
[class^=notification] p {
/* Prevent paragraphs from aligning 
under the icons */
margin: 8px 0;
text-align: left;
}

/* Global settings for notification icons */
[class^=notification] > p:first-child:before {
font-family: FontAwesome;
position: absolute;
left: 10px;
right: 400px;
top: 16px;
bottom: 10px;
}

/* Color settings for notification divs */
.notificationNote {
background-color: #D5EEF8;
color: #2183A5;
}
.notificationTip {
background-color: #DDEFD7;
color: #308935;
}
.notificationCase {
background-color: #DDDDDD;
color: #2b3139;
}
.notificationWarning {
background-color: #F2DEDB;
color: #992222;
}

/* Icon choice for notification divs */
.notificationNote > p:first-child:before {
/* "i" in a circle */
content: "\f05a"; 
}
.notificationTip > p:first-child:before {
/* Hand pointing right */
content: "\f0a4"; 
}
.notificationCase > p:first-child:before {
/* Binoculars */
content: "\f1e5"; 
}
.notificationWarning > p:first-child:before {
/* Exclamation mark in triangle */
content: "\f071"; 
}

/* Settings for default bullet icon
for unordered lists with "faBullets" class */
.faBullets {
margin-left: -16px;
}
.faBullets * {
/* Disable default bullet list style */
/* The asterisk in the selector enables
this setting for all list item levels */
list-style-type: none;
}

/* Set list item content color.
This is just to show that Font Awesome
icons behave just like fonts and can be
styled independently of surrounding content */
.faBullets li {
color: darkorange;
}

/* Enable Font Awesome font for all list
item levels, and set some default settings
for all levels */
.faBullets li:before {
font-family: FontAwesome;
color: slategray;
margin-right: 8px;
font-weight: bold;
}

/* Icon choice for list items */
.faBullets > li:before {
/* Single chevron for first level */
content: "\f105";
}

.faBullets > li > ul > li:before {
/* Note: This selector is overly specific,
but enables you to quickly and easily style
even more nested list item levels without 
interference from this selector */
/* Double chevron for second level */
content: "\f101";
}

/* This stuff is unrelated to Font Awesome.
It adds a bit of text after a Font Awesome icon
when it is used in a list, explaining what the 
immediately used icon's' HTML class is, automatically */
li i:after {
content: " (" attr(class) ") ";
font-family: Roboto;
font-style: italic;
font-weight: 300;
color: black;
font-size: 14px;
}

/* Construction Mode CSS */
.construction {
border-top: solid 10px;
border-image: repeating-linear-gradient( -75deg, yellow, yellow 10px, black 10px, black 20px) 20;
}

.constructiontext {
background-color: white;
font-size: 20px;
text-align: center;
font-family: 'Abel', sans-serif;
padding: 10px;
}

/* Contact Form Honeypot */
.blnk {
opacity: 0;
z-index: -100000;
}


.paymentformtext {
text-align: justify;
}

.paymentforminputbackground {
display: table;
margin: 2px 0;
padding: 3px 0;
width: 100%;
background-attachment: scroll;
background-color: #F7F7F7;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}


.grayboxblueoutline {
background: none repeat scroll 0 0 #f7f7f7;
border: 1px solid #428bca;
border-radius: 4px;
padding: 7px 10px;
}

.mini-preview-anchor {
display: inline-block;
position: relative;
white-space: nowrap;
}

.mini-preview-wrapper {
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
overflow: hidden;
z-index: -1;
opacity: 0;
margin-top: -4px;
border: solid 1px #000;
box-shadow: 4px 4px 6px rgba(0, 0, 0, .3);
transition: z-index steps(1) .3s, opacity .3s, margin-top .3s;
}

.mini-preview-anchor:hover .mini-preview-wrapper {
z-index: 2;
opacity: 1;
margin-top: 6px;
transition: opacity .3s, margin-top .3s;
}

.mini-preview-loading, .mini-preview-cover {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;    
}

.mini-preview-loading {
display: table;
height: 100%;
width: 100%;
font-size: 1.25rem;
text-align: center;
color: #f5ead4;
background-color: #59513f;
}

.mini-preview-loading::before {
content: 'Loading...';
display: table-cell;
text-align: center;
vertical-align: middle;
}

.mini-preview-cover {
background-color: rgba(0, 0, 0, 0); /* IE fix */
}

.mini-preview-frame {
border: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.center {
display: block;
margin: auto;
text-align: center;
}

#inner .coinform table td {
border-top: 1px solid black;
}

#errorpage {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #B8B8B8;
border-radius: 2px;
box-shadow: 0 1px 2px #DFDFDF;
margin-top: 15px;
padding: 25px;
}