/*
   IT-270 Web Site Design
   Final Website


   Just Desserts Forms Style Sheet
   Author: Emily Finch
   Date:   

   Filename: jdform.css                           
*/

label, input, select, textarea {
   display: block;
}

/* Fieldset & Legend Styles */
fieldset {
   background-color: rgb(200, 220, 255);
   border: 8px double rgb(255, 175, 200);
   margin: 10px auto;
   width: 75%;
   text-align: center;
}
fieldset#contact {
   width: 45%;
   padding: 0px 50px;
}
fieldset.cake {
   float: left;
   width: 44%;
   margin: 5px;
}
legend {
   width: 100%;  
}
legend h2, legend h3 {
   margin: 0px auto;
   width: 98%;
}

/* Label Styles */
label {
   float: left;
   clear: left;
   margin: 10px;
   width: 40%;
   text-align: left;
}

/* Input Styles */
input {
   float: left;
   margin: 10px 0px;
   width: 50%;
}
input#name, input#email {
   clear: left;
   width: 50%;
   margin-left: 10px;
}

/* Text area styles */
textarea {
   clear: left;
   height: 100px;
   margin: 10px;
   width: 96%;
}

/* Selection list styles */
select {
   float: left;
   margin: 10px 0px ;
   width: 50%;
}

/* Option button styles */
fieldset.option {   
   border-width: 0px;
   width: 45%;
   padding-top: 10px;   
}
fieldset.option label {
   display: inline;
   float: none;
   margin: 5px;   
   width: 10%;
}
fieldset.option input {
   display: inline;
   float: none;
   margin: 0px 15px;
   width: 5%;
}

/* Number Box Styles */
#layers {
   width: 10%;
}

/* Button styles */
input[type="submit"], input[type="reset"] {
   background-color: rgb(130, 180, 255);
   border: 5px solid rgb(255, 175, 200);
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px; 
   color: rgb(110, 110, 110);
   text-align: center;
   font-size: 110%;
   display: inline;
   float: none;
   height: 50px;
   width: 300px;
}
input#emailme {
   clear: left;
   display: block;
   margin: 5px auto;
}