

/* <style> */

div.veiculo_drop {
    font-family: Verdana,Arial,Sans-Serif;
	border:1px solid red;
    padding: 2px;
    height: 105px;
    width:  98%;
	font-weight: normal;
	font-size: 10pt;
	background-color: #CFCCCA;
}

div.arrematante_cartela_div {
 width:1000px;
 background-color: #ede2cd;
}

div.arrematante_drop {
    font-family: Osaka,verdana,Sans-Serif;
	font-size: 12pt;
	border:1px solid red;
    padding: 2px;
    width:  98%;
	font-weight: normal;
	background-color: #CFCCCA;
}

div.arrematante_drop_active {
    font-family: Osaka,verdana,Sans-Serif;
	font-size: 12pt;
	border:1px solid red;
    padding: 2px;
    width:  98%;
	font-weight: normal;
	background-color: #CFCFDA;
}

div.veiculos_cartela {
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 7pt;
    background-color: white;
    font-weight: normal;
    padding: 2px;
    border-top: 1px solid;
    text-align:  left;
}

td.veiculo_dragable {
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 7pt;
    background-color: white;
    font-weight: normal;
    padding: 2px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    text-align:  left;
}

ol.lista_sort {
    background-color: white;
}

li.lista_sort {
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 9pt;
    background-color: white;
    font-weight: bold;
    border-left: 1px solid black;
}

td.lista_drop {
	border-bottom: 1px solid #003974;
}

div.lista_drop {
	margin-left: 10px;
	margin-right: 10px;
}

/* <style> */
div.tree_list {
	background-color: #ede2cd;
	border-left: 2px solid #003974;
	border-right: 2px solid #003974;
	color: black;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

div.record_form {
	background-color: #ede2cd;
	border-left: 2px solid #003974;
	border-right: 2px solid #003974;
	color: black;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

div.cadastro_proprietario {
	background-color: #ede2cd;
	border-left: 2px solid #003974;
	border-right: 2px solid #003974;
	color: black;
	margin-left: 0px;
	margin-right: 0px;    
}

td.grv_top_table {
	text-align: left ;
	vertical-align: top;
	font-size: 10px;
	border-top: 1px solid;
	border-bottom: 1px solid;	
}

td.grv_table {
	text-align: left ;
	font-size: 10px;
	border-left: 1px solid;
	border-bottom: 1px solid;
}

td.grv_table_nb {
	text-align: left ;
	font-size: 10px;
}

td.underline {
	border-bottom: 1px solid;
}

td.bordered_white {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-top: 1px solid;
	background-color: white;
}

td.bordered {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-top: 1px solid;
}

table.grv_sector {
	border: 1px solid ;
	border-spacing: 0px;
}

div.filter_form {
	background-color: #ede2cd;
	border-left: 2px solid #003974;
	border-right: 2px solid #003974;
	border-bottom: 2px solid #003974;
	color: black;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

form#filter_form {  
	padding: 3px; 
	margin-bottom: 0px;
	text-align: center;
} 

form#filter_form label, form#events_form label { 
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	width: 50px;
	text-align: right;
	vertical-align: middle;
	float: left;
	margin-left: 35%;
} 

form#filter_form input[type=text], form#filter_form input[type=password] { 
	border: 1px solid #d4ba89;
	vertical-align: middle;
	font-size: 10pt;
	padding: 2px;
	width: 150px;
}

form#filter_form input[type=text].extralong {
	width: 600px;
}

form {
	padding: 0px;
	margin: 0px;
}

form#record_form {  
	padding: 3px; 
	margin-bottom: 0px;
	text-align: center;
} 

table.record_table tr {
	padding-top: 5px;
}

table.record_table {
	width: 100%;
}

table.sublist_include_table {
	background-color: #ede2cd;
}

td.textfield {
	background-color: #fffddd;	
}

table.record_table td.textfield, table.sublist_include_table td.textfield, table.sublist_table td.textfield {
	width: 30%;
	padding-right: 5px;	
	font-weight: normal;
	height: 20px;
	background-color: #fffddd;
	border-top: 1px solid #ede2cd;
}

table.record_table td.field, table.sublist_include_table td.field {
	text-align: left;
	width: 30%;
	padding-right: 5px;	
	font-weight: normal;
	height: 20px;
	color: black;
}

table.filter_table td.label {
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	color: black;
	font-weight: bold;
}

table.record_table td.label, table.sublist_include_table td.label  {
	text-align: right;
	width: 20%;
	padding-right: 5px;
	color: black;
	font-weight: bold;
}

input[type=text].extralong, textarea.extralong {
	width: 400px;
}

input[type=text].extraextralong, textarea.extraextralong {
	width: 530px;
}

input[type=text].superlong, textarea.superlong {
	width: 750px;
}

input[type=text].long, textarea.long {
	width: 200px;
}

input[type=text].short, textarea.short  {
	width: 110px;
}

input[type=text].supershort {
	width: 65px;
}

input[type=text].supersupershort {
	width: 20px;
}

input[type=text].shorter {
	width: 135px;
}

input[type=text].ccredito {
	width: 145px;
}

input[type=text].cvalidade {
	width: 60px;
}

input[type=text].cverificador {
	width: 40px;
}


select, input[type=text], input[type=password], textarea {
	border: 1px solid #d4ba89;
	vertical-align: middle;
	font-size: 10pt;
}

input[type=checkbox] {
	vertical-align: middle;
	font-size: 10pt;
	padding: 2px;
}

input[type=text] {
	border: 1px solid #d4ba89;
	vertical-align: middle;
	font-size: 10pt;
	padding: 2px;
	width: 200px;
	float: left;
}
input[type=text].big, textarea.big {
	width: 150px;
	font-size: x-large;
}

input[type=text].regular, textarea.regular {
	width: 350px;
}

form#record_form td.recordivisor {
	padding-top: 10px;
	padding-left: 5px;
	border-bottom: 2px solid #d4ba89;
	color: #003974;
	font-size: 12pt;
}

form#record_form br, form#events_form br {
	clear:left;
}

div.login_form {
	background-color: #003974;
	color: white;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

form#login_form { 
	padding: 3px; 
	margin-bottom: 0px;
	text-align: left;
} 

input.value {
	text-align: right;
	width: 100px;
}

form#login_form label { 
	padding-top: 5px;
	padding-left: 20%;
	padding-right: 5px;
	width: 100px;
	float: left;
	text-align: right;
} 

form#login_form input[type=text], form#login_form input[type=password] { 
	vertical-align: top;
	font-size: 10pt;
	padding: 2px;
	width: 150px;
} 

input.toolbar_button {
	padding: 0px;
	margin: 0px;
}

form.button-to {
	padding: 0px;
	padding-top: 3px;
	margin: 0px;
}

td.sublistfield {
	background-color: white;
	padding-left: 10px;
	height: 20px;
	font-weight: normal;
}/* <style> */
body.standard_body {
	margin: 0px;
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 10pt;
    color: black;
    background-color: white;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    font-weight: normal;
}

table.printable {
	width: 80%;
}

div.title {
	font-weight: bold;
	margin-bottom: 20px;
}

div.footer {
	margin-top: 40px;
	width: 80%;
	background-color: #eee;
	font-size: 8pt;
}

table.printable th {
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 10pt;	
    background-color: white;
    padding: 5px;
    border: 1px solid;
}

table.printable td {
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 10pt;	
	background-color: #EEE;
	padding: 5px;

}

table.printable td.separator {
	background-color: white;
}

pre {
	font-family: Osaka,verdana,Sans-Serif;
    font-size: 10pt;
	margin: 0px;
	padding: 0px;
}/* <style> */
td.header {
	height: 30px;
	background-color: #1f3d7d;
	border-top:1px solid #d4ba89;
	border-bottom:1px solid #d4ba89;
	padding-left: 5px;
	vertical-align: middle;
	font-size: 12pt;
	font-weight: normal;
}

td.divisor {
    padding-top: 10px;
	padding-left: 5px;
	border-bottom: 2px solid #d4ba89;
	color: #003974;
	font-size: 12pt;
}

table.relatorio {
    border-right: 1px solid;
    padding: 0px;
    border-collapse: collapse;

}

td.relatorio {
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 8pt;
    background-color: white;
    font-weight: normal;
    padding: 2px;
    border-left: 1px solid;
	border-bottom: 1px solid;
    text-align:  center;
}

th.relatorio {
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 10pt;
    color: white;
    font-weight: bolder;
    background-color: darkblue;
    border-left: 1px solid black;
    padding: 5px;
    text-align:  center;
}
td.relatorio_header {
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 10pt;
    color: white;
    font-weight: bolder;
    background-color: darkblue;
    border: 1px solid black;
    padding: 5px;
    text-align:  center;
}

tr.relatorio_header {
    border: 1px solid;
    padding: 3px;
}

tr.relatorio {
    border: 1px solid;
}/* <style> */

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 85%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 11em;
	float: left;
	border-right: 1px solid  #CCC;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 11em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 11em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 2% 0 0 98%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #d4ba89;
	border-bottom: 3px solid #d4ba89;
	border-right: 3px solid #d4ba89;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color:#ede2cd;
	padding: 0.25em 0.5em;
	color: #333;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #d4ba89;
	color: black;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #d4ba89;
	color: black;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(/images/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(/images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(/images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(/images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
/* <style> */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
 margin-top:1em;
 margin-right: 10px;
 margin-left: 10px;
 text-align: left;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 2px 0;
 border-bottom: 1px solid #003974;
 font: bold 13px Osaka, Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #003974;
 border-bottom: none;
 background: #ede2cd;
 text-decoration: none;
 -moz-border-radius: 9px 9px 0px 0px;
}

ul.tabbernav li a:link { color: #013d62; }
ul.tabbernav li a:visited { color: #013d62; }

ul.tabbernav li a:hover
{
 color: black;
 background: orange;
}

ul.tabbernav li.tabberactive a
{
 background-color: white;
 border-bottom: 1px solid white;
}

ul.tabbernav li.tabberactive a:hover
{
 cursor: default;
 color: #013d62;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding-bottom: 10px;
 border:1px solid #003974;
 border-top:0;
 background-color: white;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* <style> */
table.proprietario_record {
    border-left : 1px solid black;
    border-right : 1px solid black;
    border-top : 1px solid black;
    border-bottom : 1px solid black;
}
div.floating {
	position: absolute;
	z-index: 10;
	border: solid 4px #1f3d7d;
	background-color: white;
	top : 1px;
	left : 1px;
}
div.floating_hidden {
	position: absolute;
	z-index: 10;
	border: solid 4px blue;
	background-color: white;
	top : 1px;
	left : 1px;
	display: none;
}

div.comentario {
	position: absolute;
	z-index: 10000;
	border: solid 1px black;
	background-color: #eedd82;
}

div#reboques {
	float: right;
	width: 50%;
}
div#motoristas {
	float: left;
	width: 50%;
}
div#indicator {
	position: absolute;
	margin-top:0px;
	padding-top: 10%;
	width: 100%;
}

body.standard_body {
	margin: 0px;
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 10pt;
    color: #003366;
    background-color: #cecece;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}

img#company_logo {
	position: absolute;
	top: 0px;
	left: 0px;
	border:none;
	padding: 2px;
}

div#body_header {
	background-color: #003974;
	color: white;
	font-weight: bold;
	font-size: 12pt;
        border-left: 0px;
	border-top:0px solid #d4ba89;
	border-bottom:0px;
	padding-left: 0px;
        padding-bottom: 0px;
}

div#toolbar {
	height: 80px;
	background-color: #003974;
	color: white;
	font-weight: bold;
	padding-left: 8px;
	font-size: 12pt;
}

form#company_select_form div {
	display: inline;
}

form#company_select_form select {
	font-size: 8pt;
	vertical-align: middle;
}

div#login_logout {
	text-align: right;
	vertical-align: middle;
	padding-right: 8px;
	color: white;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 5px;
}

a.toolbar_link {
	color: white;
	text-decoration: none;
}

a.toolbar_link:hover {
	color: white;
	text-decoration: underline;
}
div#menubar {
	height: 30px;
	background-color: #ede2cd;
	border-top:1px solid #d4ba89;
	border-bottom:1px solid #d4ba89;
	padding-left: 5px;
	vertical-align: middle;
	height: 26px;
	font-size: 12pt;
	font-weight: normal;
}

div#mainbody {
	padding-top: 20px;
	padding-bottom: 20px;
}

div.flash_warning {
	background-color: #ede2cd;
	border-top:1px solid #d4ba89;
	border-bottom:1px solid #d4ba89;
	padding: 2px;
	margin-left: 10px;
	margin-right: 10px;
	color: black;
	text-align: center;
}

div.flash_notice {
	background-color: #ede2cd;
	border-top:1px solid #d4ba89;
	border-bottom:1px solid #d4ba89;
	padding: 2px;
	margin-left: 10px;
	margin-right: 10px;
	color: black;
	text-align: center;
}

div.flash_error {
	background-color: #ede2cd;
	border-top:1px solid #d4ba89;
	border-bottom:1px solid #d4ba89;
	padding: 2px;
	margin-left: 10px;
	margin-right: 10px;
	color: red;
	text-align: center;
}

img.tree {
	vertical-align: middle;
	padding-right: 5px;
}

img.flash_img {
	vertical-align: middle;
}

div.access_denied {
	margin-left: 25%;
	text-align: justify;
}

.fieldWithErrors { 
	padding: 2px; 
	background-color: red; 
	display: table; 
} 

div.flash_error_messages {
	font-weight: normal;
}

div.flash_error_messages ul {
	margin-left: 30%;
	margin-bottom: 0px;
}

div.flash_error_messages li {
	text-align: left;
}

div#spinner {
	display: none;
}

div.spinner {
	position: absolute;
	text-align: middle;
	vertical-align: middle;
	left: 50%;
	top: 50%;
	margin-left: -75px;
	margin-top: -75px;
	z-index: 99;
}

ul.tree {
	margin-top: 0px;
	margin-bottom: 0px;
}

a.error {
	color: red;
	text-decoration: none;
}

a.divisorlink_on {
	border: 1px solid #003974;
	background-color: orange;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 2px;
	margin-left: 2px;
	text-decoration: none;
	color: #003974;
}

a.divisorlink_off {
	border: 1px solid #003974;
	background-color: #ede2cd;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 2px;
	margin-left: 2px;
	text-decoration: none;
	color: #003974;
}

a.error:hover {
	text-decoration: underline;
}

a.tree, a.record {
	color: #003974;
	font-weight: bold;
	text-decoration: none;
	padding-right: 2px;
	font-size: 10pt;
}

a.tree:hover, a.record:hover {
	text-decoration: underline;
}

pre {
	vertical-align: top;
	text-align: justify;
	margin: 2px;
}

span.label {
	color: black;
	font-size: 10pt;
}

div.location {
	font-size: 8pt;
	padding-left: 10px;
	font-weight: normal;
	color: black;
}

div.location a {
	color: #003974;
	text-decoration: none;
}

div.location a:hover {
	text-decoration: underline;
}

div.nome {
	font-weight: bold;
}

span.informal {
	color: gray;
}

img.activity {
	height: 20px;
	width: 20px;
	margin-top: 4px;
	vertical-align: middle;
}

input.inline {
	margin-left: 2px;
	margin-top: 3px;
}

div.fieldinfo {
	color: gray;
	font-size: 8pt;
	text-align: left;
	padding-left: 5px;
	display: none;
}

tr.list_even {
	background-color: #eeeeee;
}

td.lt, th.lt {
  vertical-align: top;
  text-align: left;
}

td.ct, th.ct {
  vertical-align: top;
  text-align: center;
}

td.rt, th.rt {
  vertical-align: top;
  text-align: right;
}

td.lb, th.lb {
  vertical-align: bottom;
  text-align: left;
}

td.cb, th.cb {
  vertical-align: bottom;
  text-align: center;
}

td.rb, th.rb {
  vertical-align: bottom;
  text-align: right;
}

td.rc, th.rc {
  vertical-align: center;
  text-align: right;
}

td.lc, th.lc {
  vertical-align: center;
  text-align: left;
}

td.cc, th.cc {
  vertical-align: center;
  text-align: center;
}

img.activity { 
	z-index: 90;
	height: 16px;
	vertical-align: middle;
}

div#spinner {
	z-index: 99;
	float: right;
	display: none;
	padding: 2px;
	background-color: #eeeeee;
	text-align: center;
}

a {
	text-decoration: none;
	border: none;
	color: black;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

.informal {
  color: gray;
}

div.styled_table {
  padding-left: 10px;
  padding-right: 10px;
}

table.styled_table {
  width: 100%;
  border: 2px solid #003974;
  background-color: #ede2cd;
  color: black;
  font-weight: normal;
}

table.styled_table tr {
  height: 20px;
}

table.styled_table tr.odd {
  background-color: white;
}

table.styled_table tr.even {
  background-color: #eeeeee;
}

table.styled_table th {
  height: 20px;
  background-color: #003974;
  color: white;
  font-weight: bold;
}

table.styled_table th img {
  padding-bottom: 2px;
}

table.styled_table td img {
  padding-top: 2px;
  padding-right: 2px;
}

form {
  display: inline;
  padding: 0px;
  margin: 0px;
  margin-top: 0em;
}

.rounded {
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-top-left-radius: 10px 10px;
  -webkit-border-top-right-radius: 10px 10px;
  -webkit-border-bottom-left-radius: 10px 10px;
  -webkit-border-bottom-right-radius: 10px 10px;
}

.bg-white {
  background-color: white;
}

div.rounded {
  padding: 10px;
}

.title {
  font-family: Arial,Osaka,verdana,Sans-Serif;
  font-size: 12pt;
	font-weight: bold;
	color: #1f3d7d;
	padding: 5px;
	padding-bottom: 0;
}

div.scroll {
  max-height: 250px;
  overflow-x: none;
  overflow-y: auto;
}

.rounded .title {
  margin-left: -15px;
}

div.leilao {
  margin-bottom: 5px;
  border-bottom: 1px solid #eeeeee;
  padding: 2px;
  text-align: center;
  padding-bottom: 5px;
}

div.leilao .comitente {
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  color: gray;
}

div.leilao .nome {
  font-weight: bold;
  text-align: center;
  font-size: 12pt;  
}

div.leilao .status {
  text-align: center;
  font-style: italic;
}

div.leilao .catalogo img {
  vertical-align: middle;
}

img {
  border: 0;
}

div.destaque {
  margin-bottom: 5px;
  border-bottom: 1px solid #eeeeee;
  text-align: center;
  padding-bottom: 5px;
}

div.destaque .lote {
  font-weight: bold;
  font-size: 12pt;
}
div.destaque .desc {
  font-size: 10pt;
  color: gray;
}

div.destaque .foto {
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.top {
  vertical-align: top;
}

.middle {
  vertical-align: middle;
}

.bottom {
  vertical-align: bottom;
}

.content {
  background-color: white;
}

.findme {
  border: 1px solid orange;
}

.margintop-15 {
  margin-top: 15px;
}

.padtop-5 {
  padding-top: 5px;
}

.pad-2 {
  padding: 2px;
}

.bg-darkgray {
  background-color: rgb(170, 170, 170);
}

.bg-darkergray {
  background-color: rgb(85, 85, 85);
}

.bg-purple {
  background-color: rgb(136, 17, 204);
}

.bg-lpurple {
  background-color: #8964d4;  
}

.bg-gray {
  background-color: #eeeeee;
}

.bg-yellow {
  background-color: #FFF6BF;
}

.bg-white {
  background-color: white;
}

.fg-red {
  color: red;
}

.fg-white {
  color: white;
}

.strong {
  font-weight: bold;
}

.bg-blue {
  background-color: rgb(51, 136, 187);
}

.fg-black {
  color: black;
}

.padright-10 {
  padding-right: 10px;
}

.padleft-10 {
  padding-left: 10px;
}

.fg-blue {
  color: rgb(51, 136, 187);
}

.fg-lblue {
  color: rgb(95, 135, 165);
}

.fg-gray {
  color: rgb(85, 85, 85);
}

.fg-lgray {
  color: rgb(153, 153, 153);
}

.break {
  display: block;
}

.padbottom-1 {
  padding-bottom: 1px;
}

.pad-5 {
  padding: 5px;
}

.padleft-5 {
  padding-left: 5px;
}

.padright-5 {
  padding-right: 5px;
}

.pad-10 {
  padding: 10px;
}

.clear {
  margin: 0;
}

.clear_box {
  margin-right: 0;
}

table.skinny, table.skinny td, table.skinny th {
  margin: 0;
  padding: 0;
}

.clean {
  border: 0;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.marginbottom-5 {
  margin-bottom: 5px;
}

.marg-5 {
  margin: 5px;
}

.marginleft-2 {
  margin-left: 2px;
}

.borders-2 {
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-bottom-left-radius: 2px 2px;
  -webkit-border-bottom-right-radius: 2px 2px;
  -webkit-border-top-left-radius: 2px 2px;
  -webkit-border-top-right-radius: 2px 2px;
}

.borders-4 {
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-bottom-left-radius: 4px 4px;
  -webkit-border-bottom-right-radius: 4px 4px;
  -webkit-border-top-left-radius: 4px 4px;
  -webkit-border-top-right-radius: 4px 4px;
}

table.standard th, table.standard td {
  border-bottom: 1px solid #e0bf80;
}

table.standard th.divisor {
  border-bottom: 2px solid rgb(90, 158, 207);
  background: rgb(221, 221, 221);
}

table.standard {
  width: 100%;
}

table.standard td, table.standard th {
  vertical-align: top;
} 

table.noborder td, table.noborder th {
  border: 0;
}

table.noborder td {
  font-weight: normal;
}/* <style> */
div.setup_toolbar {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	background-color: #1f3d7d;
}

td.sublist_footer {
	font-weight: normal;
	color: black;
	height: 20px;
}

td.record_footer {
	font-weight: normal;
	color: black;
	height: 20px;
}

td.record_toolbar {
	color: white;
	height: 20px;
}

tr.record_f_h {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	border: 2px solid #003974;
	border-top: none;
	background-color: #1f3d7d;
	height: 20px;
}

td.lookup_footer {
	font-weight: normal;
	color: black;
	height: 20px;
}

td.lookup_toolbar {
	color: white;
	height: 20px;
}

div.lookup_results {
	margin-left: 10px;
	margin-right: 10px;
	border-left: 1px solid #003974;
	border-right: 1px solid #003974;
	overflow: auto;
}

div.record_include_sublist {
	background-color: #ede2cd;
	margin-left: 10px;
	margin-right: 10px;
}

div.record_sublist {
	margin-left: 10px;
	margin-right: 10px;
}

table.lookup_table_lines {
	border-left: 2px solid #003974;
	border-right: 2px solid #003974;
	border-bottom: 2px solid #003974;
	border-top: 2px solid #003974;
}

table.lookup_table {
	font-size:12px;
	border-collapse: collapse;
}

td.lookup_table_lines {
	border-bottom: 4px solid #003974;
}

table.sublist_include_table {
	border-left: 2px solid orange;
	border-right: 2px solid orange;
}

table.sublist_table {
	border-left: 2px solid #003974;
	border-right: 2px solid #003974;
}

table.lookup_table th {
	color: black;
	background-color: #ede2cd;
	border-bottom: 1px solid #d4ba89;
	border-left: 1px solid #d4ba89;
	border-right: 1px solid #d4ba89;
	height: 20px;
	padding-left: 5px;
}

table.sublist_include_table th {
	color: black;
	background-color: #ede2cd;
	border-bottom: 1px solid #d4ba89;
	height: 20px;
	padding-left: 5px;
}

table.sublist_table th {
	color: black;
	background-color: #ede2cd;
	border-bottom: 1px solid #d4ba89;
	height: 20px;
	padding-left: 5px;
}

div.sublist_include_toolbar table td {
	color: black;
	padding-left: 5px;
}

div.lookup_toolbar table td {
	color: white;
	padding-left: 5px;
}

div.sublist_toolbar table td {
	color: white;
	padding-left: 5px;
}

table.sublist_table tr.focused, table.sublist_include_table tr.focused {
	background-color: orange;
	cursor: pointer;
}

table.lookup_table tr.focused {
	background-color: orange;
	cursor: pointer;
}

table.sublist_include_table {
	background-color: white;
}

table.sublist_include_table td {
	font-weight: normal;
	height: 20px;
	padding-left: 5px;
}

table.sublist_table td {
	font-weight: normal;
	color: black;
	height: 20px;
	padding-left: 5px;
}

table.lookup_table td {
	font-weight: normal;
	color: black;
	height: 20px;
	border-bottom:1px solid #ccc;
	border-right:1px dotted #c5c5c5;
	/*padding-left: 5px;
	text-align: left;*/
}

div.record_footer {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	border: 2px solid #003974;
	border-top: none;
	background-color: #ede2cd;
	height: 20px;
}

div.record_header {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	border: 2px solid #003974;
	border-bottom: none;
	background-color: #ede2cd;
	height: 20px;
}

div.sublist_include_footer {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	border: 2px solid orange;
	border-top: none;
	background-color: #ede2cd;
	height: 20px;
}

div.sublist_footer {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	border: 2px solid #003974;
	border-top: none;
	background-color: #ede2cd;
	height: 20px;
}

div.sublist_include_toolbar {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	background-color: orange;
	height: 20px;
}

div.sublist_toolbar {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	background-color: #003974;
	height: 20px;
}

div.record_toolbar {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	background-color: #003974;
	height: 20px;
}

div.lookup_footer {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	border: 2px solid #003974;
	border-top: 1px solid #d4ba89;
	background-color: #ede2cd;
	height: 20px;
}

div.lookup_toolbar {
	margin-left: 10px;
	margin-right: 10px;
	padding: 1px;
	background-color: #003974;
	height: 20px;
}

input.sublist {
	padding: 2px;
	vertical-align: middle;
	display: inline;
}

img.toolbar {
	border: none;
	vertical-align: middle;
}

img.sublist {
	display: inline;
	padding: 2px;
	vertical-align: middle;
}

div.maquiagem table {
	color: black;
	margin-bottom: 5px;
}

div.maquiagem form {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: 2px solid #003974;
	border-right: 2px solid #003974;
	border-bottom: 2px solid #003974;
	background-color: #ede2cd;
}
th.solicitacao {
	background-color: darkblue;
	color: white;
	border-bottom: 1px solid #d4ba89;
}

td.solicitacao {
	background-color: white;
	border-bottom: 1px solid #000;

}
/* <style> */
td.whitebox_Title {
    font-family: Arial,Osaka,verdana,Sans-Serif;
    font-size: 12pt;
	font-weight: bold;
	background-image: url('/images/boxes/dot-white.png');
	background-repeat: repeat;
	color: #1f3d7d;
	padding-bottom: 2px;
}

div.whitebox_Body {
    font-family: Arial,Osaka,verdana,Sans-Serif;
    font-size: 10pt;
	background-image: url('/images/boxes/dot-white.png');
	background-repeat: repeat;
}

td.whitebox_TL {
	background-image: url('/images/boxes/tl-white.png');
	background-repeat: no-repeat;
    background-position: top left;
    width: 10px;
    height: 10px;	
}

td.whitebox_T {
	background-image: url('/images/boxes/dot-white.png');
    height: 10px;
}

td.whitebox_TR {
	background-image: url('/images/boxes/tr-white.png');
	background-repeat: no-repeat;
    background-position: top left;
    width: 10px;
    height: 10px;	
}

td.whitebox_BL {
	background-image: url('/images/boxes/bl-white.png');
	background-repeat: no-repeat;
    background-position: top left;
    width: 10px;
    height: 10px;	
}

td.whitebox_B {
	background-image: url('/images/boxes/dot-white.png');
    height: 10px;
}

td.whitebox_BR {
	background-image: url('/images/boxes/br-white.png');
	background-repeat: no-repeat;
    background-position: top left;
    width: 10px;
    height: 10px;	
}

td.whitebox_S {
	background-image: url('/images/boxes/dot-white.png');
    width: 10px;
}/* <style> */
td.bluebox_Title {
    font-family: Arial,Osaka,verdana,Sans-Serif;
    font-size: 12pt;
	font-weight: bold;
	background-image: url('/images/boxes/dot-blue.png');
	background-repeat: repeat;
	color: #1f3d7d;
	padding-bottom: 2px;
}

div.bluebox_Body {
    font-family: Arial,Osaka,verdana,Sans-Serif;
    font-size: 10pt;
	background-image: url('/images/boxes/dot-blue.png');
	background-repeat: repeat;
}

td.bluebox_TL {
	background-image: url('/images/boxes/tl-blue.png');
	background-repeat: no-repeat;
    background-position: top left;
    width: 10px;
    height: 10px;	
}

td.bluebox_T {
	background-image: url('/images/boxes/dot-blue.png');
    height: 10px;
}

td.bluebox_TR {
	background-image: url('/images/boxes/tr-blue.png');
	background-repeat: no-repeat;
    background-position: top left;
    width: 10px;
    height: 10px;	
}

td.bluebox_BL {
	background-image: url('/images/boxes/bl-blue.png');
	background-repeat: no-repeat;
    background-position: top left;
    width: 10px;
    height: 10px;	
}

td.bluebox_B {
	background-image: url('/images/boxes/dot-blue.png');
    height: 10px;
}

td.bluebox_BR {
	background-image: url('/images/boxes/br-blue.png');
	background-repeat: no-repeat;
    background-position: top left;
    width: 10px;
    height: 10px;	
}

td.bluebox_S {
	background-image: url('/images/boxes/dot-blue.png');
    width: 10px;
}/* <style> */

body.pregao_body {
	margin: 0px;
    font-size: 10pt;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
	background-color: #eeeeee;
	height: 100%;
	width: 100%;
}

div.leilao_container {
	height: 210px;
	width: 225px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-weight: normal;
	border: 2px solid #f58000;
	text-align: center;
}

span.data {
	font-size: 12px;
}

div.leilao_container:hover {
	cursor: pointer;
}

div.leilao_title {
	color: black;
}

div.leilao_logo {
	text-align: center;
	padding: 10px;
}

div.leilao_desc {
	margin-top: 10px;
	height: 50px;
	vertical-align: center;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	color: gray;
}

div.leilao_footer {
	height: 30px;
	text-align: center;
	vertical-align: center;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

table.login {
	margin-top: 100px;
}

a.login_link {
	color: black;
}/* <style> */

div.pregao_tb {
	background-color: #003974;
	color: white;
}

div.tb_leilao_nome {
	font-size: 12pt;
	font-weight: bold;
}

div.tb_leilao_status {
	font-size: 10pt;
	font-weight: bold;
	color: #f58000;
	padding: 2px;
}

div.tb_clock {
	width: 160px;
	text-align: center;	
	font-size: 15pt;
	padding-top: 2px;
	font-weight: bold;
	color: black;
	background-color: #f58000;
	padding: 2px;
}

div#tb_spinner {
	display: none;
}

div.tb_spinner {
	padding: 2px;
	text-align: center;
	background-color: #eeeeee;
	color: black;
	width: 160px;
	font-weight: bold;
}

img.tb_spinner {
	width: 20px;
	vertical-align: middle;
}/* <style> */

table.painel_main_aberto {
	background-color: white;
	border: 2px solid transparent;
}

table.painel_main_fechado {
	background-color: gray;
	border: 2px solid transparent;
}

table.painel_main_apregoando {
	background-color: yellow;
	border: 2px solid transparent;
}

table.painel_main_piscando {
	border: 2px solid blue;  
}

div.pregao_detalhes {
	height: 550px;
	overflow-y: auto;
	background-color: #eeeeee;
	color: black;
	font-weight: normal;
}

span#painel_numlote {
	color: #f58000;
	font-weight: bold;
	font-size: 14pt;
}

div#painel_mensagem {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-decoration: italic;
	font-weight: bold;
	background-color: white;
}

div#painel_descricao {
	font-size: 12pt;
	font-weight: normal;
	font-weight: bold;
}

div#painel_descricao_resumida {
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	padding-top: 2px;
}

div.contadorlote_inv {
	text-align: center;
	width: 100px;
	height: 20px;
	font-size: 14pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	background-color: black;
	-moz-border-radius: 10px 10px 10px 10px;
 	-webkit-border-top-left-radius: 10px;
 	-webkit-border-top-right-radius: 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
}

div#painel_fotos {
	height: 225px;
	background-color: white;
	border: 1px solid #cccccc;
}

div#painel_lances {
	height: 225px;
	background-color: white;
	border: 1px solid #cccccc;
	overflow-y: auto;
}

table.lances_toolbar {
	background-color: #cccccc;
	font-weight: bold;
}

div.painel_butt_active {
	height: 25px;
	background-color: #f58000;
	color: black;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 5px;
}

div.painel_butt_inactive {
	height: 25px;
	background-color: #eeeeee;
	color: black;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 5px;
}

div.painel_butt_inactive:hover {
	cursor: pointer;
	text-decoration: underline;
}

div.painel_butt_active:hover {
	cursor: pointer;
	text-decoration: underline;
}

td#painel_tit_lance {
	font-weight: bold;
}

td#painel_meu_lance {
	font-weight: bold;
}

input#meu_lance {
	width: 100px;
	text-align: right;
	border: 1px solid #f58000;
	margin-left: 32px;
}

div#meu_lance_container {
	text-align: center;
}

div.meu_fechadolote {
	text-align: center;
	width: 130px;
	height: 22px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	font-size: 10pt;
	font-weight: bold;
	color: red;
	background-color: black;
	-moz-border-radius: 10px 10px 10px 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
 	-webkit-border-top-left-radius: 10px;
 	-webkit-border-top-right-radius: 10px;
}

div.meu_homologandolote {
	text-align: center;
	width: 130px;
	height: 22px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
	font-weight: bold;
	color: yellow;
	background-color: black;
	-moz-border-radius: 10px 10px 10px 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
 	-webkit-border-top-left-radius: 10px;
 	-webkit-border-top-right-radius: 10px;
}

div#fotonav_container {
	position: relative;
	top: -26px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

div.fotonav {
	font-size: 14pt;
	font-weight: bold;
	background-color: #eeeeee;
	height: 25px;
}

div.fotonav:hover {
	cursor: pointer;
	text-decoration: underline;
	background-color: #cccccc;
}

div#painel_fotos:hover {
	cursor: pointer;
}

div#foto_grande:hover {
	cursor: pointer;
}

td.lances_lista_even {
	width: 30%;
}

td.lances_lista_odd {
	width: 30%;
	background-color: #eeeeee;
}

td.lances_delete_even {
	width: 10%;
	text-align: center;
}

td.lances_delete_odd {
	background-color: #eeeeee;
	width: 10%;
	text-align: center;
}

a.lances_delete {
	color: red;	
	text-decoration: none;
}

a.lances_delete:hover {
	text-decoration: underline;
}

table.lances_list {
	width: 100%;
}

div.popup_aceitar_termo {
	background-image: url(/images/pregao/popup_aceitar_termo.png);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 500px;
	height: 180px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -250px;
	z-index: 100;
	font-weight: normal;
}

div.popup_termo {
	background-image: url(/images/pregao/popup_termo.png);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 500px;
	height: 410px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -250px;
	z-index: 100;
	font-weight: normal;
}

div#popup_conteudo_termo {
	background-color: white;
	height: 230px;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	overflow: auto;
}

div.termo_contents {
	margin-left: 20px;
	margin-right: 20px;
}

div.popup_login {
	background-image: url(/images/pregao/popup_aceitar_termo.png);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 500px;
	height: 180px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -250px;
	z-index: 100;
	font-weight: normal;
}

input.painel_login {
	border: 1px solid gray;
	float: none;
}

a.meu_lance_encerrar {
	color: black;
	text-decoration: none;
}

a.meu_lance_encerrar:hover {
	text-decoration: underline;
}

.painel_arremate_definitivo {
  color: #0acb00;
}
/* <style> */

table.lote_tbl_active {
	border: 2px solid black;
}

div.pregao_lista_de_lotes {
	height: 550px;
	overflow-y: auto;
	background-color: #eeeeee;
	color: black;
	font-weight: normal;
}

div.pregao_foto_grande {
	height: 550px;
	overflow-y: auto;
	background-color: white;
	color: black;
	font-weight: normal;
}

div.lote_vazio {
	height: 70px;
	border: 1px solid #eeeeee;
	border-left: 2px solid #eeeeee;
	border-right: 2px solid #eeeeee;
	background-color: gray;
	color: gray;
}

div.lote_piscando {
	height: 70px;
	border: 1px solid blue;
	border-left: 2px solid blue;
	border-right: 2px solid blue;
}

div.lote_apregoando:hover, div.lote_aberto:hover, div.lote_fechado:hover {
	border: 1px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	cursor: pointer;
	background-color: #f58000;
	color: black;
}

div.lote_apregoando {
	height: 70px;
	border: 1px solid #eeeeee;
	border-left: 2px solid #eeeeee;
	border-right: 2px solid #eeeeee;
	background-color: yellow;
	color: black;
}

div.lote_aberto {
	height: 70px;
	border: 1px solid #eeeeee;
	border-left: 2px solid #eeeeee;
	border-right: 2px solid #eeeeee;
	background-color: white;
	color: black;
}

div.lote_fechado {
	height: 70px;
	border: 1px solid #eeeeee;
	border-left: 2px solid #eeeeee;
	border-right: 2px solid #eeeeee;
	background-color: gray;
	color: black;
}

span.numlote {
	padding: 5px;
	font-weight: bold;
	font-size: 12pt;
}

div.contadorlote {
	text-align: center;
	width: 100px;
	height: 20px;
	font-size: 14pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	background-color: black;
	-moz-border-radius: 10px 10px 10px 10px;
 	-webkit-border-top-left-radius: 10px;
 	-webkit-border-top-right-radius: 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
}

div.fechadolote {
	text-align: center;
	width: 100px;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
	font-weight: bold;
	color: red;
	background-color: black;
	-moz-border-radius: 10px 10px 10px 10px;
 	-webkit-border-top-left-radius: 10px;
 	-webkit-border-top-right-radius: 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
}

div.homologandolote {
	text-align: center;
	width: 100px;
	height: 22px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10pt;
	font-weight: bold;
	color: yellow;
	background-color: black;
	-moz-border-radius: 10px 10px 10px 10px;
 	-webkit-border-top-left-radius: 10px;
 	-webkit-border-top-right-radius: 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
}

div.titlote {
	font-weight: bold;
	font-size: 10pt;
	padding-left: 5px;
}

div.desclote {
	font-size: 8pt;
	padding-left: 5px;
}

div.arrematelote {
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
}

div.arrematelote_condicional {
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	color: red;
}

div.arrematelote_definitivo {
  color: #0acb00;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
}

div.arrematantelote {
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
}/* <style> */

div.pregao_leilao_part {
	background-color: #003974;
	color: white;
	font-weight: bold;
	border-left: 2px solid #003974;
	border-right: 2px solid #003974;
	border-bottom: 2px solid #003974;
	margin: 5px;
	-moz-border-radius: 9px 9px 0px 0px;
 	-webkit-border-top-left-radius: 9px;
 	-webkit-border-top-right-radius: 9px;
}

div.pregao_leilao_part_title {
	height: 20px;
	margin: 2px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

div.pregao_leilao_part_body {
	background-color: white;
	color: black;
	font-weight: normal;
	padding: 5px;
}

div.pregao_leilao_lotes {
	background-color: white;
	color: black;
	font-weight: normal;
	padding: 5px;
	height: 300px;
	overflow-y: auto;
}

div.leilao_termo_green {
	color: green;
	font-size: 12pt;
}

div.leilao_termo_red {
	color: red;
	font-size: 12pt;
}

div.leilao_termo_container {
	overflow-y: auto;
	height: 100px;
	border: 1px solid gray;
	padding: 5px;
}

a.link_painel {
	font-weight: bold;
	font-size: 12pt;
	color: black;
	text-decoration: none;
	padding: 2px;
}

a.link_painel:hover {
	text-decoration: underline;
	background-color: #f58000;
}/* <style> */

div#placar_wrapper {
  border: 2px solid #003974;
  margin: 5px;
}

div.placar_main_apregoando {
	background-color: yellow;
}

div.placar_main_aberto {
  
}

div.placar_main_fechado {
  background-color: gray;
}

div#placar_de_lances {
  padding: 5px;
	color: black;
	font-weight: normal;
}

div.placar_dados, div.placar_navegacao {
  background-color: #eeeeee;
	color: black;
	font-weight: normal;
	border-top: 2px solid #003974;  
}

div.placar_dados {
  padding: 5px;
  background-color: #eeeeee;
}

#placar_contador {
	text-align: center;
	width: 100px;
	height: 20px;
	font-size: 17pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	background-color: black;
	-moz-border-radius: 10px 10px 10px 10px;
 	-webkit-border-top-left-radius: 10px;
 	-webkit-border-top-right-radius: 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
}

div.placar_lote_title, div#placar_lote {
  font-size: 30pt;
  font-weight: bold;
  color: black;
  padding-right: 5px;
}

img#foto_grande {
  max-height: 420px;
}

img#foto_peq_1, img#foto_peq_2, img#foto_peq_3, img#foto_peq_4 {
  max-height: 200px;
}

div#placar_foto_grande, div#placar_fotos_pequenas {
  text-align: center;
  background-color: #eeeeee;
  border: 2px solid #cccccc;
  height: 460px;
}

div.placar_foto_nav {
  text-align: center;
  border: 2px solid #cccccc;  
  border-top: none;
  font-size: 30pt;
	font-weight: bold;
	background-color: #eeeeee;
}

div#placar_lance_atual {
  font-weight: bold;
  font-size: 60pt;
}

div.placar_arremate_condicional {
  color: red;
}

div.placar_arremate_definitivo {
  color: #0acb00;
}

div.placar_lotenav {
  font-weight: bold;
  font-size: 14pt;
}

input#placar_ir_para_lote {
  border: 1px solid gray;
  width: 50px;
  text-align: center;
  font-size: 12pt;
  margin-left: 10px;
}

input#placar_cartela {
  border: 1px solid gray;
  width: 100px;
  text-align: center;
  font-size: 12pt;
  margin-left: 10px;  
}

img#dar_lance {
  margin-left: 10px;
  margin-top: 3px;
}/* <style> */

body.www_body {
	margin: 0px;
    font-size: 10pt;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
	background-color: #eeeeee;
	height: 100%;
	width: 100%;
}

div.www_tb {
	background-color: #003974;
	color: white;
}

div.www_menu {
	height: 25px;
	border: 1px solid #d4ba89;
	background-color: #ede2cd;
}

div.www_menu_item {
	float: left;
	height: 22px;
	font-weight: bold;
	font-size: 12pt;
	min-width: 100px;
	max-width: 150px;
	text-align: center;
	border-right: 1px solid #d4ba89;
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 2px;
}

div.www_menu_item:hover {
	text-decoration: underline;
	cursor: pointer;
	background-color: #d4ba89;
}

a.www_menu_item {
	vertical-align: middle;
	font-size: 12pt;
	text-decoration: none;
	color: black;
}

a.login {
	font-weight: bold;
	font-size: 10pt;
	padding: 5px;
	margin-right: 5px;
	text-decoration: none;
	color: white;
}

a.login:hover {
	color: black;
	background-color: #f58000;
	text-decoration: underline;
}

div.www_yield {
	text-align: center;
	padding-top: 10px;
}

div.question {
  font-weight: bold;
  font-size: 12pt;
}

div.answer {
  margin: 10px;
  font-weight: normal;
  font-size: 10pt;
  text-align: justify;
}/* <style> */

div.widget_toolbar {
	background-color: #e1e1e1;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding-left: 5px;
	text-align: left;
}

div.widget_toolbar a {
	color: black;
}

div#single_widget {
	background-color: white;
	text-align: center;
	vertical-align: top;
}

div#single_widget div.widget_contents {
	height: 484px;
	overflow-y: auto;
	overflow-x: hidden;
	vertical-align: top;
}

div#widget0 {
	width: 620px;
	height: 330px;
	background-color: white;
}

div#widget0 div.widget_contents {
	overflow-y: auto;
	overflow-x: hidden;
	vertical-align: top;
	height: 308px;
	padding-left: 15px;
	padding-right: 15px;
}

div#single_widget div.widget_twocols {
	height: 462px;
	overflow-y: auto;
	overflow-x: hidden;
	vertical-align: top;
}

div#widget_enlarged div.widget_contents {
	overflow-y: auto;
	overflow-x: hidden;
	vertical-align: top;
	height: 308px;
	padding-left: 15px;
	padding-right: 15px;
}

div#widget1 {
	width: 300px;
	height: 155px;
	background-color: white;
}

div#widget2 {
	margin-top: 20px;
	width: 300px;
	height: 155px;
	background-color: white;
}

div#widget3 {
	margin-top: 20px;
	width: 300px;
	height: 155px;
	background-color: white;
}

div#widget4 {
	margin-top: 20px;
	width: 300px;
	height: 155px;
	background-color: white;
}

div#widget5 {
	margin-top: 20px;
	width: 300px;
	height: 155px;
	background-color: white;
}

div.widgets_container {
	height: 543px;
}

div.widgets_container div.small_widget_contents {
	height: 115px;
	padding: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	vertical-align: top;
	z-index: 9;
	font-weight:normal;
	
		font-size: 12px;
	
}

img.widget_button {
	float: right;
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 1px;
	border: none;
	
	position: relative;
	top: -19px;
	
}

div.widgets_container div.disabled {
	display: none;
	position: relative;
	top: -135px;
	height: 135px;
	overflow-y: auto;
	overflow-x: hidden;
	vertical-align: middle;
	text-align: center;
	background-image: url('/images/widgets/disabled.png');
	background-repeat: no-repeat;
	background-position: 50% 35%;
	z-index: 10;
}

div.widgets_container div.disabled img.widget_button {
	visibility: hidden;
}

div#widget_enlarged {
	position: relative;
	top: -505px;
	left: 0;
	display: none;
	z-index: 90;
	width: 620px;
	height: 330px;
	background-color: white;
}

a.widget_inner_link {
	color: black;
	font-weight: bold;
}

div.widgets_container img.remote_submit {
	border: none;
}

img.widget_toolbar_flash {
	vertical-align: middle;
	float: right;
	border: none;
	height: 22px;
}

div.widget_contents table {
}

div.widget_contents div.album_item {
	margin-bottom: 5px;
	width: 110px;
	height: 150px;
	float: left;
}

div.widget_contents div.album_foto {
	height: 105px;
}

div.widget_contents div.album_footer {
	height: 30px;
}

div.widget_contents div.informal {
	font-size: 10px;
	color: gray;
}

div.widget_twocols div.left {
	width: 50%;
	height: 100%;
	float: left;
}

div.widget_twocols div.title {
	margin: 40px;
	margin-top: 20px;
	margin-bottom: 0px;
	float: left;
}

div.widget_twocols div.right {
	background-image: url('/images/widgets/column_shadow.png');
	background-repeat: repeat-y;
	width: 50%;
	height: 100%;
	float: right;
}

div.widget_footer {
	height: 22px;
	background-color: #e1e1e1;
}

div.widget_twocols div.left div.busca {
	vertical-align: top;
	text-align: right;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 40px;
}

div.widget_twocols div.busca div.params input.query {
	border: 1px solid black;
	width: 307px;
}

div.widget_twocols div.busca div#search_container {
	margin-top: 10px;
	padding: 2px;
	height: 320px;
	text-align: left;
	overflow: hidden;
	vertical-align: middle;
	border: 1px solid black;
}

div.widget_twocols div.busca div#search_results {
	height: 240px;
	overflow-y: auto;
	overflow-x: none;
	
		margin-top: 1px;
		height: 238px;
	
}

div.widget_twocols div.right div.contents {
	vertical-align: top;
	text-align: right;
	margin-top: 46px;
	margin-left: 40px;
	margin-right: 40px;
	height: 395px;
	overflow-x: hidden;
	overflow-y: auto;
}

div.widget_twocols div.left div.contents {
	vertical-align: top;
	text-align: right;
	margin-top: 46px;
	margin-left: 40px;
	margin-right: 40px;
	height: 395px;
	overflow-x: hidden;
	overflow-y: auto;
}

div.widget_twocols img.footer_button {
	padding-top: 10px;
}

div.widget_twocols img.header_button {
	padding-left: 10px;
	float: right;
	
		margin-top: -20px;
	
}

div#single_widget div.navbar {
	background-color: #959595;
	height: 22px;
	vertical-align: middle;
	text-align: center;
}

div#single_widget div.navbar div.navbar_aba_active {
	float: left;
	vertical-align: middle;
	text-align: center;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	width: 140px;
	height: 18px;
	background-image: url('/images/toolbar/aba_active.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

div#single_widget div.navbar div.navbar_aba_inactive {
	float: left;
	vertical-align: middle;
	text-align: center;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	width: 140px;
	height: 18px;
	background-image: url('/images/toolbar/aba_inactive.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

div#single_widget div.navbar div.navbar_aba_active a.navbar_link {
	position: relative;
	top: 2px;
	color: black;
	text-decoration: none;
	font-weight: normal;
}

div#single_widget div.navbar div.navbar_aba_active a.navbar_link:hover {
	text-decoration: underline;
}
	
div#single_widget div.navbar div.navbar_aba_inactive a.navbar_link {
	position: relative;
	top: 2px;
	color: white;
	text-decoration: none;
	font-weight: normal;
}

div#single_widget div.navbar div.navbar_aba_inactive a.navbar_link:hover {
	text-decoration: underline;
}

div.widget_twocols div.middle {
	vertical-align: top;
	text-align: left;
	margin-top: 50px;
	margin-left: 40px;
	margin-right: 40px;
}

div.widget_twocols div.column_title_container {
	vertical-align: top;
	text-align: left;
	margin-top: 10px;
	margin-left: 40px;
	height: 22px;
}

div.widget_twocols div.column_container {
	vertical-align: top;
	text-align: left;
	margin-top: 10px;
	margin-left: 40px;
	height: 300px;
}

span.ranking {
	color: #00da00;
	font-weight: bold;
}

table.data {
	border-bottom: 1px solid #f58000;
	color: black;
}

table.data th {
	background-color: #f58000;
	color: black;
	font-weight: bold;
	padding: 2px;
}

table.data tr.even {
	background-color: #eeeeee;
}

table.data tr#focused {
	background-color: #cccccc;
	cursor: pointer;
}

table.data td {
	font-weight: normal;
	padding-left: 2px;
	padding-right: 2px;
}

div.widget_contents div.title {
	margin-left: 20px;
	margin-bottom: 10px;
}

div.total_green {
	height: 30px;
	font-weight: bold;
	color: #00aa00;
	padding-left: 65px;
	text-align: left;
	font-size: 16px;
}

div.total_green_center {
	height: 30px;
	font-weight: bold;
	color: #00aa00;
	text-align: center;
	font-size: 16px;
}

div.total {
	font-weight: bold;
	padding-left: 30px;
	text-align: left;
	padding-bottom: 5px;
}

div.total_red {
	height: 30px;
	font-weight: bold;
	color: #cc0001;
	padding-left: 65px;
	text-align: left;
	font-size: 16px;
}

div.widget_twocols div.calendario {
	width: 470px;
	height: 385px;
	vertical-align: middle;
	text-align: center;
}

table.calendario, table.calendario_nav {
	width: 330px;
	background-color: #cfd0d4;
}

table.calendario_nav th {
	height: 50px;
	background-image: url(/images/administracao/calendario_th.png);
}

table.calendario_nav td.nav {
	width: 46px;
}

table.calendario_nav td.title {
	font-size: 16px;
	font-weight: bold;
	color: #39525c;
}

table.calendario_nav td.weekday {
	width: 46px;
	font-size: 10px;
	height: 15px;
	color: #7e7e7f;
}

table.calendario td.cell {
	background-image: url(/images/administracao/calendario_cell.png);
	height: 46px;
	width: 46px;
	color: #38525c;
	font-size: 14px;
	font-weight: bold;
}

table.calendario td.cell_shaded {
	background-image: url(/images/administracao/calendario_cell.png);
	height: 46px;
	width: 46px;
	color: #7e7e7f;
	font-size: 14px;
	font-weight: bold;
}

table.calendario td.cell_today {
	background-color: #38515b;
	height: 46px;
	width: 46px;
	color: white;
	font-size: 14px;
	font-weight: bold;
}

table.calendario td.cell_active {
	background-color: #70a1b6;
	height: 46px;
	width: 46px;
	color: #7e7e7f;
	font-size: 14px;
	font-weight: bold;
}

table.calendario td.cell_shaded table {
	opacity: 0.75;
}

table.calendario tr.info {
	height: 10px;
	font-size: 10px;
	font-weight: bold;
}

table.calendario td.cell_today a.calendar_link {
	color: white;
	text-decoration: none;
}

table.calendario td.cell_active a.calendar_link {
	color: #38525c;
	text-decoration: none;
}

table.calendario td.cell a.calendar_link {
	color: #38525c;
	text-decoration: none;
}

table.calendario td.cell_shaded a.calendar_link {
	color: #7e7e7f;
	text-decoration: none;
}

div.calendario_dia {
	text-align: left;
	margin-left: 10px;
	padding-top: 25px;
	padding-left: 15px;
	height: 437px;
	overflow-y: auto;
}

div.calendario_dia div.titulo {
	color: #00729c;
	font-size: 18px;
}

div.calendario_dia span.informal {
	font-weight: normal;
	color: black;
	font-size: 12px;
}

table.calendario_dia {
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight: normal;
}

table.calendario_dia th {
	background-color: #00729c;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

table.calendario_dia tr.even {
	background-color: #eeeeee;
}

img.destaque {
	vertical-align: middle;
	margin-top: -2px;
}
