/**
 * form elements for screen layout
 * 
 * @project    november ag
 * @author     maik mettenheimer
 * @version    2009-03-12
 */


/* default settings and classes
------------------------------------------------------------------------------*/

form {
	margin: 0;
	padding: 0;
}

form.tx_powermail_pi1_form {
	padding-bottom: 16px;
}

form.tx_powermail_pi1_formconfirmation_back {
	float: left;
}

form.tx_powermail_pi1_formconfirmation_submit {
	float: right;
}

form div {
	float: none;
	clear: both;
	padding: 4px 0;
}

input, select, option, textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

label {
	float: left;
	width: 140px;
}

label.radio,
label.checkbox {
	float: left;
	width: auto;
	margin: 0 30px 0 0;
}

label.zipcode {
	float: left;
	width: 30px;
}

label.city {
	float: left;
	width: 110px;
}

input.radio,
input.checkbox {
	width: auto;
	float: left;
	margin: 0 10px 0 0;
}

input.text {
	border: 1px solid #d2d2d2;
	width: 260px;
	padding: 1px;
	margin: 0;
	display: block;
	float: left;
}

input.captcha {
	border: 1px solid #d2d2d2;
	width: 160px;
	padding: 1px;
	margin: 0;
	display: block;
	float: left;
    margin-right: 10px;
}

input.zipcode {
	border: 1px solid #d2d2d2;
	width: 60px;
	padding: 1px;
	margin: 0;
	display: block;
	float: left;
}

input.city {
	border: 1px solid #d2d2d2;
	width: 185px;
	padding: 1px;
	margin: 0 0 0 10px;
	display: block;
	float: left;
}

textarea {
	border: 1px solid #d2d2d2;
	width: 260px;
	height: 6em;
	padding: 1px;
	margin: 0;
	display: block;
	float: left;
}

select {
	width: 260px;
	margin: 0;
	padding: 0;
}

input.button {
	background: #fff url(../img/submit.gif) no-repeat right center;
	border: 1px solid #d2d2d2;
	padding: 0 30px 0 0;
	margin: 10px 0 0 140px;
	cursor: pointer;
	font-weight: normal;
	float: none;
}

input.button_mandatory {
	background: #fff url(../img/back.png) no-repeat left center;
	border: 1px solid #d2d2d2;
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
	cursor: pointer;
	font-weight: normal;
	float: none;
	width: auto;
}

input.confirmation_back {
	background: #fff url(../img/back.png) no-repeat left center;
	border: 1px solid #d2d2d2;
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
	cursor: pointer;
	font-weight: normal;
	float: none;
	width: auto;
}

input.confirmation_submit {
	background: #fff url(../img/submit.gif) no-repeat right center;
	border: 1px solid #d2d2d2;
	padding: 0 30px 0 0;
	margin: 10px 0 0 0;
	cursor: pointer;
	font-weight: normal;
	float: none;
	width: auto;
}

/* contact form error handling */
form span.error {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background: url(../icons/warning.gif) no-repeat bottom left;
	display: none;
}

form div.fielderror span.error {
	display: inline;
	cursor: pointer;
}

/* default error handling */
form span.error2 {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background: url(../icons/warning.gif) no-repeat bottom left;
	cursor: pointer;
}

div.error {
	color: #690019;
	font-weight: bold;
	padding: 10px 0;
}

label.captcha {
	padding: 0;
	margin: 0;
	float: left;
}

label.captcha img {
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
}

span.captcha {
	width: 260px;
	margin: 1px 1px 1px 1px;
	float: left;
	font-size: 11px;
}

span.tx-srfreecap-pi2-cant-read {
	color: #333333;
	font-size: 100%;
}

span.tx-srfreecap-pi2-cant-read a:link,
span.tx-srfreecap-pi2-cant-read a:visited,
span.tx-srfreecap-pi2-cant-read a:active {
	color: #690019;
	text-decoration: underline;
	font-weight: normal;
}

div.requiredInfo {
	float: none;
	clear: both;
	margin: 1.6em 0;
}

/* submit image button */

div.submit {
	height: 16px;
	overflow: hidden;
}

.btn_submit {
	width: 15px;
	height: 16px;
}