.dotted-link a { color: #333; border-bottom: 1px dotted #333; text-decoration: none; } .dotted-link a:hover { color: #E21A03; border-bottom: none; text-decoration: underline; } .dotted-link a.disabled, .dotted-link a.disabled:hover { color: #ccc; border: 0px; text-decoration: none; cursor: wait; } .display-inline-block { display: inline-block; zoom: 1; *display: inline; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body, textarea { font-family: Arial, PMingLiU, Helvetica, sans-serif; font-size: 12px; resize: none; } body.lang-tc, .lang-tc { font-family: PMingLiU, Helvetica, sans-serif; } textbox { resize: none; } .textbox-disabled { background-color: #dedede; } #language-bar { padding: 10px; width: 939px; height: 30px; } #switch-lang { float: right; background: url(lang-tc.gif) no-repeat; } .lang-tc #switch-lang { background-image: url(lang-en.gif); } #switch-lang a img { width: 31px; height: 14px; border: none; } .lang-tc #switch-lang a img { width: 46px; } #container { background: url(prof-integrity-en.gif) no-repeat right bottom; border: 1px solid #ccc; padding: 10px; width: 939px; } .lang-tc #container { background: url(prof-integrity-tc.gif) no-repeat right bottom; } #top { width: 919px; height: 60px; background: url(eb-logo.jpg) no-repeat -10px 0px; } #banner { width: 919px; height: 185px; background: url(banner-en.jpg) no-repeat; margin-bottom: 10px; } .lang-tc #banner { background-image: url(banner-tc.jpg); } #main-body { width: 919px; } #main { width: 657px; float: left; } #header { height: 46px; } #header-title { width: 435px; *width: 435px -15; height: 46px; background: url(header-en.png) no-repeat; } .lang-tc #header-title { background-image: url(header-tc.jpg); } #header-step div { width: 222px; height: 46px; float: right; background: url(header-step-en.jpg) no-repeat; } .lang-tc #header-step div { background-image: url(header-step-tc.jpg); } #header-step.step1 div { background-position: 0 0; } #header-step.step2 div { background-position: -222px 0; } #header-step.step3 div { background-position: -444px 0; } #header-step.stepfinal div { background-image: url(header-step-final.jpg); background-repeat: repeat-x; } .lang-tc #header-step.stepfinal div { background-image: url(header-step-final.jpg); background-repeat: repeat-x; } #right { width: 252px; *width: 230px; float: right; border: 1px solid #ccc; padding: 10px; background: url(needhelp-bg.jpg); } #right-needhelp { font-size: 16pt; padding: 5px 0px 10px 0px; } #right-hotline { font-size: 18pt; color: #e21a03; padding: 10px 0px 5px 40px; background: url(icon-phone.gif) no-repeat 0px 10px; font-family: Arial; } #right-fax { padding: 5px 0px 0px 0px; } #right-email { padding: 10px 0px 5px 45px; background: url(icon-email.jpg) no-repeat 0px 10px; font-family: Arial; } #right-email a { color: #999; } #right-email a:hover, a:active { color: #E21A03; } .right-sep { margin: 5px 0px 10px 0px; } .right-sep hr { color: #ccc; height: 1px; border-width: 1px 0px 0px 0px; border-style: thin; } .right-label { display: inline-block; width: 60px; } #right-download { border: 1px solid #aaa; padding: 4px 5px 0px 10px; background: #ebebeb; } .right-download-title { font-weight: bold; padding: 0px 5px 5px 0px; } .right-download-file { padding-left: 24px; background: url(icon-pdf.gif) no-repeat 0px 2px; } .right-download-file a { color: #333; border-bottom: 1px dotted #333; text-decoration: none; } .right-download-file a:hover { color: #E21A03; border-bottom: none; text-decoration: underline; } .right-download-file a.disabled, .right-download-file a.disabled:hover { color: #ccc; border: 0px; text-decoration: none; cursor: wait; } #bottom { clear: both; height: 40px; width: 100%; padding-top: 20px; } #bottom-disclaimer { float: left; } #bottom-disclaimer a { color: black; text-decoration: none; } #bottom-copyright { margin: 0px auto; width: 600px; text-align: center; } .ui-widget-overlay { background: #333; opacity: 0.9; width: 100% \9; } .button-l { float: left; width: 7px; height: 19px; background-position: top left; background-repeat: no-repeat; } .left-button .button-l { width: 16px; cursor: pointer; } .button-c { float: left; height: 19px; padding: 2px; background-position: -7px 0px; background-repeat: no-repeat; text-decoration: none; color: white; font-weight: bold; cursor: pointer; } .button-c a, .button-c a:active { color: white; } .lang-tc .button-c { padding-top: 4px \9; } .button-r { float: left; width: 7px; height: 19px; background-position: top right; background-repeat: no-repeat; } .right-button .button-r { width: 16px; cursor: pointer; } .button-container { float: left; outline: none; } .grey-button { float: left; outline: none; } .grey-button .button-l, .grey-button .button-c, .grey-button .button-r { background-image: url(grey-button.gif); } .grey-button .button-c { color: #e5e5e5; } .grey-button .button-c a, .grey-button .button-c a:active, .grey-button .button-c a:hover { color: #e5e5e5; } .red-button { float: left; outline: none; } .red-button .button-l, .red-button .button-c, .red-button .button-r { background-image: url(red-button.gif); } .black-button { float: left; outline: none; } .black-button .button-l, .black-button .button-c, .black-button .button-r { background-image: url(black-button.gif); } .red-button.disabled .button-l, .black-button.disabled .button-l { background-image: url(grey-button.gif); } .red-button.disabled .button-c, .black-button.disabled .button-c { background-image: url(grey-button.gif); color: #e5e5e5; } .red-button.disabled .button-c a, .black-button.disabled .button-c a, .red-button.disabled .button-c a:active, .black-button.disabled .button-c a:active, .red-button.disabled .button-c a:hover, .black-button.disabled .button-c a:hover { color: #e5e5e5; } .red-button.disabled .button-c a, .black-button.disabled .button-c a { cursor: default; } .red-button.disabled .button-r, .black-button.disabled .button-r { background-image: url(grey-button.gif); } .left-button.red-button .button-l { background-image: url(red-btn-left-arrow.gif); } .left-button.grey-button .button-l { background-image: url(grey-btn-left-arrow.gif); cursor: default; } .left-button.black-button .button-l { background-image: url(black-btn-left-arrow.gif); } .left-button.red-button.disabled .button-l { background-image: url(grey-btn-left-arrow.gif); cursor: default; } .left-button.grey-button.disabled .button-l { background-image: url(grey-btn-left-arrow.gif); cursor: default; } .left-button.black-button.disabled .button-l { background-image: url(grey-btn-left-arrow.gif); cursor: default; } .right-button.red-button .button-r { background-image: url(red-btn-right-arrow.gif); } .right-button.grey-button .button-r { background-image: url(grey-btn-right-arrow.gif); cursor: default; } .right-button.black-button .button-r { background-image: url(black-btn-right-arrow.gif); } .right-button.red-button.disabled .button-r { background-image: url(grey-btn-right-arrow.gif); cursor: default; } .right-button.grey-button.disabled .button-r { background-image: url(grey-btn-right-arrow.gif); cursor: default; } .right-button.black-button.disabled .button-r { background-image: url(grey-btn-right-arrow.gif); cursor: default; } .center-align { clear: both; float: none; display: inline-block; zoom: 1; *display: inline; } .right-align { clear: both; float: right; display: inline-block; zoom: 1; *display: inline; } .left-align { clear: both; float: left; display: inline-block; zoom: 1; *display: inline; } #main-content span.label { font-weight: bold; _margin-bottom: 5px; } .content-body { background: #ebebeb; padding: 15px; } .row { background: #ededed; /* Old browsers */ background: -moz-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f4f2), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f4f2 0%, #dcdcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f4f2', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */ padding: 10px; } .long-row { padding: 10px; background: #ededed; /* Old browsers */ background: -moz-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f4f2), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f4f2 0%, #dcdcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f4f2', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */ } .row span { margin-left: 10px; } input.text-input { overflow-y: visible; padding: 5px; border: 1px solid #aaa; outline: none; } input.required { background: #feeded; } .error-msg { color: #e21a03; } .content-msg ul { margin: 0px 5px; } .content-msg li { padding: 2px; } .content-msg a { color: #333333; } .content-msg a:hover { color: #e21a03; } label, input[type='radio'], input[type='checkbox'] { vertical-align: middle; margin-right: 10px; background: transparent; } input[type='checkbox'], input.checkbox-input { margin: 0px 10px 0px 0px; } .textarea { background-color: #FFFFFF; border: 1px solid #7E9EB7; width: 615px; *width: 605px; height: 130px; padding: 5px; font-size: 11px; line-height: 1.5; overflow: auto; -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; } .wp7-loading { width: 316px; height: 9px; background: url(wait-indicator.gif) no-repeat; clear: both; float: none; display: inline-block; zoom: 1; *display: inline; } .nav-button-row { text-align: center; width: 100%; float: left; margin-top: 10px; } .nav-button { margin-top: -14px; } .loading { float: left; width: 100%; margin-top: 5px; } .border-text { background-color: #cccccc; border: 1px solid #999999; padding: 10px; } .bottom-border-row { padding: 5px 5px 15px 5px; border-bottom: 1px #ccc solid; clear: both; } .red-bold-text { color: #e21a03; font-size: 14px; font-weight: bold; } .grey-field { display: inline-block; background-color: #ebebeb; border: 1px solid #d3d3d3; padding: 2px 2px 2px 2px; } .normal-row { padding: 5px; } .grey-container { background-color: #ebebeb; padding: 10px; border: 1px solid #999999; } .table-row { vertical-align: middle; margin-bottom: 5px; } .text-input-disable { background-color: #CCCCCC; border-color: #D1D1D1; } .gradient { background: #ededed; /* Old browsers */ background: -moz-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f4f2), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f4f2 0%, #dcdcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f4f2', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */ } .table { background-color: #ffffff; overflow: auto; border: 1px solid #999999; } .table-cell { margin: 0px; vertical-align: top; padding: 5px; display: inline-block; } .table .left-cell { margin: 0px; vertical-align: top; padding: 5px; display: inline-block; font-weight: bold; } .table .right-cell { margin: 0px; vertical-align: top; padding: 5px; display: inline-block; } .table .left-cell-heading { margin: 0px; vertical-align: top; padding: 5px; display: inline-block; font-weight: bold; } .table .right-cell-heading { margin: 0px; vertical-align: top; padding: 5px; display: inline-block; font-weight: bold; } #print-top, #print-banner { display: none; } @media print { #banner, #top, #main > #header, #language-bar, #right-download, .black-button, .red-button, .gray-button, body.shkf .print-shkprivate-logo, body.shkprivate .print-shkf-logo { display: none; } #print-top, #print-banner { display: block; padding: 10px 2px; } #print-banner { font-size: 16pt; } } #step-acct span.label { display: inline-block; width: 130px; } #step-acct input.text-input { width: 320px; margin-left: 0px; } #step-acct #acct-more { color: #e21a03; text-decoration: none; padding-left: 8px; background: url(icon-arrow.gif) no-repeat 0px 3px; } #step-acct #acct-more:hover { text-decoration: underline; } #step-acct #acct-row1 span a { color: #333; border-bottom: 1px dotted #333; text-decoration: none; } #step-acct #acct-row1 span a:hover { color: #E21A03; border-bottom: none; text-decoration: underline; } #step-acct #acct-row1 span a.disabled, #step-acct #acct-row1 span a.disabled:hover { color: #ccc; border: 0px; text-decoration: none; cursor: wait; } #step-acct #acct-row1 span a, #step-acct #acct-row1 span a:hover { cursor: help; } #step-acct #btn-acct-next { margin-top: -14px; float: right; } .acct-locate-dialog { border: 1px solid #cc0000; border-radius: 0px; padding: 0px; overflow: idden; } .acct-locate-dialog .ui-dialog-content { background-image: url(acct-locate-dialog-bg-en.png); padding: 0px; } .acct-locate-dialog .dialog-tips { width: 310px; height: 73px; margin-top: 85px; margin-left: 362px; padding: 1px; background: #E10915; color: #fff; vertial-align: middle; } .acct-locate-dialog .ui-widget-header { border: 0px; background: #cc0000; background-image: url(dialog-header-bg.gif); background-repeat: repeat-x; font-size: 14px; font-weight: bold; line-height: 1.4em; } .acct-locate-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { background-color: #cc0000; background-image: url(dialog-header-icon-close.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; text-indent: -99999px; overflow: hidden; } .acct-locate-dialog .ui-state-hover, .acct-locate-dialog .ui-widget-content .ui-state-hover { background: transparent; border: none; padding: 0px; margin: -9px -1px 0px 0px; } .acct-locate-dialog .ui-corner-all { border-radius: 0; } #step-sendpin span.label { display: inline-block; width: 45px; margin-left: 0px; } #step-sendpin input.text-input { width: 180px; } #step-sendpin #btn-sendpin-prev { margin-top: -14px; } #step-sendpin #btn-sendpin-next { margin-top: -14px; float: right; } .lang-tc #step-sendpin span.label { width: 80px; } #step-verpin span.label { display: inline-block; width: 100px; } #step-verpin input.text-input { width: 60px; } #step-verpin #btn-verpin-prev { margin-top: -14px; } #step-verpin #btn-verpin-next { margin-top: -14px; float: right; } #step-verpin .resend-link a { color: #333; border-bottom: 1px dotted #333; text-decoration: none; } #step-verpin .resend-link a:hover { color: #E21A03; border-bottom: none; text-decoration: underline; } #step-verpin .resend-link a.disabled, #step-verpin .resend-link a.disabled:hover { color: #ccc; border: 0px; text-decoration: none; cursor: wait; } .lang-tc #step-verpin span.label { width: 60px; } #step-summary { background: #eee; border: 1px solid #ccc; } #step-summary { padding: 10px; } #step-summary .content-body, #step-summary .content-msg { padding-left: 0px; padding-right: 0px; } #step-summary .summary-row { padding: 5px 0px; } #step-summary .summary-row span.label { display: inline-block; width: 160px; } #step-summary .summary-row input.text-input { width: 320px; padding: 3px; margin: -4px 0px; } #step-summary .summary-row span.watermark { color: #BDBDBD; } #step-summary .summary-row-change-email { padding-left: 160px; height: 30px; } #step-summary .summary-changing-section .summary-changing-section-button-row { margin-left: 160px; height: 30px; } #step-summary .summary-changing-section .red-button { margin-left: 10px; } #step-summary .summary-acct { border: 1px solid #aaa; margin: 10px 0px; padding: 10px; background: white; } #step-summary .summary-title { color: #e21a03; font-size: 10pt; font-weight: bold; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } #step-summary #summary-disclaimer { width: 100%; height: 100px; border: 1px solid #ccc; background: #fff; overflow-x: hidden; overflow-y: auto; padding: 5px; line-height: 1.4; } #step-summary #summary-disclaimer p { margin: 6px 0px; } #step-summary #summary-disclaimer p.update-date { text-align: right; } #step-summary #btn-summary-accept-disclaimer { float: left; } #step-summary #summary-accept-disclaimer-text { display: block; margin-left: 20px; } #step-summary #summary-nav-button-row { text-align: center; width: 90%; float: left; margin-top: 20px; } #step-summary #btn-summary-prev, #step-summary #btn-summary-next { clear: both; float: none; display: inline-block; zoom: 1; *display: inline; margin-left: 10px; } #step-thankyou { background: #eee; border: 1px solid #ccc; padding: 10px; } #step-thankyou .thankyou-text { border: 1px solid #aaa; padding: 10px; background: white; color: #333333; height: 185px; } #step-thankyou #btn-exit { margin-top: 20px; margin-left: 290px; } #step-thankyou .nav-button-row { width: 90%; } /* Private */ select.required { background: #feeded; } .shkprivate #top { background-image: url(eb-private-logo-en.jpg); background-position: 1px 4px; } .lang-tc.shkprivate #top { background-image: url(eb-private-logo-tc.jpg); } .shkf #right-shkprivate { display: none; } .shkprivate #right { display: none; } .shkprivate #container { background-image: none; } .right { width: 252px; float: right; border: 1px solid #ccc; padding: 10px; background: url(right-bg.jpg); } #right { width: 252px; float: right; border: 1px solid #ccc; padding: 10px; background: url(right-bg.jpg); } #right-shkprivate { width: 252px; float: right; border: 1px solid #ccc; padding: 10px; background: url(right-bg.jpg); } .pink { background-color: #ffeeee; padding: 3px; } .shkprivate #acct-locate-dialog { background-image: url(acct-locate-dialog-bg-private-en.png); } .shkf .thankyou-text.shkprivate { display: none; } .shkprivate .thankyou-text.shkf { display: none; } /* Private */ /* KYB specific */ #top { background-position: 1px 4px; } #right-download { padding: 4px 5px 10px 10px; } .right-download-file { padding-top: 4px; } #right-mail { vertical-align: top; padding: 5px 0px; } #right-email { background: none; } #right-email { padding: 5px 0px 0px; } .right-label { display: inline-block; width: 60px; vertical-align: top; } .right-mailbody { display: inline-block; width: 170px; } /* KYB specific */ #header-title { width: 435px; height: 46px; float: left; background: url(header-en.jpg) no-repeat; } .lang-tc #header-title { background-image: url(header-tc.jpg); } #header-step div { width: 222px; height: 46px; float: right; background: url(header-step-en.jpg) no-repeat; } .lang-tc #header-step div { background-image: url(header-step-tc.jpg); } .shkprivate #banner { background-image: url(banner-en-shkprivate.jpg); } .lang-tc.shkprivate #banner { background-image: url(banner-tc-shkprivate.jpg); } .shkprivate .shkf-s1q1n2-notice { display: none; } .shkprivate .shkf-s1q11-notice { display: none; } .shkf .shkpriv-s1q1n2-notice { display: none; } .shkf .shkpriv-s1q11-notice { display: none; } .content-msg.full { padding-top: 15px; } .kyb-title { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; } #header-title.section-a div { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; background-position: 0 0; } #header-title.section-b div { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; background-position: -435 0; } #header-title.section-c div { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; background-position: -870 0; } #header-title.section-d div { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; background-position: -1305 0; } .kyb-title-tc { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; background: url(kyb-section-title-tc.jpg) no-repeat; } .lang-tc #header-title.section-a div { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; background: url(kyb-section-title-tc.jpg) no-repeat; background-position: 0 0; } .lang-tc #header-title.section-b div { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; background: url(kyb-section-title-tc.jpg) no-repeat; background-position: -435 0; } .lang-tc #header-title.section-c div { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; background: url(kyb-section-title-tc.jpg) no-repeat; background-position: -870 0; } .lang-tc #header-title.section-d div { background: url(kyb-section-title-en.jpg) no-repeat; height: 46px; background: url(kyb-section-title-tc.jpg) no-repeat; background-position: -1305 0; } #header-step.step4 div { background-position: 0; background-image: url(kyb-section-d-print-en.jpg); cursor: pointer; } .lang-tc #header-step.step4 div { background-image: url(kyb-section-d-print-tc.jpg); } .req-star { color: #E21A03; display: inline-block; font-size: 20px; padding-top: 1px; vertical-align: middle; } #step-kybform { /* .gradient { border-bottom-width: 1px; border-bottom-color: #bbbbbb; border-bottom-style: solid; } */ } #step-kybform .row label { font-weight: bold; } #step-kybform .text-input:disabled { background: #ebebeb; border: 1px solid #deded3; } #step-kybform select:disabled { background: #ebebeb; border: 1px solid #deded3; } #step-kybform .multi-line-row { padding: 10px; background: #ededed; /* Old browsers */ background: -moz-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f4f2), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f4f2 0%, #dcdcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f4f2 0%, #dcdcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f4f2', endColorstr='#dcdcdc', GradientType=0); /* IE6-9 */ } #step-kybform .multi-line-row .item { padding: 5px 0px; } #step-kybform .fix-height-row { height: 45px; } #step-kybform .fix-height-item { height: 35px; } #step-kybform span.label { display: inline-block; width: 305px; margin-left: 0px; } #step-kybform span.label.full-row { width: 100%; } #step-kybform .subitem span.label { padding-left: 15px; } #step-kybform select { padding: 4px; border: 1px solid #aaa; outline: none; width: 328px; } #step-kybform .text-input { width: 328px; } #step-kybform #btn-kybform-prev { margin-top: -14px; } #step-kybform #btn-kybform-next { margin-top: -14px; float: right; } #step-kybform span.current { color: #555555; font-weight: bold; padding: 0px; margin: 0px; } #step-kybform span.current-info { color: #E21A03; font-weight: bold; padding: 0px; margin: 0px; } #step-kybform .grey-container { background-color: #ebebeb; padding: 10px; border: 1px solid #cccccc; } #step-kybform .grey-container .table { border: 1px solid #cccccc; } #step-kybform .section1 .item .label { vertical-align: middle; } #step-kybform .section1 .fix-height-item { padding-top: 7px; } #step-kybform .section1 .text-input.addrffb { margin-right: 12px; width: 50px; } #step-kybform .section1 select.country-select { width: 193px; } #step-kybform .section1 .row.tel { vertical-align: top; height: 45px; } #step-kybform .section1 .row.tel span.label { display: inline-block; padding-top: 4px; } #step-kybform .section1 .row.tel .text-input { width: 104px; vertical-align: middle; } #step-kybform .section1 .row.tel label { margin-right: 5px; } #step-kybform .section1 .row.tel label span.label { text-align: center; width: 48px; padding: 0px 3px 0px 10px; } #step-kybform .section1 .change-addr label { padding-right: 0px; margin-right: 3px; } #step-kybform .section1 .change-addr label .label { vertical-align: top; } #step-kybform .section1 .per-addr-label-1 { width: 90px; } #step-kybform .section1 .per-addr-label-2 { width: 90px; } #step-kybform .section1 .per-addr-label-3 { width: 15px; } #step-kybform .section1 .table { background-color: #aaa; padding: 5px; } #step-kybform .section1 .table .cell { margin: 3px; padding: 0px 10px; color: #fff; } #step-kybform .section1 .table .head-cell { margin: 3px; padding: 0px 10px; color: #fff; font-weight: bold; } #step-kybform .section1 .cor-addr-label-1 { width: 60px; } #step-kybform .section1 .cor-addr-label-2 { width: 60px; } #step-kybform .section1 .cor-addr-label-3 { width: 80px; } #step-kybform .section2 table { width: 98%; font-size: 12px; padding: 0px; margin: 0px 0px 0px 10px; } #step-kybform .section2 table tr, #step-kybform .section2 table td { padding: 0px; margin: 0px; text-align: center; height: 35px; } #step-kybform .section2 table .odd { background-color: #ddd; } #step-kybform .section2 table tr { padding: 0px 3px; } #step-kybform .section2 table td { padding: 10px 5px; width: 9%; } #step-kybform .section2 table td.product { padding: 10px 0px 10px 7px; width: 36%; text-align: left; } #step-kybform .section2 table .label { width: 100%; } #step-kybform .section2 table .exp-heading { color: #333; font-weight: normal; } #step-kybform .section2 table .label.current { width: 50px; color: #666; } #step-kybform .section2 table .label.current.exp { width: 160px; color: #e21a03; font-weight: bold; } #step-kybform .section2 table .head td, #step-kybform .section2 table .bottom td { border-bottom-width: 1px; border-bottom-color: #ccc; border-bottom-style: solid; } #step-kybform .section2 table .nochange { width: 10%; border-left-width: 1px; border-left-color: #fff; border-left-style: solid; border-right-width: 1px; border-right-color: #fff; border-right-style: solid; } #step-kybform .section2 p.exp.note { padding: 10px; } #step-kybform .section2 .invest-horizon-label { width: 75px; } #step-kybform .section2 .inv-horizon label { margin-right: 3px; } #step-kybform .section2 .inv-horizon input { width: 15px; } #step-kybform .section2 .table { background-color: #999; color: #fff; } #step-kybform .section2 .table .left-cell { margin: 0px; vertical-align: top; font-weight: bold; padding: 8px; width: 23%; display: inline-block; border-top-width: 1px; border-top-style: solid; border-top-color: #efefef; } #step-kybform .section2 .table .left-cell-heading { margin: 0px; vertical-align: top; font-weight: bold; padding: 8px; width: 23%; display: inline-block; border-top-width: 1px; border-top-style: solid; border-top-color: #efefef; border-top-width: 0px; } #step-kybform .section2 .table .right-cell { margin: 0px; vertical-align: top; padding: 8px; width: 76.5%; display: inline-block; border-top-width: 1px; border-top-style: solid; border-top-color: #efefef; border-left-width: 1px; border-left-style: solid; border-left-color: #efefef; } #step-kybform .section2 .table .right-cell-heading { margin: 0px; vertical-align: top; padding: 8px; width: 76.5%; display: inline-block; border-top-width: 1px; border-top-style: solid; border-top-color: #efefef; border-left-width: 1px; border-left-style: solid; border-left-color: #efefef; font-weight: bold; border-top-width: 0px; } #step-kybform .section2 .source .quarter-item { display: inline-block; width: 157px; margin-left: 0px; } #step-kybform .section2 .source .text-input.others { width: 235px; } #step-kybform .section2 .source .text-input.other-countries { width: 183px; } #step-kybform .section2 .subitem input.first { margin-left: 15px; } #step-kybform .section2 .subitem .subitem .text-input { margin-right: 15px; width: 460px; } #step-kybform .section2 .subitem .subitem p.tips { margin: 5px 0px; } #step-kybform .section3 span.label { width: 100%; } #step-kybform .section3 select { width: 150px; } #step-kybform .section3 .multi-line-row .subitem .label { font-weight: normal; } #step-kybform .section3 .table { background-color: #aaa; padding: 5px; } #step-kybform .section3 .table .cell { margin: 3px; padding: 0px 10px; color: #fff; } #step-kybform .section3 .table .head-cell { margin: 3px; padding: 0px 10px; color: #fff; font-weight: bold; } #step-kybform .section3 .subitem input.first { margin-left: 15px; } #step-kybform .section3 .subitem .text-input { width: 460px; margin-right: 15px; } #step-kybform .section3 .subitem .subitem .text-input.rmk { margin-left: 5px; width: 300px; } #step-kybform .section3 .subitem .subitem .text-input { margin-right: 15px; width: 460px; } #step-kybform .section3 .subitem .subitem p.tips { margin: 5px 0px; } #step-kybform .section4 { /*.row.subitem input { width: 590px; }*/ /*.row .subitem .subitem input { width: 575px; }*/ } #step-kybform .section4 .segment-title .black-button { margin-top: -4px; float: right; margin-right: 10px; } #step-kybform .section4 span.label { width: 273px; font-weight: normal; } #step-kybform .section4 .text-input { vertical-align: top; } #step-kybform .section4 .text-input.addrffb { margin-right: 12px; width: 50px; } #step-kybform .section4 .text-input.disabled { background: #efefef; } #step-kybform .section4 .segment-title .label { color: #E21A03; font-size: 15px; font-weight: bold; } #step-kybform .section4 .table { padding-top: 8px; padding-bottom: 8px; } #step-kybform .section4 .row { filter: none; background: transparent; border-bottom-width: 0px; padding: 3px 10px; vertical-align: top; } #step-kybform .section4 .row > span:full-row { padding-top: 10px; } #step-kybform .section4 .row.question { padding-top: 15px; } #step-kybform .section4 span.label.full-row { width: 100%; } #step-kybform .section4 span.label.tips { padding-top: 5px; } #step-kybform .section4 div.subitem input.first { margin-left: 15px; width: 590px; } #step-kybform .section4 div.subitem .subitem input.first { margin-left: 30px; width: 575px; } #step-kybform .section4 .multi-line-row .subitem { padding: 2px 0px 2px 15px; } #step-kybform .section4 .tnc { height: 100px; overflow-x: hidden; overflow-y: auto; padding: 0px 5px; } #step-kybform .section4 .tnc p.version { text-align: right; } #step-kybform .section4 .agreement #chk-agreement { vertical-align: top; } #step-kybform .section4 .agreement span.label { width: 570px; vertical-align: bottom; } #step-kybform .section4 .tel .text-input { width: 104px; vertical-align: middle; } #step-kybform .section4 .tel label { margin-right: 5px; } #step-kybform .section4 .tel label span.label { text-align: center; width: 50px; padding: 0px 3px 0px 10px; } .lang-tc #step-kybform .section1 .row.tel .text-input { width: 79px; } .lang-tc #step-kybform .section1 .row.tel label { margin-right: 0px; } .lang-tc #step-kybform .section1 .row.tel label span.label { text-align: center; width: 80px; padding: 0px 0px 0px 2px; } .lang-tc #step-kybform .section2 table .label.current { width: 65px; color: #666; } .lang-tc #step-kybform .section2 table .label.current.exp { width: 135px; color: #e21a03; font-weight: bold; } .lang-tc #step-kybform .section4 span.label { font-weight: normal; } .lang-tc #step-kybform .section4 .tel .text-input { width: 79px; vertical-align: middle; } .lang-tc #step-kybform .section4 .tel label { margin-right: 0px; } .lang-tc #step-kybform .section4 .tel label span.label { text-align: center; width: 80px; padding: 0px 0px 0px 2px; } .lang-tc #step-kybform .section4 hr { color: #cccccc; border: 0px; border-top: 1px solid #cccccc; }