/*

005a9a   logo blue

3D464C   dark grey

E3E7EA   light grey

f6f6f6   FRI in the background and disclaimer rule

*/
@charset "utf-8";

/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}template,[hidden]{display:none}*,::before,::after{background-repeat:no-repeat;box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{height:0;overflow:visible}nav ol,nav ul{list-style:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}progress{vertical-align:baseline}small{font-size:83.3333%}sub,sup{font-size:83.3333%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}a{background-color:transparent;-webkit-text-decoration-skip:objects}:hover{outline-width:0}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit;font-size:1em;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto;resize:vertical}[type="checkbox"],[type="radio"]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}a,area,button,input,label,select,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}[hidden][aria-hidden="false"]{clip:rect(0,0,0,0);display:inherit;position:absolute}[hidden][aria-hidden="false"]:focus{clip:auto}

/* /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ */
/* /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ */
/* /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ */
/* /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ /\/\/\ */


/* ------- reset some sanitize items -------- */

button, input, select, textarea {
    border: 1px solid #aaa;
    font-size: inherit;
}

.header-spacer {
   height: 1.9rem;
   background-color: #005a9a;
}

header {
   z-index: 999;
   top: 0;
   z-index:5000;
   width:100%;
}

header img.logo {
   margin: 14px 0;
}

/*
   Navigation
 */
nav.main-nav
{
   width: 100%;
   background-color: #005a9a;
}

nav.main-nav ul {
   margin: 0 auto;
   padding: 0;
   list-style: none;
}
nav.main-nav ul li {
   margin: 0 5px;
   display: inline-block;
}
nav.main-nav ul li:first-child {
   margin-left: 0;
}
nav.main-nav ul li a {
   font-family: 'Lustria', serif;
   color: #fff;
   display: block;
   line-height: 1.9rem;
   padding: 0 10px;
   border-top: 1px solid #005a9a;
   border-bottom: 1px solid #005a9a;
}
nav.main-nav ul li a,
nav.main-nav ul li a:visited,
nav.main-nav ul li a:active  {
   text-decoration: none;
   font-weight: 400;
}
nav.main-nav ul li > a:hover {
   background-color: #E3E7EA;
   color: #005a9a;
}

/*
footer
*/

footer {
   box-sizing: border-box;
   width: 100%;
   background-color: #E3E7EA;
   color: #000;
   box-shadow: 0px 500px 0px 500px #E3E7EA;
}

footer .col-last img:last-child {
   border: 1px solid #aaa;
   margin-left: 15px;
}

footer .disclaimer {
   margin-top: 20px;
   padding-top: 20px;
   font-style: italic;
   font-size: 0.9rem;
}


/* ------------------------------------------------------------------------------------------------------------------
   MAIN RESETS FOR OUR STYLES
   ------------------------------------------------------------------------------------------------------------------ */

html {
   font-family: 'Lato', sans-serif;
   font-size: 16px;
}

body {
   background-color: #fff;
   color: #3c3c3c;
}

.clearfix:after               { visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix              { zoom:1; } /* IE6 */
*:first-child+html .clearfix  { zoom:1; } /* IE7 */

.clear { clear: both; }

a,
a:visited,
a:active  {
   color: #005a9a;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

p { margin: 0 0 0.8rem 0; }
p:last-child { margin-bottom: 0; }

h1, h2, h3, h4 {
   font-family: 'Lustria', serif;
   font-weight: 900;
}

h1 { font-size: 1.8rem; margin: 1.2rem 0; }
h2 { font-size: 1.4rem; margin: 1.0rem 0 0.4rem 0; }
h3 { font-size: 1.2rem; margin: 1.0rem 0 0.4rem 0; }
h4 { font-size: 1.1rem; margin: 1.0rem 0 0.4rem 0; }

h1:first-of-type { margin-top: 0; }

.pagewidth > h1:first-child,
.pagewidth > h2:first-child,
.pagewidth > h3:first-child,
.pagewidth > h4:first-child {
   margin-top: 0;
}


ul { list-style: square; padding-left: 45px; }
ul ul { list-style: circle; }

ul li,
ol li { padding: .12rem 0; }

h2.boxed { border-bottom-width: 3px; border-bottom-style: solid; margin-bottom: 0; }
ul.boxed { background-color: #eee; margin-top: 0; padding: 10px 10px 10px 25px; }

.todo { background-color: yellow; margin: 20px 0; padding: 20px; }

.centered { text-align: center; margin: 0 auto; float: none; width: 100%; }
.centered a { display: block; }


/* ------------------------------------------------------------------------------------------------------------------
   INCLUDE / WRAPPER SPECIFIC
------------------------------------------------------------------------------------------------------------------ */

.pagewidth {
   width: 1000px;
   margin: 0 auto;
   padding: 30px 0;
}
.pagewidth.no-top-padding {
   padding-top: 0;
}
.pagewidth.no-padding {
   padding: 0;
}


/* ------------------------------------------------------------------------------------------------------------------
   Contact Form
   ------------------------------------------------------------------------------------------------------------------ */
#contact-form label { width: 150px;  }
#contact-form label[for="protection_question"] { width: 185px; }
#contact-form .email-explanation { margin-left: 150px; margin-top: 10px; max-width: 600px; }
#contact-form #notes { width: 600px; }

@media (max-width: 800px) {
   #contact-form .email-explanation {
      max-width:100%;
   }
}

/* new contact page with consent */
.consent {
   display:none;
}
.consent p,
.consent li {
   font-size:14px;
}
span.input-help {
   display:inline-block;
   position:relative;
   top:10px;
   padding:0 0 10px 10px;
}
#input-container-for-consent_agreement {
   width:calc(100% - 250px);
}
#input-container-for-consent_agreement .radio-checkbox-row div {
   width:calc(100% - 25px);
}
@media (max-width: 780px) {
   #input-container-for-consent_agreement {
      width:100%;
   }
   #contact-form fieldset {
      margin-bottom:15px;
   }
}

/* ------------------------------------------------------------------------------------------------------------------
   Debtor Web Link Forms
   ------------------------------------------------------------------------------------------------------------------ */

.dwl-form label {
   display: inline-block;
   width: 80px;
   font-weight: 900;
   text-align: right;
}

.dwl-form.login input:type["text"],
.dwl-form.login input:type["password"] {
   width: 225px;
}

input.button {
   background: #d8d8d8;
   background-image: linear-gradient(to bottom, #d8d8d8, #bdbdbd);
   border-radius: 5px;
   color: #000;
   padding: 5px 20px 5px 20px;
   text-decoration: none;
   margin-left: 85px;
}
input.button:hover {
   background: #d8d8d8;
   text-decoration: none;
}
input.button.no-left {
   margin-left: 0;
}

input.dwl-readonly {
   border: none;
}

/* ------------------------------------------------------------------------------------------------------------------
   Paid screens
   ------------------------------------------------------------------------------------------------------------------ */
table.receipt { border-collapse:collapse; font-size: 13px; margin: 20px 0; }
table.receipt tr td { padding: 2px 5px; }
table.receipt th { padding: 2px 5px; font-size: 14px; font-weight: bold; text-align: right; }


/* ------------------------------------------------------------------------------------------------------------------
   MODULE / WIDGET SPECIFIC
   ------------------------------------------------------------------------------------------------------------------ */

#contact-form input.button,
a.button {
   font-family: 'Lustria', serif;
   display: inline-block;
   background-color: #005a9a;
   background-repeat: no-repeat;
   padding: 10px 20px 6px 20px;
   text-decoration: none;
   text-align: center;
   border-radius: 10px;
   letter-spacing: .05em;
   color: #fff;
   border: 1px solid #3D464C;
}

#contact-form input.button {
   background-image: url("/images/button-swoop.png");
   background-position: 35px center;
   padding-left: 30px;
   width: 160px;
}

#contact-form input.button:hover,
a.button:hover {
   background-color: #3D464C;
}

/* Columns */
.col-wrap .col-half {
   width: 49%;
   padding: 0;
   margin-right: 2%;
   float: left;
   box-sizing: border-box;
}
.col-wrap .col-100 {
   width: 100%;
   padding: 0;
   float: left;
   box-sizing: border-box;
}
.col-wrap .col-80 {
   width: 79%;
   padding: 0;
   margin-right: 2%;
   float: left;
   box-sizing: border-box;
}
.col-wrap .col-third {
   width: 32%;
   padding: 0;
   margin-right: 2%;
   float: left;
   box-sizing: border-box;
}
.col-wrap .col-25 {
   width: 23%;
   padding: 0;
   margin-right: 2%;
   float: left;
   box-sizing: border-box;
}
.col-wrap .col-20 {
   width: 19%;
   padding: 0;
   margin-right: 2%;
   float: left;
   box-sizing: border-box;
}
.col-wrap .col-60 {
   width: 59%;
   padding: 0;
   margin-right: 2%;
   float: left;
   box-sizing: border-box;
}
.col-wrap .col-40 {
   width: 39%;
   padding: 0;
   margin-right: 2%;
   float: left;
   box-sizing: border-box;
}
.col-wrap .col-last {
   margin-right: 0;
}

.top-tab {
   float: right;
   margin-left: 20px;
   padding: 10px 20px;
   border-left: 2px solid #005a9a;
   border-right: 2px solid #005a9a;
   border-bottom: 2px solid #005a9a;
   background-color: #E3E7EA;
   width: 160px;
   text-align: center;
   border-radius: 0 0 20px 20px;
   font-family: 'Lustria', serif;
}

.top-tab:hover {
   background-color: #005a9a;
   text-decoration: none;
   color: #fff;
}

/* Home Button Columns */
.page-home .audience {
   width: 49%;
   padding: 0;
   margin-right: 2%;
   margin-top: 20px;
   float: left;
   box-sizing: border-box;
   text-align: center;
}
.page-home .audience img {
   max-width: 100%;
   height: auto;
}
.page-home .audience-last {
   margin-right: 0;
}
.page-home .audience p {
   margin: 0;
}
.page-home .audience h2 {
   margin: 10px 0 0 0;
}
.page-home .audience img.pic {
   border-radius: 20px;
   border: 1px solid #ccc;
}

.page-home .audience a.button {
   line-height: 27px;
   margin-top: 20px;
   width: 225px;
}
.page-home .audience a.button img {
   margin-right: -15px;
}

.page-home .pagewidth.swoop {
   background: #fff url("/images/fri-swoop.png") no-repeat center top;
}

.right-callout {
   float: right;
   margin: 0 0 20px 20px;
   background-color: #E3E7EA;
   padding: 20px;
   text-align: center;
   border-radius: 20px;
}
.right-callout h2 {
   margin: 0;
}

/* DWL items */
.trantypeReturn,
.trantypeTRANSACTION.FEE,
.trantypeAdjustment,
.trantypeRe-Open.Account {
   visibility:hidden;
   display:none;
}

table.fri         {
   border-collapse: collapse;
   margin: 20px 0;
}

table.fri th      {
   padding: 5px;
   text-align: center;
   font-weight: 900;
   background-color: #aaa;
   color: #000;
   border: 1px solid #000;
}

table.fri tr td   {
   padding: 5px;
   border: 1px solid #aaa;
}


form.frmupdate label {
   width: 85px;
   display: inline-block;
   font-weight: 900;
   text-align: right;
   vertical-align: top;
}

form.frmupdate input[type="text"] {
   width: 300px;
   margin-left: 5px;
}
form.frmupdate textarea {
   width: 300px;
   height: 55px;
}

.logoutbtn {
   float:right;
   margin-top: -20px;
}

.hide-button { display: none; }

.hidden-explanation {
   padding: 15px;
   background-color: #d9edf7;
   display: none;
}

.zero-pays {
   padding: 15px;
   background-color: #d9edf7;
}


@media (max-width: 1000px) {

   .pagewidth {
      width: 97%;
      margin: 0 1.5%;
      padding: 30px 0;
   }

}


@media (max-width: 850px) {

   header img.logo {
      width: 60%;
   }

   .top-tab {
      margin-left: 10px;
      padding: 5px 10px;
      width: 90px;
      font-size: 0.8rem;
   }

   footer .col-wrap .col-25 {
      width: 48%;
   }

   footer .col-wrap .col-half {
      clear: both;
      float: none;
      width: 100%;
   }
}

@media (max-width: 780px) {
   #contact-form label {
      width: 100%;
      margin-bottom: 5px;
   }
   #contact-form .email-explanation {
      margin-left: 0;
   }
}

@media (max-width: 750px) {
   .right-callout {
      float: none;
      clear: both;
   }
}


@media (max-width: 650px) {

   header img.logo {
      width: 55%;
   }

   .page-home .audience {
      width: 100%;
   }
}

@media (max-width: 500px) {

   footer .col-wrap .col-25 {
      width: 100%;
      float: none;
      clear: both;
   }
}

@media (max-width: 475px) {
   header img.logo {
      width: 50%;
   }
}


@media (max-width: 450px) {
   .top-tab {
      float: right;
      margin: 0 2px;
      padding: 2px 5px;
      width: 60px;
      font-size: 0.75rem;
      border-left: 1px solid #005a9a;
      border-right: 1px solid #005a9a;
      border-bottom: 1px solid #005a9a;
      border-radius: 0 0 10px 10px;
   }
}


@media print {

   .no-print { display: none; }

   footer {
      background-color: none;
      box-shadow: none;
   }

}