body
{
	background: #b6c1ce url("../images/layout/loginBg.png") repeat-x;
}

/* HEADER AREA CENTERED */
.logo
{
    padding: 14px 14px 7px;
    height: 80px; /* need to set height of no logoImg */
	box-sizing: content-box;
}
.contentAreaExtras
{
	background: url("../images/yourlogo.png") no-repeat 50%;
	width: 457px;
	height: 449px;
	margin: 0 auto;
}

/* CONTENT AREA - Login Left & Content Right */
#userZone
{
	margin-bottom: 5em;
}

#emailConsentLabel
{
	display: inline;
	margin-left: 5px;
}

/* Right and left padding must leave room for the "x" displayed to the right of an errored form field.  Also, a form border width of 9px. */
.betaLoginWrapper
{
    background: #f6f7f9;
    border: 1px solid #b6c1ce;
    padding: 15px 15px 18px;
    width: 390px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
.loginWrapper
{
    border-right: 1px solid #b6c1ce;
}
.loginContent
{
	border-top-style: solid;
	border-top-color: #b6c1ce;
	border-top-width: 1px;

	border-bottom-style: solid;
	border-bottom-color: #b6c1ce;
	border-bottom-width: 1px;

	clear: both;
	background-color: #fff;
	min-height: 400px;
	min-width: 1006px;
	position: relative;
}
.captchaPresent
{
	min-height: 460px;
}
.loginContent .xboxcontent
{
	height: 105px;
	min-height: 105px;
	min-width: 441px;
	width: 441px;
}
.loginContent .xtop, .loginContent .xbottom
{
	min-width: 444px;
	width: 444px;
}
.loginForm
{
	background-color: #fff;
	width: 49%;
	min-width: 494px;
}
.loginForm .msg-alert-display {
	width: 390px;
}
.currentLogin, .newLogin
{
    position: relative;
}
.currentLogin
{
	min-height: 380px;
}
.loginForm div.currentLogin, .contentArea div.currentLogin,
.loginForm div.newLogin, .contentArea div.newLogin,
.loginForm div.supportLinks, .contentArea div.supportLinks
{
	padding: 10px 30px;
}
.loginForm div.newLogin
{
    margin: 2em -1.5em 0;
    padding: 1em 1.5em 0;
}
#idpLargeLinkAboveLogin h2,
.loginForm div.newLogin h2
{
	font-size: 18px;
    font-weight: normal;
	line-height: 20px;
}
.loginForm div.supportLinks
{
    margin: 0 30px;
    padding: 10px 0;
}

.loginForm div.supportLinks.support-links-center
{
	text-align: center;
}

.contentArea
{
	width: 47.5%;
	min-width: 499px;
}

.randomImgContent
{
	height: 449px;
	text-align: center;
}
.randomImgContent img.iconFormat
{
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}
.randomImgContent .helperSpacerDiv
{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.register .verticalBar
{
	height: 700px;
}
.create-new-user
{
	display:inline-block;
}

.login-block-item
{
	position: relative;
	margin: -15px -18px 1.5em -17px;
	padding: 10px 17px 20px;
}

/* IDP (SAML/SSO) Styles */
.dottedVerticalDivider
{
	border-left: 2px dotted #b6c1ce;
	height:87px;
	vertical-align:top;
	display:inline-block;
	position: absolute;
	top: 0;
}
#idpSmallLink
{
    position: absolute;
    bottom: 22px;
    right: 2em;
    z-index: 10;
}
#idpLargeLinkAboveLogin
{
	border-bottom: 1px dotted #b6c1ce;
}

#idpLargeLinkAboveLogin .idpCustomBtn
{
	float: left;
}

/* footer color */
#versionInfo
{
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	width: 100%;
	text-align: center;
}
#versionInfo .layoutHome a,
#versionInfo .layoutHome span
{
	color: #fff;
}
#versionInfo .layoutHome a, #versionInfo .layoutHome span,
#versionInfo .layoutSimple a, #versionInfo .layoutSimple span
{
	font-size: 11px;
}

/* login selector page buttons */
.selectorWrapper
{
	margin: 0 auto;
	text-align: center;
}
.useLoginPage, .useIdpProvider
{
	margin: 77px 0;
	width: 50%;
}
.loginMethodWrapper
{
	text-align: center;
}
.useLoginPage
{
	float: right;
	border-left:  1px solid #dae0e7;
}
.useIdpProvider
{
	float: left;
}
.useIdpProvider .loginMethodWrapper
{
	float: right;
	padding-right: 87px;
}
.useLoginPage .loginMethodWrapper
{
	float: left;
	padding-left: 87px;
}

/* BUTTONS */
.roundbutton
{
	position: relative;
	display: inline-block;
	width: 8em;
	padding: 0.25em 0.5em 0.3em 0.5em;
	text-align: center;
	cursor: pointer;
	border: 2px solid #b6c1ce;
	background-color: #dae0e7;
	background-color:rgba(128,128,128,0.75);
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	-opera-border-radius:16px;
	-khtml-border-radius:16px;
	border-radius:16px;
	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
	background-image:-moz-linear-gradient(top,bottom,from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
	-khtml-box-shadow:rgba(192,192,192,0.75) 0 8px 24px;
	-moz-box-shadow:rgba(192,192,192,0.75) 0 8px 24px;
	box-shadow:rgba(192,192,192,0.75) 0 8px 24px;
}

/* top half of button */
.roundbutton span
{
	position: absolute;
	display: block;
	width: 94%;
	left: 3.5%;
	top: 0;
	height: 50%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: rgba(255,255,255,0.25);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
	background-image: -moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
}

.roundbutton, .roundbutton a, .roundbutton a:link, .roundbutton a:visited
{
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	text-decoration : none;
}

.registrationWrapper
{
	background: #fff;
	padding: 10px 20px;
}

#forgotPasswordForm input:focus:invalid
{
	border-color: #2c374a;
	box-shadow: none;
	color: black;
}

#forgotPasswordForm .invalid-email .alert-danger
{
	display: inline-block;
	margin: -10px 0 24px;
}

#messageZone
{
	background-color: transparent !important;
}
.modal-backdrop, .modal-backdrop.fade.in {
	opacity: 0.64;
}
.supportLinks a,
.supportLinks a:link,
.supportLinks a:visited,
.supportLinks a:hover
{
	text-decoration: underline;
}
h1.loginTitle,
.secondaryLoginTitle,
.betaLoginWrapper h1
{
	font-size: 20px;
	line-height: 22px;
	margin-top: 10px;
}