@CHARSET "ISO-8859-1";

/* CSS RESET */

* { padding: 0; margin: 0; z-index: 1; }
html { font: 9pt "lucida grande", arial, sans-serif; overflow-y: scroll; }
body { background-color: #F3F3EB; padding: 0 20px; }
small { color: #666; }
p { margin: 10px 0; }
a { color: #BB6F02; text-decoration: none; }
a:hover { color: #E58802; text-decoration: underline; }
h1 { font-size: 18pt; color: #526523; margin-bottom: 15px; }
h2 { font-size: 13.5pt; color: #999; }
h3, h4 { margin: 15px 0; }
h3 { margin-top: 25px; font-size: 12pt; color: #767467; }
h4 { font-size: 11pt; color: #999; }
table { width: 100%; margin: 15px 0; }
th, td { padding: 3px 5px; text-align: left; font-size: 1em; }
img { border: 0; }
hr { margin: 10px 0; height: 0; border: 0; border-top: 1px solid #CCC; }

/* ESTRUTURA */

#container { padding: 20px; background-color: #FFF; border: 5px solid #D2D2CB; border-width: 0 2px; }
#header ul#menu, #footer ul#menu_mini { list-style: none; margin: 15px 0; }
#header ul#menu li, #footer ul#menu_mini li { display: inline; margin-right: 15px; }
#footer ul#menu_mini { text-align: center; font-size: 8pt; }
#loading { position: absolute; top: 0; right: 0; background-color: #767467; padding: 6px 10px; display: none; color: #FFF; border: 1px solid #D2D2CB; border-width: 0 0 2px 2px; font-size: 8pt; }
html > body #loading { position: fixed; }

/* CLASSES GENÉRICAS */

.inativo { display: none; }
.alert { color: #900; }
.right { text-align: right; }
ul.alert { background-color: #FFC; border: 2px solid #FF9; padding: 10px; margin: 10px 0; }
ul.alert li { margin-left: 15px; }
tr.alert { background-color: #FEE !important; }
tr.alert td { border-bottom: 1px solid #FCC; }
tr.line { background-color: #EEE; }
tr.line td { border-bottom: 1px solid #CCC; }
td.ck, th.ck { width: 1px; overflow: visible; }
td.ck .opcoes { position: relative; }
td.ck .opcoes div { display: none; background: transparent url(images/bg_round.gif) scroll 0 0 no-repeat; position: absolute; top: -6px; left: -31px; padding: 5px; }
tr:hover td.ck .opcoes div { display: block; }

/* FORMULÁRIOS */

input, textarea, select, button { font: 8pt "lucida grande", arial, sans-serif; }
button { padding: 2px 5px; background-color: #767467; border: 2px solid #505046; color: #FFF; font-size: 10pt; font-weight: bold; cursor: pointer; }
option { padding-right: 10px; }
form ul { list-style: none; }
form ul li { margin: 10px 0; padding: 0; }
form fieldset { border: 1px solid #CCC; border-width: 1px 0 0 1px; margin: 10px 0; padding: 0 10px; }
form fieldset legend { font-weight: bold; }
form fieldset fieldset { margin-left: 10px; }
fieldset#filtro ul { margin: 10px 0; }
fieldset#filtro ul li { display: inline; margin-right: 10px; }

/* LOGIN */

#login { text-align: center; }
#login fieldset { border: 1px solid #CCC; width: 210px; margin: 50px auto 150px; text-align: left; }
#login input { width: 200px; padding: 2px; font-size: 1.2em; font-weight: bold; border: 2px solid #CCC; }

/* CAÇAMBAS */

#mapa { width: 100%; height: 400px; margin: 10px 0; }
tr .normal { display: inline; }
tr .edit { display: none; }
tr.editable .normal { display: none; }
tr.editable .edit { display: inline; }
#expand { margin-bottom: -3px; }
#print { float: right; position: relative; }
#print form { width: 350px; text-align: right; top: 0; right: 0; margin: 0; padding: 5px; background-color: #DDD; border-bottom: 1px solid #CCC; position: absolute; display: none; }
#print fieldset { padding: 0; margin: 0; border: 0; }
#print li { margin-left: 10px; display: inline; }
#print li.f { margin-left: 0; }

/* LOCAÇÃO */

#results { background-color: #F3F3EB; margin-top: 10px; padding: 1px 10px; border-bottom: 2px solid #D2D2CB; }
#results ul ul { list-style: square; margin-left: 15px; }
#mini_mapa { width: 330px; height: 330px; float: right; }

/* PAGAMENTOS */

#results_cliente { position: relative; }
#results_cliente div { display: none; position: absolute; top: 20px; left: 0; width: auto; padding: 10px; border: 2px solid #CCC; background-color: #FFF; font-size: 0.9em; }
#results_cliente div ul, #results_cliente div li { margin: 0; padding: 0; }
#results_cliente div li { margin-bottom: 5px; white-space: nowrap; display: list-item !important; }
tr.cliente_espaco td { padding: 10px 0; }

/* RELATÓRIOS */

.grafico { margin: 15px 0; text-align: center; }

/* CLIENTES */

table.formulario td { vertical-align: top; }

/* IMPRESSÃO */

#imprimir table td { vertical-align: top; }
#imprimir .mapa div { width: 300px; height: 200px; }