/*===========================================
	LoginPage
===========================================*/
.LoginPage {
	background: #E9E9E9;
}
	.LoginPage .LoginPageHalfSplit {
		position: relative; 
		float: left;
		width: 50%;
	}
	.LoginPage .LoginPageHalfSplit.VHImage {
		height: 100vh;
		overflow-x: hidden; 
		overflow-y: hidden;
	}
	.LoginPage .LoginPageHalfSplit.VHImage .DisplayImageText {	
		position: absolute; 
		top: 30px; 
		left: 30px;	
		right: 30px;	
		width: 60%;
	}
		.LoginPage .LoginPageHalfSplit.VHImage .DisplayImageText p {
			font-size: 18px;
			font-weight: 100;
			color: #FFF;
			margin-top: 10px;
		}
		.LoginPage .LoginPageHalfSplit.VHImage .DisplayImageText p.Title {
			font-size: 50px;
			line-height: 120%;
			font-weight: 100;
			color: #FFF;
			margin-top: 10px;
		}
		
		
		.LoginPage .LoginPageHalfSplit .Logo {
			margin: 0 auto;
			max-width: 380px;
			margin-top: 100px;
			text-align: center;
		}
			.LoginPage .LoginPageHalfSplit .Logo img {
				max-width: 100%;
			}
		
		
		.LoginPage .LoginPageHalfSplit.VHImage  {
			overflow: hidden;
		}
		.LoginPage .LoginPageHalfSplit.VHImage  img {
			width: auto;
			background-size: contain;
		}

		
/*===========================================
	LOGIN FORM
===========================================*/
.Login {
	margin: 0 auto;
	max-width: 380px;
	background: #FFF;
	margin-top: 20px;
	border: 1px solid #DEDEDE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}	
	.Login form {
		padding: 20px;
		color: #4A4A4A;
	}
	
	.Login label {
		display: block;
		font-weight: bold;
		text-align: left;
		width: 250px;
		float: left;
		margin: 5px 0 0 0;
	}
		
	.Login input, .Login textarea, .Login select {
		float: left;
		font-family: 'OpenSans-Regular', sans-serif;
		width: 100%;
		font-size: 12px;
		padding: 6px;
		margin: 5px 0;
		border: solid 1px #DEDEDE;
		box-sizing: border-box;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
		.Login input:focus, .Login textarea:focus , .Login select:focus {
			border-color: #8D8E8D;
			outline: 0;
		}
	
	.Login .SubmitButtonPosition {
		float: left;
		width: 100%;
		margin: 10px 0px
	}
		
	.Login button, .Login .Button {
		margin-top: 100px;
		width: 100%;
		background: #00BBF1;
		padding: 8px 0px;
		text-align: center;
		display: block;
		color: #FFF;
		font-size: 1em;
		font-weight: bold;
		border: 0;
		cursor: pointer;
		margin: 0px;
		text-decoration: none;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
		.Login button:hover {
			background: #393939;
		}
		
	.Login .ForgotPassword {
		width: 49%;
		background: #393939;
		margin-right: 2%;
	}
		.Login .ForgotPassword:hover {
			background: #121212;
		}
		
		
	input.ValidateError, select.ValidateError {
		border: solid 1px red;
	}
	label.ValidateError, .ValidateError {
		color: Red;
	}


/*===========================================
	RESPONSIVE
===========================================*/
@media screen and (max-width: 800px) {
	.LoginPage .LoginPageHalfSplit {
		width: 100%;
	}
	.VHImage {
		display: none;
	}
}