/*Overriding text shadows*/

h1, h2, h3, h4, h5, h6 {
  text-shadow: none;
}

/*Home page bg styles*/
#FnlSubSiteMain {
  background-image: none;
  margin: 0;
  padding: 0;
}

#FnlSubSitePage > .InnerPage > .PageContainer {
  margin: 0 auto;
  padding-top: 0;
  background-image: none;
}

/*** MAIN CONTENT STYLES ***/
#mainContent {
  width: 700px;
  float: right;
}

#featureImage {
  height: 213px;
  width: 700px;
  margin-top: 0;
  overflow: hidden;
}

#welcomeArea {
  height: 213px;
}

  #welcomeArea #frontImage {
    width: 261px;
    height: 213px;
    float: left;
  }

  #welcomeArea #welcomeMessage {
    height: 177px;
    padding: 21px 28px 15px;
    margin-left: 261px;
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.8);
  }

    #welcomeArea #welcomeMessage h2 {
      font-weight: bold;
      font-size: 20px;
      margin: 5px 0 15px;
      color: #009999;
    }

    #welcomeArea #welcomeMessage p {
      line-height: 1.8em;
    }

#quickLinks {
  margin: 15px 30px 40px 30px;
}

  #quickLinks h4 {
    margin-bottom: 0;
  }

  #quickLinks .wrap {
    overflow: hidden;
  }

  #quickLinks .column {
    width: 46%;
    float: left;
    margin: 0;
    overflow: hidden;
  }

    #quickLinks .column.first {
      margin: 0 40px 0 0;
    }

  #quickLinks .item {
    margin: 10px 0 10px;
    overflow: hidden;
  }

    #quickLinks .item .quickLinkDetail p {
      font-size: 12px;
      line-height: 1.5em;
    }

    #quickLinks .item .quickLinkDetail h5 {
      font-size: 14px;
    }

    #quickLinks .item .quickLinkDetail h5,
    #quickLinks .item .quickLinkDetail p {
      margin: 1px 0 5px;
    }



span.PhoneNumber {
  white-space: nowrap;
}

  span.PhoneNumber span {
    display: inline-block;
    width: 22px;
    padding: 0 4px 0 0;
    text-indent: -100000px;
    background: transparent url('../Media/Images/PhoneExtension.png') no-repeat left center;
  }

#contentAside {
  width: 220px;
  float: left;
  margin: 0;
  padding: 0 20px;
  background: rgb(255, 255, 255) url('../Media/Images/homeColDivide.png') no-repeat right bottom; /* The Fallback */
  background: rgba(255, 255, 255, 0.8) url('../Media/Images/homeColDivide.png') no-repeat right top;
  overflow: hidden;
}

  #contentAside h4 {
    margin: 20px 0 10px;
  }

  #contentAside ul, #IndustrialSafety .ExpandableBoxes ul {
    list-style: none;
    margin: 15px 0;
    padding: 0;
  }

    #contentAside ul li, #IndustrialSafety .ExpandableBoxes ul li {
      margin: 8px 0 8px 0;
      padding: 0;
      line-height: 1.4em;
    }

      #contentAside ul li a, #IndustrialSafety .ExpandableBoxes ul li a {
        padding: 0 0 0 18px;
        display: block;
        background: transparent url('../Media/Images/arrowBullet.png') no-repeat left 3px;
        text-decoration: none;
      }

        #contentAside ul li a:hover {
          background-position: left -97px;
          text-decoration: underline;
        }

.TwoColumnPageContent {
  overflow: hidden;
}

  .TwoColumnPageContent .LeftColumn,
  .TwoColumnPageContent .RightColumn {
    width: 49%;
    margin-right: 2%;
    float: left;
  }

  .TwoColumnPageContent .RightColumn {
    margin-right: 0;
  }

  .TwoColumnPageContent ol.Fancy {
    padding-left: 0;
  }


span.PhoneNumber span {
  background: url("../Media/Images/PhoneExtension.png") no-repeat scroll left center transparent;
  display: inline-block;
  padding: 0 4px 0 0;
  text-indent: -100000px;
  width: 16px;
}

/*Safety Pages*/
/*Biosafety Page*/

#sectionLinks {
  margin: 0px;
}

  #sectionLinks h4 {
    margin-bottom: 0;
  }

  #sectionLinks .wrap {
    overflow: hidden;
  }

  #sectionLinks .column {
    width: 46%;
    float: left;
    margin: 0 20px 0 0;
  }

  #sectionLinks .item {
    margin: 10px 0 10px;
    overflow: hidden;
  }

    #sectionLinks .item .sectionLinkImg {
      float: left;
      display: block;
      height: 42px;
      width: 42px;
      margin: 4px 10px 10px 0;
      background: #aeaeae;
      border: 1px solid #aeaeae;
    }

    #sectionLinks .item .sectionLinkDetail {
      margin-left: 55px;
    }

      #sectionLinks .item .sectionLinkDetail p {
        font-size: 12px;
        line-height: 1.5em;
      }

      #sectionLinks .item .sectionLinkDetail h5 {
        font-size: 14px;
      }

      #sectionLinks .item .sectionLinkDetail h5,
      #sectionLinks .item .sectionLinkDetail p {
        margin: 1px 0 5px;
      }

    #sectionLinks .item .sectionLinkImg33 {
      float: left;
      display: block;
      height: 33px;
      width: 33px;
      margin: 4px 10px 10px 0;
      background: #aeaeae;
      border: 1px solid #aeaeae;
    }

.ColumnContent {
  display: flex;
  align-content: space-between;
}

  .ColumnContent .column {
    flex: 0 0 30%;
    margin-right: 5%;
  }

    .ColumnContent .column > p {
      margin: 5px 0;
    }

    .ColumnContent .column:not(:last-child) {
      background: transparent url('../Media/Images/HomeContactDivide.png') no-repeat right top;
    }

  .ColumnContent h2, .ColumnContent h3 {
    margin: 0;
  }

  .ColumnContent .item {
    margin: 10px 0 10px;
    overflow: hidden;
  }

  .ColumnContent #ContactHome h4 {
    margin-bottom: 1em;
  }

	.ColumnContent #ContactHome > div {
    width: 180px;
		padding: 10px 0;
    border-bottom: solid 1px #daecec;
	}

	.ColumnContent #ContactHome > div.first {
		padding-top: 0;
	}

	.ColumnContent #ContactHome > div.last {
		padding-bottom: 0;
		border-bottom: none;
	}

    .ColumnContent #ContactHome div h5,
    .ColumnContent #ContactHome div p {
      margin: 0 0 3px;
      text-shadow: none;
    }

  .ColumnContent #ContactHome a {
    text-decoration: none;
  }

    .ColumnContent #ContactHome a:hover {
      text-decoration: underline;
    }


/*Construction Safety Page*/

#ConstructionIndex {
  overflow: hidden;
  border: 1px silver solid;
  padding: 14px 12px;
  background: #fbfbfb;
}

  #ConstructionIndex h2:first-child {
    margin-top: 0;
  }

  #ConstructionIndex ul {
    margin-bottom: 0;
  }

.sectionRight {
  border: 1px #d4d4d4 solid;
  padding: 14px 12px;
  margin: 10px 0 10px 20px;
  float: right;
}

  .sectionRight h3:first-child {
    margin-top: 0;
  }

  .sectionRight ul {
    list-style-position: inside;
    padding-left: 5px;
    margin-bottom: 0;
  }

    .sectionRight ul li {
      margin-bottom: 5px;
    }


.FnlTable {
  width: 100%;
}

/*Ergonomics Content*/

#imgErgonomics {
  display: block;
  float: left;
  margin: 0px 20px 10px 0px;
  padding: 7px;
}

#ErgoEquipment tr td > p {
  margin-bottom: 0px;
  margin-top: 0px;
}

#ErgoChairs tr td > p {
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
}

/*styles for new safety page*/

.ButtonSelector > ul.Item {
  padding: 0px;
  margin: 12px 0px 0px 0px;
  overflow: hidden;
}

  .ButtonSelector > ul.Item > li {
    padding: 0px;
    margin: 0px;
    float: left;
    list-style-type: none;
    text-align: center;
    margin: 0px 4px 10px 0px;
  }

    .ButtonSelector > ul.Item > li a {
      display: block;
    }

    .ButtonSelector > ul.Item > li img {
      display: block;
      height: 125px;
      cursor: pointer;
    }

/*Safety Training Default Styles*/


.clearFix:after {
  clear: both;
  height: 0;
  white-space: nowrap;
  content: "";
  display: block;
  visibility: hidden;
}



/*** Annual Safety Training Styles ***/
.AstIndexTitle {
  margin-top: 39px;
  text-align: center;
}

.AstIndexSubText {
  font-size: 1.16667em; /* 1.16667em = 14/12 */
  line-height: 1.28571em; /* 1.28571em = 18/14*/
  text-align: center;
}

.AstIndexNotes {
  color: #8c8c8c;
  text-align: center;
}



/*** Ast Job Picker Buttons Styles ***/
.AstJobPicker {
  margin-top: 60px;
}

  .AstJobPicker.LayoutAstIndex {
    min-height: 251px; /* prevent elements beneath from moving around */
  }

  .AstJobPicker .JobFrame {
    background-color: #fbfbfb;
    background-position: 11px 28px;
    background-repeat: no-repeat;
    border: 1px solid #d6e8e8;
    -moz-box-shadow: -15px -15px 15px -15px rgba(0,0,0,0.08) inset, 19px 19px 15px -15px rgba(255,255,255,0.75) inset;
    -webkit-box-shadow: -15px -15px 15px -15px rgba(0,0,0,0.08) inset, 19px 19px 15px -15px rgba(255,255,255,0.75) inset;
    box-shadow: -15px -15px 15px -15px rgba(0,0,0,0.08) inset, 19px 19px 15px -15px rgba(255,255,255,0.75) inset;
    cursor: pointer;
    float: left;
    height: 86px;
    margin-right: -1px;
    overflow: hidden;
    padding: 0 11px 20px;
    width: 211px;
    /* animations */
    -moz-transition: height 500ms;
    -webkit-transition: height 500ms;
    transition: height 500ms;
  }

    .AstJobPicker .JobFrame.OfficeWorker {
      background-image: url('../Media/Images/_test-OfficeWorkerIcon.png');
    }

    .AstJobPicker .JobFrame.LabAnimalWorker {
      background-image: url('../Media/Images/_test-LabOrAnimalFacilityWorkerIcon.png');
    }

    .AstJobPicker .JobFrame.MaintenanceWorker {
      background-image: url('../Media/Images/_test-MaintenanceWorkerIcon.png');
      background-position: 11px 13px;
    }

    .AstJobPicker .JobFrame.Supervisor {
      background-image: url('../Media/Images/_test-SupervisorIcon.png');
    }

    .AstJobPicker .JobFrame:first-child {
      -moz-border-radius: 5px 0 0 5px;
      -webkit-border-radius: 5px 0 0 5px;
      border-radius: 5px 0 0 5px;
    }

    .AstJobPicker .JobFrame:last-child {
      -moz-border-radius: 0 5px 5px 0;
      -webkit-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0;
    }

    .AstJobPicker .JobFrame > a {
      text-decoration: none;
    }

    .AstJobPicker .JobFrame .JobName {
      border-color: transparent;
      border-style: solid;
      border-width: 1px;
      border-bottom: none;
      color: #009999;
      font-size: 1.33333em; /* 1.33333em = 16/12 */
      font-weight: normal;
      line-height: 1.25em;
      margin-bottom: 18px;
      margin-left: 67px;
      padding: 7px 5px;
      position: relative;
      text-align: center;
      width: 132px;
      /* animations */
      -moz-transition: border-color 500ms, margin-top 500ms cubic-bezier(0.75, -0.5, 0, 0);
      -webkit-transition: border-color 500ms, margin-top 500ms cubic-bezier(0.75, -0.5, 0, 0);
      transition: border-color 500ms, margin-top 500ms cubic-bezier(0.75, -0.5, 0, 0);
    }

      .AstJobPicker .JobFrame .JobName.OneLine {
        margin-top: 38px;
      }

      .AstJobPicker .JobFrame .JobName.TwoLine {
        margin-top: 26px;
      }

      .AstJobPicker .JobFrame .JobName:after {
        background: url('../Media/Images/_test-JobPickerSpeechBubbleBottom.png') no-repeat 0 0;
        bottom: -10px;
        content: "";
        display: block;
        height: 10px;
        left: -1px;
        opacity: 0;
        position: absolute;
        right: -1px;
        visibility: hidden;
        /* animations */
        -moz-transition: opacity 500ms, visibility 0s linear 500ms;
        -webkit-transition: opacity 500ms, visibility 0s linear 500ms;
        transition: opacity 500ms, visibility 0s linear 500ms; /* delay on visibility is workaround for transition bug */
      }

    .AstJobPicker .JobFrame .JobLocations {
      color: #444444;
      margin-left: 72px;
    }

      .AstJobPicker .JobFrame .JobLocations h3 {
        color: #444444;
      }

      .AstJobPicker .JobFrame .JobLocations ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }



    /*** Ast Job Picker Buttons Animations ***/
    .AstJobPicker .JobFrame:hover {
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
    }

    .AstJobPicker .JobFrame.AnimHeight208:hover {
      height: 208px;
    }

    .AstJobPicker .JobFrame.AnimHeight241:hover {
      height: 229px;
    }

    .AstJobPicker .JobFrame:hover .JobName {
      border-color: #009999;
      margin-top: 20px;
      -moz-transition: border-color 500ms, margin-top 500ms cubic-bezier(0, 0, 0.25, 1.5);
      -webkit-transition: border-color 500ms, margin-top 500ms cubic-bezier(0, 0, 0.25, 1.5);
      transition: border-color 500ms, margin-top 500ms cubic-bezier(0, 0, 0.25, 1.5);
    }

      .AstJobPicker .JobFrame:hover .JobName:after {
        opacity: 1;
        visibility: visible;
        -moz-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; /* remove delay for visibility bug */
      }

.Fader {
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 450ms, visibility 0s linear 450ms;
  -webkit-transition: opacity 450ms, visibility 0s linear 450ms;
  transition: opacity 450ms, visibility 0s linear 450ms; /* delay on visibility is workaround for transition bug */
}

.AstJobPicker .JobFrame:hover .Fader {
  opacity: 1;
  visibility: visible;
  -moz-transition: opacity 1000ms;
  -webkit-transition: opacity 1000ms;
  transition: opacity 1000ms;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; /* remove delay for visibility bug */
}



/*** Ast Job Picker IE Styles ***/
.AstJobPicker .JobFrame:hover .JobName {
  *border: none; /* no pseudo element support in IE<8 */
  *margin-bottom: 0;
  *padding-bottom: 0;
  *text-align: left;
}

/**Two column lists*/
.threeColumnList {
  list-style-position: outside;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
  padding-left: 25px;
  list-style-type: none;
}

  .threeColumnList li {
    margin-left: 5px;
  }


/*Back to top button*/


.to-top-btn {
  position: fixed;
  bottom: 129px;
  right: 50px;
  padding: 10px;
  border-radius: 5px;
  display: none;
}

@media screen and (max-width: 1290px) {
  .to-top-btn {
    display: none !important;
  }
}

/*Industrial Safety*/

#introSection {
  display: flex;
  align-content: center;
  flex-direction: row;
  background: #FFF;
  border: solid 2px #E8F5F5;
}

  #introSection > img {
    margin-right: 20px;
    border-right: solid 2px #E8F5F5;
  }

  #introSection > div {
    padding: 20px 15px 15px 0;
  }

  #introSection h1 {
    margin-top: 0;
  }

ul.ExpandableBoxes {
  padding: 0px;
  margin: 0px auto 0px auto;
  width: 100%;
  position: relative;
}

  ul.ExpandableBoxes > li {
    list-style-type: none;
    margin: 5px 0px 0px 0px;
    border: solid 2px #E8F5F5;
    border-radius: 5px;
  }

    ul.ExpandableBoxes > li > h2 {
      margin: 0;
      min-height: 22px;
      background-position: 5px 5px;
      text-shadow: 1px 1px 3px #E1E1E1;
      color: #37619a;
      font-size: 1.3em;
      font-weight: normal;
      padding: 6px 10px 0px 5px;
    }

    ul.ExpandableBoxes > li > .header > img {
      position: absolute;
      right: 10px;
      top: 11px;
      padding-right: 5px;
    }

    ul.ExpandableBoxes > li > .header > span {
      padding-left: 8px;
      display: block;
      font-size: 15.5px;
      padding-right: 20px;
    }

      ul.ExpandableBoxes > li > .header > span > span.Description {
        font-size: 12px;
        color: #696969;
        display: block;
        padding: 4px 0;
        max-width: 90%;
        text-shadow: none;
      }

    #IndustrialSafety ul.ExpandableBoxes > li > div.content > ul, ul.ExpandableBoxes > li > div.content > p {
      padding-left: 0px;
      list-style: none;
      margin: 0 0 5px 0;
    }

#IndustrialSafety .ExpandableBoxes ul li:first-child {
  margin-top: 0;
}

ul.ExpandableBoxes > li > div.content {
  display: none;
  padding: 10px 10px 5px 15px;
}

ul.ExpandableBoxes > li > .header:hover {
  background-color: #f3fcfc;
  cursor: pointer;
}

  ul.ExpandableBoxes > li > .header:hover + div.content {
    background: -webkit-linear-gradient(#f3fcfc, #FFF);
    background: -o-linear-gradient(#f3fcfc, #FFF);
    background: -moz-linear-gradient(#f3fcfc, #FFF);
    background: linear-gradient(#f3fcfc, #FFF);
  }

div.TwoColumnPageContent#IndustrialOfferings {
  margin-top: 10px;
}

  div.TwoColumnPageContent#IndustrialOfferings > div {
    border: solid 2px #ececec;
    background: #fcfcfc;
    box-sizing: border-box;
    padding: 13px;
  }

    div.TwoColumnPageContent#IndustrialOfferings > div > h2 {
      margin-top: 0;
    }

    div.TwoColumnPageContent#IndustrialOfferings > div > *:last-child {
      margin-bottom: 0;
    }

    div.TwoColumnPageContent#IndustrialOfferings > div > h2 {
      background-repeat: no-repeat;
      height: 20px;
      background-size: 16px 20px;
      padding-left: 25px;
      line-height: 20px;
    }

    div .TwoColumnPageContent#IndustrialOfferings > div:first-child > h2 {
      background-image: url('../Media/Images/Industrial/iconTraining.svg');
    }

    div .TwoColumnPageContent#IndustrialOfferings > div:nth-child(2) > h2 {
      background-image: url('../Media/Images/Industrial/iconPermit.svg');
    }

/*Statistics Page*/

.chartWrapper > h3 {
  text-align: center;
}

.chartWrapper > canvas {
  max-width: 350px;
  max-height: 350px;
  margin-top: 20px;
}

.flexContentWrapper {
  display: flex;
}

  .flexContentWrapper.SpaceBetween {
    justify-content: space-between;
  }

  .flexContentWrapper .chartWrapper {
    flex: 0 0 47%;
    margin-bottom: 20px;
  }

    .flexContentWrapper .chartWrapper:first-child {
      margin-right: 6%;
    }

    .flexContentWrapper .chartWrapper > h3 {
      color: #000;
    }

.ChartStats {
  font-size: 13.2px;
}

.ChartTitle {
  color: #000;
  font-weight: bold;
}

.IndexSelector a:before,
#EhsSubSitePageContent_SiteContent_lnkOnsite a:before {
  content: "";
  display: block;
  background-color: transparent;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4zLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4MDAgNDcuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODAwIDQ3Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMwMDk5OTk7fQ0KCS5zdDF7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTIuNCwyNC43bC0yLjIsMC4zTDUwLDE5bC0xNS01LjVMMTMuNiwzMEwyLjMsMzIuN3YtMC4ybDExLjMtMy4xTDM1LDEyLjJsOSwzLjN2LTIuMWwtOS00LjFsLTIxLjQsMTkNCglsLTguMSwyLjRMMS4yLDMxdjdsMzEuNSwwLjVINDFoMzAuMnYtNi45TDUyLjQsMjQuN3ogTTUuOSwzNy44SDR2LTFsMS45LTAuMVYzNy44eiBNOC43LDM3LjhINi44di0xLjFsMS45LTAuMVYzNy44eiBNMTEuNSwzNy44DQoJSDkuNnYtMS4ybDEuOS0wLjFWMzcuOHogTTE0LjIsMzcuOGgtMS44di0xLjNsMS41LTAuMWwwLjMtMC4xVjM3Ljh6IE0xNi41LDM3LjhoLTEuM3YtMS41bDEuMy0wLjJWMzcuOHogTTE5LjIsMzcuOGgtMS44di0xLjkNCglsMS44LTAuM1YzNy44eiBNMjIuMSwzNy44aC0xLjl2LTIuM2wxLjktMC4zVjM3Ljh6IE0yNS43LDM3LjhIMjNWMzVsMi43LTAuNFYzNy44eiBNMzAuOCwzNy44aC00LjF2LTMuM2w0LjEtMC42VjM3Ljh6IE00MC4xLDM3LjcNCgloLTUuNnYtNC4xbDUuNiwwLjVWMzcuN3ogTTQ0LDMwbC05LTEuOWwtMjEuNCw2LjVsLTExLjMsMXYtMC4yTDEzLjYsMzRMMzUsMjYuOGw5LDEuOVYzMHogTTQ0LDI2LjVsLTktMi4ybC0yMS40LDkuM1YzM0wzNSwyMw0KCWw5LDIuMlYyNi41eiBNNDQsMjMuMWwtOS0yLjdMMTMuNiwzMi41TDIuMywzNC4zVjM0bDExLjMtMi4xTDM1LDE5bDksMi45VjIzLjF6IE00NCwxOS44bC05LTIuN0wxMy42LDMxLjN2LTAuNkwzNSwxNS44bDksM1YxOS44eg0KCSBNNzAuMywzNy4yTDU5LDM2Ljh2LTIuMmwxMS4zLDEuNVYzNy4yeiBNNzAuMywzNS40bC0xMS4zLTJ2LTIuMmwxMS4zLDMuMVYzNS40eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI0OC44LDI0LjdsLTIuMiwwLjNsLTAuMi02bC0xNS01LjVMMjEwLDMwbC0xMS4zLDIuN3YtMC4ybDExLjMtMy4xbDIxLjQtMTcuM2w5LDMuM3YtMi4xbC05LTQuMWwtMjEuNCwxOQ0KCWwtOC4xLDIuNGwtNC4zLDAuM3Y3bDMxLjUsMC41aDguM2gzMC4ydi02LjlMMjQ4LjgsMjQuN3ogTTIwMi4zLDM3LjhoLTEuOXYtMWwxLjktMC4xVjM3Ljh6IE0yMDUuMSwzNy44aC0xLjl2LTEuMWwxLjktMC4xVjM3Ljh6DQoJIE0yMDcuOSwzNy44aC0xLjl2LTEuMmwxLjktMC4xVjM3Ljh6IE0yMTAuNywzNy44aC0xLjh2LTEuM2wxLjUtMC4xbDAuMy0wLjFWMzcuOHogTTIxMi45LDM3LjhoLTEuM3YtMS41bDEuMy0wLjJWMzcuOHoNCgkgTTIxNS43LDM3LjhoLTEuOHYtMS45bDEuOC0wLjNWMzcuOHogTTIxOC41LDM3LjhoLTEuOXYtMi4zbDEuOS0wLjNWMzcuOHogTTIyMi4xLDM3LjhoLTIuN1YzNWwyLjctMC40VjM3Ljh6IE0yMjcuMiwzNy44aC00LjENCgl2LTMuM2w0LjEtMC42VjM3Ljh6IE0yMzYuNSwzNy43aC01LjZ2LTQuMWw1LjYsMC41VjM3Ljd6IE0yNDAuNCwzMGwtOS0xLjlMMjEwLDM0LjZsLTExLjMsMXYtMC4yTDIxMCwzNGwyMS40LTcuMmw5LDEuOVYzMHoNCgkgTTI0MC40LDI2LjVsLTktMi4yTDIxMCwzMy42VjMzTDIzMS40LDIzbDksMi4yVjI2LjV6IE0yNDAuNCwyMy4xbC05LTIuN0wyMTAsMzIuNWwtMTEuMywxLjhWMzRsMTEuMy0yLjFMMjMxLjQsMTlsOSwyLjlWMjMuMXoNCgkgTTI0MC40LDE5LjhsLTktMi43TDIxMCwzMS4zdi0wLjZsMjEuNC0xNC45bDksM1YxOS44eiBNMjY2LjcsMzcuMmwtMTEuMy0wLjR2LTIuMmwxMS4zLDEuNVYzNy4yeiBNMjY2LjcsMzUuNGwtMTEuMy0ydi0yLjINCglsMTEuMywzLjFWMzUuNHoiLz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NDkuNCwyNi43djEzLjNoLTI2LjdWMjYuN2g0LjR2OC45SDQ0NXYtOC45SDQ0OS40eiBNNDUzLjksMjcuMmwtMTcuOC0xMy44bC0xNy44LDEzLjh2LTUuNmwxNy44LTEzLjgNCgkJbDE3LjgsMTMuOFYyNy4yeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MzYuMSwyNy40YzEuNCwwLDIuNywwLjYsMy42LDEuNWwtMS4yLDEuMmMtMC42LTAuNi0xLjUtMS0yLjQtMXMtMS44LDAuNC0yLjQsMWwtMS4yLTEuMg0KCQlDNDMzLjQsMjcuOSw0MzQuNywyNy40LDQzNi4xLDI3LjQgTTQzMCwyNi40YzEuNi0xLjYsMy44LTIuNSw2LjEtMi41czQuNCwwLjksNi4xLDIuNWwtMS4yLDEuMmMtMS4zLTEuMy0zLTItNC44LTINCgkJYy0xLjgsMC0zLjYsMC43LTQuOCwyTDQzMCwyNi40eiBNNDQwLjcsMjEuNWMxLjQsMC42LDIuNywxLjUsMy44LDIuNmwtMS4yLDEuMmMtMS45LTEuOS00LjUtMy03LjMtM2MtMi43LDAtNS4zLDEuMS03LjMsMw0KCQlsLTEuMi0xLjJjMS4xLTEuMSwyLjQtMiwzLjgtMi42YzEuNS0wLjYsMy0wLjksNC43LTAuOVM0MzkuMywyMC44LDQ0MC43LDIxLjUgTTQzNS4yLDMxLjZjMCwwLjUsMC40LDAuOSwwLjksMC45czAuOS0wLjQsMC45LTAuOQ0KCQljMC0wLjUtMC40LTAuOS0wLjktMC45UzQzNS4yLDMxLjIsNDM1LjIsMzEuNiIvPg0KPC9nPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTY1MC4yLDI2Ljd2MTMuM2gtMjYuN1YyNi43aDQuNHY4LjloMTcuOHYtOC45SDY1MC4yeiBNNjU0LjYsMjcuMmwtMTcuOC0xMy44TDYxOSwyNy4ydi01LjZsMTcuOC0xMy44DQoJCWwxNy44LDEzLjhWMjcuMnoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjM2LjgsMjcuNGMxLjQsMCwyLjcsMC42LDMuNiwxLjVsLTEuMiwxLjJjLTAuNi0wLjYtMS41LTEtMi40LTFzLTEuOCwwLjQtMi40LDFsLTEuMi0xLjINCgkJQzYzNC4xLDI3LjksNjM1LjQsMjcuNCw2MzYuOCwyNy40IE02MzAuOCwyNi40YzEuNi0xLjYsMy44LTIuNSw2LjEtMi41czQuNCwwLjksNi4xLDIuNWwtMS4yLDEuMmMtMS4zLTEuMy0zLTItNC44LTINCgkJYy0xLjgsMC0zLjYsMC43LTQuOCwyTDYzMC44LDI2LjR6IE02NDEuNSwyMS41YzEuNCwwLjYsMi43LDEuNSwzLjgsMi42bC0xLjIsMS4yYy0xLjktMS45LTQuNS0zLTcuMy0zYy0yLjcsMC01LjMsMS4xLTcuMywzDQoJCWwtMS4yLTEuMmMxLjEtMS4xLDIuNC0yLDMuOC0yLjZjMS41LTAuNiwzLTAuOSw0LjctMC45QzYzOC40LDIwLjUsNjQwLDIwLjgsNjQxLjUsMjEuNSBNNjM2LDMxLjZjMCwwLjUsMC40LDAuOSwwLjksMC45DQoJCXMwLjktMC40LDAuOS0wLjljMC0wLjUtMC40LTAuOS0wLjktMC45UzYzNiwzMS4yLDYzNiwzMS42Ii8+DQo8L2c+DQo8L3N2Zz4NCg==');
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
}

.IndexSelector a:before {
  background-size: 800px 48px;
  width: 111px; /* same as left padding on parent */
}

#CampusModeSelector a:before {
  background-size: 280px 17px;
  width: 41px; /* same as left padding on parent and text */
  top: 19px;
}

#IndexCampusSelector #CampusModeSelector a:before {
  background-size: 445px 27px;
  width: 50px; /* same as left padding on parent */
  top: 0;
}
/* end shared iconography */

.IntroQuestion {
  color: #009999;
  font-size: 22px;
  line-height: 22px;
  padding: 5px 0 0 18px;
  margin: 25px 0 30px 0;
  text-align: center;
}

  .IntroQuestion span {
    width: 28px;
    height: 23px;
    display: inline-block;
    background: transparent url('./Media/Images/IntroQuestion.png') no-repeat left top;
  }

.IndexSelector {
  overflow: hidden;
  margin: 0 0 0 134px;
}

  .IndexSelector a {
    display: inline-flex;
    height: 135px;
    width: 149px;
    padding: 0 66px 0 111px;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #009999;
    background: transparent url('../Media/Images/IndexSelectorButton.png') no-repeat;
    float: left;
    text-align: left;
    text-decoration: none;
    -webkit-transition: color 0 ease 0;
    -moz-transition: color 0 ease 0;
    -o-transition: color 0 ease 0;
    transition: color 0 ease 0;
    position: relative;
    align-items: center;
  }

    .IndexSelector a.RemoteButton {
      margin: 0;
      width: 155px;
      padding-right: 60px;
      background-position: right top;
    }

      .IndexSelector a.RemoteButton:hover {
        background-position: right -200px;
      }

      .IndexSelector a.RemoteButton:active {
        background-position: right -400px;
        color: #ffffff;
      }

      .IndexSelector a.RemoteButton:before {
        background-position: -378px center;
      }

      .IndexSelector a.RemoteButton:active:before {
        background-position: -578px center;
      }

    .IndexSelector a.OnsiteButton {
      margin: 0 34px 0 0;
      background-position: left top;
    }

      .IndexSelector a.OnsiteButton:hover {
        background-position: left -200px;
      }

      .IndexSelector a.OnsiteButton:active {
        background-position: left -400px;
        color: #ffffff;
      }

      .IndexSelector a.OnsiteButton:before {
        background-position: 23px center;
      }

      .IndexSelector a.OnsiteButton:active:before {
        background-position: -177px center;
      }

#RememberCampusCheckbox {
  width: 195px;
  margin: 20px auto 26px;
}

p.IndexExplanationText {
  color: #8c8c8c;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
/*** CAMPUS SELECTOR STYLES - GENERAL STYLES ***/
#FnlSubSiteSideBar {
  overflow: visible;
}

#CampusModeSelector {
  height: 192px;
  position: relative;
  overflow: visible;
  margin-bottom: 10px;
}

  #CampusModeSelector a {
    display: block;
    position: absolute;
    margin-bottom: 5px;
    height: 88px;
    width: 150px;
    color: #009999;
    padding: 8px 10px 0 12px;
    background: transparent url('../Media/Images/CampusSelectorBackpage.png') no-repeat;
    -webkit-transition: color 0 ease 0;
    -moz-transition: color 0 ease 0;
    -o-transition: color 0 ease 0;
    transition: color 0 ease 0;
    text-decoration: none;
  }

    #CampusModeSelector a.CampusAtrfBtn {
      bottom: 0;
      background-position: left top;
    }

      #CampusModeSelector a.CampusAtrfBtn:hover {
        background-position: left -200px;
      }

      #CampusModeSelector a.CampusAtrfBtn:active {
        background-position: left -400px;
        color: #ffffff;
      }

      #CampusModeSelector a.CampusAtrfBtn:before {
        background-position: -127px 4px;
      }

      #CampusModeSelector a.CampusAtrfBtn:active:before,
      #CampusModeSelector a.CampusAtrfBtn.SelectedCampus:before {
        background-position: -197px 4px;
      }

    #CampusModeSelector a.CampusNcifBtn {
      top: 0;
      background-position: right top;
    }

      #CampusModeSelector a.CampusNcifBtn:hover {
        background-position: right -200px;
      }

      #CampusModeSelector a.CampusNcifBtn:active {
        background-position: right -400px;
        color: #ffffff;
      }

      #CampusModeSelector a.CampusNcifBtn:before {
        background-position: 11px 8px;
      }

      #CampusModeSelector a.CampusNcifBtn:active:before,
      #CampusModeSelector a.CampusNcifBtn.SelectedCampus:before {
        background-position: -59px 8px;
      }

    #CampusModeSelector a.SelectedCampus,
    #CampusModeSelector a.SelectedCampus:hover,
    #CampusModeSelector a.SelectedCampus:active {
      height: 75px;
      width: 152px;
      padding: 8px 20px 0 11px;
      background: transparent url('../Media/Images/CampusSelectorBackpageSelected.png') no-repeat left top;
      color: #ffffff;
      cursor: default;
    }

      #CampusModeSelector a.SelectedCampus.CampusNcifBtn {
        background-position: left top;
      }

      #CampusModeSelector a.SelectedCampus.CampusAtrfBtn {
        background-position: right top;
      }

    #CampusModeSelector a span.CampusContentFor {
      display: block;
      font-size: 10px;
      line-height: 10px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    #CampusModeSelector a span.CampusLinkTitle {
      font-size: 14px;
      font-weight: bold;
      line-height: 16px;
      padding: 6px 0 0 30px;
      display: block;
    }

    #CampusModeSelector a span.CampusClickHere {
      padding: 2px 0 0 30px;
      color: #a3a3a3;
      display: block;
      font-size: 10px;
      line-height: 10px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    #CampusModeSelector a:active span.CampusClickHere {
      color: #ffffff;
    }

/*** CAMPUS SELECTOR STYLES - INDEX OVERRIDES*/
#IndexCampusSelector #CampusModeSelector {
  height: 197px;
  margin-top: 16px;
  position: static;
}

  #IndexCampusSelector #CampusModeSelector a {
    position: relative;
    width: 153px;
    height: 76px;
    padding: 11px 6px 0 50px;
    background-image: url('../Media/Images/CampusSelectorIndex.png');
  }

    #IndexCampusSelector #CampusModeSelector a span.CampusContentFor {
      padding: 0 0 3px;
    }

    #IndexCampusSelector #CampusModeSelector a span.CampusLinkTitle {
      display: inline;
      padding: 0;
    }

    #IndexCampusSelector #CampusModeSelector a span.CampusClickHere {
      display: inline;
      padding: 0;
    }

    #IndexCampusSelector #CampusModeSelector a.CampusAtrfBtn:before {
      background-position: -218px center;
    }

    #IndexCampusSelector #CampusModeSelector a.CampusAtrfBtn:active:before,
    #IndexCampusSelector #CampusModeSelector a.CampusAtrfBtn.SelectedCampus:before {
      background-position: -329px center;
    }

    #IndexCampusSelector #CampusModeSelector a.CampusNcifBtn:before {
      background-position: 6px center;
    }

    #IndexCampusSelector #CampusModeSelector a.CampusNcifBtn:active:before,
    #IndexCampusSelector #CampusModeSelector a.CampusNcifBtn.SelectedCampus:before {
      background-position: -105px center;
    }

    #IndexCampusSelector #CampusModeSelector a.SelectedCampus,
    #IndexCampusSelector #CampusModeSelector a.SelectedCampus:hover,
    #IndexCampusSelector #CampusModeSelector a.SelectedCampus:active {
      background-image: url('../Media/Images/CampusSelectorIndexSelected.png');
      width: 142px;
      padding-right: 27px;
    }

.ErgonomicsSteps {
  background: #F6FCFC;
  border: 1px solid #C3CCCC;
}

  .ErgonomicsSteps ol {
    padding: 20px 10px 10px 30px;
    margin: 0px;
  }

.FlexContain{
  display: flex;
}

.FlexContain .FlexBlock{
  flex: 1;
}

.COVIDTips * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  align-items: start;
}

.COVIDTips h1 {
  color: #009999;
  margin: 1em 0 .4em;
  padding-bottom: 10px;
}

.COVIDTips > p {
  padding-bottom: 20px;
}

.CardsRow {
  display: flex;
  flex-wrap: wrap;
}

.COVIDTips h2 {
  color: #009999;
  display: inline-block;
  line-height: 31px;
  padding: 33px 40px;
  font-size: 26px;
}

.COVIDTips .CovidCardLong h2 {
  padding: 20px 40px;
}

.CovidCard {
  width: 355px;
  background: #F7F7F7;
  margin: 10px 10px;
  cursor: pointer;
  transition: 0.5s ease;
  box-sizing: content-box;
  min-height: 100%;
}

  .CovidCard img {
    float: right;
    height: 100px;
    padding: 10px 10px;
  }

  .CovidCard:hover {
    box-shadow: 4px 4px 5px #e6e6e6;
  }
/*
.HiddenTip {
  display: none;
  font-size: 11px;
  padding: 20px 20px 20px 40px;
  height: auto;
}
*/

/* Card Flip Background Images */
ul.CardFlipContainer li:nth-child(1) .FrontSide .FrontSideImage {
  background-image: url(../Media/Images/Ergonomics/GeneralErgonomicBox.jpg);
}

ul.CardFlipContainer li:nth-child(2) .FrontSide .FrontSideImage {
  background-image: url(../Media/Images/Ergonomics/ElectricalIcon.png);
}

ul.CardFlipContainer li:nth-child(3) .FrontSide .FrontSideImage {
  background-image: url(../Media/Images/Ergonomics/FireSafetyIcon.png);
}

ul.CardFlipContainer li:nth-child(4) .FrontSide .FrontSideImage {
  background-image: url(../Media/Images/Ergonomics/ErgonomicsIcon.png);
}

ul.CardFlipContainer li:nth-child(5) .FrontSide .FrontSideImage {
  background-image: url(../Media/Images/Ergonomics/EmergencyIcon.png);
}

.ContactHomeColumnWrapper{
  display: flex;
  align-items: flex-start;
  padding: 15px 0;
}

.ContactHomeColumnWrapper > div{
  flex: 0 1 auto;
  width: 25%;
}

  .ContactHomeColumnWrapper > div:not(:first-child) {
    border-left: 1px solid #daecec;
    padding-left: 15px;
  }

.Tabs {
  display: flex;
  list-style: none;
  padding: 0 13px;
  margin: 0;
  border-bottom: 1px solid #9fc9c9;
}

  .Tabs > li {
    flex: 0 0 auto;
    margin: 0 5px 0 0;
    padding: 0 14px;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    color: #555555;
    border-top: 1px solid #9fc9c9;
    border-right: 1px solid #9fc9c9;
    border-left: 1px solid #9fc9c9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

    .Tabs > li:last-child {
      margin-right: 0;
    }

    .Tabs > li.Selected,
    .Tabs > li.Selected:hover {
      background-color: #ccebeb;
      border-color: #9fc9c9;
      cursor: default;
    }

    .Tabs > li:hover {
      background-color: #F6F6F6;
      cursor: pointer;
    }

.TabbedContent li {
  display: none;
  margin: 0;
  padding: 13px;
}

.TabbedContent li.Selected {
  display: block;
}

.FlexContain .FlexBlock .ContactInfo{
  margin-bottom: 15px;
}

.headerSubText{
  font-weight: bold;
  font-size: 14px;
  color: black;
}