.mpForm li,
.mpForm .mpFormField li {
	list-style-type:none;
	height:auto;
	overflow:auto;
	margin:0;
}
.mpFormField {
    padding: 0;
    vertical-align: top;
    width: 55%;
	float:left;	
}
.mpFormField ul {
    margin: 0;
    padding: 0;
}
.mpFormField .sublabel {
    font-size: 10px;
    font-style: italic;
}
.mpFormField select, .mpFormField option {
    color: #545D68;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.mpFormField ul {
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.mpFormField li {
    clear: both;
    height: auto;
    overflow: hidden;
    width: 100%;
}
.mpFormField input.mpOtherCustomInput[type="text"] {
    margin: 0 0 0 3px;
    width: 50%;
}
.mpFormField input[type="text"], .mpFormField textarea {
    margin: 0 3px 0 0;
    width: 90%;
}
.mpFormText {
    cursor: text;
    font-weight: normal !important;
    vertical-align: top;
}
.mpSpacerCell {
    cursor: text;
    font-weight: bold;
    vertical-align: top;
    width: 100%;
}
.submitCell, .submitCellSpacer {
    width: 100%;
}
.mpDateField {
    width: 4em !important;
}
.mpFormField ul li input, .mpFormField input.submitButton {
    width: auto;
}
.mpradioButtonTable {
    width: 100%;
}
.mpradioButtonTable .mpFormAnswer {
    text-align: center;
}
.mandatorySign {
    color: #ED3032;
}
.mpFormDescription {
    font-size: 10px;
    margin: 0 3px 0 0;
    padding: 0;
    text-align: center;
}
.mpFormLabel {
	width:40%;
	margin-right: 5%;
	float:left;
}
.mpFormTable td, .mpFormTable th, .mpErrorSummary {
    color: #545D68;
}
.mpQuestionTable, .mpFormTable, .mpFormResult {
    width: 100%;
	padding:0;
}
.mpFormResult {
    padding-top: 10px !important;
}
.mpFormResult .mpFormResultLabel {
    font-weight: bold;
}
.mpFormResultChildLabel {
    text-indent: 20px;
}
.mpQuestionTable li, .mpFormTable ul {
    border: 0 none;
    vertical-align: top;
}
.mpForm li.mpQuestionTable, .mpQuestionTable {
    margin: 0 0 1px;
    padding: 10px 0;
}
.mpErrorSummary li{
    color: #ED3032;
    font-weight: bold;
	list-style:inside;
}
.mpErrorSummary {
    margin-bottom: 12px;
    margin-top: 12px;
	color:#ED3032;
	font-weight:bold;
}
.mpRow li{
    color: #ED3032;
    font-size: 11px;
}
li.error {
    background-color: #FFDEDF;
    border: 1px solid #ED3032;
}

label.error {
color: #ED3032;
font-size:11px;
}

.mpTwoColumnLayout .mpErrorRow {
    padding-left: 50%;
}
.mpOneColumnLayout .mpFormField, .mpOneColumnLayout .mpErrorRow {
    padding-left: 5px;
}
.mpMatrixTable {
    width: 100%;
	border-collapse:collapse;
}
.mpMatrixHeader .mpFormDescription4 {
    width: 17%;
}
.mpMatrixHeader .mpFormDescription5 {
    width: 14%;
}
.mpMatrixHeader .mpFormDescription10 {
    width: 7%;
}
.mpTwoColumnLayout .mpMatrixTable .mpErrorRow td {
    padding-left: 30%;
}
.mpMatrixTable .mpFormAnswer {
    text-align: center;
}
.mpHighlight {
    background-color: #FAECB4 !important;
}
.formHelpText {
    background-image: url("https://static.mailplus.nl/icons/icon_about.png");
    border: medium none;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.ui-datepicker-trigger {
    background: url("https://static.mailplus.nl/icons/calendar.png") repeat scroll left top transparent;
    display: inline-block;
    height: 16px;
    width: 16px;
}

table.formResult {
}
.formResultLabel {
    color: #000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-right: 5px;
}
.formResultValue {
    color: #000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 5px;
}
table.pollTable {
    width: 500px;
}
td.pollQuestion {
    font-weight: bold;
    padding: 0 0 15px;
    width: 100%;
}
td.pollItem {
    padding-bottom: 6px;
    vertical-align: top;
}
td.pollAnswerHighLight {
    font-weight: bold;
    padding: 0 10px 0 0;
    vertical-align: top;
}
td.pollAnswer {
    padding: 0 10px 0 0;
    vertical-align: top;
}
td.pollVisual {
    padding-bottom: 6px;
    padding-top: 6px;
    vertical-align: top;
    width: 250px;
}
td.pollCellLeft {
    background-color: #4EA5E4;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    height: 4px;
}
td.pollCellRight {
    background-color: #FFFFFF;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    height: 4px;
}
td.pollCell0Pct {
    background-color: #FFFFFF;
    border: 1px solid black;
    height: 4px;
}
td.pollCell100Pct {
    background-color: #4EA5E4;
    border: 1px solid black;
    height: 4px;
}
td.pollPercentage {
    padding-bottom: 6px;
    padding-left: 20px;
    text-align: right;
    vertical-align: top;
}
tr.pollAnswerHighLight td.pollCellLeft, td.pollCell100Pct {
    background-color: #13B708;
}
.pollVisualTable {
    border-collapse: collapse;
    width: 100%;
}
.pollTable .mpFormResultLabel {
    font-weight: bold;
}


.previousPageButton {
border: 1px solid #344C69;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
cursor: pointer;
background-color: #FFFFFF;
}

/* Verzend/volgende/vorige-knop als afbeelding
.submitButton{
background-image:url('');
width:100px;
height:35px;
}

.nextPageButton{
background-image:url('');
width:100px;
height:35px;
}

.previousPageButton{
background-image:url('');
width:100px;
height:25px;
}
*/ 

.mpQuestionTable.error.inlineValidated .mpFormField, .mpQuestionTable.error.inlineValidated .mpMatrix { background: transparent url(https://static.mailplus.nl/icons/delete.png) no-repeat scroll 100% 10%; }
.mpQuestionTable.inlineValidated .mpFormField, .mpQuestionTable.inlineValidated .mpMatrix { background: transparent url(https://static.mailplus.nl/icons/check.png) no-repeat scroll 100% 10%; }
