@import url("TAN-output.css");

/* padding, alignment */
.annotation{
    margin-left: 2%
}
.index-from-2{
    margin-left: 1em
}
.index-to{
    margin-left: 2em
}
.work-id, .name{
    margin-right: 1ex
}
.index-from-ref,
.index-to-ref,
.work-id{
    vertical-align: top;
}
#morph-summary{
    position:absolute;
}

/* width */
.index-to-ref{
    width: 8em
}
.index-from-2 .index-from-ref{
    width: 9em
}
.index-from .index-from-ref{
    width: 10em
}

/* display */

.index-entry,
.index-from,
.index-to,
.pointee
{
    display: block
}
.snippet,
.index-from-ref,
.index-to-ref,
.work-id,
.snippets .more,
.snippets{
    display: table-cell
}
.lm,
#morph-codes{
    display: none
}
.snippet *,
.name
{
    display: inline
}

/*.snippet{
    display: table-row
}
.index-from-ref,
.index-to-ref,
.work-id,
.pointee,
.snippets{
    display: table-cell
}*/
/*.index-from-ref,
.work-id,
.snippets .more,
.pointee *{
    display: inline-block
}
/\*.index-entry > * {
   display: inline
}*\/
.index-to,
.snippet *,
.pointee{
    display: inline
}
.snippets{
    display: table
}
.snippet,
.index-from{
    display: table-row
}*/

/* font style */

.work-id{
    font-style: italic
}

.index-lemma{
    font-weight: bold
}
.index-sublemma{
    text-indent: 10px;
    font-style: italic
}

/* opacity */
#morph-summary{
    opacity: 0.8
}
.snippets{
    opacity: 0.5
}
.snippets:hover{
    opacity: 1
}

/* colors */

.index-cf{
    color: gray
}
.ana{
    background-color: #f9f5d2;
}
.lm{
    background-color:gray
}
#morph-summary{
    background-color:#f0e68c;
}

/* Everything below needs to be reviewed and edited, esp. against TAN-core.css */

.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
}
.ref-orig{
    font-size: 8px;
    text-align: center;
    font-style: italic
}
.emph{
    font-weight: bold
}
/* 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
}
.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
}
.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
}

/*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
}