.fieldLayout table { border:0; width: 100%; }
.fieldLayout td { border:0; }

.inputs td { white-space:nowrap; }

.textField_readOnly { background: #EEEEEE; border: 1px solid #ABADB3; color: #696969; }
.textField_readOnly errorField { background: #EEEEEE; border: 1px dotted red; color: #696969; }

.integerField_readOnly { background: #EEEEEE; border: 1px solid #ABADB3; color: #696969;  }
.integerField_readOnly errorField { background: #EEEEEE; border: 1px dotted red; color: #696969; }

.dateField_readOnly { background: #EEEEEE; border: 1px solid #ABADB3; color: #696969;  }
.dateField_readOnly errorField { background: #EEEEEE; border: 1px dotted red; color: #696969; }

.floatingField_readOnly { background: #EEEEEE; border: 1px solid #ABADB3; color: #696969;  }
.floatingField_readOnly errorField { background: #EEEEEE; border: 1px dotted red; color: #696969; }

.booleanField_readOnly { background: #EEEEEE; border: 1px solid #ABADB3; color: #696969; }
.booleanField_readOnly errorField { background: #EEEEEE; border: 1px dotted red; color: #696969; }

input.errorField, select.errorField, textarea.errorField { border: 1px dotted red; }
label.errorField { color: red; font-style: italic; }

.fieldGroupWithHeader {
	border: 1px solid #B5B5B5 !important;
}

.fieldGroupTitle {
	border-bottom: 1px solid #B5B5B5;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    padding-bottom: 0.1em;
}

/* --------------------------------------------------------------------------------------------------------------------
 * Estilos básicos de tabelas dinâmicas
 */
.fieldLayout div.dynTable > table
{
    border: solid 1px #e0e0e0;
    padding: 0;
    width: auto;
}

.fieldLayout div.dynTable > table td,
.fieldLayout div.dynTable > table th
{
    border: initial;
    padding: 0.2em;
}

.fieldLayout div.dynTable > table th
{
    background-color: #dddddd;
    font-weight: bold;
    text-align: inherit;
    padding-right: 19px;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAAXNSR0IArs4c6QAAAAZiS0dEAGkAaQBpHgmHEAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wIDhItM/nfBuEAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAADRJREFUKM9jYMADMjMzN+OTZyRG4/Tp032J1ozNRmwGMJLiVFwuIAtQZDN1/UxKaDNQEs8AsRYb4/S4hpsAAAAASUVORK5CYII=);
    cursor: pointer;
}

.fieldLayout div.dynTable > table th.headerSortDown {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAAXNSR0IArs4c6QAAAAZiS0dEAGkAaQBpHgmHEAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wIDhItFrLb0qYAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAClJREFUKM9jYBiUIDMzczM+eUZiNE6fPt2XaM3YbMRmACMpTsXlgiEGAMURDfKRl8VwAAAAAElFTkSuQmCC);
}

.fieldLayout div.dynTable > table th.headerSortUp {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAAXNSR0IArs4c6QAAAAZiS0dEAGkAaQBpHgmHEAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wIDhItBEFio+4AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAC5JREFUKM9jYBiSgBFdIDMzczMuxdOnT/fFqxmXAegacWpGNwCbRoIAnxcGFgAA7hsN8p8G+SQAAAAASUVORK5CYII=);
}

.fieldLayout div.dynTable > table tr.even
{
    background-color: #f6f6f6;
}

.fieldLayout div.dynTable > table tr td:first-child
{
    padding-left: 2em;
}

.fieldLayout div.dynTable > table tr.selected td
{
    background-color: #BFCDD6;
    color: #465C71;
    cursor: pointer;
}

.fieldLayout div.dynTable > table tr.selected td:first-child
{
    background: #BFCDD6 url(data:image/gif;base64,R0lGODlhEAAIAPABAAAAAEZccSH5BAEAAAAALAAAAAAQAAgAAAIUhI8QkW3LHIJuHVotltDK633XVwAAOw==) scroll no-repeat 5px center;
}

.fieldLayout div.dynTable > table tr.hover
{
    background-color: #FFF4CE !important;
    cursor: pointer;
}