/*
 * Todo "miolo" da página deve estar dentro de um elemento identificado como
 * mzoScreen (tela).
 */
#mzoScreen {
  position:             relative;
  float:                left;
  margin:               0px;
  padding:              10px;
  width:                99%;
  height:				auto;
}

/*
 * Estilo que deve ser usado no título principal da tela.
 */
#mzoScreenTitle {
  position:             relative;
  float:                left;
  margin:               0px;
  padding:              0px;
  width:                100%;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            9pt;
  font-weight:          bold;
  color:                #016EB3;
}


/*
 * Textos gerais da tela.
 */

#mzoScreenText {
  position:             relative;
  float:                none;
  margin:               0px;
  margin-top:           10px;
  padding:              0px;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            8pt;
  font-weight:          normal;
  color:                #000;
}

/*
 * Texto com breve descrição da tela.
 */
#mzoScreenCaption {
  position:             relative;
  float:                none;
  margin:               0px;
  margin-top:           10px;
  padding:              0px;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            8pt;
  font-weight:          normal;
  color:                #000;
}

/*
 * Uma seção da tela.
 */
.mzoSection,
form .mzoSection {
  position:             relative;
  float:                left;
  width:                100%;
  margin-top:           10px;  
}

/*
 * O título de uma seção da tela.
 */
.mzoSection .mzoSectionTitle,
form .mzoSection .mzoSectionTitle {
  margin:               10px 0 0;
  padding:              0px;
  border-top:           1px solid #CCC;
  width:                100%;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            9pt;
  font-weight:          bold;
  color:                #016EB3;
}

.mzoSection .mzoSubSection,
form .mzoSection .mzoSubSection {
  position:             relative;
  float:                left;
  width:                100%;
  margin-top:           10px;
}

.mzoSection .mzoSubSection .mzoSubSectionTitle,
form .mzoSection .mzoSubSection .mzoSubSectionTitle {
  margin:               0px;
  margin-top:           10px;
  margin-bottom:        10px;
  padding:              0px;
  border-bottom:        1px solid #CCC;
  width:                100%;
  font-family:          Arial, Helvetica, sans-serif;
  font-size:            10pt;
  font-weight:          bold;
  color:                #000;
}

/*
 * Mensagem de erro de operação da tela.
 */
.mzoErrorMessage {
  position:             relative;
  float:                left;
  margin:               0px;
  margin-top:           10px;
  padding:              8pt;
  width:                95%;
  border-left:          5px solid #016EB3;
  background-color:     #F9F9F9;
  font-family:          verdana, Arial, Helvetica, sans-serif;
  font-size:            8pt;
  color:                #016EB3;
}

.mzoSection p {
  font-family:          Arial, Helvetica, sans-serif;
  font-size:            10pt;
  color:                #000;
}

/*
 * Usado para mostrar os passos de um processo no sistema. Ex.: Passo 1 - Login,
 * Passo 2 - Inscrição etc.
 */
.mzoSteps {
  position:             relative;
  float:                left;
  margin:               0px;
  margin-bottom:        10px;
  padding:              0px;
  width:                100%;
  border-bottom:        1px solid #DDD;
}

.mzoSteps .mzoStep {
  position:             relative;
  float:                left;
  margin:               0px;
  margin-right:         2px;
  padding:              0px;
  padding-left:         2px;
  padding-right:        2px;
  width:                auto;
  background-color:     #FFF;
  font-family:          Arial, Helvetica, sans-serif;
  font-size:            8pt;
  color:                #999;
}

.mzoSteps .mzoStepOn {
  background-color:     #EEE;
  color:                #000;
  border-left:          1px solid #DDD;
  border-right:         1px solid #DDD;
  border-top:           1px solid #DDD;
}

 .mzoSteps .mzoStep .mzoStepTitle,
 .mzoSteps .mzoStepOn .mzoStepTitle {
  position:             relative;
  float:                left;
  margin:               0px;
  padding:              2px;
  font-weight:          bold;
  text-align:           center;
}

 .mzoSteps .mzoStep .mzoStepCaption,
 .mzoSteps .mzoStepOn .mzoStepCaption {
  position:             relative;
  float:                left;
  margin:               0px;
  padding:              2px;
  text-align:           center;
}


.report {
  margin:               0px;
  padding:              0px;
  width:                100%;
}

.report .mzoReportField,
.report .mzoSection .mzoReportField {
  position:             relative;
  float:                left;
  margin:               0px;
  margin-top:           5px;
  width:                100%;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            10pt;
  font-weight:          normal;
  color:                #000;
  border-bottom:        1px solid #EEF;
}

.report .mzoReportField .mzoReportFieldName,
.report .mzoSection .mzoReportField .mzoReportFieldName {
  position:             relative;
  float:                left;
  width:                50%;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            9pt;
  /*font-weight:          bold;*/
  color:                #000;
}

.report .mzoReportField .mzoReportFieldValue,
.report .mzoSection .mzoReportField .mzoReportFieldValue {
  position:             relative;
  float:                left;
  margin:               0px;
  margin-left:          10px;
  width:                40%;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            9pt;
  font-weight:          normal;
  color:                #000;
  text-align:           right;
}

/*
 *
 */
.mzoFormButton {
  position:             relative;
  float:                left;
  margin:               0px;
  margin-top:           5px;
  margin-right:         2px;
  border:               1px solid #016EB3;
  font-family:          verdana, Arial, Helvetica, sans-serif;
  font-size:            8pt;
  font-weight:          normal;
  color:                #000;
  background-color:     #CCC;
}


.mzoFormButtonBold {
  position:             relative;
  float:                left;
  margin:               0px;
  margin-top:           5px;
  margin-right:         2px;
  border:               1px solid #2381BD;
  font-family:          verdana, Arial, Helvetica, sans-serif;
  font-size:            8pt;
  font-weight:          bold;
  color:                #000;
  background-color:     #CCC;
}

form .mzoRequiredNote,
.mzoRequiredNote {
  position:             relative;
  float:                none;
  clear:                both;
  margin:               0px;
  width:                100%;
  font-family:          verdana, arial, Helvetica, sans-serif;
  font-size:            8pt;
  font-weight:          normal;
  color:                #900;
}

/*
 *
 */
.mzoSection table {
  position:             relative;
  /*float:              left;*/
  margin:               0px;
  margin-top:           5px;
  padding:              0px;
  width:                100%;
  border-collapse:	    collapse;
}

#mzoScreen table caption {
  margin:               0px;
  padding:              0px;
  padding-top:          5px;
  padding-bottom:       5px;
  width:                100%;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            10pt;
  font-weight:          normal;
  text-align:           center;
}

#mzoScreen table.mzoSearchEngineTable {
  position:             relative;
  float:                none;
  margin:               0px;
  margin-top:           5px;
  padding:              0px;
  width:                100%;
  border-collapse:	    collapse;
  border-left:          4px solid #366;
  border-top:           4px solid #366;
  border-right:         1px solid #366;
  border-bottom:        1px solid #366;
}

#mzoScreen table.mzoSearchEngineTable tr td {
  padding:              5px;
  border:               0px solid #FFF;
}

/*
 *
 */
.mzoSection table thead {
  margin:               0px;
  margin-top:           5px;
  padding:              0px;
}

.mzoSection table thead tr td {
  padding:              0px;
  padding-left:         5px;
  padding-right:        5px;
  background-color:     #2381BD;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            8pt;
  /*font-weight:          bold;*/
  color:                #FFF;
  border:               1px solid #2381BD;
  vertical-align:       bottom;
}

/*
 *
 */
.mzoSection table tbody tr td {
  margin:               0px;
  padding:              0px;
  padding-left:         5px;
  padding-right:        5px;
  border:               1px solid #2381BD;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            8pt;
}

.mzoSection_noborder table tbody tr td {
  margin:               0px;
  padding:              0px;
  padding-left:         5px;
  padding-right:        5px;

  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            8pt;
}

.mzoSection table tbody tr td a {
  color:                #000 !important;
  font-weight:          normal;
  
}
/*
 *
 */ 

#mzoScreen a:link,
#mzoScreen a:visited,
#mzoScreen a:active,
#mzoScreen a:hover,
#mzoScreen a:focus {
  text-decoration:      underline;
  color:                #EF870A;
}

#mzoScreen p {
  margin:               0px;
  margin-top:           10px;
  padding:              0px;
  font-family:          Verdana, Arial, Helvetica, sans-serif;
  font-size:            10pt;
  color:                #000;
}

#mzoScreen img {
  margin:               0px;
  padding:              0px;
  border:               0px solid #FFF;
}