﻿.form {position:relative; overflow:hidden; padding:0 0 5px 0;zoom:1;}

.form-title {
    font-family:Arial;
    font-size:13px !important;
    line-height:13px;
    font-weight:bold;
}

.single-checkbox {float: left; margin-right: 7px; position: relative;.top:-5px;.left:-5px;}
.single-checkbox input {margin:0 5px 5px 0;.margin:0 5px 0 0;}
.single-checkbox label {position:relative !important;display:inline-block !important;top:-1px;margin:0 5px 5px 0;.margin:0 5px 0 0;}
.single-checkbox.error label {color:#CC0000;}
p.row .single-checkbox label {top:-2px !Important;}

p.row {position:relative;margin:0 0 6px 0;}
p.row label {position:relative;left:0px;top:0px;display:inline-block;font-size:11px;color:#000; margin-bottom:10px;}

select.dropdownlist {left:-2px;position:relative;display:inline-block;font-family:arial;.height:auto;.line-height:normal;padding:2px;width:100%}
input[type="text"].has-focus {background-color:#fff !important;color:#000 !important;}

/* breedte textboxen in formulier */
p.row select.dropdownlist {display:block; position:relative;width:240px;left:0px;top:0; border-radius:5px; border:1px solid #d0d0d0; height:30px; outline:none; margin-bottom:10px;}
p.row textarea.textbox {display:block; position:relative;width:476px;max-width:476px;min-width:476px;left:0px;top:0; padding:10px;}
p.row input.textbox {height: 28px;left: 0px;position: relative;top: 0;width: 218px; margin-bottom:10px; display:block;}

.form-left,
.form-right {float:left;}
.form-right {margin-left:19px;}

.form .btn {float:right; margin-top:20px;}


p.row input[disabled="disabled"],
p.row input[disabled=""],
p.row input[disabled] {border: 1px solid #999;width: 70px !important;}

div.create_account p.row input[disabled] {width: 225px !important;}
div.changePassword.form p.row input {width: 225px !important; }
div.changeuser.form p.row:not(.address-row) input[type="text"]:not(.address-field),
div.changeuser.form p.row .radiobuttonlist {width: 218px !important;}

p#widthTXT.row input[type="text"] { border: 1px solid #999;display: inline-block;height: 17px;left: auto;padding: 3px 2px 3px 4px;position: relative;top: auto;width: 70px;}

.radio .radiobuttonlist-horizontal {margin-left:0}
.radiobuttonlist-horizontal {position:relative;left:121px;top:2px}
p.row .radiobuttonlist-horizontal input,
.radiobuttonlist-horizontal input {/*border:0;width:auto;background: transparent none;*/position:relative;left:-5px;top:0;display:inline-block;}
p.row .radiobuttonlist-horizontal label,
.radiobuttonlist-horizontal label {position:relative;top:-2px;.top:1px;left:-2px;display:inline-block;margin:0 15px 2px 0;width:auto;}

p.row .radiobuttonlist {position: relative;top: 3px;left: 0px;margin: -5px 0 15px 0 !important;height: 14px;padding: 0 10px 0px 0px;}
p.row .radiobuttonlist br {display:none;}
p.row .radiobuttonlist input {/*border:0;width:auto;background: transparent none;*/display: inline-block;
    left: 0px;
    margin-right: 2px;
    position: relative;
    top: 0;}
p.row .radiobuttonlist label {position:relative;left:4px;top:-2px;display:inline-block;margin:0 10px 0px 0px;}
p.row .radiobuttonlist label:first-child {margin-left:20px;}
p.row .btn {position:relative;left:140px;}

.checkboxlist-horizontal {position:relative;left:125px;margin:-1px 0 0 0}
p.row .checkboxlist-horizontal input,
.checkboxlist-horizontal input {/*border:0;width:auto;background: transparent none;*/position:relative;left:-5px;top:0;display:inline-block;}
p.row .checkboxlist-horizontal label,
.checkboxlist-horizontal label {position:relative;left:-5px;.left:-8px;display:inline-block;margin:0 10px 2px 0;width:auto;}

/* form styling */
.form-container {position:relative;zoom:1;}
input.textbox,
textarea.textbox {background:#fff none; border:1px solid #d0d0d0; border-radius:5px; outline:none; padding:0px 10px;}
input.textbox {height:28px;}
input.textbox.has-focus,
textarea.textbox.has-focus {margin:0px;}
p.row {margin:0 0 4px 0;padding:0;}
p.row.kvk label {overflow: hidden;top: 0;width: 93px;}
p.row label {color:#000;font-size:12px;font-family:arial;}
p.row .textbox {left:110px;}
p.row span.requiredfield_1 {height: 7px;display: inline-block;position: absolute;top: 34px;width: 7px;color: #999;} 
p.row span.requiredfield_2 {height:7px; left:271px; display:block; position:absolute; top:34px; width:7px;color:#999}
p.row span.requiredfield_3 {height:7px; left:221px; display:block; position:absolute; top:34px; width:7px;color:#999} 
.customer-reference {position:absolute; left:0; bottom:0; background-color:#f5f5f5; padding:12px 15px 15px; border-top: 1px solid #ebebeb;}
#doublecolumn-reversed-container .split-columns .column-left .customer-reference label {display:block; margin-bottom:5px;}
#doublecolumn-reversed-container .split-columns .column-left .customer-reference input.textbox {width:299px; left:0;}

.form .btn-arrow {margin-top:10px;margin-right:35px;}

/* validatie */
.validatie-pointer {position:absolute;display:block;text-indent:-999px;overflow:hidden;width:1px;height:1px;left:0;top:0;}
textarea.error,
input.error {border:1px solid #bf1e3d;}
.form label.error {color:#bf1e3d !important}

.errorlist {position: relative;
display: none;
font-weight: normal;
zoom: 1;
position: relative;
color: #FFF;
float: left;
font-size: 12px;
box-sizing: border-box;
width: 100%;
border-radius: 10px;
padding: 5px 5px 0 15px;
line-height: 25px;
margin: 15px 0px 0px 0px;
clear: both;
background: #bf1e3d url('grfx/forms/error_icon.gif') 20px center no-repeat;
background: rgb(192,31,62);
background: -moz-linear-gradient(top, rgba(192,31,62,1) 0%, rgba(151,24,49,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,31,62,1)), color-stop(100%,rgba(151,24,49,1)));
background: -webkit-linear-gradient(top, rgba(192,31,62,1) 0%,rgba(151,24,49,1) 100%);
background: -o-linear-gradient(top, rgba(192,31,62,1) 0%,rgba(151,24,49,1) 100%);
background: -ms-linear-gradient(top, rgba(192,31,62,1) 0%,rgba(151,24,49,1) 100%);
background: linear-gradient(to bottom, rgba(192,31,62,1) 0%,rgba(151,24,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c01f3e', endColorstr='#971831',GradientType=0 );
}
.errorlist ul {float:none!important; height:auto!important; width:auto!important;position:relative;padding:0px 0 10px 0;font-size:12px;line-height:14px; }
.errorlist ul li {margin:0!important;float:none!important; width:auto!important;zoom:1;display:block;padding:0 0 0 10px;position:relative;font-weight:normal;color:#fff;background: transparent url(grfx/forms/errorlist_bullet.gif) left 5px no-repeat}

.required-melding {position:relative;zoom:1;margin:0;float:right;display:block;padding:0 0 0 10px;/*background: transparent url('grfx/forms/required.gif') center left no-repeat;*/color:#6D1F80;margin:3px 0 10px 0;font-family:arial;font-size:11px;text-indent: -9999px;}
.required-bullet {zoom:1;position:absolute;display:block;width:6px;height:8px;/*background: transparent url('grfx/forms/required.gif') top left no-repeat;bottom:8px;*/top:5px;overflow:hidden;}

.required-notice {text-align:right;position:relative;color:#999;float:right;}
.required-notice span {position:relative;}

/*
#doublecolumn-reversed-container .split-columns .column-left input{left:105px}
.create_account .form_left input[type="text"],
.create_account .form_right input[type="text"],
.create_account .form_right input[type="password"],
.create_account .form_left .radiobuttonlist,
.create_account .form_left select.dropdownlist {left:105px}

.servicesuggestion p.row input.textbox,
.shoppingcart-confirm p.row select,
.shoppingcart-confirm p.row .radiobuttonlist,
.shoppingcart-confirm p.row input.textbox,
.newsletter p.row input.textbox {left:105px}

.create_account .form_left span.requiredfield_1,
.create_account .form_right span.requiredfield_1 {left:334px}

.servicesuggestion p.row span.requiredfield_1 {left:344px;}
.shoppingcart-confirm p.row span.requiredfield_1 {left:334px;}
.newsletter p.row span.requiredfield_1 {left:334px;}
*/

.do-validate.right-align { float:right;}

form .row[language="FR"] span:first-child{
	float: right !important;
	margin-right: 79px;
}

form .row[language="FR"] span:first-child .requiredfield_1{
	left: 45px !important;
}

form .row[language="FR"] span:nth-child(2) .requiredfield_1{
	left: 245px !important;
}

.address-large .row[language="FR"] span:first-child{
	margin-right: 439px;
}