/*
Theme Name: Monster '10
Theme URI: http://www.princiweb.com.br
Description: Estilo para navegadores antigos
Version: 1.0
Author: Rodolfo Pereira
Author URI: http://www.princiweb.com.br

Índice:

1. Regras gerais
    1.1. Formularios
2. Estrutura
    2.1. Topo
    2.2. Menu esquerdo
    2.3. Conteudo
        2.3.1. Login
        2.3.2. Listagem de dados
        2.3.3. Formularios de registros
    3.4 Rodape
4. Modulos
    4.1. Painel
*/

/*
+----------------------------------------------------------------+
1.1. Formularios
+----------------------------------------------------------------+
*/

input { display: block }

/*
+----------------------------------------------------------------+
2.1. Topo
+----------------------------------------------------------------+
*/

#topo { width: 99.1% }
    #topo div { margin-top: 23px }
    #topo h1 { margin-top: 40px }
    
    /* Menu */
    #menu-topo { display: inline } 

/* Barra com Breadcrumb */
#barra-topo { display: block; vertical-align: baseline; width: 100% }
	#breadcrumbs { margin-top: 12px; margin-right: 0; margin-bottom: 0 }
	
/* Mensagem - Carregando */
#carregando { position: absolute }

/* Mensagem de alerta - Navegadores antigos */
#pnlMensagemNavegadores { background: #fdf6d1; padding: 5px 5px 10px 5px; text-align: center }
#pnlMensagemNavegadores h1 { font-size: 1.125em /* 16 x 1.125 = 18px */; margin: 3px 0 0 0 }
#pnlMensagemNavegadores h2 { font-size: 0.875em /* 16 x 0.875 = 14px */; margin-top: 8px }
#lista-navegadores { margin: 7px 0 12px }
#lista-navegadores li { display: inline; margin-right: 20px }
#lista-navegadores li a { font-size: 1.166em /* 12 x 1.166 = 14px */; font-weight: bold }
#remover-mensagem-navegadores { background: #096; padding: 5px; color: #FFF; font-weight: bold}

/*
+----------------------------------------------------------------+
2.2. Menu esquerdo
+----------------------------------------------------------------+
*/

#menu-esquerdo { display: inline }

/* Menu inferior */
#secoes-inferior ul li#ico-sair { border-bottom: 1px solid #f0f0f0 }
#secoes-inferior ul li#ico-sair a { padding-bottom: 5px }

/*
+----------------------------------------------------------------+
2.3 Conteudo
+----------------------------------------------------------------+
*/

#sub-conteudo { min-height: auto !important }

/*
+----------------------------------------------------------------+
2.3.1 Login
+----------------------------------------------------------------+
*/

#login input { font-size: 1.125em /* 16 x 1.125 = 18px */; width: 259px }
    #login .lado-esquerdo { width: 130px }
    #login .lado-esquerdo, #login .lado-direito { margin-bottom: 0 }
    #login .lado-esquerdo span { float: left; width: 114px }
    #login .lado-esquerdo img { float: right }
    #login .lado-esquerdo label { margin-right: 0 }
    #login .lado-esquerdo input, #login .lado-direito input { width: auto }
    #login .lado-esquerdo input { border: 0; float: right }
    #login .lado-direito input { padding: 2px 3px; margin-right: 2px }

/*
+----------------------------------------------------------------+
2.3.2 Listagem de dados
+----------------------------------------------------------------+
*/

/* Barra de opcoes */
#barra-opcoes { overflow: hidden }
    .total-registro { display: inline }

/* Tabela de listagem dos registros */
.tabela-listagem { width: 99.7% }
.tabela-listagem td, .tabela-listagem th { border: 1px solid #D1D1D1; padding-top: 5px; padding-bottom: 5px  }
.tabela-listagem input { border: 0 }

    /* Opcoes dos registros */
    .opcoes-tabela-listagem li a:hover { color: #3A3A3A }

    /* Paginacao */
    .paginacao-gridview td { border: 0 }
    .paginacao-gridview input { top: 0 }
    
/*
+----------------------------------------------------------------+
3.3.4. Formularios de registros
+----------------------------------------------------------------+
*/
    
    /* Botoes de acao */
    #botoes-acao { width: auto; margin-right: -5px}
    #botoes-acao input { margin-left: -204px }

/*
+----------------------------------------------------------------+
2.4. Rodape
+----------------------------------------------------------------+
*/

/* Rodape fixo 
#principal { height: 100% }*/

/*
+----------------------------------------------------------------+
4. Modulos
+----------------------------------------------------------------+
*/

/*
+----------------------------------------------------------------+
4.1. Painel
+----------------------------------------------------------------+
*/

#box-painel { overflow: hidden; height: 425px }