/* @override http://alleebleue.navdev.de/typo3conf/ext/powermail/css/sampleCSS.css */

/* Powermail */
	/* Form */

body{
	font: 11px/180% Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #333;
}
	
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: #002168;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed */
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: #002168;
	margin: 3px 0 15px 150px;
	float: right;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	width: 330px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
	display: none;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 120px;
	float: left;
	clear: both;
	padding-bottom: 5px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 198px;
	float: right;
	border: solid 1px #CCC;
	padding-top: 2px;
	padding-bottom: 3px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 2px 0;
	float: left;
	width: 322px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	font-weight: bold;
	clear: left;
	margin-left: 123px;
	margin-top: 10px;
	display: block;
	width: 80px;
	height: 20px;
	border:  solid 1px #AAA;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 150px;
}
div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}