@CHARSET "ISO-8859-1";

/*
   //////////////////////////////////
  // Estilos Gerais do Tema       //
 //////////////////////////////////

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

.x-window-body .ext-mb-text * {
    font-size: inherit !important;
}

BODY {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background-color: #FFFFFF;
    background-image: url(imagens/fundo_gv.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    background-attachment:fixed;
}

A {
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}

A:hover{
    color: #0000CD;
    text-decoration: underline;
}

TEXTAREA{
    border: 1px solid #a7a6aa;
    background-color:#FFFFFF;
    margin:1px;
    /*border: 1px solid #BEBEBE;*/
}

FIELDSET{
    padding: 2px;
    min-width: 576px;
}

LEGEND{
    padding: 2px;
    font-weight:bold;
}

SELECT{
    border: 1px solid #817F96;
    margin:1px;
}
/*botoes das ações */
.action-icon-add, .icon-plus {
 background-image: url(imagens/add.png) !important;
 background-position: -1px -1px !important;
}
.action-icon-delete {
 background-image: url(imagens/delete.png);
}

.action-icon-edit{
 background-image: url(imagens/bullet_wrench.png);
}

.action-icon-editar{
 background-image: url(imagens/edit.png);
}

.upload-icon{
        background-image:url(imagens/folder.png) ! important;
}

.x-panel-inline-icon .icon-grid {
    display:none !important;
}
/*
   //////////////////////////////////
  // Campos de Formulario         //
 //////////////////////////////////
*/

/* INPUT */
.campoTexto{
    border: 1px solid #a7a6aa;
    background-color:#FFFFFF;
    margin:1px;
}

.campoTextoDisable{
    border: 1px solid #a7a6aa;
    background-color: #D4D0C8;
    margin:1px;
}

.gv-help-text * {
    color:#EE0000 !important;
    font-style:italic;
}

/* BUTTON */
.botao
{
    width: 75px;
    cursor: pointer;
    background-image: url(imagens/btn.fundo.png);
    background-repeat: repeat-x;
    border: 1px solid #1d74b7;
    margin-left:4px;
    margin-right:4px;
    margin-top:2px;
    margin-bottom:2px;
}

.botao:click
{
    width: 75px;
    background-image: url(imagens/btn.fundo.png);
    background-repeat: repeat-x;
    border: 1px solid #1d74b7;
    margin-left:4px;
    margin-right:4px;
    margin-top:2px;
    margin-bottom:2px;
}

/*
   //////////////////////////////////
  // Cabeçalhos do Sistema        //
 //////////////////////////////////
*/

/* CABEÇALHO do SISTEMA */
#cabecalho
{
    background-image: url(imagens/cab.fundo.geral.repeat.png);
    background-repeat: repeat-x;
    color:#fff;
    height:60px;
    margin-bottom:10px;
}
/* Cor do Texto no Cabeçalho */
#cabecalho *
{
    color:#fff;
}

/* Esquerda do Cabeçalho */
#logoCabecalho{
    background-image: url(imagens/cab.fundo.gera.esq.png);
    background-repeat:no-repeat;
    width: 650px;
    height:60px;
    font: Verdana;
    font-weight: bold;
    font-size:15px;
    vertical-align: middle;
    padding-left:65px;
    padding-top:10px;
}

#logoCabecalhoResp{
    background-image: url(imagens/cab.fundo.gera.esq.png);
    background-repeat:no-repeat;
    height:60px;
    font: Verdana;
    font-weight: bold;
}

/* Direita do Cabeçalho */
#logoSistema
{
    background-image: url(imagens/cab.fundo.geral.png);
    background-repeat: no-repeat;
    width: 342px;
    text-align: right;
    background-position: right top;
    height:60px;
    padding-right:10px;
    vertical-align: bottom;
}

#logoSistemaResp
{
    background-image: url(imagens/cab.fundo.geral.png);
    background-position: right top;
    height: 60px;
    padding-right: 10px;
}

#meioCabecalhoResp {
    background-image: url(imagens/cab.fundo.geral.repeat.png);
    background-repeat: repeat-x;
    color: #fff;
    height: 60px;
}

/* Imagem Logo do Sistema */
.ImagemSistema
{
    background-position: left top;
    background-image: url(imagens/cab.logo.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0px; 
    top:0px; 
    width: 65px;  
    height: 66px;
}

/* Meio do Cabeçalho */
#meioCabecalho {
    height:60px;
}

.iconesCabecalho
{
    margin-top:5px;
    height: 22px;
}

.header-button-home, .header-button-passwd, .header-button-about, .header-button-logout, .header-button-feedback  {
    display: block;
    float: right;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
	background-position: center;
	margin-left: 4px;
	text-decoration: none !important;
}
.header-button-home { background-image: url(imagens/folder_home.png); }
.header-button-passwd { background-image: url(imagens/key.png); }
.header-button-about { background-image: url(imagens/about.png); }
.header-button-logout { background-image: url(imagens/exit.png); }
.header-button-feedback { background-image: url(imagens/feedback.png); }

/* Avatar */
.Avatar
{
    background-position: left top;
    background-image: url(imagens/avatar.fundo.png);
    background-repeat: no-repeat;
    width: 70px; 
    height: 68px;
    marging-top:7px;
}

.FotoAvatar
{
    margin-left: 8px;
    margin-right: 8px;
    width: 52px;
    height: 52px;
    text-align:center;
}


/*
   //////////////////////////////////
  // Tabelas do Sistema           //
 //////////////////////////////////
*/

/* Tabelas */
.tabela{
    border:1px solid #a6c3d4;
    background-color: #e2edf3;
}

.tabela tr
{
        border:1px solid #e2edf3;
}

.tabela tr td
{
    padding:2px;
    padding-top:3px;
    padding-bottom:3px;
}

.tabela TBODY{
    background-color: #FFFFFF;
}

.tituloTabela{
    color: #37526B;
    background-color: #c9d8e1;
    font-weight: bold;
    text-align: left;
}

.cabecalho1
{
    color: #37526B;
    /*background-color: #e2ecf2;*/
    font-weight: bold;
    background-image: url( 'imagens/grid-hrow.gif' );
    background-repeat:repeat-x;
    height:25px;
}

.cabecalho2{
    color: #37526B;
    background-color: #fafcfe;
}

.cabecalho3{
    color: #37526B;
    background-color: #fbfcfe;
}

.cabecalho4{
    color: #37526B;
    background-color: #fcfdfe;
}

.rodapeTabela{
    color: #37526B;
    background-color: #e2ecf2;
    font-weight:normal;
    text-align: left;
}

.textoEsquerda{
    text-align: left;
}

.textoDireita{
    text-align: right;
}

.textoCentro{
    text-align: center;
}

.linhaDestaqueOn {
    color: #666666;
    background-color: #feffdd;
}

.linhaDestaqueOff {
    color: #666666;
    background-color: #FFFFFF;
}


.menuFlutuante
{
    border:1px solid #a6c3d4;
    background-color: #fff;
    position:absolute;
    
}

/*
   //////////////////////////////////
  // Janelas Flutuantes           //
 //////////////////////////////////
*/
.Janela
{
    background-color: #98b4d8;
    margin:4px;
}



.JanelaTitulo
{
    font-weight:bold;
    /*background-color: #4d91d6;
    background-image: url(extjs/images/aero/grid/grid-hrow.gif);*/
    
}
.JanelaTitulo2
{
    font-weight:bold;
    background-color: #4d91d6;
    background-image: url(imagens/grid-hrow.gif);
    height:26px;
}
.JanelaBody
{
    background-position: left bottom;
    background-image: url(imagens/janela.fundo.body.png);
    background-repeat: repeat-y;
    background-color: #fff;
}

.btnJanela
{
    margin:3px;
    cursor:pointer;
}

#with  {background-color: red;}
#without {background-color: red;}

/*
   //////////////////////////////////
  // Tabs                         //
 //////////////////////////////////
*/
.TabBody
{
    width: 100%; 
    height: 20px;
    margin-bottom:4px;
}

.TabCantoEsq
{
    border:1px solid #62a1d0;
    border-width:0px 1px 1px 0px;
}

.TabCantoDir
{
    border:1px solid #62a1d0;
    border-width:0px 0px 1px 0px;
    width:100%;
}

.TabSelecionada
{
    border: 1px solid #62a1d0;
    border-width: 1px 1px 0px 0px;
    background-position: left top;
    background-image: url(imagens/tab.fundo.png);
    background-repeat: repeat-x;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    
}

strong
{
    font-weight:bold;
}

.TabNaoSelecionada
{
    border:1px solid #62a1d0;
    border-width:1px 1px 1px 0px;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}


.sortList
{
    list-style:none;
    margin:0px;
    padding:0px;
}

/*
   //////////////////////////////////
  // INDEX                        //
 //////////////////////////////////
*/

.tituloModulo{
    font-weight:bold;
    font-size:18px;
    color:#517da4 !important;
}


botaoModulo{
    width:305px;
    height:75px;
}

.moduloBtnBG{
    background-image:url(imagens/btn.modulo.jpg);
    background-repeat:no-repeat;
    background-position:center;
    width:205px;
    height:75px;
    text-align:left;
    border:0px solid #000;
    float:left;
}

.moduloBtnBG .descricaoModulo{
    padding-left:20px;
    color:#FFFFFF;
    font-size:18px;
    border:0px solid #000;
}

/*
   //////////////////////////////////
  // Configurador                 //
 //////////////////////////////////
*/
.tabLst{
    margin:0px;
    margin-bottom:0px;
}

.tab{
    border-color:#797790;
    border-style:solid;
    border-width:0px 0px 0px 0px;
    padding:3px;
    display:block;
}

.tab_ativa{
    border-color:#797790;
    border-style:solid;
    border-width:1px 0px 1px 1px;

    font-weight:bold;
    padding: 3px 3px 3px 6px;
    display:block;
    
    background-position: left top;
    background-image: url(imagens/tab.fundo.png);
    background-repeat: repeat-x;
}

.tituloBody{
    background-color:#e0ecff;
    width:100%;
}

.corpoTabs{
    /*background-color:#bed9f3;*/
    border:0px solid #797790;
    border-top-width:1px;
    padding-top:4px;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:4px;
    margin:0px;
    margin-left:-1px;
    width:99%;
    
    z-index:99px;
}

.ConfigTabBody
{
    background-repeat: repeat-y;
    background-image: url(imagens/fundo_colunas.png);
}


/*
CALENDARIO
*/
.calendario {
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width:100%;
    border:1px solid #a6c3d4;
}
.header{
/*  background-color: #D0D1E3;*/
    height: 24px;
    text-align: center;
    font-weight: bold;
    font-variant: small-caps;
    background-color: #e2ecf2;
}
.vazio{
    padding: 2px;
    /*background-color: #F3F7FC;*/
}
/* Dias da semana */
.diaSemana{
    color:#000000;
/*  background-color: #EAEAFF;*/
    background-color: #f2f5fa;
    padding: 2px;
    text-align:right;
    cursor:pointer;
}
.diaSemanaOver{
    color: #000000;
    background-color: #87A4C7;
    cursor: hand;
    text-align:right;
    padding: 2px;
}
.diaSemanaDown{
    color:#000000;
    background-color: #87A4C7;
    cursor:hand;
    text-align:right;
    padding: 2px; 
}
.numero {
    padding: 2px; 
    background-color: #C7C7E2;
    color:#000000;
    display: block;
    text-align: right;
    font-weight: bold;
}
/* Sabados */
.diaSabado{
    margin-right:  1px;
    margin-bottom: 1px;
    color:#000000;
    background-color: #e3e8f2;
    padding: 2px;
    text-align:right;
}
.numeroSabado {
    padding: 2px; 
    background-color: #C7C7E2;
    color:#000000;
    display: block;
    text-align: right;
    font-weight: bold;
}
/* Domingos */
.diaDomingo{
    margin-right:  1px;
    margin-bottom: 1px;
    background-color: #e3e8f2;
    padding: 2px;
    margin: 2px;
    color: #FF0000;
    text-align:right;
}
.numeroDomingo {
    padding: 2px; 
    background-color: #C7C7E2;
    color:#FF0000;
    display: block;
    text-align: right;
    font-weight: bold;
}
/* Layers */
.layerMes{
    cursor:hand;
    text-align: center;
    color: #000000;
    padding: 2px;
    margin: 1px;
    width: 80px;
    height: 15px;
    display: block;
}
.layerMesOver{
    cursor:hand;
    text-align: center;
    color: #000000;
    padding: 2px;
    width: 80px;
    height: 15px;
    display: block;

    margin: 0px;
    border-top:    1px solid #FFFFFF;
    border-right:  1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left:   1px solid #FFFFFF;
}
.layerMeses{
    position:absolute; 
    visibility:hidden; 
    width:82px; 
    z-index:500;
    background-color:#eeeeef; 
    border: 2px solid;
    border-color: #f7faff #99a #99a #f7faff;
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menuMeses{
    height: 17px;
    cursor: hand;
    display: block;
}
.menuMesesOver{
    height: 17px;
    cursor: hand;
    background-color: #87A4C7;
    display: block;
}

.menu-title{
  color:#15428b;
  font:bold 10px tahoma,arial,verdana,sans-serif;
  display:block;
  padding:3px;
  margin:0px;
}

/**
 * About
 */
.about-content p {
	font-size: 11px !important;
	margin: 0 0 7px 0 !important;
}

.about-content p.about-line {
    padding-bottom: 10px !important;
    margin-bottom: 11px !important;
    border-bottom: 2px solid #95a4b7;
}

.about-content b, .about-content h4 { font-weight: bold !important; }

.about-content h4 {
	font-size: 12px;
    margin-bottom: 7px;
}

.about-content a { color: #0075ff; }

/*
TOOLTIPS
*/
/* Prototip.css */

.tooltip { width: 150px; color: #fff;}
.tooltip .title { background: #0F6788; font: italic 17px Georgia, serif; padding: 5px;}
.tooltip .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.pinktip { border: 5px solid #a1a1a1; }
.pinktip .title { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; padding: 5px; }
.pinktip .content { background: #fff; color: #555555; padding: 5px; }

/* Effects like 'blind' go a little bit better when 
   there is no border on the tooltip itself.
   Put the borders on .title and .content instead,
   here's how to do that: */
.darktip { width: 200px; }
.darktip .title, .darktip .content { border: 5px solid #999999; padding: 5px; }
.darktip .title { border-bottom: none; background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.darktip .content { border-top: none; background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; }


/* GENERICOS (ESPECIALMENTE TABELAS */

.capitalize, .capitalize * { text-transform: capitalize; }
.uppercase, .uppercase * { text-transform: uppercase; }
.center, .center * { text-align: center; }
.right, .right * { text-align: right; }

/* HELP */

.tblHelp {
    width: 100%;
    background-color: #82a0c7;
}
.thHelp, .tdHelp {
    background-color: #fff;
    padding: 5px 6px;
}
.thHelp {
    font-weight: bold;
    background-color: #e8eff7;
    border-top: 1px solid #fff;
}

/* CONSULTA DE FREQUÊNCIA DO ALUNO */

table.consulta_frequencia * {
    color: #37526B;
    font-size: 11px;
}

table.consulta_frequencia {
    width: 100%;
    border-collapse: collapse;
}

table.consulta_frequencia th,
table.consulta_frequencia td {
    border: 2px solid #CBD9EB;
}

table.consulta_frequencia tr.h1 th {
    background-color: #D5E4F5;
    font-weight: bold;
    padding: 8px 0 4px 0;
}

table.consulta_frequencia tr.h2 th,
table.consulta_frequencia tr.h2 td {
    background-color: #CBD9EB;
    font-weight: bold;
}

table.consulta_frequencia tr.h3 th {
    min-width: 105px;
    background-color: #E7EDF5;
    font-weight: bold;
}

table.consulta_frequencia .data {
    width: 100px;
}

table.consulta_frequencia .total {
    width: 170px;
}

table.consulta_frequencia .help {
    float: right;
    font-size: 0.9em;
    font-style: italic;
}

table.consulta_frequencia .trigger_collapse {
    font-family: monospace;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
}
    
table.consulta_frequencia .hidden {
    display: none;
}

/* FIM DA CONSULTA DE FREQUÊNCIA DO ALUNO */

/* INFORMAÇÕES DA MATRÍCULA (DISCIPLINAS E PARCELAS) */

table.info_matricula * {
    color: #37526B;
    font-size: 11px;
}

table.info_matricula {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 8px 0;
}

table.info_matricula tr.h1 th {
    background-color: #D5E4F5;
    font-weight: bold;
    padding: 8px 4px 4px 4px;
}

table.info_matricula tr td {
    padding: 4px 4px 0px 4px;
}

table.info_matricula tr.odd  {background-color: #F5FAFF;}
table.info_matricula tr.even {background-color: #FFFFFF;}

/* FIM DAS INFORMAÇÕES DA MATRÍCULA */

/*//
/// transforma o mask de um element minimalista
*/
.minimalist-mask-spinner-icon {
    left: 50% !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border-style: none !important;
    border-width: 0px !important;
    margin: 0px 0px 0px -26px !important;
    padding: 0px !important;
    width: 16px !important;
    height: 16px !important;
}

.minimalist-mask-spinner-icon > div {
    background-color: rgba(0, 0, 0, 0) !important;
    background-position: center center !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border-style: none !important;
    border-width: 0px !important;
    cursor: default !important;
    margin: 0px !important;
    padding: 0px !important;
    width: 16px !important;
    height: 16px !important;
}