@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,400,600,700)/* noembed */;

/* minified reset css, original version*/
/* modified from
   http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
.mfa html,.mfa body,.mfa div,.mfa span,.mfa applet,.mfa object,.mfa iframe,.mfa h1,.mfa h2,.mfa h3,.mfa h4,.mfa h5,.mfa h6,.mfa p,.mfa blockquote,.mfa pre,.mfa a,.mfa abbr,.mfa acronym,.mfa address,.mfa big,.mfa cite,.mfa code,.mfa del,.mfa dfn,.mfa em,.mfa img,.mfa ins,.mfa kbd,.mfa q,.mfa s,.mfa samp,.mfa small,.mfa strike,.mfa strong,.mfa sub,.mfa sup,.mfa tt,.mfa var,.mfa b,.mfa u,.mfa i,.mfa center,.mfa dl,.mfa dt,.mfa dd,.mfa ol,.mfa ul,.mfa li,.mfa fieldset,.mfa form,.mfa label,.mfa legend,.mfa table,.mfa caption,.mfa tbody,.mfa tfoot,.mfa thead,.mfa tr,.mfa th,.mfa td,.mfa article,.mfa aside,.mfa canvas,.mfa details,.mfa embed,.mfa figure,.mfa figcaption,.mfa footer,.mfa header,.mfa hgroup,.mfa menu,.mfa nav,.mfa output,.mfa ruby,.mfa section,.mfa summary,.mfa time,.mfa mark,.mfa audio,.mfa video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.mfa article,.mfa aside,.mfa details,.mfa figcaption,.mfa figure,.mfa footer,.mfa header,.mfa hgroup,.mfa menu,.mfa nav,.mfa section{display:block}.mfa body{line-height:1}.mfa ol,.mfa ul{list-style:none}.mfa blockquote,.mfa q{quotes:none}.mfa blockquote:before,.mfa blockquote:after,.mfa q:before,.mfa q:after{content:'';content:none}.mfa table{border-collapse:collapse;border-spacing:0}

.mfa_narrow {
	max-width: 450px !important;
}

.mfa {
	min-width: 475px;
	max-width: 500px;
	font-family: 'open sans', helvetica;
	font-size: 14px;
	color: #7B7B7B !important;
	overflow-y: none;
	box-shadow: 0 0 9px #333;
	text-align: left;
}
.mfa.mfa-medium {
	min-width: 450px;
	max-width: 475px;
}

.mfa .header-bar,
.mfa .footer-bar,
.mfa .content-bar {
	width: 100%;
	margin: 0;
}

.mfa .header-bar span,
.mfa .content-bar span,
.mfa .footer-bar span {
	margin: 5px 0 5px 26px;
	display: block;
}

.mfa .header-bar span {
	display: inline-block;
}
.mfa .content-bar span.buffer-bottom,
.mfa .content-bar span:last-child {
	margin-bottom: 20px;
}

.mfa span:hover {
	cursor: default;
}

.mfa .header-bar,
.mfa .footer-bar {
	line-height: 34px;
	background-color: #EFEFEF;
}

.mfa .header-bar {
	border-bottom: 1px solid #B1B1B1;
	font-weight: 600;
	color: black;
	line-height: 50px;
	height: 60px;
	padding: 0 inherit;
	font-size: 20px;
}

.mfa .content-bar {
	background: white;
	padding: 20px 0;
}

.mfa .content-bar span {
	display: block;
	width: 90%;
	line-height: 20px;
}

.mfa .content-bar span+span {
	margin-top: 20px;
}

.mfa .footer-bar {
	border-top: 1px solid #B1B1B1;
	text-align:right;
}

.mfa span.error-message,
.mfa .content-bar span.error-message {
	color: #A5212A;
	font-weight: 100;
	margin: 5px auto 0 auto;
}

.mfa span.error-message img {
	vertical-align: middle;
	margin-bottom: 3px;
}

.mfa label {
	margin: 20px 0 8px 24px;
	color: black;
	font-weight: 600;
	display: block;
}

.mfa label.must-have {
	color: #A5212A !important;
}

.mfa input[type="text"],
.mfa input[type="password"] {
	border: 1px solid #C8C8C8;
	border-radius: 5px;
	line-height: 20px;
	width: 66%;
	margin-left: 24px;
	padding: 10px;
	font-size: 14px;
	color: #7B7B7B;
}

.mfa ::-webkit-input-placeholder {
  color: #7B7B7B;
  opacity: 0.5
}
.mfa :-ms-input-placeholder  {
  color: #7B7B7B;
  opacity: 0.5
}

.mfa ::placeholder {
  color: #7B7B7B;
  opacity: 0.5
}

.mfa .button {
	color: #B1B1B1;
	outline: none;
}

.mfa .button:hover {
	cursor: pointer;
}

.mfa .button:active,
.mfa .footer-bar .button:active {
	color: white;
}

.mfa #xButton:disabled,
.mfa #otherButton:disabled {
	display: none;
}

.mfa .x-button {
	height: 60px;
	width: 60px;
	line-height: 60px;
	font-size: 22px;
	font-weight: 100;
	font: 400 inherit Arial;
	font-stretch: expanded;
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0;
	border-left: 1px solid #B1B1B1;
	font-weight: normal;
	margin: 0;
	background-color: #EFEFEF;
	background-color: transparent;
}

.mfa .footer-bar .button {
	margin: 15px 10px 15px 0;
	color: black;
	font-weight: 500;
	border-radius: 3px;
	border:none;
	padding: 0 24px;
	line-height: 40px;
	font-size: 14px;
	box-shadow: 0 0 5px #999;
	background-color: #E6E6E6;
}

.mfa .footer-bar .submit-button {
	color: white;
	background-color: #006699;
	box-shadow: 0 0 5px #006699;
}

.mfa .footer-bar .submit-button:active {
	color: black;
}

.mfa .footer-bar .button:last-child {
	margin-right: 20px;
}

.mfa .footer-bar .disabled {
	background-color: #8ab5d0 !important;
	cursor: default;
	box-shadow: 0 0 5px #AAA;
}

.mfa #xButton.disabled,
.mfa #otherButton.disabled {
	display: hidden;
}

.mfa strong {
	margin-right: 5px;
	font-weight: 600;
}

.mfa a,
.mfa a:link,
.mfa a:hover,
.mfa a:active,
.mfa a:visited {
	text-decoration: none;
	border-bottom: none;
	background-color: transparent;
	white-space: nowrap;
}

.mfa span a:hover,
.mfa a:hover {
	cursor: pointer;
	border-bottom: 1px;
	background-color: transparent;
}

.mfa .faq-info a,
.mfa .faq-info a:link,
.mfa .faq-info a:hover,
.mfa .faq-info a:active,
.mfa .faq-info a:visited {
	color: #006699;
}

.mfa .faq-info span a:hover,
.mfa .faq-info a:hover {
	border-bottom: 1px solid #006699;
}

.mfa span.help-info {
	font-size: 0.9em;
}

.mfa .help-info a,
.mfa .help-info a:link,
.mfa .help-info a:hover,
.mfa .help-info a:active,
.mfa .help-info a:visited {
	color: #7B7B7B;
}

.mfa .help-info span a:hover,
.mfa .help-info a:hover {
	border-bottom: 1px solid #7B7B7B;
}

/* RQ STYLES */
.mfa.rq {
	color: #626A6D;
	padding: 20px 40px 20px 60px !important;
	min-width: 700px;
	border-radius: 5px;
	box-shadow: 0 0 9px #CCC;
	min-heightX: 350px;
}

.mfa.rq .content-bar span {
	margin: 12px 0 20px 0;
}

.mfa.rq input[type=text],
.mfa.rq input[type=password] {
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
	margin-bottom: 0;
	width: 33%;
}

.mfa.rq h1 {
	margin: 5px 0;
	display: block;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 16px;
}

.mfa.rq label {
	color: #626A6D;
	font-weight: 700;
	margin-left: 0;
}

.mfa.rq .button {
	margin: 15px 10px 15px 0;
	color: white;
	font-weight: 500;
	border-radius: 3px;
	border: none;
	padding: 0 24px;
	line-height: 40px;
	font-size: 16px;
	box-shadow: 0 0 5px #999;
	background-color: #F47D1C;
	box-shadow: 0 0 3px #F47D1C;
	width: 35%;
	text-transform: uppercase;
}

.mfa.rq .help-info {
	color: #2D2D2D;
}

.mfa.rq .help-info a.phone,
.mfa.rq .help-info a.phone:link,
.mfa.rq .help-info a.phone:hover,
.mfa.rq .help-info a.phone:active,
.mfa.rq .help-info a.phone:visited {
	color: #2D2D2D;
	font-weight: bold;
}

.mfa.rq .help-info a,
.mfa.rq .help-info a:link,
.mfa.rq .help-info a:hover,
.mfa.rq .help-info a:active,
.mfa.rq .help-info a:visited {
	color: #006699;
}

.mfa.rq .help-info strong {
	font-weight: 900;
}

.mfa.rq .content-bar .error-message {
	margin-top: 5px;
}

.mfa .content-bar .masked-email {
	margin-top: 20px;
}

.hide_container {
	display: none;
}

.show_container {
	display: block;
}