{% comment %}

Copyright 2010 Google Inc. All Rights Reserved.

This template describes the overall page structure for the
tables pages for the ChromeOS Test Dashboard.
{% endcomment %}
<!doctype html>
<html lang="en">
  <head>
    <meta http-equiv="refresh" content="600">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="pragma" content="no-cache">
    <title>{% block title %}{% endblock %}</title>
  </head>
  {% block body_block_header %}{% endblock %}
    <style type="text/css">
      body, td, th {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 0.9em;
      }
      .div_left {
        clear:left;
        float:left;
        margin-left:auto;
        margin-right:0pt;
        width:45%;
      }
      .div_middle {
        float:left;
        width:8%;
      }
      .div_right {
        float:left;
        clear:right;
        width:45%;
      }
      .div_full {
        margin-left:auto;
        margin-right:auto;
        width:100%;
      }
      .div_testname {
        -webkit-transform:rotate(270deg);
        -moz-transform:rotate(270deg);
        width:20px;
        white-space:nowrap;
        text-decoration:normal;
      }
      .legend {
        padding:3px;
        border:1px solid #c0c0c0;
        width:5px;
        font-weight:bold;
      }
      a img {
        border-style: ridge;
        width: 760px;
      }
      a { text-decoration: none; }
      a.info{
        position:relative; /*this is the key*/
        z-index:1
        color:#000;
        font-weight:normal;
      }
      a.info:hover { z-index:25; }
      a.info span { display: none }
      a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top:1em; left:1em;
        min-width: 200px;
        overflow: visible;
        background-color:#fff;
        color:#000;
        background: #FFFFAA; border: 1px solid #FFAD33;
        text-align: left;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 0.9em;
        font-weight: normal;
        padding: 0.2em 0 0.6em 0;
        border-radius: 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
      }
      table {
        background-color: #bbbbbb;
        border-collapse:collapse;
        border-spacing: 1px 1px 1px 1px;
        margin-top:0px;
        margin-bottom:50px;
      }
      table tr {
        background-color: #e5e5c0;
      }
      table tr td, table tr th  {
        border:1px solid #c0c0c0;
      }
      a.configs { text-decoration: underline; }

      tbody tr * {padding: 4px;}

      tbody th a {
        color :#fff;
        padding:1.0em 3.0em 0 0;
        text-decoration:none;
        }

      tbody th a:hover {
        background:none;
        color:#000;
        }

      tbody td a {
        padding: 0px;
        text-decoration: none;
        }

      tbody td a:hover {
        background:none;
        color:#000;
        }

    </style>
    {% block header_block %}{% endblock %}
    {% block html_block %}{% endblock %}
    {% block footer_block %}{% endblock %}
  </body>
</html>