/**
 * Default Form styles
 * Feel free to override all these styles in your own skins
 */


/* Shared */

form {
	margin: 0;
	padding: 0;
} /* thanks #mozilla */
form.inline {
	margin: 0px;
	padding:0px;
	display: inline;
}

fieldset.input {
	margin: 0;
	padding: 0;
	border: 0;
}

input[type=checkbox]
{
	margin:1px;
}

fieldset div.notes {
	margin: 0 0 1ex 3ex;
}


/* Used for action icons */
div.right_icons,
div.fieldset_icons {
	text-align: right;
}
span.right_icons,
span.fieldset_icons {
	float:right;
}


span.field_error {
	color: #f00;
}

input.field_error,
select.field_error,
textarea.field_error {
	background:#fbf2ee;
	border: 1px solid #d99;
}
span.checkbox_error {
	background: #fbf2ee;
	border: 1px solid #d99;
}
span.checkbox_error input.checkbox {
	background:#fbf2ee;
}

span.checkbox_surround {
	background: #fbf2ee;
	border: 1px solid #F825F1;
}
span.checkbox_surround input.checkbox {
	background: #fbf2ee;
}
span.checkbox_surround_init {
	padding : 1px;
}

input.field_required,
/* select.field_required, // TODO: dh: does not seem to work, at least in FF 1.5 (background image) and even looks ugly in IE; would need another way to mark it. */
textarea.field_required {
	background-image:  url("../icons/mandatory_star_small.gif");
	background-position: right center;
	background-repeat: no-repeat;
}
span.checkbox_required {
	border: 1px solid #d99;
}

input.large,
textarea.large {
	width: 97%;
	margin-left: 0;
	margin-right: 0;
}

label.radiooption {
	margin-right: 1em;
}

/* Enhanced form */
.eform label {
	font-weight:bold;
}


/* 24/75% forms - Fast Forms */
.fform fieldset {
	border: 1px solid #ddd;
	margin: 0 0 1ex 0;
	background-color: #fff;
	padding: .5ex 1ex;
}
.fform fieldset fieldset {
	border: none;
	margin: 1ex;
	padding: 0;
	/* border: 1px solid #00f; */
}
.fform div.label {
	float: left;
	width: 24%;
	text-align: right;
	font-weight:bold;
	margin: 0;
	padding-top: .5ex;
	/* border: 1px solid #f00; */
}
.fform div.input {
	margin: 0 0 0 25%;
	/* border: 1px solid #f00; */
}
* html .fform div.input {
	height:1%; /* so IE6 gains layout (hasLayout) and does not cause 3px bug for lines below div.label (if div.input is heigher than div.label) */
	margin:0; /* fix the margin after the above fix */
}

.fform fieldset.input{
	margin: 0;
	/* border: 1px solid #0f0; */
}

.fform div.info {
	margin: 0 0 0 25%;
	padding-top: .5ex;
	/* border: 1px solid #f00; */
}

/* 18/80% forms: comments and profile */
form.bComment fieldset
{	/* one form line */
	border: none;
	margin: 2ex 0ex;
	padding: 0ex;
	/* border: 1px solid #00f; */
}
form.bComment fieldset label {
	font-weight: bold;
}
form.bComment fieldset div.label
{ /* label of form line */
	float: left;
	width: 18%;
	text-align: right;
	padding-top: .5ex;
	font-weight: bold;
	/* border: 1px solid #f00; */
}
form.bComment fieldset div.input
{ /* input zone of form line */
	margin: 0 0 0 20%;
	/* border: 1px solid #f00; */
}
form.bComment fieldset.input{
	margin: 0;
	/* border: 1px solid #0f0; */
}
form.bComment fieldset div.info
{ /* info zone of form line */
	margin: 0 0 0 20%;
	padding-top: .5ex;
	/* border: 1px solid #f00;*/
}

/* hide checkbox in order to indent exactly the same size */
input.invisible{
	visibility: hidden;
}
