﻿.searchContainer {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 60px;
    min-height: 120px;
}

.tabs {
    position: relative;
    height: 45px;
    display:flex;
    flex-direction:row;
}

.searchInputs {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    font-size: 12px;
    padding: 11px 9px;
    margin: 5px 1px 3px 0;
    color: #666;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-top: 1px solid #848484;
    -moz-box-shadow: inset 0 1px 0px #d2d2d2;
    -webkit-box-shadow: inset 0 1px 0px #d2d2d2;
    box-shadow: inset 0 1px 0px #d2d2d2;
}

    .searchInputs:focus {
        box-shadow: 0 0 5px rgba(76, 127, 255, 1);
        margin: 5px 1px 3px 0px;
        border: 1px solid rgba(76, 127, 255, 1);
    }

.popularLocations {
    background-color: white;
    margin: 20px auto;
    width: 100%;
    overflow: auto;
    padding: 14px 0;
}

    .popularLocations .locationMarker {
        font-size: 56px;
        color: #ccc;
        float: left;
        width: 80px;
        height: 60px;
        text-align: center;
        display: inline-block;
    }

    .popularLocations .locations {
        display: inline-block;
        float: left;
        width: 720px;
    }




    .popularLocations .locBox {
        font-family: 'Open Sans',Arial,sans-serif;
        font-size: 13px;
        background-color: #efefef;
        padding: 5px 8px;
        color: #666;
        display: inline-block;
        margin: 3px;
        text-decoration: none;
    }

.searchTab1, .searchTab2, .searchTab3 {
    width: 90px;
    background-color: white;
    border-left: 1pt solid #ccc;
    border-top: 1pt solid #ccc;
    padding: 12px; /*T,R,B,L*/
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #333333;
    text-align: center;
}

.searchTab1 {
    /*left: 0;
	top: 0;*/
    border-bottom: 2pt solid #ffffff;
}

.searchTab2 {
    /*left: 149px;
	top: 0;*/
    border-bottom: 2pt solid #ffffff;
}

.searchTab3 {
    /*left: 284px;
	top: 0;*/
    border-right: 1pt solid #ccc;
    border-bottom: 2pt solid #ffffff;
}

.searchTab_inactive {
    background-color: #EFEFEF !important;
    border-bottom: 1pt solid #ccc !important;
    cursor: pointer;
}

.tabFiller {
    height: 44px;
    border-bottom: 1pt solid #ccc;
}


.searchInput {
    width: 100%;
    background-color: white;
    border-left: 1pt solid #ccc;
    border-right: 1pt solid #ccc;
    border-bottom: 1pt solid #ccc;
}


.resultsContainer {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    min-height: 50px;
}

.noRecordsTd {
    background-color: white;
    text-align: center;
    color: #808080;
    border-bottom: 1pt solid #ccc;
    width: auto !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.tblresults {
    width: 100%;
}

    .tblresults > thead > tr > th {
        background-color: #4C7FFF;
        text-align: left;
        padding: 5px 0 5px 5px; /*T,R,B,L*/
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #FFFFFF;
    }

.dataRow .listLogo {
	max-width: 135px;
    max-height: 70px;
    margin: 0 auto;
	-webkit-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
}

.dataRow:hover td {
    background-color: #fffacd;
}

.dataRow {
    background-color: white;
}

    .dataRow:nth-child(even) {
        background-color: #efefef;
    }


    .dataRow .noLogo {
        background-color: #efefef;
        border: dashed 1pt #ccc;
        width: 90px;
        padding: 10px;
        color: #ccc;
        font-size: 42px;
        margin: 0 auto;
    }

.tblresults > thead > tr > .th1 {
    width: 180px;
    box-shadow: inset -10px 0px 32px -8px rgba(0, 0, 0, 0.40);
}

.tblresults > thead > tr > .th2 {
    width: 220px;
}

.tblresults > thead > tr > .th3 {
    width: 220px;
}

.tblresults > thead > tr > .th5 {
    width: 80px;
    display: none;
}

.tblresults > thead > tr > .th6 {
    width: 80px;
}

.dataRow td {
    text-align: left;
    padding: 20px 0 20px 8px; /*T,R,B,L*/
    border-bottom: 1pt solid #ccc;
    vertical-align: top;
}

.dataRow .td1 {
    text-align: center;
    background-color: white;
    box-shadow: inset -10px 0px 32px -8px rgba(0, 0, 0, 0.40);
}

.dataRow .td5 {
    text-align: center !important;
}

.dataRow .td6 {
    text-align: center !important;
    padding-left: 0;
}

.expFull {
    display: none;
}

.expAbv {
    color: #999 !important;
    font-style: italic;
}

.expExpand {
    display: inline;
    color: #0099FF;
    cursor: pointer;
}

.searchHelper {
    top: 110px;
    left: 160px;
    z-index: 999;
}

.tblExpertiseSearch {
    display: none;
}

.filterDiv1, .filterDiv2, .filterDiv3 {
    display: inline-block;
    margin-right: 5px;
    background-color: #13ba00;
    color: white;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border-radius: 4px;
    padding: 3px 6px 3px 6px; /*T,R,B,L*/
    cursor: pointer;
}

.noFilter {
    background-color: #cc0000 !important;
}

.removeFilter1, .removeFilter2, .removeFilter3 {
    color: #808080;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
    display: none;
}

.tblsearchFilters {
    width: 100%;
    display: none;
}

#pagingContainer {
    padding: 15px 0 15px 3px;
    text-align: right;
}

.pageBackButton, .pageForwardButton {
    color: #808080;
    display: inline;
    padding: 3px 6px 3px 6px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1pt solid #ccc;
    margin-right: 3px;
    background-color: white;
    cursor: pointer;
}

    .pageBackButton a, .pageForwardButton a, .pageNumberButton a {
        color: #808080;
        text-decoration: none;
    }

.pageBackButton_selected {
    color: black !important;
    background-color: #ffcfcf !important;
    border: 1pt solid #525252 !important;
}

    .pageBackButton_selected a {
        color: black !important;
    }

.pageNumberButton {
    color: #808080;
    display: inline;
    padding: 3px 6px 3px 6px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1pt solid #ccc;
    margin-right: 3px;
    background-color: white;
    cursor: pointer;
}

#loadSearchDescription {
    width: 100%;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 8px 0 8px 0;
    text-align: center;
}

#txtsearch, #txtsearchName {
    width: 90%;
}

.tblNameSearch > tbody > tr > td:first-child {
    font-size: 16px;
    text-align: center;
    width: 160px;
    height: 50px;
}

.tblLocalSearch > tbody > tr > td:first-child {
    text-align: center;
    width: 160px;
    height: 50px;
    font-size: 16px;
}

.mobst {
    display: none;
}


.tblLocalSearch > tbody > tr > td:last-child {
    width: 160px;
    text-align: left;
}


.sponsoredlisting {
    display: inline-block;
    font-family: 'Arial';
    font-size: 9px;
    color: white;
    text-shadow: 0 1px 0 rgba(0,0,0,0.24);
    position: absolute;
    left: -18px;
    top: 2px;
    text-align: right;
    margin-bottom: 6px;
    padding: 0 16px 0 12px;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.25);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.25);
    box-shadow: 2px 2px 4px rgba(0,0,0,.25);
    background-color: #3ab54a;
}

    .sponsoredlisting:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        top: -10px;
        border-bottom: 10px solid #336633;
        border-left: 10px solid transparent;
    }

.newlisting {
    display: inline-block;
    font-family: 'Arial';
    font-size: 9px;
    color: white;
    text-shadow: 0 1px 0 rgba(0,0,0,0.24);
    position: absolute;
    left: -18px;
    top: 2px;
    text-align: right;
    margin-bottom: 6px;
    padding: 0 16px 0 12px;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.25);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,.25);
    box-shadow: 2px 2px 4px rgba(0,0,0,.25);
    background-color: #ff9933;
}

    .newlisting:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        top: -10px;
        border-bottom: 10px solid #663300;
        border-left: 10px solid transparent;
    }

.starbutton i {
    font-size: 18px;
}

.lblM {
    display: none;
}

@media (max-width: 1000px) {
    .tblresults .th1,
    .tblresults .td1 {
        display: none;
    }
}

@media (max-width: 850px) {
    .searchContainer, .tblresults, #pagingContainer {
        width: 90%;
        margin: 0 auto;
    }

    .tabFiller {
        display: none;
    }

    .tblresults > thead > tr > th:nth-child(3), .tblresults > tbody > tr > td:nth-child(3) {
        display: none;
    }

    .tblresults > thead > tr > th:nth-child(1), .tblresults > thead > tr > th:nth-child(2) {
        width: auto;
    }

    .popularLocations {
        width: 90%;
    }

        .popularLocations .locationMarker {
            font-size: 32px;
            width: 10%;
        }

        .popularLocations .locations {
            display: inline-block;
            float: left;
            width: 80%;
        }

        .popularLocations .locBox {
            font-size: 11px;
        }

            .popularLocations .locBox:nth-last-child(-n+3) {
                display: none;
            }
}

@media (max-width: 700px) {
    .avg-score {
        display: none;
    }
}


@media (max-width: 640px) {
    .searchHelper, .dtst {
        display: none;
    }


    .tblLocalSearch > tbody > tr > td:first-child, .tblNameSearch > tbody > tr > td:first-child {
        width: 80px;
    }

    .tblLocalSearch > tbody > tr > td:last-child {
        width: 120px;
        text-align: center;
    }

    .searchTab1, .searchTab2, .searchTab3 {
        width: 80px;
    }



    .mobst {
        display: inline;
    }

    .popularLocations .locBox:nth-last-child(-n+8) {
        display: none;
    }
}


@media (max-width: 560px) {

    .lblD {
        display: none;
    }

    .lblM {
        display: inline-block;
    }

    .starbutton i {
        font-size: 14px;
    }
}
