/* -------------------- Fonte -------------------- */
.HuiBody, .Hui, .hWin, .hTip, .hFndOpc{
    font-family: helvetica,tahoma,verdana,sans-serif;
    font-size: 11px;
}
/* -------------------- Borda -------------------- */
.hMB_, .hMBS, .hPnl{
    border: 1px solid #7DA3B5;
}
/* -------------------- Principais -------------------- */
html{
    height: 100%;
}
.HuiBody, .Hui, .hWin{
    background: #DFE8F6;
}
.HuiBody{
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.hLoa{
    width: 100%;
    height: 100%;
    background: url("loading.gif") center center no-repeat;
}

.hErr{
    text-align: center;
    font-weight: bold;
    background: url("error.png") center top no-repeat;    
    width: 100%;
    padding-top: 40px;
    margin-top: 30px;        
}

.hInf{
    text-align: center;
    font-weight: bold;
    background: url("notice.png") center top no-repeat;    
    width: 100%;
    padding-top: 40px;
    margin-top: 30px;        
}
/* -------------------- Tabelas ------------------- */

.hTbl{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 11px;
}

.hTbl tr:hover td {
    background: #FFFFB1;
    color: #000;
}

.hTbl tr:nth-child(2n) {
	background: #F1F1F1;
}

.hTbl tr td{
    padding: 3px;
    border-right: 1px solid #DDDDDD;	
    border-bottom: 1px solid #DDDDDD;	
    font-size: 11px;
}

.hTbl tr th{	
    background: #F1F1F1;    
    line-height: 22px;
    border-right: 1px solid #7DA3B5;
    border-bottom: 1px solid #7DA3B5;	
}

.hTblSel {
    background: #5E81BC !important;
    color: #FFFFFF;
}
/* -------------------- Basico -------------------- */
.hM__, .hMB_, .hMBS, .hM_S{    
    height: 100%;
    width: 100%;	
}
.hM__{
    overflow: hidden;
}
.hMB_{    
    overflow: hidden;    
}
.hMBS{    
    overflow: auto;    
}
.hM_S{ 
    overflow: auto;
}
.Hui, .Hui *, .HuiBody, .HuiBody *, .hWin, .hWin *, .hWinBdr, .hFndOpc, .hFndOpc *{
    box-sizing: border-box;
    -moz-box-sizing: border-box;	
    -webkit-box-sizing: border-box;
    word-wrap: break-word;	  
}
.hAlgCnt{
    text-align: center;
}
.hAlgRig{
    text-align: right;
}
/* --- Span com icone */
.hSic{    
    background: url(cus.png) no-repeat;
    line-height: 16px;
    padding-left: 19px;    
    display: inline-block;
}
/* --- Div com icone */
.hDic{    
    background: url(cus.png) no-repeat;
    line-height: 16px;    
    padding-left: 20px;        
}
/* --- Div com icone sem texto */
.hIco{
    background: url(cus.png) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.hIcs{
    background: url(ico.png) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.hTip{
    position: absolute;
    width: 180px;
    z-index: 9000;
    background: #FFFFCC;
    border: 1px solid #A1A1A1;
    padding: 10px; 
}
/* -------------------- Panel -------------------- */
.hPnl{
    background: #FFFFFF;
    overflow: auto;
    height: 100%;
    width: 100%;
}
/* -------------------- ResizeCol -------------------- */
.hResCol, .hResBcl{
    background: url("bck_resize_cols.gif") no-repeat center center;
    cursor: e-resize;    
    border: 0px !important;
}
.hResBcl{
    position: absolute;
    background: #AAAAAA;		
    z-index: 9000;
    overflow: hidden;
}
/* -------------------- ResizeRow -------------------- */
.hResRow, .hResBrw{
    background: url("bck_resize_rows.gif") no-repeat center center;
    cursor: n-resize;
    border: 0px !important;
}
.hResBrw{
    position: absolute;
    background: #AAAAAA;		
    z-index: 10000;
    overflow: hidden;
}
/* -------------------- TWindow -------------------- */
.hWin{
    border: 1px solid #7DA3B5;   
    z-index: 1000;
    position: absolute;	    
    top: 0;
    left: 0;
}
.hWinTit{    
    padding-left: 5px;
    line-height: 24px;
    font-size: 11px;
    color: #04468C;
    cursor: move;
    font-weight: bold;
    background: url("bac.png");
    border-bottom: 1px solid #7DA3B5;
}
.hWinTxt{
    margin-top: 4px;
}
.hWinBdr{	
    position: absolute;
    border: 2px solid #AAAAAA;		
    z-index: 9000;
}
.hWinCls, .hWinMin, .hWinMax{    
    background: url("ico.png");    
    margin-top: 2px;
    float: right;    
    width: 18px;
    height: 18px;
    cursor: pointer;
    overflow: hidden;    
}
.hWinMin{
    background-position: 0 0;
}
.hWinMax{
    background-position: 0 -50px;
}
.hWinCls{
    background-position: 0 -100px;
    margin-right: 4px !important;
}
.hWinRes{
    background: url("ico.png") no-repeat 0 -150px;
    width: 11px;    
    height: 10px;	
    cursor: nw-resize;
    float: right;
    margin-right: 1px;    
}
/* -------------------- Form -------------------- */
.hFrmHdr{
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 32px;
}
.hFrmBdy{
    overflow: auto !important;
}
.hFrmBdy table{
    font-size: 11px;
}
.hFrmErr{
    background-position: 0 -100px;
}
.hFrmFot{
    text-align: center;
}
.hFrmFot button{
    margin: 0 2px;
}
.hFrmLoa{	
    background: url("loading_form.gif") center center no-repeat !important;
}
/* -------------------- Edit -------------------- */
.hEdt{
    font-size: 11px;    
    color: #000;
    border: 1px solid #A0A0A0;
    background: #FFF;
    line-height: 23px;
    height: 23px;    
    padding: 0 4px;
}
.hEdtMny{
    text-align: right;
}
.hEdtUpp{
    text-transform: uppercase;
}
.hEdtLow{
    text-transform: lowercase;
}

.hEdt:read-only {
   background: #ffd5d5;
}

.hEdfIco{
    background: url(ico.png) no-repeat 0 -1100px;
    width: 16px;
    height: 16px;
    cursor: pointer;    
}
/* -------------------- Textarea ----------------------*/
.hTxt{
    font-family: helvetica,tahoma,verdana,sans-serif;
    font-size: 11px;
}
/* -------------------- Button -------------------- */
.hBtn{
    background: url("bac.png") repeat-x 0 -50px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 1px solid #C4C4C4;    
    line-height: 24px;
    height: 28px;    
    color: #000000;
    cursor: pointer;		
    font-size: 11px;
    font-weight: bold;
}
.hBtnImg{
    cursor: pointer;
}
/* -------------------- Upload -------------------- */
.hUpl{    
    color: #000;
    border: 1px solid #A0A0A0;
    background: #FFF;
    line-height: 23px;
    height: 23px;    
    padding: 0 4px;
}
/* -------------------- FindEdit -------------------- */
.hFnd{    
    color: #000000;
    border: 1px solid #A0A0A0;
    background: #FFF;
    line-height: 23px;    
    min-height: 23px;
    padding: 0 4px;    
    cursor: pointer;
    font-size: 13px;
}
.hFndIco, .hFndDel{
    background: url("ico.png") no-repeat;    
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 3px;    
}
.hFndDel{    
    margin-right: 6px;
    background-position: 0 -250px;
}
.hFndIco{    
    background-position: 0 -200px;
    margin-right: 4px;
}
.hFndOpc{
    position: absolute;
    z-index: 9000;
    background: #FFFFFF;
    border: 1px solid #7DA3B5;
}
.hFndFrm table{
    border-bottom: 1px solid #7DA3B5;    
    background: #DFE8F6;
}

.hFndFrm input{
    width: 100%;
    height: 25px;
    margin: 0;
    padding: 0;
}

.hFndBtn{
    background: url("bac.png") repeat-x 0 -50px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    border: 1px solid #C4C4C4;        
    color: #000000;
    cursor: pointer;        
    font-size: 11px;
    font-weight: bold;    
}

.hFndRes{
    height: 167px;
    overflow: auto;
}
.hFndItm{
    border-bottom: 1px solid #B0B0B0;
    padding-left: 4px;
    line-height: 24px;
}
/* -------------------- Tree -------------------- */
.hTre{
    padding: 2px;
    background: #FFFFFF;
}
.hTreLef{
    background-position: 0 -400px;
}
.hTreBdy{
    padding: 0;	
    margin-left: 10px;	
}

.hTreIco, .hTreFop, .hTreFco{
    cursor: pointer;
    background: url("ico.png") no-repeat;
}
.hTreFop{
    background-position: 0 -350px;
}
.hTreFco{
    background-position: 0 -300px;
}

.hTreItm{
    clear: both;
    line-height: 16px;
    padding-left: 18px;
    margin: 4px 0;
    cursor: pointer;
    background: url("cus.png") no-repeat;
    background-position: 0 -50px;
}

.hTreSel{
    background-color: #5E81BC;
    color: #FFF;	
}

/* -------------------- Tab -------------------- */
.hTabScr{
    white-space: nowrap;    
}
.hTabNor, .hTabSel, .hTabNorCls, .hTabSelCls{    
    height: 27px;
    line-height: 27px;    
    display: inline-block;
    border: 1px solid #7DA3B5;   
    border-bottom: none!important;
    cursor: pointer;    
    margin-right: 1px;
    margin-top: 2px;
    font-weight: bold;
}

.hTabSel, .hTabSelCls{    
    background: #5E81BC;
    color: #FFF;
}

.hTabNor, .hTabSel{
    padding: 0 10px;
}

.hTabNorCls, .hTabSelCls{
    padding-left: 10px;
}

.hTabCls{    
    background: url(ico.png) no-repeat;            
    background-position: 0 -400px;
    padding: 8px;
    display: inline-block;   
    margin-left: 8px;
}
.hTabLef, .hTabRig{
    background: url(ico.png) no-repeat;                
    cursor: pointer;
}
.hTabLef{    
    background-position: 0 -450px;    
}
.hTabRig{    
    background-position: 0 -500px;    
}
.hTabBdy{
    border-top: 1px solid #7DA3B5;
}
/* -------------------- Toolbar -------------------- */
.hTlbSep{    
    background: url(ico.png) no-repeat;
    background-position: 0 -550px;
    width: 4px;
    height: 32px;
}
/* -------------------- ToolbarButton -------------------- */
.hTbb{
    width: 32px;
    height: 32px;
    border: 1px solid transparent;
    cursor: pointer;    
    background: url("cus.png") no-repeat;
}
.hTbb:hover{    
    background: #D1E2F2 url("cus.png") no-repeat;    
    border: 1px solid #78AEE5;
    padding: 4px;
}
/* -------------------- Accordion -------------------- */
.hAcc{
    border: 1px solid #7DA3B5;
    border-top: none;
}
.hAccCls, .hAccOpn{
    background: url(ico.png) no-repeat;    
    border-top: 1px solid #7DA3B5;
    line-height: 24px;	
    cursor: pointer;
    overflow: hidden;	
    padding-left: 4px;
    font-weight: bold;
}

.hAccCls{
    background-position: 100% -600px;
}

.hAccOpn{
    background-position: 100% -650px;
}

.hAccBdy{
    border-top: 1px solid #7DA3B5;
    background: #FFF;
}
/* -------------------- Combobox -------------------- */
.hCbb{   
    color: #000;
    border: 1px solid #A0A0A0;
    background: #FFF;
    line-height: 23px;
    height: 23px;    
    padding-left: 4px;    
    font-size: 11px;
}
/* -------------------- Grid -------------------- */
.hGrd{
    border: 1px solid #7DA3B5;
}

.hGrdRes{	
    float: right;
    height: 18px;
    cursor: w-resize;
    width: 4px;
    background: url(ico.png) no-repeat 0 -950px;
    margin-top: 2px;	
    overflow: hidden;
}

.hGdrBdy{
    height: 100%;
    background: #FFFFFF;
    overflow-y: scroll !important;    
}
.hGdrBdy td{
    cursor: pointer;
}

.hGdrFst, .hGrdBac, .hGrdNxt, .hGrdLst{
    background: url(ico.png) no-repeat;                
    cursor: pointer;
}
.hGdrFst{
    background-position: 0 -700px;    
}

.hGrdBac{
    background-position: 0 -750px;	
}

.hGrdNxt{
    background-position: 0 -800px;	
}

.hGrdLst{
    background-position: 0 -850px;
}
.hGdrUpd{
    background: #F1F1F1 url(ico.png) 0 -900px no-repeat !important;	
    border-right: none !important;
    cursor: pointer;
}
.hGdrNor{
    cursor: pointer;
}
.hGdrAsc{
    background: #F1F1F1 url(ico.png) 100% -1000px no-repeat !important;	            
    cursor: pointer;
}
.hGdrDes{
    background: #F1F1F1 url(ico.png) 100% -1050px no-repeat !important;	            
    cursor: pointer;
}
.hGdrNav{
    border-top: 1px solid #7DA3B5;
    line-height: 24px;
}
/* -------------------- Password -------------------- */
.hPwd{    
    color: #000;
    border: 1px solid #A0A0A0;
    background: #FFF;
    line-height: 23px;
    height: 23px;    
    padding-left: 4px;
}
/* -------------------- ListData -------------------- */
.hLsdBdy{
    height: 100%;
    background: #FFFFFF;
    overflow-y: scroll !important;    
}

.hLsdLbl{
    background: url(cus.png) no-repeat;
    line-height: 16px;
    padding-left: 19px;    
    display: inline-block;
    padding-right: 10px;
}

.hLsdIco{
    background: url(cus.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;    
    margin: 0 2px;
    cursor: pointer;
}
.hLsdNav{
    border-top: 1px solid #7DA3B5;
    line-height: 24px;
}
/* --------------------- Desktop ------------------- */
.hDskNor, .hDskSel{
    line-height: 24px;
    height: 24px;
    border: 1px solid #7DA3B5;
    display: block;
    float: left;
    margin: 3px 0 0 4px;
    cursor: pointer;
    padding: 0 5px;
}
.hDskSel{
    background: #5E81BC;
    color: #FFFFFF;    
}
.hDskIco{
    background: url(cus.png) no-repeat;
    line-height: 16px;
    padding-left: 18px;        
    display: inline-block;
}
/* -------------------- MultCheck ----------------*/

.hMck{
    background: #FFFFFF;
}

/* --------------------  MultFindEdit  ----------------*/
.hMfe{	
    border-top: 1px solid #A0A0A0;	
    overflow: auto;
}

.hMfeAdd{
    background-position: 0 -400px;
}

.hMfeDel{
    background-position: 0 -450px;
}

.hMfeOpn{
    border: 1px solid #A0A0A0;
    background: #FFFFE8;	 
}

.hMfeIpt{
    table-layout: fixed;
    border: 1px solid #A0A0A0;
    background: #FFF;
}

/* ------------------- Folder -----------------*/
.hFolBdy{
    background: #FFF;
    overflow: auto !important;
}

.hFolHdr{
    border-bottom: 1px solid #99BCE8;
    line-height: 23px;	
}
.hFolHdr a{
    color: #000;
    text-decoration: none;			
}

.hFolHdr a:hover{
    text-decoration: underline;						
}

.hFolBdy div{
    float: left;	
    margin: 4px;
    padding: 4px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
}

.hFolSel{
    background: #5E81BC;
    color: #FFF;	
}

.hFolUpd{
    background: url(ico.png) no-repeat;
    width: 16px;
    height: 22px;
    cursor: pointer;        
    float: right;    
    margin-right: 2px;
    background-position: 0 -900px;     
}

/* ------------------- Question -----------------*/
.hQueIco{
    width: 45px;
    height: 45px;
    background: url(rank.png) no-repeat;
}

.hQueSel{
    cursor: pointer;
    background-color: #5E81BC;
}

.hQueNor{
    cursor: pointer;
    background-color: transparent;
}