#content form#BrighterForm {
font-family: inherit;
font-size: inherit;
}
/** Begin form layout **/
#content form#BrighterForm fieldset {
border: none;
margin: 0;
padding: 0;
}
#content form#BrighterForm fieldset p {
clear: both;
}
#content form#BrighterForm .field {
float: left;
clear: both;
width: 15em;
margin: 0;
padding: 0;
}
#content form#BrighterForm fieldset fieldset {
clear: both;
border: none;
margin: 0;
padding: 0;
margin-top: 1em;
}
#content form#BrighterForm fieldset fieldset p { /* Radio buttons and groups of select boxes. */
margin: 0;
margin-left: 15em;
}
#content form#BrighterForm fieldset fieldset legend span { /* Must use a span to style the legend. */
float: left;
clear: both;
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#BrighterForm fieldset fieldset legend span {
margin-left: -7px;
}
#content form#BrighterForm fieldset fieldset legend > span {
margin-left: 0;
}
#content form#BrighterForm fieldset fieldset p label {
margin-left: 3px;
}
#content form#BrighterForm fieldset fieldset p > label {
margin-left: 0;
}
/*** End form layout ***/
#content form#BrighterForm input, #content form#BrighterForm textarea, #content form#BrighterForm select {
font-family: inherit; /* This doesn't work for textareas in IE. */
font-size: inherit;
font-weight: inherit;
}
#content form#BrighterForm label.error {
float: left;
clear: both;
width: 15em;
color: red;
font-style: italic;
margin-top: 0.5em;
margin-bottom: 1em;
}
#content form#BrighterForm textarea {
border: 1px solid black;
overflow: auto
}
#content form#BrighterForm textarea:focus {
border: 1px dotted black;
}
#content form#BrighterForm textarea.error {
border: 1px dotted red;
}
#content form#BrighterForm input {
border: 1px solid black;
}
#content form#BrighterForm input.checkbox {
border: 1px solid black; /* This doesn't make any difference - it seems you can't easily style a checkbox border. */
}
#content form#BrighterForm input:focus {
border: 1px dotted black;
}
#content form#BrighterForm input.error {
border: 1px dotted red;
}