﻿html{font-family: 'Times New Roman', sans-serif, Arial, Helvetica;}
.emphasized{font-size: 120%;color: Black;}
section.login-panel > header h1;, section.content-panel > header h1{color: navy;font-size: 1.5em;}
.login-panel .row label{font-size: 150%;}
#login-page .inlineLabel{font-weight:bold;}
section.container
{	border-color: #dddddd;
	 -moz-box-shadow: 0px 0px 10px 0 #ccc;
  -webkit-box-shadow: 0px 0px 10px 0 #ccc;
  -o-box-shadow: 0px 0px 10px 0 #ccc;
  -ms-box-shadow: 0px 0px 10px 0 #ccc;
  -khtml-box-shadow: 0px 0px 10px 0 #ccc;
  box-shadow: 0px 0px 10px 0 #ccc;
  border-top-color:transparent;
}
.container{box-shadow: none;}
.ui-addWalletLink{color:#333333;}
section.content-panel{border-radius:10px 10px 10px 10px;}

.formButtons{border-radius:0px 0px 10px 10px;}
input[type='text'], input[type='date'], input[type='number'], input[type='email'], select, input[type='password'] {
	box-shadow:none;
	background-color:white;
	border: 1px solid #999
}
input[type="text"]:hover, input[type="date"]:hover, input[type="number"]:hover, input[type="email"]:hover{
	border:1px solid #999;
	box-shadow: none;
}
.receiptValBg{background-color:#F5F5F5;border-radius:0px;filter: none !important;}
/*  */
#UpdateRecurringPay .styledInput, #editorRows .styledInput, #ScheduledPaymentInfo .styledInput, #ContentViewID .styledInput, #PaymentInfoForm .styledInput, #login-page .styledInput
{
	box-shadow:none;
	background-color:white; 
	color:#333;
	border: 1px solid #999;
	box-shadow: none;
	color: #333333;
	max-width: 320px;
	border-radius: 4px;
}
.infoBlock input[type="text"], .infoBlock input[type="date"], .infoBlock input[type="number"], .infoBlock input[type="email"], .infoBlock input[type="tel"], .infoBlock select {
	padding: .2em 0 .2em .8em;
	height: 2em;
	margin: 0 .2em 0 0;
	font-size: 14px;
	border: 1px solid #BFBFBF;
	box-shadow: 0 2px 3px 2px #C7C6C6 inset;
	background-color:  white;
	width: 100px;
}
.buttonPrimary{font-family: 'Times New Roman', Arial;
 background: none repeat scroll 0% 0% #750A1C;
    color: #FFF; }
.headerBg
{-moz-box-shadow: 0px 8px 9px 2px rgba(64, 64, 64, 0.27);
	-webkit-box-shadow: none;
	box-shadow: 0px 8px 9px 2px white;	
	background-color:#fff;
	border:0px  solid gray ;
	height: 30px;
	vertical-align:top;
}
.lang_list a { color: Black;}
.lang_list li { color: Black;}
.hdrSmall{color:Black;font-size:medium;}
.styledInput::-webkit-input-placeholder{color:#778899;}
/**Navigation Section**/
nav {
	margin: 0 0 0 0;
	padding: 0px;
	height: 5.2em;
	background-color:#fff;
}
nav ul {
	float: left;
	width: 100%;
}
nav li {
	float: left;
	padding: .8em 1.3em;
	margin: 0 0 0 0;
	min-width: 100px;
	text-align: center;
	border:none; 
	border-top: 0px solid #CCCCCC;
	border-right: 1px solid #fff;
	cursor: pointer;
	color: #fff;
	font-size: 1.8em;
	position: relative;
}
nav li:hover {
	background-color: #fff;
	border-top: 0px solid #fff;
}
nav li a {
	font-size: 18px;
	color:#777;
	text-decoration: none;
}

nav li.selected {
	border-top: 0px solid white;
	background-color: white;
	border-bottom: 2px solid #CC0000;
	border-left: 0px solid white;
	cursor: auto;
	color: #777;
}
nav li.selected a {	color: #404040;}
nav li a:hover {text-decoration: none;}
/**Navigation Section**/
/**************** BreadCrumb **************/
/* ------------------- */ 
.BreadCrumbSteps {
	padding: 26px 0 0px 5px;
}
.BreadCrumbSteps li {
	display: inline;
	padding: 0px 0px 0 10px;
	margin-left: 10px;
	font-size: 16px;
	color: rgb(29, 31, 32);
	text-decoration: none;
}
.BreadCrumbSteps li.activeStep {
	color: rgb(29, 31, 32);
	font-weight: bold;
}
.BreadCrumbSteps li:last-child .icons.arrow {
	background: none;
}

.activeStep .icons.arrow {
	background-position: -425px 0;
	width: 24px;
	height: 15px;
	display: inline-block;
	margin: 0 0 0 1em;
	vertical-align: middle;
}
.icons.arrow {
	background-position: -449px 0;
	width: 24px;
	height: 15px;
	display: inline-block;
	margin: 0 0 0 1em;
	vertical-align: middle;
}
/***** Buttons ****/
.formButtons {
	background: #F0F0F0;
	clear: both;
	margin: 0;
	width: auto;
	padding: 19px 25px;
	text-align: right;
}
.updating_formButtons {
	background: none repeat scroll 0 0 #DEE6D9;
	clear: both;
	margin: 0;
	width: auto;
	padding: 1.9em 1.1em;
	text-align: right;
}
.buttonGroup {float: right;/*margin-top: -4px;*/}
.formgroup .formButtons {
	text-align: right;
	clear: both;
	margin: 2em 3em 2em 0;
	background: #fff;
	padding: 0;
}
/**Success**/
.success {
	border: 0px solid #dddddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 1em 2em 2.5em;
}
.successBlock {
	background: #66FF99;
	padding: 1.5em 2em;
	width: 64em;
	color: #333;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 0px 2px 9px 2px #66FF99;
	-webkit-box-shadow: 0px 2px 9px 2px #66FF99;
	box-shadow: 0px 2px 9px 2px #66FF99;
	margin:20px 0 0 5px;
}
.successBlock h2 {font-size: 2em;font-weight: bold;margin: 0 0 .5em 0;}
.successBlock p {font-size: 1.5em;}
/**Success**/
.longSelect .paySelect{ max-width:350px; max-width:350px\9;}
/*
.styledSelect{
  background-color: rgb(153, 151, 151);
  border : 1px solid rgb(153,151,151);
  box-shadow: inset 0px 2px 3px 2px rgb(153,151,151);
  color : Black;    
  }*/
  .styledSelect {
  	background-color: white;
  	border:none;
  	box-shadow: none;
  	border:1px solid #999;
  	color: #333;
  } 
  .pay_now select {
	/*font-size:2em;
	height:39px;
	margin: 0;*/
}
.paySelect {
	font-size:21px;
	height:38px;
	margin: 0;
	min-width: 150px;
	max-width:267px;
}
.paySelect_280 {max-width:280px;}
.pay_now input[type="date"] {width: 120px;}
.pay_now {
	font-size:24px;
	/*margin-right: 1em;*/
}
.pay_now .validationErrTxt {display: block;clear:both;}
.pay_now.inline a[rel="tooltip"] {float: none;margin-bottom: 15px;vertical-align: bottom;}
input[type="number"] {text-align: right;}
input[type="text"].disabled, input[type="email"].disabled, input[type="number"].disabled {
	color: #797979;
	background: #F5F5F5;
	border: 0px solid #BFBFBF;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: .2em .2em .2em 1em;/*width: 240px;*/
}
input.disabled:hover {
	color: #797979;
	background: #F5F5F5;
	border: 0px solid #BFBFBF;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: .2em .2em .2em 1em;
}
.buttonPrimary , .buttonPrimarySmall{
background: #CC0000; /* Old browsers */
background: -moz-linear-gradient(top,  #CC0000 0%, #CC0000 21%, #CC0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC0000), color-stop(21%,#CC0000), color-stop(100%,#CC0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #CC0000 0%,#CC0000 21%,#CC0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #CC0000 0%,#CC0000 21%,#CC0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #CC0000 0%,#CC0000 21%,#CC0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #CC0000 0%,#CC0000 21%,#CC0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC0000', endColorstr='#CC0000',GradientType=0 ); /* IE6-9 */
	font-family: Arial;
	color: #ffffff;
	font-size: 18px;
	padding: 8px 15px;
	margin: 0 0 0 5px;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 5px #CC0000;
	-moz-box-shadow: 0px 1px 5px #CC0000;
	box-shadow: 0px 1px 5px #CC0000;
	border: solid #CC0000 1px;
	display: inline-block;
	cursor: pointer;
}
.buttonPrimary:hover {background: -webkit-gradient(linear, 0 0, 0 100%, from(#CC0000), to(#CC0000));background: -moz-linear-gradient(top, #CC0000, #CC0000);}
section.login-panel > header h1, section.content-panel > header h1 {color: #373737;}
/* */
section.content-panel > header h1{color:#333333;text-align:left;}
section.content-panel > header.hdrSmall{background-color: #F0F0F0;align:left; filter: none !important;}
.infoBlock input[type='text'], .infoBlock input[type='date'], .infoBlock input[type='number'], .infoBlock input[type='email'], .infoBlock input[type='tel'], .infoBlock select
{/*box-shadow: inset 0px 0.5px 1px 1px #c7c6c6;*/box-shadow: inset 0px 0.5px 1px 1px #c7c6c6;}
.updaing_total_block .total_small-font {display: none;}
.pageButtons a {font-size: 14px;color: #00F;}
.agreeLink a {font-size: 15px;color: blue;text-decoration: underline;}
a {color: blue;text-decoration: none;}
.ReceiptNotes {background: none repeat scroll 0% 0% #fff;padding: 1em 2em;}
.accountNumberPanelHead {font-size: 16px;line-height: 21px;color: #888;background: #E8E8E8;padding: 10px 15px;}
#navcontainer{-webkit-box-shadow: 0 -7px 5px rgba(0,0,0,0);	-moz-box-shadow: 0 -7px 5px rgba(0,0,0,0);	box-shadow: 0 -7px 5px rgba(0,0,0,0);}
section.login-panel > header, section.content-panel > header {background:  #F0F0F0;}
.highlightedBlock {
background-color: transparent;
color: #333;
display: block;
float: none;
font-size: 16px;
margin: 0;
padding: 0;
border-radius: 0;
padding-right: 0em\9;
width: 410px;
margin-top: 15px;
}
.payNow-balance {padding: 0px 0px 0px 30px;margin: 20px 15px 0 0;clear: both;display: inline-block;font-size: 24px;border-left: 1px solid #fff;line-height: 44px;}
.notenopad {font-size: 14px;color: #666666;line-height: 20px;padding: 0 10px;background: #fff;}
.total_block{background: #fff;}
.ReceiptMsg_Success {width: auto; margin:20px;}

.accountNumberPanelHead span{margin: 0 10px; display: none}
.accountNumberPanelHead span.strong{margin: 0; font-weight: normal; display: inline-block; margin: 0 30px 0 5px}

.buttonPrimary:hover {
    background: none repeat scroll 0% 0% #CC0000;
    color: #FFF;
    filter:none !important;
}



.btn-primary {
background: none repeat scroll 0% 0% #750A1C;
color: #FFF;
background-color:#750A1C;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#750A1C), to(#750A1C));
background-image: linear-gradient(to bottom, #750A1C,#750A1C);
 filter:none !important;
}

.btn-primary:active,.btn-primary:hover {
background: none repeat scroll 0% 0% #750A1C;
color: #FFF;
background-color:#750A1C;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#750A1C), to(#750A1C));
background-image: linear-gradient(to bottom, #750A1C,#750A1C);
 filter:none !important;
}



.paymentOptions {

background:none repeat scroll 0% 0% #F0F0F0;

}


#login-page .inlineLabel{
font-weight:normal;
}

 #login-page .styledInput{
 
 border-radius : 0 0 0 0;
 box-shadow : 0 -1px 0 0;
 }
 
 .content-panel.hdrSmall
 {
	background-color : #F0F0F0;
	
 }
.hdrSmall
 {
	background-color : #F0F0F0;

 }
 .validationErrorTimeout.note{
 line-height : 30px;
 }
  .note{
 line-height : 30px;
 }
 .icons.blueArrow{
 display:none;
 }
 
 
section >form >section >  login-panel.hdrSmall{
display:none;
}
.welcomeNote{align:left;
}


.OD-block
{
line-height : 25px;
}

.highlightedBlock{
font-size:18px;
margin:15px -150px 0;
}

.reviewPayment{
border:0px;
margin:14px auto;
}

.defaultPayment-block p, .acceptFees-block p{
font-size:13px;
max-width:477px;
}
.ui-addWalletLink{
position:relative;
line-height:34px;
background-color : #C9C9C9;
}

.addWalletLink{

}

tr.EditPanel td {
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
}


.EditPanel .pageButtons {
    margin: 0em;
    background: none repeat scroll 0% 0% #F8F8F8;
}


.updaing_total_block
{
background:none repeat scroll 0 0 #F7F7F7 !important;
}

tr.selected
{
background:none repeat scroll 0 0 #F9F9F9 !important;
	}
.validationErrorTimeout{
background :none repeat scroll 0 0 #E6E6E6;
border:2px solid #E6E6E6;
}