legend{
	color:black;
	font-weight:bold;
}
fieldset
{
	border: 1px solid #CED4EA;
	padding:0px 10px 10px 10px;
	margin:10px 0px 10px 0px;
	width:43em;
}

/*
	In the following section, many of the values must be changed in reference to another.
	Items labeled as 'subjective' are not dependent and may be easily changed as you see fit.
*/
form.awesome fieldset {
	padding:0;
	padding-left:.5em;
	border:1px solid #ABB5D4;
	margin:0;
	width:100%;
}
form.awesome label {
	width: 220px; /* label width *//* label margin = (input left margin) - (label width) */
	margin-right: 10px; /* label margin */
	padding-left:1px;
}
form.awesome legend {
	font-size:115%;
	color:#036;
}
form.awesome .checks legend {
	font-size:100%;
	font-weight:normal;
	color:black;
}
form.awesome label.long, form.awesome p.label {
	margin-left: 0; /* subjective */
	width: 99%;
}
form.awesome label span {
	color: #900; /* color of required asterisk */
}
form.awesome input, form.awesome textarea, form.awesome select {
	margin-left: 240px; /* (label width) + (label margin) */
	width: 200px; /* subjective */
}
form.awesome textarea {
	width: 250px; /* subjective, recommend: (3/2)(input width) */
}
form.awesome p.desc, form.awesome p.longdesc {
	margin-left: 240px!important; /* (label width) + (label margin) */
	padding-right:1em;
	/*margin-top:-1em!important;*/
	position:relative;
	top:-1.5em;
	font-style: normal;
	font-size: 85%;
	color:#999;
}
form.awesome .checks {
	border:0 !important;
}
form.awesome .checks .desc {
	position:relative;
	top:0em;
}
* html form.awesome p.longdesc {
	position:relative;
	top:0em;
}
form.awesome .checks label {
	margin-left: 260px; /* (label width) + 2(label margin) */
	position:relative;
	padding:0;
	margin:0;/*top:-1em;*/
}
form.awesome .checks label.longlabel {
	margin-bottom:.6em;
}
form.awesome .checks input {
	margin-left: 240px; /* (label width) + (label margin) */
	position:relative;/*top:-.8em;*/
}
/*
	The following makes Internet Explorer 6.x play nicely.
	These fix the double float margin bug.
*/
* html form.awesome .checks input {
	margin-left: 120px;  /* (1/2)((label width) + (label margin)) */
}
* html form.awesome .checks label {
	margin-left: 200px; /* (label width) + (label margin) */
}
form.awesome .prefix {
	float:left;
	margin-left:0;
}
form.awesome .prefixlong {
	float:left;
	margin-left:230px;
}
form.awesome .suffix {
	float:left;
	position:relative;
	top:-1.7em;
	left:17.5em;
}
/*********************************************************************************
	DO NOT EDIT BELOW THIS LINE
*********************************************************************************/


form.awesome {
	margin: 0 0 1em;
}
form.awesome label {
	/*
		A label must precede the form element in the HTML
		You must keep the top padding for some browsers to keep the label and the form element looking on the same line
	*/
	float: left;
	text-align: left;
	padding-top: 0.2em;
	font-weight: normal;
	font-size: 1em;
}
form.awesome label:after {
/*
		Creates a ":" after LABELs. This only works in some browsers

	content: ":"; */
}
form.awesome label.long {
	/*
		If your label text does not fit in the left-hand side, consider this class
	*/
	float: none;
	display: block;
	text-align: left;
}
form.awesome label.long:after {
	content: "";
}
form.awesome input, form.awesome textarea, form.awesome select {
	/*
		These items must immediately follow the LABEL item associated with it and followed by a BR (see below).
		The following width must be 10pixels wider than the width of the LABEL.
	*/

	display: block;/*margin-bottom: -0.5em;*/
}
form.awesome select[multiple="multiple"] {
	/*
		Mozilla has some weird concept of how to display multiple select boxes.
		For some reason, display: block; does not affect it.
		For more information, see https://bugzilla.mozilla.org/show_bug.cgi?id=342531
		This fixes that problem. DON'T FORGET YOUR BR TAG AFTER SELECT!
	*/
	margin-left: 0px;
}
form.awesome br {
	/*
		Always include a BR tag at the end of a line of items -- generally immediately following one of an INPUT, SELECT or TEXTAREA.
		Within div.checks, include the BR after the LABEL
	*/
	clear: left;
}
form.awesome input[type="radio"], form.awesome input[type="checkbox"], form.awesome input[type="hidden"] {
	/*
		Keeps Mozilla browsers (and others) from making the RADIO and CHECKBOXES too wide and/or tall.
		Also removes unnecessary borders from these browsers (They don't respond as expected)
	*/
	width: auto;
	border: 0;
	padding-left: 5px;
}
form.awesome input[type="hidden"] {
	/*
		Firefox doesn't want to make them actually hidden, so I'll force it.
	*/
	display: none;
}
form.awesome p.desc {
	/*
		Use this immediately following an item that needs a longer description than can be handled by the LABEL.
		The left margin should be the same as INPUT, TEXTAREA and SELECT objects.
	*/
	display: block;
	margin-top: -1.0em;
	margin-bottom: 1em;
}
/*
	The following section is for reversing the display of CHECKBOX and RADIO INPUTs.
	Surround the section of items with <fieldset class="checks"></fieldset> or <div class="checks"></div>.
	It is highly recommended to use FIELDSET over DIV when there are multiple items.
	In the section, the INPUT precedes the LABEL and the BR comes last (after the label).
*/
form.awesome .checks label {
	/*
		Overrides for previously defined stuff and changes.
		Left margin must be 10pixels more than "form.awesome input, form.awesome select" etc.
	*/
	float: none;
	width: auto;
	clear: none;
	display: block;
	text-align: left;
	padding-top: 0;
	margin-bottom: -1em;
}
form.awesome .checks {
	padding:0;
	margin:0;
}
form.awesome .checks label:after {
	/*
		Makes the ":" not generated after the LABEL.
	*/
	content: "";
}
form.awesome .checks input {
	/*
		Left margin is the same value as "form.awesome input, form.awesome select" etc.
	*/
	float: left;
	text-align: right;
	margin-bottom: 0.5em;
	width: auto;
}
/*
	End reverse checks/radios section
*/


/*
	I found my own IE CSS display bug. I call it the "IE sucks, so it redraws the top border all over the fieldset like a jerk bug."
*/
* html form.awesome input, * html form.awesome textarea, * html form.awesome select, * html form.awesome .checks input, * html form.awesome .checks label {
	margin-top: 0;
	margin-bottom: 0;
}
* html form.awesome p.desc {
	margin-top: -1em;
}
* html form.awesome fieldset br {
	/*
		Hooray! We have a fix!
		For some crazy reason, IE lets me style its BR tag.
	*/
	line-height: 0.5em;
	font-size: 0.5em;
}
#onlinefeedback fieldset {
	/*display: block;*/
	width: 100%;
	margin: 0 0 1.5em 2em;
	border: 1px solid #CED4EA;
	padding: 0.6em 1em 0.6em 1em;
}
#onlinefeedback legend {
	color:#0009cc;
	font-weight:bold;
}
#onlinefeedback legend.sub {
	color:#0009cc;
	font-weight:normal;
}
#onlinefeedback label.first {
	margin-top: 1.0em;
}
#onlinefeedback p.pclassa {
	position:relative;
	margin-left:2em;
	padding: 0.4em 3.5em 0 0;
	width:85%;
}
#onlinefeedback label.statement {
	color:#000000;
}
#onlinefeedback input.privacy-checkbox {
	position: absolute;
	top: 0.2em;
	left: -2em;
}
#onlinefeedback p.pclassb {
	position:relative;
	margin-left:0em;
	padding-right:3.5em;
	width:90%;
}
#onlinefeedback p.pclassd {
	position:relative;
	margin-left:-18em;
	padding-right:3.5em;
	width:90%;
}
#onlinefeedback label.personal {
	position:relative;
	margin-right:2em;
	width: 31em;
	
}
#onlinefeedback label.select_on_right {
	position:relative;
	top:-1em;
	
}
#onlinefeedback span {
	color:#900;
}
#onlinefeedback span.detail {
	font-weight:normal;
	font-size: 80%;
	color:black;
}
#onlinefeedback input.text {
	position: absolute;
	top: 0em;
	right: 0em;
	width: 14.2em;
}
#onlinefeedback fieldset.sub-personal {
	/*display: block;*/
	width: 100%;
	margin: 0 0 1.5em 2em;
	border: 1px solid #CED4EA;
	padding: 0.6em 1em 0.6em 1em;
}
#onlinefeedback label.sub-personal {
	position:relative;
	padding-left: 2em;
	width: 90%;
	display:block;
	font-weight: normal;
	margin: 0.9em 0 1em 0;
}
#onlinefeedback label.personalnobold {
	position:relative;
	margin-right:2em;
	width: 31em;
	font-weight: normal;
}
#onlinefeedback input.sub-personal {
	position: absolute;
	top:-0.1em;
	left: 0em;
}
#onlinefeedback label.sub-personal-trn-yes {
	position:relative;
	display:block;
	margin:0 0 0 2em;
	font-weight: normal;
	top: 1em;
}
#onlinefeedback input.sub-personal-trn-yes {
	position: relative;
	top: 0.5em;
	margin:0 0 2em 0;
}
#onlinefeedback label.sub-personal-padded {
	position:relative;
	padding-left: 3em;
	width: 31em;
	font-weight: normal;
	display:block;
	padding-top:2em;
}
#onlinefeedback fieldset.sub-fieldset {
	top:0em;
	margin:0;
	width: 95%;
}
#onlinefeedback p.sub-personal-first {
	position:relative;
	top:-1em;
	padding-left: 3em;
	width: 85%;
	font-weight: normal;
	display:block;
	margin-bottom:0px;
}
#onlinefeedback p.sub-personal {
	position:relative;
	padding-left: 3em;
	top:-1.2em;
	width: 32em;
	font-weight: normal;
	display:block;
}
#onlinefeedback textarea {
	font-family:Arial, Helvetica, sans-serif;
	size: 0.9em;
	font-size:95%;
	position:relative;
	top:0em;
}
#onlinefeedback p.pclassc {
	position:relative;
	top:0em;
	margin-left:1em;
	padding:0;
	width:95%;
	font-weight:normal;
}
#onlinefeedback label.multi-select {
	position:relative;
	display:block;
	width: 90%;
	top:0em;
	/*margin-bottom: 4em; */
	padding-bottom:4em;
}
#onlinefeedback select.multi-select-box {
	position: absolute;
	display:block;
	top: 0em;
	right: -1em;
	width: 17em;
	margin-bottom: 5em;
}
#onlinefeedback select.multi_select {
	position: relative;
	width: 14.5em;
	margin-top:1em;
	margin-bottom:-2.5em;
}
#onlinefeedback select.multi_select_offices {
	position: relative;
	left: 13em;
	top:-5.5em;
	width: 14.5em;
	margin-top:1em;
	margin-bottom:-5em;
}
#onlinefeedback select.outcome-select {
	position: absolute;
	top: 0em;
	right: 0em;
	width: 14.5em;
}
#onlinefeedback span.phone {
	position:relative;
	left:15em;
}
#onlinefeedback span.phone2 {
	position:relative;
	left:18.2em;
}
#onlinefeedback p.minusindent {
	position:relative;
	left:-2em;
}
#onlinefeedback p.spacer {
	position:relative;
	margin-bottom:-2em;
}
#onlinefeedback select.age {
	position: absolute;
	top: 0em;
	right: 0em;
	width: 14.5em;
}
#onlinefeedback select.day {
	position: absolute;
	top: 0em;
	right: 10.5em;
	width: 4em;
}
#onlinefeedback select.month {
	position: absolute;
	top: 0em;
	right: 5.0em;
	width: 4.9em;
}
#onlinefeedback select.year {
	position: absolute;
	top: 0em;
	right: 0em;
	width: 4.4em;
}
#onlinefeedback select.country {
	position: absolute;
	top: 0em;
	right: 0em;
	width: 14.5em;
}
#onlinefeedback input.yes1 {
	position: absolute;
	top: 0.2em;
	right: 13.5em;
}
#onlinefeedback label.yes1 {
	position: absolute;
	top: 0.2em;
	right: 11.5em;
}
#onlinefeedback input.no1 {
	position: absolute;
	top: 0.2em;
	right: 9.1em;
}
#onlinefeedback label.no1 {
	position: absolute;
	top: 0.2em;
	right: 7.5em;
}

#emailForm fieldset.email{
	width: 90%;
	margin: 0em 0 1.5em 0;
	border: 1px solid #CED4EA;
	padding: 1em 1em 1em 1em;
	left: 100em;
	cursor: hand;
}
/*
#emailForm label.personal
{
	position:relative;
	margin-right:2em;
	width: 31em;
	font-weight: bold;
}
#emailForm p.pclasse
{
	position:relative;
	padding-right:0em;
	width:35em;
}
#emailForm span
{
	font-weight:normal;
	font-size: 80%;
	color:#900;
}

#onlinefeedback legend {
	color:#0009cc;
	font-weight:bold;
}
#emailForm input.text
{
	position: absolute;
	top: 0em;
	right: -1em;
	width: 14.2em;
}
*/
#whmForm fieldset
{
	/*display: block;*/
	width: 90%;
	margin: 0em 0 1.5em 0;
	border: 1px solid #CED4EA;
	padding: 1em 1em 1em 1em;
	left: 100em;
	cursor: hand;
}
#whmForm label.first {	margin-top: 1.0em;}

#whmForm p.pclassa
{
	position:relative;
	padding-right:0em;
	width:35em;
}
#whmForm label.statement{ color:#000000;}

#whmForm input.privacy-checkbox
{	
	position:absolute;
	left: -2em;
	top:0em;
	height:1em;
}
#whmForm p.pclassb
{
	position:relative;
	padding-right:2em;
	width:34em;
}
#whmForm fieldset.fieldsetb{
padding-top:1em;
}
#whmForm legend{color:#0009cc;}

#whmForm label.personal
{
	position:relative;
	margin-right:2em;
	width: 31em;
	font-weight: bold;
}
#whmForm span
{
	font-weight:normal;
	font-size: 80%;
	color:#999999;
}
#whmForm input.text
{
	position: absolute;
	top: 0em;
	right: 0em;
	width: 14.2em;
	
}
#whmForm select.age
{
	position: absolute;
	top: 0em;
	right: 0em;
	width: 14.5em;
}
#whmForm select.country
{
	position: absolute;
	top: 0em;
	right: 0em;
	width: 14.5em;
}
#whmForm select.day
{
	position: absolute;
	top: 0em;
	right: 10.5em;
}
#whmForm select.month
{
	position: absolute;
	top: 0em;
	right: 4.9em;
}
#whmForm select.year
{
	position: absolute;
	top: 0em;
	right: 0em;
}
#whmForm input.yes1
{
	position: absolute;
	top: -0.1em;
	right: 10.5em;
}
#whmForm label.yes1
{
	position: absolute;
	top: 0em;
	right: 12.5em;
}
#whmForm input.no1
{
	position: absolute;
	top: -0.1em;
	right: 6.5em;
}

#whmForm label.no1
{
	position: absolute;
	top: 0em;
	right: 8.5em;
}
#whmForm fieldset.sub-personal{
	top:0em;
	width: 32em;
}
#whmForm label.sub-personal
{
	position:relative;
	padding-left: 3em;
	width: 31em;
	font-weight: normal;
	display:block;
}

#whmForm input.sub-personal
{
	position: absolute;
	top:-0.1em;
	left: 0.4em;
}
#whmForm p.pclassc
{
	margin: 0.2em 0 0.5em 0;
	position:relative;
}
#whmForm textarea
{
font-family:Arial, Helvetica, sans-serif;
size: 0.9em;
}