/* logo */
#logo
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 94px;
  background-color: #06456b;
}
#logo div.title
{
  position: absolute;
  vertical-align: middle;
  top: 0px;
  right: 0px;
  height: 94px;
  margin: 0;
  padding: 0;
}
#logo div.banner
{
  position: absolute;
  vertical-align: middle;
  top: 0px;
  width: 100%;
  height: 94px;
  padding-top: 30px;
  left: 80px;
  text-align: center;
  font-size: 32px;
  color: #ffffff;
  text-decoration: none;
}
#logo div.banner a {color: #ffffff; text-decoration:none; }
#logo div.banner a:hover {color: #ffff99;}

/* topbar nav */
#topbar
{
  position: absolute;
  top: 94px;
  left: 0px;
  width: 100%;
  height: 24px;
  background-color: #0066FF;
  margin: 0;
  padding: 0;
  border: 0;
}
#topbar a         { font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; }  /* white-space: nowrap; */
#topbar a:hover   { background-color: #aaaaff;}         /*#997711;}*/
#topbar TABLE
{
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0; 
    border-collapse: collapse;
}
#topbar TD.top
{
  width: 85px;
  text-align: center;
  padding-top: 2px;
}
#topbar TD.top:hover
{
  color: #000000;
  background-color: #aaaaff;		/*#997711;*/
}
#topbar TD.top_end
{
  text-align: right;
  padding-right: 10px;
  padding-top: 2px;
}

/* navbar */
#navbar
{
  position: absolute;
  top: 120px;
  left: 0px;
  width: 100%;
  height: 16px;
  margin: 0px;
  font-size: 10px;
  color: #6f6f6f;
  background-color: #ffffff;
}
#navbar div.nav_body
{
    padding-left: 10px;
}

/* sidebar */
#sidebar
{
  position: absolute;
  color: #ffffff; 
  top: 10px;
  left: 10px;
  width: 180px;
}
#sidebar a         { color: #000000; text-decoration: none; font-size: 13px; }
/* #sidebar a:hover   { color: #ffffff;}  */
#sidebar ul
{
  margin: 0;
  padding: 0;
}
#sidebar li
{
/*         top rig bot left */
  padding: 4px 0px 0px 6px;
  border-bottom: 2px dotted #005b8f;
  height: 18px;
}
#sidebar li.top     { background: #0066ff; color: #ffffff; font-weight: bold;}
#sidebar li.item:hover   { background-color: #aaaaff;}
#sidebar a:hover   { background-color: #aaaaff; color: #ffffff;}

/* Content Well */
#content
{
  width: auto;
  margin-top: 10px;
  margin-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 10px;
}

/* Content Well Home Page */
#content_home
{
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

/* login box */
#login             { margin: 0px; }

/* footer */
#footer
{
    text-align: right;
    font-size: 10px;
    color: #999999;
    padding-right: 12px;
}
#footer a
{
    font-size: 10px;
    color: #999999;
    text-decoration: none;
}

/* alert */
#alert
{
  position: absolute;
  width: 350px;
  top: 0px;
  left: 0px;
  z-index: 10;
  border: 1px solid #B8860B;
  background-color: #FFFFCC;
  padding: 20px;
  background-image: url("alert_bg.png");
  background-repeat: no-repeat; background-position: left;
  opacity: 0.8;
}

/* tabs */
#tabs               { border: 0; margin: 0; padding: 0; }
#tabs a             { text-decoration: none; }
#tabs a:visited     { text-decoration: none; }
#tabs a:hover       { text-decoration: underline; }
#tabs .bframe       { width:100%; margin: 0; padding: 0; }
#tabs .btitle       { width:100%; border-bottom: 1px solid #999999; font-size: 16px; font-weight: bold; color: #06456b; }
#tabs .tab_s,.tab_u { padding: 5px; white-space: nowrap; }
#tabs .cell_s,.cell_u { white-space: nowrap; }
#tabs .cell_s       {  }
#tabs .tab_s
{
  font-weight: bold;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #999999;
}
#tabs .cell_u       { background-color: #efefef; }
#tabs .tab_u
{
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #c0c0c0;
}
#tabs .cell_spacer { border-bottom: 1px solid #999999; }
#tabs .tab_spacer  { width: 5px; }

/* debug log */
#debug_log
{
    clear: both;
    height: 150px;
    margin: 10px;
    border: 3px inset #999999;
    font-family: monospace, sans-serif; 
    color: #c0c0c0;
    background-color: #000000;
    overflow: auto;
}

