.addButton, .editButton, .deleteButton, .moveToTrashButton, .recoverButton, .detailButton, .plusButton, .saveButton,
.upButton, .downButton, .ascButton, .descButton,
.detailWhiteButton, .refreshButton, .infoButton,
.habilitadoButton, .desabilitadoButton,
.rightArrowButton, .leftArrowButton, .liberarButton, .alocarButton,
.trocarButton, .trocarActiveButton,
.lockButton, .lockRedButton, .unlockButton, .unlockGreenButton,
.printerButton, .colorpickerButton, .undoButton,
.verifyButton,
.downloadButton, .uploadButton {
	width: 18px;
	height: 18px;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	margin-left: 5px;
	margin-bottom: 3px;
	overflow: hidden;
}

.recoverButton{
	height: 27px;
}
.addButton {
	margin-top: 2px;
	margin-bottom: 2px;
}
.sentMessageButton, .receivedMessageButton {
	width: 18px;
	height: 18px;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	margin-left: 5px;
	margin-bottom: 3px;
}

.icoWarning,
.icoWarningYellow,
.icoChron,
.icoCheck {
	width: 18px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	margin-bottom: 3px;
	overflow: hidden;

}

table.dataGrid .addButton,
table.dataGrid .editButton,
table.dataGrid .infoButton,
table.dataGrid .deleteButton,
table.datagrid .moveToTrashButton,
table.datagrid .recoverButton,
table.dataGrid .detailButton,
table.dataGrid .plusButton,
table.dataGrid .saveButton,
table.dataGrid .upButton,
table.dataGrid .downButton,
table.dataGrid .ascButton,
table.dataGrid .descButton,
table.dataGrid .habilitadoButton,
table.dataGrid .desabilitadoButton,
table.dataGrid .rightArrowButton,
table.dataGrid .leftArrowButton,
table.dataGrid .refreshButton,
table.dataGrid .liberarButton,
table.dataGrid .alocarButton,
table.dataGrid .trocarButton,
table.dataGrid .trocarActiveButton,
table.dataGrid .lockButton,
table.dataGrid .lockRedButton,
table.dataGrid .unlockButton,
table.dataGrid .unlockGreenButton,
table.dataGrid .printerButton,
table.dataGrid .verifyButton,
table.dataGrid .loadingButton,
table.dataGrid .downloadButton,
table.dataGrid .uploadButton,
table.dataGrid .sentMessageButton,
table.dataGrid .receivedMessageButton,
table.dataGrid .icoWarning,
table.dataGrid .icoWarningYellow,
table.dataGrid .icoChron,
table.dataGrid .icoCheck,
table.dataGrid .colorpickerButton,
table.dataGrid .undoButton {
	margin-left: 0px;
	margin-bottom: 0px;
}

input.addButton, input.addButton:hover,
input.detailButton, input.detailButton:hover,
input.infoButton, input.infoButton:hover,
input.detailWhiteButton, input.detailWhiteButton:hover,
input.deleteButton, input.deleteButton:hover,
input.moveToTrashButton, input.moveToTrashButton:hover,
input.recoverButton, input.recoverButton:hover,
input.saveButton, input.saveButton:hover,
input.refreshButton,
input.upButton, input.upButton:hover,
input.downButton, input.downButton:hover,
input.ascButton, input.ascButton:hover,
input.descButton, input.descButton:hover,
input.editButton, input.editButton:hover,
input.colorpickerButton, input.colorpickerButton:hover,
input.undoButton, input.undoButton:hover {
	border: none;
	background: none;
}

.addButton, input.addButton {
	background: url(ico/add.gif) no-repeat center;
}
.addButton:hover, input.addButton:hover {
	background: url(ico/add_hover.gif) no-repeat center;
}
.infoButton, input.infoButton {
	background: url(ico/info.gif) no-repeat center;
}
.infoButton:hover, input.infoButton:hover {
	background: url(ico/info_hover.gif) no-repeat center;
}
.saveButton, input.saveButton {
	background: url(ico/save.gif) no-repeat center;
}
.saveButton:hover, input.saveButton:hover {
	background: url(ico/save_hover.gif) no-repeat center;
}

.editButton, input.editButton {
	background: url(ico/editar.gif) no-repeat center;
}
.editButton:hover, input.editButton:hover {
	background: url(ico/editar_hover.gif) no-repeat center;
}

.deleteButton, input.deleteButton {
	background: url(ico/remover.gif) no-repeat center;
}
.deleteButton:hover, input.deleteButton:hover {
	background: url(ico/remover_hover.gif) no-repeat center;
}

.moveToTrashButton, input.moveToTrashButton {
	background: url(ico/remover.gif) no-repeat center;
}
.moveToTrashButton:hover, input.moveToTrashButton:hover {
	background: url(ico/remover_hover.gif) no-repeat center;
}

.recoverButton, input.recoverButton {
	background: url(ico/recover.gif) no-repeat center;
}
.recoverButton:hover, input.recoverButton:hover {
	background: url(ico/recover_hover.gif) no-repeat center;
}

.colorpickerButton, input.colorpickerButton {
/* 	background: url(ico/colorpicker.png) no-repeat center; */
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AYcDQUwHGn7HwAAAYZJREFUOMuN07FqVEEUxvHfmdlNmqBY2OQJNAoWl2ijRGysJWjvS2jlO9jYSiKInWBhYWMQwW59ABUtl3QBC4tAxmJnsneX3c0ODHeYmfO/35zvHAgMkOrM9Ru9s1zXCdfwGp+x3zs7v5jm1qnruuHengGu4DJ28A4lQomIL9huoLQMUvfu431V8K0HKXiLSzVmJeQ6jiIUJrMH+YjdGpf1FvOQVGUfLIB8x50aN0BK7RJ0XZdHo1HBmcl4iBMcRkAopcBf/Ki5OWvxsUBJwlP8rkoOIuKw99MPW1uu9l6SIS6AtOe8rM88ytmDOZMSDKrFqyB/6v72cOhGU1LjmqpponEXv5ZA8lzgYK54zys24wlOF0FWFW7LUeqVwKMI/yLidE0lzaQZUMLNnPM+HuPeRUp6Js20yG5EfMKzHnwdSIsX2IyIV7VGfuL23KVVkKlrGxsbOzUnBSUlz5dYvAgyY/8tHE9sj4IXayppM3LtqWNs1ib9ijcYtx6q3zQej1sfhukoiP/sW2uoQ2SXWgAAAABJRU5ErkJggg==') no-repeat center;
}
.colorpickerButton:hover, input.colorpickerButton:hover {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AYcDQUwHGn7HwAAAYZJREFUOMuN07FqVEEUxvHfmdlNmqBY2OQJNAoWl2ijRGysJWjvS2jlO9jYSiKInWBhYWMQwW59ABUtl3QBC4tAxmJnsneX3c0ODHeYmfO/35zvHAgMkOrM9Ru9s1zXCdfwGp+x3zs7v5jm1qnruuHengGu4DJ28A4lQomIL9huoLQMUvfu431V8K0HKXiLSzVmJeQ6jiIUJrMH+YjdGpf1FvOQVGUfLIB8x50aN0BK7RJ0XZdHo1HBmcl4iBMcRkAopcBf/Ki5OWvxsUBJwlP8rkoOIuKw99MPW1uu9l6SIS6AtOe8rM88ytmDOZMSDKrFqyB/6v72cOhGU1LjmqpponEXv5ZA8lzgYK54zys24wlOF0FWFW7LUeqVwKMI/yLidE0lzaQZUMLNnPM+HuPeRUp6Js20yG5EfMKzHnwdSIsX2IyIV7VGfuL23KVVkKlrGxsbOzUnBSUlz5dYvAgyY/8tHE9sj4IXayppM3LtqWNs1ib9ijcYtx6q3zQej1sfhukoiP/sW2uoQ2SXWgAAAABJRU5ErkJggg==') no-repeat center;
	transform: scale(1.17);
}

.undoButton, input.undoButton {
/* 	background: url(ico/undo.png) no-repeat center; */
/*  background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AYdDRwEHmHB1wAAAZdJREFUOMuV1M9KlVEUBfCfV0knpfRncMlBdCmFHkCaOCkMrUHQIMpBRDZyENQoCHIUVq+QPYEWRIgIRQVFt2F1QRrYLUmCBhlBeCGoyf7gdPo+wQ1nss7ei7XX2ft0+T8GMIHjGEZv4B2s4AkW8T0t6spITmIKdTxFE+txV8cIjuEr7uFxiRAX8B6zaKiOg5HzLmr+iYkguZbhI+irILwSZKcKoB8PcLtE4UPs2ULdbOQMwLnw4lBG8hFtTGMUe0uIGniN8zCXqSlI/sT5jR9h/lQJ2S3ch5c4E+CJjCQ/HdzMiE7jVS3M/BLgRrRTFTswg6sJto7eWpbYjMRnCfYpBnE1WizaP5wW9mATgwn2PMhmsBuXsBYT3sAYJuMBPmA/Ot04in1YzlS0o/gRvoWadqzIKrrxFhfxC87iDYZKPDmAWoVf9RiZZoyQnZjHXduPO1jALsmzt3BjGyTXo2a8bGlboWx4C4KhyGmlS5t/I2O4HN68iP7X4m4wlngUn+MbWaoiKjwbj4/tSLL9m6Gi+Nh+pkV/AZS9Ycid2nzIAAAAAElFTkSuQmCC") no-repeat center;*/
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AYdDR0wJs4EIwAAAVJJREFUOMud1D9LHVEQBfDf+6PRaIKFJIKFsRGsLLQypaV1xFQ2ouB3EMEyhVU6Kxs/gahfQHggQoQ0ERODGFF8kkaLEPO0mZXrZkXfO3DYvezcszNn5t6Kh/iILvzSJCrJ+wwW8Q3H6Ax2BNvQCP6HUiKyhMEQuk5ibmPzH/xEDdv4nhf7gB+x4TlsYBcLqUg1ynvRhB0ljGEEvVjOPPqKK4ziFY5whjou41nH7/CqPfF3HBfYS/80Fx7M4m2wL2E/prCRK7WGd/m0Z/D+idKGsZkI3WC2kgvax2kEPIZ6fJ8Mj8s4KxcE/nuG4TWcJ+vBstZwm8u61KrQKN4k6+NWhAYwjZexbuTbn6ED3TFTGV+jBxNYz7X/C4aqBULzcWyyKc7OY3tk05vENrCGg6KMPjdx5j7FCKi2aPYRVrESA1kodI7Dgnb/xQl2sBU3wD3uAKPaX8VyWEPmAAAAAElFTkSuQmCC') no-repeat center;
}
.undoButton:hover, input.undoButton:hover {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AYdDR0wJs4EIwAAAVJJREFUOMud1D9LHVEQBfDf+6PRaIKFJIKFsRGsLLQypaV1xFQ2ouB3EMEyhVU6Kxs/gahfQHggQoQ0ERODGFF8kkaLEPO0mZXrZkXfO3DYvezcszNn5t6Kh/iILvzSJCrJ+wwW8Q3H6Ax2BNvQCP6HUiKyhMEQuk5ibmPzH/xEDdv4nhf7gB+x4TlsYBcLqUg1ynvRhB0ljGEEvVjOPPqKK4ziFY5whjou41nH7/CqPfF3HBfYS/80Fx7M4m2wL2E/prCRK7WGd/m0Z/D+idKGsZkI3WC2kgvax2kEPIZ6fJ8Mj8s4KxcE/nuG4TWcJ+vBstZwm8u61KrQKN4k6+NWhAYwjZexbuTbn6ED3TFTGV+jBxNYz7X/C4aqBULzcWyyKc7OY3tk05vENrCGg6KMPjdx5j7FCKi2aPYRVrESA1kodI7Dgnb/xQl2sBU3wD3uAKPaX8VyWEPmAAAAAElFTkSuQmCC') no-repeat center;
	transform: scale(1.17);
}

.detailButton, input.detailButton {
	background: url(ico/detail.gif) no-repeat center;
}
.detailButton:hover, input.detailButton:hover {
	background: url(ico/detail_hover.gif) no-repeat center;
}

.detailWhiteButton, input.detailWhiteButton {
	background: url(ico/detail_white.gif) no-repeat center;
}
.detailWhiteButton:hover, input.detailWhiteButton:hover {
	background: url(ico/detail_white_hover.gif) no-repeat center;
}


.upButton, input.upButton {
	background: url(ico/buttonUp.gif) no-repeat center;
}
.upButton:hover, input.upButton:hover {
	background: url(ico/buttonUp_hover.gif) no-repeat center;
}

.downButton, input.downButton{
	background: url(ico/buttonDown.gif) no-repeat center;
}
.downButton:hover, input.downButton:hover {
	background: url(ico/buttonDown_hover.gif) no-repeat center;
}

.ascButton, input.ascButton {
	background: url(ico/ASC.gif) no-repeat center;
}
.ascButton:hover, input.ascButton:hover {
	background: url(ico/ASC_hover.gif) no-repeat center;
}

.descButton, input.descButton{
	background: url(ico/DESC.gif) no-repeat center;
}
.descButton:hover, input.descButton:hover {
	background: url(ico/DESC_hover.gif) no-repeat center;
}


.plusButton {
	background: url(ico/plus.gif) no-repeat center;
}
.plusButton:hover {
	background: url(ico/plus_hover.gif) no-repeat center;
}

.habilitadoButton {
	background: url(ico/habilitado.gif) no-repeat center;
}
.habilitadoButton:hover {
	background: url(ico/desabilitado_hover.gif) no-repeat center;
}
.desabilitadoButton {
	background: url(ico/desabilitado.gif) no-repeat center;
}
.desabilitadoButton:hover {
	background: url(ico/habilitado_hover.gif) no-repeat center;

}
.refreshButton, input.refreshButton {
	background: url(ico/refresh.png) no-repeat center;
}
.rightArrowButton {
	background: url(ico/right_arrow.gif) no-repeat center;
}
.rightArrowButton:hover {
	background: url(ico/right_arrow_hover.gif) no-repeat center;
}
.leftArrowButton {
	background: url(ico/left_arrow.gif) no-repeat center;
}
.leftArrowButton:hover {
	background: url(ico/left_arrow_hover.gif) no-repeat center;
}

.alocarButton {
	background: url(ico/alocar.gif) no-repeat center;
}
.alocarButton:hover {
	background: url(ico/alocar_hover.gif) no-repeat center;
}
.liberarButton {
	background: url(ico/liberar.gif) no-repeat center;
}
.liberarButton:hover {
	background: url(ico/liberar_hover.gif) no-repeat center;
}

.trocarButton {
	background: url(ico/trocar.gif) no-repeat center;
}
.trocarButton:hover {
	background: url(ico/trocar_hover.gif) no-repeat center;
}
.trocarActiveButton {
	background: url(ico/trocar_active.gif) no-repeat center;
}
.trocarActiveButton:hover {
	background: url(ico/trocar_active.gif) no-repeat center;
}

.lockButton {
	background: url(ico/lock.gif) no-repeat center;
}
.lockButton:hover {
	background: url(ico/lock_hover.gif) no-repeat center;
}
.lockRedButton {
	background: url(ico/lock_red.gif) no-repeat center;
}
.lockRedButton:hover {
	background: url(ico/lock_red_hover.gif) no-repeat center;
}
.unlockButton {
	background: url(ico/unlock.gif) no-repeat center;
}
.unlockButton:hover {
	background: url(ico/unlock_hover.gif) no-repeat center;
}
.unlockGreenButton {
	background: url(ico/unlock_green.gif) no-repeat center;
}
.unlockGreenButton:hover {
	background: url(ico/unlock_green_hover.gif) no-repeat center;
}

.printerButton {
	background: url(ico/printer.gif) no-repeat center;
}
.printerButton:hover {
	background: url(ico/printer_hover.gif) no-repeat center;
}

.verifyButton {
	background: url(ico/verify.gif) no-repeat center;
}

.sentMessageButton {
	background: url(ico/sent_message.gif) no-repeat center;
	border: none;
}
.receivedMessageButton {
	background: url(ico/received_message.gif) no-repeat center;
	border: none;
}
.loadingButton {
	background: url("common/loading.gif") no-repeat center;
	width: 20px;
	border: none;
}
.downloadButton {
	background: url(ico/download.gif) no-repeat center;
	border: none;
}
.downloadButton:hover {
	background: url(ico/download_hover.gif) no-repeat center;
	border: none;
}
.downloadButton:focus {
	background: url(ico/download_hover.gif) no-repeat center;
	border: none;
}
.uploadButton {
	background: url(ico/upload.gif) no-repeat center;
	border: none;
}
.uploadButton:hover {
	background: url(ico/upload_hover.gif) no-repeat center;
	border: none;
}
.uploadButton:focus {
	background: url(ico/upload_hover.gif) no-repeat center;
	border: none;
}

.icoWarning {
	background: url(ico/ico_warning.gif) no-repeat center;
}
.icoCheck {
	background: url(ico/ico_check2.gif) no-repeat center;
}
.icoWarningYellow {
	background: url(ico/ico_warnning_yellow.gif) no-repeat center;
}
.icoChron {
	background: url(ico/ico_relogio.gif) no-repeat center;
}

.templateSample,  input.templateSample {
	width: 23px;
	height: 23px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 7px;
	cursor: pointer;
	overflow: hidden;
	border: none;
	background: none;
}



.htmlButton, .rtfButton, .xlsButton, .pdfButton, input.htmlButton, input.rtfButton, input.xlsButton, input.pdfButton {
	width: 19px;
	height: 19px;
	padding: 0px;
	cursor: pointer;
	margin-right: 5px;
	overflow: hidden;
	border: none;
	background: none;
}

.xlsButton, input.xlsButton {
	background: url(ico/excel_ico.gif) no-repeat bottom;
}
.xlsButton:hover, input.xlsButton:hover {
	background: url(ico/excel_ico_hover.gif) no-repeat bottom;
}
.pdfButton, input.pdfButton {
	background: url(ico/pdf_ico.gif) no-repeat bottom;
}
.pdfButton:hover, input.pdfButton:hover {
	background: url(ico/pdf_ico_hover.gif) no-repeat bottom;
}
.templateSample, input.templateSample {
	background: url(ico/download_template.gif) no-repeat bottom;
}
.templateSample:hover, input.templateSample:hover {
	background: url(ico/download_template_hover.gif) no-repeat bottom;
}
.rtfButton, input.rtfButton {
	background: url(ico/rtf_ico.gif) no-repeat bottom;
}
.rtfButton:hover, input.rtfButton:hover {
	background: url(ico/rtf_ico_hover.gif) no-repeat bottom;
}
.htmlButton, input.htmlButton {
	background: url(ico/html_ico.gif) no-repeat bottom;
}
.htmlButton:hover, input.htmlButton:hover {
	background: url(ico/html_ico_hover.gif) no-repeat bottom;
}



.lessWhiteButton, .plusWhiteButton {
	width: 16px;
	height: 16px;
	padding: 0px;
	cursor: pointer;
	margin-right: 0px;
	overflow: hidden;
}
.plusWhiteButton {
	background: url(ico/plus_white.gif) no-repeat center;
}
.plusWhiteButton:hover {
	background: url(ico/plus_white_hover.gif) no-repeat center;
}
.lessWhiteButton {
	background: url(ico/less_white.gif) no-repeat center;
}
.lessWhiteButton:hover {
	background: url(ico/less_white_hover.gif) no-repeat center;
}


/** DISABLED */
.addButton[disabled=disabled], .editButton[disabled=disabled], .deleteButton[disabled=disabled], .recoverButton[disabled=disabled],
.moveToTrashButton[disabled=disabled], .detailButton[disabled=disabled], .plusButton[disabled=disabled], .saveButton[disabled=disabled],
.upButton[disabled=disabled], .downButton[disabled=disabled], .ascButton[disabled=disabled], .descButton[disabled=disabled],
.habilitadoButton[disabled=disabled], .desabilitadoButton[disabled=disabled], .refreshButton[disabled=disabled], .infoButton[disabled=disabled],
.rightArrowButton[disabled=disabled], .leftArrowButton[disabled=disabled], .liberarButton[disabled=disabled], .alocarButton[disabled=disabled],
.trocarButton[disabled=disabled], .trocarActiveButton[disabled=disabled], .colorpickerButton[disabled=disabled], .undoButton[disabled=disabled],
.lockButton[disabled=disabled], .lockRedButton[disabled=disabled], .unlockButton[disabled=disabled], .unlockGreenButton[disabled=disabled],
.printerButton[disabled=disabled],
.verifyButton[disabled=disabled],
.downloadButton[disabled=disabled],
.loadingButton[disabled=disabled],
.uploadButton[disabled=disabled],
.sentMessageButton[disabled=disabled],
.receivedMessageButton[disabled=disabled],
.icoWarning[disabled=disabled],
.icoWarningYellow[disabled=disabled],
.icoChron[disabled=disabled],
.icoCheck[disabled=disabled] {
	display: none !important;
}

.statusRed, .statusGreen, .statusGreenLight, .statusBlue, .statusWhite, .statusGray, .statusYellow  {
	float: left;
	width: 100px;
	height: 18px;
	border: 1px #333 solid;
	text-align: center;
	font-weight: bold;
	padding: 2px;
}
.statusRed {
	background-color: #F00;
	color: #fff !important;
}
.statusGreen {
	background-color: #A3E0A7;
	color: #003300 !important;
}
.statusGreenLight {
	background-color: #64FE2E;
	color: #003300 !important;
}
.statusWhite {
	background-color: #ffffff;
	color: #000000 !important;
}
.statusGray {
	background-color: #cccccc;
	color: #000000 !important;
}
.statusBlue {
	background-color: #09F;
	color: #fff !important;
}
.statusYellow {
	background-color: #FF9;
	color: #A73F12 !important;
}
.statusBlack {
	background-color: #000000;
	color: #ffffff !important;
}
.jsColorInput {
	width: 50px;
	opacity: 0.5;
}