﻿
.feedbackform
{
	padding: 5px;
}

div.fieldwrapper
{
	/*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	width: 500px; /*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: auto; /*width of label (left column)*/
	/*text-transform: uppercase;*/
	border-bottom: 1px solid #4d7f71;
	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;
}

div.fieldwrapper li
{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

#dialog .InfoTable
{
	padding: 0px;
	margin: 1px;
	width: 800px;
	font-size: 0.85em;
	border-collapse: collapse;
	border-right: green thin solid;
	border-top: green thin solid;
	border-left: green thin solid;
	border-bottom: green thin solid;
	table-layout: auto;
}

#dialog .InfoTable .dot
{
	vertical-align: middle;
	text-align: center;
}

#dialog .InfoTable td
{
	border-right: green thin solid;
	border-top: green thin solid;
	margin: 1px;
	border-left: green thin solid;
	border-bottom: green thin solid;
}