<html>

<head>
  <title>SeqMonk Vistory Report</title>

  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  <style>
    body {font-family: 'Open Sans', sans-serif;}
    p.header {margin-left: 200px;}
    div.vistoryblock {margin-left: 200px;}
    div.toc {position: fixed; top: 30px; left: 2px; width: 200px; height: calc(100% - 30px); overflow: auto;}
    ul.toc {list-style: none;}
    ul.toc li {border-radius: 10px; margin-top: 5px; background: #336699; color: white; margin-left: -20; padding: 5px; padding-left: 15px;}
    ul.toc li.title2 {font-size: 1em; font-weight: bold;}
    ul.toc li.title3 {background: #666666; font-size: 0.8em; font-weight: bold; margin-top:0px}
    ul.toc li a {color: white; text-decoration: none; display: block;}
    h2 {border-radius: 10px; background-color: #666666; color: white;padding: 0px; padding-bottom:3px; padding-left: 15px;}
    p.header a {outline: none}
    p.eventtype {background: brown; padding-left:0.5em; padding-right:0.5em; color:white; font-size: 0.8em; margin-bottom: 0;display: inline}
    p.eventtext {font-size: 0.6em; background: #DDDDDD; padding-top: 0; margin-top: 0;}
	p.vistoryimage{overflow-x: auto;}
	div.vistorytable{overflow: auto; max-height: 600px;}
 	th {background: #666;color: white; font-size:0.8em;}
    td {background: #DDDDDD;font-size: 0.7em;}   
  </style>

</head>

<body>

<p class="header" id="top">
<a href="https://www.bioinformatics.babraham.ac.uk/projects/seqmonk/"><img src="data:image/png;base64,[encoded data, 27304 characters]" alt="SeqMonk Vistory"></a>
</p>
