/* Loaded with the light fallback theme only, for visitors with no theme of their own:
   the public activation, lost password and demo request forms.

   style_light.css fills inputs rgb(237,241,248) on a rgb(231,235,242) background and sets no
   border, so the fields are all but invisible. These rules give them real contrast.
   Linked after style_light.css, so !important is only needed where that sheet uses it. */

.mainboxcontent input[type="text"],
.mainboxcontent input[type="password"],
.mainboxcontent input[type="email"] {
	background-color: #fff !important;
	color: #333 !important;
	border: 1px solid #a8b0bd;
	border-radius: 4px;
	box-sizing: border-box;
	height: 30px;
	padding: 0 8px;
	font-family: inherit;
	font-size: 13px;
}

.mainboxcontent input[type="text"]:focus,
.mainboxcontent input[type="password"]:focus,
.mainboxcontent input[type="email"]:focus {
	background-color: #fff !important;
	border-color: #3888b7;			/* accent blue, style.css:39 */
	outline: none;
}

.mainboxcontent input[type="submit"] {
	background-color: #3888b7 !important;
	color: #fff !important;
	border: 1px solid #2f7599;
	border-radius: 4px;
	cursor: pointer;
	height: 30px;
	padding: 0 16px;
	font-family: inherit;
	font-size: 13px;
}

.mainboxcontent input[type="submit"]:hover {
	background-color: #2f7599 !important;
}

/* Direct children only: the .formItem views keep their labels beside the input. */
.mainboxcontent form > label {
	display: block;
	margin: 12px 0 4px;
}

/* form_error() marks the failing label with an inline color:red that
   `form label { color: #666 !important }` in style_light.css overrides. Put the red back. */
.mainboxcontent form label[style*="color"] {
	color: #c0392b !important;
}

.mainboxcontent #new_code_div {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #d3d8e1;
}