/**
 * CSS for RecExcite login form
 */

/* login form */
form.content#RecExcite-auth {
	display: block;
	position: relative;
	width: 100%;
}

	/* hide error by default */
	form.content#RecExcite-auth > #RecExcite-auth-error {
		display: none;
		position: relative;
		width: 100%;
		
		border: 1px solid rgba(255,0,0,.5);
		padding: 10px;
		text-align: left;
	}
		/* show error container */
		form.content#RecExcite-auth > #RecExcite-auth-error.show {
			display: block;
		}
		
		/* paragraph in error */
		form.content#RecExcite-auth > #RecExcite-auth-error > p {
			display: none;
			
			font-weight: bold;
			color: red;
			text-align: center;
		}
		
			/* error when shown */
			form.content#RecExcite-auth > #RecExcite-auth-error > p.show {
				display: block;
			}
			
			/* margin after all but last paragraph */
			form.content#RecExcite-auth > #RecExcite-auth-error > p:not(:last-of-type) {
				margin: 7px 0px 7px 0px;
			}
			
	/* section */
	form.content#RecExcite-auth > section {
		display: block;
		width: 100%;
		margin: auto;
	}

		/* field label */
		form.content#RecExcite-auth > section > label {
			display: block;
			position: relative;
			
			width: 100%;
			height: 75px;
		}

		/* field */
		form.content#RecExcite-auth > section > label > input[type="text"],
		form.content#RecExcite-auth > section > label > input[type="email"],
		form.content#RecExcite-auth > section > label > input[type="password"] {
			display: block;
			position: relative;
			width: 100%;
			margin-bottom: 10px;
			padding: 10px;
		}
		
		/* "remember" option */
		form.content#RecExcite-auth > section > label > input[type="checkbox"] {
			display: inline-block;
			margin-right: 10px;
		}