<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.5"/>
    <link rel="shortcut icon" href="#" />
    <link rel="stylesheet" type="text/css" href="./css/menu.css" />
    <link rel="stylesheet" type="text/css" href="./css/window.css" />
    <link rel="stylesheet" type="text/css" href="./css/flot.css" />
    <link href="./css/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" media="screen" type="text/css" href="./lib/colorpicker/css/colorpicker.css" />
    <link rel="stylesheet" type="text/css" href="./css/datatables/datatables.min.css">
    <link rel="stylesheet" type="text/css" href="./lib/font-awesome/css/font-awesome.css" />
    <link rel="stylesheet" href="./css/multiple-select.min.css">
    <link href="./css/select2.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="./lib/tabulator/css/tabulator.min.css">
    <link rel="stylesheet" href="./css/tasukeTabulatorManager.css">
    <script src="./js/tasukeCompAccArray.js" type="text/javascript"></script>
    <style>
      #zoombar { z-index: 100; }
      #div_tree_footer {z-index: 101;}
      #div_tree_header {z-index: 102;}
      #ind { z-index: 109; }
      #cellinf { z-index: 110; }
      #menu ul {z-index:500;}
      .ui-dialog-accession-manager .ui-dialog-variant-filter .ui-dialog-track-manager
      .ui-dialog-block-options .ui-dialog-infocell .ui-dialog-cstm-cond .ui-dialog-changechr{
        z-index: 1000;
      }
      .colorpicker, .colorpicker * {
        z-index: 9970;
      }
      .ui-widget-overlay {
	z-index: 9979;
      }
      .ui-dialog { z-index: 9980;}
      #tbl_lstBox .ui-resizable-s, #tbl_idlst .ui-resizable-s, #gffInfoTableDiv .ui-resizable-s {
        background-image: url("css/images/resizable-s.png");
        background-repeat: no-repeat;
        background-position:center 1px;
        bottom:3px;
        height:6px;
        border: 1px solid gray;
        background-color:#eeeeee;
        width:99.2%;
      }

      /* select2 */
      .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color:black;
      }
      .select2-dropdown {
        z-index:9981;
        max-width:350px;
      }
      /*.select2 {margin-top:-3px;}*/
      .select2-selection__rendered {
        //font-family: Courier,Arial;
        font-size: 12px;
        font-weight: normal;
      }
      .select2-results__options {
        font-family: Courier,Arial;
        font-size: 13px;
        font-weight: normal;
        white-space: nowrap;
      }
      .select2-results__option {
        padding:1px;
      }
      .select2-selected {
        background: #c4d3ff;
        color:blue;
      }
      .select2-container .select2-selection--single {height:19px;}
      .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:18px;color:black;}
      .select2-container--default .select2-selection--single {border:1px solid gray;border-radius:0px;}
      .select2-selection__arrow {height:19px !important;}
      #pheno_chr_parent .select2-selection__rendered {font-size: 18px;}
      #pheno_chr_parent .select2-results__options {font-size: 18px;}
      #pheno_chr_parent .select2-container .select2-selection--single {height:25px;}
      #pheno_chr_parent .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:24px;}

      /* multiple-select */
      .ms-drop ul>li {
        padding: 1px 10px;
      }
      .ms-drop ul>li>label>input {
        margin-top:.1rem !important;
      }
      .ms-choice, .ms-choice>span {
        height:19px;
        padding-top:0px;
        color:black;
	border-radius: 0px;
	border-color: gray;
      }

      /* Drop down button list */
#list_std_actSelect_b {
    display: inline-block;
    width: 180px;
    height: 16px;
    position: relative;
    border: 2px solid blue;
    color:blue;
    border-radius: 5px;
    padding-left:10px;
    font-weight: bold;
}
.ca_dropdown_lists {
  width: 170px;
  background-color:white;
  border: 1px solid black;
  display: none;
  position: absolute;
  top: 16px;
  left: 0;
  margin: 0px;
  padding:5px;
  z-index:9982;
}
.ca_dropdown_list button {
  width: 170px;
  text-align: left;
  margin: 2px 0px;
  color:blue;
}
#list_std_actSelect_b:hover .ca_dropdown_lists {
  display: block;
}
.ca_dropdown_list {
  list-style:none;
}
.ca_dropdown_label_triangle {
  position:absolute;
  top:6px;
  right:2px;
}
    </style>
    <script src="./js/jquery-3.7.1.min.js" type="text/javascript"></script>
    <script src="./js/jquery-ui-1.14.1.min.js" type="text/javascript"></script>
    <script src="./js/format4js.js" type="text/javascript"></script>
    <script src="./lib/colorpicker/js/colorpicker.js" type="text/javascript"></script>
    <script src="./lib/treelib/treelib.js" type="text/javascript"></script> <!-- !!!Duplicate Node objects -->
    <script src="./lib/treelib/midpoint.js" type="text/javascript"></script>
    <script src="./lib/SVGPan2/SVGPan.js" type="text/javascript"></script>
    <script src="./lib/lz-string/lz-string.min.js" type="text/javascript"></script>
    <script src="./js/multiple-select.min.js"></script>
    <script src="./js/select2.min.js"></script>
    <script src="./lib/tabulator/js/tabulator.min.js"></script>
    <script src="./js/newickParser.js"></script>
    <script src="./js/phyloTreeCreater.js"></script>
    <script src="./js/tasukeTabulatorManager.js"></script>
    <script src="./js/env.js" type="text/javascript"></script>
    <script src="./js/blastParser.js" type="text/javascript"></script>
    <script src="./js/tools.js" type="text/javascript"></script>
    <script src="./js/init.js" type="text/javascript"></script>
    <script src="./js/window_phylo.js" type="text/javascript"></script>
    <script src="./js/window_blast.js" type="text/javascript"></script>
    <script src="./js/window_primer.js" type="text/javascript"></script>
    <script src="./js/window_gwas.js" type="text/javascript"></script>
    <script src="./js/window_search.js" type="text/javascript"></script>
    <script src="./js/window_fasta.js" type="text/javascript"></script>
    <script src="./js/dialog.js" type="text/javascript"></script>
    <script src="./js/draw.js" type="text/javascript"></script>
    <script src="./js/event.js" type="text/javascript"></script>
    <script src="./js/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
    <script src="./js/datatables/datatables.min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript" src="./lib/flot/jquery.flot.js"></script>
    <script language="javascript" type="text/javascript" src="./lib/flot/jquery.flot.symbol.js"></script>
    <script language="javascript" type="text/javascript" src="./lib/flot/jquery.flot.selection.js"></script>
    <script language="javascript" type="text/javascript" src="./lib/flot/jquery.flot.axislabels.js"></script>
    <script language="javascript" type="text/javascript" src="./lib/flot/jquery.flot.navigate.js"></script>
  </head>
  <body onload="setTimeout(function(){render();}, 50)">
    <div id="tasuke">
      <?php require './docs/top.html'; ?>
      <div id="mv_dlg">
      <?php require './docs/menu.html'; ?>
      <?php require './docs/canvas.html'; ?>
      </div>
      <?php require './docs/bottom.html'; ?>
    </div>
    <!-- Some documents for popup-->
    <?php require './docs/dialog.html'; ?>
    <?php require './docs/about.html'; ?>
    <?php require './docs/about_PRIMER.html'; ?>
    <?php require './docs/about_blast.html'; ?>
    <?php require './docs/about_phytree.html'; ?>
    <?php require './docs/citation.html'; ?>
  </body>
</html>

