@font-face {
	font-family: "NotoSans-Bold";
	src: url("../BillerFonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"),url("../BillerFonts/NotoSans-Bold.woff2") format("woff2"),url("../BillerFonts/NotoSans-Bold.woff") format("woff"),url("../BillerFonts/NotoSans-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "NotoSans-BoldItalic";
	src: url("../BillerFonts/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"),url("../BillerFonts/NotoSans-BoldItalic.woff2") format("woff2"),url("../BillerFonts/NotoSans-BoldItalic.woff") format("woff"),url("../BillerFonts/NotoSans-BoldItalic.ttf") format("truetype");
}

@font-face {
	font-family: "NotoSans-Italic";
	src: url("../BillerFonts/NotoSans-Italic.eot?#iefix") format("embedded-opentype"),url("../BillerFonts/NotoSans-Italic.woff2") format("woff2"),url("../BillerFonts/NotoSans-Italic.woff") format("woff"),url("../BillerFonts/NotoSans-Italic.ttf") format("truetype");
}

@font-face {
	font-family: "NotoSans-Regular";
	src: url("../BillerFonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"),url("../BillerFonts/NotoSans-Regular.woff2") format("woff2"),url("../BillerFonts/NotoSans-Regular.woff") format("woff"),url("../BillerFonts/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Freedom-Machine";
	src: url("../BillerFonts/freedommachine-regular.eot") format("eot"), url("../BillerFonts/freedommachine-regular.woff") format("woff"), url("../BillerFonts/freedommachine-regular.ttf") format("truetype"), url("../BillerFonts/freedommachine-regular.svg") format("svg");
}


.paymentOptions .info.icons { background-position: -42px -41px; }
.info.icons { background-position: -42px -41px; }
.icons.error { background-position: 2px -73px; display: none; }

/*
.info.icons { background-position: -15px -73px; }


	
.icons.success { background-position: -35px -71px; }
	
.icons.fail { background-position: -493px -71px; margin-top: 2px; }

.icons.schedule { background-position: -469px -71px; }

.icons.email { background-position: -64px -71px; }
	
.icons.phone { background-position: -89px -71px; }
	
.icons.home { background-position: -96px -71px; margin-top: 1px;}
*/
/*
.iconCalendar { background: url(../images/icons-sprite.png) no-repeat 120px -31px; }

.icons.echeck { background-position: -168px -71px; }	
.icons.ach { background-position: -166px -71px; }
.icons.discover { background-position: -624px -71px; }
.icons.mastercard { background-position: -662px -71px; }	
.icons.star { background-position: -1178px -71px; }
.icons.amex { background-position: -518px -71px; }
*/
/*
.icons.accel { background-position: -1137px -73px; }
	
.icons.nyce { background-position: -556px -80px; }
	
.icons.pulse { background-position: -703px -71px; }
	
.icons.visa { background-position: -310px -71px; }
	
.icons.visadebit { background-position: -786px -71px; }
	
.icons.cdCard { background-position: -310px -71px; }
	
.icons.blueArrow { background-position: -215px -71px; }
	
.icons.save { background-position: -259px -71px; }
		
.icons.print { background-position: -277px -71px; }
	
.activeStep .icons.arrow { background-position: -424px -71px; }
	
.icons.arrow { background-position: -447px -71px; }
	
.payNowArrow .icons.topArrow { background-position: -118px -71px; }
	
.autoPay .icons.topArrow { background-position: -120px -71px; }
	
.icons.topArrow { background-position: -117px -71px; }
	
.icons.time { background-position: -471px -71px; }
	


.jserror span.icon-error { background-position: -822px -71px; }
	
footer .icon-Billmatrix { background-position: -1016px -71px; }
		
.paynow-panel .paidPolicies .policyChecked .check { background-position: -890px -76px; }

.paynow-panel .indiPolicyCheck input[type="checkbox"] + span { background-position: -975px -72px; }

.indiPolicyCheck input[type="checkbox"]:checked + span { background-position: -953px -72px; }

.paynow-panel .paynowContainer .upArrow { background-position: -921px -71px; }

.paynow-panel .checkboxInlineLabel input[type="checkbox"]:checked + span { background-position: -953px -72px; }
	
.paynow-panel .checkboxInlineLabel input[type="checkbox"] + span { background-position: -975px -72px; }
*/

/* html{font-family: 'Arial', serif, Helvetica;} */
html, body, div, span, ODplet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, cODtion, tbody, tfoot, thead, tr, th, td {
	font-family: 'NotoSans-Regular', Arial, serif;
}
body {
    background: #000000;
}
section {
    border: 1px solid #EDEDED;
}

section.container {
    border-top: none;
    /*background: #000000;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*border: 1px solid #eaeaea;*/
    border-bottom: none;
	border-bottom: none;
	border-left: none;
    border-right: none;
}
footer {
    border: 0;
    background: #000000;
    margin: 0 auto;
}

.footerLinks {
    float: none;
    margin-right: 10px;
    display: inline-block;
}

 footer .footer-text {
		float: none;
        width: auto;
        text-align: center;
		color: #FFFFFF;
		font-size: 12.5px;
}

 footer .footer-text  a{
		color : #FF6600;
		font-size: 12.5px;
}
/** Navigation **/
nav {
    background-color: #000000;
}
#navcontainer {
    /*-webkit-box-shadow: 0 -1px 0px #C0C0C0;
    -moz-box-shadow: 0 -1px 0px #C0C0C0;
    box-shadow: 0 -1px 0px #C0C0C0;
    border-bottom: 1px solid #C0C0C0;*/
}
nav li {
    border-right: 0px solid #fff;
    border-left: 1px solid rgb(71, 71, 71);
    border-bottom: none;
    padding: 13px 22px;
    border-top: none;
	
	margin-top: 6px;
    border: 0;
    padding-top: 10px;
    padding-bottom: 16px;
    margin-right: 0px;
	font-size: 16px;
}
nav li a {
	color: #fff;
	font-size: 16px;
}
nav li.selected {
	background-color: #EDEDED;
	-webkit-border-radius: 0px;		
	/* border-radius: 5px; */
	/* border-top: 0; */
	/* padding-bottom: 8px; */
	color: #000000;
	/* border-bottom: none;*/
	border-top: 6px solid #ff6600;    
	border-bottom: 1px solid #EDEDED;
	padding: 13px 22px;
	padding-top: 10px;
    padding-bottom: 16px;
	font-size: 16px;
	margin-top: 6px;
}
nav li.selected a {
	color: #fff;
}
	
nav li:hover {
	background-color: #EDEDED;
	-webkit-border-radius: 0px;		
	color: #000000 !important;
	border-top: 6px solid #fe6801;    
	border-bottom: 1px solid #EDEDED;
}

nav li:hover a {
	color: #000000;
}
nav ul {
    margin-left: 0px;
}
.label-info, .badge-info {
    background-color: #EDEDED;
}

.BreadCrumbSteps {
    background-color: #EDEDED;
	padding: 26px 0 15px 5px;
}

.BreadCrumbSteps li.activeStep {
    color: #000;
    font-weight: bold;
}

.spanDisplay {
	color: #000000;
	font-family: 'Freedom-Machine';
}

.headerBg {
	background-color: #000000;
	border: none;
    border-bottom: none;
    border-top: none;
    -mz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.payNow-accountNo, .accountNumber {
	color: #FFFFFF;
	font-size: 26px;
	font-family: 'Freedom-Machine';
	font-weight: normal !important;
}

section.content-panel {
	margin: 0px;
    background-color: #EDEDED;
	border: 1px solid #EDEDED;
}

section.content-panel > header, section.content-panel > header.hdrBig {
    padding: 20px;
    background-color: #202020;
	margin: 10px;
}

.paymentNow_wrapper {
   background-color: #EDEDED;
}

.content-panel .PayFormgroup40 {
    background-color: #EDEDED;
}

/** Buttons **/
.formButtons {
    background: #eaeaea;
	background-color: #202020;
	margin: 10px;
}

.formgroup .formButtons {
    background: #ececec;
}

.errorBox {
    background-color: #AA1500;
    /*margin: 0 5px 0px 5px !important;*/
    color: #FFFFFF;
    font-family: NotoSans-Regular;
}

.buttonSecondary {
    background: #FF6600;
    color: #000;
    border-radius: 2px !important;
    margin: 10px;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #FF6600;
	font-family: 'NotoSans-Regular', Arial, serif;
}

.buttonPrimary:hover, .buttonSecondary:hover  {
    background: #FF4500;
	color: #000000;
}

input[type="tel"], input[type="text"], input[type="date"], input[type="number"], input[type="email"], select, input[type="password"] {
    border-radius: 0px;
	border: 2px solid #000000;
	font-size: 16px;
	font-family: 'NotoSans-Regular', Arial, serif;
}

/** Form Fields **/
#UpdateRecurringPay .styledInput, #editorRows .styledInput, #ScheduledPaymentInfo .styledInput, #ContentViewID .styledInput, #PaymentInfoForm .styledInput, #login-page .styledInput {
    border: 2px solid #000000;
    background-color: #FFF;
    color: #000;
    box-shadow: none;
	font-size:16px;
	font-family: 'NotoSans-Regular', Arial, serif;
}
.styledSelect {
    background-color: #fff;
    border: 2px solid #000000;
    box-shadow: none;
    color: #000;
	font-size:16px;
	font-family: 'NotoSans-Regular', Arial, serif;
}
.infoBlock .subscriberName span input[type="text"], .subscriberName span input, .subscriberName {
    font-size: 20px;
}
.infoBlock input[type="text"], .infoBlock input[type="date"], .infoBlock input[type="number"], .infoBlock input[type="email"], .infoBlock input[type="tel"], .infoBlock select {width: 100px;}
.subscriberEmailPhone .info.icons{margin:0;}
.selectPayOptions a.selected{background:#999;}
.selectPayOptions a.selected + div{border-top: 15px solid #999;}
.receiptLabel label { max-width: 180px;}
.addWalletLink {top:16px; margin:10px;}
.addRecuringLink {top:50px; }
.selected .badge-info {background-color: #EDEDED;color: #000;}
.wallet input[id*="nickName"]{ width:100px !important}
.boldStyled {font-weight: bold;}

/*#ExtraValueItem1{ width: 62px !important;}*/
#StateCode{min-width: auto; width: 125px;}
.buttonPrimary, .btn-primary {
    color: #000000;
    font-size: 14px;
   background: #FF6600;
    padding: 8px 15px;
    margin: 0 0 0 5px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8ad5', endColorstr='#3d8ad5', GradientType=0 ); /* IE6-9 */
    border-radius: 2px;
	font-family: 'NotoSans-Regular', Arial, serif;
}

.buttonPrimary:hover, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .buttonSecondary:hover  {
        background: #FF4500; /* Old browsers */
        background: -moz-linear-gradient(top, #FF4500 0%, #FF4500 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF4500), color-stop(100%, #FF4500)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #FF4500 0%, #FF4500 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #FF4500 0%, #FF4500 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #FF4500 0%, #FF4500 100%); /* IE10+ */
        background: linear-gradient(to bottom, #FF4500 0%, #FF4500 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4500', endColorstr='#FF4500', GradientType=0 ); /* IE6-9 */
    }



section.login-panel {
    width: 59em;
    margin: 2em auto 1em auto;
    border: 0px solid #dddddd;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 !important;
}

section.login-panel > header {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.login-panel .formgroup {
    width: auto;
    margin: 0 auto 0 auto;
	background: #EDEDED;
}

#login-page .inlineLabel
{
    width: 45%;
}

.login-panel .row label {
    display: block;
    font-size: 16px;
    margin: .5em .5em .4em 0;
}
.note {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 25px;
    padding: 0px 0px 0px 0px;
}

.emphasized {
	color: #FFFFFF;
	font-size: 42px;
	font-family: 'Freedom-Machine';
	font-weight: normal;
}

.trailingMessage {
    /*width: 97%;*/
    margin: 1em auto;
    background:#eaeaea;
    font-size: 16px;
    color: #000;
    line-height: 25px;
    padding: 5px 0px 5px 15px;
}

.note p:first-child {
    margin-top: 0px;
}
.note p {
    margin-bottom: 0px;
}

.noteTrailingMessage {
    width: 100%;
    margin: 1em auto;
    /*margin-top:25px !important;
    margin-bottom:15px !important;*/
}
.imageTextR {
    float:right;
}
.imageTextL {
    float:left;
}
.login-panel .validationErrTxt {
    max-width: 360px;
    margin-left: 47%;
}
.logos.visa {
    float: left;
    background-position: -789px 0;
    width: 34px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}
.footer_copyrighttext {
    padding-left: 7px !important;
}

.logout {
	border: none; 
}
/*
.logout a{
	display: inline;
	font-size: 15px;
	color: #ff6600;
}
*/
.logout a:hover {
        text-decoration: underline;
}
	
.panelHead {
    text-shadow: none;
    font-size: 26px;
}

.acceptFees-block_checkbox {
    color: #FFFFFF;
}

.feeSectionFloatnone .spanDisplay {
    color: #FFFFFF !important;
}

.total_block {
    background: #202020;
    margin: 10px 10px 0px 10px;
}

.PaymentHistoryInfo {
	margin: 10px;
}

#WalletProfile {
    margin: 0px;
    background-color: #EDEDED;
    border: 1px solid #EDEDED;
}
.infoBlock {
	background: #EDEDED;
	padding : 0px;
}

#ScheduledPaymentInfo{
	margin: 10px;
}

#PaymentHistoryInfo{ margin: 10px;}

#WalletProfileSection{
	background-color: #EDEDED;
    border: 1px solid #EDEDED;
}
.walletAcGrid {
    width: auto;
    margin: 10px;
}

.paymentDurationBlock{
	margin: 10px;
}

section.content-panel > header h1 {
    color: #FFFFFF;
}

.span-left {
    color: #FFFFFF;;
}

.DisclaimerMessage{
	margin: 10px;
}

.ContentViewPanel {
    /*margin: 10px;*/
}

.modal-body .note {
    color: #000000;
}

.timeout {
    color: #FFFFFF;
}

a { color: #FF6600;}

.validationErrorTimeout .note {color: #000000;}

.validationErrorTimeout {
    background: #EDEDED;
	border: 2px solid #EDEDED;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	border-radius: 0px;
	margin: 0px;
}

.msgBox {
    /* border: 0px solid #dddddd; */
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0px 0px 0px;
    background: #EDEDED;
}

.iconBlock {
    float: none;
    /* margin-right: -26px; */
    margin-left: 947px;
}

.agreeLink { color:#FFFFFF;}

.updaing_total_block {
    background: #202020;
	}
	
.modal-footer .total_mid-font {
	color: #FFFFFF;
}

.btn {
	border-radius: 2px;
	font-size: 14px;
}

.logout:hover {
    border-radius: 2px;
	text-decoration: underline;
	background-color: transparent;
	border: none;
}


.msgBlock {
	margin: 0 0 0 10px;
}

.ReceiptNotes p.boldStyled {
	color: #FFFFFF;
}

.msgBox .msgBlock {
	margin-left: 10px;
}

.displaySeparator {
	color: #202020;
	margin: -6px;
}

label.Large {
	font-size: 16px;
}

.rowEmailReceipt label, .rowEmailReceipt.newline label, .receiptLabel, .receiptLabel label, .receiptValBg, .nickNameBg, .row label, .row.newline label, .paySelect {
	font-size: 16px;
	color: #000000;
}

select.inputMonth, select.inputYear, .paySelect {
	height: 37px;
}

.logout span.icon-close {
	background-color: #FF6600;
}

.spanDisplay label, #TotalAmount {
	font-family: 'Freedom-Machine';
}

.fee_text {
	font-family: 'NotoSans-Regular';
}

.footer-text p {
	margin: -5px;
}

.BreadCrumbSteps li {
	color: #000000;
}

.OD-TextSm {
    font-size: 16px;
}

ul.footerLinks li {
	padding: 0px 10px 0px 0px;
}

.row.stack label {
	color: #000000;
}

#PaymentInfoList_0__CheckInfo_IsAddToWalletForACH, .addToWalletCheckBox { margin-bottom: 3px !important;}

#PaymentAmountTotal_0 { font-family: 'Freedom-Machine'; font-weight: normal;}

#PaymentRowTotalAmount_0 { font-size:26px; font-weight: normal;}

p.receiptSubText { color: #000000;}

.emailReceiptLabelField { margin-top: 9px !important;}

#scheduleitem-delete-icon .icons.success { background-position: -35px 0px;}

.EditPanel .pageButtons {
	background: none;
}

#btnAddAnotherRecurring:hover {
        background: #FF4500 !important; /* Old browsers */
        background: -moz-linear-gradient(top, #FF4500 0%, #FF4500 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF4500), color-stop(100%, #FF4500)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #FF4500 0%, #FF4500 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #FF4500 0%, #FF4500 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #FF4500 0%, #FF4500 100%); /* IE10+ */
        background: linear-gradient(to bottom, #FF4500 0%, #FF4500 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4500', endColorstr='#FF4500', GradientType=0 ); /* IE6-9 */
        text-decoration: none;
        color: #000 !important;
}

.paymentNow_wrapper {
	padding-right: 12px;
}

#AddRecurring .errorBox {
	margin: 0 10px 0px 10px !important;
}

.icons.fail {
    margin-top: 2px;
}

.icons.home {
	margin-top: 0px;
}

.grid tr td {
	color:#000000;
}

span.badge.badge-info.ScheduleCounter.errorIcon {background: transparent;}

section.login-panel #Error {
    margin: 0px !important;
}

#PayAllPayItemDiv0 .errorBox {
    margin: 0 5px 0px 5px !important;
}

#SchedulePaymentInfo .errorBox {
    margin: 0 10px 0px 10px !important;
}

#UpdateRecurringPay .errorBox {
    margin: 0 10px 0px 10px !important;
}

#AddNewWalletItem .errorBox {
    margin: 0 10px 0px 10px !important;
}

.pay_now input[type="text"], .pay_now input[type="number"], .pay_now input[type="email"] {
    font-size: 16px;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #eee !important;
    border: 2px solid #000;
}