/* Document : signUpAffiliateForm2015 Created on : Sep 29, 2015, 11:48:00 AM Author : daniel.mihai Description: Purpose of the stylesheet follows. */ *, :after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .pos-relative {position: relative;} .affiliates-signup-page {letter-spacing: -0.03em;} .rtl {direction: rtl; text-align: right;} .ar-rtl {direction: rtl; unicode-bidi: embed;} .extra-info-box {padding:5px 5px 5px 10px; width: 100%; float:right; color:#777;} .extra-rtl {float: left;} .extra-info-box-img {float:left; margin-right:10px;} .extra-img-rtl {float: right; margin-left: 10px;} .rtl {text-align: right;} .ltr {text-align: left;} .ltr input {float:left;} .ltr select {float:left;} .ltr td {text-align:left;} .rtl td {text-align:right;} .rtl input {direction: ltr;} .rtl select {direction: ltr;} .rtl-float {float: right;} .bg-map-gray {position: absolute;} /* Wrapper of the whole form */ .sprite-logo-affiliates {background: url('https://www.avangate.com/docs/en/new-design/sprite-logo-affiliates.jpg?28') no-repeat;} #wrap-form {width:100%;} #login-form-wrap {display:block;} #signup-form-wrap {display:block; width:100%;} table.table-form {width: 100%;} .rtl table.table-form {width: 100%; float:right;} table.table-form .form-control {width: 100%;} table.table-form td {position: relative;} /* Label Style */ #wrap-form .label{font-size: 12px; font-family: 'Roboto', Arial, sans-serif; font-weight: 300; background: none; color: #666666; text-shadow: none; white-space: normal; padding: 0px;} #wrap-form .label-text{font-size: 12px; font-family: 'Roboto', Arial, sans-serif; font-weight: 300; color: #666666; white-space: normal; padding: 0px;} /* Wrapper of the language dropdown and it's label */ #wrap_form_lang {float:right; display:block; margin:10px 0px; color: #666666;} #wrap-form label.error {display: block; color: #ff0000; font-weight: 400; font-size: .9em;} #wrap-form label.error[for="terms_and_cond"] {display: none !important;} #wrap-form input.error[name="terms_and_cond"] ~ .label-text {color: #ff0000;} /* Accordeon tabs CSS */ .heading-parent {background-color:#fff; clear:both; margin-bottom:10px; display:block; width:100%; border: 1px solid #efefef; border-bottom: 4px solid #e0e0e0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: border .2s; -moz-transition: border .2s; -ms-transition: border .2s; -o-transition: border .2s; transition: border .2s;} .heading-parent.active {border-top: 5px solid #0287c9;} .heading-parent .heading-text {color: #135d97; background:url('https://www.avangate.com/docs/en/general/arrow-blue-down.png?28') no-repeat 10px; font-family: 'Roboto', Arial, sans-serif; font-weight: 100; font-size: 2.1em; padding-left: 50px; line-height: 2.25em; margin: 5px 0; -webkit-transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -ms-transition: background .25s ease-in-out; -o-transition: background .25s ease-in-out; transition: background .25s ease-in-out; text-shadow: 1px 1px 1px rgba(0,0,0,0.01); text-rendering: optimizeLegibility; -webkit-text-stroke: .02em rgba(19,93,151,0.50);} .rtl .heading-parent .heading-text {background:url('https://www.avangate.com/docs/en/general/arrow-blue-down.png?28') no-repeat right 50%; padding-left: 0; padding-right: 50px;} .heading-parent .heading-text-toggle {color: #666666; background:url('https://www.avangate.com/docs/en/general/arrow-gray-right.png?28') no-repeat 10px; font-family: 'Roboto', Arial, sans-serif; font-weight: 100; font-size: 2.1em; padding-left: 50px; line-height: 2.25em; margin: 5px 0; cursor: pointer; -webkit-transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -ms-transition: background .25s ease-in-out; -o-transition: background .25s ease-in-out; transition: background .25s ease-in-out; text-shadow: 1px 1px 1px rgba(0,0,0,0.01); text-rendering: optimizeLegibility; -webkit-text-stroke: .015em rgba(51,51,51,0.50);} .rtl .heading-parent .heading-text-toggle {background:url('https://www.avangate.com/docs/en/general/arrow-gray-right.png?28') no-repeat right 50%; padding-left: 0; padding-right:50px;} .tr .heading-parent .heading-text-toggle, .heading-parent .heading-text {line-height: 1.5;} .header-affiliates {min-height: 195px;} .header-affiliates h2.s {text-shadow: 1px 1px 1px rgba(0,0,0,0.01); text-rendering: optimizeLegibility; -webkit-text-stroke: .015em rgba(51,51,51,0.50);} /* .heading-parent-toggle-ar{cursor:pointer; color:#1A3972; background-image:url('https://www.avangate.com/docs/general/img/ico-arrow-ar-inactive.gif?28'); background-repeat:no-repeat; background-position:745px 50%;} .heading-parent-toggle-ar span {text-decoration:underline; padding-left:auto;} */ .heading {clear:both; border-bottom:2px solid #ebebeb; margin-bottom: 10px;} .heading .heading-text {font-size:18px; font-weight:bold; padding:10px 5px; padding-left:10px; color: #145b94; text-shadow: 0 1px 0 #ffffff;} /* Sidebar */ .affiliates-sidebar-left {padding-right: 3em; letter-spacing: -0.037em;} .gray-box-rounded {background: #efefef; padding: 1.5em; margin-bottom: 2.5em; letter-spacing: -.03em; border: 1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .vertical-middle {display: table-cell; float: none; vertical-align: middle;} /* Signup form CSS */ .section-title {color: #666666; font-size: 15px; line-height: 1.75; letter-spacing: -.01em; font-family: 'Roboto', Arial, sans-serif; font-weight: 600;} .rtl .section-title {text-align: right;} .signup-form {position:relative; text-align:left;} .rtl .signup-form {text-align: right;} .signup-form .first-col, #login-form .first-col {width: 115px; padding-right: 10px;} #signup-form .first-col {line-height: 20px;} #signup-form .first-col .tooltip-field {position:absolute; top:50%; margin-top: -8px; width: 16px; height: 16px; line-height:16px; font-size:12px;} .rtl .signup-form .first-col, .rtl #login-form .first-col {width: 100px; padding-left: 10px; padding-right: 0;} #start_selling_subtitle {padding-left:10px;} input[type="password"] {margin-right: 10px;} .signup-form .select {border: 1px solid #b8d4ea; padding: 5px; height: 34px;} .signup-form .checkbox {margin-right: 10px; margin-top: 0px;} select {border: 1px solid #b8d4ea; color: #666666; padding: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 12px;} #wrap_Promotion_Methods .ui-dropdownchecklist {border: 1px solid #b8d4ea; width:208px; padding:3px; padding-top:0px; padding-bottom:0px;outline:none; height: 25px;} .ui-dropdownchecklist-text {font-size:12px;} .ui-dropdownchecklist-item {font-size:12px; text-align:left;} #wrap_Promotion_Methods_Other {margin-top:5px;} .text_Promotion_Methods_Other {width:160px !important;} .warningicon {position: absolute; display:none; right: 20px; top: 22px; /* 50% */ margin-top: -8px;} .warningicon img {display: block;} .msg {font-size:9px; color:#666; clear:both;} .msg a {font-size:9px; color:#999;} .red {color: #ff0000 !important; font-size: 12px;} .red a {font-size: 1em;} .info-circle-green {display: inline-block; background: #c3efd8; color: #ffffff; width: 1.45em; height: 1.45em; font-size: 1.1em; line-height: 1.5; text-align: center; margin-left: 5px; vertical-align: baseline; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer;} .top-testimonial{background: url('https://www.avangate.com/docs/cn/design/img/gradient-header-bg.png?28') no-repeat; width: 230px; height: 31px; display: inline-block; margin-top: 25px; padding-top: 5px; font-weight: bold; font-size: 13px; text-align: left;} /* simple css-based tooltip */ .tooltip {position: absolute; display:none; background:#d9f4ff; color:#666666; font-size:12px; font-weight: 400; line-height: 1.2; text-align:left; letter-spacing: -.01em; min-width: 100%; padding:10px 15px; border:1px solid #145b94;; z-index: 1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .tooltip.top {margin-top: -3px;} .tooltip.left {margin-left: -5px;} .tooltip.right {margin-left: 5px; min-width: 0;} .tooltip-small~.tooltip, .rtl .tooltip.left {min-width: 0;} .rtl .tooltip.left {max-width: 100%;} .tooltip .tooltip-arrow {display: none;} .tooltip.top:after, .tooltip.top:before {top: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .tooltip.top:after {border-color: rgba(136, 183, 213, 0); border-top-color: #d9f4ff; border-width: 9px; margin-left: -9px;} .tooltip.top:before {border-color: rgba(194, 225, 245, 0); border-top-color: #145b94; border-width: 10px; margin-left: -10px;} .tooltip.left:after, .tooltip.left:before {top: 50%; left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .tooltip.left:after {border-color: rgba(136, 183, 213, 0); border-left-color: #d9f4ff; border-width: 9px; margin-top: -9px;} .tooltip.left:before {border-color: rgba(194, 225, 245, 0); border-left-color: #145b94; border-width: 10px; margin-top: -10px;} .tooltip.right:after, .tooltip.right:before {top: 50%; right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .tooltip.right:after {border-color: rgba(136, 183, 213, 0); border-right-color: #d9f4ff; border-width: 9px; margin-top: -9px;} .tooltip.right:before {border-color: rgba(194, 225, 245, 0); border-right-color: #145b94; border-width: 10px; margin-top: -10px;} /* custom tooltip for some merchant templates */ #tooltip {background:#d9f4ff; color:#000; font-family: 'Roboto', Arial, sans-serif; font-size:12px; font-weight: 400; text-align:left; letter-spacing: -.01em; padding:10px 15px; border:1px solid #145b94;; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #tooltip * {font-family: 'Roboto', Arial, sans-serif; font-size:12px; font-weight: 400;} .form-control {float:left; color: #666666 !important; border: 1px solid #b8d4ea; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} .right-info-box {font-weight:bold; font-size:12px; color:#666666; padding-top:10px; line-height: 18px;} .right-info-padding {margin-bottom: 5px;} .promotions-span {float: left; font-size: 12px; white-space: normal;} .container .stories-container {width:145px; height:65px; text-align:center;} .td_padding_btm {padding-top: 5px; padding-bottom: 5px;} #privacy-policy-text, #privacy-policy-text a {font-size: 12px;} #HearAboutUsOther {display: none;} .clear:before, .clear:after {display: table; content: " ";} .clear:after {clear: both;} @media (min-width: 768px) {#signup-form .first-col .tooltip {width: 230px;}} @media (max-width: 767px){.heading-parent .heading-text-toggle, .heading-parent .heading-text-toggle-ar, .heading-parent .heading-text, .heading-parent .heading-text-ar {line-height: 1.2; padding-top: .25em; padding-bottom: .25em;}} @media (min-width: 768px) and (max-width: 991px){.heading-parent .heading-text-toggle, .heading-parent .heading-text-toggle-ar, .heading-parent .heading-text, .heading-parent .heading-text-ar {line-height: 1.2; padding-top: .25em; padding-bottom: .25em;}} @media (min-width: 991px){.vertical-middle-md {display: table-cell; float: none; vertical-align: middle;}} @media (min-width: 961px){.signup-form .first-col, #login-form .first-col {width: 135px;} #privacy-policy-text, #privacy-policy-text a, .frm-label, select, .promotions-span {font-size: 14px;} .form-control {float:left; color: #666666 !important;} .checkbox-subtitle {font-size: 14px; line-height: 20px;} .right-info-box {font-size:14px; line-height: 20px;} #wrap-form .label {font-size: 14px; line-height: 20px;} #wrap-form .label-text {font-size: 14px; line-height: 20px;} /*.heading-parent .heading-text, .heading-parent .heading-text-toggle, .heading-parent .heading-text-ar, .heading-parent .heading-text-toggle-ar {font-size:14px;}*/} .rtl #wrap-form .label-text {padding-right: 3px;} .rtl .table-form.bottom-form input[type="checkbox"] {float: right;} .rtl .signup-form .checkbox {margin: 0 0 0 10px;} .rtl .promotions-span {float: right;} .rtl .pull-left {float: right !important;;} .rtl .pull-right {float: left !important;;} /* Custom template styles */ .custom-template .clearfix {display: block;} .custom-template .clearfix:before, .custom-template .clearfix:after {content: " "; display: table; clear: both;} .custom-template .pull-left {float: left;} .custom-template.rtl .pull-left {float: right;} .custom-template .pull-right {float: right;} .custom-template.rtl .pull-right {float: left;} .custom-template .heading-parent {padding: 0 15px;} .custom-template .form-control {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .custom-template .form-control:focus {background: #fff; border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}