@charset "utf-8";

#EditContactInfoForm form { margin: 0; padding: 0; }
#EditContactInfoForm fieldset { margin: 0 0 18px; padding: 0; }
#EditContactInfoForm fieldset fieldset { margin-bottom: 0; }

#EditContactInfoForm .FormItem { /* This is the basic wrapperclass. */
	position: relative; clear: left;
	padding-bottom: 18px;
}

#EditContactInfoForm input, textarea, button, select {
	position: relative; float: left;
	top: -1px; margin: 0 3px 6px 0;
	font-size: 12px; line-height: 18px;
	font-family: Arial, Verdana, Geneva, "Helvetica Neue", Helvetica, sans-serif;
}

#EditContactInfoForm input { height: 15px; padding: 1px 2px; }
#EditContactInfoForm select { height: 21px; margin-bottom: -3px; /* -3px for windows baseline, -5px for others. */ }
#EditContactInfoForm textarea { top: -2px; padding: 0 1px; }
#EditContactInfoForm button { padding: 1px 3px; margin-bottom: 7px; top: -3px; }

#EditContactInfoForm label, .label { float: left; width: 105px; margin: 0 3px 0 0; }

/* Checkbox & Radio inputs */

#EditContactInfoForm .CheckWrap { position: relative; } /* Additional wrapperclass for checkboxes & radiobuttons + checkgroups label */
#EditContactInfoForm .CheckWrap .label { position: absolute; } /* The label that describes the group of checkboxes & radiobuttons */
#EditContactInfoForm .Checks { position: relative; margin-left: 108px; } /* The actual items are contained in this */
#EditContactInfoForm .Checks label { width: 100%; margin: 0; padding: 0; clear: left; }
#EditContactInfoForm .Checks input { float: left; width: 15px; height: 15px; margin: 0 3px 3px 0; padding: 0; top: 1px; }
#EditContactInfoForm .InlineCheck { float: left; margin-left: 3px; } /* Additional classname for ".Checks" coming straight after basic input without wrapper.  */

/* Set of FromItems displayed as group */

#EditContactInfoForm .GroupItem {} /* Additional wrapperclass for set of items that could be displayed as group. Like first and last name. */
#EditContactInfoForm .GroupItem .GroupLabel { clear: left; margin-top: 18px; }
#EditContactInfoForm .GroupItem div { float: left; } /* Each individual label + input/select pair in group is wrapped with div. */
#EditContactInfoForm .GroupItem div label, .GroupItem div input, .GroupItem div select { display: block; float: none; width: auto; }
#EditContactInfoForm .GroupItem div input {} /* No need to behave differently. */
#EditContactInfoForm .GroupItem div select {} /* No need to behave differently. */
#EditContactInfoForm .GroupItem div label { font-size: 11px; }

/* Item containing fieldsets header information */

#EditContactInfoForm .HeaderItem { margin: 0; padding: 0; } /* Additional wrapperclass for fieldsets header information. Used instead of legend. */
#EditContactInfoForm .HeaderItem h2 {}
#EditContactInfoForm .HeaderItem p {}

/* All the Errors & Help you will ever need */

#EditContactInfoForm .FormError, .GroupError { /* Additional wrapperclasses when error occurs. Disabled extra emphasis which brakes baseline in safari. */
	/*
	background: #ffffff; padding: 8px 11px 17px;
	margin: 0 -9px 9px; border: 1px solid #ffd9d9;
	*/
}
#EditContactInfoForm .FormHelp, .FormErrorMessage,
#EditContactInfoForm .GroupErrorMessage, .GroupHelp { /* Basic indent on all errors & help */
	clear: left; padding: 0;
	margin: 0 0 0 108px;
}
#EditContactInfoForm .FormHelp, .GroupHelp { color: #666; font-size: 11px; } /* Help messages. */
#EditContactInfoForm .GroupError .GroupLabel, .GroupError .FormError label,.GroupError .FormError .label,
#EditContactInfoForm .FormError label, .FormError .label { color: #900; } /* Labels inside wrapper which has errors in it */
#EditContactInfoForm .FormError .Checks label { color: #333; }
#EditContactInfoForm .GroupItem .FormError { padding: 0; margin: 0; background: none; border: 0; } /* FormError inside of group doesn't need more styling */
#EditContactInfoForm .FormErrorMessage, .GroupErrorMessage { color: #900; font-size: 11px; } /* The error messages */
#EditContactInfoForm .GroupItem .FormErrorMessage, .GroupItem .FormHelp { display: none; } /* Individual help and errors are not displayed, because group-level help & errormessage exits. */
#EditContactInfoForm .Checks .FormHelp { margin: 0; padding: 0 0 0 18px; } /* Help with checkboxes & radiobuttons */

/* Item containing button and possibly the alternative action (cancel/back) as link */

#EditContactInfoForm .FormSubmit {} /* Additional wrapperclasse for the submit item. */
#EditContactInfoForm .FormSubmit .SubmitButton { padding: 9px; font-size: 14px; line-height: 18px; margin-right: 6px; margin-left: 108px; } /* The bigger button + indent. */
#EditContactInfoForm .FormAltAction { position: relative; float: left; line-height: 36px; margin: 0; } /* Alternative action next to the button. */
#EditContactInfoForm .FormAltAction a {}

#EditContactInfoForm .required {} /* When item is required it get's this wrapperclass. Here required items label gets bolding. */
#EditContactInfoForm .required label, .required .label { font-weight: bold; }
#EditContactInfoForm .required .after, .required .after label, .required .after .label,
#EditContactInfoForm .required .Checks label, .required .Checks .label { font-weight: normal; }

#EditContactInfoForm .after { width: auto; font-weight: normal; } /* Very useful if you need currency or some other suffix after you input. */