/* ig.css — IGD stylesheet
   Converted from ig.pcss (C-preprocessor format, no longer needed).
   Variables expanded inline. */

/* ---- Layout ---- */
body     { position: relative; min-width: 600px; width: 100%; margin: 0; padding: 0; }
#top     { position: absolute; top: 0;     left: 0;   min-width: 600px; width: 100%; height: 50px; padding: 15px; }
#left    { position: absolute; top: 50px;  left: 0;   width: 19%;   margin: 1% 1% 0 0;  padding: 15px; }
#middle  { position: absolute; top: 50px;  left: 20%; min-width: 360px; width: 60%; margin-top: 1%; padding: 15px; }
#right   { position: absolute; top: 50px;  left: 80%; width: 19%;   margin: 1% 0 0 1%; padding: 15px; }

/* ---- Global reset ---- */
* { margin: 0; padding: 0; color: #333; font-family: Arial, sans-serif; }
th { text-align: left; }
span, p, label, td, li, select { font-size: 11px; }
ul  { list-style: none; }
a:link, a:visited, a:hover, a:active { color: #333; }
.error { color: red; font-weight: bold; }

/* ---- IGD-specific nested list indentation ---- */
li li               { padding-left: 15px; }
li li li            { padding-left: 30px; }
li li li li         { padding-left: 45px; }
li li li li li      { padding-left: 60px; }
li li li li li li   { padding-left: 95px; }

/* ---- Expand/collapse controls ---- */
.expand a {
    font-size: 8px;
    text-decoration: none;
    background-color: #ccc;
    font-weight: bold;
    border: 1px solid #333;
}