#PreLoginLogo
{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 0px;
	text-align: left;
}
html>body #PreLoginLogo
{
	margin-bottom: 10px;
}

#PreLoginHeader
{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	position: relative;
	height:173px;
}
*:first-child+html #PreLoginHeader
{
	margin-top: -10px; /*fix for IE 7.0  http://www.webdevout.net/css-hacks#in_css-selectors */
}
* html #PreLoginHeader
{
	/*fix for ie6 */
	margin-top: -3px;
}
#PreLogin_Content_Body
{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -3px;
	margin-bottom: 0px;
	float: none;
	position: relative;
	background: url( "../../Images/body_bg.jpg" );
	background-color: #fff;
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: scroll; /*border:1px solid #000;*/
	padding: 10px 0px 20px;
	
}
html > body #PreLogin_Content_Body
{
	min-height: 325px;
}

a{
	/* Default link style for entire application.  Defined for consistency of look and feel. */
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	font-size:9pt;
	text-decoration:none;
	}
a:link	{
	/*color: #3399FF //supposed to be the "accepted" corporate color.*/
	/*color: #3399CC; //tried to push darker, trying to stay close to corporate color*/
	color: #0E7FB7;
	}
a:visited	{
	color:	#0E7FB7;
	}
a:hover
{
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5em;
	font-size:9pt;
	text-decoration:none;
	color: #FF6633;
	}
a:active	{
	color: #0E7FB7;
	} 

#PreLogin_Content_Footer
{
	float: none;
	position: relative;
	padding: 3px;
	margin-bottom: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-size: x-small;
	clear:both;
	margin-top:0px;
}
#PreLogin_Content_Footer a, #PreLogin_Content_Footer a:link, #PreLogin_Content_Footer a:visited
{
	text-decoration:underline;
	font-weight:normal;
	font-size:x-small;
	color: #0E7FB7;
}
#PreLogin_Content_Footer a:hover
{
	color: #cc3300;
	text-decoration:underline;
	font-weight:normal;
	font-size:x-small;
	color: #FF6633;
	
}
#PostLoginInterior
{
	/*this overrides the basic body style definition*/
	padding: 0px;
	margin: 0px;
	background: url( "../../Images/header_bg1.jpg" );
	background-color: #eee;
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: scroll;
}
html > body #PostLoginInterior
{
	background-position: 50% 102px;
}
#PostLogin_Logo_Container
{
	width: 800px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	padding-bottom: 5px;
	padding: 0px;
	position: static;
}
#PostLogin_Logo_Panel
{
	width: 115px;
	float: left;
	margin: 0px;
	padding: 0px;
	position: static;
}
#PostLogin_Top_Nav_Panel
{
	width: 685px;
	float: right;
	position: static;
	margin: 0px;
	padding: 0px;
	font-size: small;
	text-align: right;
	margin-top: 50px;
}
#PostLogin_Header_Block
{
	width: 800px;
	margin: 0 auto;
	padding: 0px;
	position: static;
}
*+html #PostLogin_Header_Block { margin-top:-3px; } /* Better IE7 "fix" */

#PostLogin_Vehicle_Container
{
	width: 790px;
	float: none;
	position: relative;
	margin:0 auto;
	font-size: x-small;
	background-color: #3399CC;
	padding: 5px;
}
*+html #PostLogin_Vehicle_Container { margin-top:-3px; } /* Better IE7 "fix" */

#PostLogin_Vehicle_Select
{
	width: auto;
    margin-left: 7px;
	display: inline;
}
#VehicleSelectorDropDown select
{
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
}
#PostLogin_Current_Vehicle
{
	width: 200px;
	color: #fff;
	font-weight: bold;
	font-size: small;
	margin-left: 15px;
	display: inline;
}

#PostLogin_Content_Footer
{
	float: none;
	position: relative;
	padding: 3px;
	margin-bottom: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-size: x-small;
}
#PostLogin_Content
{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	position: static;
	background: url( "../../Images/body_bg.jpg" );
	background-color: #fff;
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: scroll;
}
html > body #PostLogin_Content
{
	min-height: 550px;
}

#PostLogin_Left_Nav_Container
{
	/*the container for the left navigation and left advert area*/
	width: 200px;
	float: left;
	background-color: transparent;
}
#PostLogin_Right_Content_Container
{
	width: 578px;
	float: right;
	padding: 10px;
}


/* * * * * * * * * * * * * * * *

 * * * User Control Styles below
 The HtmlControls are located in CFA > Common > GroupCentralControls project

 * * * * * * * * * * * * * * * * */

.PageHeaderTextStyle, .PageHeaderCurveTextStyle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
}
/*
.PageHeader
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
*/
.DataValueStyle
{
	font-weight: bold;
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #eee;
    color:#000000;
}

.DataValueNormalStyle
{
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	line-height: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	text-decoration: none;
	height: 15px;
}

/*
.DataLabelStyle
{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	width:200px;
	text-align:right;
	
}

a:visited
{
	font-weight: bold;
	font-size: 9pt;
	line-height: 11pt;
	color: #006666;
	font-style: normal;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: none;
}
A:active
{
	font-weight: bold;
	font-size: 9pt;
	line-height: 11pt;
	color: #006666;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}*/
.ReCheckVINButton
{
	position:relative;
	top:32px;
}
.StepNavigationButtonStyle
{
	margin: 0px 0px 10px 175px;
}
.PrivacyLinkStyle
{
	margin-left: 175px;
}

.StepInstructionsStyle
{
	/* 	padding-left:10px; 	padding-right:10px; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; /*	color: #333333; */
	display: block;
	color:	#000000;
}
.StepHeaderStyle
{
	padding-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	display: block;
}
.StepHeaderPanelStyle
{
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
}
.ValidatorCalloutHighlightStyle
{
	background-color: #fffacd;
}

.RegistrationWizardStyle
{
	padding: 18px 10px 10px 10px;
}

.HeaderTextStyle, .AddressHeaderTextStyle, .AmortHeaderTextStyle
{
	font: bold 11pt/14pt Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	border-left: thin;
	color: #3399CC;
	border-bottom: 1px solid #3399CC;
	text-decoration: none;
}
.DataLabelStyle, .AddressDataLabelStyle
{
	font-weight: bold;
	font-size: 10pt;
	border-left: #3399CC 5pt solid;
	color: #000;
	text-indent: 7pt;
	line-height: 12pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	text-align: left;
	text-decoration: none;
	height: 15px;
	/*width: 150px;*/
}

.LoginStepInstructionsTextStyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}

.LoginDataLabelStyle {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	TEXT-ALIGN: right;
}

.RegisterComputerRadioButtonStyle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}

.AccountTextBoxStyle
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;		
}

.ValidationTextStyle
{	
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

 table.MaturityBillingTableStyle th
{
	text-align:right;
	font-weight:bold;
	font-size:14px;
	background-color:Gray;
	width:350px;
	
}
table.MaturityBillingTableStyle td.ThirdColumnStyle
{
 text-align:right;
 width:150px;	
}
  
.LandingPageTableHeadStyle
{
	background-color: #888;
	padding-left: 5px;
	font: 12px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}
.LandingPageTableBackgroundStyle
{
	background-color: #eee;
	padding-left: 5px;
	font: 11px;
	font-family: Verdana,Arial, Helvetica, sans-serif;	
}
.GeneralTextStyle
{
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	line-height: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background-color: #eee;
	text-decoration: none;
	height: 15px;
}
.PageCopyTextStyle
{	
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	line-height: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	text-decoration: none;	
}
.PaymentHeadTextStyle
{	
	font-weight: bold;
	font-size: 11pt;
	color: #000000;	
	font-family: Verdana, Arial, Helvetica, sans-serif;			
}
.PageHeadText, .ContractHeaderTextStyle, .BorderlessHeaderTextStyle, .PaymentStepHeader
{
    font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;    
    text-transform: none;
    border-left: thin;
    color: #3399CC;
    border-bottom: 1px solid #3399CC;                 
    text-decoration: none
}
div#Body_mAmortization_pnlAmortization td.BorderlessHeaderTextStyle
{
    border: none;
}
.InfoCenterHeaderTextStyle
{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 12pt;
	padding-left:0px;
	margin-left:0px;
}	
.calloutboxStyle
{
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 15px;
	PADDING-TOP: 15px;  
	FONT-SIZE: 11px; 
	COLOR: #0E7FB7;
	BORDER-TOP: #0E7FB7 1px solid; 
	BORDER-RIGHT: #0E7FB7 1px solid; 
	BORDER-LEFT: #0E7FB7 1px solid; 
	BORDER-BOTTOM: #0E7FB7 1px solid; 
	BACKGROUND-COLOR: #F6F6F6;
}
.ErrorText
{
	font-weight: bold;
	font-size: 10pt;
	color: #ff0000;
	line-height: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ORText
{
	color:Red;
}
.U2DPageTableBorderStyle, .U2D-TableWidthStyle
{
	width:100%;
	margin-bottom: 5px;
}

.tblPaymentHistory td { text-align:center; }

.TableRowEvenStyle, .PaymentTableRowEvenStyle
{
    font-size: 9pt;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ccc;
}

.TableRowOddStyle, .PaymentTableRowOddStyle
{
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #eee;
}
.ColumnHeadStyle, .PaymentColumnHeadStyle
{
    margin: 0pt;
    font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    height: 12pt;
    background-color: #3399CC;
    text-decoration: none
}

.ProfileColumnHeadToUpperStyle
{
	text-transform: uppercase;
}

.Capitalize {
	text-transform: capitalize;
}

.ProfileTableStyle
{
    width:100%;   
}

.LeftMargin
{
	margin-left: 10px;
}

.BlankRow 
{
	height: 2px;
}

.UpdateFSAddressRow 
{
	display: none;
}

.LoginTextbox
{
	width:145px;
}
.loginLabel
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	padding-right: 5px;
}
.LoginFloatLeftPanelStyle
{
	float:left;
	min-height:260px;
	width: 254px;
	padding: 0px 20px 15px 15px;
}
.LoginFloatRightPanelStyle
{
	float:left;
	width:430px;
	padding: 15px 20px 15px 22px;
	text-align:justify;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
	color:#000000;
}

.OnlineServiceAgreementTextBox
{
	COLOR: #0E7FB7;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 10pt;
}

.LearnMoreDisplayNone
{
	display:none;	
}
.LearMoreBGStyle {
	PADDING-RIGHT: 5px; 
	BACKGROUND-POSITION: right top; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 0px; 
	FONT: bold 12px;
	COLOR: #336699;
	WIDTH: 175px; 
	PADDING-TOP: 5px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 25px; 
	BACKGROUND-COLOR: #ffffff;
	BORDER-LEFT: #EEEEEE 1px solid; 
	BORDER-RIGHT: #CCCCCC 1px solid; 
	BORDER-TOP: #CCCCCC 1px solid; 
	BORDER-BOTTOM: #CCCCCC 1px solid; 
	BACKGROUND-COLOR: #cccccc;
}
.LearnMoreHeaderTextStyle 
{
	FONT: bold 12px;
	COLOR: #0E7FB7;
}
.LearnMoreCloseTextStyle
{
	FONT-SIZE: 10px;
}
.LearnMoreDetailsTextStyle
{
	BORDER-RIGHT: #CCCCCC 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: 0px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #FFFFFF 1px solid; 
	WIDTH: 175px; 
	PADDING-TOP: 5px; 
	BORDER-LEFT: #CCCCCC 1px solid; 
	BORDER-BOTTOM: #CCCCCC 1px solid; 
	BACKGROUND-COLOR: #EEEEEE;
}

.PrintHeadStyle
{
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 14pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 14pt
}

.PrintHeaderTextStyle
{
	BACKGROUND-COLOR: #000000;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	FONT-WEIGHT: bold
}

.PrintSubHeaderTextStyle 
{
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 14pt
}

.PrintColumnHeadTextStyle {
	BACKGROUND-COLOR: #999999;
	COLOR: #f3f3f3;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold
}

.RegistrationDataValueStyle
{
	font-weight: bold;
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
}

.RegistrationDataLabelStyle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	TEXT-ALIGN: right;	
}

.RegistrationValidationTextStyle
{
	color:#000000;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.RegistrationTextBoxStyle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

.TableBorderStyle
{
Border-Color: #ccc;
border-width: 2px;
	
	Border-Style: solid;
	border-collapse: separate;
	
}

.StatementRepeaterStyle 
{
FONT-WEIGHT: normal;	
FONT-SIZE: 9pt;	
COLOR: #000;	
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;	
BACKGROUND-COLOR: #ccc
}

.login-switch-banner {
    background-color: #333;
    color: #fff;
    padding: 5px;
    text-align: left;
    margin-right: 5px;
}


/* EasyPay Popup */
div#blanket {
    background-color: #111;
    opacity: 0.65;
    filter: alpha(opacity=65);
    position: absolute;
    z-index: 9001;
    top: 0px;
    left: 0px;
    width: 100%;
}

div#popUpDiv
{
	padding:5px; 
	position:absolute; 
	width:300px; 
	height:150px; 
	z-index: 9002;
	/* MINI */
	/*border: #FFFF00 solid 6px;*/
	background:white;
}

/* End EasyPay Popup */

/* New Alphera MVC Login and Password */

#PreLogin_Content_Body p
{
	padding: 0px 5px 0px 3px;
}

#PreLogin_Content_Body .formcollection
{
	padding: 0px 0px 0px 20px;
}

#PreLogin_Content_Body .formcollection label
{
	position: absolute; text-align:left; width:63px;
	margin-top:5px; 
}

#PreLogin_Content_Body .formcollection input{margin-left: 80px;}
#PreLogin_Content_Body select#Month { margin-left: 6px; }
#PreLogin_Content_Body #ForgotLoginContainer select#Month { margin-left: 1px; }

input#Last4
{
    margin-left: 0px;
    width: 50px;
}


input#Zip
{
    margin-left: 0px;
    width: 50px;
}


div#userNameContainer input 
{
    margin-left: 5px;    
}

.dateInput
{
    margin-left: 0px;
    margin-bottom:10px;
}

#errors, .validation-summary-errors
{
    color: red;
    list-style-type:none;
    margin-left: 5px;
}
#registration #errors
{
    margin-left: 7px;
}
.validation-summary-errors
{
    display: block;
    margin-left: 5px;
}
.errors
{
    margin-left: 30px;
    margin-top: 5px;
}
.errors ul
{
    margin-left: -25px;
    *margin-left: 0px;
}
#loginContainer #errors, #loginContainer .validation-summary-errors
{
    margin-left: -5px;
    width: 280px;
}
#PreLoginHeaderText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	padding-left: 15px;
}


#PreLogin_Content_Body .button 
{
	margin-left: 250px;
	background: none;
	outline:none;
	border:none;
}

#PreLogin_Content_Body .button-color
{
}

#PreLogin_Content_Body .arrow
{
}


#PreLoginLeftBodyContent .verify-customer { width:250px; }

#PreLoginLeftBodyContent .verify-customer-field { padding-bottom:10px; }

#PreLoginLeftBodyContent .forgot-password-text, .VerifyCustomerTextBox { width:145px; }

#ForgotLoginContainer div, #userNameContainer, #zipCodeContainer, #DateOfBirthContainer, #SSNContainer
{
    padding-left: 30px;
    margin-top: 5px;
}
.l {float: left;}
#registration .ContinueButton, #registration a.BackButton, .ContinueButton, a.BackButton, .SubmitButton, a.CancelButton, .SecurityQuestionSubmitButton, .ResendEmail
{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer; 
    width: 120px; 
    height: 19px;
    border: none; 
    outline:none;
} 

.ResendEmail
{
    background: transparent url(/App_Themes/Alphera/Images/Controls/resend-email.jpg) no-repeat;
    margin: 30px 0px 0px 500px;
    width: 125px !important;
    height: 22px !important;
}

.resend-email-message {
    font-weight:bold;
    font-size: 14px;
}

.PadLeft
{
    padding-left: 15px !important;
}

.expired-link-error
{
    color: red;
    padding-left: 15px;
}

#registration .ContinueButton, .ContinueButton
{
    background: transparent url(/App_Themes/Alphera/Images/Controls/btn_continue.gif) no-repeat; 
    margin: 0px 0px 0px 30px;
} 

#registration  .SubmitButton, .SubmitButton, #registration .SecurityQuestionSubmitButton, .SecurityQuestionSubmitButton
{
    background: transparent url(/App_Themes/Alphera/Images/Controls/btn_submit.gif) no-repeat; 
    margin: 0px 0px 0px 30px;
} 
#registration input.SecurityQuestionSubmitButton, input.SecurityQuestionSubmitButton
{
    margin: 0px 0px 0px 330px;
} 
#registration a.BackButton, a.BackButton
{
    background: url(/App_Themes/Alphera/Images/Controls/btn_back.gif) no-repeat; 
    margin: 0px 0px 0px 280px;
} 
#registration a.BackButton
{
    margin-left: 175px;
} 
a.CancelButton
{
    background: url(/App_Themes/Alphera/Images/Controls/btn_back.gif) no-repeat; 
    margin: 0px 0px 0px 175px;
} 

#footer
{
  margin-bottom: 30px;
  /*margin-left: 5px;*/
  vertical-align: middle;
}  
/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 onh
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1px;
}

/* end clearfix */

a.forgotLoginInfo
{
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
    color: #0E7FB7;
    font-size: x-small;
    margin-left: 80px;
}

a.forgotLoginInfo:hover, a.RegisterLinkClass:hover
{
    color:  #FF6633;
}

a.forgotLoginLinkContainer
{
    margin-left: 392px; 
}
#forgotLoginLinkContainer
{
    margin-top: -5px;
    margin-bottom: 10px;
} 
div.signInBtn input 
{ 
    background: transparent url(/App_Themes/Alphera/Images/Controls/btn_login.gif) no-repeat; 
    cursor: pointer; 
    width: 120px; 
    height: 19px; 
    border: none; 
    margin-left:131px;
    margin-bottom: 5px;
} 

a.RegistrationClass
{ 
    display: block;
    background: url(/App_Themes/Alphera/Images/Controls/btn_register.gif) no-repeat; 
    cursor: pointer; 
    width: 120px; 
    height: 19px; 
    border: none; 
    margin-left:131px;
    margin-bottom: 5px;
} 

a.RegisterLinkClass
{
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
    color: #0E7FB7;
    font-size: x-small;
}

div.ForgotLoginCompletionLinkStyle
{
    margin-left: 500px;
    margin-top: 50px;
}
.LoginIDStyle
{
   margin-left: 30px; 
   font-weight: bold; 
   width:100%;
}
/*Registration Page */
#registration div
{
    margin-left: 30px;
}
#TextTaxId div, #PassTaxId div
{
    margin-left: 0px;
}
#registration input, .verify-customer-input
{
    margin-left: 0px;
}
.verify-customer-input
{
    width: 270px;
}
.RegFormDataLabel, .verify-customer, .ForgotLoginRegFormDataLabel, .ForgotPasswordRegFormDataLabel
{
    display:inline-block; 
    width: 250px;
    margin-bottom: 10px;
}
.ForgotLoginRegFormDataLabel, .ForgotPasswordRegFormDataLabel {width: 355px;}
.verify-customer
{
    width: 200px;
}
#registration #AcceptTerms, #registration #DoNotDisplayTyping
{
    margin-left:150px;
    margin-bottom: 7px;
    margin-top: 7px;
    margin-left/*\**/: 147px\9;/*IE 8 hack*/
    *vertical-align: middle;
    *margin-left:150px;
}
#registration #Username, #registration #Password,#registration #ConfirmPassword, #registration #RegisterEmailAddress, #registration #ConfirmEmailAddress
{
    width: 145px;
}

#registration #Zipcode
{
    width: 50px;
}

#registration #footer
{
  margin-left: 0px;
} 

.OnlineServiceAgreementStyle
{
    height:200px;
    width: 600px;
    background-color:#ffffff;
    border: 1px inset #E3E9EF;
    overflow:auto;
    color: #0E7FB7;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
}

#registration .OnlineServiceAgreementStyle div
{
    margin: 10px 0px 10px 2px;
}

#registration .OnlineServiceAgreementStyle p
{
    margin: 5px 0px 5px 2px;
    padding: 0px;
}

#EmailRequiredMessage, .SecurityQuestionMessage
{
    display: block;
    margin: 10px 40px 5px 30px;
}
#PreLogin_Content_Body p.SecurityQuestionMessage 
{
    margin-left: 15px;
    padding-left: 0px;
}

#registration .RegistrationPageMessage
{
    display: block;
    margin-left: 281px;
    margin-right: 40px;
}
.ForgotPasswordResetPageMessage
{
    display: block;
    margin-left: 235px;
    margin-right:215px;
}

#TextTaxId1, #TextReTaxId1, #PassTaxId1, #PassReTaxId1
{
    margin-left: 0px;
    width: 30px;
}
#TextReTaxId1, #PassReTaxId1
{
    margin-left: 0px;
}
#TextTaxId2, #TextReTaxId2, #PassTaxId2, #PassReTaxId2
{
    margin-left: 2px;
    width: 20px;
}
#TextTaxId3, #TextReTaxId3, #PassTaxId3, #PassReTaxId3
{
    margin-left: 2px;
    width: 40px;
}

.SecurityQuestionDataLabel, .VerifyCustomerDiv label
{
    width: 175px;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 30px;
    *vertical-align:middle;
}

.VerifyCustomerDiv label
{
    width: 360px;
}

.securityQuestionDropDownList, .VerifyCustomerDiv input#Last4 , .VerifyCustomerDiv input#Zip
{
    margin-left: 0px;
}

.securityQuestionDropDownList
{
    margin-left: 1px;
    width:290px;
}
    
#PreLogin_Content_Body .VerifyCustomerDiv select#Month
{
    margin-left: -3px;
}
.securityQuestionDropDownTextBox
{
    width:285px;
}

.SecurityQuestionRegisterCheckBox
{
    margin-left: 207px;
    margin-top: -15px;
}

.SecurityQuestionHeaderText
{
    margin: 5px 0px 0px 30px;
}


.OnlineServiceAgreementPage div, .verify-customer
{
    margin-left: 30px;
    margin-bottom:7px;
}

.OnlineServiceAgreementPage #footer input
{
    margin-left: 550px;
    width: 120px;
    height: 19px;
}

.OnlineServiceAgreementPage input
{
    width: 20px;
    margin-left: -5px;
}

.OnlineServiceAgreementPage .SubHeaderStyle
{
   width: 600px;
   margin-top: 7px;
}

#PreLogin_Content_Body .OnlineServiceAgreementStyle p, #PreLogin_Content_Body .OnlineServiceAgreementStyle div
{
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 5px;
}

.LoneButton
{
    margin-left: 470px;
}

#PreLogin_Content_Body label.SecurityQuestion 
{
    display: inline-block;
    width: 300px;
    margin: 5px 30px 10px 15px;
    vertical-align: middle;
    position: static;
}
#PreLogin_Content_Body input.SecurityQuestionInput
{
    margin-left: 0px;
    width: 200px;
    
}
#PreLogin_Content_Body label.RegisterDevice
{
    margin-left:5px;
    margin-top: 20px;
    width: 470px;
    vertical-align:middle;
}
#PreLogin_Content_Body input#RegisterDevice 
{
    width: 20px;
    margin-top: 20px;
    margin-left: 12px;
}

#PreLogin_Content_Body p.SecurityQuestionSubHeading
{
    padding-left: 15px;
} 

.ColumnHeadStyle_ColumnDarkBackGroundStyle
{
    text-align:center;
}

#lstAmortTotal
{
    width: 200px;
    margin-top: 10px;
    margin-left: 69px;
}

#lstAmortTotal span
{
    padding:0px 3px 0px 3px;
}

.lstAmortTotalLabel
{
    padding-right: 15px
}
#Body_mAmortization_lstYearlyAmort 
{
    width: 100%;
    margin-top: 10px;
}

.headerYearlyAmort{
    margin-top: 10px;
    margin-bottom: -10px;
}
/*****************************************************/
/* New PCI Payment Pages - Oct 2012                  */
/*****************************************************/
.PaymentPageCallOutBoxStyle
{
    margin-top: 3px;
    height: 154px;
    width: 100px;
    margin-left: 5px;
}
.PaymentFooterStyle
{
    margin-top: 50px;
}
.MarginBottomStyle tr td
{
    padding: 5px 0px;
}
.MarginBottomStyle
{
    padding: 5px 0px;
}
/* Upay Page */

.StepNavigationContinueButton
{
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/BtnContinue.gif');
    background-repeat: no-repeat;
    width: 120px;
    height: 19px;
    margin-left: 204px;
    margin-top: 15px;
    cursor: pointer;
}
#MakeAPayment_1 .StepNavigationContinueButton, #EasyPay_1 .StepNavigationContinueButton
{
    margin-left: 15px;
}
.StepNavigationCancelButton
{
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/imgBtnCancel.gif');
    background-repeat: no-repeat;
    width: 120px;
    height: 19px;
    margin-right: 15px;
    cursor: pointer;
}
#MakeAPayment_1 .StepNavigationCancelButton, #EasyPay_1 .StepNavigationCancelButton
{
    margin-left: 204px;
}
.StepNavigationModifyButton
{
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/imgBtnModify.gif');
    background-repeat: no-repeat;
    width: 120px;
    height: 19px;
    margin-right: 15px;
}

.StepNavigationAcceptButton
{
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/imgBtnAccept.gif');
    background-repeat: no-repeat;
    width: 120px;
    height: 19px;
    margin-right: 15px;
    cursor: pointer;
}
#MakeAPaymentContainer label, #EasyPayContainer label, #EnterBankAccountDialog label, .ManagePaymentSourcesContainerLeftCol .header, #confirmACHDialog .header, #confirmCardDialog .header
{
    display:inline-block;
    width:190px;
    padding: 3px 0px;
    margin-bottom: 3px;
    font-weight: bold;
	font-size: 10pt;
	border-left: #3399CC 5pt solid;
	color: #000;
	padding-left:7px !important;
	line-height: 12pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	text-align: left;
	text-decoration: none;
	margin-right: 3px;
}
#MakeAPaymentContainer #MakeAPayment_2 label, #MakeAPaymentContainer #MakeAPayment_3 label, #EasyPayContainer #EasyPay_2 label, #EasyPayContainer #EasyPay_3 label
{
    width: 210px;
}
#MakeAPaymentContainer p.BorderlessHeaderTextStyle, #EasyPayContainer p.BorderlessHeaderTextStyle
{
    margin: 5px 0px;
}
#MakeAPaymentContainer .learnMoreClick, #EasyPayContainer .learnMoreClick, #EnterBankAccountDialog .learnMoreClick, #EnterPaymentCardDialog .learnMoreClick
{
    float: right;
}
#MakeAPaymentContainer p, #EasyPayContainer p
{
    padding: 0px;
    margin: 0px;
    padding-bottom: 3px;
    float: none;
}
#MakeAPaymentContainer p.PaymentStepHeader, #EasyPayContainer p.PaymentStepHeader
{
    margin-top: 10px;
    margin-bottom: 3px;
}
 
#MakeAPaymentContainer ul, #EasyPayContainer ul, #ManagePaymentSourceAddSourceContainer ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
} 
#MakeAPaymentContainer #errors ul, #EasyPayContainer #errors ul
{
    list-style-type:disc;
    padding-left: 25px;
}
#EasyPayContainer #paymentOptions li label
{
    width: 190px;
}
#EasyPayContainer li label.ShortPaymentLabelStyle, #MakeAPaymentContainer #paymentOptions li label
{
    background-color: #FFFFFF;
    border: none;
    width: 168px;
    text-indent: 0pt;
}
#paymentOptions li input
{
    margin-right:0px;
    width: 145px;
    margin-left: 0px;
}
#paymentOptions li input[type="radio"]
{
    margin-left: 10px;
    width: 13px;
}
#EasyPayContainer select.required, #MakeAPaymentContainer select.required
{
    width:150px;
    margin-left: 0px;
}
#EasyPayContainer input.required, #MakeAPaymentContainer input.required
{
    width: 145px;
    margin-left: 0px;
}
#MakeAPaymentContainer ul.PaymentSourceLinksStyle, #EasyPayContainer ul.PaymentSourceLinksStyle
{
    margin-left: 10px;
} 
.BankInformationRowStyle
{
    vertical-align: top;
}
p#SchedulePaymentDates
{
    margin-left: 204px;
}
#MakeAPaymentContainer #footer, #EasyPayContainer #footer
{
    margin-left: 0px;
}
#MakeAPaymentContainer .ErrorText, #EasyPayContainer .ErrorText
{
    font-weight: normal;
    padding: 0px;
    background: none;
    border: none;
}
.PaperlessImage
{
    background: url(/App_Themes/Alphera/Images/Controls/imgBtnCrossPaperless.gif) bottom no-repeat; 
    display: inline-block;
    width: 45px; 
    height: 45px;
    vertical-align: middle;
} 
#ui-datepicker-div.ui-widget-content
{
    border: 1px solid #aaaaaa !important;
}
.ui-datepicker .ui-datepicker-header
{
    color: #3399CC;
    display: block !important;
    background: none !important;
    background-color: #eee !important;
}
.ui-datepicker .ui-datepicker-calendar thead
{
    color: #3399CC;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    background: none !important;
    border: none !important;
}
.PrinterImage
{
    background: url(/App_Themes/Alphera/Images/Controls/imgBtnPrint.gif) bottom no-repeat; 
    display: inline-block;
    width: 45px;
    height: 40px;
    vertical-align: middle;
} 
#RoutingNumberHelp
{
    float: right;
    background-image: url('/App_Themes/Alphera/Images/Controls/imgBtnRouteHelp.jpg');
    background-repeat: no-repeat;
    width: 140px;
    height: 46px;
    margin-left: 10px;
    margin-top: -5px;
    margin-top/*\**/: -5px\9;/*IE 8 hack*/
    *margin-top: -30px;
}
/***********************************
 Bank Account Dialog
************************************/

.ui-widget-header /*Remove title bar from pop up window*/
{    
    display: none !important;
}
#EnterBankAccountDialogForm
{
    width: 680px !important;
}
#EnterBankAccountDialogForm p
{
    margin: 0px;
    padding: 0px;
}
#EnterBankAccountDialog #leftCol
{
    float:left;
}
#EnterBankAccountDialog #leftCol label
{
    display:block;
    margin-bottom: 4px;
    width: 235px;
    margin-right: 3px;
}
#EnterBankAccountDialog label.chkPaymentSourceRetainForFutureRow 
{
    height: 11px;
}
#EnterBankAccountDialog #leftCol label.chkPaymentSourceRetainForFutureRow
{
    visibility: hidden;
}
/*
#EnterBankAccountDialog #rightCol
{
    padding-top: 2px;
}*/
#EnterBankAccountDialog #rightCol div
{
   margin-bottom: 3px;
}

#EnterBankAccountDialog #bankAccountContainer
{
    margin-top: 10px;
    float: none;
}
#EnterBankAccountDialog #PSRetainForFutureLearnMore
{
    margin-left:30px;
}
#EnterBankAccountDialog #buttonContainer
{
    width:100%;
}
#EnterBankAccountDialog #buttonContainer #btnCancel
{
    margin-left: 280px;
}
#EnterBankAccountDialog #buttonContainer #btnCompleteRegistration
{
    margin-left: 10px;
}
#EnterBankAccountDialog label.error
{
    color: red;
    font-family: MINITypeRegular,Geneva,Helvetica,Arial,sans-serif;
    font-size: 10pt;
    font-weight: normal;
    display:inline-block;
    width:90%;
    padding: 0px;
    border: none;
    background: none;
}
.ui-widget-content a, .ui-widget-content a:visited
{
    color: #0E7FB7 !important;
}
.ui-widget-content a:hover
{
    color: #F63 !important;
}
/***********************************
 Manage Payment Sources Page
************************************/
.ManagePaymentSourcesContainerLeftCol 
{
    width: 600px;
}
.ManagePaymentSourcesContainerLeftCol >div
{
    float: left;
    width: 160px;
    height: 70px;
    margin-right: 10px;
}
#ManagePaymentSourcesContainer >div 
{
    text-align: left;
}
.clear
{
    clear:both;
}
.ManagePaymentSourcesContainerLeftCol .header, #confirmACHDialog .header, #confirmCardDialog .header
{
    display:block;
    text-align: left;
    padding-left: 0px;
    width: 160px;
}
#ManagePaymentSourcesContainer p.PaymentHeadTextStyle
{
    margin: 10px 0px 10px 0px;
    padding:0px;
}
#confirmACHDialog .PaymentStepHeader,
#confirmCardDialog .PaymentStepHeader
{
    margin: 5px 0px 10px 0px;
}
#confirmACHDialog .header,
#confirmCardDialog .header
{
    width: 160px;
    margin-bottom: 5px;
}
#confirmACHDialog .confirmDeleteRightFieldColumn >div,
#confirmCardDialog .confirmDeleteRightFieldColumn >div
{
    padding-top: 7px;
}
#ManagePaymentSourcesContainer div#ManagePaymentSourceAddSourceContainer 
{ 
    text-align: right;
    padding-top: 20px;
}
#ManagePaymentSourceAddSourceContainer
{
    width: 100%;
    display: inline-block;    
}
#ManagePaymentSourceAddSourceContainer li
{
    list-style-type:none;
    width: 100%;
    display: inline;
    padding-bottom:5px;
    padding-right: 20px;
   
}
.confirmDeleteLeftFieldColumn, .confirmDeleteRightFieldColumn
{
    float:left;
}
.ui-dialog
{
    position: relative;
}
.ui-widget-content 
{
    border: none !important;
}
.ui-button-text-only .ui-button-text 
{
    padding: .2em 1em !important;
}
.ui-dialog-buttonpane
{
    margin: 0px !important;
}
.ui-dialog-buttonpane
{
    margin: 0px !important;
}
#LandingEasyPayImage
{
    display: block;
    background-image: url('/App_Themes/Alphera/Images/Controls/imgBtnAutomatePayment.jpg');
    background-repeat:no-repeat;
    width: 380px;
    height: 90px;
    padding: 0px;
    padding-bottom: 5px;
}
#MakeAPaymentImage
{
    display: block;
    background-image: url('/App_Themes/Alphera/Images/Controls/imgBtnPostPayment.jpg');
    background-repeat:no-repeat;
    width: 380px;
    height: 90px;
    padding: 0px;
    padding-bottom: 5px;
}

#btnBenefits, #btnCreditCardOffer
{
    cursor:pointer;
    display:block;
}

#bbiPaperless
{
    cursor:pointer;
    background-image: url('/App_Themes/Alphera/Images/Controls/BBI_Paperless.jpg');
    background-repeat:no-repeat;
    width:200px;
    height:250px;
}

#btnEasyPay
{
    cursor:pointer;
    background-image: url('/App_Themes/Alphera/Images/Controls/BBI_EasyPay.jpg');
    background-repeat:no-repeat;
    width:200px;
    height:250px;
}

label.error {
    margin-left: 4px;
}

.asterisk_error
{
    display:none;
    color:red;
    font-weight: bolder;
    margin-left: 4px;
} 
/*****************************************************/
/* New Pages for CRE                                 */
/*****************************************************/
.creCVV2Row, .creAmountRow, .creCountryRow
{
    display:none;
}
#EnterPaymentCardDialog #crePaymentSrc
{
    width: 530px;
    height: 260px;
    margin-top: 20px;
}
#EnterPaymentCardDialog div
{
    margin-bottom: 5px;
}
.PaymentCardDialogStyle .ui-dialog-titlebar 
{
    display: block !important;
    background: #ffffff;
    border: none;
}
.PaymentCardDialogStyle .ui-dialog-titlebar-close
{
    background: white !important;
    border: none !important;
}
/* Styling the Iframe content */
.loader
{
    background: url('/images/ajax-loader.gif') bottom no-repeat;
    width: 32px;
    height: 32px;
    margin-left: 230px;
    margin-top: 63px;
}
.creNameLabel label, .creAddressOneLabel label, .creCityLabel label, .creProvinceLabel label, .crePostalCodeLabel label, .creNumberLabel label, .creTypeLabel, .creExpirationLabel label, .creStateLabel label
{
    display:inline-block;
    width:190px;
    padding: 3px 0px;
    margin-bottom: 3px;
    margin-right: 5px;
    font-weight: bold;
	font-size: 10pt;
	border-left: #3399CC 5pt solid;
	color: #000;
	text-indent: 7pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	text-align: left;
	text-decoration: none;
}

.mainTable label[for="ccNumber"] {
      margin-top: 0;
      font-size: 0;
}
.mainTable label[for="ccNumber"]:before {
      margin-top: 0;
      font-size: 10pt;
      content: 'Card Number';
}

.creTypeLabel > label
{
	display:none;
}
.creTypeLabel:after
{
	content: "Network Type";
}
.creExpirationLabel label
{
    margin-top/*\**/: 3px\9;/*IE 8 hack*/
}

input#zip.creZipField
{
    margin-top: 1px;
    margin-top/*\**/: 5px\9;/*IE 8 hack*/
    *margin-top: 5px;
    vertical-align: top;
    margin-left: 5px;
}
.creNumberRow label
{
   margin-bottom: 5px;
}

select.creStateField
{
    height: 24px;
    width: 155px;
    margin-left: 2px;
}
.creButtonLabel
{
    width: 230px;
    text-align: left !important;
}   
.completeButton 
{
    margin-top: 20px;
    margin-left: 270px;
    position: absolute;
}
.cancelButton
{
    margin-top: 20px;
    margin-left: 203px;
    position: absolute;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .creTypeRow img{padding-left: 3px;} 
    input#zip.creZipField {margin-top: 0px;}
    #EnterBankAccountDialog #rightCol div{margin-bottom: 1px;}
}
/*All versions of FireFox Hack*/
@-moz-document url-prefix() {
  .MarginLeftStyle {
     padding-left: 0px;
  }
  #EnterBankAccountDialog label.chkPaymentSourceRetainForFutureRow 
  {
    height: 15px;
  }
}
/* Preference Dialog Style*/
.PreferenceDialogSubHeaderStyle
{
    width: auto;
    padding: 3px 0px;
    margin-bottom: 3px;
    margin-right: 5px;
    font-weight: bold;
	font-size: 10pt;
	border-left: #3399CC 5pt solid;
	color: #000;
	text-indent: 7pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	text-align: center;
	text-decoration: none;
}
.PreferenceDialogColumn1Style, .PreferenceDialogColumn2Style, .PreferenceDialogColumn3Style
{
    text-align: center;
}
.PreferenceDialogCancelButtonStyle, .PreferenceDialogFinishButtonStyle
{
    margin: 20px 0px 5px 340px;
}
div#EsignEditDialog .PreferenceDialogCancelButtonStyle, div#EsignEditDialog .PreferenceDialogFinishButtonStyle 
{
    margin-left: 200px;

}
div#EsignEditDialog #StepPaperless1 .PreferenceDialogCancelButtonStyle, div#EsignEditDialog #StepPaperless2 .PreferenceDialogCancelButtonStyle
{
    margin-left: 190px;
}
div#EsignEditDialog #StepPaperless3 .PreferenceDialogCancelButtonStyle
{
    margin-left: 60px;
}
.PreferenceDialogContinueButtonStyle, .PreferenceDialogSaveButtonStyle
{
    margin: 20px 0px 5px 10px;
}
.AdobeIconImage
{
    background: url(/App_Themes/Alphera/Images/Controls/adobe.gif) bottom no-repeat; 
    display: inline-block;
    width: 21px; 
    height: 21px;
    vertical-align: middle;
    margin-right: 2px;
} 
.EsignCheck
{
    display: inline-block;
    width: 40px;
    float: left;
}
.EsignCheckText
{
    display: inline-block;
    width: 400px;
    float: left;
    margin-top: 2px;
}
.EsignCheckNote
{
    display: inline-block;
    width: 450px;
    margin-top: 20px;
}
.EsignCommunicationsPreferenceLink
{
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

#esigndialogerrors
{
    color: red;
    list-style-type:none;
}



/*Secure Message Center*/
#mailcenter { width: 500px;}
    #mailcenter h3 { margin: 20px 0 15px 0 }
    #mailcenter h3+p { margin-bottom: 20px; }
    #mailcenter #mailbox #delete-messages { padding: 6px; margin: 0px;display: inline-block;float: right; }
    
    /*#mailcenter #mailbox #alert-container { display: block; margin: 3px 0; width: 100%; height: 24px; }
    #mailcenter #mailbox #alert { width: 100%; height: 24px; line-height: 22px; background: LightGreen; text-align: center; font-weight: bold; margin-bottom: 15px; }
     */
    #mailcenter #mailbox ul li { display: block; width: 150px; text-align: left; margin: 0 5px 0 0; padding: 0.5em 1em; border: solid; border-width: 1px 1px 0 1px; float: left; background: gray; }
    #mailcenter #mailbox ul li:hover { background: grey; border-bottom: 1px #181818; }
    #mailcenter #mailbox ul li.selected { font-weight: bold; background: #3399CC; }
    
    #mailcenter #mailbox #content { width: 100%; border: 1px solid grey; clear: left; position: relative;display: inline-block;float: left;}
                           
    #mailcenter #mailbox table { width: 100%; border-collapse:collapse; }
    #mailcenter #mailbox table tr th { padding-top: 6px; padding-bottom: 6px; font-weight: bold; background-color: #3399CC;color: white; text-align: left;}
    #mailcenter #mailbox table tr td { padding: 3px 0 3px 0px; text-align: left;cursor: pointer;}
    .MessageCenterInboxLine0 { background: #ccc; color: black;}
    .MessageCenterInboxLine1 { background: #eee; color: black;}
    #mailcenter #mailbox table tr:hover td { background: #3399CC;}
    #mailcenter  #mailbox table tr th:last-child, #mailbox table tr td:last-child { width: 8%; }
    #mailcenter #mailbox table tr.selected td { font-weight: bold; }
    #mailcenter #mailbox div#pagination { position: absolute; bottom: 20px; margin: 0; }
    
    #mailcenter #mail { width: 100%; clear: left; position: relative; }
    #mailcenter #mail #mail-header { display: block; margin: 0 0 0 0; font-weight: bold; cursor: pointer;}
    #mailcenter #mail #mail-content { border-top: none; }
    #mailcenter #mail #compose-message { width: 100px;}
    
    #mailcenter #mail #compose-mail-subject {margin-bottom: 10px; }
    #mailcenter #mail #compose-mail-attach { display: block; margin-bottom: 10px; width: 500px; float: left;}
    #mailcenter #mail #compose-mail-attach span {font-size: 10px; }
    #mailcenter #mail #compose-mail-attach p { text-align: center; font-size: 12px; font-weight: bold; display: none; margin-bottom: 10px; }

    #mailcenter #mail #compose-mail-attach-list { margin: 10px 0; list-style-image: url('/App_Themes/Common/mailbox-attachment.png'); }
    #mailcenter #mail #compose-mail-attach-list .meter { position:relative; height: 14px; border: 1px solid gray;display: inline-block;width: 50%;} 
    #mailcenter #mail #compose-mail-attach-list .meter > span { height: 100%; display: inline-block; }
    #mailcenter #mail .mail-message-box p { font-size: 8pt; }
    #mailcenter #mail .mail-message-box textarea { height: 100px; width: 100%; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
    #mailcenter #mail div#what-account-bank { margin: 10px; padding: 10px 15px; border: 1px solid black; width: 500px;  }
    #mailcenter #mail div#what-account-bank p { margin-bottom: 10px; }
    #mailcenter #mail div.select-group { margin-bottom: 15px; }
    #mailcenter #mail div.select-group label { font-weight: bold; margin-right: 30px; float: left; text-align: left; margin-right: 0.5em; display: block; margin-top: 2px;}
    #mailcenter #mail .mail-message-box .charWarning { font-weight: bold; color: Orange; }
    #mailcenter #mail .mail-message-box .charExceeded { color: Red; }
    
    #mailcenter #mail p.message { font-size: 11px; margin-top: 15px; }
    #mailcenter #TabControl { -webkit-padding-start:  0px;}
    #send-message { width: 100px;}
    #secureSite { margin-top: 10px; }
	#secureSite img { margin-right: 5px;display: inline-block;float: left;}
	#secureSite span { text-align: left; font-size: 9px; font-weight: bold; display: inline-block;float: left;}
    #FsRightContent { border-color: grey;}
    .MessageButton {border: solid 1px white;background: #3399CC ;color: white; padding: 2px 2px; width: 140px;float: left;}
    .SecureMessageSubHeader{ font-size: 10px;}
    .ComposeButton{background-image: url('/App_Themes/Alphera/Images/Controls/btn_compose.gif');}
    .ComposeButtonGroup {
        width: 100%
    }
.MessageCenterComposeButton
{
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/btn_compose.gif');
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 5px;
    height: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}
.DeleteAllMessagesButton{
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/btn_yes.gif');
    background-repeat: no-repeat;
    width: 120px;
    margin-bottom: 5px;
    height: 19px;
    margin-top: 15px;
    cursor: pointer;
}
.CloseDeleteModalButton{
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/btn_cancel.gif');
    background-repeat: no-repeat;
    margin-bottom: 5px;
    width: 120px;
    height: 19px;
    margin-top: 15px;
    cursor: pointer;
}

.CancelMessageButton {
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/btn_yes.gif');
    background-repeat: no-repeat;
    margin-bottom: 5px;
    width: 120px;
    height: 19px;
    margin-top: 15px;
    cursor: pointer;
}
.SendMessageButton {
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/btn_send.gif');
    background-repeat: no-repeat;
    width: 120px;
    height: 19px;
    cursor: pointer;
}
.ReplyMessageButton {
    display:inline-block;
    background-image: url('/App_Themes/Alphera/Images/Controls/btn_reply.gif');
    background-repeat: no-repeat;
    width: 120px;
    height: 19px;
    cursor: pointer;
}
/*thread*/
.thread
{
    margin-top: 15px;
    margin-bottom: 10px;
    display:inline-block;
}
.thread:after{
    content:"+ Show thread of previous messages" !important;
    text-decoration: underline;
}
.thread.expanded:after{
 content:"- Hide thread of previous messages" !important;
    text-decoration: underline;
}
.threadTextArea
{
    height: 360px;
    width: 500px;
}
#MessageCenterContainer .ui-dialog {
    border-width: 10px;
    border-color: #3399CC;
    border-style: solid;
}

.MessageCenterWait {
    border-width: 0px;
    padding: 0px;
    background-color: transparent!important;
}

.MessageCenterWait .ui-widget-content
{
    background-image: none !important;
    background-color: transparent !important;
}
.attachmentSpan {
    cursor:pointer;
    text-decoration:underline;
    margin-left: 10px;
    display:inline-block;
    height: 16px;
    margin-top: 3px;
    padding-bottom: 3px;
    width: 450px;
}
.attachmentSpan:hover {
     text-decoration:none;
     text-shadow: 1px 1px 1px #555;
}

select, optgroup, option {
    text-decoration:none;
    font-style: normal;
}
.composeDropdownLabel {
    width: 140px;
}
.composeDropdown {
    width: 300px;
}
.composeDropDownError 
{
    margin-left: 5px;
    width: 20px; 
    color:red;
}

.subjectDropdownGroups {
    display: inline;
    float: left;
    width: 100%;
}
.attachmentIcon 
{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.trashIcon 
{
    width: 18px;
    height: 18px;
    margin-left: auto;
    margin-right: auto;
}
.refreshIcon
{
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: 20px;
    vertical-align: middle;
}
.attachmentGroup {
    float: left;
    display: inline-block;
    width: 100%;
}
.threadRead {
    margin-top: 10px;
}
.viewMailMessage {
    float: left;
}
.threadViewRead {
    margin-top: 10px;
    display: inline-block;
}
.plupload {
    z-index: 100 !important
}
.versionInfo {
    display: inline-block;
    margin-top: 150px;
}
#AcceptEsign {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    width: 20px;
    vertical-align: middle;
    margin-left: 150px !important;
    margin-left/*\**/: 147px\9;/*IE 8 hack*/
    *margin-left:150px ;
    float: left;
}

.AcceptEsignLabel {
    float: left;
    padding-top: 10px;
}

.EsignPDFLink {
    padding-bottom: 10px;
    padding-top: 10px;
}
#astAcceptEsign {
    padding-top: 10px;
}

#AcceptEsignDiv {
    padding-top: 10px;
}
.CaptureConsentPage div
{
   margin-left: 20px;
    margin-bottom:7px;
    margin-top: 32px;
}

.ConsentcaptureDataLabelStyle
{
	font-size: 10pt;
	color: #000;
	text-indent: 7pt;
	line-height: 12pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	text-align: right;
	text-decoration: none;
	height: 15px;
    font-weight: bold;
}

.CaptureConsentTableBorderStyle
{
   width:70%;
   margin-bottom: 5px;
}

.CaptureConsentGeneralTextStyle
{
    font-weight: normal;
	font-size: 10pt;
	color: #000000;
	line-height: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background-color: #eee;
	text-decoration: none;
	height: 15px;
}
.ConsentcaptureRequiredstyle
{
	font-size: 10pt;
	color: #000;
	text-indent: 7pt;
	line-height: 12pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eee;
	text-align: left;
	text-decoration: none;
	height: 15px;
}
#pverbiage {
    font-size: x-small;
}

.ConsentVebiage {
    width: 553px;
    margin-top: 15px;
}
.ConsentContinue {
    margin-left: 420px;
    margin-top: 29px;
}
.ConsentVebiagepara {
    text-align: justify;
    font-size: 9pt;
}
.ConsentVerify{
    background: url(/App_Themes/Alphera/Images/Controls/imgVerify.gif) no-repeat;
    background-repeat: no-repeat;
    margin-left: 20px;
    width: 120px;
    height: 19px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    cursor: pointer;
}
.ConsentSkip{
    margin-right: 20px;
    width: 50px;
    height: 19px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    cursor: pointer;
    background-color: transparent;
}
.ConsentText{
    font-family: BMWTypeRegular, Arial, Helvetica, sans-serif; 
    color: white; 
    font-weight: 100; 
    font-size: small; 
}
.ConsentSkipText{
    font-family: BMWTypeRegular, Arial, Helvetica, sans-serif; 
    color: black; 
    font-weight: 100; 
    font-size: 8pt; 
}
.GeneralTextStyleAsteriskMessage{
    font-weight: normal;
	font-size: 10pt;
	color: #000000;
	line-height: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-decoration: none;
	height: 15px;
    background-color: white;
}
.ConsentContinueNewButtons{
    margin-left: 12px;
    margin-top: 29px;
    margin-right: 232px; 
}
.ConsentChangeNumber{
    width: 140px;
    height: 19px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    cursor: pointer;
    background: url(/App_Themes/Alphera/Images/Controls/imgMenuOver.gif) no-repeat;
    vertical-align: middle;
    background-position: 8% center;
}
.ChangeNumberText{
    font-size: 9pt;
    color: #000;
    text-indent: 7pt;
    line-height: 12pt;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #eee;
    text-decoration: none;
    height: 15px;
}
.ConsentHeader{
    font-size: 12px;
    font-family: BMWTypeRegular, Verdana, Arial, Helvetica, sans-serif;
    color: #002230;
    font-weight: normal;
}
.ButtonHover:hover {
    color: #fe6e3e;
}
.ButtonColor {
    color:#0E7FB7;
}

.PreRegistrationStep1 {
    display: grid;
    grid-auto-flow: column;
}

.PrivacyPolicyContainer {
    display: inherit;
    align-items: center;
    justify-content: space-around;
}

.PrivacyPolicyLink {
    text-decoration: underline;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 0.7rem;
}


/*Tab Control*/

.tabStripControl li {
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    float: left !important;
    margin: 0px !important;
    padding: 0px !important;
    border:none !important;
    font-size: 9.7pt !important;
}

.tabStripControl li a {
    float: left;
    position: relative;
    font-size: 100%;
}

.tabStripControl li a .wrap, 
.tabStripControl li a .innerWrap {
    float: left;
    clear: both;
    white-space: nowrap;
    cursor: pointer;
}

.tabStripControl li a.selected .wrap, 
.tabStripControl li a.selected .innerWrap {
    cursor: default;
}

.TabStrip_StatementTabStrip
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 1px;
}

.TabStrip_StatementTabStrip li a
{
	height: 36px;
	text-decoration: none;
	color: #333 !important;
	outline: none;
	background: transparent url('Images/Controls/tabStripBg.gif') repeat-x 0 0;
	position: relative;
	overflow: visible;    
    padding:0px !important;
}

.TabStrip_StatementTabStrip li a .wrap
{
	height: 36px;
	line-height: 36px;
	background: transparent url('Images/Controls/tabStripCornerRight.gif') no-repeat bottom right;
	white-space: nowrap;
	position: relative;
	overflow: visible;
}

.TabStrip_StatementTabStrip li a .innerWrap
{ 
	height: 36px;
	padding: 0 6px 0 7px;
	line-height: 36px;
	text-align: center;
	position: relative;
	background: transparent url('Images/Controls/tabStripCornerLeft.gif') no-repeat bottom left;
}

.TabStrip_StatementTabStrip li a.selected
{
	color: #3399cc !important;
	
}

.TabStrip_StatementTabStrip li a.selected:hover
{
	color: #3399cc !important;
	
}

.TabStrip_StatementTabStrip li a:hover
{
	color:#000 !important;
}

/* first-last styling */

.TabStrip_StatementTabStrip li.first
{
	padding-left: 10px !important;      
    background: none;
}

.TabStrip_StatementTabStrip li.first a
{
	overflow: visible;
	position: relative;
}

.TabStrip_StatementTabStrip li.first a .innerWrap
{
	position: relative;
	margin-left: -5px;
	padding-left: 15px;
	z-index: 2;
	display: block;
}

*+html .TabStrip_StatementTabStrip li.first a .innerWrap
{
	position: static;
}

.TabStrip_StatementTabStrip li.last a
{
	margin-right: 5px;
	overflow: visible;
}

.TabStrip_StatementTabStrip li.last a .wrap
{
	margin-right: -5px;
}

.TabStrip_StatementTabStrip li.first a .innerWrap
{
	background: transparent url('Images/Controls/tabStripRoundedLeft.gif') no-repeat center left;
}

.TabStrip_StatementTabStrip li.last a .wrap
{
	background: transparent url('Images/Controls/tabStripRoundedRight.gif') no-repeat center right;
}

.TabStrip_StatementTabStrip li.break
{
	visibility: hidden;
	width: 0;
	float: none;
}

.TabStrip_StatementTabStrip li a.red,
.TabStrip_StatementTabStrip li a.red .wrap,
.TabStrip_StatementTabStrip li a.red .innerWrap
{
	color: red;
}

.tabStripControl  .ui-header {
    background: none !important;
    border: none !important;            
    text-decoration: none !important;
    padding: 0px !important;   
    display : inline !important; 
        }

.tabcontent {
     padding: 0px !important;  
     width: 370px !important;
}

  #tabs {
            border: none;
            padding: 0px !important;    
        }
/*Tab Control End*/



/*Begin - MultiFactor Authentication*/
.container-inner {
    margin-left: 5px;
}

.progressbar-container {
    height: 10px;
    border: none;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.progressbar {
    height: 100%;
    width: 32%;
    display: inline-block;
}

.dark {
    background-color: #3399CC;
}

.light {
    background-color: lightgray;
}

.action-buttons {
    display: flex;
    justify-content: flex-start;
    padding-left: 15px;
}

.button-style {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 19px;
    color: white;
    border: 1px solid #FFFFFF;
    outline: 1px solid #0E7FB7;
    background-color: #0E7FB7;
    margin-right: 22px;
}

.listitems {
    line-height: normal;
}

.message {
    font-size: 12px;
    margin-left: 15px;
}

.sub-text {
    margin-bottom: 5px;
}

.indent-list {
    list-style: none;
    line-height: normal;
    margin-top: 2px;
    margin-bottom: 5px;
}

.container-wrapper {    
    width: 90%;
}

.text {
    box-sizing: border-box;
    padding: 8px;
    width: 50%;
    margin-left: 3px;
}

.message-text-padding {
    margin-bottom: 10px;
}

.error {
    color: Red;
}
/*End - MultiFactor Authentication*/
#OneTimePaymentAuthorizationDialog {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Verdana, Arial, sans-serif;
}

#OneTimePaymentAuthorizationDialog #buttonContainer {
    position: relative;
    height: 20px;
    margin-top: 15px;
    margin-left: 450px;
}

#OneTimePaymentAuthorizationDialog #buttonContainer button {
    position: absolute;
    top: 0;
}