/**************************
 * Powermail extensie CSS
 * 
 * Bart Laarhoven <b.j.a.laarhoven@student.tue.nl>
 * 03-06-2008
 * Bijgewerkt voor 3tu.nl: 27-5-2010
 *************************/
 
/**************************
 * Fieldset is 400px breed
 * Twee kolommen: labels van 160px	
 * en velden van 220px breed.
 * Radiobuttons en checkboxes staan
 * in de velden-kolom. De labels
 * daarvan zijn 200px breed en staan
 * rechts van de boxes/buttons.
 * Rode accentjes zitten in de
 * naam van het formulier en in de
 * asterisks van verplichte velden.
 *************************/

div.tx-powermail-pi1_confirmation form,
div.tx-powermail-pi1_confirmation table,
div.tx-powermail-pi1_confirmation table td,
div.tx-powermail-pi1_thx form,
div.tx-powermail-pi1_thx table,
div.tx-powermail-pi1_thx table td,
div.tx-powermail-pi1 form,
div.tx-powermail-pi1 table,
div.tx-powermail-pi1 table td,
div.tx-powermail-pi1_mandatory form {
	background-color: white;
	border: none;
}

fieldset.tx-powermail-pi1_fieldset {
	width: 420px;
	border: 1px solid #989797;
}

fieldset.tx-powermail-pi1_fieldset legend {
	color: #ea7919;
	font-weight: bold;
}
div.tx_powermail_pi1_fieldwrap_html {
	clear: both;
	float: left;
	width: 410px;
}

div.tx_powermail_pi1_fieldwrap_html input.powermail_text,
div.tx_powermail_pi1_fieldwrap_html textarea,
div.tx_powermail_pi1_fieldwrap_html select,
div.tx_powermail_pi1_fieldwrap_html fieldset {
	width: 220px;
	float: left;
	color: #black;
}

div.tx_powermail_pi1_fieldwrap_html input.csc-mailform-radio, 
div.tx_powermail_pi1_fieldwrap_html fieldset label {
	display: inline;
	float: left;
}

div.powermail_radio_inner,
div.powermail_check_inner {
	width: 220px;
	margin-right: 20px;
	float: right;
	clear: right;
}
div.tx_powermail_pi1_fieldwrap_html label,
p.tx_powermail_pi1_fieldwrap_html_radio_title,
p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	float: left;
	width: 150px;
	margin: 0px;
/*	padding: 0px;*/
	font-weight: bold;
	padding-left: 3px;
}
div.powermail_check_inner input.powermail_check,
div.powermail_radio_inner input.powermail_radio {
	float: left;
	width: 20px;
	clear: left;
}
div.powermail_check_inner label,
div.powermail_radio_inner label {
	float: left;
	width: 140px;
	padding: 0px;
	margin: 0px;
	clear: right;
	font-weight: normal;
}
div.powermail_mandatory_js {
	clear: both;
	color: #ea7919;
	padding-bottom: 10px;
}
div.tx_powermail_pi1_fieldwrap_html_datetime img {
	display: inline;
}
/*div.tx_powermail_pi1_fieldwrap_html_datetime span {
	padding-left: 160px;
	float: left;
	width: 200px;
}*/
span.powermail_mandatory {
	color: #ea7919;
	font-weight: bold;
	padding-left: 2px;
}

div.tx_powermail_pi1_fieldwrap_html img.date2cal_img_cal {
	float: left;
}
div.tx_powermail_pi1_fieldwrap_html input.jscalendar,
div.tx_powermail_pi1_fieldwrap_html input.jscalendar_cb {
	float: left;
}

div.tx_powermail_pi1_fieldwrap_html_date span div,
div.tx_powermail_pi1_fieldwrap_html_datetime span div {
	padding: 0px;
	margin: 0px;
	padding-left: 160px;
	margin-bottom: 10px;
}