body { 
    background: url('../imagens/background.png');
    margin: 0;
}

img {
    border:0;
}

div, img, input{
    outline: none;
}

a:link, a:visited, a:active {
    text-decoration: none;
}

.navegacao{
    width: 960px;
    height: 32px;
    float: left;
}

.content{
    width: 960px;
    height: 425px;
    float: left;
    
}

#conteudo table{
    
    border-collapse: collapse;
    margin: 21px 20px;
}


#conteudo table tr{
    height: 35px;    
}

#conteudo table td{
    /*padding: 0 10px;
    /*border: 1px solid #D2D7D9;*/
}

table td.noBorderTop{
   border-top: none;
   border-right: 1px solid #f00;
   border-bottom: 1px solid #f00;
   border-left: 1px solid #f00;
    
}

table td.noBorderBottom{
   border-bottom: none;
   border-right: 1px solid #D2D7D9;
   border-top: 1px solid #D2D7D9;
   border-left: 1px solid #D2D7D9;
    
}

table#conteudo_projetos td{
   border-bottom: 1px solid #D2D7D9;
   border-right: 1px solid #D2D7D9;
   border-top: 1px solid #D2D7D9;
   border-left: none;
/*   padding: 0 10px;*/

}

table#conteudo_projetos tr{
   height: 35px;  

}

table.dadosTarefa{
    margin: 0 !important;
}

table#conteudo_tarefa{
    border-collapse: collapse;
    margin: 21px 20px 0 20px;
    padding-top: 25px;
    width: 920px;
}

table#conteudo_tarefa td{
    border-bottom: 1px solid #D2D7D9;
    border-right: 1px solid #D2D7D9;
    border-top: 1px solid #D2D7D9;
    border-left: none;
/*   padding: 0 10px;*/
}

table td.noBorderRight{
   border-bottom: 1px solid #D2D7D9;
   border-right: none  !important;
   border-top: 1px solid #D2D7D9;
   border-left: 1px solid #D2D7D9;
    
}


#rodape{
    width:960px;
    margin:0 auto;
    padding-top: 20px;
    text-align:center;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color:#2C5F94;
    letter-spacing: 1px;
}

/* Login */

#background_iluminacao{
    background: url('../imagens/iluminacao.png') no-repeat;
    width: 1070px;
    height: 600px;
    left: 50%; 
    margin: 0px 0 0 -535px;
    overflow: hidden;
    position:fixed;
    z-index: 1;
}

#conteudo{    
    width: 960px;    
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#conteudo_gantt{
    width: 960px;    
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#logo{
    text-align: center;
    padding-top: 50px;
}

#acesso_colaborador{
    width: 398px;
    height: 224px;
    background: url('../imagens/acesso_colaborador.png') no-repeat;
    margin:30px auto;    
}

#form_colaborador{
    width: 373px;
    padding-top: 63px;
    padding-left: 25px;
    line-height: 54px;
}

#senha, #usuario, #codigo_acesso, #txtSenha{
    width: 318px;
    height: 25px;
    background: none;
    border:1px;
    padding-left: 25px;
}

#esqueci_senha{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color:#2C5F94;
}

#esqueci_senha:hover{
    text-decoration: underline;
}

#acesso_cliente{
    width: 398px;
    height: 172px;
    background: url('../imagens/acesso_cliente.png') no-repeat;
    margin:30px auto;    
}

#form_cliente{
    width: 373px;
    padding-top: 59px;
    padding-left: 25px;
    line-height: 54px;
}

/* Página interna */

#background_iluminacao_interna{
    background: url('../imagens/iluminacao_interna.png') no-repeat;
    width: 1070px;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    position:fixed;
    z-index: 1;
}

#topo{
    background: url('../imagens/background_topo.png');
    height: 59px;
    z-index: 99;
    position: relative;
}

#botoes_topo{
/*    background: url('../imagens/topo.png') no-repeat;*/
    height: 51px;
    width: 960px;
    margin: 0 auto;
    z-index: 99;
}

#botoes_topo ul
{
    margin:0;
    padding-left: 18px;
    padding-top: 16px;
    z-index: 99;
    
}

#botoes_topo li
{
    display: inline;
    list-style-type: none;
    padding: 17px 10px;   
    margin:0;
    font-family: Trebuchet MS;    
    font-weight: normal;
    font-size: 13px;
    color: white;
    z-index: 99;
    border-right: #496997 solid 1px; 
    
}

#botoes_topo li#menu_projetos
{
    border-left: #496997 solid 1px; 
    
}

#botoes_topo li:hover
{
    background: url('../imagens/hover_menu.png') repeat-x;
    
}


body#menu_projeto #botoes_topo li#menu_projetos,
body#acompanhamentos #botoes_topo li#acompanhamentos,
body#colaborador #botoes_topo li#colaboradores,
body#projeto #botoes_topo li#projetos,
body#meus_projetos #botoes_topo li#meusprojetos{
    background: url('../imagens/hover_menu.png') repeat-x;
}



table#tabelaUsuario{
    border-collapse: collapse;
    padding: 0;
    font-size: 11px;
    font-family: Verdana;
    height: 140px;
    margin-top: 20px;
}

table#tabelaUsuario td{
    height: 20px;
    padding: 0;
}

a.editarFoto{
    width: 112px;
    height: 32px;
    display: block;
    cursor: pointer;
    margin-right: 5px;
    background: url('../imagens/btn_troca_foto.png') no-repeat;
    background-position: 0 0;
    float: left;
}

a.editarFoto:hover{
    background-position: 0 100%;
    cursor: pointer;
}

a.editarPerfil{
    width: 112px;
    height: 32px;
    display: block;
    margin-right: 5px;
    background: url('../imagens/btn_editar_perfil.png') no-repeat;
    background-position: 0 0;
    float: left;
    cursor: pointer;
}

a.editarPerfil:hover{
    background-position: 0 100%;
    cursor: pointer;
}

table#dadosLogin{
    margin: 9px 0 0 0;
    width:auto;
    border: 0;
}

table#dadosLogin td{
    color: #fff;
    font-size: 11px;
}

table#dadosLogin a{
    color: #fff;
}

#barra_separador
{
    float: right; 
    border-left: #496997 1px solid; 
    height: 25px;
    margin: 14px 4px 0 0;
}

#tabela_conteudos{
    background: url('../imagens/background_tabela_projetos.png') no-repeat;
    width:964px;
    height: 503px;
    margin: 0;
    padding-top: 15px;
    font-family: Arial;
    font-size: 12px;
    
}

#tabela_equipe{
    background: url('../imagens/background_tabela_equipe.png') no-repeat;
    width:964px;
    height: 493px;
    margin: 0;
    padding-top: 25px;
}

#tabela_cargo{
    background: url('../imagens/background_tabela_cargo.png') no-repeat;
    width:964px;
    height: 493px;
    margin: 0;
    padding-top: 25px;
}

#tabela_editar_tarefa{
    background: url('../imagens/background_tabela_editar_tarefa.png') no-repeat;
    width:964px;
    height: 503px;
    margin: 0;
    padding-top: 15px;
    font-family: Arial;
    font-size: 12px;
}

#tabela_tarefas{
    background: url('../imagens/background_fundo_tabela_tarefa.png') no-repeat;
    width: 920px;
    margin:0 auto;
    padding-top: 25px;
}

#conteudo_projetos{
    width: 920px;
    margin:0 auto;
    padding-top: 25px;
}

#conteudo_alocacao{
    width: 920px;
    margin:0 auto;
    padding-top: 25px;
}

table#conteudo_projetos tr:hover{
   background: #FFFFE4;
}

.center{
    text-align: center;
}

#titulo_tabela{
    font-family: Trebuchet MS;    
    font-weight: normal;
    font-size: 18px;
    color:#2C5F94;
    float: left;
    padding-left: 20px;
    margin-top: 10px;
}

/* Formulários lightbox */

#div_topo_formulario{
    width: 443px; 
    padding-bottom: 3px; 
    border-bottom:1px solid #D2D7D9;
} 

.topo_formulario{
    font-family: Trebuchet MS;
    font-size: 15px;
    color: #3372AC;
}

.fundo_formulario{
    background: url('../imagens/formularios/background_formulario.png') no-repeat; 
    height:26px; 
    width:106px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: white;
    padding-left: 13px;
}

.input_formulario{
    width: 320px; 
    height:22px; 
    margin-left: -1px; 
    border:1px solid #CECECE;
}

.div_input_timeline{
    border: 1px solid #e7e7e7; 
    border-radius: 2px; 
    width: 340px; 
    min-height: 24px; 
    padding: 5px 0 0 8px;
    font-size: 12px;
    margin: 5px 0;
}

.div_input_timeline span{
    color: #245285;
    font-weight: bold;
}

.textarea_timeline{
     border: none; 
     width: 337px; 
     height: 100px; 
     margin-top: 5px;
     font-family: Arial;
     font-size: 11.5px;
}

.input_timeline{
    border: none;
    width: 290px; 
    height: 15px; 
}

#data_inicio, #data_termino, #data_fim{
    width: 185px;
    height:22px; 
    margin-left: -1px; 
    border:1px solid #CECECE;
}

div.ui-datepicker{
    font-size: 70%;
}

#temp_1{
    width:860px; 
    height:65px; 
    background: url('../imagens/formularios/background_add_tarefa.png') no-repeat; 
    margin:10px auto; 
    text-align:center;
}

table#tabela_btn_add_tarefa{
    width:100%; 
    margin:0;
    margin-left:18px;
    text-align:left;
    border: none;
}

table#tabela_btn_add_tarefa tr{
    height: 27px;
    border: none;
}

table#tabela_btn_add_tarefa tr:hover{
    background: transparent;
}

table#tabela_btn_add_tarefa td{
    padding: 0;
    border: none;
}

.dadosResultado {
    width: 940px;
    height: 30px;
    float: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}

.dadosBusca {
    bottom: 0;
    position: absolute;
    right: 0;
    margin: 0 20px 30px 0;
}

.pagin{
    float: right;
}

.pagin a{
    color: #000;
    margin: 0 2px;
}

.current{
    color: #7DB533;
    margin: 0 2px;
}


#colaboradores_disponiveis{
    background: url('../imagens/formularios/tarefa/fundo_colaboradores_disponiveis.png') no-repeat; 
    width:226px; 
    height:257px;
    padding-left: 5px;
}

#colaboradores_alocados{
    background:url('../imagens/formularios/tarefa/fundo_colaboradores_alocados.png') no-repeat; 
    width:226px; 
    height:257px; 
    padding-left: 5px;
}

.selectColaboradores{
    border:0; 
    height:210px; 
    width:215px;
    margin-top:40px;
}

.tituloStatusTarefa{
    font-family: Verdana; 
    font-size: 11px; 
    font-weight: bold;
    color: #345985;
}

.fundo_barra_progresso{
    background: url('../imagens/formularios/tarefa/fundo_div_status.png') no-repeat;
    width: 240px;
    height: 70px;
    padding-left: 20px;
    padding-top: 1px;
    margin-top: 3px;
}

#fundo_data_fim_progresso{
    background: url('../imagens/formularios/tarefa/fundo_div_status.png') no-repeat;
    width: 240px;
    height: 50px;
    padding-left: 20px;
    padding-top: 1px;
    margin-top: 3px;
}

.porcentagem{
    text-align:right; 
    width:170px; 
    color:#729FCE; 
    font-size: 10px; 
    font-family: verdana;
}

.header_observacao{
    color: #22324B;
    font-size:11px;
    font-weight: bold;
    font-family: Verdana;
    height:24px;
    background:#f3f6fa;
}


div#progressoVerde{
    height:15px; 
    padding-top:3px;
    background: url('../imagens/formularios/tarefa/fundo_status_verde.png') no-repeat center;
}

div#progressoAmarelo{
    height:15px; 
    padding-top:3px;
    background: url('../imagens/formularios/tarefa/fundo_status_amarelo.png') no-repeat center;
}

div#progressoVermelho{
    height:15px; 
    padding-top:3px;
    background: url('../imagens/formularios/tarefa/fundo_status_vermelho.png') no-repeat center;
}

div#progressoPreto{
    height:15px; 
    padding-top:3px;
    background: url('../imagens/formularios/tarefa/fundo_status_preto.png') no-repeat center;
}

div#progressoCinza{
    height:15px; 
    padding-top:3px;
    background: url('../imagens/formularios/tarefa/fundo_status_cinza.png') no-repeat center;
}

div#progressoAzul{
    height:15px; 
    padding-top:3px;
    background: #f60; /*url('../imagens/formularios/tarefa/fundo_status_marrom.png') no-repeat center*/
}

#data_fim_real{
    width:106px;
    height: 15px;
    margin-top: 5px;
    padding: 0 2px;
}

/*select filtros*/

div.cmf-skinned-select {
    background: url('../imagens/estilo_select.png') top right no-repeat ;
    width: 152px !important;
    height: 32px !important;
    display: block;
    float: right;
    margin-left: 5px;
}

div.cmf-skinned-text {
    padding: 6px 6px 6px 9px;
}

div.cmf-skinned-select select {
    width: 145px !important;
    height: 32px !important;
    background: transparent;
    
}

/*select form*/

.estiloSelect{
    color: #2B5A91;
}

div.selForm div.cmf-skinned-select {
    background: url('../imagens/estilo_select_form.png') top left no-repeat ;
    background-position: 0 0;
    width: 330px !important;
    height: 26px !important;
    display: block;
    float: right;
    margin-left: 0;
}


div.selFormPeq div.cmf-skinned-select {
    background: url('../imagens/estilo_select_form.png') top right no-repeat ;
    width: 187px !important;
    height: 26px !important;
    display: block;
    float: right;
    margin: 0 143px 0 0;
}

div.selForm div.cmf-skinned-text {
    padding: 6px 6px 6px 9px;
}

div.selForm div.cmf-skinned-select select {
    width: 295px !important;
    height: 26px !important;
    background: transparent;
    float:left;
}

div.selFormPeq div.cmf-skinned-select select {
    width: 187px !important;
    height: 26px !important;
    background: transparent;
    float:left;
}

.stylebtnCancelar{
    width: 93px;
    height: 32px;
    background: url(../imagens/btn_cancelar.png) no-repeat;
    background-position: 0 0;
    cursor: pointer;
    border:none;
}

.stylebtnCancelar:hover{
    background-position: 0 100%;
    cursor: pointer;
}

.stylebtnEnviar{
    width: 83px;
    height: 32px;
    background: url(../imagens/btn_enviar.png) no-repeat;
    background-position: 0 0;
    cursor: pointer;
    border:none;
}

.stylebtnEnviar:hover{
    background-position: 0 100%;
    cursor: pointer;
}

.cmf-skinned-text{
    min-width: 117px !important;
}

a.btnVoltar{
    width: 61px;
    height: 24px;
    display: block;
    margin-left: 17px;
    background: url('../imagens/btn_voltar.png') no-repeat;
    background-position: 0 0;
}

a.btnVoltar:hover{
    background-position: 0 100%;
    cursor: pointer;
}

textarea{
    margin:0;
    padding: 0;
}

.textareaEquipe{
    width: 438px;
}


/*estilos da pagina COLABORADOR*/

form#formColaborador input#nome{
    height: 20px;
    padding-left: 5px;
    font-size: 12px;
    width: 145px;
}

form#formColaborador input#btnPesquisa{
    width: 44px;
    height: 28px;
    border: none;
    float: right;
    margin-left: 5px;
    background: url('../imagens/btnOK.png') no-repeat;
    background-position: 0 0;
}

form#formColaborador input#btnPesquisa:hover{
    background-position: 0 100%;
    cursor:  pointer;
}

#btn_workflow{
    background: url(../imagens/formularios/index/btn_workflow.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:620px;
    top:71px;
    width:103px;
    height:33px;
    cursor: pointer;
}

#btn_workflow_cliente{
    background: url(../imagens/formularios/index/btn_workflow.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:820px;
    top:71px;
    width:103px;
    height:33px;
    cursor: pointer;
}

#btn_workflow:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_metas{
    background: url(../imagens/formularios/index/btn_metas.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:735px;
    top:71px;
    width:84px;
    height:33px;
    cursor: pointer;
}

#btn_metas:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_alocacao{
    background: url(../imagens/formularios/index/btn_alocacao.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:830px;
    top:71px;
    width:108px;
    height:33px;
    cursor: pointer;
}

#btn_alocacao:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_dashboard{
    background: url(../imagens/formularios/index/btn_dashboard.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:498px;
    top:71px;
    width:110px;
    height:33px;
    cursor: pointer;
}

#btn_dashboard:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_novo_projeto{
    background: url(../imagens/formularios/projetos/btn_novo_projeto.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:820px;
    top:71px;
    width:120px;
    height:33px;
    cursor: pointer;
}

#btn_novo_projeto:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_gerenciar_cargos{
    background: url(../imagens/formularios/colaborador/btn_gerenciar_cargos.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:590px;
    top:71px;
    width:156px;
    height:33px;
    cursor: pointer;
}

#btn_gerenciar_cargos:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_adicionar_colaborador{
    background: url(../imagens/formularios/colaborador/btn_add_colaborador.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:760px;
    top:71px;
    width:180px;
    height:33px;
    cursor: pointer;
}

#btn_adicionar_colaborador:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_adicionar_cargo{
    background: url(../imagens/formularios/cargo/btn_adicionar_cargo.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:785px;
    top:71px;
    width:154px;
    height:33px;
    cursor: pointer;
}

#btn_adicionar_cargo:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_selecionar_colaborador{
    background: url(../imagens/formularios/equipe/btn_selecionar_colaborador.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:760px;
    top:71px;
    width:180px;
    height:33px;
    cursor: pointer;
}

#btn_selecionar_colaborador:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_grafico_grant{
    background: url(../imagens/formularios/tarefa/btn_grafico_grant.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:800px;
    top:71px;
    width:180px;
    height:33px;
    cursor: pointer;
}

#btn_grafico_grant:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_ativar_edicao{
    background: url(../imagens/formularios/tarefa/btn_ativar_edicao.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:650px;
    top:71px;
    width:180px;
    height:33px;
    cursor: pointer;
}

#btn_ativar_edicao:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_desativar_edicao{
    background: url(../imagens/formularios/tarefa/btn_desativar_edicao.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:640px;
    top:71px;
    width:180px;
    height:33px;
    cursor: pointer;
}

#btn_desativar_edicao:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_importar_tarefa{
    background: url(../imagens/formularios/tarefa/btn_importar_tarefa.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:800px;
    top:71px;
    width:135px;
    height:33px;
    cursor: pointer;
}

#btn_importar_tarefa:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_adicionar_perfil{
    background: url(../imagens/formularios/perfil/btn_adicionar_perfil.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:785px;
    top:71px;
    width:180px;
    height:33px;
    cursor: pointer;
}

#btn_adicionar_perfil:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_logout{
    background: url(../imagens/botao_logout.png) no-repeat;
    background-position: 0 0;
    width:44px;
    height:26px;
    margin: 13px 20px 0 0px;
    cursor: pointer;
    float:right;
}

#btn_logout:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_mensagem{
    background: url(../imagens/btn_mensagem.png) no-repeat;
    background-position: 0 0;
    width:41px;
    height:33px;
    margin: 7px 5px 0 10px;
    cursor: pointer;
    float:right;
}

#btn_mensagem:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#btn_enviar_mensagem{
    background: url(../imagens/btn_enviar_mensagem.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    left:785px;
    top:71px;
    width:150px;
    height:33px;
    cursor: pointer;
}

#btn_enviar_mensagem:hover{
    background-position: 0 100%;
    cursor: pointer;
}

#qtd_mensagem{
    font-size: Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11px; 
    text-align: center;
    margin-left: 24px;
    padding-top: 2px;
}

.table_header{
    font-family:Arial; 
    font-size: 12px; 
    font-weight: bold;
    color:#334953;
}

.table_content{
    font-family:Arial; 
    font-size: 11px; 
    font-weight: normal;
    color:#333333;
}

#topo_metas{
    margin-top: 20px;
    margin-left: 20px;
    color: #3372AC;
    font-size: 14px;
    font-family: Trebuchet MS;
}

#adicionar_meta{
    width:625px;
    height: 50px;
    margin:20px;
    background: url('../imagens/formularios/meta/fundo_adicionar_meta.png') no-repeat;
}

#adicionar_observacao{
    height: 50px;
    margin:20px;
    background: url('../imagens/formularios/tarefa/fundo_adicionar_observacao.png') no-repeat;
}

#btn_adicionar_meta{
    background: url(../imagens/formularios/meta/btn_adicionar_meta.png) no-repeat;
    background-position: 0 0;
    width:83px;
    height:25px;
    cursor: pointer;
    float:right;
}

#btn_adicionar_meta:hover{
    background-position: 0 100%;
    cursor: pointer;
}

.nome_mes_meta{
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #999999;
    margin-bottom: 15px;
    margin-top: 15px;
}

.meta{
    font-family: Verdana;
    font-size:11px;
    font-weight: normal;
}

.btn_favorito{
    background: url(../imagens/formularios/meta/btn_favorito.png) no-repeat;
    background-position: 0 0;
    width:20px;
    height:20px;
    cursor: pointer;
    float:left;
}

.btn_checkbox_meta{
    background: url(../imagens/formularios/meta/btn_checkbox_meta.png) no-repeat;
    background-position: 0 0;
    width:20px;
    height:20px;
    cursor: pointer;
    float:left;
}

#titulo_grupos{
    font-family: Trebuchet MS;    
    font-weight: normal;
    font-size: 12px;
    color: #FFFFFF;
}

.nome_grupo{
    font-family: Verdana;
    font-size:11px;
    font-weight: normal;
    color: #2E5485;
}

.qtd_por_grupo{
    font-family: Trebuchet MS;
    font-size:11px;
    font-weight: bold;
    color: #3372AC;
}
.fundo_quantidade{
    background: url(../imagens/formularios/meta/fundo_div_quantidade_grupo.png) no-repeat; 
    width:38px;
    height:30px; 
    text-align:center; 
    vertical-align: top; 
    padding-right: 20px;
}

#btn_filtro_todas{
    background: url(../imagens/formularios/meta/btn_filtro_todas.png) no-repeat;
    background-position: 0 100%;
    width:49px;
    height:17px;
    cursor: pointer;
    float:left;
    margin-left: 20px;
}

#btn_filtro_ativas{
    background: url(../imagens/formularios/meta/btn_filtro_ativas.png) no-repeat;
    background-position: 0 0;
    width:49px;
    height:17px;
    cursor: pointer;
    float:left;
    margin-left: 6px;
}

#btn_filtro_finalizadas{
    background: url(../imagens/formularios/meta/btn_filtro_finalizadas.png) no-repeat;
    background-position: 0 0;
    width:70px;
    height:17px;
    cursor: pointer;
    float:left;
    margin-left: 6px;
}

#btn_filtro_marcadas{
    background: url(../imagens/formularios/meta/btn_filtro_marcadas.png) no-repeat;
    background-position: 0 0;
    width:63px;
    height:17px;
    cursor: pointer;
    float:left;
    margin-left: 6px;
}

.topo_monitoramento{
    width: 175px;
    height:10px;
    background: #ECF4FA;
    border-right: 1px solid #DDEBF7;
}

.marcador_monitoramento{
    width:175px;
    border-right: 1px solid #DDEBF7;
    border-bottom: 1px solid #DDEBF7;
    text-align: center;
    padding-top: 10px;
}

.titulo_monitoramento{
    font-family: Trebuchet MS;    
    font-weight: bold;
    font-size: 13px;
    color: #3372AC;
    height: 14px;
    overflow:hidden;
    margin-left: 3px;
    margin-right: 3px;
}

.status_monitoramento{
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #2E5485;
}

#div_loading{
    position: absolute;
    width:100%;
    height: 100%;
    background: url(../imagens/formularios/fundo_loading.png);
    vertical-align: middle;
    display:none;
}

table#conteudo_projetos tr.mensagem_nao_lida{
    height:58px; 
    cursor:pointer;
    background: #f6f6f6;
}

table#conteudo_projetos tr.mensagem_nao_lida:hover{
    height:58px; 
    cursor:pointer;
    background: #FFFFE4;
}

table#conteudo_projetos tr.mensagem_lida{
    height:58px; 
    cursor:pointer;
}

table#conteudo_projetos tr.mensagem_lida:hover{
    background: #FFFFE4;
    cursor:pointer;
}