/*
  Filename:    form.css
  Supporting files: bg7.jpg
  Author: Carolyn Adams
  Date: 4/17/15
*/



/* Body styles */
body {
   font-size: 16px; 
   font-family: Verdana, Geneva, sans-serif;
   margin-left: 30px;
width: 500px;
background: rgb(245, 234, 155) url(backgroundimg.jpg);
background-size: contain;
}

h2{
 color: rgb(82,158,145); 
   letter-spacing: 1px;
 align-text: left;
}

/*Header styles */

header img {
  display: block;
    margin-bottom: 10px;
    }



/* Navigation list */

nav {
   position: relative;
   top: -100px;
   left: 200px;
}

nav ul li {
   background-color: rgb(152, 228, 215);
   border: 3px outset rgb(49, 195, 168);
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   border-radius: 20px;

   display: block;
   float: left;
   height: 30px;
   line-height: 30px;
   font-size: 12px;
   text-align: center;
   margin: 0px 5px;
   min-width: 60px;
   padding: 0px 10px;
}

nav ul li a {
   color: black;
   text-decoration: none;
}

nav ul li:hover {
   background-color: rgb(228, 152, 154);
}


/* specs for table  */

table {
	display:block;
	font-Size: 16px; 
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
	border-collapse: collapse;
	}

/* specs for cells  */
    
table td {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
}



/*  specs for rows in body */
table tbody tr {
	border-bottom: 2px dotted gray;
        text-align: left;
		}

/*form field styles*/

input#Cname {
width: 500px;
display: inline;
}

input#Fname {
width: 500px;
display: inline;
}

input#Lname {
width: 500px;
display: inline;
}

input#street {
width: 500px;
display: inline;
}

input#city {
width: 250px;
display: inline;
}

input#state{
width: 50px;
display: inline;
}

input#zip {
width: 100px;
display: inline;
}


input#email {
width: 500px;
display: inline;
}

input#phone {
width: 500px;
display: inline;
}

optionGroup {
width: 500px;
display: inline;
}

optionGroup input {
	display: block;
	float: left;
	font-size: 0.9em;
	width: 10%;
}


#job{
width: 500px;
height: 250px;
display: inline;
}

#Comments{
width: 500px;
height: 250px;
display: inline;
}



/*validation styles*/

input:focus, select:focus, textarea:focus {background-color: rgb(187,196,235);
}

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(220,232,233) url(stop.png) bottom right no-repeat;
	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}