<!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="stylesheet" type="text/css" href="./css/default.css" /> -->
    <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="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/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/jquery.dataTables.min.css">
    <!--<link rel="stylesheet" type="text/css" href="./css/fix.css" />-->
    <link rel="stylesheet" type="text/css" href="./lib/font-awesome/css/font-awesome.css" />
    <link href="./css/select2.min.css" rel="stylesheet" />
    <style>
      .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;}
      .select2-dropdown {z-index:9981;}
      .select2 {margin-top:-3px;}
      .select2-selection__rendered {
        font-family: Arial;
        font-size: 13px;
        font-weight: normal;
      }
      .select2-results__options {
        font-family: Arial;
        font-size: 13px;
        font-weight: normal;
      }
      .select2-results__option {
        padding:1px;
      }
      .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;}
    </style>
    <script src="./js/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script src="./js/jquery-ui-1.10.4.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>
    <!--<script src="./lib/jquery-svgpan.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/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/jquery.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>
    <script src="./js/select2.min.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'; ?>
<!--    <script type="text/javascript">render();</script> -->
  </body>
</html>

