BODY
{
    margin: 0px;
    background-color: #f3f3f3;
}
A
{
    font-weight: normal;
    color: #000000;
    font-family: Arial;
    text-decoration: none;
}
A:hover
{
    text-decoration: underline;
}
.cabecalho-1
{
    background-color: #939393;
}
.cabecalho-2
{
    background-color: #ff6600;
}
.cabecalho-3
{
    background-color: #ffe8d1;
}
.cabecalho-4
{
    background-color: #e47014;
}
.label-MSG
{
    color: #d12107;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}
.label
{
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: right;
}
.label-1
{
    color: #939393;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    cursor:default;
}
.label-2
{
    color: #ff6600;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.label-magra
{
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt;
}
.label-3
{
    color: #ffe8d1;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.label-4
{
    color: #e47014;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.label-5
{
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.input
{
    border: 1px solid #c4c4c4;
    background: #ffe8d1;
    font-size: 9px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
    }
.input-opc
{
    background: #EEe8EE;
    border-right: #c4c4c4 1px solid;
    border-top: #c4c4c4 1px solid;
    font-size: 9px;
    border-left: #c4c4c4 1px solid;
    border-bottom: #c4c4c4 1px solid;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.input-branco
{
    border: 1px solid #c4c4c4;
    background: #ffffff;
    font-size: 9px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.input-branco-caps
{
    border-right: #c4c4c4 1px solid;
    border-top: #c4c4c4 1px solid;
    font-size: 9px;
    background: #ffffff;
    border-left: #c4c4c4 1px solid;
    border-bottom: #c4c4c4 1px solid;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
}
.input-caps
{
    border-right: #c4c4c4 1px solid;
    border-top: #c4c4c4 1px solid;
    font-size: 9px;
    background: #ffe8d1;
    border-left: #c4c4c4 1px solid;
    border-bottom: #c4c4c4 1px solid;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
}
/* .input-img1: n�o esta funcionando, deixado para exemplo*/
.input-img1
{
    font-size: 10px;
    background: #CAEAF8;
    border: 0px;
    height: 14px;
    width: 125px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-image: url('images/SearchBarInput.png');
}
.botao
{
    border: 1px solid #939393;
    background-color: #f3f3f3;
    font-family: Arial;
    font-size: 10px;
    }
.rodape
{
    /* TODO: eliminar a redundancia de regras no CSS, 
    existe muitas defini��es do tipo de fonte em v�rias regras,
    precisamos reduzir ao m�ximo.
    */
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: normal;
    border-color: inherit;
    border-width: thin;
    background-color: #ff6600;
    padding:7px;
}
.link-botao
{
    font-weight: bold;
    font-size: 10px;
    color: #939393;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
}
.titulo-1
{
    color: #939393;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}
.titulo-2
{
    color: #ff6600;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}
.titulo-3
{
    color: #ffe8d1;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}
.titulo-4
{
    color: #e47014;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}
.link
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}
.link-1
{
    font-weight: bold;
    font-size: 9px;
    color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}
.link-2
{
    font-size: 9px;
    color: #6495ed;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}


/*OUTROS*/

.link-3
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000080;
    text-decoration: none;
}
.link-3:hover
{
    color: #FF0000;
    text-decoration: underline;
}
.link-4
{
    font-size: 9px;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}
.link-4:hover
{
    color: #000000;
    text-decoration: underline;
}
.link-5
{
    font-size: 9px;
    color: red;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}
.link-5:hover
{
    color: red;
    text-decoration: underline;
}
.link-passos
{
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}
.link-menu
{
    font-weight: bold;
    font-size: 9px;
    color: #f5f5f5;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}
.link-avalia
{
    font-size: 9px;
    color: red;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
}
.link-logout
{
    font-weight: bold;
    font-size: 9px;
    color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}
.link-logout:hover
{
    color: #FFFF99;
    text-decoration: underline;
}
.dados-1
{
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
}
.mensagem
{
    color: red;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}
.obrigatorio
{
    color: #ff0000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
}
.text-erro
{
    color: #ff0033;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}
.browsertit
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    background: #a9a9a9;
    color: #FFFFFF;
    background-position: center;
    vertical-align: top;
}
.browserWorkSpace
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt;
    background: #dcdcdc;
    color: #118;
    background-position: center;
    vertical-align: top;
}
.workSpaceTableDetalhe, .workSpaceTableDetalheTitulo
{
    width: 200px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt;
    text-align: left;
}
.workSpaceTableDetalhe
{
    color: Black;
    border-color: Black;
    border: 1px;
    border-style: solid;
    background-color: White;
}
.workSpaceTableDetalheTitulo
{
    color: #333;
    background-color: #fff;
    font-weight: bold;
}
.workSpaceTableDetalheCabecalho, .workSpaceTableDetalheRodape
{
    text-align: center;
    background-color: #333;
    background-image: url('images/folder.png');
    background-repeat: repeat-x;
    height: 20px;
    width: 50%;
}
.workSpaceTableDetalheCabecalho
{
    color: #ffff7e;
    font-size: 8pt;
    font-weight: bold;
}
.workSpaceTableDetalheRodape
{
    color: #fff;
    font-size: 6pt;
}
.listaStyle
{
    list-style-type: disc;
    list-style-image: url('images/itemDetalhe.jpg');
    color: #333;
    text-align: left;
    list-style-position: inside;
}

.listaStyle li
{
    color: #118;
}
.browser-1, .browser-1:hover
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt;
    background: #dcdcdc;
    background-position: center;
    vertical-align: top;
}
.browser-1
{
    color: #000000;
}
.browser-1 a:hover, .workSpaceTableDetalheVaga
{
    color: #118;
}
.browser-2
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    background: #ffffff;
    color: #000000;
    background-position: center;
    vertical-align: top;
}
.browser-3
{
    font-family: Arial;
    font-size: 7pt;
    background: #dcdcdc;
    background-position: center;
    vertical-align: top;
}
.window-1
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 20px;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFF99;
    border-color: inherit;
    border-width: thin;
    background-image: url(images/fundo-4.png);
}
.tituloTermos
{
    color: #333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}
.titulo-erro
{
    background-color: #888e9c;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #DEEE86;
    font-size: 10pt;
    font-weight: bold;
    border-color: inherit;
    border-width: thin;
    background-image: url(images/fundo-vista-1.png);
}
.fundo-1
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #666676;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;
    border-color: inherit;
    border-width: thin;
    background-image: url(images/fundo-6.png);
}
.fundo-2
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #666676;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;
    border-color: inherit;
    border-width: thin;
    background-image: url(images/fundo-9.png);
}
.fundo-3
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #666676;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;
    border-color: inherit;
    border-width: thin;
    background-image: url(images/fundo-6.png);
}
.fundo-4
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #666676;
    font-size: 8pt;
    border-color: inherit;
    border-width: thin;
    background-image: url(images/fundo-12.png);
}
.parede-1
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #666676;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;
    border-color: inherit;
    border-width: thin;
    background-image: url(images/parede.png);
}
.rodape-imp
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 25px;
    color: #666676;
    font-size: 7pt;
    font-weight: bold;
    border-color: inherit;
    border-width: thin;
}
.label-folder-sel
{
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.label-folder
{
    color: #f5f5f5;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.folder
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    font-weight: bold;
    border-style: outset;
    border-color: #FFFFFF;
    border-width: thin;
    background-image: url(images/folder.png);
}
.folder-sel
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    border-style: outset;
    border-color: #FFFFFF;
    border-width: thin;
    background-image: url(images/folder-sel.png);
}
.pcco-1
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    border-color: inherit;
    border-width: thin;
}
.pcco-titulo
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 20px;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    border-color: inherit;
    border-width: thin;
    background-image: url(images/fundo-5.png);
}
.pcco-valor
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #000066;
}
.btAvancar, .btAvancar:hover
{
    background-image: url('images/btForwardBlack.jpg');
    background-repeat: no-repeat;
    width: 119px;
    height: 29px;
    border: 0px;
    cursor: hand;
    font-family: Arial;
    font-size: 9px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
}
.btAvancar
{
    background-image: url('images/btForwardBlack.jpg');
    color: #FFF;
}
.btAvancar:hover
{
    background-image: url('images/btForwardGrey.jpg');
    color: #000;
}
.window
{
    background: #f5f5f5;
    border-right: #c4c4c4 1px solid;
    border-top: #c4c4c4 1px solid;
    font-size: 9px;
    border-left: #c4c4c4 1px solid;
    border-bottom: #c4c4c4 1px solid;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.window-top
{
    background: #dcdcdc;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
}
.mapa
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 7pt;
    color: #000000;
    background-position: center;
    vertical-align: top;
}
#titulo-1
{
    width: 789px;
    height: 60px;
    background: url('images/back.jpg');
}
#titulo-1 img.t
{
    float: left;
    margin: 23px 0 0 25px;
}
#titulo-1 img.v
{
    float: right;
    margin: 28px 35px 0 0;
}
.search
{
    background-color: #FFFFFF;
    background-image: url(images/folder.png);
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #525252;
    height: 22px;
}
.search-fundo-1
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #1C3875;
    height: 20px;
    font-size: 8pt;
    font-weight: bold;
    border-color: inherit;
    border-width: thin;
    background-image: url(images/fundo-11.png);
}

.cellCAP
{
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    border-left-color: White;
    border-top-color: White;
    background-color: #f7faff;
}
.txCAP
{
    color: #666666;
}

.tableCap
{
    text-align: center;
}
.cellCAP
{
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px;
    border-left-color: White;
    border-top-color: White;
    background-color: #f7faff;
}
.txCAP
{
    color: #666666;
}
.hrCAP
{
    height: 1px;
    background-color: #006;
    width: 100%;
}
/*********Estilo da barra senha********/
.BarIndicator_TextBox2_weak
{
    color: Red;
    background-color: Red;
}
.BarIndicator_TextBox2_average
{
    color: Blue;
    background-color: Blue;
}
.BarIndicator_TextBox2_good
{
    color: Green;
    background-color: Green;
}
.BarBorder_TextBox2
{
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    vertical-align: middle;
}
/*****************/



/*
WFE0201
*/

#dsObsContato, #dtObsContato
{
    background-color: white;
    border: 1px solid;
    border-image: initial;
    resize: auto;
    cursor: auto;
    padding: 2px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.icoHistContatos, .cursor
{
    cursor: pointer;
}

.bt
{
    font-size: 13px;
    font-family: Arial,sans-serif;

    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #BBB;
    border-radius: 4px;
    
    width: auto;
    height: 28px;
    cursor: pointer;
    display: inline-block;

    background-color: #E6E6E6;
    background-repeat: no-repeat;

    padding: 4px;

    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

    margin: 0;
    vertical-align: baseline;

    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);    
    text-align: center;
    text-transform: none;
    text-indent: 0px;
    white-space: pre;
    font-weight: normal;
    
    background-image: linear-gradient(#fff,#fff 25%,#e6e6e6);
    text-indent: 0px;
}

.btRemove
{
    background-color: #C43C35;
    background-repeat: repeat-x;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(top,#ee5f5b,#c43c35);
    border-left-color: #C43C35;
    border-right-color: #C43C35;
    border-top-color: #C43C35;
    border-bottom-color: #882A25;
}

.btEditar
{
    background-color: #57A957;
    background-repeat: repeat-x;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(top,#62c462,#57a957);
    border-left-color: #57A957;
    border-right-color: #57A957;
    border-top-color: #57A957;
    border-bottom-color: #3D773D;
}

.btAdd
{
    background-color: #57A957;
    background-repeat: repeat-x;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(top,#62c462,#57a957);
    border-left-color: #57A957;
    border-right-color: #57A957;
    border-top-color: #57A957;
    border-bottom-color: #3D773D;
}


.btAct
{
    -webkit-appearance: none;
    -webkit-box-align: center;
    -webkit-box-shadow: rgba(73, 73, 73, 0.230469) 0px 2px 3px 0px inset, rgba(0, 0, 0, 0.046875) 0px 1px 2px 0px;
    -webkit-rtl-ordering: logical;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.10000000149011612s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: linear;
    -webkit-user-select: text;
    background-color: #0064CD;
    background-image: -webkit-linear-gradient(top, #049CDB, #0064CD);
    background-position: 0px -15px;
    background-repeat: repeat-x;
    border-bottom-color: rgba(0, 0, 0, 0.246094);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.0976563);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.0976563);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgba(0, 0, 0, 0.0976563);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(73, 73, 73, 0.230469) 0px 2px 3px 0px inset, rgba(0, 0, 0, 0.046875) 0px 1px 2px 0px;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family:  Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    height: 29px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow-y: visible;
    padding-bottom: 6px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 0px;
    text-transform: none;
    vertical-align: baseline;
    white-space: pre;
    width: 60px;
    word-spacing: 0px;
}

.btPadrao 
{
    -webkit-appearance: none;
    -webkit-box-align: center;
    -webkit-box-shadow: rgba(116, 116, 116, 0.222656) 0px 1px 2px 0px inset, rgba(0, 0, 0, 0.046875) 0px 1px 2px 0px;
    -webkit-rtl-ordering: logical;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.10000000149011612s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: linear;
    -webkit-user-select: text;
    background-color: #E6E6E6;
    background-image: -webkit-linear-gradient(top, white, white 25%, #E6E6E6);
    background-position: 0px -15px;
    background-repeat: no-repeat;
    border-bottom-color: #BBB;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #CCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #CCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #CCC;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: rgba(116, 116, 116, 0.222656) 0px 1px 2px 0px inset, rgba(0, 0, 0, 0.046875) 0px 1px 2px 0px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family:  Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    height: 29px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow-y: visible;
    padding-bottom: 6px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: rgba(255, 255, 255, 0.746094) 0px 1px 1px;
    text-transform: none;
    vertical-align: baseline;
    white-space: pre;
    width: 56px;
    word-spacing: 0px;
    color: #000;
}

#tbHistContatos 
{
    font-size:14px;
}

#fbHeader 
{
    border:0px solid #F00;
    position:relative;
    margin-bottom:5px;
    font-family: Arial,sans-serif;
}
#fbHeader h1 
{
    margin:0px;
    padding:0px;
    text-transform:capitalize;
    color:#E47014;
}
#fbHeader h3 
{
    position:absolute;
    top:30px;
    right:5px;
}
#fbHeader p 
{
    margin:0px;
    padding:0px;
}

#tbHistContatos tr:first-child
{
    font-weight:bold;
}

#tbHistContatos td
{
    padding:6px;
    font-family: Arial,sans-serif;
    font-size:12px;
}

#tbHistContatos tr:nth-child(2n+1) {
    background-color: #F7F7DE;
}


[disabled] {
    cursor:default;
    text-decoration:none !important;
}


select:focus,textarea:focus,input[type=text]:focus { 
    outline: 0;
    border-color: rgba(255, 102, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 4px rgba(255, 102, 0,0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 4px rgba(255, 102, 0,0.6);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 4px rgba(255, 102, 0,0.6);
    background: rgba(255, 248, 184,0.9);
}


/* ICONE EDITAR */
.edit 
{
    width:16px;
    height:16px;
    background-image: url(../images/edit.png);
    display:inline-block;
}

.eye 
{
    width:16px;
    height:16px;
    background-image: url(../images/eye.png);
    display:inline-block;
}
.node 
{
    width:16px;
    height:16px;
    background-image: url(../images/node-child.png);
    display:inline-block;
}


/*
regras do bot�o LOGOUT
estou utilizando o seletor pelo #ID pois teremos
apenas um �nico bot�o de logout na tela.
*/
#btLogout
{
    position:absolute;
    right:10px;
    top:10px;
    background: url(../images/logout.png) 5px 6px no-repeat;
    width:24px;
    height:24px;
    padding:13px 10px 0 30px;
}

#btLogout:hover {
    background-color: rgba(247, 240, 136,0.5);
    border-radius:5px;
}

#btLogout:active, #btLogout:focus
{
    outline-style:none;
}