/* --------------------------------------------------------------

	forms.css
	* Sets up some default styling for forms
	* Gives you classes to enhance your forms

	Usage:
	* For text fields, use class .title or .text

-------------------------------------------------------------- */

label              { font-weight: normal; }
fieldset           { margin: 0; padding: 2em 0 1em; border: 0; }
legend             { font-size: 1.2em; font-weight: bold; }


/* =Form fields
-------------------------------------------------------------- */

input,
button,
.button            { cursor: pointer; }
label[for],
a[href]            { cursor: pointer; }

input[type="text"],
input[type="password"] { margin: 0; border: 1px solid #b4b4b4; background: #fff; cursor: text; }
input.text,
input.powermail_text,
input.title,
select,
textarea           { margin: 0; border: 1px solid #b4b4b4; background: #fff; cursor: text; }

select             { padding: .1em .2em 0; width: 202px; cursor: pointer; }
option             { padding: 0 .4em; background: #fff; }

input[type="hidden"] { display: none; }

input[type="text"],
input[type="password"] { padding: .2em .4em .1em; width: 190px; }
input.text,
input.powermail_text,
input.title        { padding: .2em .4em .1em; width: 190px; }
input.title        { font-size: 1.5em; }

input[type="checkbox"],
input[type="radio"] {
	position: relative;
	top: -1px;
	margin: 0 5px 1px 0;
	padding: 0;
	vertical-align: middle;
	}
input.checkbox,
input.radio {
	position: relative;
	top: -1px;
	margin: 0 5px 1px 0;
	padding: 0;
	vertical-align: middle;
	}
input.next-item { margin-left: 25px; }

textarea {
	padding: .3em .4em .15em;
	height: 80px;
	width: 190px;
	overflow: auto;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.2em;
	}

button,
input[type="submit"] {
	border: 1px solid #c73c00;
	height: 24px;
	background: #f56000 url("../images/button_bg.png") left top repeat-x;
	color: #fff;
	text-shadow: 0 1px #9f3000;
	font-weight: bold;
	}


/* =Success, notice and error boxes
-------------------------------------------------------------- */

.errorbox,
.noticebox,
.successbox        { margin: .6em 0; padding: .6em; border: 2px solid #ddd; }
.errorbox a,
.noticebox a,
.successbox a      { text-decoration: underline; }
.errorbox          { border-color: #fbc2c4; background: #fbe3e4; color: #8a1f11; }
.noticebox         { border-color: #ffd324; background: #fff6bf; color: #514721; }
.successbox        { border-color: #c6d880; background: #e6efc2; color: #264409; }
.errorbox a        { color: #8a1f11; }
.noticebox a       { color: #514721; }
.successbox a      { color: #264409; }

.errors            { color: #f00; }
.errors a          { color: #8a1f11; }

.powermail_mandatory_js { color: red;}

/* =Definition forms
-------------------------------------------------------------- */

fieldset dl      { margin: 0; }
.f-line,
.f-newline dd    { margin: 0 0 10px; }

.f-oneline dt    { clear: left; float: left; }
html>body .f-oneline dt { line-height: 2; }
.f-oneline dd    { margin: 0 0 6px; padding-left: 120px; }

.labelr dt       { width: 110px; text-align: right; }
.btn-right       { float: right !important; }
.button-container { text-align: right; }

.f-multi         { padding-right: 0; }
.f-multi dl      { float: left; margin-right: 20px; padding: 10px; border: 1px solid #aeaeae; }
.f-multi dt      { width: 40px; }
.f-multi dd      { padding-left: 75px; }
.f-multi input[type="text"] { width: 60px; }
.f-multi input.text { width: 60px; }

input.f-small    { width: 50px; }
textarea.f-small { width: 100px; }


/* form-specific */
.contact dt.tx_powermail_pi1_fieldwrap_html_check { width:100%; }
.contact dt.tx_powermail_pi1_fieldwrap_html_check label.tx_powermail_pi1_fieldwrap_html_checkbox_title { float: left; }
.tx-powermail-pi1_thx table p { margin-bottom: 0; }
.powermail_check_inner { clear: both; }