@CHARSET "ISO-8859-1";

.float-right {
    float: right;
}
/*
li {
    list-style: disc;
}

/* ------------------------------
 Set Defaults Back Up 
 ---------------------------------*/
body {background: top center repeat-x; font-family:Whitney-Medium, Arial, Helvetica, sans-serif; color: #333; font-size: 14px; }
a {color:#000}
p, blockquote { margin: 0.5em 0;}
sup {font-size: .83em;vertical-align: super; top:0}
a:hover {text-decoration: underline;}
h1 span {
font-weight: normal;
font-size: 0.8em
}
h2 {
font-family: Whitney-Medium, Arial, Helvetica, sans-serif;
font-size: 1.3em;
margin: 3px 0;
}

*/
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="date"],
select {
    display: block;
    width: 100%;
    height: 32px;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        box-sizing: border-box;
}
.text-center {text-align: center;}
.inline-label label {
    display: inline-block;
    width: 42%;
}
.inline-label input,
.inline-label .text-val {
    /*display: inline-block;*/
    width: 78%;
    height: 32px;
    padding: 4px 8px;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #F8FBFC;
    font-size: 14px;
    /*clear: both;*/
}
.inline-label .text-val {
    font-weight: bold; margin-bottom: 20px;
}
.inline-label .helptext {
    width: 56%;
    /*margin-left: 44%;*/
    padding-top: 0;
}

/*specific formatting for email aut-complete markup*/
.inline-label.form-group .eac-input-wrap {
    width: 56%;
}
.inline-label.form-group .eac-input-wrap input {
    width: 100%;
}

#loginPageDiv .help-block a {
    display: inline-block;
    margin: 10px 0 10px 0;
}
#loginPageDiv .help-block a:last-child {
    margin-bottom: 0;
}
.form-group {
    clear: both;
    position: relative;
}
#loginPageDiv .form-group {
    margin-bottom: 16px;
}
.helptext {
    font-size: 11px;
    color: #999;
    margin: 4px 0 10px;
}
.success, .success:hover {
    text-decoration: none;
    color: #3c763d;
}
.success.pw-success {
    padding: 10px 0;
}
a.dismiss, a.button-secondary, a.button-yellow:link, a.button-yellow:focus, a.button-yellow:visited {
    display: inline-block;
    padding: 14px;
    text-align: center;
    font-size: 1em;
    line-height: 12px;
    box-sizing: border-box;
    margin: 0 auto;
    float: none;
}
.responsive a.button-yellow:link, .responsive a.button-yellow:focus, .responsive a.button-yellow:visited {
    /* width: 60%; */
    padding-right: 20px;
}
#lock {
    display: inline-block; clear: left;
}
.comp-findAnAdvisor .tab {
	cursor: pointer;
	float: left;
	height: 40px;
	width: 50%;
}
.comp-findAnAdvisor .wrapper {
	padding: 20px;
}
.comp-findAnAdvisor .inner-wrap {
	display: none;
}
.comp-findAnAdvisor .inner-wrap.active {
	display: block;
}
.comp-findAnAdvisor .tab.active {
	background: #eee;
}
.comp-findAnAdvisor .tab.active a {
    color: #5B5854;
    cursor: default;
    font-weight: normal;    
}
.comp-findAnAdvisor .tab a {
    color: #000;
    display: block;
    font-size: 15px;
    line-height: 1em;
    padding: 15px 0;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
}
.comp-findAnAdvisor .wrapper {
    background: #eee;
    padding-bottom: 20px;
}
.comp-findAnAdvisor .inner-wrap.active {
    position: relative;
    top: 0;
    left: 0;
}
.comp-findAnAdvisor .inner-wrap h2 {
    color: #333333;
    font-size: 18px;
    line-height: 1em;
    margin: 8px 0 15px 0;
}

#bodyContent .newUserContainer ul {
	margin: 0 0 20px 20px;
}
.scrReaderHide {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}
.comp-findAnAdvisor form {
    white-space: nowrap;
}
.comp-findAnAdvisor .btn-submit {
    border: none;
    border-radius: 0;
    display: inline-block;
    height: 30px;
    margin: 0;
    width: 30px;
    -webkit-appearance: none;
    position: relative;
    background: #ffcc33;
    background-position: center;
        background: url("../images/button-yellow-arrow.gif") 70% 50% no-repeat #ffcc33;
}


#email-txt {
    font-weight: bold; font-size: 14px;
}
#email-sent .section-content {
    padding: 20px;
}
.final-wrap input {
	display: table-cell;
	float: left;
	box-sizing: border-box;
}
.final-wrap .btn-addon {
	display: table-cell;
	width: 1%;
	white-space: nowrap;
    vertical-align: middle;
    box-sizing: border-box;
}
.final-wrap {
	display: table;
	width: 100%;
	border-collapse: separate;
	position: relative;
	box-sizing: border-box;
}
.styled-select {
	display: table-cell;
    width: 20%;
    float: none;
}
#faName {
	width: 100%; float: none;
}

.subSection-wrap {
	display: flex;
}


#loginPageDiv:not(.login_aa) .primaryContent .subSection {
	width: 50%; box-sizing: border-box;
    float: left;
	margin: 20px 10px 20px 20px; border: none;
	position: relative; flex: 1;
	padding: 0;
	border: 1px solid #e7e7e7;

    overflow: visible;
}
#loginPageDiv:not(.login_aa) .primaryContent .subSection + .subSection {
	padding: 0;
	margin: 20px 20px 20px 10px;
}
.subSection {
    position: relative;
    overflow: hidden;
}
.subSection dt.group,
.subSection dd {
	margin: 0;
	border: none;
}
#util {
	display: none;
}
/*container_aa clearfix*/
#logIn {
    padding: 12px;
    position: relative;
    min-height: 240px;
}
#logIn input {
	margin-bottom: 14px;
}
#logIn label,
#logIn .userIDLabel {
	padding-bottom: 6px; display: block;
}
#loginPageDiv.login_aa .loginDisclaimerText {
	width: 100%; box-sizing: border-box; max-width: none;
	margin-left: 0; padding: 20px 20px 0;
}

.login-panel {
    padding: 20px;
    box-sizing: border-box;
    position: absolute; top: 0; left: 0;
    width: 100%;
    display: none;    
}   
.login-panel.active {
    display: block;
}
.login-panel.complete {
    display: none;
}
.login-panel.active a:link {
    font-weight: normal;
}
.login-panel.active a.button.button-yellow {
    font-weight: bold;
}
ul#send-code-ul {
    margin: 10px 0;
}
ul#send-code-ul li {
    list-style: none; padding: 0; margin: 0;
}
ul#send-code-ul li label {
      padding: 4px 0; display: block;
}
.comp-findAnAdvisor {
	margin-top: 10px;
}
.find-branch {
	margin-top: 20px;
}

.divider {
    margin: 32px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    visibility: visible;
}
.section {
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    padding: 10px;
    position: relative;
    /*width: 100%;*/
    margin: 0;
}
.section-wrap {
    max-width: 500px;
    margin: 20px auto;
    display: block;
    padding: 0 10px;
    position: relative;
}
.section dd {
    padding: 10px;
}
.section p {
    margin-bottom: 12px;
}
.section .section {
    border:none;
}
#loginPageDiv .mobile-copy {display: none;}
#loginPageDiv .desktop-copy {display: inline-block;}

form#ForgotPassword {
    background: #fff; border: none; 
}

#yes .section,
#no .section {
    margin-bottom: 24px;
}
#yes .section {
    border-bottom: 1px solid #ddd;
}

#ForgotPassword .inline-label label {
    display: inline-block;
    width: 42%;
}
#ForgotPassword .inline-label input, #ForgotPassword .inline-label .text-val {
    /*display: inline-block;*/
    width: 78%;
    margin-bottom: 10px;
    /*clear: none;*/
}

/*this is prototype only fakeness, do not put in PROD*/
#fake-push-note {
  position: absolute; top: -80px; width: 100%; height: 80px;
  background: rgba(0,0,0,.8); color: #fff; padding: 10px 20px;
  z-index: 1000; box-sizing: border-box;
}

#fake-push-note .fa-envelope-o {
  display: inline-block; float: left;
}
#push-note-txt {
  position: absolute; width: auto; padding: 20px 0 0 70px; top: 0px;
}
#push-note-txt p,
#push-note-txt h3 {
  margin: 0;
}
.help-link {
    margin-left: 3px;
}
.help-link img {
    position: relative; top: 3px;
}

/*====Reset Password====*/

/*Start password strength indicator*/
#pw {
    border-radius: 4px 4px 0 0;    
}
#pw, #confirm-pw {
	height: 32px;
    padding:  4px 8px;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    background-color:  #F8FBFC;
    font-size: 14px;
    margin: 4px 0 0 0;
    margin: 4px 0 0 0;
}
#password-strength {
   display: block;
   position: relative;
   font-size: 0px;
   border-radius:  0 0 4px 4px; 
   overflow: hidden;
 }
 #password-strength .box {
    position: relative;
    height: 25px;
    width: 100%;
    display: inline-block;
    background-color: #eee;
    text-align: center;
}

#password-strength .box div.bar-text {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: left;
  font-size: 13px;
  z-index: 3;
  line-height: 25px;
  padding-left: 10px;
}

#password-strength .box .bar {
  position: absolute;
  width: 0%;
  height: 100%;
  z-index: 2;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  border-radius: 0;
}

#password-strength .normal  .box .bar-text,       
#password-strength .medium  .box .bar-text,       
#password-strength .strong  .box .bar-text,
#password-strength .vstrong .box .bar-text {
  color: #fff;
}

#password-strength.weak    .box .bar {background: #d9534f; width: 33.333333333333333333%;}
#password-strength.medium  .box .bar {background: #fa9c57; width: 66.666666666666666666%;} 
#password-strength.strong  .box .bar {background: #3c763d; width: 100%;}  




#pw-req,
#un-req {
    position: relative;/* display: none;*/
    z-index: 100; background: #fff;
    padding: 6px 20px 6px; border: 1px solid #ddd;
    margin: 12px 0px 24px; border-radius: 4px; color: #676767;
}
#pw-req ul,
#un-req ul {
    padding-left: 0px; margin-left: 20px;
}
#pw-req li,
#un-req li {
    position: relative;
  line-height: 18px;
  margin-bottom: 6px;
}
#pw-req li.success,
#pw-req li.inline-err,
#un-req li.success,
#un-req li.inline-err {
    list-style: none;
    color: #3c763d;  
}
#pw-req li.inline-err,
#un-req li.inline-err {
    color: #d9534f;
}
#pw-req li.success:before,
#pw-req li.inline-err:before,
#un-req li.success:before,
#un-req li.inline-err:before {
    content: "\f058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: -20px;
    top: 0;
    /*color: #3c763d;*/
}
#pw-req li.inline-err:before,
#un-req li.inline-err:before {
    content: "\f071";
}

#pw-req:before, 
#un-req:before,
#pw-req:after, 
#un-req:after {
    width: 0; height: 0; display: block; content: '';
    border-top:    10px solid transparent;
    border-right:  10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left:   10px solid transparent;
    position: absolute; left: 8px; top: -20px;
    z-index: 2;
}
#pw-req:after, 
#un-req:after {
    border-top:    11px solid transparent;
    border-right:  11px solid transparent;
    border-bottom: 11px solid #ddd;
    border-left:   11px solid transparent;  
    z-index: 1; left: 7px;top: -22px;
}

.success,
.success:hover {
    text-decoration: none;
    color: #3c763d;
}
.email-on-file {
  text-align: center;
  padding-top: 20px;
}
.email-on-file  + #new-email {
  /*border-top: 1px solid #eee; */padding-top: 10px;
}
.email-address {
  font-weight: bold; 
}
#resend-email.success {
    pointer-events: none;
}
.successMsg{
    background: transparent url("../images/icon_success.gif") no-repeat scroll 0 0;
    padding: 5px 0px 5px 34px;  
}
#modal-btn-wrap {
    position: relative;
    bottom: 0;
    width: 100%;
    text-align: center;
}
#view-pw {
    font-size: 11px;
    color: #777;
    text-decoration: underline;
    cursor: pointer;
}
#view-pw .fa {
    margin-right: 4px;
}


@media screen and (max-width: 720px) {

    #loginPageDiv .mobile-copy {display: inline-block;}
    #loginPageDiv .desktop-copy {display: none;}

	.subSection-wrap {
		display: block;
	}
	#loginPageDiv:not(.login_aa) .primaryContent .subSection,
	#loginPageDiv:not(.login_aa) .primaryContent .subSection + .subSection {
		clear: both; float: none;
		width:auto; margin: 20px 10px 20px 10px;
	}
	#loginPageDiv {
		padding: 0;
	}

}
@media (min-width: 1024px) {
    #pw-req, 
    #un-req {
        position: absolute;
        left: 100%; width: 260px; top: 18px;
        margin-left: 11px; margin-top: 0; 
        opacity: 0; pointer-events: none;
    padding-bottom: 10px 20px 20px;    
        -webkit-transition: opacity .6s; /* Safari */
                transition: opacity .6s;        
                box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
    }
    input:focus + #pw-req,
    input:focus + div +  #pw-req,
    input:focus + #un-req {
        opacity: 1;
    }

    #pw-req:before, 
    #un-req:before,
    #pw-req:after, 
    #un-req:after    {
        width: 0; height: 0; display: block; content: '';
        border-top:    10px solid transparent;
        border-right:  10px solid #fff;
        border-bottom: 10px solid transparent;
        border-left:   10px solid transparent;
        position: absolute; left: -20px; top: 8px;
        z-index: 2;
    }
    #pw-req:after, 
    #un-req:after {
        border-top:    11px solid transparent;
        border-right:  11px solid #ccc;
        border-bottom: 11px solid transparent;
        border-left:   11px solid transparent;  
        z-index: 1; left: -22px;top: 7px;
    }
} 
    
    input.error,label.error,div.error,span.error,select.error {border: 2px solid #EF0000;padding: 2px;}
    .inline-err .helptext {
	color: #a94442;
	}
	#dob-wrap.inline-err.inline-label:after {
	content: '';
	}
	.inline-err label {
	color: #a94442;
	font-weight: bold;
    }

    .form-group.success label:before, .inline-err label:before {
		content: "\f071";
		display: inline;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 18px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		position: relative;
		top: -1px;
		/*content: "\f06a";*/
		margin-right: 4px;
		float: left;
	}
	
	.form-group.success label:before {
	content: "\f058";
}
	.form-group.success.inline-label:after, .form-group.inline-err.inline-label:after
	{
		top: 7px;
		right: 8px;
	}

	.form-group.inline-err input {
		border: 1px solid #b32715;
		background: #f2dede;
	}

	.form-group.success input:focus {
		-moz-box-shadow: 0 0 6px #3c763d;
		box-shadow: 0 0 6px #3c763d;
	}
	
	.form-group.inline-err input:focus {
		-moz-box-shadow: 0 0 6px #b32715;
		box-shadow: 0 0 6px #b32715;
	}
ul#send-code-ul li.consent {font-size: .9em; background-color: #f1f1f1; padding: 5px;}