/* cascading style sheet for Noumeno */
/* copyright Noumeno (Lode, Jaap) */

/* basic form styling */
/* more advanched form styling is in style_forms_noie.css */
	form fieldset {
	  padding: 0;
		border-width: 0;
	}
	form.border fieldset {
		padding: 0.5em;
		width: 410px;
		border: 2px solid #588;
	}
	form.liteborder fieldset {
		padding: 0.5em;
		width: 410px;
		border: 1px dotted #AAA;
	}
	form.x-small fieldset { width: 235px; }
	form.small fieldset { width: 335px; }
	form.medium fieldset { width: 410px; }
	form.large fieldset { width: 560px; }
	form.x-large fieldset { width: 100%; }
	/* labels */
	form label {
		display: block;
		margin: 0.1em 0;
		padding: 0.25em 0;
		font-weight: bold;
	}
	form label.xx-short { width: 50px; }
	form label.x-short { width: 75px; }
	form label.short { width: 125px; }
	form label.light {
		font-weight: normal;
	}
	form label.indent {
	  margin-left: 25px;
	}
	/* input-fields */
	form input {
		display: block;
		margin: 0.1em 0 1em;
		padding: 0.25em;
		width: 200px;
	}
	form input.short { width: 125px; }
	form input.long { width: 350px; }
	form input.check { width: auto;	}
	form input.radio { width: auto;	}
	
	form input.hidden {
	  display: none;
	}
	form input.submit {
	  padding: 0.25em 0.5em;
		width: auto;
	}
	form input.submit-small { padding: 0.1em 0.5em; }
	form input.multi {
	  float: left;
	  margin-right: 1em;
	}
	/* select-fields */
	form select {
		display: block;
		margin: 0.1em 0 1em;
		padding: 0.1em;
		width: 208px;
	}
	form select option {
		margin-top: 0.125em;
		padding: 0 0.25em;
	}
	form select.short { width: 133px; }
	form select.long { width: 358px; }
	/* textareas */
	form textarea {
		display: block;
		margin: 0.1em 0 1em;
		padding: 0.25em;
	  font-family: Verdana, sans-serif, helvetica;
	  font-size: inherit;
		border: 1px solid #AAA;
	}
	form textarea.small {
	  width: 200px;
	  height: 75px;
	}
	form textarea.medium {
	  width: 350px;
	  height: 150px;
	}
	form textarea.large {
	  width: 100%; /* was 500px */
	  height: 250px;
	}
	/* other elements */
	form p.explain {
		font-size: 85%;
	}
	form h1, form h2, form h3, form h4, form h5, form h6 {
		margin: 0.25em 0;
		padding: 0.25em;
		border-bottom: 2px solid #588;
	}
	form .icon {
	  float: left;
	  margin: 0.5em;
	}
	form br {
		clear: left;
	}

/* some changes for table-like forms */
/* IE fix for wrong margins for select and textarea is in style_ie.css */
	form.table label, form label.table {
		display: inline;
		float: left;
		margin-top: 0.25em;
		width: 200px;
	}
	form label.xx-short { width: 50px; }
	form label.x-short { width: 75px; }
	form label.short { width: 125px; }
	form.table label.check, form label.radio {
		padding: 0 0;
	}
	form.table input, form input.table {
		display: inline;
		float: left;
		margin: 0.25em 0 0;
	}
	form.table input.hidden {
	  display: none;
	}
	form.table input.submit { margin-left: 200px; }
	form.table input.submit-shortlabel { margin-left: 100px; }
	form.table input.submit-untable { margin-left: 0; }
	form.table select {
		display: inline;
		float: left;
		margin: 0.25em 0 0;
	}
	form.table textarea {
		display: inline;
		margin: 0.25em 0 0;
	}
	form.table p.explain {
		margin-left: 200px;
	}
	form.table h1, form.table h2, form.table h3, form.table h4, form.table h5, form.table h6 {
		border-bottom: 2px solid #588;
	}
/* some changes for forms in very small spaces, little blocks */
/* THIS SHOULD BE WORKED OUT MORE.. */
	form.block fieldset {
	  width: auto;
	}
	form.block input { width: 190px; }
		form.block input.x-short { width: 100px; }
		form.block input.short { width: 125px; }
		form.block input.check, form.block input.radio { width: auto; }
		form.block input.submit { width: auto; }
	form.block select { width: 198px; }
		form.block select.x-short { width: 108px; }
		form.block select.short { width: 132px; }
	form.block label.table {
	  display: inline;
		float: left;
		margin-right: 1em;
		width: auto;
	}
	form.block input.table {
	  display: inline;
		float: right;
		margin-bottom: 0.25em;
	}
	form.block select.table {
	  display: inline;
		float: right;
		margin-bottom: 0.25em;
	}
	form.block br {
	  clear: both;
	}

/* colored borders for required and optional fields */
/* and fixes for the width because of the fat borders (doesn't work in IE) */
/* in IE the colors don't work for the select-field */
	form input.required, form select.required, form textarea.required {
		border: 1px solid #A00;
		border-left: 5px solid #A00;
	}
	form input.required { width: 196px; }
	form input.required.short { width: 121px; }
	form input.required.long { width: 346px; }
	form textarea.required.small { width: 196px; }
	form textarea.required.medium { width: 346px; }
	form textarea.required.large { /* normal width = 100%. */ }
	/* optional fields */
	form input.optional, form select.optional, form textarea.optional {
		border: 1px solid #588;
		border-left: 5px solid #588;
	}
	form input.optional { width: 196px; }
	form input.optional.short { width: 121px; }
	form input.optional.long { width: 346px; }
	form textarea.optional.small { width: 196px; }
	form textarea.optional.medium { width: 346px; }
	form textarea.optional.large { /* normal width = 100%. */ }