/*
*************************************************
Winestore
Form Styles

Author:		andCulture, info@andCulture.com
Updated:	March 9, 2008
Notes:		Slimmed down version of acForm
*************************************************
*/


/*-------------------------------------------
	SHARED STYLES
-------------------------------------------*/

.ws-form {
	margin: 1em 0;
}
.ws-form div {
	margin-bottom: .5em;
}

/* LABELS */
.ws-form label,
.ws-form .label {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}

/* LINE OF TEXT WITH A CHECKBOX */
.ws-form label.line {
	padding: 0;
	font-weight: normal;
}
.ws-form label.line input {
	margin: 0 5px 0 0;
	vertical-align: top;
}

/* RADIO & CHECKBOX SETS */
.ws-form div fieldset.switches {
	width: auto !important;
	display: block;
	float: none;
}
.ws-form div fieldset.switches label {
	margin: 0 20px 0 0;
	width: auto;
	font-weight: normal;
}
.ws-form div fieldset.switches input {
	margin: 0;
	vertical-align: middle;
}

/* NOTES */
.ws-form p.note {
	margin-top: 5px;
}

/* BUTTONS */
.ws-form .inline-labels div.buttons { position: relative; }



/*-------------------------------------------
	BLOCK LABELS
-------------------------------------------*/

.block-labels div { margin-bottom: 15px; }

.block-labels label,
.block-labels .label { margin-bottom: 5px; display: block; float: none; }

/* LINE OF TEXT WITH A CHECKBOX */
.block-labels label.line {
	margin-left: 0 !important;
	width: auto;
	text-align: left;
}


/*-------------------------------------------
	INLINE LABELS
-------------------------------------------*/

/* LABELS */
.inline-labels label,
.inline-labels .label { padding: 5px 5px 5px 0; width: 120px; float: left; line-height: 15px; text-align: right; }

/* NOTES & BUTTONS */
.inline-labels p.note,
.inline-labels div.buttons { margin-left: 125px; }

/* MULTIPLE FIELDS ON SAME LINE */
.inline-labels div fieldset.multi label { margin: 0 0 0 10px; width: auto; }
.inline-labels div fieldset.multi select { margin-top: 2px; float: left; }
.inline-labels div fieldset.multi input { float: left; }

/* LINE OF TEXT WITH A CHECKBOX */
.inline-labels div label.line {
	margin-left: 125px;
	float: none;
}

/* RADIO & CHECKBOX SETS */
.inline-labels div fieldset.switches {
	margin-left: 130px;
}


/*-------------------------------------------
	OVERRIDES
-------------------------------------------*/

/* RADIO & CHECKBOX SETS */
fieldset.switches.inline-labels label {
	margin-right: 20px;
	padding: 0;
	display: inline;
}


/*-------------------------------------------
	INLINE STATUS MESSAGES
-------------------------------------------*/

.ws-form p.status { margin: 5px 0; display: none; font-size: 13px !important; }
.ws-form p.status.loading-msg { padding: 0 0 0 20px; background: url(../images/ajax-loader-spinner.gif) no-repeat; }
.ws-form div.loading p.loading-msg { display: block; }


/*-------------------------------------------
	SUMMARY STATUS MESSAGES
	(Not necessarily contained in a form tag)
-------------------------------------------*/

/* STATUS BOXES*/
div.status { margin-bottom: 2em; }
div.status h2 { margin: 0 0 5px 0; color: #222; }
div.status p { margin: 0; }

	/* AJAX STATUS BOXES */
	div.status p.status { display: none; }

	/* LOADING */
	div.status.loading p.loading-msg { margin: 0; padding-left: 20px; display: block; background: url(../images/ajax-loader-spinner.gif) no-repeat; }

	/* SUCCESS */
	div.status.success p.success-msg { display: block; }

	/* ERROR */
	div.status.error { padding: 16px 16px 16px 42px; border: 3px dashed #ED0F7F; background: url(/images/icons/error_large.png) 10px 14px no-repeat; }
	div.status.error p.error-msg { display: block; }

	/* NOTICE */
	div.status.notice { background: #FFFDF6 url(/images/icons/note_large.png) 10px 14px no-repeat; border: 3px dashed #4E4427; color: #4E4427; padding: 16px 16px 16px 42px; width: 600px; }


/*-------------------------------------------
	SITE SPECIFIC STYLING
-------------------------------------------*/

.ws-form fieldset > div { margin-bottom: 1em; }

.flow-labels label,
.flow-labels .label { display: inline; width: auto; }