@charset "UTF-8";
/* CSS Document 
Author: Jared Dobb
Date:   11/8/15

Filename: dobbOrder.css

*/


/*Form Style*/


form {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	padding:10px;
	width:500px;
	
}

/*Field Set Styles*/

fieldset {
	background-color: rgba(183,183,183,1.00);
	border: 5px outset rgba(33,255,252,1.00);
	float: left;
	margin: 10px 0px 10px 2.5%;
	width: 90%;
}

legend {
       background-color: rgba(33,255,252,1.00);
	   border:1px double black;
	   font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	   text-align:center;
	   letter-spacing:3px;
	   font-size:16px;
       color: black;
       padding: 5px;
       width: 90%;
}

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

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: 5px 0px;
         width: 50%;
}


/* Check box styles */
#appleCare {
       color: rgb(233, 69, 0);
       float: none;
       margin: 10px auto;
       text-align: center;
       width: 90%;
}

#appleCare input {
       display: inline;
       float: none;
       width: 20px;
}

/* Button styles */

form p {
	text-align: center;
}

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

label.newgroup {
   border-top: 1px dashed black;
   margin-top: 0px;
   padding-top: 10px;
   width:65%;
}


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