/* HIDE SIDE BAR */
#sideNavBox {
  display: none;
}

/* REMOVE HOME LINK */
a[href='/Pages/default.aspx'] {
    display: none !important;
}

#suiteBarDelta {
    display: none;
}

#s4-ribbonrow {
    display: none;
}

/* BODY CONTENT WITH BACKGROUND IMAGES */
body {
  font-family: "Tahoma", "Geneva", "sans-serif" !important;
  font-size: 12px;
  color: #000;
  background: #bdbdbd;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

#s4-bodyContainer {
  background-image: url(/SiteAssets/NERC2017/images/bg2017-right.png),
    url("/SiteAssets/NERC2017/images/bg2017-left2.png");
  background-position: right top, left top;
  background-repeat: no-repeat, no-repeat;
}

#s4-titlerow {
  padding: 0;
  background-color: #1d4b83;
  height: 100px;
  width: 85%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 0px;
}

#headerBackground {
  background-color: #1d4b83;
  height: 120px;
  position: absolute;
  width: 100%;
}

#titleAreaBox {
  margin: 0;
}

.shiny_box {
  background-color: #244b82;
  color: #fff;
  max-width: 20em;
  border-radius: 4px;
  font-size: 13px;
  padding: 1em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

.invalid {
  color: #d32137;
  font-weight: bold;
  text-transform: uppercase;
}

.ms-siteicon-img {
  margin-left: 1.7em;
  margin-top: 0.5em;
  max-height: 58px;
}

#pageTitle {
  display: none;
}

.ms-displayInline.ms-core-navigation {
  float: left;
  clear: both;
  width: 100%;
  line-height: normal;
  border-bottom: 5px solid #999;
}

#contentBox {
  padding: 1em;
  margin: 0;
  min-width: fit-content;
}

.LeftContactForm .LeftPageNotFoundForm {
  margin-right: 20em;
}

.LeftPageNotFoundForm div {
  margin-top: 10px;
}

.LeftContactForm INPUT[type="TEXT"], .LeftPageNotFoundForm INPUT[type="TEXT"],
TEXTAREA {
  font-size: 12px;
  width: 300px;
}

.LeftContactForm span.label, .LeftPageNotFoundForm span.label  {
  font-size: 12px;
  font-weight: bold;
}

.LeftContactForm SELECT, .LeftPageNotFoundForm SELECT {
  font-size: 12px;
  width: 310px;
}

.LeftContactForm > .header {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #c0c0c0;
}

.LeftPageNotFoundForm > .header {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #c0c0c0;
}


#contentRow {
  background-color: white;
  width: 85%;
  margin: auto;
  position: relative;
  padding: 0;
  padding-bottom: 3em;
  min-height: 40em;
}

@media screen and (max-width: 700px) {
  #contentRow {
    width: 96%;
    background-color: white;
    margin: auto;
    position: relative;
    padding: 0;
    padding-bottom: 3em;
    min-height: 35em;
  }
}

.ContactUsConfirmationMessage {
  text-align: center;
  font-size: 14px;
  padding: 2em;
  font-weight: bold;
}

.ms-displayInline.ms-core-navigation {
  float: left;
  clear: both;
  width: 100%;
  line-height: normal;
  border-bottom: 5px solid #999;
}

.ms-core-navigation {
  background: silver;
  padding: 5px 0px;
}

.nerc-topnav ul.static li {
  color: #204c81 !important;
  padding-left: 10px;
}

.ms-breadcrumb-top {
  white-space: normal;
  border-bottom: 2px solid silver;
  line-height: 25px;
  height: 31px;
  margin-top: 5px;
  -webkit-box-shadow: 0px 7px 18px -1px rgba(62, 64, 77, 0.26);
  -moz-box-shadow: 0px 7px 18px -1px rgba(62, 64, 77, 0.26);
  box-shadow: 0px 7px 18px -1px rgba(62, 64, 77, 0.26);
}

.ms-breadcrumb-box {
  float: left;
  clear: both;
}

/* added content */

a:visited {
  color: #204c81;
}

a {
  color: #204c81;
}
a:link {
  color: #204c81;
}

.ms-core-overlay {
  background: transparent;
}

#siteIcon > a > img {
  margin-left: 1.7em;
}

.ms-ref-refiner #Container {
  padding: 1em 0em 2em 2em !important;
  background-color: rgba(255, 255, 255, 0.7);
}

.ms-ref-refiner {
  padding: 0 !important;
}

.rightContent {
  padding-top: 20px;
}

#sideNavBox {
  float: left;

  margin-left: 0px;
  margin-right: 0px;
  width: 300px;
  z-index: 8888;
  padding-bottom: 40px;
  min-height: 650px;
  background: -moz-linear-gradient(
    top,
    #adc6de 0%,
    #9cbdce 51%,
    #638cad 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #adc6de),
    color-stop(51%, #9cbdce),
    color-stop(100%, #638cad)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #adc6de 0%,
    #9cbdce 51%,
    #638cad 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #adc6de 0%,
    #9cbdce 51%,
    #638cad 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    #adc6de 0%,
    #9cbdce 51%,
    #638cad 100%
  ); /* IE10+ */
  background: linear-gradient(to bottom, #adc6de 0%, #9cbdce 51%, #638cad 100%);
  /* W3C */
}
.BreadCrumb {
  margin-left: 1%;
  font-weight: bold;
  color: #204c81;
}
#sideNavBox li.static a {
  position: relative;
}
#sideNavBox li.static a:hover {
  background-color: #fff;
}
#sideNavBox li.static a:hover:after {
  left: 0;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #1d4b83;
  border-width: 12px;
  margin-top: -12px;
}
.ms-gb {
  color: #000;
  font-size: 8pt;
}
.ms-gb a:first-child {
  display: block;
  visibility: hidden;
}
.ms-gb a:link > img {
  display: inline;
  visibility: visible;
  position: relative;
  top: 13px;
  right: 13px;
}
.ms-viewheadertr {
  display: none;
}
.ms-table {
  width: 100%;
}
.ms-displayInline.ms-core-navigation {
  float: left;
  clear: both;
  width: 100%;
  line-height: normal;
  border-bottom: 5px solid #999;
}
.ms-core-navigation {
  font-family: "Tahoma", "Geneva", "sans-serif" !important;
}
#titleAreaBox {
  margin: 0;
}
.ms-core-pageTitle {
  clear: both;
  display: none;
}
.ms-breadcrumb-box {
  float: left;
  clear: both;
}
.ms-breadcrumb-top {
  white-space: normal;
  border-bottom: 2px solid silver;
  line-height: 25px;
  height: 31px;
  margin-top: 5px;
  -webkit-box-shadow: 0px 7px 18px -1px rgba(62, 64, 77, 0.26);
  -moz-box-shadow: 0px 7px 18px -1px rgba(62, 64, 77, 0.26);
  box-shadow: 0px 7px 18px -1px rgba(62, 64, 77, 0.26);
}
/* #DeltaTopNavigation {
  line-height: 22px;
} */
.ms-core-listMenu-horizontalBox {
  padding: 0 10px;
}
.ms-mpSearchBox {
  position: absolute;
  right: 20px;
  top: 10px;
}
#searchInputBox {
  margin-bottom: 6px;
}
.login-wrapper {
  float: right;
  font-weight: bold;
}
.login-wrapper a:first-child {
  padding-right: 10px;
  margin-right: 10px;
  border-right: solid 1px rgba(255, 255, 255, 0.6);
}
.login-wrapper a,
.login-wrapper a:visited {
  color: #fff;
}
.ms-srch-sb.ms-srch-sb-border,
.ms-srch-sb.ms-srch-sb-border:focus,
.ms-srch-sb.ms-srch-sb-border:active,
.ms-srch-sb-borderFocused {
  background: #fff;
}
.ms-core-listMenu-item,
.ms-core-listMenu-item:link,
.ms-core-listMenu-item:visited,
.ms-tv-item:link,
.ms-tv-item:visited,
.ms-tv-header:link,
.ms-tv-header:visited {
  color: #1d4b83;
  font-weight: bold;
}
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox
  a.ms-core-listMenu-selected.ms-core-listMenu-item:hover,
a.ms-tv-item:hover,
a.ms-tv-header:hover {
  color: #1d4b83;
  font-weight: bold;
}
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link,
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited,
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,
.ms-tv-selected:link {
  color: #1d4b83;
  font-weight: bold;
}
ul.dynamic {
  min-width: 240px;
}
.footerContent {
  margin: auto;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 0px;
  padding-top: 10px;
  border-top: 1px solid silver;
  font-weight: bold;
  color: #204c81 !important;
}
.static.menu-item.ms-core-listMenu-item[title="Home"] {
  display: none;
}
nobr {
  white-space: normal !important;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
  margin-right: 20px;
  border: 1px solid transparent;
}
.ms-core-listMenu-horizontalBox .additional-background.dynamic-children {
  padding-right: 16px;
}
.background-header {
  background-color: #1d4b83;
  height: 120px;
  position: absolute;
  width: 100%;
}
.pics {
  border-left: 2px solid white;
  border-top: 2px solid white;
  margin-top: 25px;
}
.pics img {
  margin-left: -2px;
  margin-top: -2px;
}
table.MsoNormalTable {
  width: 100% !important;
}
.GrayBarSubHeader {
  height: 10px;
}
div[class*="WebPartBorder"],
div[class*="ContentBorder"] {
  border-radius: 0 0 12px 12px;
  border: 1px solid silver;
  padding: 0;
}
.ms-webpart-titleText.ms-webpart-titleText,
.ms-webpart-titleText > a {
  /* font-family: "Tahoma", "Calibri"; */
  font-family: "Tahoma", "Geneva", "sans-serif" !important;
  background: #1d4b83;
  padding: 3px 5px 5px 5px;
  color: white !important;
  font-size: 12px;
  font-weight: bold;
}
.ms-WPBorder {
  border: 0;
}
.ms-webpartzone-cell {
  margin: 0;
}
.mainContent table .ms-WPHeader {
  width: 100%;
  background-color: #204c81;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  height: 25px;
  vertical-align: middle;
}
.ms-WPTitle {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  /* font-family: "Tahoma", "Calibri"; */
  font-family: "Tahoma", "Geneva", "sans-serif" !important;
}
.ms-WPTitle a {
  font-size: 12px;
  font-weight: bold;
  color: #fff; /* font-family: "Tahoma", "Calibri"; */
  font-family: "Tahoma", "Geneva", "sans-serif" !important;
}
.s4-wpTopTable {
  width: 100%;
}
#pageLayout .ms-WPBody a {
  font-size: 12px;
  font-weight: bold;
  color: #204c81;
  /* font-family: "Tahoma", "Calibri"; */
  font-family: "Tahoma", "Geneva", "sans-serif" !important;
}
#pageLayout .ms-WPBody a:visited {
  font-size: 12px;
  font-weight: bold;
  color: #204c81; /* font-family: "Tahoma", "Calibri"; */
  font-family: "Tahoma", "Geneva", "sans-serif" !important;
}
#pageLayout .ms-WPBorder {
  border: 0px silver solid;
}
#pageLayout .ms-WPHeader TD {
  border-bottom-width: 0px;
}
.nerc-topnav {
  height: 28px;
  background: silver;
  color: #204c81 !important;
  z-index: 1;
  position: relative;
}
.nerc-topnav ul.static li {
  color: #204c81 !important;
  padding-left: 10px;
}
ul.dynamic {
  background-color: silver;
  line-height: normal;
}
ul.dynamic li a.dynamic.menu-item.ms-core-listMenu-item {
  font-weight: normal;
  padding: 2px 10px;
}
ul.dynamic li a:hover.dynamic.menu-item.ms-core-listMenu-item {
  font-weight: bold;
}
li.dynamic:hover {
  position: relative;
}
li.dynamic:hover:after {
  left: 5px;
  top: 3px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #204c81;
  border-width: 4px;
  margin-top: 4px;
}
.nerc-topnav ul.static li.hover:after {
  left: 0;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #204c81;
  border-width: 4px;
  margin-top: -4px;
}
.ms-core-listMenu-horizontalBox .additional-background.dynamic-children {
  padding-right: 10px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
#sideNavBox ul li ul.static li a {
  font-weight: normal !important;
}
#pageLayout .content .mainContent .rightContent {
  float: left;
  width: 100% !important;
}
.o365cs-nav-header16 .o365cs-nav-topItem {
  display: inline-block;
  vertical-align: top;
  z-index: 99999;
}
/* .content {
  width: 85%;
  margin: 0 auto;
  background: #fff;
  z-index: 999;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
} */
/* break point */
/* #contentBox {
  margin-left: 0;
  margin-top: 20px;
}

#pageLayout .content .mainContent .ContactFormLayout {
  width: 100%;
  height: 895px;
}
#pageLayout .content .mainContent .ContactFormLayout .LeftContactForm {
  float: left;
  width: 80%;
  margin-left: 15px;
}
#pageLayout .content .mainContent .ContactFormLayout .LeftContactForm div {
  margin-bottom: 10px;
}
#pageLayout
  .content
  .mainContent
  .ContactFormLayout
  .LeftContactForm
  .boldbluelink {
  color: #1200ff;
  font-weight: bold;
}
#pageLayout .content .mainContent .ContactFormLayout .LeftContactForm .invalid {
  color: Red;
  font-size: 10px;
  font-style: italic;
}
#pageLayout
  .content
  .mainContent
  .ContactFormLayout
  .LeftContactForm
  INPUT[type="TEXT"],
TEXTAREA {
  font-size: 12px;
  width: 300px;
}
#pageLayout .content .mainContent .ContactFormLayout .LeftContactForm SELECT {
  font-size: 12px;
  width: 310px;
}
#pageLayout .content .mainContent .ContactFormLayout .LeftContactForm .header {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #c0c0c0;
}
#pageLayout
  .content
  .mainContent
  .ContactFormLayout
  .LeftContactForm
  span.label {
  font-size: 12px;
  font-weight: bold;
}
#pageLayout
  .content
  .mainContent
  .ContactFormLayout
  .LeftContactForm
  span.field {
  margin-left: 0px;
}
#pageLayout
  .content
  .mainContent
  .ContactFormLayout
  .LeftContactForm
  .fieldlabel {
  margin-top: 10px;
}
#pageLayout .content .mainContent .ContactFormLayout .RightContactForm {
  float: left;
  width: 19%;
}
#pageLayout
  .content
  .mainContent
  .ContactFormLayout
  .ContactUsConfirmationMessage {
  margin-left: 25%;
  width: 60%;
  border: 1px solid #c0c0c0;
  text-align: center;
  font-size: 14px;
  height: 200px;
  padding-top: 10px;
}
#pageLayout .content .mainContent .ContactFormLayout .ms-error {
  color: #ff0000;
  font-size: 10px;
  font-style: italic;
} */