/*
   New Perspectives on HTML and CSS
   Final Project
   
   Contact Us Style Sheet
   Author: Claudia Lindsay
   Date:   10/15/2015

   Filename:         contactsus.css
   Supporting Files: formsubmit.js

*/

/* Format the form */
fieldset {
   background-color: rgb(224, 224, 224);
   margin: 15px auto;
   padding: 5px;
   width: 90%;
   border-width:3px;	
   border-style:groove;
}

/* Format labels */
label {
   clear: left;
   display: block;
   float: left;
   font-size: 0.9em;
   margin: 5px 0;
   width: 40%;
}
   
input, textarea {
   display: block;
   float: left;
   font-size: 0.9em;
   width: 55%;
   margin: 5px 10px;
}

textarea {
   height: 300px;
}

input[type="submit"] {
   clear: both;
   float: none;
   display: block;
   width: 200px;
   height: 30px;
   margin: 5px auto 5px auto;
}

/* Validation styles */
input:focus, select:focus, textarea:focus {
   background-color: rgb(255, 255, 240);
}

input:focus:valid {
   background: rgb(225, 240, 225) 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(240, 225, 225) url(stop.png) bottom right no-repeat;
   -o-background-size: contain;
   -moz-background-size: contain;
   -webkit-background-size: contain;
   background-size: contain;
}