@charset "ISO-8859-1";
/* Form styles---------------------------------------------*/
div.form, .default {
	font-size:75%;
}

div.form table {
	font-size:100%;
}

div.form td.col2 {
    padding-left: 12px
}

div.form div.reasonForInquiry {
    margin-top: 0px;
    margin-bottom: 12px;
	margin-left:2px;
}

div.form div.reasonForInquiry div.subQuestion {
    margin-left: 20px;
	margin-top:4px;
}

div.form div.reasonForInquiry textarea {
	margin-left:4px;
}

form#overviewForm {
	margin-top: 10px;
}

table.paymentInquiry {
    border-collapse: collapse;
}

table.paymentInquiry th {
    text-align: left;
}

.paymentInquiry input, .paymentInquiry label, .paymentInquiry select {
    line-height: 1.5em;
}

.overviewTableBottomBar {
	background-color:#FFFFE2;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #A6A799;
	border-right:1px solid #A6A799;
	font-size:75%;
	padding:3px 0;
	text-align:right;
    margin-top: 15px;
}

.disabledLabel {
    color: #777777 ;
}

table.overviewTable td.grayBorder {
	border-right:1px solid ;
}

table.overviewTable th.lastCol {
	border-right:none;
}
table.overviewTable tbody td {
	padding-top:5px;
	padding-bottom:5px;
}
table.overviewTable tbody.topTable {
	margin-top:20px
}
table.overviewTable tbody.topTable td {
	border-top:1px solid #ccc;
    border-bottom: none;
    padding-top:10px;
	padding-bottom:10px;
}

table.overviewTable tbody.topTable tr.secondRow td, table.overviewTable tbody.showDetails tr.secondRow td {
	border-top:none;
	padding-top:3px;
	padding-bottom:3px;
}
table.overviewTable tbody.topTable td.detailLink {
	margin:2px 0;
	font-size:90%;
}
table.overviewTable tbody.topTable:hover td, table.overviewTable tbody.showDetails td, table.overviewTable tbody.topTable:hover th {
	border-color:#f9fbfd;
	border-top:1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
}
table.overviewTable tbody.topTable:hover {
	background-color:#f9fbfd;
	border-top:1px solid #ccc;
}
table.overviewTable tbody.topTable:hover tr.secondRow {

	background-color:#e8eef7;
	padding-top:3px;
	padding-bottom:3px;
}
table.overviewTable tbody.topTable:hover tr.secondRow td{
		border-color:#e8eef7;
}
table.overviewTable tbody.showDetails {
	background-color:#f9fbfd;
}
table.overviewTable tbody.showDetails tr:first-child td{
	border-top:1px solid #ccc;
}
table.overviewTable tbody.showDetails tr.secondRow {
	border:none;
	background-color:#e8eef7;
	padding-top:3px;
	padding-bottom:3px;
}
table.overviewTable tbody.showDetails tr.secondRow td{
	border-color:#e8eef7;
}
table.overviewTable tbody.bottomTable {
	position:relative;
	background-color:#f9fbfd;
    width:100%;
}

table.overviewTable tbody.bottomTable td{
	padding-left:4px;
}

table.overviewTable .innerOverviewTable th, table.overviewTable .innerOverviewTable td {
	border:solid #ccc;
	border-width:0 1px 0 0;
	white-space:nowrap;
	padding:2px 15px 2px 8px;
}
table.overviewTable .innerOverviewTable td {
	border-top:1px solid #ccc;
}
table.overviewTable .innerOverviewTable {
	padding-bottom:8px;
}
table.overviewTable .divider {
	margin:0 20px;
	float:left;
	border-left:1px solid #ccc;
	width:1px;
	height:130px;
	white-space:nowrap;
}

table.overviewTable .summaryDiv .ebillItem {
	margin:3px 0;
}
table.overviewTable .dueIcon {
	padding-right:3px;
}
table.overviewTable .summaryDiv .ebillDue {
	margin:5px 0 2px 0;
}
table.overviewTable .ebillIcon {
	padding-left:3px;
}

form#managePayees table.overviewTable td {
	border-bottom:1px solid #CCCCCC;
}
form#managePayees table.overviewTable tr:first-child td{
	border-top:1px solid #CCCCCC;
}



a.billpayHref:link, a.billpayHref:visited{
	text-decoration: none;
}
a.billpayHref:hover{
	text-decoration: underline;
}

td.paymentsDue {
	font-size:75%;
	padding:8px 5px 8px 0;
}

span#paymentsDueLoader {
	padding:0 10px 0 7px;
}

span.paymentsDueSpan {
	display:-moz-inline-box; /* Gecko proprietary */
	display:inline-block; /* supported by Opera and ? */
	width:70px;height:1em; /* width and height required */
	vertical-align:top; /* Gecko needs this */
} /* IE, Opera & Gecko slight diff */

#nRemindersFoundSpan {
	color:#739600;
	margin:3px 26px;
}

a.reminderLinkOn {
	color:#336699;
	font-weight:bold;
	margin-left:5px;
	outline:medium none;
	text-decoration:underline;
}


/* Body styles---------------------------------------------*/
.confirmation .section h2 {
    border-top: 1px solid #CCC;
    float: none;
    font-size: 75%;
    padding-top: 3px;
	padding-left:5px;
}

.confirmation p {
	margin-bottom:0;
}

.confirmation table.data {
	margin-left:10px;
}

.clickImage:hover {
	cursor: pointer;
}
/* Sidebar styles------------------------------------------ */
#sidebar span.col1 {
    float: left;
	padding-left:4px;
}

#sidebar span.col1Bold {
    font-weight: bold;
    float: left;
	padding-left:4px;
}

#sidebar span.col2 {
    float: right;
	padding-right:4px;
}

/* Table styles---------------------------------------------*/
table.data td.totalCol, table.data th.totalCol {
	border-left:0;;
	border-bottom:0;
}

table.data td.colTextWrap {
    word-wrap: break-word;
}

table.data th.amountLineUp {
    padding-left: 17px;
	width:85px;
}

table.data th.amountLineUpSDP {
    padding-left: 17px;
    text-align: right;
	padding-right:20px;
}

table.data th.mergedColumns, table.data td.mergedColumns {
    border-left: 0;
    border-left-style: hidden;
    width: 115px
}

table.data th.mergedColumnsNoWidth, table.data td.mergedColumnsNoWidth {
    border-left: 0;
	border-left-style:hidden;
}

table.data td.lastRow {
    line-height: 16px;
    border-collapse: collapse;
    border-left: 0;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

table.data td.lastRptRow {
    border-collapse: collapse;
    border-left: 0;
    border-top: 1px solid #CCC;
    border-bottom: 0;
}

table.addPayee {
	margin-bottom:12px;
}

table.threeColLayout {
    font-size: 75%;
	width:100%;
}

table.threeColLayout td, .threeColLayout th {
    width: 33%;
	text-align:left;
}

table.threeColLayout  td {
	padding-bottom:6px;
}

table.threeColLayout tr {
	vertical-align:top;
}

table.acctInfo {
    font-size: 75%;
    padding-bottom: 10px;
}

table.acctInfo tr {
	vertical-align:top;
}

table.edit {
    width: 100%;
	font-size:75%;
}

table.edit td, table.edit th {
    vertical-align: top;
    border-left: 0;
	padding: 5px 0 5px 5px;
}

td.pageHeader {
    font-size: 75%;
    font-weight: bold;
}

/* Table styles II2---------------------------------------------*/
table.payOptions {
    font-size: 75%;
	width:100%;
}

table.payOptions td {
    vertical-align: top;
	padding: 5px 0 5px 5px;
}

table.payOptions td.secondCol {
	border-left: 1px solid #CCC;
}

table.payOptions th {
    text-align: left;
    vertical-align: bottom;
	padding: 5px 0 5px 5px;
}

table.payOptions span {
	font-weight:normal;
}
table.payOptions label {
	font-weight:bold;
}


/* Misc styles---------------------------------------------*/
.payBox {
    font-size: 75%;
    font-weight: normal;
    border: 1px solid #A6A799;
    background-color: #DDDECE;
    width: 257px;
    height: 130px;
    padding: 8px;
    margin-top: 6px;
    margin-bottom: 15px;
}

.payBoxSeparator {
    font-size: 75%;
    font-weight: bold;
    border: 1px solid #A6A799;
    background-color: #DDDECE;
    margin: 50px 10px 0 10px;
    padding: 2px
}

.browse {
    border-top: 1px solid #666;
    margin-top: 5px;
	padding-bottom:14px;
}

div#left {
    float: left;
    width: 22px;
}

div#right {
    float: right;
    width: 5px;
}

div#middle {
    padding: 0 0 0 25px;
    margin: 0px;
}

/* Verify account---------------------------------------------*/
.verifyBox {
    font-size: 75%;
    border: 1px solid #666;
    background-color: #EFEFE7;
    width: 257px;
    height: 55px;
    padding: 20px 8px 8px 10px;
}

.verifyBoxSeparator {
    font-size: 75%;
    font-weight: bold;
    border: 1px solid #A6A799;
    background-color: #EFEFE7;
    margin: 50px 10px 0 10px;
	padding:2px;
}

input.continue {
    margin-top: 10px;
}

div.verifyBox div.verifyLabel {
    padding-bottom: 5px;
}

td  h3.verifyHeader {
    margin-left: 6px;
    font-size: 75%;
	margin-bottom:5px;
}

/*  Additional Definitions---------------------------------------------*/
p.payeeDetails, div.payeeDetails {
    padding-left: 5px
}

span.payeeDetailsindent {
    padding-left: 10px
}

.subheaderBarTop {
    border-top: 1px solid #666;
    height: 20px;
}

.subheaderBarOverview {
    border-bottom: 1px solid #666;
    height: 20px;
    margin-bottom: 10px;
    margin-top: 22px
}

p.error span, div.error span {
    font-weight: normal
}

span.extrainfo {
    color: #666666
}

.sansIcon {
    font-size: 75%;
    margin-top: 5px;
    margin-left: 3px;
}
/* For under line for paper check in IE */
div.sansIcon span{
    padding-bottom: 5px;
}

a.confirmationLink {
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-top: 10px
}

div.errorMessages {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.error {
    color: #C00;
    font-weight: bold;
    font-size: 75%
}

div.success {
    color: #080;
    font-weight: bold;
    font-size: 75%
}

.errorColor {
    color: #C00;
}

div.shadedError {
    color: #C00;
    font-size: 75%
}

span.greenMessage {
    color: green;
    font-size: 75%;
}

.messageDetail-4 {
    font-size: 75%;
}

.payOptionsBar {
    border-top: 1px solid #CCC;
    margin-bottom: 5px;
    margin-top: 5px
}

.label {
    font-weight: bold
}

.helpContent {
    font-size: 75%;
	margin-bottom:8px;
}

/* Added for Popular Payees -----------------------------------------*/
.shadedTable {
    font-weight: normal;
    border: 1px solid #A6A799;
    background-color: #F5F5F5;
    padding: 10px 5px 5px 5px;
    margin-top: 0px;
    margin-bottom: 0px
}

.beigeTable {
    font-size: 75%;
    font-weight: normal;
    border: 1px solid #A6A799;
    background-color: #EEEFE1;
    padding: 10px 5px 10px 5px;
    margin-top: 0px;
    margin-bottom: 0px
}

.shadedNoTop {
    font-weight: normal;
    border: 1px solid #A6A799;
    background-color: #F5F5F5;
    padding: 10px 0px 10px 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 0
}

.shadedNoBottom {
    font-weight: normal;
    border: 1px solid #A6A799;
    background-color: #F5F5F5;
    padding: 10px 0px 10px 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 0
}

.shadedNoTopNoBottom {
    font-weight: normal;
    border: 1px solid #A6A799;
    background-color: #F5F5F5;
    padding: 10px 0px 10px 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 0;
    border-bottom: 0
}

.shadedNoBorder {
    font-size: 75%;
    font-weight: normal;
    background-color: #F5F5F5;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-left: 5px solid #A6A799
}

.shadedTableHeading {
    font-size: 100%;
}

/* Added for Release 26, CCR 16 --------------------------------------*/
p.faxDisclaimer {
    font-size: 100%;
    color: #C00;
    text-align: left;
}

/* Added for Same Day Payment -----------------------------------------*/
.SDPshadedRow {
    background-color: #F5F5F5;
    border-right: 0px
}

.anchorSecond {
    padding-top: 6px;
    text-align: left
}

.SDPshadedRow {
    background-color: #F5F5F5;
    border-right: 0px
}

/* Added for EBFM------------------------------------------------------*/
.buttonBarTableBordered2 {
    height: 23px;
    font-size: 75%;
    background-color: #EEEFE1;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #A6A799;
    border-right: 1px solid #A6A799;
    padding: 3px 0 3px 0
}

/* Added for CCR MR375 1.8 */
.yellowBackground {
    margin-bottom: 5px;
    background-color: #FFFFE2;
    font-weight: normal;
    font-size: 100%;
}

.yellowPayAcctCol {
    background-color: #FFFFE2;
}

/* For the CSAT Survey */
.c10Holder {
    border: 1px solid #999;
    background-color: #fff;
    margin: 0 10px 0 0
}

.c10Shell {
    padding: 1px;
}

.c10Shell a:link, .c10Shell a:visited, a.c10Link:link, a.c10Link:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 0 5px 1px 8px;
    border: 1px solid #f33;
    border-bottom: 0;
    background: #900 url( "images/caret_ca_rd.gif" ) 1px 3px no-repeat
}

.c10Shell a:active, a.c10Link:hover, a.c10Link:active {
    color: #fff;
    text-decoration: underline
}

#jMastHead {
    height: 62px;
    background: url( "images/jump_head_pix62.gif" ) repeat-x
}

.paymentText {
    font-size: 80%
}

.hideField {
    display: none
}

.showField {
    display: block;
}

.hideField, .showField {
    vertical-align: middle;
}

#withdrawDate0, #withdrawDate1, #withdrawDate2, #deliverDate0, #deliverDate1, #deliverDate2 {
    margin-top: 5px;
}

.showDetailsLink, .hideDetailsLink {
	padding-left:15px;
	text-decoration:none;
	font-size:11px
}

.showDetailsLink {
	background:url( images/icons/expand.gif ) left center no-repeat;
}
.hideDetailsLink {
	background:url( images/icons/collapse.gif ) left center no-repeat;
}
.loader {
	background:url( images/icons/loading.gif ) right center no-repeat;
	padding-right:80px;
	font-size:10px;
	color:#333;
	position:absolute;
	display:block;
	vertical-align:middle
}

a.fundingAccount {
    color: #000000;
    text-decoration: none
}

a.fundingAccount:hover {
    color: #336699;
    text-decoration: underline;
}

/* Merger UI 2 -----------------------------------------------------*/
input.longTextbox {
    border: 0;
    margin: 0;
    width: 80px;
    height: 14px;
    position: relative;
    vertical-align: top;
}

/* autofill menu */
.autocompleteChoices {
    position: absolute;
    left: -1000px;
    z-index: 200;
}


div.zipcodeMenu {
    background-color: white;
    border: 1px solid #888;
    margin: 0;
    margin-top: -3px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 98%;
    width: 210px;
}

div.autocomplete {
    position: absolute;
    z-index: 200;
    background-color: white;
    border: 1px solid #888;
    margin: 0;
    margin-top: -3px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    white-space: nowrap;
}

div.autocomplete ul {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 4px;
    cursor: pointer;
}

.borderless {
    border-color: #fff;
    font-weight: bold;
    outline-style: none;
    outline: none;
    border: none;
}

table.overviewTable {
    width: 100%;
    font-size: 75%;
    border-top: 0;
}

table.overviewTable select {
    font-size: 98%
}

table.overviewTable span {
    font-weight: normal
}

table.overviewTable td, table.shadedDataNoTop th {
    vertical-align: top;
    text-align: left;
    padding: 2px 10px 4px 10px;
    border-right: 1px solid #CCC;
}

table.overviewTable td.endCol, table.shadedDataNoTop th.endCol {
    border-right: none;
}

table.overviewTable td br {
    height: 5px;
    line-height: 5px
}

table.overviewTable td.firstCol, table.shadedDataNoTop th.firstCol {
    border-left-width: 1px
}

table.overviewTable td.currency, table.shadedDataNoTops th.currency {
    text-align: right;
    white-space: nowrap
}

table.overviewTable td.grayBorder {
    border-right: 1px solid #F5F5F5;
}

table.overviewTable th.lastCol {
    border-right: none
}

table.overviewTable tbody td {
    padding-top: 5px;
    padding-bottom: 5px
}

table.overviewTable tbody.showDetails td {
    border-color: #f9fbfd
}

table.overviewTable .innerOverviewTable th {
    padding: 2px 15px 2px 8px;
    border-color: #cccccc
}

table.overviewTable .innerOverviewTable td {
    padding: 2px 15px 2px 8px;
    border-color: #cccccc
}

tr.showDetailRow td {
    background-color: #e8eef7;
    border: none
}

.payeeDetails {
    padding: 5px 0;
}

.payees td {
    background: url( images/icons/blueArrow.gif ) center left no-repeat;
    padding-left: 15px;
    font-size: 75%
}

.payees td a {
    line-height: 200%
}

div.payeeDetailLabel {
    font-weight: bold;
    width: 25%;
    float: left;
    padding: 2px 0;
    white-space: nowrap;
    font-size: 75%
}

div.payeeDetailValue {
    float: left;
    padding: 2px 0;
    font-size: 75%
}

div.payeeDetailLine {
    border-bottom: 1px solid #ccc;
    height: 1px;
    clear: both;
    margin-bottom: 10px;
    margin-top: 15px;
}

p.payeeInfo, div.payeeInfo, p.payeeOption, div.payeeOption {
    line-height: 130%;
    margin: 5px 0;
    font-size: 75%
}

p.payeeDetailSpacer {
    clear: both;
    margin: 5px 0
}

input.textbox, .selectbox {
    background-color: #ffffff;
    border: 1px solid #578cc0;
}

/** -------------------------------------------------------------------------- */
input.longTextbox, input.fundingTextBox {
    border: 0;
    margin: 0;
    position: relative;
    vertical-align: top;
    padding: 1px 2px;
}

input.longTextbox {
    height: 14px;
    font-size: 98%;
    width: 80px;
}

input.fundingTextBox {
    height: 11px;
    font-size: 10px;
    width: 150px;
}

/* styles for overview bill pay page */
table.makePayment {
    width: 100%;
    border: 0
}

table.makePayment tr td.showPayees {
    text-align: right;
    font-size: 80%
}

table.makePayment tr td.shadedTableHeading {
    font-size: 100%;
}

div.shadedTable {
    border: 1px solid #cccccc
}

table.shadedDataNoTop {
    width: 100%;
    border: 0
}

table.shadedDataNoTop td {
    border-right: 0;
    border-left: 1px solid #cccccc;
}

table.shadedDataNoTop th {
    border-right: 0;
    border-left: 1px solid #cccccc;
}

ul.success {
    list-style-type: none;
    padding: 0;
    margin: 2px 0 12px 5px;
}

ul.success li {
    background-image: url( "../images/icon_success.gif" );
    background-repeat: no-repeat;
    background-position: .1em .1em;
    padding-left: 1.4em;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 12px;
    color: #009900;
}

/* styles for making a new payee */
div.dataButtonBar {
    background-color: #ffffe2;
    margin: 15px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

h2.newPayee {
    font-weight: bold;
    font-size: 90%;
    color: #666666
}

table.payeeInfo {
    font-size: 70%
}

table.payeeInfo tr th {
    padding: 5px 15px 2px 0;
    text-align: left
}

table.payeeInfo tr td {
    padding: 5px 15px 2px 0
}

table.payeeInfo td.note {
}

table.payeeInfo td.currencySign {
    padding: 0
}

table.payeeInfo th.required {
    padding: 5px 15px 2px 8px;
    background: url( "../images/req_asterisk.gif" ) center left no-repeat;
}

table.payeeInfo th.requiredTop {
    padding: 3px 15px 2px 8px;
    background: url( "../images/req_asterisk.gif" ) top left no-repeat;
}

div.payeeDivider, td.payeeDivider {
    margin-top: 10px;
    border-top: 1px solid #cccccc;
    height: 3px
}

div.featBox {
    margin: 0 0 15px 0;
    padding: 5px;
    background-color: #ffffe2;
    border: 1px solid #cccccc;
    font-size: 11px;
}

div.featBox h2.feat {
    margin: 0 0 5px 0;
    font-size: 110%;
    background-color: #ffffe2;
}

#sidebar span.col1Normal {
    font-weight: normal;
    float: left;
    padding-left: 4px
}

/* styles for enrollment */
div.topBPBox {
    margin-right: 20px;
    background-color: #FFFFE7;
    border: 1px solid #cccccc;
    padding: 0 15px 15px 15px;
    font-size: 80%;
    width: 670px;
}

div.topBPBox h2 {
    font-size: 150%;
    color: #9A0303
}

div.bottomBPBox {
    margin-right: 20px;
    background-color: #FFFFCC;
    border: 1px solid #cccccc;
    border-top: 0;
    font-size: 80%;
    width: 700px;
}

div.bottomBPBox div.insideOne {
    margin: 10px 5px 10px 5px;
    padding: 5px;
    height: 40px;
    float: left;
    border-right: 1px solid #cccccc;
}

div.bottomBPBox div.insideTwo {
    margin: 10px 5px 10px 5px;
    padding: 5px;
    height: 40px;
    width: 50%;
    float: left;
    border-right: 1px solid #cccccc;
    font-weight: normal
}

div.bottomBPBox div.insideThree {
    margin: 10px;
    padding: 5px;
    height: 40px;
    float: left
}

h2.midPage {
    font-size: 110%;
    color: #9A0303;
    margin: 20px 0 0 3px
}

p.midPage {
    font-size: 80%;
    margin: 0 0 0 3px
}

p.bottomPage {
    font-size: 80%;
    margin: 10px 0 0 3px
}

/* action buttons */
.buttons_primary {
    font-weight: bold;
    font-size: 70%
}

.buttons_secondary {
    font-weight: normal;
    font-size: 70%
}

.buttons_inline {
    font-weight: normal;
    font-size: 100%
}

/* autofill menu */

.autocompleteChoices {
    position: absolute;
    z-index: 200;
}

div.zipcodeMenu {
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    margin-top: -3px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 96%;
    width: 210px;

}

div.autocomplete {
    position: absolute;
    z-index: 200;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    margin-top: -3px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

div.autocomplete ul {
    clear: both;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #cccccc;
    font-size: 98%;
}

div.autocomplete .hover {
    background-color: #e8eef7;
    color: #000
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px 4px;
    cursor: pointer;
}

.borderless {
    border-color: #fff;
    font-weight: bold;
    outline-style: none;
    outline: none;
    border: none;
}

div.addressBox {
    color: #000000;
    padding: 5px 2px;
    clear: both;
    width: 206px;
}

div.topAddressBox {
    border-top: 1px solid #cccccc;
}

div.even {
    color: #000000;
}

div.even, div.even div {
    background-color: #eeeeee;
}

div.selectLink, div.buttonContainer {
    float: right;
    text-decoration: underline;
    color: #3366CC;
    cursor: pointer;
    padding: 3px;
}

div.cityNode, div.boxNode {
    width: 80%;
    float: left;
    padding: 2px;
}

.button {
    float: right;
    height: 12px;
    width: 12px;
    border: none;
    cursor: pointer;
    padding: 4px;
}

.companyInstructions, .zipcodeInstructions {
    padding: 4px;
    border: none;
    float: left;
}

.zipcodeInstructions {
    width: 182px;
}

.companyInstructions {
    width: 218px;
    color: #666;
    height: 12px
}

.topBox, .topBoxForZips {
    clear: both;
    background-color: #fff;
    height: 14px;

}

.topBox div, .topBox img, .topBox div img {
    background-color: #fff;
    color: #666;
}

.topBoxForCompanies {
    width: 252px;
}

.topBoxForZips {
    width: 210px;

}

.bottomBox {
    border-top: 1px solid #cccccc;
}

span.header {
    font-weight: bold;
}

label.diabledLabel {
    color: #777777;
}


.bottomBox .header {
    font-weight: bold;
    margin: 4px;
}

.bottomBox .subHeader {
    margin: 2px 4px;
}

.bottomBox .footer {
    margin: 2px 4px;
    color: #666666;
}

.legend_icon {
	float: left;
	width: 25px;
}

.legend_icon img{
	float: right;
}

.legend_icon strong{
	float: right;
}

.whiteTranslucentBG {
    background: url( "../images/graydot.gif" );
    opacity: .40;
    /* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */

    width: auto;
    height: auto;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 210
}


.optionsLink{
  text-decoration:none;
  font-size:12px;
}
.optionsLink:hover{
  text-decoration:underline;
}

ul.numberedList{
  margin:0;
  padding:0;
  list-style:none;
  list-style-position:outside;
  vertical-align:middle;

}

ul.numberedList li{
  margin:0 0 14px 0;
  padding:0 0 0 20px;
  background-position: middle left;
  background-repeat: no-repeat;
}

ul.numberedList li ul{
  padding:0 0 0 15px;
  margin:0;
  list-style-image:none;
}
ul.numberedList li ul li{
  padding:0 0 0 5px;
  margin:5px 0;
}
ul.greenHeaders li{
  font-weight:bold;
  color:#739600;

}

ul.learnmoreList{
  margin:0;
  padding:0;
}
ul.learnmoreList li{
  color:#000;
  font-weight:normal;
  list-style:square;
  padding:0 0 0 3px;
  margin:5px 18px;
}

.twoCol{
  clear:left;
}
.twoCol .left,.twoCol .right{
  width:45%;
  float:left;
}
.twoCol .right{
  margin-left:40px;
}

.hiddenText{
  font-size:0;
  overflow:hidden;
  width:0;
  position:absolute;
  height:0;
}

/* Start Style sheet for Wells Fargo custom dropdown menu*/

.wfdDropDown {
	float: left;
	padding-right: 2px;
}

.wfdDisplay {
	float: left;
	padding-right: 2px;
}
.wfdDisplayText {
	background:none repeat scroll 0 0 #FFFFFF;
	font-size:10px;
	height:11px;
	float:left;
	padding:1px 2px;
	position:relative;
	vertical-align:top;
	white-space: nowrap;
}
.wfdDisplay input{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	height:11px;
	width:150px;
	float:left;
	padding:0px;
}

.wfdArrow {
	float: left;
}

.wfdArrow a{
	float: left;
	width:15px;
	height:15px;
	display:inline-block;
	overflow:hidden;
}

.wfdMenu{
	background:none repeat scroll 0 0 #FFFFFF;
	position:absolute;
    z-index: 220;
    border: 1px solid #888;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-weight: normal;
    font-style: normal;
    width: auto;
    _width: 1px;
}
.wfdTitle {
    padding: 2px;
}

.wfdAriaText {
    font-size:0;
    overflow:hidden;
    width:0;
    position:absolute;
    height:0;
}

.wfdShadow {
    background: url( "images/icons/graydot.gif" );
    background-repeat: repeat;

    /* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
  	opacity: .40;

    width: 100%;
    height: auto;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 210;
}

div.wfdMenu ul {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
}

div.wfdMenu ul li {
    display: block;
    padding: 4px;
    cursor: pointer;
}

div.overViewMenu ul li:hover {
    background-color: #e8eef7;
}

div.overViewMenu a,div.overViewMenu a:link,div.overViewMenu a:visited {
	color: black;
	white-space: nowrap;
	text-decoration: none;
}

div.overViewMenu a:hover {
    color:#336699;
    text-decoration: none;
}

td.paymentAction div.wfdArrow a{
	float: left;
	width:15px;
	height:15px;
	display:inline-block;
	overflow:hidden;
}

td.paymentAction div.wfdArrow img{
	padding-top:5px;
	border: 0px;
}

div.paymentActionMenu a,div.paymentActionMenu a:link,div.paymentActionMenu a:visited {
	color:#336699;
	text-decoration: underline;
}

div.paymentActionMenu ul li:hover {
	color:#336699;
    background-color: #e8eef7;
}

div.paymentDueShow div.wfdDisplay input{
	float: left;
	padding: 0px;
	position:relative;
	vertical-align:top;
	white-space:nowrap;
	width: 80px;
	height: 100%;
	font-size: 110%;
	font-weight: normal;
}


div.paymentDueShow div.wfdArrow a{
	float: left;
	width:20px;
	height:20px;
	display:inline-block;
}


div.paymentDueShow div.wfdArrow img{
	width:100%;
	height:100%;
}

/* End Start Style sheet for Wells Fargo custom dropdown menu*/

/* MRBP_216610 - BP COMING SOON SPLASH PAGE DISPLAY - START*/

ul.numberedList{
  margin:0;
  padding:0;
  list-style:none;
  list-style-position:outside;
  vertical-align:middle;

}

ul.numberedList li{
  margin:0 0 14px 0;
  padding:0 0 0 20px;
  background-position: middle left;
  background-repeat: no-repeat;
}

ul.numberedList li ul{
  padding:0 0 0 15px;
  margin:0;
  list-style-image:none;
}
ul.numberedList li ul li{
  padding:0 0 0 5px;
  margin:5px 0;
}
ul.greenHeaders li{
  font-weight:bold;
  color:#739600;

}

ul.learnmoreList{
  margin:0;
  padding:0;
}

ul.learnmoreList li{
  color:#000;
  font-weight:normal;
  list-style:square;
  padding:0 0 0 3px;
  margin:5px 18px;
}

.ftueheader {
  background-color:#E8EEF7;
  font-size:15px;
  font-weight:bold;
  line-height:1px;
}

.ftuemid {
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
}

input.actionButton{
    padding-top:3px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:3px;
    font-weight:bold;
    color:#fff;
    border:1px solid #e0e3e2;
    background:url("images/btn_blueslice.gif") top left repeat-x;
    overflow: visible;

}

input.cancelButton{
    padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
    font-weight:bold;
    color:#fff;
    border:1px solid #e0e3e2;
    background:url("images/btn_grayslice.gif") top left repeat-x;
}

#btnPayeeNewPayee.actionButton{
    margin-top:1px;
}

#searchPayeeButton.actionButton{
    font-size:11px;
}

#ftueContainer {
    width: 99.5%;
    border: #688FCF 1px solid;
    background-color:#F9FBFD;
}
#ftueLeftCol{
    float: left;
    width: 41%;
    margin: 1% 0% 0% 1%;
    color: #000;
	padding-right:10px;

}
#ftueRightCol {
    width: 54%;
    margin: 1% 0% 1% 0%;
    color: #000;
    float: left;
    padding-left:10px;
	border-left: #CCCCCC 1px solid;

}
.clear {
    height: 0;
    font-size: 1px;
    margin: 0;
    padding: 0;
    line-height: 0;
    clear: both;
}

#ftueContainerHeader {
	background-color:#E8EEf7;
    padding-left: 10px;
    padding-bottom:3px;
}

#ftueContainerContent {
  border-top:1px solid #CCCCCC;
}

.ftueSubHeader{
	font-size:14px;
	color:#000000;
	font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-top:0px;
}

.ftueHeaderTitleContent {
    font-size:15px;
	color:#000000;
	font-weight:bold;
	margin-right: 3px;
    font-family: Arial, Helvetica, sans-serif;
}
.ftueHeaderTitleContent1 {
    font-size:12px;
	color:#336699;
	font-weight:bold;
	margin-right: 2px;
}

.ftueHeaderTitleContent2 {
    font-size:12px;
	color:#336699;
	font-weight:bold;
	margin-left: 2px;
}

.popularPayeeContent{
	font-size:11px;
	color:#336699;
    font-family: Arial, Helvetica, sans-serif;
}

#partialPayeeWarning {
    display: inline-block;
    padding: 4px 25px 4px 10px;
    font-size: 75%;
    font-weight: bold;
    background-color: #FFFAD9;
    border-color: #F28B13;
    border-style: solid;
    border-width: 1px;
}

#lightBox {
    border: #CCCCCC 1px solid;
    background:#FFFFFF;
    display:none;
    height:575px;
    padding-top:6px;
    padding-left:12px;
    padding-right:8px;
    width:600px;
}
/*  START Changes For R3.13 Check Image project by Infosys - Subramanya*/
#lightBox_cic {
    border: #CCCCCC 1px solid;
    background:#FFFFFF;
    display:none;
    height:575px;
    padding-top:6px;
    padding-left:12px;
    padding-right:8px;
    width:600px;
}
/ END Changes For R3.13 Check Image project by Infosys - Subramanya**/
/* MRBP_216610 - BP COMING SOON SPLASH PAGE DISPLAY - END*/

form#PaymentHistoryForm .TableInstr {
	margin-top:10px;
	display: inline-block;
}

form#PaymentsForm span.TableInstr {
	margin-top:10px;
	display: inline-block;
}

#toolBar {
    width: 100%;
    font-size: 90%;
}

#infoBar {
    float: left;
    /*height: 28px;*/
    width: 100%;
}

#progBar ul {
    float: left;
    list-style-type: none;
    margin: 5px 0 2px;
    padding: 0;
    white-space: nowrap;
}

#progBar ul li {
    background-color: #E8E8E5;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #333333;
    float: left;
    padding: 4px 10px 4px 0;
}

#progBar ul li.first {
    border-left: 1px solid #999999;
}

#progBar ul li img {
    margin: 0 4px -1px;
}

#progBar ul li.selected {
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
}

#progBar2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#progBar2 li {
    color: #666666;
    float: left;
    font: bold 100% Arial;
    height: 40px;
    position: relative;
    text-align: center;
    width: 33%;
}
#progBar2 li div {
    background: url("images/progress/prog_divideroff3.gif") no-repeat scroll 0 0 transparent;
    bottom: 0;
    color: #739600;
    height: 15px;
    left: 0;
    padding: 2px 0;
    position: absolute;
    width: 100%;
}

#progBar2 li.selected div {
    background: url("images/progress/prog_divideron_current.gif") no-repeat scroll 0 0 #739600;
    color: #FFFFFF;
}

#progBar2 li.done div {
    background: url("images/progress/prog_divideron.gif") no-repeat scroll 0 0 #DEE4E4;
    color: #666666;
}

#progBar2 li.first div {
    background-image: none;
}

#progBar2 li.selectedNextSib div {
    background: url("images/progress/prog_start3.gif") no-repeat scroll 0 0 transparent;
    color: #739600;
}

#progBar2 li.last div {
    border-right: 1px solid #E0E3E2;
}

#progBar2 label {
    display: none;
}

#payeeInfo {
    width: 840px;
}

#payeeTypeSelect {
  font-size: 75%;
  margin-top: 15px;
}

#payeeTypeSelect table td.rowLabel {
  width: 200px;
}

table.payeeFormTable {
  font-size: 75%;
}

table.payeeFormTable td.rowLabel {
  width: 200px;
}

table.payeeFormTable label {
  font-weight: bold;
}

table.payeeFormTable div.hint {
  color: #666;
  font-size: 90%;
  white-space: nowrap;
  font-weight: normal;
}

table.payeeFormTable td {
  vertical-align: top;
  white-space: nowrap;
}

table.payeeFormTable td.rowLabel {
  width: 200px;
}

table.nameOnAccountTable td {
  padding-bottom: 0px;
}

.pnpOptional {
  display: none;
}

.payeeRowEdit.personOnly {
  display:none;
}

.payeeRowDisplay {
  display: none;
}

.pnpPaperCheck {
  display: none;
}

.pnpInputDisabled {
  background-color: #ECEEEE;
}

.pnpStrong {
  font-weight: bold;
}

.paymentMode {
  display: none;
}

#footnoteAddressOnFile {
  display: none;
}

#pnpFootnotes {
  margin-top: 8px;
  font-size: 75%;
}

#pnpFootnotes div {
  margin-bottom: 8px;
}

.loadingImage{
	 height:200px;
	 display:none;
     background:url(images/icons/loader_lg_108x18.gif) center no-repeat ;
     position:relative;
}

.loadingImage div{
    font-weight:bold;
    position:absolute;
    top:88px;
    left:180px;

}

.merchantRow a{
    text-decoration: none;
    color: #000000;
}

.merchantRow a:link{
    color: #000000;
}

.merchantRow a:visited{
    color: #000000;
}

.merchantRow a:active{
    color: #000000;
}

.merchantRow {
	border-bottom:1px solid #CCCCCC;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
    font-size:12px;
}

.highlighted {
  color: #4986FF;
  background-color: #E1E9F5;
}

.highlighted .highlightedMerName{
   text-decoration: underline;
}

.highlighted a{
   color: #4986FF;
}

.highlighted a:link{
    color: #4986FF;
}

.highlighted a:visited{
    color: #4986FF;
}

.highlighted a:active{
    color: #4986FF;
}

.merchantRowLabel{
	float:right;
	display:none;
	margin-right:25px;
    font-weight:bold;
    font-size:11px;
}

.lightBoxBrowseNavbar {
	border-top:1px solid #AFAFAF;
	background-color:#F3F2EE;
	display:none;
	font-size:12px;
    font-weight:bold;
}

.alphaNumericPanel{
	margin-right:8px;
	font-size:12px;
	font-weight:bold;
	color:#336699;
}

.alphaNumericPanelSelected {
	margin-right:8px;
	font-size:12px;
	font-weight:bold;
    color:#000000;
}

.alphaNumericPanelSelected a{
	color:#000000;
	text-decoration:none;
}

.alphaNumericPanelSelected a:link{
	color:#000000;
	text-decoration:none;
}

.alphaNumericPanelSelected a:active{
	color:#000000;
	text-decoration:none;
}

.alphaNumericPanelSelected a:visited{
	color:#000000;
	text-decoration:none;
}

.alphaNumeric a {
	text-decoration:none;
}

.alphaNumeric a:hover {
	text-decoration:underline;
}


.alphaNumericPanel a {
	text-decoration:none;
}

.alphaNumericPanel a:hover {
	text-decoration:underline;
}


.eBillSpan{
	margin-left:5px;
}

.searchPayeeFieldPanel {
	width:100%;
	height:50px;
	border:1px solid #AFAFAF;
	background-color:#ECEEEE;
}

.lightBoxField {
	font-size:12px;
	font-weight:bold;
}

.normalField {
	font-size:12px;
	font-weight:bold;
}

.errorField {
	color:#BB0826;
	font-size:12px;
	font-weight:bold;
}

.errorMessage{
    margin-top:5px;
    font-size:12px;
    font-weight:bold;
    color:#BB0826;
}


.searchPayeeNavbar {
	border-top:1px solid #AFAFAF;
	background-color:#F3F2EE;
	display:none;
	font-size:12px;
    font-weight:bold;
}

h2.greenHeaders{
      font-weight:bold;
      color:#739600;
      font-size:100%
}

#termsLightBox {
    margin: 4px;
    border: #CCCCCC 1px solid;
    background: #FFFFFF;
    display: none;
    width: 750px;
}

#termsLightBox .termsHeader {
    margin: 2px;
    padding: 6px 0px 6px 6px;
    background: #AFAFAF;
    font-weight: bold;
    font-size: 16px;
    color: white;
}

#termsLightBox .closeIcon {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

#termsLightBox .tandcContent {
   margin: 12px;
}

#termsLightBox .tandcContentHighlight {
   margin-bottom: 12px;
}

#termsLightBox .tandcContentHighlight ul {
    padding: 0px 0px 0 35px;
    margin: 0;
}

#termsLightBox .tandcContentHighlight li {
    font-size: 75%;
    margin-bottom: 6px;
}

#termsLightBox .buttons {
    padding: 5px 0 5px 0;
    border-width: 1px 0 1px 0;
    border-style: dotted;
    border_color: #333;
    margin: 0 12px 12px 12px;
    text-align: right;
}

#termsAccepted {
    display: none;
}

#termsAccepted .msg {
    font-weight: bold;
    color: #080;
}

#termsDeclined {
    display: none;
}

#termsDeclined .msg {
    font-weight: bold;
    color: #C00;
}

#acctVerifyLightBox {
    display: none;
    margin: 4px;
    border: #CCCCCC 1px solid;
    background: #FFFFFF;
    width: 500px;
}

#acctVerifyLightBox .acctVerifyHeading {
    margin-bottom: 15px;
    font-weight: bold;
}

#accountNumberVerifyHint {
    color: #666;
    font-size: 90%;
    white-space: nowrap;
}

#acctVerifyLightBox .acctVerifyHeader {
    margin: 2px;
    padding: 6px 0px 6px 6px;
    background: #AFAFAF;
    font-weight: bold;
    font-size: 16px;
    color: white;
}

#acctVerifyLightBox .closeIcon {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#acctVerifyLightBox .acctVerifyBody {
    margin: 15px 15px 25px 5px;
}

.flyOutPayee {
    display:none;
    background-color:#FFFFFF;
    border:1px solid #cccccc;
    position:absolute;
    float:left;
    width:350px;
    padding-bottom: 8px;
}

.flyOutPayeeHeader {
    background-color:#F6F7F6;
    border-bottom:1px solid #AFAFAF;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
}

.flyOutPayeeHeaderContent {
    display:none;
    font-weight:bold;
    font-size:11px;
    color:#000000;
}

.flyOutPayeeResult {
    display:none;
    height:200px;
    width:345px;
    overflow:auto;
    padding-left:5px
}

.flyOutPayeeResultFooter {
    border-top:1px solid #AFAFAF;
    padding-top:5px;
    padding-left:5px
}

.flyOutZip {
    display:none;
    background-color:#FFFFFF;
    border:1px solid #cccccc;
    position:absolute;
    float:left;
    width:350px;
    padding-bottom: 8px;
}

.flyOutZipHeader {
    background-color:#F6F7F6;
    border-bottom:1px solid #AFAFAF;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px
}

.flyOutZipResult {
    display:none;
    height:200px;
    width:345px;
    overflow:auto;
    padding-left:5px
}

.flyOutZipResultFooter {
    border-top:1px solid #AFAFAF;
    padding-top:5px;
    padding-left:5px
}

.pnpConfirmationTable {
    margin-top: 12px;
    margin-bottom: 0px;
}

.pnpConfirmationTable th {
    text-align: left;
}

.pnpConfirmationTable td {
    padding-left: 8px;
}

table .nopadding {
  border-collapse: collapse;
  border-spacing: 0px;
}

#lookupPayeeLinks {
  font-size: 75%;
  position: absolute;
  top: 6px;
  right: 0;
  margin-right: 90px;
}

#lookupPayeeLinks div {
  margin-bottom: 2px;
}

.companyAccount {
  margin-top: 11px;
}

.personAccount {
  margin-top: 0px;
}

#partialPayeeTable {
  margin-top: 1px;
  font-size: 75%;
}

#partialPayeeTable th {
  border: solid #A6A799;
  border-width: 1px 1px 0 0;
  white-space: nowrap;
  text-align: left;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 4px;
  vertical-align: top;
}

#partialPayeeTable tbody td {
  padding: 10px 0 10px 10px;
  border: solid #CCC;
  border-width: 1px 1px 0 0;
  white-space: nowrap;
}

#pnpLoadingIndicator {
  display: none;
  background-color: #FFFFFF;
  padding: 8px 20px;
}

.ariaHidden{
  height:0px;
  width:0px;
  overflow:hidden;
}

#paymentsDueAlert {
    font-size: 75%;
    display: none;
    color: #739600;
}

#paymentsDueAlert img {
    padding-right: 3px;
    padding-top: 0px;
}

.overviewHeading {
    display: inline;
    margin-right: 35px;
}

.learnBillPay {
    font-size: 75%;
}

#overviewPayeeFilterSection {
    position: relative;
    padding: 9px 0 9px 0;
	border-bottom:1px solid #666;
}

#overviewPayeeFilterSection h2 {
    font-size: 90%;
    display: inline;
    margin-right: 8px;
}

#overviewPayNewPayee {
    margin-top: 0px;
    position: relative;
	border-bottom:1px solid #666;
}

#overviewPayNewPayee h2 {
	margin:0px;
	font-size:90%;
	margin-bottom:0px;
	padding: 2px 0 3px 0;
}

#overviewPayNewPayee .pnpLink {
	position: absolute;
	top: 0px;
	right: 0;
	font-size:75%;
	margin-right:5px;
}

#overviewPayNewPayee img {
	margin:0 3px 0 15px;
}

#overviewPayeeGroupLinks {
	position: relative;
}

#overviewPayeeGroupLinks .menuRight {
	position: absolute;
	top: 8px;
	right: 0;
	font-size:75%;
	margin-right:5px;
}

div.bpSelect {
    float: left;
}

div.bpSelect a:first-child {
    margin-left: 2px;
}

div.bpSelect input {
	font-size: 110%;
    float: left;
    width: 80px;
    margin: 0 2px 0 0;
}

div.bpSelect .bpDropdown {
    display: none;
    position: absolute;
    border: 1px solid;
	padding: 0;
    margin-top: 2px;
    background: none repeat scroll 0 0 #FFF;
    z-index: 200;
}

div.bpSelect ul {
	margin: 0px;
	padding: 0px;
}

div.bpSelect li {
	display: block;
    padding: 2px 4px 2px 4px;
	margin: 0;
	color: black;
}

div.bpSelect li.highlighted {
    background-color: #ccc;
}

.bpSelect .shadow {
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
}

.bpSelectArrow {
}

.bpSelectArrow a {
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
}

div.bpSelect .ariaText {
    display: none;
}

div.bpSelect img {
	width: 22px;
	height: 22px;
}

div.bpSelectPm {
	margin-top: 4px;
}

div.bpSelectPm input {
    float: left;
    width: 150px;
	height: 11px;
    font-size: 10px;
	padding: 0;
}

div.bpSelectPm img {
	width: 15px;
	height: 15px;
}

/* Buttons */
div.buttonContainerHorizontalBar {
	clear:both;
	margin:10px 0;
	height:45px;
	padding:0;
	vertical-align:middle;
	background-color:#f2f1ec;
	border-top:1px dotted #c0bebe;
	border-bottom:1px dotted #c0bebe;
}

div.buttonContainerHorizontalBar input {
    border:1px solid #E0E3E2;
    color:#FFFFFF;
    float:right;
    font-weight:bold;
}
        
div.buttonContainerHorizontalBar input:disabled { 
    color:#C6C6C6;
}

div.buttonContainerHorizontalBar input.primary { 
	margin:7px 10px 8px 4px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #e0e3e2;
	background:url("images/btn_blueslice.gif") top left repeat-x;
}

.subtitleheaderBar {
    font-size:95%;
    display:block;
    border-bottom:1px solid #666;
    margin-bottom:10px;
    margin-top:-10px;
}

.rightCornerPanel{
    float:right;
    font-weight:bold;
    float:right;
    font-size:12px;
}

.secondaryButton{
    margin-right:4px;
    font-size:12px;
}

/* Overview Table (mca version) */

table.mcaOverviewTable {
	width: 100%;
	font-size: 75%;
	border: 0;
    border-bottom: 1px solid #ccc;
}

table.mcaOverviewTable th {
	border: solid #A6A799;
	border-width: 1px 1px 0 0;
	white-space: nowrap;
	text-align: left;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	vertical-align: top;
}

table.mcaOverviewTable th.firstCol {
	border-left-width: 0px;
}

table.mcaOverviewTable th.mainSort {
	background-color: #FFFFE2;
	white-space: nowrap;
}

table.mcaOverviewTable td {
    vertical-align: top;
    text-align: left;
    padding: 10px;
    border-right: 1px solid #CCC;
    border-left: 0;
}

table.mcaOverviewTable .noRightBorder {
	border-right-width: 0px;
}

table.mcaOverviewTable tr.payeeInfo td {
	border-top: 1px solid #ccc;
}

table.mcaOverviewTable tr.showHideSummary td {
	padding-top:3px;
	padding-bottom:3px;
}

table.mcaOverviewTable tbody.topTable:hover tr.payeeInfo td {
	background-color: #f9fbfd;
	border-right: 1px solid #f9fbfd;
}

table.mcaOverviewTable tbody.topTable:hover tr.showHideSummary td {
    background-color: #e8eef7;
	border-color: #e8eef7;
}

table.mcaOverviewTable tbody.summaryShown tr.payeeInfo td {
	background-color: #f9fbfd;
    border-right: 1px solid #f9fbfd;
}

table.mcaOverviewTable tbody.summaryShown tr.showHideSummary td {
	background-color: #e8eef7;
    border-color: #e8eef7;
}

tbody.bottomTable table.innerMcaOverviewTable {
	margin-top: 10px;
}

tbody.bottomTable td {
	padding: 0;
}

tbody.bottomTable .summaryHeading {
	color:black;
	font-weight:bold;
	font-size:100%;
	padding-right: 8px;
	padding-bottom: 10px;
	vertical-align: top;
}

tbody.bottomTable .summaryDiv, tbody.bottomTable .summaryDivFirst, tbody.bottomTable .summaryDivLast  {
	float:left;
	white-space:nowrap;
}

tbody.bottomTable .summaryHeading {
	color:black;
	font-weight:bold;
	font-size:100%;
	padding-right: 8px;
	padding-bottom: 10px;
	vertical-align: top;
}

tbody.bottomTable .summaryHeading img{
	padding-left: 8px;
}

tbody.bottomTable table.innerMcaOverviewTable td {
	border: solid #ccc;
	border-width: 0 1px 0 0;
	border-top: 1px solid #ccc;
	white-space: nowrap;
	padding: 2px 4px;
}

tbody.bottomTable table.innerMcaOverviewTable th {
	border: solid #ccc;
	border-width: 0 1px 0 0;
	white-space: nowrap;
	padding: 2px 4px;
}

tbody.bottomTable table.innerMcaOverviewTable {
	padding-bottom:8px;
}

tbody.bottomTable table.innerMcaOverviewTable td.endCol {
    border-right: none;
}

tbody.bottomTable table.innerMcaOverviewTable th.endCol {
    border-right: none;
}

.noDisplay { display: none; }

#payeeTableLegend {
    background-color: white;
    border-left: 0;
    border-bottom: 0;
    border-right: 0
}

#payeeTableLegend div.legendItem {
    margin-bottom:5px; padding-bottom:5px
}

.bpLightBox {
    display: none;
    margin: 4px;
    border: #CCCCCC 1px solid;
    background: #FFFFFF;
    width: 500px;
}

.bpLightBox .bpLightBoxHeading {
    margin-bottom: 15px;
    font-weight: bold;
}

.bpLightBox .bpLightBoxHeader {
    margin: 2px;
    padding: 6px 0px 6px 6px;
    background: #AFAFAF;
    font-weight: bold;
    font-size: 16px;
    color: white;
}

.bpLightBox .closeIcon {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.bpLightBox .bpLightBoxBody {
    margin: 15px 15px 25px 5px;
}

#acctChangeLightbox {
	width: 300px;
}

#acctChangeLightbox .bpLightBoxHeader {
	background-color: #719600;
}

#acctChangeLightbox .bpLightBoxBody {
	margin-bottom: 15px;
}

#acctChangeLightbox label {
	display: block;
	margin: 0 0 2px 0;
}

#cccAcctChangeLightbox {
	width: 300px;
}

#cccAcctChangeLightbox .bpLightBoxHeader {
	background-color: #719600;
}

#cccAcctChangeLightbox .bpLightBoxBody {
	margin-bottom: 15px;
}

#cccAcctChangeLightbox label {
	display: block;
	margin: 0 0 2px 0;
}

#simplemodal-overlay {
    background-color:#000;
    padding: 0px;
    margin: 0px;
}

#simplemodal-container {
    background-color:#333;
    padding: 0px;
    margin: 0px;
}

#simplemodal-container .simplemodal-data {
    padding: 0px;
    margin: 0px;
}

/* Standard lightbox styling */

.lightbox {
    display: none;
	background-color: rgb(255, 255, 255);
	-mox-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.lightbox div.contentPane {
	padding: 5px;
}

.lightbox h3 {
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
    background-color: #719600;
    margin: 0 0 20px 0;
}

.lightbox h3 a {
    position: absolute;
	right: 8px;
	top: 8px;
    width: 13px;
    height: 13px;
    background: url( images/icons/close_cross.jpg ) no-repeat scroll left top transparent;
    overflow: hidden;
    text-indent: -999em;
}

.lightbox h4 {
	margin: 10px 0 10px 10px;
}
/*  START Changes For R3.13 Check Image project by Infosys - Subramanya*/
/* Standard lightbox styling */


.lightbox_cic {
    display: none;
	background-color: rgb(255, 255, 255);
	-mox-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.lightbox_cic div.contentPane {
	padding: 5px;
}
/* Defect#ISG03071243 : Splash page Header alignment issue when browser window size resized -Adhi */
.lightbox_cic h3 {
    position: relative;
    position:inherit\9;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
    background-color: #719600;
    margin: 0 0 20px 0; 
    height:20px; 
}
/* Defect#ISG03071243 : Splash page Header alignment issue when browser window size resized -Adhi */
.lightbox_cic h3 a {
    float:right;
	right: 8px;
	top: 8px;
    width: 13px;
    height: 13px;
    background: url( images/icons/close_cross.jpg ) no-repeat scroll left top transparent;
    overflow: hidden;
    text-indent: -999em;
}
/* Defect#ISG03071243 : Splash page Header alignment issue when browser window size resized -Adhi */
.lightbox_cic h3 span{
	float :left;
	font-weight: bold;
}

.lightbox_cic h4 {
	padding-left: 10px;
	padding-right: 10px;
}

.lightbox_cic label {
	font-family: Arial;
	font-size: 13px;
	color: black;
}
/*  END Changes For R3.13 Check Image project by Infosys - Subramanya*/

div.buttonBarPageModern {
    clear: both;
    margin: 10px 0 0 0;
    height: 35px;
    vertical-align: top;
    background-color: #f2f1ec;
    border-top: 1px dotted #c0bebe;
    border-bottom: 1px dotted #c0bebe;
}

div.buttonBarPageModern input {
    float: right;
    color: #fff;
    font-size: 75%;
    font-weight: bold;
    border: 1px solid #e0e3e2;
}

div.buttonBarPageModern input.primary {
    margin: 7px 10px 8px 4px;
    padding: 2px 4px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #e0e3e2;
	background: url( images/icons/btn_blueslice.gif ) top center repeat-x;
}

/* Tooltip Styles */

.bpttContent {
    display: none;
    width: 304px;
    position: absolute;
    z-index: 40;
}

.bpttContent h4 {
    margin: 0 0 10px 0;
    padding:0;
    font-size:96%
}

.bpttTop {
    padding:8px 10px 5px 5px;
    position:relative;
    font-size:80%;
    background:url("images/backgrounds/tip_default_top.gif") top left no-repeat }

.bpttBottom {
    position:relative;
    width:304px;
    height:53px;
    background:url("images/backgrounds/tip_bottom.gif") top left no-repeat }

.bpttTopRight .bpttBottom {
    background:url("images/backgrounds/tip_above_right_bottom.gif") top left no-repeat }

.bpttBottomRight .bpttTop {
    padding-top:50px;
    background:url("images/backgrounds/tip_below_right_top.gif") top left no-repeat }

.bpttBottomLeft .bpttTop {
    padding-top:50px;
    background:url("images/backgrounds/tip_below_left_top.gif") top left no-repeat }

.bpttBottomLeft .bpttBottom,.bpttBottomRight .bpttBottom {
    background:url("images/backgrounds/tip_below_bottom.gif") top left no-repeat }

a.bpttLink:link, a.bpttLink:visited, a.bpttLink:active {
    text-decoration: none;
    border-bottom: 1px dashed #369;
}

.bpttLinkWrapper {
    float: left;
    margin: 4px 0 0 24px;
    padding-bottom: 1px;
}

a.bpttClose img {
    position: relative;
    float: right;
    z-index: 50
}

.bpToolTipSrc {
	display: none;
}
#errorNotice {
	BORDER-BOTTOM: #d4002f 2px solid; BORDER-LEFT: #d4002f 2px solid; PADDING-BOTTOM: 0.5em; MARGIN-TOP: 1em; PADDING-LEFT: 32px; PADDING-RIGHT: 1em; MARGIN-BOTTOM: 2em; BACKGROUND: url(https://www.wellsfargo.com/img/icons/icn_error_16x16.gif) #fffad9 no-repeat 12px 12px; COLOR: #d4002f; width:60%; BORDER-TOP: #d4002f 2px solid; BORDER-RIGHT: #d4002f 2px solid; PADDING-TOP: 10px
}	
.c11text {
	MARGIN-BOTTOM: 12px; FONT-SIZE: 75%
}
#lastSignonDisplay {
	FONT-SIZE: 90%
}