/*
  Offline archive layout fix.
  The upstream stylesheet contains a later full-width/flex override intended
  for another client mode. On the login/start page that makes the 990px
  background flex item shrink to the width of its overlaid form controls.
*/
html, body {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 1000px !important;
  min-height: 100% !important;
  background: #000 !important;
}

#border {
  position: relative !important;
  display: block !important;
  width: 998px !important;
  min-width: 998px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  border: 0 !important;
}

#main {
  position: relative !important;
  display: block !important;
  float: none !important;
  flex: none !important;
  width: 990px !important;
  height: 730px !important;
  min-height: 730px !important;
  margin: 3px 0 0 4px !important;
  background: transparent !important;
}

#login_top {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

#login_content {
  position: relative !important;
  display: block !important;
  float: none !important;
  flex: none !important;
  width: 990px !important;
  height: 730px !important;
  min-width: 990px !important;
  background-size: 990px 730px !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

#login_bottom,
#login_footer {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

#footer {
  width: 990px !important;
  margin: 3px auto 0 auto !important;
  bottom: auto !important;
}

#footer_left {
  width: 687px !important;
}

#footer_right {
  width: 300px !important;
}
