/* Shaun Capehart Reset, Originally Based on Eric Meyer Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, a:hover, a:active, abbr, acronym, address, cite, em, img, strike, strong, ol, ul, li, fieldset, form, input, select, label {
  margin: 0px;
  padding: 0px;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-rendering: optimizeLegibility; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

/* Text Replacement */
.text_replacement, body.home header .branding .interior h1, body.home main .modal-container .modal-close {
  display: block;
  text-indent: -9999px; }

.text_replacement a, body.home header .branding .interior h1 a, body.home main .modal-container .modal-close a {
  display: block;
  width: 100%;
  height: 100%; }

/* Clearfix */
.clearfix:before, body.home header:before, body.home header .branding .interior:before, .clearfix:after, body.home header:after, body.home header .branding .interior:after {
  content: "";
  display: table; }

.clearfix:after, body.home header:after, body.home header .branding .interior:after {
  clear: both; }

.clearfix, body.home header, body.home header .branding .interior {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

.template-modal-trigger, body > .modal-trigger, body.home header .call_to_action .interior ul li a {
  display: block;
  padding: 16px 32px;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.input_field {
  background: rgba(33, 38, 40, 0.1);
  margin-bottom: 1px;
  padding: 5px 8px;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .input_field:hover, .input_field:focus {
    background: rgba(33, 38, 40, 0.08); }
  .input_field input[type="text"], .input_field select {
    width: 100%;
    margin: 4px 0;
    padding: 2px 4px;
    border-radius: 2px; }

.interior {
  display: block;
  margin: 0 auto;
  max-width: 980px;
  padding: 0 10px; }
  .interior a.active {
    display: none; }

:root header {
  filter: none \; }

body {
  font: 16px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; }
  body div.noscript {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 2%;
    background: repeating-linear-gradient(45deg, #fff, #fff 10px, #f3f3f3 10px, #f3f3f3 20px); }
    body div.noscript .container {
      display: table-cell;
      vertical-align: middle; }
      body div.noscript .container .content {
        background: rgba(0, 0, 0, 0.75);
        padding: 20px;
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        max-width: 700px;
        margin: 0 auto; }
        body div.noscript .container .content h1 {
          font-size: 24px;
          margin-bottom: 20px; }
        body div.noscript .container .content p {
          color: #f3f3f3;
          line-height: 26px; }
  body.apple-mobile .modal-container, body.apple-mobile .modal-margins, body.apple-mobile .modal {
    display: block !important; }
  body header, body footer, body portal_configuration, body div.noscript {
    display: none; }
  body #container {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    body #container.loading {
      opacity: 0;
      filter: alpha(opacity=0); }
    body #container.empty {
      position: fixed;
      left: 0;
      top: 0;
      display: table;
      width: 100%;
      height: 100%; }
      body #container.empty:after {
        content: 'Sorry, this module has not been configured. For assistance exit this modal and click the support button up top.';
        position: absolute;
        left: 0;
        top: 0;
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
  body.transitioning {
    pointer-events: none; }
  body > .modal-trigger {
    position: fixed; }
  body.interior #container table[width="1000"] {
    width: 100%; }
  body.interior h1, body.interior span.B2GnowSectionHead, body.interior span.B2GnowSectionHead b {
    display: block;
    width: 100%;
    text-align: center;
    position: relative; }
  body.interior h1, body.interior span.B2GnowSectionHead {
    margin-bottom: 20px !important;
    padding-bottom: 20px; }
    body.interior h1:after, body.interior span.B2GnowSectionHead:after {
      content: '';
      display: block;
      width: 52px;
      height: 2px;
      position: absolute;
      bottom: 0px;
      left: 50%;
      margin-left: -26px;
      background: rgba(0, 0, 0, 0.4); }
  body.interior form table tr td {
    padding: 5px; }
    body.interior form table tr td input:not([type="button"]), body.interior form table tr td select {
      border: 1px solid lightgray; }
    body.interior form table tr td[width="70%"] td[width="3%"] {
      vertical-align: middle; }
  body.home {
    background: #005596;
    overflow-x: hidden; }
    body.home.modal-active {
      overflow: hidden; }
    body.home header {
      display: block;
      overflow: hidden; }
      body.home header .branding .interior h1 {
        float: left;
        margin-bottom: 0; }
      body.home header .branding .interior ul {
        float: right; }
        body.home header .branding .interior ul li {
          display: table;
          float: left;
          margin-left: 46px; }
          body.home header .branding .interior ul li span {
            display: table-cell;
            vertical-align: middle; }
            body.home header .branding .interior ul li span a {
              text-decoration: none;
              font: 12px "Raleway", Arial, Helvetica, sans-serif;
              text-transform: uppercase;
              letter-spacing: .1em;
              display: block;
              position: relative;
              -webkit-transition: all 0.1s ease;
              -moz-transition: all 0.1s ease;
              -ms-transition: all 0.1s ease;
              -o-transition: all 0.1s ease;
              transition: all 0.1s ease;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              -ms-border-radius: 2px;
              border-radius: 2px;
              color: #fff; }
              body.home header .branding .interior ul li span a.site {
                padding: 8px 11px 8px 12px;
                max-width: 275px;
                position: relative; }
                body.home header .branding .interior ul li span a.site:before {
                  content: '';
                  display: block;
                  height: 2px;
                  position: absolute;
                  left: 12px;
                  right: 12px;
                  bottom: 6px;
                  z-index: 1;
                  background: orange;
                  -webkit-transition: all 0.2s ease;
                  -moz-transition: all 0.2s ease;
                  -ms-transition: all 0.2s ease;
                  -o-transition: all 0.2s ease;
                  transition: all 0.2s ease; }
                body.home header .branding .interior ul li span a.site:hover, body.home header .branding .interior ul li span a.site:focus {
                  background: rgba(255, 255, 255, 0.1); }
                  body.home header .branding .interior ul li span a.site:hover:before, body.home header .branding .interior ul li span a.site:focus:before {
                    height: 0; }
              body.home header .branding .interior ul li span a.support {
                padding: 8px 10px 8px 32px;
                position: relative;
                -webkit-transition: all 0.1s ease;
                -moz-transition: all 0.1s ease;
                -ms-transition: all 0.1s ease;
                -o-transition: all 0.1s ease;
                transition: all 0.1s ease; }
                body.home header .branding .interior ul li span a.support:after {
                  content: '?';
                  font: 14px Arial, Helvetica;
                  text-align: center;
                  color: #fff;
                  line-height: 18px;
                  display: block;
                  width: 17px;
                  height: 18px;
                  padding-left: 1px;
                  border: 1px solid #fff;
                  position: absolute;
                  left: 6px;
                  top: 5px;
                  -webkit-border-radius: 10px;
                  -moz-border-radius: 10px;
                  -ms-border-radius: 10px;
                  border-radius: 10px; }
                body.home header .branding .interior ul li span a.support:hover, body.home header .branding .interior ul li span a.support:focus {
                  background-color: orange; }
      body.home header .call_to_action {
        text-align: center;
        padding: 2% 0; }
        body.home header .call_to_action .interior h2 {
          font: 48px "Open Sans", Arial, Helvetica, sans-serif;
          padding: 24px 40px;
          position: relative; }
          body.home header .call_to_action .interior h2:after {
            content: '';
            display: block;
            width: 52px;
            height: 3px;
            position: absolute;
            bottom: 0px;
            left: 50%;
            margin-left: -26px;
            background: orange; }
        body.home header .call_to_action .interior ul {
          padding: 32px 20px; }
          body.home header .call_to_action .interior ul li {
            display: inline-block;
            margin: 0 5px 10px; }
            body.home header .call_to_action .interior ul li a {
              font-size: 18px; }
    body.home main {
      border-top: 2px solid #0072c9;
      padding: 8px 0 2px; }
      body.home main .interior {
        max-width: 984px;
        text-align: center;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 2px;
        -moz-column-gap: 2px;
        column-gap: 2px;
        padding-top: 2px; }
        body.home main .interior.module_count-even {
          -webkit-column-count: 2;
          -moz-column-count: 2;
          column-count: 2; }
        body.home main .interior .module {
          display: inline-block;
          width: 98%;
          /*width:32.5%;*/
          margin: 0 0 10px;
          background: #fff;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          border-radius: 2px;
          padding: 12px 20px;
          text-align: left;
          vertical-align: top;
          position: relative;
          z-index: 1; }
          body.home main .interior .module h3 {
            font: 28px "Open Sans", Arial, Helvetica, sans-serif;
            font-weight: bold;
            margin-bottom: 10px; }
          body.home main .interior .module p {
            font: 16px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-weight: bold;
            color: #6e878e;
            letter-spacing: -.025em;
            margin-bottom: 10px;
            line-height: 22px !important; }
          body.home main .interior .module ul.iframe-triggers {
            margin: 5px 0; }
            body.home main .interior .module ul.iframe-triggers li {
              margin-bottom: 2px; }
              body.home main .interior .module ul.iframe-triggers li a.iframe-trigger {
                display: block;
                width: 100%;
                text-align: center;
                -webkit-transition: all 0.1s ease-in-out;
                -moz-transition: all 0.1s ease-in-out;
                -ms-transition: all 0.1s ease-in-out;
                -o-transition: all 0.1s ease-in-out;
                transition: all 0.1s ease-in-out;
                text-decoration: none;
                color: #fff;
                padding: 15px 20px; }
              body.home main .interior .module ul.iframe-triggers li:first-child a {
                border-top-left-radius: 2px;
                border-top-right-radius: 2px; }
              body.home main .interior .module ul.iframe-triggers li:last-child a {
                border-bottom-left-radius: 2px;
                border-bottom-right-radius: 2px; }
          body.home main .interior .module ul li {
            margin-bottom: 8px; }
      body.home main .modal-container {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 100%;
        background: transparent;
        z-index: 1;
        -webkit-transition: background-color 0.1s ease-in-out;
        -moz-transition: background-color 0.1s ease-in-out;
        -ms-transition: background-color 0.1s ease-in-out;
        -o-transition: background-color 0.1s ease-in-out;
        transition: background-color 0.1s ease-in-out;
        -webkit-transform: translateZ(0);
        transform: translateZ(0); }
        body.home main .modal-container.active {
          display: table;
          top: 0%;
          z-index: 99999;
          background: rgba(0, 0, 0, 0.4); }
          body.home main .modal-container.active .modal-margins .modal {
            opacity: 1;
            filter: alpha(opacity=100);
            top: 0% !important;
            transition-delay: 0s; }
            body.home main .modal-container.active .modal-margins .modal iframe {
              display: block !important;
              width: 100%;
              height: 100%;
              opacity: 0;
              filter: alpha(opacity=0);
              -webkit-transition: opacity 0.5s ease;
              -moz-transition: opacity 0.5s ease;
              -ms-transition: opacity 0.5s ease;
              -o-transition: opacity 0.5s ease;
              transition: opacity 0.5s ease; }
            body.home main .modal-container.active .modal-margins .modal.active iframe {
              opacity: 1;
              filter: alpha(opacity=100); }
          body.home main .modal-container.active .modal-margins:before {
            opacity: 0.9;
            filter: alpha(opacity=90); }
            body.home main .modal-container.active .modal-margins:before:hover, body.home main .modal-container.active .modal-margins:before:focus {
              opacity: 1;
              filter: alpha(opacity=100); }
          body.home main .modal-container.active .modal-margins .ps-scrollbar-y-rail {
            opacity: .5 !important; }
          body.home main .modal-container.active.inactive {
            background: transparent !important; }
            body.home main .modal-container.active.inactive .modal-margins .modal {
              opacity: 0;
              filter: alpha(opacity=0); }
            body.home main .modal-container.active.inactive .modal-margins:before {
              opacity: 0;
              filter: alpha(opacity=0); }
        body.home main .modal-container .modal-margins {
          display: table-cell;
          vertical-align: middle;
          width: 100%;
          height: 100%;
          padding: 5%;
          position: relative;
          z-index: 999999;
          -webkit-transform: translateZ(0);
          transform: translateZ(0); }
          body.home main .modal-container .modal-margins .modal {
            position: relative;
            top: 0%;
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            transition-delay: .5s;
            display: block;
            width: 100%;
            z-index: 999999;
            height: 100%;
            /* min-height: 200px; */
            max-height: 300px;
            max-width: 1040px;
            overflow: auto;
            margin: 0 auto;
            background: url(../images/preloader.gif) no-repeat center center #fff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
            padding: 20px;
            -webkit-transform: translateZ(0);
            -webkit-overflow-scrolling: touch; }
            body.home main .modal-container .modal-margins .modal iframe {
              display: none; }
            body.home main .modal-container .modal-margins .modal h2 {
              font-size: 26px;
              font-weight: bold;
              margin-bottom: 20px; }
            body.home main .modal-container .modal-margins .modal p.login {
              width: 100%;
              text-align: center;
              padding: 24px 0 10px; }
              body.home main .modal-container .modal-margins .modal p.login a {
                background: #f78555;
                font-weight: bold;
                border-radius: 3px;
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                -ms-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
                color: #fff;
                padding: 5px 10px;
                text-decoration: none;
                -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
                body.home main .modal-container .modal-margins .modal p.login a:hover, body.home main .modal-container .modal-margins .modal p.login a:focus {
                  background: orange;
                  text-decoration: none; }
            body.home main .modal-container .modal-margins .modal ol {
              margin-bottom: 20px; }
              body.home main .modal-container .modal-margins .modal ol li {
                list-style: decimal;
                margin: 0 0 12px 44px; }
            body.home main .modal-container .modal-margins .modal ul {
              margin-bottom: 20px; }
              body.home main .modal-container .modal-margins .modal ul li {
                list-style: disc;
                margin: 0 0 12px 44px; }
                /*
          body.home main .modal-container .modal-margins:before {
            content: '';
            position: relative;
            left: 16px;
            top: -16px;
            margin: 0px auto -24px;
            display: block;
            width: 100%;
            max-width: 1040px;
            height: 24px;
            background: url(../images/modal-close.png) no-repeat right top;
            background-size: 24px;
            z-index: 99999;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out; }
            */
            body.home main .modal-container .modal-margins:before:hover, body.home main .modal-container .modal-margins:before:focus {
              opacity: 1;
              filter: alpha(opacity=100); }
        body.home main .modal-container .modal-close {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 999998;
          display: block;
          width: 100%;
          height: 100%;
          opacity: 0.75;
          filter: alpha(opacity=75);
          -webkit-transition: opacity 0.25s ease;
          -moz-transition: opacity 0.25s ease;
          -ms-transition: opacity 0.25s ease;
          -o-transition: opacity 0.25s ease;
          transition: opacity 0.25s ease; }
          body.home main .modal-container .modal-close:hover, body.home main .modal-container .modal-close:focus {
            opacity: 1;
            filter: alpha(opacity=100); }
      body.home main .modal-container#sign_in.active .modal-margins .modal {
        max-height: 100% !important;
        background: #fff; }
      body.home main .modal-container#sign_in .modal-margins .modal {
        height: auto;
        border: 2px solid #c3c5c7;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0; }
        body.home main .modal-container#sign_in .modal-margins .modal h2 {
          font-size: 24px;
          padding: 0;
          margin: 0 0 24px 0;
          text-align: center; }
        body.home main .modal-container#sign_in .modal-margins .modal b.B2GnowSmallVerdana {
          display: block;
          width: 100%;
          padding: 8px;
          background: #fbe4c6;
          border: 1px solid red;
          text-align: center;
          color: red;
          box-sizing: border-box;
          font-size: 12px;
          margin-bottom: 10px; }
        body.home main .modal-container#sign_in .modal-margins .modal p.field {
          margin-bottom: 16px;
          position: relative;
          padding-top: 64px;
          line-height: 14px; }
          body.home main .modal-container#sign_in .modal-margins .modal p.field label {
            display: block;
            width: 100%;
            position: absolute;
            top: 0;
            height: 64px; }
          body.home main .modal-container#sign_in .modal-margins .modal p.field span {
            display: block;
            width: 100%;
            height: 30px;
            padding: 0 3px;
            position: absolute;
            top: 31px; }
            body.home main .modal-container#sign_in .modal-margins .modal p.field span input {
              background: #fff;
              display: block;
              width: 100%;
              height: 30px;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              -ms-border-radius: 2px;
              border-radius: 2px;
              padding: 4px;
              border: 1px solid #c3c5c7; }
          body.home main .modal-container#sign_in .modal-margins .modal p.field input[type="checkbox"] {
            float: left; }
          body.home main .modal-container#sign_in .modal-margins .modal p.field label.container {
            font-weight: bold;
            background: #dbdee3;
            border: 1px solid #c2c8d0;
            padding: 8px 8px 36px;
            margin-bottom: -33px; }
          body.home main .modal-container#sign_in .modal-margins .modal p.field label[for="RememberUsername"]:focus {
            border-bottom: 1px dotted black; }
          body.home main .modal-container#sign_in .modal-margins .modal p.field a {
            font: 12px "Raleway", Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            letter-spacing: .1em;
            color: #000099; }
            body.home main .modal-container#sign_in .modal-margins .modal p.field a:hover, body.home main .modal-container#sign_in .modal-margins .modal p.field a:focus {
              color: #272727; }
        body.home main .modal-container#sign_in .modal-margins .modal div.remember_username {
          position: relative;
          display: table;
          width: 100%; }
          body.home main .modal-container#sign_in .modal-margins .modal div.remember_username p {
            display: table-cell;
            vertical-align: middle;
            width: 100%; }
          body.home main .modal-container#sign_in .modal-margins .modal div.remember_username input[type="checkbox"] {
            position: absolute;
            top: 50%;
            margin-top: -6px; }
            body.home main .modal-container#sign_in .modal-margins .modal div.remember_username input[type="checkbox"]:focus:before {
              content: '';
              display: block;
              width: 100%;
              height: 100%;
              background: rgba(247, 148, 29, 0.5);
              -webkit-box-shadow: 0 0 7px #f7941d;
              -moz-box-shadow: 0 0 7px #f7941d;
              box-shadow: 0 0 7px #f7941d;
              opacity: 0.5;
              filter: alpha(opacity=50); }
          body.home main .modal-container#sign_in .modal-margins .modal div.remember_username label {
            display: inline-block;
            padding: 0 0 0 20px; }
          body.home main .modal-container#sign_in .modal-margins .modal div.remember_username input[type="button"], .button-submit {
            float: right;
            padding: 10px 20px;
            background: #f7941d;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            border-radius: 2px;
            color: #000;
            font-size: 16px;
            border: none;
            -webkit-transition: all 0.1s ease;
            -moz-transition: all 0.1s ease;
            -ms-transition: all 0.1s ease;
            -o-transition: all 0.1s ease;
            transition: all 0.1s ease; }
            body.home main .modal-container#sign_in .modal-margins .modal div.remember_username input[type="button"]:hover, body.home main .modal-container#sign_in .modal-margins .modal div.remember_username input[type="button"]:focus, .button-submit:hover, .button-submit:focus {
              background: #e07a00; }
              .button-submit {
                float:none;}

              .button-cancel{
            padding: 10px 20px;
            background: #ebebeb;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            border-radius: 2px;
            font-size: 16px;
            border: none;
            -webkit-transition: all 0.1s ease;
            -moz-transition: all 0.1s ease;
            -ms-transition: all 0.1s ease;
            -o-transition: all 0.1s ease;
            transition: all 0.1s ease; 
              }
             .button-cancel:hover, .button-cancel:focus {
                background: #ebebeb; }
    body.home footer {
      display: block;
      padding-bottom: 20px; }
      body.home footer .interior {
        border-top: 1px solid #0072c9;
        padding: 15px 0px;
        font: 12px Arial;
        font-weight: bold;
        letter-spacing: -.025em;
        opacity: 0.65;
        filter: alpha(opacity=65);
        text-align: center; }
        body.home footer .interior div {
          display: inline-block;
          width: 32.5%;
          text-align: left;
          margin: 10px 2px;
          vertical-align: middle;
          padding: 0 20px; }
        body.home footer .interior a {
          color: #fff; }
  body.interior {
    font-size: 14px;
    background: #fff; }
    body.interior h1, body.interior h2, body.interior h3 {
      font-size: 24px; }
    body.interior h4, body.interior h5 {
      font-size: 18px; }
    body.interior h1, body.interior h2, body.interior h3, body.interior h4, body.interior h5, body.interior p, body.interior ul {
      margin-bottom: 16px; }
    body.interior ul li {
      list-style: disc !important;
      margin-left: 20px !important;
      margin-bottom: 5px !important;
    }
    body.interior .ms-drop ul {
      margin-bottom: 0; }
    body.interior .ms-drop ul li {
      list-style: none !important;
      margin-left: 0 !important; }
    body.interior .ms-drop ul > li label input[type=checkbox] {
      top: 4px !important; }
    body.interior input[data-input_type="text"] {
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: 4px; }
    body.interior td {
      padding: 4px; }
    body.interior .button120, body.interior .button130, body.interior .button140, body.interior .button150, body.interior .button160, body.interior .button170, body.interior .button180 {
      width: auto !important; }
    body.interior input[type="button"] {
      background: #d2d2d7;
      padding: 6px 12px;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      border: 1px solid gray; }
      body.interior input[type="button"]:hover {
        background: #dcdce1;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

@media screen and (min-width: 1261px) {
  .modal-margins {
    padding: 5% 10% !important; }
    .modal-margins:before {
      margin: -4px 0 -28px -10px;
      width: 32px;
      height: 32px;
      background-size: 32px; }

  main div.interior.module_count-three {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important; }
    main div.interior.module_count-three .module {
      width: 32% !important;
      margin: 0 3px !important; }

  main div.interior.module_count-two {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important; }
    main div.interior.module_count-two .module {
      width: 49% !important;
      margin: 0 3px !important; } }
@media screen and (min-width: 1025px) and (max-width: 1260px) {
  .modal-margins {
    padding: 5% 4% !important; }
    .modal-margins:before {
      margin: -4px 0 -28px -10px;
      width: 32px;
      height: 32px;
      background-size: 32px; }

  main div.interior.module_count-three {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important; }
    main div.interior.module_count-three .module {
      width: 32%;
      margin: 0 3px; }

  main div.interior.module_count-two {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important; }
    main div.interior.module_count-two .module {
      width: 49%;
      margin: 0 3px; } }
@media screen and (min-width: 900px) and (max-width: 1024px) {
  .modal-margins {
    padding: 5% 6% !important; }

  body.home main .interior {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important; }
    body.home main .interior.interior.module_count-two {
      -webkit-column-count: 1 !important;
      -moz-column-count: 1 !important;
      column-count: 1 !important; }
      body.home main .interior.interior.module_count-two .module {
        width: 49%;
        margin: 0 3px; }

  body.home footer .interior div {
    width: 48.5%;
    text-align: center; }

  body.home footer .interior div:last-child {
    width: 100%;
    text-align: center;
    margin-top: 12px; }

  header .branding ul li:first-child {
    display: none !important; } }
@media screen and (min-width: 751px) and (max-width: 900px) {
  .modal-margins {
    padding: 5% !important; }

  body.home main .interior {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important; }
    body.home main .interior.interior.module_count-two {
      -webkit-column-count: 1 !important;
      -moz-column-count: 1 !important;
      column-count: 1 !important; }

  body.home footer .interior div {
    width: 48.5%;
    text-align: center; }

  body.home footer .interior div:last-child {
    width: 100%;
    text-align: center;
    margin-top: 12px; }

  /*header .branding {padding:0;
    .interior {padding:0;
      h1 {margin-left:45%; position:relative; left:-$logo-width/2}
      ul {margin:0; float:left; width:100%; text-align:center;
        position:absolute; left:0; top:0;
        li {float:none !important; display:inline-block !important; margin-left:0 !important; width:100%; text-align:center;
          &:first-child {background:rgba(255,255,255,.75); height:32px; @include box-shadow(0, -2px, 2px, rgba(0,0,0,.25), true);
            span {height:32px;}
          }
          span {display:inline-block;}
        }
      }
    }
  }*/
  header .branding ul li:first-child {
    display: none !important; } }
@media screen and (min-width: 601px) and (max-width: 750px) {
  .modal-margins {
    padding: 5% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .module {
    width: 100% !important; }

  body.home main .interior {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important; }

  body.home footer .interior div {
    width: 100%; }

  header .branding ul li:first-child {
    display: none !important; } }
@media screen and (min-width: 1px) and (max-width: 601px) {
  .modal-margins {
    padding: 5% !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .module {
    width: 100% !important; }

  body.home main .interior {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important; }

  body.home footer .interior div {
    width: 100%; }

  header .branding .interior {
    padding: 0 5px !important; }
    header .branding .interior h1 {
      float: none !important;
      margin: 10px auto !important; }
    header .branding .interior ul {
      float: left;
      width: 100%;
      text-align: center; }
      header .branding .interior ul li {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 20px; }
        header .branding .interior ul li:first-child {
          display: none !important; }
        header .branding .interior ul li span {
          display: inline-block !important;
          height: 30px !important; }
  header .call_to_action ul li a {
    font-size: 18px; } }
html.ua-mobile-ipad .modal-container, html.ua-mobile-iphone .modal-container {
  display: none !important; }
  html.ua-mobile-ipad .modal-container.active, html.ua-mobile-iphone .modal-container.active {
    display: block !important; }

#PageBackgroundBox {
  min-height: 800px; }

#DetailBox[id] {
  display: block;
  width: 96% !important;
  height: 96% !important;
  position: absolute;
  left: 2%;
  top: 2%;
  margin: 0;
  max-height: none; }
  #DetailBox[id] table {
    width: 100% !important; }
    #DetailBox[id] table .B2GnowBlueHeaders {
      color: #fff; }

.datepick td {
  padding: 0 !important; }
  .datepick td a {
    font-size: 12px !important;
    padding: 4px !important; }

#JavascriptDeactivatedAlertContainer {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  left: 0%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999; }

#JavascriptDeactivatedAlert {
  display: block;
  width: 70%;
  height: 70%;
  min-width: 388px;
  background: #fff;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10%;
  left: 45%;
  margin-left: -30%;
  padding: 20px;
  font-size: 11pt;
  overflow: scroll; }


.tutorial-video-link img
{
    height: 1em;
}
.tutorial-video-link
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.tutorial-video-link img:hover {
    
    background: yellow;
    outline: 1px dotted #212121;
    cursor: pointer;
}

.tutorial-trigger:focus {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}

#skipNav {
    color: green;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
    
   
}
a#skipNav:focus, a#skipNav:active, a#skipNav:hover {
    left: 0;
    top: 15px;
    width: auto;
    height: auto;
    overflow: visible;
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}

a:focus {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}

.branding .interior h1 a:focus {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
}


  
/*# sourceMappingURL=portal_template.css.map */
/* The default browser keyboard accessibility focus-visible styles are overwritten by reset.css. This overrides part of that style change to fix the issue. */
input:focus-visible, h2:focus-visible, a:focus-visible, div:focus-visible {
  outline:black auto 1px; /* The Fallback Outline Color */
  outline:-webkit-focus-ring-color auto 1px;
}

/* This code is to make the modal close button on the login page an actual button instead of an image in a pseudo element */
.modal-close-top {
  position: relative;
  left: 16px;
  top: -16px;
  margin: 0px auto -24px;
  display: block;
  width: 100%;
  max-width: 1040px;
  height: 24px;
  z-index: 99999;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.modal-close-top img {
  display: block; /* to remove extra space below image */
  height: 24px;
  content:url(../images/modal-close.png);
  float:right;
  /* This transition stuff blurs the button in and out */
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
body.home main .modal-container.active .modal-margins .modal-close-top img {
  opacity: 1;
}
body.home main .modal-container.active.inactive .modal-margins .modal-close-top img {
  opacity: 0;
}
.modal-close-top img:hover {
  cursor: pointer;
}
.modal-close-top:focus-visible {
  outline: none;
}
.modal-close-top:focus-visible img {
  outline:black auto 1px; /* The Fallback Outline Color */
  outline: -webkit-focus-ring-color auto 1px;
}

@media screen and (max-width: 800px){
  body.home main .modal-container#sign_in .modal-margins .modal {height:inherit;}
}