/*
	--------------------------
	Form Styles
	--------------------------
*/

div.form   { width: 100%; }

div.formouter   { text-align: left; margin: 0px; padding: 1em 0px 0px 0px; width: 100%; border: solid 1px #ddd; position: relative; }

div.formouter h2   { border-bottom: solid 1px #f47c2a; font-size: 1.2em; margin: 0px 1em 1em 1em; }
div.formouter h2 img   { margin: 0px 0.25em 0px 0px; }

div.formouter h3   { border-bottom: solid 1px #f47c2a; color: #f47c2a; font-size: 0.9em; margin: 0px 1em 1em 1em; }
div.formouter h3 img   { margin: 0px 0.25em 0px 0px; }

div.formouter p   { margin: 0px 1em 1em 1.5em; }

div.formouter div.buttons   { text-align: right; background-color: #e5e5e5; border-top: solid 1px #ddd; margin: 1em 0px 0px 0px; padding: 0.5em; }
div.formouter div.buttons.top   { margin: -1em 0px 0px 0px; padding: 0.5em; }
div.formouter div.buttons a   { margin: 0px 0px 0px 1em; font-size: 0.9em; }
div.formouter div.buttons a:hover   { text-decoration: underline; }
div.formouter div.buttons img   { margin: 0px 0.25em 0px 0px; border: 0px; vertical-align: middle; }

div.formouter div.frame    { padding: 0px 1em; }
div.formouter iframe    { height: 35em; border: solid 1px #ddd; width: 100%; }

/*  Forms items
--------------------------  */

div.formouter label	{ font-size: 0.75em; text-align: right; display: inline-block; margin: 0.25em 0px 0.25em 1em; width: 8em; vertical-align: top; }

div.formouter input, textarea		{ font-family: arial,helvetica; font-size: 0.75em; color: #605f5f; width: 15em; margin: 0.25em 0px 0.25em 1em; }
div.formouter select		        { font-family: arial,helvetica; font-size: 0.75em; color: #605f5f; width: 15.5em; margin: 0.25em 0px 0.25em 1em; }

div.formouter label.above     { vertical-align: top; }
div.formouter textarea.full   { width: 50em; font-size: 0.75em; }

div.formouter input.readonly,div.formouter textarea.readonly   { background-color: #f4f5f5; border: solid 1px #ddd; }

/* List form styles
--------------------------  */

td input    { width: 10em; font-size: 1em; }
td textarea { width: 20em; font-size: 1em; }
td select   { width: 6em; font-size: 1em; }
td.buttons input    { width: 5em; }

td.buttons  { text-align: right; }
td.buttons a   { margin: 0px 0px 0px 1em; font-size: 0.9em; }
td.buttons a:hover   { text-decoration: underline; }
td.buttons img   { margin: 0px 0.25em 0px 0px; border: 0px; vertical-align: middle; }

div.attach input    { width: 20em; }
div.attach a    { font-size: 0.75em; margin-left: 1em; }
div.attach a img    { margin-right: 0.25em; }
div.attach iframe    { height: 6em; border: 0px; width: 80%; margin: 0px 1em; }
div.attach label	{ font-size: 0.75em; display: block; width: auto; text-align: left; }

/* Form fieldset styles
--------------------------  */

fieldset.formcolumn     { width: 25em; display: inline-block; padding: 0.25em; margin-right: 1em; margin-bottom: 1em; border: 0px; vertical-align: top; }
fieldset.formcolumn legend  { display: none; }

fieldset.formcolumn.multiple     { width: 12em; }
fieldset.formcolumn.narrow { width: 6em; }
fieldset.formcolumn.multiple textarea { width: 100%; }

fieldset.formcolumn.multiple label { text-align: left; display: block; width: auto; }

fieldset.form     { padding: 0.25em; text-align: left; border: 0px; margin-bottom: 1em; }
fieldset.form legend  { display: none; }

fieldset.labelabove label { text-align: left; display: block; width: auto; }
fieldset.labelabove textarea { width: 30em; }

/* Form image styles
--------------------------  */

ul.images   { list-style-type: none; margin: 1em; padding: 0px; }
ul.images li   { float: left; margin: 1.5em; text-align: center; }
ul.images li img   { height: 10em; }
ul.images li span.nophoto   { display: inline-block; height: 7em; padding: 3em 1em 0px 1em; border: solid 1px #ddd; }