/*feedback form styles*/
fieldset {margin:1em 0; padding:1em; border: 1px solid #62232a;}
legend {color:#62232a; font-size:12px; font-weight:bold; background-color:#eeedcf; border: 1px solid #62232a; padding:2px;}

/*input and text area share the same rules by comma and then white space*/
input, textarea {font:12px normal Arial, Helvetica, sans-serif; color:#333;}

/*styles these titles makes them stack with display block, by default, span displays inline*/
span.field_title {font-weight:bold; display:block; padding-bottom:12px;}

/*pushes the send button to the right no padding or margin is needed here because as the button is inside a paragraph tag, it has space already.*/
p.send {float:right; margin:0; padding:0;}

/*span class of required sets the color to red for words within the tag, also I set properties to override the general span rules set above the margin is for the space between teh asterik and the text*/
span.required {color:#CC0000; font-weight:normal; display:inline; padding:0; margin-right:2px; font-size:10px;}

/*this is for teh space needed for the labels with radio buttons*/
label.radio {margin-right:16px;}

/*display block means that these elements will stack. padding is applied to 
add some breathing room between the label and the input field. */
label.form {display:block; padding-bottom:6px;}
input.formbox {display:block;}
label.site_details {display:block; padding-bottom:6px;}
input.pages_required {display:block;}