@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------------- form box */
	
	.formbox {
	
	border-style:none;
	width:100%;
}

.required{color:red; float:left;}



.field{width:100%;
	display:block;
	float:left;
	padding-left:2%;
	height:80px;
	
}

.field.text{ height:auto;}


.field input, .field textarea{
  border: 1px solid #dddddd;
   
   -moz-box-shadow:    inset 0 0 20px #ededed;
   -webkit-box-shadow: inset 0 0 20px #ededed;
   box-shadow:         inset 0 0 20px #ededed;
}
.field input:focus, .field textarea:focus{
  border: 1px solid  #00aeef !important;
 	background:#ffffff !important;
	-moz-box-shadow:    inset 0 0 3px #dedede !important;
   -webkit-box-shadow: inset 0 0 3px #dedede !important;
   box-shadow:         inset 0 0 3px #dedede !important;   
	
}



.formbox form 
{
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	
}


.formbox input, .formbox textarea {
	padding:7px !important;
	margin-bottom: 2px;
	margin-bottom:10px;
	font-size:12px;
	}
	

.formbox label{
	display: block;
	text-align: left;
	font-size:12px;
	color:#666666;
	font-weight:normal;
	padding-bottom:4px;
	text-transform: uppercase;
}
#formbox input img {
	padding-top: 2px;
}

#formbox input{ border:solid 1px #ededed;}


.formbox #submitbutton {
	margin:top:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	background-color: #414042;
    
    box-shadow: 0 0 0 2px #949494;
	margin-top:20px;
	height:40px;
	width:25%;
	color:#ededed;
	  -webkit-transition: all 0.40s ease;
  -moz-transition: all 0.40s ease;
  -ms-transition: all 0.40s ease;
  -o-transition: all 0.40s ease;}


.formbox #submitbutton:hover{
	background:#00aeef;
	color:#333333;
	  -webkit-transition: all 0.40s ease;
  -moz-transition: all 0.40s ease;
  -ms-transition: all 0.40s ease;
  -o-transition: all 0.40s ease;}

.left{
	width:45%;
	float:left;
	padding-left:2%;
}
.right{
	width:45%;
	float:left;
	padding-left:7%;
}

.formbox input, .formbox label, .formbox textarea{
		width:90%;
		padding-left:2%;
		display:block;
		padding:7px !important;
		
}

.formbox input:focus{ border:none;background:#ededed;}

.formbox .error p{font-size:1em; color:red; padding-bottom:4px; padding-left:15px;}
.formbox .error li{font-size:.875em; color:#000000; padding-bottom:4px; padding-left:15px;}
.formbox .error ul{padding-bottom:10px;}
.formbox .error{ padding-bottom:10px;}


.formbox textarea{ resize: none;}

.requiredbox { width:100%; float:left; padding-top:14px; padding-left: 14px}

.requiredbox p{ padding:0; width:100%; font-size:12px;}


input[type=text], textarea {
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  outline: none;
  
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 3px rgba(204, 255, 0, 1);

}


#errorMessage{
	display:none;
	/* padding:20px; */
margin-top:20px;
font-size:14px;
color:red;
	
}