/* global */

body {font:normal 8pt arial; margin:8px 8px 0; padding:0; background: url(../imagens/TapumeVertice.png) ;}
img {border:0; vertical-align:middle}
form {margin:0;}
p {}
span {}
h1 {font: normal 14pt/24pt arial}
h2 {font: normal 12pt/18pt arial}
h3 {font: normal 10pt/14pt arial}
h4 {font: normal 8pt/10pt arial}
input, textarea, select {background:#fff; border-top:solid 1px #bbb; border-left:solid 1px #bbb; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; color:#000; font:normal 9pt arial; margin:0 5px; padding:2px;}
input#idRadio, input#idCheckbox {background:transparent; border:0;}
th, td {padding:2px 2px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
#divContent {margin:0 auto;}
#divTopoContent, #divMenuContent, #divCentroContent, #divRodapeContent {float:left; margin:0; width:100%;}
#divMenuContent, #divCentroContent {background-color:#7B7B7B;}

.Esquerda {text-align:left;}
.Centro {margin-left:auto; margin-right:auto;}
.Direita {text-align:right;}

/* topo */
#divTopoContent {background: url(../imagens/backTopo.gif) repeat-x top; color:#fff;}
#divTopoEsq, #divTopoDir {height:52px; margin:0; width:10px;}
#divTopoEsq {background: url(../imagens/backTopoEsq.gif) no-repeat left top; float:left;}
#divTopoDir {background: url(../imagens/backTopoDir.gif) no-repeat right top; float:right; text-align:right;}
#divTopoLogo {float:left; margin:-3px 25px 0 -3px; border:0; padding:0;}
#divTopoMenu {float:left; margin:9px 2px 0 0; border:0; padding:0;}
#divObraLogo {float:right; margin:9px 2px 0 0; border:0; padding:0;}
#divFloatLeft  {float:left; margin:-1px 0px -1px 0px; border:0; padding:0;}
#divFloatRight {float:right; margin:-2px 0px -2px 0px; border:0; padding:0;}

/* topo usuarios */
#divTopoUsuarios {clear:both; float:right; margin:15px 10px 20px 0px; padding:0px; width:auto; border:0px;}
#divTopoUsuarios img {margin:0 10px 0 0;}
#divTopoUsuarios a {color:#fff; text-decoration:none;}
#divTopoUsuarios span {margin: 0 10px 0 10px;}
#divTopoUsuarios table { margin:0px; width:100%; color:#fff;}
#divTopoUsuarios table thead th {background: url(../imagens/backMenu.gif) repeat-x center;}
#divTopoUsuarios table thead th.first {border:0px;}
#divTopoUsuarios table tbody td { border-bottom:0px dotted #999;}
#divTopoUsuarios table tbody td.colorstatus { background:#f00; color:#fff;}

/* topo status */
#divTopoStatus {clear:both; color:#fff; float:right; margin:0px 10px 0px 0px; padding:0; width:auto;}
#divTopoStatus span {margin: 0 10px 0 10px;}

/* menu */
#divMenuContent {height:31px;}
#divMenu {background: url(../imagens/backMenu.gif) repeat-x top; clear:both; height:30px; margin:0 5px 0 5px;}
#divMenu img{ margin:0 0 0 10px; vertical-align:middle;}

/* centro */
#divCentro {background: url(../imagens/backDegradeTopo.png) repeat-x top #fff; border:1px solid #333; margin:0 5px 0 5px; padding:0 5px 5px 5px;}

/* busca */
#divBuscaContent {background: url(../imagens/backBusca.gif) repeat-x bottom; height:40px; margin:0 0 20px 0;}
#divBuscaEsq, #divBuscaDir {height:40px; margin:0; padding:0; width:10px;}
#divBuscaEsq {background: url(../imagens/backBuscaEsq.gif) no-repeat bottom; float:left;}
#divBuscaDir {background: url(../imagens/backBuscaDir.gif) no-repeat bottom; float:right;}
#divBuscaCentro {margin:0; padding:10px 0 0 0; text-align:center;}

/* tabela */
#Tabela {border-left:1px solid #ddd;border-top:1px solid #ddd;margin:0 5px; padding:0; width:auto}
#Tabela tr {vertical-align:top;}
#Tabela h4 { background:#eee; margin:0; padding:10px;}
#Tabela thead th.first-child, #Tabela tbody td.first-child {text-align:center;}
/*#Tabela thead th:first-child, #Tabela tbody td:first-child {border-left:0;}*/
#Tabela thead th {border-left:1px solid #fff; background:#333; color:#fff; min-width:70px; font-size:9px;}
#Tabela thead th.first-child {border-left:0;background:#666; color:#fff; min-width:50px;}
#Tabela thead th.none-child {border-left:0;background:#666; color:#fff; min-width:110px;}
#Tabela thead td {border-right:1px solid #ddd;border-bottom:1px dotted #ccc;background:#fff;color:#666;width:15px;text-align:center;}
#Tabela thead td.off {background:#eee; color:#999;}
#Tabela tbody td {border-right:1px solid #ddd;border-bottom:1px dotted #ccc;height:15px;}
#Tabela tbody td.half {border-bottom:1px dotted #ddd;}
#Tabela tbody td.on {background:#eee; color:#900; font-weight: bold;}
#Tabela tbody td.off {background:#eee; margin: 2px; height: 100px; }
#Tabela tbody td.first-child {background:#eee; color:#000;}

.Vencedor {font:normal bold 10pt courier; background-color: #EBF8EB;}

.cor00, .cor01, .cor02 , .cor03, .cor04, .cor05, .cor06, .cor07, .cor08, .cor09, .cor10  { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.cor00, .cor01, .cor02 , .cor03, .cor04, .cor05, .cor06, .cor07, .cor08, .cor09  { padding: 1px 4px 0px 4px; font-weight: bold;}
.cor00, .cor10  { font-weight: bold;}

.cor00 { border: 1px solid #FFC880; background: #FFF4E4; color: #281C10; }
.cor01 { border: 1px solid #A0A040; background: #F0F0B0; color: #505020; }
.cor02 { border: 1px solid #A04040; background: #F0B0B0; color: #502020; }
.cor03 { border: 1px solid #A040A0; background: #F0B0F0; color: #502050; }
.cor04 { border: 1px solid #4040A0; background: #B0B0F0; color: #202050; }
.cor05 { border: 1px solid #40A0A0; background: #B0F0F0; color: #205050; }
.cor06 { border: 1px solid #40A040; background: #B0F0B0; color: #205020; }
.cor07 { border: 1px solid #909090; background: #F0F0F0; color: #303030; }
.cor08 { border: 1px solid #F0F0F0; background: #C0C0C0; color: #909090; }
.cor09 { border: 1px solid #909090; background: #303030; color: #F0F0F0; }
.cor10 { border: 1px solid #80807c; background: #F0F0E8; color: #40403e; }

.Detalhe {border: #DCE4DC;}
.Detalhe thead th {font:normal bold 8pt arial; background-color: #F0F0E8;}
.Detalhe thead td {font:normal 8pt courier;}
.Detalhe tbody th {font:normal bold 8pt arial; background-color: #F0F0E8;}
.Detalhe tbody td {font:normal 8pt courier;}
.Detalhe tbody tr.even { background-color: #0CFCF4;}

.detalheHeadTH {font:normal bold 7pt arial; background-color: #F0F0E8;}
.detalheHeadTD {font:normal 7pt courier;}
.detalheBodyTH {font:normal bold 7pt arial; background-color: #F0F0E8;}
.detalheBodyTD {font:normal 7pt courier;}

/* barras */
#divHeadEsq, #divHeadDir {height:40px; margin:0; padding:0; width:10px;}
#divHeadEsq {background: url(../imagens/backBarraEsq.gif) no-repeat left top; float:left;}
#divHeadDir {background: url(../imagens/backBarraDir.gif) no-repeat right top; float:right;}
#divHeadCentro {background: url(../imagens/backBarra.gif) repeat-x top;height:40px; line-height:42px; text-align:left;}
#divFootEsq, #divFootDir {height:40px; margin:0; padding:0; width:10px;}
#divFootEsq {background: url(../imagens/backBuscaEsq.gif) no-repeat left bottom; float:left;}
#divFootDir {background: url(../imagens/backBuscaDir.gif) no-repeat right bottom; float:right;}
#divFootCentro {background: url(../imagens/backBusca.gif) repeat-x bottom; height:40px; line-height:40px; text-align:center;}
#divResult {border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;}
#divBar { border:0px solid #c0c; margin:0; padding:0;}

/* paginacao */
#divPager {margin:10px 0 0 0; padding:0; text-align:center;}
input.btnOk { background:transparent; border:0; margin:0 20px 0 0; vertical-align:middle;}
img.first, img.prev, img.next, img.last {margin:0; vertical-align:middle; cursor:pointer}

/* rodape */
#divRodapeContent {background: url(../imagens/backRodape.gif) repeat-x bottom;}
#divRodapeEsq, #divRodapeDir {height:28px; margin:0; width:40%; color:#fff;}
#divRodapeEsq {background: url(../imagens/backRodapeEsq.gif) no-repeat left bottom; float:left;}
#divRodapeEsq p, #divRodapeDir p {margin:10px;}
#divRodapeDir {background: url(../imagens/backRodapeDir.gif) no-repeat right bottom; float:right; text-align:right;}
#divRodapeDir a {margin:0 10px 0 10px; color:#fff;}
#divRodapeDir a.last {margin:0 0 0 10px;}

input#FsData1, input#FsData2 {background:#fff url(../imagens/calendar.gif) no-repeat 2px 3px; font:bold 9pt arial; margin:0 5px; padding-left:20px; width:65px; cursor:pointer;}


#divLoadingBars { border:0px solid #ccc; background:#fff;  width:32px; height:32px; z-index:100;  position:absolute; display:none;}
#divPesquisa { display: none; }
.selecionando { background-color: #FFFF99; }
.selecionado { background-color: #FF9999; }

	#feedback { font-size: 1.4em; }
	.ui-selecting { background: #FECA40; }
	.ui-selected { background: #F39814; color: white; }


.botao { border: 2px solid black; background-color: #666; color: #fff; }