﻿/* Form Validatie */

.valSummary
{
	
}

.valSummary .valSummaryHead
{
	width:100%;
	margin-bottom:10px;
	font-size:15px;
	@pb-valsummary-head();
}

.valSummaryHead .formErrorImg
{
	margin:0 10px 0 0;
}

.valSummary ul,.formErrorBox ul
{
	width:100%;
	float:left;
}

	.valSummary ul li
	{
		@pv-valsummary-li();

	}

	.formErrorBox ul li
	{
		@pv-valsummary-formerrorbox-li();
	}

		.valSummary ul li:last-child, .formErrorBox ul li:last-child {
			margin-bottom:0;
		}

.formErrorImg
{
	display:block;
	height:20px;
	width:20px;
	margin:2px 0 2px 10px;
	@pv-formerror-image();
    
}

.formValidator
{
	position:relative;
	float:left;
}

.formErrorBox
{
	position:absolute;
	height:auto;
	width:300px;
	top: -10px;
	left:40px;
	z-index: 30;
	color:#000 !important;
}
	.facts .formErrorBox > ul {
		margin-left:0 !important;
		padding-left:0 !important;
	}
		.facts .formErrorBox > ul li {
			list-style:none !important;
			padding:0 !important;
			margin: 0 !important;
		}

	.formErrorBox .errorTitle
	{
		
		float:none !important;
		clear:none !important;
		@pv-formerror-title();
	}

ul.formError li
{
	list-style:none;
	list-style-type:square;
	float:left;
	width:100%;
	padding-left:0;
}

.fieldMessageBox {
    position:absolute;
    float:left;
    display:inline;
    width:200px;
    padding:10px;
    margin-left:10px;
    z-index:99999;

	@pv-fieldmessagebox();
}

#trips .fieldMessageBox { top: -5px; }

.fieldMessageBox .title {
float:left;
display:inline;
clear:both;
width:100%;
margin:0 0 5px 0;
padding:0;
}

.fieldMessageBox .title span.title {
width:100%;
}

.fieldMessageBox .tooltipContent {
float:left;
display:inline;
clear:both;
width:100%;
margin:0;
padding:0;
border:none;
min-height:90px;
}

.fieldMessageBox .tooltipContent .highlight {
color:#0195F8;
}

.fieldMessageBox .arrow {
    position:absolute;
    top:5px;
    left:-8px;
	@pv-fieldmessagebox-arrow();
}

.fieldMessageBox .tooltipContent p {
margin:5px 0;width:100%;float:left;
}

.fieldMessageBox .tooltipContent ul {
margin:10px 0;width:100%;float:left;
}

.fieldMessageBox .tooltipContent ul li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 15px;
}
.fieldMessageBox .content ul li.none { list-style-image:none;margin-left:0;padding-left:0;width:100%;background:none; }
/* Form Validatie */

.valSummary > ul > li > ul.formError > li,
.fieldMessageBox .tooltipContent ul.formTooltip li,
.formErrorBox .errorText ul.formError li
{
	@pv-book-erroranddescription-li();
}


