/* 
    Document   : SAYT
    Created on : 11-Feb-2009, 00:15:10
    Author     : Jason
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.searchbox{
    overflow:none;
    position:relative;
}

.searchresults{
    text-align: left;
    position: absolute; 
    top: calc(100% + 1px); 
    left:0;  
    width:350px;  
    z-index: 101; 
    border: #aaa 1px solid;
    background: #FFFFFF; 
    overflow: auto; 
    height: auto;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.searchresults div{ 
    padding:3px;
    display:block;
    position:relative;
    cursor:pointer;
    overflow:hidden;
}

.searchresults .highlight {
    background: var(--primary);
    color:#FFFFFF;
}

.searchresults .ie-highlight {
    background-color: #04bbee;
    color:#FFFFFF;
}

.SAYTprogress, .SAYTicon
{
    position:absolute;
    right: 0px;
    bottom: 6px;
}