/*
**	Forms
*/

/* Fieldsets. */
fieldset {
	display: block;
        width: 24em;
        padding: 0.5em;
        margin-left: auto;
        margin-right: auto;
        background-color: #f6f680; /* box-colour */
 	border: 1px solid #000000;
	margin-top: 0em;	
	margin-bottom: 1em;
}


/* Various elements of forms. */
legend {
        background-color: #ffff00; /* box-heading-colour */
	padding: .2em;
	font-weight: bold;
	color: #000000;
	border: 1px solid #000000;
}

input, textarea, button, select {
	font-size: inherit;
}

label {
        font-weight: bold;
        width: 9em;
        float: left;
	text-align: left;
}

button.submit,
input.submit {
	clear: both;
        margin-top: .5em;
	float: right;
}

div.form-error {
	font-weight: bold;
        color: #FF0000;
	clear: both;
	padding-top: .5em;
	text-align: center;
}

/* All fields. */
div.text-field,
div.checkbox-field,
div.select-field,
div.date-field,
div.textarea-field {
        padding-top: .5em;
	clear: both;
}

/* Text field. */
div.text-field div.input {
        float: left;
	width: auto;
	margin-left: .5em;
}        

div.text-field span.prefix {
        margin-right: -.2em;
}

div.text-field span.suffix {
        margin-left: -.2em;
}

/* Checkbox field. */
div.checkbox-field {
        margin-left: 1em;
}


div.checkbox-field label {
        margin-left: -1em;
        float: none;
        clear: both;
}

/* Checkbox */
div.checkbox {
        float: left;                
}

div.checkbox label {
        font-weight: normal;
        float: left;
        margin-left: 1em;
}

/* Select field. */
div.select-field div.input {
        float: left;
	width: auto;
	margin-left: .5em;
}        

div.select-field input {
        margin-left: 0;
        margin-right: 0;
}


/* Date field. */
div.date-field div.input {
        float: left;
	width: auto;
	margin-left: .5em;
}        

div.date-field input {
        margin-left: 0;
        margin-right: 0;
}



/* Textarea field. */
div.textarea-field label {
        display: block;
        text-align: left;
        width: auto;
        float: none;
}

div.textarea-field textarea {
        display: block;
        margin-right: auto;
        margin-left: auto;
}