html * {
	margin: 0;
	/*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

/* GENERAL */

.spinner {
	padding: 10px;
	position: absolute;
	right: 0;
}

body {
	background: #fff;
	color: #333;
	font: 11px verdana, arial, helvetica, sans-serif;
}
#grailsLogo {
	padding:20px;
}

a:link, a:visited, a:hover {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

h1 {
	color: #48802c;
	font-weight: normal;
	font-size: 16px;
	margin: .8em 0 .3em 0;
}

h1.errors {
	color: red;
	font-weight: normal;
	font-size: 12px;
	margin: .8em 0 .3em 0;
}

ul {
	padding-left: 15px;
}

input, select, textarea {
	background-color: #fcfcfc;
	border: 1px solid #ccc;
	font: 11px verdana, arial, helvetica, sans-serif;
	margin: 2px 0;
	padding: 2px 4px;
}
select {
   padding: 2px 2px 2px 0;
}

input:focus, select:focus, textarea:focus {
	border: 1px solid #4D90FE;
}

.body {
	/*float: left;*/
	margin: 10px 15px 10px 15px;
}

/* NAVIGATION MENU */

.nav {
	background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
	border: 1px solid #ccc;
	border-style: solid none solid none;
	margin-top: 5px;
	padding: 7px 12px;
}

.menuButton {
	font-size: 10px;
	padding: 0 5px;
}
.menuButton a {
	color: #333;
	padding: 4px 6px;
}
.menuButton a.home {
	background: url(../images/skin/house.png) center left no-repeat;
	color: #333;
	padding-left: 25px;
}
.menuButton a.list {
	background: url(../images/skin/database_table.png) center left no-repeat;
	color: #333;
	padding-left: 25px;
}
.menuButton a.create {
	background: url(../images/skin/database_add.png) center left no-repeat;
	color: #333;
	padding-left: 25px;
}

/* MESSAGES AND ERRORS */

.message {
	background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
	border: 1px solid #b2d1ff;
	color: #006dba;
	margin: 10px 0 5px 0;
	padding: 5px 5px 5px 30px;
}

.aviso {
    background: url(../images/skin/information.png) 8px 50% no-repeat;
    /*border: 1px solid #ffffaa;*/
    color: black;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
	background: #fff3f3;
	border: 1px solid red;
	color: #cc0000;
	margin: 10px 0 5px 0;
	padding: 5px 0 5px 0;

	/*opacity: 0;
	height: 0;
	animation: mymove 20s 1;
	-moz-animation: mymove 20s 1;
	-webkit-animation: mymove 20s 1;
	-o-animation: mymove 20s 1;

	transition: height 20s;
	-moz-transition: height 20s;
	-webkit-transition: height 20s;
	-o-transition: height 20s;*/
}
div.errors ul {
	list-style: none;
	padding: 0;
}
div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
	line-height: 16px;
	padding-left: 30px;
}

div.error {
	background: #fff3f3 url(../images/skin/exclamation.png) 8px 50% no-repeat;
	border: 1px solid #ff0000;
	color: #cc0000;
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 30px;

	/*opacity: 0;
	height: 0;
	animation: mymove 20s 1;
	-moz-animation: mymove 20s 1;
	-webkit-animation: mymove 20s 1;
	-o-animation: mymove 20s 1;

	transition: height 20s;
	-moz-transition: height 20s;
	-webkit-transition: height 20s;
	-o-transition: height 20s;*/
}

div.sucesso {
	background: #DFF2BF url(../images/skin/success.png) 8px 50% no-repeat;
	border: 1px solid #009900;
	color: #4F8A10;
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 30px;
	/*opacity: 0;
	height: 0;
	animation: mymove 20s 1;
	-moz-animation: mymove 20s 1;
	-webkit-animation: mymove 20s 1;
	-o-animation: mymove 20s 1;

	transition: height 20s;
	-moz-transition: height 20s;
	-webkit-transition: height 20s;
	-o-transition: height 20s;*/
}

/* Firefox */
/*@-moz-keyframes mymove {
	0% { opacity: 1; height: 20px; }
	75% { opacity: 1; height: 20px; }
	100% { opacity: 0; height: 0; }
}*/

/* Safari and Chrome */
/*@-webkit-keyframes mymove {
	0% { opacity: 1; height: 20px; }
	75% { opacity: 1; height: 20px; }
	100% { opacity: 0; height: 0; }
}*/

/* Opera */
/*@-o-keyframes mymove {
	0% { opacity: 1; height: 20px; }
	75% { opacity: 1; height: 20px; }
	100% { opacity: 0; height: 0; }
}*/

td {
	vertical-align: top;
}
td.errors select {
	border: 1px solid red;
}
td.errors input {
	border: 1px solid red;
}
td.errors textarea {
	border: 1px solid red;
}


/* TABLES */

.list table {
	border: 0px solid #ccc;
	width: 100%
}
tr {
	border: 0;
}
tr.excluido {
    background: #ffc1c1;
}
.list td, .list th {
	font: 11px verdana, arial, helvetica, sans-serif;
	line-height: 12px;
	padding: 5px 6px;
	text-align: left;
	vertical-align: top;
}
.list td.moneyList {
    text-align: right;
    width: 100px;
}
td.negativo {
    color: #ff0000;
}
td.positivo {
    color: #0000ff;
}

.list th {
	background: #fff url(../images/skin/shadow.jpg);
	color: #666;
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	padding: 2px 6px;
}
.list th a:link, .list th a:visited, .list th a:hover {
	color: #333;
	display: block;
	font-size: 10px;
	text-decoration: none;
	width: 100%;
}
.list th.asc a, .list th.desc a {
	background-position: right;
	background-repeat: no-repeat;
}
.list th.asc a {
	background-image: url(../images/skin/sorted_asc.gif);
}
.list th.desc a {
	background-image: url(../images/skin/sorted_desc.gif);
}

.odd {
	background: #f7f7f7;
}

.adiantamento {
    background: #FF6A6A;
}

.nao_iniciado {
	background: #ffc1c1;
}
.iniciado {
	background: #FFFFCE;
}

.pago{
    background: #C1FFC1;
}

.even {
	background: #fff;
}
.critico {
	background: #FF6A6A;
}

.editable{
	background: #ffff99;
}

.procedimentoPlano {
	background: #04ea04;
}
.naoRealizado{
	background: #ff4949;
}
/* LIST */

.list table {
	border-collapse: collapse;
}
.list th, .list td {
	border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
	background: #b2d1ff;
}
.list th:hover.critico, .list tr:hover.critico {
	background: #EED8AE;
}

/* PAGINATION */

.paginateButtons {
	background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
	border: 1px solid #ccc;
	border-top: 0;
	color: #666;
	font-size: 10px;
	overflow: hidden;
	padding: 10px 3px;
}
.paginateButtons a {
	background: #fff;
	border: 1px solid #ccc;
	border-color: #ccc #aaa #aaa #ccc;
	color: #666;
	margin: 0 3px;
	padding: 2px 6px;
}
.paginateButtons span {
	padding: 2px 3px;
}

/* DIALOG */

.dialog table {
	padding: 5px 0;
}

.prop {
	padding: 5px;
}
.prop .name {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
    width: 120px;
}
.prop .value {
	text-align: left;
	vertical-align: middle;

}

/* ACTION BUTTONS */

.buttons {
	background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
	border: 1px solid #ccc;
	color: #666;
	font-size: 10px;
	margin-top: 5px;
	overflow: hidden;
	padding: 0;
}

.buttons input {
	background: #fff;
	border: 0;
	color: #333;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	margin-left: 3px;
	overflow: visible;
	padding: 2px 6px;
}
.buttons input.active {
	background: transparent url(../images/skin/success.png) 5px 50% no-repeat;
	padding-left: 28px;
}
.buttons input.delete {
	background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
	padding-left: 28px;
}
.buttons input.edit {
	background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
	padding-left: 28px;
}
.buttons input.save {
	background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
	padding-left: 28px;
}
.buttons input.consultar {
	background: transparent url(../images/skin/database_table.png) 5px 50% no-repeat;
	padding-left: 28px;
}
.buttons input.cancel {
	background: transparent url(../images/skin/cancel.png) 5px 50% no-repeat;
	padding-left: 28px;
}
.buttons input.print {
    background: transparent url(../images/skin/print.png) 5px 50% no-repeat;
    padding-left: 28px;
}

fieldset {
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #DDDDDD;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 10px 15px;
}
fieldset fieldset {
	background: none repeat scroll 0 0 #FBFBFB;
	border: 1px solid #DADADA;
}
fieldset legend {
	background: repeat-x scroll left top #F6F6F6;
	border: 1px solid #CCCCCC;
	color: #666666;
	font-weight: bold;
	padding: 3px 10px;
}

table .tdFiltro {
	width: 250px;
}

table .tdFiltroAutoComplete{
	width: 400px;
}

.ui-autocomplete-input {
	background-image:url(../images/lupa.png);
	background-position: top right;
	background-repeat:no-repeat;
}

.porcento-input {
	background-image:url(../images/percent1.png);
	background-position: top right;
	background-repeat:no-repeat;
}

img.fecharDetalhamento {
	padding: 0px;
	float: right;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

input.options {
	height: 35px;
	background: transparent 5px 50% no-repeat;
	padding-left: 48px;
	cursor: pointer;
}

img.pay {
	padding: 0px;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

.avisoTabela {
	color: white;
	background-color: #ff4516;
}

.avisoTabelaMesCorrente {
	background-color: #bdfc7e;
}

tr.black th {
	color: #000000;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bolder;
}

tr.black td {
	vertical-align: middle;
}

.status_2 {
	background-color: #008AFF;
	color: #000000;
	font-weight: bolder;
}

.status_4 {
	background-color: #ff0000;
	color: #000000;
	font-weight: bolder;
}
.status_6 {
	background-color: #fffc0e;
	color: #000000;
	font-weight: bolder;
}

.portlet {
	margin: 0px;
}
.portlet-header {
	margin-bottom: 2px;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}
.portlet-header .ui-icon {
	float: right;
}
.portlet-content {
	padding: 0px;
	background-color: #ffffff;
}

ul.sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.sortable li {
	margin-bottom: 1.5%;
	padding: 0.4em;
	padding-left: 6%;
	font-size: 10px;
	height: 10px;
	vertical-align: middle;
	border: 1px #232323 solid;
}
ul.sortable li span {
	position: absolute;
	margin-left: -1.3em;
}

.datePicker {
    width: 80px;
}

.prop .nameCurto {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
    width: 40px;
}

.prop .radio {
    padding-left: 10px;
}

.tabelaFiltro input.campoFiltro{
    width: 185px;
}

.tabelaFiltro select.campoFiltro{
    width: 195px;
}

.tabelaFiltro td.fimColuna{
    padding-right: 3%;
}

.tabelaFiltro td.fimColunaCurto{
    padding-right: 40px;
}

.tabelaFiltro td.colunaInterna{
    width: 200px;
}

span.i-icon{
    position: absolute;
    padding-right: 24px;
    padding-top: 22px;
    text-align: left;
    margin-left: 2px;
}

span.icon-noestoque {
    background: transparent url(../images/icones/noEstoque22.png) no-repeat center right;
}

span.icon-incluirnoestoque {
    background: transparent url(../images/icones/incluirNoEstoque22.png) no-repeat center right;
}

span.icon-subtrairdoestoque {
    background: transparent url(../images/icones/subtrairDoEstoque22.png) no-repeat center right;
}

span.icon-naoinclusonoestoque {
    background: transparent url(../images/icones/naoinclusoestoque22.png) no-repeat center right;
}

span.icon-transferencia {
    position: absolute;
    padding-right: 22px;
    padding-top: 22px;
    text-align: left;
    margin-left: 2px;
    background: transparent url(../images/icones/noEstoque.png) no-repeat center right;
}

span.icon-estoque-incluir {
    position: absolute;
    text-align: left;
    background: transparent url(../images/icones/incluirNoEstoque.png) no-repeat center right !important;
}

div.fielsRequired {
	// TODO se necessário definir a classe para o div dos campos required
}

.removerColorHover th:hover, .list tr:hover {
	background: transparent;
}

tr.salva {
	background: #C1FFC1
}

tr.nova {
	background: #FFFFCE;
}

tr.removida {
	text-decoration: line-through;
	background: #ffc1c1;
}

tr.meio td {
	vertical-align: middle;
}

tr.meio th {
	vertical-align: middle;
	text-align: center;
}

tfoot.negativo {
	background-color: #ffc1c1;
}

tfoot.positivo {
	background-color: #178AFF;
}

tfoot.negativo td {
	color: #000000;
	font-weight: bolder;
}

tfoot.positivo td {
	color: #000000;
	font-weight: bolder;
}

img.fecharDiv {
	padding: 0;
	float: right;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

tr.balancoDiaTR th {
	color: #000000;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bolder;
}

tr.balancoDiaTR td {
	vertical-align: middle;
	font-size: 14px;
	font-weight: bolder;
}

.msg_error {
	color: #f14128;
}