/***********************************************/
/* forms.css                                   */
/*                                             */
/***********************************************/

div#story form {
	width:410px;
	/*margin-left:auto;
	margin-right:auto;*/
}
div#story form.feedbackForm {
	width:600px;
}
div#story form.feedbackForm table tr td {
	padding:4px;
	margin:0px;
	borders:none;
	text-align:left;
}
div#story form.feedbackForm textarea {
	width:95%;
}
div#story form.feedbackForm th, th p {
	color:white;
	background-color:#43608B;
}

form p {
	text-align:center;
	padding:0; margin:0;
	clear:both;
}
form p label {
	font-color:black;
	font-weight: bold;
	text-align:left;
	margin-left: 2px;
	display:block;
}
form p label.fieldRequired {
	/*color:red;*/
}
form p input.fieldRequired, select.fieldRequired, textarea.fieldRequired {
	padding:0; margin:0 2px 6px 0;
	border:1px solid red;;
}
form.feedbackForm p input.fieldRequired, select.fieldRequired, textarea.fieldRequired {
	padding:0; margin:0 2px 0px 0;
	border:1px solid red;;
}
form .formButtonBlock {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
form p input, select, textarea {
	border:1px solid gray;
	padding:0; margin:0 2px 6px 0;
	width: 400px;
}
form p select {
	width: 404px;
}
* html form p textarea {
	width: 402px;
}
form .formSideBySide p {
	clear:none;
	display:block;
	float:left;
}
form .formSideBySide {
	margin-left:2px;
}
* html form .formSideBySide {
	margin-left:1px;
}
form .formSideBySide p label {
	margin-left:0px;
	width: 197px;
}
form .formSideBySide p input {
	margin-left:0px;
	width: 198px;
}

/* --- For submission responses --- */
div.formSubmission div {
	border:1px solid gray;
	margin: 10px 0 0 0px;
	padding: 5px;
}
div.formSubmission h1, h2 {
	font-size: 100%;
	font-weight:bold;
	margin-bottom:5px;
}
div.formSubmission div p {
	font-weight:bold;
}
div.formSubmission div p span {
	font-weight:normal;
}