@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-Light.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}

/* END Light */
/* BEGIN Light Italic */
@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-LightItalic.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-LightItalic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
}

/* END Light Italic */
/* BEGIN Regular */
@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-Regular.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* END Regular */
/* BEGIN Italic */
@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-Light.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-Italic.woff2") format("woff2");
    font-weight: normal;
    font-style: italic;
}

/* END Italic */
/* BEGIN Semibold */
@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-SemiBold.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-SemiBoldItalic.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-SemiboldItalic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
}

/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-Bold.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}

/* END Bold */
/* BEGIN Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-BoldItalic.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-BoldItalic.woff2") format("woff2");
     font-weight: bold;
    font-style: italic;
}

/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-ExtraBold.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
}

/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
    font-family: 'Open Sans';
    src:  url("../Open-Sans-font/fonts/OpenSans/woffs/OpenSans-ExtraBoldItalic.woff") format("woff"),
    url("../Open-Sans-font/fonts/OpenSans/woff2s/OpenSans-ExtraBoldItalic.woff2") format("woff2");
    font-weight: 800;
    font-style: italic;
}
option,select {
    font-family: 'Open Sans';

}
radio{
font-family: 'Open Sans';

}
input,p,a {
    font-family: 'Open Sans';
  }


body {
	background-color: #ffffff;
	font-family: 'Open Sans';
}

table, li, div, td,tr, p, textarea {
	font-family: 'Open Sans';
}

#holder {
	border-color: #334455;
	background-color: #31639c;
	font-family: 'Open Sans';
}

#portal_header {
	background-color: #31639c;
	display: none;
}

#portal_header a {
	color: #ffffff;
}

#app_global_nav1 {
	background-color: #31639c;
	color: #ffffff;
}

#app_global_nav1 a {
	color: #ffffff;
}

#portal_footer {
	background-color: #31639c;
	color: #ffffff;
	display: none;
}

#portal_footer a {
	color: #ffffff;
}

#portal_footer a:visited {
	color: #ffffff;
}

#portal_footer_full {
	background-color: #31639c;
	color: #ffffff;
	display: none;
}

#app_global_nav2 {
	background-color: none;
	color: #ffffff;
	display: none;
}

#app_global_nav2 a {
	color: #ffffff;
}

#container {
	background-color: #d2d2d2;
	border-color: #333333;
}

#content {
	background-color: #EFF3FC;
	border-color: #909090;
}

#SecondaryContent {
	background-color: #7991AB;
	border-color: #273848;
}

#app_footer2 {
	background-color: #EFF3FC;
	border-left-color: #909090;
	border-bottom-color: #909090;
	border-right-color: #909090;
}

/*Enrollment*/

#container2 {
	background-color: #d2d2d2;
	border-color: #333333;
}

#content2 {
	background-color: #EFF3FC;
	border-color: #909090;
}

/* Links */

a {
	color: #0000cc;
}

a:visited {
	color: #0000cc;
}

a:hover {
	color: #0000cc;
}

/* ADA */

a.ada_dlink_white:link {
	cursor: default;
	color: #ffffff;
}

a.ada_dlink_white:visited {
	cursor: default;
	color: #ffffff;
}

a.ada_dlink_gray:link {
	cursor: default;
	color: #f2f2f2;
}

a.ada_dlink_gray:visited {
	cursor: default;
	color: #f2f2f2;
}

#ada_skipnav_header {
	color: #31639c;
}

#ada_skipnav_header a {
	color: #31639c;
	cursor: default;
}

#ada_skipnav_header a:visited {
	color: #31639c;
}

#ada_skipnav_body {
	color: #f2f2f2;
}

#ada_skipnav_body a {
	color: #f2f2f2;
	cursor: default;
}

#ada_skipnav_body a:visited {
	color: #f2f2f2;
}

/* Nav */

#app_nav1 {
	color: #ffffff;
}

#app_nav1 ul a {
	border-top-color:#576071;
	border-right-color:#576071;
	border-bottom-color:#404B69;
	background-color: #ffffff;
	color:#525252;
}

#app_nav1 ul .first a {
	border-left-color:#576071;
}

#app_nav1 ul a:hover {
	color: #ffffff;
	background-color: #90a0b7;
}

#app_nav1 ul a:hover, #header ul a:hover span {
	color:#ffffff; /* important */
}

#app_nav1 ul a.selected {
	color: #ffffff;
	background-color: #90a0b7;
}

#app_nav1 ul a.selected, #header ul a.selected span {
	color:#ffffff; /* important */
}

#app_nav1 ul a.disabled {
	color: #ffffff;
	background-color: #90a0b7;
}

#app_nav1 ul a.disabled, #header ul a.disabled span {
	color:#ffffff; /* important */
}

/* Intro Content */

.greeting {
	color: #303030;
}

.bgGrey2 {
	background-color: #e0e0e0;
	border-top-color: #273848;
}

.header1 {
	background-color: #f2f2f2;
	border-top-color: #a4b0c0;
	border-left-color: #a4b0c0;
	border-bottom-color: #a4b0c0;
	color: #3C3A48;
}

.header1 a:link, .header1 a:visited {
	background-color: #f2f2f2;
	color: #3C3A48;
}

.header1 a:hover {
	background-color: #e1e1e1;
	color: #3C3A48;
}

.header1R {
	background-color: #f2f2f2;
	border-top-color: #a4b0c0;
	border-bottom-color: #a4b0c0;
	color: #3C3A48;
}

.header1R a:link, .header1R a:visited {
	background-color: #f2f2f2;
	color: #3C3A48;
}

.groupHeader1 {
	background-color: #f2f2f2;
	border-top-color: #a4b0c0;
	border-left-color: #a4b0c0;
	color: #3C3A48;
}
.groupHeader1R {
	background-color: #f2f2f2;
	border-top-color: #a4b0c0;
	color: #3C3A48;
}
/*
   .billerRow controls the line between billers in the Payment Center
*/
.billerRow
{
   
}

.header1R a:hover {
	background-color: #e1e1e1;
	color: #3C3A48;
}

/* Horizontal Header Row */

.header2 {
	color: #3C3A48;
	background-color: transparent;
}

/* Button */

a.button1:link, a.button1:visited {
	background-color: #fff;
	color:#314560;
	border-bottom-color: #283143;
	border-right-color: #283143;
	border-left-color: #B0BFD3;
	border-top-color: #B0BFD3;
}

a.button1:hover {
	background-color: #90a0b7;
	color: #fff;
	border-bottom-color: #B0BFD3;
	border-right-color: #B0BFD3;
	border-left-color: #283143;
	border-top-color: #283143;
}

/* Misc Rules */

/* used for buttonrow matches */

div.rowerror {
	color: #FF3300;
}

span.labelerror {
	color: #FF3300;
}

span.labelAccterror {
	color: #FF3300;
}

span.pwresetlabelerror {
	color: #FF3300;
}

.send_pmts_until_err {
	color: #ff0000;
}

.confirmSpacer {
	border-left-color: #273848;
	border-right-color: #273848;
}

.rowgrey {
	background-color: #f2f2f2;
}

.npa_rowgrey {
	background-color: #f2f2f2;
}

.readonly {
	background-color: #eeeeee;
	color:#222222;
}

hr {
	color: #a4b0c0;
	background-color: #a4b0c0;
}

.bgGrey {
	background-color: #e0e0e0;
}

.bgGrey th {
	color: #3C3A48;
}

.boldFontRow {
	color: #DF0000;
	font-weight: bold;
}

.ada {
	color: #ffffff;
}

.unav_messages {
	background-color: #f2f2f2;
}

.modHeader {
	background-color: #42597b;
	color: #ffffff;
}

.linkheader:link, .linkheader:visited {
	color: #ffffff;
}

.modFooter {
	background-color: #ffffff;
}

.modHeader_small {
	background-color: #e0e0e0;
	color: #3C5478;
}


.modHeader_unapproved {
	background-color: #E0E0E0;
	color: #3C5478;
}

.modHeader_small_PendingPayments {
	background-color: #E0E0E0;
	color: #3C5478;
}

.whtDiv {
	background-color: #ffffff;
	border-left-color: #273848;
	border-right-color: #273848;
}

.footer_title {
	background-color: #ffffff;
}

.modBody {
	background-color: #ffffff;
	border-left-color: #273848;
	border-right-color: #273848;
}

/* Page Specific Classes */

/* --------------------------------------------------------
   lof = log-on form
   lof.htmlt is the name of the primary template which
   references these classes;  these are associated with
   the login page for the application
-----------------------------------------------------------*/

.lof_labelerror {
	color: #ff3300;
}

/* --------------------------------------------------------
   home = home page; aka welcome page; aka hub page
   home_body.htmlt is the name of the primary template which
   references these classes;  these are associated with
   the first (typically) visible page for the application
   after initial authentication of the user
-----------------------------------------------------------*/

.home_modBody {
	background-color: #ffffff;
	border-left-color: #273848;
	border-right-color: #273848;
}

.home_billers_modBody {
	background-color: #ffffff;
	border-top-color: #273848;
	border-left-color: #273848;
	border-right-color: #273848;
}

.home_account_background {
	background-color: #f2f2f2;
}

/* --------------------------------------------------------
   mmb = manage my bills page; mmb_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.mmb_colTwo {

}

.mmb_intro_instructions {
}

.selectedOption
{
	background-color:#f2f2f2;   
	border:1px solid #273848;
}

.mmb_billerOption_selected {
	background-color: #f2f2f2;
}

.mmb_biller_update_form {
	background-color: #f2f2f2;
}


.mmb_add_ebill_form {
	background-color: #f2f2f2;
}

.mmb_add_ebill_ff_form {
	background-color: #f2f2f2;
}

.mmb_add_ebill_activate_pending_form {
	background-color: #f2f2f2;
}

.mmb_eve_opt_inout_form {
	background-color: #f2f2f2;
}

span.reminder_labelerror {
	color:  #FF3300;
}

/* My Profile */

.MPcontent2 {
	background-color: #f2f2f2;
}

.npa_MPcontent2 {
	background-color: #f2f2f2;
}

.MPgrey {
	background-color: #f2f2f2;
}

/* --------------------------------------------------------
   rmact = request payment activity page; rmact.htmlt is the
   name of one of primary templates which reference these classes;
-----------------------------------------------------------*/

.rmact_content2 {
	background-color: #7991AB;
	border-color: #273848;
}

.reminderAlert
{
	color: #DF0000;
}

.rmact_search_modBody {
	background-color: #ffffff;
	border-left-color: #273848;
	border-right-color: #273848;
}

/* --------------------------------------------------------
   fb = find biller page; fb_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.fb_letters {
	border-top-color: #273848;
	border-bottom-color: #273848;
}

.qi_module {
	background-color: #CCCCCC;
}

/* --------------------------------------------------------
   asp = add scrape&pay ebill page; asp_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.asp_grey_module {
	background-color: #f2f2f2;
}

/* --------------------------------------------------------
  webev = ebill view page; webv_header.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.webv_page {
	border-color: #273848;
}

/* --------------------------------------------------------
   splash = getting started (intro splash) page;
   splash_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.splash_main {
	border-color: #cccccc;
	background-color: #ffffff;
}

.splash_leftcol {
	border-color: #cccccc;
}

.splash_rightcol {
	border-color: #cccccc;
}

/* --------------------------------------------------------
   aeb = add ebill page; aeb_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.aeb_grey_module {
	background-color: #f2f2f2;
}

/* Manage My Bills */

.Manage2 {
	background-color: #f2f2f2;
}

/* File A Bill/Update Filed Details */

.fab_bgGrey {
	background-color: #e0e0e0;
	border-bottom-color: #a4b0c0;
}

span.fblabelerror {
	color:  #FF3300;
}

span.fblabelerror_nobold {
	color:  #FF3300;
}

/*Add a Bill*/

.ABcontent2 {
	background-color: #7991AB;
	border-color: #273848;
}

.h1Red {
	color:  #FF3300;
}

/* Phase 2 additions for the new pages */

.rightcol_grey {
	background-color: #f2f2f2;
}

.radiolist_grey {
	background-color: #f2f2f2;
}

.table_grey th, .table_grey td {
	background-color: #ffffff;
}

.small_logo {
	border-color: #a4b0c0;
}

.horiz_header {
	color: #3C3A48;
}

span.label4error {
	color: #FF3300;
}

span.label_shorterror {
	color: #FF3300;
}

.red {
	color: #ff0000;
}

/*Phase 3 additions */

.fp_fee_holder {
	background-color: #ffffff;
}

.label_leftalignerror {
	color: #ff3300;
}

legend {
	font-weight: bold;
	color: black;	
}

div.modHeader_unapproved span.header_title {
		color: #3C5478;
}
	
div.modHeader_small_PendingPayments span.header_title {
		color: #3C5478;
}	

.modBody_Payment {
	background-color: #fff
}

.modHeaderUnapprovedWidth {
	background-color: #42597b;
	color: #fff;clear: both;
}

.modBodyAuthNewUser {
	background-color: white;
}

.modBodyNewAuthUser {
	background-color: white;
}

.modBodyLessWidth{
	background-color: white;	
}

.modBodyLessWidth1 {
	background-color: white;	
}

.modBodyLessWidth2 {
	background-color: white;
}

.normalTxt {
	color: black;	
}

.pageTitle {
	color:#42597B;
}

.indicate-text2 {
        color: #999999;
        background-color :transparent;
 }
 
.text2 {
 	background-color: transparent;
 	color: #333333;
}

.selectedOption table.auth_users {
	background-color: #ffffff;
}

label.error-label {
	color: #ff3300;
}

.add_invoice {
	background-color: #e0e0e0;
}
.myAcctRowgrey {
	background-color: #f2f2f2;
}
.header1BillHistory{
	background-color: #f2f2f2;
	border-top-color: #a4b0c0;
	border-left-color: #a4b0c0;
	border-bottom-color: #a4b0c0;
	color: #3C3A48;
}
.header1BillHistory a:link,.header1BillHistory a:visited{
	background-color: #f2f2f2;
	color: #3C3A48;
}
.header1BillHistory a:hover{
	background-color: #e1e1e1;
	color: #3C3A48;
}

/* FP2: payee grouping  */

.pyGrpheader1 a:link, .pyGrpheader1 a:visited {
	background-color: #E0E0E0;
	color: #3C3A48;
	text-decoration: none;
}

.pyGrpheader1 a:hover {
	background-color: #f2f2f2;
	color: #3C3A48;
}

.altColor_tbl {
    background-color:  #F2F2F2;
    border-left-color: #273848;
    border-right-color: #273848;
}

.pyGrupAddMngGrupStyle{
  color: #303030;
 }
 /*--------------- BEGIN SB4.0 FP2 zashPay related CSS  ---------------*/
/*.ppsSort,.ppsSort a:link,.ppsSort a:visited,.ppsSort a:hover{
    color: #3C3A48;
}
span.label_ppserror {
	color: #FF3300;
}
span.reminder_label_ppserror {
    float:left;
    font-weight:bold;
    margin-right:2px;
    text-align:right;
    width:100%;
    color:  #FF3300;
}
span.label_pps1error {
	color: #FF3300;
}
.ppsRowBorderLft,.ppsRowBorderRGt,.ppsRowBorderCtr,.ppsRowBorderLftUpdated{
    border-top-color: #a4b0c0;
	border-left-color: #a4b0c0;
	border-bottom-color: #a4b0c0;
    border-right-color: #a4b0c0;
    color: #3C3A48;
}

.ppsMiniModuleBackgroundColor{
    background-color:#CBCFD3;
}
.minimodule_header1  {
	background-color: #f2f2f2;
	border-top-color: #a4b0c0;
	border-bottom-color: #a4b0c0;
	color: #3C3A48;
}
.ppsFont11History{
	background-color: #ffffff;
	border-left-color: #273848;
	border-right-color: #273848;
}
.altColor_mini_tbl {
    background-color:  #F2F2F2;
    border-left-color: #273848;
    border-right-color: #273848;
}
.ppsPcModBody {
	background-color: #ffffff;
	border-left-color: #273848;
	border-right-color: #273848;
}
.pps_selectedOption
{
	background-color:#f2f2f2;
	border:1px solid #273848;
}
.ppsSendListDisabled{
    color: #b2b2b2;
}

*/
 /*--------------- END SB4.0 FP2 zashPay related CSS  ---------------*/
.header1,.header1Small,.header1_pps, .header1End_pps , .header_rt_align{
	background-color: #f2f2f2;
	border-top-color: #a4b0c0;
	border-left-color: #a4b0c0;
	border-bottom-color: #a4b0c0;
	color: #3C3A48;
}
.modbody {
	background-color: #ffffff;
	border-left-color: #273848;
	border-right-color: #273848;
}
.pyGrpheader1 {
    background-color :#E0E0E0;
    border-color :#808080;
}
.pyGrplinks {
    background-color :#E0E0E0;
    border-color :#808080;
}

.label_referror{
	color: #FF3300;
}
.groupBorderStyle{
    background-color:#E0E0E0;
}

.deleteaccount_bgcolor{
    background-color:#F2F2F2;
}

.approveaccount_bgcolor{
     background-color:#F2F2F2;
}
.myprof_approveaccount{
    border-bottom-color:#000000;
    border-left-color:#000000;
    border-right-color:#000000;
}
.approveLinkMainDivPaymentCenter{
    background-color:#FFFFFF;
}
.approveSuccessCommonDiv{
    color:#009900;
}
span.boldfonterror {
	color: #FF3300;
}
.approveaccount1error{
    color: #FF3300;
}
.badAccountMainDiv {
     color: #CC9933;
}
.entitleSpan{
    background-color:#FFFFFF;
}
.addAnAccountErrorDiv{
    color:#FF0000;
}
.approveSuccessMainDiv{
    background-color:#FFFFFF;
    border-color:#E4E4E4;
}
.approveLinkMainDivMyAccounts{
     border-color:#E4E4E4;
}
.approveLinkMainDiv{
      border-color:#E4E4E4;
}
.warningmessagediv{
   color:#CC9933;
}
.accountdeleteerrdiv{
   color:#FF0000;
}
.approvePermissionErrorDiv{
   color:#FF0000;
}
.approvePermMessageDiv1{
    color:#CC9933;
}
.acctRowStyle{
    border-bottom-color:#a4b0c0;
}
.popdisplay{
    background-color: #ffffff;
    border-color:#000000;
}
.popuptitle{
    border-bottom-color:#000000;
    background-color:#FFFFFF;
    color: #000000;
}
.approveHeaderDiv{
    border-color:#000000;
}
.acctentitleSpan{
    background-color:#FFFFFF;
}
.authUsertable{
    border-left-color:#A4B0C0;
	border-right-color:#A4B0C0;
	background-color:#FFFFFF;
}
.MPcontent2Modified{
   background-color: #f2f2f2;
}
.fileBillBgColor{
   background-color:#E0E0E0;
   border-bottom:1px solid #000000;
}

.acctentitlementcompreadOnly{
    background-color:#F2F2F2;
}

.staleAccountWarningMessageSpan2{
    color:#CC9933;
}

.readOnlyClassUnappUser{
   background-color: transparent;
}
.addUserPropertieserror{
    color: #FF3300;
}


/*---------------added for MFA implementation - 2017---------------*/




.mfa-enroll-font-style-weight-normal{
    color:#333333;
}

.mfa-enroll-font-style-weight-bold{
    color:#333333;
}
.mfa-enroll-line{
    color:#000;
}
.mfa-enroll-cancel-header{
    background-color:#F2F2F2;

    color:#333333;
}
.mfa-enroll-cancel-question{

    color:#333333;
}
.mfa-enroll-cancel-text{

    color:#333333;
}
.mfa-enroll-id-question{
    color: #333333; 
}
.mfa-en-content-security-subcontent{
    color: #333333;
    
}

.mfa-leftpanel{
    background-color:#F2F2F2;
}
.mfa-selector-black{
    background-color:#000;
}
.mfa-selector-gray{
    background-color:#999999;
}
.mfa-selector-text{
    
    color: #ffffff;
}
.mfa-arrow-black{
    border-left:19px solid #000;
}
.mfa-arrow-gray{
    border-left:19px solid #999999;
}
.mfa-done-checked-text{
    color: #333333;
    
}
.mfa-enroll-cancel-div{
    border:1px thin solid #000;
}


span.mfa-prof-labelerror {
    color: #FF3300;
}

span.mfa-challenge-labelerror {
    color: #FF3300;
}

span.mfa-enroll-labelerror {
    color: #FF3300;
}