@CHARSET "UTF-8";

/* Global */
#modLoginWrapper span {display: inline; padding: 0;}

/* Social Login Option */
.modLoginSocialWrapper .modLoginSocialHelpText {padding: 0 0 5px; font-weight: bold;}
.modLoginSocialWrapper .modLoginSocialLinks {}
.modLoginSocialWrapper .modLoginSocialLinks #socialLoginLink {width: auto;}
.modLoginSocialWrapper .modLoginSocialLinks .socialLoginDirectLinks .providerDirectLink {}
.modLoginSocialWrapper .modLoginSocialLinks .socialLoginDirectLinks .providerDirectLink.iconSize32 a {width: 32px; height: 32px;}
.modLoginSocialWrapper .socialLoginDirectLinks .providerDirectLink span {display: none !important;}

.modLoginSocialDivider {text-align: left; padding: 5px 0; margin-top: 12px;}
.modLoginSocialDivider span {font-weight: bold;}

/* Table Layout */
.monlogintable {width: 100%;}
.monlogintable #signuplink {padding: 10px; background-color: #DDDDDD; text-align: center; vertical-align: middle;}
.monlogintable .mltSpacer {height: 5px;}
.monlogintable .mltInput {text-align: right;}
.monlogintable .mltInput input {}
.monlogintable .mltRememberMeLabel {}
.monlogintable .mltForgotPassword {display: block; font-size: x-small;}
.monlogintable .mltInputText {text-align: left;}
.monlogintable #login_forgot_password {text-align: right;}
.monlogintable #loginlink {text-align: left;}

.monlogintable .mltInput .mltTextWrapper {border: 1px solid #CDD0D5; padding: 5px; background: #FFFFFF;}
.monlogintable .mltInput .mltTextWrapper input {border-width: 0; padding: 0; margin: 0; width: 100%; background: #FFFFFF; color: #000000;}
.monlogintable .mltInput .mltTextWrapper input:focus {border-width: 0;}

/* Simple Layout */
.modLoginSimpleWrapper #loginBox .inputtext {width: auto;}
.modLoginSimpleWrapper #loginBox .mlsInputWrapper {margin: 5px 0;}
.modLoginSimpleWrapper #loginBox .mlsInputWrapper label {width: 75px; display: block; float: left; margin-top: 4px;}
.modLoginSimpleWrapper .mlsSignUpLink {padding: 10px; background-color: #DDDDDD; text-align: center; vertical-align: middle; margin-top: 10px;}
.modLoginSimpleWrapper .mlsSignUpLink .signUpButtonLink {display: inline;}
.modLoginSimpleWrapper .loginManagement #loginButton {float: right;}
.modLoginSimpleWrapper .loginManagement .rememberMe {text-align: left; margin-right: 100px;}
.modLoginSimpleWrapper .loginManagement .rememberMe .forgotPassword {font-size: x-small; float: left;}
.modLoginSimpleWrapper .loginManagement .rememberMe .mltRememberMeLabel {display: block;}

.modLoginSimpleWrapper #loginBox .mlsTextWrapper input {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
	color: #555555;
	vertical-align: middle;
}
.modLoginSimpleWrapper #loginBox .mlsError {background-color: #FFDDDD; border: 1px solid red; color: red; margin: 5px 0; padding: 5px;}