/************************************************************
Title:     Forms
Author:    Emile Blume - Netcreators.com
************************************************************/

.survey_item p.question  { clear:both; display:block; margin-bottom:0; padding-bottom:0.6em; }
.survey_item span { padding:8px 0 0 0;}
.survey_item p.question span { padding:0; }

.survey_item p.question span {  }
.questionNumber { margin-right:10px; }


form { padding: 0.3em;}
form ul, form li { clear:both; list-style:none;}

input, select, textarea {
	background: #FFF;
	border: none;
	border-left: 1px solid #049986;
	color: #000;
	background-color: #afeeee;
	margin-bottom: 0.3em;
	padding: 0.1em;
	padding-left: 0.6em;
}

input:focus, select:focus, textarea:focus { background: #FFF;}
textarea { overflow:auto;}
label { cursor:pointer; padding:0.1em; vertical-align:top; width:150px; }
small { clear:left; display:block;}

/* csc mailform properties ///////////////////////////////////////////////////////////////*/
.csc-mailform h2 { clear: both;}
.csc-mailform span.mandatory { color: #770000;}
.csc-mailform p.error {
	color: #ff0000;
	text-decoration: underline;
	font-weight: bold;
}
.csc-mailform-field, .tx_powermail_pi1_fieldwrap_html {
	clear: both;
	display: block;
	margin-bottom: 0.3em;
	padding-top: 0.3em;
	width: 100%;
}

.csc-mailform legend { display: none;}
.csc-mailform-field input, .csc-mailform-field textarea { width: 200px;}
.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea { background-color: #66cdaa;}

.csc-mailform-field input.readonly, .csc-mailform-field select.readonly, .csc-mailform-field textarea.readonly {
	background-color: #afeeee;
}
.csc-mailform-field input.checkbox, .csc-mailform-field input.radio,
.csc-mailform-field .mailformplus-radio { width:auto;}

.csc-mailform-field label, .tx-powermail-pi1 label { float: left; width:150px;}
.csc-mailform-radio fieldset { margin-left: 160px; width: 200px;}

.csc-mailform-radio input, .csc-mailform-radio label {
	display: inline;
	float: left;
	margin-bottom: 0.3em;
	margin-right: 0.6em;
}

.csc-mailform-field input.csc-mailform-radio,
.csc-mailform-field .csc-mailform-check,
li.radio input, li.check input {
	background: none;
	clear: left;
	float: left;
	display: inline;
	border: none;
	margin-right: 4px;
	width: 20px;
}

.csc-mailform-radio label, .csc-mailform-check label, li.radio label, li.check label {
	text-align: left;
	width: auto;
}

/* bestelformulier styling ////////////////////////////////////////////////////////////////////////*/

.csc-mailform-product {
	clear: both;
	display: block;
	width: 600px;
}

.csc-mailform-product dd, .csc-mailform-product dt {
	float: left;
	display: inline;
	height: 2.7em;
}

.csc-mailform-product dt {
	width: 285px;
	text-align: right;
}

.csc-mailform-product dd.product-amount {
	width: 50px;
}

.csc-mailform-product dd.product-package {
	width: 100px;
	text-align: center;
}

.csc-mailform-product dd.product-price {
	padding-right: 10px;
	width: 75px;
	text-align: right;
}

.csc-mailform-product dd.product-totalprice {
	width: 75px;
	text-align: right;
}

.product-total {
	border-top: 1px solid #000;
	font-weight: bolder;
	margin-bottom: 0.5em;
}

.csc-mailform-clear {
	display: block;
	clear: both;
}

/* overige form styling ///////////////////////////////////////////////////////////////////////////*/

.tx_powermail_pi1_fieldwrap_html_radio label,
.tx_powermail_pi1_fieldwrap_html_check label { padding-right:0; }
.powermail_radio_inner, .powermail_check_inner { margin-left:150px; padding-left:0.3em;}
.powermail_radio_inner label, .powermail_check_inner label { float:none; }

/* button properties //////////////////////////////////////////////////////////////////////////////*/
button, input.button, input.submit, input.pollsubmit,
input.csc-mailform-submit, .tx-newloginbox-pi1-submit {
	clear: both;
	background: #049986;
	color: #FFFFFF;
	cursor: pointer;
	padding: 1px;
	width: auto;
	font-weight: normal;
	text-align: center;
}

.csc-mailform-field input.csc-mailform-submit { margin-left:150px; }

/* searchbox and poll properties ///////////////////////////////////////////////////////////////////*/
/* Searchbox */
#search {
	top: 57px;
	right: 10px;
	position: absolute;
	z-index:300;
}

#search input {
	background:#FFF;
	border: 0;
	color: #049986;
	font-size: 11px;
	padding:0 0.3em;
	width: 110px;
}

#search input.submit {
	background: transparent;
	color: #000;
	width: auto;
}

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

/* newloginbox properties /////////////////////////////////////////////////////////////////////////////*/
.tx-newloginbox-pi1 input{ width: 74px;}

.tx-newloginbox-pi1 input#user,
.tx-newloginbox-pi1 input#pass { width: 64px;}
.tx-newloginbox-pi1 label,
.tx-newloginbox-pi1 th {
	margin: 0;
	padding: 0;
	margin-right: 6px;
}

.tx-newloginbox-pi1 form { float:left;}