/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }



/* Form body, Loading, messages
-------------------------------------------------------------- */

form .bd {
	position: relative;
}
form .messages {
	bottom: 0;
}
form .loading {
	background: url('loading.gif') no-repeat center center;
	min-height: 16px;
}

/* = Form mutli add/remove
-------------------------------------------------------------- */

.multi-add-item,
.multi-remove-item {
	display: inline;
}
.image-input {
	clear: both;
}

form.signup .messages div {
	margin: 10px;
	position: relative;
	width: 190px;
	z-index: 10;
}

form.signup .loading {
	border: 0 none;
	position: relative;
	width: 190px;
	z-index: 10;
}

.message a {
	text-decoration: underline;
}
form .captcha .regen {
	background: url(refresh.jpg) no-repeat top center;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-top: 16px;
	width: 18px;
	height: 18px;
	vertical-align: top;
}
input:focus {
	box-shadow: 0px 0px 3pt 2pt #f2b33d;
}
input:invalid,
textarea.invalid,
.sbHolder.invalid,
input.invalid {
	box-shadow: 0px 0px 3pt 2pt red;
}
input[type=checkbox].invalid {
	outline: 1px dotted red;
}
p.checkbox label.invalid {
	color: #f00;
}