/************************************************************
Title:     Forms | Emile Blume - Netcreators.com
************************************************************/
form li, #footer form li { list-style:none; margin-bottom:4px; }
.column-right form { margin-top:4px; }
input, select, textarea { color: #333333; padding: 0.1em; width:300px; }
legend { /*color:#E2007A;*/ color:#000000; padding: 0px 0 10px; }
textarea { overflow: auto;}
fieldset { border: none;}
form label { cursor: pointer; float:left; padding:0.1em; vertical-align:top; width:150px; }
form p { margin:0; }
small { clear:left; display:block;}
#footer label { width:50px; }

/* csc mailform properties ///////////////////////////////////////////////////////////////*/
.csc-mailform-field,  .powermail_fieldwrap { clear: both; display: block; margin-bottom: 0.3em; width: 100%; }
.csc-mailform input, .csc-mailform select, .csc-mailform textarea { width: 200px;}
.csc-mailform label, .tx-powermail-pi1 label { float: left; padding-right: 0.6em; width: 150px; text-align: right; }

.powermail_fieldset { margin-bottom:1em; }

.tx_powermail_pi1_fieldwrap_html_radio label,
.tx_powermail_pi1_fieldwrap_html_check label { padding-right:0; }
.powermail_radio_inner, .powermail_check_inner { margin:0 0 0.3em 150px; padding-left:0.3em; float:left; }
.powermail_radio_inner label, .powermail_check_inner label { margin-top: -17px; padding-left: 20px; text-align: left; width: 500px;  /*width:320px;*/ }

.powermail_check_inner input, .powermail_radio_inner input,
.csc-mailform input.mf-radio,
.csc-mailform input.mf-check, input.checkbox { clear: both; display: inline; float: left; margin: 0 4px 0 0; width: 20px; }

input.checkbox { margin-top:5px; margin-left:154px; }
.tx-indexedsearch form label.no-float { float:none; clear:none; margin-top:5px; width:auto; }
fieldset.mf-radio label, fieldset.mf-check label { padding-left: 0.3em; text-align: left; float: none; width: 300px; }

fieldset.mf-radio legend, fieldset.mf-check legend { display:none; }
.tx_powermail_pi1_fieldwrap_html input { width: auto; }

.powermail_radio_legend { color: #333; }

/* button properties //////////////////////////////////////////////////////////////////////////////*/
input.button, input.submit, input.mf-submit, .tx-newloginbox-pi1-submit, input.powermail_submit,
.formbuttons input, .tx-powermail-pi1_mandatory_submit, .tx-powermail-pi1_confirmation_back,
.tx-powermail-pi1_confirmation_submit { background:transparent url(../img/coda-button.gif) repeat-x scroll left top; border:1px solid #DCDCDC; cursor:pointer; height:20px; padding:0 5px; margin:5px 5px 5px 0px; width:auto; }
.tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit {float:left;}

input.button:hover, input.submit:hover, input.mf-submit:hover, .tx-newloginbox-pi1-submit:hover, 
input.powermail_submit:hover, .formbuttons input:hover, .tx-powermail-pi1_mandatory_submit:hover,
.tx-powermail-pi1_confirmation_back:hover, .tx-powermail-pi1_confirmation_submit:hover { background-position:left bottom; border:1px solid #BDC4C4; }

input.powermail_submit { margin-left: 156px;}
#footer input.button { margin-left:50px; }

/* warning properties /////////////////////////////////////////////////////////////////////////////*/
#mailform .warning input { border:1px solid #FF0000;}
#mailform .warning label { color:#FF0000;}

/* pb_survey //////////////////////////////////////////////*/
.pbsurvey-checkbox { width: auto; margin-right: 5px; }

/* Search suggestion ////////////////////////////////////*/
.spelling-suggestions {
  background: #e7eae5;
  padding: 10px 10px 10px 150px;
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 10px 0;
}