/*
input[type=email], { }
input:not([type=submit]):not([type=file]) { }
*/

.formTextArea {
	padding: 10px;	   
	font-size: 1.8em;
	margin: 0 0 10px 0;
	background:#FFF;
	width:100%;
	overflow: auto;
}

select {
	padding: 10px;	   
	font-size: 1.2em;
	margin: 0 0 10px 0;
	background:#FFF;
	width:100%;
	color:#999;
}
	

.formTextArea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}

.formTextArea textarea:focus:active, textarea:focus { /* DEFINE STATES FIRST, IF NOT WILL BE OVERWRITTEN BY MAIN CLASS */

	 background:#F6F6F6;
	 color:#999;
	
}

.formTextArea textarea:visited { /* DEFINE STATES FIRST, IF NOT WILL BE OVERWRITTEN BY MAIN CLASS */

	 background:#E8E6F6;
	
}


.formSection, .formButton {
	
	margin-top:20px;
	margin-bottom:20px;
	
	padding: 5px 20px;
	/*
	padding-left: 20px;
	padding-right: 20px;
	*/
	
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
 	color:#888C87;

	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.15, #F7F7F2),
	color-stop(1, #F2F1ED)
	);
	background-image: -o-linear-gradient(bottom, #F7F7F2 15%, #F2F1ED 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7F2 15%, #F2F1ED 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7F2 15%, #F2F1ED 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7F2 15%, #F2F1ED 100%);
	background-image: linear-gradient(to bottom, #F7F7F2 15%, #F2F1ED 100%);

}





.formInput input:focus:active, input:focus { /* DEFINE STATES FIRST, IF NOT WILL BE OVERWRITTEN BY MAIN CLASS */

	 background:#F6F6F6;
	 color:#999;
	
}

.formInput, input:visited { /* DEFINE STATES FIRST, IF NOT WILL BE OVERWRITTEN BY MAIN CLASS */

	 background:#E8E6F6;
	
}


.formInput, input[type=text] {

	/*
	-webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
			
	*/	
	
	
    padding: 10px;	   
	
	font-size: 1.8em;
	margin: 0 0 10px 0;
	background:#FFF;
	width:100%;
	
	
	
	/*
	     font-size: 14px; 
    padding: 6px 10px; 
    border: none; 
    border-radius: 6px; 
    -webkit-border-radius: 6px; 
    height: 36px;
     -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.4); 
     box-shadow: inset 0px 1px 2px rgba(0,0,0,.4); 
     -webkit-appearance: none; 
	*/

}

@media screen and (min-width: 480px){
	
	.orderSignUp {
		
		width:65%;margin-top:25px; /* background:#D5ECFF */
		display:inline-block;
		
	}
	
	.orderSubmit {
		margin-left:10px;display:inline;
	}
	
	#Name-First, #Name-Last {
		width:49%;position:relative;
	}
	#Name-First {
		margin-right:1%
	}
}


@media screen and (max-width: 479px){
	
	.orderSignUp {
	
		width:100%;margin-top:25px; /* background:#D5ECFF */
		display:inline-block;
	
	}
	
	.orderSubmit {
		margin-left:auto;margin-right:auto;display:block;
	}
	
	#Name-First, #Name-Last {
		width:100%;position:relative;
	}
	#Name-First {
		margin-right:0;
	}
	
}