/* 
    Document    : estrutura
    Created on  : 17/05/2012, 15:00:00
    Author      : André da Silva Severino
    Description : Arquivo para setar a estrutura do iprospect
    Package     : web-files/iprospect/css
*/
*{padding:0px; margin:0px; font:12px Arial;}

html,body{height:100%;}
body{min-width:960px;}

#wrap{min-height:100%;}

#wrap-topo{
    background: #36363f;
    height:44px;
    position:fixed;
    z-index:20;
    width:100%;
}
    #wrap-topo #topo #logo{position:absolute; padding:0px 10px; height:40px; line-height:40px; display:block;}
    #wrap-topo #topo #logo:hover{background:#069;}
    #wrap-topo #topo #logo img{padding-top:5px; height: 33px;}
    #wrap-topo #topo ul#info-usuario{position:absolute; top:0px; right:10px; text-align:right;}
    #wrap-topo #topo ul#info-usuario li{list-style: none; height:10px; font:10px Tahoma; display:block; line-height:10px; padding-bottom:3px; color:#FFF;}
    #wrap-topo #topo ul#info-usuario li a{font:bold 10px Arial; text-decoration:underline; color:#FFF;}
    #wrap-topo #topo ul#info-usuario li a:hover{text-decoration:none;}
    #wrap-topo #bt-voltar-topo{
        text-decoration:none; 
        text-align:center; 
        position:absolute; 
        display:block; 
        width:100px; height:24px; 
        font:normal 12px Tahoma; 
        line-height:24px;
        color:#FFF; background:#000; 
        opacity:0.8;
        right:10px; 
        margin-top:40px;
        z-index:1;
        border-radius-bottomright:4px;  
        border-radius-bottomleft:4px;
        -webkit-border-bottom-right-radius:4px;
        -webkit-border-bottom-left-radius:4px;
        -moz-border-bottom-right-radius:4px;
        -moz-border-bottom-left-radius:4px;
    }
    #wrap-topo #bt-voltar-topo:hover{background:#069; color:#FFF; opacity:0.9;}

    
    #bt-selecionar-todos-desempenho{margin-left:30px; color:#FFF; background:#069; text-align:center; line-height:26px; width:120px; height:26px; display:block;}
    #bt-selecionar-todos-desempenho:hover{text-decoration:underline;}
    
    #wrap-conteudo{
        overflow:auto;
        padding:60px 10px;
    }

    #wrap-conteudo #bt-cadastrar-topo{
        width:110px;
        height:26px;
        display:block;
        position:absolute;
        top:90px;
        right:10px;
        text-align:center;
        background:#0d4112;
        border:1px solid #0d4112;
        color:#FFF;
        font:bold 12px Arial;
        line-height:26px;
        border-radius: 5px;
    }
    #wrap-conteudo #bt-cadastrar-topo:hover{
        background:#0d6a16;
    }
    
    #wrap-conteudo .bt-remover{
        width:150px;
        height:26px;
        display:block;
        margin-top:10px;
        margin-right:5px;
        text-align:center;
        background:#0d4112;
        border:1px solid #0d4112;
        color:#FFF;
        font:bold 12px Arial;
        line-height:26px;
        float:right;
        padding:0;
    }
    #wrap-conteudo .bt-remover:hover{
        background:#0d6a16;
    }

    #wrap-rodape{position:relative; margin-top:-30px; height:30px; clear:both; background: #36363f;}
    #wrap-rodape #rodape{margin:0 auto; padding:0px 10px;}
    #wrap-rodape #rodape p{text-align:center; color:#FFF; cursor:default; height:30px; font:11px Tahoma; line-height:30px;}
    
    #popup_retornoAtrasado{
        position:fixed;
        bottom:0px;
        width:240px;
        height:186px;
        background:#e4e3e3;
        border:1px solid #c6c2c2;
    }
    #popup_retornoAtrasado #content_popup_retornoAtrasado{
        height:150px;
        padding-top:10px;
        overflow:auto;
    }
    #popup_retornoAtrasado h6.titulo{
        background:#161515;
        font:bold 12px Verdana;
        color:#FFF;
        height:26px;
        line-height:26px;
        padding-left:6px;
    }
    #popup_retornoAtrasado .btpopup{
        position:absolute;
        font:bold 12px Arial;
        color:#FFF;
        height:22px;
        line-height:22px;
        width:30px;
        padding-top:2px;
        margin-left:208px;
        text-align:center;
        border:1px solid #161515;
    }
    #popup_retornoAtrasado .btpopup:hover{
        background:#000;
        border:1px solid #222222;
    }
    #popup_retornoAtrasado dl{
        padding:10px 6px;
        margin:2px 0px;
    }
    #popup_retornoAtrasado dl a{color:#000; display:block;}
    #popup_retornoAtrasado dl a:hover{text-decoration:underline;}
    #popup_retornoAtrasado dl:hover{background:#CCC;}
    #popup_retornoAtrasado dl.ret_atrasado, #popup_retornoAtrasado .ret_atrasado:hover{background:#930000;}
    #popup_retornoAtrasado dl.ret_atrasado a{color:#FFF;}
    

    #box-principal{
        padding:0px 1%;
    }
    #box-principal h2{font-size:18px; color:#4496ca; margin-bottom:10px; padding-bottom:3px; border-bottom:1px solid #f6f6f6;}

    #box-principal .coluna-1{
        width:49%;
        padding:14px 4px;
        border:1px solid #FFF;
    }
    #box-principal .coluna-2{
        width:49%;
        padding:14px 4px;
        border:1px solid #FFF;
    }

    #box-principal .coluna-1:hover, #box-principal .coluna-2:hover{
        background:#f5f6f6;
        border:1px solid #CCC;
    }

    #box-principal #box-grafico-1{
        overflow:hidden;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid gray;
    }
    #box-principal #box-grafico-2{
        overflow:hidden;
        margin-top:20px;
    }
    #box-principal table tr td.tdbt-submit{text-align:left; padding-left:10px;}
    #box-principal table tr td.tdbt-submit button{height:28px; width:80px;}
    
    #box-usuarios-relatorio-andamento{
        margin:30px;
        padding:10px;
        border:solid 1px #ddd;
        overflow-y:scroll;
        height:315px;
        width:300px;
        float:left;
    }
    
    .box-filtro-relatorio{
        margin:30px;
        margin-top:10px;
        padding:10px;
        border:solid 1px #ddd;
        overflow-y:scroll;
        height:110px;
        width:300px;
        clear:both;
    }
    
    #box-distribuicao-criterios span, #box-priorizacao-criterios span{height:26px; cursor:default; font:bold 12px Arial; line-height:26px; display:inline-block;}
    #box-distribuicao-criterios input[type=checkbox], #box-priorizacao-criterios input[type=checkbox]{border:none;}
    
    
    #bt-selecionar-todos-status-andamento,
    #bt-selecionar-todos-processo-venda,
    #bt-selecionar-todos-origem,
    #bt-selecionar-todos-ramo, 
    #bt-selecionar-todos-estado,
    #bt-selecionar-todos-status-venda,
    #bt-selecionar-todos-vendedor{margin:0px 20px 20px 30px; color:#FFF; float:left; background:#069; text-align:center; line-height:26px; width:120px; height:26px; display:block;}
    
    #bt-todos-desempenho{position:absolute; margin-top:10px; margin-left:30px; color:#069; font-weight:bold;} 
    #bt-ativos-desempenho{position:absolute; margin-top:10px; margin-left:70px; color:#069; font-weight:bold;}
    #bt-inativos-desempenho{position:absolute; margin-top:10px; margin-left:110px; color:#069; font-weight:bold;}
    
    .box-filtro-relatorio ul li{list-style:none;}
    
    #box-status-andamento,#box-processo-venda, #box-origem,#box-ramo,#box-tipo-estado,#box-status-venda,#box-vendedor
    {
        float:left;
    }

    .pvermais{margin-top:20px;}
    .pvermais a{float:right; display:block; width:120px; height:26px; font:12px Verdana; line-height:26px; text-align:center; color:#FFF; background:#087eb9; border:1px solid #069; box-shadow:0 -2px 3px #DFDFDF; -moz-box-shadow:0 -2px 3px #DFDFDF; -webkit-box-shadow:0 -2px 3px #DFDFDF;}
    .pvermais a:hover{background:#0a3c56;}
    
/* Paginação */
#paginacao{text-align:center; margin-top:10px; padding-top:14px; border-top:1px dashed #EBEBEB;}
#paginacao strong{font:bold 12px Arial; color:#036; padding:2px 4px;}
#paginacao a{text-decoration:none; font:bold 12px Arial; color:#333; padding:4px 8px; background:#F3F3F3; border:1px solid #999; margin:0px 2px; -moz-border-radius:2px 2px; -webkit-border-radius:2px 2px;}
#paginacao a:hover{color:#FFF; background:#949494; border:1px solid #333; box-shadow:0 -2px 3px #DFDFDF; -moz-box-shadow:0 -2px 3px #DFDFDF; -webkit-box-shadow:0 -2px 3px #DFDFDF;}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
