/*Field set Styles */

fieldset {
   background-color: #eee9e9;
   border: 3px solid rgb(70, 130, 180);
   float: left;
   margin: 10px 0px 10px 2.5%;
   width: 90%;
}

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

/* Check Box Styles */

#call {
   float: none;
   margin: 10px auto;
   width: 90%;
}

#call input {
   display: inline;
   float: none;
   margin: 7px 0px;
   width: 60px;
}

/* Label Styles */

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

/* Input Control Styles */

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

input#state {
   width: 50px;
}

input#zip {
   width: 90px;
}

input#phone {
   width: 110px;
}

input#city {
   width: 180px;
}

input {
   font-size: 1em;
}

/* 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: 60%;
}



/* Number input box styles */

#ordersPerMonth {
   width: 70px;
}

/* Range Slider Styles */

label.sliderLabel {
   clear: none;
   font-size: 0.7em;
   margin: 10px 0px;
   text-align: center;
   width: 10px;
}

input[type="range"] {
   width: 150px;
}

/* Button Styles */

form p {
    text-align: center;
}

input[type="Submit"], input[type="reset"] {
    display: inline;
    float: none;
    height: 40px;
    width: 200px;
}

/* Validation Styles */

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

input:focus:valid {
   background: rgb(220, 255, 220) 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(255, 232, 233) url(stop.png) bottom right no-repeat;

   -o-background-size: contain;
   -moz-background-size: contain;
   -webkit-background-size: contain;
   background-size: contain;
}