| Index: chrome/browser/resources/options/sync_setup_overlay.html
 | 
| diff --git a/chrome/browser/resources/options/sync_setup_overlay.html b/chrome/browser/resources/options/sync_setup_overlay.html
 | 
| index a04e530b977ac79099372b303ec6adbc4dc98f58..ddd1f8dc9813e20a370fc942dd2e95a53f7a3eb2 100644
 | 
| --- a/chrome/browser/resources/options/sync_setup_overlay.html
 | 
| +++ b/chrome/browser/resources/options/sync_setup_overlay.html
 | 
| @@ -3,9 +3,14 @@
 | 
|      <h1 i18n-content="syncSetupOverlayTitle"></h1>
 | 
|      <div class="content-area">
 | 
|        <div>
 | 
| -        <div id="top-blurb-error">
 | 
| +        <!-- top-blurb-error's reset state is handled differently from most
 | 
| +             elements. Instead of being [hidden] it is visibility:hidden so it
 | 
| +             still takes up space. But it is also [hidden] when we display the
 | 
| +             captcha, so when it is reset, it needs to be shown. -->
 | 
| +        <div id="top-blurb-error"
 | 
| +            class="reset-shown reset-visibility-hidden">
 | 
|            <span id="error-signing-in" i18n-content="errorSigningIn"></span>
 | 
| -          <span id="error-custom"></span>
 | 
| +          <span id="error-custom" hidden></span>
 | 
|          </div>
 | 
|          <form id="gaia-login-form">
 | 
|            <div id="gaia-login-box">
 | 
| @@ -39,7 +44,7 @@
 | 
|                        <tr>
 | 
|                          <td colspan="2" align="center"> </td>
 | 
|                        </tr>
 | 
| -                      <tr id="email-row">
 | 
| +                      <tr id="email-row" class="reset-shown">
 | 
|                          <td nowrap="nowrap">
 | 
|                            <div class="end-aligned">
 | 
|                              <span i18n-content="emailLabel">
 | 
| @@ -48,16 +53,18 @@
 | 
|                          </td>
 | 
|                          <td>
 | 
|                            <input id="gaia-email" type="text" name="email"
 | 
| -                              size="18" value="">
 | 
| -                          <span id="email-readonly"></span>
 | 
| +                              size="18" value="" class="reset-enabled">
 | 
| +                          <span id="email-readonly" hidden></span>
 | 
|                          </td>
 | 
|                        </tr>
 | 
| -                      <tr id="access-code-label-row" class="access-code-row">
 | 
| +                      <tr id="access-code-label-row"
 | 
| +                          class="access-code-row reset-hidden" hidden>
 | 
|                          <td colspan="2">
 | 
|                            <span i18n-content="enterAccessCode"></span>
 | 
|                          </td>
 | 
|                        </tr>
 | 
| -                      <tr id="access-code-help-row" class="access-code-row">
 | 
| +                      <tr id="access-code-help-row"
 | 
| +                          class="access-code-row reset-hidden" hidden>
 | 
|                          <td colspan="2">
 | 
|                            <a i18n-values="href:getAccessCodeURL"
 | 
|                                i18n-content="getAccessCodeHelp" target="_blank">
 | 
| @@ -67,21 +74,24 @@
 | 
|                        <tr>
 | 
|                          <td></td>
 | 
|                          <td>
 | 
| -                          <div id="errormsg-0-email" class="errormsg"
 | 
| -                              i18n-content="cannotBeBlank">
 | 
| +                          <div id="errormsg-0-email"
 | 
| +                              class="errormsg reset-hidden"
 | 
| +                              i18n-content="cannotBeBlank"
 | 
| +                              hidden>
 | 
|                            </div>
 | 
|                          </td>
 | 
|                        </tr>
 | 
| -                      <tr id="password-row">
 | 
| +                      <tr id="password-row" class="reset-shown">
 | 
|                          <td class="end-aligned">
 | 
|                            <span i18n-content="passwordLabel"></span>
 | 
|                          </td>
 | 
|                          <td>
 | 
|                            <input id="gaia-passwd" type="password" name="passwd"
 | 
| -                              size="18">
 | 
| +                              size="18" class="reset-enabled">
 | 
|                          </td>
 | 
|                        </tr>
 | 
| -                      <tr id="access-code-input-row" class="access-code-row">
 | 
| +                      <tr id="access-code-input-row"
 | 
| +                          class="access-code-row reset-hidden" hidden>
 | 
|                          <td colspan="2">
 | 
|                            <input id="access-code" type="password"
 | 
|                                name="accessCode" size="18">
 | 
| @@ -91,24 +101,30 @@
 | 
|                          <td></td>
 | 
|                          <td>
 | 
|                            <div class="error-msg-spacer">
 | 
| -                            <div id="errormsg-0-password" class="errormsg"
 | 
| -                                i18n-content="cannotBeBlank">
 | 
| +                            <div id="errormsg-0-password"
 | 
| +                                class="errormsg reset-hidden"
 | 
| +                                i18n-content="cannotBeBlank"
 | 
| +                                hidden>
 | 
|                              </div>
 | 
| -                            <div id="errormsg-1-password" class="errormsg">
 | 
| +                            <div id="errormsg-1-password"
 | 
| +                                class="errormsg reset-hidden"
 | 
| +                                hidden>
 | 
|                                <span i18n-content="invalidCredentials"></span>
 | 
|                                <!-- Brackets are intentional -->
 | 
|                                [<a i18n-values="href:invalidPasswordHelpURL"
 | 
|                                     target="_blank">?</a>]
 | 
|                              </div>
 | 
| -                            <div id="errormsg-0-access-code" class="errormsg"
 | 
| -                                i18n-content="invalidAccessCode">
 | 
| +                            <div id="errormsg-0-access-code"
 | 
| +                                class="errormsg reset-hidden"
 | 
| +                                i18n-content="invalidAccessCode"
 | 
| +                                hidden>
 | 
|                              </div>
 | 
|                            </div>
 | 
|                          </td>
 | 
|                        </tr>
 | 
|                        <tr>
 | 
|                          <td colspan="2">
 | 
| -                          <div id="captcha-div">
 | 
| +                          <div id="captcha-div" class="reset-hidden" hidden>
 | 
|                              <div id="captcha-instructions"
 | 
|                                  i18n-content="captchaInstructions"
 | 
|                                  class="bottom-padded-cell">
 | 
| @@ -120,15 +136,18 @@
 | 
|                              </div>
 | 
|                              <div>
 | 
|                                <input id="captcha-value" type="text"
 | 
| -                                  name="captchaValue" size="18" value="">
 | 
| +                                  name="captchaValue" size="18" value=""
 | 
| +                                  class="reset-disabled">
 | 
|                              </div>
 | 
|                            </div>
 | 
|                          </td>
 | 
|                        </tr>
 | 
|                        <tr>
 | 
|                          <td colspan="2" align="center">
 | 
| -                          <div id="errormsg-0-connection" class="errormsg"
 | 
| -                              i18n-content="couldNotConnect">
 | 
| +                          <div id="errormsg-0-connection"
 | 
| +                              class="errormsg reset-hidden"
 | 
| +                              i18n-content="couldNotConnect"
 | 
| +                              hidden>
 | 
|                            </div>
 | 
|                          </td>
 | 
|                        </tr>
 | 
| @@ -342,10 +361,10 @@
 | 
|                  <input id="confirm-passphrase" type="password"
 | 
|                      i18n-values="placeholder:confirmLabel">
 | 
|                </div>
 | 
| -              <div id="empty-error" class="error" style="display:none"
 | 
| -                  i18n-content="emptyErrorMessage"></div>
 | 
| -              <div id="mismatch-error" class="error" style="display:none"
 | 
| -                  i18n-content="mismatchErrorMessage"></div>
 | 
| +              <div id="empty-error" class="error"
 | 
| +                  i18n-content="emptyErrorMessage" hidden></div>
 | 
| +              <div id="mismatch-error" class="error"
 | 
| +                  i18n-content="mismatchErrorMessage" hidden></div>
 | 
|              </div>
 | 
|            </div>
 | 
|            <div id="sync-existing-passphrase-container" hidden>
 | 
| 
 |