<![if !IE]><style type="text/css">
	body {
		width: 100%;
		height: 100vh;
		content: 'viewport-units-buggyfill; height: 100vh;';
		background:url(login_bg.png) center center;
	}
</style> <![endif]> <!--[if IE]> <style type="text/css">
	body {
		width: 100%;
		height: 1vh;
		background:url(login_bg.png) center center;
	}
</style><![endif]--> <body> <div id="page_content" style="height: 100%;"> <div class="main_header_container" style="width: 90%; margin-left: auto; margin-right: auto;"> <div style="float: right; display: inline;"> <select name="login.select.language" size="1" onchange="" style="display: block;"> <option value="en" selected>%GLOBAL.General.English%</option> </select> </div> </div> <div class="login_container"> <div class="login_header_container"> <img src="login_logo.png"> </div> <div class="login_main_container login_style"> <div id="loginWelcomeContainer" style="display: none;"> <div class="login_form_container login_style"> <h3 style="text-align: center">%START_TITLE_MSG%</h3><br> <div style="text-align: center;"> <button type="button" name="login.buttons.new" class="login_style trial_button" onclick="_showRegisterContainer();">%FREE_TRIAL%</button><br> %OR% <a onclick="_showLoginContainer();" class="link_button">%LOGIN%</a> </div> <div class="paragraph-break"></div> </div> </div> <div id="loginRegContainer" style="display: none;"> <form name="RegisterForm" method="post" action="login.cgi"> <div class="login_form_container login_style"> <div id="registerBasicContainer" style="display: block;"> <input type="hidden" value="http" name="login.input.protocol"></input> <input type="hidden" value="127.0.0.1" name="login.input.hostname"></input> <input type="hidden" value="80" name="login.input.port"></input> <input type="hidden" value="en" name="login.input.language"></input> <input type="hidden" value="" name="login.input.proxy.enabled"></input> <input type="hidden" value="" name="login.input.proxy.host"></input> <input type="hidden" value="" name="login.input.proxy.port"></input> <input type="hidden" value="" name="login.input.proxy.username"></input> <input type="hidden" value="" name="login.input.proxy.password"></input> <div id="obmRegisterFieldsContainer" style="display: block;"> <h3 class="login_style">%FREE_TRIAL%</h3><br> %LOGIN_NAME%<br> <input type="text" value="" name="login.input.newusername" style="width: 100%;"></input> <div class="paragraph-break"></div> %EMAIL%<br> <input type="text" value="" name="login.input.email" style="width: 100%;"></input> <div class="paragraph-break"></div> %PASSWORD%<br> <input type="password" value="" name="login.input.newpassword" style="width: 100%;"></input> <div class="paragraph-break"></div> %CONFIRM_PASSWORD%<br> <input type="password" value="" name="login.input.repassword" style="width: 100%;"></input> <div class="paragraph-break"></div> *%ALL_FIELDS_ARE_REQUIRED% <div class="paragraph-break"></div> </div> <div id="cbkGoRegisterFieldsContainer" style="display: block;"> <h3 class="login_style">%CBK_GO_TRIAL_REGISTRATION%</h3><br> %MY_NAME%<br> <input type="text" value="" name="login.input.newuseralias" style="width: 100%;"></input> <div class="paragraph-break"></div> %CITY%<br> <select id="cityDropDownList" name="login.input.city" size="1"> </select> <div class="paragraph-break"></div> <span id="driveLabel">%CBK_GO_DRIVE%</span><br> <select id="driveDropDownList" name="login.input.drive" size="1"> </select> <div class="paragraph-break"></div> %EMAIL% (%OPTIONAL%)<br> <input type="text" value="" name="login.input.optionalemail" style="width: 100%;"></input> <div class="paragraph-break"></div> %ALREADY_HAVE_AN_ACCOUNT% <a onclick="_showLoginContainer();" class="link_button">%LOGIN_NOW%</a> <div class="paragraph-break"></div> </div> </div> </div> <div class="css-buttons-table login_footer_container login_footer_style"> <div class="editTabsRightBtn"> <div id="obmRegisterRightBtnContainer" style="display: block;"> <button type="submit" name="login.buttons.submit" value="register">%OK%</button> <button type="button" name="login.buttons.cancel" class="login_style" onclick="_showWelcomeContainer();">%CANCEL%</button> </div> <div id="cbkGoRegisterRightBtnContainer" style="display: block;"> <button type="submit" name="login.buttons.submit" value="register">%OK%</button> </div> </div> <div class="editTabsMidBtn"></div> <div class="editTabsLeftBtn"> <a name="login.buttons.advanced" onclick="_showAdvancedContainer();" class="link_button">%SHOW_ADVANCED_OPTION%</a> </div> </div> </form> </div> <div id="loginLoginContainer" style="display: none;"> <form name="LoginForm" method="post" action="login.cgi"> <div class="login_form_container login_style"> <div id="loginBasicContainer" style="display: block;"> <input type="hidden" value="http" name="login.input.protocol"></input> <input type="hidden" value="127.0.0.1" name="login.input.hostname"></input> <input type="hidden" value="80" name="login.input.port"></input> <input type="hidden" value="en" name="login.input.language"></input> <input type="hidden" value="" name="login.input.proxy.enabled"></input> <input type="hidden" value="" name="login.input.proxy.host"></input> <input type="hidden" value="" name="login.input.proxy.port"></input> <input type="hidden" value="" name="login.input.proxy.username"></input> <input type="hidden" value="" name="login.input.proxy.password"></input> <h3 class="login_style">%LOGIN%</h3><br> <div name="login.input.username.label">%LOGIN_NAME%<br></div> <input type="text" value="" name="login.input.username" style="width: 100%;"></input> <div class="line-break"></div> %PASSWORD%<br> <input type="password" value="" name="login.input.password" style="width: 100%;"></input> <div class="line-break"></div> <div id="obmLoginFieldsContainer" style="display: block;"> <div id="loginSavePasswordContainer" style="display: block;"> <label> <input type="checkbox" name="login.input.savepassword"> <span class="check"></span> <span class="caption">%SAVE_PASSWORD%</span> </label> </div> <div class="line-break"></div> <a onclick="_doForgotPassword(document.forms['LoginForm']);" class="login_style link_button">%FORGOT_PASSWORD%</a> <div class="paragraph-break"></div> </div> <div id="cbkGoLoginFieldsContainer" style="display: block;"> <a onclick="_doForgotPassword(document.forms['LoginForm']);" class="login_style link_button">%FORGOT_PASSWORD%</a> <div class="paragraph-break"></div> <a onclick="_showRegisterContainer();" class="login_style link_button">%SIGN_UP_NOW%</a> <div class="paragraph-break"></div> </div> </div> </div> <div class="css-buttons-table login_footer_container login_footer_style"> <div class="editTabsRightBtn"> <button type="submit" name="login.buttons.submit" value="login">%OK%</button> </div> <div class="editTabsMidBtn"></div> <div class="editTabsLeftBtn"> <a onclick="_showAdvancedContainer();" class="link_button">%SHOW_ADVANCED_OPTION%</a> </div> </div> </form> </div> </div> </div> <div id="loginAdvancedContainer" class="dialog_container" style="display: none;"> <div class="dialog_container_main"> <div id="loginAdvancedServerContainer"> <h3 class="profile_style">%BACKUP_SERVER%</h3><br> <select name="login.input.advanced.protocol" size="1" onchange=""> <option value="http" selected>http</option> <option value="https">https</option> </select> <input type="text" value="127.0.0.1:80" size="20" name="login.input.advanced.uri"></input> <div class="paragraph-break"></div> <br> </div> <h3 class="profile_style">%PROXY% (%HTTP%)</h3><br> <div id="loginAdvancedProxyViewContainer"> <div style="text-align: justify;">%USE_PROXY_TO_ACCESS_THE_INTERNET%</div> <div class="line-break"></div> <div class="cbs-switch-row"> <input type="checkbox" name="login.input.advanced.proxy.enabled" id="proxyEnable"> <span class="cbs-switch-on-caption">%ON%</span> <span class="cbs-switch-off-caption">%OFF%</span> <label for="proxyEnable" class="profile_style switch"></label> </div> <div class="paragraph-break"></div> <div id="loginAdvancedProxyEditContainer" style="display: none;"> <div class="two_col_url"> <div class="two_col_url_host"> %IP_ADDRESS%<br> <input type="text" name="login.input.advanced.proxy.host" size="50" value=""> </div> <div class="two_col_url_port"> %PORT%<br> <input type="text" name="login.input.advanced.proxy.port" size="10" maxlength="5" value=""> </div> <div style="clear:both;"></div> </div> <div class="paragraph-break"></div> %LOGIN_ID%<br> <input type="text" name="login.input.advanced.proxy.username" size="50" value=""> <div class="paragraph-break"></div> %PASSWORD%<br> <input type="password" name="login.input.advanced.proxy.password" size="50" value=""> <div class="paragraph-break"></div> <div id="loginAdvancedProxyEditTest" style="display: block;"> <div id="loginAdvancedProxyEditTestStatus"></div> <button type="button" name="login.input.advanced.proxy.test" class="cbs-grey_button">%TEST_CONNECTION%</button> <div class="paragraph-break"></div> </div> </div> </div> </div> <div class="css-buttons-table profile_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" onclick="_hideAdvancedContainer(true);">%OK%</button> <button type="button" onclick="_hideAdvancedContainer(false);">%CANCEL%</button> </div> <div class="editTabsMidBtn"></div> <div class="editTabsLeftBtn"></div> </div> <div id="loginMobileAuthenticationContainer"> <div id="loginMobileAuthenticationLoginContainer" class="dialog_container" style="display: none;"> <div class="dialog_container_main"> <h3 class="profile_style">%TITLE_MULTI_FACTOR_AUTH%</h3><br> <p class="half-line" style="line-height: 5px;"></p> <div id="loginMobileAuthenticationLoginPushNotiContainer" style="display: none;"> <div style="text-align: justify;">%MOBILE_FEATURE_APPROVE_PUSH_NOTIFICATION_PARAGRAPH%</div><br> <div> <img src="images/bullet_running_16.gif"> <div>%WAITING_FOR_RESPONSE%</div> <div id="loginMobileAuthenticationLoginPushNotiTimerContainer" style="display: none;"></div> </div><br> <button id="loginMobileAuthenticationLoginPushNotiResendButton" type="button" onclick="_sendPushNoti();">%MOBILE_AUTH_RESEND_PUSH_NOTIFICATION%</button> <p class="half-line" style="line-height: 5px;"></p> </div> <div id="loginMobileAuthenticationLoginTotpContainer" style="display: none;"> <div style="text-align: justify;">%MOBILE_FEATURE_TOTP_INSTRUCTION%</div><br> <div id="loginMobileAuthenticationLoginTotpPasscodeContainer" style="text-align: justify;"></div> <div id="loginMobileAuthenticationLoginTotpTimerContainer"></div> </div> </div> <div class="css-buttons-table profile_style dialog_container_footer"> <div class="editTabsLeftBtn"> <a class="link_button" id="loginMobileAuthenticationLoginUnableLink">%MOBILE_AUTH_UNABLE_TO_LOGIN%</a> </div> </div> </div> <div id="loginMobileAuthenticationRecoverDeviceListContainer" class="dialog_container" style="display: none;"> <div class="dialog_container_main"> <h3 class="profile_style">%MOBILE_AUTH_RECOVERY_TITLE%</h3><br> <p class="half-line" style="line-height: 5px;"></p> <div style="text-align: justify;">%MFA_RECOVERY_DEVICE_LIST_GUIDE%</div><br> <div id="loginMobileAuthenticationRecoverDeviceList"> </div> </div> <div class="css-buttons-table profile_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" id="loginMobileAuthenticationRecoverPreviousButton">%PREVIOUS%</button> </div> <div class="editTabsLeftBtn"> <a class="link_button" id="loginMobileAuthenticationRecoverUnableLink">%MOBILE_AUTH_UNABLE_TO_LOGIN_WITH_AUTHENTICATORS%</a> </div> </div> </div> <div id="loginMobileAuthenticationRecoverSingleContainer" class="dialog_container" style="display: none;"> <div class="dialog_container_main"> <h3 class="profile_style">%MOBILE_AUTH_RECOVERY_TITLE%</h3><br> <p class="half-line" style="line-height: 5px;"></p> <div style="text-align: justify;">%MFA_RECOVERY_DEVICE_LIST_GUIDE%</div><br> <div id="loginMobileAuthenticationRecoverDeviceList"> </div> </div> <div class="css-buttons-table profile_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" id="loginMobileAuthenticationRecoverPreviousButton">%PREVIOUS%</button> </div> <div class="editTabsLeftBtn"> <a class="link_button" id="loginMobileAuthenticationRecoverUnableLink">%MOBILE_AUTH_UNABLE_TO_LOGIN_WITH_AUTHENTICATORS%</a> </div> </div> </div> </div> <div id="loginMobileAuthSetupContainer" class="dialog_container" style="display: none"></div> <div id="loginMFAContainer"> <div id="loginMFASetupContainer" class="dialog_container" style="display: none;"> <div class="dialog_container_main"> <h3 class="profile_style">%TITLE_MULTI_FACTOR_AUTH%</h3><br> <div style="text-align: justify;">%MFA_INTRODUCTION%</div> <p class="half-line" style="line-height: 5px;"></p> <div id="loginMFASetupPhoneContainer"> <div style="text-align: justify;">%MFA_SETUP_PHONE_MSG%</div> <select name="login.input.mfa.mobile.setup.region" size="1" onchange="" style=""></select> <input type="text" value="" maxlength="15" name="login.input.mfa.mobile.setup.number" style="width: 255px;"></input> </div> <p class="half-line" style="line-height: 5px;"></p> <div id="loginMFASetupEmailContainer"> <div style="text-align: justify;">%MFA_SETUP_EMAIL_MSG%</div> <input type="text" value="" maxlength="345" name="login.input.mfa.email.address"></input> </div> </div> <div class="css-buttons-table profile_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" name="login.mfa.setup.send">%SEND%</button> <button type="button" onclick="_hideMFAContainer();">%CANCEL%</button> <input type="button" name="bsedit.buttons.help" value="%HELP%" onclick="_showMFAHelp('LOGIN_MFA_FIRST_TIME');"> </div> <div class="editTabsMidBtn"></div> <div class="editTabsLeftBtn"></div> </div> </div> <div id="loginMFAResetContainer" class="dialog_container" style="display: none;"> <div class="dialog_container_main"> <h3 class="profile_style">%TITLE_MULTI_FACTOR_AUTH%</h3><br> <div id="loginMFAResetWithNoCintacrContainer"> <div style="text-align: justify;">%MFA_NO_CONTACT_EMAIL%</div> </div> <div id="loginMFAResetPhoneContainer"> <div style="text-align: justify;">%MFA_ASK_CONTACT_EMAIL%</div> <input type="text" value="" maxlength="345" name="login.input.mfa.reset.email"></input> </div> <div id="loginMFAResetSuccessContainer"> <h5 class="profile_style" id="loginMFAResetSuccessMsg">%MFA_NEED_HELP_INSTRUCTION%</h5><br> </div> </div> <div class="css-buttons-table profile_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" name="login.mfa.reset">%SEND%</button> <button type="button" name="login.mfa.reset.cancel">%CANCEL%</button> <input type="button" name="bsedit.buttons.help" value="%HELP%" onclick="_showMFAHelp('LOGIN_MFA_RECOVER_PHONE');"> </div> <div class="editTabsMidBtn"></div> <div class="editTabsLeftBtn"></div> </div> </div> <div id="loginMFALoginContainer" class="dialog_container" style="display: none;"> <div class="dialog_container_main"> <h3 class="profile_style">%TITLE_MULTI_FACTOR_AUTH%</h3><br> <div style="text-align: justify;">%MFA_INTRODUCTION%</div> <p class="half-line" style="line-height: 5px;"></p> <div id="loginMFALoginPhonesContainer"> <div style="text-align: justify;">%MFA_SELECT_PHONE_MSG%</div> <table id="loginMFALoginPhoneListTable" class="detail_list_table"></table> <div class="line-break"></div> </div> </div> <div class="css-buttons-table profile_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" onclick="_hideMFAContainer();">%CANCEL%</button> <input type="button" name="bsedit.buttons.help" value="%HELP%" onclick="_showMFAHelp('LOGIN_MFA_PHONE_LIST');"> </div> <div class="editTabsMidBtn"></div> <div class="editTabsLeftBtn"> </div> </div> </div> <div id="loginMFAVerifyContainer" class="dialog_container" style="display: none;"> <div class="dialog_container_main"> <h3 class="profile_style">%TITLE_MULTI_FACTOR_AUTH%</h3><br> <div id="loginMFALoginPasscodeContainer"> <div style="text-align: justify;" id="loginMFALoginPasscodeDescription"></div> <p class="half-line" style="line-height: 5px;"></p> <div> <span style="text-align: center;" id="loginMFALoginPasscodePrefix"></span> <input type="text" value="" name="login.input.mfa.passcode" style="width: 300px;"></input> <span style="text-align: center;" id="loginMFALoginPasscodeRemainingTime"></span> </div> <p class="half-line" style="line-height: 5px;"></p> <button type="button" name="login.mfa.verify.resend">%RESEND_PASSCODE%</button> <div style="text-align: justify; display: none;" id="loginMFALoginPasscodeExpiredMessage">%PASSCODE_EXPIRED_MSG%</div> </div> </div> <div class="css-buttons-table profile_style dialog_container_footer"> <div class="editTabsRightBtn"> <button type="button" name="login.mfa.verify">%VERIFY%</button> <button type="button" name="login.mfa.verify.cancel">%CANCEL%</button> <input type="button" name="bsedit.buttons.help" value="%HELP%" onclick="_showMFAHelp('LOGIN_MFA_VERIFY_PASSCODE');"> </div> <div class="editTabsMidBtn"></div> <div class="editTabsLeftBtn"> </div> </div> </div> </div> </div> </div> <div id="ui_alert_container" class="alert_container" style="display: none;"> <div class="alert_container_main"> <table> <tr style="vertical-align: top;"> <td style="width: 50px;"><div name="ui.alert.main.icon" class="alert_container_icon"></div></td> <td style="padding: 0 10px;"> <div name="ui.alert.main.message" class="alert_container_message"></div> <div class="line-break"></div> <div name="ui.alert.main.prompt" class="alert_container_prompt"> <input type="text" name="ui.alert.main.input" size=50> </div> </td> </tr> </table> </div> <div class="css-buttons-table alert_container_footer"> <div class="editTabsRightBtn"><button type="button" name="ui.alert.buttons.yes">%YES%</button><button type="button" name="ui.alert.buttons.no">%NO%</button></div> <div class="editTabsMidBtn"></div> <div class="editTabsLeftBtn"></div> </div> </div> </body> <script src="js/templates/login.js?_=%TIMESTAMP%" type="text/javascript"></script>