﻿/* CREO FORM STYLES - These are used by the form & form elements */
form {}
fieldset { border:1px solid #999999; color:#000000;  margin:8px 0px 5px 0px; padding:8px; }
legend {font-size:1.1em; font-weight:bold;}
.form_question { padding:0 0 5px 0; }
.form_question_label { float:left; width:175px; padding:0; display:block; margin:0 0 5px 0; }
.form_question_input { float:left; padding:0; width:350px; margin:0 0 5px 0; display:block; }
.form_question_input_error { float:left; padding:0; width:350px; margin:0 0 5px 0; display:block; }
.form_question_input_error_text { color:#FF0000; font-weight:bold;}
.form_question_error_text { color:#FF0000; font-weight:bold; font-size:0.9em;}
.form_question_required { background:#FFFFFF; color:#FF0000; padding:0; margin:0 0 0px 0; line-height: 0em; }
.button { padding:2px; background-color:#40736C; font-weight:bold; color:#FFFFFF; border:1px solid #2B4D48; font-size:100%; margin:0 5px 5px 4px; float:right; cursor:pointer; }



#search_container .form_question_input { width:137px; }
#search_container .button { }

#search_container_index .form_question_input { width:197px; }
#search_container_index .button { }

.form_checkbox_box { border:1px solid #CCCCCC; padding:5px; vertical-align:middle; display:block; float:left;  background:#EDEDDC}
.form_question_label { float:none;}
.form_checkbox_box div { width:250px; float:left;}

.regForm .form_question {display:block; float:none; clear:both; padding-right:10px;}
.regForm .form_checkbox_box { border:1px solid #CCCCCC; padding:5px; vertical-align:middle; display:block; float:left;  background:#EDEDDC; margin:5px -5px 0 0}
.regForm .form_checkbox_box div { width:360px;}
.regForm .form_checkbox_box .form_checkbox { float:left;}
.regForm .form_checkbox_box .form_checkbox_label { display:block; float:left; width:320px; padding-left:5px;}

.regForm .form_question_label { width:85px; float:left; color:#40736C; font-size:1em; font-weight:normal; padding-left:5px;}
.regForm .form_question_input { width:220px; float:right; padding:2px 0; margin-right:-5px; border:1px solid #D9D9B3;}

.regForm fieldset { margin:5px 0 0 0; border:none; border-top:1px solid #40736C; padding:10px 0 0 0;}
.regForm legend { color:#40736C; background:#FFFFFF; font-weight:bold; font-size:1.2em; padding:1px 5px 1px;}

.regForm .form_question_error_text {display:block; float:left; margin:0 0 10px 0;}

.regForm .form_submit_container { margin-top:5px;}

.regForm { padding-top:10px;}

.fullPage .form_question_label { width:500px; font-size:1.1em;}
.fullPage .radioElement { width:250px; float:left;}
.fullPage .form_question  { padding:5px; margin:5px 0; border:1px solid #CCCCCC;float:left; width:540px;}
.fullPage .form_radio_box { border:1px solid #D9D9B3; padding:5px; vertical-align:middle; background:#EDEDDC}
.fullPage .form_question_label  { font-weight:bold;}
.fullPage #which_sections_do_you_find_most_usefull_other, .fullPage #email_subscription, .fullPage #any_other_comments { width:535px !important; border:1px solid #CCCCCC; background:#EDEDDC}

.shopDescription { padding-right:10px;}

.fundingForm { padding:5px 15px;}
.fundingForm  h2 { width:520px; margin:30px 0 5px 0;}
.fundingForm fieldset { padding:0 5px 5px 5px; margin:-5px 0 15px 0px; width:528px; border:1px solid #CCCCCC}
.fundingForm legend { font-size:11px; font-weight:bold; }
.fundingForm legend span {display:none;}
.fundingForm .form_question_input { width:520px; float:none; border:1px solid #CCCCCC; margin-bottom:0; padding:3px; background:#E7E7E7}
.fundingForm .form_question_label { width:520px; float:none; display:block;  font-weight:bold; font-size:11px;}
.fundingForm em { font-size:0.9em;}
.fundingForm .form_question { margin-top:10px;}

.fundingForm .questionError { border:2px solid red; background:#FFC4C4; -moz-border-radius: 5px; border-radius: 5px; padding:5px 10px; width:505px; }

.fundingForm .form_question_error_text { padding:2px 5px 3px 5px; color:#FF0000; font-family:Georgia, "Times New Roman", Times, serif; margin-top:5px;}
.fundingForm .questionError .form_question_input { width:495px;}
.fundingForm .questionError .form_question_label { width:505px;}
.fundingForm .form_question_required { background:none;}
