/*
   Up in flames - BBQ kitchen
	 Author: Robert Quiros
	 Date: 06/01/16 

	 Filename: cform.css
	 Supporting files:

*/

form#contactForm{
	padding-top: 20px;
}
#contact p{
	color:rgb(230, 69, 0);
	font-size:0.9em;
	margin:20px 20% 0px 20%;
	background-color: black;
}

/* fieldset styles */
fieldset{
	background-color: rgb(70, 0, 0);
	border: 1px solid rgb(255, 240, 170);
	margin: 0px 20% 1% 20%;
	width:60%;	 
}
legend{
	background-color: red;
	color: white;
	padding: 3px 0px;
	text-indent:5px;
	width:100%;
}

/* label styles */
label{
	clear:left;
	display:block;
	float:left;
	font-size:0.9em;
	margin:7px 4% 7px 5px;
	width:40%
}

/* Input control styles */
input{
	display:block;
	float:left;
	font-size:0.9em;
	margin:7px 0px;
	width:50%;
}
input#state{
	width:50px;
}

/* Selection list styles */
select{
	display:block;
	float:left;
	font-size:0.9em;
	margin:7px 0px;
}

/* Option button styles */
fieldset.optionGroup{
	border-width:0px;
}
fieldset.optionGroup label{
	display:inline;
	float:none;
	margin: 0px 3px 0px 0px;
	width:30px;
}
fieldset.optionGroup input{
	display:inline;
	float:none;
	margin:0px 20px 0px 0px;
	width:20px;
}

/* Checkbox Styles */
#promotions{
	color: rgb(233, 69, 0);
	float:none;
	margin:10px auto;
	text-align:center;
	width:90%;
}
#promotions input{
	display:inline;
	float:none;
	width:20px;
}

/* Text area styles */
textarea{
	display:block;
	font-size:0.9em;
	float:left;
	height:150px;
	margin:10px 0px;
	width:50%;
}

/* Button Styles */
form p{
	text-align:center;
}
input[type="submit"], input[type="reset"], input[type="button"]{
	display:inline;
	float:none;
	height:40px;
	width:200px;
}

/* Validation Styles */
input:focus, select:focus, textarea:focus{
	background-color:rgb(220, 255, 220);
}
input:focus:valid{
	background:rgb(220, 255, 220) url(go.png) bottom right no-repeat;
	
	-o-background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	background-size:contain;
}
input:focus:invalid{
	background:rgb(255, 232, 233) url(stop.png) bottom right no-repeat;
	
	-o-background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	background-size:contain;
}