@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-modal-layout {
	width: 940px;
	display: inline-block;
	text-align: center;
}

.mfa {
	position: relative;
	display: inline-block;
	z-index: 2;
}

.mfa-enter-email {
	top: 100px;
}

.mfa-code-verification {
	top: 150px;
}

button:disabled {
	cursor: pointer;
	opacity: 0.5;
}

.mfa-success {
	top: 200px;
}

.mfa-email {
	max-width: 585px;
	font-family: 'open sans', helvetica;
	font-size: 9pt;
	color: black;
	overflow-y: none;
	text-align: left;
}

.masked-email {
	font-weight: bold;
}

.mfa .content-bar .email-address,
.mfa .content-bar .email-subject {
	white-space: nowrap;
	margin-left: 0;
	display: inline;
}

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

.mfa-email .link-bar div {
	display: inline-block;
	padding: 0 15px;
	border-right: 1px solid black;
	line-height: 11px;
}

.mfa-email .link-bar div:first-child {
	padding-left: 0;
}

.mfa-email .link-bar div:last-child {
	border-right: none;
}

.modal-container {
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
}

.modal-window {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.mfa .content-bar span {
	white-space: normal;
}
