#content form {
font-family: inherit;
font-size: inherit;
}
/** Begin form layout **/
#content form fieldset {
border: none;
margin: 0;
padding: 0;
}
#content form .field {
float: left;
width: 15em;
margin: 0;
padding: 0;
}
/***********************/
#content form fieldset fieldset {
border: none;
margin: 0;
padding: 0;
}
#content form fieldset fieldset {
margin-top: 1em;
}
#content form fieldset fieldset p { /* Radio buttons and groups of select boxes. */
margin: 0;
margin-left: 15em;
}
#content form fieldset fieldset legend span { /* Must use a span to style the legend. */
float: left;
width: 15em;
position: absolute; /* Required to move legend out of fieldset border. */
}
/* IE adds 7px before the legend for some unknown reason, so adjust margin and use child selectors to undo adjustment for all browsers except IE. */
#content form fieldset fieldset legend span {
margin-left: -7px;
}
#content form fieldset fieldset legend > span {
margin-left: 0;
}
#content form fieldset fieldset p label {
margin-left: 3px;
}
#content form fieldset fieldset p > label {
margin-left: 0;
}
/*** End form layout ***/
#content form input, #content form textarea, #content form select {
font-family: inherit; /* This doesn't work for textareas in IE. */
font-size: inherit;
font-weight: inherit;
}
#content form label.error {
color: red;
font-style: italic;
margin-left: 1em;
}
#content form textarea {
border: 1px solid black;
overflow: auto
}
#content form textarea:focus {
border: 1px dotted black;
}
#content form textarea.error {
border: 1px dotted red;
}
#content form input {
border: 1px solid black;
}
#content form input.checkbox {
border: 1px solid black; /* This doesn't make any difference - it seems you can't easily style a checkbox border. */
}
#content form input:focus {
border: 1px dotted black;
}
#content form input.error {
border: 1px dotted red;
}