/* Botões */
.ArenaBotao, .ArenaBotaoSalvar
{
    font-family: Verdana;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 0.9em;
    height: 28px;
}

.ArenaBotaoSalvar
{
    width: 108px;
}

/* */



/* Item oculto */

.ArenaItemOculto
{
    display: none;
}

/* */



/* Barra Editor */

.ArenaEditorBarra
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
}

.ArenaEditorBarra a:link, .ArenaEditorBarra a:visited
{
    color: #FF6600;
    text-decoration: none;
}

.ArenaEditorBarra a:hover
{
    color: #666666;
    text-decoration: underline;
}

/* */



/* Configurações da caixa dos módulos do framework */

.ArenaFormCaixa
{
    border: 1px solid #6186B3;
    background-color: #FFFFFF;
    color: #000000;    
}

.ArenaFormHeader
{
    color: #FFFFFF;
    background-color: #6186B3;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    padding: 5px;
}

.ArenaFormCorpo
{
    background-color: #FFFFFF;
    padding: 5px;
}

.ArenaFormCorpo2
{
    background-color: #F4F4F4;
    padding: 5px;
    color: #000000;
}

.ArenaFormTexto, .ArenaFormCorpo, .ArenaFormCorpo2
{
    font: 8pt Verdana,Arial,Helvetica,sans-serif;
}

.ArenaFormTexto a:link, .ArenaFormTexto a:visited, .ArenaFormCorpo a:link, .ArenaFormCorpo a:visited, .ArenaFormCorpo2 a:link, .ArenaFormCorpo2 a:visited
{
    font: 8pt Verdana,Arial,Helvetica,sans-serif;
    color: Blue;
    text-decoration: none;
}

.ArenaFormTexto a:hover, .ArenaFormCorpo a:hover, .ArenaFormCorpo2 a:hover
{
    font: 8pt Verdana,Arial,Helvetica,sans-serif;
    color: #F77D10;
    text-decoration: none;
}

/* */


/* Configurações padrão de Grid */

.ArenaGrid
{
    border: 1px solid #999999;
    background-color: #FFFFFF;
}

.ArenaGridItem, .ArenaGridAlternatingItem, .ArenaGridHeader, .ArenaGridFooter, .ArenaGridPager
{
    font: 8pt Verdana,Arial,Helvetica,sans-serif;
}

.ArenaGridItem
{
    background-color: #FFFFFF;
}

.ArenaGridAlternatingItem
{
    background-color: #F4F4F4;
}

.ArenaGridHeader, .ArenaGridHeaderLeft
{
    font-weight: bold;
    background-color: #CFDDEE;
}

.ArenaGridHeaderLeft th
{
    text-align:left;
}

.ArenaGridFooter
{
    background-color: #CFDDEE;
}

.ArenaGridPager
{
    background-color: #CFDDEE;
}


/* */



/* Configurações das bordas dos módulos e paineis */

.ArenaContainerModuloAtivo
{
    border-width: 3px;
    border-color: #bfd7fa;
    border-style: solid;
    z-index: 1000;
}

.ArenaContainerModuloInativo
{
    border-width: 0px;
    padding: 3px;
}

.ArenaContainerModuloMenu
{
    position: relative;
    height: 0px;
    visibility: hidden;
    height: 20px; /*      height: 0px;     top: -23px;      */
}

/**/



/* Configurações do menu dos módulos e painéis */

.ArenaMenuBarra
{
    font: 8px Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #637584;
}

.ArenaMenuCorpo
{
    border: #CCCCCC 1px solid;
    z-index: 1000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    cursor: ponter;
    background-color: #ffffff;
}


.ArenaMenuItem, .ArenaMenuItem a:link, .ArenaMenuItem a:visited
{
    padding: 3px;
    border: white 1px solid;
    font-size: 8pt;
    cursor: pointer;
    color: #637584;
    font-family: Arial, Helvetica;
    background-color: transparent;
}

.ArenaMenuItemHover
{
    padding: 3px;
    border: black 1px solid;
    font-size: 8pt;
    cursor: pointer;
    color: #637584;
    font-family: Arial, Helvetica;
    background-color: #c1d2ee;
}


/* */



/* sugestão de estilos que podem ser usados pelos módulos para o menu de operações */

.ArenaModuloMenuOp
{
    background-color: #F4F4F4;
    padding: 5px;
    font: 8pt Verdana,Arial,Helvetica,sans-serif;
}

.ArenaModuloMenuOp a:link, .ArenaModuloMenuOp a:visited
{
    font: 8pt Verdana,Arial,Helvetica,sans-serif;
    color: Blue;
    text-decoration: none;
}

.ArenaModuloMenuOp a:hover
{
    font: 8pt Verdana,Arial,Helvetica,sans-serif;
    color: #F77D10;
    text-decoration: none;
}


/*  */



/* Caixa de erro ao carregar módulo */

.ArenaErroCarregarModulo
{
    border: solid 3px red;
    background-color: #F4F4F4;
    color: Red;
}

/* */



/* Bloco de conteúdo - visível e invisível */

.ArenaBlocoConteudoTitulo
{
    cursor:pointer;
}

.ArenaBlocoConteudoInvisivel
{
    display: none;
}

.ArenaBlocoConteudoVisivel
{
}

.ArenaBlocoConteudoInvisivelImg
{
    background-image: url(../Img/ico_bloco_conteudo_expandir.gif);
    width: 21px;
    height: 21px;
}

.ArenaBlocoConteudoVisivelImg
{
    background-image: url(../Img/ico_bloco_conteudo_retrair.gif);
    width: 21px;
    height: 21px;
}

/* */



/* Tratamento de proporções de imagens*/

.ArenaImageWraper1by1{
    position: relative;
    padding-bottom: 100%;
}

.ArenaImageWraper16by9 {
    position: relative;
    padding-bottom: 56.2%;
    overflow: hidden;
}

.ArenaImageWraper4by3 {
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
}

.ArenaImageWraper9by16 {
    position: relative;
    padding-bottom: 177.7%;
    overflow: hidden;
}

.ArenaImageWraper3by4 {
    position: relative;
    padding-bottom: 133.33%;
    overflow: hidden;
}

    .ArenaImageWraper1by1 img,
    .ArenaImageWraper4by3 img,
    .ArenaImageWraper16by9 img,
    .ArenaImageWraper9by16 img,
    .ArenaImageWraper3by4 img {
        position: absolute;
        object-fit: cover;
        width: 100% !important;
        height: 100% !important;
    }

/* */