/* white background is presented within scope of main site*/
/*html {
    background: white;
}*/

#detail_card img.main_compound {
    text-align: center;
    max-height: 18em;
    max-width: 18em;
}


#detail_card ul.compoundlist li {
    width: 22%;
    margin: 3px 3px 1em 3px;
    height: 15em;
    overflow: hidden;
    border: 1px solid black;
    box-sizing: border-box;
}

#detail_card img.sim_compound {
    min-height: 15em;
    max-height: 150%;
    max-width: 150%;
    display: block;
}

#detail_card ul.compoundlist li p.compound_name {
    height: 1.5em;
    line-height: 1.5em;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#detail_card ul p {
    margin-bottom: 0em  ;
}

#detail_card li.compound_synonym {
    display: none;
}

#detail_card table {
    border-collapse: collapse;
}

#detail_card table tr {
    border-bottom: 2px solid black;
}

#detail_card table > tbody th {
    min-width: 10%;
}

#detail_card table > tbody td {
    padding: 1em;
    max-width: 90%;
}

#detail_card table table tr, #detail_card table table td {
    border: none;
    padding: 0.2em;
}

#detail_card textarea {
    background: white;
    border: gray 1px solid;
    width: 90%;
    height: 7em;
    overflow: auto;
}

#detail_card table.l5table {
    width: auto;
    min-width: 15em;
}

.col_org {
    float: left;
    width: 385px;
    height: 25px;
}
.col_genome {
    float: none;
    height: 25px;
    overflow: hidden;
    display: table-cell; /* turn this off to lock height at 65px */
}
.col_tax {
    float: right;
    height: 25px;
}

.column_org {
    float: left;
    width: 50%;
    height: 25px;
}

.column_genome {
    display: inline-block;
    width: 25%;
    height: 25px;
}

.column_tax {
    float: right;
    width: 25%;
    height: 25px;
}