body {
	padding: 0;
	margin: 0; 
	font: 1em Verdana; 
	background: #FFFFFF; 
	color: #4C4C4C; 
	min-width: 780px;
}

* {
	margin: 0;
}

#header
{
	height: 50px;
	background-color: #F0F0F0;
	margin-bottom: 10px;
}

#menu
{
	float: left;
	width: 180px;
	border-style: solid solid none solid;
	margin: 0px 0px 10px 10px;
	border-color: #7bc940;
	border-width: 1px;
}

#content
{
	margin: 0 30px 10px 210px;
	/*height: 150px;*/
	/*background-color: #999;*/
}

#footer
{
	clear: both;
	height: 10px;
	background-color: #F0F0F0;
	margin-bottom: 10px;
}

/* Where i am header */
#NavigationHeader {	margin-bottom: 25px; margin-top: .2em; }
#NavigationHeaderIcon {
	float: left;
	width: 1em;
	height: 1em;
	overflow: hidden;
	background-color: #7bc940;
	vertical-align: middle;
	/*margin-top: .2em;*/
	margin-right: 1em;
}
#NavigationHeaderText 
{ 
    /*margin-top: .2em;*/
	margin-left: 2em;
}
#NavigationHeaderText h2 { font-size: 0.8em;	font-weight: normal; }
#NavigationHeaderText a { text-decoration: none; color: #4C4C4C; }
#NavigationHeaderText a:hover { color: #AA8400; }

/* Left Menu */

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#menu li 
{
	border-bottom: solid 1px #7bc940;
	font-size: 12px;
}

#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #4C4C4C;
	display: block;
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #FEFEFE;
	background-color: #7bc940;
	padding: 8px 0 0 10px;
}

/* FormArea container */
#FormArea
{
	overflow: hidden;
	margin: 0 15px 10px 15px;
	padding: 0; 
}

/* Search and filter bar */
#SearchBar {
	width: 100%;
	padding-top: 15px;
}
#SearchForm { float: left; padding-left: 11px; }
#FilterForm { text-align: right; padding-right: 10px; }
#SearchForm label, #FilterForm label { font-size: 0.9em;}
#SearchForm input {
	height: 14px;
	font-family: Verdana;
	font-size: 11px;
	vertical-align: middle;
}
#SearchForm .radioButtonsBusqueda input[type="radio"] {
    display: block;
    width: 30px;
    height: 12px;
    
}
#SearchForm .radioButtonsBusqueda label {
    font-size: 12px;
    font-family: Arial;
}
#SearchForm input[type="text"]  {
    /* font-style: italic; */
}
#SearchForm select { vertical-align: middle;}
#FilterForm select { vertical-align: middle;}
#SearchBar select {
	font-family: Verdana;
	font-size: 11px;
	border-spacing: 0px;
}
#SearchForm button.searchButton {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-left: .4em;
  border: solid 1px #A6A6A6;
  background: white url(../images/boton_buscador.gif) no-repeat center;
  text-indent: -1000em;
  cursor: pointer;	/* hand-shaped cursor */
  cursor: hand;		/* same for IE 5.x */
}

/* Actions */
#ActionBar {
	/*width: 100%;*/
	width: 60%;
	float: left;
	position: relative;
	overflow: visible;
	margin-bottom: 1px;
	margin-top : 2px;
	clear: left;
}
* html #ActionBar { height: 20px; position: static; }
#ActionBar ul { list-style-type: none; padding: 0; }
#ActionBar ul li { display: inline; margin: 0; }
#ActionBar ul li a { 
	text-decoration: none;
	font-family: Verdana;
	font-weight: bold;
	font-size: 9px;
	color: #4d4d4d;
	line-height: 20px;
	padding: 3px 9px 2px 9px;
	margin-right: -5px;
	border: solid 1px #7bc940;
	background: url("../images/button_bg.gif") left repeat-x;
}
#ActionBar ul li a:hover {background: url("../images/button_bg2.gif") left repeat-x;}

/* Table container for lists */
div.noDataFound {
	font-size: 11px;
	padding: 10px;
	clear: both;
}
#Table {
	width: 100%;
	clear: left;
	overflow: hidden;
	padding: 12px 0 11px 0;
	background-image: url("../images/shadow1.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* Grid table style */
table.grid {	width: 100%; clear: left; table-layout: fixed; padding: 0; }
table.grid th, table.grid td { white-space: nowrap; overflow: hidden; }
/* Alternar color filas*/
    /* table.grid tr:nth-child(even) { background: #F2F2F2 }*/
    /* table.grid tr:nth-child(odd) { background: #F8F8F8 }*/
/* -- */
table.grid caption { display: none; }
table.grid thead tr {	
	height: 26px;
	font-size: 11px;
	font-weight: bold;
	background: url("../images/head_bg.gif") left repeat-x;
	text-align: left;
}
table.grid thead a { text-decoration: none; color: #4C4C4C; font-weight: bold;}
table.grid thead a:hover { color: #4b9910; }
table.grid thead th.leftcell {
	border-top: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	padding-left: 3px;
	text-align: center;
}
table.grid thead th.rightcell {
	border-top: solid 1px #C0C0C0;
	border-right: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
}
table.grid thead th {
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	padding: 0 2px;
}
table.grid div.asc {
	display: inline;
	margin-left: .5em;
	height: 23px;
	line-height: 20px;
	background: url("../images/up.gif") no-repeat center;
	background-position: left;
}
table.grid div.asc span, div.desc span { visibility: hidden;}
table.grid div.desc {
	display: inline;
	margin-left: .5em;
	height: 23px;
	line-height: 20px;
	background: url("../images/down.gif") no-repeat center;
	background-position: left;
}
table.grid tbody td.leftcell{border-left: solid 2px #C0C0C0; text-align: center;}
table.grid tbody td.rightcell{border-right: solid 2px #C0C0C0;}
table.grid tbody td { padding: 0 2px; }
table.grid tbody tr.odd {
	background-color: #FFFFFF;
}
table.grid tbody tr {
	background-color: #F8F8F8;
	height: 23px;
	font-size: 11px;
}
table.grid tbody tr:hover {
	background-color: #c4eaab;
}
table.grid tbody a { color: #4C4C4C; text-decoration: none; }
table.grid tbody a:hover { color: #000000; }
table.grid tfoot 
{
	overflow: hidden;
	background-color: #C0C0C0;
	border: solid 2px #C0C0C0;
	text-align: left;
	height: 27px;
	line-height: 25px;
	font-size: 10px;
	font-weight: normal;
}
table.grid tfoot a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;
	border-right: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	padding: 5px .8em;
	margin: 0;
	background-color: #FFFFFF;
}
table.grid span.singleStep, span.multipleStep {
	font-size: 12px;
	font-weight: bold;
	color: #aaaaaa;
	border-right: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	padding: 5px .75em;
	margin: 0;
	background-color: #FFFFFF;
}
table.grid span.singleStep { padding: 5px .95em; margin: 0 -0.1em/*-0.5em*/; }
table.grid tfoot a:hover { background-color: #c4eaab; }
table.grid tfoot a.singleStep { padding: 5px .85em; margin: 0 -0.1em/*-0.5em*/; }
table.grid span.left {
	float: left;
	height: 19px;
	overflow: hidden;
	padding: 0; 
	margin-top: 2px;
	margin-left: 2px;
	line-height: 18px;	
	font-weight: normal;
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	background-color: #FFFFFF;
}
table.grid span.right { float: right; padding-right: 10px; font-weight: normal; }
table.grid tfoot input {
	height: 13px; 
	line-height: 18px; 
	font-family: Verdana; 
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 1px;
	padding: 0;
}
table.grid input[type="radio"]
{
    margin:0;
	padding:0;
	border:0;
	width:20px;
}


table.grid input[type='checkbox'] 
{
    /*margin: 10px 1em 0 0;*/
    margin-top: 5px;
    padding: 0;
    border: 0;
    width: 16px;
}

/* Confirmation/Information messages */
#MessageContainer {
	margin: 30px auto 50px;
	padding: 0;
	width: 332px;
	border: solid 2px #7bc940;
}
#MCHeader {
	height: 36px;
	text-align: center;
	background-color: #7bc940;
	color: #FEFEFE;
}
#MCHeader h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 36px;
}
#MCBody {
	margin-right: 4px;
	padding: 10px 15px;
}
#MCBody p { font-size: 11px; text-align: justify; }
#MCButtons {
	margin-right: 4px;
	padding: 10px 15px;
	text-align: right;
}
#MCButtons p {
	float: left;
	font-size: 12px;
	font-weight: bold;
}
#MCButton {
	margin-right: 4px;
	padding: 10px 15px;
	text-align: center;
}
#MCButton a {
	line-height: 16px;
	padding: 3px 6px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #7bc940;
}
#MCButton a:hover { background-color: #7bc940; color: #FEFEFE; }
#MCButtons a {
	line-height: 16px;
	padding: 3px 10px;
	width: 35px;
	margin-left: 15px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #7bc940;
}
#MCButtons a:hover { background-color: #7bc940; color: #FEFEFE; }
#MCFooter {
	margin-left: 10px;
	margin-right: 10px;
	height: 10px;
	font-size: 1px;		/* For IE6 */
}

/************** Forms style ***************/
/* Forms */
div.formBlock {
	/*margin: 0 15px 0 15px;*/
	padding: 10px;
	font-size: 10px;
}
div.formBlock + div.formBlock, div.infoBlock + div.infoBlock { /*border-top: 1px solid #7bc940;*/ }
* html div.formBlock { border-top: 1px solid #7bc940; } /* For IE6 and lower only */
* html div.formBlockFirst { border-top: 0; } /* For IE6 and lower only */
* p
{
	padding-top: .2em;
	padding-bottom: .2em;
}
fieldset 
{ padding: 0; 
  border:solid 1px #7bc940;
  /*
  border-style: solid;
  border-color: #7bc940;*/
}

legend, div.infoBlock span.legend 
{
	display: block;
	padding: 5px 0 5px 0;  
	color: #4C4C4C;  
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 1em;
}
div.infoBlock span.legendext
{
	display: block;
	padding: 0 0 0 25px;  
	color: #4C4C4C;  
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 1em;
	height: 17px;
	line-height: 17px;
}

span.legend { /* out of div.infoBlock, with no border-bottom */
	display: block;
	padding: 5px 0 5px 15px;  
	color: #4C4C4C;  
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 1em;
}
div.legend {  
	padding: 10px 0 5px 15px;
	/*border-top: solid 1px #EBAD04;*/
	color: #4C4C4C;  
	font-weight: bold;
	font-size: 12px;
}
#FormArea legend {  
	padding: .5em 15px 0;  
	color: #4C4C4C;  
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 1em;
	margin-left: 1.5em;
}
div.formBlock input { width: 300px; font-size: 1.2em; text-align: left; }
div.formBlock input.checkbox { width: auto; }
div.formBlock input.long { width: 500px; }
div.formBlock select { width: 305px; font-size: 1.2em; }
div.formBlock select.nowidth { width: auto; }
div.formBlock input.nowidth { width: auto; }
div.formBlock .HtmlEditor { float:left; width: 500px; }
div.formBlock select.long { width: 505px; }
div.formBlock textarea { width: 500px; font-size: 10px; font-family: Verdana; height: 6em; }
span.inlineinput input { width: auto }
div.formBlock textarea.long { width: 500px; font-size: 10px; font-family: Verdana; height: 12em; }
fieldset input.radioButton { width: auto; margin-left: 2em; vertical-align: middle; }
fieldset.formButtons {
	background-color: #F5D37C;
	margin: 4px 15px 0 15px;
	padding: 5px 10px 5px 20.5em;
	text-align: left;
}
fieldset.formButtons input {
	height: 19px; 
	margin-right: 25px; 
	font-size: 11px;
	width: auto;
}
span.formError {
	display: block;
	color: Red;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	clear: left;
}
.validation { color: red; }
.validation-advice 
{
	color: red;
	margin-left: 23.3em;
}
div.formBlockRowMultiColumn .validation-advice
{
	color: Red;
	margin-left: 0;
	/*margin-right: 1em;	*/
}
div.formBlockRow { margin-bottom: 10px; line-height: 18px; overflow: hidden; }
div.formBlockRow label, div.formBlockRow .label {
	float: left;
	clear: left;
	width: 24em;
	text-align: right;
	font-weight: bold;
	margin-right: 1em;
}
div.formBlockRow .longlabel {
	float: left;
	clear: left;
	width: 40em;
	text-align: right;
	font-weight: bold;
	margin-right: 1em;
}
div.formBlockRow label.radioLabel {
	float: none;
	clear: none;
	width: auto;
	padding: 0;
	text-align: left;
	font-weight: normal;
}
div.formBlockRowMultiColumn { margin-bottom: 10px; line-height: 18px; overflow: hidden; }
div.formBlockRowMultiColumn div.labelColumn
{
	float: left;
	width: 20em;
	text-align: right;
	font-weight: bold;
	margin-right: 1em;
}
div.formBlockRowMultiColumn div.dataColumnHeader
{
	float: left;
	width: 9em;
	text-align: left;
	font-weight: bold;
}
div.formBlockRowMultiColumn div.dataColumn
{
	float: left;
	width: 9em;
	text-align: left;
}
div.formBlockRowMultiColumn div.dataColumn input { width: 50px; font-size: 10px; text-align: left; }
div.formBlockRowMultiColumn div.dataColumn select { width: auto; }

div.formBlockRow .facdescription, div.infoBlockRow .facdescription {
	float: left;
	clear: left;
	width: 38em;
	text-align: left;
	font-weight: bold;
	margin-right: 1em;
    margin-left:1em;
}
div.formBlockRow .facdescription input, div.infoBlockRow .facdescription input
{
    width: 34em;
    font-weight: normal;
}
div.formBlockRow .facdescriptionlarge, div.infoBlockRow .facdescriptionlarge 
{
    float: left;
	clear: left;
	width: 56em;
	text-align: left;
	font-weight: bold;
	margin-right: 1em;
    margin-left:1em;
}
div.formBlockRow .facdescriptionlarge input, div.infoBlockRow .facdescriptionlarge input 
{
    width: 50em;
    font-weight: normal;
}
div.formBlockRow .facunits, div.infoBlockRow .facunits {
	float: left;
	width: 6em;
	margin-right: 1em;
    text-align: right;
}
div.formBlockRow .facunits input, div.infoBlockRow .facunits input {
	float: left;
	width: 5em;
	margin-right: 1em;
    text-align: left;
}
div.formBlockRow .facamount, div.infoBlockRow .facamount {
    float: left;
    text-align: right;
    margin-right: 1em;
    width: 8em;
}
div.formBlockRow .facamount input, div.infoBlockRow .facamount input {
    float: left;
    text-align: left;
    margin-right: 1em;
    width: 7em;
}

div.formBlockRow .facamountlarge, div.infoBlockRow .facamountlarge {
    float: left;
    text-align: right;
    margin-right: 1em;
    width: 16em;
}
div.formBlockRow .facamountlarge input, div.infoBlockRow .facamountlarge input {
    float: left;
    text-align: left;
    margin-right: 1em;
    width: 14em;
}

div.formBlockRow .facamounttype, div.infoBlockRow .facamounttype {
    float: left;
    text-align: left;
    margin-left: 0em;
    margin-right: 0.5em;
    width: 9em;
}
div.formBlockRow .facamounttype select, div.infoBlockRow .facamounttype select {
    float: left;
    text-align: left;
    margin-left: 0.5em;
    margin-right: 0.5em;
    max-width: 8em;
}

div.formAlert 
{
	float: left;
	clear: left;
	margin-left: 21em;
	font-weight: bold;
}

#WizardButtons 
{
	margin-top: 10px;
	text-align: center;
}
#WizardButtons.right
{	
	text-align: right;
}
button.wizardButton, input.wizardButton, div.formBlock input.wizardButton
{
	margin: 0;
	width: auto;
	padding: 0 1em;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	color: #4c4c4c;
	height: 20px;
	border: solid 1px #7bc940;
	background: url("../images/button_bg.gif") left repeat-x;
}
input.wizardButton:hover, div.formBlock input.wizardButton:hover
{
	background: url("../images/button_bg2.gif") left repeat-x;
	width: auto;
	cursor: pointer;	/* hand-shaped cursor */
	cursor: hand;		/* same for IE 5.x */	
}
input.wizardButtonWidth, div.formBlock input.wizardButtonWidth
{
	margin: 1em 0 0 0;
	width: 8em;
	padding: 0 1em;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	color: #4c4c4c;
	height: 20px;
	border: solid 1px #7bc940;
	background: url("../images/button_bg.gif") left repeat-x;
}
input.wizardButtonWidth:hover, div.formBlock input.wizardButtonWidth:hover
{
	margin: 1em 0 0 0;
	background: url("../images/button_bg2.gif") left repeat-x;
	width: 8em;
	cursor: pointer;	/* hand-shaped cursor */
	cursor: hand;		/* same for IE 5.x */	
}
button.secundaryWizardButton, input.secundaryWizardButton, div.formBlock input.secundaryWizardButton
{
	margin: 0;
	width: auto;
	padding: 0 1em;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	text-align: center;
	color: #7bc940; /*#4c4c4c;*/
	height: 20px;
	border: 0;
	background: none;
}
input.secundaryWizardButton:hover, div.formBlock input.secundaryWizardButton:hover
{	
	width: auto;
	cursor: pointer;	/* hand-shaped cursor */
	cursor: hand;		/* same for IE 5.x */	
    text-decoration:underline;
}
div.blockButton
{
	float: left;
	margin-left: 21em;
	margin-bottom: 12px;
}
div.blockButton input { width: auto; }

/* Info blocks into forms */
div.infoBlock {
	/*margin: 15px 10px 10px 10px;*/
	margin: 15px 0 10px;
	padding: 5px 15px;
	font-size: 10px;
	overflow: hidden;
	/*******************/
	/*border-bottom: solid 1px #EBAD04;*/
}
div.infoBlockRow a { color: #4C4C4C; text-decoration: none; font-weight: bold; }
div.infoBlockRow a:hover { text-decoration: underline; }
div.infoBlockRow { line-height: 18px; margin-bottom: 10px; clear: left; overflow: hidden; }
div.infoBlockRow .Boxed
{
	padding: 25px;
	background-color: #FEFAF0;
}
div.infoBlockRow .Boxed ul
{
	display: block;	
	margin-left: 0;
	padding: 0;
	list-style: none;
}
div.infoBlockRow .Boxed ul li
{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}
div.infoBlockRow .Boxed ul li ul
{
	margin-left: 4em;
	/*list-style-image: url("images/arrow.gif");*/
}
div.infoBlockRow .Boxed ul li ul li
{
	font-size: 10px;
	background: none;
	margin-top: 4px;
}
div.infoBlockRow .Boxed h3
{
	display: block;
	padding-left: 12px;
	margin: 10px 0 0;
	background: url("images/cross.gif") no-repeat left;
	font-size: 11px;
	font-weight: bold;
	color: #6C6C6C;
}
div.infoBlockRow .Boxed h3.activityTest
{
	display: block;
	padding-left: 12px;
	margin: 10px 0 0;
	background: url("images/bar2.gif") no-repeat left;
	font-size: 10px;
	font-weight: bold;
	color: #6E831B;
}
div.infoBlockRow .Boxed h4
{
	display: block;
	padding-left: 12px;
	margin: 0;
	margin-left: -12px;
	background: url("images/bar.gif") no-repeat left;
	font-size: 10px;
	font-weight: bold;
	color: #6C6C6C;
}
div.infoBlockRow .Boxed h4.activityTest
{
	display: block;
	padding-left: 12px;
	margin: 0;
	margin-left: -12px;
	background: url("images/bar2.gif") no-repeat left;
	font-size: 10px;
	font-weight: bold;
	color: #6E831B;
}
div.infoBlockRow .Boxed h3.activityVcr
{
	display: block;
	padding-left: 12px;
	margin: 10px 0 0;
	background: url("images/bar3.gif") no-repeat left;
	font-size: 10px;
	font-weight: bold;
	color: #471C51;
}
div.infoBlockRow .Boxed h4.activityVcr
{
	display: block;
	padding-left: 12px;
	margin: 0;
	margin-left: -12px;
	background: url("images/bar3.gif") no-repeat left;
	font-size: 10px;
	font-weight: bold;
	color: #471C51;
}
div.infoBlockRow .Boxed p
{
	font-size: 10px;
	font-weight: normal;
	text-align: justify;
	color: #4C4C4C;
}

div.infoBlockRow .label 
{
	float: left;
	clear: left;
	width: 24em;
	text-align: right;
	font-weight: bold;
	margin-right: 1em;
}
div.infoBlockMultiline { margin-left: 25em; /* label width + label margin-right */ }
div.infoBlockMultilineScroll 
{ 
	/*margin-left: 21em;*/ /* label width + label margin-right */
	height: 9em;
	width: 500px;
	overflow: scroll;
}
div.oddInfoBlockMultiline 
{
	margin: .5em 0 1.5em 21em;
	background-color: #FEFAF0; 	
	padding: 0 .5em; 
}
* html div.infoBlockMultiline { margin-left: 24.4em; } /* For IE6 and lower only */
form h2 { font-size: 12px; margin: 10px; }
div.infoBlock select { width: 305px; font-size: 1.2em; }
div.infoBlock select.nowidth { width: auto; }


div.FormConfigFormCajaEditor 
{
    float:left;
    width:620px;
}

/*********** FAQ **********/

div.faqBlockRow 
{
    padding:10px 5px;
}
div.faqBlockRowQuestion 
{
    font-weight:bold; color:#74B831; font-size: 1.2em; padding-bottom: 5px;text-decoration: underline; cursor:pointer
}
div.faqBlockRowAnswer 
{
    
}
div.faqBlockRowAnswer p 
{
    padding-bottom: 5px;
}
/*********** FAQ **********/
table.exams {
    margin-right: 1em;
}
table.exams td {
    border-bottom:1px solid #ebebeb;
}