@import url(tlcc.css);

table#header {
  width: 100%;
}

img#spinner {
  position: fixed;
  left: 50%; right: 50%;
  top: 50%; bottom: 50%;
  z-index: 500;
}

td#status {
  text-align: right;
}

td#siteid {
  width: 140px;
}

td#siteid img {
  border: 0px;
}

/* heading and navigation */

/* hierarchy is:
   intro
   contentholder
    nav
    content */

div#intro {
  position: absolute;
  left: 0; right: 0;
  top: 0;
  height: 90px;
}

a#site_id img {
  border: 0;
  float: left;
}

ul#utils { float: right; }

ul#utils li { display: inline; background-color: #e0e0e0; font-size: 85%; padding-left: 1em; border-top: 2px solid black; border-bottom: 2px solid black; }

/* begin nav bar/content arrangement */

div#contentholder { padding: 0; margin: 0; border: 0; position: absolute; left: 0; right: 0; top: 90px; }


/* everything is inside div#nav, which contains ul.pri_nav, and a
bunch of ul.sec_nav's */

div#contentholder div#nav { padding: 0 0 0 0em; margin: 0; border: 0; position: absolute; top: 0; left: 0; width: 10em; }

div#contentholder div#nav + { padding: 0; margin: 0; border: 0; }

div#contentholder div#content { padding: 0 0.5em 0.5em 0.5em; margin: 0; border: 5px solid #f0f0f0; position: absolute; left: 10em; right: 0.2em; }

/* hide non-current items */

div#contentholder div#nav ul.pri_nav li.other ul { display: none; }

/* both padding and margin required for IE bugs http://meyerweb.com/eric/css/list-indent.html */

div#contentholder div#nav ul.pri_nav { padding: 0; margin: 0; border: 0; }

div#contentholder div#nav ul.pri_nav ul.sec_nav { padding: 0 0 0 0.5em; margin: 0; border: 0; }


/* level 1 nav */
div#contentholder div#nav ul.pri_nav > li { border: 0; padding: 0 0 0.5em 0; list-style-type: none; font-weight: bold; }

/* make level 2 nav a little smaller */
div#contentholder div#nav ul.pri_nav ul.sec_nav > li { border: 0; padding: 0.1em 0 0.1em 1em; list-style-type: none; font-size: 95%; }

/* remove underlines from nav links and change colour */
div#contentholder div#nav ul.pri_nav li a { text-decoration: none; color: #000000; }
/* but show underline on hover */
div#contentholder div#nav ul.pri_nav li a:hover { text-decoration: underline; color: #000000; }
/* highlight current 2nd-level */
div#contentholder div#nav ul.pri_nav ul.sec_nav li.current { background-color: #f0f0f0; }
/* end navigation bar */

div#name {
  font-size: 125%;
  font-weight: bold;
  height: 100%;
  padding: 30px 0 0 140px;
}

/* end of general layout */