﻿/* CREO FORM STYLES - These are used by the form & form elements */
form { display:block; padding:0 5px; color:#666666; padding-bottom:5px; padding-top:5px;}
input, textarea, select { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; width:25px;}
fieldset { border:1px solid #CCCCCC; margin:0 0 5px 0; padding:5px; }
select { margin-bottom:5px; }
legend { font-weight:bold; color:#CCCCCC; }

#form_intro_text { margin-bottom:10px; }
.form_plain_text { margin-bottom:5px; }
.form_question { padding:2px 0; }
.form_question_label { float:left; width:245px; padding:0; display:block; margin:0 0 5px 0; color:#2D89AF; font-weight:bold; }
.form_question_label_vertical { float:none; display:block; width:99%; }
.form_question_input { float:right; padding:0; width:250px; margin:0 0 0 0; display:block; text-align:right; text-align:left;}
.form_question_input_error { width:250px; float:right }
.form_question_input_error_text { color:#CC0000; }
.form_question_error_text { color:#CC0000; padding-left:177px; width:250px; float:right; }
.form_question_required { display:none;}
.form_terms_label { width:auto; }
.form_submit_container {}

.input_datepicker { width:100px; }

.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;}

.form_quiz_corrent .radio_validation_message {color:#00FF00; font-size:1.3em; margin:0 10px 0 10px; font-weight:bold; background:url(../creo_img/green_tick.gif) 100% 50% no-repeat; padding:5px 5px 5px 0;}
.form_quiz_incorrent .radio_validation_message {color:#FFFFFF; font-size:1.3em;  padding:5px 5px 5px 0;margin:0 10px 0 10px; font-weight:bold;}

.radio_validation_message {color:#FFFFFF; font-size:1.2em; margin:10px; font-weight:bold; padding:5px 5px 5px 0;}

.kids_quiz { background: url(../creo_img/blue_inner_content_top.gif) no-repeat #2FB2D8; border:none; margin:10px 0 0 6px; padding:10px;}
.kids_quiz .form_question_label { font-size:1.3em; color:#FFFFFF; line-height:1.4em; padding-bottom:5px;}
.kids_quiz label { color:#FFFFFF; font-size:1.2em; font-weight:bold; width:495px; vertical-align:top;}

.form_submit_container {padding-top:20px;}

.kids_quiz .form_bottom { background:url(../creo_img/blue_inner_content_bottom.gif) no-repeat; height:5px; margin:0 0 0 6px;}

.form_radio { margin:3px 0 5px 0;}

.red_text { display:none;}

.button { background:#1EAECE; color:#FFFFFF; border:1px SOLID #084694; width:75px; float:right; margin: -20px 0 0 0;}
