   <!--
   New Perspectives on HTML and CSS
   IT-270
   Final Project

   Author: Samuel Adams
   Date:  2/2/2016

   -->

/* Field set styles */

fieldset { 
   background-color: rgb(255, 246, 205); 
   border: 0px solid rgb(233, 69, 0); 
   float: left;
   margin: 10px 0px 10px 2.5%; 
   width: 46%;
}


legend { 
   background-color: rgb(107,142,35);
   color: white;
   padding: 3px 3px;
   text-indent: 5px;
   width: 100%;
}

/* Label styles */

label {
   clear: left;
   display: block;
   float: left;
   font-size: 0.9em;
   margin: 7px 4% 7px 5px;
   width: 45%;
}

/* Input control styles */

input {
   display: block;
   float: left;
   font-size: 0.9em;
   margin: 7px 0px;
   width: 50%;
}

input#state { 
   width: 50px;
}



/* Text area styles */

textarea {
   display: block;
   font-size: 0.9em;
   float: left;
   height: 200px;
   margin: 10px 0px;
   width: 80%;
}


/* Button styles */

form p {
   text-align: center;
}

input[type="submit"], input[type="reset"] {
   display: inline;
   float: none;
   height: 40px;
   width: 200px;
}

/* Validation styles */

input:focus, select:focus, textarea:focus {
   background-color: rgb(255, 228, 196);
}

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(220, 255, 196) url(stop.png) bottom right no-repeat;

   -o-background-size: contain;
   -moz-background-size: contain;
   -webkit-background-size: contain;
   background-size: contain;
}