/****************************************** FONTS */
@font-face {
  font-family: 'GothamSSm-Black';
  src: url("/Fonts/GothamSSm-Black.eot");
  src: url("/Fonts/GothamSSm-Black.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-Black.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-BlackItalic';
  src: url("/Fonts/GothamSSm-BlackItalic.eot");
  src: url("/Fonts/GothamSSm-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-BlackItalic.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-Bold';
  src: url("/Fonts/GothamSSm-Bold.eot");
  src: url("/Fonts/GothamSSm-Bold.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-Bold.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-BoldItalic';
  src: url("/Fonts/GothamSSm-BoldItalic.eot");
  src: url("/Fonts/GothamSSm-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-BoldItalic.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-Book';
  src: url("/Fonts/GothamSSm-Book.eot");
  src: url("/Fonts/GothamSSm-Book.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-Book.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-BookItalic';
  src: url("/Fonts/GothamSSm-BookItalic.eot");
  src: url("/Fonts/GothamSSm-BookItalic.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-BookItalic.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-Light';
  src: url("/Fonts/GothamSSm-Light.eot");
  src: url("/Fonts/GothamSSm-Light.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-Light.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-LightItalic';
  src: url("/Fonts/GothamSSm-LightItalic.eot");
  src: url("/Fonts/GothamSSm-LightItalic.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-LightItalic.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-Medium';
  src: url("/Fonts/GothamSSm-Medium.eot");
  src: url("/Fonts/GothamSSm-Medium.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-Medium.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-MediumItalic';
  src: url("/Fonts/GothamSSm-MediumItalic.eot");
  src: url("/Fonts/GothamSSm-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-MediumItalic.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-XLight';
  src: url("/Fonts/GothamSSm-XLight.eot");
  src: url("/Fonts/GothamSSm-XLight.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-XLight.otf") format("opentype"); }
@font-face {
  font-family: 'GothamSSm-XLightItalic';
  src: url("/Fonts/GothamSSm-XLightItalic.eot");
  src: url("/Fonts/GothamSSm-XLightItalic.eot?#iefix") format("embedded-opentype"), url("/Fonts/GothamSSm-XLightItalic.otf") format("opentype"); }
.gotham-black {
  font-family: GothamSSm-Black;
  font-weight: normal;
  font-style: normal; }

.gotham-black-italic {
  font-family: GothamSSm-BlackItalic;
  font-weight: normal;
  font-style: normal; }

.gotham-bold {
  font-family: GothamSSm-Bold;
  font-weight: normal;
  font-style: normal; }

.gotham-bold-italic {
  font-family: GothamSSm-BoldItalic;
  font-weight: normal;
  font-style: normal; }

.gotham-book {
  font-family: GothamSSm-Book;
  font-weight: normal;
  font-style: normal; }

.gotham-book-italic {
  font-family: GothamSSm-BookItalic;
  font-weight: normal;
  font-style: normal; }

.gotham-light {
  font-family: GothamSSm-Light;
  font-weight: normal;
  font-style: normal; }

.gotham-light-italic {
  font-family: GothamSSm-LightItalic;
  font-weight: normal;
  font-style: normal; }

.gotham-medium {
  font-family: GothamSSm-Medium;
  font-weight: normal;
  font-style: normal; }

.gotham-medium-italic {
  font-family: GothamSSm-MediumItalic;
  font-weight: normal;
  font-style: normal; }

.gotham-xlight {
  font-family: GothamSSm-XLight;
  font-weight: normal;
  font-style: normal; }

.gotham-xlight-italic {
  font-family: GothamSSm-XLightItalic;
  font-weight: normal;
  font-style: normal; }

/****************************************** HELPERS */
.no-margin {
  margin: 0 !important; }

.margin {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.marginauto {
  margin-left: auto;
  margin-right: auto; }

.margin2 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.margin-top {
  margin-top: 1rem; }

.margin-bottom {
  margin-bottom: 1rem; }

.margin-bottom2 {
  margin-bottom: 2rem; }

.margin-left {
  margin-left: 1rem; }

.no-padding {
  padding: 0; }

.padding {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.padding2 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.padding4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.padding-bottom4 {
  padding-bottom: 4rem; }

.small-margin-bottom {
  margin-bottom: 1rem; }

.hide {
  display: none; }

.show {
  display: block; }

.clear {
  clear: both; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.relative {
  position: relative; }

.text-uppercase {
  text-transform: uppercase; }

.text-lowercase {
  text-transform: none; }

.text-normal {
  text-transform: none; }

.text-small {
  font-size: 87.5%; }

.white, .white a {
  color: #fff; }

.success {
  color: #77bc39; }

.warning {
  color: #c1272d; }

.primarybg {
  background: #a99465; }

.secondarybg {
  background: #f8f6f2; }

.green {
    color:#77BC1F;
}
.dkgray,.dkgray:hover {
    color:#55565A;
}
.medium-grey {
  color: #9a9a9c; }

.icon-text-large {
  font-size: 130%;
  line-height: 100%; }

.icon-text-xlarge {
  font-size: 200%;
  line-height: 100%; }

/****************************************** CORE */
body {
    font-size: .875rem;
    color: #55565A;
    margin: 0;
    font-family: GothamSSm-Book,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    letter-spacing: -.3px;
}

input::-webkit-input-placeholder {
    color: #aaa;
}

h1, h2, h3, h4, h5, h6 {
    font-family: GothamSSm-Book;
    font-weight: normal;
    letter-spacing: -.5px;
    margin: 0;
}

h1 {font-size:1.5rem;text-transform:uppercase;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.125rem;font-family:GothamSSm-Bold;text-transform:uppercase;}
h4 {font-size: 1.125rem;text-transform:uppercase;font-family: GothamSSm-Medium;font-weight: normal;}
img {
  max-width: 100%; }
h6 {
  text-transform: uppercase;
  border-bottom: 6px solid #a99465;
  padding-bottom: .125rem;
  margin-bottom: 1rem; }
a {
    color: #77BC1F;
}
a:hover {
  color: #404144; }

.button {
  text-transform: uppercase;
  color:#fff;
  background-color:#a9a8a9;
  border-radius:0;
  min-width:200px;
}
.button.done, .button.back, .button.edit,.button.cancel {min-width:0;min-width:unset;}
.button.plus:before {
    content: "";
    height: 18px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolyline%20style%3D%22fill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%22%20points%3D%2210%201%2010%2019%22%2F%3E%3Cpolyline%20style%3D%22fill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%22%20points%3D%221%2010%2019%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 9px);
    left: 10px;
}
    .button.plus.hollow:before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolyline%20style%3D%22fill%3Anone%3Bstroke%3A%2377BC1F%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%22%20points%3D%2210%201%2010%2019%22%2F%3E%3Cpolyline%20style%3D%22fill%3Anone%3Bstroke%3A%2377BC1F%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%22%20points%3D%221%2010%2019%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    }
    .button.cancel:before {
        content: "";
        height: 18px;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpolyline%20style%3D%22fill%3Anone%3Bstroke%3A%23A9A8A9%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%22%20points%3D%2210%201%2010%2019%22%2F%3E%3Cpolyline%20style%3D%22fill%3Anone%3Bstroke%3A%23A9A8A9%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%22%20points%3D%221%2010%2019%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat;
        width: 20px;
        display: inline-block;
        background-repeat: no-repeat;
        position: absolute;
        top: calc(50% - 9px);
        left: 10px;
        -ms-transform: rotate(45deg); /* IE 9 */
        -ms-transform-origin: 50% 50%; /* IE 9 */
        -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
        -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
        transform: rotate(45deg);
        transform-origin: 50% 50%;
    }

.button.hollow.white {border-color:#fff;color:#fff;}
.button.hollow.white:hover {color: #56565a;border-color:#56565a;}
.button.arrow {
    padding-right:30px;
    position:relative;
}
.button.arrow:after {
    content: "";
    height: 18px;
    background: url(/content/images/rgt-arrow.svg);
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 9px);
    right: 0;
}

    
    .button.backarrow, .button.cancel, .button.plus {
        padding-left: 35px;
        position: relative;
    }
.button.backarrow:before{
    content: "";
    height: 18px;
    background: url(/content/images/rgt-arrow.svg);
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";

}
.button.backarrow.hollow.ltgray:before,.button.backarrow.cancel:before,.button.arrow.disabled:after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.97%2020.18%22%3E%3Cpolyline%20style%3D%22fill%3Anone%3Bstroke%3A%23A9A8A9%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%22%20points%3D%221.94%201%2010.56%209.62%201%2019.18%22%2F%3E%3C%2Fsvg%3E") no-repeat;
}
    .clickwait .submit:after, .button.clickwait {
        visibility:hidden;
        position:relative;
    }
    .clickwait .submit:after, .button.clickwait:after {
        position: absolute;
        left: 0;
        top:0;
        content: "Please Wait...";
        visibility: visible;
        width:auto;
        min-width:160px;
        height:inherit;
        background:inherit;
        color:inherit;
        border:inherit;
        padding:inherit;
    }
    .button:hover {
        opacity:0.75;
    }

    
div:focus {
  outline: none; }

textarea {
  resize: none; }
address {
    font-style:normal;
}
input[type=checkbox] + div > label, input[type=checkbox] + label + div > label {
    display: inline-block;
    padding-left: 18px;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
}
input[type=checkbox] {
    display: none;
}

    input[type=checkbox] + div > i, input[type=checkbox] + label + div > i {
        background-color: #fff;
        border: 1px solid #A9A8A9;
        /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
        padding: 10px;
        position: relative;
        margin: 10px 5px;
        vertical-align: middle;
        display: inline-block;
      
    }

    input[type=checkbox]:checked + div > i, input[type=checkbox]:checked + label + div > i {
        background-color: #77BC1F;
    }

input[type=checkbox] + div > i:after, input[type=checkbox] + label + div > i:after {
    content: '';
    font-size: 18px;
    position: absolute;
    top: 4px;
    left: 3px;
    /*color: #CBCACA;*/
    color: #fff;
    line-height: 20px;
    width: 18px;
    height: 12px;
    transform: rotate(-12deg);
    background: url(/Files/Global/Images/check.svg) no-repeat;
    color: #fff;
}

.radio-container {
    position: relative;
    padding-left: 30px;
    margin-left: 40px;
}
.dot {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    display: inline-block;
    background: #77BC1F;
    border-radius: 50%;
    border: solid 1px #a9a8a9;
    box-sizing: border-box;
}

    .dot:after {
        top: 0px;
        left: 0px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid white;
        position: absolute;
        display: block;
        content: '';
        box-sizing: border-box;
    }

    .dot.checked:after {
        border: 5px solid #77BC1F;
    }

/* Set padding to keep content from hitting the edges */
.body-content {
    padding: 30px 15px;
    
}

.slideshow .slide {background: #56565a;}
.slideshow .indicators {margin:10px auto;text-align:center;}
.slideshow .indicators a {display:inline-block;width:18px;height:18px;background:#77BC1F;border:solid 1px #a9a7a9;border-radius:15px;}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 100%;
}

.input-validation-error {border-color:#ed0000 !important;}
.field-validation-error {color:#ed0000 !important;}
select {
    height: 2.5em;
    border-radius: 0;
    border-color: #a9a8a9;
    padding: .05em 1.5em 0 1em;
}

/* ------------------------ Layout ------------------------ */

header { background:none;width: 100%; font-size: 13px; }
    header .tagline {
        font-size: 12px;
        color: #a9a8a9;
        display: block;
        margin: .2em 0 0 17px;
    }
    header .tagline img {
        height:25px;
    }
    header .top-bar .show-for-large a {
        vertical-align: middle;
        color:#a9a8a9;
    }
        header .top-bar .show-for-large a:hover {
            color: #55565a;
        }
.logo-bar { height: 97px; }
@media screen and (max-width: 1058px) {
    .logo-bar {
        margin-left: 20px;
    }
}
.top-bar {padding-top:0;padding-bottom:0;}
.prehead {background:#9a9a9c;/*height:30px;*/}
a.logo {text-decoration: none; display: block; z-index: 99; clear:both; }
a.logo img { width: 100%;margin: 17px 20px;display:inline-block;}
a.logo svg { max-width: 160px; margin: 12px 20px 12px 17px; height: 67px; }

div.login { float: right;width: 250px;margin:4px 10px;text-align:right;}
div.login a.button {
    min-width:auto;
    min-width:initial;
    font-size: .55rem;
    line-height: 1.2em;
    margin: 0;
    padding: 6px;
    border-radius: 3px;
    box-sizing: border-box;
    height: 22px;
}



.button.noborder,.button.noborder:hover {background:transparent;border:none;color:inherit;}
.logged-in {color:#808184;float:right;text-align:right; margin-top:6px;}
ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }
ul li {display:inline-block;}
.logout {color:#808184;font-family: GothamSSm-Book;}
/* -------- Login dropdown ----------*/

  .welcomeUser { float: right; }
  #accountMenu { position: relative; width: 100px; margin: 3px 0 0 90px; float: right; background: #fff; cursor: pointer; }
  #accountActions #accountMenu { float: left; }
  #accountActions .logout { float: right; margin: 5px 0 0; }
  #accountMenu ul, #accountMenu li { box-sizing: border-box; }
  #accountMenu > a { color: #232323; font-size: 14px; display: block; padding: 3px 5px 3px 10px; text-decoration: none; text-align: left; float: left; box-sizing: border-box; height: 20px; }
  #accountMenu > i { float: right; height: 19px; width: 28px; padding: 4px 0; }
  #accountMenu > i > svg { height: 14px; width: 14px; fill: #777; }
  #accountMenu:hover ul { display: block; }
  #accountMenu ul { position: absolute; display: none; top: 17px; right: -20px; border: solid 1px #ddd; height: auto !important; padding: 5px 10px !important; background: #fff; z-index: 101; width: 330px; box-shadow: 3px 3px 0px 1px rgba(112,112,112,1); }
  #profileHeader #accountMenu ul li { display: block; padding: 3px 5px; float: left; width: 102px; height: 105px; text-align: center; margin: 0 !important; border: solid 1px #fff; }
  #profileHeader #accountMenu ul li i { height: 45px; width: 45px; margin: 0 auto 5px; display: block; }
  #accountMenu ul li:hover i svg { fill: #77BC1F; }
  #accountMenu ul li i svg { fill: #aaa; height: 45px; width: 45px; }
  #profileHeader #accountMenu ul li a { text-decoration: none; line-height: 10px !important; font-size: 12px; }
  #profileHeader #accountMenu ul li a span { text-decoration: none; line-height: 1.4em; font-size: 12px; display: block; }
  #accountBox { width: 95%; margin: 20px auto; font-size: 16px; }
  #accountBox div, #userBox tr, #userBox td { box-sizing: border-box; }
  #accountBox p { margin: 0; }
  .inviteUser { position: absolute; top: -10px; right: 10px; color: #fff;display: block; padding: 10px; text-decoration: none; font-size: 14.5px !important; background: #a9a9ab }
  .inviteUser i { float: left; height: 40px; width: 50px; background: #a9a9ab url(/images/sprite_account.png) 14px 5px no-repeat; margin: -10px 0 -10px -5px; }
  #infoContainer, #editContainer { position: relative; margin: 20px 0 0; }
  #infoContainer h3 { padding: 0 0 10px 0; float: left; }
  #infoContainer div.titleRow { width: 40%; }
  #infoContainer div.titleRow h3 { float: left; }
  #infoContainer div.titleRow a { float: left; padding: 3px 0 0 10px; font-size: .7em; }
  #infoContainer > div > a { float: left; }
  #infoContainer p { padding: 5px 0 5px 5px; color: #56565a; font-size: 14px; clear: both; }
  #infoContainer a { display: block; padding: 10px 0 10px 5px; }
  #userBox { width: 95%; margin: 20px auto; }
  #userBox th { text-align: left; padding-left: 5px !important; }
  #accountHeader { margin: 40px 0 0; }
  #accountHeader h1 { float: left; margin: 0 0 20px 40px; }
  #accountHeader a { float: right; color: #77BC1F; text-decoration: none; font-weight: bold; margin-right: 20px; }
  #accountHeader a i { float: left; background: #fff url(/images/sprite_account.png) 0px -35px no-repeat; height: 17px; width: 20px; margin-right: 10px; }
  .accountBox.content { padding: 40px 52px !important; font: normal 1em GothamSSm-Book; }
  .accountBox h1 { font-size: 24px; color: #77BC1F; font-weight: normal; }
  .accountBox a { font-size: .90em; }
  .accountForm { margin: 0; }
  .accountForm.hide { display: none; }
  .accountForm label, #accountModalSmall label { width: 150px; display: inline-block; margin: 0 0 10px; }
  #frmNotifications label, #frmAuthorities label { width: 100%; }
  #frmAuthorities ul { border-bottom: solid 3px #777; }
  .accountForm select { width: 50%; }
  #accounts { max-height: 470px; overflow: auto; clear: both; }
  #accounts > div { padding: 15px 20px 15px 40px; height: 45px; clear: both; font-size: .80em; }
  #accounts > div:nth-child(odd) { background: #ccc; }
  #accounts span { float: left; }
  #accounts a { float: right; color: #000;text-decoration: underline; }
  #nameExists { height: 20px; padding: 10px 0 0; font-weight: bold; }
  #inviteUserExistWarning p { width: 100%; }
  #inviteUserExistWarning h3 { font-size: 16px; margin: 0; }
  #frmEditProfile { margin: 10px 0 0 0; }
  #frmEditProfile div { padding: 2px 0; }
  #frmEditProfile input[type=text] { width: 30%; font-size: .9em; padding: 1px 1px 1px 5px; }
  #frmEditProfile select { width: 31%; }
  #frmEditPassword { padding-top: 20px !important; }
  #frmEditPassword > div { margin: 5px 10px 10px; }
  #frmEditPassword input[type=button] { margin-top: 20px; }
  #frmEditPassword label { display: inline-block; width: 200px; }
#profileHeader {
    float: right;
    font-size: 13px;
    line-height: 19px;
    margin: 1em;
}
  #profileHeader h3 { font-size: 13px; line-height: 20px; font-weight: bold; padding: 0; margin: 0; }
  #profileHeader p { margin: 0; }
  #profileNavigation { float: right;padding: 10px 10px 5px; text-align: right;width: 275px; }
  #profileNavigation.noDivider { border: none; }
  #profileNavigation p { padding: 0; margin: 0; }
  #profileNavigation ul { height: 20px; margin: 3px 0; padding: 0; }
  #profileNavigation ul li { float: right; list-style: none; margin-left: 20px; }
  #profileNavigation ul li a { color: #77BC1F; }
  #sso { display: none; }
  #profileInfo { position: relative; z-index: 102; padding: 7px 30px 5px 5px; margin-top: -5px; cursor: pointer; float: right; margin-left: 10px; }
  #profileInfo i { position: absolute; right: 5px; top: 30px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #77BC1F transparent transparent transparent; }
  #accountDropdown { display: none; width: 330px; max-height: 300px; overflow: auto; border: solid 1px #77BC1F; position: absolute; right: -1px; top: 68px; }
  #accountDropdown ul { list-style: none; background: #fff; font-size: 12px; margin: 0; padding: 0; }
  #accountDropdown ul li { padding: 5px; display:block;}
  #accountDropdown ul li h3 { font-size: 12px; }
  #accountDropdown ul li p { font-size: 11px; line-height: 15px; }
  #accountDropdown ul li:nth-child(odd) { background: #ccc; }
  #accountDropdown ul li:hover { background: #77BC1F; cursor: pointer;color: #fff; }
  #frmNotificationsInner { max-height: 400px; overflow: auto; }
  #frmNotifications ul, #frmAuthorities ul { list-style: none;padding: 0;margin: 0; }
  #frmNotifications > div > ul, #frmAuthorities > ul { margin: 15px 0; }
  #frmNotifications > div > ul > li { padding: 5px 0 0 25px; position: relative; }
  #frmAuthorities > ul > li { padding: 5px 0 0; }
  #frmNotifications > div > ul > li.enabled:before { content: '\2713'; color: #0a0; position: absolute; left: 8px; }
  #frmNotifications > div > ul > li:nth-child(odd), #frmAuthorities > ul > li:nth-child(odd), .authorityTable > li:nth-child(odd) { background: #ccc; }
  #frmNotifications > div > ul li ul li { padding: 0 0 0 15px; }
  #userResultBox { clear: both; min-height: 500px; }
  #userResultBox th { font-size: 14px; padding: 10px 0; }
  #userResultBox a { color: #000; }
  #userResultBox ul { list-style: none; }
  #userResultBox ul li { display: inline-block; }
  #userResultBox table { width: 100%; box-sizing: border-box; }
  #userResultBox table tr td { height: 60px; padding: 22px 0 0 20px; font-size: 14px; max-width: 180px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
  #userResultBox table tr:nth-child(odd) { background: #ccc; }
  #frmSearchUser { float: left; margin: 20px 0; }
  #accountSearchResultBox { float: right; width: 500px;display: block; margin: 0 0 20px; }
  #accountSearchResults { max-height: 275px; overflow: auto; border: solid 1px #888; width: 500px;height: 350px; }
  #accountSearchResults table { width: 100%; }
  #accountSearchResults table tbody tr:nth-child(odd) { background: #ccc; }
  #accountSearchResults table tbody tr:hover { background: #555; color: #fff; cursor: pointer; }
  #accountSearchResults table tbody tr.active { background: #000 !important; color: #fff; }
  #resultMessage { color: #f50; font-size: .9em; margin: 5px 0 0 5px; }
  #frmInviteUser label, #frmEditUser label, #frmRegister label { display: inline-block; padding: 10px 0 0; }
  #frmInviteUser input[type=checkbox] { display: inline-block; vertical-align: middle; margin: 0 5px; }
  #frmInviteUser input[type=button], #frmEditUser input[type=button], #frmRegister input[type=button] { margin: 10px 0 0; }
  #inviteStepOneWarning h3 { width: 90%; }
  #inviteStepOneWarning p { font-size: .90em; margin: 10px 0 0; }
  #inviteStepOneWarning ul { margin: 5px 10px 10px 20px; font-size: .90em; }
  #inviteStepTwo ul { list-style: none; }
  #inviteStepThree h4 { font-size: .85em; }
  #inviteStepThree table { width: 100%; margin: 5px 0 10px; }
  #inviteStepThree table tr:nth-child(odd) { background: #ccc; }
  #inviteStepThree table tr td { height: 25px; padding: 3px 0 0 10px; }
  #inviteSent { color: #777; font-size: 1.2em; text-align: center; }
  #inviteSent input { display: block; margin: 0 auto !important; color: #000; }
  #accountModalSmall select { width: 35% !important; }
  #accountModal input[type=checkbox], #accountModalSmall input[type=checkbox] { display: inline-block; vertical-align: middle; margin-left: 10px; }
  #accountModal p, #accountModalSmall p { display: inline-block; }
  #accountModal .prompt, #accountModalSmall .prompt { text-align: center; }
  #accountModal .prompt input, #accountModalSmall .prompt input { margin: 20px 0 0; padding: 5px 20px; }
  #accountModal input[type=button] { float: right;margin-left: 5px; }
  .authorityTable > li { padding: 5px 0 0; }
  .authorityTable > li label { width: 100% !important; padding: 5px !important; }
  .formWrapper { position: relative; }
  .formWrapper .requiredNote { position: absolute;bottom: 0;left: 0;font-size: 12px;color: #555; }
  .hide { display: none; }
  /*Foundation Replacement since I can't use it anymore'*/
  .tabs-title > a { font-size: 15px !important; text-decoration: none;color: #77BC1F !important; }
  .tabs-content { position: relative; }
  ul.tabs { border: solid 1px #ddd; border-right: 0; border-left: 0; width: 100%; list-style: none; margin: 0; padding: 0; }
  ul.tabs:after { display: block; content: " "; clear: both; }
  ul.tabs li { float: left; }
  ul.tabs li + li { border-left: solid 1px #ddd; }
  ul.tabs li:hover { background: #ddd; }
  ul.tabs li a { display: block; padding: 15px; box-sizing: border-box; height: 48px; }
  ul.tabs li.is-active { background: #eee; }
  ul.tabs li.is-active a {border-bottom: solid 3px #aaa;}
  .tabs-panel { display: none; }
  .tabs-panel.is-active { display: block; }
  .reveal { font-size: 16px;line-height: 24px; min-height: 200px; display: none; position: fixed; z-index: 99999; top: 0; left: 0; right: 0; margin: 0 auto; width: 525px; background: #fff; border: solid 1px #aaa; padding: 1%; max-height: 90vh; overflow: auto; }
  .reveal h3 { color: #77BC1F; font-size: 1.2em; margin: 10px 0;line-height: 1.5em; }
  #createAccountTitle { margin: 0 0 10px; }
  .reveal label { width: 30%; }
  .reveal label.medium-12 { width: 100%; }
  .reveal input[type=text], .reveal input[type=email], .reveal input[type=password], .reveal select { width: 50%;font-size: 1em;padding: 1px; }
  #modalOverlay { position: fixed; background: rgba(0, 0, 0, .6); z-index: 99998; height: 100%; width: 100%; display: none;top: 0;left: 0; } 
  html.cmsModal, html.cmsModal body { overflow: hidden; }
  select { font-size: 13px !important; }
  input[type=button], .reveal input[type=button] { color: #222; background: #eee; border: solid 1px #555; padding: 3px 12px; font-size: .9em; }
  /*Decided against having to put a cms.valdation.css in every site*/
  input.error { border: solid 1px #f00;color: #f00; }
  label.error { color: #f00; }
  select.error { border: solid 1px #f00;color: #f00; }
  span#serverError { color: #f00;float: left;margin: 5px;font-size: 12px; }



/* ------------ Dropdown Menu --------------*/
.nav.top-bar {background-color: #55565A;width: 100%; border:0px; margin: 0px; padding: 0px; list-style-type: none; font-size:11px; z-index:999; text-transform:uppercase;}

.nav ul { list-style:none; padding:0;float: right;background:none; }
.nav li { float:left; position: relative; }
.nav li a { color: #fff; display:block; padding:0px 17px; font-weight: normal; line-height:33px; text-align:center; text-decoration:none; }
.nav li a:after {
    display:block;
    content:attr(title);
    font-family:GothamSSm-Black;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}
.nav li a:active {
    font-family: GothamSSm-Book;
    font-weight: normal;
}

.nav li:hover a,.nav li.active > a {
    font-family: GothamSSm-Bold;
    font-weight: normal;
}
.nav li ul { background:#000; border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; display:none; width:auto; filter:alpha(opacity=96); opacity:0.96; position:absolute; z-index:999; top: 31px; left: 0;}
.nav li:hover ul { display:block; }
.nav li li { display: block; float:none; padding:0px; width:190px; }
.nav li ul a { display: block; height: 33px; font-size:12px; padding:0px 18px; text-align:left; border-bottom: #333 1px solid; }
.nav li ul a:hover { background: #333; opacity:1.0; filter:alpha(opacity=100); }
.nav #current { background-color: #000; }
.nav .divider { background: url(/Files/Walman/images/css_sprite.png) no-repeat; background-position: -170px 0px; width:1px; height:32px; }
.nav .wrapper { height: 32px;padding: 0;}

table.table td a:link,table.table td a:visited {text-decoration:none;color:#000;}
table.table td a:hover {text-decoration:none;color:#333;}

/******************************************************************* HOME */
.hero {background: #56565a;
    color: #fff;
    padding: 40px 60px 22px;}

.overlink {
   opacity:0;
}
.overlink a { 
    display: flex;
    width: 100%;
}

.overlink a span {
    display: block;
}

.overlink:hover {
    background:rgba(119, 188, 31, 0.80);
    opacity:1;
    transition:opacity ease-in 0.3s;
}
.overlink.disabled:hover {
    background: rgba(169, 168, 169, 0.80);
}
.upper {text-transform:uppercase;}

/******************************************************************* EVENT LIST */
.eventlist {
    width:100%;
    
    padding-top:20px;
}
.eventlist li {
    border-radius:4px;
    margin-bottom:20px;
}
@media print, screen and (min-width: 40em) {
    .eventlist li.medium-6:nth-child(odd) {
        padding-left:0;
    }
    .eventlist li.medium-6:nth-child(even) {
        padding-right:0;
    }
}
.eventlist li:hover {
    
}
.eventlist li a {
    display:block;
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3);
    border-radius:0px;
    padding:25px;
    transition:all ease-in-out 0.3s;
}
.eventlist li a .green {transition:all ease-in-out 0.3s;}
.eventlist li a:hover {opacity:0.8;box-shadow:none;background:rgba(119,188,31,0.8);transition:all ease-in-out 0.3s;}
.eventlist li a:hover .green {color:#55565a;transition:all ease-in-out 0.3s;}
time {font-style:italic;font-size: 1rem;}
select#stateFilter {width:auto; min-width:200px;max-width:none;}
.event-filter label {
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    display: inline-block;
}
.event-filter .selectric-wrapper {
    display:inline-block;min-width:200px;
}

/******************************************************************* EVENT DETAIL */
.event-hero {
    margin-bottom: 20px;
}
.detail-name  { 
    text-transform:uppercase;
    border-bottom: solid 2px #e6e6e6;
    font-weight: bold; 
    margin-top: 10px; 
    padding-bottom: 3px; 
    margin-bottom: 10px;
}
aside.medium-3 {
    min-width:260px;
}
.detail-val ul {
    margin-left:0;
}

/******************************************************************* FOOTER */
#site-footer {
  background-color: #E5E4E4;
  border-top: 2px solid #77BC1F; 
  padding-top:30px;
}
#site-footer #footer-brand { background-color: #eeeeee; }
#site-footer #footer-brand .brand-link { padding: 0.2rem; }
#site-footer h5 {color:#77BC1F;}

/* these are for the svg logos - brand colors */
.normal-svg path {fill:#a9a7a9;}
a:hover .normal-svg .ltgray{fill:#a9a7a9;}
a:hover .normal-svg .dkgray{fill:#56565a;}
a:hover .normal-svg .svgxcel{fill:#3dc0cb;}
a:hover .normal-svg .svgwalman{fill:#77bc43;}
a:hover .normal-svg .svgwalmanoptical{fill:#007a40;}
a:hover .normal-svg .svgwalmaninstruments{fill:#457cbe;}
a:hover .normal-svg .svgultraoptics{fill:#2c328c;}
a:hover .normal-svg .svgimagewear{fill:#7b2981;}
a:hover .normal-svg .svgado{fill:#00a7e0;}
a:hover .normal-svg .svgnouveau{fill:#435363;}

#site-footer #news .news-event {
    padding: 1rem 0;
    border-bottom: 2px solid white;
    white-space:nowrap;
}
#site-footer #news .news-event:first-of-type { padding: 0 0 1rem 0; }
#site-footer #news .news-event:last-of-type { border-bottom: none; }
#site-footer #news .news-event .date-wrapper {
    vertical-align: top;
    display:inline-block;
    height: 3rem;
    width: 3rem;
    border-radius: .25rem;
    padding: .25rem;
    color: white;
    background-color: #55565a;
    margin-right: 1rem;
    font-size: .75rem; }
#site-footer #news .news-event .date-wrapper span {
    font-family: GothamSSm-Bold;
    display: block;
    font-size: 1.5rem;
    line-height: 1.25rem; }
#site-footer #news .news-event a.event-wrapper {
    width: calc(100% - 64px);
    white-space: normal;
    display: inline-block;
    color: #55565a;
}
    #site-footer #news .news-event a.event-wrapper:hover {
        color: #404144;
    }

#social-links ul {margin-left:0;}
#social-links ul li {
    float: left;
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    background-color: #a9a8a9;
    font-size: 1.25rem;
    margin: 0 0.25rem 0.25rem 0; }
#social-links ul li a {
    color: white;
    height: 2rem;
    width: 2rem;
    display: block;
}
#footer-copy {
    background-color: #616165;
    padding: 1rem 0;
    text-align: center;
    font-size: .9em;
}
#footer-copy #terms-links {
    text-align: right; }
#footer-copy #terms-links a {
    color: white;
    margin: 0 0.375rem; }
@media print,screen and (max-width: 40em) {
    #footer-copy #terms-links, #footer-copy .small-centered {
        text-align: center;
    }

}
.quick-link {
    font-family: GothamSSm-Book;
    padding: .5rem 0;
    border-bottom: 2px solid white; }
.quick-link:first-of-type {
    padding: 0 0 0.5rem 0; }
.quick-link:last-of-type {
    border-bottom: none; }
.quick-link a {
    color: #55565a; }
/*
  #site-footer #footer-links {
    border-bottom: 2px solid white;
    background-color: #e5e4e4; }
    #site-footer #footer-links .footer-column {
      padding: 2rem 1rem; }
    #site-footer #footer-links #contact #social-links ul li {
      float: left;
      height: 2.25rem;
      width: 2.25rem;
      line-height: 2.25rem;
      background-color: #a9a8a9;
      font-size: 1.5rem;
      margin: 0 0.5rem 0.5rem 0; }
      #site-footer #footer-links #contact #social-links ul li a {
        color: white; }

    #site-footer 
    #site-footer #footer-links #advantage .image-border-radius {
      border-radius: .25rem;
      overflow: hidden; }
  */


/******************************************************************* ADMIN */

.autocomplete {
    position: relative;
}

.autocomplete ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    border: solid 1px #ddd;
}

.autocomplete ul li {
    display: block;
    width: 100%;
    padding: .2em 0 .2em 1em;
    cursor: pointer;
}

.autocomplete ul li:hover {
    background: #000;
    color: #fff;
}

.list-event h5 {
    margin-bottom: 1em;
}

.edit-event h5 {
    font-weight: normal;
    margin: 0 0 1rem;
    font-size: 1rem;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    height: 1.9rem;
    margin: 0 0 .8rem;
    padding: .5rem 0 .5rem 1rem;
    border: 1px solid #A9A8A9;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    color: #55565A;
}

.input-group-label {
    color: #A9A8A9;
}

.input-group > :first-child {
    border-radius: 0;
    border: 1px solid #A9A8A9;
    border-right: 0;
    height: 1.9rem;
}

.input-group > :last-child {
    border-radius: 0;
    border: 1px solid #A9A8A9;
    border-left: 0;
    height: 1.9rem;
}

.input-group > input {
    border-right: 0;
}

.button.success {
    border-radius: 0;
    background: #77BC1F;
    color: #fff;
}

.button.success:active,.button.success:hover {
    color: #fff;
}

.button.green {
    background-color:#77BC1F;
}
.button:active, .button:hover, .button:focus {
    background-color:#77BC1F;
}
.button.hollow, .button.hollow:active, .button.hollow:focus, .button.hollow:hover {
    color: #77BC1F;
    border: solid 1px #77BC1F;
    border-radius: 0;
    background:none;
}
.button.hollow.ltgray {
    color: #A9A8A9;
    border-color:#A9A8A9;
}

.button.cancel {
    background-color:#55565A;
    color:#A9A8A9;
}
.button.cancel:hover {
    opacity:0.8;
}

.button.tiny {
    height: 1.5rem;
    padding: .5rem;
    margin: .2rem;
}
.button.note {
    position:relative;
}
    .button.note .note-content {
        position: absolute;
        bottom: 8px;
        right: 50px;
        background: #efefef;
        padding: 10px;
        border: #dedede solid 1px;
        color: #808080;
        width: 300px;
        display: block;
        opacity: 0;
        transition: opacity ease 0.5s;
        pointer-events:none;
        line-height:1.5em;
    }
    .button.note:hover,.button.note:hover .note-content {
        opacity: 1;
    }
.button.disabled {
    background: #55565A;
    color: #A9A8A9;
    opacity: 1;
}

    .button.disabled:hover {
        opacity: 1;
        background: #55565A;
        color: #A9A8A9;
    }
.event-title {
    height: 6.25rem;
    background: url(/Content/Images/bg_pageTitle.jpg);
    margin: 0 0 2rem;
    padding: 2.25rem 0 0 .9375rem;
    box-sizing: border-box;
    color: #fff;
}

.event-title h1 {
    font: normal 1.7em GothamSSm-Book;
}

.event-title .button { 
    margin-right: 2em;
    color: #fff;
}

.edit-event input, .edit-event select, .edit-event textarea {
    max-width: 100%;
}

textarea {
    height: 20em;
}

.date-range label {
    color: #76777a;
}

.edit-event .image-upload {
    height: 6rem;
    background: #ccc;
    width: 100%;
    margin: 0 0 1rem;
}

.uploaded .image-upload-text {
    background: rgba(0,0,0,.4);
    color: #ddd;
    margin-left: 2%;
}

.edit-event .image-upload label {
    height: 2.5rem;
    box-sizing: border-box;
    width: 10rem;
    display: block;
    background: #77BC1F;
    color: #fff;
    padding: .75rem 0 0;
    text-align: center;
    float: right;
    margin: 1.5rem;
    cursor: pointer;
}

.event-description {
    position: relative;
    height: 100%;
}

.event-description .divider-horizontal {
    border-right: solid 1px #aaa;
    position: absolute;
    height: 100%;
    top: 0;
    right: -.25rem;
}

.image-upload-text {
    height: 80%;
    font-size: 1.2em;
    display: inline-block;
    margin: 2% 0;
    color: #777;
    width: 50%;
    max-width: 40%;
    padding: 3% 5%;
}

.button.right + .button.right {
    margin-right: 1em;
}

.list-event table {
  text-transform: uppercase;
  background: #000;
  border-collapse: collapse;
}

.list-event table thead tr td {
    border-top: solid .5em #55565A;
    border-bottom: solid .5em #55565A;
    border-collapse: initial;
    margin: 0;
}

.list-event table thead tr td + td {
  border-left: solid 2px #A9A8A9;
}

.list-event table thead tr td:last-of-type {
    border-right: solid 1px #55565A;
}

.list-event table thead tr td:first-of-type {
    border-left: solid 1px #55565A;
}

.list-event table tbody tr td + td {
    border-left: solid 2px #A9A8A9;
}

.list-event table tbody tr {
    background:#fff;
}
.list-event table tbody tr.highlighted {
    background: #eee;
}
.list-event table tbody tr td:last-of-type {
    border-right: solid 1px #ECECEC;
}

.list-event table tbody tr td:first-of-type {
    border-left: solid 1px #ECECEC;
}
.list-event table tbody tr td {
    padding-bottom:4px;padding-top:4px;
}
.list-event table tbody tr td.btm-separator {
    border-bottom: solid 1px #ececec;
    height: 4px;
    line-height: 6px;
    padding: 6px;
}
.list-event table tbody tr td.top-separator {
    border-top: solid 1px #ececec;
    height: 6px;
    line-height: 6px;
    padding: 4px;
}

.list-event table thead tr td { 
  background: #55565A;
  color: #fff;
  font-weight: normal;
  line-height: 1em;
  height: 3em;
  box-sizing: border-box;
}
.list-event table tbody tr td textarea {
    margin:0;
}


.pagination {
    height: 36px;
    margin: 18px 0
}

.pagination ul {
    display: inline-block;
    border: solid 1px #A9A8A9;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.pagination li {
    float: left;
    border-radius: 0;
}

.pagination li + li {
    border-left: solid 1px #A9A8A9;
}

.pagination a {
    display: block;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border-radius: 0;
}

.pagination .active {
    color: #eee;
    background: #eee;
    cursor: default;
}

.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
    color: #999;
    cursor: default;
    background-color: transparent;
}



.marker span {
    height: 24px;
    width: 24px;
    display: block;
    border: solid 1px #a9a8a9;
    margin: 3px;
    border-radius: 100%;
}

.marker span i {
    height: 22px;
    width: 22px;
    display: block;
    background: #fff;
    border: solid 5px #fff;
    border-radius: 100%;
}

.marker.active span i {
    border: solid 5px #77bc1f;
}



#loginModalForm .button {
    margin-bottom: 0;
}

#loginModalForm,.modalForm,#registerForm {
    padding: 1rem;
}

#loginModalForm .button,.modalForm .button,#registerForm .button {
    min-width: 0%;
    width: 100%;
}

#loginModalForm h5, .modalForm h5,#registerForm h5 {
    color: #77bc1f;
    margin: 1rem 0 .5rem;
}

#loginModalForm p, .modalForm p,#registerForm p {
    font-weight: bold;
}

#loginModalForm p.requiredNote,#registerForm p.requiredNote {
    color: #77bc1f;
    font-size: .6rem;
    line-height: .7rem;
    margin: 0 0 .5rem;
}

#loginModalForm input[type=text], #loginModalForm input[type=password] {
    width: 100%;
    padding: 0 0 0 .5em
}

#loginModalForm .validation-summary-errors ul, #registerForm .validation-summary-errors ul { margin: 0; padding: 1em 0 1.5em; }
#loginModalForm .validation-summary-errors, #registerForm .validation-summary-errors { color: #f00; font-size: 12px; }

.noborder {
    border: 0 !important;
    font-weight: bold;
}

#userExists { color: #f00; margin: 0; padding: 0; display: none; }

.input-column {
  position: relative;
}

.error-label { position: absolute; top: .7em; right: 1.75em; font-size: .9em; line-height: .9em; }