body 
{
	text-align: center;
	margin: 20px;		/* shift whole page down by 25 pixels */
	background-color: #C9CFDD;
	background-image: url(../00zas/fog10.jpg);
}


#maincol
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 640px;
	background-color: #FFFFFF;
	color: #0052A4;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	padding: 10px;
	background-image: url(../00zas/ccc.png);
	/*color:#330099;*/
}

ul.maincol
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight: 400;}

li.maincol
{
	padding-bottom: 10px;
	width: 96%;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:89%;
	font-weight: 400;
}

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

button.maincol
{
	color:#000000

}


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

}

input.checkbox.maincol #maincol input.checkbox {
    width: 160%;
    height: 160%;
	background-color: transparent;
	color:#0052A4;
}

input.maincol, select.maincol
{
	background-color: #FFFFF0;
	padding: 2px 2px 2px 6px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	color:#3D3DB6;
	font-size:90%;
	font-weight: 400;
}

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



#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 3px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 90%;
}


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



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

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: #0033CC;
}


p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #0033CC;
	font-size:13px;
	position:relative;
	left:20px;
	top:0px;
	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:92%;
	font-weight:500;
	letter-spacing: 1px;
	color:#0052A4;
}

label.formFieldOption
{
	font-size:80%;
	display:block;
	line-height:1em;
	margin:-19px 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:284px;
	width:205px;
  	min-height:50px;
 	height:auto !important;
 	height:50px;
	border: 1px solid #ccc;
	background:#4074a4 url(imgs/question1.png) no-repeat bottom right;
	color:#FBFEFF;
	text-align:left;
	font-size:0.92em;
	padding-left:13px;
	padding-top:10px;
	z-index: 300;
	padding-right: 20px;
	padding-bottom: 6px;
}

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


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: #0052A4;
	font-size:9px;
	position:relative;
	top:4px;
	letter-spacing: 2px;
}

div.rule {  /* Rules - blowing leaves that separate blog items */
	margin: 0 20px 20px 30px;
	width: 90%;
	height: 12px;
	border: 0;
	background-image: url(../00zas/trans7.gif);
	background-color: #CCCCCC;
}