/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

body {
  color: black;
}

/*
 * We want to treat the two pieces of text in the left column as one unit and
   center that unit vertically in the window. In order to make IE8 do that,
   we have to wrap the two bits of text in a container and make that a
   table-cell (which means we need an outer container that's display: table).
   So that's what this mess is doing.
 */
#profileRefreshForm {
  position: fixed;
  height: 100%;
  margin-left: 30px;
  width: 40%;
  display: table;
}

#profileRefreshContainer {
  display: table-cell;
  vertical-align: middle;
}

#refreshCheckboxContainer,
#refreshButtonContainer {
  margin-top: 20px;
}

#header {
  font-size: 25px;
  font-weight: 600;
}

#refreshCheckboxContainer {
  position: relative;
}

#refreshCheckbox {
  position: absolute;
  top: 1px;
}

#checkboxLabel {
  font-size: 14px;
  display: block;
}

.checkboxLabel-ltr {
  margin-left: 25px;
}

.checkboxLabel-rtl {
  margin-right: 25px;
}

#refreshButton {
  padding: 8px 70px;
  font-size: 16px;
  background: #005ccc;
  color: white;
}

body.normal-contrast #refreshButton {
  border: none;
}

/* No footer for this layout. */
#footer {
  visibility: hidden;
}
