/*----------------------------------------------------------------------------*/
/*                             TABLE OF CONTENTS                              */
/*----------------------------------------------------------------------------*/
/* 1.  =GLOBAL STYLES (ELEMENT SELECTORS)                                     */
/* 2.  =LAYOUT                                                                */
/* 3.  =HEADER                                                                */
/* 4.  =FOOTER                                                                */
/* 5.  =HEADINGS                                                              */
/* 6.  =CONTENT STYLES (CLASS SELECTORS)                                      */
/* 7.  =FORMS                                                                 */
/* 7.  =MESSAGING (ERROR/INFO/CONFIRM)                                        */
/* 9.  =TABLES                                                                */
/* 10. =TOOLTIP                                                               */
/* 11. =MISCELLANEOUS                                                         */
/* 12. =PAGE SPECIFIC                                                         */
/* 13. =INAV                                                                  */
/* 14. =OBJECT LISTS                                                          */
/* 15. =RESPONSIVE DESIGN                                                     */
/*       a. =TABLET                                                           */
/*             i.   =T_LAYOUT                                                 */
/*             ii.  =T_HEADER                                                 */
/*             iii. =T_FOOTER                                                 */
/*             iv.  =T_HEADINGS                                               */
/*             v.   =T_CONTENT STYLES (CLASS SELECTORS)                       */
/*             vi.  =T_FORMS                                                  */
/*             vii. =T_TABLES                                                 */
/*             viii.=T_MISCELLANEOUS                                          */
/*             ix.  =T_PAGE SPECIFIC                                          */
/*       b. =MOBILE                                                           */
/*             i.   =M_LAYOUT                                                 */
/*             ii.  =M_HEADER                                                 */
/*             iii. =M_FOOTER                                                 */
/*             iv.  =M_HEADINGS                                               */
/*             v.   =M_CONTENT STYLES (CLASS SELECTORS)                       */
/*             vi.  =M_FORMS                                                  */
/*             vii. =M_TABLES                                                 */
/*             viii.=M_TOOLTIP                                                */
/*             ix.  =M_MISCELLANEOUS                                          */
/*             x.   =M_PAGE SPECIFIC                                          */
/*             xi.  =M_OBJECT LISTS                                           */
/*----------------------------------------------------------------------------*/
/* TIP: Use find command + =TAG for quick navigation.                         */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* =GLOBAL STYLES (ELEMENT)                                                   */
/*----------------------------------------------------------------------------*/
* {
    color: inherit;
    margin: 0;
    padding: 0;
}

html {
    font: 62.5% Arial; /*10px*/
    color: #4D4F53;
}

body {
    background-color: #E4E4E4;
}

p, td, ul, ol, .paragraphFont {
    font-size: 14px;
    font-size: 1.4rem;
}

p + p, p + ol, p + ul {
    margin-top: 1.5em;
}

ul, ol {
    margin-left: 1px;
    padding-left: 1px;
}

ul li, ol li {
    margin: .3em 0 .3em 1em;
}

ul.noindent li {
    margin: .3em 0 .3em 4em;
}

a:link,
a:hover,
a:visited {
    color: #002663;
    text-decoration: underline;
}

img {
    border: 0;
}

/*----------------------------------------------------------------------------*/
/* =LAYOUT                                                                    */
/*----------------------------------------------------------------------------*/
#contentWrapper {
    margin: 0 auto 0 auto;
    max-width: 1019px;
    max-width: 101.9rem;
}

#divMain {
    box-sizing: border-box;
    padding: 0 0 25px 0;
    padding: 0 0 2.5rem 0;
    position: relative;
    width: 100%;

    margin: 20px 0 0 0;
    margin: 2rem 0 0 0;
}

#divMainBlank {
    border: 0;
    margin: 0 5%;
}

#divRightNav {
    float: right;
    max-width: 220px;
    margin-right: 15px;
}

#divRightNav a {
    background: linear-gradient(#FFF, #EAEBEB);
    background: -webkit-linear-gradient(top, #FFF, #EAEBEB);
    -pie-background: linear-gradient(top, #FFF, #EAEBEB);
    border: 1px solid #ADAFAF;
    border-radius: 5px;
    box-sizing: border-box;
    color: #002663;
    display: inline-block;
    font: bold 13px Arial;
    font: bold 1.3rem Arial;
    line-height: 30px;
    line-height: 3rem;
    margin-bottom: .769em;
    position: relative; /*Necessary for CSSPIE*/
    text-align: center;
    text-decoration: none;
    width: 100%;
    -pie-poll: true;
}

#divRightNav a:hover, #divRightNav a:focus {
    outline: none;
    color: #006890;
}

#divRightNav a:active {
    color: #002663;
}

/*----------------------------------------------------------------------------*/
/* =HEADER                                                                    */
/*----------------------------------------------------------------------------*/
#divHeader.unsecure {
    margin: 25px auto;
    margin: 2.5rem auto;
}

#divHeader.secure {
    background-color: #FFF;
    -pie-poll: true;
}

#header {
    max-width: 1019px;
    margin: 0 auto;
}

/*#title {
	padding: 20px 1.6%;
	padding: 2rem 1.6%;
}*/
#divHeader .contactUs {
    float: right;
    font: bold 1em Arial;
    margin-top: -1.5em;
    text-align: right;
}

#divHeader .nameBanner {
    float: right;
    text-align: right;
}

#divHeader .nameBanner .name {
    font: 2.1em Arial;
}

#divHeader .nameBanner .loginDate {
    font: 1.1em Arial;
}

#notificationBar {
    background: #EAEBEB;
    border: 5px solid #FFF;
    box-shadow: 0px 3px 3px 0px #DDD;
    display: none;
    margin: 20px auto 20px auto;
    margin: 2rem auto 2rem auto;
    padding: 10px;
    padding: 1rem;
    box-sizing: border-box;
    max-width: 1019px;
    max-width: 101.9rem;
}

/*----------------------------------------------------------------------------*/
/* =FOOTER                                                                    */
/*----------------------------------------------------------------------------*/
#divSubFooter {
    margin-top: 4em;
}

#divSubFooter p {
    font: 12px Arial;
    line-height: 14px;
    margin: 20px 0;
}

/*----------------------------------------------------------------------------*/
/* =HEADINGS                                                                  */
/*----------------------------------------------------------------------------*/
h1 {
    color: #006FCF;
    font: normal 18px Arial;
    line-height: 20px;
    white-space: nowrap;
}

td h1 {
    color: black;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 5px 0;
    text-align: left;
    white-space: nowrap;
}

#contentTitle {
    float: left;
    width: 100%;
}

.tableTop > h1 {
	color: #006FCF;
    line-height: 27px;
}

h2 {
    font: 20px Arial;
    font: 2rem Arial;
    margin: 25px 0 15px 0;
    margin: 2.5rem 0 1.5rem 0;
    text-transform: uppercase;
}

h3 {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    text-align: left;
}

/*----------------------------------------------------------------------------*/
/* =CONTENT STYLES (CLASS SELECTORS)                                          */
/*----------------------------------------------------------------------------*/
div.content, div.tableContent {
    background-color: white;
    padding: 0 3em 2em 2em;

    -pie-poll: true;
}

div.tableContent {
    overflow: hidden;
    padding: 0;
}

div.contentTop, div.contentTopUnsecure {
    background-color: white;
    padding: 20px 2.6% 1px 2.6%;
}

div.contentBottom, div.contentBottomUnsecure {
    background: white;
    margin: 0 0 20px 0;
    padding: 0 3.8% .5em 2.6%;

    -pie-poll: true;
}

div.contentBottomUnsecure {
    padding: 0 50px 40px 40px;
}

ol.spaced > li, ul.spaced > li {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

ol.spaced li > ol, ul.spaced li > ul {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

hr.dotted {
    border: 1px dotted;
    border-style: none none dotted;
}

a.small {
    font-size: 13px;
    font-size: 1.3rem;
}

a.bright:link,
a.bright:hover,
a.bright:visited {
    color: #016895;
    text-decoration: underline;
}

.routingAndPhone {
    margin-top: 0;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font: 1.2em Arial;
    text-align: center;
    color: #4D4F53;
}

.weakPassSprite, .goodPassSprite, .strongPassSprite {
    width: 83px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
}

.bookmarkOverlay {
    background: #D7D7D7;
    border-radius: 4px;
    bottom: 0;
    box-shadow: 2px 2px 2px 0 #888;
    display: none;
    margin-right: -205px;
    margin-bottom: 10px;
    overflow: auto;
    padding: 2%;
    position: fixed;
    right: 50%;
    width: 410px;
    z-index: 999998; /*Feedback Icon + 1*/
}

.bookmarkOverlayClose, .bookmarkOverlayIcon {
    float: right;
    padding-left: 2%;
}

.bookmarkOverlayClose {
    cursor: pointer;
}

.bookmarkOverlayIcon {
    width: 25%;
    max-width: 76px;
}

.bookmarkOverlayText {
    cursor: pointer;
}

#timeoutDialog,
#gpcCloseConfirmOverlay {
    background: #FFF;
    border: 4px solid #8B8D8E;
    border-radius: 10px;
    box-shadow: 4px 4px 4px 0 #888;
    font: 14px Arial;
    font: 1.4rem Arial;
    left: 50%;
    margin-left: -274px;
    margin-top: 250px;
    overflow: auto;
    padding: 20px;
    position: fixed;
    width: 500px;
    z-index: 1000001; /*Top*/
}

#gpcCloseConfirmOverlay {
    top: 200px;
    width: 410px;
}

#timeoutDialog .btnLeft,
#gpcCloseConfirmOverlay .btnLeft {
    float: left;
}

#timeoutDialog .btnRight,
#gpcCloseConfirmOverlay .btnRight {
    float: right;
}

/*del dialog start*/

.dellightbox {
    width: 500px;

    position: relative;
    z-index: 1000000; /*Overlay + 1*/

    background: #FFF;
    padding: 10px;
    margin: 10px 0;
    overflow: auto;
}

#delDialog,
#gpcDelConfirmOverlay {
    background: #FFF;
    border: 4px solid #8B8D8E;
    border-radius: 10px;
    box-shadow: 4px 4px 4px 0 #888;
    font: 14px Arial;
    font: 1.4rem Arial;
    left: 50%;
    margin-left: -274px;
    margin-top: 250px;
    overflow: auto;
    padding: 20px;
    position: fixed;
    width: 500px;
    z-index: 1000001;
}


#gpcDelConfirmOverlay {
    top: 200px;
    width: 410px;
}

#delDialog .btnLeft,
#gpcDelConfirmOverlay .btnLeft {
    float: left;
}

#delDialog .btnRight,
#gpcDelConfirmOverlay .btnRight {
    float: right;
}

#gpcDelConfirmOverlay {
    left: 5%;
    right: 5%;
    top: 5%;
    margin: 0;
    padding: 5%;
    width: auto;
}

#delDialog .btnLeft,
#delDialog .btnRight,
#gpcDelConfirmOverlay .btnLeft,
#gpcDelConfirmOverlay .btnRight {
    margin: 0;
    width: 48%;
}


p.overlayTitle.bold {
    font-size: 18px;
}



div#delDialog.lightbox {
    left: 5%;
    right: 5%;
    top: 5%;
    margin: 0;
    padding: 5%;
    width: 400px;
    height: 25px;
    overflow: hidden;
}

/*End*/

/*Existing User dialog start*/

#existingUserDialog,
#gpcExistingUserConfirmOverlay {
    background: #FFF;
    border: 4px solid #8B8D8E;
    border-radius: 10px;
    box-shadow: 4px 4px 4px 0 #888;
    font: 14px Arial;
    font: 1.4rem Arial;
    left: 50%;
    margin-left: -274px;
    margin-top: 250px;
    overflow: auto;
    padding: 20px;
    position: fixed;
    width: 500px;
    z-index: 1000001;
}


#gpcExistingUserConfirmOverlay {
    top: 200px;
    width: 410px;
}

#existingUserDialog .btnLeft,
#gpcExistingUserConfirmOverlay .btnLeft {
    float: left;
}

#existingUserDialog .btnRight,
#gpcExistingUserConfirmOverlay .btnRight {
    float: right;
}

#gpcExistingUserConfirmOverlay {
    left: 5%;
    right: 5%;
    top: 5%;
    margin: 0;
    padding: 5%;
    width: auto;
}

#existingUserDialog .btnLeft,
#existingUserDialog .btnRight,
#gpcExistingUserConfirmOverlay .btnLeft,
#gpcExistingUserConfirmOverlay .btnRight {
    margin: 0;
    width: 48%;
}


p.overlayTitle.bold {
    font-size: 18px;
}



div#existingUserDialog.lightbox {
    left: 5%;
    right: 5%;
    top: 5%;
    margin: 0;
    padding: 5%;
    width: 400px;
    height: 25px;
    overflow: hidden;
}

/*End*/
.dateFormatIndicator {
    display: none;
}

/*----------------------------------------------------------------------------*/
/* =FORMS                                                                     */
/*----------------------------------------------------------------------------*/
input {
    font: inherit;
}

/* Remove Firefox's default button padding */
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"] {
    background: #FFF; /*Nexus7 defaults Gray*/
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 3px 3px 0px #DDD;
    margin: 0;
    padding: 4px 0 5px 5px;
    vertical-align: middle;
    font-weight: bold;
}

input[type="password"].showStrength {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

input[type="radio"] {
    margin: 0 5px 0 0;
}

select {
    background: #FFF; /*Nexus7 defaults Gray*/
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 3px 2px 0px #DDD;
    display: inline-block;
    font: inherit;
    height: 26px;
    line-height: 26px;
}

select optgroup {
    color: #888;
    font-style: normal;
    font-weight: normal;
}

select option {
    color: #4D4F53;
    padding-left: 10px;
    padding-right: 10px;
}

select option:disabled, select.disabledOption {
    color: #CCC;
}

textarea {
    color: #666666;
    font-family: Verdana;
    font-size: 12px;
    margin-left: 0;
}

.textAreaDisplay {
    border: 2px solid #b0c4de;
    padding: 5px;
}

.disabled,
input[type="date"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled] {
    color: #CCC;
    background-color: #CCC;
}

.enabled {
    background-color: #FFF;
}

div.field {
    display: table;
    width: 100%;
    margin: 0 0 .5em 0;
    font-size: 1.4em;
    color: #4D4F53;
}

div.field label {
    display: table-cell;
    height: 100%;
    padding: 0 10px 0 0;
    padding: 0 1rem 0 0;
    text-align: right;
    vertical-align: top;
    width: 35%;
}

div.field label.inline {
    display: inline;
    text-align: left;
    margin: 0;
}

form.left div.field label, div.field.left label {
    text-align: left;
}

div.field input, div.field select {
    vertical-align: middle;
}

div.field select.expand {
    width: 100%;
}

button[type="button"],
input[type="button"],
input[type="submit"] {
    background: #00175A;
    border: none;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    font: bold 13px Arial;
    font-size: 1.3rem;
    height: 27px;
    height: 2.7rem;
    line-height: 27px;
    line-height: 2.7rem;
    padding: 0 15px 0 15px;
    padding: 0 1.5rem 0 1.5rem;
    position: relative;

    -webkit-appearance: none; /*Fix i-Device Buttons*/

    -pie-poll: true;
}

input[type="submit"][disabled="disabled"], input[type="submit"][disabled="disabled"]:hover, input[type="submit"][disabled="disabled"]:active,
input[type="button"][disabled="disabled"], input[type="button"][disabled="disabled"]:hover, input[type="button"][disabled="disabled"]:active,
button[type="button"][disabled="disabled"], button[type="button"][disabled="disabled"]:hover, button[type="button"][disabled="disabled"]:active,
input[type="submit"][disabled="disabled"].lightBlue, input[type="submit"][disabled="disabled"].lightBlue:hover, input[type="submit"][disabled="disabled"].lightBlue:active,
input[type="button"][disabled="disabled"].lightBlue, input[type="button"][disabled="disabled"].lightBlue:hover, input[type="button"][disabled="disabled"].lightBlue:active,
button[type="button"][disabled="disabled"].lightBlue, button[type="button"][disabled="disabled"].lightBlue:hover, button[type="button"][disabled="disabled"].lightBlue:active,
input[type="submit"][disabled="disabled"].white, input[type="submit"][disabled="disabled"].white:hover, input[type="submit"][disabled="disabled"].white:active,
input[type="button"][disabled="disabled"].white, input[type="button"][disabled="disabled"].white:hover, input[type="button"][disabled="disabled"].white:active,
button[type="button"][disabled="disabled"].white, button[type="button"][disabled="disabled"].white:hover, button[type="button"][disabled="disabled"].white:active,
input[type="submit"][disabled="disabled"].red, input[type="submit"][disabled="disabled"].red:hover, input[type="submit"][disabled="disabled"].red:active,
input[type="button"][disabled="disabled"].red, input[type="button"][disabled="disabled"].red:hover, input[type="button"][disabled="disabled"].red:active,
button[type="button"][disabled="disabled"].red, button[type="button"][disabled="disabled"].red:hover, button[type="button"][disabled="disabled"].red:active {

    background: #CCCCCC !important;
    border: none;
    color: #FFFFFF !important;
    cursor: default;
}

input[type="submit"]:hover, input[type="button"]:hover, button[type="button"]:hover {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002663), to(#001B96));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #001B96, #002663);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #001B96, #002663);
    /* IE 10 */
    background: -ms-linear-gradient(top, #001B96, #002663);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #001B96, #002663);
    /* IE 7/8/9 */
    -pie-background: linear-gradient(top, #001B96, #002663);
}

input[type="submit"]:active, input[type="button"]:active, button[type="button"]:active {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#001B96), to(#002663));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #002663, #001B96);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #002663, #001B96);
    /* IE 10 */
    background: -ms-linear-gradient(top, #002663, #001B96);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #002663, #001B96);
    /* IE 7/8/9 */
    -pie-background: linear-gradient(top, #002663, #001B96);
}

input[type="submit"].lightBlue, input[type="submit"].lightBlue:hover, input[type="button"].lightBlue, input[type="button"].lightBlue:hover, button[type="button"].lightBlue, button[type="button"].lightBlue:hover {
    background: #1974CD;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#26558B), to(#1974CD));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #1974CD, #26558B);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #1974CD, #26558B);
    /* IE 10 */
    background: -ms-linear-gradient(top, #1974CD, #26558B);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #1974CD, #26558B);
    /* IE 7/8/9 */
    -pie-background: linear-gradient(top, #1974CD, #26558B);
}

input[type="submit"].lightBlue:active, input[type="button"].lightBlue:active, button[type="button"].lightBlue:active {
    background: #26558B;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1974CD), to(#26558B));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #26558B, #1974CD);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #26558B, #1974CD);
    /* IE 10 */
    background: -ms-linear-gradient(top, #26558B, #1974CD);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #26558B, #1974CD);
    /* IE 7/8/9 */
    -pie-background: linear-gradient(top, #26558B, #1974CD);
}

input[type="submit"].red, input[type="submit"].red:hover, input[type="button"].red, input[type="button"].red:hover, button[type="button"].red, button[type="button"].red:hover {
    background: #C83535;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9A0000), to(#C83535));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #C83535, #9A0000);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #C83535, #9A0000);
    /* IE 10 */
    background: -ms-linear-gradient(top, #C83535, #9A0000);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #C83535, #9A0000);
    /* IE 7/8/9 */
    -pie-background: linear-gradient(top, #C83535, #9A0000);
}

input[type="submit"].red:active, input[type="button"].red:active, button[type="button"].red:active {
    background: #9A0000;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C83535), to(#9A0000));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #26558B, #9A0000);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #9A0000, #C83535);
    /* IE 10 */
    background: -ms-linear-gradient(top, #9A0000, #C83535);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #9A0000, #C83535);
    /* IE 7/8/9 */
    -pie-background: linear-gradient(top, #9A0000, #C83535);
}

input[type="submit"].white, input[type="submit"].white:hover, input[type="submit"].white:active,
input[type="button"].white, input[type="button"].white:hover, input[type="button"].white:active,
button[type="button"].white, button[type="button"].white:hover, button[type="button"].white:active {
    color: #002663;
    background: #EAEBEB;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEBEB));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #EAEBEB, #FFFFFF);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #EAEBEB, #FFFFFF);
    /* IE 10 */
    background: -ms-linear-gradient(top, #EAEBEB, #FFFFFF);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #EAEBEB, #FFFFFF);
    /* IE 7/8/9 */
    -pie-background: linear-gradient(top, #EAEBEB, #FFFFFF);

    border: 1px solid #ADAFAF;
}

input[type="submit"].white:hover, input[type="button"].white:hover, button[type="button"].white:hover {
    color: #006890;
}

input[type="submit"].white:active, input[type="button"].white:active, button[type="button"].white:active {
    color: #002663;
}

input[type="button"].subtle, input[type="button"].subtle:hover, input[type="button"].subtle:active {
    background: #F1F1F1;
    color: #828282;
    font-weight: bold;
}

.formButtonCell, .formButtonCellLeft {
    padding-top: 15px;
    padding-bottom: 35px;
    text-align: right;
}

.formSubmitButtonCell, .formSubmitButtonCellCenter {
    padding-top: 15px;
    padding-bottom: 35px;
    text-align: center;

}

.formButtonCell td.groupButton {
    text-align: center;
}

td.groupButton .formButton, td.groupButton .formButtonDisabled, td.groupButton .formButtonOver, td.groupButton .formButtonDown {
    margin: 5px;
    width: 75px;
}

.formButtonCellTblBtm, .formButtonCellTblBtmLeft {
    padding: 15px 20px;
    text-align: right;
    border-top: 1px solid #D0D0D0;
}

.formButtonCellLeft, .formButtonCellTblBtmLeft {
    text-align: left;
}


.formButtonLeftAdd {
    margin-left: 10px;
}

.formButtonRightAdd {
    margin-right: 10px;
}

.overlayButtonRight {
    float: right;
    margin: 20px 0 5px 0;
}

/*----------------------------------------------------------------------------*/
/* =MESSAGING (ERROR/INFO/CONFIRM)                                            */
/*----------------------------------------------------------------------------*/
.errorTable {
    border: 2px solid #9A0000;
    font: 1.4em Arial;
    overflow: auto;
    padding: 10px;
    padding: 1rem 10px;
}

.contentTop .errorTable {
    margin-bottom: 2em;
}

.contentTopUnsecure .errorTable {
    margin-bottom: 3em;
}

.errorTable * {
    color: #9A0000;
    font-size: 1em;
}

.fieldError,
input[type="date"].fieldError,
input[type="email"].fieldError,
input[type="number"].fieldError,
input[type="password"].fieldError,
input[type="tel"].fieldError,
input[type="text"].fieldError {
    border: 1px solid #9A0000;
}

#divMessages {
    border: 1px solid gray;
    border-radius: 5px;
    color: #3F9C35;
    font: 1.4em Arial;
    margin-bottom: 20px;
    min-height: 24px;
    padding: 11px;
    overflow: auto;
}

#divMessages br:last-child {
    display: none;
}

body > .overlay {
    background: #CCC;
    display: none;
    left: 0;
    opacity: .75;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999; /*Bookmark Overlay + 1*/
}

.lightbox {
    width: 500px;

    position: relative;
    z-index: 1000000; /*Overlay + 1*/

    background: #FFF;
    padding: 10px;
    margin: 10px 0;
    overflow: auto;
}

/*----------------------------------------------------------------------------*/
/* =TABLES                                                                    */
/*----------------------------------------------------------------------------*/
table {
    border: 0;
    empty-cells: show;
}

div.tableTop {
    background: #ffffff;
    font: 14px Arial;
    font: 1.4rem Arial;
    margin: 20px 0 0 0;
    padding: 14px 20px;
    -pie-poll: true;
}

.contentTable {
    border: 0;
    border-spacing: 0;
    margin-top: 0;
    width: 100%;
}

/*-----LEDGER-----*/
table.ledger, table.fullWidth {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

table.ledger > thead > tr > th, table.ledger > tfoot > tr > th {
    height: 15px;
    padding: 3px 10px;

    font: 12px/12px Arial;
    color: #FFF;
    text-align: left;
    background: #8b8d8e;
}

table.ledger > tbody > tr > td {
    height: 47px;
    padding: 3px 10px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px dashed #D0D0D0;
}

table.ledger > thead > tr > th:first-child, table.ledger > tfoot > tr > th:first-child, table.ledger > tbody > tr > td:first-child {
    padding-left: 20px; /*Extra left padding on first column*/
}

table.ledger > thead > tr > th:last-child, table.ledger > tfoot > tr > th:last-child, table.ledger > tbody > tr > td:last-child {
    padding-right: 20px; /*Extra right padding on last column*/
}

table.ledger > tbody > tr:last-child > td {
    border-bottom: none !important; /*No bottom border on cells in last row*/
}

table.ledger > tbody > tr.bkgd1 { /* Even Rows */
    background-color: #F7F7F7;
}

table.ledger > tbody > tr.bkgd2 { /* Odd Rows */
    background-color: #FFF;
}

table.ledger > tbody > tr > td.amount, td.amount {
    text-align: right;
}

table.ledger > tbody > tr > td.credit {
    color: green;
}

table.ledger > tbody > tr > td.debit {
    color: #9A0000;
}

/*-----LEDGER SORTABLE-----*/
table.ledgerSort {
    width: 100%;
}

table.ledgerSort thead tr th, table.ledgerSort tfoot tr th {
    height: 45px;
    padding: 0 1.3%;
    vertical-align: middle;

    font-weight: bold;
    font-size: 10px;
    font-size: 1rem;

    color: #333;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid #ADAFAF;
    border-right: 1px solid #ADAFAF;

    box-shadow: 0px 0px 1px #ADAFAF;
    -moz-box-shadow: 0 0 1px #ADAFAF;
    -webkit-box-shadow: 0 0 1px #ADAFAF;

    /* Default */
    background: #EEEDED;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#EEEDED));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #EEEDED, #CCC);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #EEEDED, #CCC);
    /* IE 10 */
    background: -ms-linear-gradient(top, #EEEDED, #CCC);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #EEEDED, #CCC);
    /* IE 9- */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#EEEDED", EndColorStr="#CCCCCC");
    /* Solves problem where borders are overlayed by gradient in IE9-. */
    z-index: 0;
}

table.ledgerSort thead tr th img, table.ledgerSort tfoot tr th img {
    vertical-align: middle;
}

table.ledgerSort thead tr th:first-child {
    /*Extra left hand padding for first TH*/
    padding-left: 2.6% !important;
}

table.ledgerSort thead tr th:last-child {
    /*No right hand border on last TH*/
    border-right: none !important;
    padding-right: 2.6% !important;
}

table.ledgerSort thead tr th.header:hover {
    cursor: pointer;
    color: #000000;
}

table.ledgerSort tbody tr td {
    height: 47px;
    padding: 3px 1.3%;
    vertical-align: middle;
    border-bottom: 1px dashed #D0D0D0;
}

table.ledgerSort tbody tr td:first-child {
    /*Extra left hand padding*/
    padding-left: 2.6% !important;
}

table.ledgerSort tbody tr td:last-child {
    /*Extra left hand padding*/
    padding-right: 2.6% !important;
}

table.ledgerSort tbody tr:last-child td {
    /*No bottom border on cells in last row*/
    border-bottom: none !important;
}

table.ledgerSort tbody td input {
    margin: 0;
}

table.ledgerSort tbody tr.even td {
    background-color: #F7F7F7;
}

table.ledgerSort thead tr th .arrow {
    display: none;
    float: right;
    width: 15px;
    height: 15px;
    white-space: nowrap;
}

.ledgerSortTableHeadingLeft {
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;

}

.ledgerSortTableHeadingCenter {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

table.ledgerSort thead tr .headerSortUp .arrow {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

table.ledgerSort thead tr .headerSortDown .arrow {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}

/*-----SPACED-----*/
table.spaced tr td {
    vertical-align: middle;
    height: 25px;
}

/*----------------------------------------------------------------------------*/
/* =TOOLTIP                                                                   */
/*----------------------------------------------------------------------------*/
.toolTipButton {
    cursor: pointer;
    vertical-align: middle;
}

#toolTip {
    display: none;
    background-color: #FFF;
    border: 4px solid #8b8d8e;
    margin: 10px auto;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 300px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0px 0px 5px #888888;
    -moz-box-shadow: 0 0 5px #888888;
    -webkit-box-shadow: 0 0 5px #888888;
}

#toolTipTitle {
    font: bold 16px Arial;
    color: #5f6266;
    line-height: 24px;
}

#toolTipText, #toolTipText p, #toolTipText ol li {
    font: 12px Arial;
    color: #5f6266;
    line-height: 16px;
}

#toolTip a, #toolTip a:visited, #toolTip a:hover {
    font: bold 12px Arial;
    color: #006890;
    text-decoration: underline;
    display: inline;
}

.toolTipArrowBorder {
    border-color: #8b8d8e transparent transparent transparent;
    border-style: solid;
    border-width: 17px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -42px;
    left: 30px;
    border-left: 0px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #8b8d8e;
}

.toolTipArrow {
    border-color: #FFF transparent transparent transparent;
    border-style: solid;
    border-width: 14px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -29px;
    left: 34px;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FFF;
}

#toolTip.left .toolTipArrowBorder {
    left: auto;
    right: 30px;
    border-left: 25px solid transparent;
    border-right: 0px solid transparent;
}

#toolTip.left .toolTipArrow {
    left: auto;
    right: 34px;
    border-left: 21px solid transparent;
    border-right: 0px solid transparent;
}

#toolTipClose {
    float: right;
    display: inline-block;

    font-size: 2.2em;
    line-height: .7em;
    color: #007CA2;
    cursor: pointer;
}

/*----------------------------------------------------------------------------*/
/* =MISCELLANEOUS                                                             */
/*----------------------------------------------------------------------------*/
.bold {
    font-weight: bold;
}

.boldAllCaps {
    text-transform: uppercase;
    font: bold 14px Arial;
    color: #3F9C35;
}

.bottomShadow {
    height: 8px;
}

.center {
    text-align: center !important;
}

.error {
    color: #c00;
}

.left {
    text-align: left;
}

.nowrap {
    white-space: nowrap;
}

.pageDivider {
    border: 0;
    padding-top: 10px;
}

.right {
    text-align: right !important;
}

.red {
    color: #9A0000;
}

.tagFormat {
    color: #666666;
}

.uppercase {
    text-transform: uppercase;
}

.rightFloat {
    float: right;
}

.rightFloatClear {
    clear: both;
}

.noWidth {
    width: 0;
}

/*----------------------------------------------------------------------------*/
/* =PAGE SPECIFIC                                                             */
/*----------------------------------------------------------------------------*/
/*Account Detail*/
.accountDetailLineDownload {
    height: 50px;
    vertical-align: middle;
    padding-left: 19px;
    color: #4D4F53;
    font: 12px Arial;
    border-top: 1px solid gray;
}

.fieldLabelAccountDetail,
.fieldLabelAccountDetailUpper,
.fieldLabelAccountDetailBold {
    padding-bottom: 2px;
    text-align: right;
    white-space: nowrap;
    font: 12px Arial;
    color: #4D4F53;
}

.fieldLabelAccountDetailBold {
    font-weight: bold;
}

.fieldLabelAccountDetailUpper {
    font: 10px Arial;
    text-transform: uppercase;
    text-align: left;
}

.dataAccountDetail {
    font: bold 14px Arial;
    color: #4D4F53;
    padding-bottom: 2px;
    vertical-align: bottom;
    white-space: nowrap;
}

.accountDetailSearchSubHeading {
    background: #FAFAFA;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    color: #3F9C35;
}

.topBorder {
    border-top: 1px solid #CCC;
}

/*Alerts*/
.dataAlertManagerAddEditCap {
    text-transform: capitalize;
}

.dataAlertManagerAddEditBold {
    font: 14px Arial;
    font-weight: bold;
}

.helperText, a.alertManagerAddEditLineLink {
    font-size: 12px;
}

/*Customer Home*/
table.custHomeAccts tr {
    cursor: pointer;
}

.PhoneNumberPiece td {
    padding-right: 5px;
}

/*Change Password*/
#instructionList {
    margin: 1em auto 1em 34%
}

/*My profile*/
#statementIndicator_electronic,
#statementIndicatorChk,
#consent, #mailAddressSameAsMain {
    /*	display: none;*/
    position: absolute;
    left: -9999px;

}

#statementIndicatorChk_label,
#statementIndicatorChk:checked + label.chk_label,
#consent:checked + label.chk_label,
.chk_label {
    display: inline-block;
    padding-left: 20px;
    height: 40px;
    width: 40px;
}

#gpcIFrame {
    position: absolute;
    z-Index: 99;
    overflow: auto;
    width: 850px;
    height: 700px;
    top: 0px;
    box-shadow: 4px 4px 4px 0 #888;
    border-radius: 10px;
    background: #F7F7F7;
    padding: 25px 0px 0px 0px;
}

#gpcClosebtn {
    position: absolute;
    z-Index: 100;
    top: 6px;
    left: 790px;
    cursor: pointer;
}

/*Upload button */

input[type="file"] {
    display: none;
}

.custom-file-upload {
    cursor: pointer;
    background: #00175A;
    border: none;
    border-radius: 3px;
    color: #FFFFFF;
    font: bold 13px Arial;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem;
    padding: 5px 15px 7px 15px;
    padding: 0.5rem 1.5rem 0.7rem 1.5rem;
    position: relative;
    -webkit-appearance: none; /*Fix i-Device Buttons*/
    -pie-poll: true;
}

/*----------------------------------------------------------------------------*/
/* =INAV                                                                      */
/*----------------------------------------------------------------------------*/
#iNavNGI_FooterCont #iNavNGI_Footer #iNMblFootUtil #iNMblUtilCont {
    display: none;
}

#iNavLogin, .iNavShadow, #iNavUtilChangeCountry, #iNFootLgBtn {
    display: none !important;
}

#iNavSrchBox {
    border: 0;
    box-shadow: none;
}

/*----------------------------------------------------------------------------*/
/* =OBJECT LISTS                                                              */
/*----------------------------------------------------------------------------*/
div.objectList {
    border-top: 1px solid #CCC;
    margin: 30px 0;
    padding-top: 30px;
}

div.objectList.empty {
    border-bottom: 1px solid #CCC;
    padding: 30px 0;
}

div.objectList div.field {
    margin-bottom: 30px;
}

div.objectList div.field label, div.objectList div.field span.data {
    vertical-align: middle;
}

div.objectList div.footerContainer, div.objectList div.headerContainer {
    display: inline-block;
    margin-left: 35%;
}

div.objectList div.footer, div.objectList div.header {
    display: inline-block;
    margin: 0 0 10px -50%;
}

div.objectList div.buttonLeft {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 0 10px 0 0;
    padding: 0 1rem 0 0;
    text-align: right;
    width: 35%;
}

div.objectList div.buttonRight {
    display: inline-block;
}

/*------------------------------------------------------------------------------------------------*/
/* *********** NAME CHANGE STYLES *************                               */
/*------------------------------------------------------------------------------------------------*/

#menuWrapper {
    margin: 0 auto;
}

.left-col {
    float: left;
    width: 50%;
}

.right-col {
    float: right;
    width: 50%;
}

.sub-head {
    color: #006FCF;
    font: normal 17px Arial;
    line-height: 20px;
    white-space: nowrap;
}

.red-dot {
    color: #ed1c24;
}

.list {
    font-weight: bold;
    line-height: 18px;
    white-space: nowrap;
    margin: 3px 0px;
}

.list img {
    vertical-align: -2px;
}

.list span {
    margin-right: 25px;
}

input[type="text2"] {
    background: #FFF; /*Nexus7 defaults Gray*/
    border: 1px solid #ed1c24;
    border-radius: 4px;
    box-shadow: 0px 3px 3px 0px #DDD;
    margin: 0;
    padding: 4px 0 5px 5px;
    vertical-align: middle;
    font-weight: bold;
}

.red-border {
    border-color: #ed1c24 !important;
}

.red-text {
    color: #ed1c24;
    font: normal 12px Arial;
    line-height: 18px;
}

.alert-box {
    border: 2px solid #ed1c24;
    border-radius: 5px;
    padding: 10px 20px;
}

.alert-td {
    color: #ed1c24;
    font: normal 14px Arial;
    line-height: 16px;
}

.alert-image {
    padding-right: 10px;
}

/******************************************************************************/
/* =RESPONSIVE DESIGN                                                         */
/******************************************************************************/
.mobileTableHeader {
    margin: 20px 2.5%;
}

#btnLogoutTablet, table.custHomeAccts div.nickname {
    display: none;
}

.rtphTablet {
    line-height: 20px;
    display: none;
}

/******************************************************************************/
/* =TABLET                                                                    */
/******************************************************************************/
@media screen and (max-width: 1023.99px) {

    /*------------------------------------------------------------------------*/
    /* =T_LAYOUT                                                              */
    /*------------------------------------------------------------------------*/
    #contentWrapper {
        width: 95%;
        margin: 0 2.5%;
    }

    #divMain {
        border: 0;
        margin: 20px 0 0 0;
        margin: 2rem 0 0 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    /*------------------------------------------------------------------------*/
    /* =T_HEADER                                                              */
    /*------------------------------------------------------------------------*/
    #divHeader.unsecure {
        border-bottom: 5px solid #002763;
        margin: 0;
        margin-top: 1.2em;
        padding: 20px 2.5%;
        padding: 2rem 2.5%;
        background: #FFFFFF;
    }

    #divHeader.secure {
        margin: 1.2em auto 0 auto;
    }

    #title {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }

    #notificationBar {
        border: 0;
        background: #FFF;
        margin: 20px 5%;
        margin: 2rem 5%;
    }

    #btnLogoutTablet {
        display: inline;
    }

    /*------------------------------------------------------------------------*/
    /* =T_FOOTER                                                              */
    /*------------------------------------------------------------------------*/
    #divSubFooter {
        margin: 0 0 15px 0;
        padding: 0 3.8% 20px 2.6%;
    }

    /*------------------------------------------------------------------------*/
    /* =T_HEADINGS                                                            */
    /*------------------------------------------------------------------------*/
    #contentTitle h1 {
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    /*------------------------------------------------------------------------*/
    /* =T_CONTENT STYLES (CLASS SELECTORS)                                    */
    /*------------------------------------------------------------------------*/
    div.content, div.contentTop, div.contentTopUnsecure, div.contentBottom, div.contentBottomUnsecure, div.outerContent {
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    div.content {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }

    .rtphTablet {
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
    }

    /*------------------------------------------------------------------------*/
    /* =T_FORMS                                                               */
    /*------------------------------------------------------------------------*/
    /*Increase Checkbox/Radio Size*/
    input[type="checkbox"], input[type="radio"] {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;

        -ms-transform: scale(1.3, 1.3); /* IE */
        -webkit-transform: scale(1.3, 1.3); /* Safari and Chrome */
        transform: scale(1.3, 1.3);

        margin: 0 10px 10px 0;
    }

    /*------------------------------------------------------------------------*/
    /* =T_TABLES                                                              */
    /*------------------------------------------------------------------------*/
    div.tableTop, div.tableContent, .fauxTableContent {
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    /*-----SPACED-----*/
    table.spaced tr td {
        vertical-align: middle;
        height: 35px;
    }

    /*------------------------------------------------------------------------*/
    /* =T_MISCELLANEOUS                                                       */
    /*------------------------------------------------------------------------*/
    /*Hide Items*/
    #divRightNav, #divHeader .nameBanner .loginDate, #btnLogout {
        display: none;
    }

    /*------------------------------------------------------------------------*/
    /* =T_PAGE SPECIFIC                                                       */
    /*------------------------------------------------------------------------*/
    /*Account Detail*/
    td.accountDetailLineDownload {
        display: none;
    }

    /*Customer Home*/
    table.custHomeAccts tr > *:nth-child(3) {
        display: none;
    }

    /* table td text size reduced */
    p, td, ul, ol, .paragraphFont {
        font-size: 12px;
        font-size: 1.2rem;
    }

    /*Delivery Options*/
    #smsText {
        line-height: 2.0;
    }

    #gpcIFrame {
        width: 80%;
        left: 10%;
        top: 0px;
    }

    #gpcClosebtn {
        left: 80%;
        top: 7px;
    }

    #gpcCloseConfirmOverlay {
        left: 55%;
        top: 0;
    }

    .faqQuestion {
        height: 35px !important;
    }
}

/******************************************************************************/
/* =MOBILE                                                                    */
/******************************************************************************/
@media screen and (max-width: 660.99px) {

    /*------------------------------------------------------------------------*/
    /* =M_LAYOUT                                                              */
    /*------------------------------------------------------------------------*/
    #contentWrapper {
        border-radius: 0;
        margin: 0;
        width: 100%;
        background: #FFF;
    }

    /*------------------------------------------------------------------------*/
    /* =M_HEADER                                                              */
    /*------------------------------------------------------------------------*/
    #divHeader.unsecure {
        margin: 0;
    }

    #divHeader.secure {
        border: 0;
        border-radius: 0;
        margin: 0 auto 0 auto;
    }

    /*Shift Name Banner*/
    #divHeader .nameBanner {
        float: none;
        display: block;
        margin: 5px 0 10px 0;
        text-align: left;
    }

    #divHeader .nameBanner .name {
        font: normal 1.75em Arial;
    }

    #divMain {
        margin: 0;
    }

    #title {
        padding-bottom: 0;
    }

    #btnLogoutTablet, #btnSsoLink {
        width: 100%;
    }

    #notificationBar {
        margin: 0;
    }

    /*------------------------------------------------------------------------*/
    /* =M_FOOTER                                                              */
    /*------------------------------------------------------------------------*/
    #divSubFooter {
        margin: 0;
        margin-top: 50px;
        margin-top: 5rem;
        border-radius: 0;
    }

    /*------------------------------------------------------------------------*/
    /* =M_HEADINGS                                                            */
    /*------------------------------------------------------------------------*/
    #contentTitle h1 {
        background: white;
        border: 0;
        border-radius: 0;
        margin: 0;
        padding: 0 2.8%;
        padding-top: 20px;
        text-shadow: none;
        white-space: normal;
        text-transform: uppercase;
        width: 75%;
    }

    #contentTitle h1, h2 {
        color: #4D4F53;
        font: bold 1.7em Arial;
    }

    /*------------------------------------------------------------------------*/
    /* =M_CONTENT STYLES (CLASS SELECTORS)                                    */
    /*------------------------------------------------------------------------*/
    div.content, div.contentTop, div.contentTopUnsecure, div.contentBottom, div.contentBottomUnsecure, div.outerContent {
        border: 0;
        border-radius: 0;
        margin: 0;
    }

    div.contentTop, div.content {
        padding-bottom: 0;
    }

    .bookmarkOverlay {
        left: 0;
        margin: 2%;
        right: 0;
        width: auto;
    }

    #timeoutDialog,
    #gpcCloseConfirmOverlay {
        left: 5%;
        right: 5%;
        top: 5%;
        margin: 0;
        padding: 5%;
        width: auto;
    }

    #timeoutDialog .btnLeft,
    #timeoutDialog .btnRight,
    #gpcCloseConfirmOverlay .btnLeft,
    #gpcCloseConfirmOverlay .btnRight {
        margin: 0;
        width: 48%;
    }

    #divMainBlank {
        border-radius: 5px 5px 5px 5px;
        margin: 15px 2.5%;
        margin: 1.5rem 2.5%;
        overflow: hidden;
    }

    #divMainBlank .contentBottom {
        height: 20px;
        height: 2rem;
    }

    /*------------------------------------------------------------------------*/
    /* =M_FORMS                                                               */
    /*------------------------------------------------------------------------*/
    form.expandFields input[type="date"],
    form.expandFields input[type="email"],
    form.expandFields input[type="number"],
    form.expandFields input[type="password"],
    form.expandFields input[type="tel"],
    form.expandFields input[type="text"],
    form.expandFields input[type="submit"],
    form.expandFields input[type="tel"],
    form.expandFields select,
    input[type="submit"].expand,
    input[type="button"].expand, input[type="email"].expand,
    input[type="text"].expand, select.expand,
    td.expandTable input[type="text"],
    td.expandTable select,
    td.expandTable input[type="tel"],
    .formButtonCellLeft input[type="button"] {
        width: 100%;
    }

    /*No strength indicators*/
    input[type="password"].showStrength {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    #passStrengthSprite {
        display: none;
    }

    /*Move Field Labels to New Line*/
    div.field {
        display: block;
        margin-bottom: 20px;
    }

    div.field label {
        display: block;
        margin-bottom: 5px;
        margin-bottom: .5rem;
        padding: 0;
        text-align: left;
        width: 100%;
    }

    div.field span.data {
        font-weight: bold;
    }

    /*for Table based pages, Moving fieldLabels to New Line*/
    table tr td.fieldLabel, td.expandTable {
        display: block;
        width: 100%;
        text-align: left;
    }

    #instructionList {
        margin-left: 1%;
    }

    .formButtonCell, .formButtonCellLeft {
        padding-bottom: 0;
    }

    /*------------------------------------------------------------------------*/
    /* =M_TABLES                                                              */
    /*------------------------------------------------------------------------*/
    div.tableContent, .fauxTableContent {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .fauxTableContent table.ledgerSort tbody tr td,
    .fauxTableContent table.ledgerSort tbody tr:last-child td {
        border: none !important;
    }

    div.tableTop {
        background: none;
        border: 0;
        border-bottom: 1px solid gray;
        box-shadow: none;
        min-height: 27px;
        position: relative;
    }

    table.ledgerSort {
        border-collapse: collapse;
    }

    table.ledgerSort tbody tr:last-child td {
        /*No bottom border on cells in last row*/
        border-bottom: 1px dashed #D0D0D0 !important;
    }

    table.ledgerSort tbody tr td:last-child {
        /*Extra right hand padding*/
        padding-right: 13px !important;
    }

    /*-----SPACED-----*/
    table.spaced tr td {
        vertical-align: middle;
        height: 20px;
    }

    /*------------------------------------------------------------------------*/
    /* =M_TOOLTIP                                                             */
    /*------------------------------------------------------------------------*/
    #toolTip {
        display: none;
        background-color: #EEE;
        border: 0;
        margin: 10px 0;
        padding: 10px;
        text-align: left;
        width: 100%;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;

        box-sizing: border-box;
        width: 100%;

    }

    #toolTipTitle {
        display: none;
    }

    .toolTipArrowBorder {
        display: none;
    }

    .toolTipArrow {
        display: none;
    }

    #toolTipClose {
        display: inline;
        float: right;
        margin: 0 0 0 10px;

        background: gray;
        color: white;
        border-radius: 50%;
        cursor: pointer;

        font: 20px Monospaced;
        line-height: 20px;

        width: 1em;
        height: 1em;
        text-align: center;
    }

    /*------------------------------------------------------------------------*/
    /* =M_MISCELLANEOUS                                                       */
    /*------------------------------------------------------------------------*/
    /*Hide non-mobile items*/
    .nonMobile, .oo_feedback_float, #passStrengthSprite {
        display: none;
    }

    /*Hide iNav mobile shadow*/
    .res_Small #iNMbWrap {
        box-shadow: none !important;
    }

    /*------------------------------------------------------------------------*/
    /* =M_PAGE SPECIFIC                                                       */
    /*------------------------------------------------------------------------*/
    /*Customer Home*/
    table.custHomeAccts tr > *:nth-child(2), table.custHomeAccts tr > *:nth-child(3), table.custHomeAccts tr > *:nth-child(4) {
        display: none;
    }

    table.custHomeAccts div.nickname {
        display: block;
    }

    /*Account Detail*/
    table.accountDetail > * > tr > *:nth-child(1), table.accountDetail > * > tr > *:nth-child(4) {
        display: none;
    }

    .topBorder {
        border-top: none;
    }

    .bottomBorder {
        border-bottom: 1px solid #CCC;
    }

    #accountActivity {
        position: relative;
    }

    /*Alert Activity*/
    table.alertActivity tr > *:nth-child(1), table.alertActivity tr > *:nth-child(3) {
        display: none;
    }

    /*Account Detail & Alert Activity*/
    table.accountDetail > tbody > tr > td, table.alertActivity > tbody > tr > td {
        height: 6em;
    }

    /*------------------------------------------------------------------------*/
    /* =M_OBJECT LISTS                                                        */
    /*------------------------------------------------------------------------*/
    div.objectList div.field {
        margin-bottom: 15px;
    }

    div.objectList div.field:last-child, div.objectList:last-child {
        margin-bottom: 0;
    }

    div.objectList div.footerContainer, div.objectList div.headerContainer {
        display: block;
        margin-left: 0;
    }

    div.objectList div.footer, div.objectList div.header {
        display: block;
        margin: 0 0 10px 0;
    }

    div.objectList div.buttonLeft {
        float: right;
        width: auto;
    }

    div.objectList div.buttonRight {
        float: right;
    }

    #gpcIFrame {
        width: 90%;
        left: 3%;
    }

    #gpcClosebtn {
        left: 72%;
    }
}

/*Avoid auto-zoom on iDevices*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 660.99px) {
    select:focus, textarea:focus, input:focus {
        font-size: 16px;
    }
}

/* Force font size for windows devices that default to 125% font size
@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
	only screen and (-o-min-device-pixel-ratio: 5/4),
	only screen and (min-resolution: 120dpi),
	only screen and (min-resolution: 1.25dppx) {
	body {
		font-size:1rem;
	}
} */

/*Conditional Items*/
@media screen and (min-width: 1024px) {
    /*For media query testing.  Do NOT remove.  See base.jsp comment.*/
    #mediaQueryTest {
        border-bottom-style: dotted;
    }

    .nonDesktop {
        display: none !important;
    }

    #faqButton {
        display: none;
    }
}

@media screen and (max-width: 1023.99px) and (min-width: 661px) {
    /*For media query testing.  Do NOT remove.  See base.jsp comment.*/
    #mediaQueryTest {
        border-bottom-style: dashed;
    }

    .nonTablet {
        display: none !important;
    }
}

@media screen and (max-width: 660.99px) {
    /*For media query testing.  Do NOT remove.  See base.jsp comment.*/
    #mediaQueryTest {
        border-bottom-style: solid;
    }

    .nonMobile {
        display: none !important;
    }
}

.hidden {
    display: none;
}

.accordionUL li.bottomBorder ul {
    background: #fff;
}

header.ui-accordion-header > div.plusMinus > span {
    background-position: 0px -625px;
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    cursor: pointer;
    font-size: 1.6rem;
    font-size: 16px;
    padding: 15px 5px;
    display: block;
}

header.ui-accordion-header-active > div.plusMinus > span {
    background-position: 0px -409px;

}

header.ui-accordion-header > div.toggle-accordion-content {
    position: relative;
}

header.ui-accordion-header > div.toggle-accordion-content > ul {
    margin-bottom: 0px;
}

header.ui-accordion-header > div.toggle-accordion-content > ul > li {
    position: inherit;
    font-weight: normal;
    display: inline;
    padding-left: 20px;
    white-space: nowrap;
}

div.ui-accordion-content, header.ui-accordion-header {
    border-top: 0px solid #CCC;
    padding: 0px 15px 0px 2.5%;
    border-bottom: 0px solid #CCC;
}

div.ui-accordion-content {
    background: #fff;
    display: none;
    border-top: 0px;
}

div.accordionItem {
    border-top: 1px dashed #CCC;
}

div.accordionItem.bkgd1 {
    background-color: #F7F7F7;
}

div.accordionItem.bkgd2 {
    background-color: #FFF;
}

#faqButton {
    border: 1px solid #CCC;
    border-radius: 4px;
    color: #002663;
    cursor: pointer;
    float: right;
    font-weight: bold;
    line-height: 30px;
    line-height: 3rem;
    padding: 0 10px;
    padding: 0 1rem;
    margin-top: 15px;
    margin-top: 1.5rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    margin-right: 5%;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
}

.ui-dialog {
    background: #FFF;
    border-radius: 3px;
    margin: 20px auto;
    margin: 2rem auto;
    max-width: 600px;
    max-width: 60rem;
    padding: 20px !important;
    padding: 2rem !important;
    position: relative;
    width: 100%;
    margin: auto !important;
    z-index: 4001 !important;
}

.ui-dialog-titlebar, .ui-dialog-titlebar-close {
    display: none;
}

.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.45);
    opacity: 1;
    z-index: 4000 !important;
}

.ui-dialog-custom-close {
    display: block;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 26px;
    cursor: pointer;
}

.ui-dialog .faqTitle {
    text-align: left;
    color: #555;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 20px;
    margin-top: 2rem;
}

.headerBrightBlue, .headerBlue {
    font-size: 24px;
    letter-spacing: .75px;
    font-family: benton-sans, Arial, Verdana, Helvetica;
}

.headerBrightBlue {
    color: #006FCF;
}

.thankyou-text {
    font: 14px Arial;
}

.headerBlue {
    color: #00175A;
}

.bodyGreen {
    color: #6fbb6b;
    font-size: 20px;
    letter-spacing: .75px;
    font-family: benton-sans, Arial, Verdana, Helvetica;
}

.bodyBrightBlue {
    color: #006FCF;
    font-size: 25px;
    letter-spacing: .75px;
    font-family: benton-sans, Arial, Verdana, Helvetica;
}

@media screen and (max-width: 419.99px) {
    .left-col {
        float: none;
        width: 100%;
    }

    .right-col {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}