/* @override http://localhost:8888/angelawangdesign/css/form.css */

/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:368px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:300px;width:220px;
	padding: 25px;
	background:#b3b3b3;
	color:#fff;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:10px; 
	padding-left:10px; 
	color:#006931;
	font-style:italic;			}


/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:210px; 
	background:#6d6d6d; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	line-height:18px; 
	padding:2px;
	}
#contactForm textarea {height:115px;}
#contactForm .submit {
	text-transform:uppercase; 
	color:white; 
	height:27px; width:118px; 
	cursor:pointer; 
	float:left; 
	}
#contactForm .submit:hover {background:#8F8F8F; }


#contactForm .submit:active {background:#AFAFAF; }

#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {
		font: 13px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;

	}

#mail_response{
		font: 13px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif;
	
}

.bottomlink {position:absolute; bottom:0;}