label.error
{
	background-color:white;
	color:red;
	position:absolute;
	border: 1px black solid;
	padding: 5px;
	box-shadow: 5px 5px 2px #888;
	font-weight: normal !important;
	z-index:1;
}

#btn_submit
{
	width: 150px;
font-size: 22px;
background-color: yellow;
}

body
{
	background-color: #f5f5f5;	
	font-family: 'Lato', sans-serif;
}


.main-wrapper
{
	width: 95%;
	margin: auto;
	
	text-align: left;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	
}

.field
{
	background-color: #f4f8fd;
	padding: 5px;
 	width: 29%; 
	border: solid 1px #dedede;
	border-radius: 4px;
	
	margin: 8px;
	margin-bottom: 8px;
	
	
	    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
	
	
}
.long_field
{
	background-color: #f4f8fd;
	padding: 5px;
 	width: 50%; 
	border: solid 1px #dedede;
	border-radius: 4px;
	margin: 8px;
	margin-bottom: 8px;
	vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

fieldset h5
{
	margin-bottom: 0px;
}

.no-width
{
/*  	width: inherit !important; */
}

.field input[type=text], .field select
{
	width:96%;
	float: left;
/* 	padding: 0px; */
	margin: 0px;
}

.field input[type=radio]
{
	 vertical-align: bottom;
    position: relative;
    top: -2px;
    zoom: 1;
    *overflow: hidden;
}

.clear
{
	clear: both;
}

.field label
{
	margin-bottom: 0px;	
	font-weight: bold;
	
	
	display: block;
    padding-left: 15px;
/*     text-indent: -15px; */
}

.field label div
{
	font-size: 12px;
	color: #777777;
}

fieldset
{
	padding: 10px !important;
	margin: inherit  !important;
	
	padding-bottom: 30px;
	border: solid 2px #b5b1b1;
}

legend
{
	width: inherit;
	border-bottom: 0px;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}



@media screen and (max-width: 1110px)
{
	.field
	{
		width: 45%;
	}

}

@media screen and (max-width: 780px)
{
	.field
	{
		width: 95%;
		margin: auto;
		margin-bottom: 10px;
	}

}








