#h1SiteSearch
{
    text-align:center;
}
.divSearchToolWrp 
{
    position:absolute;
    right:0;
    padding: 20px 0 15px 15px;
	opacity:0.7;
}
#divSearchToolInnerWrp 
{
    display: none;
}
.divSearchToolWrp div 
{
    color: #FFFFFF;
}
.txbSiteSearch 
{
    width: 0;
    background-color:transparent;
    border: none;
    
    transition: width .5s ease-in-out;
}
.txbSiteSearch_active
{
    width: 150px;
    
}
#btnSiteSearch 
{
    width:28px;
    height:28px;
    background: #FFFFFF;
    color:#000000;
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
}
.spnRunSiteSearch
{
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
.spnRunSiteSearch_active
{
    opacity: 1;
}
#btnSiteSearch i {
    /*color: #000000;*/
}
.formSiteSearch 
{
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
}
#divResultCountWrp 
{
    text-align:center;
}
.divSearchResultsWrp {
    padding: 20px;
}
.divSearchResultsWrp h2 
{
    padding-left:0px;
}
.ulSearchResults 
{  
    list-style-type: none;   
}
.ulSearchResults li 
{
    padding: 8px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    margin-bottom:1em;
}

.divSearchItemIntro 
{
    width: 100%;
    height: 75px;
    padding: 1em;
    margin-bottom:1em;
    overflow: hidden;
    position: relative;
}
.divSearchItemIntro :after 
{
    width: 100%;
    height: 6em;
    content: "";
    background-image: linear-gradient(to bottom, rgba(239,239,239, 0), rgba(239,239,239, 1) 90%);
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
@media (max-width: 768px) 
{

    
}
@media (max-width: 320px) 
{
    #btnSiteSearch 
    {
        width: 21px;
        height: 21px;
    }
}