.rmcontactinfo { float: right; background-color: #F1FCFE; font-size: 12px; padding:10px; border:1px solid #ccc;} .btn_signup{margin-top:10px;} #users-sign-up-premium {width:810px; margin:0 auto; padding:10px;} #plans-steps {width:810px; height:40px; line-height:40px; color:#FFF; list-style:none; font-weight:bold; margin-top:10px;} #plans-steps li {float:left; width:270px; text-align:center; display:block; background:#545454; height:30px; line-height:30px; margin-top:5px; font-size:14px; text-shadow:0 1px 1px #000;} #plans-steps li a {color:#FFF; text-decoration:none;} #plans-steps li:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px;} #plans-steps li:first-child {border-top-left-radius: 5px; border-bottom-left-radius: 5px;} #plans-steps li span {visibility:hidden; font-size:10px; text-shadow:none;} #plans-steps li.active {height:40px; line-height:40px; margin-top:0px; border-radius:5px; box-shadow: 0px 1px 1px #000; background: #ff3019; background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); background: linear-gradient(top, #ff3019 0%,#cf0404 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );} #plans-steps li.active span {visibility:visible;} #signup-step1 {margin-top:20px; position:relative; z-index:0;} #signup-step1 .plan {width:390px; height:410px; float:left; line-height:150%; border-style:solid; border-width:1px; padding:4px; border-color:#545454;} #signup-step1 .plan.active {border-width:4px; padding:1px; border-color:#cf0404;} #signup-step1 .plan h1 {color:#000; font-size:20px; font-variant:small-caps; float:left; margin:10px 0 0 0; font-family: Arial, Helvetica, sans-serif} #signup-step1 .plan ul {margin:20px 0 20px 10px; list-style:none;} #signup-step1 .plan li {padding-left:25px; margin-bottom:5px; background:url(/assets/images/check.png?www) no-repeat left top;} .pay-duration {height:30px; line-height:25px; font-weight:bold; width:120px; position:absolute; top:50px; background:#FFF; border:2px solid #F00; border-radius:10px;font-size:12px;} .pay-duration input {position:absolute; top:7px; left:5px;} .pay-duration label {position:absolute; left:22px;} .pay-duration-right {left:140px; width:140px;} #pay-discount {position:absolute; width:128px; height:51px; top:58px; left:273px; background:url(/assets/images/discount.png?qqq) no-repeat; z-index:10;} #plan2 {margin-left:10px;} .plan .head {background:#EFEFEF; padding:10px;} .plan .head h1{float:none !important;margin:0 !important;} #plan1 em { display: block; font-style: normal; font-size: 12px; font-weight: bold; margin:5px 0;} #plan1 label { margin-right: 10px; background: #fff; padding:5px; border-radius: 5px; } #plan1 label input { vertical-align: sub; } .plan.active .head {background:#EAEAEA;} #plan1 .price {font-size:16px; color:#cf0404; font-weight:bold; display:block; margin:5px 0 0 18px; float:right;} #signup-step2, #signup-step3 {display:none; margin:0 auto; margin-top:20px;} #continue-step2 {height:38px; width:150px; margin:0 auto; font-size:16px; line-height:38px; float:none; display:block; margin-top:10px; padding:0;} #signup-step2 {} #signup-step2 p {margin:10px 0; height:30px; line-height:30px; position:relative;} #signup-step2 p span {display:block; float:left; width:100px; font-weight:bold;} #signup-step2 p input {width:240px; height:30px; line-height:30px; border-radius:4px; font-size:14px; padding:0 10px;} #signup-step2 p em, #agree_contain em {position:absolute; top:0px; left:370px; display:none; width:320px; color:#F00;} #agree_contain em {left:270px;} #signup-step2 .actionbutton {width:200px; height:38px; line-height:38px; border:none; margin-left:100px; padding:0;} #agree_contain {margin-left:100px; position:relative;} #agree_contain a {color:#069;} #agree_contain input {margin:5px 0 0 10px; padding:0;} #signup-step3 {font-size:16px; color:#069; width:700px;} #suggested_username { font-style:italic; color:green; } .form-row.error #suggested_username { padding-top:5px; } #suggested_username a{ color:green; font-weight:bold; } #suggested_username a:hover { text-decoration:underline; } #notifications { background:#CDFFCC;text-align:center;padding:10px;margin:10px;font-size:14px;line-height:18px; } #map_tabs, #map_tabs_profile, #menu_follow {height:30px; line-height:30px; border-bottom:#6781a9 3px solid; padding-top:2px;} #menu_follow{border:0px; margin:10px auto; width: 59%;} #map_tabs a, #map_tabs_profile a, #menu_follow a {margin-top:2px; display:block; height:30px; line-height:30px; float:left; background:#039; font-weight:bold; padding:0px 10px 0px 10px; cursor:pointer; margin:0px 1px 0px 0px; border-radius-topleft:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; color:#4e6488; font-size:11px; background: #f2f2f4;background: -moz-linear-gradient(top, #f2f2f4 0%, #dadfe3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f4), color-stop(100%,#dadfe3));background: -webkit-linear-gradient(top, #f2f2f4 0%,#dadfe3 100%);background: -o-linear-gradient(top, #f2f2f4 0%,#dadfe3 100%);background: -ms-linear-gradient(top, #f2f2f4 0%,#dadfe3 100%);background: linear-gradient(top, #f2f2f4 0%,#dadfe3 100%);} #map_tabs a.sel, #map_tabs_profile a.sel, #menu_follow a.sel { background: #6781a9;background: -moz-linear-gradient(top, #536b8f 0%, #6781a9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#536b8f), color-stop(100%,#6781a9));background: -webkit-linear-gradient(top, #536b8f 0%,#6781a9 100%);background: -o-linear-gradient(top, #536b8f 0%,#6781a9 100%);background: -ms-linear-gradient(top, #536b8f 0%,#6781a9 100%);background: linear-gradient(top, #536b8f 0%,#6781a9 100%); color:#FFF; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;} .map_tabs_profile {margin-left:200px; margin-top:10px;} .signupform{width:65%;} .card_type_div{background:#FEFEFE; border:1px solid #ccc; padding: 15px; font-size: 14px; -moz-border-radius: 6px ; -webkit-border-radius: 6px ; border-radius: 6px; width: 95%;} .page-users-signup .card_type_div{font-size: 14px; margin-bottom: 20px;} .card_type_div-anonymous label { margin:10px 0; display: block; } .card_type_options{ margin:0; } .card_type_options em { display: block; font-style: normal; font-size: 12px; font-weight: bold; margin:15px 0 0; color:#999; } .card_type_labels{ width:32%; display: inline-block; margin: 10px 0 ; vertical-align: text-top; } .card_type_labels-bestoffer { width:55%; } .anonymous_choose_card, .visamc_choose_card { margin-top:-10px; } .anonymous_choose_card { display: none; } .selected-premium-3monthscrypto .anonymous_choose_card, .selected-premium-6monthscrypto .anonymous_choose_card, .selected-premium-12monthscrypto .anonymous_choose_card { display: block; } .selected-premium-3monthscrypto .visamc_choose_card, .selected-premium-6monthscrypto .visamc_choose_card, .selected-premium-12monthscrypto .visamc_choose_card { display: none; } @media screen and (max-width: 1024px){ #map_tabs.m_signup_tabs {display:block !important;margin-right:10px;} #map_tabs.m_signup_tabs a {display:block; font-size:14px;width:50%; text-align: center;margin:0; padding:0;} #map_tabs.m_signup_tabs #tab_free {float:right;margin-right:0;} #users-sign-up-premium {padding:10px 2px;width:auto;} #signup-step1 #plan2 {display:none;margin-left:0;} #signup-step1 .plan.on{display:block!important;} #signup-step1 .plan.off{display:none!important;} #signup-step1 .plan{width:auto;margin-right:10px;height:auto;float:none;} .steps{width:auto !important;} #plans-steps { display:none; } #signup-step2 p input {width:auto;} #signup-step2 .actionbutton {margin:10px auto;float:none;display:block;} #signup-step2 p span {display:inline-block;float:none;text-align:right;width:70px;} #signup-step2 p {text-align:center;margin-left:-50px;height:auto;} #agree_contain { margin: 0 auto; width: 170px;} #signup-step2 p em,#agree_contain em{position:relative; display:block;width:auto;left:0;} } /* Tablet Only */ @media screen and (min-width: 740px) and (max-width: 1024px){ #signup-step1 #pay-discount{ width:117px; top:74px;} #signup-step1 .pay-duration{ top:85px; } #signup-step1 .pay-duration-right{ top:85px; } #map_tabs.users_map_tabs a{ display:block;} #map_tabs.home_tabs a { display:block;} #map_tabs .mobile_tabs a {display:none !important;} } /* Mobile Only */ @media screen and (max-width: 740px){ #signup-step1 { margin-top: 0; } #users-sign-up-premium { padding:2px 0; } #signup-step1 .plan ul { margin:7px 0 7px 10px; } #map_tabs .mobile_tabs a.m_sel{display:block !important;} #signup-step1 .pay-duration{ width:130px; } #signup-step1 .pay-duration-right{ left:15px; top:85px; } #signup-step1 .pay-duration-crypto{ left:15px; top:119px; width:300px; } #signup-step1 #plan1 .head{height:auto;} #signup-step1 #pay-discount{ width:117px; top:85px;} .signupform{width:80%;} } @media screen and (max-width: 480px){ #signup-step1 .plan h1 { display: none; } #plan2 .head { display: none; } #signup-step1 #pay-discount{ display: none; } .signupform{width:80%;} }