body 
{
	text-align: center;
	margin: 20px;		
	background-color: #A8A5AB;
	background-image: url(fog10.jpg);
	color: #FFFFFF;
	width: 86%;
}


#mainForm 
{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 580px;
	background-color: #F8ECFF;
	color: #A8A5AB;
	padding-right: 0px;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:14px;
	width: 580px;
}

li.mainForm, #mainForm li
{
	padding-bottom: 10px;
	width:540px;
}

.mainFormTitle {
	padding-bottom: 10px;
	width:540px;
	font-size: 150%;
}

li.mainForm span, #mainForm li span
{
	margin-left: -14px;
	margin-bottom: 3px;
	text-indent: 20px;
	font-size: 86%;
}

#mainForm button, button.mainForm {
	color:#000000;
}


#mainForm img, img.mainForm {
	border: 0;
	float:left;
	padding: 0px 4px 2px 2px;
	top: -3px;
}

checkbox.mainForm, #mainForm checkbox {
    width: 160%;
    height: 160%;
	background-color: transparent;
	color:#336699;
	padding: 6px 14px 4px 2px;
	margin-top: 6px;
	margin-bottom: 2px;
}

input.mainForm, select.mainForm {
	background-color: #F8ECFF;
	color:#336699;
	font-weight:400;
	padding: 2px 2px 2px 6px;
	font-size: 90%;
}

textarea.mainForm
{
	background-color: #F8ECFF;
	background-image:url(imgs/notas.png);
	background-repeat: no-repeat;
	color:#336699;
	padding: 2px 2px 2px 25px; 
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:400;
	font-size: 90%;
}

a.mainForm, a.mainForm:visited {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none;
	position: relative;
	color: #006699;
	font-weight: bold;
	padding-left: 12px;
}

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



input.mainFormError, select.mainFormError {
	background-color: #CC3366;
	color:#E7FEFE;
	font-weight:500;
	padding: 2px 2px 2px 8px;
	font-size: 90%;
}


textarea.mainFormError {
	background-color: #CC3366;
	background-image:url(imgs/notas.png);
	background-repeat: no-repeat;
	color:#E7FEFE;
	padding: 1px 2px 1px 33px;
	font-weight:400;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 90%;
}



#formHeader {
	position: relative;
	width: 580px;
	background-color: #9C94A5;
	margin:0 0 0 0;
	padding-bottom: 10px;
	background-image: url(imgs/hdrtop.png);
	background-repeat: no-repeat;
	background-position: top right;
}

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



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

h2.formInfo {
	text-align: center;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	position:relative;
	left:2px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color: #D6DEEC;
}


p.formInfo {
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #D6DEEC;
	font-size:13px;
	position:relative;
	left:20px;
	top:0px;
	color: #D6DEEC;
	padding: 4px 33px 10px 4px;
	width: 90%;
}

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

label.formFieldQuestion {
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;
	display:block;
	font-size:86%;
	font-weight:bold;
	vertical-align: text-bottom;
}

label.formFieldOption {
	font-size:80%;
	display:block;
	line-height:1em;
	margin:4px 0 0 2px;
	padding:4px 0 5px 0;
	width:98%;
	font-weight: bold;
	text-indent: 22px;
}



input.formFieldStyle {
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
	color: #6666CC;
	background-color: #EAF4FF;
}


/* 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 {
	font-weight: normal;
	display:block;
	position:absolute;
	top:6px;
	left:32px;
	width:205px;
  	min-height:50px;
 	height:auto !important;
 	height:50px;
	border: 1px solid #ccc;
	background:#A8A5AB url(imgs/question1.gif) no-repeat bottom right;
	color:#FBFEFF;
	text-align:left;
	text-indent: -5px;
	font-size:0.97em;
	padding-left:13px;
	padding-top:10px;
	z-index: 300;
	padding-right: 27px;
	padding-bottom: 6px;
}

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


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

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