~~~~404~~~~
<div class="container">
    <h1 style="color:white">Page not found</h1>
</div>

~~~~supportedLanguages~~~~
<div class="supported-languages">
    <div>
        <button type="button" id="button6" class="language-btn sign-in" value="en-US">English</button>
        <button type="button" id="button3" class="language-btn sign-in" value="zh-CN">中国的</button>
        <!--<button type="button" id="button1" class="btn language-btn" value="de-DE">Deutsch</button>
        <button type="button" id="button2" class="btn language-btn" value="es-ES">Español</button>
        <button type="button" id="button4" class="btn language-btn" value="el">ελληνικά</button>
        <button type="button" id="button5" class="btn language-btn" value="fr-FR">Français</button>-->
    </div>
</div>


~~~~updateUserInfo~~~~
<script>
    $('body').removeClass().addClass('login-screen').addClass('updateUserInfo-screen');
</script>
    {>"offline"/}
    {>"unhandledError"/}
<div class="content">
    <form class="form-horizontal" id="updateUserInfo" novalidate onsubmit="return false">
        <div class="logo"></div>
        <img id="mainlogo" class="logo media-object centered-content" src="assets/img/N2GO_Small.png">
        <div class="dialog-wraper">
            <div class="information-panel">
                <div class="description">
                    <div class="title" id="labelWelcomeText">{@string key="updateUserInfo_text_update" /}</div>
                    <div class="title small" id="labelCriteriaText">{@string key="updateUserInfo_userNamePasswordCriteria" /}</div>
                </div>
                <div class="error-panel">
                    <label id="labelUserInfoError" class="validation-error hidden" style="width:100%;text-align:center" />
                    <ul id="errorList" class="validation-error hidden" />
                </div>
            </div>
            <div class="login-form">
                <div class="original-user-msg alert-danger" id="divOriginalUserMessage">
                    {@string key="updateUserInfo_originalUserContent" /}
                </div>
                <div class="user-data">
                    <div class="input-group">
                        <input type="hidden" id="emailfield" name="emailfield">
                        <div>
                            <label for="email" class="dg-field-label" id="labelEmail">{@string key="updateUserInfo_email" /}</label>
                        </div>
                        <input type="text" id="inputEmail" class="dg-field-input">
                        <span class="input-icon icon-email" id="iconEmail"></span>
                    </div>
                    <div class="input-group">
                        <div>
                            <label for="userName" class="dg-field-label" id="labelUsername">{@string key="updateUserInfo_username" /}</label>
                        </div>
                        <input type="text" id="inputUsername" class="dg-field-input">
                        <span class="input-icon icon-user" id="iconUsername"></span>
                    </div>
                    <div class="input-group">
                        <label for="password" class="dg-field-label" id="labelPassword">{@string key="updateUserInfo_password" /}</label>
                        <input type="password" id="inputPassword" class="dg-field-input">
                        <span class="input-icon icon-password" id="iconPassword"></span>
                    </div>
                    <div class="input-group">
                        <label for="password" class="dg-field-label" id="labelConfirmPassword">{@string key="updateUserInfo_confirmPassword" /}</label>
                        <input type="password" id="inputConfirmPassword" class="dg-field-input">
                        <span class="input-icon icon-password" id="iconConfirmPassword"></span>
                    </div>
                    <div class="input-group" id="divUsernamePassword">
                        <label for="password" class="dg-field-label" id="labelUsernamePassword">{@string key="updateUserInfo_confirmPassword" /}</label>
                        <input type="password" id="inputUsernamePassword" class="dg-field-input">
                        <span class="input-icon icon-password" id="iconUsernamePassword"></span>
                    </div>
                    <div class="input-group" id="divShowPassword">
                        <label for="checkShowPassword" class="dg-field-checkboxlabel"> &nbsp;{@string key="updateUserInfo_showpassword" /}</label>
                        <input class="pull-right" value="Show Password" type="checkbox" id="checkboxShowPassword">
                    </div>
                </div>
                <div class="buttons-container">
                    <button class="sign-in submit-button" id="buttonSubmit">{@string key="updateUserInfo_submit_button" /}</button>
                </div>
            </div>
        </div>
        <div class="footer">
            {@string key="common_footer_NWS" /}
        </div>
        {>"supportedLanguages"/}
        <br />
    </form>
</div>

~~~~confirmationEmail~~~~
<script>
    $('body').removeClass().addClass('login-screen').addClass('updateUserInfo-screen');
</script>
    {>"offline"/}
    {>"unhandledError"/}

<div class="content">
    <form class="form-horizontal" id="updateUserInfo" novalidate onsubmit="return false">
        <div class="logo"></div>
        <img id="mainlogo" class="logo media-object centered-content" src="assets/img/NWS_Small.png">
        <div class="dialog-wraper">
            <div class="information-panel">
                <div class="description">
                    <div class="title">{@string key="confirmationEmail_Title" /}</div>
                </div>
            </div>
            <div class="login-form">
                <label class="dg-paragraph-label" id="lblConfirmationEmailText">{@string key="confirmationEmail_text" /}</label>
            </div>
        </div>
        <div class="footer">
            {@string key="common_footer_NWS" /}
        </div>
        {>"supportedLanguages"/}
        <br />
    </form>
</div>

~~~~inactivityEmail~~~~
<script>
    $('body').removeClass().addClass('login-screen').addClass('updateUserInfo-screen');
</script>
    {>"offline"/}
    {>"unhandledError"/}

<div class="content">
    <form class="form-horizontal" id="updateUserInfo" novalidate onsubmit="return false">
        <div class="logo"></div>
        <img id="mainlogo" class="logo media-object centered-content" src="assets/img/NWS_Small.png">
        <div class="dialog-wraper">
            <div class="information-panel">
                <div class="description">
                    <div class="title">{@string key="inactivityEmail_Title" /}</div>
                </div>
            </div>
            <div class="login-form">
                <label class="dg-paragraph-label" id="lblInactivityEmailGreeting">{@string key="inactivityEmail_Greeting" /}</label>
                <label class="dg-paragraph-label" id="lblInactivtyEmailText_s1">{@string key="inactivityEmail_s1_text" /}</label>
                <label class="dg-paragraph-label" id="lblInactivtyEmailText_s2"></label>
                <label class="dg-paragraph-label" id="lblInactivtyEmailText_s3">{@string key="inactivityEmail_s3_text" /}</label>

            </div>
        </div>
        <div class="footer">
            {@string key="common_footer_NWS" /}
        </div>
        {>"supportedLanguages"/}
        <br />
    </form>
</div>

~~~~accountDeactivated~~~~
<script>
    $('body').removeClass().addClass('login-screen').addClass('updateUserInfo-screen');
</script>
    {>"offline"/}
    {>"unhandledError"/}

<div class="content">
    <form class="form-horizontal" id="updateUserInfo" novalidate onsubmit="return false">
        <div class="logo"></div>
        <img id="mainlogo" class="logo media-object centered-content" src="assets/img/NWS_Small.png">
        <div class="dialog-wraper">
            <div class="information-panel">
                <div class="description">
                    <div class="title">{@string key="deactivationEmail_Title" /}</div>
                </div>
            </div>
            <div class="login-form">
                <label class="dg-paragraph-label" id="lblDeactivationEmailGreeting">{@string key="deactivationEmail_Greeting" /}</label>
                <label class="dg-paragraph-label" id="lblDeactivationEmailText_s1">{@string key="deactivationEmail_s1_text" /}</label>
                <label class="dg-paragraph-label" id="lblDeactivationEmailText_s2">{@string key="deactivationEmail_s2_text" /}</label>

            </div>
        </div>
        <div class="footer">
            {@string key="common_footer_NWS" /}
        </div>
        {>"supportedLanguages"/}
        <br />
    </form>
</div>

~~~~passwordExpiring~~~~
<script>
    $('body').removeClass().addClass('login-screen').addClass('updateUserInfo-screen');
</script>
    {>"offline"/}
    {>"unhandledError"/}

<div class="content">
    <form class="form-horizontal" id="updateUserInfo" novalidate onsubmit="return false">
        <div class="logo"></div>
        <img id="mainlogo" class="logo media-object centered-content" src="assets/img/NWS_Small.png">
        <div class="dialog-wraper">
            <div class="information-panel">
                <div class="description">
                    <div class="title">{@string key="passwordExpiringEmail_Title" /}</div>
                </div>
            </div>
            <div class="login-form">
                <label class="dg-paragraph-label" id="lblPasswordExpiringEmailGreeting">{@string key="passwordExpiringEmail_Greeting" /}</label>
                <br />
                <br />
                <label class="dg-paragraph-label" id="lblPasswordExpiringEmailText_s1"></label>
                <label class="dg-paragraph-label" id="lblPasswordExpiringEmailText_s2">{@string key="passwordExpiringEmail_s2_text" /}</label>
                <label class="dg-paragraph-label" id="lblPasswordExpiringEmailText_s3">{@string key="passwordExpiringEmail_s3_text" /}</label>

            </div>
        </div>
        <div class="footer">
            {@string key="common_footer_NWS" /}
        </div>
        {>"supportedLanguages"/}
        <br />
    </form>
</div>

~~~~passwordExpired~~~~
<script>
    $('body').removeClass().addClass('login-screen').addClass('updateUserInfo-screen');
</script>
    {>"offline"/}
    {>"unhandledError"/}

<div class="content">
    <form class="form-horizontal" id="updateUserInfo" novalidate onsubmit="return false">
        <div class="logo"></div>
        <img id="mainlogo" class="logo media-object centered-content" src="assets/img/NWS_Small.png">
        <div class="dialog-wraper">
            <div class="information-panel">
                <div class="description">
                    <div class="title">{@string key="passwordExpiredEmail_Title" /}</div>
                </div>
            </div>
            <div class="login-form">
                <label class="dg-paragraph-label" id="lblPasswordExpiredEmailGreeting">{@string key="passwordExpiredEmail_Greeting" /}</label>
                <br />
                <br />
                <label class="dg-paragraph-label" id="lblPasswordExpiredEmailText_s1">{@string key="passwordExpiredEmail_s1_text" /}</label>
                <label class="dg-paragraph-label" id="lblPasswordExpiredEmailText_s2">{@string key="passwordExpiredEmail_s2_text" /}</label>
                <label class="dg-paragraph-label" id="lblPasswordExpiredEmailText_s3">{@string key="passwordExpiredEmail_s3_text" /}</label>
            </div>
        </div>
        <div class="footer">
            {@string key="common_footer_NWS" /}
        </div>
        {>"supportedLanguages"/}
        <br />
    </form>
</div>

~~~~passwordRulesChanged~~~~
<script>
    $('body').removeClass().addClass('login-screen').addClass('updateUserInfo-screen');
</script>
    {>"offline"/}
    {>"unhandledError"/}

<div class="content">
    <form class="form-horizontal" id="updateUserInfo" novalidate onsubmit="return false">
        <div class="logo"></div>
        <img id="mainlogo" class="logo media-object centered-content" src="assets/img/NWS_Small.png">
        <div class="dialog-wraper">
            <div class="information-panel">
                <div class="description">
                    <div class="title">{@string key="passwordRulesChangeEmail_Title" /}</div>
                </div>
            </div>
            <div class="login-form">
                <label class="dg-paragraph-label" id="lblPasswordRulesChangeEmailGreeting">{@string key="passwordRulesChangeEmail_Greeting" /}</label>
                <label class="dg-paragraph-label" id="lblPasswordRulesChangeEmailText_s1">{@string key="passwordRulesChangeEmail_s1_text" /}</label>
                <label class="dg-paragraph-label" id="lblPasswordRulesChangeEmailText_s2">{@string key="passwordRulesChangeEmail_s2_text" /}</label>
                <label class="dg-paragraph-label" id="lblPasswordRulesChangeEmailText_s3">{@string key="passwordRulesChangeEmail_s3_text" /}</label>
            </div>
        </div>
        <div class="footer">
            {@string key="common_footer_NWS" /}
        </div>
        {>"supportedLanguages"/}
        <br />
    </form>
</div>

~~~~nwsAgentForbidden~~~~
<script>
    $('body').removeClass().addClass('login-screen').addClass('updateUserInfo-screen');
</script>
    {>"offline"/}
    {>"unhandledError"/}

<div class="content">
    <form class="form-horizontal" id="updateUserInfo" novalidate onsubmit="return false">
        <div class="logo"></div>
        <img id="mainlogo" class="logo media-object centered-content" src="assets/img/NWS_Small.png">
        <div class="dialog-wraper">
            <div class="information-panel">
                <div class="description">
                    <div class="title">{@string key="nwsAgentForbidden_Title" /}</div>
                </div>
            </div>
            <div class="login-form">
                <label class="dg-paragraph-label" id="lblConfirmationEmailText">{@string key="nwsAgentForbidden_Text" /}</label>
            </div>
        </div>
        <div class="footer">
            {@string key="common_footer_NWS" /}
        </div>
        {>"supportedLanguages"/}
        <br />
    </form>
</div>