body {
	font-size: 12px;
}

body,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	word-wrap: break-word;
}

#wrap {
	text-align: center;
}

#header2 {
	width: 986px;
	height: 85px;
	margin: 0 auto;
}

#head_center2 {
	width: 100%;
	height: 85px;
	padding: 0 0 0 0;
	text-align: center;
	background: url(?xeiresource=xhtm/headerBanner.png) top left no-repeat;
}

#header #site-name {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px 0px 0px 235px;
	FONT: 0% arial;
	COLOR: #ccc;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 3px;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	LETTER-SPACING: -0.05em;
	BORDER-BOTTOM-STYLE: none
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border-style: none;
}

.labelHeader {
	color: #2e6baa;
	font-size: 18px;
}

.labelHeaderReview {
	color: #2e6baa;
	font-size: 16px;
}

.closeButton {
	color: #A4A4A4;
}

.fillCustomerInfoLabel {
	color: #000000;
	font-size: small;
	display: block;
}

.FormGroupNameLabel {
	color: #2e6baa;
	font-size: large;
}

.root {
	margin: auto;
}

.redfont {
	color: red;
}

/**********online payment*******/
.label_UpdateProfile {
	color: white;
}

/******New Recurring Payment******/
.wlComp_Check Account Number>div>table>tbody>tr>td>div>div {
	height: 100% !important;
}

.UseNewPaymentDevice {
	margin-left: 0px;
}

.UseMyPaymentDevice {
	margin-left: 0px;
}

.NewRecurWizardSteps {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.linkColor {
	color: #0000FF;
}

.Type2FixedMonth {
	margin-left: 25px;
}

.Type2SpecificMonth {
	margin-left: 25px;
}

/*********************************/
	/****************************Registration CSS *******************************************************/
.RegisterPages {
	border: 1px solid #BDBDBD;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 12px;
}

.RegisterWindowMasterLayout {
	position: fixed;
	/*margin:auto;*/
	top: 25%;
	left: 30%;
	right: 25%;
	botton: 25%;
	z-index: 9999;
	border: 1px solid #CCCCCC;
	BACKGROUND: #D8D8D8;
}

.RegisterWindow {
	position: absolute;
	top: 10%;
	left: 30%;
	right: 25%;
	z-index: 9998;
	border: 1px solid #BDBDBD;
	BACKGROUND: #dcdcdc !important;
}

/*.TopLevelTab1{
	border-top: 1px solid #BDBDBD;
}*/ /*.RegisterComplete{
	border: 1px solid #BDBDBD;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:10px;
}*/
.RegTabColSel {
	color: #fbc33ff;
	BACKGROUND: url(?xeiresource=xhtm/tab-bg-on.png) #2e6baa repeat-x 0px
		100%;
	width: 200px;
	height: 30px;
}

.RegTabCol {
	color: #fbc33ff;
	BACKGROUND: url(?xeiresource=xhtm/tab-bg-off.png) #2e6baa repeat-x 0px
		100%;
	width: 160px;
	height: 30px;
}

.RegWizardSteps {
	border: 1px solid #BDBDBD;
}

.RegisterButtonCol {
	color: #ffffff;
	height: 29px;
	BACKGROUND: #CCCCCC;
	border: 1px solid #000000;
	/*width:119px;*/
	text-align: center;
}

.RegisterButton {
	color: #000000;
}

.TextBoxColor {
	color: #ffffff;
}

.headerMessage {
	font-size: 14px;
	color: #ffffff;
}

.hideRow {
	display: none;
}

.showRow {
	display: block;
}

/***********************************************************************************/
td.colorBackGround {
	background-color: #CC9999;
}

.loginTitle {
	color: #2e6baa;
	font-size: medium;
	font-weight: bold;
	margin-left: 8px;
}

.LoginLabel {
	color: #fbc33ff;
	BACKGROUND: #D8D8D8;
}

.LoginWindow {
	position: absolute;
	top: 10%;
	left: 30%;
	right: 25%;
	botton: 25%;
	z-index: 99996;
	border: 1px solid #BDBDBD;
	BACKGROUND: #dcdcdc !important;
}

td.LoginInnerWindow {
	BACKGROUND: #fffff;
	border: 1px solid #BDBDBD;
	/*padding-top:0px;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:5px;*/
}

.LoginPages {
	border: 1px solid #BDBDBD;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 12px;
}

table table.LoginInnerWindow4 {
	background-color: #CC9999;
}

.forgotALink {
	color: #0000FF;
}

/*.ForgotPassword{
	border: 1px solid #BDBDBD;
	margin-left:10px;
	margin-right:10px;
	margin-top:-1000px;
	margin-bottom:10px;
}*/ /*.PasswordChange{
	border: 1px solid #BDBDBD;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:10px;
}*/ /*.ResetPasswordConfirm{
	border: 1px solid #BDBDBD;
	margin-left:10px;
	margin-right:10px;
	margin-top:-1000px;
	margin-bottom:10px;
}*/ /*.PasswordChangeConfirm{
	border: 1px solid #BDBDBD;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:10px;
}*/
.learnMoreLink {
	color: #0000FF;
}

.LogInButtonCol {
	color: #ffffff;
	height: 29px;
	BACKGROUND: #CCCCCC;
	border: 1px solid #000000;
	/*width:119px;*/
	text-align: center;
}

.LogInButton {
	color: #000000;
}

#grayOutDiv {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 250%;
	z-index: 9997;
	background-color: #a9a9a9;
	filter: alpha(opacity = 70);
	-moz-opacity: .70;
	opacity: .70;
}

#grayOutDivFullTransparent {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 250%;
	z-index: 9997;
	background-color: #a9a9a9;
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	opacity: 0;
}

.hidemainLayout {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 250%;
	z-index: 9996;
	background-color: #EEEEEE;
	filter: alpha(opacity = 70);
	-moz-opacity: .70;
	opacity: .70;
}

.PaymentSetupTab {
	border: none; /*0px solid #2e6baa;*/
}

table.pages {
	border: 1px solid #2e6baa;
	/*padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;*/
	border-top: 1px solid #ffffff;
}

table.pages>tbody>tr>td {
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
}

.TopLevelTab {
	width: 100%;
	margin-right: auto;
}

.WizTopTabColSel {
	color: #000000;
	font-weight: bold;
	width: 12%;
	height: 60px;
	border-bottom: 0px solid white;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
}

.WizTopTabColSelA {
	color: #000000;
	width: 12%;
	height: 60px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.WizTopTabCol {
	color: #F2F2F2;
	width: 12%;
	height: 60px;
	BACKGROUND: #ffffff;
	
}

.WizTopTabColEmpty {
	BACKGROUND: #FFFFFF;
	width: 1%;
	height: 60px;
}

.WizTopTabColBlank {
	border-bottom: 1px solid #000000;
	color: #ffffff;
}

.WizTopTabLinkSel {
	color: white;
	font-weight: bold;
}

.WizTopTabLinkSelA {
	color: black;
	font-weight: bold;
}

.WizTopTabLink {
	color: #BDBDBD;
	font-weight: bold;
}

.WizTopTabLoginLink {
	color: #013ADF;
}

.LoginLink {
	color: * DividerColor *;
	width: 500px;
	height: 30px;
}

.RegisterLink {
	color: * DividerColor *;
	width: 60px;
	height: 30px;
}

.pageStepTitle {
	color: #2e6baa;
	font-size: x-large;
}

.WizTabBtn {
	color: #2e6baa;
	display: table-cell;
	height: 30px;
	vertical-align: middle;
	BACKGROUND: url(?xeiresource=xhtm/tabbg.png) #2e6baa repeat-x 0px 100%;
	width: 200px;
}

.WizTabCol {
	color: #ffffff;
	BACKGROUND: url(?xeiresource=xhtm/tab-bg-off.png) #2e6baa repeat-x 0px
		100%;
	width: 200px;
	height: 30px;
}

.WizTabColSel {
	color: #ffffff;
	BACKGROUND: url(?xeiresource=xhtm/tab-bg-on.png) #2e6baa repeat-x 0px
		100%;
	width: 200px;
	height: 30px;
}

.WizTabBtnSel {
	color: #ffffff;
	display: table-cell;
	vertical-align: middle;
	background: #2e6baa;
	height: 30px;
	width: 200px;
}

.PayWizardSteps {
	border: none; /*0px solid #2e6baa;*/
}

.buttonAddNewBottom {
	color: #ffffff;
}

.PayWizardPageBtnBack {
	color: #ffffff;
}

.PayWizardPageBtnNext {
	color:#ffffff;
}

.colAddButtonBottom2 {
	color: #ffffff;
	height: 29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width: 119px;
}

.PayWizardPageBtnPrint {
	color: #ffffff;
}

.PayWizardPageBtnBackCol {
	color: #ffffff;
	height: 29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width: 119px;
}

.PayWizardPageBtnPrintCol {
	color: #ffffff;
	height: 29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width: 119px;
}

.PayWizardPageBtnNextCol {
	color: #ffffff;
	height: 29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width: 119px;
	text-align: middle;
}

.BDITSearchBtnCol {
	color: #ffffff;
	height: 29px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #2e6baa repeat-x 0px 100%;
	border: 1px solid #2e6baa;
	width: 119px;
	text-align: middle;
}

.GridCellHeader {
	height: 20px;
	background-color: #2e6baa;
	background: #2e6baa;
	color: #ffffff;
}

.GridCellHeader td {
	height: 20px;
	background: #2e6baa;
	color: #ffffff;
}

.GridCellHeaderLinkColContent0 a {
	color: #ffffff;
}

/* Profile*/
.BillIdentifier {
	margin-left: 10px;
}

.MyPaymentDevice {
	margin-left: 10px;
}

/*.ProfileWizardSteps {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}*/
.ProfilePages {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 0px solid #ffffff;
	border-bottom: 1px solid #000000;
}

.ProfileTabColSel {
	color: white;
	width: 20%;
	height: 30px;
	border-bottom: 0px solid white;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
}

.ProfileTabColSelA {
	color: black;
	width: 20%;
	height: 30px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.ProfileTabColEmpty {
	BACKGROUND: #FFFFFF;
	border-bottom: 1px solid #000000;
	width: 2%;
	height: 30px;
}

.ProfileTabColBlank {
	border-bottom: 1px solid #000000;
	color: #ffffff;
}

.ProfileTabLinkSel {
	color: white;
}

.ProfileTabLinkSelA {
	color: black;
}

/* Profile CSS End*/ /******New Recurring Payment******/
.cellHeaderColor td {
	BACKGROUND: #2e6baa;
	color: white;
	font-weight: bold;
	/*padding-top:5px;
	padding-bottom:5px;*/
}

.PaymentPlanClass {
	border-left: 1px solid #2e6baa;
	border-right: 1px solid #2e6baa;
	border-top: 1px solid #2e6baa;
	border-bottom: 1px solid #2e6baa;
}

.PaymentPlanItems {
	border-left: 1px solid #2e6baa;
	border-right: 1px solid #2e6baa;
	border-top: 1px solid #2e6baa;
	border-bottom: 1px solid #2e6baa;
}

.PlanInputControl {
	padding-left: 40px;
}

.NewRecurPayWizardSteps {
	border: none;
}

.newRecurReviewRowHeader {
	border-top: 1px solid #BDBDBD;
	/*border-bottom:0px solid #ffffff;
	border-left:0px solid #ffffff;
	border-right:0px solid #ffffff;*/
}

.newRecurReviewInnerRowHeader { /*border-top:1px solid #BDBDBD;
	border-bottom:0px solid #ffffff;
	border-left:0px solid #ffffff;
	border-right:0px solid #ffffff;	*/
	
}

.newRecurEnrollmentTable {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

.GridStyle {
	table-layout: fixed;
}

.GridStyle>tbody>tr>td>div>table {
	width: 100%;
}

/*.paymentMM
{
	width:18px;
	padding: 2px;
}
.paymentDD
{
	width:18px;
	padding: 2px;
}
*/ /******Upcoming payments*/
.UpcomingPaymentSteps {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.CDEFieldElement {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

table.EditPaymentControl {
	width: 100%;
	border-collapse: collapse;
}

/*table.EditPaymentControl > td
{
	padding:0px;
}*/
.label_EditPaymentControl {
	display: none;
}

.UpcomingSchduleTable {
	border: 1px solid #BDBDBD;
	border-collapse: collapse;
}

.UpcomingSchduleTable tr td {
	border: 1px solid #BDBDBD;
	width: 80px;
	text-align: center;
}

.PersonaIInfoTable {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

.UpcomingPaymentScheduleTable {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	border-collapse: collapse;
	border-spacing: 0px;
}

.UpcomingPaymentScheduleTable>tbody>tr>td {
	padding: 4px 0px 4px 8px;
}

.PaymentInformationTable {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

.UpcomingReviewTable {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

.UpcomingPaymentPlanItems {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

/*********************************/ /****Counter user */
.RegistantNameCounter {
	color: #013ADF;
}

.SearchResults {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

.SearchResults>tbody>tr>td {
	border-bottom: 1px solid #BDBDBD;
}

.customerSearch {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

.registerNewCustomer {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	padding-left: 30px;
}

.RegisterCustomer {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
	padding-left: 10px;
	padding-right: 10px;
}

.registerCustomerConfirm {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

.counterUserNotFound {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

.counterRefreshURLColor {
	color: #ffffff;
}

/***** Payment History*/
.PaymentHistory {
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

/******Pop Up Window *****/
.PopUpWindow {
	position: absolute;
	BACKGROUND: #F2F2F2 repeat-x 0px 100%;
	top: 30%;
	left: 30%;
	right: 25%;
	botton: 25%;
	z-index: 9997;
	border: 2px solid #0174DF;
}

.PopUpHeader {
	height: 20px;
	color: #FFFFFF;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #0174DF repeat-x 0px 100%;
	border: 1px solid #0174DF;
	font-weight: bold;
}

.PopUpButtonCol {
	height: 20px;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #FAFAFA repeat-x 0px 100%;
	border: 1px solid #0174DF;
	text-align: center;
}

.PopUpButton {
	color: #000000;
}

.PopUpInnerWindow {
	border: 1px solid #BDBDBD;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 12px;
}

.ExistingPayment {
	height: 100% !important;
	width: 100%;
}

.OfferTab1Disabled {
	opacity: .5;
	pointer-events: none;
	BACKGROUND: gray;
}

.OfferTab2Disabled {
	opacity: .5;
	pointer-events: none;
	BACKGROUND: gray;
}

.OfferTab3Disabled {
	opacity: .5;
	pointer-events: none;
	BACKGROUND: gray;
}

.OfferTab4Disabled {
	opacity: .5;
	pointer-events: none;
	BACKGROUND: gray;
}

.OfferTab5Disabled {
	opacity: .5;
	pointer-events: none;
	BACKGROUND: gray;
}

.AccountFieldsDisabled {
	opacity: .5;
	pointer-events: none;
	BACKGROUND: #F2F2F2;
}
/*.PopUpMessage {
	height:50px;
	color:#000000;
	BACKGROUND: url(?xeiresource=xhtm/button.png) #F2F2F2 repeat-x 0px 100%;
	
	
}*/

.card-types {
	align-items: center;
	display: inline-flex;
	vertical-align: bottom;
	margin: -4px 0 -4px 0;
}

.card-types > img {
	width: 28px;
	padding: 0 1px;
}