/*
   New Perspectives on HTML and CSS
   Tutorial 6
   Case 4

   oform Style Sheet
   Author: Kelly Sirois
   Date:   October 2, 2015

   Filename:         oform.css
   Supporting Files: mclogo.png, go.png, stop.png

*/

/* Field set styles */
 
fieldset {
   background-color: rgb(245, 245, 220);
   border: 5px solid rgb(0, 0, 128);
   float: left;
   letter-spacing: 2px;
   height: auto;
   margin: 10px 0px 10px 2.5%;
   width: 40%;
}

legend {
   background-color: rgb(0, 0, 128);
   color: rgb(255, 255, 255);
   padding: 10px 10px;
   margin: 10px;
   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: 40%;
}   


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;
}

/* 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: 100px;
}