/*------------------------------------------------------------------------------*
'* Acc Informatica & Assessoria Ltda       Departamento de Software             *
'*------------------------------------------------------------------------------*
'* Sistema .: Tupper.NET 2.0                                                    *
'* Analise .: Luis Fernando Borges e Carlos Miata                               *
'*------------------------------------------------------------------------------*
'* Módulo ..: Layout.css                   Versao : 1.0                         *
'* Tipo ....: CSS                          Escrita: 31/08/06 na Acc             *
'* Autor ...: Carlos Miata / Valmir        Usando : Visual Studio.NET           *
'*------------------------------------------------------------------------------*
'* Funcao ..: Definicao do layout do site                                       *
'*------------------------------------------------------------------------------*
'* Data     Responsavel Local   Manutencao                                      *
'*------------------------------------------------------------------------------*
'* 05/08/13 Miata       Acc     DivGeral.Height => Min-Height                   *
'* 05/05/15 Miata       Acc     table2                                          *
'* 23/04/18 Miata       Acc     mGridCompact                                    *
'* 22/03/19 Miata       Acc     Aumentar a altura do menu lateral               *
'*                                                                              *
'*                                                                              *
'*                                                                              *
'*------------------------------------------------------------------------------*/
/* 
 * GERAL
 */
*, html, body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#geral
{
	background-color: #FFF;
	margin: 0 auto;
	position: relative;
	width: 996px;
}
#DivGeral
{
	margin-left: auto;
	margin-right: auto;	
	width: 996px;	 
	min-height:880px;	
	background-color: #FFF;  
	position:relative;		
}

/*H O M E*/
/*topo*/
#topo
{
	background-color: #34BEF5;
	color: #FFFFFF;
	height: 36px;
}

/*
#topo
{
	background-color: #34BEF5;
	background-image: url(c:/h_temp/tw_topo_2.jpg);
	color: #FFFFFF;
	height: 36px;
}
*/

/*menu*/
.lista-menu
{
	list-style-type: none;
	width: 100%;
}
/*busca*/
.form-busca
{
	margin-left: auto;
	background-color: Transparent;
	background-color: #F4F5F0;
}
.lista-busca
{
	list-style-type: none;
}
/*texto topo*/
.right-white
{
	display: block;
	float: right;
	font-size: 11px;
	list-style-type: none;
	margin: 5px 15px 0px 0px;
}
.left-white
{
	display: block;
	float: left;
	font-size: 11px;
	list-style-type: none;
	margin: 10px 60px 0px 0px;
}

/*apresentação*/
.apresentacao
{
	font-size: 12px;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
}
/*imagem destaque*/
.img-home
{
	display: block;
	float: left;
	margin: 50px 60px 0px 0px;
}

/*L O G I N*/
/*form*/
#form-login
{
	background-color: #F3F4EF;
	margin: 70px auto;
	display: block;
	width: 300px;
	height: 60px;
	padding: 20px;
}
#form-login div
{
	clear: both;
	float: left;
	width: 260px;
	margin-bottom: 5px;
	height: 20px;
}
#form-login label
{
	display: block;
	float: left;
	width: 90px;
	font-size: 12px;
}
#form-login input
{
	float: left;
}
#form-login a
{
	color: #000;
	text-decoration: none;
}
.submit-login
{
	width: 31px !important;
	height: 43px !important;
	clear: none !important;
	margin: -50px 0 0 -10px; *margin:0px00-10px;}
.checkbox-login
{
	margin: 1px 4px 0px 0px; *margin:-4px4px0px0px;}
.little
{
	font-size: 12px !important;
}

/*C O M U N I C A D O*/
.comunicados
{
	list-style-type: none;
	margin-left: 20px;
}
.comunicados li
{
	display: block;
	background-color: #F4F5F0;
	padding: 20px;
	margin-bottom: 10px;
}
.comunicados li p
{
	font-size: 13px;
	margin-bottom: 10px;
}
.comunicados li a
{
	text-decoration: none;
	color: #D3007A;
	font-size: 12px;
}


/*F A L E  C O N O S C O*/
/*apresentação*/
.apresentacao_fale
{
	font-size: 12px;
	padding: 10px;
	margin: 20px 0px 20px 0px;
}
.linha-vertical
{
	background-color: #3F4143;
	display: block;
	float: left;
	height: 200px;
	margin: 30px 0 0 60px;
	width: 1px;
}
#form-fale
{
	margin-left: 50px;
}
.lista-fale
{
	float: left;
	list-style-type: none;
}
.lista-fale-right
{
	float: left;
	list-style-type: none;
	margin: 15px 0px 0px 60px;
}

/*C O M U N I C A D O S*/
/*menu lateral*/
.menu-lateral
{
	border-right: 1px solid #000;
	display: block;
	float: left;
	height: 720px;
	list-style-type: none;
}

/*P E D I D O S*/
/*tabelas*/
.tables
{
	display: block;
	float: left;
	width: 850px;
}

/*P E D I D O S  N O V O*/
/*form*/
.pedido-topo
{
	list-style-type: none;
	font-size: 12px;
}
.table-novo
{
	width: 625px !important;
	display: table !important;
}
.menus
{
	margin: 30px 0px 0px 20px;
	width: 100px;
	float: left;
	clear: none !important;
}
.floatleft
{
	margin-top: 30px;
	float: left;
	width: 200px;
	clear: none !important;
}
.pedido-topo li table
{
	display: block;
	float: left;
	width: 200px;
}
#img-absolute
{
	left: 802px;
	position: absolute;
	top: 265px;
}

/*P E D I D O S  R E L A T Ó R I O S*/
/*form*/
.radios
{
	list-style-type: none;
	height: 90px;
	font-size: 12px;
	margin-left: 20px;
}
.selects
{
	list-style-type: none;
	clear: both;
	font-size: 12px;
	margin: 40px 0px 0px 140px;
	width: 500px;
}

/*R E L A T Ó R I O S*/
/*tabela*/
.lista-relatorio
{
	list-style-type: none;
	font-size: 12px;
	text-transform: uppercase;
}
.relatorio-tabela
{
	border: 1px solid #34BEF5;
	border-collapse: collapse;
	font-size: 12px;
	float: left;
	margin: 0px 0px 20px 0px;
	width: 100%;
}
.relatorio-tabela td
{
	border: 1px solid #34BEF5;
}
.relatorio-tabela th
{
	border: 1px solid #34BEF5;
}
.voltar
{
	font-size: 14px;
	color: #900;
	margin: 30px 0px 30px 0px;
	text-transform: uppercase;
}

/*C O N F I G U R A Ç Õ E S*/
/*form*/
.config
{
	list-style-type: none;
	height: 90px;
	font-size: 12px;
	margin-left: 20px;
}
.prazos
{
	list-style-type: none;
	clear: both;
	font-size: 12px;
	margin: 40px 0px 0px 110px;
	width: 700px;
}

/*A J U D A*/
/*texto*/
.tables p
{
	font-size: 12px;
	margin: 0px 0px 20px 20px;
}
.lista-ajuda
{
	list-style-image: url(../../imagens/img/icon-seta-tupperware-brasil.jpg);
	list-style-position: inside;
	margin: 0px 0px 20px 20px;
}
.tabelaGeral
{
	font-size: 12px;
}
.Titulos
{
	font-size: 15px;
	color: red;
	font-weight: bold;
}
p.MsoNormal, li.MsoNormal, div.MsoNormal
{
	mso-style-parent: "";
	margin: 0cm;
	margin-bottom: .0001pt;
	mso-pagination: widow-orphan;
	font-size: 12.0pt;
	font-family: "Times New Roman";
	mso-fareast-font-family: "Times New Roman";
}

/* Modal popups */

.ModalPopupBackground
{
   background-color: Gray;
   filter: Alpha(opacity=30);
   opacity: 0.3;
}

.ModalPopup
{
   background-color: White;
   border-width: 5px;
   border-style: Solid;
   border-color: Gray;
   width: 400px;
   text-align: Center;
}

.ModalPopupTitle
{
   cursor: Move;
   background-color: Silver;
   border-width: 1px;
   border-style: Solid;
   border-color: White;
   border-bottom-color: Gray;
   text-align: Center;
}

.ModalPopupMessage
{
   background-color: White;
   text-align: Center;
}

.ModalPopupButtons
{
   background-color: White;
}

/*I M P O R T A Ç Ã O*/
.ModalResultadoImportacao
{
	position: absolute;
	top: 16%;
	left: 30%;
	text-align: center;
	background-color: #FFF8E9;
	border-width: 2px;
	border-style: solid;
	border-color: red;
	padding: 3px;
	width: 400px;
	font-family: Verdana;
}
.ModalConfirmacao
{
	position: absolute;
	top: 1%;
	left: 30%;
	text-align: center;
	background-color: #FFF8E9;
	border-width: 2px;
	border-style: solid;
	border-color: red;
	padding: 3px;
	width: 400px;
	font-family: Verdana;
}
.lblMensagem
{
	text-align: center;
}

/*
 * Table styles
 */
.table1
{
   border-collapse: collapse;
}

.table1 td
{
   padding: .1em;
   border: 1px gray solid;
}

.table1 th
{
   padding: .1em;
   border: 1px gray solid;
   background: #fc9;
}

.table2
{
	border-collapse: collapse;
	border: 2px solid #CC0099;
	font-family: Arial;
}

.table2 td
{
    padding: .1em;
	border: 1px solid #CC0099;
	text-align: center;
}

.table2 th
{
    padding: .1em;
	background-color: #F8F8F8;
	color: #CC0099;
	font-weight: bold;
	border: 1px solid #CC0099;
	text-align: center;
}

.tablec
{
/*    width: 100%; */
    padding: 0 0 0 0;
    margin-top: 5px;
}

.tablec td
{
	padding: 0 0 0 0;
	vertical-align: top;
}

.tablec th
{
	padding: 0 0 0 0;
    font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.tablec [type=text], [type=submit], textarea
{
    margin-top: 0px;
    padding: 0px;
}

/*
 * FieldSet / Legend styles
 */
.fieldset1
{
	border: thin solid #0000FF;
}

.legend1
{
	margin: 0 auto 0 auto;
	font-weight: bold;
}

/*
 * Painel styles
 */
.painelarea {
	background: Azure;
	width: 525px;
	height: 490px;
}

.paineltittle {
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
}

.painelsubtittle {
	padding: 10px;
}

.painelinfo 
{
	height: 430px;
}

.painelheader {
	padding: 0px;
	color: #5377A9;
	font-weight: bold;
	font-size: 1.1em;
}

.painelcontent1
{
	width: 400px;
	background: transparent;
	display: none;
}

.painelinner1
{
	background: #ccc;
}

.painelinner2
{
	padding: 0px 5px 0px 5px;
	background: transparent;
	color: #000066;
}

.painelinner2 p 
{
	padding: 3px;
}

.painelcontent2
{
	padding: 0px 5px 5px 5px;
	color: #000066;
}

.painelcontent2 p 
{
	padding: 3px;
}

.painelhover {
	background-image: url(../../Imagens/PainelHover.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #F5F7F8;
	padding: 0px;
	color: #5377A9;
	font-weight: bold;
	font-size: 1.1em;
}

/*
 * Cadastros styles
 */
.divCadastros
{
   border: solid 1px gray;
   overflow: auto;
   height: 300px;
   background-color:#ffffdd;
   padding:5px;
}

/*
 * Grid styles
 */
.mGrid
{
   width: 100%;
   background-color: #fff;    
   margin: 0 0 0 0;    
   border: solid 1px #525252;    
   border-collapse:collapse;    
}

.mGrid td
{
   padding: 2px;    
   border: solid 1px #c1c1c1;    
   color: #717171;    
}

.mGrid th
{
   padding: 4px 2px;
   color: White;
   background: gray url(../../Imagens/grd_head.png) repeat-x top;
   border-left: solid 1px #525252;
   font-size: 0.9em;
   font-family:Arial;
   font-style:normal;
   text-align:center;
}

.mGrid .th td
{
	color: White;
}

.th
{
   padding:4px 2px;
   color:White;
   background: gray url(../../Imagens/grd_head.png) repeat-x top;
   border-left:solid 1px #525252;
   font-size:0.9em;
   font-family:Arial;
   font-style:normal; 
   text-align:center;
}

.mGrid .alt       { background: #fcfcfc url(../../Imagens/grd_alt.png)  repeat-x top; }
.mGrid .pgr       { background: gray    url(../../Imagens/grd_head.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }

.mGrid .pgr td
{
   border-width: 0;
   padding: 0 6px;
   border-left: solid 1px #666;
   font-weight: bold;
   color: White;
   line-height: 12px;
}

.mGrid .pgr a       { color: #666; text-decoration: none; }   
.mGrid .pgr a:hover { color: #000; text-decoration: none; } 
.mGrid .sel         { font-weight: bold; background-color: #9471DE; }

.mGrid2
{
	border-style: ridge;
	border-width: 2px;
	border-color: white;
	background-color: white;
	color: black;
	font-size: 10pt;
	font-family: arial;
}

.mGrid2 .hea
{
    font-weight: bold;
	background-color: #4A3C8C;
	color: #E7E7FF;
}

.mGrid2 .sel
{
    font-weight: bold;
    background-color: #9471DE;
    color: white;
}

.mGrid2 .ite
{
	background-color: #DEDFDE;
}

.mGrid2 .alt
{
	background-color: #DEDFDE;
}

.mGrid2 .foo
{
    font-weight: bold;
    background-color: #C6C3C6;
    color: black;
}

.mGrid2 .pgr
{
    background-color: #C6C3C6;
    color: black;
}

.mGridCompact
{
   width: 100%;
   background-color: #fff;    
   margin: 0 0 0 0;    
   border: solid 1px gray;
   border-collapse:collapse;    
}

.mGridCompact td
{
   padding: 0 3px 0 0;    
   border: solid 1px gray;
   color: #717171;    
}

.mGridCompact th
{
   padding:0px 0px;
   color:#fff;
   background:gray url(../../Imagens/grd_head.png) repeat-x top;
   border-left:solid 1px #525252;
   font-size:0.9em;
   font-family:Arial;
   font-style:normal;
   text-align:center;
}

.mGridCompact .totals
{
   background: silver;
   text-align: right;
   font-size: 9px;
}

/*
 * Button Styles
 */
.btnNew
{
   background:url(../../Imagens/New.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnFilter
{
   background:url(../../Imagens/Filter.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnClose
{
   background:url(../../Imagens/Close.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnDelete
{
   background:url(../../Imagens/Delete.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnSave
{
   background:url(../../Imagens/Save.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnUndo
{
   background:url(../../Imagens/Undo.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnReport
{
   background:url(../../Imagens/Report.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnCheck
{
   background:url(../../Imagens/Check.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnImport
{
   background:url(../../Imagens/Import.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnExport
{
   background:url(../../Imagens/Export.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnUpload
{
   background:url(../../Imagens/Upload.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnEdit
{
   background:url(../../Imagens/Edit.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnExecute
{
   background:url(../../Imagens/Execute.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnPublish
{
   background:url(../../Imagens/Publish.ico) no-repeat left;
   width:150px;
   height:22px;
}

.btnOk
{
   width:75px;
   height:22px;
}

/*
 * Other styles
 */
.text-align-center
{
   text-align: center;
}

.HiddenCol
{
   display: none;
}