/* Styling a contact form document */

 
		   	 
/*Used fieldset to divide the form in order to align the insert field boxes*/
form {
		margin-top:-3em;
		}
fieldset#contacts {
					position: relative;
					left: 4em;
					top: 0;
					width: 25em;
				    border:none;
					margin:0;
					padding:0;
				   } 

fieldset#questions {
					position: relative;
					left: 5em;
					top: -1em;
					width: 25em; 
					border:none;
					margin-left:0;
					} 

label {								/*sets the width of the label allowing the labels to line up. By floating left, the labels
									 sit flush with the field boxes.*/
		text-align: right;
		width: 15em;
		display: block;
		clear:left;
		float: left;
		padding-right: 1em;
		margin:0 ;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size: 0.8em;
	}
		
label#firstname{color:red;}		

/*For screenreaders specifically used legend to name the form.*/
 legend {
			color: black;
			padding: 2px 6px;
			
		}
		
input, textarea {
		border-left:1px solid gray;
		}
		
textarea {
			border-top:1px solid grey;
			border-left:1px solid grey;
			width: 26em;
		 }		
		
select {
		width: 11em;
		}
		
		
span#mustfill { 
				color:red;
				font-weight:bold
			  }

#fillin  { 
			padding:0;
			margin:0; 
		}
		
.errorfillin {font-family:verdana, arial, helvetica, sans-serif;
				}