/* 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/. */


html {
  background: -moz-Dialog;
}

body {
  margin: 0;
  padding: 0 1em;
  color: -moz-FieldText;
  font: message-box;
}

h1 {
  margin: 0 0 .6em 0;
  border-bottom: 1px solid ThreeDLightShadow;
  font-size: 160%;
}

h2 {
  font-size: 130%;
}

#errorPageContainer {
  position: relative;
  min-width: 13em;
  max-width: 52em;
  margin: 4em auto;
  border: 1px solid #FFBD09;
  border-radius: 10px;
  padding: 3em;
  padding-inline-start: 30px;
  background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field;
  background-origin: content-box;
}

body[dir="rtl"] #errorPageContainer {
  background-position: right 0;
}

#errorTitle {
  margin-inline-start: 80px;
}

#errorLongContent {
  margin-inline-start: 80px;
}

#technicalContent > h2, #expertContent > h2 {
  cursor: pointer;
  padding-inline-start: 20px;
  position: relative;
  left: -20px;
  background: url("chrome://messenger/skin/icons/twisty-open.png") left center no-repeat;
}

#technicalContent[collapsed] > h2,
#expertContent[collapsed] > h2 {
  background-image: url("chrome://messenger/skin/icons/twisty-clsd.png");
}

#technicalContent[collapsed] > p,
#expertContent[collapsed] > div {
  display: none;
}

#technicalContentText {
  overflow: auto;
  white-space: pre-wrap;
}
