/******************************************************************************
 * Containers
 ******************************************************************************/
body
{

 background-image: url("images/fundo_ok.jpg");
/*background-color: #EAEAEA; */
 font: caption;
 margin: 0;
 padding: 0;
 color: #000;
 width:100%;
 height:100%;
 text-align: center;
 border: 0 none;
 scrollbar-face-color: #CBCDB4;
 scrollbar-shadow-color: #E6E7DA; 
 scrollbar-highlight-color: #E6E7DA; 
 scrollbar-3dlight-color: #E6E7DA; 
 scrollbar-darkshadow-color: #E6E7DA; 
 scrollbar-track-color: #E6E7DA; 
 scrollbar-arrow-color: #E6E7DA;

}

h1
{
 font-size: 12px;
 font-weight: bold;
 color: #000;
 margin: 0 0 10 0;
}

h2
{
 font-size: 11px;
 font-weight: bold;
 color: #000;
 margin: 0 0 0 15px;
}

h3
{
 font-size: 11px;
 font-weight: normal;
 color: #900;
 margin: 0 0 0 35px;
 display: inline;
}

h4
{
 font-size: 10px;
 font-weight: normal;
 color: #000;
 margin: 0 0 0 0px;
 padding: 0;
 display: inline;
}

fieldset
{
 font-size: 11px;
 font-weight: normal;
 margin: 0;
 padding: 0;
}

code
{
 font-size: 11px;
 font-weight: normal;
 padding: 5px;
}

#m-container
{
 width: 750px;
 border-style: outset;
 border-width: 0px;
 background: window;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 background-color: #FFFFFF; /* cor de fundo index-0*/

}
/*
#m-container-top
{
 width: 750px;
 margin: 0;
 padding: 0 auto;
}

 não está usando 
#m-container-top .logo  
{
 float: left;
}

#m-container-top .logo1
{
 float: left;
}

#m-container-top .logo2
{
 float: left;
 margin-top: 0px;
}
#m-container-top .logo3
{
 float: left;
 position:relative;
}


#m-container-top .text
{
 float: right;
 width: 514px;
 height: 72px;
 margin: 0;
 padding: 0 3px 0 0;
 text-align: right;
}

#m-container-top .icons
{
 float: left;
 margin-right:8px;
 position: relative;
 
}

#m-container-top .busca
{
 float: right;
 position: relative;
}*/

/*
#m-container-top .menutopo
{
 padding-top:80px;
}
*/

#m-container-module
{
 padding: 2px;
 font-size: 11px;
 font-weight: bold;
 text-align: right;
}

/*
#m-container-topmenu
{
 background: menu;
 border-bottom: 1px solid #EEE;
 padding: 0;
 position: relative; /* posistion deve ser relative 
 z-index: 0; /* z-index deve ser menor que em mainmenuContainer 
} */

/*
#m-container-dhtmlmenu /* estilo para o mainmenuContainer -> deve ser criado 
{
 padding: 0;
 top: 0;
 font-weight: bold;
 position: relative; /* position deve ser relative 
 z-index: 1; /* z-index deve ser maior que em contentContainer e contentFullContainer 
 background: #C1C7A3;
 width: 150px;
 border-top: 1px solid ;	/*threedhighlight
 border-bottom: 1px solid ;	/*threeddarkshadow
 border-left: 1px solid ;	/*threedhighlight
}*/

/* 
#m-container-menu
{
float: left; 
 background: #C1C7A3;
 width: 150px;
 padding: 0;
}*/

#m-container-content /* aqui muda a posição dos formulários na tela*/
{
 float: left;
 background-color:#FF0000; 
 width: 100%;
 height: auto;
 text-align: left;
 margin-right:8px;
 margin-bottom: 30px;
 margin-left: 200px;
 margin-top: 30px;
 position: relative; /* posistion deve ser relative */
 z-index: 0; /* z-index deve ser menor que em mainmenuContainer */
 font: caption;
 font-weight: normal;

}

#m-container-content-full
{
 width: 734px;
 height: auto;
 text-align: left;
 margin: 8px; 
 position: relative; /* posistion deve ser relative */
 z-index: 0; /* z-index deve ser menor que em mainmenuContainer */
 font: caption;
 font-weight: normal;
 background: window;
}

#m-container-content-popup
{
 height: auto;
 text-align: left;
 position: relative; /* posistion deve ser relative */
 z-index: 0; /* z-index deve ser menor que em mainmenuContainer */
 font: caption;
 font-weight: normal;
 background: window;
}

#m-container-bottom
{
 font: status-bar;
 background:#ccc;
 clear: both;
 text-align: center;
}

.m_popup
{
 overflow: hidden;
 border-style: none;
 border: 0;
}

.m-dialog
{
 position: absolute;
 border-style: none;
 border: 0;
 padding-top: 15px;
 z-index: 202;
 background-color: red;
}

.m-dialog-iframe
{
	margin: 0px;
	position: absolute;
	z-index: 199;
	background-color:transparent;
	border: 0px;
	padding: 0px;
	overflow: hidden;
}


#m-dialog-modal {
 position: absolute;
 z-index: 200;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: .2;
 filter: alpha(opacity=20);
 /* this hack is so it works in IE
 * I find setting the color in the css gives me more flexibility 
 * than the PNG solution.
 */
 background-color: transparent !important;
 background-color: #FFF;
 /* this hack is for opera support
 * you can uncomment the background-image if you don't care about opera.
 * this gives you the flexibility to use any bg color that you want, instead of the png
 */
 background-image/**/: url("images/maskBGwhite.png") !important; // For browsers Moz, Opera, etc.
 background-image: none;
 background-repeat: repeat;
 display: none;
}

/******************************************************************************
 * ???
 ******************************************************************************/

.currentPageNumber
{
 color: #f00;
 font-weight: bold;
}

div.statistics
{
 position: absolute;
 width: 500px;
 left: 10px;
 overflow: scroll;
 height: 200px;
}

div.statistics .image
{
 text-align: right;
}

div.statistics .text
{
 background-color: #f7f7f7;
 border-top: solid #555 1pt;
 border-bottom: solid #fff 1pt;
 border-left: solid #555 1pt;
 border-right: solid #fff 1pt;
 vertical-align: top;
 font-size: 10px;
 font-style: normal;
 font-weight: normal; 
 color: #005;
 padding: 4pt; 
}
