@charset "utf-8";
/* CSS Document */
body{
	background-color:#e0dfe3;
	color:#666666;
	font-family:'Verdana';	
}

div#container{
	background-color:#fff;
	border:1px solid #ccc;
	margin:auto;
	margin-top:10px;
	padding:4px;
	width:600px;
}

div#container-form-banner, div#container-submit-banner{
	background:url('http://www.flexmail.eu/dyn/images/forms/020011_banner_pdf_1_1.jpg') no-repeat top center;
	height:84px;	
	/* margin-left:5px; */
	width:600px;
}

div#container-intro-text, div#container-submit-text{
	border:1px solid #eee;
	font-size:11px;
	line-height:13px;
	padding:15px;
	width:auto;
	margin-top:5px;
}

div#container-form{
	width:auto;
	margin-top:5px;
	border:1px solid #eee;
}
ul{
	font-size:11px;	
	list-style:none;
	margin-left:5px;
	/* margin-top:14px; */
}

div#container-form-closed{
	width:auto;
	margin-top:5px;
	border:1px solid #eee;
        padding: 10px;
}

ul#form-questions{ margin-top:17px; }

ul#form-questions li{
	margin-bottom:3px;
}

ul#form-questions li li{
	margin-bottom:0px;
}

ul li{
/*	border:1px solid #f00; */
	display:block;
	overflow:hidden;
}

ul li label{
/*	border:1px solid #0f0; */
	display:block;
	clear:left;
	float:left;
	line-height:19px;
	width:200px;
	padding-right:3px;
	padding-left:10px;
	vertical-align:bottom;
	margin-top:2px;
}

ul li input, ul li select, ul li textarea, ul li div.container-checkboxes{
	border:1px solid #999;
	border-collapse: collapse;
	margin-top:2px;
	margin-bottom:3px;
	font-size:11px;
	width:320px;
	float:left;

}

ul li ul{
	float:left;
	width:auto;	
}

ul li ul li input{
	clear:left;
	border:none;
	float:left;
	font-size:11px;
        margin-right: 5px;
        margin-top: 5px;
	width:auto;
}

ul li ul li label{
	clear:none;
	font-size:11px;
	float:left;
	padding:0;
	padding-right:10px;
	width:300px;
}



ul li div.container-checkboxes{
/*	border:1px solid #00f;*/
	width:auto;
	overflow:auto;
	
}

ul li div.container-checkboxes{
	border:none;
}

ul li select{
	width:324px;	
}

ul li textarea{
	height:56px;
}

ul li div{
	margin-right:0px !important;
}

ul li div input{
	display:block;
	float:left;
	clear:left;
	width:auto;
}

ul li div label{
	display:block;
	float:none;
	clear:none;
	font-size:11px;

}

div#container-submit{
	margin:15px 0px;
}

div#container-submit button{
	background-color:#6d750b;
	border:1px solid #fff;
	color:#bfb6b6;
	font-size:10px;
	line-height:14px;
	text-align:center;
	text-transform:uppercase;
}

button#button-submit{
	margin-left:217px;
}

button#button-close{
	margin-left:5px;	
}

.error{
	border: 1px solid #f00;	
}

label.error{
	border:0;
	color:#f00;
	clear:none;
	float:left;
	padding:0;
	text-align:left;
}

ul li ul li .error{
	border:none;
}

/* input styling */
input.radio{
	border-collapse:separate;
}


div#container-error-required{
	background-color:#FDD4D4;
	border: 1px solid #CF3737;
	margin-top:10px;
	color:#666;
	font-size:10px !important;
	height: auto;
	overflow: visible;
	width:100%;
}

div#container-error-required span{
	display:block;
	margin:10px;
}