/*Items below from TAN-A div HTML report*/
@font-face
{
    font-family:noto;
    src:url('../fonts/NotoSansSyriacEstrangela-Regular.ttf') format('truetype');
}
@font-face
{
    font-family:antinoou;
    src:url('../fonts/Antinoou.ttf') format('truetype');
}
thead tr{
    text-align:center
}
.cellhead{
    text-align:center;
    font-weight:bold;
    font-size:10px;
}
table.work-alignment tr:first-child{
    font-weight:bold;
    font-style:italic
}
.src1{
    background:#FAF8F4;
}
.src2{
    background:#F2E8DC;
}
.src3{
    background:#E8DAC6;
}
.src4{
    background:#E6E6FF;
}
.src5{
    background:#B2B2FF;
}
.src6{
    background:#8080FF;
}
.src7{
    background:#E6F2E6;
}
.src8{
    background:#B2D9B2;
}
.src9{
    background:#80C080;
}
.src10{
    background:#FFE6E6;
}
.src11{
    background:#FFB2B2;
}
.src12{
    background:#FF8080;
}
.src13{
    background:#FFF6E6;
}
.src14{
    background:#FFE4B2;
}
.src15{
    background:#FFD280;
}
.src16{
    background:#F6EEEA;
}
.src17{
    background:#E2CBC0;
}
.src18{
    background:#D0A896;
}
.src19{
    background:#FFECEF;
}
.src20{
    background:#FFE0E5;
}
.src21{
    background:#FFD3DB;
}
.src22{
    background:#F2E6E6;
}
.src23{
    background:#D9B2B2;
}
.src24{
    background:#C08080;
}
.src25{
    background:#F7FFEA;
}
.src26{
    background:#E6FFC1;
}
.src27{
    background:#D6FF97;
}
.src28{
    background:#F2F0FD;
}
.src29{
    background:#D7D2FA;
}
.src30{
    background:#BDB4F6;
}

.cross-work-comparison{
    background:white;
    font-size:12px
}
.alignment-container{
    display:inline-block;
    border-right:1px solid #D9D9D9;
    padding-right:3px;
    text-align:center
}
.bitext-tokens{
    color:gray;
    font-size:10px;
}
.token-number{
    vertical-align:super;
    color:gray;
    font-size:10px
}
.interlinear{
    font-size:12px
}
.concordance,
.unassigned{
    line-height:180%;
    font-size:10px
}
*:lang(syr){
    /*font-family:noto;*/
    font-family:noto, 'Serto Urhoy', 'Estrangelo Nisibin';
    text-align:right;
}
*:lang(cop){
    /*font-family:noto;*/
    font-family:antinoou;
}
*:lang(eng){
    line-height:175%;
    font-size:small;
}
.ref-orig{
    font-size:8px;
    text-align:center;
    font-style:italic
}
.emph{
    font-weight:bold
}
.warning{
    color:red
}
.srctoggle{
    color:green
}
/* For HTML display, give special rendering for tei elements converted to divs */
.tei-span,
.tei-cit,
.tei-quote,
.tei-ref,
.tei-pb,
.tei-lb,
.tei-foreign,
.tei-supplied{
    display:inline
}
.tei-p{
    display:inline-block;
    text-indent:10px
}
.tei-quote{
    font-style:italic;
    font-weight:bold
}
/* For index */
.index-lemma{
    font-weight:bold
}
.index-sublemma{
    text-indent:10px;
    font-style:italic
}
.index-entry{
    text-indent:20px
}
.index-cf{
    color:gray
}
/* For statistics report */
.stats{
    border-collapse:collapse
}
.stats > thead{
    text-align:center;
    font-weight:bold;
    background-color:#CCCCCC;
}
.stats > :not(thead) td:not(:first-child){
    text-align:right;
}
.total{
    font-weight:bold
}
.stats tr.total{
    border-top:black 2px solid
}
.stats > :not(thead) tr:nth-of-type(3n+1) td{
    border-top:black 1px solid
}

/*Items below from TAN-M HTML report -- needs to be reconciled!!!*/
thead tr{
    text-align:center
}
.emph{
    font-weight:bold
}
.token-number,
.lex{
    vertical-align:super;
    color:gray;
    font-size:10px
}
.code-diff{
    color:black;
    font-weight:bold
}
.explanation{
    font-size:12px;
    display:none;
}
.morph-token-number,
.morph-options,
.morph-lexeme,
.selector{
    display:inline-block;
    vertical-align:middle;
}
.selector{
    margin:0px 5px
}
.morph-lexeme .selector{
    color:gray
}
.morph-options{
    width:140px;
    background-color:#CCE6CC
}
.sel-on{
    color:green;
    font-size:20px
}
.sel-off{
    color:red;
    font-size:20px
}
.omit{
    background-color:#FFCCCC
}
.code{
    font-family:monospace
}
.corrected{
    font-size:10px;
}
.deprecated{
    text-decoration:line-through;
}
td.code{
    color:green;
    vertical-align:top;
}
.al1{
    background-color:#D9D9D9
}
.al2,
.al3,
.al4{
    background-color:#B3B3B3}
.doubt,
.times{
    font-size:smaller;
    vertical-align:super;
    color:#FF8080
}
.warning{
    color:red
}

/*Items below specific to concordance*/
.concordance2 td{
    border:1px solid black;
}
.cluster{
    vertical-align:super;
    color:green;
    font-size:10px;
}
/*Items below from TAN-A token HTML report*/
.tokmatch,
.more{
    color:green;
}
.tokpos{
    font-size:smaller;
    vertical-align:super;
    color:gray
}

/* Not sure what the things below this comment do */
.al1{
    background-color:#D9D9D9
}
.al2,
.al3,
.al4{
    background-color:#B3B3B3
}
.doubt,
.super{
    font-size:smaller;
    vertical-align:super
}
.cref{
    color:gray
}