/* Vars */
/******************** Alerts ********************/
.sitewide-alerts-outer-wrapper--pfw-added {
  z-index: 2;
}

.sitewide-alerts-wrapper--pfw-added {
  padding: 0.5rem 2rem;
}

.sitewide-alerts-header--pfw-added {
  font-size: 1.25em;
  font-family: "Champion Lightwt A", "Champion Lightwt B", Impact, Arial, Helvetica, sans-serif !important;
  text-transform: uppercase;
  line-height: 1.25em;
}

.sitewide-alerts-body--pfw-added {
  font-size: 1em;
  padding: 0.5rem 0rem 0rem 0rem;
}

.sitewide-alerts-button--pfw-added a.button {
  background-color: #000000;
  color: #ffffff;
}

.sitewide-alerts-label--pfw-added {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.sitewide-alerts-label--border-black--pfw-added {
  border: 1px solid #000000;
}

.sitewide-alerts-label--border-white--pfw-added {
  border: 1px solid #ffffff;
}

.sitewide-alerts--fixed-width {
  width: 100%;
  max-width: 100%;
  margin: 2rem;
  border: 1px solid #ccc;
}

.sitewide-alerts-red--pfw-added {
  background-color: #ad1212;
  background: #ad1212;
  color: #ffffff;
}
.sitewide-alerts-red--pfw-added a:link, .sitewide-alerts-red--pfw-added a:visited, .sitewide-alerts-red--pfw-added a:active {
  color: #ffffff;
  font-weight: bold;
  border-bottom: 2px solid #ffffff;
}
.sitewide-alerts-red--pfw-added a:hover, .sitewide-alerts-red--pfw-added a:focus {
  background-color: #000000;
}

.sitewide-alerts-label--red--pfw-added {
  background: #ad1212;
  color: #ffffff;
}

.sitewide-alerts-orange--pfw-added {
  background-color: #f7921e;
  background: #f7921e;
  color: #000000;
}
.sitewide-alerts-orange--pfw-added a:link, .sitewide-alerts-orange--pfw-added a:visited, .sitewide-alerts-orange--pfw-added a:active {
  color: #000000;
  font-weight: bold;
  border-bottom: 2px solid #000000;
}
.sitewide-alerts-orange--pfw-added a:hover, .sitewide-alerts-orange--pfw-added a:focus {
  background-color: #ffffff;
}

.sitewide-alerts-label--orange--pfw-added {
  background: #f7921e;
  color: #000000;
}

.sitewide-alerts-light-orange--pfw-added {
  background-color: rgba(247, 136, 30, 0.7);
  background: rgba(247, 136, 30, 0.7);
  color: #000000;
}
.sitewide-alerts-light-orange--pfw-added a:link, .sitewide-alerts-light-orange--pfw-added a:visited, .sitewide-alerts-light-orange--pfw-added a:active {
  color: #000000;
  font-weight: bold;
  border-bottom: 2px solid #000000;
}
.sitewide-alerts-light-orange--pfw-added a:hover, .sitewide-alerts-light-orange--pfw-added a:focus {
  background-color: #ffffff;
}

.sitewide-alerts-yellow--pfw-added {
  background-color: #ffcf01;
  background: #ffcf01;
  color: #000000;
}
.sitewide-alerts-yellow--pfw-added a:link, .sitewide-alerts-yellow--pfw-added a:visited, .sitewide-alerts-yellow--pfw-added a:active {
  color: #000000;
  font-weight: bold;
  border-bottom: 2px solid #000000;
}
.sitewide-alerts-yellow--pfw-added a:hover, .sitewide-alerts-yellow--pfw-added a:focus {
  background-color: #ffffff;
}

.sitewide-alerts-label--yellow--pfw-added {
  background: #ffcf01;
  color: #000000;
}

.sitewide-alerts-blue--pfw-added {
  background-color: #7ad0e2;
  background: #7ad0e2;
  color: #000000;
}
.sitewide-alerts-blue--pfw-added a:link, .sitewide-alerts-blue--pfw-added a:visited, .sitewide-alerts-blue--pfw-added a:active {
  color: #000000;
  font-weight: bold;
  border-bottom: 2px solid #000000;
}
.sitewide-alerts-blue--pfw-added a:hover, .sitewide-alerts-blue--pfw-added a:focus {
  background-color: #ffffff;
}

.sitewide-alerts-label--blue--pfw-added {
  background: #7ad0e2;
  color: #000000;
}

.sitewide-alerts-gray--pfw-added {
  background-color: #4e4540;
  background: #4e4540;
  color: #ffffff;
}
.sitewide-alerts-gray--pfw-added a:link, .sitewide-alerts-gray--pfw-added a:visited, .sitewide-alerts-gray--pfw-added a:active {
  color: #ffffff;
  font-weight: bold;
  border-bottom: 2px solid #ffffff;
}
.sitewide-alerts-gray--pfw-added a:hover, .sitewide-alerts-gray--pfw-added a:focus {
  background-color: #000000;
}

.sitewide-alerts-label--gray--pfw-added {
  background: #4e4540;
  color: #ffffff;
}

/******************** Pre-Modernization Templates ********************/
.sitewide-alerts-pre-mod-templates .sitewide-alerts-header--pfw-added {
  font-weight: bold;
  font-family: "myriad-pro", Helvetica, Arial, sans-serif;
}
.sitewide-alerts-pre-mod-templates .sitewide-alerts-body--pfw-added a {
  text-decoration: none;
}
.sitewide-alerts-pre-mod-templates .sitewide-alerts-label--pfw-added {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
}

/*** ABSOLUTE POSITIONING - THESE MAY CHANGE DEPENDING ON THE LENGTH OF THE ALERT ***/
/*** Update the second value in each calc() statement with the alert's actual height as calculated by your browser. Inspect the outer-most alert div (the one with class "sitewide-alerts-wrapper--pfw-added") in your browser of choice to get the alert height. ***/
#doc4 .yui-g .yui-u.first .logoLink {
  /* adjust the top position of the logo */
  top: calc(31px + 76px);
  /* Update the value that currently says 76px to match the actual height of the alert, and CSS will do the rest. You can also delete the calc() portion and set the top manually (as in top: 100px) if needed. */
}

.DcsTopNav ul li ul {
  /* adjust the top position of the dropdown nav */
  top: calc(248px + 76px);
  /* Update the value that currently says 76px to match the actual height of the alert, and CSS will do the rest. You can also delete the calc() portion and set the top manually (as in top: 100px) if needed. */
}

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