html { font-size:16px; }

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: calc(100% - 4em); }

body {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  min-width: 980px;
  color: #4f6b72;
  background-color: #fff;
  margin: 0 auto;
}

a {
  color: #4f6b72;
}

#container {
  padding:4px;
}

/* HEADER */
.banner-container {position:absolute;z-index:-3;display:block;width:100%;height:120px;margin:0 0 0 0;background:transparent url('../web-ribbons_Main-header_grey.png') no-repeat 49.3% 0;}
div.header-container {max-width:1060px;position:relative;margin:0 auto;padding:0 0 0 18px;}
.top-nav {font-size:18pt;width:770px;position:absolute;top:0;right:0;z-index:3;}
header {display:block;height:120px;position:relative;margin:0.5625rem 0 0.8125rem 0;}
.nav {font-size:12pt;position:absolute;width:750px;right:-100px;top:4.5625rem;}

.nav div a, .nav div a:active, .nav div a:VISITED {margin:0 2em 0 2em;font-weight:bold;text-decoration:none;padding:4px 10px 5px 10px;border-radius:15px;color:#fff;}
.nav div a:hover { background: #00313c; }


/* IMG */
div.header-container img {margin-top:16px;}
.logo {margin-left:-90px;}

#footer {
clear: both;
    position: relative;
    padding: 2px;
    height: 2em;
    line-height: 0.7;
    width: calc(100% - 270px);
}

small {font-size: 6pt;}

.grouped {
  margin-top: 4px;
  border: solid 2px lightblue;
  border-radius: 8px;
  padding: 4px;
  padding-right: 10px;
  clear: right;
}
.border {
  border: solid 2px lightgrey;
  border-radius: 8px;
}
.group {
  padding: 4px;
  padding-right: 10px;
  clear: right;
}

.constraint {
  padding-top: 4px;
  font-family: monospace;
  color: darkred;
}

.concept {
  color: green;
}

.attribute {
  color: blue;
}

.loading {
  background-color: #FF03;
}

/* Table formatting */

.results table {
  overflow: auto;
  table-layout:fixed;
  border-collapse:collapse;
}
.results th {
  color: #4f6b72;
  background: #CAE8EA;
  text-transform: uppercase;
}
.results td {
  vertical-align: top;
  /*word-wrap:break-word;*/
}
.results th,
.results td {
  padding: 2px 4px;
  border: solid 1px;
}
.results tr:nth-child(even) {
  background-color: #E6EAE9;
}
.results tr:nth-child(odd) {
  background-color: #FFF;
}

.results {
  float:left;
}

.results thead,
.results tbody {
  display: block;
  width:100%;
}

.results tbody {
  overflow-y: scroll;
  max-height: 310px;
  border-bottom: solid 1px lightgrey;
}

.results td:first-child + td,
.results th:first-child + th {
  width: 420px;
}

.results td:first-child,
.results th:first-child {
  width: 160px;
}

li.active .category {
  color: lightgrey;
}

.category {
  color: grey;
}

button {
  Xopacity:0.85;
  border-radius:7px;
  Xborder-style:solid;
  Xborder-color:grey !important;
  Xborder-width:0px 1px 1px 0px;
}

.errors th,
.errors td {
  padding: 2px 4px;
}
.errors thead {
  background: darkred;
  color: white;
}

.errors th {
  border-right: solid 1px white;
}

#dummyLink {
  display: none;
}