body {
  background: white;
  color: #444444;
}

#container {
  margin: 2em auto;
  width: 50%;
}

#searchbox {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  background: #eeeeee;
  padding: 2em;
  border-radius: 10px;
  position: relative;
}
#searchform {
  border-collapse: collapse;
  border-spacing: 0;
}
#searchform td {
}

.umadlogo {
  margin-left: 0.5em;
  margin-right: 0.5em;
  vertical-align: middle;
}
.umadlogo-td {
  width: 1em; /* This will auto-expand */
}
#searchinput {
  width: 390px;
  font-size: 100%;
  height: 2em;
  padding: 0.5em;
  border: 1px solid silver;
}
#searchbutton {
  font-size: 100%;
  height: 2em;
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
  text-decoration: none !important;
  background-color: #4387fd;
  border: 1px solid silver;
}

#hitstats {
  text-align: left;
  background: #f3db92;
  margin-top: 1em;
  margin-bottom: 2em;
  padding: 0.5em;
}

#hitstats .hitstats-explanation {
  position: absolute;
  background-color: #ffeebb;
  padding: 0.5em;
  visibility: hidden;
  border: 1px dotted black;
  z-index: 1;
}
#hitstats:hover .hitstats-explanation {
  visibility: visible;
}

.document-score {
  font-family: sans-serif;
  font-size: xx-large;
  color: #aaaaaa;
  position: absolute;
  top: 0em;
  right: 0.1em;
  opacity: 0.25;
}

.inline-query-display {
  background-color: #e4edf7;
  padding: 0.25em;
  margin: 0.25em;
  border: 1px dotted black;
  font-family: monospace;
  font-size: 1.5em;
}



#motd {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: left;
  padding: 0.5em 2em 1.5em 2em;
  background-color: #e4edf7;
  color: #334455;
  border-radius: 10px;
}

#motd li {
  list-style-type: disc;
}

.search-example {
  margin-left: 3em;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
  color: #707070;
}

.hidden {
  display: none;
}
.shown {
  display: block;
}


a {
  color: #225588;
}

.hitlink a {
  font-size: larger;
}

.hitlink .customer-name {
  font-style: italic;
  color: green;
}

.hiturl {
  font-size: smaller;
  font-style: italic;
  color: #aaaaaa;
  padding-bottom: 0.7em;
}

ul {
  list-style-type: none;
}

ul#hits {
  margin: 0em 0.25em 1em 0.25em;
  padding-left: 0em;
}

ul#hits li {
  margin: 1em;
}
ul#hits li ul li.metadata {
  margin: 0.5em;
}
ul#hits li ul li.metadata ul li.metadata-subvalues {
  margin: 0.25em;
}

li {
  margin: 0.5em;
  padding-left: 0.4em;
}

.result-card {
  position: relative;
  padding: 0.75em 3em 0.75em 1.5em;
  background-color: #f8f8ff;
  border-radius: 0.25em;
}

.result-card .excerpt {
  white-space: pre-line;
  line-height: 1.4;
}

.result-card .social-button-jabber {
  color: #444444;
}

.result-card .metadata-button {
  position: absolute;
  bottom: 0.75em;
  right: 0.75em;
  color: #444444;
}
.result-card .reindex-button {
  position: absolute;
  bottom: 0.75em;
  right: 2em;
  color: #444444;
  opacity: 0.5;
}

.result-card .doc-source-solo {
  position: absolute;
  top: 0em;
  left: -1.7em;
  color: silver;
}
.result-card .doc-source-mute {
  position: absolute;
  top: 1.5em;
  left: -1.7em;
  color: silver;
}
.result-card .doc-source-solo:hover {
  color: #559955;
}
.result-card .doc-source-mute:hover {
  color: #995555;
}

#search-toggles {
  position: absolute;
  top: 0em;
  left: -8.5em;
  padding: 0;
  text-align: left;
}
#search-toggles .doc-type {
  width: 6em;
  background-color: #abcdef;
  border-radius: 0.5em;
  padding: 0.5em 0.75em;
  margin: 0.5em 0;
  cursor: pointer;
}
#search-toggles .doc-type span.right {
  float: right;
}

.highlight-red           { border-left: 3px solid red; }
.highlight-miku          { border-left: 3px solid #3bb0b5; }
.highlight-luka          { border-left: 3px solid #fb7fe2; }
.highlight-portal-orange { border-left: 3px solid #f8b134; }
.highlight-portal-blue   { border-left: 3px solid #34a8f9; }


/* Documents' other metadata appears in a position:absolute bubble */
.result-card .metadata-button .other-metadata {
  position: absolute;
  width: 20em;
  border: 1px dotted #f3db92;
  background-color: #ffeebb;
  top: 0em;
  left: 1.5em;
  z-index: 1;
  visibility: hidden;
}
.result-card .metadata-button:hover .other-metadata {
  visibility: visible;
}

/* No hueg left padding plz */
.other-metadata ul {
  padding-left: 0em;
  font-size: small;
}

.result-card .metadata-button:hover span.lsf {
  color: #5555ff;
}
.result-card .reindex-button:hover {
  opacity: 1.0;
}
.result-card .reindex-button:hover span.lsf {
  color: #39e639;
}






/* For Ligature font support: http://kudakurage.com/ligature_symbols/ */
@font-face {
  font-family: 'LigatureSymbols';
  src: url('/static/font/LigatureSymbols-2.11.eot');
  src: url('/static/font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
       url('/static/font/LigatureSymbols-2.11.woff') format('woff'),
       url('/static/font/LigatureSymbols-2.11.ttf') format('truetype'),
       url('/static/font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
  src: url('/static/font/LigatureSymbols-2.11.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-decoration: none;
  font-size: 130%;
  margin-right: 0.3em;
}

.lsf a {
  color: inherit;
  text-decoration: none;
}

/*
# vim: et ts=2
*/
