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

div.heading {
	border-bottom: 1px solid  #111;
	border-top: 1px solid  #999;
	background-image: linear-gradient(#777, #000, #222 );
	text-shadow: 1px 2px 3px #000;
	font-size: .8em;
	color: #fff;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 4px;
  margin-bottom: 5px;
	text-align: left;
	text-indent: 25px;
	text-indent: 25px;
}



form.forms { margin-left: 5%; margin-right: 5%; border: 1px solid #444; padding: 0px; background-color: #f2f2f2; color: #000;  }
form.forms ul { list-style: none; margin: 0; padding: 0px; }
.forms input { padding: 5px; font-size: .9em;  border: 1px solid #000;  }
form.forms  input[type=submit]{
  font-size: .9em;
  color: #fff;
  background-image: linear-gradient(#ff0000, #4f0000);
	border: 1px solid #000;
  margin: 10px 0px 5px 0px;
  padding: 10px 25px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-appearance: none;
}
form.forms button{
	font-size: .9em;
	color: #fff;
	background-image: linear-gradient(#ff0000, #4f0000);
	  border: 1px solid #000;
	margin: 10px 0px 5px 0px;
	padding: 10px 25px;
	border-radius: 5px;
	cursor: pointer;
	-webkit-appearance: none;
  }
form.forms   input[type=submit]:hover { background-image: linear-gradient(#4f0000, #ff0000); }
section { width: 100% }
form textarea { width: 70%; margin-left: 15%; margin-right: 15%;  height: 75px; }
form.forms input:focus { background-color: #fffed7; border: 1px solid #c00; }
form.forms textarea:focus { background-color: #fffed7; border: 1px solid #c00; }
/* 1 input */
section.one_field > ul > li .label { margin-right: 10px; }
section.one_field  { border-bottom: 1px solid #444; padding: 10px 0px; }
section.one_field .field_S { text-align: right; padding-right: 25%; }
section.one_field .label { text-align: right; }
section.one_field input {  width: 300px;  }
section.one_field div.err_msg {margin-right: 50px; }

/* 2 inputs */
section.two_fields > ul > li .label {  margin-right: 10px; }
section.two_fields  {  border-bottom: 1px solid #444; padding: 6px 0px; }
section.two_fields div.field_L { float: left; margin-left: 16%; margin-right: 15px; padding: 5px; }
section.two_fields div.field_R { padding: 5px; }
section.two_fields .label { text-align: right; }

section.two_fields div.field_L input { width: 250px; }
section.two_fields div.field_R input { width: 250px;  }


/* 3 inputs */

section.three_fields {
	border-bottom: 1px solid #444;
	padding: 10px 0px 10px 2%;
	width: 98%;

}
section.three_fields .column {  float: left; width: 33.33%; }
section::after { content:''; display: block; clear: both; }
section.three_fields input {  width: 250px;}
section.three_fields div select { width: 200px; padding: 5px;  font-size: .9em; }



/*      media querries       */

/*      media querries 1100px      */
@media screen and (max-width: 1100px){




	section.two_fields > ul > li .label {  margin-right: 5px; }
  section.two_fields div.field_L {  margin-left: 11%; }

	section.three_fields { padding: 10px 30px; }
	section.three_fields div select { width: 140px; padding: 5px;  }


}


/*      media querries 950px      */
@media screen and (max-width: 950px){


	section.one_field .field_S { padding-right: 15%; }

	section.two_fields div.field_L input { width: 200px; font-size: .9em;  }
  section.two_fields div.field_R input { width: 200px; font-size: 1em;  }

	section.three_fields div  .label { width: 140px; padding: 5px; float: left;}

}



/*      media querries 800px      */
@media screen and (max-width: 800px){


	section.one_field input { width: 270px; }
	section.one_field .field_S { padding-right: 10%; }

	.forms input { padding: 4px; }

  section.two_fields > ul > li .label { margin-right: 3px; }
	section.two_fields div.field_L {  margin-left: 9%; }
  section.two_fields div.field_L input { width: 150px; }
  section.two_fields div.field_R input { width: 150px;  }



}


/*      media querries 625px      */
@media screen and (max-width: 625px){



	section.one_field input {  width: 90%; }
	section.one_field > ul > li .label {  margin-right: 10px; }
	select.date_time { width: 50%; font-size: 1em; margin: 5px; }
	section.one_field .field_S { padding-right: 10%; }

/* section two fields  */

	section.two_fields > ul > li .label {  margin-right: 10px; }
  section.two_fields div.field_R  input { width: 90%;  }
  section.two_fields div.field_L  input { width: 90%;   }
	section.two_fields div.field_L {
		float: none; display: inline-block;
	  position: relative; right: 10%;
		width: 90%;
		text-align: right;
	}
	section.two_fields div.field_R  { text-align: right; padding-right: 10%; }

			/* section three fields  */
	section.three_fields .column {  float: none; width: 90%; font-size: 1.1em;}
	section.three_fields div select { width: 160px; }
	section.three_fields .column  ul { padding-bottom: 20px; }
}


/*      media querries 525px      */
@media screen and (max-width: 525px){


	select.date_time { width: 60%; }
	section.one_field .field_S { padding-right: 5%; }
	section.two_fields div.field_L  { width: 95%;  }
	section.two_fields div.field_R  { padding-right: 5%; }



}


/*      media querries 425px      */
@media screen and (max-width: 425px){
	select.date_time { width: 70%; }

}