﻿/*form { display:inline; }
input, textarea, select { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; }
fieldset { border:1px solid #CCCCCC; color:#CCCCCC; margin:5px; padding:5px; }
select { margin-bottom:5px; }
legend { font-weight:bold; }

.form_plain_text { margin-bottom:5px; }
.form_question { padding:5px 0; }
.form_question_label { float:left; width:100px; padding:0; display:block; margin:0 0 5px 0; }
.form_question_label_vertical { float:none; display:block; width:99%; }
.form_question_input { float:left; padding:0; width:200px; margin:0 0 5px 0; display:block; }
.form_question_input_error { color:#000000; width:200px; }
.form_question_input_error_text { color:#CC0000; }
.form_question_error_text { color:#CC0000; padding-left:100px; width:200px; }
.form_question_required { color:#FF0000; padding:0; margin:0 0 5px 0; line-height:0em; }
.form_terms_label { width:auto; }
.form_submit_container {}
.button { padding:1px 4px; background:#D5DF3E; font-weight:bold; color:#FFFFFF; border:1px solid #A9A9A9; font-size:100%; margin:0 0 5px 4px; float:right; cursor:pointer; overflow:visible; }

.input_datepicker { width:100px; }

.contact_container { float:left; width:304px; margin-right:30px; }
.contact_details_box { float:left; width:206px; }*/

/* CREO FORM STYLES - These are used by the form & form elements */
form { display:inline; }
input, textarea, select { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; }
fieldset { border:1px solid #CCCCCC; margin:0 0 5px 0; padding:5px; }
select { margin-bottom:5px; }
legend { font-weight:bold; color:#666666; }

#form_intro_text { margin-bottom:10px; }
.form_plain_text { margin-bottom:5px; }
.form_question { padding:5px 0; }
.form_question_label { float:left; width:25%; padding:0; display:block; margin:0 0 5px 0; }
.form_question_label_vertical { float:none; display:block; width:99%; }
.form_question_input, .form_question_input_error { float:right; padding:0; width:73%; margin:0 0 5px 0; display:block; }
.form_question_input_error_text { color:#CC0000; }
.form_question_error_text { color:#CC0000; padding-left:21%; }
.form_question_required { color:#FF0000; padding:0; margin:0 0 5px 0; line-height:0em; }
.form_terms_label { width:auto; }
.form_submit_container {}
.button { padding:1px 4px; background:#D5DF3E; font-weight:bold; color:#FFFFFF; border:1px solid #A9A9A9; font-size:100%; margin:0 0 5px 0; float:right; cursor:pointer; overflow:visible; }

.input_datepicker { width:25%; float:left; margin:0 0 5px 5px; }

.contact_container { width:80%; }
.feedback_container { width:99%; }

.form_tabs { position:relative; z-index:2; width:518px; /*use width for IE*/ }
.form_tab_box { border:1px solid #CCCCCC; padding:5px; background:#F6F6F6; margin-top:-1px; position:relative; z-index:1; width:508px; /*use width for IE*/ }
.form_tab { float:left; display:block; padding:2px 5px; }
.form_tab:hover a { background:#F6F6F6; }
.form_tab_sel { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background:#F6F6F6; }



.course_form_box { background:#F2F5C5; padding:10px; }
.course_form_box .form_question_label { font-weight:bold; }
.course_form_box .form_question_input { width:98%; border:1px solid #FFFFFF; padding:2px; }
.course_form_box #no_of_places { float:left; width:130px; }
.course_form_box #total_cost { width:130px; }
.course_form_box .form_submit_container { background:url(../creo_img/button-grey-gr.gif) top left repeat-y; width:200px; }
.course_form_box .form_submit_container span { background:url(../creo_img/button-grey-gr-top.gif) top left no-repeat; width:200px; display:block; }
.course_form_box .form_submit_container .button { float:none; background:none; border:none; background:url(../creo_img/button-grey-gr-btm.gif) bottom left no-repeat; width:200px; padding:4px 10px 7px 25px; margin:0; text-align:left; }
.course_form_box .form_question_error_text { padding-left:0; width:450px; }