html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.pageContainer {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.loginFormArea {
	height: 100%;
    margin-top: 82px;
	overflow: visible;
    display: inline-block;
    float: left;
}

.loginButtons {
	margin-top: 5px;
	width: 278px;
	margin-left: auto;
	margin-right: auto;
}

.signInButton {
    background-color: #FE4E60;
}

.signInButton:hover {
    background-color: #F23F51;
}

.rememberMeCheckbox {
	margin-top: 5px;
}

.forgottenPassword {
    
}

/* Divider Line on Corporate Login page. */
.signInOrLineDiv {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.signInOrLine {
    overflow: hidden;
    text-align: center;
    color: #909090;
    width: 20px;
	/*margin-left: -15px;*/
}

/* the text content " or " is 20px (.signInOrLine), the 2 lines are 130px. So 260px + 20px = 280px (which is the width of the <div> containing the log in controls.*/
.signInOrLine:before,
.signInOrLine:after {
    background-color: #909090;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 130px;
}

.signInWithSalesforceButton {
    background-color: #246A73;
}

.signInWithSalesforceButton:hover {
    background-color: #1f6069;
}

.signIntoArtesianImage {
	padding-bottom: 30px;
	max-width: 280px;
}

.demoExperience {
    margin-top: 15px;
}

.loginForm {
	width: 300px;
	margin: 0 auto;
}

.marketingIframeContainer {
    height: 100%;
    overflow: hidden;
}

.marketingIframe {
    width: 100%;
    height: 100%;
    border: none;
}

.errorMessage {
	width: 228px;
}

.nonStandardTenantMessage {
	margin-right: 22px;
	padding: 10px !important;
}

.nonStandardTenantMessageImage {
	float: left;
	padding-right: 10px;
}

@font-face {
	font-family: source_sans_prosemibold;
	src: url(Fonts/sourcesanspro-semibold-webfont.eot);
	src: url(Fonts/sourcesanspro-semibold-webfont.eot?#iefix)format('embedded-opentype'), url(Fonts/sourcesanspro-semibold-webfont.woff)format('woff'), url(Fonts/sourcesanspro-semibold-webfont.ttf)format('truetype'), url(Fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold)format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: pill_gothic_600mglight;
	src: url(fonts/PillGothic600mg-Light-webfont.eot);
	src: url(fonts/PillGothic600mg-Light-webfont.eot?#iefix)format('embedded-opentype'), url(fonts/PillGothic600mg-Light-webfont.woff2)format('woff2'), url(fonts/PillGothic600mg-Light-webfont.woff)format('woff'), url(fonts/PillGothic600mg-Light-webfont.ttf)format('truetype'), url(fonts/PillGothic600mg-Light-webfont.svg#pill_gothic_600mglight)format('svg');
	font-weight: 400;
	font-style: normal;
}

/* Mobile */
@media (max-width: 750px) {
	.loginFormArea {
		width: 100%;
	}

	.signIntoArtesianImage {
		max-width: 100%;
	}

	.errorMessage {
		width: 250px;
	}

	.nonStandardTenantMessage {
		margin-right: 0;
	}
}


@media screen and (min-width: 750px) {
	.loginFormArea {
		width: 400px;
	}

}

@media screen and (min-width: 1000px) {
	.loginFormArea {
		width: 450px;
	}

}

@media screen and (min-width: 1250px) {
	.loginFormArea {
		width: 500px;
	}
}

.cookiesDisabled 
{
	padding-left: 50px;
	display: none;
}