#login input:focus, #login a:focus {
	outline-color: #005fcc;
}

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {

/* 10.LOGIN */

#login {
	background: #adafaf url(/lms/css/responsive/images/bg-body.gif) left top repeat-x\9; /* IE8 and below */
	background-size: cover;
	background-position: right top;
}
#login::after {
	content: "";
	background-image: var(--login-background-image, none);
	background-size: var(--login-background-size, cover);
	background-position: var(--login-background-position, center top);
	background-repeat: var(--login-background-repeat, no-repeat);
	opacity: var(--login-background-opacity, 1);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}
#login #frame {
	padding-top: 40px;
	background-color: transparent;
}
#login #pageStartUserControl_branding {
	display: none;
}
#login #pageStartUserControl_header.notabs {
	padding-bottom: 0;
	background-color: transparent;
	border: none;
}
#login #pageStartUserControl_header.notabs #pageStartUserControl_licenseeBranding {
	width: 400px;
	height: auto;
	min-width: 400px;
	max-width: 400px;
	text-align: center;
	margin: 40px auto 0 auto;
	padding: 30px 0;
	background: var(--login-header-bgcolor, #fff) none 40px 30px no-repeat;
	border-radius: 8px 8px 0 0;
	border: 1px solid #575757;
	border-bottom-width: 0;
}
#pageStartUserControl_licenseeBranding #pageStartUserControl_logoControl {
	max-width: 90%;
}
#login #pageStartUserControl_licenseeBranding h1 {
	margin: 0;
}
#login #page {
	position: static;
	margin: 0;
	padding: 0;
}
#login #content {
	position: static;
	float: none;
	width: 400px;
	min-height: 0;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background-color: #fff;
	border-radius: 0 0 8px 8px;
	border: 1px solid var(--login-form-border-color, #575757);
	border-top-width: 0;
}
#login .feedback-panel {
	margin: 0;
	padding: 1em 20px;
}
#login .form-wrapper {
	max-width: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}
#login .form-wrapper label {
	color: var(--login-form-color, #333);
}
#login #formHeading {
	display: none;	
}
#login fieldset {
	padding: 40px 40px 30px 40px;
	color: #efefef;
	background-color: var(--login-form-bgcolor, #f0f0f0);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#login fieldset .help a {
	color: var(--login-form-color, #333);
}
#login #content .nav {
	margin: 0;
	padding: 20px 40px 0 40px;
}
#login #pageBottomText {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: auto;
	text-align: left;
	margin: 3em 0 0 20px;
	color: #f6f6f6;
}
#login #pageBottomText a {
	color: #f6f6f6;
}
#login #content .footer {
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
	border-width: 0;
}
#login #content .footer p {
	margin: 0 40px;
}

}/*/mediaquery*/