body { display:none; } html, body, #container { width:100%; height:100%; cursor: default; } body > #container { height: auto; min-height: 100%; } header, footer { width:100%; max-width: 2048px; margin:0 auto; } body { font-size: 11pt; font-family: small Verdana,Geneva,Arial,Helvetica,sans-serif; line-height: 1.45em; background-image: url("../img/bg.jpg"); color:#444; } a, a:visited { text-decoration:none; color: #EC6E07; } a:hover { color: #444; } #youtubeAd { position:fixed;z-index:22;top:0;right:0; float:right; margin: 20px 30px; padding: 1px 5px; background-color:#fff; color:#000; } #disable-everything, #antiClickjack, #additionalAlert { position:fixed;z-index:20;top:0;left:0;width:100%;height:100%; background-color:#000;opacity:0.2; } #additionalAlert { opacity:0.95; } #alertBox, #antiClickjackAlertBox, #additionalAlertBox { position:fixed;z-index:21;top:0;left:0;width:100%;height:100%; background-color:none; display:none; text-align:center; padding-top:50px; } #antiClickjackAlertBox, #additionalAlertBox { display: block; } #alertBoxMsg, #antiClickjackAlertBoxMsg, #additionalAlertBoxMsg { width:700px;height:500px;margin:0 auto; padding:20px; background-color:#fff; background-image: url("../img/bg.jpg"); border-radius: 0.5em; border:2px solid #000; box-shadow: inset 0 0 10px #FAA51A; } #antiClickjackAlertBoxMsg, #additionalAlertBoxMsg { height: auto; padding-bottom: 30px; } header .title, #main, #leaderboard-content, footer .content, #content { width:1000px; margin: 0 auto; } #logo { padding: 5px 0 0 0; overflow:hidden; height: 56px; } #logo img { height: 80px; margin-top:5px; } #right-header { float:right; text-align: right; } #header-login { display:none; position:absolute; top: 0px; right:-10px; z-index:2; } #nav-language * img { border:1px solid #444; width:23px;height:16px; } #nav-language a { opacity:0.7; } #nav-language li.active a, #nav-language a:hover { opacity:1; } #nav-main { padding-top: 1px; } #nav-main .nav-item { margin-left: 5px; } #nav-language ul { margin-bottom:2px; } #nav-main ul { margin-top:0; } #nav-main * a { font-size:11pt; } .nav { } .nav .nav-item { display:inline; padding: 0 0 0 5px; } .nav * a, .nav * a:visited { } .nav * a:hover { } .active, .active a { font-weight:bold;color: #444; } #leaderboard { clear:both; height:220px; padding: 20px 0 0 0; margin-bottom:10px; box-shadow: 0 6px 6px gray;   background: #FAA51A;   background: -moz-linear-gradient(top, #FAA51A 0%, #F58F1C 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAA51A), color-stop(100%,#F58F1C));   background: -webkit-linear-gradient(top, #FAA51A 0%,#F58F1C 100%);   background: -o-linear-gradient(top, #FAA51A 0%,#F58F1C 100%);   background: -ms-linear-gradient(top, #FAA51A 0%,#F58F1C 100%);   background: linear-gradient(to bottom, #FAA51A 0%,#F58F1C 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAA51A', endColorstr='#F58F1C',GradientType=0 );   border-top: 1px solid #F47A20; } #leaderboard-content { height:200px; background-repeat: no-repeat;   opacity: 0.95;   } #leaderboard .text { background-image: url("../img/thegeek.png"); background-position: 20px 30px; background-size: 130px 130px; } #leaderboard .services { padding: 0; margin: 0 auto; } #leaderboard .services a { display:block; width:285px; height:35px; padding: 15px 10px 110px 10px; margin: 0 auto; position:relative; top:20px; background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%); border-radius: 0.5em; font-size:17pt; background-color: #EAEBEC; font-weight: bold; text-align: center; border: 1px solid #EC6E07; box-shadow: inset 0 0 10px #FAA51A; opacity: 0.7; text-shadow: 0 1px 1px #000; } #leaderboard .services .active { opacity: 1 !important; } #leaderboard .services a:hover { opacity: 1 !important; text-shadow: 0 1px 1px #FAA51A; color: #EC6E07 !important; }   #leaderboard .services .left { float:left; } #leaderboard .services .right { float:right; } #leaderboard .services .active, #leaderboard .services a:hover { box-shadow: inset 0 0 10px #444; border: 1px solid #444; }   #leaderboard .services .icon { font-size: 70pt; padding-bottom: 10px; } #leaderboard-content:hover { } #leaderboard-content h2 { font-size: 20pt; margin:0 0 30px 0; padding: 35px 0 5px 185px; white-space:nowrap; color:#fff; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); } #leaderboard-content p { margin:0;padding:0 0 0 185px; white-space:nowrap; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } #main { clear: both; } #content { padding-bottom: 235px; } #path { float: right; } .clear { clear:both; height:0;margin:0;padding:0; } #pagetitle { font-weight: bold; font-size: 18pt; } #pagetitle, #path { padding-bottom:20px; margin-bottom:20px; padding-top:40px;   } #content .service { height: 440px; } #content .box-container { clear: both; margin: 0 auto; } #content .box { width:296px; padding:10px; margin:0 auto; margin-bottom:50px; border-radius: 25px 25px 10px 10px; background-color:#eee; color:#444; box-shadow: 4px 4px 4px gray; border: 1px solid #fff; } #content .full-box { clear: both; margin: 0 auto; width:100% !important; } #content .full-box h1 { text-align: left !important; padding-left: 20px !important; } #content .box h1 { font-size: 18pt; text-align: center; margin-top: 5px; padding-bottom: 15px; color: #000; border-bottom: 1px double #ccc;   } #content .box h2 { font-size: 15pt; text-align: center; } #content .service h1 { font-size: 18pt; text-shadow: 0 1px 1px #000; margin-top: 15px; color: #EC6E07; } #content .service h2 { position:relative; top: 315px; } #content .service p { position:relative; top: -57px; padding: 0 5px 0 5px; } #content .service .bg { text-align:center;font-size:200pt;margin-top:-65px;color:#EC6E07;text-shadow: 0px 0px 2px #000; } #content .box:hover { background-color:#ddd; } #content .box a, #content .box a:visited { color:#EC6E07; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #content .box h1 a:hover, #content .box h1 .active { color: #000; } #content .box h2 a { display:block; height: 20px; margin: 0 auto; width: 250px; } #content .left-box { float: left; margin: 0; } #content .right-box { float: right; margin: 0; }   #content .service { cursor: pointer; } #content .service-bg-1, #content .service-bg-2, #content .service-bg-3, #content .service-bg-4, #content .service-bg-5, #content .service-bg-6 {     cursor: pointer; } #content .service:hover, #content .service-bg-5:hover { opacity: 0.9; box-shadow: 4px 4px 4px black; border: 1px solid #fff; } .disabled, .disabled:hover { opacity: 0.5 !important; } table { border-spacing: 0; background: none repeat scroll 0 0 #EAEBEC; border: 1px solid #CCCCCC; border-radius: 3px; box-shadow: 0 1px 2px #D1D1D1; color: #666666;   font-size: 10pt; margin: 20px 0; padding: 0; text-shadow: 1px 1px 0 #FFFFFF; width: 100%; } th { background: #EDEDED;   background: -moz-linear-gradient(top, #EDEDED 0%, #EBEBEB 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#EBEBEB));   background: -webkit-linear-gradient(top, #EDEDED 0%,#EBEBEB 100%);   background: -o-linear-gradient(top, #EDEDED 0%,#EBEBEB 100%);   background: -ms-linear-gradient(top, #EDEDED 0%,#EBEBEB 100%);   background: linear-gradient(to bottom, #EDEDED 0%,#EBEBEB 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#EBEBEB',GradientType=0 );   border-bottom: 1px solid #E0E0E0; border-top: 1px solid #FAFAFA; padding: 21px 25px 22px; } th:first-child { padding-left: 20px; text-align: left; } .offer-table-detailed tr:first-child td { border-top: 2px solid #EAEBEC; font-size:14pt; font-weight:bold; } tr:first-child th:first-child { border-top-left-radius: 3px; } tr:first-child th:last-child { border-top-right-radius: 3px; } table tr { padding-left: 20px; text-align: center; } table td:first-child { border-left: 0 none; padding-left: 20px; text-align: left; } .offer-table td:last-child { text-align: right; } table td { background: #FBFBFB;   background: -moz-linear-gradient(top, #FBFBFB 0%, #FAFAFA 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#FAFAFA));   background: -webkit-linear-gradient(top, #FBFBFB 0%,#FAFAFA 100%);   background: -o-linear-gradient(top, #FBFBFB 0%,#FAFAFA 100%);   background: -ms-linear-gradient(top, #FBFBFB 0%,#FAFAFA 100%);   background: linear-gradient(to bottom, #FBFBFB 0%,#FAFAFA 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#FAFAFA',GradientType=0 );   border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-top: 1px solid #FFFFFF; padding: 18px; } table tr:nth-child(even) td { background: #F8F8F8;   background: -moz-linear-gradient(top, #F8F8F8 0%, #F6F6F6 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#F6F6F6));   background: -webkit-linear-gradient(top, #F8F8F8 0%,#F6F6F6 100%);   background: -o-linear-gradient(top, #F8F8F8 0%,#F6F6F6 100%);   background: -ms-linear-gradient(top, #F8F8F8 0%,#F6F6F6 100%);   background: linear-gradient(to bottom, #F8F8F8 0%,#F6F6F6 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#F6F6F6',GradientType=0 );   } table tr:last-child td { border-bottom: 0 none; } table tr:last-child td:first-child { border-bottom-left-radius: 3px; } table tr:last-child td:last-child { border-bottom-right-radius: 3px; } table tr:hover td { background: #F2F2F2;   background: -moz-linear-gradient(top, #F2F2F2 0%, #F0F0F0 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#F0F0F0));   background: -webkit-linear-gradient(top, #F2F2F2 0%,#F0F0F0 100%);   background: -o-linear-gradient(top, #F2F2F2 0%,#F0F0F0 100%);   background: -ms-linear-gradient(top, #F2F2F2 0%,#F0F0F0 100%);   background: linear-gradient(to bottom, #F2F2F2 0%,#F0F0F0 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#F0F0F0',GradientType=0 );   } .prize-name, .prize { font-weight: bold; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); background: #fff;   background: -moz-linear-gradient(top, #fff 0%, #eee 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));   background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);   background: -o-linear-gradient(top, #fff 0%,#eee 100%);   background: -ms-linear-gradient(top, #fff 0%,#eee 100%);   background: linear-gradient(to bottom, #fff 0%,#eee 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );   } #content .offer-table * tr { width:25%; }   footer { clear:both; width:100%; height: 200px; background-color:#2B2B2B;color:#fff; padding-top: 10px; margin-top: -210px; position: relative; z-index: 10; background-image: url("../img/pixel.jpg"), url("../img/bg-footer.jpg"); background-position: left top, left top; background-repeat: repeat-x, repeat; border-top: 1px solid #2B2B2B; } footer p { white-space:nowrap; } footer address { float:right; text-align:left; font-style:normal; margin-top:52px; } footer address .block { padding-top: 4px; } footer .projects, footer .partners { margin-top: 20px; float:left; } footer .partners { margin-left:100px; } footer .special-offers { clear:left; padding-top: 7px; } footer a:hover { color:#FAA51A; }   .button { display: block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .5em .25em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); border-radius: .5em; box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .orange { color: #fef4e9 !important; border: solid 1px #da7c0c; background: #faa51a;   background: -moz-linear-gradient(top, #faa51a 0%, #f47a20 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa51a), color-stop(100%,#f47a20));   background: -webkit-linear-gradient(top, #faa51a 0%,#f47a20 100%);   background: -o-linear-gradient(top, #faa51a 0%,#f47a20 100%);   background: -ms-linear-gradient(top, #faa51a 0%,#f47a20 100%);   background: linear-gradient(to bottom, #faa51a 0%,#f47a20 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 );   } .orange:hover { background: #faa51a;   background: -moz-linear-gradient(top, #f88e11 0%, #f06015 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88e11), color-stop(100%,#f06015));   background: -webkit-linear-gradient(top, #f88e11 0%,#f06015 100%);   background: -o-linear-gradient(top, #f88e11 0%,#f06015 100%);   background: -ms-linear-gradient(top, #f88e11 0%,#f06015 100%);   background: linear-gradient(to bottom, #f88e11 0%,#f06015 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#f06015',GradientType=0 );   } .orange:active { background: #f47a20;   background: -moz-linear-gradient(top, #f47a20 0%, #faa51a 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47a20), color-stop(100%,#faa51a));   background: -webkit-linear-gradient(top, #f47a20 0%,#faa51a 100%);   background: -o-linear-gradient(top, #f47a20 0%,#faa51a 100%);   background: -ms-linear-gradient(top, #f47a20 0%,#faa51a 100%);   background: linear-gradient(to bottom, #f47a20 0%,#faa51a 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#faa51a',GradientType=0 );   } .preloader, .nopreloader { width: auto !important; margin: 10px; margin-left: auto; margin-right: auto; padding: 5px; text-align: center; } .preloader { padding-top: 140px; background-image:url('../img/preloader.gif'); background-position: center top; background-repeat: no-repeat; background-size: 128px 128px; } .barlittle { background: #2187e7;   background: -moz-linear-gradient(45deg, #2187e7 0%, #a0eaff 100%);   background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#2187e7), color-stop(100%,#a0eaff));   background: -webkit-linear-gradient(45deg, #2187e7 0%,#a0eaff 100%);   background: -o-linear-gradient(45deg, #2187e7 0%,#a0eaff 100%);   background: -ms-linear-gradient(45deg, #2187e7 0%,#a0eaff 100%);   background: linear-gradient(45deg, #2187e7 0%,#a0eaff 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2187e7', endColorstr='#a0eaff',GradientType=1 );   border-left: 1px solid #111; border-top: 1px solid #111; border-right: 1px solid #333; border-bottom: 1px solid #333; width: 10px; height: 10px; float: left; margin-right: 5px; opacity: 0.1; -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -moz-animation: move 1.5s infinite linear; -webkit-animation: move 1.5s infinite linear; } #loading_block_1 { -moz-animation-delay: .6s; -webkit-animation-delay: .4s; } #loading_block_2 { -moz-animation-delay: .45s; -webkit-animation-delay: .3s; } #loading_block_3 { -moz-animation-delay: .25s; -webkit-animation-delay: .2s; } #loading_block_4 { -moz-animation-delay: .45s; -webkit-animation-delay: .3s; } #loading_block_5 { -moz-animation-delay: .6s; -webkit-animation-delay: .4s; } @-moz-keyframes move { 0% { -moz-transform: scale(1.2); opacity: 1; } 100% { -moz-transform: scale(0.7); opacity: 0.1; }; } @-webkit-keyframes move { 0% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(0.7); opacity: 0.1; }; } #under-construction, #contactformdiv { width:640px;height:397px;margin:0; padding:0px; background-color:#fff; background-image: url("../img/under-construction.jpg"); border-radius: 0.5em; border:2px solid #000; box-shadow: inset 0 0 10px #FAA51A; } #affiliateform { width:640px;margin:0; padding:0px; background-color:#fff; background-image: url("../img/under-construction.jpg"); border-radius: 0.5em; border:2px solid #000; box-shadow: inset 0 0 10px #FAA51A; } .error { color: red; } .error small { margin:0 !important; } .tests-checkmsg { width:700px;border:1px solid #eee;background-color:#fff;padding:5px;text-align:left;margin:0 auto;margin-top:5px; } .rightContentBox { float:right;margin-left:30px; } .leftContentBox { float:left;margin-right:30px; }   .testing { cursor: default !important; } .testing .issue { background-color: #eee; background-image: -moz-linear-gradient(45deg, #faa51a 0%, #f47a20 100%);   background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#faa51a), color-stop(100%,#f47a20));   background-image: -webkit-linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   background-image: -o-linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   background-image: -ms-linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   background-image: linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=1 );   background-position: left top; background-size: 0% 100%; background-repeat: no-repeat; border: 1px solid #fff; border-radius: 10px 10px 10px 10px; box-shadow: 4px 4px 4px gray; color: #444; margin: 0 auto 15px; padding: 10px; width: 292px; font-weight: bold; text-shadow: 0 1px 1px #fff; } .testing .issue .percent { float: right; text-shadow: 0 1px 1px #eee; } .preorderad { background-color: #eee; background: #faa51a;   background: -moz-linear-gradient(45deg, #faa51a 0%, #f47a20 100%);   background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#faa51a), color-stop(100%,#f47a20));   background: -webkit-linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   background: -o-linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   background: -ms-linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   background: linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=1 );   border-radius: 10px 10px 10px 10px; box-shadow: 0 !important; color: #fff; margin: 0 auto 15px; padding: 10px; width: auto; height: 95px; font-weight: bold; text-shadow: 0 1px 1px #000; } .preorderad { cursor: pointer; } .preorderad .bug { float:left;font-size:70pt;padding-right:20px; } .preorderad .bug, .preorderad p, .preorderad h1 { color:#000; text-shadow: 0 1px 1px #fff; } .preorderad h1 { padding-top: 0 !important; margin-top: 15px !important; font-size: 18pt !important; } .preorderad h2 { float:right; line-height: 1em !important; width: 292px; padding-top: 0 !important; margin-top: 0 !important; } .preorderad h2 a { background-image: url("../img/websiteSecurityTesting.gif"); background-position: center center; background-size: 120% auto; background-repeat: no-repeat; color: #fff !important; font-weight: bold; text-shadow: 0 1px 1px #000; } .tabletAndMobileOnly { visibility: hidden; display: none; } .mobileOnly { visibility: hidden; display: none; } .banner-nav { } .banner-nav a { border-radius: 5px 5px 0 0; box-shadow: 1px 1px 1px gray; background: #fff;   background: -moz-linear-gradient(top, #fff 0%, #eee 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));   background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);   background: -o-linear-gradient(top, #fff 0%,#eee 100%);   background: -ms-linear-gradient(top, #fff 0%,#eee 100%);   background: linear-gradient(to bottom, #fff 0%,#eee 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );   color: #000; z-index: 2; position: relative; top:0; padding: 5px 10px 5px 10px; margin: 0 0 0 10px; width: 100px; float: left; } .banner-nav .active, .banner-nav a:hover { background-color: #eee; background: #faa51a;   background: -moz-linear-gradient(45deg, #faa51a 0%, #f47a20 100%);   background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#faa51a), color-stop(100%,#f47a20));   background: -webkit-linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   background: -o-linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   background: -ms-linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   background: linear-gradient(45deg, #faa51a 0%,#f47a20 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=1 );   } .banner { clear: left; border-radius: 10px; margin: 0; margin-bottom: 50px; width: auto !important; background-position: center center; background-size: 120% auto; box-shadow: 4px 4px 4px gray; border: 1px solid #000; height: 180px; transition: all 0.5s ease; position:relative;top:0;overflow:hidden; } .security-banner { background-image: url("../img/matrix-static.jpg"); } .security-banner h2 {   } .banner .left { color: #fef4e9; background-image: url('../img/websiteSecurityIssue.jpg'); background-position: center center; background-size: 100% auto; float:left; text-shadow: 0 1px 1px #000; opacity: 0.7; margin: 10px 0 10px 10px !important; padding: 10px; width: 420px; height: 138px; border-radius: 10px 0px 0px 10px; } .banner h2 { color: #fef4e9; text-shadow: 0 1px 1px #000; font-size: 140px; padding:45px 0 30px 0; margin:0; background-image: -o-linear-gradient(transparent, transparent); background-position: center center; background-size: 100% auto; display: block;   } .banner h3 { color: #fef4e9; font-size: 18pt; margin: 20px 0 8px 0; text-transform: uppercase; text-align: right; } .banner .right { color: #fef4e9 !important; border: solid 1px #da7c0c; background: #faa51a;   background: -moz-linear-gradient(top, #faa51a 0%, #f47a20 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa51a), color-stop(100%,#f47a20));   background: -webkit-linear-gradient(top, #faa51a 0%,#f47a20 100%);   background: -o-linear-gradient(top, #faa51a 0%,#f47a20 100%);   background: -ms-linear-gradient(top, #faa51a 0%,#f47a20 100%);   background: linear-gradient(to bottom, #faa51a 0%,#f47a20 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 );   float:right; width: 500px; text-align: right; padding-right: 20px; margin: 10px; height: 158px; border-radius: 0px 10px 10px 0px; } .banner p { color: #000 !important; width: 480px; float: right; text-align: left; } .banner .bug { left: 485px; position: relative; top: -40px; z-index: 1; width: 485px; text-align: center; } .banner .bug a { color: #fff; white-space: nowrap; padding-left: 25px; } .tab, .tab:visited { opacity:1; height:auto; padding: 15px 10px 15px 10px; width:230px; font-size: 14pt; font-weight:normal; float:left; margin-right:15px; } .activeTab, .tab:hover { font-weight: bold; background: #faa51a;   background: -moz-linear-gradient(top, #f88e11 0%, #f06015 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88e11), color-stop(100%,#f06015));   background: -webkit-linear-gradient(top, #f88e11 0%,#f06015 100%);   background: -o-linear-gradient(top, #f88e11 0%,#f06015 100%);   background: -ms-linear-gradient(top, #f88e11 0%,#f06015 100%);   background: linear-gradient(to bottom, #f88e11 0%,#f06015 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#f06015',GradientType=0 );   } #headerIssue { opacity:1;height:auto;margin: 5px 0 0 0;padding: 15px 10px 10px 10px;top:5px;width:auto;font-size: 14pt;height:48px;font-weight:normal;text-shadow:none;background:none;color: #fff;border: 1px solid #ec6e07;border-radius: 0.5em;box-shadow: 0 0 10px #faa51a inset;display: block;   } p { text-align: justify; } #additionalAlertBoxMsg input { width: 380px; padding: 10px 0; margin: 0 auto; margin-bottom: 10px; text-align: center; font-size: 125%; font-weight: bold;   border-radius: .5em; } #additionalAlertBoxMsg input.submit { width: 382px; }   #quickCheckDiv { min-height: 60px; } #quickCheckDiv .preloader { background-size: 20px 20px; height: 20px; padding-top: 0; padding-left: 30px; background-position: left top; text-align: left; } #quickCheckDiv table tr, #quickCheckDiv table th, #quickCheckDiv table td { padding: 6px; } #quickCheckDiv input { padding:5px !important; } #quickCheckDiv input.textbox { width: 500px; } #quickTestResultTables { width: 635px; float:right; } .transparent { background-color: transparent; opacity: 0; } .AdWidth100Percent { width: 728px; height: 90px; border: 1px solid #cccccc; background-color: #cccccc; border-radius: 3px; margin: 0 auto; margin-bottom: 10px;   text-align: right; float: right; } #quickCheckDiv .actionButtons { float:left; width:auto; text-align:left; } #quickCheckDiv .actionButtons a { display:block; margin-bottom: 3px; } #quickCheckDiv .quickResultIssueExtraMsg { border: 1px solid #000; padding: 5px; }   @media screen and (max-device-width: 1023px) {   header, footer { width:100%; max-width: 1024px; margin:0 auto; } header .title, #main, #leaderboard-content, footer .content, #content { width:95%; margin: 0 auto; } #logo { height: 53px; } #logo img { height: 75px; } .nav { margin-top: 10px; } #leaderboard .text { background-image: none; } #leaderboard-content h2, #leaderboard-content p { padding-left: 30px; } #leaderboard .services a { width:28%; font-size:13pt; } #content .service, #content .left-box, #content .right-box { clear: both; float:none; width: auto; margin: 0; margin-bottom: 10px; } #content .service .bg { text-align:left; font-size:36pt; margin:68px 0px 0px 10px; padding: 0; color:#EC6E07;text-shadow: 0px 0px 2px #000; width: 50px; position: relative; top: -70px; left: 0px; } #content .box { height: 40px; border-radius: 10px 10px 10px 10px; width: auto; } #content .service h2 { position: relative; top: -1px; float:right; margin: 0 auto; } #content .service h1 { float:left; padding-left: 80px; margin-top: 10px; } #content .service p { visibility:hidden; display:none; } #content .service-bg-1, #content .service-bg-2, #content .service-bg-3 { background-position: center center; background-size: 1024px auto; background-repeat: no-repeat; cursor: pointer; } #content { padding-bottom: 0px; } #under-construction, #contactformdiv { width:100%; } #affiliateform { width:100%; } #content .service-bg-5 { visibility: hidden; display: none; height: auto; min-height:210px; } #content .noad { visibility: visible; display: block; } footer { font-size: 90%; } footer .partners { margin-left: 70px; } .box-170 { width:160px;   } form.order input.text { width: 200px; } .tests-checkmsg { width:95%; } .payment { clear: both !important; float:none !important; width: auto !important; margin: 0 0 10px 0 !important; padding: 7px 0 0 40px !important; } #payment-methods-overview .payment { background-position: 3px 3px; background-repeat: no-repeat; background-size: 30px 30px; height: 30px !important; } #payment-methods-overview .payment { text-align: left; } #payment-methods-overview .payment small { position: relative; top: -21px; text-align: right; font-size: 50%; margin-top: 0px; margin-right: 10px; } #payment-methods-coins { position: relative; top: -40px; } #payment-methods-coins .back-button { position: relative; top: 15px; text-align: right; padding-right: 15px !important; } .coins-details .payment-bitcoin.payment-coin-details.background-fix { width:500px !important; background-size: auto 100%; } .coins-details .payment-coin-details .coin-left { float:left; margin:0 !important; text-align:left; } .coins-details .payment-coin-details .coin-qrcode { padding-top:20px; } .coins-details .payment-coin-details .coin-qrcode img { width:350px;height:350px; } .coins-details .payment-coin-details .coin-title { margin: 10px 30px 10px 10px !important; padding: 0 !important;   } .coins-details .payment-coin-details .coin-text { visibility: hidden; display: none;   } .coins-details .payment-coin-details .coin-progress { padding-top:30px; } .coins-details .payment-coin-details .coin-left, .coins-details .payment-coin-details .coin-right { clear: both; float:none !important; margin:0 auto !important; text-align:center !important; } .coins-details .payment { height: 580px !important; } .testRunFieldsetSecurity.background-fix { width:528px !important; height:366px !important; position: absolute; width:100%; border-radius: 10px 10px 10px 10px !important; z-index:0; } .testRunFieldset { width:528px !important; margin: 0 auto !important; } .testRunFieldsetContent { z-index:1; opacity: 1 !important; position: absolute; width:528px !important; } .testBugs { font-size:25pt; } .tabletAndMobileOnly { visibility: visible; display: block; } .noTabletAndMobile { visibility: hidden; display: none; } .noTablet { visibility: hidden; display: none; } .banner .left { width: 115px; background-size: auto 100%; } .banner h2 { font-size: 35px; } .banner h3 { font-size: 5pt; } .banner .bug { clear: left; width: 100%; left: 0px; text-align:right; margin: 0 auto; } .banner .bug a { padding-right: 25px; } .tab { width:20% !important; font-size: 10pt; } #quickTestResultTables { float:none; width:100%; } .AdWidth100Percent { border: none; float:none; width: 680px; height: auto; text-align: center; padding: 0; margin: 0 auto; } #quickCheckDiv .actionButtons { float:none; text-align: center; margin: 0 auto; padding-top: 10px; } }   @media screen and (max-device-width: 767px) { header .title, #main, #leaderboard-content, footer .content, #content, #container { width:96% !important; margin: 0 auto; } footer .content, #content, #content { width:100%; margin: 0 auto; } header { position: fixed !important; width:96% !important; background-color: #fff; z-index:19; } #main { clear: both; padding-top: 110px; padding-bottom: 40px; } #right-header { width:100%; } #nav-language { padding-top: 10px; }     #mobileMenu ul { list-style-type:none; margin:0; padding:0; position: absolute;   } #mobileMenu li { display:inline-block; float: left; margin-right: 1px; border-bottom: 1px solid #333; } #mobileMenu li a { display:block; min-width:140px; height: 50px; text-align: center; line-height: 50px; color: #444; background: #EBEBEB; background: #fff;   background: -moz-linear-gradient(top, #fff 0%, #eee 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));   background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);   background: -o-linear-gradient(top, #fff 0%,#eee 100%);   background: -ms-linear-gradient(top, #fff 0%,#eee 100%);   background: linear-gradient(to bottom, #fff 0%,#eee 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );   text-decoration: none; } #mobileMenu li:hover a { background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); color: #fff; } #mobileMenu li:hover ul a { background: #f3f3f3; color: #2f3036; height: 40px; line-height: 40px; } #mobileMenu li:hover ul a:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); color: #fff; } #mobileMenu li ul { display: none; } #mobileMenu li ul li { display: block; float: none; border-bottom: 1px solid #666; } #mobileMenu li ul li a { width: auto; min-width: 100px; padding: 0 20px; } #mobileMenu ul li a:hover + .hidden, .hidden:hover { display: block; } #mobileMenu .show-menu { text-decoration: none; color: #000; background: #fff;   background: -moz-linear-gradient(top, #fff 0%, #eee 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));   background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);   background: -o-linear-gradient(top, #fff 0%,#eee 100%);   background: -ms-linear-gradient(top, #fff 0%,#eee 100%);   background: linear-gradient(to bottom, #fff 0%,#eee 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );   border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: center; padding: 10px; display: none; text-align: left; font-weight: bold; } #mobileMenu input[type=checkbox]{ display: none; -webkit-appearance: none; } #mobileMenu input[type=checkbox]:checked ~ #menu{ display: block; } #mobileMenu ul { position: static; display: none; } #mobileMenu li { margin-bottom: 1px; } #mobileMenu ul li, li a { width: 100%; } #mobileMenu .show-menu { display:block; } #nav-language * img { border:1px solid #444; width:27px;height:20px; margin:6px 0 6px 6px; }     #logo { position: absolute; top: 0; overflow:hidden; height: 36px; } #logo img { height: 48px; width: auto; } #leaderboard { visibility: hidden; display: none; } #pagetitle, #path { padding: 0px; } #pagetitle { font-size: 12pt; clear: left; } #path { font-size: 8pt; float: left; margin-bottom: 3px; } #content .service .bg { top: -70px; text-align:right; width:100%; } #content .service .bg i { padding-right: 10px; } #content .service h2 { visibility: hidden; display: none; } #content .service h1 { padding-left: 5px; font-size: 14pt; } #content .box { box-shadow: none; } .rightContentBox, .leftContentBox, .noadbox { margin: 0; padding: 0; width: 100%; float: none !important; } .box { width: auto !important; float: none !important; } .noad { margin-bottom: 25px !important; } footer { font-size: 80%; height: 32px; position: fixed; bottom: 0px; } footer p, footer address { float:none !important; text-align: center; margin:0 0 10px 0 !important; padding:0 !important; white-space: normal !important; } .order-form-container { padding: 10px 0 10px; } .box-170 { width:60px; background-image: url("../img/package-order-form-img-orange.png"); background-size: 60px; } .bg-step1-orange, .bg-step2-orange, .bg-step3-orange, .bg-step4-orange { height: 34px; } .bg-step1-o-orange, .bg-step2-o-orange, .bg-step3-o-orange, .bg-step4-o-orange { height: 34px; } .bg-step1-orange { background-position:0 0; } .bg-step2-orange { background-position: 0 -36px; } .bg-step3-orange { background-position: 0 -72px; } .bg-step4-orange { background-position: 0 -108px; } .bg-step1-o-orange { background-position:0 -142px; } .bg-step2-o-orange { background-position: 0 -178px; } .bg-step3-o-orange { background-position: 0 -213px; } .bg-step4-o-orange { background-position: 0 -249px; } .typo-right { margin:0; padding:14px 0 0 7px; font-size: 0pt; } .typo-step, .typo-step-o { font-size: 10pt; } form.order input.text { width: 170px !important; } form.order input.text1 { width:230px !important; } form.order input.text2 { width:230px !important; } form.order select.drop { width:150px !important; } form.order select.drop1 { width:100px !important; } form.order textarea { width:210px !important; } form.order { padding: 0; } ul, li { list-style: none outside none !important; margin: 0 !important; padding: 0 !important; } #UserFormDataAddI_Main, #UserFormDataAddI_Content { visibility: hidden; display: none; } form.order label { width: 190px; } fieldset { font-size: 10pt; } #websiteHashSelect { width: 170px !important; } input.center { margin: 0; padding: 0; } .order-form-container h1 { font-size: 12pt; } #alertBox { width: 96%; } #alertBoxMsg { width: 90%; height: 350px; } #alertBoxMsg div { max-height: 210px !important; } #test-run-progress-bar { width: 150px !important; } #payment-methods-overview .payment small { padding-left: 0; width: 95%; line-height: 10pt; top: -30px; } .coins-details .payment { height: 500px !important; } .coins-details .payment-bitcoin.payment-coin-details.background-fix { visibility:hidden; display: none;   } .coins-details .payment-coin-details .coin-qrcode img { width:150px;height:150px; } .payment-coin-details { padding-left: 20px !important; } .coin-right { padding-right: 20px !important; margin-right: 0px !important; } .coin-title { font-size: 10pt; } .coin-amount { font-size: 9pt; } .coin-address { font-size: 5pt; } .testRunFieldsetSecurity.background-fix { width:200px !important; height: 324px !important; } .testRunFieldset { width:200px !important; margin: 0 auto !important; } .testRunFieldsetContent { width:200px !important; } .testBugs { display:none; } #testCountName { font-size: 7pt; } .testRunFieldset { height: 324px !important; } #test-run-progress { font-size: 13pt; } .preloader { background-size: 74px 74px; padding-top: 74px; } p { margin-top: 2px; } h1,h2,h3 { margin-top: 5px; margin-bottom: 5px; } #contactformdiv { height: 450px; } .testing .issue { font-size: 10pt; width: 90%; } .noTablet { visibility: visible; display: block; } .tabletAndMobileOnly { visibility: visible; display: block; } .noTabletAndMobile { visibility: hidden; display: none; } .mobileOnly { visibility: visible; display: block; } .noMobile { visibility: hidden; display: none; } .banner { height: 277px; margin-bottom: 15px; background-size: 160% auto; } .banner-nav a { width: 37px; font-size: 10pt; padding: 2px 5px 1px 5px; margin: 0 0 0 5px; } .banner .left { width: auto; height: 30px; padding: 17px 20px 10px 10px; margin: 0; border-radius: 0; background-size: 100% auto; float: none; display: block; z-index: 1; position: relative; top: -277px; } .banner .right { float: none; display: block; width: auto; height: 200px; background-size: auto 100%; margin-left: 10px; border-radius: 10px; padding: 55px 10px 0; text-align: left; background: #fff;   background: -moz-linear-gradient(top, #fff 0%, #eee 100%);   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));   background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);   background: -o-linear-gradient(top, #fff 0%,#eee 100%);   background: -ms-linear-gradient(top, #fff 0%,#eee 100%);   background: linear-gradient(to bottom, #fff 0%,#eee 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );   } .banner h2 { font-size: 35px; margin-top:0px; position: relative; top: -40px; } .banner h3 { font-size: 10pt; left: 0; position: relative; top: -120px; } .banner .bug { visibility: hidden; display: none; } .banner p { font-size: 9pt; width: auto; display: inline; padding: 0; float: none; display: block; } .tab { width:auto !important; float: none !important; display:block !important; font-size: 12pt; margin:10px 0 10px 0; } .service-bg-5 { height: auto !important; } .service-bg-5 div i { display:none; } #quickCheckDiv input { width: auto; display: block; margin-bottom: 5px; } #quickCheckDiv input.textbox { width: 95%; } .AdWidth100Percent { width: 270px; } }   @media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .banner .left { top: -267px; padding: 10px; } .banner h2 { float:none; display:block; width:auto; text-align:left; padding:0; margin:0; left: 1px; top: 9px; } .banner h3 { float:none; display:block; width:auto; text-align:right; padding:0; margin:0; top:-28px; left:-7px; } .testing .issue { padding: 7px 10px 7px 10px; margin:0; margin-bottom: 10px; } .testing .issue .percent { padding-right: 10px; } } 