<div id="languagePage" class="page" hidden>
  <div class="close-button"></div>
  <h1 i18n-content="languagePage"></h1>
  <div class="content-area">
    <div id="notification">
      <span>&nbsp;</span>
      <span class="link"><span class="link-color"></span></span>
    </div>
    <div class="language-options-header">
      <div i18n-content="addLanguageInstructions"></div>
<if expr="pp_ifdef('chromeos')">
      <div i18n-content="inputMethodInstructions"></div>
</if>
    </div>
    <div class="language-options">
      <div id="language-options-languages">
        <h3 i18n-content="languages"></h3>
        <list id="language-options-list"></list>
        <div class="language-options-lower-left">
          <button id="language-options-add-button"
            i18n-content="addButton">
          </button>
        </div>
        <div id="language-options-list-dropmarker"></div>
      </div>
      <div id="language-options-details">
        <h3 id="language-options-language-name"></h3>
<if expr="os == 'win32' or pp_ifdef('chromeos')">
        <div class="language-options-contents">
          <button id="language-options-ui-language-button"
              i18n-content="displayInThisLanguage">
          </button>
          <span id="language-options-ui-language-message" hidden></span>
        </div>
</if>
<!-- Chrome uses the native OS spellchecker in OS X, so don't display the
     dictionary pane. -->
<if expr="not is_macosx">
        <div id="language-options-spellcheck" class="language-options-contents">
          <button id="language-options-spell-check-language-button"
              i18n-content="useThisForSpellChecking">
          </button>
          <span id="language-options-spell-check-language-message" hidden>
          </span>
          <span id="language-options-dictionary-downloading-message"
              i18n-content="downloadingDictionary" hidden>
          </span>
        </div>
        <div id="language-options-dictionary-download-failed-message"
            class="language-options-notification" hidden>
          <div i18n-content="downloadFailed"></div>
          <div id="language-options-dictionary-download-fail-help-message"
              i18n-content="downloadFailHelp" hidden>
          </div>
          <button id="dictionary-download-retry-button"
              i18n-content="retryButton">
          </button>
        </div>
        <div id="language-options-ui-notification-bar"
            class="language-options-notification" hidden>
          <div i18n-content="restartRequired"></div>
<if expr="pp_ifdef('chromeos')">
          <button id="language-options-ui-restart-button"
              i18n-content="restartButton">
          </button>
</if>
        </div>
</if>
        <div id="language-options-offer-to-translate"
            class="language-options-contents" hidden>
          <div class="checkbox">
            <label>
              <input type="checkbox" id="offer-to-translate-in-this-language">
              <span class="offer-to-translate-label"
                  i18n-content="offerToTranslateInThisLanguage"></span>
            </label>
          </div>
          <span id="cannot-translate-in-this-language"
               i18n-content="cannotTranslateInThisLanguage" hidden></span>
        </div>
<if expr="pp_ifdef('chromeos')">
        <h3 i18n-content="inputMethod"></h3>
        <div id="language-options-input-method-template" class="input-method"
            hidden>
          <div class="checkbox">
            <label>
              <input type="checkbox">
              <span class="input-method-label"></span>
            </label>
          </div>
        </div>
        <div id="language-options-input-method-list"
             class="language-options-contents">
          <span id="language-options-input-method-none"
              i18n-content="noInputMethods" hidden>
          </span>
        </div>
</if>
      </div>
    </div>
    <div class="language-options-footer">
<if expr="pp_ifdef('chromeos')">
      <div i18n-content="switchInputMethodsHint"></div>
      <div i18n-content="selectPreviousInputMethodHint"></div>
      <button id="edit-dictionary-button"
          class="link-button standalone-link-button"
          i18n-content="languageDictionaryOverlayTitle"></button>
</if>
<if expr="not pp_ifdef('chromeos') and not is_macosx">
      <div id="spell-check-option" class="checkbox">
        <label>
          <input id="enable-spell-check" pref="browser.enable_spellchecking"
              metric="Options_SpellCheck" type="checkbox">
          <span i18n-content="enableSpellCheck"></span>
        </label>
        <button id="edit-dictionary-button" class="link-button"
            i18n-content="languageDictionaryOverlayTitle" hidden></button>
      </div>
      <div id="auto-spell-correction-option" class="checkbox" hidden>
        <label>
          <input id="enable-auto-spell-correction"
              pref="browser.enable_autospellcorrect"
              metric="Options_AutoSpellCorrection" type="checkbox">
          <span i18n-content="enableAutoSpellCorrection"></span>
        </label>
      </div>
</if>
    </div>
  </div>
  <div class="action-area">
    <div class="button-strip">
      <button id="language-confirm" class="default-button" i18n-content="done">
      </button>
    </div>
  </div>
</div>