@charset "utf-8";
/* CSS Document */

.feedbackform{
	padding: 5px;}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	width: 550px; /*width of form rows*/
	overflow: hidden;
	padding: 5px 0;}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
	float: left;
	width: 150px; /*width of label (left column)*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-bottom: 1px solid #0a4b5f;
	margin-right: 15px; /*spacing with right column*/}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;

	margin-bottom: 10px; /* space following the field */}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 250px;}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */

	width: 300px;
	height: 150px;}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
	margin-top: 5px; /*space above buttonsdiv*/}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
	width: 80px;
	background: #e1dfe0;}
	

/* --------- */
/* VALIDATOR */
/* --------- */


.form {
	float:left; 
	padding:0 10px 10px 10px; 
	/*
	background:#f3f3f3; 
	border:2px solid #cfcfcf;*/}

.form label {
	float:left; 
	width:100px; 
	padding:10px 10px 0 0; 
	font-style:italic;}

.form select {
	float:left; 
	width:146px; 
	margin-top:10px;}

.form input {
	float:left; 
	margin-top:10px;}

.form .submit {
	clear:both;}

#msg {
	display:none; 
	position:absolute; 
	z-index:200; 
	background:url(img/msg_arrow.gif) left center no-repeat; 
	padding-left:7px;}

#msgcontent {
	display:block; 
	background:#cedfef; 
	border:2px solid #004a91; 
	border-left:none; 
	padding:5px; 
	min-width:150px; 
	max-width:250px;}