/*
   New Perspectives on HTML and CSS
  
   Final Project: Form

   Form
   Author: Josh Robertson
   Date: August 29, 2015  

   Filename:   ContactStyle.css
   Supporting files: ContactForm.htm 

*/

/* Body Styles */

body {
   background-color: rgb(80, 80, 80)
}

/* Header Styles */

h1 {
   text-align: center;
   margin-top: 60px;
   color: white;
}


/* Validation styles */

input:focus, select:focus, textarea:focus {
   background-color: rgb(255, 255, 255);
}

input:focus:valid {
   background: rgb(220, 255, 220);

	-o-backgroun-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}

input:focus:invalid {
   background: rgb(200, 80, 80); 

	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}


/* Field set styles */

fieldset {
   color: white;
   background-color: rgb(60, 150, 60);
   border: 1px solid rgb(40, 40, 130);
   float: none;
   margin-left: 80px;
   margin-top: 60px;
   width: 46%;
}

legend {
   background-color: rgb(40, 40, 130);
   color: white;
   padding: 3px 0px;
   text-indent: 5px;
   width: 100%;
}

/* Label Styles */

label {
   clear: left;
   display: block;
   float: left;
   font-size: 14px;
   margin: 7px 4% 7px 5px;
   width: 40%;
}

/* Input control styles */

input {
   display: block;
   float: left;
   font-size: 14px;
   margin: 7px 0px;
   width: 50%;
}

input#state {
   width: 50px;
}


/* Selection Style */

select {
   display: block;
   float: left;
   font-size: 0.9em;
   margin: 7px 0px;
}


/* Text area styles */

p {
   text-align: center;
   color: white;
}

textarea {
   display: block;
   font-size: 14px;
   height: 150px;
   width: 900px;
   height: 300px;
   margin-top: 50px;
   margin-left: 180px;
}


/* Button Styles */

input[type="submit"], input[type="reset"] {
   display: inline;
   float: none;
   height: 40px;
   width: 200px;
   background-color: rgb(60, 150, 60);
   margin-top: 30px;
   margin-left: 300px;
}