BODY
{
    SCROLLBAR-FACE-COLOR: #fff;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #ccc;
    SCROLLBAR-ARROW-COLOR: #cc6600;
    SCROLLBAR-TRACK-COLOR: #ccc;
    SCROLLBAR-DARKSHADOW-COLOR: #ccc
}
BODY
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: justify
}
SELECT
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
A
{
    COLOR: #00699b;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #999999;
    TEXT-DECORATION: underline
}
.destaque
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #3f6594
}
.destaque2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: gray
}
.destaque3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black
}
.destaque4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black
}

.cabecalho
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: black
}
.tabela_rel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #00699b
}
.tabela_rel2
{
    FONT-SIZE: 10px;
    COLOR: #00699b
}
.vermelho
{
    FONT-WEIGHT: bold;
    COLOR: #a00000
}
.vermelho2
{
    COLOR: #a00000
}
.avaliacao
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #00699b
}
.azul
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #003366
}
.azul2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #00699b
}
.azul3
{
    FONT-SIZE: 10px;
    COLOR: #00557d
}
.laranja
{
    FONT-WEIGHT: bold;
    COLOR: #cc6600
}
.verde
{
    FONT-WEIGHT: bold;
    COLOR: #336600
}
.n
{
    FONT-WEIGHT: bold
}
.cel
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px
}
.bordasimples
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER-COLLAPSE: collapse;
    TEXT-ALIGN: left
}
.calendario 
{
	float: left;
	margin-right: 6px;
}
.verticaltext
{
    FILTER: flipv fliph;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    WRITING-MODE: tb-rl
}
.agenda
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #00699b
}
.dia
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a00000
}
.historico
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #000000
}
.hist2
{
    FONT-SIZE: 10px
}
.obs
{
    FONT-SIZE: 10px;
    COLOR: #666666
}
.cinza
{
    FONT-SIZE: 8px;
    COLOR: #666666
}
.cd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ff8040
}
.brd
{
    BORDER-LEFT-COLOR: #cccccc;
    BORDER-BOTTOM-COLOR: #cccccc;
    BORDER-TOP-COLOR: #cccccc;
    BORDER-RIGHT-COLOR: #cccccc
}
.brd2
{
    BORDER-LEFT-COLOR: #aec0d2;
    BORDER-BOTTOM-COLOR: #aec0d2;
    BORDER-TOP-COLOR: #aec0d2;
    BORDER-RIGHT-COLOR: #aec0d2
}
.fundo
{
    BACKGROUND-COLOR: #f3f3f3
}
.fundo2
{
    BACKGROUND-COLOR: #e4eef3
}
.input
{
    BORDER-RIGHT: #999999 0px solid;
    BORDER-TOP: #999999 0px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #999999 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #999999 0px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff
}
INPUT
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BORDER-COLLAPSE: collapse
}
TEXTAREA
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BORDER-COLLAPSE: collapse
}
.tabela_rel_center
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #00699b;
    TEXT-ALIGN: center
}
.center
{
    TEXT-ALIGN: center
}
.left
{
    TEXT-ALIGN: left
}
.right
{
    TEXT-ALIGN: right
}
.textogrande
{
    FONT-SIZE: 14px
}
.cancelado
{
    COLOR: #a00000
}
.brd_bottom
{
    BORDER-BOTTOM: #000000 1px solid
}
.pequeno
{
    FONT-SIZE: 8px
}
.margem_nota1
{
    FONT-SIZE: 11px;
    MARGIN: 130px 60px 80px 70px
}
.margem_nota2
{
    FONT-SIZE: 11px;
    MARGIN: 170px 60px 80px 70px
}
.margem_nota3
{
    FONT-SIZE: 11px;
    MARGIN: 182px 60px 80px 70px
}
input[type="radio"]
{
    BORDER-RIGHT: #999999 0px solid;
    BORDER-TOP: #999999 0px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #999999 0px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #999999 0px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff        	
}
/* 
* class tbgph
* Esta classe deve ser utilizada para as tabelas de gráficos
*/
.tbgph
{
    border:0px;
    width:690px;
    margin:30px;
}

/* 
* definições comuns a tabela de dados e aos seus objetos dt
* 
*/

.tbdt, .tddt
{
    border-color: #00699B;
    border-style: solid;
}

/* 
* class tbdt
* Esta classe deve ser utilizada para as tabelas de dados nas páginas com gráficos, avaliação por exemplo.
*/
.tbdt
{
    width:80px;
    border: 0px
    border-spacing:0px;
    border-collapse: collapse;

}

/* 
* class tddt
* Esta classe deve ser utilizada para os objetos dt das tabelas de dados nas páginas de gráficos, notadamente de avaliação
*/
.tddt
{
    margin: 0;
    padding: 4px;
    border-width: 0;
}

/* 
* class gph
* Esta classe deve ser utilizada para as imagens que geram os gráficos
*/
.gph
{
    margin:0px;
    padding:0px;
    width:4px;
    height:10px;
}

/* 
* class dtfirst
* Esta classe deve ser utilizada para a primeira coluna com o "nome"
*/

.dtfirst

{
    width:120px;
}

/* 
* class dtsecond
* Esta classe deve ser utilizada para a segunda coluna que contém o gráfico
*/

.dtsecond

{    
    width: 500px;    
}