#login-page {
	margin: 0px auto;
	width: 100%;
	max-width: 800px;
}


#login_container {
    margin: 150px 0px 0px 0px;
}

#login input[type="text"], #login input[type="password"] {
    padding: 11px 5px 11px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 446px;
    font-size: 1.5em;
    position: relative;
    z-index: 2;
    color: black; /*@login_input_text*/
}

.right {
    text-align: right;
    padding-right: 10px;
}

.whitelabel {
    font-size: 12px;
    font-weight: bold;
}

.whitelabel .desc {
    font-size: 11px;
    font-style: normal;
}

.whitelabel a, .whitelabel a:visited {
    text-decoration: underline;
}

.whitelabel a:hover {
    text-decoration: underline;
}

#login #sbt_login {
    font-size: 14px;
    padding: 15px 60px;
    font-weight: normal;
    margin: 0px;
}

.notbold {
    font-weight: normal;
}

input[type="button"], input[type="submit"] {
    border: solid 1px #7bab22; /*@button_background*/
    background: #7bab22; /*@button_background*/

    color: #ffffff; /*@button_text*/
    text-align: center;
    text-decoration: none;

    padding: 8px 15px;
    font-size: 11px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    height: 46px;
    margin: 5px;
}

input[type="button"]:hover, input[type="submit"]:hover {
    text-decoration: none;

    border: solid 1px #626262; /*@button_hover_background*/
    background: #626262; /*@button_hover_background*/

    color: #ffffff; /*@button_text*/
}

.error {
    color: #990000;
    font-style: italic;
    font-size: 12px;
    padding: 3px 15px;
    font-weight: normal;
}

#cmslogo_login {
	display: inline-block;
	width: 90%;
	height: 250px;
	background-image: url('/cms/images/neutral_theme_logo.png'); /*@login_logo*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}

#login_container a {
    color: #292829; /*@page_text*/
}

.forgotten_password_success_message{
	font-size: 14px;
}

.forgotten_password_login_button button{
	margin-top: 20px;
	font-size: 14px;
}

.forgotten_password_login_button{
	text-align: center;	
}

.forgotten_password_help_message{
	margin-top: 60px;
	font-size: 14px;
}

.reset_password_container{
    white-space:nowrap;
}
.reset_password_logo_container{
	display: inline-block;
	width: 50%;
	text-align: center;
}
.reset_password_form_container{
    display:inline-block;
    width:50%;
}

/* Max device width for portrait and landscape phones... */
@media screen and (max-device-width: 480px) and (max-device-height: 800px),
screen and (max-device-width: 800px) and (max-device-height: 480px) {

	.logo_wrap {
		text-align: center;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.logo_wrap a {
		overflow: hidden;
		display: inline-block;
	}
	
	#cmslogo_login{
		background-position: center;
	}
	
	#login input[type="text"], #login input[type="password"] {
		width: 315px;
	}
	
	.error {
		padding: 3px 0px;
	}
}

/** LANDSCAPE **/
@media screen and (max-device-width: 800px) and (max-device-height: 480px),
screen and (max-device-width: 480px) and (max-device-height: 800px) and (orientation: landscape) {

	#login-page {
		width: 100%;
		height: 300px;
		text-align: center;
		padding-top: 40px;
	}
	
	.logo_wrap {
		margin: 0px 20px;
		display: inline-block;
		width: 340px;
	}
	
	#cmslogo_login {
		width: 340px;
		height: 223px;
	}
	
	.login_form {
		display: inline-block;
	}

}


/* iPhone type sizes... */
@media screen and (max-device-width: 330px) and (max-device-height: 600px),
screen and (max-device-width: 600px) and (max-device-height: 330px) {



}

@media screen and (max-device-width: 330px) and (max-device-height: 600px) and (orientation: landscape) {

	#login-page {
		width: 100%;
		height: 250px;
		text-align: center;
		padding-top: 30px;
	}
	
	.logo_wrap {
		margin: 0px 30px 0px 20px;
		display: inline-block;
		width: 280px;
	}
	
	#cmslogo_login {
		width: 280px;
		height: 185px;
	}
	
	.login_form {
		display: inline-block;
	}
	
	#login input[type="text"], #login input[type="password"] {
		width: 280px;
	}

}


/**
Switch to vertical style for mobile/small screens (created for password reset page)
 */
@media screen and (max-width: 800px) {

	.password-reset-page #login_container {
		margin: 40px 0px 0px 0px;
	}

	.password-reset-page #cmslogo_login{
		height: 200px;
	}

	.reset_password_logo_container{
		display: block;
		width: 100%;
	}
	.reset_password_form_container{
		display: block;
		width: 100%;
	}

}