fieldset {
    margin: .5em 0;
    border: 1px solid #CCCCCC;
    padding: .25em .75em;
}
fieldset legend {
    color: black;
}

input,
textarea,
select {
    margin: .25em 0;
    border: 1px solid #CCCCCC;
    background: white;
    color: black;
    font-size: inherit;
    font-family: inherit;
}

input,
textarea {
    padding: .15em; /* Apply some font-relative spacing. */
}

select {
    padding: 0;	    /* SELECT has additional spacing, rely on that (FIXME?). */
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #333333;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    margin: 1em 0;
    border: 1px solid #434343;
    padding: .25em .75em;
    min-width: 5em;
    background: #666666;
    color: #F6F6F6;
    font-weight: bold;
}
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #888888;
}
input[type="button"]:active,
input[type="button"]:active:hover,
input[type="reset"]:active,
input[type="reset"]:active:hover,
input[type="submit"]:active,
input[type="submit"]:active:hover {
    background: #AAAAAA;
}
/* There is no support for attribute selectors in IE6. Try this at least: */
body.msie-pre7-browser input.submit {
    border: 1px solid #000000;
    padding: .25em .75em;
    background: #666666;
    color: #F6F6F6;
}
/* Minimum width handling is broken with buttons on MSIE < 8. */
body.msie-pre8-browser input[type="button"],
body.msie-pre8-browser input[type="reset"],
body.msie-pre8-browser input[type="submit"] {
    min-width: 0;
}

/* FIXME: Should this be here? */
div#payment input[type="submit"] {
    color: #A6FFA6;
    font-weight: bold;
}