/*************************************************/
/* LAYOUT BASE                                   */
/*************************************************/
body
{
    height: 100%;
    margin: 0;
    padding: 0;
    color: #525252;
    background: #ECECE9;
    font-family: Tahoma, Sans-Serif;
    font-size: 12px;
}
form
{
    margin: 0;
    padding: 0;
}
div#contentor
{
    margin: 0 auto; /* Centra horizontalmente o div "contentor". */
    width: 960px;
    background: white;
    border-left: solid 16px #595950;
    border-right: solid 16px #595950;
}
div#cabecalho
{
    height: 110px;
    background-color: #595950;
    border-top: solid 1px #595950; /* Resolve o conflito com a margem de topo do div "menuFundo" (Firefox). */
}
div#conteudo
{
    padding: 14px;
    overflow: auto; /* Força a expansão do div "conteudo" quando este contém elementos "float". */
}
* html div#conteudo
{
    /* Força a expansão do div "conteudo" quando este contém elementos "float" (IE6). */ /* Mais informações em: http://www.positioniseverything.net/articles/haslayout.html */
    zoom: 1;
}
div#rodape
{
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    color: #C9C9C9;
    background: #595950;
    font-size: 0.9em;
}
@media print
{
    body
    {
        display: none; /* Inibe a impressão. */
    }
}

/*************************************************/
/* LINKS COMO BOTÕES                             */
/*************************************************/
a.linkBotao:link, a.linkBotao:visited
{
    background-color: #989890;
    border: 2px #989890 outset;
    padding: 1px 4px;
    color: #e8e5d5;
    text-decoration: none;
    font: bold 10px Verdana;
}
a.linkBotao:hover
{
    color: #595950;
    border-style: inset;
    padding: 2px 3px 0 5px; /* Desloca o texto do botão 1px para a direita e para baixo */
}
a.linkBotao:active
{
    color: #595950;
}

/*************************************************/
/* MENU (via CSS Friendly Control Adapters)      */
/*************************************************/
#areaMenu
{
    margin-top: 32px;
    margin-left: 220px;
    padding-top: 4px;
    padding-left: 10px;
    background-color: #858376;
    border-bottom: solid 6px #706F63; /*border: solid 2px red;*/
}

/* Menus (todos os níveis). */
.MenuBase ul
{
    /*border: solid 2px navy;*/
}

/* Menus (só do primeiro nível). */
.MenuBase .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 99%; /* Para acomodar horizontalmente todos os itens do menu de primeiro nível. */
    display: inline-block; /* Para estender verticalmente o div "areaMenu" (Firefox 3.x). */
    display: -moz-inline-block; /* Para estender verticalmente o div "areaMenu" (Firefox 2.x). */
    min-height: 1%; /*border: solid 2px yellow;*/
}

/* Menus (todos os níveis EXCEPTO o primeiro). */
.MenuBase .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 0;
    top: 100%; /*border: solid 2px maroon;*/
}

/* Itens dos menus (todos os níveis). */
.MenuBase ul.AspNet-Menu li
{
    width: 9.5em;
    text-align: left;
    font-weight: bold;
    margin-right: 4px;
    background: #595950 url(menu/menu_fundo.gif) repeat-x; /*border: solid 2px yellow;*/
}

/* Itens do menu (nível 2). */
.MenuBase .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    width: 16em; /*border: solid 2px aqua;*/
}

/* Itens dos menus (COM sub-itens). */
.MenuBase ul.AspNet-Menu li a, .MenuBase ul.AspNet-Menu li span
{
    color: #F2E8D1;
    padding: 4px 2px 4px 8px;
    border-bottom: 0;
    background: transparent url(menu/seta_dir.gif) right center no-repeat; /*border: solid 2px green;*/
}

/* Itens dos menus (SEM sub-itens). */
.MenuBase ul.AspNet-Menu li.AspNet-Menu-Leaf a, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Item do menu na posição do rato. */
.MenuBase ul.AspNet-Menu li:hover, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: url(menu/menu_fundo_hover.gif) repeat-x; /*border: solid 2px teal;*/
}

/* Links do menu na posição do rato (todos os níveis). */
.MenuBase ul.AspNet-Menu li:hover a, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Hover a
{
    /*color: #CFB474;*/
}

/* Links do menu na posição do rato (todos os níveis EXCEPTO o primeiro). */
.MenuBase ul.AspNet-Menu li:hover ul a, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Hover ul a
{
    /*color: lime;*/
}

/* Link do item do menu na posição do rato (todos os níveis). */
.MenuBase ul.AspNet-Menu li:hover a, .MenuBase ul.AspNet-Menu li:hover span, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Hover a, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Hover span, .MenuBase ul.AspNet-Menu li:hover li:hover a, .MenuBase ul.AspNet-Menu li:hover li:hover span
{
    /*color: #CFB474;*/
}

/* Link do item do menu na posição do rato (todos os níveis EXCEPTO o primeiro). */
.MenuBase ul.AspNet-Menu li:hover ul a, .MenuBase ul.AspNet-Menu li:hover ul span, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .MenuBase ul.AspNet-Menu li:hover li:hover ul a, .MenuBase ul.AspNet-Menu li:hover li:hover ul span, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .MenuBase ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    /*color: black;*/
}

/* Link do item do menu na posição do rato (SEM sub-itens). */
.MenuBase ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    color: #CFB474;
}

/*************************************************/
/* MENU ADM. (via CSS Friendly Control Adapters) */
/*************************************************/
/* Menus (só do primeiro nível). */
.MenuAdmin .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 10em;
    margin-right: 16px;
    display: inline-block; /* Para estender verticalmente o div "areaMenu" (Firefox 3.x). */
    display: -moz-inline-block; /* Para estender verticalmente o div "areaMenu" (Firefox 2.x). */ /*border: solid 2px red;*/
}

/* Itens dos menus (todos os níveis). */
.MenuAdmin ul.AspNet-Menu li
{
    background-color: #E8E5D5;
    border-left: solid 0.5em #F6F4EE;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 2px 3px 2px;
}

/* Item do menu na posição do rato. */
.MenuAdmin ul.AspNet-Menu li:hover, .MenuAdmin ul.AspNet-Menu li.AspNet-Menu-Hover
{
    border-left: solid 0.5em #595950;
    background-color: #DFD8B5;
}

/* Links do menu. */
.MenuAdmin ul.AspNet-Menu li a
{
    color: #595950;
}

/* Links do menu na posição do rato. */
.MenuAdmin ul.AspNet-Menu li:hover a, .MenuAdmin ul.AspNet-Menu li.AspNet-Menu-Hover a
{
    text-decoration: underline;
}

/*************************************************/
/* TREEVIEWS (via CSS Friendly Control Adapters) */
/*************************************************/
.TreeBase div.AspNet-TreeView ul li
{
    white-space: nowrap;
    padding: 0;
    font-family: Verdana, Sans-Serif;
    font-size: 8pt; /*border: solid 2px green;*/
}

.TreeBase div.AspNet-TreeView ul li img
{
    /*border: none;*/ /*margin: 0 2px 0 0;*/
}

.TreeBase div.AspNet-TreeView li a
{
}

/* Nodos (do primeiro nível). */
.TreeBase div.AspNet-TreeView li.AspNet-TreeView-Root
{
    line-height: 16px;
}

/* Nodos (do segundo nível). */
.TreeBase div.AspNet-TreeView ul ul
{
    margin: 2px 0 2px 12px;
}

.TreeBase div.AspNet-TreeView li.AspNet-TreeView-Parent
{
}

/* Nodo (sem sub-nodos). */
.TreeBase div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    background: url(treeview/elemento.gif) 0 center no-repeat;
    margin-left: 5px;
    padding-left: 12px;
    line-height: 18px; /*border: solid 2px gray;*/
}

.TreeBase div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
{
    /*cursor: pointer;*/
}

/* Indicador de expansão de nodos. */
.TreeBase div.AspNet-TreeView .AspNet-TreeView-Expand
{
    background: url(treeview/expandir.gif) 0 center no-repeat;
    width: 10px;
    margin-right: 5px;
    float: left;
    cursor: pointer; /*border: solid 2px maroon;*/
}

/* Indicador de contracção de nodos. */
.TreeBase div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    background: url(treeview/contrair.gif) 0 center no-repeat;
    width: 10px;
    margin-right: 5px;
    float: left;
    cursor: pointer; /*border: solid 2px red;*/
}

/* Links dos nodos. */
.TreeBase div.AspNet-TreeView a, .TreeBase div.AspNet-TreeView a:visited, .TreeBase div.AspNet-TreeView a:active, .TreeBase div.AspNet-TreeView a:hover, .TreeBase div.AspNet-TreeView a:link
{
    color: Black;
    text-decoration: none;
}

/* Link do nodo seleccionado. */
.TreeBase div.AspNet-TreeView .AspNet-TreeView-Selected a
{
    font-weight: bold !important;
    color: #E8DEC8 !important;
    background-color: #858376;
    padding: 2px 0 2px 0; /*border: solid 2px navy;*/
}

/* Links dos nodos abaixo do nodo seleccionado. */
.TreeBase div.AspNet-TreeView .AspNet-TreeView-Selected ul a
{
    font-weight: normal !important;
    color: black !important;
    background-color: Transparent; /*border: none;*/
}

/*************************************************/
/* CALENDÁRIO                                    */
/*************************************************/
.calendario
{
    border-color: Black;
}
.calDiaUtil
{
    background-color: White;
}
.calDiaFDS
{
    background-color: Maroon;
}
.calDiaFeriado
{
    background-color: #AB0000;
}
.calDiaActual
{
    color: #59596A;
    font-weight: bold;
    font-style: italic;
}
.calDiaSel
{
    background-color: #595951 !important;
    font-weight: bold;
}
.calDiaPassado
{
    background-color: #D3D3D3;
}
.calDiaPassadoFDS
{
    background-color: #BCBCBC;
}
.calDiaCompleto
{
    background-color: Blue;
}
.calDiaIndisp
{
    background-color: Maroon;
}
.calDiaOutroMes
{
    background-color: #E0E0E0;
}
.calTitulo
{
    color: White;
    font-weight: bold;
}
.calDiaCab
{
    background-color: #E8E5D5;
    font-weight: bold;
    font-size: 7pt;
    color: #595950;
}

/*************************************************/
/* CABEÇALHO DA REQUISIÇÃO                       */
/*************************************************/
.cabReq
{
    color: #595950;
    background-color: #E8E5D5;
    padding: 4px;
    font-size: 8pt;
}
.cabReqUtente
{
    font-size: 14pt;
    font-weight: bold;
}
.cabReqDestaque
{
    font-size: 1.1em;
    font-weight: bold;
}

/*************************************************/
/* SELECÇÃO DE EXAMES                            */
/*************************************************/
.colExec
{
    width: 100px;
    float: left;
}
.colExamSel
{
    width: 180px;
    float: right;
}
.colCen
{
    width: 636px;
    float: left;
    margin-left: 8px;
}
.colCenClear
{
    clear: both;
    height: 4px;
    font-size: 0; /* Necessário para o IE6. */
}
.colCenFundo
{
    overflow: auto; /* Força a expansão do div quando este contém elementos "float". */
}
* html .colCenFundo
{
    /* Força a expansão do div quando este contém elementos "float" (IE6). */ /* Mais informações em: http://www.positioniseverything.net/articles/haslayout.html */
    zoom: 1;
}
.colSect
{
    width: 328px;
    float: left;
    margin-right: 8px;
}
.colPerf
{
    width: 300px;
    float: left;
}
.colExam
{
    width: 328px;
    float: left;
    margin-right: 8px;
}
.colProd
{
    width: 146px;
    float: left;
    margin-right: 8px;
}
.colColh
{
    width: 146px;
    float: left;
}
.examSel
{
    width: 178px;
    height: 360px;
    margin-bottom: 2px;
    border: solid 1px black;
    overflow: auto;
    overflow-x: hidden; /* Inibe o aparecimento da scrollbar horizontal (IE). */
}
.precoExames
{
    font-size: 8pt;
    float: left;
}

/*************************************************/
/* TABELAS                                       */
/*************************************************/
table.tabela
{
    border: solid 1px #595950;
    border-spacing: 1px; /* Como o IE tem problemas (quem diria???) com a propriedade "border-spacing", a tabela deve manter o atributo "cellspacing = '1'". */
    border-collapse: separate !important;
    width: 100%;
}
table.tabela th
{
    border-style: none;
    border-width: 0px;
    color: #FFFFFF;
    background-color: #595950;
}
table.tabela td
{
    border-style: none;
    border-width: 0px;
    padding: 2px;
}
table.tabela tr
{
    color: Black;
    background-color: #E8E5D5;
    height: 28px;
}
table.tabela tr.linhaSel
{
    background-color: #D2CCAD;
}
table.tabela tr.linhaSelElim
{
    /*color: #FFFFFF;
    background-color: #8B0000;*/
    color: #8B0000;
    font-weight: bold;
    text-decoration: line-through;
}
table.tabela .rodape td
{
    background-color: #C6C3C6;
}
table.tabelaExames
{
    border-style: none;
    border-width: 0;
}
table.tabelaExames tr
{
    background-color: #F6F4EE;
}
table.tabelaFilas
{
    border-style: none;
    border-width: 0;
    border-collapse: collapse !important;
    font-size: 0.9em;
}
table.tabelaAgendas
{
    border-collapse: collapse;
    font-size: 12px;
}
table.tabelaAgendas caption
{
    font-weight: bold;
    margin-bottom: 2px;
}
table.tabelaFilas tr, table.tabelaFilas tr a
{
    color: #525252;
    background-color: #F6F4EE;
}
table.tabelaFilas tr.linhaAlt, table.tabelaFilas tr.linhaAlt a
{
    color: #525252;
    background-color: #EDEBE4;
}
table.tabelaChamadas
{
    border-collapse: collapse !important;
    font-size: 0.9em;
}
table.tabelaChamadas caption
{
    margin-bottom: 2px;
    font-size: 1.3em;
}

/*************************************************/
/* DESTAQUE DE LINHAS/COLUNAS DE TABELAS         */
/*************************************************/
table.destaqueLin tr:hover td, table.destaqueLin .destTR td
{
    color: #FFFFFF;
    cursor: pointer;
    background-color: #78786D;
}
table.destaqueLin td.destaqueCol
{
    padding-left: 20px; /*!important;*/
    font-weight: bold;
    background-image: url(../images/tab_sel_linha.gif);
    background-position: 1px center;
    background-repeat: no-repeat;
}
table.destaqueLin tr:hover td.destaqueCol, table.destaqueLin .destTR td.destaqueCol
{
    background: #78786D url(../images/tab_sel_linha_dest.gif) left center no-repeat;
    background-position: 1px;
}

/*************************************************/
/* CHAMADAS DE UTENTES                           */
/*************************************************/
.ultimaChamada
{
    display: block;
    color: #FFFFFF;
    background-color: #3D3D3D;
    border-style: inset;
    border-width: thin;
    height: 22px;
    line-height: 22px;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    margin-bottom: 10px;
}
.chamadaActual
{
    display: block;
    color: #FFFFFF;
    border-style: inset;
    border-width: thin;
    height: 60px;
    line-height: 60px;
    font-size: 24pt;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    margin-bottom: 10px;
}
.chamadaActualIndefinida
{
    background-color: #B7B5B5;
}
.chamadaActualPorConcluir
{
    background-color: #990413;
}
.chamadaActualConcluida
{
    background-color: #21630B;
}

/*************************************************/
/* OUTROS ESTILOS                                */
/*************************************************/
input, textarea, select
{
    font-size: 12px;
}
input.botao
{
    font-size: 14px;
}
.tituloPagina
{
    font-size: 14pt;
    font-weight: bold;
}
p.titulo, span.titulo
{
    background-color: #E8E5D5;
    font-weight: bold;
    margin: 0px;
    height: 25px;
    line-height: 2em;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
}
.logotipo
{
    width: 210px;
    height: 110px;
    float: left;
}
.textoRodape
{
    font-size: 0.9em;
    color: #c9c9c9;
}
.msgInfo
{
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
}
.msgErro
{
    color: Red;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
}
.checkSel
{
}
.filtroPesquisa
{
    float: left;
    margin-right: 6px;
}
.filtroPesquisa span
{
    font-weight: bold;
    display: block;
}
.filtroPesquisa input, select
{
    margin-top: 2px;
}
.faq-pergunta
{
    font-weight: bold;
    cursor: pointer;
}
.faq-resposta
{
    padding: 10px;
    background-color: #f6f4ee;
}
img.erro-envio-sis-ext {
    cursor: pointer;
}
.inqueritoTitulo {
    color: #595950;
    background-color: #E8E5D5;
    font-weight: bold;
    font-size: 18px;
    display: block;
    padding: 4px;
    margin-bottom: 8px;
}

/*************************************************/
/* TOOLTIPS                                      */
/*************************************************/
#tooltip
{
    position: absolute;
    z-index: 19999;
    background-color: #FFFFCC;
    border: 1px solid #DECA7E;
    padding: 5px;
}
#tooltip h3
{
    font-family: Tahoma, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}
#tooltip.branca
{
    background-color: White;
    border: 3px solid #777777;
}

/*************************************************/
/* CAMPO DE FORMULÁRIO (ALINHADO VERTICALMENTE)  */
/*************************************************/
div.campoForm
{
    padding: 5px;
    padding: 3px 5px 3px 5px; /*border: solid 2px gray;*/
}
div.campoForm input, div.campoForm select
{
    vertical-align: middle;
}
div.campoForm label, div.campoForm span
{
    vertical-align: middle;
    display: inline-block; /* Necessário para poder definir a largura de elementos label e span. */ /*border: solid 1px red;*/
}
div.campoForm label, div.campoForm span, x:-moz-any-link
{
    display: -moz-inline-box; /* Necessário para poder definir a largura de elementos label e span (Firefox 2.x). */
}
div.campoForm label.formIdent, div.campoForm span.formIdent /* Título do formulário de identificação de utentes. */
{
    width: 4.5em;
}
div.campoForm label.formCfg, div.campoForm span.formCfg /* Título do formulário de configuração da aplicação. */
{
    width: 18.5em;
}

/*************************************************/
/* LOADMASK                                      */
/*************************************************/
.loadmask
{
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0.75;
    opacity: 0.60;
    filter: alpha(opacity=60);
    background-color: black;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg
{
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #3e3e36;
    background: #595950;
    padding: 2px;
}
.loadmask-msg div
{
    padding: 10px 10px 10px 30px;
    background: #fbfbfb url('../images/ajax-loader.gif') no-repeat 8px 9px;
    border: 1px solid #848475;
    color: #525252;
    font: bold 12px Tahoma, Sans-Serif;
    cursor: wait;
}
.masked
{
    overflow: hidden !important;
}
.masked-relative
{
    position: relative !important;
}
.masked-hidden
{
    visibility: hidden !important;
}












/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
/* ESTILOS PARA CONFIRMAR!!!                                                      */
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
td.celulaTitulo
{
    color: #595950;
    background-color: #E8E5D5;
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
}

td.celulaTituloSemMargem
{
    color: #595950;
    background-color: #E8E5D5;
    font-weight: bold;
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
}

span.urgente
{
    font-weight: bold;
    color: #990000;
}

span.normal
{
    font-weight: normal;
}



/*************************************************/
/* CSS PARA O CASO DO CLIENTE PRIORITARIO        */
/*************************************************/
.MarcacaoPrioritaria
{
    color: White;
    background-color: red;
    font-weight: bold;
}

.MarcacaoNormal
{
    color: #525252;
    font-weight: normal;
}
/*************************************************/
#ImagemUtilizador
{
    border: solid 1px #595950;
    width: 144px;
    height: 144px;
}
.FileUpload
{
    position: relative;
    text-align: left;
    width: 355px;
    z-index: 2;
}