/* 
    Document   : tabelas.css
    Created on : 18/Jan/2011, 9:42:50
    Author     : jose
    Description:
        Purpose of the stylesheet follows.
*/

html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
    background-image: url('/imagens/barra_bg.png');
    background-repeat: repeat-x repeat-y;
    background-position: left top;
}

root { 
    display: block;
}


/* alterar look dos formularios */
input
{
    background-color: #fafafa;    
    border: 1px solid #c1c1c1;
    height: 25px;
} 
textarea {
    background-color: #fafafa;
    border: 1px solid #c1c1c1;
}
select {
    background-color: #fafafa;    
    border: 1px solid #c1c1c1;
    height: 20px;
}

.logotipo {
    background: #ffffff url('/imagens/logo_omnidoc.gif');
    opacity: 0.35;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

body,p,blockquote,li,th,td {
    font-size: 10pt;
}

/* antes

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; margin-top: 0.5em; margin-bottom: 0.5em; }
h3 { font-size: 1.0em; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; }
*/
h1 {
    font-weight: bold;
    font-family: Arial, Courier,Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
h2 {
    font-weight: normal;
    font-family: Arial, Courier,Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    margin-top: 0em;
    margin-bottom: 0em;
}
h3 {
    font-weight: normal;
    font-family: Arial, Courier,Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    margin-top: 0em;
    margin-bottom: 0em;
}
h4 {
    font-weight: normal;
    font-family: Arial, Courier,Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    margin-top: 0em;
    margin-bottom: 0em;
}

code {
    font-size: 1.1em;
}

#centrar {
    position:absolute;
    left:50%;
    top:50%;
}

p.atencao {
    font-family: Arial, Courier,Helvetica, Arial, sans-serif;
    font-size: 1.2em;
}

.alerta {
    color: red;
    font-weight: bold;
}


p,blockquote,pre,ul,ol,dl,table {
    margin-top: 0px;
    margin-bottom: 1em;
}

h1.novidade {
    font-family: Arial, Courier,Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: underline;
    color: #656565;
}
h3.novidade {
    font-family: Arial, Courier,Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    color: #656565;
}

p.novidade {
    font-family: Arial, Courier,Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    color: #656565;  
    line-height: 140%;
}

#em_edicao {
    color: #000000;
    background-color: #FFC926;
}

.visibleDiv, #topLeft, #topRight, #bottomLeft, #bottomRight
{
    position: fixed;
    /* width: 150px;*/
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    /* background: #ece6dc;*/
    /* background: #28fccd;*/
    background: #d11e00;
    text-align: left;
}


#loading1 {
	width: 200px;
	height: 100px;
	background-color: #c0c0c0;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -100px;
	text-align: center;
}

#load1{
    position:absolute;
    z-index:1;
    border:3px double #999;
    background:#f7f7f7;
    width:300px;
    height:300px;
    margin-top:-150px;
    margin-left:-150px;
    top:50%;
    left:50%;
    text-align:center;
    line-height:300px;
    font-family:"Trebuchet MS", verdana, arial,tahoma;
    font-size:18pt;
}

div.loading-invisible{
    /*make invisible*/
    display:none;
}

/*this is what we want the div to look like when it IS showing*/
div.loading-visible{
    /*make visible*/
    display:block;
    /*position it 200px down the screen*/
    position:absolute;
    top:30%;
    left:30%;
    width:400px;
    height:120px;
    text-align:center;
    font-size:12pt;
    vertical-align: middle;
    /*in supporting browsers, make it a little transparent*/
    background:#fff;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
    -moz-opacity: 0.75;       /* mozilla, netscape */
    opacity: 0.75;           /* fx, safari, opera */
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
}


#topLeft
{
    top: 1px;
    left: 1px;
}

#topRight
{
    top: 10px;
    right: 10px;
}

#bottomLeft
{
    bottom: 10px;
    left: 10px;
}

#bottomRight
{
    bottom: 10px;
    right: 10px;
}

/* tabela para apresentar dados */

table.tabela_consulta {
    border: 1px solid #B0CBEF;
    border-width: 1px 0px 0px 1px;
    font-size: 11pt;
    border-spacing: 0px;
    border-collapse: collapse;
    font-family: Courier, Verdana,'Trebuchet MS', Courier,Helvetica, Arial, sans-serif;
		padding-left: 10px;
}
table.tabela_consulta th {
    background-color: #f2efef;
    font-weight: normal;
    border: 1px solid #9EB6CE;
    border-width: 0px 1px 1px 0px;
    font-size: 1.1em;
}
table.tabela_consulta th.titulo {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}
table.tabela_consulta th.sem_fundo {
    background-color: #FFFFFF;
}
table.tabela_consulta th.esquerda {
    text-align: left;
}
table.tabela_consulta th.direita {
    text-align: right;
}
table.tabela_consulta td {
    border: 0px;
    background-color: white;
    padding: 0px 2px 0px 0px;
    border: 1px solid #D0D7E5;
    border-width: 0px 1px 1px 0px;
    font-size: 1.0em;        
    text-align: left;
}
table.tabela_consulta td.direita {
    text-align: right;
}
table.tabela_consulta td.esquerda {
    text-align: left;
}
table.tabela_consulta td.centro {
    text-align: center;
}
table.tabela_consulta tr.destaque {
    background-color: #b8bcbf;
}
table.tabela_consulta tr.em_edicao {
    color: #000000;
    background-color: #FFC926;
}
table.tabela_consulta td.em_edicao {
    text-decoration: blink;
}
table.tabela_consulta td.ocupado {
    background-color: #f0f0f0;
		color: #323232;
    font-size: 1.0em;
    font-weight: normal;
    text-align: center;
}
table.tabela_consulta td.livre {
    background-color: #FFFFFF;
    font-size: 1.0em;
    font-weight: normal;
    text-align: center;
}
table.tabela_consulta td.destaque {
    background-color: #b8bcbf;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
}
table.tabela_consulta td.feriado {
    background-color: #99FF00;
    font-weight: bold;
    text-align: center;
}
table.tabela_consulta td.diasanto {
    background-color: #CC66FF;
    font-weight: bold;
    text-align: center;
}
table.tabela_consulta td.tolerancia {
    background-color: #00CC99;
    font-weight: bold;
    text-align: center;
}
table.tabela_consulta td.separador {
    color: #000000;
    background-color: #f2efef;
    width: 5px;    
}
table.tabela_consulta td.com_fundo {
    background-color: #f2efef;
}
table.tabela_consulta td.sem_fundo {
    background-color: #FFFFFF;
}
table.tabela_consulta td.tam12 {
    font-size: 12px;
}
table.tabela_consulta td.aula {
    background-color: #CCFFCC;
    color: #000000;
    font-size: 12px;
}
table.tabela_consulta td.reserva {
    background-color: #99CCFF;
    color: #000000;
    font-size: 12px;
}
table.tabela_consulta td.reserva_pendente {
    background-color: #FF6600;
    color: #000000;
    font-size: 12px;
}


table.tabela_consulta tr.separador {
    color: #000000;
    background-color: #f2efef;
    width: 5px;    
}
table.tabela_consulta tr.par td {
    background-color: #fafafa;
}

table.tabela_consulta td.campo {
    text-align: right;
    font-family: Verdana,'Trebuchet MS', Courier,Helvetica, Arial, sans-serif;
}




/* tabela para recolher dados */

table.tabela_recolher_dados {
    /* border: 1px solid #B0CBEF;*/
    font-size: 11pt;
    border-spacing: 0px;
    border-collapse: separate;
    font-family: Verdana,'Trebuchet MS', Courier,Helvetica, Arial, sans-serif;
}
table.tabela_recolher_dados th {
    background-color: #fafafa;
    font-weight: normal;
    border-width: 0px 1px 1px 0px;
    font-size: 1.1em;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 4px 4px 20px 4px;
}
table.tabela_recolher_dados th.titulo {
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    border-bottom: 1px solid #000000;
}
table.tabela_recolher_dados td {
    background-color: white;
    padding: 0px 4px 0px 2px;
    border: 1px solid #D0D7E5;
    font-size: 0.9em;        
}
table.tabela_recolher_dados td.direita {
    text-align: right;
}
table.tabela_recolher_dados td.centro {
    text-align: center;
}
table.tabela_recolher_dados tr.destaque {
    background-color: #b8bcbf;
}
table.tabela_recolher_dados tr.em_edicao {
    color: #000000;
    background-color: #FFC926;
}
table.tabela_recolher_dados td.em_edicao {
    text-decoration: blink;
}
table.tabela_recolher_dados td.destaque {
    background-color: #b8bcbf;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
}
table.tabela_recolher_dados th.em_branco {
    background-color: #d11e00;
    color: #000000;
    text-align: left;
}
table.tabela_recolher_dados td.rodape {
    text-align: center;
    padding: 0.6em 0.3em 0.6em 0.3em;
    border-top: 2px solid #FFC926;
}

table.tabela_recolher_dados tr.par td {
    background-color: #fafafa;
}

/* tabela para filtros */

table.filtro {
    color: #000000;
    font-family: Helvetica, Verdana, 'Trebuchet MS', Courier,Helvetica, Arial, sans-serif;    
    background-color: #f5f5f5;
    padding: 0.2em 1em 0.2em 1em;
    border: 1px solid #c1c1c1;
}
table.filtro th {
    text-align: left;
    font-weight: normal;
    font-family: Verdana, 'Trebuchet MS', Courier,Helvetica, Arial, sans-serif;    
    font-size: 1.2em;
    border-bottom: 1px solid #c1c1c1;
    padding: 0.2em 0.2em 0.2em 0.2em;
}
table.filtro th.em_branco {
    background-color: #d11e00;
    text-align: left;
    padding: 0.6em 0.6em 0.6em 0.6em;
}
table.filtro td {
    text-align: left;
    font-size: 1.0em;
    font-family: Arial,Helvetica, 'Trebuchet MS', Courier, Arial, sans-serif;    
    vertical-align: middle;
}
table.filtro td.direita {
    text-align: right;
}
table.filtro td.centro {
    text-align: center;
}
table.filtro td.rodape {
    text-align: center;
    padding: 0.6em 0.3em 0.6em 0.3em;
    border-top: 1px solid #c1c1c1;
}
