/* User login and signup forms */
.mw-ui-vform .mw-form-related-link-container {
	margin-bottom: 0.5em;
	text-align: center;
}

.mw-ui-vform .mw-secure {
	background: url( images/icon-lock.png ) no-repeat left center;
	margin: 0 0 0 1px;
	padding: 0 0 0 11px;
}

/*
 * When inside the VForm style, disable the border that Vector and other skins
 * put on the div surrounding the login/create account form.
 * Also disable the margin and padding that Vector puts around the form.
 */
.mw-ui-container #userloginForm,
.mw-ui-container #userlogin {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Reposition and resize language links, which appear on a per-wiki basis */
.mw-ui-container #languagelinks {
	margin-bottom: 2em;
	font-size: 0.8em;
}

/* Put some space under template's header, which may contain CAPTCHA HTML. */
section.mw-form-header {
	margin-bottom: 10px;
}

/* shuffled CAPTCHA */
#wpCaptchaWord {
	margin-top: 6px;
}

/* FIXME: These should be namespaced to mw-ext-confirmedit-fancycaptcha-, and really shouldn't be in core at all */
/* stylelint-disable-next-line selector-class-pattern */
.fancycaptcha-captcha-container {
	background-color: #f8f9fa;
	margin-bottom: 15px;
	border: 1px solid #c8ccd1;
	border-radius: 2px;
	padding: 8px;
	text-align: center;
}

.mw-createacct-captcha-assisted {
	display: block;
	margin-top: 0.5em;
}

/* Put a border around the fancycaptcha-image-container. */
/* stylelint-disable-next-line selector-class-pattern */
.fancycaptcha-captcha-and-reload {
	border: 1px solid #c8ccd1;
	border-radius: 2px 2px 0 0;
	/* Other display formats end up too wide */
	display: table-cell;
	width: 270px;
	background-color: #fff;
}

/* stylelint-disable-next-line selector-class-pattern */
.fancycaptcha-captcha-container .mw-ui-input {
	margin-top: -1px;
	border-color: #c8ccd1;
	border-radius: 0 0 2px 2px;
}

/* Make the fancycaptcha-image-container full-width within its parent. */
/* stylelint-disable-next-line selector-class-pattern */
.fancycaptcha-image-container {
	width: 100%;
}
