﻿form {
    margin:0px;
}

textarea 
{
	font-family:arial;
	width:496px; 
	height:100px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.form_header
{
	width:100%;
	margin:0px 0px;
	font-weight:bold;
	clear:left;
	padding:10px 0 0 0;
}

.form_name
{
	width:140px;
    clear:left;
	margin-right:10px;
	float:left;
	margin:2px 0px;
}

.form_input
{
	width:350px;
	margin-right:10px;
	float:left;
	margin:2px 0px;
}

.form_input input
{
	width:350px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #c0c0c0;
}

.form_input select
{
	width:354px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


#btnSubmit
{
	padding:4px 20px;
	clear:left;
	background: #58759d;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease; /* Safari */
    transition: all 0.2s ease;

}

#btnSubmit:hover
{
	background: #dbe1ea;
	color: #000;
}



@media screen and (max-width: 530px) {
	.inputs {
		width: 100%;	
	}


	.form_fields {
		width: 100%;	
	}
	
	.form_input {
		margin:2px 0px 10px 0px;
		width: 100%;
	}
	
	.form_input input
	{
		width:96%;
	}

	.form_input select
	{
		width:96%;
	}
	textarea 
	{
		width:96%; 
	}

}



.form_fields_left
{
	width:700px;
	float:left;
}


.form_fields
{
	margin:10px 0px;
}

.form_submit
{
	padding:10px 0px;
	clear:left;
}

