/*=============================================================
Glashart Popup Stylesheet 

author: Siyou Internet Solutions

[Kleuren]
Rood : 			color:#da2a36;
Dondergrijs: 	color:#5f5f5f;
Lichtgrijs:		color:#d1d1d1;


=============================================================*/
html, body {
    height: 0 !important;
}
.popupwrapper {
	width:328px;
	margin:auto;
	padding:10px 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4d4d4d;
}

.formline{
	position:relative;
	height:25px;
	width:328px;
	margin:3px 0;
}
.field90,
.field220 {
	padding-top:4px;
}

.input220,
.input90 {
	background-image:url(../images/background_input_field.jpg);
	background-repeat:repeat-x;
	border:#dcdcdc solid 1px;
}
.field90,
.input90,
.field220,
.input220 {
	position:absolute;	
	top:0;
	height:24px;

}
.field90,
.input90 {
	width:90px;
	left:0;
}
.field220,
.input220 {
	width:220px;
	left:110px;
	
}
.input90 input,
.input220 input{
	position:absolute;	
	left:5px;
	top:4px;
	color:#000000;
	height:20px;
}
.input90 input {
	width:80px;
}
.input220 input {
	width:210px;
}

.divider_color_470 {
	margin-top:5px;
	margin-left:-10px;
}

#postcodecheck_simple{
	position:relative;
	background-image:url(../images/postcodecheck_simple_popup.jpg);
	width:242px;
	height:38px;
	margin:0 0 0 200px;
	display:none;
}

#postcodecheck_simple .btnsubmit {
	position:absolute;
	cursor:pointer;	
	/*background-color:#ff0000;*/
	width:57px;
	height:22px;
	left:182px;
	top:1;
}
#postcodecheck_simple input {
	font-size:13px;
	font-style:italic;
	color:#a4a4a4;
	margin-top:5px;
	float:left;
}
#postcodecheck_simple .postcodeinput {
	margin-left:5px;
	width:53px;
}
#postcodecheck_simple .huisnrinput{
	margin-left:22px;
	width:42px;
}
#postcodecheck_simple .toevoeginginput{
	margin-left:15px;
	width:32px;
}
/*=============================================================
custom radio button
=============================================================*/
/*	wrapper divs */
.custom-radio { position: relative; }
	
/* input, label positioning */
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	line-height: 1;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}
.custom-radio label { background: url(../images/radiobutton.gif) no-repeat; }
.custom-radio label {
	background-position: -10px -14px;
}
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -114px;
}
.custom-radio label.checked {
	background-position: -10px -214px;
}
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}