/*
   Author: Keith Bernier
   Date:   4/12/15
*/



	/*Fieldset Styles*/

#reqField{
margin: 50px 30px 0px;
padding-top: 10px;
margin-bottom: 50px;
}

fieldset {
background-color: white;
float: left;
margin: 10px 225px 25px;
width: 60%;
}


	/*Legend Styles rgb*/
legend {
font-size: 30px;
text-indent: 5px;
margin: 5px;
}

	/*Label Styles*/
label {
clear: left;
display: block;
float: left;
font-size: 1.1em;
width: 40%;
}

.contact label{
margin-left: 10px;
margin-bottom: 10px;
}




	/*Input Styles*/
input {
display: block;
float: left;
font-size: 0.9em;
margin: 7px 0px;
width: 25%;
border: 1px solid black;
}

.contact input{
margin-left: -300px;
margin-bottom: 20px;
}

#custInfo input.req:valid {
background: rgb(255, 255, 255);
}

#custInfo input.req:focus {
background: rgb(255, 255, 204);
}

input.req:focus:invalid{
background: rgb(255, 255, 255);
}



	/*Textarea Styles*/
#comments {
display: block;
width: 80%;
margin-left: 40px;
min-height: 100px;
}

.contact textarea {
margin-top: 0px;
max-width: 600px;
clear:both;
margin-left: 10px;
border: 1px solid black;
}


	/*Button Styles*/

/*
Visual styles retrieved from http://www.lets-develop.com/html5-html-css-css3-php-wordpress-jquery-javascript-photoshop-illustrator-flash-tutorial/css-css3-css-3-style-styling/create-bevel-emboss-css-3-d-effect/  
*/


input[type="submit"]{
font-size: 18px;
height: 30px;
width: 150px;
margin-left: 10%;
margin-top: 15px;
	
/*VISUAL*/
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(115,187,223,1) 0%,rgba(23,86,127,1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(115,187,223,1) 0%,rgba(23,86,127,1) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(115,187,223,1) 0%,rgba(23,86,127,1) 100%);
/* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73bbe9', endColorstr='#17567f',GradientType=0 ); IE6-9 */
filter: none; /*IE6-9 */
-moz-box-shadow:
0px -1px 3px rgba(190,255,255,0.5), /*top external highlight*/
2px 3px 3px rgba(0,0,0,0.2), /*bottom external shadow*/
inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,1); /*top internal highlight*/
-webkit-box-shadow:
0px -1px 3px rgba(190,255,255,0.5), /*top external highlight*/
2px 3px 3px rgba(0,0,0,0.2), /*bottom external shadow*/
inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,1); /*top internal highlight*/
box-shadow:
0px -1px 3px rgba(190,255,255,0.5), /*top external highlight*/
2px 3px 3px rgba(0,0,0,0.2), /*bottom external shadow*/
inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,1); /*top internal highlight*/
}

input[type="reset"]{
font-size: 18px;
height: 30px;
width: 150px;
margin-left: 13%;
margin-top: 15px;

/*VISUAL*/
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(115,187,223,1) 0%,rgba(23,86,127,1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(115,187,223,1) 0%,rgba(23,86,127,1) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(115,187,223,1) 0%,rgba(23,86,127,1) 100%);
/* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73bbe9', endColorstr='#17567f',GradientType=0 ); IE6-9 */
filter: none; /*IE6-9 */
-moz-box-shadow:
0px -1px 3px rgba(190,255,255,0.5), /*top external highlight*/
2px 3px 3px rgba(0,0,0,0.2), /*bottom external shadow*/
inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,1); /*top internal highlight*/
-webkit-box-shadow:
0px -1px 3px rgba(190,255,255,0.5), /*top external highlight*/
2px 3px 3px rgba(0,0,0,0.2), /*bottom external shadow*/
inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,1); /*top internal highlight*/
box-shadow:
0px -1px 3px rgba(190,255,255,0.5), /*top external highlight*/
2px 3px 3px rgba(0,0,0,0.2), /*bottom external shadow*/
inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
inset 0 1px 1px rgba(255,255,255,1); /*top internal highlight*/
}