/* ALL forms and member info will be inside this container. Form inputs are controlled via formee.css */


.account-container {padding:0 10px; max-width:600px; margin:0 auto;}
.account-container .top-note {font-size:.75em; margin:0 0 15px;}
.account-container .login-helper {padding:20px 0 0 0; text-align:center;}
.account-container .login-helper a {display:inline-block; margin:0 8px 15px; white-space:nowrap; color:#474c55; vertical-align:middle;}

.account-container .login-helper a.notification-trigger2 {}
.account-container .login-helper .notification-trigger {display:inline-block; vertical-align:middle; margin-left:10px; position:relative;}
.account-container .login-helper .notification-trigger .icon {text-decoration:none; background:#4295bc; width:30px; height:30px; border-radius:50%; color:#fff; font-size:1.25em; position:relative; display:inline-block;}
.account-container .login-helper .notification-trigger .icon [class^="icon-"] {position:absolute; left:5px; top:5px;}

.account-container .login-helper.notification-active a.notification-trigger2 {background:#e8e8e8; border:1px solid #c9ccd1; border-bottom:0; height:45px; margin-top:-6px; margin-bottom:14px; padding:5px 8px 0;}

.account-container .account-content {background:#ededed; padding:10px 0; line-height:1.6; position:relative; margin:-15px 0 20px;}
.account-container .account-content .inner {position:relative;}
.account-container .account-content:before {content:''; background:#ededed; height:100%; width:1000%; left:-500%; top:0; position:absolute;}
.account-container .account-content span.bold {font-weight:500;}
.account-container .account-content .phone {color:#940010; font-size:1.125em; text-decoration:none; font-weight:500; white-space:nowrap;} 

.register-confirmation {display:table; width:100%; margin:0 0 20px;}
.register-confirmation .register-confirmation-block {display:table-cell; vertical-align:middle;}
.register-confirmation .register-confirmation-block:first-child {padding-right:15px;}
.register-confirmation p {margin:0px;}
.register-confirmation .icon {display:inline-block;background:#16762a; width:30px; height:30px; border-radius:50%; color:#fff; font-size:1.25em; position:relative;}
.register-confirmation .icon [class^="icon-"] {position:absolute; left:5px; top:5px;}

.account-container p {}
.account-container p span {font-weight:500;} 
.account-container p .phone {color:#940010; font-size:1.125em; text-decoration:none; font-weight:500; white-space:nowrap;}
.account-container .form-heading {font-size:1.125em; font-weight:bold;}
.account-container .form-heading .edit {font-size:.75em; color:#001f5b;}

.account-container .form-buttons {display:table; width:100%;}
.account-container .form-buttons:after {display:none;}
.account-container .form-buttons .form-button {display:table-cell; vertical-align:middle;}
.account-container .form-buttons .form-button:after {display:none;}
.account-container .form-buttons .form-button:nth-child(2) {padding-left:5px;}

.psuedo-button {position:relative; display:block;}
.psuedo-button.btn2 {background:#2E7D32;} /*#940010*/
.psuedo-button.btn2:hover,
.psuedo-button.btn2:focus {background:#00205b;}
.psuedo-button input {position:absolute; top:0; left:0; width:100%; height:100%; border:0px; text-indent:-999em; text-align:left; background:transparent;}
.psuedo-button a {position:absolute; top:0; left:0; width:100%; height:100%; border:0px; text-indent:-999em; text-align:left; background:transparent;}

.psuedo-button.close-button {display:inline-block; background:#c03b3b; width:34px; height:34px; border-radius:50%;}
.psuedo-button.close-button:before {background:#ffffff; position:absolute; content:''; left:51%; top:50%; margin:-1px 0 0 -30%; width:60%; height:3px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.psuedo-button.close-button:after {background:#ffffff; position:absolute; content:''; left:51%; top:50%; margin:-1px 0 0 -30%; width:60%; height:3px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}


.account-container .add {margin:0 0 20px;}
.account-container .add a.trigger {color:#001f5b;}
.account-container .add .form-element-container {display:none;}
.account-container .add.active {margin:0;}
.account-container .add.active .trigger {display:none;}
.account-container .add.active .form-element-container {display:block;}

.progress-container {background:#ededed; padding:15px 0 45px;}
.progress-container .inner {max-width:600px; margin:0 auto; padding:0 10px;}
.progress-container .progress {position:relative; margin:0 20px;}
.progress-container .progress .progress-bar {background:#d0d3da; height:6px; position:relative;}
.progress-container .progress .progress-bar:after {position:absolute; background:#9d1c1f; height:100%; top:0; left:0; content:''; }
.progress-container .progress .step {position:absolute; top:-4px; width:50px; text-align:center; font-weight:500; font-size:.75em; padding-top:20px;}
.progress-container .progress .step:before {position:absolute; top:0; left:50%; margin-left:-7px; content:''; width:14px; height:14px; background:#d0d3da; border-radius:50%;}
.progress-container .progress .step:nth-child(1) {left:-25px;}
.progress-container .progress .step:nth-child(2) {left:23%;}
.progress-container .progress .step:nth-child(3) {right:23%;}
.progress-container .progress .step:nth-child(4) {right:-25px;}

.progress-container .progress.progress25 .progress-bar:after {width:18%;}
.progress-container .progress.progress33 .progress-bar:after {width:33%;}
.progress-container .progress.progress50 .progress-bar:after {width:50%;}
.progress-container .progress.progress66 .progress-bar:after {width:66%;}
.progress-container .progress.progress75 .progress-bar:after {width:82%;}
.progress-container .progress.progress100 .progress-bar:after {width:100%;}

.progress-container .progress .step:nth-child(1),
.progress-container .progress.progress25 .step:nth-child(1),
.progress-container .progress.progress33 .step:nth-child(1),
.progress-container .progress.progress50 .step:nth-child(1),
.progress-container .progress.progress66 .step:nth-child(1),
.progress-container .progress.progress75 .step:nth-child(1),
.progress-container .progress.progress100 .step:nth-child(1),
.progress-container .progress.progress33 .step:nth-child(2),
.progress-container .progress.progress50 .step:nth-child(2),
.progress-container .progress.progress66 .step:nth-child(2),
.progress-container .progress.progress75 .step:nth-child(2),
.progress-container .progress.progress100 .step:nth-child(2),
.progress-container .progress.progress66 .step:nth-child(3),
.progress-container .progress.progress75 .step:nth-child(3),
.progress-container .progress.progress100 .step:nth-child(3),
.progress-container .progress.progress100 .step:nth-child(4) {font-weight:bold; color:#00205b;}

.progress-container .progress .step:nth-child(1):before,
.progress-container .progress.progress25 .step:nth-child(1):before,
.progress-container .progress.progress33 .step:nth-child(1):before,
.progress-container .progress.progress50 .step:nth-child(1):before,
.progress-container .progress.progress66 .step:nth-child(1):before,
.progress-container .progress.progress75 .step:nth-child(1):before,
.progress-container .progress.progress100 .step:nth-child(1):before,
.progress-container .progress.progress33 .step:nth-child(2):before,
.progress-container .progress.progress50 .step:nth-child(2):before,
.progress-container .progress.progress66 .step:nth-child(2):before,
.progress-container .progress.progress75 .step:nth-child(2):before,
.progress-container .progress.progress100 .step:nth-child(2):before,
.progress-container .progress.progress66 .step:nth-child(3):before,
.progress-container .progress.progress75 .step:nth-child(3):before,
.progress-container .progress.progress100 .step:nth-child(3):before,
.progress-container .progress.progress100 .step:nth-child(4):before {background:#9d1c1f;}

.progress-container .progress .step:nth-child(1):after,
.progress-container .progress.progress25 .step:nth-child(1):after,
.progress-container .progress.progress33 .step:nth-child(1):after,
.progress-container .progress.progress50 .step:nth-child(1):after,
.progress-container .progress.progress66 .step:nth-child(1):after,
.progress-container .progress.progress75 .step:nth-child(1):after,
.progress-container .progress.progress100 .step:nth-child(1):after,
.progress-container .progress.progress33 .step:nth-child(2):after,
.progress-container .progress.progress50 .step:nth-child(2):after,
.progress-container .progress.progress66 .step:nth-child(2):after,
.progress-container .progress.progress75 .step:nth-child(2):after,
.progress-container .progress.progress100 .step:nth-child(2):after,
.progress-container .progress.progress66 .step:nth-child(3):after,
.progress-container .progress.progress75 .step:nth-child(3):after,
.progress-container .progress.progress100 .step:nth-child(3):after,
.progress-container .progress.progress100 .step:nth-child(4):after {content:''; width:4px; height:4px; background:#fff; border-radius:50%; position:absolute; top:5px; left:50%; margin-left:-2px; z-index:2;}


@media only screen and (max-width:29.99em){
.account-container .form-buttons .form-button {display:block; padding:0 !important; margin:0 0 5px;}
}
@media only screen and (min-width:48em){
	.account-container .account-content {margin:-30px 0 20px;}
	
	.progress-container {padding:15px 0 35px;}
	.progress-container .progress {margin:0 15px;}
	.progress-container .progress .step { width:100px; font-size:.875em; }
	.progress-container .progress .step:nth-child(1) {left:-50px;}
	.progress-container .progress .step:nth-child(2) {left:25%;}
	.progress-container .progress .step:nth-child(3) {right:25%;}
	.progress-container .progress .step:nth-child(4) {right:-50px;}
}