@import url('embedded_fonts.css');

BODY { margin: 20px;
       color: black;
       background-color: white;
       font-family: Verdana,Helvetica,Arial,sans-serif;
}

p  { font-size: 12px; }
h1 { font-size: 18px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 10pt; font-weight: normal; }
span { font-size: 12px; }

img { border-width: 0px; }

pre { font-family: monospace; font-size: 11px; }
td { font-size: 12px; line-height:140%;}

td.alignment { font-family: monospace; font-size: 12px; }
td.img_compact { line-height: 0.1; font-size: 1px; }
td.spacer { text-align: center; }

td.score_header {
  font-size: 11px;
  text-align: center;
  vertical-align: bottom;
  padding-top: 2px;
  border-bottom-style: solid;
  border-bottom-color: silver;
  border-bottom-width: 1px;
}

td.score_bullet {
  height: 1.2em;
  font-size: 11px;
  text-align: center;
}

td.score_item {
  height: 1.2em;
  font-size: 11px;
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;
}

td.score_border_bottom {
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:silver;
}

td.score_border_left {
  border-left-width:1px;
  border-left-style:solid;
  border-color:silver;
}

td.score_border_right {
  border-right-width:1px;
  border-right-style:solid;
  border-color:silver;
}

td.score_caption {
  border-top-width:thin;
  border-top-style:solid;
  border-color:gray;
}

table.summary {
  border-collapse: collapse;
}

table.summary td {
  padding: 2px;
  font-size: 12px;
}

tr.score_summary:hover {
  background-color:#DDDDDD;
}

li.TV_expanded {
    background: url(/images/triangle_down_p.png) left center no-repeat;
    margin-bottom: 1px; margin-top: 15px; margin-right: 5px; padding-left: 18px;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    list-style: none;
}

li.TV_collapsed {
    background: url(/images/triangle_right_p.png) left center no-repeat;
    cursor: pointer;
    font-size: 12px;
    text-align: left;
    margin-bottom: 1px;
    margin-top: 15px;
    margin-right: 5px;
    padding-left: 18px;
    list-style: none;
}

.TV2_expanded {
    background: url(/images/collapse_small_p.png) left center no-repeat;
    padding: 4px 4px 4px 22px;
    text-align: left;
    cursor: pointer;
    list-style: none;
}

.TV2_collapsed {
    background: url(/images/expand_small_p.png) left center no-repeat;
    padding: 4px 4px 4px 22px;
    text-align: left;
    cursor: pointer;
    list-style: none;
}


div.publication_title {
    padding-left: 2px;
    background-color: #e6e2e6;
}

div.publication_linkout {
    background-color: #e6e2e6;
    float: right;
}

li.publication_match_summary {
    list-style: none;
    text-align: left;
    margin-right: 5px;
    padding-left: 20px;
}

li.publication_abstract {
    list-style: none;
    text-align: justify;
    margin-right: 5px;
    padding-left: 20px;
}

span.abbreviation_dots {
  cursor: pointer;
}

span.emphasis_keyword {
    background-color: #fcdf91;
}

a.string_example { color:black; font-size:10px; text-decoration:underline; }
a.string_example:hover { color:blue; font-size:10px; text-decoration:underline; }

a.normal_reference:link { color: black; }
a.normal_reference:active { color: black; }
a.normal_reference:visited { color: black; }
a.normal_reference:hover { color: blue; }

a.blacknondecorated:link { color: black; text-decoration: none; }
a.blacknondecorated:active { color: black; text-decoration: none; }
a.blacknondecorated:visited { color: black; text-decoration: none; }

a.whitenondecorated:link { color: white;    }
a.whitenondecorated:active { color: white;  }
a.whitenondecorated:visited { color: white; }
a.whitenondecorated:hover { background-color: white; color: #A1ADEC;; }

a.nondecorated:link { color: black; text-decoration: none; }
a.nondecorated:active { color: black; text-decoration: none; }
a.nondecorated:visited { color: black; text-decoration: none; }
a.nondecorated:hover { color: blue; text-decoration: none; }

a.hint_for_help:link { color: black; text-decoration: none; }
a.hint_for_help:active { color: black; text-decoration: none; }
a.hint_for_help:visited { color: black; text-decoration: none; }
a.hint_for_help:hover { color: blue; text-decoration: none; }

a.download_file:link { color: black; }
a.download_file:active { color: black; }
a.download_file:visited { color: black; }
a.download_file:hover { color: blue; }

td.batchimport, th.batchimport, .ff-fix {
    cursor: pointer;
    padding: 5px;
    position: relative;
}

.column_selected {
    background-color: #40FF7B;
}

td.batchimport:hover::after,
.ff-fix:hover::after {
    background-color: #ffa;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: -1;
}

.top_menu_link_c {
    color: #ffffff;
    text-decoration: none;
    font-size: 25px;
    font-family: Helvetica, sans-serif;
    text-shadow: #000000 2px 2px 6px;
}

.top_menu_link {
    color: #e6ebff;
    text-decoration: none;
    font-size: 25px;
    font-family: 'FolksLightRegular', Helvetica, sans-serif;
    text-shadow: #000000 1px 1px 2px;
}

.top_menu_link_bold {
    color: #e6ebff;
    text-decoration: none;
    font-size: 25px;
    font-family: 'CabinBold', Helvetica, sans-serif;
    text-shadow: #000000 1px 1px 2px;
}

.select_bar {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.stringSubmitButton {
    font-weight: bold;
    font-size: 12px;
    background-color: #e6e2e6;
    background-image: url("/images/submit_button_emph_p.png");
    color: #000;
    padding: 5px;
    margin: 0px;
    border-top: outset 0px #eee;
    border-right: outset 0px #aaa;
    border-bottom: outset 0px #aaa;
    border-left: outset 0px #eee;
}

.stringResetButton {
    font-weight: normal;
    font-size: 12px;
    background-color: #e6e2e6;
    background-image: url("/images/normal_button_grey.png");
    color: #000;
    padding: 5px;
    margin: 0px;
    border-top: outset 0px #eee;
    border-right: outset 0px #aaa;
    border-bottom: outset 0px #aaa;
    border-left: outset 0px #eee;
}

table.dialog_box {
    border-style: solid;
    border-width: 5px;
    border-color: #A1ADEC;
}

td.dialog_box_title {
    background-color: #A1ADEC;
    font-weight: bold;
    padding: 0px 0px 0px 4px;
    border-style: none none solid none;
    border-width: 5px;
/*    border-color: #A1ADEC; */
}

td.info_box_title {
    background-color: #A1ADEC;
    color: black;
    border-style: none;
}

td.dialog_content {
    background-color: white;
    padding: 5px;
}

td.tab { text-align: center; font-size: 10px; cursor: pointer; }
td.tab_selected { text-align: center; font-size: 10px; cursor: default; }
td.tab a { color: black; text-decoration: none; cursor: pointer; }
td.tab_selected a { color: black; text-decoration: none; cursor: default; }
td.tab a:focus, td.tab_selected a:focus { outline-style: none; color: black; }
td.tab_base { vertical-align: bottom; }

td.tabcolored_p
        { text-align: center; font-size: 12px; cursor: pointer;}
td.tabcolored_p_selected
        { text-align: center; font-size: 12px; cursor: default; font-weight: bold; }
td.tabcolored_p a
        { color: black; text-decoration: none; cursor: pointer; }
td.tabcolored_p_selected a
        { color: black; text-decoration: none; cursor: default; }
td.tabcolored_p a:focus, td.tabcolored_p_selected a:focus
        { outline-style: none; color: black; }
td.tabcolored_p_base
        { vertical-align: bottom; }

div.tab_base_bottom
        { background: url("/images/tabbase.bottom.png") no-repeat right bottom; }
div.tab_base_left
        { background: url("/images/tabbase.lowerleft.png") no-repeat left bottom; padding: 4px; }
div.tab_base_right
        { background: url("/images/tabbase.lowerright.png") no-repeat right bottom; padding: 4px; }

div.tabcolored_p_base_bottom
        { background: url("/images/tabcoloredbase_p.bottom.png") repeat-x right bottom; }
div.tabcolored_p_base_left
        { background: url("/images/tabcoloredbase_p.lowerleft.png") no-repeat left bottom; padding: 4px; }
div.tabcolored_p_base_right
        { background: url("/images/tabcoloredbase_p.lowerright.png") no-repeat right bottom; padding: 4px; }

div.tab_ur { background: url("/images/tab.upperright.png") no-repeat right top; }
div.tab_ul { background: url("/images/tab.upperleft.png") no-repeat left top; }
div.tab_lr { background: url("/images/tab.lowerright.png") no-repeat right bottom; }
div.tab_ll { background: url("/images/tab.lowerleft.png") no-repeat left bottom; padding: 2px 7px 9px 7px; }

div.tab_ur_selected { background: url("/images/tabselected.upperright.png") no-repeat right top; }
div.tab_ul_selected { background: url("/images/tabselected.upperleft.png") no-repeat left top; }
div.tab_lr_selected { background: url("/images/tabselected.lowerright.png") no-repeat right bottom; }
div.tab_ll_selected { background: url("/images/tabselected.lowerleft.png") no-repeat left bottom; padding: 2px 7px 9px 7px; }

div.tabcolored_p_ur
        { background: url("/images/tabcolored_p.upperright.png") no-repeat right top; }
div.tabcolored_p_ul
        { background: url("/images/tabcolored_p.upperleft.png") no-repeat left top; }
div.tabcolored_p_lr
        { background: url("/images/tabcolored_p.lowerright.png") no-repeat right bottom; }
div.tabcolored_p_ll
        { background: url("/images/tabcolored_p.lowerleft.png") no-repeat left bottom; padding: 2px 7px 9px 7px; }

div.tabcolored_p_ur_selected
        { background: url("/images/tabcoloredselected_p.upperright.png") no-repeat right top; }
div.tabcolored_p_ul_selected
        { background: url("/images/tabcoloredselected_p.upperleft.png") no-repeat left top; }
div.tabcolored_p_lr_selected
        { background: url("/images/tabcoloredselected_p.lowerright.png") no-repeat right bottom; }
div.tabcolored_p_ll_selected
        { background: url("/images/tabcoloredselected_p.lowerleft.png") no-repeat left bottom;
          padding: 2px 7px 9px 7px; }

body .dojoComboBoxOptions {
    font-size: 0.8em;
}


div.autocomplete {
  position:absolute;
  width:350px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index:10000;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  font-size: 12px;
}
div.autocomplete ul li.selected { background-color: #BFCAFF;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
span.informal {
  color:gray;
}

table.center {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  padding:10px;
  text-align:center;
}

table.center td {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  padding:10px;
  text-align:center;
}

table.infoholder {
  margin: 20px;
  text-align:center;
}

table.infoholder td {
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 5px;
  padding-left: 12px;
  margin: 2px;
  text-align:center;
}

table {
  border-collapse: collapse;
}

table.cog {
  border-collapse: collapse;
  margin-left: 0;
  margin-right: 0;
  padding:0px;
  text-align:center;
}

table.cog td {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  text-align: center;
}

table.cog td.spacer {
  width: 3em;
}

table.cogholder {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-width: thick;
  border-color: #DECACD;
  min-width: 400px;
}

table.cogholder td {
  white-space: nowrap;
  padding-top: 1px;
  padding-right: 6px;
  padding-bottom: 1px;
  padding-left: 6px;
  text-align: left;
}

table.cogholder th {
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;
  text-align: left;
  font-weight: normal;
  background-color: #E6E2E6;
}

table.cogholder td#center {
  white-space: normal;
  padding: 5px;
  text-align: center;
  min-width: 400px;
}

table.cogholder td#newick {
  white-space: normal;
  padding: 5px;
  text-align: left;
  max-width: 750px;
  min-width: 400px;
}

.cogcolor { background-color: #DECACD; }
.greycolor { background-color: #E6E2E6; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

.leftalign { text-align: left; }
.rightalign { text-align: right; }

#gallery{text-align:center;}
#gallery p{display:inline;}
#gallery span{margin:1em; vertical-align:top; display:table-cell; display:inline-table; display:inline-block;}
#gallery p img{margin-bottom:5px;}

div.statusbar {
#  margin: 40px 20px 40px 20px;
  padding: 0 20 0 20px;
  background-color: #E6E2E6;
  text-align: rigth;
  white-space: nowrap;
  width: 100%;
}

span.serverload {
  height:10px;
  margin:3px;
  vertical-align:middle;
  font-family:sans-serif;
}

div.stats {
  max-width: 800px;
  text-align: left;
  padding-left: 50px;
  padding-right: 50px;
}

div.stats table {
  margin-left: auto;
  margin-right: auto;
§  padding-top:20px;
  padding-right:10px;
  padding-bottom:20px;
  padding-left:10px;
}

div.stats table td, th {
  padding-right:10px;
  padding-left:10px;
}

div.stats h1, div.stats h2 { text-align: center; }

div.message {
  text-align: left;
  margin: 40px;
  padding: 40px;
}