/*
   The Northern Gent Style Sheet
   Author: Seth McAllister
   Date:   04/25/2015

   Filename:         forms.css
   Supporting Files:  

*/

/* Fieldset styles */

fieldset {
   background-color: rgb(250, 235, 215); 
   border: 1px solid rgb(140, 70, 20);
   float: left;
   margin: 15px 3% 3% 3%;
   width: 85%;
}

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

/* Label Styles */

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

/* Input Control Style */

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

input#state {
   width: 50px;
}

/* Selection list style */

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

/* 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"] {
   display: inline;
   float: none;
   height: 40px;
   width: 180px
}

/* Validation Styles */

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