﻿/* CREO FORM STYLES - These are used by the form & form elements */
form { display:inline; }
input, textarea, select { border:1px solid #C4C4C4; font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size:1em; }
input.disabled { border:1px solid #C4C4C4; background:#F6F6F6; }
fieldset { border:none; border-top:1px solid #666666; margin:0 0 5px 0; padding:5px; }
select { margin-bottom:5px; }
legend { font-weight:normal; 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:20%; padding:0; display:block; margin:0 0 5px 0; color:#000000; }
.form_checkbox_label { color:#000000; }
.form_question_label_vertical { float:none; display:block; width:99%; }
.form_question_input, .form_question_input_error { float:right; padding:2px 1px; width:78%; margin:0 0 5px 0; display:block; }
.indentField { margin-left:22%; }
.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:#FFFFFF; color:#666666; border:1px solid #C4C4C4; font-size:100%; margin:0 0 5px 0; float:right; cursor:pointer; overflow:visible; }

.input_datepicker { width:100px; }

.form_box { width:70%; display:block; }

.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%; }
.preview_title { font-size:1.2em; font-weight:normal; 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:normal;}
.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; }

#form_3 { width:100%; }


#search_container .form_question_label { float:none; display:inline; padding-right:10px; }
#search_container .form_question_input { margin:0; vertical-align:middle; width:105px; float:none; display:inline; }
#search_container .button { float:none; display:inline; margin:0; vertical-align:middle; }

#my_collection_form_box { margin-left:-1px; color:#FFFFFF; float:right; width:373px; padding:25px 20px; background:url(/creo_files/css_themes/default/theme_images/bgnd-collection-frm.jpg) #454344 top left repeat-x; border:1px solid #FFFFFF; }
#my_collection_form_box h2 { color:#FFFFFF; font-weight:normal; font-size:1.6em; line-height:1em; margin:0 0 15px 0; }
#my_collection_form_box #form_intro_text, #my_collection_form_box .form_submit_container { padding:0 00px; }
#my_collection_form_box .form_question { border-top:1px solid #7C7374; padding:10px 00px; margin:0; }
#my_collection_form_box .form_question_label { color:#EDBE5E; }
#my_collection_form_box .button { float:none; background:#666666; border:1px solid #CCCCCC; color:#EDBE5E; margin:0; }
#my_collection_form_box .form_key { margin:10px 0; }
#my_collection_form_box .form_key span { color:#edbe5e; }


/*#form_1 { width:90%; }
#form_1 .row0 { float:left; width:48%; }
#form_1 .row1 { float:right; width:48%; }*/

.form_radio_label { color:#000000; }