﻿html body {
	margin: 0;
	padding: 0;
	height: auto;
	text-align:center;
}

table, li, div, td, p {
	font-size: 11px;
}
table {
	margin: 0;
	padding: 0;
}
ol li {
	margin-bottom: 10px;
	margin-right: 20px;
}
form {margin: 0; padding: 0;}
li {
	margin-right: 15px;
}
.hrpad {
	padding: 2px  0;
}
#holder {
	width: 996px;
	height: auto;
	margin: -2px auto 0px auto;
	/*font-size: 75%;*/ /* moved to body tag styling*/
	border: 1px solid;
	text-align:left;
	font-size: 11px;
	padding-bottom: 0px;

}

#portal_header {
	padding: 0;
	clear: both;
	text-align: right;
	
}

#app_global_nav1 {
	padding: 5px;
	font-weight: bold;
	text-align: right;

}

#app_global_nav1 span {
	text-align: right;
}

#portal_nav {
	display: none;
	width: 150px;
	float: left;
}

#portal_footer {
	padding: 3px 3px 0 3px;
	vertical-align: middle;
	height: 25px;
	text-align: left;
	float: left;
	width: 72%;
}

#portal_footer span {
	padding:5px;
}

#portal_footer p {
	margin-top: 0px;
}

#portal_footer a {
	font-weight: bold;
}

#portal_footer_full {
	padding: 5px;
	vertical-align: bottom;
	height: 30px;
	text-align: left;
	float: left;
	width: 100%;
}

#app_global_nav2 {
	padding: 3px 10px 0 5px;
	vertical-align: middle;
	margin-right: 5px;
	height: 25px;
	font-weight: bold;
	text-align: right;
	float: right;
	width: 26%;
}

#app_global_nav2 span {
	text-align: right;
}

#container {
	margin: 0;
	padding-top: 5px;
	border: 1px solid;
	height: auto;
	clear: both;	width: 100%;
	text-align:left;
}

#content {
	margin: 5px 5px 5px -2px;
	padding: 0px 0px 5px 0px;
	border: 1px solid;
	text-align:left;
	min-height: 300px;
	height: expression(this.scrollHeight < 300 ? "300px" : "auto"); 
}

#topwrapper {
	top: 1px;
	position: relative;
	z-index: 0;
	padding-right: 1px;
	margin: 0;
}

#app_header {
	margin-top: 29px;
	margin-bottom: 0px;
	text-align: center;
	clear: both;
}

#app_footer {
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
	float: left;
	clear: both;
}

#PrimaryContent {
	width: 490px !important;
	margin-bottom:10px;
	padding: 0px;
}

#SecondaryContent {
	padding: 3px 0;
	margin-left: 3px;
	border: 1px solid;
}

#SC_width {
	width: 287px;
	margin: 6px 0 0 3px;
	padding: 0;
}

#introcontent {
  width: 100%;	
	clear: both;
	padding: 0 3px 5px;
}

#app_footer2 {
	width: 100%;
	padding-top: 70px;
	text-align: right;
	padding: 3px;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
}

/*Enrollment*/

#container2 {
	margin: 5px;
	border: 1px solid;
}

#content2 {
	padding: 3px;
	border: 1px solid;
	margin: 5px;
	width: 600px;
}

#content3 {
	padding: 3px;
	margin: 65px 65px 65px 250px;
	width: 770px;
}

/* ADA */


.ada_hidden {
	font-size:0px;
	left:-10000px;
	position:absolute;
}

#ada_skipnav_header {
	margin: 0px;
	padding: 0px;
	font-size: 0em;
}

#ada_skipnav_header a {
	text-decoration: none;
}

#ada_skipnav_body {
	margin: 0px;
	padding: 0px;
	font-size: 0em;
	display: none;
}

#ada_skipnav_body a {
	text-decoration: none;
}

/* Nav */

#app_nav1 {
	margin: 0 0px 0 12px;
	display: block;
}

div#app_nav1 {
	float:left;
	width:176px;
	font-size:1em;
	height:100%;
	margin-left:12px; 
}

#app_nav1 ul {
	margin:0px;
	padding:0;
	font-size:1em;
	white-space:nowrap;
}

#app_nav1 ul li {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}

#app_nav1 ul a {
	display:block;
	text-decoration:none;
	font-weight:normal;
	white-space:nowrap;
	padding:12px 0px 13px 16px;
}

/* Hack to get IE5-Mac to ignore the following rules \*/

#app_nav1 ul a {
	height:1em;
	line-height:1em;
}

/* End IE5-Mac hack */

#app_nav1 ul .first a {
}

#app_nav1 ul span {

}

/* Intro Content */

.greeting {
	font-size: 16px;
	font-weight: bold;
	margin: 8px;
}

.greeting_date {
	margin: 0 7px 4px 7px;
	display: none;
	margin: 0 10px;
}

.greeting a {
	font-size: 11px;
	font-weight: normal;
	display: block;
}

.billers {
	float: right;
	width: 320px;
}

.bgGrey2 {
	border-top: 1px solid;
}

.sort_arrow {
	background-image:   url(images/Sortarrow.gif);
	background-position: 0px;
	padding-left: 9px;
	display: block;
	width: 99%;
	background-repeat: no-repeat;
	clear: both;
}

.sort_arrow_up {
	background-image:   url(images/Sortarrow_up.gif);
	background-position: 0px;
	padding-left: 9px;
	display: block;
	width: 99%;
	background-repeat: no-repeat;
	clear: both;
}

.sort_arrowup_primary {
	background-image:   url(images/arrowupprimary.gif);
	background-position: 6px;
	padding-left: 9px;
	display: block;
	width: 99.9%;
	background-repeat: no-repeat;
	text-decoration: none;
}

.sort_arrowup_secondary {
	background-image:   url(images/arrowupsecondary.gif);
	background-position: 2px;
	padding-left: 9px;
	display: block;
	width: 99.9%;
	background-repeat: no-repeat;
	text-decoration: none;
}

.module .sort_arrowup_secondary {
padding-left: 20px;
}

.sort_arrowdown_primary {
	background-image:   url(images/arrowdownprimary.gif);
	background-position: 6px;
	padding-left: 9px;
	display: block;
	width: 99.9%;
	background-repeat: no-repeat;
	text-decoration: none;
}

.sort_arrowdown_secondary {
	background-image:   url(images/arrowdownsecondary.gif);
	background-position: 3px;
	padding-left: 9px;
	display: block;
	width: 99.9%;
	background-repeat: no-repeat;
	text-decoration: none;
}
span.sort_new {
       font-size:11px;
}

.smallText
{
	font-size:8pt;
	letter-spacing:1px;
}
.labelSmallText
{   font-weight:normal;
	font-size:8pt;
	letter-spacing:1px;
}
.header1 {
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	font-weight: bold;
	padding: 2px 3px;
	margin-right: 0px;
	text-align: left;
}

.header1 a:link, .header1 a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	margin-left: 6px !important;
}

.header1 a:hover {
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.header1BillHistory {
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	font-weight: bold;
	padding: 0px 0px;
	margin-right: 0px;
    text-align: center;
}

.header1R {
	border-top: 1px solid;
	border-bottom: 1px solid;
	font-weight: bold;
	padding: 2px 3px;
	margin-right: 5px;
}

.header1R a:link, .header1R a:visited {
	text-decoration: none;
	display: block;
}

.header1R a:hover {
	text-decoration: none;
	display: block;
}

.groupHeader1 {
	border-top: 1px solid;
	border-left: 1px solid;
	font-weight: bold;
	padding: 2px 3px;
	margin-right: 5px;
	text-align: center;
}

.groupHeader1R {
	border-top: 1px solid;
	font-weight: bold;
	padding: 2px 3px;
	margin-right: 5px;
	text-align: center;
}

/* Horizontal Header Row */

.header2 {
	border: none;
	font-weight:bold;
	text-align: right;
	padding-right: 3px;
}

.WhtTblData {
	padding: 8px 3px 10px 4px;
	vertical-align: top;
}
.WhtTblDataCenter {
	padding: 8px 2px 10px 3px;
	vertical-align: top;
	text-align: center;
	white-space:nowrap;
}
.WhtTblData_rt {
	padding: 8px 5px 10px 3px;
	vertical-align: top;
	text-align: right;
	white-space:nowrap;
}

.WhtTblData_lft {
	padding: 2px 3px 2px 5px;
	vertical-align: top;
	text-align: left;
	white-space:nowrap;
}

.WhtTblData_ctr {
	padding: 8px 2px 10px 3px;
	vertical-align: top;
	text-align: center;
	white-space:nowrap;
}
.WhtTblData_acct {
	padding: 2px 2px;
	vertical-align: top;
	text-align: center;
	white-space:nowrap;
}
/* Added for TT-72284 WhtTblData_brdr and UnaprvdPmt_ChkNo*/
.WhtTblData_brdr
{
    border-bottom: 1px solid #a4b0c0;
}
.UnaprvdPmt_ChkNo
{
text-align:center;
}

.WDT_Date {
	padding: 6px 2px 3px 2px;
	text-align: center;
	vertical-align: top;
	white-space:nowrap;
}

.WDT_money {
	vertical-align: -3px;
}

/* Button */

a.button1:link, a.button1:visited {
     background-image:  url(images/ButtonNavOffBG.gif);
     background-repeat: repeat-x;
     background-color: #fff;
     background-position: bottom;
     color:#314560;
     font-weight: bold;
     margin: 0;
     border-bottom:1px solid #283143;
     border-right:1px solid #283143;
     border-left:1px solid #B0BFD3;
     border-top:1px solid #B0BFD3;
     text-decoration: none; 
		 padding:2px 4px 1px 4px;
}

a.button1:hover {
     background-image:   url(images/ButtonNavOnBg.gif);
     background-repeat: repeat-x;
     background-color: #90a0b7;
     background-position: bottom;
     color: #fff;
     border-bottom:1px solid #B0BFD3;
     border-right:1px solid #B0BFD3;
     border-left:1px solid #283143;
     border-top:1px solid #283143;
}

.button {
	display: inline;
}

/* Misc Rules */

div.row {
	clear: both;
	padding-top: 8px;
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}

div.row2 {
	clear: both;
	width: 100%;
	margin: 0;	
	
}

div.row3 {
	clear: both;
	width: 100%;
	text-align:right;
	margin: 0 5px;
}

div.row4 {
	clear: both;
	margin-left: 170px;
	width: 100%;
}
	
}

div.rowcenter {
	clear: both;
	text-align: center;
	width: 100%;
	margin: 0;
}

div.row5 {
	clear: both;
	width: 100%;
}

div.row5 li {
	margin-left: 25px;
}

div.row22 {
	clear: both;
	margin: 0 5px;
}

/* used for buttonrow matches */

div.rowerror {
	clear: both;
	padding-top: 8px;
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}

span.labelnew1 {
	float: left;
	text-align: right;
	width: 40%;
	font-weight: bold;
	margin-right: 3px;
}

span.labelerror {
	float: left;
	text-align: left;
	width: 35%;
	font-weight: normal;
	margin-right: 2px;
	margin-left: 15px;
}

span.pwresetlabel {
	float: left;
	text-align: right;
	width: 45%;
	font-weight: bold;
	margin-right: 3px;
}

span.pwresetlabel_unbold {
	float: left;
	text-align: right;
	width: 45%;
	margin-right: 3px;
}

span.pwresetlabelerror {
	float: left;
	text-align: right;
	width: 45%;
	font-weight: bold;
	margin-right: 3px;
}

.label20 {
	float: left;
	text-align: right;
	width: 20%;
	font-weight: bold;
	margin-right: 3px;
}

span.formw {
	text-align: left;
	width: 55%;
	padding-left: 3px;
}

span.formw input, span.formw select {
	padding-top: 0;
}

span.EBill_formw {
	text-align: left;
	width: 70%;
}

span.EBill_formw input, span.formw select {
	padding-top: 0;
}

.formw_enroll {
	text-align: left;
	width: 450px;
}

.formUT {
	width: 260px;
	float: left;
}

.send_pmts_until {
	display:block;
	margin:5px 0;
	width: 250px;
}

}

.send_pmts_until_err {
	display:block;
	margin:5px 0;
	width: 250px;
}

div.row span.formw1 {
	text-align: left;
	width: 80%;
	padding-left: 3px;
}

div.row span.formw_ebill {
	text-align: left;
	
}

div.row span.formw_wide {
	text-align: left;
	width: 100%;
	padding-left: 3px;
}
.ma .formw_wide
{
	padding-left:80px;
}
div.row span.formwnew {
	text-align: left;
	width: 57%;
}

.confirmSpacer {
	border-left: 1px solid;
	border-right: 1px solid;
}

p.spacer {
	clear: both;
	margin: -1em 0 0 0;
	padding: 0;
}

div.spacer {
	clear: both;
	padding: 0;
}

div.spacerNH {
	clear: both;
	margin: -5px;
	padding: 0;
}

div.NSspacer {
	display: none;
}

div.spacerBot {
	clear: both;
	margin: 0;
	padding: 0;
}

div.spacerNone {
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
}

span.label {
	float: left;
	text-align: left;
	width: 35%;
	font-weight: normal;
	margin-right: 2px;
}

.label_leftalign {
	font-weight: bold;
	margin-right: 2px;
}

.label_leftalignerror {
	font-weight: bold;
	margin-right: 2px;
}

span.text {
	text-align: left;
	width: 55%;
}

.radio {
	float: left;
	height: 10px;
	padding-bottom: 3px;
}

.radioEbill {
	float: left;
	padding-bottom: 10px;
}

.radioText {
	padding: 2px;
}



.radiotextMP {
	padding: 0 2px;
}

.radiotextMiddle {
	padding: 0 2px;
	vertical-align: -4px;
}

.rowgrey {
	display: block;
	clear:both;
	padding: 4px 8px 3px 0;
	margin: 1px -5px 1px 0;
	width: 290px;
}

.option_nogrey {
	display: block;
	clear:both;
	padding: 2px 8px 0 0;
	margin: 1px -5px 1px 0;
	width: 100%;
}

.npa_rowgrey {
	display: block;
	padding: 5px 8px 5px 0;
	margin: 0 -5px 3px 0;
	width: 280px;
}

h1 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 20px 15px 5px 15px;
	padding-left: 15px;
	display: block;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	display: block;
	margin: 10px 0 5px 10px;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	display: block;
}

#popup {
	font-size: 11px;
	height:100%
}

#popup h3 {
	margin: 10px;
}

#popup .instructions {
	text-align: left;
}

#printable {
	font-size: .75em;
	margin: 15px;
}

#printable h1,#printable h2 {
	padding-left: 0;
	margin-left: 0;
}

#printable ol li {
	margin-bottom: 0;
}

.normal {
	margin: 0;
	padding: 3px 10px;
	display: block;
}

input, select {
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-family: Verdana, sans-serif;
}

img {
	border: none;
	margin: 0px;
	padding: 0;
}

img.ebillFlashImg {
	width:278px;
	height:90px;
}

img.ebillFlashImg2 {
	width:290px;
	height:50px;
}

hr {
	height: 1px;
	border-style: none;
	margin: 0;
}

caption {
	display: none;
}

.bgGrey {
	clear: both;
	margin: 0;
	padding: 5px 0 5px 0;
}
.bgGrey form {margin: 0; padding: 0;}
.bgGrey p.aright {
	margin: 6px;
	text-align: right;
}

.bgGrey th {
	font-weight: bold;
	text-align: right;
}

.label_ref {
	font-weight: bold;
}

.button_ref {
	font-weight: bold;
}

.inline {
	display: inline;
}

.nopad {
	padding: 0;
}

.nomarpad {
	padding: 0;
	margin: 0 5px 0 0;
}

.margin5bottom {
	margin-bottom: 5px;
}

.margin5left {
	margin-left: 5px;
}

.bolded {
	margin: 5px 0;
	padding: 3px 5px;
	text-align: center;
	display: block;
	font-weight: bold;
}

.bolded_right {
	margin: 5px 0;
	padding: 3px 5px;
	text-align: right;
	display: block;
	font-weight: bold;
}

.bolded1_right {
	
	padding: 3px 5px;
	text-align: right;
	display: block;
}
.center_smallmod_link {
	margin: 5px 0;
	padding: 3px 5px;
	text-align: center;
	display: block;
}

.ada {
	font-size: 1px;
	margin-left: -2500;
	padding: 0;
	display: none;
}

.formlabel {
	text-align: right;
	padding: 3px;
	font-weight: bold;
	vertical-align: top;
}

.formlabel a {
	text-align: right;
	font-weight: normal;
	font-size: .9em;
}

.formlabel_hist {
	text-align: left;
	font-weight: regular;
	vertical-align: top;
}

.instructions {
	padding: 15px;
	margin: 0;
	text-align:left;

}

.instructions {
	margin: 15px;
}

.instructions_ctr{
  padding: 15px;
  margin: 0;
  text-align:center;
}

.instructions_mmb_updt_biller {
	padding-top: 15px;
    padding-right: 15px;
    padding-left: 265px;
    margin: 0;
	text-align:left;

}

.instructionsMiniModules {
	margin: 15px;
	text-align: left;
}

.unav_messages {
	margin: 15px 35px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
}

.module {
 width: 100%;
	margin:3px;
	
}
.mini-module    
{       
	width:100%;
	padding:2 0;
}
.modHeader {
	background-image: url(images/bigModtopBG.gif);
	background-repeat: repeat-x;
	height: 22px;
	margin-top: 12px;
}
.modHeaderNew {
	background-image: url(images/bigModtopBG.gif);
	background-repeat: repeat-x;
	height: 22px;
	width: 100%;
	}

.modHeaderAuthNew {
	background-image: url(images/bigModtopBG.gif);
	background-repeat: repeat-x;
	height: 22px;

	}
.modHeaderNewInvoice {
	width: 600;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
}

.modHeaderUnapprovedWidth {
	background-image: url(images/bigModtopBG.gif);
	background-repeat: repeat-x;
	height: 22px;
	width: 100%;
	margin-left: 3px;
	margin-right: 3px;
	background-color: #42597b;
	color: #fff;clear: both;
}

.modHeaderLessWidth {
	background-image: url(images/bigModtopBG.gif);
	background-repeat: repeat-x;
	height: 22px;
	width: 700px;
	margin-left: 3px;
	margin-right: 3px;
}

.modHeaderLessUnapprovedWidth {
	background-image: url(images/bigModtopBG.gif);
	background-repeat: repeat-x;
	height: 22px;
	width: 100%;
	margin-left: 3px;
	margin-right: 3px;
}

.modHeader a.linkheader {
	vertical-align: middle;
}

.linkheader:link, .linkheader:visited {
	font-weight: bold;
	margin: 0 10px 0 0;
}

.modFooter {
	background-image:   url(images/middle_bottom_footer.gif);
	background-repeat: repeat-x;
	height: 11px;
	width: 100%;
	margin-bottom: 0px;
	padding: 0;
}

.modFooterUnapprovedWidth {
	background-image:   url(images/middle_bottom_footer.gif);
	background-repeat: repeat-x;
	height: 11px;
	width: 100%;
	margin-bottom: 0px;
	padding: 0;
	margin-left: 3px;
	margin-right: 3px;
}

.modFooterLessWidth {
	background-image:   url(images/middle_bottom_footer.gif);
	background-repeat: repeat-x;
	height: 11px;
	width: 700px;
	margin-bottom: 0px;
	padding: 0;
	margin-left: 3px;
	margin-right: 3px;
}

.modFooterLessUnapprovedWidth {
	background-image:   url(images/middle_bottom_footer.gif);
	background-repeat: repeat-x;
	height: 11px;
	width: 100%;
	margin-bottom: 0px;
	padding: 0;
	margin-left: 3px;
	margin-right: 3px;
}


.modFooterNew {
	background-image:   url(images/middle_bottom_footer.gif);
	background-repeat: repeat-x;
	height: 11px;
	width: 100%;
	margin-bottom: 0px;
	padding: 0;
}

.modFooterAuthNew {
	background-image:   url(images/middle_bottom_footer.gif);
	background-repeat: repeat-x;
	height: 11px;
	
	margin-bottom: 0px;
	padding: 0;
}


.modHeader_small {
	margin:0;
	height: 30px;
        clear: both;
	background-image:   url(images/smallModtopBG.gif);
	background-repeat: repeat-x
}

.modHeader_unapproved {
	margin:0;
	height: 30px;
	background-image:   url(images/smallModtopBG.gif);
	background-repeat: repeat-x
}
.modHeader_small_PendingPayments {
	margin:0;
	height: 30px;
	background-image:   url(images/smallModtopBG.gif);
	background-repeat: repeat-x
}

.ebillFlashMod {
	float:right;
	margin: -45px 5px 3px 0;
}

.whtDiv {
	border-left: 1px solid;
	border-right: 1px solid;
}

.whtDiv table {
	width:100%;
}

.header_title {
	float: left;
	font-weight: bold;
	margin-top: 3px;
}

div.modHeader span.header_title {
	font-size: 14px;
}

div.modHeaderUnapprovedWidth span.header_title {
	font-size: 12px;
}

div.modHeader_small span.header_title {
	font-size: 12px;
	padding-top: 10px;
}

div.modHeader_unapproved span.header_title {
	font-size: 12px;
	padding-top: 10px;
}

div.modHeader_small_PendingPayments span.header_title {
	font-size: 12px;
	padding-top: 10px;

}
.help_icon {
	float: right;
	margin-top: 3px;
}

.footer_title {
	background-image: url(images/bigModbottomBG.gif);
	background-repeat: repeat-x;
	margin: 0;
	height: 10px
}

.smallerTxt {
	font-weight: normal;
	margin: 0;
	font-size: 11px;
	display: block;
}
.smallerTxtNew {
	font-weight: normal;
	margin: 0;
	font-size: 1em;
	display: block;
}

.smallerTxtCat {
	font-weight: normal;
	margin: 0;
	font-size: .5em;
	display: block;
}
.asterisk {
	font-weight: normal;
	font-size: 11px;
}

.rightfloat {
	float: right;
}

/*Do not use for buttons use one div with buttonright class */

.rightfloat2 {
	float: right;
	margin-right: 5px;
}

.leftfloat {
	float: left;
}

.wide_100 {
	width: 100%;
}

.fbwide_100 {
	width: 100%;
}

.modBody {
	width: 100%;
	border-left: 1px solid;
	border-right: 1px solid;	
}
.modBody_Payment {
	BORDER-RIGHT: 1px solid; 
	BORDER-LEFT: 1px solid; 
	margin:0;
	width: 100%;

}

.modBodycancelpmt {
	width: 100%;
}

.modBodyNew {
	width: 100%;
	border-left: 1px solid;
	border-right: 1px solid;
}

.modBodyAuthNewUser {
	border-left: 1px solid;
	border-right: 1px solid;
	background-color: white;
}

.modBodyNewInvoice {
	width: 700;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.modBodyNewAuthUser {
	width: 400;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background-color: white;
}

.modBodyLessWidth {
	width: 100%;
	border-left: 1px solid;
	border-right: 1px solid;
	background-color: white;	
}
.modBodyLessWidth1 {
	width: 99%;
	border-left: 1px solid;
	border-right: 1px solid;
	background-color: white;	
	margin-left: 3px;
	margin-right: 3px;
}

.modBodyLessWidth2 {
	WIDTH: 100%;
	border-left: 1px solid;
	border-right: 1px solid;
	background-color: white;	
	margin-left: 3px;
	margin-right: 3px;
}

.moduleLesswidth {	
	margin-left: 3px;
	margin-right: 3px;
}

.modBodyAuthNew {
	
	width: 100%
}

.modBody table {
	width: auto;  /*earlier it was width:100. Inderjeet changed  to auto*/
	margin: 0;
	padding: 0;
}

.radio_question {
	width: 60%;
	float: left;
	margin: 10px 4px 4px 15px;
}

.asp_radio_question {
	width: 58%;
	float: left;
	margin: 10px 4px 4px 15px;
}

.radio_right {
	width: 30%;
	float: left;
	margin: 10px 4px 4px 0;
}


.normalTxt {
	font-size: 12px;
	
	color: black;
}

/* Page Specific Classes... those above are common for all
pages; those below are specific for given pages;
you should not modify the ones above unless you intend for
your change to apply everywhere; you should not modify the
ones below unless it is your page or in your general
area of operation; the naming convention for those below is
to use the "rq" value as a prefix in the name, or maybe
the referencing htmlt name, i.e., anything to divide the
namespace in some logical fashion ??? TBD ???
----------------------------------------------*/

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

.lof_partwrap {
	width: 540px;
	float:right;
	clear: right;
}

.lof_partwrap1 {
	width: 35%;
	float:left;
}

.lof_upsel {
	float: left;
	width: 130px;
	clear: none;
	display: inline;
	margin: 10px;
}

.lof_form {
	float: left;
	width: 240px;
	display: inline;
	margin: 10px;
	clear: none;
}

.lof_helplinks {
	display: inline;
	width: 185px;
	margin: 10px;
}

.lof_helplinks a {
	display: block;
	margin-top: 5px;
}

.lof_helplinks1 {
	display: inline;
	width: 185px;
	margin-left: 10px;
   
}

.lof_helplinks1 a {
	display: block;
	margin-top: 5px;
}

.lof_helplinks2 {
	display: inline;
	width: 122px;
	margin-left: 10px;
}

.lof_helplinks2 a {
	display: block;
	margin-top: 5px;
}

.lof_label {
	width: 85px;
	float: left;
	text-align: right;
	font-weight: bold;
	margin-right: 3px;
}

.lof_labelerror {
	width: 85px;
	float: left;
	text-align: right;
	font-weight: bold;
	margin-right: 3px;
}

.lof_esplinks {
	clear: both;
	padding:5px;
	text-align: left;
	margin-left: 5px;
}

.lof_footer {
	clear: both;
	width: 100%;
	margin-top: 5px;
}

.lof_footer span.left {
	display: inline;
	float:left;
	text-align:left;
	width:48.5%;
}

.lof_footer span.right {
	vertical-align: bottom;
	display: inline;
	float:left;
	text-align:right;
	width:48.5%;
	margin-left:3px;
}

.center {
	text-align: center;
}

.x35 {
	text-align: right;
	width: 35%;
	font-weight: bold;
	margin-right: 3px;
	float: left;
}

div.row span.col50percent {
	text-align: center;
	width: 50%;
}

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

.home_paymentInfo_module {
	margin: 0px 5px 0px 5px;
	width: 400px;
}

.home_recentPayments_module {
	margin: 5px 5px 0px 5px;
	position: relative;
	top: 0px;
	width: 250px;
}

.home_suggestedBillers_module {
	position: relative;
	top: 0px;
	margin: 0px 5px 0px 5px;
	width: 250px;
}

.home_modBody {
	border-left: 1px solid;
	border-right: 1px solid;
	width: 100%;
}

.home_billers_modBody {
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
}

.home_account_background {
	width: 100%;
}

.textFieldAlign
{
	text-align:right;padding-right:1px;
}


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

.mmb_colOne {
	width: 280px;
	float: left;
	margin: 0 -4px 0 3px;
}

.mmb_colTwo {
	width: 440px;
	margin: 0;
}

.mmb_billerList_dropdown {
	margin: 0px 15px 0px 15px;
}

.mmb_intro_instructions 
{
	width:100%;
	clear:both;
   	margin:0px;
	padding:5px;
	width:auto;
}

.selectedOption
{
	margin:3px 2px 3px 2px;
}


.mmb_billerOption_selected {
	margin-left: 5px;
	padding-bottom:3px;
	display: block;
	clear: both;
}

.mmb_billerOption_unselected {
	margin-left: 5px;
	display: block;
	clear: both;
}

.mmb_billerOptions_col {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 49%;
}

.mmb_billerOptions {
	padding: 0px 5px;
}

.mmb_optionSelection {
	padding: 0px 5px;
}

.mmb_optionSelection .row {
	border-bottom: 1px solid #EEEEEE;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 102%;
}

.mmb_setup_auto_autopay_form
{
	display:block;
	margin:0 0 0 0;
	padding:10px;
}

.mmb_autopay_shift {
	margin: 10px 0px 10px 60px;
}

.mmb_ebill_autopay_shift {
	margin: 10px 0px 10px 25px;
	width: 95%;
}

.mmb_row_shift {
	margin: 0px 0px 10px 125px;
}

.mmb_eve_opt_inout_shift {
	margin-left: 15px;
}

.mmb_reminder_email_checkboxes {
	margin: 10px 0px 0px 25px;
}

.mmb_buttons {
	width: 100%;
	margin-left: 150px;
}

span.reminder_instructions {
	margin-top:-20px;
}

.reminder_instructions li {
	margin: 0 0 0 15px;
	padding: 0 ;
}

.reminder_instructions ul {
	margin: 0;
	padding: 0 0 0 10px;
}

span.reminder_label {
	float: left;
	text-align: left;
	width: 50%;
	font-weight: normal;
	margin-right: 2px;
}

span.reminder_labelerror {
	float: left;
	text-align: left;
	width: 35%;
	font-weight: normal;
	margin-right: 3px;
}
div.mmb span.reminder_label {
	float: left;
	text-align: right;
	width: 35%;
	font-weight: bold;
	margin-right: 2px;
}

div.mmb span.reminder_labelerror {
	float: left;
	text-align: right;
	width: 35%;
	font-weight: bold;
	margin-right: 3px;
}

span.reminder_demo_link {
	float:right;
}

span.reminder_formw input, span.reminder_formw select {
	padding-top: 0;
}

div.row span.button {
	float: left;
	font-weight: bold;
	margin: 5px;
}

/* --------------------------------------------------------
   enroll = enroll page; enroll_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.enroll_buttons {
	position: absolute;
	padding-left: 135px;
	width: 100%;
}

.enroll_finish_button {
	position: absolute;
	padding-left: 150px;
	width: 100%;
}

.enroll_verification_button {
	position: absolute;
	padding-left: 550px;
	width: 100%;
}

.enroll_print_button {
	position: absolute;
	padding-left: 0px;
	width: 100%;
}

.enroll_indent {
	position: absolute;
	padding-left: 25px;
	width: 100%;
}

.enroll_plan_options {
	margin: 0;
	text-align: left;
	width: 400px;
}

.ENradio {
	padding: 3px;
}

.ENradioSpan {
	display: block;
}

.enroll_pfm_plan_options {
	margin-left: -25px;
}

.EnPfmRadio {
	padding: 3px;
}

.EnPfmRadioSpan {
	display: block;
}

.rowPFMopt {
	clear: both;
	padding-top: 5px;
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}

.radioPFMopt {
	padding-left: 20px;
}

/* --------------------------------------------------------
   aab = add a bill page; aab_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.aab_buttons {
	width: 100%;
	margin-left: 150px;
}

/* --------------------------------------------------------
   mp = my profile page; mp_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.MPgreystretch {
	height: 147px ;
}

.mp_buttons {
	width: 100%;
	margin-left: 150px;
}

div.row span.mp_p2pEmail_60 {
	text-align: center;
	width: 60%;
}

div.row span.mp_p2pEmail_40 {
	text-align: left;
	width: 38%;
}

/* My Profile */

.MPcontent1 {
	width: 280px;
	float: left;
	margin: 0 -4px 0 3px;
}

.MPcontent2 {
	width: 440px;
	margin: 0;
}

.npa_MPcontent2 {
	width: 430px;
	margin: 0;
}

.MPcontent2 p {
	margin: 10px 5px 10px 10px;
}

.MPgrey {
	display: block;
	padding: 3px;
}

.MPgrey span {
	display: block;
	margin-left: 25px;
}

.MPradio {
	padding: 3px;
	display: block;
}

.MPradio span {
	display: block;
	margin-left: 25px;
}

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

.rmact_content1 {
	width: 48%;
	float: left;
	margin: 3px;
}

.rmact_content2 {
	width: 49%;
	float: left;
	margin: 3px;
	padding: 3px;
	border: 1px solid;
}

.rmact_search_modBody {
	border-left: 1px solid;
	border-right: 1px solid;
}

.rmact_search_modBody div.row span.label {
	float: left;
	text-align: right;
	width: 25%;
	font-weight: bold;
	margin-right: 3px;
}

.rmact_search_modBody div.row span.formw {
	text-align: left;
	width: 75%;
}

.sndPmtsButton {
	float:right;
}

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

.fb_search_results {
	width: 100%;
	clear: both;
	text-align: left;
	margin: 5px 5px 5px 5px;
}

.fb_merch_name {
	float: left;
	text-align: left;
	width: 48%;
	margin: 3px;
}

.fb_category_name {
	float: left;
	text-align: left;
	width: 19%;
	margin: 3px;
}

.fb_letters {
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding:4px;
	font-weight: bold;
}

/* --------------------------------------------------------
   ph = payment history page; ph_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.ph_buttons {
	width: 100%;
}

.ph_current_criteria {
	float: left;
	margin-left: 5px;
	text-align: left;
	width: 35%;
	vertical-align:top;
}

.ph_search_form {
	float: right;
	width: 57%;
	margin: 3px;
}

.ph_search_form p {
	margin: 0 3px 3px 0;
}

.ph_search_form_col {
	float: right;
	text-align: right;
	width: 82%;
	margin: 0 3px;
	padding-top:3px;
}

.qi_module {
	height:215px;
	width: 350px;
	margin: 0;
	padding: 0;
}

.qi_module h2 {
	margin: 20px 10px;
}

.export_module {
  height:215px;
  width: 550px;
  margin: 0;
  padding: 0;
}

/* --------------------------------------------------------
   ma = my accounts page; ma_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.ma_buttons {
	width: 100%;
}

.ma_saveState {
	visibility: hidden;
	display: none;
}

.ma_updateState {
	visibility: visible;
	display: block;
}

.ma_acctNameCol {
	width: 8em;
}

.ma_action1Col {
	width: 6.5em;
}

.ma_xfer_content1 {
	width: 54%;
	float: left;
	margin: 4px -4px 0 3px;
}

.ma_xfer_content2 {
	width: 44%;
	margin: 0;
	float: right;
}

.ma_xfer_shift {
	margin: 10px 0px 10px 25px;
}

.ma_table_row {
	clear: both;
	padding-top: 8px;
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}

/* --------------------------------------------------------
   cp = confirm payments page; cp_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.cp_eBill_payment_text {
	font-size: .75em;
	text-align: center;
	padding: 0;
}

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

.asp_buttons {
	width: 100%;
}

.asp_shift {
	margin: 10px 0px 10px 25px;
}

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

.webv_page {
	margin: 5px 5px 5px 5px;
	border: 2px solid;
	width: 80%;
}

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

.splash_buttons {
	width: 100%;
}

.splash_left {
	width: 45%;
	float: left;
}

.splash_right {
	width: 45%;
	margin-right:35px;
	text-align: left;
	vertical-align: middle;
	float: right;
}

/* --------------------------------------------------------
   new splash classes
-----------------------------------------------------------*/

.splash_main {
	width: auto;
	border: 1px solid;
	margin: 0 5px;
}

.splash_header {
	text-align:center;
	padding: 10px 0;
}

.splash_header img {
	margin: 0 auto;
}

.splash_body {
	padding: 1px;
    height: 275px;
    width: 100%;
}

.splash_body h2 {
	font-size: 110%;
	margin-left: 0;
}

.splash_leftcol {
    width:100%;
	border: 1px solid;
	padding: 10px;
	height: 245px;
}

/*height attribute needs to be adjusted if more info is added*/

.splash_rightcol {
    width:100%;
	border: 1px solid;
	padding: 10px;
	height: 205px;
}

.splash_footer {
	text-align:center;
	clear: both;
	width: 100%;
	margin: 10px 0;
}

.splash_footer img {
	margin: 0 auto;
}

/* --------------------------------------------------------
   pv = view payment detail page; pv_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.pv_buttons {
	width: 100%;
}

/* --------------------------------------------------------
   pi = payment inquiry page; pi_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.pi_buttons {
	width: 100%;
}

.pi_shift {
	margin: 10px 0px 10px 25px;
}

.pi_current_criteria {
	margin: 2em 3px 2em 3px;
}

/* --------------------------------------------------------
   ca = confirm account page; ca_body.htmlt is the name of
   the primary template which references these classes;
-----------------------------------------------------------*/

.ca_buttons {
	width: 100%;
}

/*Manage My Bills*/

.Manage_top1 {
	margin: 5px;
	width: 48%;
	float: left;
}

.Manage_top1 span {
	display: block;
	margin: 0;
}

.Manage_top2 {
	margin: 5px;
	width: 48%;
	margin-bottom: 20px;
}

.Manage_top2 span {
	display: block;
	margin: 0;
}

.Manage1 {
	width: 38%;
	float: left;
	margin: 4px -4px 0 3px;
}

.Manage2 {
	width: 58%;
	margin: 0;
}

.Manage2 div.row span.label {
	float: left;
	text-align: right;
	width: 46%;
	font-weight: bold;
	margin-right: 3px;
}

.Manage2 div.row span.formw {
	text-align: left;
	width: 46%;
}

/* Bill History - BEGIN */

.bhwide_100 {
	width: 100.4%;
}

.bhrightfloat {
	float: right;
	margin-right: 15px;
}


/* Bill Detail - BEGIN */

.bdwide_100 {
	width: 100%;
}


/* File A Bill/Update Filed Details - BEGIN */

.fab_bgGrey {
	width: 100%;
	border-bottom: 1px solid;
	padding-top: 8px;
}

span.fblabel {
	float: left;
	font-weight: bold;
	margin-right: 2px;
	text-align: right;
	width: 38%;
}

span.fblabel_nobold {
	float: left;
	margin-right: 2px;
	text-align: right;
	width: 38%;
}

span.fblabelerror {
	float: left;
	font-weight: bold;
	margin-right: 2px;
	text-align: right;
	width: 38%;
}

span.fblabelerror_nobold {
	float: left;
	margin-right: 2px;
	text-align: right;
	width: 38%;
}

/*Add a Bill*/

.ABcontent1 {
	width: 57%;
	float: left;
	margin: 3px;
}

.ABcontent2 {
	width: 33%;
	float: right;
	margin: 35px 3px 3px 3px;
	border: 1px solid;
}

.ABcontent2 h3 {
	font-size: 100%;
	display: block;
	margin: 5px;
}

div.ABcontent1 div.row span.formw {
	text-align: left;
	width: 95%;
}

div.ABcontent1 div.row span.formw_city {
	text-align: left;
	width: 55%;
}

.WhtTblData_nowrap {
	/*NEW ADDITION */
	padding: 3px 5px;
	white-space: nowrap;
}

.instructions2 {
	/*NEW ADDITION */
	margin: 5px 15px;
}

div.enroll_module div.row span.label_address {
	text-align: left;
	vertical-align: top;
	width: 15%;
	font-weight: bold;
	margin-right: 0px;
}

div.enroll_module div.row span.formw_state {
	text-align: left;
	width: 15%;
}

div.enroll_module div.row span.formw_zip {
	text-align: left;
	width: 25%;
}

.h1Red {
	font-size: 1.25em;
	font-weight: bold;
	margin: 20px 15px 5px 15px;
	padding-left: 15px;
	display: block;
}

.radioAEB {
	float: left;
	height: 0px;
}

.Features img {
	padding: 1px;
}

.Features {
	padding: 2px;
	text-align: center;
	vertical-align:top;
	white-space: nowrap; 
}
.Features_qpRow {
    padding: 2px;
	width: 62px;
	text-align: center;
	vertical-align:top;
}
.Features_qpddRow {
    padding: 2px;
	width: 62px;
	text-align: center;
	vertical-align:top;
}
.add_payee_posack_text
{
   float:left;
   width:45%;
   padding-bottom:10px;
}

/* Phase 2 additions for the new pages */

.help_icon {
	float: right;
	margin-right: 3px;
}

.expand_collapse {
	float: right;
}
.modHeader_unapproved .expand_collapse {
	height: 30px;
}
span.expand_collapse img {
	margin:3px 1px 0 0;
}

.rightcol50 {
	width: 46%;
	float: left;
	padding: 5px;
}

.rightcol50 span {
	display: block;
}

.rightcol50_2 {
	width: 56%;
	float: right;
	padding: 5px;
	padding-right: 30px;
}

.rightcol50_2 span {
	display: block;
}

.rightcol_grey {
	width: 56%;
	margin: 0;
	padding-top: 30px;
}

.rightcol_grey img.margin5left {
	margin: 5px;
}

.rightcol_grey p.instuctions {
	margin: 15px 5px 10px 15px;
}

.rightcol_grey p.text {
	margin: 15px 5px 0 20px;
}

.rightcol_grey div.row2 span.label {
	float: left;
	text-align: right;
	width: 45%;
	font-weight: bold;
	margin-right: 3px;
}

.rightcol_grey div.row2 span.formw {
	text-align: left;
	width: 55%;
}

.leftcol50 {
	width: 46%;
	float: left;
	padding: 5px;
	margin-left: 3px;
}

.leftcol50 span {
	display: block;
}

/*.leftcol_fixedwidth 
{
	width:100%;
	float: left;
	margin: 0 -4px 0 0px;
	padding-left: 5px;
}
*/
.bold {
	font-weight: bold;
}

.radiolist {
	display: block;
	margin: 0 0 2px 5px;
}

.radiolist_grey {
	display: block;
	padding: 5px;
	margin: 0 -5px 0 0;
	width: 290px;
}

.table_grey {
	width: 75%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.left {
	width: 43%;
	float:left;
	margin-left: 10px;
}

.center {
	width: 35%;
	float:left;
	margin-left: 5px;
}

.right {
	width: 50%;
	float:left;
}

.right span, .left span {
	float: left;
	padding-bottom:4px;
}

.right div.row2, .left div.row2 {
	clear: both;
	margin: 0 0 -7px 0;
}

.right p {
	margin-bottom: 0;
}

span.sublabel {
	font-weight: normal;
	display: block;
	vertical-align: top;
	text-align: right;
	font-size: .95em;
}

.right_align {
	text-align: right;
}

.left_align {
	text-align: left;
}

.center_align {
	text-align: center;
}

.block {
	display: block;
}

.small_logo {
	margin: 2px;
	border: 1px solid;
}

span.label4_nobold {
	float: left;
	text-align: right;
	width: 38%;
	margin-right: 2px;
}

.horiz_header {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding:2px 3px;
}

span.sugg_billers {
	width: 180px;
	margin: 3px 5px;
}

.same_next {
	margin: 0 3px;
}

span.label4 {
	float: left;
	text-align: left;
	width: 31%;
	font-weight: regular;
	padding-left: 15px;
}

span.label4error {
	float: left;
	text-align: left;
	width: 38%;
	font-weight: normal;
	padding-left: 15px;
}

span.label_short {
	float: left;
	padding-bottom: 8px;
	font-weight: normal;
	text-align: left;
	width: 15%;
	padding-left: 15px;
}

span.label_shorterror {
	float: left;
	text-align: right;
	width: 15%;
	font-weight: bold;
	padding-right: 2px;
	padding-bottom: 8px;
}
span.label_shortpx {
	float: left;
	padding-bottom: 8px;
	font-weight: bold;
	text-align: right;
	width: 70px;
	padding-right: 2px;
}
span.label25 {
	float: left;
	padding-left: 20px;
	text-align: left;
	width: 25%;
	font-weight: bold;
	padding-right: 2px;
}

div.buttonrow {
	clear:both;
	vertical-align: middle;
	margin: 5px;
	padding: 3px 0;
}

div.buttonrow2 {
	clear:both;
	vertical-align: middle;
	margin: 5px ;
	padding: 3px 0;
}

div.buttonrow span.middle {
	vertical-align: -30%;
}

.buttonright {
	text-align: right;
	margin:8px 5px 5px 5px;
	padding:4px;
	clear: both;
}

.buttoncenter {
	text-align: center;
	margin:8px 5px 5px 5px;
	padding:4px;
	clear: both;
}


.buttonright p {
	display: inline;
	float: left;
	margin: 0 0 0 15px;
}

div.buttonrow input, div.buttonrow img {
	margin: 0;
	padding:0;
}

div#customAdd.modBody .buttonright {
    margin-right: 32px;
}

.fieldLabel
{
   text-align:right;
   font-weight:bold;
   margin:10px;
}
#introcontent span.ad {
	margin:5px 5px 0 0;
	float: right;
}

.demo_style {
	float: right;
}

.PB_upsell_240 {
	margin:5px 22px;
}

span.label_hist {
	float: left;
	text-align: right;
	width: 120px;
	font-weight: bold;
	margin: 0 2px 0 0;
	padding: 0;
}

.title4 {
	padding-left:0;
	list-style-type:none;
	margin:0px;
	line-height:140%;
}

.cat_list {
	margin-left:0;
	list-style-position:outside;
	padding-left:0;
}

ul.error_ul {
	list-style-image: url(images/error2.gif);
	margin-left: 25px;
	list-style-type: none;
}
p.alert_message {
	background: url(images/error2.gif) no-repeat 25px 20px;
	margin: 0;
	padding: 25px 15px 15px 65px;}

.print_lone {
	
	font-size: 100%;
	margin: 5px;
}

/*Phase 3 additions */

span.middle {
	vertical-align: -30%;

}

.QA_leftcol {
	width: 230px;
	float: left;
	margin-right: 20px;
}

.QA_leftcol p {
	margin-left: 10px;
}

.QA_leftcol ul {
	list-style-type: none;
	margin-left: 25px;
}

.QA_list_instructions {
	margin: 15px 15px 0 15px;
}

.QA_rightcol {
	width: 460px;
	float: left;
}

.QA_rightcol p {
	margin-left: 10px;
}

.QA_leftcol h2 {
	margin-bottom: 8px;
}

.QA_rightcol h2 {
	margin-bottom: 8px;
}

.QA_rightcol_lt {
	width: 31%;
	float: left;
}

.QA_rightcol_ctr {
	width: 31%;
	float: left;
}

.QA_rightcol_rt {
	width: 34%;
	float: left;
	margin-left: 10px
}

.QA_rightcol ul {
	list-style-type: none;
	margin-left: 25px;
}

.QA_rightcol_rt ul {
	margin-top: 33px;
}

.QA_formw {
	text-align: left;
	width: 60%;
}

.QA_formw_txtfld {
	text-align: left;
	width: 60%;
	padding-left:8px;
}

.row_topbigmargin {
	clear: both;
	padding-top: 18px;
	margin: 5px;
	width: 100%;
}

ul.QA_conf {
	list-style-type: none;
	margin-left: 15px;
}

li.QA_conf {
	padding: 3px 0;
	margin: 0;
}

.QA_billerblurb {
	width: 175px;
	float: left;
}

.QA_mainrow {
	clear: both;
	padding-top: 8px;
	margin-left: 120px;
}

/*used for QA state 3*/

.QA_mainrow2 {
	clear: both;
	padding-top: 8px;
	margin-left: 185px;
}

/*used for QA state 1+2*/

.QA_list {
	margin-top: 5px;
}

.QA_posack_ebill {
	width: 300px;
	margin: 20px 0 0 35px;
	vertical-align: top;
}

.fp_fee {
	text-align: right;
	display:block;
}

.fp_fee_holder {
	width: 350px;
}

.fp_row {
	clear: both;
	display:block;
	padding: 15px 5px;
	margin: -1px;
}

.amount_fp 
{
	display:block;
}

.ninetyfive {
	width: 95%;
}

.instructions3 {
	width: 95%;
	margin: 15px 0 15px 15px;
}

.instructions4 {
	margin: 8px 15px;
}

.margin15LR {
	margin: 0 15px;
}

/*.valign_nonforms {
	vertical-align: -4px;
}*/

/*used for areas beside labels that only contain text*/

.mar_right15px {
	margin-right: 15px;
}
.radioForms
{
	text-align:center;
}

.pageTitle {
	font-weight:bold;
	font-size:15px;
	color:#ff0000;
	margin:3px;
	padding:3px 3px 3px 6px;
}

.instructionalText {
	margin:8px 0px 5px 2px;
	text-align: left;
}

.buttonAdjLeftText {
	text-align:right;
	margin:8px 2px 5px 0px;
}

#instructionsButtonRight { 
	width:auto;
	text-align: center;
}

a.note:link, a.note:visited {
	text-decoration:underline;
	display:block;
}

a.note:hover, a.note:active {
	text-decoration:underline;
	display:block;
}
.mmb_setup_autopay_form .label
{
   width:160px;
}

.mmb_setup_autopay_form {
	width: 655px;
	margin-left: 0px;
	padding-left: 10px;
}

.smart_biller_setup_leftpart
{
	font-weight:bold;
	margin-left:15px;
	width:20%;
	float:left;
	text-align:right;
}
.smart_biller_setup_middlepart
{
	width:44%;
	float:left;
}
.smart_biller_setup_rightpart
{
	width:30%;
	float:left;
}
.indicate-text2
{
        color: #999999;
        background-color :transparent;
 }
.text2
{
	background-color: transparent;
	color: #333333;
}
.label_center_align
{
	text-align: center;
}

/* Newly added by RDG */
.red {color: red;}
.adm_intro_question {
	font-weight: bold;
	padding: 10px 5px;
	margin:0;
}
.header-links {padding: 5px;}
.selectedOption .adm_inside_selection {padding: 3px 3px 8px 3px;}
.selectedOption table.auth_users {
	border-left: 1px solid #273848;
	border-right: 1px solid #273848;
	border-bottom: 1px solid #273848;
	background-color: #ffffff;
	margin: 0 5px;
	width: 98.5%;  /* 96 to 98.5 */
}
.information_table th {
	text-align: right;
	padding: 3px;
	width: 35%;
	vertical-align: top;}
.information_table td {
	padding: 3px;
	vertical-align: top;}
h2.section_title {
	font-size: 1.25em;
	font-weight: bold;
	padding: 20px 15px 15px 15px;
	margin: 0;
}
h3.section_title  {
	font-size: 1em;
	font-weight: bold;
	padding: 5px 15px;
	margin: 0;
}

h1.section_title  {
    font-size: 1.25em;
	font-weight: bold;
	margin: 20px 15px 5px 15px;
	padding-left: 26px;
	display: block;
}

ul.enroll-agreement_items {margin: 5px 25px;padding: 5px 25px;}
.billing_option {
	padding: 5px 25px;}
label.error-label {color: #ff3300;background: url(images/requiredarrow.gif) no-repeat left top;padding-left: 15px;}
.invoicelink {padding: 5px 5px 3px 5px;text-align: right;}
.chng_pmt {padding: 15px 0;}
.add_invoice {padding: 10px 0; border-top: 1px solid #a4b0c0;border-bottom: 1px solid #a4b0c0;background-color: #e0e0e0;}
.add_invoice th {text-align: left; padding: 4px;}
.add_invoice td{ padding: 4px;}
.add_invoice td.invoicelabels {text-align: right; font-weight: normal;}
#quickAddPage {clear: both; display: block;padding-left: 10px;}
.instructions span.authority-link {padding-left: 30px;}
.WhtTblData_invoice {padding: 0 0 15px 18px; vertical-align: top;text-align: left;}

.mrd_message {float: left;width: 75%;margin-left: 3px;}
.biller_truncation {
	overflow: hidden;
	width: 190px;
}
.biller_truncation_wider {
	overflow: hidden;
	width: 225px;
}

.biller_truncation_wider_new {
	overflow: hidden;
	width: auto;
}
.notefix {margin-left:17%;}
.label_static_align {vertical-align:baseline;line-height: 1.7em;}


span.labelAccterror {
	float: left;
	text-align: right;
	width: 65%;
	font-weight: bold;
	margin-right: 2px;
}

span.labelAcct {
	float: left;
	text-align: right;
	width: 65%;
	font-weight: bold;
	margin-right: 3px;
}

span.labelAcctnew {
	float:left;
    font-weight:bold;
    margin-left:120px;
    margin-right:3px;
    text-align:left;
    width:65%;
}


div.paginationRowStyle {
	clear: both;
	margin: 0;

}

.pwdresetStyle{
    float:right;
    background-color: #e2e2e2;
    font-size: 12.5px;
    width: 18%; 
    margin-right: 105px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 105px;
}

.myAcctRowgrey {
	display: block;
	clear:both;
	padding: 4px 2px;
	margin: 0;
}

.pwrst_padd_top {
    padding-top:20px;
}

.pwrst_step0{
    float:left;padding-left: 35px; width:60%;margin-bottom: 70px;
}

.pwrst_signin{
    color:#666666;font-weight:bold;
}

.pwrst_signin_1{
    padding-top:30px;padding-left:80px;
}

.pwrst_signin_2{
    margin-top: 5px;padding-left:80px;
}

.invoiceStyle {
    float:left;padding-left:50px;
}
.updateBillerinstructions {
	padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
	text-align:left;

}
/* FP2: payee grouping  */
div.pyGreyColor {
	text-align: left;
	background-color: #f2f2f2;
}

.pyGrpgreyspacer {
	height: 10px;
	padding: 0;
    background-color: #f2f2f2;
}

.divider{
    border-bottom: 1px solid #a4b0c0;
}

.pyGrpheader1 {
    border-top: 1px solid;
    border-bottom: 1px solid;
	font-weight: bold;
	padding: 2px 3px;
	margin-right: 5px;
    
}

.pyGrpNameCol {
	width: 8em;
}

.pyGrpupdateState {
	visibility: visible;
	display: block;
        
}

.pynamestyle {
    
}
.pyGrpsaveState {
	visibility: hidden;
	display: none;
}

.pyGrplinks {
    border-top: 1px solid;
    border-bottom: 1px solid;
	padding: 2px 3px;
    font-size: 0.95em;
	margin-right: 5px;
}

.pyGrpWhtTblData {
    margin-left: 4px;
	vertical-align: top;
}

.pyGrpsmallerTxt {
	font-weight: normal;
	margin-left: 4px;
	font-size: .8em;
	display: block;
	vertical-align: top;
}

.pyGrupAddMngGrupStyle{
    font-size: 1.1em;
	font-weight: 600;
	margin: 0 7px 0 7px;
}
.pyGrupAddMngGrupStyle a{
    font-size: .9em;
    font-weight: 400;
}

.addManageGroupBorder{
    padding-bottom:6px;
    padding-top:6px;
}

.pgEmptyTextStyle{
  width:60%;
  text-align:center;

}

.ppsFont11{
    
    font-size: 11px;
}

.ppsAlignCenter{
    text-align: center;
}

a.button1-disabled:link, a.button1-disabled:visited, a.button1-disabled:hover {
	background: buttonface;
  background-repeat: repeat-x;
  background-color: #fff;
  background-position: bottom;
  color: graytext;
  font-weight: bold;
  margin: 0;
  border-bottom:1px solid #283143;
  border-right:1px solid #283143;
  border-left:1px solid #B0BFD3;
  border-top:1px solid #B0BFD3;
  text-decoration: none;
	padding:2px 4px 1px 4px;
}
/* FP2: PPS */
.modbody {
	width: 100%;
	border-left: 1px solid;
	border-right: 1px solid;
}

a:link.disabled {
    color:#000000
} /* unvisited link */

.payeeGroupDropDownPadding {
	padding: 2px 3px 2px 2px;
	vertical-align: top;
}
.payeeGroupButtonright {
	text-align: right;
	margin:0 5px;
	padding:10px 95px 8px 4px;
	clear: both;
}
.pyGrpheader1Width{
    width:54%;
}
.pyGrpSpacerWidth{
    width:10%;
}
.payeeGrupReturnSpacer{
    width:56%;
}
.payeeGroupingAlignLeft{
      text-align:left;
}
.radioMP {
	padding: 0px 0px 0px 3px;
	vertical-align: top;
	float: left;
	margin-top: -4px;
	height: 10px;
}
.exportBody {
	margin: 0;
	padding: 0;
	height: auto;
	text-align:center;
}
.expandCollapse{
    width:16px;
    height:16px;
}
.specificToDate {
	width: 300px;
	padding-left: 5px;
}
.reminder_demo_link {
	float:right;
	padding-right: 15px;
}
.view_Demo_Link {
    padding: 36px 290px 14px 15px;
}
.billerhelptxt {
     float: left;
    padding-left: 10px;
}
.billerinstrtxt{        
    padding-right: 190px;
}
.addABillImg {
    vertical-align: top;
    padding-left: 20px;
    width:300px;
    height: 138px;
}
.borderTop{
   border-top:1px solid #A4B0C0; 
}
.groupBorderStyle{
    border-top: 1px solid #A4B0C0;
    height:22px;
}
 
/*--------------- Start SB4.0 FP2 Single Payment related CSS  ---------------*/
 .spConfMsg {
     padding:11px 0 0 12px
 }
.spButtonright {
    text-align: right;
	margin:0 5px;
	padding:10px 4px 8px;
	clear: both;
    padding-right:20px
}
.spButtonright1 {
    text-align: right;
	margin:0 16px;
	padding:10px 4px 8px;
	clear: both;
    padding-right:20px
}
.spButtonright2 {
    text-align: right;
	margin:0 8px;
	padding:10px 4px 8px;
	clear: both;
    padding-right:20px
}
.spButtonright3 {
    text-align: right;
	margin:0 8px;
	padding:10px 4px 8px;
	clear: both;
    padding-right:20px
}
.spAddInvoicesLink {
    width:30%;
    text-align:right;
}
.spPreviwConfMsg {
    width:94%;
    padding:11px 0 0 12px
}
.spInvLst {
    width:95%;
    padding:10px;
    text-align:center;
}
.spLndPgBody {
    background-color:#fff;
    width:100%
}
.spReviewPageTable{
    padding: 10px;
    width: 100%;
}
.spChangeInvoiceDiv{
    width:94%;
    padding-left:10px;
}
.spChangeInvoiceTable{
    border:3px solid #B3B3D7;
}
.spChangeInvoiceRowHeader{
   border: 1px solid #B3B3D7;
   background-color:#B3B3D7;
   text-align:left; 
}
.spChangeInvoiceLabel{
   border-bottom: 1px solid #B3B3D7;
   border-right:1px solid #B3B3D7;
   background-color: #D8D8D8;
   text-align:right;
   height:30px;
   width:23%;
}
.spChangeInvoiceRowData{
   border-bottom: 1px solid #B3B3D7;
}
.spInvoiceListDiv{
    width:100%;
    padding-left:10px;
    padding-top: 10px;
}
.spTableWidth{
    width:auto;
}
.spPayFromDiv{
    background-color:#cfcfcf;
    border-bottom:1px solid gray;
    width:758px;
    padding:5px 0 10px 2px;
}
.spInvoiceAddLink {
    width:30%;
    text-align:right;
}
.spPaddingRt{
    padding-right:0px;     
}
.spMakePymt{
    width: 52%;
}
.spEbillUpsell{
    margin-left:7px;
}
.spFinishButton{
    float: right;
    padding-top: 7px;;
}
.spPymtAcctDropDown{
    padding-bottom:8px;
    font-weight:bold;
    width:8%;
}
.spPymtAcctTextBox{
    text-align:right;
    font-weight:bold;
}

/*--------------- End SB4.0 FP2 Single Payment related CSS  ---------------*/

/*--- Timeout layer styles ---*/

/* All browsers */
div.session_timeout {
  position: absolute;
  z-index: 10000;
  width: auto;
  display: block;
  background: #fff;
  border: 1px solid #000;
  padding: 0 0 0 10px;
  margin: 0px;
  text-align: left;
  font-size:9pt;
}

/* W3C child selector technique, not IE, IE7 only with a DTD, and we do not have a DTD in the DOCTYPE, so not any IE */
html>body div.session_timeout {
  position: fixed;
}
/*--- End Timeout layer styles ---*/
div.session_timeout_width{
   width:745px;
}
 .biller_truncation_wider_wrap {
    width: auto;
    word-wrap: break-word;
 }

/*--------------- Start SB4.0 FP3 Delete account related CSS  ---------------*/
.myprof_deleteaccount {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    height: 180px;
    margin-left: 5px;
    width: 97.7%;
}
.deleteAccountHeaderDiv{
   border:1px solid black;
   width:97.7%;
   height:30px;
   margin-left:5px;
}
.deleteAccountHeaderText{
   padding-left:5px;
   font-weight:bold;
   padding-top:5px;
}
.deletespan1 {
    float: left;
    padding: 10px;
    width: 55%;
}

.deletespan2 {
    float: left;
    padding: 10px;
    width: 36%;
}

 .accountdeletebottom{
    padding:10px;
    padding-top:2px;
    padding-right:30px;
    padding-left:160px;
    float:right;
    }

.accountdeleteerrdiv{
  padding:5px;
  padding-bottom:10px;
  font-weight:bold
}

.accountdelete2 {
    padding-bottom: 20px;
    padding-top: 0;
}
.accountdelete1 {
    padding: 5px 5px 5px 0;
}
.accountDeleteEntitleTitle{
    padding:5px;
    padding-left:0px;
    padding-top:0px;
    }
.accountDeleteEntitleSpan {
    background-color: #FFFFFF;
    border: 1px solid;
    height: 85px;
    margin-bottom: 10px;
    overflow: auto;
    padding-left: 8px;
    padding-top: 5px;
    width: 262px;
}
.deleteAccountMainDiv{
    border:1px solid #999999;
    padding:10px;
    padding-bottom:20px;
    width:80%;
    text-align:left;
}
.deleteAccountFloatleft{
    float:left;
}
.deleteAccountPaddingLeft40{
    padding-left:40px;
}
 .deleteAccountSpanbottom{
     padding:10px;
     padding-top:70px;
     text-align: right;
 }



/*--------------- End SB4.0 FP3 Delete account related CSS  ---------------*/

/*--------------- Start SB4.0 FP3 Approve account,Approve account review related CSS  ---------------*/
 .approveaccount1{
    padding:5px;
    padding-left:0px;
    }
   .approveaccount1error{
    padding:5px;
    padding-left:0px;
    }
 .approveaccount2{
    padding-bottom:7px;
    padding-top:0px;
    }

 .boldfont{
    font-weight:bold;
    }
.boldfonterror{
    font-weight:bold;
    }

 .approvespan1{
    width:28%;
    padding:5px;
    float:left;
    }

 .approvespan2{
    width:24%;
    padding:5px;
    float:left;
    padding-top:9px;
    }

 .deleteaccountspan2{
    width:100%;
    padding:5px;
    float:left;
    padding-top:9px;
    }


 .approvespanbottom{
    padding:10px;
    padding-top:80px;
    float:right;
    }
 .approvepermspan1{
    width:20%;
    padding:5px;
    float:left;
    }

 .approvepermspan2{
    width:33%;
    padding:5px;
    float:left;
    }

.approvePermMessageDiv{
     border:1px solid;
     padding:10px;
     width: 80%;
     padding-bottom:20px;
}

 .approveperm1{
    padding:5px;
    padding-left:0px;
    }

 .approveperm2{
    padding-bottom:7px;
    padding-top:0px;
    }

 .approvePermBottomEntitle{
     padding:10px;
     padding-right:18px;
     float:right;
     padding-top:20px;
  }

.entitlePermSpan {
    background-color: #FFFFFF;
    border: 1px solid;
    height: 80px;
    margin-bottom: 10px;
    overflow: auto;
    padding-left: 2px;
    padding-top: 2px;
    width: 265px;
}

 .approvepermspan3{
    width:38%;
    padding:5px;
    float:right;
    }

 .approveperm1{
    padding:5px;
    padding-left:0px;
    }

.approvePermMessageDiv1{
    padding-left:45px;
    padding-top:5px;
    text-align:left;
    margin:0px;
    font-weight:bold;
}

.approvePermMessageSecondaryDiv{
   padding-left:45px;
   padding-top:5px;
   text-align:left;
}

.approvePermMessageTeriaryDiv{
   padding-left:45px;
   padding-top:5px;
   text-align:left;
}

 .myprof_approvePermission{
    border-bottom:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    width:98.6%;
    margin-left:5px;
    height:180px;
    }

.myprof_approvePermissionWithMessage{
    border-bottom:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    width:98.6%;
    margin-left:5px;
    height:390px;
}

.approvePermissionErrorDiv{
    padding-left:45px;
    padding-top:5px;
    text-align:left;
    margin:0px;
    font-weight:bold;
}

 .reviewdiv1{
    width:98%;
    margin-left:15px;
    margin-top:15px; 
    }

 .reviewdiv2{
    padding-bottom:7px;
    padding-left:5px;
    font-size:1.3em; 
    }

 .reviewdiv3{
    width: 100%;
    height: 220px;
    }

 .reviewspan{
    width:30%;
    padding:5px;
    float:left;
    }

 .reviewspan1{
    padding:5px;
    padding-left:0px;
    }

 .reviewspan2{
    padding:5px;
    padding-left:0px;
    padding-bottom:30px;
    padding-top:5px;
    }

 .reviewspan3{
    vertical-align:top;
    width:24%;
    padding:5px;
    float:left;
    }

 .reviewspanbottom{
    padding-left:80px;
    padding-bottom:10px;
    float:left;
    padding-top:60px;
    }

 .previewdiv1{
    font-size: 113%;
    padding-left:39px;
    font-weight:bold;
    }

.approvespanbottomWithoutEntitle{
    padding:10px;
    padding-top:180px;
    float:right;
    }

.entitleTitle{
    padding:5px;
    padding-left:0px;
    padding-top:0px;
    }
/*--------------- End SB4.0 FP3 Approve account,Approve account review related CSS  ---------------*/

/*--------------- Start SB4.0 FP3 Approve User,Approve User review related CSS  ---------------*/
.approveuserspan1{
    padding:5px;
    float:left;
    width: 23%;
    }

.approveuserspanbottom{
    padding:10px;
    float:right;
    padding-top:292px;
    }

  .reviewuserspan3{
    padding:5px;
    padding-left:0px;
    padding-bottom:7px;
    padding-top:0px;
    }

.reviewuserspan2{
    float: left;
    padding: 5px;
    width: 20%;
}

.reviewuserspanbottom{
    float: right;


    vertical-align: bottom;

    padding-top:340px;
    padding-right:18px;
    padding-bottom: 10px;
    padding-left: 5px;
   }

.reviewuserspan{
    width:25%;
    padding:5px;
    float:left;
    }

.hideuserapppage{
   display: none;
}


.showuserapppage{
    display: block; 
}

.approvemsglink{
    border:1px solid black;
    width:97.7%;
    height:30px;
    margin-left:5px;
}
.paddingLeft10{
    padding-left:48px;
}
.paddingright10{
    padding-right:15px;
}
.approveLinkMainDiv{
    border:1px solid;
    padding:10px; 
    padding-bottom:20px;
    width:90%;
    text-align:left;
}
.floatleft{
    float:left;
}
.paddingLeft40{
    padding-left:40px;
}
.approveSuccessMainDiv{
     border:1px solid;
     padding:10px;
     width: 80%;
     padding-bottom:20px;
}
.approveSuccessCommonDiv{
    padding-left:45px;
    padding-top:5px;
    text-align:left;
    margin:0px;
    font-weight:bold;
}
.approveSuccessSecondaryDiv{
   padding-left:45px;
   padding-top:5px;
   text-align:left; 
}
.approveHeaderDiv{
   border:1px solid;
   width:98.6%;
   height:30px;
   margin-left:5px;
}
.approveHeaderText{
   padding-left:5px;
   font-weight:bold;
   padding-top:5px; 
}
.approveLinkMainDivPaymentCenter{
    border:1px solid;
    padding:5px;
    padding-top:10px;
    width:35%;
}
.approveLinkMainDivMyAccounts{
    border:1px solid;
    padding:10px;
    padding-bottom:20px;
    width:80%;
    text-align:left;
}
.paddingRight5{
    padding-right:5px;
}
.width100{
    width:100%;
}
 .myprof_approveUser{
    border-bottom:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    width:98.6%;
    margin-left:5px;
    height:340px;
    }

.textForEditsave {
	 font-size: 0.8em !important;
	 padding-left:10px;
}

.textHeaderAlign1
{
   	text-align: left !important;
}

.textHeaderAlign2
{
   	text-align: center !important;
    width: 225px !important;
}

.userTextHeaderAlign1
{
   	text-align: left !important;
    width: 220px !important;
}

.userTextHeaderAlign2
{
    width: 190px !important;
}

.colTextAlign
{
   text-align: center !important;
}
.freezeScreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1400;
    display: none;
    background-color:transparent;
    filter:alpha(opacity=1);

}
.popdisplay
{
   display: none;
   position: absolute;
   width: 490px;
   height: 260px;
   top: 108px;     /* Changed from 90px to 108px  */
   margin-left: 145px;         
   border: 1px solid;
   padding: 0px;
   z-index: 9004;
   font-size: 10pt;
}
.popuptitle
{
   border-bottom: solid 1px;
   padding: 4px;
   font-weight:bold;
}
.popupImg{
    float:left;
    padding-left:8px;
    padding-top:8px;
}
.deletepopuptext {
   height: 184px;
    padding-left: 60px;
    padding-top: 10px;
}
.userEntitlementBox{
    border:1px solid black;
    padding-top:10px;
    padding-left:10px;
    height:80px;
    width:250px;
    overflow-x:hidden;
    overflow-y:scroll;
    margin-left:20px;
}

.reviewdiv3WithConfAcctNum{
    width: 100%;
    height: 400px;
    }
  .unapprovedReviewdiv{
     width: 100%;
    height: 260px;
  }
.unApprovespanbottom{
   padding:10px;
   padding-top:230px;
   float:right;
   }
 .unApprovespanbottomWithConfRtn{
   padding:10px;
   padding-top:300px;
   float:right;
   }
 .unApprovespanbottomWithConfAcctNum{
   padding:10px;
   padding-top:370px;
   float:right;
   }
 .unApprovedReviewDivWithConfRtn{
   width: 100%;
   height: 330px;
   }
.entitleSpan {

    border: 1px solid;
    height: 68px;
    margin-bottom: 10px;
    overflow: auto;
    padding-left: 8px;
    padding-top: 5px;
    width: 270px;
}
.badAccountMainDiv{
    padding-left:45px;
    padding-top:5px;
    text-align:left;
    margin:0px;
    font-weight:bold;
}
/*--------------- End SB4.0 FP3 Approve user,Approve user review related CSS  ---------------*/
.paddingtop27px{
   padding-top:27px;
}
.selectusertext{
    padding-left:22px;
    padding-bottom:19px;
}
.paddingleft247px{
    padding-left: 247px;
}
.usersaccountaccess{
    font-weight:bold;
    padding-bottom: 8px;
}
 .previewaddaccount{
    width:89%;
    margin-left:39px;
   }
.ovWelcomeMsg{
    float:left;
    width:60%;
}
.accountDetailSpan{
    width:24%;
    padding:5px;
    float:left;
    }
 .userAccountAccessStyle{
    padding:4px;
    }
 .approveaccountbottom{
    padding:10px;
    padding-top:80px;
    padding-left:160px;
    float:right;
    }

 .deleteaccountbottom{
    padding:10px;
    float:right;
    }

 .approveaccountbottomWithoutEntitle{
    padding:10px;
    padding-top:150px;
    padding-left:160px;
    float:right;
    }
 .reviewspanbottomWithoutEntitle{
    padding-left:80px;
    padding-bottom:10px;
    float:left;
    padding-top:170px;
    }
 .reviewAccountTop{
    width:24%;
    padding:5px;
    float:left;
    }
 .Unapprovedreviewspan{
    vertical-align:top;
    width:24%;
    padding:5px;
    float:left;
    }
.addAnAccountErrorDiv{
    padding-left:45px;
    padding-top:5px;
    text-align:left;
    margin:0px;
    font-weight:bold;
}
 .reviewStatusStyle{
    padding:5px;
    padding-left:0px;
    padding-bottom:18px;
    padding-top:5px;
    }
 .reviewNickNameStyle{
    padding:5px;
     height:47px;
     padding-left:0px;
    }
 .reviewUnapprovedNickNameStyle{
    padding:5px;
     height:80px;
     padding-left:0px;
    }
 .warningmessagediv{
    padding:5px;
    padding-bottom:10px;
    font-weight:bold
}
.padding5px{
    padding:5px;
}
.paddingleft232px{
  padding-left:232px;   
}
.width40{
   width:40%;
}
.width30{
   width:30%;
}
.width20{
    width:20%;
}
.acctRowStyle{
    height:30px;
    vertical-align:middle !important;
    border-bottom:1px solid;
}
.smallerFontSize{
    font-size:0.8em !important;
}
 .prevAddAccount{
    padding:5px;
    padding-left:0px;
    padding-bottom:20px;
    padding-top:5px;
}
.previewNickNameStyle{
    height:30px;
    width:250px;
    padding-top:5px;
}
.WrapTextStyle{
    overflow: hidden;
    word-wrap: break-word;
}
.paperFormLinkDiv{
   padding-left:45px;
   padding-top:5px;
   text-align:right;
}
.paddingRight25{
     padding-right:25px;
}
.spApproveUserAcntLink{
    width: 50%;
    margin-left:8px;
}
.paddingtopwithentilement{
   padding-top:173px; 
}
.propertieswithentitlement{
   padding-top:240px; 
}
.reviewuserspaninfo{
    float: left;
    padding-left: 82px;
    padding-right: 5px;
    padding-top: 5px;
    width: 39%;
}
.approveUserSpanProp{
    width: 38%;
    padding-top: 10px;
}
.approveuserwidth{
    width:31%;
    padding-left:12px;
}
.paddingbtm{
    padding-bottom:0px;
}
.spPaymentAdjustMessage{
    padding-left:25px;
    width:90%;
    padding-bottom:5px;
}
.spPayBillSection{
   width:95%;
   padding:10px;
}

.reviewdivForUserwithOutEdit3{
    width: 100%;
    height: 430px;
    }

.paddingTop10px{
    padding-top:10px;
}
.acctentitleSpan{
     border: 1px solid;
    height: 68px;
    margin-bottom: 10px;
    overflow: auto;
    padding-left: 8px;
    padding-top: 5px;
    width: 270px;

    }
.paddingright27px{
    padding-right: 27px; 
}

.paddinglft50px{
   padding-left: 50px !important;  

}

.reviewdivForUserWithEdit3{
    width: 100%;
    height: 620px;
    }

.approvespanbottomWithoutAcctEntitle1{
    padding:10px;
    padding-top:395px;
    float:right;
    }

.approvespanbottomWithoutAcctEntitle2{
    padding:10px;
    padding-top:575px;
    float:right;
    }

.userreviewspan{
    width:30%;
    padding:5px;
    float:left;
 }

.userreviewspan3{
    vertical-align:top;
    width:24%;
    padding:5px;
    float:left;
}

.userDetailSpan{
    width:24%;
    padding:5px;
    padding-bottom:0px;
    float:left;
    }



.userdetailspanbottom{
    padding:10px;
    float:right;
    padding-top:255px;
    }

.userDetailsPwdChgPanal{
    padding-top:8px;
    border: 1px solid;
    padding-left:8px;
}

.userDetailsPaddingBottom{
    padding-bottom:10px;
}

.userDetailsFieldPadding{
    padding:5px 5px 16px 0px;
}

.userDetailsSeperator{
    border: 1px solid;
    margin-right:10px;
}

.userDetailsCurUsrIdPadding{
    padding: 15px 0px 4px 0px;
}

.userDetailsCurUsrIdColPadding{
    padding: 2px 5px 18px 0px;
}

.approvespanbottomWithAcctEntitle{
    float: right;
    padding: 492px 10px 10px ;
}
.reviewUserDivStyle{
    padding-top:5px;
    height:40px;
    }

.authUserListHeader{
    border-left:0px !important;
}

.approveAcctHeight{
     border-bottom:1px solid;
     border-left:1px solid;
     border-right:1px solid;
     width:98.6%;
     margin-left:5px;
     height:196px;
 }
 .approveAcctHeightWithConfRtnNum{
    border-bottom:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    width:98.6%;
    margin-left:5px;
    height:250px;
 }
 .approveAcctHeightWithConfAcctNum{
    border-bottom:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    width:98.6%;
    margin-left:5px;
    height:300px;
 }
  .approveAcctBottomNoEntitle{
     padding:10px;
     padding-left:160px;
     float:right;
     padding-top:150px;
  }
 .approveAcctBottomEntitle{
     padding:10px;
     padding-left:160px;
     float:right;
     padding-top:50px;  /* 10px to 42px  */
  }
 .approveAcctBottomNoEntitleWithConfRtnNum{
     padding:10px;
     padding-left:160px;
     float:right;
     padding-top:215px;
  }
 .approveAcctBottomEntitleWithConfRtnNum{
    padding:10px;
    padding-left:160px;
    float:right;
    padding-top:105px;
  }
.approveAcctBottomNoEntitleWithConfAcctNum{
    padding:10px;
    padding-left:160px;
    float:right;
    padding-top:265px;
  }
 .approveAcctBottomEntitleWithConfAcctNum{
    padding:10px;
    padding-left:160px;
    float:right;
    padding-top:155px;
  }
.authUsertable {
	border-left: 1px solid;
	border-right: 1px solid;
	width: 98.5% !important;  /* 96 to 98.5 */
    margin-left:5px !important;
}
.addUserSpan{
    float: left;
    font-weight: bold;
    margin-right: 18px;
    text-align: right;
    width: 46%;
}
.addUserProperties{
    float: left;
	text-align: right;
	font-weight: bold;
    width:46% ;
    margin-right:14px;
}
.addUserPropertieserror{
    float: left;
	text-align: right;
	font-weight: bold;
    width:46% ;
    margin-right:14px;
}


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

.userpopdisplay{
   top:250px !important;    
}

.reviewdivForUser{
    height: 407px !important;
    width: 100%;
}


.userdetailReviewspanbottom{
    padding:10px;
    float:right;
    padding-top: 270px !important;
    }
.wrapword{
     word-wrap:break-word;;
}
.height340{
    height:405px;
}
.userdetailReviewspanbottomWithoutEnt{
    padding:10px;
    float:right;
    padding-top: 390px !important;
    }

.userDetailsTextHeight{
    height : 40px;
    padding:5px;
    padding-left:0px;
    padding-top:5px;
}
.secretWordPadding{
    padding-top:70px;
}
.secretWordReviewPadding{
    padding-top:68px;
}
.approveInstructions{
    padding:10px 5px 5px 10px;
}
.entitleViewOnlyStyle{
    padding-bottom:2px;
}
.reviewUserTextHeight{
    height:25px;
    padding-top:5px;
}
.secretWordWithEditPadding{
    padding-top:20px;
}
.updatedRow{
    padding-left:100px;
}
.updateImageRow{
    margin-left:170px;
}
.rowStyle{
    padding-left: 0px;
    margin-left:42px;                                                                           
}
.messagePopup{
    padding:4px 5px 4px 20px;
    margin:-8px 0px 8px 0px;
}
.approveAcctUser{
    padding:0px 5px 7px 0px;
}
.MPcontent2Modified {
	width: 100%;
	margin: 0;
}
.instructionsModified{
    padding: 15px;
	margin: 0;
	text-align:left;
}
.buttonPadding15px{
  padding-right:15px;
}
.paddingTopFive{
    padding-top:5px;
}
.paddingLeft205{
    padding-left:205px;
}
.paddingSix{
    padding:6px;
}
.width85Percent{
    width:85%;
}

.authLevelDropDownWidth{
    width:109px;
}
.spSingleAccount{
   padding-bottom: 6px;
   padding-left: 5px;
}
.spChangeInvoiceRowDataAddInvoice{
 border-bottom: 1px solid #B3B3D7;
 background-color:#d8d8d8;
}
.fileBillInstructions{
   padding: 15px;
   padding-bottom:0px;
   margin: 0;
   text-align:left;
}
.fileBillBgColor{
   margin-bottom:18px;
}
.spConfMsgModified{
    padding:5px 0 0 12px; 
}

.acctentitlementcompreadOnly{
   	overflow: hidden;
}


.myprof_approveUserReadOnly{
    border-bottom:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    width:98.6%;
    margin-left:5px;
    height:516px;
}

.staleAccountMsgDiv{
    width:505px;
    margin:5px 23px 24px;
    padding:10px;
    border:1px solid #E4E4E4;
}

.staleAccountWarningMessageSpan{
     height:100px;
     margin-right:5px;
}

.staleAccountWarningMessageSpan1{
    width:250px;
}

.staleAccountWarningMessageSpan2{
    font-weight:bold;
}

.readOnlyClassUnappUser{
    overflow : hidden;
}
div.row22Xhist{
    clear: both;
	margin: 5px 5px 10px 20px;
}
span.middleXhist{
    vertical-align: -30%;
	position: relative;
	width: auto;
    margin-left:20px;
}
.instructionsXhist{
    padding: 5px 15px 15px 0px;
	margin: 0;
	text-align:left;
}
.label_histModified{
    float: left;
	text-align: right;
	width: 120px;
	font-weight: bold;
	margin: 0 2px 0 0;
	padding-left: 22px;
    margin-left:20px;
}
/* Round Buttons */

.button1 {
	color:#ffffff;
	font-weight: bold;
    margin: 0;
	cursor: hand;
}

.round .button1  {
    margin-top: 0;
}

.popUpbutton1 {
	background-image: url(images/middle.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 28px;
}

.button1PopUp {
	color: #fff;
	font-weight: bold;
	position: relative;
	top: 1;
	cursor: hand;
	background-image: url(images/middle.gif);
	background-repeat: repeat-x;
	padding: 6px 0;
}

* html .button1PopUp {
	color: #fff;
	font-weight: bold;
	position: relative;
	top: 5;
    cursor: hand;
	background: none;
	padding: 0;
}

.popUpbutton1 a:hover {
	text-decoration: none !important;
}

.leftEdge a {
	background-image: url(images/leftEdge.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none !important;
	vertical-align: top;
	padding: 5px 0px 10px 10px;
	height: 28px;
}

.leftEdge a span {
	background-image: url(images/rightEdge.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none !important;
	padding: 5px 10px 10px 0;
	height: 28px;
}

.leftEdge a:hover {
	background-image: url(images/leftEdge.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-decoration: none !important;
	vertical-align: top;
	padding: 5px 0px 10px 10px;
    height: 28px;
}

.leftEdge a:hover span {
	background-image: url(images/rightEdge.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-decoration: none !important;
	padding: 5px 10px 10px 0;
	height: 28px;
}
/* End Round Buttons */


/*************************** Sovereign Header ***************************/
div#global2
{
	width: auto;
	background:#e4e4e4 url(images/bg_cont.png) repeat-y; _background:#e4e4e4;	
	margin:0 auto;
}
div#global
{
	background:#e4e4e4 url(images/fndglobal2.gif) repeat-y;
	margin:0 auto;
}
A IMG{border:0}

ul li{color:#666666;}
HR {border:0; border-top:1px solid #eeeeee;}
DIV#head{height:98px; _height:99px; margin:0px; }

DIV#cabecera{background:#fff;width:100%; padding-bottom:0px; margin-bottom:0px; }
DIV#cabecera:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}
DIV#cabecera .logo{background:#fff;float:left;padding:8px 5px 4px 16px;margin:0px;  }
DIV#cabecera UL{list-style-type:none;margin:0;padding:0}
DIV#cabecera .alojamenus{float:left}
DIV#cabecera UL#utilidades{text-align:right;padding:0;font:1em 'Open Sans';width:auto; float:right; margin-right: -16px; margin-top: 2px }
DIV#cabecera UL#utilidades LI{background:transparent;display:inline; float:left; padding:5px 3px 5px 0px; min-height:0; margin-left:-18px; _height:0;position:relative; z-index:1;}
DIV#cabecera UL#utilidades LI A{color:#666666;text-decoration:underline; font-weight: normal}
DIV#cabecera UL#utilidades LI A:hover{color:#ff0000; text-decoration:none;}
*html DIV#cabecera UL#utilidades LI A{margin-left:5px;}
DIV#cabecera UL#utilidades LI.help img{position:relative; top:1px;}
DIV#cabecera UL#utilidades LI.help{margin-left: -16px}
DIV#cabecera DIV.search{text-align:right;background-color:#FFF;position:absolute;top:6px;right:0px;padding:0px 10px;margin-right:8px;border:0px solid #D8D8D8;border-right:0px solid;}
	
.groupuser{padding:10px 0 0 172px;_padding:14px 0 0 172px; margin-bottom:8px; _margin-bottom:-4px;}
.we {		
	float:left;
	font:normal 1.5em 'Open Sans';
	color:#fe0000;
	margin-left:3px; _margin-left:3px;
	margin-top:0px; _margin-top:1px;
	position:relative;
	.padding:0.6em 0em 0em 1.2em;
}

.welcome {
	font:normal 10px 'Open Sans';
	color:#666666;
	padding:14px 0px 2px 28px; .padding:0px 0px 2px 20px; /* Revisar IE6. 7 */
	position:relative;
	float:left;
}
.welcome ul{ width:300px;}
.welcome ul li{padding:0 0 0 62px; margin:0; min-height:0; height:auto; *padding:0 0 0 9px; }
.welcome img {
	float:left;
	position:relative;
	top:3px;
	margin:0 4px 0 12px;
	padding:0px 10px 2px 0;
	border-right:1px solid #000000;	
}
.welcome:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}
	
input.logbuttom{position:relative; top:5px; margin-left:223px; *display:block; text-align:center; }

.idioma ul#logoutButton {
width:110px;
height:31px; 
border:0px solid #fff !important;
position:relative; 
top:-4px; .top:5px;
margin-left:15px !important; _margin-left:5px;
margin-right:-6px; 
float: right; 
display:block; 
position:relative; .position:none; 
.left:175px; _left:0px;  
text-align:center; 
}

.idioma ul#logoutButton li a {
	background: url(images/log_buttom.png) no-repeat left top; 
	color:#ffffff !important;
	font:bold 12px 'Open Sans';
	text-decoration:none;
	position:relative;
	top:2px;
	display:block;
	height:27px;;
	text-align:center;		
}
.idioma ul#logoutButton li a:hover {
	background: url(images/log_buttom.png) no-repeat left bottom;
	color:#ffffff !important;
	font:bold 12px 'Open Sans';
	text-decoration:none;
	position:relative;
	top:2px;
	display:block;
	height:27px;;
	text-align:center;		
}
span#logoutText {top:7px !important; left: 10px !important;}


.idioma:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}
.idioma a {text-decoration: none;}

INPUT.file{height:1.7em}
TEXTAREA{font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif}

IMG.left{float:left;}

UL{list-style-type:none;margin:0;padding:0;width:100%;}
html>body UL{margin-bottom:0;}
UL LI{height:20px;margin-bottom:0;}
html>body UL LI{margin-bottom:2px;min-height:20px;height:auto;*margin-bottom:3px}
html>body UL.alta LI:after ,html>body UL.mostrar LI:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}
UL LI SELECT{width:14.5em;}
html>body UL LI SELECT{width:14.2em;}

LABEL STRONG, SPAN.labellike, UL.mostrar STRONG{font-weight:normal;float:left;text-align:left;width:13em;margin-right:1px;padding:3px 1px 4px 12px; color:#666666;}
LABEL STRONG, SPAN.labellike2, UL.mostrar STRONG{font-weight:normal;float:left;text-align:left;width:7em;margin-right:1px;padding:3px 1px 4px 12px; color:#666666;}
html>body LABEL STRONG, SPAN.labellike, UL.mostrar STRONG{margin-right:4px;}

INPUT.required{background:#eaf4fc;}
INPUT.wrong{background:#FFD8A7;}

.boton{background:#f00;color:#fff;font-weight:bold;border:1px solid #fff;padding:1px 8px 1px 8px;cursor:hand;cursor:pointer;height:auto;overflow:visible}
div.welcome input.logbuttom{padding-left:15px !important;}

INPUT.boton{font:bold 1em 'Open Sans';padding:1px 4px 1px 4px!important;*padding:0px 4px 0px 4px;}
INPUT.boton,.botonera INPUT,DIV.botoneraglobal INPUT, DIV.botoneraglobal A{_padding-right:6px;_padding-left:6px}

ul li a.first{background:transparent url(images/first.gif) no-repeat 0 1px; display:block; padding:3px 0 5px 27px;   margin-right:10px;}
ul li a.previous{background:transparent url(images/prev.gif) no-repeat 0 1px; display:block; border-right:1px solid #a4a4a4;  padding:3px 15px 5px 27px; }
ul li a.next{background:transparent url(images/next.gif) no-repeat right 1px; display:block; padding:3px 27px 5px 14px;}
ul li a.last{background:transparent url(images/last.gif) no-repeat right 1px; display:block; padding:3px 27px 5px 0;  margin-left:10px !important;}


a.boton, a:hover .botom {
text-decoration: none !important;
color: transparent;
}
input.logbuttom{font-size:11px !important;}


.men_gen1 {
	letter-spacing: 0.00em;
	border-bottom:1px solid #e4e4e4;
	width:994px;
	margin-top:-1px; .margin-top:1px; _margin-top:0px;		
	_padding:0;
	background:none;
}
.men_gen1 ul {
	list-style:none; 
	padding:0 0 0 10px !important;
}

.men_gen1 ul li {
	list-style:none;
	float:left; 
	background:url(images/pes_superior.gif) no-repeat top;
	width:126px;
	margin:0 0 0 2px;
	height:29px;
	display:block;		
}

.men_gen1 ul li a {
	color:#666666;
	font:bold 12px 'Open Sans';
	text-decoration:none;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom: 1px solid #e4e4e4;
	background:transparent url(images/menu_sup2.gif) repeat-x left center;
	position:relative;
	top:3px;
	display:block;
	height:28px; _height:29px;
	text-align:center;		
}
.men_gen1 ul li a span{position:relative; top:2px;}
.men_gen1 ul li a span.t5{position:relative; top:5px;}
.men_gen1 ul li a:hover	{text-decoration:none; color:#ff0000; background:transparent url(images/menu_sup2_over.gif) repeat-x left center;}
.men_gen1 ul li.activo a{color:#ff0000;	background: transparent url(images/menu_sup2_over.gif) repeat-x left center;	height:28px; _height:30px; position:relative; top:2px;}
.men_gen1 ul li.activo a span {margin:0px !important; padding:0 !important;}
.men_gen1:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}

.titlemenu{ margin:0 0 6px 19px; padding:0; *margin-bottom:6px;}
.titlemenu  h2 {
	color:#333333;
	padding:6px 0 0 8px;
	margin:0;
	font:normal 1.8em 'Open Sans';
	width:119px;
}
.titlemenu ul li{float:left; margin-}
.titlemenu:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}

ul#submenu {
  list-style-type: none;
  margin: 0;
  padding: 0 0 1.6em 0;
  width: 100%;
}

ul#submenu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

ul#submenu li {
	margin:0 0 0 0.7em;
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
	background: url(images/menv_fnd.gif) repeat-y !important;	
	display: block;
}

ul#submenu li a.first {
  background:none;
}

ul#submenu li a {
  display: block;
  font-weight: normal;
  font-size: 12px;
  height: 100%;
  padding: 0.7em 0.9em 0.7em 0.9em;
  text-decoration: none;
  border-top:1px solid;
}

ul#submenu li.selected {
	margin-top: -0.1em;
	border-left:0px solid;
	border-top:1px solid;
	border-bottom:0px solid;
	z-index:99999999999;
	padding-bottom:1.1em;
	margin-left:1px;	
	background: url(images/menuvert_fnd1.gif) no-repeat 0 bottom !important;
}

ul#submenu li.selected a {
	font-weight: bold;
    font-size: 1.2em;
}

ul#submenu li.selected span {
	color: #ff0000;
		border-left:0px solid;
}

ul#submenu li.underactive {
	margin-top:-0.3em;
}

ul#submenu li.selected:first-child {
  margin-top: 0;
}

DIV#pie {
    clear: both;
    margin: 0px 0 0px -5px;
    width: 827px;
    padding: 0px 0 15px 172px;
    background-color: #e4e4e4;
}

DIV#pie UL#utilidades {
	text-align:center;
	padding:12px 0 6px 0;
	font-size:.9em;
}

DIV#pie UL#utilidades LI {
	background:transparent url(images/cabecera_borde_util.gif) no-repeat bottom right;
	display:inline;
	padding:0 6px 0 2px; *padding-left:8px;
	padding-right:2px;
}

*html DIV#pie UL#utilidades LI {
	padding:0 4px 0 6px;
}

DIV#pie UL#utilidades LI A {
	color:#666666;
	text-decoration:underline;
	font-weight: normal
}

DIV#pie UL#utilidades LI A:hover {
	text-decoration:none;
	color:#ff0000;
	text-decoration:underline;
}

DIV#pie UL#utilidades LI.ultimo {
	background:none;
	padding-right:0;
}

.contentSection {
	vertical-align: top
}
#calendardiv {
	z-index: 2000;
}
.ov_page {
	margin-top: -17px;
}

.ov_page .module {
	width: 484px !important;
}

.ov_page #SC_width {
	width: 287px !important;
}

.ov_page .pageTitle {
	margin-left: 7px;
	}
.layoutTable .navSection {
	width: 188px !important;
}
.tblLine {
	border-bottom: 1px solid #eee;
}
.rowSpace {
	padding-bottom: 10px !important;
	padding-top: 8px !important;
}

#customAdd .row {
	border-bottom: 1px solid #EEEEEE;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 102%;
}

div.row {
	border-bottom: 1px solid #EEEEEE;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}



   /*** MFA related thing - 2017 ***/

.mfa-enroll-completed-success{
    margin-left:40px;
    padding-top:0px;
    margin-top:28px;
}
.mfa-enroll-login-button{
    float:right;
    padding:20px 20px 20px 20px;
}
.mfa-enroll-setup-button{
    float:right;
    padding:10px 10px 10px 10px;
}
.mfa-enroll-padding-bottom10{
    padding-bottom:10px;
}
.mfa-enroll-padding-top15{
    padding-top:15px;
}
.mfa-enroll-margin-bottom5{
    margin-bottom:5px;
}
.mfa-enroll-line{

}
.mfa-enroll-setup-confirm{
    text-align:right;
    margin-top:5px;
    float:right;
}
.mfa-enroll-setup-mkchng{
    text-align:right;
    margin-bottom:10px;
    float:right;
}

.mfa-green-tick-image{
    background-image:url(images/mfa-green-ckmark.png);
}

.mfa-container{
    width:100%;
    border:0px;
    margin-top:-5px;
}
.mfa-header-cell{
    background-color:#CCCCCC;
    height:85px;
    text-align:center;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:1px;
    border-color:#000000;
    border-style:solid;
}
.mfa-header-cell strong{
    float:center;

    font-size:28px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    color:#333333;
}
.mfa-header-cell p{
    font-size:13px;
    font-weight:normal;
    float:center;

    font-style:normal;
    text-decoration:none;
    color:#333333;
}
.mfa-header{
    float:center;

    font-size:28px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    color:#333333;
}
.mfa-subheader{
    font-size:13px;
    font-weight:normal;
}
.mfa-leftpanel{
    width:176px;
    text-align:left;
    vertical-align:top;
    border:none;
}
.mfa-selector-black{
    position:relative;
    height:38px;
    text-indent:10px;
    vertical-align:middle;
    margin-left:5px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    width:103%;
    margin-top:18px;
}
.mfa-selected-black-enrollment{
    margin-top:5px;
    width:105%;
}
.mfa-selector-gray{
    position:relative;
    height:38px;
    text-indent:10px;
    vertical-align:middle;
    margin-left:5px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    width:103%;
    margin-top:18px;
}
.mfa-selected-gray-enrollment{
    margin-top:5px;
    width:105%;
}
.mfa-selector-text{
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    vetical-align:center;
    padding-top:12px;
}
.mfa-arrow-black{
    position:relative;
    left:100%;
    border-bottom:19px solid transparent;
    border-top:19px solid transparent;
    margin-top:-28px;
    margin-right:-20px;
}
.mfa-arrow-gray{
    position:relative;
    left:100%;
    border-bottom:19px solid transparent;
    border-top:19px solid transparent;
    margin-top:-28px;
    margin-right:-20px;
}
.mfa-content{
    vertical-align:top;
    background-color:#ffffff;
    width:605px;
}
.mfa-footer{
    background-color:#CCCCCC;
    height:85px;
    text-align:center;
    border-top:1px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    border-color:#000000;
    border-style:solid;
}
.mfa-button-container-right{
    margin-left:75%;
}

#MFASignUp_content#container{
    padding-top:0px;
}
.mfa-done-checked-text{
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.mfa-done-checked{
    margin-top:30px;
    margin-left:15px;
}
.mfa-done-checked-bigtext{
    margin-left: 4px;
}
.mfa-done-content-header{
    color: #333333;
    
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    word-wrap:break-word;
}
p.mfa-done-content-header{
    color: #333333;
    
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    word-wrap:break-word;
}
/* FGS: MFA TT: 75870*/
#mfa-error p{
    color: #333333;
    
    font-size: 13px  !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    word-wrap:break-word;
}
/* FGS: MFA TT: 75870 END*/
.mfa-done-content{
    font-size: 13px;
}
.mfa-content-header-2{
    color: #333333;
    
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    word-wrap:break-word;
}
.mfa-content-container{
    padding-left:8%;
    padding-top:20px;
    padding-right:2%;
}
.mfa-content-security-question-header{
    
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.mfa-content-security-question{
    text-align:right;
    width:74px;
    float:left;
    color: #333333;
    position:relative;
    left:30px;
    
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.mfa-content-login-security-question{
    text-align:right;
    width:76px;
    float:left;
    color: #333333;
    position:relative;
    left:20px;
    
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.ia-en-login-left{
    left: 20px !important;
}
.mfa-enroll-content-security-question{
    text-align:right;
    width:56px;
    float:left;
    position:relative;
    left:30px;
    
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.mfa-content-security-question-error{
    text-align:right;
    width:72px;
    float:left;
    color: #FF3300;;
    position:relative;
    left:20px;
    
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.mfa-content-login-security-question-error{
    text-align:right;
    width:77px;
    float:left;
    color: #FF3300;;
    position:relative;
    left:20px;
    
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.mfa-content-security-input{
    position:relative;
    left :35px;
}
.mfa-enroll-content-security-input{
    position:relative;
    left :20px;
}
.ie-en-dropsize{
    width:400px;
}
select.mfa-content-security-input{
    position:relative;
    left :35px;
    width:400px;
}
.mfa-content-security-subcontent{
    color: #333333;
    
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    padding-top:5px;
    position:relative;
    left:110px;
    width:200px;
}
.mfa-content-security-question-review{
    background-color:#F2F2F2;
    padding-top:20px;
    margin-right:20px;
    border-radius:5px;
    margin-left:15px;
    border:thin solid #CCCCCC;
    border-width:1px;

}
.mfa-content-review-text{
    position:relative;
    left:50px;
}
.mfa-state2-text{
    height: 70px;
    padding-top: 4%;
    padding-left: 0;
    margin-right: 8%;
    margin-left: 8%;
    vertical-align: middle;
    border: #000 solid 1px;
    padding-right: 0;
    margin-bottom:120px;
    padding-top:20px;
    margin-top:20px;
}


.mfa-hint{
    color: #a0a0a0;
}
.mfaLayoutTable{
    border:0;
    width:100%;

}
.mfa-enroll-rightpanel{
    width:600px;
    height:500px;
    vertical-align:top;
}
.mfa-enroll-rightdiv{
    padding-left:30px;
    margin-top:20px;
    margin-left:10px;
}
.mfa-enroll-rightdiv-success{
    padding-left:5px;
    margin-top:0px;
    margin-left:0px;
}
.mfa-enroll-rightdiv-paper{
    padding-left:15px;
    margin-top:20px;
    margin-left:5px;
}
.mfa-enroll-font-style-weight-normal{
font-weight:normal;font-style:normal;text-decoration:none;
}
.mfa-enroll-font-style-weight-bold{
font-weight:bold;font-style:normal;text-decoration:none;
}
.mfa-enroll-fontsize-almost{
    font-size:24px;
}
.mfa-enroll-fontsize-paper{
    font-size:13px;
}
.mfa-enroll-text-align-left{

    text-align:left;
}
/*Added for TT 75973 */
.mfa-enroll-text{
    margin-right: 60px;
    text-align:left;
}
.mfa-enroll-fontsize-16{
    font-size:16px;
}
.mfa-enroll-fontsize-14{
    font-size:14px;
}
.mfa-enroll-fontsize-13{
    font-size:13px;
}
.mfa-enroll-review-page-line{
    border-bottom:1px solid black;
    margin-top:60px;
}
.profChallengeLockout{
    margin:20px;
    padding: 20px;
    width: 552px !important;
    height: 165px;
    border:4px solid #aeaeae;padding:25px;
}
.profChallengeLockoutBtn{
    margin-right:25px;margin-top:25px;
}
.questionAppLyrDiv{
    padding-bottom:35px;
}
.questionAppLyrLbl{
     font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none; color: rgb(51, 51, 51); width: 75px; float: left; height: 45px;
}
.answerAppLyrDiv{
    padding-bottom:25px;
}
.answerAppLyrLbl{
     font-size: 13px; font-weight: bold; font-style: normal; text-decoration: none; color: rgb(51, 51, 51); width: 75px; float: left;
}
.profileAppLyrBorder{
    border:4px solid #aeaeae;padding:25px;
}
#app_nav1 ul a #myprofLocked:link, #app_nav1 ul a #myprofLocked:visited,#app_nav1 ul a #myprofLocked:hover {
    background: buttonface;
    background-repeat: repeat-x;
    background-color: #F5F5F5;
    background-position: bottom;
    color: graytext;
    font-weight: bold;
    margin: 0;
    border-bottom:1px solid #283143;
    border-right:1px solid #283143;
    border-left:1px solid #B0BFD3;
    border-top:1px solid #B0BFD3;
    text-decoration: none;
    padding:2px 4px 1px 4px;
}
span.wrongAnsAppLyr{
    color: #FF3300;
}

span.mfa-challenge-labelerror {
    float: left;
    text-align: right;
    font-weight: bold;
}


/*CSS for MFA challenge page -end*/
.iaChangeAnswerText{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 46px;
    white-space: nowrap;
}
.iaChangeAnswerLbl{
    font-weight:bold;
    text-decoration:none;
    margin-left: 70px;
    margin-right: 10px;
}

.iaChangeQuestionCancel{
    margin-left: 30px;
}

.mfa-enroll-cancel-header{
    /*width:100%;*/text-align:left;/*padding-left:4%;*/height:20px;/*margin-top:3px;*/
    font-size:14px;font-weight:bold;font-style:normal;text-decoration:none;
}

.mfa-en-noheight{
    height: 50px !important;
}

span.mfa-challenge-labelerror {
    float: left;
    text-align: right;
    font-weight: bold;
}

.printMFAEnrollFormWidth{
    width: 715px;
}
.printMFAStyledEnrollFormWidth{
    width: 550px; !important;
}

.paddingLeft90{
    padding-left:90px;
}

.MFAChallengePageIntro{

    font-size:16px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    color:#333333;
}

.MFAwarningText{

    font-size:13px;
    font-style:normal;
    text-decoration:none;
    color:#333333;
}

.MFAVerticalAlign{
    vertical-align:text-top;
}

span.mfa-challenge-labelerror {
    float: left;
    text-align: right;
    font-weight: bold;
}

span.mfa-challenge-label {
    float: left;
    text-align: right;
    font-weight: bold;
}


/*CSS for MFA challenge page -end*/

.iaChangeQuestionsDiv{
    margin-bottom: 15px;
}
.iaChangeSecurityQtn{
    text-align:left;
    font-weight:bold;
    margin-left: 40px;
    margin-bottom: 20px;
}
.iaChangeQuestionLbl{
    margin-left: 40px;
    margin-right: 10px;
    font-weight:bold;
    white-space: nowrap;
}

.iaChangeQtnHintAnswer{
    display:block;
    margin-left: 71px;
}
.ia_ChallengeQuestiosInfo{
    margin-left: 30px;
}
.ia_ChallengeQuestiosInfo2{
    margin-left: 30px;
}
.iaChangeAnswerTextBox{
    margin-left: 23px;
}
.iaMyProfLockedLink{
    cursor:default;
}
.mmb .selectedOption .mmb_optionSelection #sp_Phone{
    height:27px;
}
.mfa-enroll-cancel-div{
    height:209px;
    width:501px;
}

.mfa-enroll-cancel-question{
    margin-top:5%;text-align:left;padding-left:9%;font-size:13px;font-weight:normal;font-style:normal;text-decoration:none;
}
.mfa-enroll-cancel-text{
    margin-top:5%;text-align:left;padding-left:9%;font-size:13px;font-weight:normal;font-style:normal;text-decoration:none;
}
.mfa-enroll-cancel-button{
    margin-top: 43px; margin-left: 35%;
}
.mfa-enroll-equifax-questions{
    float:right;margin-right: 50px;
}
.mfa-enroll-navigationdiv{
    padding-top:20px;
}
.mfa-enroll-id-question{
    font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none;width:500px;padding-left:20px;text-indent:-14px;margin-left:20px;word-wrap:break-word;
}
.mfa-enroll-info-img{
    float: left; padding-left: 20px;
}
.mfa-en-content-security-subcontent{
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    padding-top:5px;
    position:relative;
    left:131px;
}
.mfa-enroll-answers-margin{
    margin-left:35px;
}
.ia-en-eqenroll{
font-size:11px;font-weight:normal;font-style:normal;text-decoration:none;
}
.ia-en-verifybutton{
    margin-right:20px;
}
.ia-en-completed{
    width: 580px;
}
.ia-en-verify-ht{
    height: 250px;
}
.ia-en-verify-down-btn{
    margin-top:90px !important;
}
.mfa-enroll-marginleft25{
    margin-left: 25px;
}
.iaMyProfNoQtnSpan{
    margin-left:23px;
}

.ia-en-success-space2{
    margin-top: 10px;
}
.ia-en-success-space{
    margin-top: 25px;
}
.ia-en-sucess-next{
    margin-left: 50px;
}

/*FGS:Added for MFA TT:76005  */
.mfa-button-container-center{
    margin-left:-10%;
}
.mfa-enroll-quesans-margin{
    margin-left: -32px;
}

/*mfa TT76182 */
.mfaLockoutbutton{
    margin-right: 80px;
}

div.MFArow {
    padding-top: 8px;
    width: auto;
    margin-left: 5px;
    margin-right: 5px;
}

div.MFArow_IA_Challenge_page {
    padding-top: 8px;
    margin-left: 5px;
    margin-right: 5px;
}