﻿/* CREO FORM STYLES - These are used by the form & form elements */

.outer_form_container {}

form { display:inline; }
input, textarea, select { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; }
fieldset { border:1px solid #CCCCCC; color:#000000; margin:5px 0 5px 0; padding:0 5px 5px 8px; }
select { margin-bottom:5px; }
legend { font-weight:bold; margin:0 0 0 -2px; }

.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 { width:200px; }
.form_question_input_error_text { color:#CC0000;}
.form_question_error_text { color:#CC0000; padding-left:100px; width:200px; font-size:1.2em; font-weight:bold; font-size:1em; font-family:Arial, Helvetica, sans-serif; }
.form_question_required { color:#FF0000; padding:0; margin:0 0 5px 0; line-height:0em; }
.form_terms_label { width:auto; }
.form_submit_container { padding:0; margin:-5px 0 0 0}
.button { padding:1px 4px; background:#D03E49; font-weight:bold; color:#FFFFFF; border:1px solid #D03E49; font-size:100%; margin:0 0 5px 4px; float:right; cursor:pointer; overflow:visible; }

.form_checkbox_label {display:block; float:left; width:430px;}
.form_checkbox { float:left;}

.input_datepicker { width:100px; }

.contact_container { width:305px; }

#search_container { float:right; width:170px; margin-right:10px; padding:5px 0; }
#search_container .keyword_search_input { float:left; padding:2px 1px 2px 1px; width:105px; margin:0 0 5px 0; display:block; border:1px solid #D03E49; }


.right_search_form { width:133px; border:1px solid #CD4F40; margin-bottom:5px;}
.right_search_form h3 { padding:3px; font-size:1em;}
.right_search_form form { padding:0 5px 0 5px; display:block;}
.right_search_form .form_question_input { width:119px; margin-top:0; padding-top:0;}
.right_search_form .form_question_input_select { width:123px;}
.right_search_form label { font-weight:bold; font-size:0.9em; margin-bottom:0; color:#333333}

.regf fieldset {padding:5px 10px 5px 10px; border:none; display:block; border:1px solid #CCCCCC; width:485px; float:none; clear:both; margin-bottom:10px;}
.regf legend { margin:0; padding:0 5px 0 0; color:#6C9A34; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}
.form_key {margin-top:-25px; color:#FF0000; font-weight:bold; font-size:1em;}

.regf .group_4 .form_question_input { margin-bottom:5px;}

.regf .form_question_error_text {padding:0 0 0 13px; margin:0; float:none; width:170px; background:url(../creo_img/error_icon.png) no-repeat 5px 50%; font-size:0.9em;}

.regf  {}
.regf .form_question {}
.regf .form_question_label, .option_title { margin:0; padding:0 0 2px 0; color:#CD4F40; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.regf .form_question_input { float:left; width:215px; margin:0; border:1px solid #C0C0C0; padding:2px 0 2px 0;}

.regf .website {float:left; width:225px;}
.regf .email {float:left; width:225px; clear:both; }

.regf a:link { color:#D03E49; font-weight:bold; text-decoration:none;}
.regf a:visited { color:#D03E49; font-weight:bold; text-decoration:none;}
.regf a:hover { color:#D03E49; font-weight:bold; text-decoration:underline;}
.regf a:active { color:#D03E49; font-weight:bold; text-decoration:none;}


.regf .user_password {float:left;  width:224px;}
.regf .salutation { clear:both; float:left;  width:45px;}
.regf .salutation .form_question_input {float:left;  width:35px;}
.regf .first_name {float:left; width:180px; } 
.regf .first_name .form_question_input {float:left; width:170px; }
.regf .last_name, .regf .surname {float:left; width:210px;}
.regf .telephone_1 {float:left; width:225px;  clear:both;}
.regf .mobile {float:left;  width:220px;}
.regf .button {margin:0 11px 5px 4px; padding:3px 20px 2px 5px; background:url(../creo_img/redplus.jpg) 98% 50% no-repeat #D03E49; font-size:1.1em;}

.regf #location {width:395px; float:none; clear:both;} 
.regf .additional_data_9 .form_question_checkbox_error_text { width:400px !important;}
.regf .additional_data_10 .form_question_checkbox_error_text { width:400px !important;}

.regf .additional_data_5 textarea { width:440px;}

.regf .group_3 { width:600px; clear:both;}

.regf .form_submit_container {padding:0;}

.regf .business_name { width:500px;}
.regf .business_name input { width:440px;}
.regf .form_question_label { width:440px;}
.regf .group_2 { width:600px; clear:both;}

.regf .group_1 {float:left; width:225px; overflow:hidden; }
.regf .postalcode {float:left; width:225px; padding-bottom:10px;}
.regf telephone_1 {float:left; width:225px;}

.regf .send_newsletter {clear:both; float:none; clear:both;}

.regf .additional_ls_memo_1_1 { width:225px; float:left;}
.regf .additional_ls_memo_1_2 { width:225px; float:left;}

.regf2  .form_submit_container  { border-top:1px solid #E6A79F; margin-top:10px; padding-top:5px;}
.regf2 #email_address { width:395px;}

.option_title { padding-bottom:2px;}
.option_pair { width:166px; float:left; border:1px solid #DADADA; margin:1px;}

.form_question_input_error { border:1px solid #CCCCCC;}
.date_2 {}
.content_insert_form {background:#E7E7E7; padding:0; margin:0;}
.content_insert_form .form_question {margin:0; padding:2px 0; border:1px solid #E7E7E7; display:block;}
.content_insert_form .form_question_input { width:350px;}

.content_insert_form .form_question_label { width:150px}

.content_insert_form .memo_1 .form_question_input_error { width:350px;}
.content_insert_form  .memo_1 .form_question_error_text { padding-top:5px;}

.content_insert_form .date_1 .form_question_input,
.content_insert_form .date_2 .form_question_input { width:75px; }
.content_insert_form  .title .form_question_error_text { margin-top:-10px;}
.content_insert_form .form_question_error_text {
	color:#CC0000; margin:5px 0 5px 150px; padding:0;
	width:200px; font-size:1.2em; font-weight:bold; font-size:1em;
	font-family:Arial, Helvetica, sans-serif; border:0 solid red;
	text-align:left;}

.content_insert_form .memo_1 .form_question_error_text {color:#CC0000; padding-left:0; padding-bottom:5px; margin-top:-5px; width:200px; font-size:1.2em; font-weight:bold; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding-left:5px;}

.outer_form_container {/* background:#E7E7E7; border:1px solid #DDDDDD; padding:5px;*/}
.small_form { font-size:0.9em; padding-top:5px; display:block; margin-bottom:-5px; letter-spacing:-1px;}
.small_form div { margin-bottom:2px;}
.small_form input { width:100px; font-size:0.9em; border:1px solid #CCCCCC;}
.small_form label { width:65px; display:block; float:left;}
.small_form .button_small { background:none; font-weight:bold; text-align:right; font-size:1.0em; cursor:pointer; border:none; width:77px; color:#D03E49; margin-left:90px; padding-bottom:2px;}

.regf .file_additional { display:none;}

.basic_form input {float:left; width:215px; margin:0; border:1px solid #C0C0C0; padding:2px 0 2px 0;}
.basic_form .form_question_label { margin:0; padding:0 10px 2px 0; color:#CD4F40; font-weight:bold; font-family:Arial, Helvetica, sans-serif; width:160px;}

.basic_form fieldset {padding:5px 10px 5px 10px; border:none; display:block; border:1px solid #CCCCCC; width:485px; float:none; clear:both; margin-bottom:10px;}
.basic_form legend { margin:0; padding:0 5px 0 0; color:#6C9A34; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}
.basic_form .button { float:right; width:80px; border:1px solid #000000;}

.basic_form .form_question { display:block;}

.basic_form form_question_intput {}

.basic_form  .form_radio { border:1px solid #FFFFFF; display:block; width:50px;  vertical-align:top; padding-bottom:2px;}
.basic_form  .form_radio_label { border:1px solid #FFFFFF; display:block; padding-bottom:2px; vertical-align:top}

.basic_form  .form_checkbox { border:1px solid #FFFFFF; display:block; width:50px; vertical-align:top; padding-bottom:5px;}
.basic_form  .form_checkbox_label { border:0 solid #FFFFFF; display:block; margin-top:-3px; padding-bottom:5px; width:350px;}
.basic_form  .form_checkbox_label a { text-decoration:none; color:#000000;}
.basic_form  .form_checkbox_label a:hover { text-decoration:underline; color:#000000;}


.basic_form .checkbox_title {color:#CD4F40; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.basic_form .radio_title {color:#CD4F40; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.basic_form .form_terms_label { width:400px;}
.basic_form .form_question_error_text {padding:0 0 0 0; margin:0 0 0 175px; float:none; width:240px;} 
.basic_form .form_group_error_text {padding:0 0 0 15px; margin:0 0 0 0; float:none; background:url(../creo_img/error_icon.png) no-repeat 5px 6px; color:#D03E49; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.basic_form .group_validation_radio_container { margin:10px 0 5px 0; vertical-align:top;}
.basic_form .group_validation_radio { width:20px;}
.basic_form .group_validation_radio_label {margin:0; padding:0 5px 0 0; color:#6C9A34; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}
.basic_form .group_validation_field_container { border:1px solid #CCCCCC; padding:5px;  background:#EBEBEB}

.basic_form .form_group_overdiv { border:1px solid #CCCCCC; padding:0 5px 5px 5px; margin-bottom:10px;}

.basic_form .fqError { background:url(../creo_img/error_question.gif) no-repeat 100% 50% #F5D5D5; border:2px solid #FF0000; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:5px 5px 5px 5px; margin:5px 0;}

.basic_form .form_group_overdiv h3 { color:#6C9A34; padding:5px 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}

.online_poll .form_question_label { width:510px; background:#D03E49; color:#FFFFFF; font-weight:bold; padding:2px 5px 3px 5px; margin-bottom:2px;}
.online_poll .additional_column {width:120px; float:left; background:#E7EFC8; border:1px solid #CCCCCC; margin-bottom:1px; padding:2px 5px 2px 5px; margin-right:1px;}
.online_poll .form_radio_box { width:518px; float:left;}
.online_poll .form_radio {}
.online_poll .form_radio_label { width:307px; float:left; color:#333333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1em; background:#E7EFC8; border:1px solid #CCCCCC; margin-bottom:1px; padding:2px 5px 2px 5px; margin-right:1px;}
.online_poll .form_radio_label_single { width:482px; float:left; background:#E7EFC8; border:1px solid #CCCCCC; margin-bottom:1px; padding:2px 5px 2px 5px; margin-right:1px;}

.online_poll .form_radio {}
.online_poll .form_radio_vote {float:left; width:30px; text-align:right; background:#E7EFC8; border:1px solid #CCCCCC; margin-bottom:1px; padding:2px 5px 2px 5px; text-align:right}
.online_poll .form_radio_container {background:#E7EFC8; border:1px solid #CCCCCC; float:left; width:20px; margin-right:1px; padding-bottom:0;}

.online_poll .form_radio_row { padding:0 0 2px 0;}

.preview_field_title { color:#86BE3F; font-weight:bold; font-size:1.4em; padding-bottom:10px; border-top:1px solid #86BE3F; padding-top:5px; margin-top:-10px;}
.preview_title {color:#CD4F40; font-weight:bold; font-size:1.1em; padding-bottom:5px;}
.preview { margin-bottom:10px;}
.online_poll .button { margin-right:0; margin-top:2px; padding:3px 20px 3px 5px; background:url(../creo_img/redplus.jpg) 98% 50% no-repeat #D03E49}

.online_poll .form_submit_container { border-top:5px; /*border-top:5px solid #D03E49;*/ width:518px; font-size:1.1em; font-weight:bold;  clear:both;}

.online_poll .form_question_error_text { padding:0 0 0 10px; margin:0; float:left; clear:both; width:400px; background:url(../creo_img/error_icon.png) no-repeat 0 4px}

.online_poll .form_key { float:left; }

.online_poll .radio_title {width:507px; background:#D03E49; color:#FFFFFF; font-weight:bold; padding:2px 5px 1px 5px; margin-bottom:2px; margin:10px 0 0 0; height:20px;}
.online_poll .favourite_fair_trade_cafe_2009 { margin-bottom:5px;}

/* */

.inline_poll .form_question_label { width:181px; background:#D03E49; color:#FFFFFF; font-weight:bold; padding:2px 5px 3px 5px; margin-bottom:2px;}
.inline_poll .additional_column {width:100px; float:left; background:#E7EFC8; border:1px solid #CCCCCC; margin-bottom:1px; padding:2px 5px 2px 5px; margin-right:1px;}
.inline_poll .form_radio_box { width:200px; float:left;}
.inline_poll .form_radio {}
.inline_poll .form_radio_label { width:200px; float:left; color:#333333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1em; background:#E7EFC8; border:1px solid #CCCCCC; margin-bottom:1px; padding:2px 5px 2px 5px; margin-right:1px;}
.inline_poll .form_radio_label_single { width:150px; float:left; background:#E7EFC8; border:1px solid #CCCCCC; margin-bottom:1px; padding:2px 5px 2px 5px; margin-right:1px;}

.inline_poll .form_radio {}
.inline_poll .form_radio_vote {float:left; width:30px; text-align:right; background:#E7EFC8; border:1px solid #CCCCCC; margin-bottom:1px; padding:2px 5px 2px 5px; text-align:right}
.inline_poll .form_radio_container {background:#E7EFC8; border:1px solid #CCCCCC; float:left; width:20px; margin-right:1px; padding-bottom:0;}

.inline_poll .form_radio_row { padding:0 0 2px 0;}

.preview_field_title { color:#86BE3F; font-weight:bold; font-size:1.4em; padding-bottom:10px; border-top:1px solid #86BE3F; padding-top:5px; margin-top:-10px;}
.preview_title {color:#CD4F40; font-weight:bold; font-size:1.1em; padding-bottom:5px;}
.preview { margin-bottom:10px;}
.inline_poll .button { margin-right:0; margin-top:5px;}

.inline_poll .form_submit_container { border-top:5px; /*border-top:5px solid #D03E49;*/ margin-top:-21px; width:292px;}

.inline_poll .form_question_error_text { padding:0; margin:0; float:left; margin-top:-10px;  clear:both;}

.inline_poll .form_key { float:left; }

.inline_poll .radio_title {width:281px; background:#D03E49; color:#FFFFFF; font-weight:bold; padding:2px 5px 1px 5px; margin-bottom:2px; margin:10px 0 0 0; height:20px;}

.pollEntryForm form{}

.classTitle { background:#CD4F40; width:490px; color:#FFFFFF; padding:5px 5px; font-weight:bold; font-size:1.2em;}
.pollText a {}

.table_general caption { text-align:left;}

#HPContactCont { background:#93C33C; padding:10px 10px 0 13px; margin-top:15px;}

.HPContact { width:100px; overflow:hidden; overflow:hidden;}

.HPContact .form_question { padding:0; margin:0;}
.HPContact .form_question_input { width:150px; border:1px solid #6D9A35;}
.HPContact .form_question_input_error { width:150px; border:1px solid #6D9A35; background:#FFFF00}
.HPContact .form_question_error_text { margin:-6px 0 0 0; padding:0; width:150px;}
.HPContact .form_question_required { display:none;}
.HPContact .form_question { margin:0; padding:0;}

.HPContact .form_question_label { display:none;}

#HPContactCont .form_key { display:none !important;}
#HPContactCont .button { background:none; border:none; padding:5px 0 10px 0; margin:0;}

.pledgeForm  {}
.pledgeForm .form_question { border:1px solid red;}
.pledgeForm .form_question_label, .option_title { margin:0; padding:0 0 2px 0; color:#CD4F40; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.pledgeForm .form_question_input { float:left; width:215px; margin:0; border:1px solid #C0C0C0; padding:2px 0 2px 0;}

.pledgeForm .form_radio_container {}
.pledgeForm .form_radio_container .form_radio { width:20px;  float:left; margin-bottom:10px;}
.pledgeForm .form_radio_label_single {width:400px; float:left; color:#CD4F40; font-size:12px; font-weight:bold;}
.pledgeForm .radio_title {color:#CD4F40; font-size:13px; font-weight:bold; margin-top:10px;}
.pledgeForm .form_radio_box { padding:0; border:1px solid #CCCCCC; padding:5px; margin:10px 0 5px 0;}