/* Netdisco Cascading Style Sheet
 * $Source: /cvsroot/netdisco/netdisco/html/netdisco.css,v $
 * $Id: netdisco.css,v 1.30 2010/07/29 08:09:44 jeroenvi Exp $
 *
 * Wheat -> Blue  F5DEB3 D0BDBE B8A7C6 7B6FDA 3D38EC 1915F8
 * Wheat -> Black F5DEB3 D0BD98 B8A786 7B6F5A 3D382D 191512
 * Wheat -> White F5DEB3 F6E3BE F8E7C6 FBEFDA FCF7EC FFFCF8
 * border order: top right bottom left
 */

/****************************************************************
 *  GLOBAL STYLES - All Pages                                   *
 ****************************************************************/
TABLE {
    border-spacing: 0px;
    border-collapse: collapse;
    border-style: none;
    border-color: black;
}
TH {
    font-size:12pt;
    font-weight: normal;
    border-spacing: 0px;
    border-collapse: collapse;
    border-style: none;
}
TD {
    font-size:10pt;
    border-spacing: 0px;
    border-collapse: collapse;
    border-style: none;
}

A          { text-decoration:none; color:#000099; }
IMG        { border: none; }
H1 {
    font-size:150%;
    text-indent:5px;
    background-color:#191970;
    color:#f5deb3;
    padding:5px 5px 3px 5px;
    margin:0px 0px 3px 0px;
}
H2 {
    font-size:125%;
    text-indent:5px;
    color:#000099;
    padding:5px 5px 3px 5px;
    margin:10px 0px 3px 0px;
}
H3 {
    font-size:100%;
    text-indent:5px;
    background-color:#191970;
    color:#f5deb3;
    padding:5px 5px 3px 5px;
    margin:0px 0px 3px 0px;
}
H4 {
    font-size:85%;
    text-indent:5px;
    color:#000099;
    padding:2px 4px 2px 4px;
    margin:0px 0px 3px 0px;
}
INPUT.text { font-size:9pt; }
FORM       { margin-bottom:0; margin-top:0; }
UL,DL,OL   { margin-top:0; margin-bottom:0; }
ul.square  { list-style-type:square; }
.category  { text-decoration: underline; }
.small     { font-size: 85%; }
.smaller   { font-size: 75%; }
.tiny      { font-size: 50%; }
.big       { font-size: 200%; }
.halfwidth { width: 50%; /* XXX to do  align: left; */}
.match-1   { text-align:center; background-color:#eed8ae; }
.match-0   { text-align:center; background-color:#ffe7ba; }
.nomatch-0 { text-align:center; background-color:#ffe7ba; }
.nomatch-1 { text-align:center; background-color:#ffe7ba; }
.box       { background-color:#eed8ae; border:thin solid; border-color:#191970; }
.tr-head   { text-align:left; font:normal normal 12pt monospace; }
.tr-data-1 { text-align:left; background-color:#eed8ae; }
.tr-data-0 { text-align:left; background-color:#ffe7ba; }
.highlight { color:red; }
.nobr      { white-space: nowrap; }
.hidden    { display: none; }
.left      { text-align:left; }
.logotext  { letter-spacing: 8pt; }

.navbutton {
    /* eg. "[Device Details]" */
    color:#3d382D;
    font-size:84%;
    font-weight:bold;
    background-color:#D0BDBE;
    padding: 2px;
    border:1px solid #7B6F5A;
    border-width: 1px 2px 2px 1px;
}

.smlbutton {
    /* eg. '+' */
    color:black;
    font-family:monospace;
    font-size:8pt;
    background-color:#D0BDBE;
    padding: 0px;
    margin: 0px;
    border:1px solid #7B6F5A;
}

.topbutton {
    /* eg. "Inventory" */
    color:#3d382D;
    font-size:90%;
    font-family:arial,helvetica,san-serif;
    font-weight:bold;
    background-color:#D0BDBE;
    padding: 2px;
    border:1px solid #7B6F5A;
}

.navbar {
    /* eg. [Device Details] [Hide Ports] ... */
    background-color: #f6e3Be;
    width:98%;
    padding-top: 5px;
    padding-bottom: 8px;
}

.pagehead {
    /* eg. "Device View" */
    background-color: #3D38EC;
    color: #f5deb3;
    width: 98%;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-weight:bold;
    font-size:120%;
    letter-spacing: .075em;
    margin-bottom: 5px;
    margin-top: 5px;
}
.pagehead A {
    color: #f5deb3;
    font-weight:bold;
}

.subheader {
    /* eg. "Device Details */
    font-weight:bold;
    font-size:110%;
    letter-spacing: .075em;
    margin-left:15px;
    margin-bottom: 5px;
    margin-top: 10px;
}

/****************************************************************
 *  AUTOHANDLER                                                 *
 *      Keep Footer and Header onscreen and scroll content      *
 ****************************************************************/
body {
  margin:0;
  border:0;
  padding:0;
  height:100%;
  max-height:100%;
  background:#fff;
  font-family:arial, verdana, sans-serif;
  font-size:76%;
  overflow: hidden;
  }

/* for internet explorer */
* html body {
  padding:70px 0 30px 0;
  }

#content {
  font-family: Treuchet MS, Helvetica, sans-serif;
  font-size: 10pt;
  position:fixed;
  top:71px;
  left:0;
  bottom:31px;
  right:0;
  overflow:auto;
  background:#F5DEB3;
  padding:20px;
  }

* html #content {
  height:100%;
  width:100%;
  }

#topbar {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:70px;
  overflow:auto;
  font-size:14pt;
  background-image: url('corner-tl.png');
  background-color:#8b7e66;
  background-repeat: no-repeat;
  color:#eed8ae;
  border-bottom:1px solid #000;
  }
* html #topbar {height:71px;}

#botbar  {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:30px;
  overflow:auto;
  text-align:right;
  background:#8b7e66;
  color:#eed8ae;
  font-size:8pt;
  border-top:1px solid #000;
  }
* html #botbar  {height:30px;}

table.topbar { width:95%; }
table.topbar TD.logo   { text-align:left; vertical-align:middle; }
table.topbar TD.search { text-align:center; }
table.topbar TD.navtop { text-align:right; vertical-align:bottom; white-space: nowrap; }
table.topbar TD.navbot { text-align:right; vertical-align:top; white-space: nowrap; padding-top: 5px; }

table.botbar { border-spacing: 0px; border-style: none; width:98%; height:100%; vertical-align: bottom; }
table.botbar TD.ver   { text-align:left; }
table.botbar TD.nav   { text-align:center; }
table.botbar TD.login { text-align:right; }

/****************************************************************
 *  INDEX.HTML
 ****************************************************************/

/* div.overview */

div.newbox {
    float: right;
    width: 45%;
    background-color:#F8E7C6;
    border:thin solid;
    border-color:#191512;
    padding:5px;
}

div.featurebox {
    height: 100px;
    overflow: auto;
    border: 1px solid #666;
    background-color: #FBEFDA;
    padding-left: 8px;
    padding-right: 5px;
    margin-bottom: 10px;
}

div.featurebox UL {
    padding-left:0px;
    list-style: disc inside;
}

div.overview P { 
    margin-bottom:0px;
}
div.overview UL {
    padding-top:0px;
    margin-top:0px;
}

/****************************************************************
 *  DEVICE.HTML                                                 *
 ****************************************************************/
.port-up     { color:black; }
.port-down   { color:#a0a0a0; }
.port-free   { color:#a0a0a0; font-style:italic; }
.port-off    { color:red; }
.port-block  { color:#33ccff; }
.dead-link   { color:white; background-color:red; }
.ip-phone    { color: white; background-color:blue; }
.device-link { color:blue; }

table.dev-ports, table.inv-main, 
table.port-rep,  table.log-ent, 
table.devs-data, table.ips-res,
table.adm-q {
    border-width: 1px 2px 2px 1px;
    border-spacing: 0px;
    border-style: solid solid solid solid;
    border-color: black black black black;
    margin-bottom: 15px;
}

table.dev-ports th, table.inv-main th,
table.port-rep  th, table.log-ent  th,
table.devs-data th, table.ips-res  th,
table.adm-q     th {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: dotted;
    border-color: black black black black;
    padding: 2px 2px 2px 2px;
    background-color: #eed8ae;
    color: black;
}

table.dev-ports td.ports-0, table.inv-main td.match-0,
table.port-rep  td.match-0, table.log-ent  td.match-0,
table.devs-data td.match-0, table.ips-res  td.match-0,
table.adm-q     td.match-0, table.adm-q    td.log-0 {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: dotted;
    border-color: gray gray gray gray;
    padding: 1px 1px 1px 1px;
    background-color: #ffe7ba;
    text-align: center;
    vertical-align: top;
}

table.dev-ports td.ports-1, table.inv-main td.match-1,
table.port-rep  td.match-1, table.log-ent  td.match-1,
table.devs-data td.match-1, table.ips-res  td.match-1,
table.adm-q     td.match-1, table.adm-q    td.log-1 {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: dotted;
    border-color: gray gray gray gray;
    padding: 2px 1px 1px 2px;
    background-color: #eed8ae;
    text-align: center;
    vertical-align: top;
}

table.dev-ports td.connected {
    text-align: left;
}

table.dev-key,    table.dev-view, table.node-search,
table.port-key,   table.log-key,  table.devs-search,
table.ips-search, table.adm-search, table.port-search {
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    border-color: #191512;
    background-color: #ffe7ba;
    margin-bottom:15px;
}
table.dev-key    th, table.dev-view   th, table.node-search th, 
table.port-key   th, table.log-key    th, table.ips-search th,
table.adm-search th, table.port-search th {
    border: none;
    text-align:right;
    padding: 10px 5px 5px 5px;
    vertical-align:top;
    font-size:110%;
}

table.node-search th, table.port-search th {
    text-align:center;
}

table.dev-key    td, table.dev-view   td, table.node-search td, 
table.port-key   td, table.log-key    td, table.devs-search td, 
table.ips-search td, table.adm-search td, table.port-search td {
    border: none;
    padding: 2px 10px 2px 5px;
    vertical-align:middle;
}

table.dev-details {
    border-width: 0px 1px 1px 0px;
    border-spacing: 0px;
    border-style: none solid solid none;
    border-color: black black black black;
    background-color: #ffe7ba;
    width:75%;
}

table.dev-details th {
    padding-right:10px;
    color: black;
    text-align:right;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    border-color: #7b6f5a;
    font-weight: normal;
}

table.dev-details TD {
    padding-left:10px;
    text-align:left;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    border-color: #B8A786;
}

table.dev-addr {
    border-width: 0px;
    border-spacing: 0px;
    border-style: none;
}

table.dev-addr TD { border-style: none; }

/****************************************************************
 *  DEVICE_SEARCH.HTML                                          *
 ****************************************************************/
/* table.devs-search          -> alised */
/* table.devs-search td       -> alised */
table.devs-search th {
    border: none;
    text-align:right;
    padding: 10px 5px 5px 5px;
    vertical-align:middle;
    font-size:110%;
}
/* table.devs-data            -> alised */
/* table.devs-data th         -> alised */
/* table.devs-data td.match-0 -> alised */
/* table.devs-data td.match-1 -> alised */


/****************************************************************
 *  NODE.HTML                                                   *
 ****************************************************************/
/* table.node-search th         -> alised */
/* table.node-search td         -> alised */
/* table.node-search td.match-0 -> alised */
/* table.node-search td.match-1 -> alised */

/****************************************************************
 *  NETMAP.HTML                                                 *
 ****************************************************************/

table.netmap-svgkey,table.netmap-key {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

table.netmap-svgkey TH, table.netmap-key TH {
    font-size: 8pt;
    text-align:left;
    font-family:arial, verdana, sans-serif;
    padding: 3px 0px 0px 3px;
    border-color: black;
    border-width: 0px 0px 2px 0px;
    border-style: double;
    margin: 0px 0px 0px 0px;
}

table.netmap-svgkey TD, table.netmap-key TD {
    font-size: 8pt;
    text-align:left;
    font-family:arial, verdana, sans-serif;
    padding: 3px 20px 0px 3px;
    margin: 0px 0px 0px 0px;
    vertical-align: top;
}

table.netmap-key TD.mapkey  {
    background-color:black; 
    vertical-align: middle;
}

/****************************************************************
 *  DEVICE_INV.HTML                                             *
 ****************************************************************/
/* table.inv-main            -> aliased */
/* table.inv-main tr         -> aliased */
/* table.inv-main td.match-0 -> aliased */
/* table.inv-main td.match-1 -> aliased */
table.inv-cols {
    padding-bottom: 20px;
}
table.inv-cols tr  {
    vertical-align:top;
}
table.inv-cols td  {
    padding-right:20px;
}


/****************************************************************
 *  PORT_REPORT.HTML                                            *
 ****************************************************************/
/* table.port-key            -> aliased */
/* table.port-key tr         -> aliased */
/* table.port-key td         -> aliased */
/* table.port-rep            -> aliased */
/* table.port-rep tr         -> aliased */
/* table.port-rep td.match-0 -> aliased */
/* table.port-rep td.match-1 -> aliased */

/****************************************************************
 *  LOG.HTML                                                    *
 ****************************************************************/
/* table.log-ent tr         -> aliased */
/* table.log-ent td.match-0 -> aliased */
/* table.log-ent td.match-1 -> aliased */
table.log-ent td.entry-0 {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: dotted;
    border-color: gray gray gray gray;
    padding: 1px 1px 1px 5px;
    background-color: #ffe7ba;
    text-align: left;
    vertical-align: top;
    white-space: pre;
}
table.log-ent td.entry-1 {
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: dotted;
    border-color: gray gray gray gray;
    padding: 1px 1px 1px 5px;
    background-color: #eed8ae;
    text-align: left;
    vertical-align: top;
    white-space: pre;
}
/* table.log-key            -> aliased */
/* table.log-key tr         -> aliased */
/* table.log-key td         -> aliased */

/****************************************************************
 *  IP_SEARCH.HTML                                              *
 ****************************************************************/
/* table.ips-search    -> aliased */
/* table.ips-search tr -> aliased */
/* table.ips-search td -> aliased */
/* table.ips-res            -> aliased */
/* table.ips-res tr         -> aliased */
/* table.ips-res td.match-0 -> aliased */
/* table.ips-res td.match-1 -> aliased */

/****************************************************************
 *  ADMIN.HTML, ADMIN_USER.HTML, ADMIN_DEV.HTML, CHANGE_PW.HTML *
 ****************************************************************/
/* table.adm-search            -> aliased */
/* table.adm-search tr         -> aliased */
/* table.adm-search td         -> aliased */
table.adm-search td.note {
    border: none;
    padding: 2px 10px 2px 5px;
    vertical-align:middle;
    font-size:85%;
}
/* table.adm-q                 -> aliased */
/* table.adm-q      tr         -> aliased */
/* table.adm-q      td.match-0 -> aliased */
/* table.adm-q      td.match-1 -> aliased */

table.adm-q img.log {
    margin-top: 10px;
}

table.adm-q td.log-1, table.adm-q td.log-0 {
    height:120px;
    text-align:left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
table.adm-q pre.log {
    height: 120px;
    overflow: auto;
    font-family: "Consolas",monospace;
    font-size: 9pt;
    text-align:left;
    background-color: #FCF7EC;
    overflow-x: auto;                       /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
    white-space: pre-wrap;                  /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    margin: 0px 0px 0px 0px;
    padding:5px 5px 3px 5px;
    white-space : normal;
}
