<div id="import-data-overlay" class="page" hidden>
  <div class="close-button"></div>
  <h1 i18n-content="importDataOverlay"></h1>
  <div class="content-area">
    <div class="import-data-configure">
      <div id="import-from-div">
        <span i18n-content="importFromLabel"></span>
        <select id="import-browsers">
          <option i18n-content="importLoading"></option>
        </select>
      </div>
      <div id="import-checkboxes">
        <div i18n-content="importDescription"></div>
        <div class="checkbox">
          <span id="import-history-with-label"
              class="controlled-setting-with-label">
            <input id="import-history" type="checkbox" pref="import_history">
            <span>
              <label for="import-history" i18n-content="importHistory"></label>
              <span class="controlled-setting-indicator" pref="import_history">
              </span>
            </span>
          </span>
        </div>
        <div class="checkbox">
          <span id="import-favorites-with-label"
              class="controlled-setting-with-label">
            <input id="import-favorites" type="checkbox"
                pref="import_bookmarks">
            <span>
              <label for="import-favorites" i18n-content="importFavorites">
              </label>
              <span class="controlled-setting-indicator"
                  pref="import_bookmarks">
              </span>
            </span>
          </span>
        </div>
        <div class="checkbox">
          <span id="import-passwords-with-label"
              class="controlled-setting-with-label">
            <input id="import-passwords" type="checkbox"
                pref="import_saved_passwords">
            <span>
              <label for="import-passwords" i18n-content="importPasswords">
              </label>
              <span class="controlled-setting-indicator"
                  pref="import_saved_passwords">
              </span>
            </span>
          </span>
        </div>
        <div class="checkbox">
          <span id="import-search-with-label"
              class="controlled-setting-with-label">
            <input id="import-search" type="checkbox"
                pref="import_search_engine">
            <span>
              <label for="import-search" i18n-content="importSearch"></label>
              <span class="controlled-setting-indicator"
                  pref="import_search_engine">
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
    <div class="import-data-success" hidden>
      <div id="import-success-header">
        <strong i18n-content="importSucceeded"></strong>
      </div>
      <div id="import-success-image">
        <img src="../../../../ui/webui/resources/images/success.png">
      </div>
      <div id="import-find-your-bookmarks">
        <span i18n-content="findYourImportedBookmarks"></span>
        <div class="checkbox">
          <span class="controlled-setting-with-label">
            <input id="import-data-show-bookmarks-bar"
                pref="bookmark_bar.show_on_all_tabs"
                metric="Options_ShowBookmarksBar" type="checkbox">
            <span>
              <label for="import-data-show-bookmarks-bar"
                  i18n-content="toolbarShowBookmarksBar">
              </label>
              <span class="controlled-setting-indicator"
                  pref="bookmark_bar.show_on_all_tabs">
              </span>
            </span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <div class="action-area">
    <div class="import-data-configure">
      <div class="action-area-right">
        <div id="import-throbber" class="throbber"></div>
        <div class="button-strip">
          <button id="import-data-cancel" i18n-content="cancel"></button>
          <button id="import-choose-file" i18n-content="importChooseFile">
          </button>
          <button id="import-data-commit" class="default-button"
              i18n-content="importCommit">
          </button>
        </div>
      </div>
    </div>
    <div class="import-data-success" hidden>
      <div class="action-area-right">
        <div class="button-strip">
          <button id="import-data-confirm" class="default-button"
              i18n-content="done">
          </button>
        </div>
      </div>
    </div>
  </div>
  <div id="mac-password-keychain" class="gray-bottom-bar">
    <span i18n-content="macPasswordKeychain"></span>
  </div>
</div>