/* ### IvyFour 'ContactForm' CSS */

/* ## MAIN div */
div#ContactForm { 
	position: relative; 	/* make it parent for absolutely positioned MessageBox div */
	margin-bottom: 20px;
}
div#ContactForm p { 
	padding: 0 0 5px 20px;
	font: 10pt 'Tahoma', 'Arial', serif;
}

	/* -> and it's main table */
	#ContactForm table.form { margin: 0; width: 430px; text-align: left; }


/* ## INPUT FORMS and TEXTAREAS holding divs */
#ContactForm div.textarea {	width: 430px;		height: 250px;	background: #601B0A no-repeat url('../images/layout/ContactForm/textarea.gif'); 
	margin-top: 10px;
}
#ContactForm div.input {	width: 250px;		height: 40px;	background: #601B0A no-repeat url('../images/layout/ContactForm/input.gif');	
	margin-bottom: 5px;
}


/* ## INPUT FORMS and TEXTAREAS objects */
#ContactForm textarea, #ContactForm input {	margin: 5px;	/* padding-top: 4px; */ background-color: #601B0A; color: #DCB78A; }

	/* -> and highlights */
	#ContactForm textarea.highlight, #ContactForm input.highlight { background-color: #6D2011; }

#ContactForm textarea { /* with padding hack */ 

	width: 410px;
	height: 230px;

	padding: 5px;

	font: 10pt 'Tahoma', 'Arial', serif; 
}
#ContactForm input {		
	width: 230px;
	height: 20px;

	padding: 0 5px;

	margin-top: 10px; 

	font: 10pt 'Tahoma', 'Arial', serif; 
}


/* ## SEND BUTTON object */
#ContactForm input.button {	width: 120px;		height: 40px; 

	margin: 0 20px 0 0;
	padding: 0;

}


/* ## Message box */
#ContactForm div#MessageBox {

	position: absolute;
		left: 110px; 
		top: 160px; 

	width: 250px;
	height: 80px;

	z-index: 1000;

	background-color: #D09349;
	border: 3px solid #D9A96D;

	text-align: center;

	cursor: wait;
}

	#MessageBox img {
		margin-top: 1em;
	}