/* ################################
 * Template CSS for userDB
 * ################################
 */

div.userdbForm { }
/* container class extended by option[:class]  of userDB_form(type,options) */
div#userdb_login {}
div#userdb_register {}
div#userdb_logout {}
div#userdb_edit {}
div#userdb_button_to_register {}
/* id determined by type userDB_form(type)
 * or id replaced by option[:id] of userDB_form(type,options) */

/* div.userdbForm contains alternatively */
	form#userdb_login_form {}
	form#userdb_register_form {}
	form#userdb_logout_form {}
	form#userdb_edit_form {}
	form#userdb_button_to_register_form {}
	/* form contains */
		div.userdbFormFields {
			display:table;
		}
		/* div#userdb_login_formfields {} /* for example */
		/* div.userdbFormFields contains */
			div.userdbFormContainer {
				display:table-row;
			}
			/* div#userdb_login_email_container {}
			/* id generated by option[:id]_FIELDNAME_container|label|field|descripion */
			/* div.userdbFormFieldsets contains */
				div.userdbFormLabel {
					display:table-cell;
				}
				/* div#userdb_login_email_label {} /* for example  */
				div.userdbFormField {
					display:table-cell;
				}
				/* div#userdb_login_email_field {} /* for example */
				/* div.userdbFormField contains */
					/* input#userdb_login_email {} /* for example */
					/* input class see below */
				div.userdbFormDescription {
					display:table-cell;
				}
				/* div#userdb_login_email_description {} */
		div.userdbFormSubmit { }
		/* div#userdb_login_submit {} /* for example */
		/* div.userdbFormSubmit contains */
			input.userdbInputSubmit {}
			/* input#userdb_login_submit_button {} /* for example */

/* Classes of input-tags */
input.userdbInputText {}
input.userdbInputPassword {}
input.userdbInputRadio {}
input.userdbInputCheckbox {}
input.userdbInputTextArea {}
input.userdbInputSelect {}
input.userdbInputSubmit {}

/* Classes of fields with errors */
/* watch out! On error inputs are embedded in <div class='fieldWithErrors'> 
 * Take care about direct subelement selectors! */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

div#userdb_login * div.userdbFormDescription { display:none; }