body 
{
	text-align: center;
	margin: 0px;		/* shift whole page down by 25 pixels */
	background-color: #314a72;
}


#mainForm 
{
	position: relative;
	border: 0px;
	border-style: solid;
	margin: 0px;
	text-align: left;
	width: 95%;
	background-color: #314a72;
}

ul.mainForm
 { font-size: 9pt; font-family: Tahoma, Arial, Verdana, sans-serif; list-style-type: none }

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0px;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formHeader
{
	position: relative;
	width: 100%;
	background-color: #d1d7d8;
	margin:0 0 0 0;
	padding-bottom: 10px;
}

p.formHeader
  { color: #ffffff; font-size: 12pt; font-family: Tahoma, Arial, Verdana, sans-serif; text-align: right; letter-spacing: 2px; margin: 0; position: relative; top: 4px; left: -5px }



#formInfo
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}

h2.formInfo
   { color: #0cf; font-size: 12pt; font-family: Tahoma, Arial, Verdana, sans-serif; line-height: 13pt; text-align: left; letter-spacing: 1px; margin: 0; position: relative; top: 0; left: 20px }


p.formInfo
  { color: #0cf; font-size: 10pt; font-family: Tahoma, Arial, Verdana, sans-serif; text-align: left; margin: 0; position: relative; top: 0; left: 20px }

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
  { font-size: 10pt; line-height: 100%; display: block; padding: 0 4px 1px 0; border: none }

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:0px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:0px;
	width:13px;
	height:13px;
}


/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox   { color: #0cf; font-size: 0.7em; background: #016b9b url("question.gif") no-repeat right bottom; text-align: left; display: block; padding-top: 10px; padding-left: 10px; position: absolute; top: 20px; left: 25px; width: 205px; height: 70px; border: solid 1px #ccc }

/* pop-up calendar */
button.calendarStyle
{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(imgs/calendar.png);
	cursor: pointer;
	cursor: hand;
}


p.footer
 { color: #0cf; font-size: 9px; font-family: Tahoma, Arial, Verdana, sans-serif; text-align: right; letter-spacing: 2px; margin: 0; position: relative; top: 4px; left: -140px }

a.footer
 { color: #0cf; font-size: 9px; font-family: Tahoma, Arial, Verdana, sans-serif; text-align: right; letter-spacing: 2px; margin: 0; position: relative; top: 4px }