/*
 *    $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:#fff; color : #000080; cursor : pointer;}
input.suggestBusy { background-color:#E0FFE0;
                background-image:url(busybar.gif) ;
                background-repeat:no-repeat;
                background-position:right; }
.suggestsr, .suggestsrs {width: 100%; overflow: hidden; font-family : Verdana ;font-size: 8pt; vertical-align: middle;}

.suggestsr { background-color : #fff; color : #000; }
.suggestsrs { background-color : #36c; color : #fff; cursor : pointer; }
.suggestsr .suggestsrc { color : #008000; }
.suggestsrs .suggestsrc { color : #fff; }
.suggestsrt { float : middle; 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;
                        border : 1px solid #000;
                        display: none;
                       }
.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: red;
  font-weight: bold ;
}

i.suggestbusy {
  font-size: 1.3em;
  display:none;
  position:absolute;
  z-index:999
  top: -1px;
}

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