﻿
#search-container .content-header-container
{
    margin-bottom:5px;
}

#search-fields-container div
{
    display:inline-block;
}

.search-field-wrapper
{
    width:100%;
}

.search-field-wrapper .field-label
{
    margin-bottom:0;
}

.search-field-wrapper .form-control
{
    margin-bottom:5px;
}

.search-field-wrapper .auto-complete-input-wrapper
{
    max-width:280px;
    width:100%;
}

.search-field-wrapper .field-label
{
    display:block;
}

#trail-name
{
    margin-bottom:0;
}

#search-results-container
{
    display:inline-block;
    min-height:25px;
    width:100%;
    background-color:#a9c683;
}

.search-col
{
    max-width:400px;
    width:100%;
    vertical-align:top;
}

#search-fields-container .search-field-wrapper div 
{
    display: block;
}

#header-col
{
    color:white;
    padding:3px 0;
    display:inline-block;
    width:100%;
}

#header-col label
{
    margin:0;
}

.length-col,
#length-header
{
    text-align:right;
}

.highlight
{
    background-color:#CCCC99;
}

.result-row
{
    max-height:53px;
    overflow-y:hidden;
}

.result-link
{
    color:black;
}

.result-link:hover
{
    color:white;
}

.result-row:hover
{
    cursor:pointer;
    background-color:#00853f;
}

.active-page
{
    display:inline-block;
    font-size:0;
}


.inactive-page
{
    display:none;
}

.active-pagination:hover
{
    cursor:pointer;
}

.result-link
{
    font-size:14px;
    display:inline-block;
    width:100%;
}

#results-container
{
    display:inline-block;
    max-height:600px;
    overflow-y:scroll;
    width:100%;
    min-height:25px;
}

#results-page-footer
{
    color:white;
    min-height:20px;
}

#results-page-footer span
{
    font-weight:bold;
}

#no-results
{
    line-height:34px;
}

@media(max-width:767px)
{
    .desc-col,
    .length-col,
    #desc-header,
    #length-header
    {
        display:none;
    }
}