body { color:#333; background:url(images/bg.gif) repeat; padding:0px; font-size:12px; text-align: center; font-family: Arial, Helvetica, sans-serif; } .form_content{ width:572px; margin:50px auto; padding:10px; background:url(images/form_top_bg.gif) repeat-x top #fff; } fieldset{ border:1px #ebebeb solid; padding:15px 10px 15px 10px; margin:0 0 10px 0; } legend{ color:#FFFFFF; background-color:#0fcdf6; padding:2px 5px 2px 5px; } legend.optional{ color:#FFFFFF; background-color:#50c150; padding:2px 5px 2px 5px; } .form-row { clear: both; float:left; padding:5px 5px 5px 5px; } .form-row-select { clear: both; float:left; padding:10px 5px 5px 5px; } .field-label { width:150px; float:left; line-height:25px; } label { float:left; color:#666666; } label.left{ padding:0 20px 0 5px; float:left; color:#666666; } .field-widget { float:left; } input.required{ width:300px; height:22px; border: 1px solid #95E0EF; background-color:#f3fcfe; border-left-width:2px; padding:5px 0 0 2px; float:left; } input.optional{ width:300px; height:22px; border: 1px solid #adedad; background-color:#f3fef3; border-left-width:2px; padding:5px 0 0 2px; } select.validate-selection{ width:305px; height:28px; border: 1px solid #95E0EF; background-color:#f3fcfe; border-left-width:2px; padding:4px 2px 3px 2px; float:left; } input.submit{ color:#FFFFFF; background-color:#0fcdf6; padding:2px 5px 2px 5px; cursor:pointer; border:none; } input.reset{ color:#FFFFFF; background-color:#50c150; cursor:pointer; padding:2px 5px 2px 5px; border:none; }