header.major p
{
	margin: 0 0 3rem 0;
}

div.signup, div.signin
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 30em;
}
div.signup > div, div.signin > div
{
	white-space: nowrap;
	padding-left: 2em;
	padding-top: 1em;
}

div.account, div.signin-area
{
	display: inline-flex;
	flex-flow: row;
	flex-wrap: wrap;
}

div.thirdparty-login
{
	padding-right: 2em;
	width: 350px;
	border-right: 1px solid #ccc;
}
div.thirdparty-login div.or
{
	display: none;
}

div.account > div
{
	padding: 2em;
}
div.left
{
	border-right: 1px solid #ccc;
	text-align: center;
}

.button.hidden
{
	display: none;
}

div.divider
{
	margin-top: 1.25em;
	border-top: 1px solid #ccc;
}

div.ProfileImage
{
	border: 1px solid #000;
	border-radius: 50%;
	overflow: hidden;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}

div.ProfileImage > img
{
	width: 200px;
	height: 200px;
}
div.ProfileImageUpdate
{
	display: none;
}

div.account input, div.signup input, div.signin input
{
	height: initial;
	width: 20em;
	padding: 0 .25em;
	display: inline;
}


div.signup > div.buttons
{
	text-align: right;
	padding-top: 2em;
}
div.signin > div.buttons
{
	text-align: center;
	padding-top: 2em;
}

span.reload-captcha, span.resend-verification
{
	cursor: pointer;
}

div.account .button, div.signin button#verify
{
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .75rem;
	border-radius: 1.5rem;
	padding: 0 .75rem;

}

ul.options
{
	padding-top: 2em;
	padding-left: 2em;
}

@media screen and (max-width: 1000px) {
	div.signin-area
	{
		display: block;
		flex-flow: initial;
		flex-wrap: initial;
	}
	div.thirdparty-login
	{
		padding-right: initial;
		border-right: initial;
	}
	div.signin
	{
		display: block;
		max-width: 30em;
	}
	div.signin > div, div.signup > div
	{
		padding-left: initial;
	}
	div.thirdparty-login div.or
	{
		display: block;
		text-align: center;
		padding-top: 3em;
	}
}

@media screen and (max-width: 750px) {
	div.account
	{
		display: block;
		flex-flow: initial;
		flex-wrap: initial;
		margin: auto;
		width: 50%;
	}
	div.left
	{
		border-right: initial;
	}
	ul.options
	{
		padding-left: initial;
	}
}

@media screen and (max-width: 600px) {
	div.signup, div.signin
	{
		display: initial;
		grid-template-columns: initial;
		max-width: 90%;
	}
	div.signup > div.buttons, div.signin > div.buttons
	{
		text-align: center;
	}
	div.signup > div, div.signin > div
	{
		padding-left: 0;
		padding-top: .25em;
	}
}

div.signup input[name='verificationCode'], div.account input[name='verificationCode'], div.signin input[name='verificationCode']
{
	width: initial;
}

div.account input[name='verificationCode']
{
	margin-top: 1em;
}

div.account div.verifyCode
{
	display: none;
}

div.account div.edit
{
	display: none;
}

div.account i.fa-pen-to-square
{
	font-size: 75%;
	vertical-align: super;
	cursor: pointer;
}

div.emailVerification
{
	display: none;
}

input.error
{
	border: 2px solid #F00 !important;
}

i#emailVerified, i#passwordVerified
{
	color: green;
	display: none;
	padding-left: 1em;
}

i#showpass
{
	cursor: pointer;
}

span.checkbox
{
	cursor: pointer;
}

div.error
{
	display: none;
	font-size: 75%;
	color: #F00 !important;
}
div.success
{
	font-size: 75%;
	color: #008000 !important;
}

div.verification-code-login
{
	display: none;
}

#send-code
{
	display: none;
	margin-left: 2em;
}

div.sso-entry
{
	padding-bottom: 1em;
}

div.account input[name='screenName']
{
	width: 10em;
	margin-bottom: .5em;
}