/* lexample */

.judgment {
    vertical-align: top;
    font-size: 90%;
    line-height: 120%;
}

.wordgroup {
    font-style: italic;
}

.lexample .sub {
    font-size: 80%;
   line-height: 50%;
   vertical-align: text-bottom;
}

.lexample > .morphologicalAnalysis {
    /*font-style: italic;*/
	font-style: normal;
}


/* ALGRaP colours for debugging */
/*
.ilex_gl,
.gloss {
    background-color: #DDF;
}
.ilex_wg,
.wordgroup {
    background-color: #FFA;
}
.ilex_ma,
.morphologicalAnalysis {
    background-color: #DFD;
}
.ilex_tr,
.translation {
    background-color: #FDD;
}
.affix {
    background-color: #AFF;
}
*/
/*****************/
/*
.ilex_gl,
.gloss {
    background-color: revert;
}
.ilex_wg,
.wordgroup {
    background-color: revert;
}
.ilex_ma,
.morphologicalAnalysis {
    background-color: revert;
}
.ilex_tr,
.translation {
    background-color: revert;
}
.affix {
    background-color: revert;
}
*/
/* ALGRaP colours for debugging */

.extra .ilexample {
    width: 100%;
}

.ilexample {
    counter-increment: ilexampleCounter;
}

.ilexample > .ilex_main_header {
    font-weight: bold;
    font-size: 12px;
    float: left;
    position: relative;
    clear: both;
    margin-top: 5px;
}

/* nummering */

.innerExample .ilex_wg {
    counter-reset: wordCounter;
}

.topic {
    counter-reset: ilexampleCounter imageCounter tableCounter;
}

.innerExample:before {
   counter-increment: contrastiveInnerExampleCounter;
    position: relative;
    float: left;
    margin-right: 20px;
}

.ilexample:after {
   counter-reset: innerExampleCounter -1;
}

/* einde nummernig */

.ilexample  .ilex_header {
    font-weight: bold;
    margin-bottom: 0;
}

.ilexample > .ilex_header {
    font-weight: bold;
    margin-bottom: 2px;
}

.ilexample > .relatedList {
    position: relative;
    float: left;
    width: 100%;
}

.innerExample, ilex_tr_header {
    margin: 5px 0 0 0;

}

tr.ilex_tr_header td.ilex_header {
    padding-top: 10px;
}

.isHidden {
    visibility: hidden;
}

.relatedList div[class=innerExample] .ilex_table {
    position: relative;
    float: left;
    width: 1px;
}

.ilexample div[class="orientation_horizontal innerExample"] .ilex_table {
    position: relative;
    float: left;
    width: auto;
}

.ilexample div[class="orientation_horizontal innerExample"] .ilex_table tr td {
    padding: 0 2px;
}

.ilexample div[class="orientation_horizontal innerExample"] .ilex_table .ilex_wg {
    font-style: italic;
    color: #ff0000;
    padding-left: 50px;
}

div[class="orientation_horizontal innerExample"] .ilex_table {
    position: relative;
    float: left;
    width: auto;
}

.ilexample div[class="orientation_horizontal innerExample"] .ilex_table {
    position: relative;
    float: left;
    width: auto;
}

.ilexample div[class="orientation_horizontal innerExample"] .ilex_table tr td {
    padding: 0 2px;
}

.ilexample div[class="orientation_horizontal innerExample"] .ilex_table .ilex_wg {
    font-style: italic;
}

div[class="orientation_horizontal innerExample"] .ilex_table {
    position: relative;
    float: left;
    width: auto;
}

.unnumberedList {
    position: relative;
    float: left;
    margin-left: 20px;
    width: 100%;
    margin-bottom: 5px;
}

.ilex_table .columnheader {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

.categoriallabel {
    vertical-align: text-bottom;
    line-height: 10%;
    font-size: 60%;
}

.table-ex-extended {
    margin-left: 20px;
    line-height: 16px;
}

.table-ex-extended .td-header {
    font-weight: bold;
}

.table-ex-extended td {
    cursor: pointer;
}

/* voor de popup */

.table-ex-extended .ex-isSelected {
    border: 1px solid #1e6d74;
}

/* nummering figuren (fig in dita), hier img, en tables */
/* werkt niet */

.topic img {
    counter-increment: imageCounter;
}

.topic img:before {
    content: "(" counters(imageCounter, ".", decimal) ")";
    display: inline;
}

simpletable {
    counter-increment: tableCounter;
    display: block;
    position: relative;
    float: left;
}

table:not(.ilex_table) {
    counter-increment: tableCounter;
    padding-bottom: 0;
    border-spacing: 5px;
    width: auto;
}

/* ilexamplex in tabel */

table.ilex_table {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 1px;
    clear: left; /* FL mei 2015 */
}

/* Zet de inhoud van alle innerExample-kinderen die NIET orientation_horizontal hebben op aparte regels */
.innerExample:not(.orientation_horizontal) table.ilex_table tr {
    width: 100%;
}

.ilex_img {
    padding: 40px;
}

table.ilex_table tr td {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

table.ilex_table .ilex_ma,
table.ilex_table .ilex_gl {
    white-space: pre;
}


/* bij horizontaal georienteerde tabellen: meer ruimte tussen de tabelcellen */

table.ilex_table tr[class=hori] td[class=ilex_wg],
table.ilex_table tr[class=hori] td[class=ilex_gl],
table.ilex_table tr[class=hori] td[class=ilex_tr],
table.ilex_table tr[class=hori] td[class=ilex_pa],
table.ilex_table tr[class=hori] td[class=ilex_pt],
table.ilex_table tr[class=hori] td[class=ilex_ma],
table.ilex_table tr[class=hori] td[class=ilex_sa],
table.ilex_table tr[class=hori] td[class=ilex_comment],
table.ilex_table tr[class=hori] td[class=ilex_txt] {
    padding: 0 0 0 10px;
}

/* de eerste td krijgt geen padding links */
table.ilex_table tr.hori td:first-child {
    padding: 0;
}

.ilex_table tr.hori td + td.ilex_txt {
    padding: 0;
}

table.ilex_table tr td[class=ilex_src] {
    font-style: italic;
}

td.ilex_dum + td.ilex_comment {
    text-align: left;
    white-space: inherit;
}

td:not(.ilex_dum) + td.ilex_comment {
    /*text-align: right;*/
}

td.ilex_comment {
	font-style: italic;
	/*display: inline-flex;*/
	display: flex;
}

td.ilex_comment .lexample .wordgroup, td.ilex_comment .lexample .translation{
	font-style: normal;
}

.commenttxt{
	white-space: nowrap; /* NB 'normal' is mooier in FF maar geeft geen mooi resultaat in IE */
	width: 600px;
	line-height: 130%;
}

.contrastiveList .commenttxt{
	width: inherit;			/* de vaste breedte van een comment moet worden gecanceld bij een contrastivelist, waar de vb naast elkaar komen */
}

.ilex_comment .bibref{
	margin-left: 2px;
}


.ilex_comment > .lexample {
    padding-left: 5px;
}

table.ilex_table th,
table.ilex_table td[class="ilex_header"] {
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

.ilex_index {
    width: 15px;
}

table.ilex_table tr td[class=ilex_subindex] {
    width: 15px;
	padding: 0 10px 0 0;
}

td:not(.ilex_gl_w) + td.ilex_gl_w {
    min-width: 1px; /* BH 13-1-2016, het content wrap-probleem in table cellen van examples binnen IE opgelost, was: width: 15px; */
}

.ilex_wg,
.ilex_gl,
.ilex_tr,
.ilex_wg_w,
.ilex_gl_w,
.ilex_tr_w {
    padding-left: 50px;
}

.ilex_tr {
    padding-left:50px;
}

.orientation_horizontal table.ilex_table {
    width: 100%;
}

 .orientation_horizontal table.ilex_table tr {
    min-width: 0;
    width: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.orientation_horizontal table.ilex_table tr td {
    min-width: 0;
    width: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.orientation_horizontal table.ilex_table tr td[class=ilex_header] {
    padding: 0 20px 0 0;
}

.table_header {
    font-weight: bold;
}

.ilexample_index {
    margin-left: 0; /* FL mei 2015, was -20px */
}

.judgment {
    font-size: 12px;
    vertical-align: top;
}

/* komen voor bij HAns */

.emphasisitalics {
    font-style: italic;
}

.superscript {
    font-size: xx-small;
    vertical-align: top;
} 

.emphasisbold {
    font-weight: bold;
}

.ilex_pa {
    padding-left: 50px;
}

.table_hor_wg {
    font-style: italic;
}

.table_hor_header {
    font-weight: bold;
}

.ilex_txt {
    text-align: center;
    font-style: italic;
}

.ilex_txt:first-child {
    text-align: left;
}

.ilex_subindex + .ilex_txt,
.ilex_dum + .ilex_txt {
    text-align: left;
    padding-left: 5px;
    white-space: inherit;
}

.ilex_txt:first-child {
    white-space: inherit;
}

td:not([class]) + td.ilex_txt {
    text-align: left;
}

.relatedList .table_ex {
    position:relative;
    float: left;
}

/* nodig om horizontaal georienteerde vb direct naast elkaar te krijgen */

.ilex_table tr.hori {
    display: list-item;
}

.ilex_table tr td.dummy {
    visibility: hidden;
}