body {
  font-family: Roboto, sans-serif; }

iframe {
	width: 100%;
}

th {
	text-align: left;
}
  
ul {
  margin: 0; }
  
.pageContentContainer a,
.pageContentContainer a:hover {
 /* color: #7FC241; */
  text-decoration: none; 
}

.pageContentContainer a:hover {
  text-decoration: underline;
}

.row {
  max-width: none;
  margin: 0; }
  .row .row {
    margin: 0; }
  .row .columns {
    padding: 0; }

@media only screen and (min-width: 40em) {
  .row {
    margin: 0 !important; } }

@media only screen and (max-width: 1024px) {
  h1 {
    line-height: 1; } }
	
	/** Added from old **/
#scroll-tags {
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #eee;
  margin-bottom: 10px;
  position: relative;
  float: left;
  padding-bottom: 20px;
}
#scroll-tags ul li {
  float: left;
  width: 240px;
  #background: url("../image/rightArrow.png") no-repeat scroll left center rgba(0, 0, 0, 0) !important;

  height: 30px;
}
#scroll-tags ul li a {
  margin-left: 2px;
  /* font-size: 13px !important; */
  font-size: 17px !important;
  padding-left: 3px;
  width: 255px;
}
.RightFlt {
  float: right !important;
}

.mf_border2 {
  border: 1px solid #eaf6fe;
  border-bottom: 2px #dbe7ed solid !important;
}
.padded {
  padding: 0.9em;
}

#tableTitle2 {
  color: #555555;
  background: #eaf6fe;
  height: 36px;
  line-height: 36px;
  diplay: block;
  font-weight: normal;
  padding-left: 0.5em;
}
#tableTitle3 {
  color: #555555;
  background: #eaf6fe;
  height: 100%;
  line-height: normal;
  diplay: block;
  font-weight: normal;
  padding-left: 0.5em;
}

.ListItem,
.ListNumbers {
  margin-left: 20px;
}

.ListItem li,
.ListNumbers li {
/* --  list-style-image: url(../image/list_arrow.png); --*/
  list-style-type: none;
}

.ListItem li::before,
.ListNumbers li::before {
      content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
      color: #77B821; /* Change the color */
      font-weight: bold; /* If you want it to be bold */
      display: inline-block; /* Needed to add space between the bullet and the text */ 
      width: 1em; /* Also needed for space (tweak if needed) */
      margin-left: 1em; /* Also needed for space (tweak if needed) */
      font-size:22px;
}


.ListItem li ul,
.ListNumbers li ul {
  list-style: none; /* Remove default bullets */
  margin-left: 20px;
}

.ListItem li ul li {
  list-style-image: url(../image/list_arrow.png);
}


.ListNumbers li {
  background: none;
  list-style-image: none;
  list-style-type: decimal;
  margin-left: 25px;
}

.pageBack {
  margin: 0;
  background: url("../image/horizSprits.png") no-repeat scroll -220px -16px rgba(0, 0, 0, 0);
  width: 21px;
  height: 21px;
  margin: 0 5px -3px 0;
  display: inline-block;
  overflow: hidden;
  text-indent: 100px;
  display: none;
}

.PDF {
  background: url("../image/pdf.png") no-repeat 0 2px;
  height: 15px;
  width: 15px;
  margin: 0px 5px 0px 0px;
  padding-left: 20px;
}

#alert-message-display {
  padding: 0px !important;
  background: url("../images/transparent_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
#alert-message-display #alert-message-container {
  background: #ffffff !important;
}
#alert-message-display li {
  /* background:url("../images/sprites.png") no-repeat 0 -1345px ;*/
  padding: 5px 0 5px 13px;
  /* border-bottom:1px solid #CCD1BA;*/
  font-size: 13px;
  line-height: 15px;
  margin: 0 10px;
  width: auto;
  color: #292929;
}
#alert-message-display li:last-child {
  border-bottom: 0px none !important;
}
#alert-message-display ul {
  padding: 10px 0;
}

#alert-message-display {
  background: #fff !important;
  color: #292929 !important;
  font-size: 13px !important;
}
#alert-message-display font {
  color: #292929 !important;
  font-size: 13px !important;
  padding: 5px 0 5px 13px;
  float: left;
}
#alert-message-display font:first-child {
  padding: 15px 0 5px 13px;
}


/** End Old Styles **/


#MicrosoftTranslatorToolbar, #MSTTSpacer {
  display: none !important; }

/*.translatorBackground {
  background-color: #141414; } 

.translatorContainer {
  float: right;
  background-color: #7fc241;
  position: relative;
  left: 0;
  top: 0;
  width: 15em;
  padding: 0 .5em;
  width: 18em; 
}
  .translatorContainer span {
    color: #ffffff;
    position: relative;
    top: .1em;
    left: 1em; } */

#MicrosoftTranslatorWidget {
  border: none !important;
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
  top: 0;
  width: 160px !important;
  float: right;
  margin-bottom: -.6em; }
  #MicrosoftTranslatorWidget #MSTWHeader {
    border: none !important; }
  #MicrosoftTranslatorWidget #MSTWFooter {
    display: none !important; }
  #MicrosoftTranslatorWidget .MSTWBox {
    height: 40px !important; }
  #MicrosoftTranslatorWidget #MSTWMenu {
    border: none !important;
    color: #141414 !important;
    width: 125px !important;
    height: 20px !important;
    line-height: 20px !important;
    font-size: 1em !important;
    padding: 0 5px;
    border-radius: 5px; }
    #MicrosoftTranslatorWidget #MSTWMenu:active, #MicrosoftTranslatorWidget #MSTWMenu:focus {
      border: none !important;
      box-shadow: none !important; }
  #MicrosoftTranslatorWidget select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important; }
  #MicrosoftTranslatorWidget #MSTWGoButton {
    border: none !important;
    background-image: none !important;
    background: url("../image/rightArrow.png") !important;
    background-repeat: no-repeat !important;
    margin: 3px 0 0 5px !important; }
    #MicrosoftTranslatorWidget #MSTWGoButton img {
      display: none; }
  #MicrosoftTranslatorWidget #MSTWHeaderText, #MicrosoftTranslatorWidget #MSTWBrandLink, #MicrosoftTranslatorWidget #MSTWGetShare {
    display: none !important; }

.translator {
  padding-top: 20px; }
  .translator p {
    color: #ffffff; }
  .translator a {
    color: #ffffff; }

#headerContainer {
 /* background-color: #141414; 
  padding: 5px 20px 5px 40px; */}
  #headerContainer .headLogo {
    margin-right: 0;
    min-width: calc(50% + 15%); }
  #headerContainer .headLogo img {
    width: 60%;
    min-width: 60%;
    position: relative;
    top: -.5vw; }
  #headerContainer h1 {
    font-size: calc(.5vw + 1rem);
    color: #ffffff;
    font-weight: bold;
    padding-top: 0; }
  #headerContainer .headerBtns {
  /*  padding: 0.3em 0 10px 0;*/
    text-align: right; }
    #headerContainer .headerBtns .hideSignIn {
      display: none; }
	  
#headerContainer .headerBtns .userProfile {
  display: none;
}

#headerContainer .headerBtns .userProfile.show {
  display: block;
}

#headerContainer .headerBtns .userProfile .navItem {
 /* color: #ffffff;*/
  list-style-type: none;
}

#headerContainer .headerBtns .userProfile .navItem a {
 /* color: #ffffff;*/
}
  
#headerContainer .headerBtns .userProfile .navItem:hover ul.dropdown {
  display: block; 
}

#headerContainer .headerBtns .userProfile .dropdown {
  margin: 0;
  display: none;
  position: absolute;
 /* z-index: 999;*/
 /* background-color: #786E63;*/
 /* padding: 17px;*/
  width: 10vw;
  background-color: #D3D3D3;
  border-radius: 10px;
/*  -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.40); */
}

#headerContainer .headerBtns .userProfile .dropdown li {
  list-style-type: none; 
  padding-left: 20px;
}

#headerContainer .headerBtns .userProfile .dropdown li a {
 /* color: #ffffff; */
  font-size: calc(.4vw + .5rem);
}

#headerContainer .headerBtns .userProfile .dropdown li a:hover {
  text-decoration: underline; 
}

#headerContainer .headerBtns .userProfile .navItem:hover ul.dropdown {
  display: block; 
  text-align: left;
}

    #headerContainer .headerBtns .showUserProfile {
      display: inline-block;
      margin-right: 7px; }
      #headerContainer .headerBtns .showUserProfile i {
        margin-right: 10px; }
      #headerContainer .headerBtns .showUserProfile a {
       /* color: #ffffff; */}
        #headerContainer .headerBtns .showUserProfile a:hover {
          text-decoration: underline; }
      #headerContainer .headerBtns .showUserProfile .logout {
        margin-left: 4em;
        display: inline-block; }
        #headerContainer .headerBtns .showUserProfile .logout a {
          background-color: #786E63;
          border-radius: 20px;
          padding: 5px 20px;
          font-weight: bold; }
          #headerContainer .headerBtns .showUserProfile .logout a:hover {
            text-decoration: none; }
    #headerContainer .headerBtns i {
     /* color: #ffffff; */ }
    #headerContainer .headerBtns .fa-search {
      font-size: 1.25em;
      margin-right: .5em; }
    #headerContainer .headerBtns .searchText {
      color: #ffffff;
      margin-right: 5em;
      display: inline-block;
      margin-bottom: 0;
      cursor: pointer; }
  #headerContainer .searchContainer {
    width: 30vw;
    max-width: 40%;
    background-color: #141414;
    float: right;
    position: relative;
    left: 20px;
    padding: .8em;
    transition: .3s; }
    #headerContainer .searchContainer .search {
      border: 1px solid white;
      padding: 13px;
      color: #141414;
      text-decoration: none;
      border-radius: 20px;
      width: 100%;
      height: 0;
      background-color: white;
      border: 1px solid white;
      float: right;
      margin-bottom: 0; }
  #headerContainer .showSearchBar {
    top: 5px;
    transition: .3s;
    opacity: 1; }
  #headerContainer .hideSearchBar {
    top: -3.1em;
    opacity: 0;
    transition: .3s; }
  #headerContainer .searchContainer:not(.showSearchBar) {
    top: -3.1em;
    z-index: -1;
    transition: .3s;
    opacity: 0; }
  #headerContainer .loggedInState {
    text-align: right;
    padding-right: 20px;
    display: inline-block;
    float: right; }
	
#headerContainer .signIn {
  display: none;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  background-color: #786E63;
 /* padding: 5px 34px;*/
  border-radius: 10px; 
}

#headerContainer .signIn.show {
  display: inline;
}

#headerContainer .signIn:hover {
  text-decoration: underline; 
}

.headerNavBar {
  padding-bottom: 40px;
  margin-bottom: 10px;
  background: url("../image/headerBar@2x.png");
  background-repeat: no-repeat;
  background-size: cover; }
  .headerNavBar .navContainer {
    padding-left: 25vw; }
  .headerNavBar .nav {
    padding-top: 8%; }
    .headerNavBar .nav .navItem {
      display: inline-block;
      position: relative;
      font-size: calc(1.1vw + .35rem);
      font-weight: bold;
      margin-right: 4%; }
      .headerNavBar .nav .navItem a {
        display: block;
        color: #ffffff;
        text-decoration: none; }
      .headerNavBar .nav .navItem .contactLink:hover i {
        color: #7FC241;
        transition: .5s; }
    .headerNavBar .nav .dropdown {
      margin: 0;
      min-width: 100%;
      display: none;
      position: absolute;
      z-index: 999;
      left: -3em;
      background-color: #ffffff;
      padding: 0 10px;
      width: 16vw;
      -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16); }
      .headerNavBar .nav .dropdown li {
        list-style-type: none;
        border-bottom: 1px solid #e5e5e5; }
      .headerNavBar .nav .dropdown li a {
        text-decoration: none;
        font-size: calc(.4vw + .5rem);
        color: #141414;
        font-weight: normal; }
    .headerNavBar .nav .newHires {
      border-bottom: 7px solid #F3B80F; }
      .headerNavBar .nav .newHires a:hover {
        color: #F3B80F; }
    .headerNavBar .nav .members {
      border-bottom: 7px solid #7FC241; }
      .headerNavBar .nav .members a:hover {
        color: #7FC241; }
      .headerNavBar .nav .members li:nth-child(5) {
        border-bottom: none; }
    .headerNavBar .nav .retirees {
      border-bottom: 7px solid #FD4F01; }
      .headerNavBar .nav .retirees a:hover {
        color: #FD4F01; }
      .headerNavBar .nav .retirees li:nth-child(5) {
        border-bottom: none; }
    .headerNavBar .nav .employers {
      border-bottom: 7px solid #E4801C; }
      .headerNavBar .nav .employers a:hover {
        color: #E4801C; }
      .headerNavBar .nav .employers li:nth-child(5) {
        border-bottom: none; }
    .headerNavBar .nav .dropdown li:nth-child(6) {
      border-bottom: none; }
    .headerNavBar .nav .navItem:hover ul.dropdown {
      display: block; }

.subNavContainer {
  position: relative;
  top: 2%;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px; }
  .subNavContainer .subNav {
    text-align: center;
    padding-left: 7%; }
    .subNavContainer .subNav .subItem {
      display: inline-block;
      margin-right: 4%; }
      .subNavContainer .subNav .subItem a {
        color: #141414; }
        .subNavContainer .subNav .subItem a:hover {
          text-decoration: underline; }
      .subNavContainer .subNav .subItem .redAlert {
        color: #FD4F01; }

.footerContainer {
  background-color: #141414;
  margin-top: 12vh;
  padding: 4% 6% 4% 4%; }
  .footerContainer .footImg {
    width: 50%;
    margin-right: 0;
    min-width: calc(50% + 15%); }
  .footerContainer .footNav ul {
    margin: 0; }
  .footerContainer .footNav li {
    list-style-type: none; }
    .footerContainer .footNav li a {
      color: #ffffff; }
      .footerContainer .footNav li a:hover {
        text-decoration: underline; }
  .footerContainer .siteInfo {
    color: #ffffff; }
    .footerContainer .siteInfo a {
      color: #ffffff; }
      .footerContainer .siteInfo a:hover {
        text-decoration: underline; }

.hideOnDesktop {
  display: none; }

@media only screen and (max-width: 1024px) {
  .translatorContainer {
    background-color: #7FC241;
    color: #ffffff; }
  .hideOnMobile {
    display: none; }
  .mobileMenu {
    display: block; }

    .mobileMenu .hideSignIn {
      display: none; }
    .mobileMenu .mobileHeader {
      background-color: #141414;
      padding: 10px 0 20px 0; }
      .mobileMenu .mobileHeader .mobileButton {
        cursor: pointer;
        width: 100%;
        padding: 2em 0 1em 1.5em;
        transition: background .5s linear; }
        .mobileMenu .mobileHeader .mobileButton .hamburgerLine, .mobileMenu .mobileHeader .mobileButton .hamburgerLine:before, .mobileMenu .mobileHeader .mobileButton .hamburgerLine:after {
          background-color: #ffffff;
          width: 30px;
          height: 3px;
          border-radius: 2px;
          position: absolute;
          content: '';
          top: 4.5em;
          cursor: pointer; }
        .mobileMenu .mobileHeader .mobileButton .hamburgerLine:before {
          top: -10px; }
        .mobileMenu .mobileHeader .mobileButton .hamburgerLine:after {
          top: 10px; }
      .mobileMenu .mobileHeader .closeButton .hamburgerLine {
        background: transparent; }
      .mobileMenu .mobileHeader .closeButton .hamburgerLine:before {
        transform: rotate(45deg);
        top: 0;
        transition: .2s; }
      .mobileMenu .mobileHeader .closeButton .hamburgerLine:after {
        transform: rotate(-45deg);
        transition: .2s;
        top: 0; }
      .mobileMenu .mobileHeader .mobileSearchBtn {
        color: #ffffff;
        cursor: pointer;
        position: relative;
        top: 15px;
        left: 3vw;
        margin-left: .5em; }
		
      .mobileMenu .mobileHeader .mobileSearchBtn a,
      .mobileMenu .mobileHeader .mobileSearchBtn a:hover,
	  .mobileMenu .mobileHeader .mobileSearchBtn a:link {
        color: #ffffff;
		text-decoration: none;
	  }
		
        .mobileMenu .mobileHeader .mobileSearchBtn .fa-2x {
          padding: 0 8px 8px 5px;
          font-size: 1.75em; }
		  
      .mobileMenu .mobileHeader .mobileHeadImg {
        background: url("../image/myFRS_logo@2x.png");
        background-repeat: no-repeat;
        background-size: contain;
        padding: 25px 0;
        width: 100%;
        background-position-x: 11vw; }
		
  .mobileMenu .mobileHeader .mobileLogin,
  .mobileMenu .mobileHeader .mobileLogout {
	display: none;
    color: #ffffff;
    position: relative;
    left: 9vw;
    top: 1.3em;
    font-size: 1rem; 
  }
  
  .mobileMenu .mobileHeader .mobileLogin.show,
  .mobileMenu .mobileHeader .mobileLogout.show {
	display: inline;
  }
  
    .mobileMenu .mobileSearch {
      display: none; }
    .mobileMenu .active {
      display: block; }
      .mobileMenu .active input[type='text'] {
        padding: 0.5rem 0 0.5rem 3rem;
        margin-bottom: 0; }
      .mobileMenu .active .fa-search {
        position: absolute;
        top: 8em;
        left: 20px;
        color: #cacaca; }
    .mobileMenu .mobileNav {
      height: 0;
      overflow: hidden;
      transition: .5s; }
      .mobileMenu .mobileNav .menu > li > a > i {
        vertical-align: initial; }

  .mobileMenu .mobileNav .menu .profileLink {
	display: none;
    border-bottom: 1px solid #95989A;
  }

  .mobileMenu .mobileNav .menu .profileLink.show {
	display: block;
  }
  
  .mobileMenu .mobileNav .menu .profileLink i {
    margin-right: .5em; 
  }

      .mobileMenu .mobileNav .menu .mainNavItem a {
        color: #ffffff;
        font-weight: bold; }
      .mobileMenu .mobileNav .menu li a {
        padding-left: 20px; }
      .mobileMenu .mobileNav .menu .mobileHomeBtn {
        background-color: #F5F5F5; }
        .mobileMenu .mobileNav .menu .mobileHomeBtn a {
          color: #141414; }
      .mobileMenu .mobileNav .menu .is-accordion-submenu-parent > a::after {
        content: url(../image/plusSign.png);
        border: none;
        border-color: transparent;
        top: 32%;
        right: 2rem;
        font-size: 16px;
        cursor: pointer; }
      .mobileMenu .mobileNav .menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
        content: url(../image/minusSign.png);
        transform: rotate(0deg); }
      .mobileMenu .mobileNav .menu .mainNavItem:nth-child(3) {
        background-color: #F3B80F; }
        .mobileMenu .mobileNav .menu .mainNavItem:nth-child(3) .finalItem a {
          color: #F3B80F;
          font-weight: bold; }
      .mobileMenu .mobileNav .menu .mainNavItem:nth-child(4) {
        background-color: #7FC241;
        border-top: 1px solid #F5F5F5; }
        .mobileMenu .mobileNav .menu .mainNavItem:nth-child(4) .finalItem a {
          color: #7FC241;
          font-weight: bold; }
      .mobileMenu .mobileNav .menu .mainNavItem:nth-child(5) {
        background-color: #FD4F01;
        border-top: 1px solid #F5F5F5; }
        .mobileMenu .mobileNav .menu .mainNavItem:nth-child(5) .finalItem a {
          color: #FD4F01;
          font-weight: bold; }
      .mobileMenu .mobileNav .menu .mainNavItem:nth-child(6) {
        background-color: #E4801C;
        border-top: 1px solid #F5F5F5; }
        .mobileMenu .mobileNav .menu .mainNavItem:nth-child(6) .finalItem a {
          color: #E4801C;
          font-weight: bold; }
      .mobileMenu .mobileNav .menu .nested li {
        background-color: #ffffff;
        border-bottom: 1px solid #F5F5F5; }
      .mobileMenu .mobileNav .menu.nested {
        margin-left: 0; }
      .mobileMenu .mobileNav .menu .nested li a {
        color: #141414;
        font-weight: normal; }
      .mobileMenu .mobileNav .mobileSubNav .mobileSubItem {
        background-color: #F5F5F5;
        list-style-type: none;
        border-bottom: 1px solid #95989A;
        padding: 8px 0; }
        .mobileMenu .mobileNav .mobileSubNav .mobileSubItem a {
          color: #141414;
          padding: 8px 43vw 8px 20px; }
      .mobileMenu .mobileNav .mobileSubNav .mobileSubItem:nth-child(7) {
        background-color: #786E63;
        text-align: center;
        font-weight: bold;
        padding-left: 0; }
        .mobileMenu .mobileNav .mobileSubNav .mobileSubItem:nth-child(7) a {
          color: #ffffff;
          font-size: 1.2em;
          padding: 8px 27vw; }
      .mobileMenu .mobileNav .mobileSubNav .mobileSubItem:nth-child(8) {
        background-color: #141414;
        text-align: center;
        padding-left: 0;
        cursor: pointer; }
        .mobileMenu .mobileNav .mobileSubNav .mobileSubItem:nth-child(8) a {
          color: #ffffff;
          padding: 8px 29%; }
    .mobileMenu .menuExpand {
      list-style-type: none;
      margin-left: 0;
      width: 100%;
      height: auto;
      transition: .5s; } }

@media only screen and (max-width: 640px) {
  .translatorContainer {
    width: 100%;
    padding: .5em 2em; }
    .translatorContainer span {
      top: .2em; }

  .mobileMenu .mobileHeader .mobileLogin,
  .mobileMenu .mobileHeader .mobileLogout {
    left: 0; 
  }

  .mobileMenu .showUserProfile {
    padding-left: 0; }
  .mobileMenu .mobileHeader .mobileHeadImg {
    position: relative;
    top: 5px;
    background-position-x: 6vw;
    padding: 20px 0; }
  .footerContainer {
    padding-left: 15vw;
    padding-top: 30px; }
    .footerContainer .footNav li {
      padding: 11px 0; } }

.toggleButtons {
  margin: 5vh 0 4vh 0;
  text-align: center; 
}
  .toggleButtons .signIn, .toggleButtons .register {
    color: #141414;
	display: inline;
    margin: 0 3em;
    text-decoration: none;
  }
  
    .toggleButtons .signIn:hover, .toggleButtons .register:hover {
      color: #FD4F01;
      text-decoration: underline; }
  .toggleButtons .activeFormBtn {
    background-color: #FD4F01;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 34px;
    border-radius: 20px;
    margin: 0 3em 0 2em;
    text-decoration: none; }
    .toggleButtons .activeFormBtn:hover {
      color: #ffffff;
      text-decoration: none; }

.loginTroubleContainer {
  margin: 3em 0; }
  .loginTroubleContainer .tabsContainer .tabs {
    border: none; }
    .loginTroubleContainer .tabsContainer .tabs ul li {
     font-size: .85em;
      list-style-type: circle;
      margin-left: 4em; }
    .loginTroubleContainer .tabsContainer .tabs li {
      margin: 10px 0; }
      .loginTroubleContainer .tabsContainer .tabs li a {
        color: #ffffff;
        border-radius: 40px;
        padding: 12px 25px; }
      .loginTroubleContainer .tabsContainer .tabs li a::before {
        content: '' !important; }
    .loginTroubleContainer .tabsContainer .tabs p {
      text-align: left;
      padding: 20px 30px;
      margin-bottom: 0; }
  .loginTroubleContainer h1 {
    font-weight: 100;
    text-align: center;
    font-size: calc(36px + 1rem); }
  .loginTroubleContainer p {
    text-align: center;
    /* font-size: .85em; */
      font-size: 1.2em;
    max-width: 55vw;
    margin: 0 auto 2em auto; }
  .loginTroubleContainer .resourceYellow {
    background-color: #F3B80F !important; }
  .loginTroubleContainer .resourceGreen {
    background-color: #7FC241 !important; }
  .loginTroubleContainer .resourceRed {
    background-color: #FD4F01 !important; }
  .loginTroubleContainer .resourceOrange {
    background-color: #E4801C !important; }

.signInContainer .infoText,
.registerContainer .infoText,
.passwordResetContainer .infoText,
.privacytermsContainer .infoText,
.PINContainer .infoText,
.profileContainer .infoText,
.changePinContainer .infoText,
.requestPinContainer .infoText,
.fundsNavContainer .infoText,
.emailContainer .infoText,
.newsletterContainer .infoText {
  padding-right: 3em;
}

.signInContainer h1,
.registerContainer h1,
.passwordResetContainer h1,
.privacytermsContainer h1,
.PINContainer h1,
.orderContainer h1,
.unlockAccountContainer h1,
.forgotPasswordContainer h1,
.profileContainer h1,
.changePinContainer h1,
.requestPinContainer h1,
.searchContainer h1,
.fundsNavContainer h1,
.emailContainer h1,
.newsletterContainer h1 {
  font-weight: 100;
  text-align: center;
  font-size: calc(36px + 1em);
}

.newsletterContainer h1 {
	margin: 15px 0;
}

.forgotPasswordContainer h3,
.forgotPasswordContainer h4,
.registerContainer h3,
.requestPinContainer h3 {
  text-align: center;
}

.newsletterContainer img {
	float: left;
	padding-right: 10px;
}


.signInContainer #signUpForm,
.PINContainer #signUpForm {
  width: calc(40% + 5%);
  margin: 0 auto;
}

.newsletterContainer form {
	margin-top: 1.25em;
}

.forgotPasswordContainer .loginTroubleForm {
  /*width: calc(60% + 5%);*/
}

.signInContainer #signUpForm i,
.registerContainer .registerForm i,
.passwordResetContainer #passwordResetForm i,
.privacytermsContainer #privacytermsForm i,
.PINContainer #pinForm i,
.forgotPasswordContainer .loginTroubleForm i,
.unlockAccountContainer #unlockForm i,
.profileContainer #profileForm i,
.orderContainer #orderForm i,
.changePinContainer #changePinForm i,
.requestPinContainer .requestPinForm i,
.searchContainer #searchForm i,
.fundsNavContainer #fundsNavForm i,
.emailContainer #emailForm i,
.newsletterContainer form i {
  color: #c8c8c8;
  position: absolute;
  top: 11px;
  left: 15px;
  float: none;
}

.signInContainer #signUpForm input[type="text"],
.signInContainer #signUpForm input[type="password"],
.registerContainer .registerForm input[type="date"], 
.registerContainer .registerForm input[type="number"], 
.registerContainer .registerForm input[type="password"],
.registerContainer .registerForm input[type="text"],
.registerContainer .registerForm select,
.passwordResetContainer #passwordResetForm input[type="password"],
.PINContainer #pinForm input[type="date"],
.PINContainer #pinForm input[type="number"], 
.PINContainer #pinForm input[type="password"],
.PINContainer #pinForm input[type="text"],
.forgotPasswordContainer .loginTroubleForm input[type="date"],
.forgotPasswordContainer .loginTroubleForm input[type="text"],
.orderContainer #orderForm input[type="text"],
.unlockAccountContainer #unlockForm input[type="date"],
.unlockAccountContainer #unlockForm input[type="password"],
.unlockAccountContainer #unlockForm input[type="text"],
.profileContainer #profileForm input[type="password"],
.profileContainer #profileForm input[type="text"],
.profileContainer #profileForm select,
.changePinContainer #changePinForm input[type="date"],
.changePinContainer #changePinForm input[type="password"],
.changePinContainer #changePinForm input[type="text"],
.changePinContainer #changePinForm select,
.requestPinContainer .requestPinForm input[type="date"], 
.requestPinContainer .requestPinForm input[type="password"],
.requestPinContainer .requestPinForm input[type="text"],
.requestPinContainer .requestPinForm select,
.searchContainer #searchForm input[type="text"],
.fundsNavContainer #fundsNavForm input[type="date"], 
.fundsNavContainer #fundsNavForm input[type="text"],
.fundsNavContainer #fundsNavForm select,
.emailContainer #emailForm input[type="text"],
.emailContainer #emailForm select,
.emailContainer #emailForm textarea,
.newsletterContainer form select {
  /*border-radius: 20px;*/
  padding-left: 40px;
}

.emailContainer #emailForm textarea {
  height: 100px;
  resize: none;
}

.registerContainer .registerForm select,
.profileContainer #profileForm select,
.fundsNavContainer #fundsNavForm select,
.emailContainer #emailForm select,
.newsletterContainer form select {
  padding-left: 36px;
}

.registerContainer .registerForm input[type="checkbox"],
.profileContainer #profileForm input[type="checkbox"] {
  margin-left: 17px;
  margin-right: 11px;
}

.signInContainer #signUpForm input[type="date"],
.PINContainer #pinForm input[type="date"],
.forgotPasswordContainer .loginTroubleForm input[type="date"] {
  color: #cacaca;
}

.signInContainer #signUpForm .field, 
.PINContainer #pinForm .field,
.unlockAccountContainer #unlockForm .field,
.forgotPasswordContainer .loginTroubleForm .field, 
.registerContainer .registerForm .field,
.passwordResetContainer #passwordResetForm .field,
.profileContainer #profileForm .field,
.orderContainer #orderForm .field,
.changePinContainer #changePinForm .field,
.requestPinContainer .requestPinForm .field,
.searchContainer #searchForm .field,
.fundsNavContainer #fundsNavForm .field,
.emailContainer #emailForm .field,
.newsletterContainer form .field {
  position: relative;
}

.searchContainer #searchForm .field {
	float: left;
	width: 85%;
}

.registerContainer .registerForm div.title,
.profileContainer #profileForm div.title,
.requestPinContainer .requestPinForm div.title,
.newsletterContainer form div.title {
  position: relative;
}

.registerContainer .registerForm div.title:first-child input:disabled {
  margin-bottom: 5px;
}

.registerContainer .registerForm div.title label,
.profileContainer #profileForm div.title label,
.requestPinContainer .requestPinForm div.title label,
.newsletterContainer form div.title label {
	font-weight: bold;
	margin-left: 20px;
}

.registerContainer .registerForm div.title input:disabled {
	margin-bottom: 15px;
}

.registerContainer .registerForm div.title i,
.profileContainer #profileForm div.title i,
.requestPinContainer .requestPinForm div.title i,
.newsletterContainer form div.title i {
  top: 37px;
}

.signInContainer #signUpForm .signInSubmit,
.registerContainer .registerForm .registerSubmit,
.PINContainer #pinForm .pinSubmit,
.forgotPasswordContainer .loginTroubleForm .loginTroubleSubmit,
.mfaMethodForm .mfaMethodSubmit,
.orderContainer #orderForm .orderSubmit,
.unlockAccountContainer #unlockForm .unlockSubmit,
.passwordResetContainer #passwordResetForm .passwordResetSubmit,
.privacytermsContainer #privacytermsForm .privacytermsSubmit,
.profileContainer #profileForm .profileSubmit,
.changePinContainer #changePinForm .changePinSubmit,
.requestPinContainer .requestPinForm .requestPinSubmit,
.searchContainer #searchForm .searchSubmit,
.fundsNavContainer #fundsNavForm .fundsNavSubmit,
.emailContainer #emailForm .emailSubmit,
.newsletterContainer form .newsletterSubmit {
    background-color: #7FC241;
    border: none;
    color: #ffffff;
    width: 100%;
    padding: 8px 0;
    border-radius: 20px;
    margin-top: 1.5em;
}

.newsletterContainer form .newsletterSubmit {
  margin-top: .5em;
}

.searchContainer #searchForm .buttonContainer {
	float: right;
	width: 15%;
	padding-left: 10px;
}

.searchContainer #searchForm .searchSubmit {
	margin: .25em 0 0 .25em;
}

.PINContainer #pinForm .csrSubmit
{
    background-color: red;
    border: none;
    color: #ffffff;
    width: 31%;
    padding: 8px 0;
    border-radius: 20px;
    margin-top: 1.5em;
}

.PINContainer #pinForm .csrManage
{
    background-color: orange;
    border: none;
    color: #ffffff;
    width: 31%;
    padding: 8px 0;
    border-radius: 20px;
    margin-top: 1.5em;
}

.okButton {
	background-color: #7FC241;
    border: none;
    color: #ffffff;
    padding: 8px 0;
    border-radius: 20px;
    margin-top: 1.5em;
	width: 20em;
}

.myProfileBox  {
   
    color: #ffffff;
    border-radius: 20px;
	padding-left: 40px;
    margin-top: 1.5em;
	width: 20em;
}

.changePinContainer a,
.emailContainer a,
.newsletterContainer a,
.PINContainer a,
.profileContainer a,
.resourcesContainer a,
.registerContainer a, 
.requestPinContainer a,
.signInContainer a {
  color: #7FC241;
  text-decoration: none; 
}

.changePinContainer a:hover,
.emailContainer a:hover,
.newsletterContainer a:hover,
.PINContainer a:hover,
.profileContainer a:hover,
.resourcesContainer a:hover,
.registerContainer a:hover,
.requestPinContainer a:hover,
.signInContainer a:hover {
  text-decoration: underline;
}

.profileContainer .mfaRegister
{
    background-color: orange;
    border: none;
    color: #ffffff;
    width: 100%;
    padding: 8px 0;
    border-radius: 20px;
    margin-top: 1.5em;
}

.signInContainer p, 
.registerContainer p, 
.PINContainer p,
.profileContainer p,
.changePinContainer p,
.requestPinContainer p {
  text-align: center;
  margin: 3vw 0;
  font-size: .85em; 
}

.registerContainer p,
.PINContainer p,
.profileContainer p,
.changePinContainer p,
.requestPinContainer p,
.emailContainer p,
.newsletterContainer p {
  margin: 1.7vw 0;
  text-align: left;
}

.signInContainer p a,
.registerContainer p a,
.PINContainer p a,
.profileContainer p a,
.changePinContainer p a,
.requestPinContainer p a,
.emailContainer p a,
.newsletterContainer p a {
  color: #7FC241;
  text-decoration: none; 
}

.signInContainer p a:hover, 
.registerContainer p a:hover, 
.PINContainer p a:hover,
.profileContainer p a:hover,
.changePinContainer p a:hover,
.requestPinContainer p a:hover,
.emailContainer p a:hover,
.newsletterContainer p a:hover {
  text-decoration: underline; 
}

.PINContainer {
  display: block;
  margin-top: 3em; }

.registerContainer .registerForm,
.PINContainer #requestForm,
.passwordResetContainer #passwordResetForm,
.privacytermsContainer #privacytermsForm,
.profileContainer #profileForm,
.changePinContainer #changePinForm,
.requestPinContainer .requestPinForm,
.fundsNavContainer #fundsNavForm {
  margin: 0 auto; 
}

.PINContainer #requestForm i {
  color: #c8c8c8;
  position: relative;
  top: 32px;
  left: 15px;
  float: none; 
}

.registerContainer .registerForm p,
.PINContainer #requestForm p {
  text-align: center;
}

.registerContainer p:first-child,
.PINContainer p:first-child,
.passwordResetContainer p:first-child,
.profileContainer p:first-child,
.changePinContainer p:first-child,
.requestPinContainer p:first-child,
.fundsNavContainer p:first-child,
.emailContainer p:first-child,
.newsletterContainer p.first {
  margin-top: 0vw;
}

.showForm {
  display: block; }

#signUpForm span,
.registerForm span,
#requestForm span,
#unlockForm span,
.loginTroubleForm span,
#passwordResetForm span,
#profileForm span,
#changePinForm span,
.requestPinForm span,
#searchForm span,
#fundsNavForm span,
#emailForm span,
#orderForm span,
.newsletterContainer form span {
  display: none;
}

#pinForm span,
#unlockForm span,
.loginTroubleForm span,
.registerForm span,
#passwordResetForm span,
#profileForm span,
#changePinForm span,
.requestPinForm span,
#fundsNavForm span,
#emailForm span,
.newsletterContainer form span {
  margin-bottom: 5px;
}

.loginTroubleForm label {
  font-size: 1rem;
}

#orderForm .errorMessage {
  display: block;
  color: #FD4F01;
  font-size: 12px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  visibility: hidden; 
}

#signUpForm .error {
	margin-bottom: 20px;
}

#signUpForm .error input,
#signUpForm .error input:focus,
.registerForm .error input,
.registerForm .error input:focus,
.registerForm .error select,
.registerForm .error select:focus,
#requestForm .error input,
#requestForm .error input:focus,
#orderForm .error input,
#orderForm .error input:focus,
#unlockForm .error input,
#unlockForm .error input:focus,
#pinForm .error input,
#pinForm .error input:focus,
.loginTroubleForm .error input,
.loginTroubleForm .error input:focus,
#passwordResetForm .error input,
#passwordResetForm .error input:focus,
#profileForm .error input,
#profileForm .error input:focus,
#profileForm .error select,
#profileForm .error select:focus,
#changePinForm .error input,
#changePinForm .error input:focus,
.requestPinForm .error input,
.requestPinForm .error input:focus,
#searchForm .error input,
#searchForm .error input:focus,
#fundsNavForm .error input,
#fundsNavForm .error input:focus,
#fundsNavForm .error select,
#emailForm .error input,
#emailForm .error input:focus,
#emailForm .error select,
#emailForm .error select:focus,
#emailForm .error textarea,
#emailForm .error textarea:focus,
.newsletterContainer form .error select,
.newsletterContainer form .error select:focus {
  border: 1px solid #FD4F01;
  margin: 0px;
}

#signUpForm .error span,
#requestForm .error span,
.mfaMethodForm .error {
  border-left: 1px solid #FD4F01;
  color: #FD4F01;
  display: inline;
  float: right;
  font-size: 12px;
  padding-left: 10px;
  position: relative;
  left: 14.3em;
  top: -30px;
}

.mfaMethodForm .error {
	top: 0;
	left: 0;
}

.RegNumberForm .error {
  border-left: 1px solid #FD4F01;
  color: #FD4F01;
  display: inline;
  float: right;
  font-size: 12px;
  padding-left: 10px;
  position: relative;
  left: 14.3em;
  top: -30px;
}

.RegNumberForm .error {
	top: 0;
	left: 0;
}

.AddRegNumberForm .error {
  border-left: 1px solid #FD4F01;
  color: #FD4F01;
  display: inline;
  float: right;
  font-size: 12px;
  padding-left: 10px;
  position: relative;
  left: 14.3em;
  top: -30px;
}

.AddRegNumberForm .error {
	top: 0;
	left: 0;
}

#unlockForm .error span,
#pinForm .error span,
#signUpForm .error span,
#homeSignUpForm .error span,
.loginTroubleForm .error span,
.registerForm .error span,
#passwordResetForm .error span,
#profileForm .error span,
#changePinForm .error span,
.requestPinForm .error span,
#searchForm .error span,
#fundsNavForm .error span,
#emailForm .error span,
#orderForm .error span{
  color: #FD4F01;
  display: inline;
  font-size: 12px;
  padding-left: 10px;
  position: relative;
  }
.newsletterContainer form .error span {
  color: #FD4F01;
  display: block;
  font-size: 12px;
  padding-left: 20px;
  padding-right: 20px;
}

#signUpForm .error .noMargError, 
.registerForm .error .noMargError, 
#requestForm .error .noMargError,
.loginTroubleForm .error .noMargError {
  left: 15.7em;
}

.registerForm .error span,
#passwordResetForm .error span,
#profileForm .error span,
#changePinForm .error span,
.requestPinForm .error span {
  left: 8.3em; }

.registerForm .error .noMargError {
  left: 22.8em;
  top: -52px; }

#requestForm .error span {
  left: 21.3em; }

#requestForm .error .errorTwo {
  left: 11.2em; }

#requestForm .error .noMargError {
  left: 22.8em;
  top: -52px; }

.hide {
  display: none; }

.successMsg, .failMsg {
  display: none;
  border-radius: 20px;
  padding: 20px 30px 30px 30px;
  margin-top: 1.8em;
  text-align: center;
}

.successMsg i, .failMsg i {
    text-align: center;
}

.successMsg h1, .failMsg h1 {
    font-weight: bold;
    font-size: calc(18px + 1em);
}
	
.successMsg p, .failMsg p {
    font-weight: bold;
    text-align: center;
    margin: 0;
}
	
.successMsg div,
.failMsg div {
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.show {
  display: block; }

.successMsg {
  border: 1px solid #7FC241; }
  .successMsg i {
    color: #7FC241; }
  .successMsg h1 {
    color: #7FC241; }

.failMsg {
  border: 1px solid #FD4F01;
  position: relative;
  text-align: center; 
}
  
.failMsg i {
  color: #FD4F01;
}

.successMsg .fa-times {
  position: absolute;
  top: 28.75em;
  right: 42.75em;
  color: #141414;
}

.failMsg .fa-times {
  position: absolute;
  top: .75em;
  right: .75em;
  color: #141414;
}

.successMsg .fa-times:hover, 
.failMsg .fa-times:hover {
  color: #FD4F01;
  transition: .2s; 
}

.failMsg h1 {
  color: #FD4F01; 
}

.failMsg p {
  margin-bottom: 1.5em;
}

.failMsg a {
  padding: 8px 74px;
  background-color: #FD4F01;
  color: #ffffff;
  border-radius: 20px;
}

@media only screen and (max-width: 1024px) {
  .signInContainer h1,
  .registerContainer h1,
  .PINContainer h1,
  .loginTroubleContainer h1,
  .unlockAccountContainer h1,
  .passwordResetContainer h1,
  .profileContainer h1,
  .changePinContainer h1,
  .requestPinContainer h1,
  .searchContainer h1,
  .fundsNavContainer h1,
  .emailContainer h1,
  .newsletterContainer h1  {
    font-size: calc(30px + .5em);
    line-height: 1.2; 
  }
	
  .loginTroubleContainer p {
    padding: 0 20px; }
  .loginTroubleContainer .tabsContainer {
    width: 90%;
    margin: 0 auto; }
    .loginTroubleContainer .tabsContainer .tabs-panel p {
      font-size: 1em; }
    .loginTroubleContainer .tabsContainer .tabs {
      padding: 0; }
      .loginTroubleContainer .tabsContainer .tabs ul li {
        font-size: 1em; }
      .loginTroubleContainer .tabsContainer .tabs .tabs-title a {
        font-size: 1em; }
		
  #signUpForm .error {
	margin-bottom: 5px;
  }
  
  #signUpForm .error input, #signUpForm .error input:focus, .registerForm .error input, .registerForm .error input:focus, #requestForm .error input, #requestForm .error input:focus {
    border: 1px solid #FD4F01;
  }
	
  #signUpForm .error span, .registerForm .error span, #requestForm .error span {
    position: static;
    display: block;
    left: 0;
    top: 0;
    float: none;
    border: none; }
  #signUpForm .error .noMargError, .registerForm .error .noMargError, #requestForm .error .noMargError {
    margin-bottom: 0; }
  .failMsg .fa-times {
    left: 22vw; } }

@media only screen and (max-width: 640px) {
  .loginTroubleContainer p {
    padding: 30px 30px 0 30px;
    margin: 0 auto 2em auto;
    max-width: none; }
  .toggleButtons .signIn, .toggleButtons .register {
    display: block;
    width: 55%;
    margin: 0 auto 2em auto; }
  .toggleButtons .register {
    margin: 2em auto 0 auto; }
	
  .signInContainer #signUpForm,
  .signInContainer #requestForm,
  .registerContainer .registerForm,
  .PINContainer #signUpForm,
  .PINContainer #requestForm,
  .forgotPasswordContainer .loginTroubleForm,
  .passwordResetContainer #passwordResetForm,
  .privacytermsContainer #privacytermsForm,
  .profileContainer #profileForm,
  .changePinContainer #changePinForm,
  .requestPinContainer .requestPinForm,
  .fundsNavContainer #fundsNavForm,
  .emailContainer #emailForm {
    width: 90%; 
  }
	
  .signInContainer p,
  .registerContainer p,
  .PINContainer p,
  .forgotPasswordContainer p,
  .passwordResetContainer p,
  .privacytermsContainer p,
  .profileContainer p,
  .changePinContainer p,
  .requestPinContainer p,
  .fundsNavContainer p,
  .emailContainer p,
  .newsletterContainer p  {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
  }
  
  .signInContainer .infoText,
  .registerContainer .infoText,
  .PINContainer .infoText,
  .passwordResetContainer .infoText,
  .profileContainer .infoText,
  .changePinContainer .infoText,
  .requestPinContainer .infoText,
  .fundsNavContainer .infoText,
  .emailContainer .infoText,
  .newsletterContainer .infoText {
    padding: 10px 0;
    text-align: left;
  }
	
  .searchContainer #searchForm .field {
    float: none;
    width: 100%;
  }
	
  .signInContainer .signInSubmit,
  .signInContainer .registerSubmit,
  .registerContainer .registerSubmit,
  .PINContainer .signInSubmit,
  .PINContainer .registerSubmit
  .forgotPasswordContainer .loginTroubleSubmit,
  .passwordResetContainer .passwordResetSubmit,
  .privacytermsContainer .privacytermsSubmit,
  .profileContainer .profileSubmit,
  .changePinContainer .changePinSubmit,
  .requestPinContainer .requestPinSubmit,
  .searchContainer .searchSubmit,
  .fundsNavContainer .fundsNavSubmit,
  .emailContainer .emailSubmit  {
    margin-bottom: 2em;
  }
  
  .searchContainer #searchForm .buttonContainer {
	float: none;
	width: 100%;
	padding: 0px;
  }
	
  .searchContainer #searchForm .searchSubmit {
    margin: 0px;
  }
  
  .successMsg, .failMsg {
    margin: 2em; }
  .failMsg p {
    margin-bottom: 1.5em; }
  .failMsg .fa-times {
    float: right;
    left: 0; } }

.resourcesContainer {
  max-width: 95%;
  margin: 3em auto 0 auto; }
  .resourcesContainer .row .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .resourcesContainer h1 {
    font-weight: 100;
    text-align: center;
    font-size: calc(36px + 1rem); }
  .resourcesContainer p {
    text-align: center;
    font-weight: 200;
    max-width: 70vw;
    margin: 0 auto 2em auto; }
  .resourcesContainer .resource {
    color: #ffffff;
    padding: 10px 0;
    margin-bottom: 3.5em;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16); }
    .resourcesContainer .resource h6 {
      text-align: center;
      font-weight: bold;
      padding: 15px; }
    .resourcesContainer .resource img {
      width: 100%; }
    .resourcesContainer .resource p {
      font-weight: normal;
      text-align: center;
      line-height: 1.2;
      padding: 40px 30px;
      margin-bottom: 0; }
  .resourcesContainer .resourceYellow {
    background-color: #F3B80F; }
    .resourcesContainer .resourceYellow a:hover {
      color: #F3B80F; }
  .resourcesContainer .resourceGreen {
    background-color: #7FC241; }
    .resourcesContainer .resourceGreen a:hover {
      color: #7FC241; }
  .resourcesContainer .resourceRed {
    background-color: #FD4F01; }
    .resourcesContainer .resourceRed a:hover {
      color: #FD4F01; }
  .resourcesContainer .resourceOrange {
    background-color: #E4801C; }
    .resourcesContainer .resourceOrange a:hover {
      color: #E4801C; }
  .resourcesContainer .tabs-content > .content.active {
    display: block;
    float: none; }
  .resourcesContainer .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.83333rem 0;
    width: 100%; }

.siteMapContainer .resource {
  padding: 20px;
}
	
.siteMapContainer h4 {
  text-align: center;
}

.siteMapContainer a,
.siteMapContainer .resourceYellow a:hover,
.siteMapContainer .resourceGreen a:hover,
.siteMapContainer .resourceRed a:hover,
.siteMapContainer .resourceOrange a:hover {
  color: white;
  font-size: .85em;
}

@media only screen and (max-width: 1024px) {
  .resourcesContainer h1 {
    font-size: calc(30px + .5em);
    line-height: 1.2; 
  }
}

@media only screen and (max-width: 768px) {
  .siteMapContainer .resource {
    padding: 10px;
	margin-bottom: 2em;
  }
}

@media only screen and (max-width: 640px) {
  .resourcesContainer {
    max-width: 98%;
  }
  
  .resourcesContainer .resource h6 {
    padding: 0 15px; }
}

.orderContainer .row .columns {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.orderContainer p {
  max-width: 80vw;
  margin: 0px auto 1rem auto;
}

.orderContainer label {
  line-height: normal;
  padding: 0px 15px;
  text-align: center;
}

.orderContainer h3 {
	margin-top: 20px;
	text-align: center;
}

.orderContainer .resource {
  color: #ffffff;
  margin-bottom: 15px;
  padding: 15px 0px;
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  position: relative;
  text-align: center;
}

.orderContainer .material {
  padding-bottom: 40px;
}

#orderForm .error div.errorMessage {
  visibility: visible;
}

#orderForm input {
	margin-bottom: 0px;
}

.orderContainer #orderForm .resource input[type="text"] {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
.orderContainer #orderForm .resource input[type="number"] {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	border-radius: 20px;
}

#orderForm .resource select {
	border-radius: 20px;
	padding-left: 0px;
	text-align: center;
	max-width: 100px;
	text-align-last: center;
}

.orderContainer #orderForm .resource input {
	max-width: 100px;
	margin: 0px auto 1rem auto; 
}

.orderContainer .resource .quantityContainer {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.orderContainer .resource h6 {
  text-align: center;
  font-weight: bold;
  padding: 15px;
}

.orderContainer .resource img {
  margin: 15px 0px;
  width: auto;
}
 
.orderContainer .resource p {
  font-weight: normal;
  text-align: center;
  line-height: 1.2;
  padding: 40px 30px;
  margin-bottom: 0;
}

.orderContainer .totalContainer {
	margin-top: 15px;
	text-align: center;
}

.orderContainer #orderForm .totalContainer input {
	cursor: default;
	text-align: center;
	padding-left: 0px;
}

.orderContainer .total {
	display: inline-block;
}

.orderContainer .kaptchaContainer {
	margin-top: 30px;
	text-align: center;
}

.orderContainer .kaptcha {
	display: inline-block;
}

.orderContainer .kaptcha img {
	margin-bottom: 10px;
	border: 1px solid black;
}

.unlockAccountContainer .row .columns {
  padding-right: 0.5rem;
  padding-left: 0.5rem;	
}

.registerContainer ul.ListItem,
.profileContainer ul.ListItem,
.changePinContainer ol {
  font-size: .85em;
  padding-right: 3em;
}

.requestPinContainer table {
  border: 1px solid black;
  border-collapse: collapse;
  width: 90%;
  margin: 1em auto;
}

.searchContainer ul {
	margin-left: 0px;
}

.searchContainer ul a {
  color: #7FC241;
  text-decoration: none; 
}

.searchContainer ul a:hover {
  text-decoration: underline; 
}

.fundsNavContainer #results {
  font-size: 13px;
}

.fundsNavContainer #results select,
.fundsNavContainer #results input {
  display: inline;
  width: auto;
}

.alert {
  position: fixed;
  z-index: 999;
  width: 100%;
  display: block;
  top: 10vw; }
  .alert.dismissed {
    display: none; }
  .alert .dismiss {
    float: right;
    text-align: right;
    cursor: pointer;
    padding: 20px;
    transition: all .25s ease; }
    .alert .dismiss:hover {
      color: #FD4F01; }

.alertBackground {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1; }

.alertContainer {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 30%;
  overflow-y: auto;
 /* height: 500px;*/
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
 /* text-align: center;*/
  z-index: 2;
  border-radius: 8px; }
  .alertContainer .alertContent {
    padding: 30px; }
    .alertContainer .alertContent h1 {
      font-weight: bold;
      margin: 25px 0;
      font-size: 1.75rem; }
    .alertContainer .alertContent .fa-exclamation-triangle {
      color: #FD4F01; }
    .alertContainer .alertContent a {
      /* display: block;
      color: #141414; */
      color: #FD4F01;
      text-decoration: none;
      margin: 10px 0; }
      .alertContainer .alertContent a:hover {
        color: #FD4F01;
        text-decoration: underline; }
    .alertContainer .alertContent .viewAll {
      display: inline-block;
      padding: 8px 25px;
      border: 1px solid #FD4F01;
      color: #FD4F01;
      text-decoration: none;
      border-radius: 20px;
      min-width: 40%;
      margin: 20px auto 10px auto;
      font-weight: 600; }

@media only screen and (max-width: 980px) {
  .alertContainer {
    width: 55%; } }

@media only screen and (max-width: 640px) {
  .alertContainer {
    width: 80%; } }

.cycle-slideshow .cycle-prev, .cycle-slideshow .cycle-next {
  cursor: pointer;
  color: #786E63;
  position: relative;
  top: -15vw;
  z-index: 500;
  display: inline; }

.cycle-slideshow .cycle-next {
  float: right;
  padding-right: 20px; }

.cycle-slideshow .cycle-prev {
  padding-left: 20px; }

.cycle-slideshow .cycle-pager {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 29vw;
  z-index: 600; }

.cycle-slideshow .cycle-slide {
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16); }

.cycle-slideshow .cycle-pager > * {
  cursor: pointer;
  display: inline-block;
  background-color: #ffffff;
  margin: 6px;
  height: 12px;
  width: 12px;
  border: 1px solid #786E63;
  border-radius: 20px; }

.cycle-slideshow .cycle-pager-active {
  border: 1px solid #786E63;
  background-color: #786E63;
  color: #ffffff; }

.cycle-slideshow .cycle-overlay {
  height: 57px; }

.cycle-slideshow .newHireHeroInfo, .cycle-slideshow .memberHeroInfo,
.cycle-slideshow .retireeHeroInfo, .cycle-slideshow .employerHeroInfo {
  display: inline-block;
  position: relative;
  top: -25vw;
  left: 15vw;
  z-index: 500; }
  .cycle-slideshow .newHireHeroInfo h1, .cycle-slideshow .memberHeroInfo h1,
  .cycle-slideshow .retireeHeroInfo h1, .cycle-slideshow .employerHeroInfo h1 {
    font-weight: 300;
    padding-bottom: 20px;
    line-height: 1.2; }
  .cycle-slideshow .newHireHeroInfo a, .cycle-slideshow .memberHeroInfo a,
  .cycle-slideshow .retireeHeroInfo a, .cycle-slideshow .employerHeroInfo a {
    padding: 8px 25px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 20px;
    width: 40%;
    margin: 20px auto 10px auto;
    font-weight: 600; }
    .cycle-slideshow .newHireHeroInfo a:hover, .cycle-slideshow .memberHeroInfo a:hover,
    .cycle-slideshow .retireeHeroInfo a:hover, .cycle-slideshow .employerHeroInfo a:hover {
      text-decoration: underline; }

.cycle-slideshow .newHireHeroInfo h1 {
  color: #F3B80F; }

.cycle-slideshow .newHireHeroInfo a {
  background-color: #F3B80F; }

.cycle-slideshow .memberHeroInfo h1 {
  color: #7FC241; }

.cycle-slideshow .memberHeroInfo a {
  background-color: #7FC241; }

.cycle-slideshow .retireeHeroInfo h1 {
  color: #FD4F01; }

.cycle-slideshow .retireeHeroInfo a {
  background-color: #FD4F01; }

.cycle-slideshow .employerHeroInfo h1 {
  color: #E4801C; }

.cycle-slideshow .employerHeroInfo a {
  background-color: #E4801C; }

.secondContentBlock {
  margin-top: 3em; }
  .secondContentBlock .resourcesContainer {
    margin-top: -3em; }
    .secondContentBlock .resourcesContainer .resource {
      text-align: center;
      padding-bottom: 2.5em; }
      .secondContentBlock .resourcesContainer .resource h6 {
        font-size: calc(1.5vw + .4rem); }
      .secondContentBlock .resourcesContainer .resource p {
        font-size: 18px; }
      .secondContentBlock .resourcesContainer .resource a {
        color: #786E63;
        border-radius: 20px;
        width: 100%;
        padding: 8px 25px;
        margin: 0 auto;
        font-weight: bold;
        text-decoration: none;
        font-size: calc(10px + .1rem);
        background-color: #ffffff; }
    .secondContentBlock .resourcesContainer .resourceYellow a:hover {
      color: #F3B80F; }
    .secondContentBlock .resourcesContainer .resourceGreen a:hover {
      color: #7FC241; }
    .secondContentBlock .resourcesContainer .resourceRed a:hover {
      color: #FD4F01; }
    .secondContentBlock .resourcesContainer .resourceOrange a:hover {
      color: #E4801C; }
  .secondContentBlock h1 {
    font-weight: 100;
    text-align: center; }
  .secondContentBlock p {
    font-weight: 100;
    text-align: center;
    font-size: 24px; }

.thirdContentBlock {
  margin-top: 4em; }
  .thirdContentBlock .thirdBlockNav {
    padding-left: 20px;
    max-width: 75%; }
    .thirdContentBlock .thirdBlockNav h6 {
      font-size: 21px;
      font-weight: bold; }
    .thirdContentBlock .thirdBlockNav a {
      font-weight: bold;
      color: #141414; }
      .thirdContentBlock .thirdBlockNav a:hover {
        text-decoration: underline; }

@media only screen and (max-width: 1024px) {
  .cycle-slideshow .newHireHeroInfo, .cycle-slideshow .memberHeroInfo,
  .cycle-slideshow .retireeHeroInfo, .cycle-slideshow .employerHeroInfo {
    top: -24vw; }
  .secondContentBlock p {
    font-size: calc(14px + .25em);
    line-height: 1.2; }
  .secondContentBlock .resourcesContainer .resource a {
    font-size: calc(12px + .1rem); }
  .thirdContentBlock {
    text-align: center; }
    .thirdContentBlock .thirdBlockNav {
      text-align: left;
      width: 100%;
      padding-left: 0;
      margin: 3em auto 0 auto; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .secondContentBlock .resourcesContainer .resource a {
    font-size: calc(10px + .1rem); } }

@media only screen and (max-width: 875px) {
  .cycle-slideshow .cycle-next, .cycle-slideshow .cycle-prev {
    top: -12em;
    color: #ffffff; }
  .cycle-slideshow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 79%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 499; }
  .cycle-slideshow .cycle-pager {
    top: 23em; }
  .secondContentBlock .resourcesContainer {
    margin-top: -5em; }
  .cycle-slideshow .newHireHeroInfo, .cycle-slideshow .memberHeroInfo,
  .cycle-slideshow .retireeHeroInfo, .cycle-slideshow .employerHeroInfo {
    top: -39vw; }
    .cycle-slideshow .newHireHeroInfo h1, .cycle-slideshow .memberHeroInfo h1,
    .cycle-slideshow .retireeHeroInfo h1, .cycle-slideshow .employerHeroInfo h1 {
      line-height: 1.2;
      padding-bottom: 20px;
      color: #ffffff; }
    .cycle-slideshow .newHireHeroInfo a, .cycle-slideshow .memberHeroInfo a,
    .cycle-slideshow .retireeHeroInfo a, .cycle-slideshow .employerHeroInfo a {
      font-size: .85rem; }
  .cycle-slideshow .newHireHeroInfo a {
    color: #F3B80F;
    background-color: #ffffff; }
  .cycle-slideshow .memberHeroInfo a {
    color: #7FC241;
    background-color: #ffffff; }
  .cycle-slideshow .retireeHeroInfo a {
    color: #FD4F01;
    background-color: #ffffff; }
  .cycle-slideshow .employerHeroInfo a {
    color: #E4801C;
    background-color: #ffffff; }
  .cycle-slideshow img {
    object-fit: cover;
    height: 21em;
    object-position: -37vw 0; } }

@media only screen and (max-width: 640px) {
  .cycle-slideshow .newHireHeroInfo, .cycle-slideshow .memberHeroInfo,
  .cycle-slideshow .retireeHeroInfo, .cycle-slideshow .employerHeroInfo {
    position: relative;
    top: -18em;
    padding-left: 20px; }
    .cycle-slideshow .newHireHeroInfo h1, .cycle-slideshow .memberHeroInfo h1,
    .cycle-slideshow .retireeHeroInfo h1, .cycle-slideshow .employerHeroInfo h1 {
      font-size: 36px; }
  .secondContentBlock .resourcesContainer .resource h6 {
    font-size: 2em; }
  .cycle-slideshow img {
    object-position: 80% 0; } }

.investmentFundsContainer {
  margin: 3em auto; }
  .investmentFundsContainer h1 {
    text-align: center;
    font-weight: 100;
    font-size: calc(36px + 1rem); }
  .investmentFundsContainer p {
    text-align: center;
    margin-bottom: 3em;
    font-weight: 200;
    max-width: 55vw;
    margin: 0 auto 2em auto; }
  .investmentFundsContainer .tabsContainer .tabs-content {
    padding: 0 30px; }

.tabsContainer {
  margin-top: .1em; }
  .tabsContainer .tabs {
    border: none;
    padding-right: 50px;
    border-right: 1px solid #e6e6e6; }
    .tabsContainer .tabs .tabs-title a {
      font-size: 16px;
      color: #7FC241;
      font-weight: bold;
      background-color: #ffffff; }
    .tabsContainer .tabs .tabs-title.is-active > a {
      background-color: #7FC241;
      color: #ffffff;
      padding: 12px 25px;
      border-radius: 20px; }
      .tabsContainer .tabs .tabs-title.is-active > a:before {
        content: url(../image/rightArrow.png);
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        float: right; }
  .tabsContainer .tabs-content {
    border: none;
    padding: 0 10px; }
    .tabsContainer .tabs-content .tabs-panel {
      padding: 5px 5px; }
      .tabsContainer .tabs-content .tabs-panel ul {
        list-style-type: none; }
        .tabsContainer .tabs-content .tabs-panel ul p {
          text-align: left;
          padding-right: 3em;
          margin: 0 0 1em 0; }

/*
.tabsContainer .tabs-content .tabs-panel ul i {
  color: #FD4F01;
  padding-right: 20px; }
*/

.tabsContainer .tabs-content .tabs-panel ul i::before {
     content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
     color: #77B821; /* Change the color */
     font-weight: bold; /* If you want it to be bold */
     display: inline-block; /* Needed to add space between the bullet and the text */ 
     width: 1em; /* Also needed for space (tweak if needed) */
     margin-left: -1em; /* Also needed for space (tweak if needed) */
    font-size:22px;
 }
  

.showOnMobile {
  display: none; }

.showOnDesktop {
  display: block; }

@media only screen and (max-width: 1024px) {
  .investmentFundsContainer {
    margin: 3em; }
    .investmentFundsContainer p {
      max-width: 100vw; }
    .investmentFundsContainer .accordionContainer .accordion .accordion-item {
      margin: 20px 0; }
      .investmentFundsContainer .accordionContainer .accordion .accordion-item .accordion-title {
        border: none;
        color: #7FC241;
        font-size: 1em;
        border-radius: 30px;
        font-weight: bold; }
        .investmentFundsContainer .accordionContainer .accordion .accordion-item .accordion-title:before {
          content: url(../image/rightArrow.png); }
        .investmentFundsContainer .accordionContainer .accordion .accordion-item .accordion-title:hover {
          background-color: #ffffff; }
      .investmentFundsContainer .accordionContainer .accordion .accordion-item .accordion-content {
        border: none; }
        .investmentFundsContainer .accordionContainer .accordion .accordion-item .accordion-content p {
          text-align: left;
          margin-left: 0; }
        .investmentFundsContainer .accordionContainer .accordion .accordion-item .accordion-content ul {
          list-style-type: none; }
    .investmentFundsContainer .accordionContainer .accordion .is-active .accordion-title {
      background-color: #7FC241;
      color: #ffffff; }
  .showOnDesktop {
    display: none; }
  .showOnMobile {
    display: block; } }

@media only screen and (max-width: 640px) {
  .investmentFundsContainer {
    margin: 3em 0; } }

.NewHireContainer .medium-hide, .DropContainer .medium-hide {
  width: 15.66667%; }

.NewHireContainer .button-group.expanded .button:first-child:last-child, .DropContainer .button-group.expanded .button:first-child:last-child {
  width: 70%; }

.DropContainer .button-group.expanded .button:first-child:last-child {
  width: 30%; }
  
.DropContainer .DropContent p {
  margin-bottom: 1em;
}

.DropContainer .DropContent .redText {
  margin-top: 1em; }

.NewHireContainer,
.PensionContainer,
.InvestmentContainer,
.DropContainer {
  margin-top: 1em;
}

.headerLinksContainer {
  display: none;
  /*margin: 1.5em auto 5em auto;*/
}

.NewHireContainer h1,
.PensionContainer h1,
.InvestmentContainer h1,
.DropContainer h1 {
  font-weight: 100;
  text-align: center;
  color: #000000;
  font-size: calc(36px + 1em);
  margin-bottom: .5em;
  line-height: 1.2; 
}

.NewHireContainer p,
.PensionContainer p,
.InvestmentContainer p,
.DropContainer p {
  text-align: center;
  margin-bottom: 3em;
  font-weight: 200;
}

.NewHireContainer .button-group.expanded,
.PensionContainer .button-group.expanded,
.InvestmentContainer .button-group.expanded,
.DropContainer .button-group.expanded,
.headerLinksContainer .button-group.expanded {
  margin: 0;
  font-size: inherit;
}

.headerLinksContainer .button-group {
	text-align: center;
}

.NewHireContainer .colorBtn,
.PensionContainer .colorBtn,
.InvestmentContainer .colorBtn,
.DropContainer .colorBtn,
.headerLinksContainer .colorBtn {
  margin: 0 1.5em;
}

.headerLinksContainer .colorBtn {
  display: none;
  min-width: 200px;
}

.headerLinksContainer .colorBtn.show {
  display: inline-block;
}

.NewHireContainer .colorBtn a,
.PensionContainer .colorBtn a,
.InvestmentContainer .colorBtn a,
.DropContainer .colorBtn a,
.headerLinksContainer .colorBtn a {
  border-radius: 20px;
  color: #ffffff;
  font-weight: bold;
  font-size: calc(.65rem + 2px);
}

.NewHireContainer .colorBtn a:hover,
.PensionContainer .colorBtn a:hover,
.InvestmentContainer .colorBtn a:hover,
.DropContainer .colorBtn a:hover,
.headerLinksContainer .colorBtn a:hover {
  text-decoration: underline;
}

.NewHireContainer .colorBtn .colorBtnYellow,
.PensionContainer .colorBtn .colorBtnYellow,
.InvestmentContainer .colorBtn .colorBtnYellow,
.DropContainer .colorBtn .colorBtnYellow,
.headerLinksContainer .colorBtn .colorBtnYellow {
  background-color: #F3B80F;
}

.NewHireContainer .colorBtn .colorBtnGreen,
.PensionContainer .colorBtn .colorBtnGreen,
.InvestmentContainer .colorBtn .colorBtnGreen,
.DropContainer .colorBtn .colorBtnGreen,
.headerLinksContainer .colorBtn .colorBtnGreen {
  background-color: #7FC241;
}

.NewHireContainer .colorBtn .colorBtnRed,
.PensionContainer .colorBtn .colorBtnRed,
.InvestmentContainer .colorBtn .colorBtnRed,
.DropContainer .colorBtn .colorBtnRed,
.headerLinksContainer .colorBtn .colorBtnRed {
  background-color: #FD4F01;
}

.NewHireContainer .colorBtn .colorBtnOrange,
.PensionContainer .colorBtn .colorBtnOrange,
.InvestmentContainer .colorBtn .colorBtnOrange,
.DropContainer .colorBtn .colorBtnOrange,
.headerLinksContainer .colorBtn .colorBtnOrange {
  background-color: #E4801C;
}

.NewHireContainer .dropBox,
.PensionContainer .dropBox,
.InvestmentContainer .dropBox,
.DropContainer .dropBox {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.16);
  padding: 20px 30px;
}

.NewHireContainer .dropBox h1,
.PensionContainer .dropBox h1,
.InvestmentContainer .dropBox h1,
.DropContainer .dropBox h1 {
  font-size: 1rem;
  font-weight: bold;
  color: #7FC241;
  margin-bottom: 1em;
}

.NewHireContainer .dropBox p,
.PensionContainer .dropBox p,
.InvestmentContainer .dropBox p,
.DropContainer .dropBox p {
  text-align: left;
  font-size: .75rem;
}

.NewHireContainer .LeftBox,
.PensionContainer .LeftBox,
.InvestmentContainer .LeftBox,
.DropContainer .LeftBox {
  margin: 3em 2em 3em 6em;
}

.NewHireContainer .RightBox,
.PensionContainer .RightBox,
.InvestmentContainer .RightBox,
.DropContainer .RightBox {
  margin: 3em 6em 3em 2em;
}

.NewHireContainer .NewHireContent,
.NewHireContainer .DropContent,
.PensionContainer .NewHireContent,
.PensionContainer .DropContent,
.InvestmentContainer .NewHireContent,
.InvestmentContainer .DropContent,
.DropContainer .NewHireContent,
.DropContainer .DropContent {
  margin-left: 6em;
}

.DropContainer .DropContent {
  margin: 0;
}

.NewHireContainer .NewHireContent h3,
.NewHireContainer .DropContent h3,
.PensionContainer .NewHireContent h3,
.PensionContainer .DropContent h3,
.InvestmentContainer .NewHireContent h3,
.InvestmentContainer .DropContent h3,
.DropContainer .NewHireContent h3,
.DropContainer .DropContent h3 {
  font-size: 1.25em;
  font-weight: bold;
}

.NewHireContainer .NewHireContent p,
.NewHireContainer .DropContent p,
.PensionContainer .NewHireContent p,
.PensionContainer .DropContent p,
.InvestmentContainer .NewHireContent p,
.InvestmentContainer .DropContent p,
.DropContainer .NewHireContent p,
.DropContainer .DropContent p {
  text-align: left;
}

.NewHireContainer .NewHireContent .redText,
.NewHireContainer .DropContent .redText,
.PensionContainer .NewHireContent .redText,
.PensionContainer .DropContent .redText,
.InvestmentContainer .NewHireContent .redText,
.InvestmentContainer .DropContent .redText,
.DropContainer .NewHireContent .redText,
.DropContainer .DropContent .redText {
  color: #FD4F01;
}

@media only screen and (max-width: 1024px) {
  .NewHireContainer .colorBtn {
    text-align: center;
  }
  
  .NewHireContainer,
  .PensionContainer,
  .InvestmentContainer,
  .DropContainer,
  .headerLinksContainer {
    max-width: 85%;
    margin: 3em auto;
  }

  .headerLinksContainer {
    margin: .5em auto 3em auto;
  }
  
  .NewHireContainer h1,
  .PensionContainer h1,
  .InvestmentContainer h1,
  .DropContainer h1 {
    font-size: calc(30px + .5em);
  color: #000000;
  }

  .NewHireContainer p,
  .PensionContainer p,
  .InvestmentContainer p,
  .DropContainer p {
    margin-bottom: 2em;
	
  }

  .NewHireContainer .medium-hide,
  .PensionContainer .medium-hide,
  .InvestmentContainer .medium-hide,
  .DropContainer .medium-hide {
    display: none;
  }

  .NewHireContainer .LeftBox,
  .NewHireContainer .RightBox,
  .PensionContainer .LeftBox,
  .PensionContainer .RightBox,
  .InvestmentContainer .LeftBox,
  .InvestmentContainer .RightBox,
  .DropContainer .LeftBox,
  .DropContainer .RightBox {
    margin: 1em;
  }

  .NewHireContainer .colorBtn,
  .PensionContainer .colorBtn,
  .InvestmentContainer .colorBtn,
  .DropContainer .colorBtn,
  .headerLinksContainer .colorBtn {
    margin: 1em 0 2em 0;
  }
  
  .headerLinksContainer .colorBtn {
    min-width: 175px;
	margin: 5px 5px;
  }

  .NewHireContainer .DropContent,
  .PensionContainer .DropContent,
  .InvestmentContainer .DropContent,
  .DropContainer .DropContent {
    margin: 2em 3em 0 1em;
  }
  
  .DropContainer .DropContent {
	margin: 1em 0 0 0;
  }

  .PensionContainer .colorBtn,
  .InvestmentContainer .colorBtn {
    margin: 1em 1em 2em 1em;
  }
}

@media only screen and (max-width: 1024px) {
  .headerLinksContainer .colorBtn {
	min-width: 150px
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .NewHireContainer .medium-hide,
  .PensionContainer .medium-hide,
  .InvestmentContainer .medium-hide,
  .DropContainer .medium-hide {
    display: block;
  }

  .NewHireContainer .colorBtn,
  .PensionContainer .colorBtn,
  .InvestmentContainer .colorBtn,
  .DropContainer .colorBtn,
  .headerLinksContainer .colorBtn {
    margin: 1em .3em 2em .3em;
  }

  .NewHireContainer .colorBtn a,
  .PensionContainer .colorBtn a,
  .InvestmentContainer .colorBtn a,
  .DropContainer .colorBtn a,
  .headerLinksContainer .colorBtn  {
    font-size: 10px;
    white-space: nowrap;
    text-align: center;
    padding: 8px 23px;
  } 
}

@media only screen and (max-width: 640px) {

  .headerLinksContainer {
    margin: 5px auto;
  }

  .NewHireContainer h1,
  .PensionContainer h1,
  .InvestmentContainer h1,
  .DropContainer h1 {
    font-size: calc(30px + .5em);
    line-height: 1.2;
    color: #000000;
  }

  .NewHireContainer .button-group.expanded .button:first-child:last-child,
  .PensionContainer .button-group.expanded .button:first-child:last-child,
  .InvestmentContainer .button-group.expanded .button:first-child:last-child,
  .DropContainer .button-group.expanded .button:first-child:last-child,
  .headerLinksContainer .button-group.expanded .button:first-child:last-child  {
    width: 100%;
  }

  .NewHireContainer .colorBtn,
  .PensionContainer .colorBtn,
  .InvestmentContainer .colorBtn,
  .DropContainer .colorBtn,
  .headerLinksContainer .colorBtn {
    display: block;
    margin: 1em 0;
    width: 100%;
  }
  
  .headerLinksContainer .colorBtn {
	display: none;
    margin: 3px 0;
  }

  .NewHireContainer .colorBtn a,
  .PensionContainer .colorBtn a,
  .InvestmentContainer .colorBtn a,
  .DropContainer .colorBtn a {
    padding: 10px 34px;
  }

  .NewHireContainer .colorBtn .colorBtnYellow,
  .NewHireContainer .colorBtn .colorBtnGreen,
  .NewHireContainer .colorBtn .colorBtnRed,
  .NewHireContainer .colorBtn .colorBtnOrange,
  .PensionContainer .colorBtn .colorBtnYellow,
  .PensionContainer .colorBtn .colorBtnGreen,
  .PensionContainer .colorBtn .colorBtnRed,
  .PensionContainer .colorBtn .colorBtnOrange,
  .InvestmentContainer .colorBtn .colorBtnYellow,
  .InvestmentContainer .colorBtn .colorBtnGreen,
  .InvestmentContainer .colorBtn .colorBtnRed,
  .InvestmentContainer .colorBtn .colorBtnOrange,
  .DropContainer .colorBtn .colorBtnYellow,
  .DropContainer .colorBtn .colorBtnGreen,
  .DropContainer .colorBtn .colorBtnRed,
  .DropContainer .colorBtn .colorBtnOrange {
    width: 100%;
    display: block;
  }
  
  .DropContainer .DropContent {
	  margin: 1em 0 0 0;
  }
  
  .DropContainer .DropContent p {
	  padding-right: 0;
  }
}

.faqs h1,
.glossary h1 {
	margin-left: 120px;
}

.questionsAnswers {
	float: right !important;
	margin-left: -1px !important;
	padding: 5px 15px 0px 15px;
	width: 75%;
}

.workshopTabs {
	padding: 0 !important;
	margin-top: 20px;
	border: 1px solid #999999;
	float:left;
	border-radius:0px;
	width: 100%;
}

.workshopTabs li.ui-state-default{
	background-color:#e4e6e5 !important;
}

.workshopTabs li:hover {
	background-color:#fff !important;
}

.workshopTabs .ui-state-active,
.workshopTabs .ui-widget-content .ui-state-active,
.workshopTabs .ui-widget-header .ui-state-active{
	background: #fff !important;
}

.workshopTabs p {
	text-align: left;
}

.topMenu {
	float: right;
	margin-top: 15px;
	z-index: 1000;
}

.topMenu a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 15px;
	border-left: 1px solid #eee; 
	background: #ad272e; 
	color: #fff;
	width: 120px;
	text-align: center;
}

.topMenu a:hover {
	background: #23538a; 
}

@media only screen and (max-width: 1024px) {
	.topMenu {
		margin-top: 3px;
	}
}

@media only screen and (max-width: 425px) {
	.faqs h1,
	.glossary h1 {
		margin-left: 70px;
	}
	
	.topMenu {
		margin-top: 10px;
		padding: 0px;
	}
	
	.topMenu a {
		font-size: 15px;
		padding: 0px;
		width: 70px;
	}
}


.leftNav {
	width: 25%;
	float: left;
}

.leftNav .ui-nav a:link {
	color: #23538a;
	font-size: 13px;
	padding: 10px !important;
	display: block !important;
}

.leftNav .ui-nav li {
	list-style: none;
	position: relative;
	top: 0;
	margin: 0 !important;
	padding: 0px 0  !important;
	vertical-align: middle;
	display: block !important;
	border-radius: 0px;
	background: #e4e6e5;
	border: 0px !important;
	border-bottom: 1px solid #d9d9d9 !important;
}

.leftNav .ui-nav li a {
	height: 100% !important;
	display: block;
	font-weight: bold;
}

.leftNav .ui-nav a:link,
.leftNav .ui-nav a:visited {
	color: #2589d5;
}

.leftNav .ui-nav li a:hover {
	color: #23538a !important;
}

.leftNav .ui-nav-active {
	color: #23538a !important;
	background-color: #fff !important;
}


.faqs .ListItem,
.faqs .ListNumbers {
	display: block;
    font-size: 13px;
	line-height: 22px;
	margin: 10px 20px;
}

.faqs .orCondition {
	font-weight: bold;
	padding-left: 10px;
	margin: 10px 0px;
}

.questions {
	border-bottom: 2px solid #d9d9d9 !important;
	padding: 0px 15px 15px 0px;
	margin: 0px 0px 10px 0px;
}

.questionAnswer {
	padding-bottom: 15px;
	width: 100%;
	height: auto;
}

.questionAnswer table {
	border-collapse: collapse;
}

.questionAnswer table,
.questionAnswer table th,
.questionAnswer table td {
	border: 1px solid black;
	font-size: 13px;
}

.question {
	color:#a5312c !important;
	line-height: 20px;
	padding-bottom: 5px;
	font-size: 14px !important;
}

.answer {
	padding:10px;
	background:#f9f9f9;
	margin-bottom:10px;
}

.answer p {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#tabs {
	border: 1px solid black;
}

.tabs-nav {
	/*background: #e4e6e5; */
	float: left;
	line-height: inherit;
	list-style: none;
    margin-right: 20px;
	min-width: 125px;
	width: 25%; 
}

.tabs-nav li {
	border-bottom: 1px solid #d9d9d9;
	font-size: 13px;
}

.tabs-nav li a {
	display: block;
	padding: 15px 10px;
	text-align: left;
	width: 100%;
}

.tabs-content {
	overflow: hidden;
	border: none;
	font-size: 13px;
}

.ui-corner-all {
	border-radius: 0px;
}

.ui-tabs .ui-tabs-nav {
	padding: 0px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 15px 10px;
}

.ui-tabs-vertical {
	padding: 0px;
	margin: 0px;
}


.ui-tabs-vertical .ui-tabs-nav li {
	border: none;
	border-bottom: 1px solid #d9d9d9 !important;
	clear: left;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	white-space: normal;
	width: 100%;
} 

.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
	text-align: left;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	background: #fff;
	padding-bottom: 0;
	padding-right: 0px;
	border-right-width: 0px;
}

.ui-tabs-vertical .ui-tabs-panel {
	padding: 15px;
}

.ui-helper-reset {
	line-height: auto;
}

.ui-widget-header {
	background: #e4e6e5;
	border: none;
}

.ui-widget-content .ui-state-default {
	background: none;
}

.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited {
	color: #2589d5;
}

.ui-state-default a:hover {
	color: #23538a !important;
}

.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited {
	color: #23538a !important;
}

.glossary p {
	margin: 0px;
	max-width: 100%;
	text-align: left;
	font-size: 13px;
}

.glossary .tabs-nav {
	min-width: 45px;
	width: 45px;
}

.glossary .tabs-nav li a {
	font-size: 16px;
	padding: 5px 0px;
	text-align: center;
}

.glossary .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 5px;
}

.glossary .ui-tabs-vertical .ui-tabs-nav li {
	font-size: 16px;
}

.glossary .ui-tabs-vertical .ui-tabs-nav li a {
	text-align: center;
	width: 100%;
}

.workshop p {
	text-align: left;
	max-width: 100%;
	margin-bottom: 1em;
}

.fundFrame {
	height: 1400px;
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	.fundFrame {
		height: 1600px;
	}
}

@media only screen and (max-width: 875px) {
	.fundFrame {
		height: 2400px;
	}
}

@media only screen and (max-width: 480px) {
	.fundFrame {
		height: 2600px;
	}
}

@media only screen and (max-width: 400px) {
	.fundFrame {
		height: 3000px;
	}
}

.leftContainer p {
	max-width: 100%;
	text-align: left;
	margin-bottom: 1em;
}

/***********
  The following two styles to used to display and hide placeholder text for date fields
  on mobile devices.  The styles are dynamically added using JavaScript.
************/
input.mobileDate[type='date']:before {
  color: #888888;
  content: attr(placeholder);
}

input.hidePlaceholder[type='date']:before {
  content: normal;
}