/*
=============================================================
LAYOUT PARA A SEMAD
Autor: Alessandro Ribeiro
Email: alessandro.ribeiro@synos.com.br
Versão: 1.0
Criação: 28/05/2006
=============================================================
*/

/* ######################## GERAL ######################## */
* {	font: 12px Arial, Verdana, Tahoma; }

body {
	margin: 0;
	background: #fff url(../images/frw/background.gif);
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

img {
	border: 0px none #999;
}

form,div,table,td,img {
	padding: 0;
	margin: 0;
	border: 0px none #fff;
}

/* ######################## DIV CONTAINER ######################## */
#container {
	margin: 0px;
	background-color: #fff;
}

/* ######################## <div> HEAD/TOPO ######################## */
#head {
	 background: #cacc81 url(../images/frw/head_bg.jpg) bottom center repeat-x;
  position: relative;
}
#topo {
	background: url(../images/frw/head_topo.jpg) left 100% no-repeat;
	height: 83px;
	_height: 82px;
	width: 360px;
}

#menu{
	margin-left: 20px;
}

#titulohead{
	top: 0px;
	_top: -2px;
	right: 10px;
	position: absolute;
	color: #555;
}
#titulohead img { vertical-align: middle; }

/* ######################## <div> CORPO ######################## */
#corpo {
	background-color: #FFFFFF;
	/*margin: 10px;*/
	padding-bottom: 5px;
}

/* ######################## <div> TITULOCORPO ######################## */
#titulocorpo {
	position: relative;
	border-bottom: 4px solid;
	border-bottom-color: #CACC81;
	color: #336699;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0 20px 0;
 clear: left;
 text-indent: 10px;
}

/* ######################## <div> MENSAGENS ######################## */
#mensagens {
	font-size: 9pt;
	font-weight: bold;
	color: #336699;
	line-height: 16px;
	margin: 10px;
	_margin: 5px;
}
#mensagens legend {
	padding: 0px 5px 0px 5px;
	color:#999999;
	font-size: 10px;
	font-weight: bold;
   border: 0px solid #999999;
}
#mensagens li.ok {
	list-style-image: url("../images/frw/li_msg_ok.gif");
}
#mensagens li.erro {
   list-style-image: url("../images/frw/li_msg_error.gif");
}
#mensagens ul {
	margin: 5px 0px 5px 0px;
	_margin-left: 40px;
	vertical-align: middle;
}

/* ######################## <div> BOTOES ######################## */
#botoes {
 	text-align: left;
 	margin: 10px;
}
#botoes input {
  height: 22px;
  border: 0px;
  text-indent: -5000px;
  cursor: pointer;
}
* html #botoes input { 
  padding-left: 5000px; 
  text-indent: 0;
}

#botoes .btn_search {
  background: transparent url(../images/frw/btn_pesquisar.gif) center center no-repeat; 
  width: 82px;
}
#botoes .btn_save { 
  background: transparent url(../images/frw/btn_gravar.gif) center center no-repeat; 
  width: 82px;
}
#botoes .btn_insert { 
  background: transparent url(../images/frw/btn_inserir.gif) center center no-repeat; 
  width: 82px;
}
#botoes .btn_delete { 
  background: transparent url(../images/frw/btn_excluir.gif) center center no-repeat; 
  width: 82px;
}


/* # ALTERADO # */
#botoes .btn_searchall { background-image: url("../images/frw/btn_searchall.gif"); }

/* ######################## <div> NAVEGAÇÃO ######################## */
#navegacao {
	font-size: 10px;
	line-height: 16px;
	text-transform: lowercase;
}
#navegacao li {
   list-style-image: url(../images/frw/tip.gif);
	text-transform: capitalize;
	/*_padding-left: 5px;*/
}
#navegacao ul {
	margin: 5px 0px 5px -17px;
	/*_margin-left: 17px;*/
	vertical-align: middle;	
}

/* ######################## <div> CONTEUDO ######################## */
#conteudo {
	background-color: #FFFFFF; 
	/*_width: 100%; *//* Correcao do BUG ID-001 */
}

/* ######################## <div> TABFOLDER ######################## */

#abas table,td {	
  border: 0px solid #000;		
  padding: 0;		
  margin: 0;
}

#abas{
  border-bottom: 5px solid #336699;
  _position: relative;
}

#abas td {	height: 19px; }

#abas a,.frwAbaCenterDisabled {
	 display: table-cell;
	 padding: 0px 8px 0px 8px;
}

#abas .frwAbaLeftActive {background-image: url(../images/frw/frwAbaLeftActive.gif);width:10px;}
#abas .frwAbaRightActive {background-image: url(../images/frw/frwAbaRightActive.gif);width:10px;}
#abas .frwAbaCenterActive { background-color: #336699;}
#abas .frwAbaCenterActive a {font-weight: bold; color: #fff;}

#abas .frwAbaLeftInactive {background-image: url(../images/frw/frwAbaLeftInactive.gif);width:10px;}
#abas .frwAbaRightInactive {background-image: url(../images/frw/frwAbaRightInactive.gif);width:10px;}
#abas .frwAbaCenterInactive { background-color: #cacc81;}
#abas .frwAbaCenterInactive a {color: #000;}

#abas .frwAbaLeftDisabled {background-image: url(../images/frw/frwAbaLeftDisabled.gif);width:10px;}
#abas .frwAbaRightDisabled {background-image: url(../images/frw/frwAbaRightDisabled.gif);width:10px;}
#abas .frwAbaCenterDisabled { background-color: #C6C6CB;}
#abas .frwAbaCenterDisabled a {color: #C6C6CB;}

/* ######################## <div> BASE ######################## */
#base {
	background-color: #336699;
	border-top: 5px solid #CACC81;
	border-bottom: 1px solid #000000;
	color: #fff;
	height: 15px;
	text-align: center;
	position: relative;
 clear: both;
 padding-top: 0px;
}
#frwBaseMessage {
  padding-top: 2px;
  font-size: 11px;
}

/* ######################## <table> CLASS LISTA ######################## */
.lista {
	background-color : #FFFFFF;
	font-size: 9pt;
	font-weight:bold;
	color:#996633;
	text-align: center;	
	max-width: 100%;
 width: 100%;
}
.lista caption {
  font-size: 13px;
  font-weight: bold;
  color: #cc0000;
  text-align: left;
  text-indent: 5px;
}
.lista th {
	background-color: #CACC81;
	color: #336699;
	font-weight: bold; 
	padding: 1px 5px;	
}
.lista td {
	padding: 3px 5px;
}

.lista a {
	color: #336699;
}

.odd {
	background-color: #F7F7E7;
}
.even {
	background-color: #F7F7E7;
/*	background-color: #ECECEE;*/
}
.lista tr:hover {
	background-color: #FCFCF3;
}

/* ######################## <table> CLASS FORMULARIO ######################## */
.formulario {
	background-color : #FFFFFF;
	width: 100%;
	_width: 95%;
}
.formulario tr {
	background-color: #f7f7e7;
	vertical-align: top;
}
.formulario th {
	color: #666666;
	font-weight: bold;
	padding: 5px 5px 0px 5px;
	text-align: right;
/*	text-transform: capitalize;*/
}
.formulario td {
	color: #336699;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-weight: bold;
}
.formulario input, textarea, select  {
	background-image: url(../images/frw/shadow.gif);
	border: 1px solid #515C64;
	font-size: 11px;
	padding-top: 1px;
	padding-left: 4px;
}

.formulario td.rotulo {	background-color: #cacc81; }
.formulario td.rotuloAzul {	background-color: #336699; }
.formulario td.rotuloBranco {	background-color: #FFFFFF; }
.formulario td.rotuloCinza {	background-color: #F7F7E7; }
.formulario td.rotuloMarrom {	background-color: #CCCC99; }

/* ######################## ITENS - PAGINACAO ######################## */
#paginacao {
	margin: 10px 0px 0px 0px;
	text-align: center;
/* Correcao do BUG ID-002 = BUG ID-001 */
	width: 100%; /* corrige IE ---> mas bicha o Firefox */
	max-width: 739px; /* finalizada correção, RTU eficiente */
    min-width: 100%;
}
#paginacao table{
	width: 100%; 	/* Causa do BUG ID-002 = BUG ID-001 */
}
#paginacao td {
	background-position: center;
	font-size: 10px;
}
#paginacao strong {
	color: #006699;
}