body { font-family:sans-serif; color:black;background:white; } .form_container { width: 600px; margin: 0px auto; background-color:white; } .field_container { width: 100%; margin: 10px 0px; background-color:white; clear:both;} .field_label { width: 35%; margin-right: 10px; text-align:right;float:left;padding-top:8px; } .field_input { width: 60%; float:left; } .field_foot { clear:both;height:1px;width:100%; } .field_label_text { font-weight:bold;font-size:16px; } .field_label_hint { color:silver;font-size:12px; } .field_required { display:inline;color:gray;font-size:10px;float:right; font-weight:bold; content: "REQUIRED"; } .field_required:before {content: "Required"; } .textbox { width:95%; border:solid 2px silver; border-radius:4px; font-size:18px;padding:8px; } .invalid_field { color:red; } .textarea { width:95%; border:solid 2px silver; border-radius:4px; font-size:18px;padding:8px;height:100px; } .form_submit_button { margin:0px auto; display:block;cursor:pointer; } .form_message { text-align:center; color:red;} @media (max-width: 600px) { .form_container{width:100%;} .field_input{width:100%;} .field_label{float:none;text-align:left;width:100%;} .field_required{float:none;} }