/* Global
---------------------------------------------------------------------------------------- //// */
/* ---- TABLE OF CONTENTS ----
BigDoor
#header
	.skip
	#logo
.main_content
#debug
#debug_panel
#focus
*/
/* BigDoor ----------------------------------------------- //// */
.js .bigdoor {
  min-width: 150px;
  min-height: 100px;
  background: url(/static/images/loading_small.gif) no-repeat 50% 50%; }

.js .bigdoor > * {
  display: none; }

/* header ----------------------------------------------- //// */
.header_container {
  position: relative;
  padding-top: 12px;
  background-color: #f7f7f7; }

.header_container:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  height: 3px;
  width: 100%;
  background: rgba(0, 0, 0, 0.05); }

#header {
  float: left;
  /*contain floated children*/
  position: relative;
  width: 100%; }

#header.dash_open {
  padding-top: 15px;
  border-top: 1px solid #e0e0e0; }

.main_content {
  position: relative;
  padding-top: 32px; }

.main_content--noPaddingTop {
  padding-top: 0; }

.main_content:focus {
  outline: none;
  /*prevents outline on focus*/ }

#page_home .main_content {
  padding-top: 0; }

/* skip ----------------------------------------------- */
.skip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: .857143em;
  /* 12px */ }

.skip li {
  position: absolute;
  z-index: 1;
  margin: 0; }

.skip a {
  position: absolute;
  left: -9999px; }

.skip a:active,
.skip a:focus {
  display: block;
  position: static;
  left: 0;
  padding: 0.25em 1em; }

/* logo ----------------------------------------------- */
#logo {
  float: left;
  position: relative;
  top: 3px;
  width: 50px;
  height: 50px;
  margin-bottom: 18px;
  background-image: url(/static/images/global/logo.png);
  background-size: contain;
  background-color: #f7f7f7; }

#logo.hide_navigation {
  float: none;
  display: inline-block; }

.svg #logo {
  background-image: url(/static/images/global/logo.svg); }

/* debug ----------------------------------------------- //// */
#debug,
#debug_panel {
  position: absolute;
  z-index: 2000;
  padding: 1em 20px 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-family: Helvetica, Arial, sans-serif; }

/* debug (for external use; url?debug)----------------------------------------------- */
#debug {
  top: 18px;
  left: 18px; }

#debug dt {
  color: #ccc; }

#debug dd {
  margin: 0 0 1em; }

/* Debug Panel (for internal use)-------------------------------- */
#debug_panel {
  display: none;
  top: 60px;
  right: 10px;
  width: 400px; }

#debug_panel #debug_close {
  position: absolute;
  top: 1em;
  right: 1em; }

#debug_panel dl {
  margin: 0; }

#debug_panel dt {
  color: #ccc; }

#debug_panel dd {
  margin: 0 0 1em; }

#debug_panel dd em {
  padding: 2px 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #f00;
  background: rgba(255, 0, 0, 0.8); }

/* language selector ----------------------------------------------- //// */
#language_selector {
  /* TODO - what is this? */
  position: absolute;
  top: 106px;
  left: 734px; }

.js #language_change {
  display: none; }

.top_prominent_message {
  background: #EDEEEE;
  border-top: 55px solid #fff;
  margin: 0 0 15px; }

#allow_message {
  padding: 0 0 20px 0; }

#local_site_message {
  padding: 0; }

.top_prominent_message .size2of3 {
  float: none;
  margin: 0 auto; }

.top_prominent_message h2 {
  color: #6cb33d;
  font-weight: normal; }

.top_prominent_message .validation_summary {
  border: 0;
  margin: 0; }

.top_prominent_message input[type="checkbox"] {
  margin-left: 3px; }

.top_prominent_message label {
  margin-right: 10px; }

.js_requried {
  display: none; }

.js .js_requried {
  display: inherit; }

/* call to action  ----------------------------------------------- //// */
.cta_arrow {
  display: block;
  float: left;
  margin-right: 10px;
  height: 22px;
  width: 22px;
  background: url(/static/images/global/cta_arrow.png) no-repeat 0 0; }

@media (min-width: 600px) {
  .skip li {
    margin-left: 111px; } }

@media (min-width: 768px) {
  .header_container {
    padding-top: 20px;
    /*z-index set to 10 to beat z-index of promo/rewards z-index of 9.
        also above .main_content so mega menu appears correctly*/
    z-index: 10; }
  #logo {
    position: relative;
    top: -2px;
    width: 56px;
    height: 56px;
    margin-bottom: 12px; }
  .main_content {
    z-index: 1;
    /*below header_container*/ } }

@media (min-width: 992px) {
  #logo {
    width: 62px;
    height: 62px; } }

/* Focus ----------------------------------------------- //// */
.focusOutline:focus,
body[data-focus-source="keyboard"] .keyboardFocus:focus,
body[data-focus-source="keyboard"] .keyboardFocusContainer *:focus {
  outline: 2px solid #00af66;
  -webkit-box-shadow: inset 0px 0px 2px 2px #00af66;
  -moz-box-shadow: inset 0px 0px 2px 2px #00af66;
  box-shadow: inset 0px 0px 2px 2px #00af66; }

/*# sourceMappingURL=global.css.map */