/* General look */

*         { color: black; font-family: Verdana, Arial, Tahoma; font-size: 8pt }
body 			{ color: black; background-color: #EEEEEE; SCROLLBAR-FACE-COLOR: #007979; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #E8FFFF; SCROLLBAR-3DLIGHT-COLOR: #E8FFFF; SCROLLBAR-ARROW-COLOR:  #FFFFFF; SCROLLBAR-TRACK-COLOR: #D8F1E7; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF }
form      { margin: 0px }
a         { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
a:visited { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
a:hover   { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt; text-decoration: underline }
a:active  { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
input     { background: #FFFFFF; border: solid 1px #009999; color: #2B2C2D }
select    { background: #FFFFFF; border: solid 1px #009999; color: #2B2C2D }
option    { background: #FFFFFF; border: solid 1px #009999; color: #2B2C2D }
textarea  { background: #FFFFFF; border: solid 1px #009999; color: #2B2C2D }

.info     { font-size: 10pt; color: #2B2C2D; font-weight: bold; }

/* FlatTable and DataGrid */

table.clFlatTable                   { border: solid 1px #006666; border-collapse: collapse }

.clRowHeader                        { background: #A6C0B5; border: solid 1px #006666; color: white; font-weight: bold } /* topo das tabelas */
/*.clRowHeader td                     { border: solid 1px #FDC02C; color: white; font-weight: bold }
*/.clRowHeader a                      { color: yellow; text-decoration: none }
.clRowHeader a:visited              { color: yellow; text-decoration: none }
.clRowHeader a:hover                { color: red }
.clRowHeader a:active               { color: red }

.clRowActive                        { background: #D8F1E7; border: solid 1px #006666; color: black; cursor: hand;}
.clRowActive td                     { border: solid 1px #006666; color: navy; }
.clRowActive a                      { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma;  font-size: 7pt}
.clRowActive a:visited              { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma;  font-size: 7pt}
.clRowActive a:hover                { color: red }
.clRowActive a:active               { color: red }

.clRowDark                          { background: #E4E4E4; border: solid 1px #006666; color: black; cursor: hand; }
.clRowDark td                       { border: solid 1px #006666; color: black }
.clRowDark a                        { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clRowDark a:visited                { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clRowDark a:hover                  { color: red }
.clRowDark a:active                 { color: red }

.clRowLight                         { background: #FFFFFF; border: solid 1px #006666; color: black; cursor: hand;}
.clRowLight td                      { border: solid 1px #006666; color: black }
.clRowLight a                       { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clRowLight a:visited               { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clRowLight a:hover                 { color: red }
.clRowLight a:active                { color: red }

.clRowNormal                        { background: #CCCCCC; border: solid 1px #C0C0C0; color: black }
.clRowNormal td                     { border: solid 1px #C0C0C0; color: black }
.clRowNormal a                      { color: navy; text-decoration: none }
.clRowNormal a:visited              { color: navy; text-decoration: none }
.clRowNormal a:hover                { color: red }
.clRowNormal a:active               { color: red }

.clRowDarkLate                      { background: #FFADAD; border: solid 1px #C0C0C0; color: black }
.clRowDarkLate td                   { border: solid 1px #C0C0C0; color: black }
.clRowDarkLate a                    { color: navy; text-decoration: none }
.clRowDarkLate a:visited            { color: navy; text-decoration: none }
.clRowDarkLate a:hover              { color: red }
.clRowDarkLate a:active             { color: red }

.clRowLightLate                     { background: #FFD6D6; border: solid 1px #C0C0C0; color: black }
.clRowLightLate td                  { border: solid 1px #C0C0C0; color: black }
.clRowLightLate a                   { color: navy; text-decoration: none }
.clRowLightLate a:visited           { color: navy; text-decoration: none }
.clRowLightLate a:hover             { color: red }
.clRowLightLate a:active            { color: red }

.clRowNavBar                        { background: #FFD6D6; border: solid 1px #C0C0C0; color: black }
.clRowNavBar td                     { border: solid 1px #C0C0C0; color: #009999; font-weight: bold }
.clRowNavBar a                      { color: navy; text-decoration: none }
.clRowNavBar a:visited              { color: navy; text-decoration: none }
.clRowNavBar a:hover                { color: red }
.clRowNavBar a:active               { color: red }

.clDataGridDark                     { background: #ECECEC; border: solid 1px #C0C0C0; color: black }
.clDataGridDark td                  { border: solid 1px #C0C0C0; color: black; padding: 0px }
.clDataGridDark input               { background: #ECECEC; border: 0px; margin: 0px; width: 100% }

.clDataGridLight                    { background: #FFFFFF; border: solid 1px #C0C0C0; color: black }
.clDataGridLight td                 { border: solid 1px #C0C0C0; color: black; padding: 0px }
.clDataGridLight input              { background: #FFFFFF; border: 0px; margin: 0px; width: 100% }

.clDark *                           { background: #949494; color: white }
.clDark td                          { background: #949494; border: solid 0px; color: white }
.clDark a                           { color: navy; text-decoration: none }
.clDark a:visited                   { color: navy; text-decoration: none }
.clDark a:hover                     { color: red }
.clDark a:active                    { color: red }

.clLight *                          { background: #ECECEC; color: black }
.clLight td                         { background: #ECECEC; border: solid 0px; color: black }
.clLight a                          { color: navy; text-decoration: none }
.clLight a:visited                  { color: navy; text-decoration: none }
.clLight a:hover                    { color: red }
.clLight a:active                   { color: red }

.clNormal *                         { background: #CCCCCC; color: black }
.clNormal td                        { background: #CCCCCC; border: solid 0px; color: black }
.clNormal a                         { color: navy; text-decoration: none }
.clNormal a:visited                 { color: navy; text-decoration: none }
.clNormal a:hover                   { color: red }
.clNormal a:active                  { color: red }


/* Formulários */
.clFrmArea         { background-color: #D8F1E7; text-align: center; color: #000000; border: 0px solid #009999; width: 100%; vertical-align: top;}
.clFrmTitulo       { background-color: #D8F1E7; text-align: left;   color: #585858; border: 1px solid #005555; font-weight: bold; padding-left: 3; margin-bottom: 3;}
.clFrmLinha        { background-color: #D8F1E7; text-align: center; color: #000000; border: 1px solid #009999; vertical-align: top; }
.clFrmInfo         { background-color: #E4E4E4; text-align: center; color: green; padding-left: 3; margin-bottom: 3;}
.clFrmLabelReq     { color: #585858; margin-top: 2px; font-size: 10px; font-weight: bold; line-height: 10pt; cursor: hand;}
.clFrmLabelOn      { color: #000000; margin-top: 2px; font-size: 10px; font-weight: bold; line-height: 10pt; cursor: hand;}
.clFrmLabelOff     { color: #000000; margin-top: 2px; font-size: 10px; line-height: 10pt; cursor: hand;}
.clFrmLabelError   { color: #CF2E00; margin-top: 2px; font-size: 10px; font-weight: bold; line-height: 10pt; cursor: hand;}

.clFrmInputOn      { background-color: #FFFDF0; color: #2B2C2D; font-size: 8pt; border: 1pt solid #5F6488; width: 100%;}
.clFrmInputOff     { background-color: #FFFFFF; color: #2B2C2D; font-size: 8pt; border: 1px solid #009999; width: 100%;}
.clFrmInputError   { background-color: #FBCAB9; color: #CF2E00; font-size: 8pt; border: 1pt solid #AAB0B9; width: 100%;}

.clFrmCheckOff     { border: 0pt solid #AAB0B9; }
/*BOTOES ABAIXO DAS TABELAS */
.clFrmBotao1       { font-family: Verdana; background-color: #00B99D; color: #000000; font-size: 7pt; letter-spacing: 1pt; border: 1pt solid #005555; height: 18px; width: 80px; cursor: hand;}
.clFrmBotao2       { font-family: Verdana; background-color: #00B99D; color: #000000; font-size: 7pt; letter-spacing: 1pt; border: 1pt solid #005555; height: 18px; width: 120px; cursor: hand;}
.clFrmBotao3       { font-family: Verdana; background-color: #00B99D; color: #000000; font-size: 7pt; letter-spacing: 1pt; border: 1pt solid #005555; height: 18px; width: 180px; cursor: hand;}
.clFrmBotaoLogin   { font-family: Verdana; background-color: #00B99D; color: #000000; font-size: 7pt; letter-spacing: 1pt; border: 1pt solid #005555; height: 18px; width: 120px; cursor: hand;}
.clFrmIcones       { font-family: Arial Black; color: #7B7B7D; text-align: center; vertical-align: center; cursor: hand;}
.clFrmMemoCode     { font-family: monospace; width: 100%; font-size: 8pt; word-wrap: normal; overflow: auto;}


/*  editor html  */
.editor             {};
.editor .div_editor { background-color: #ffffff; overflow: auto; border: 1pt solid #009999; padding: 2px;
                      color: #000000; font-size: 8pt; width: 100%;}
.editor .botoes     { background-color: #00B99D; height: 17px; cursor: hand;}
.editor .btn        { background-color: #00B99D; height: 100%; cursor: hand; width: 100px; border: 0px;}
.editor label       { color: #000000; font-size: 8pt;}
.editor img         { cursor: hand;}
.editor select      { vertical-align: center;  font-family: Arial; color: #343434; font-size: 8pt; font-weight: bold; cursor: hand;}
.editor option      { background-color: #ECEDF4; }


/* Classes directly linked to elements must be declared after those using inheritance */

td.clRowHeader                      { border: solid 1px #000000; color: white; font-weight: bold; padding: 2px }
td.clDataGridDark                   { padding: 0px }
td.clDataGridLight                  { padding: 0px }
td.clDataGridNormal                 { padding: 0px }

/* Graphic Tab Control */
.clActiveTab                        { color: white; font-weight: bold; padding-left: 3px; padding-right: 5px }
.clTab                              { color: white; cursor: hand; padding-left: 3px; padding-right: 5px }

.clOverBackground                   { color: black }
.clOverBackground *                 { color: black }

/* Classes do Quadro de Avisos */

.clQuadroAvisos                         { background: #FEF8E9; border: solid 0px #006666; color: #333333 }
.clQuadroAvisos td                      { border: solid 0px #006666; color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clQuadroAvisos b                       { color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 8pt; font-weight: bold }
.clQuadroAvisos a                       { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clQuadroAvisos a:visited               { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clQuadroAvisos a:hover                 { color: #red }
.clQuadroAvisos a:active                { color: #red }

/* Classes das Enquetes */

.tlEnquete                         { color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 12pt; font-weight: bold }
.clEnquete                         { background: #FEF8E9; border: solid 0px #006666; color: #333333 }
.clEnquete td                      { border: solid 0px #006666; color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clEnquete b                       { color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 8pt; font-weight: bold }
.clEnquete a                       { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clEnquete a:visited               { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clEnquete a:hover                 { color: #red }
.clEnquete a:active                { color: #red }

/* Classes do wizard */

.clWizard                         { background: #FEF8E9; border: solid 0px #006666; color: #333333 }
.clWizard td                      { border: solid 0px #006666; color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clWizard b                       { color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 8pt; font-weight: bold }
.clWizard a                       { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clWizard a:visited               { color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.clWizard a:hover                 { color: #red }
.clWizard a:active                { color: #red }

/* Classes das tabelas de cadastros */

table.clTableCadastro              { border: solid 0px; background: #009999; border-collapse: collapse }

/* Classes da tela de logon */

.clLogon                         { background: url(../imgs/fundo_logon.gif) no-repeat; border: solid 0px #006666 }
.clLogonInterno                  { background: #FFFFFF; border: solid 1px #FFFFFF }
.clLogon td                      { border: solid 0px #FFFFFF }
.clLogon input                   { background: #FFFFFF; border: solid 1px #A0A0A0; color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 7pt }

/* Classes do submenu */

.clSubMenu                       { background: #D8F1E7; border: solid 0px #1A660C; border-collapse: collapse; color: #FFFFFF; font-family: Verdana, Arial, Tahoma; font-size: 8pt }

/* Classes das notas */

/*.acimaDaMedia                  { background-color: #FFFFFF; color: #2B2C2D; font-size: 8pt; border: 1px solid #FDCB51; width: 100%; font-color: #FF0000; }
.abaixoDaMedia                  { background-color: #0000FF; color: #2B2C2D; font-size: 8pt; border: 1px solid #FDCB51; width: 100%; font-color: #0000FF; }
*/
.acimaDaMedia                   { background: #EFD1F4; font-color: #FF0000; }
.abaixoDaMedia                  { background: #D3EDF5; font-color: #0000FF; }


/* Classes do modulo didático */
.did_titulo						{ color: #000000; font-weight: bold; font-family: Verdana, Arial, Tahoma; font-size: 9pt }
.did_subtitulo					{ color: #000000; font-weight: bold; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.did_textos						{ color: #000000; font-weight: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.did_fundo_td					{ background: #F1F1F1; border: solid 0px #000000 }

.did_link         				{ color: #000000; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.did_link:visited 				{ color: #000000; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }
.did_link:hover   				{ color: #C00100; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt }

/* Boletim */
.tlBoletim						{ color: #000000; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Tahoma; font-size: 10pt }
.rsBoletim						{ color: #C00100; text-decoration: none; font-weight: none; font-family: Verdana, Arial, Tahoma; font-size: 9pt }

/* Quem logou? */
.hAcesso {
	width: 779px;
	text-align: right;
	margin-top: 105px;
	position: absolute;
	color: #000;
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma;
	font-size: 8pt
}

.texto_boletim { font-size: 9px; }
.clCorLight    { background: #E6F2ED; color: black; pointer:hand; cursor:hand; }
.clCorDark     { background: #d8f1e7; color: black; pointer:hand; cursor:hand; }