/**
 * Css utilizado pelo sistema
 */

/*

.form_obj
{
    BORDER-RIGHT: #0000cc 1pt solid;
    BORDER-TOP: #0000cc 1pt solid;
    FONT-SIZE: 9px;
    BORDER-LEFT: #0000cc 1pt solid;
    BORDER-BOTTOM: #0000cc 1pt solid;
    FONT-FAMILY: "Verdana";
    HEIGHT: 20px;
    text-transform: uppercase;
}

*/
.colDegrade {
   background:url(../images/linha.jpg)  repeat-x;
}
.fontCase {
    text-transform: uppercase;
}

p {
	font-size: 5px;
}
.textoheader
{
    FONT-SIZE: 8PT;
    FONT-FAMILY: "Verdana";
    COLOR: black;
}
.form_text
{
    BORDER-RIGHT: #0000cc 1pt solid;
    BORDER-TOP: #0000cc 1pt solid;
    FONT-SIZE: 9px;
    BORDER-LEFT: #0000cc 1pt solid;
    BORDER-BOTTOM: #0000cc 1pt solid;
    FONT-FAMILY: "Verdana";
    text-transform: uppercase;
}
.form_obj_show
{
    BORDER-RIGHT: #006666 1pt solid;
    BORDER-TOP: #006666 1pt solid;
    BORDER-LEFT: #006666 1pt solid;
    BORDER-BOTTOM: #006666 1pt solid;
    FONT-FAMILY: "Verdana";
    FONT-SIZE: 9px;
    COLOR: blue;
    HEIGHT: 20px;
    text-transform: uppercase;
}
.form_select
{
    BORDER-RIGHT: #0000cc 1pt solid;
    BORDER-TOP: #0000cc 1pt solid;
    FONT-SIZE: 9px;
    BORDER-LEFT: #0000cc 1pt solid;
    BORDER-BOTTOM: #0000cc 1pt solid;
    FONT-FAMILY: "Verdana";
    HEIGHT: 20px;
}
.form_edit
{
    BORDER-RIGHT: #0000cc 1pt solid;
    BORDER-TOP: #0000cc 1pt solid;
    FONT-SIZE: 9px;
    BORDER-LEFT: #0000cc 1pt solid;
    BORDER-BOTTOM: #0000cc 1pt solid;
    FONT-FAMILY: "Verdana";
    text-transform: uppercase;
}
.form_edit_show
{
    BORDER-RIGHT: #0000cc 1pt solid;
    BORDER-TOP: #0000cc 1pt solid;
    FONT-SIZE: 9px;
    BORDER-LEFT: #0000cc 1pt solid;
    BORDER-BOTTOM: #0000cc 1pt solid;
    FONT-FAMILY: "Verdana";
    COLOR: blue;
    text-transform: uppercase;
}
.button1
{
    FONT-WEIGHT: bold;
    BORDER-LEFT-COLOR: blue;
    BORDER-BOTTOM-COLOR: blue;
    BORDER-RIGHT-COLOR: blue;
    WIDTH: 90px; COLOR: blue;
    BORDER-TOP-COLOR: blue;
    HEIGHT: 21px;
    BACKGROUND-COLOR: #ffffff;
}
.destaq1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: maroon;
    FONT-FAMILY: Verdana
}

.destaq2
{
    FONT-STYLE: italic;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana
}

BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: 500;
    FONT-SIZE: 9px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff
}
TD#Titulo
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    COLOR: #DC143C;
    FONT-FAMILY: Verdana;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #ffffff
}
TD#Padrao
{
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff
}

TD#cabec
{
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: CENTER;
    BACKGROUND-COLOR: Yellow
}

TD#label_tag
{
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #DDDDDD
}

TD#cabec_tag {
    background-color: #AAAAAA;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
}

TD#const_tag {
    background-color: #DDDDDD;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

TD#TituloTable
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #777777;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
TD#DetalheTable
{
    FONT-SIZE: 9px;
    WIDTH: 0px;
    COLOR: black;
    BACKGROUND-COLOR: #eeeeee
}
TD#detalhetablenumerico
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: right
}
TD#label
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 10px;
    COLOR: black;
    HEIGHT: 28px
}
TD#detalhetabledate
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: center
}
TD#DestaqueTable
{
    FONT-SIZE: 10px;
    COLOR: black;
    BACKGROUND-COLOR: #cccccc
}
TD#destaquetabledate
{
    FONT-SIZE: 10px;
    COLOR: black;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: center
}
#destaquetablenumerico
{
    FONT-SIZE: 10px;
    COLOR: black;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: right
}
TD#DestaqueTableTitulo
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 12px;
    COLOR: black;
    BACKGROUND-COLOR: #cccccc
}
TD#destaque
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 10px;
    COLOR: white;
    BACKGROUND-COLOR: #ff0000;
    TEXT-ALIGN: center
}


/* display tag */
tr.warn td {
	color: blue;
	font-weight: bold;
}
tr.ok td {
	color: red;
	font-weight: bold;
}
tr.odd {
  background-color: #eeeeee
}
tr.even {
  background-color: #ffffff
}
tr.total {
  background-color: #eeeeee;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  FONT-WEIGHT: bold;
}
th.displaytag{
	margin:0;
	background-repeat:no-repeat;
	list-style-type:none;
	padding: 2px 4px 2px 4px;
/*	vertical-align: top;
	border-width: 1px;
	border-style: solid; */
/*	border-color: threedhighlight threedshadow threedshadow threedhighlight; ==> Efeito botão*/
/*	background:   #cccccc; */
/*	cursor: hand; ==> mãozinha */
    FONT-WEIGHT: 500;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #777777;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
th.sorted {
    background-color: #DC143C;
}
th a, th a:visited {
  color: white;
}
th a:hover {
  text-decoration: underline;
  color: white;
}
th.sorted a, th.sortable a {
	background-position: right;
	background-repeat:no-repeat;
	display: block;
	width: 100%;
}
th.sortable a {
	background-image: url(../images/arrow_off.png);
}
th.order1 a {
	background-image: url(../images/arrow_up.png);
}
th.order2 a {
	background-image: url(../images/arrow_down.png);
}
td.displaytag{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
td.displaytagc { /* td centralizado */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
   text-align: center;
}
td.displaytage { /* td à esquerda */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
   text-align: left;
}
td.displaytagd { /* td à direita */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
   text-align: right;
}
table.displaytag {
	border: 1px solid #666;

	width: 100%;
	margin: 5px 0 15px 0;
}
span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 100%;
	margin-top: 10px;
	display:block;
	border-bottom: none;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
    text-align: right;
}
span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 100%;
	display:block;
	border-top: none;
	margin-bottom: -5px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
   text-align: right;
}
.empty {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 100%;
	margin-top: 10px;
	display:block;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
   text-align: center;
}
div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 10px 0 10px 0;
	width: 100%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
span.excel {
	background-image: url(../images/ico_file_excel.png);
}
span.wexcel {
	background-image: url(../images/ico_file_excel.png);
}
span.csv {
	background-image: url(../images/ico_file_csv.png);
}
span.xml {
	background-image: url(../images/ico_file_xml.png);
}
span.export {
	padding: 0 4px 1px 20px;
	display:inline; display:inline-block;
	cursor: pointer;
	background-repeat:no-repeat;
}
a, a:visited, a:hover {
	color:black; text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
img {
	border:none;
}
/* highlight table row onmouseover */
/* se colocar soh o "table tr.over" funciona, os que tem o "a" é pra mudar a cor do texto do link. */
table tr.over, table tr.over a, table tr.over a:hover, table tr.over a:visited {
     background: #DC143C;
     color: white;
     cursor: pointer;
     cursor: hand; /* IE 5.5 non-compliant workaround */
     text-decoration: none;
}
table tr.over2, table tr.over2 a, table tr.over2 a:hover, table tr.over2 a:visited {
     background: #777777;
     color: white;
     cursor: pointer;
     cursor: hand; /* IE 5.5 non-compliant workaround */
     text-decoration: none;
}

#uploads .block {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 100px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: white;
	border: 1px solid #CCCCCC;
}

#uploads .block .progressBar {
	background-color: #3E6FAD;
	width: 0px;
	height: 5px;
	margin-top: 47px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-transition: .25s ease-out;
	-webkit-transition: .25s ease-out;
	-o-transition: .25s ease-out;
	transition: .25s ease-out;
}

#uploads .block .cancelButton {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 25px;
	height: 25px;
	background-color: black;
	border: 2px solid white;
	color: white;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	-moz-box-shadow: 0px 0px 10px 0px #C4C4C4;
	-webkit-box-shadow: 0px 0px 10px 0px #C4C4C4;
	-o-box-shadow: 0px 0px 10px 0px #C4C4C4;
	box-shadow: 0px 0px 10px 0px #C4C4C4;
	cursor: pointer;
}

#uploads .block .format {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: 34px;
}

#uploads .block .error {
	text-align: left;
	font-size: 14px;
	color: red;
}