/* General look */ * { color: black; font-family: Verdana, Arial, Tahoma; font-size: 8pt } body { color: black; background-color: #FFFFFF; SCROLLBAR-FACE-COLOR: #DDE3EA; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #395F48; SCROLLBAR-3DLIGHT-COLOR: #C9E4FF; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #F3F3F3; SCROLLBAR-DARKSHADOW-COLOR: #000000; margin: 0px 0px 0px 0px; } form { margin: 0px } a { color: #535553; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt } a:visited { color: #535553; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt } a:hover { color: #535553; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt; text-decoration: underline } a:active { color: #535553; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 7pt } input { background: #FFFFFF; border: solid 1px #BABABA; color: #2B2C2D } select { background: #FFFFFF; border: solid 1px #BABABA; color: #2B2C2D } option { background: #FFFFFF; border: solid 1px #BABABA; color: #2B2C2D } textarea { background: #FFFFFF; border: solid 1px #D8E6D8; color: #2B2C2D } /* Textos */ .text1ogoff { font-family:Arial, Verdana, Tahoma; color:black; font-size:8pt; text-transform:lowercase; pointer:hand; cursor:hand; white-space:nowrap;} .text1p { font-family:Arial, Verdana, Tahoma; color:#606260; font-size:12px; font-weight:bold; text-transform:uppercase; } .text1b { font-family:Arijal, Verdana, Tahoma; color:#FFFFFF; font-size:9px; font-weight:bold; text-transform:uppercase; pointer: hand; cursor: hand;} .text2p { font-family:Arial, Verdana, Tahoma; color:#535553; font-size:11px; font-weight:bold; text-transform:uppercase; } .text3p { font-family:Arial, Verdana, Tahoma; color:#535553; font-size:9px; font-weight:bold; text-transform:uppercase; } .text4p { background: #DDE3EA; font-family:Arial, Verdana, Tahoma; color:#535553; font-size:10px; text-transform:uppercase; } .text6p { background: #DDE3EA; font-family:Arial, Verdana, Tahoma; color:#535553; font-weight:bold; font-size:11px; } .text5p { font-family:Arial, Verdana, Tahoma; color:#535553; font-size:12px; } .text4p a { color: #606260; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold; text-transform:uppercase;} .text4p a:visited { color: #606260; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold; } .text4p a:hover { color: #606260; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold; } .text4p a:active { color: #606260; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold; } /* Barras */ .barraVerde1 { background-color:#D8E6D8; } .barraVerde2 { background-color:#C9E4FF; } .barraVerde3 { background-color:#E4EAE4; } .barraVerde4 { background-color:#DFF0DF; } /* Classes do submenu */ .clMenu { background-color:#DDE3EA; color: #6C6E6C; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold; padding-left:10px; } .clMenu a { color: #6C6E6C; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold; text-transform:uppercase;} .clMenu a:visited { color: #6C6E6C; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold; } .clMenu a:hover { color: #6C6E6C; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold; } .clMenu a:active { color: #6C6E6C; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 11px; font-weight: bold; } .clMenuSub { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 10px; font-weight: bold; padding-left:10px; letter-spacing: 0px; word-spacling: 2pt;} .clMenuSub a { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 10px; font-weight: bold; text-transform:uppercase; } .clMenuSub a:visited { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 10px; font-weight: bold; } .clMenuSub a:hover { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 10px; font-weight: bold; } .clMenuSub a:active { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 10px; font-weight: bold; } .clSubMenu { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 9px; font-weight: bold; padding-left:10px; background-color: #ECF2F4; } .clSubMenu a { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 9px; font-weight: bold; text-transform:uppercase; } .clSubMenu a:visited { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 9px; font-weight: bold; } .clSubMenu a:hover { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 9px; font-weight: bold; } .clSubMenu a:active { color: #000000; text-decoration: none; font-family: Arial, Verdana, Tahoma; font-size: 9px; font-weight: bold; } .info { font-size: 10pt; color: #2B2C2D; font-weight: bold; } /* Logon */ .caixatexto { font-family: Verdana, Arial , Helvetica, sans-serif; font-size: 9px; font-weight: bolder; color: #666666; background-color: #F5F5DC; border: solid 1px #006400; text-indent: 4pt;} /* DataGrid */ table.clFlatTable { } .clRowHeader { background: #DDE3EA; font-weight: bold } .clRowHeader th { color: #535553; height: 21px; font-size:9px; text-transform:uppercase;} .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 } .clRowLight { background: #F4F5F8; color: black; cursor: hand; pointer: hand;} .clRowLight td { color: black; pointer:hand; cursor:hand;} .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 } .clRowDark { background: #FCFCFC; color: black; pointer:hand; cursor:hand; } .clRowDark td { color: black; pointer:hand; cursor:hand;} .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 } .clRowActive { background: #ECF2F4; color: black; pointer:hand; cursor:hand;} .clRowActive td { color: #535553;pointer:hand; cursor:hand; } .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 } .clNavBar { background: #EBF3EB; color: black; height: 21px; } .clNavBar td { color: #535553; font-weight: bold } .clNavBar a { color: #535553; text-decoration: none } .clNavBar a:visited { color: #535553; text-decoration: none } .clNavBar a:hover { color: #535553; } .clNavBar a:active { color: #000000; } .clAreaRowHeader { background: #EBF3EB; font-weight: bold } .clAreaRowHeader th { color: #535553; height: 21px; font-size:9px; text-transform:uppercase;} .clAreaRowLight { background: #F3F3F3; color: black; cursor: hand; pointer: hand;} .clAreaRowLight td { color: black } .clAreaRowDark { background: #C7C7C7; color: black; pointer:hand; cursor:hand;} .clAreaRowDark td { color: black } .clAreaRowActive { background: #F3F3F3; color: black; pointer:hand; cursor:hand;} .clAreaRowActive td { color: #535553; } /* Formulários 395F48*/ .clFrmArea { text-align: center; width: 100%; vertical-align: top;} .clFrmTitulo { background-color: #DDE3EA; text-align: left; color: #000000; font-weight: bold; padding-left:3px; margin-bottom:3px; height:23px; padding-top:5px;} .clFrmLinha { text-align: center; color: #000000; vertical-align: top; } .clFrmInfo { background-color: #F3F3F3; 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; pointer: hand;} .clFrmLabelOn { color: #000000; margin-top: 2px; font-size: 10px; font-weight: bold; line-height: 10pt; cursor: hand; pointer: hand;} .clFrmLabelOff { color: #000000; margin-top: 2px; font-size: 10px; line-height: 10pt; cursor: hand; pointer: hand;} .clFrmLabelError { color: #CF2E00; margin-top: 2px; font-size: 10px; font-weight: bold; line-height: 10pt; cursor: hand; pointer: 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 #BABABA; width: 100%;} .clFrmInputError { background-color: #FBCAB9; color: #CF2E00; font-size: 8pt; border: 1pt solid #AAB0B9; width: 100%;} .clFrmAreas { background-color: #FFFFFF; color: #2B2C2D; font-size: 8pt; border: 1px solid #BABABA; } .clFrmCheckOff { border: 0pt solid #AAB0B9; } .clFrmBotao1 { font-family: Verdana; background-color: #F3F3F3; color: #000000; font-size: 7pt; letter-spacing: 1pt; border: 1pt solid #BABABA; height: 18px; width: 80px; cursor: hand; pointer: hand;} .clFrmBotao2 { font-family: Verdana; background-color: #F3F3F3; color: #000000; font-size: 7pt; letter-spacing: 1pt; border: 1pt solid #BABABA; height: 18px; width: 120px; cursor: hand; pointer: hand;} .clFrmBotao3 { font-family: Verdana; background-color: #F3F3F3; color: #000000; font-size: 7pt; letter-spacing: 1pt; border: 1pt solid #BABABA; height: 18px; width: 180px; cursor: hand; pointer: hand;} .clFrmBotaoLogin { font-family: Verdana; background-color: #F3F3F3; color: #000000; font-size: 7pt; letter-spacing: 1pt; border: 1pt solid #BABABA; height: 18px; width: 120px; cursor: hand; pointer: hand;} .clFrmIcones { font-family: Arial Black; color: #7B7B7D; text-align: center; vertical-align: center; cursor: hand; pointer: 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 #BABABA; padding: 2px; color: #000000; font-size: 8pt; width: 100%;} .editor .botoes { background-color: #BABABA; height: 17px; cursor: hand; pointer: hand;} .editor .btn { background-color: #BABABA; height: 100%; cursor: hand; pointer: hand; width: 100px; border: 0px;} .editor label { color: #000000; font-size: 8pt;} .editor img { cursor: hand; pointer: hand;} .editor select { vertical-align: center; font-family: Arial; color: #343434; font-size: 8pt; font-weight: bold; cursor: hand; pointer: 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; cursor: hand; pointer: hand;} td.clDataGridLight { padding: 0px; cursor: hand; pointer: hand;} td.clDataGridNormal { padding: 0px; cursor: hand; pointer: hand;} /* 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: #F3F3F3; border: solid 0px #FDC02C; color: #333333 } .clQuadroAvisos td { border: solid 0px #FDC02C; 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: #F3F3F3; border: solid 0px #FDC02C; color: #333333 } .clEnquete td { border: solid 0px #FDC02C; 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 #FDC02C; color: #333333 } .clWizard td { border: solid 0px #FDC02C; 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: #F3F3F3; border-collapse: collapse } .relatorio { } .relatorio td { white-space:nowrap; } /* Classes da tela de logon */ .clLogon { background: #EDEDED; border: solid 0px #FDC02C } .clLogonInterno { background: #FFFFFF; border: solid 1px #FFFFFF } .clLogon td { border: solid 0px #FFFFFF } .clLogon input { background: #DEDEDE; border: solid 1px #A0A0A0; color: #333333; font-family: Verdana, Arial, Tahoma; font-size: 7pt } /* Classes da arvore de conteudos */ .clEtapa a { color: #000000; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 10pt; font-weight: bold; } .clEtapa a:visited { color: #000000; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 10pt; font-weight: bold; } .clEtapa a:hover { color: #909090; font-family: Verdana, Arial, Tahoma; font-size: 10pt; font-weight: bold; } .clEtapa a:active { color: #9f9f9f; font-family: Verdana, Arial, Tahoma; font-size: 10pt; font-weight: bold; } .clConteudo a { color: #000000; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 8pt; } .clConteudo a:visited { color: #000000; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 8pt; } .clConteudo a:hover { color: #909090; font-family: Verdana, Arial, Tahoma; font-size: 8pt; } .clConteudo a:active { color: #9f9f9f; font-family: Verdana, Arial, Tahoma; font-size: 8pt; } .clExercicio a { color: #000099; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 8pt; } .clExercicio a:visited { color: #000099; text-decoration: none; font-family: Verdana, Arial, Tahoma; font-size: 8pt; } .clExercicio a:hover { color: #909090; font-family: Verdana, Arial, Tahoma; font-size: 8pt; } .clExercicio a:active { color: #9f9f9f; font-family: Verdana, Arial, Tahoma; font-size: 8pt; } /* ****************************************** * Tela de Login * ****************************************** */ /** DIVs **/ #dConteudo { border:0px dotted RED; position:absolute; width: 778px; height: 432px; top:50%; left:50%; margin-top:-216px; margin-left:-389px; background: url(../imgs/login/login_background.gif) no-repeat ; padding-left: 357px; padding-top: 170px; } #dSelos { } #dLogin { border:0px dotted RED; width: 90px; height: 120px; padding-top: 20px; } #dUser, #dUserIpt { border:0px dotted YELLOW; width: 100%; height: 15px; padding-left: 1px; padding-top: 0px; } #dUserIpt { background: url(../imgs/login/campo_webcollege.gif) no-repeat ; _font-size: 1px; height: 10px; } #dPass { margin-top:15px; } #dPass, #dPassIpt { border:0px dotted BLUE; width: 100%; height: 15px; padding-left: 1px; padding-top: 0px; } #dPassIpt { background: url(../imgs/login/campo_webcollege.gif) no-repeat ; _font-size: 1px; height: 10px; } #dControle { border:0px dotted BROWN; width: 100%; height: 10px; text-align: center; padding-top: 20px; } /** CLASSES **/ .cHand { cursor: hand; } .cInput { border: 0px; width: 88px; height: 12px; font-size: 9px; } .texto_boletim { font-size: 9px; } .clCorLight { background: #FCFCFC; color: black; pointer:hand; cursor:hand; } .clCorDark { background: #F4F5F8; color: black; pointer:hand; cursor:hand; } .tabela { border-right: 1px solid #000000; border-top: 1px solid #000000; } .tabela td, .tabela tr { border-left: 1px solid #000000; border-bottom: 1px solid #000000; } .tabela th { text-align: center; font-weigth: none; border-left: 1px solid #000000; border-bottom: 1px solid #000000; background: #92B3D4; } .tit_boletim { font-size: 16px; font-weight: bold; }