/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 7
   Case Problem 2

   Spice Bowl Forms Style Sheet

   Filename: sb_forms.css

*/

/* Login Form Layout Styles */

form#login {
   float: right;
}

form#login input {
   margin: 10px;
}

/* Form Layout Styles */

form#payment {
   background-color: rgba(206, 141, 56, 0.1);
}

fieldset {
   border: none;
}

legend {
   background-color: rgba(206, 141, 56, 0.7);
   color: rgba(255, 255, 255, 0.7);
   font-size: 0.9em;
   border-radius: 10px;
   margin-bottom: 10px;
   padding: 8px;
   width: 100%;
}


/* Input and Label Styles */

label {
   display: block;
   float: left;
   clear: left;
   font-size: 0.9em;
   margin-bottom: 10px;
   margin-right: 10px;
   width: 180px;
   text-align: right;
}

form#payment input, form#payment select {
   display: block;
   float: left;
}

/* Radio Button Styles */

label.cardLabel {
   display: inline-block;
   float: none;
   width: auto;
}

label.cardLabel img {
   border: 1px solid rgb(181, 181, 181);
   box-shadow: rgb(51, 51, 51) 0px 0px 10px;
}

input[type='radio'] {
   width: auto;
   float: none;
   clear: none;
   margin-right: 15px;
}



/* Submit Button Styles */

button {
   background: transparent;
   border: none;
   display: block;
   margin: 5px auto;
}