div.background { background-color:#C6D7CF; padding:0 }

table.grid { width:100% }
table.grid td { margin:0; padding:0 1px 0 1px; font-size:11px; cursor:pointer }
table.grid td.zero { padding:111px 3px 115px 3px; color:#777; text-align:center; cursor:default; background-color:#fff }
table.grid td.espaco { background-color:#FFFFFF; cursor:default }
table.grid td.nocheck { padding-top:2px; padding-bottom:2px }
table.grid tr.par img, table.grid tr.impar img { margin:0 2px 0 4px; float:right }
table.grid tr.impar { background-color:#FFFFFF }
table.grid tr.par { background-color:#F8F7E8 }
table.grid tr.over td {  }
table.grid tr.checked { background-color:#DCF5E0 }
table.grid tr.impar td, table.grid tr.par td, table.grid tr.checked td { border-bottom:1px solid #ccc }

table.grid input.texto { height:13px; margin:0; border:1px solid #ccc; font-size:10px }
table.grid input.botao { height:17px; margin:0; border:0px solid #000; font-size:10px; background-color:#DAEBE3 }
table.grid select { font-size:10px; width:150px; background-color:#DAEBE3; border:1px solid #C6D7CF; padding:1px; margin:0 }

table.grid tr.header td { background-color:#e4e4e4; font-weight:bold; cursor:default; border-bottom:1px solid #ccc }
table.grid tr.header td.check { border-right:0; margin:0; padding:1px 0 1px 1px }
table.grid tr.footer td { background-color:#C6D7CF; padding:4px 3px 4px 3px; cursor:default; font-size:11px }

table.grid table.footer td { border:0; padding:0 }


/** GRID2 **/
table.grid2 { width:100% }
table.grid2 td { padding:1px 2px 1px 2px; cursor:pointer; border:1px solid #fff; font-size:11px }

table.grid2 tr.header { background-color:#2E1C86; color:#FECA00; font-weight:bold }
table.grid2 tr.header td { padding:1px 2px 1px 2px; cursor:default }

table.grid2 tr.par { background-color:#ffffff }
table.grid2 tr.impar { background-color:#ededed }
/** FIM DA GRID2 **/


/** GRID DO RELATÓRIO **/
table.gridr { width:100% }
table.gridr td, table.gridr th { padding:2px 3px 2px 3px; border:1px solid #999 }
table.gridr tr.header { background-color:#ddd }
table.gridr tr.header td { font-weight:bold }
/***********************/


/** GRID PARA BUSCAS COM OUTRO TIPO DE PAGINAÇÃO. ESTA GRID NÃO USA NENHUMA CLASSE **/
table.gridb { border-collapse:separate; width:100%; border-spacing:1px 1px }
table.gridb tr.header td, table.gridb tr.header th { border-right:1px solid #F4F4F4; border-bottom:1px solid #FFFFFF; background-color:#EDECEC; font-weight:bold; cursor:default }
table.gridb td { background-color:#F9F9F9; border-right:1px solid #F4F4F4; border-bottom:1px solid #EDECEC; padding:3px; color:#000000; font-family:Tahoma; font-size:11px; cursor:default; vertical-align:middle }
table.gridb tr.over td { border-bottom: solid 1px #EDECEC; background-color: #F3F3F3; border-right: 1px solid #F4F4F4 }
table.gridb img { width:16px; height:16px }
/** FIM DA GRID PARA BUSCAS **/


/** GRID COM ESPAÇAMENTO NAS CÉLULAS. ESSA GRID TEM UM VISUAL MAIS SIMPLES **/
table.grid3 {
	border-collapse:collapse;
	width:100%;
	border-spacing:1px 1px;
	border:1px solid #E0E0E0;
}

table.grid3 td { padding:6px }
table.grid3 td.checkbox { padding:4px }

table.grid3 tr.header td {
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #D0D0D0;
	background-color:#EDECEC;
	font-weight:bold;
}

table.grid3 td {
	background-color:#FFF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #D0D0D0;
	color:#000;
	font-family:Arial;
	font-size:12px;
}

table.grid3 tr.footer td {
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #D0D0D0;
	background-color:#E8E8CF;
}

table.grid3 tr.over td { background-color:#FFFFD9 }

table.grid3 img { width:16px; height:16px }
/** FIM DA GRID **/




/** TABELA DO QUADRO COMPARATIVO **/
table.qc { width:100% }
table.qc td { background-color:#F9F9F9; border-right:1px solid #F4F4F4; border-bottom:1px solid #EDECEC; padding:3px; color:#333333; font-size:10px }
table.qc tr.header td { border-right:1px solid #F4F4F4; border-bottom:1px solid #FFFFFF; background-color:#EDECEC; font-weight:bold }
/**********************************/

table.cursor td { cursor:pointer }

body.f11 table.grid td { font-size:11px }


/** TABELA QUE TEM O CÓDIGO DE ORDENAÇÃO (jQuery) **/
table.sorter thead tr .header {
	padding: 4px;
	font-family: Tahoma;
	font-size: 11px;
}

table.sorter thead tr .header {
	background-image: url('../img/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.sorter thead tr .headerSortUp {
	background-image: url('../img/asc.gif');
}

table.sorter thead tr .headerSortDown {
	background-image: url('../img/desc.gif');
}
/***************************************************/


/* grid jQuery */
table.tablesorter {
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	background-color:#CDCDCD;
	margin:0 0 10px 0;
	font-size:11px;
	width:100%;
	text-align:left;
}
table.tablesorter a {
	color:#0000F0;
}
table.tablesorter a:active {
	color:red;
}
table.tablesorter a:visited {
	color:#551A8B;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color:#E4E4E4;
	padding:2px;
}
table.tablesorter thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color:#000000;
	padding:2px;
	background-color:#FFF;
}
table.tablesorter tbody tr.even td {
	/*background-color:#F8F7E8;*/
	background-color:#FFFFFF;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:0;
	border-right:0;
}
table.tablesorter tbody tr.odd td {
	background-color:#FFFFFF;
}
table.tablesorter tbody tr.checked td {
	background-color:#FFFFCC;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color:#CFE2D7;
}
#gridpager {
	height:20px;
	padding:5px;
	width:200px;
}
#gridpager img {
	float:left;
	margin:1px 2px 0 2px;
	width:16px;
	height:16px;
}
#gridpager input.pagedisplay, #gridpager select {
	font-size:11px;
	font-family:Arial,Helvetica,sana-serif;
	width:45px;
	margin:0 2px 0 2px;
	padding:0;
	float:left;
}
/* fim da grid jQuery */