/*

	Create pretty forms
	-------------------

	@file 		forms.css
	@version 	1.0
	@author 	Paul Hachmang

	Copyright (c) 2009 Paul Hachmang

*/
/********************************************************************************************************/
/**********************************************[ Form ]**************************************************/
/********************************************************************************************************/


form .row{margin: 0 0 1em 0;}
form .row .container{position: relative;}

form .row label{font-weight:bold; font-size: 13px; line-height:17px; padding:5px 10px 5px 0px; display: block;}
form .row label.error{color:#fc4653;display:block;font-size:11px;font-weight:normal;margin:-27px 0 0;padding:0;position:absolute;right:0;top:0; background: url(../img/forms/error_bg.png) top left repeat-y; padding:5px 0 5px 20px; white-space:nowrap;}

form .row span{font-size: 11px; font-weight: normal; color: #999;}
form .row span.required{color:#fc4653;}

form .row span.information{text-indent: -9999px; display:inline-block; width: 16px; height: 16px; overflow: hidden; background: url(../img/forms/information.png) left center no-repeat; vertical-align: text-bottom; cursor: help;}


form .input-text .container{padding: 0; }
form .input-text input{border-width: 1px; padding: 0; font-size:11px;height:13px; padding:6px 2px 6px 5px; color: #000; margin: 0;}


/* radio */
form .input-radio .container label,
form .input-checkbox .container label{font-weight: normal; display: block; line-height: 18px; padding: 2px 0; font-size:12px;}
form .input-radio .container label label,
form .input-checkbox .container label label{font-size: 11px;}

form .input-radio .container label span.right,
form .input-checkbox .container label span.right{float: right;}
form .input-radio .container label input,
form .input-checkbox .container label input{margin: 0 2px 0 0;}

/* select */
form .select .container {padding: 2px 0 3px 0;}
form .select .container select{width: 100%;}

/* submit */
.row.submit {margin: 1em 0 1em 0; padding-top:1em; border-top: 1px solid #ddd;}
.row.submit .container{overflow:hidden; width:100%;}
.row.submit .container a{line-height: 26px;}

form .input-text .container input:focus,
form .textarea .container textarea:focus{outline:0;}

/* textarea */
form .textarea{padding:0; }
form .textarea .container {position: relative;}

form .textarea .container textarea{ color:#000;font-size:11px;width: 100%; z-index: 1000; margin:0; background: #fff; outline: none; resize: none; display: block; overflow:hidden; line-height: 15px; font-family:Arial. Helvetica; border-width: 1px;}


/* Style setup */
form .input-text input,
form .textarea textarea {border-color: #aeaeae #d8d8d8 #dddbdc #a7a7a7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

form .focus input,
form .focus textarea {border-color: #acd1ed #d8e9f6 #d8e9f6 #a5cdec;}

form .error input,
form .error textarea {border-color: #fc4653 #fea4aa #ffb0b5 #fd3543;}

form .disabled input,
form .disabled textarea{color: #999;}

form .empty input,
form .empty textarea{color: #999;}



/********************************************************************************************************
 * Buttons
 *******************************************************************************************************/
.button {border:1px solid #6d8731; background: url(../img/forms/button_bg.png) left center repeat-x; color: #fff; font: normal 12px; padding: 4px 14px 4px 14px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height:16px !important; text-align: center;}
.row .button span{color: #fff;}

.button:hover {background: #92b24c; color:#fff;}
.button:active, .button.selected {outline: none; background: #a5c956;}

.button.right{margin:0 0 0 6px; float:right;}
.button.left{margin: 0 6px 0 0; float:left;}
.button.halfleft{-moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0;
-moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; border-right:0;}
.button.middle{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; border-right:0;}
.button.halfright{-moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0;
-moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0;}



.button.small{padding: 0 10px;}
.button.large{padding: 8px 20px;}
.button.large span{font-size: 14px; font-weight: bold;}



/********************************************************************************************************
 * Widths
 *******************************************************************************************************/

.form{width: 725px;}
.form .fieldset{width:683px;}
.form .input-text .container input{width: 676px;}
.form .textarea .container {width:669px;}

.form .row.halfleft {float: left; width: 331.5px; }
.form .row.halfright {float: right; width: 331.5px;}
.form .input-text.halfleft .container input,
.form .input-text.halfright .container input{width: 321.5px;}

.form .row.narrow{width: 170px;}
.form .row.narrow .container input{width: 163px;}

.form .row.wide{width: 493px;}
.form .row.wide .container input{width: 486px;}

.form .row.extranarrow{width: 40px;}
.form .row.extranarrow .container input{width: 33px;}

.form .row.extrawide{width: 623px;}
.form .row.extrawide .container input{width: 616px;}

.form .row.half{width: 331.5px;}
.form .row.half .container input{width: 321.5px;}




/* .form_thrid{width: 300px;} */
.form_thrid .fieldset{width:258px;}

.form_thrid .input-text .container input{width: 251px;}
.form_thrid .textarea .container {width:244px;}

.form_thrid .row.halfleft {float: left; width: 119px; }
.form_thrid .row.halfright {float: right; width: 119px;}
.form_thrid .input-text.halfleft .container input,
.form_thrid .input-text.halfright .container input{width: 109px;}

.form_thrid .row.narrow{width: 170px;}
.form_thrid .row.narrow .container input{width: 163px;}

.form_thrid .row.wide{width: 68px;}
.form_thrid .row.wide .container input{width: 61px;}

.form_thrid .row.extranarrow{width: 40px;}
.form_thrid .row.extranarrow .container input{width: 33px;}

.form_thrid .row.extrawide{width: 198px;}
.form_thrid .row.extrawide .container input{width: 191px;}

.form_thrid .row.half{width: 119px;}
.form_thrid .row.half .container input{width: 109px;}




.form_half{width: 400px;}
.form_half .fieldset{width:400px;}

.form_half .input-text .container input{width: 393px;}
.form_half .textarea .container {width:386px;}

.form_half .row.halfleft {float: left; width: 190px; }
.form_half .row.halfright {float: right; width: 190px;}
.form_half .input-text.halfleft .container input,
.form_half .input-text.halfright .container input{width: 180px;}

.form_half .row.narrow{width: 170px;}
.form_half .row.narrow .container input{width: 163px;}

.form_half .row.wide{width: 210px;}
.form_half .row.wide .container input{width: 203px;}

.form_half .row.extranarrow{width: 40px;}
.form_half .row.extranarrow .container input{width: 33px;}

.form_half .row.extrawide{width: 340px;}
.form_half .row.extrawide .container input{width: 333px;}

.form_half .row.half{width: 190px;}
.form_half .row.half .container input{width: 180px;}



#nieuwsbrief_footer .fieldset{width:248px;}

#nieuwsbrief_footer .input-text .container input{width: 239px;}
#nieuwsbrief_footer .textarea .container {width:234px;}


.form_thrid .sog {display:none}
.form_thrid .sog .input-text .container input {width: 207px}





/********************************************************************************************************
 * addtocart
 *******************************************************************************************************/
#simple_search{width: 220px; float:right; padding:12px;}
#simple_search .input-text {float:left; margin:0;}
#simple_search .input-text .container{width:130px; margin: 0;}
#simple_search .input-text .container input{width: 123px;}
#simple_search .submit{float:left; margin:0 0 0 10px; padding:0; border:0;}