/* System 7 — conservative CSS for Netscape 4 and Internet Explorer 4 */
body {
  margin: 0;
  padding: 0;
  background-color: #bfbfbf;
  color: #000000;
  font-family: Chicago, Charcoal, Geneva, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
a { color: #000066; }
a:visited { color: #000066; }
h1 { margin: 8px 0 4px 0; font-size: 15px; }
h2 { margin: 6px 0 3px 0; font-size: 13px; }
h3 { margin: 5px 0 3px 0; font-size: 12px; }
code { font-family: Monaco, "Courier New", Courier, monospace; font-size: 11px; }

/* The identity stripe is real table markup so it survives without CSS backgrounds. */
.rainbow-stripe { height: 5px; }
.rainbow-stripe td { width: 17%; height: 5px; font-size: 1px; line-height: 1px; }
.stripe-green { background-color: #52a447; }
.stripe-yellow { background-color: #f5c242; }
.stripe-orange { background-color: #e9802f; }
.stripe-red { background-color: #c94343; }
.stripe-purple { background-color: #80549a; }
.stripe-blue { background-color: #397da8; }

.container { width: 94%; margin: 10px auto 18px auto; }

/* Menu bar */
.nav-bar {
  margin: 0 0 10px 0;
  padding: 5px 9px;
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #555555;
  border-bottom: 2px solid #555555;
  font-family: Chicago, Charcoal, Geneva, Helvetica, Arial, sans-serif;
  font-size: 11px;
}
.nav-bar a { margin-right: 11px; color: #000000; text-decoration: none; }
.nav-bar .site-name { font-weight: bold; }
.nav-sep { margin-right: 11px; color: #777777; }
.breadcrumb { margin: 5px 1px; font-size: 11px; }

/* Classic document windows */
.window {
  margin: 10px 0;
  padding: 1px;
  background-color: #dddddd;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
}
.title-bar {
  padding: 3px 8px;
  background-color: #ffffff;
  color: #000000;
  border-top: 1px solid #000000;
  border-bottom: 3px double #000000;
  text-align: center;
  font-family: Chicago, Charcoal, Geneva, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
.window-body { padding: 9px; background-color: #eeeeee; }

/* Controls */
.search-form { font-family: Geneva, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 24px; }
.search-form label { margin-right: 3px; font-weight: bold; }
.search-form input { font-family: Geneva, Helvetica, Arial, sans-serif; font-size: 11px; }
.search-form .search-input {
  padding: 2px 4px;
  background-color: #ffffff;
  border-top: 2px solid #555555;
  border-left: 2px solid #555555;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.search-form select {
  background-color: #ffffff;
  font-family: Geneva, Helvetica, Arial, sans-serif;
  font-size: 11px;
}
.btn {
  padding: 2px 12px;
  background-color: #dddddd;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #444444;
  border-bottom: 2px solid #444444;
  font-family: Chicago, Charcoal, Geneva, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

/* Finder-like collection records */
.count-info {
  margin: 5px 2px 7px 2px;
  color: #333333;
  font-family: Geneva, Helvetica, Arial, sans-serif;
  font-size: 11px;
}
.devices-table { width: 100%; border-collapse: collapse; }
.device-cell { width: 33%; padding: 4px; vertical-align: top; }
.device-card {
  display: block;
  min-height: 104px;
  padding: 7px;
  overflow: hidden;
  background-color: #eeeeee;
  color: #000000;
  text-decoration: none;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #777777;
  border-bottom: 1px solid #777777;
}
.device-card:hover { background-color: #ffffff; }
.device-thumb {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 8px;
  background-color: #ffffff;
  border: 1px solid #777777;
}
.device-thumb-placeholder {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 8px;
  background-color: #ffffff;
  border: 1px solid #777777;
}
.device-name { display: block; margin-bottom: 3px; font-size: 11px; font-weight: bold; }
.device-meta { display: block; color: #444444; font-family: Geneva, Helvetica, Arial, sans-serif; font-size: 10px; line-height: 15px; }
.status-badge {
  display: inline-block;
  margin-top: 4px;
  padding: 1px 5px;
  background-color: #ffffff;
  border: 1px solid #777777;
  font-family: Geneva, Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
}

.pagination { padding: 9px 0; text-align: center; font-size: 11px; }
.pagination a {
  margin: 0 2px;
  padding: 2px 8px;
  background-color: #dddddd;
  color: #000000;
  text-decoration: none;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #555555;
  border-bottom: 1px solid #555555;
}
.pagination .current {
  margin: 0 2px;
  padding: 2px 8px;
  background-color: #ffffff;
  border-top: 1px solid #555555;
  border-left: 1px solid #555555;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

/* Device record */
.detail-image {
  float: right;
  width: 220px;
  margin: 0 0 9px 10px;
  background-color: #ffffff;
  border: 2px solid #777777;
}
.detail-specs { width: 100%; border-collapse: collapse; font-family: Geneva, Helvetica, Arial, sans-serif; font-size: 11px; }
.detail-specs td { padding: 4px 7px; border-bottom: 1px solid #bbbbbb; vertical-align: top; }
.detail-specs .spec-label { width: 35%; background-color: #dddddd; font-weight: bold; }
.device-info { margin: 0; font-family: Geneva, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 17px; white-space: pre-wrap; }

.notes-list { margin: 0; padding: 0; list-style: none; font-family: Geneva, Helvetica, Arial, sans-serif; font-size: 11px; }
.notes-list li { padding: 5px 2px; border-bottom: 1px solid #bbbbbb; }
.note-date { color: #555555; font-size: 10px; }
.tags-list { font-family: Geneva, Helvetica, Arial, sans-serif; font-size: 11px; }
.tag {
  display: inline-block;
  margin: 2px;
  padding: 2px 6px;
  background-color: #dddddd;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}
.footer {
  margin-top: 16px;
  padding-top: 8px;
  color: #444444;
  border-top: 1px solid #777777;
  text-align: center;
  font-family: Geneva, Helvetica, Arial, sans-serif;
  font-size: 10px;
}