/*
 *    $Revision$
 *    $Id$
 *
 *    Note: Het lijkt voor de hand te liggen dit bestand op te nemen in de
 *          standaard default.csx. suggest.css wordt echter ook gebruikt
 *          door de telefoonboek-API en daar wil je niet de complete
 *          default.csx verplicht stellen
 */


/* suggestbox styles */
input.suggestReadOnly {
  width: 218px;
  background-color: #AECB27;
}
@media all and (min-width: 60em) {
  input.suggestReadOnly {
    width: 342px;
  }
}
input.suggestBad {
  background-color: #FFFFFF;
  color: #FF0000;
}
span.suggestMore {
  float: left;
  margin-left: 4px;
  background-color: #FFFFFF;
  color: #000080;
  cursor: pointer;
}
.suggestsr, .suggestsrs { /* suggestsr=suggest-regel, suggestsrs=suggest-regel:selected */
  width: 100%;
  overflow: hidden;
  font-family: Verdana;
  font-size: 8pt;
  vertical-align: middle;
}
.suggestsr {
  background-color: #FFFFFF;
  color: #000000;
  cursor: pointer;
}
.suggestsrs {
  background-color: #3366CC;
  color: #FFFFFF;
}
.suggestsr .suggestsrc {
  color: #008000;
}
.suggestsrs :is(.suggestsrc, .suggestextratext) {
  color: #FFFFFF;
}
.suggestextratext {
  color: #000088;
  padding-left: 10px;
}
.suggestsrt {
  margin-left: 4px;
  font-family: Verdana;
  font-size: 8pt;
}
.suggestsrc {
  float: right;
  font-size: 10px;
  margin-right: 3px;
  padding-top: 2px;
  font-family: Verdana;
}
.suggestautocompleteContainer {
  position: absolute;
  left: 0px;
  margin: 0px;
  display: none;
  border: 1px solid #000000;
  border-radius: var(--fclt-border-radius-lg);
  overflow: hidden;
  background-color: #FFFFFF;
}
.suggestsimilar {
  font-style : italic;
}

img.suggestfoto, div.suggestfoto {
  height: 40px;
  width: auto; /* lijkt nodig voor IE9 */
  float: left;
  margin-left: 0px;
}

div.suggestfoto {
  width: 40px;
}

div.suggestklikker {
  display: inline-block;
  width: 0px;
  text-align: center;
  position: relative;
  left: -20px;
}
i.suggestklikker {
  font-size: 1.2em;
  z-index: 1;
  color: #7B7B7B;
  cursor: pointer;
}

i.suggestklikker:hover {
  color: var(--buttonhoverbackgroundcolor);
  font-weight: 900;
}

/* als readonly geen klikker weergeven */
input.suggestReadOnly + i.suggestklikker {
  display: none
}