/*
   Mobile Dent Tech Style Sheet
   Author: Jody Olson
   Date:   22 April 2016

   Filename: forms.css
   Supporting files: 
*/

/* Fieldset Style for Request A Quote Page */

.contactInfo, .optionGroup1 {
    display: block;
    margin: 10pxx;
    float: left;
    width: 44%;
}

.optionGroup1 {
    margin-bottom: 30px; /* used to allow buttons to move center*/
}

/* General Fieldset Styles */

fieldset {
    margin: 0px;
    font-family:  'Lucida Sans Unicode', 'Arial Black', 'Trebuchet MS';
    border: 0;
    width: 100%;
}

/* Fieldset for internal chechbox on Reviews HTM */

#service {
    margin: 0px 0px 20px 0px;
    width: 96%;
}

/* General Legend Stlyes */

legend {
    color: white;
    margin: 10px 0px;
    padding: 5px 0px;
    font-size: 1.2em;
}

/*General Label Styles */

label {
    display: inline;
    clear: left;
    float: left;
    font-size: 1em;
    text-align: right;
    margin: 7px 20px 7px 10px;
    width: 35%;
}

/*General Input Styles*/

input {
    display: inline;
    float: left;
    font-size: 0.9em;
    margin: 10px 0px;
    width: 50%;
}
/* Select Stlyes */

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

/* State and Date Input Box resize*/

input#reqcustST {  
    width: 50px;
}

input#todaysdate {
    width: 150px;
    text-align: center;
}

/* Reviews HTM Input Styles */

#service input {
    width: 10%;
    margin: 12.5px 0px;
}

/* Option Gruop Styles */

.optionGroup input {
    width: 10%;
    margin: 12.5px 0px;
}

/*Texted Area Styles */

textarea {
    display: block;
    font-size: 1.2em;
    height: 100px;
    width: 50%
}
.addInfo {
    display: block;
    font-size: 1em;
    height: 100px;
    width: 60%
}

/* Range Slider Styles */

label.slider {
    clear: none;
    font-size: 0.8em;
    margin: 10px 5px;
    text-align: center;
    width: 10px;
}
input[type="range"] {
    width: 250px;
}

/* Submit Reset Button Styles*/

form p {
    font-size: 0.9em;
}

input[type="submit"], input[type="reset"], input[type="emailus"], input[type="call"] {
    display: inline;
    text-align: center;
    float: none;
    height: 30px;
    width: 80px;
}

/* Validation styles */

.required:focus, textarea:focus {
    background-color: rgb(0, 255, 0);
}

.required:focus,  {
    background-color: rgb(238, 65, 18);
}

.required:focus:valid {
    background: rgb(0, 255, 0) url(pic/go.png) bottom right no-repeat;
    
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.required:focus:invalid {
    background: rgb(238, 65, 18) url(pic/stop.png) bottom right no-repeat;
    
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;