﻿/* 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; }
input.disabled { border:1px solid #CCCCCC; background:#F6F6F6; }
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_question { padding:5px 0; }
.form_question_label { float:left; width:20%; padding:0; margin:0; display:block; }
.form_question_label_vertical { float:none; display:block; width:99%; }
.form_question_input, .form_question_input_error { float:right; padding:3px 0; margin:0; width:78%; display:block; border:1px solid #666666; }
.indentField { margin-left:22%; }
.form_question_input_error_text { color:#CC0000; }
.form_question_error_text { color:#CC0000; padding-left:20%; }
.form_question_required { color:#FF0000; padding:0; margin:0; line-height:0em; }
.form_terms_label { width:auto; }
.form_submit_container {}
.button { padding:1px 4px; font-size:1em; line-height:1.3em; display:block; background:none; vertical-align:middle; font-weight:bold; color:#FFFFFF; border:none; margin:0; cursor:pointer; overflow:visible; }
.button_outer { float:right; background:url(../theme_images/btn.gif) #2F4D71 top left repeat-x; }
.button_outer .sb-inner { background:url(../theme_images/btn.gif) #2F4D71 top left repeat-x; }


.input_datepicker { width:85px; }

.contact_container { width:75%; }

.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_key { color:#CC0000; }

.preview { margin-bottom:10px; width:100%; float:left; }
.preview_title { font-size:1.2em; font-weight:bold; width:30%; float:left;}
.preview_content {font-size:1.2em; width:65%; float:left; padding-left:10px; }
.preview_chart { padding-top:5px; display:block;}
.preview_field_title { font-size:1.3em; border-bottom:1px solid #999999; margin-bottom:10px; font-weight:bold;}
.correct { border-left:10px solid green; padding-left:5px; margin-bottom:3px;}
.incorrect { border-left:10px solid red; padding-left:5px; margin-bottom:3px;}
form .form_radio_box_chart { float:left; width:175px;}
.form_radio_box {float:left; width:175px;}
.form_radio_label { }
.question_chart_container { float:left; width:175px;}
.form_radio { width:20px; float:left;}

/* Mini login form */
.mini_login #user_password, .mini_login #email { width:175px; padding:0 15px 0 15px; display:block; border:none; background:none; }
.mini_login label { width:50px; color:#25568F; font-weight:bold; font-size:1.1em; line-height:20px; margin:0;}
.form_key { display:none;}

.mini_login .user_password, .mini_login .email {background:url(../theme_images/form_input_bck.gif) no-repeat 96px 2px; border:none; line-height:40px; display:block; height:16px; height:18px;}

.searh_form label { width:80px; color:#25568F; font-weight:bold; font-size:1.1em; line-height:20px; margin:0;}
.searh_form .form_question_input { width:200px;}

.searh_form fieldset { border:none; padding:0; margin:0;}
.searh_form legend { display:none;} 


fieldset { margin:10px -15px 0 -15px; padding:10px; border:none; border-top:1px solid #990000;}
legend { color:#990000; font-size:1.2em;}

.learning {}
.checkbox_option { width:270px; float:left;}
.learning .group_4 .form_question_label, .learning .group_2 .form_question_label, .learning .group_3 .form_question_label { background:#CC0C1B; color:#FFFFFF; padding:4px 5px; font-size:1.1em; font-weight:bold; margin:5px 0 10px 0}

.label_checkbox {background:#CC0C1B; color:#FFFFFF; padding:4px 5px; font-size:1.1em; font-weight:bold; margin:5px 0 10px 0; width:100%}



.inner_right .add_course label { width:130px;}

.inner_right .add_course .form_question_input { width:160px;}

.inner_right .add_course .input_datepicker { width:130px !important}

.inner_right .add_course .form_question { padding:2px 0; margin:0;}

.inner_right .add_course .button { padding:1px 4px; font-size:1em; line-height:1.3em; display:block; background:none; vertical-align:middle; font-weight:bold; color:#FFFFFF; border:none; margin:0; cursor:pointer; overflow:visible;}

.label_date { width:165px;}
.inner_right .form_question_error_text { padding:2px 0 10px 0; margin:0; font-size:0.9em; font-weight:bold;}

.checkbox_not_select { border-bottom:1px solid #CCCCCC; margin-left:5px; margin-top:10px; margin-bottom:5px; padding-bottom:3px;}
.form_checkbox_label { width:190px; float:left;}
.form_checkbox { width:30px; float:left;}

#form_1001 .additional_data_2 .label_checkbox { width:20%; background:none; color:#666666; font-weight:normal; font-size:1em; margin:0 0 5px 0; padding:0; }