/*
 * Zend form style (using ordered list)
 *
 * Form structure: form -> fieldset -> elements (fieldset is a must)
 */

/* ----- Common ----- */
.zf fieldset {
	background: #F5F5F5;
	border: 1px solid #DDD; 
	padding: 1em;
}
.zf fieldset.noborder {	background: transparent; border: 0; }
.zf fieldset.top { margin-top: 0; }
.zf ol, .zf li { list-style: none; margin: 0; padding: 0; }
.zf fieldset li { border-bottom: 1px solid #DDD; border-top: 1px solid #FFF; }
.zf fieldset.noborder li { border: 0; }
.zf fieldset ol { border-top: 1px solid #DDD; border-bottom: 1px solid #FFF; }
.zf fieldset.noborder ol { border: 0; }
.zf .buttons input { margin-right: 1em; } /* Set of submit buttons */
/* No bottom border, e.g. when the last element is submit bottom */
.zf .nobottom { border-bottom: 0; }
.zf legend {
	font-size: 120%;
	font-weight: bold;
	padding-left: 22px;
	background: url(/img/icons/form.gif) left center no-repeat;
	/*position: absolute;
	top: -.5em;*/
}
.zf .hint { color: #888; font-style: italic; margin-bottom: 0.5em; }
.zf .errors li { list-style: disc; color: #920000; }
.zf .info { display: block; font-size: 85%; padding-left: 1.5em; color: #777; font-style: italic; margin-top: -3px; margin-bottom: .5em; }
.zf .req { color: indianred; }
.zf .note { margin-top: .5em; }
.zf ol li { margin: 0; }

/* Nested list (for radio buttons, checkbox) */
.zf li ul { margin: .3em 0; }
.zf li ul li { display: inline; border: 0; }
.zf li ul label, .zf label.inline { display: inline; margin-right: 1em; vertical-align: middle; cursor: pointer; }
.zf li ul input { vertical-align: middle; }

/* ----- Vertical ----- */
.vert label { display: block; margin: .3em 0; }
.vert fieldset input, .vert fieldset select, .vert fieldset textarea { margin-bottom: .5em; }

/* ----- Horizontal ----- */
.horz fieldset { padding-top: .7em; }
.horz label { float: left; clear: left; width: 10em; margin-top: .5em; }
.horz li ul { margin-left: 10em; }
.horz li ul label, .horz label.inline { float: none; clear: none; width: auto; margin-top: 0; }
/* input-wrapper is used to wrap non-input elements, e.g. wysyiwyg editor */
.horz input, .horz select, .horz textarea, .horz .input-wrapper { margin: .25em 0; }
.horz .input-wrapper { margin-left: 10em; }
.horz .info { margin-left: 10em; }
/* The block element that contains submit button e.g. <p class="submit"> */
.horz p.submit { margin-bottom: 0; margin-top: 0; padding-top: .5em; }
.horz .submit, .horz .buttons, .horz .hint { margin-left: 10em; }
.horz .submit input, .horz .submit button
	.horz .buttons input, .horz .buttons button { margin-left: 0; }
.horz .submit { margin-top: 5px; margin-bottom: 5px; }
.horz .submit input { margin: 0; }
/* Errors */
.horz .errors { margin: 0 0 1em 10em; padding-left: 1.2em; }
.horz li div.errors { margin-bottom: .5em; padding: 0; color: indianred; }

/* Linear (Toolbar style) */
.line-container {
	border: 1px solid #FFF;
	border-color: #CCC #FFF #FFF #CCC;
	overflow: auto;
}
.line fieldset { 
	padding: 0; 
	background: url(/img/admin/form-linear.png) center repeat-x;
	border: 1px solid #FFF;
	border-color: #FFF #CCC #CCC #FFF;
	border-left: 0;
	margin-top: 0;
}
.line fieldset ol { border: 0 none; }
.line fieldset li { float: left; border: 0 none; border-right: 1px solid #CCC; border-left: 1px solid #FFF; padding: .3em 1em; }
.line fieldset li.legend { font-weight: bold; line-height: 2em; }
.line fieldset li.last { border-right: 0; }
.line label, .line input, .line select { margin: 0; padding: 0; line-height: 2em; vertical-align: middle; }
.line .submit { line-height: 1.4em; padding-left: .2em; padding-right: .2em; }
.line label { margin-right: .3em; }

.label-6 label { width: 6em; }
.label-6 .submit, 
.label-6 .hint, 
.label-6 li ul,
.label-6 .info,
.label-6 .input-wrapper,
.label-6 .errors { margin-left: 6em; }

.label-8 label { width: 8em; }
.label-8 .submit, 
.label-8 .hint, 
.label-8 li ul, 
.label-8 .info,
.label-8 .input-wrapper,
.label-8 .errors { margin-left: 8em; }

.label-10 label { width: 10em; }
.label-10 .submit, 
.label-10 .hint,
.label-10 li ul, 
.label-10 .info,
.label-10 .input-wrapper,
.label-10 .errors { margin-left: 10em; }

.label-12 label { width: 12em; }
.label-12 .submit, 
.label-12 .hint,
.label-12 li ul, 
.label-12 .info,
.label-12 .input-wrapper,
.label-12 .errors { margin-left: 12em; }

.label-14 label { width: 14em; }
.label-14 .submit, 
.label-14 .hint, 
.label-14 li ul, 
.label-14 .info,
.label-14 .input-wrapper,
.label-14 .errors { margin-left: 14em; }