@charset "utf-8";

/* ======================================================================
	NOTE:
	The styles in this file were removed from the error page during refactoring css:
	2d899ab	9/25/15, 9:47 AM	Igor Pleic	css refactoring phase 1
	We've added them back in from Morgan for 3.5 for this page only.
	Ideally, the HBX error page would use the newly refactored styles.

	The styles here came from dumping https://morgan.myhbx.org/styles/hbx-framework.css
	from https://morgan.myhbx.org/asdfalsdjk through uncss.

	I've removed unused comments, as well.

	-- Myer Nore
   ====================================================================== */

* {
  margin: 0;
  padding: 0;
}

html,
body,
div,
h2,
p,
a,
img,
li,
ul,
nav,
section {
  border: 0;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: inherit;
  font-size: 100%;
  text-align: left;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

nav,
section {
  display: block;
}

/*
 * 1. Prevent system color scheme's background color being used in Firefox, IE,and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using  `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling  user zoom.
 */

html {
  color: var(--hbso-black);
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
}

html,
body {
  height: 100%;
}

body {
  background: var(--hbso-light-gray-1);
  font: 13px/18px "HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif;
  color: var(--hbso-dark-gray);
  position: relative;
}

h2 {
  color: var(--hbso-dark-gray);
  font-family: "Trade Gothic W01 Light", "TradeGothic LT Light", sans-serif;
}

h2 {
  font: normal 28px "Trade Gothic Bold", sans-serif;
}

a {
  outline: none;
  text-decoration: none;
  color: var(--hbso-ocean);
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
  text-decoration: underline;
}

a img,
:link img,
:visited img {
  border: 0;
}

ul,
li {
  list-style: none;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before {
  display: table;
  line-height: 0;
  content: "";
}

/* ==========================================================================
   Common CSS
   ========================================================================== */

p {
  color: #575757;
  font: normal 15px/22px 'HelveticaNeueW02-55Roma', Helvetica, Arial, sans-serif;
  margin: 0 0 12px 0;
}

a {
  color: var(--hbso-crimson);
}

a:hover {
  color: var(--hbso-crimson);
  text-decoration: underline;
}

/* ==========================================================================
   placeholder
   ========================================================================== */

:-moz-placeholder {
  color: #333;
}

::-moz-placeholder {
  color: #333;
}

:-ms-input-placeholder {
  color: #ccc !important;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

ul {
  margin: 1em 0;
}

/** * Address paddings set differently in IE 6/7.
 */

ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul {
  list-style: none none;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
*/

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*==============================
	Layout
================================ */

body {
  padding: 50px 0 0 0;
}

/*==============================
	layout Container
================================ */

#container {
  position: relative;
}

#containerInner {
  clear: both;
}

#contentPanel {
  clear: both;
  min-height: 600px;
}

#contentPanelInner {
  width: 1100px;
  padding: 0;
  margin: 0 auto;
}

#contentPanelInner {
  padding: 8px 0;
}

.themeErrorPageBox {
  background: var(--hbso-white);
  padding: 10px 20px 10px 20px;
  margin: 100px auto;
  border: 2px solid var(--hbso-light-gray-1);
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.25);
  width: 700px;
  min-height: 250px;
}

.themeErrorPageBoxHeader {
  margin: 0 0 22px 0;
}

.themeErrorPageHeadertxt {
  color: var(--hbso-crimson);
  text-transform: uppercase;
  font: 42px/55px 'TradeGothicW01-BoldCn20 675334', sans-serif;
  text-align: center;
}

.themeErrorPageInfotxt {
  text-align: center;
  color: #888;
  font: 24px/38px 'Trade Gothic W01 Light', Arial, sans-serif;
}

.themeErrorPageImgBox {
  text-align: center;
}

.themeErrorPageInfoLefttxt {
  text-align: left;
  color: #888;
  font: 20px/24px 'Trade Gothic W01 Light', Arial, sans-serif;
}

.themeErrorPageInfoRedtxt {
  text-align: center;
  color: var(--hbso-crimson);
  font: 24px/38px 'Trade Gothic W01 Light', Arial, sans-serif;
}