@-moz-keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinner-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
    -moz-animation: spinner-loader 1500ms infinite linear;
    -webkit-animation: spinner-loader 1500ms infinite linear;
    animation: spinner-loader 1500ms infinite linear;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    -webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
    display: inline-block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
}

table.realtor-links td{
    padding-right:.25em; /* changed to padding-right from just padding to tighten vertical space */
}

#auctions,
#open-houses{
    padding-left:2em;
}
#auctions h4,
#open-houses h4 {
    margin-left:-1em;
}


.nav-tabs > li > label {
    display: inline-block;
    padding: 1em;
    margin: 0;
    border: 1px solid transparent;
    cursor: pointer;
}

.nav-tabs > li.active > label {
    cursor: default;
    border-color: #ddd;
    border-bottom-color: white;
}

.nav-tabs input[type=radio] {
    display:none;
}

.header-row{
    background:black;
    background-image:url(../images2/header-x-bg.png);
    background-repeat: repeat-x;
    padding-right:15px;
}

.header-col {
    min-width:700px;
    background:black;
    background-image:url(../images2/header-x-bg.png);
    background-repeat: repeat-x; postition:relative
}

.header-l-top {
    width:642px; height:50px;
}
.header-l-bottom {
    width:642px; height:29px;
}
.header-links {
    position:absolute; bottom:0; right:0;
}
.header-links a{
    color:white
}
.panel-footer p{
    line-height:.6em; /* mjs reduce space in the gpcink block footer left */
    line-height:1.1em; /* djh space required for line wrapping - adust p's bottom margin if you want less space between p's */
}

.panel-footer h2{
    font-size:20px;
}

button#select-price {
    background: none;
    text-align: left
}
button#select-radius {
    background: none;
    text-align: left
}
button.multiselect{
    background:none;
    text-align:left
}
button.multiselect .caret{
    position: absolute;
    right: 10px;
    top: 1em;
}
#featuredRowTemplate,
#rowTemplate,
#adRowTemplate {
    display:none
}
#map {
    display:block;
    width: 100%;
    height: 56vh;
}
#loadFavorites:hover {
    cursor:pointer;
}

#addNotify {
    padding:1em 1em .25em 1em;
    background-color: lightyellow;
    border:1px solid #ddd;
    border-radius: 5px;
    padding-left:60px;
    font-size:.9em
}
#resultsContainer {
    height:45vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
#resultsHeader .exciting{
    font-size:1.8em;
    font-weight:bold;
}

#resultsContainer a {color: white; cursor: pointer}
#resultsContainer {color: white; text-shadow: 0px 2px 10px black!important;}

#resultsContainer .listing,
#resultsContainer .adRow {
    border-top:1px solid #ccc;
    padding-top:1em;
    padding-bottom: 1em;
    padding: 0px;
    width: 47%;
    min-width: 300px;
    height:250px;
    float: left;
    margin: 0 6px 6px 0;
    
}
div.ad {
    /*width: 47%;*/
    min-width: 329px;
    float: left;
    margin: 0 6px 6px 0;    
    margin: 0;
    padding: 0px;
    overflow: hidden;
}
#resultsContainer .listing .content
{
    height: 250px;
    width: 100%;
    position:relative;
    background: linear-gradient(to bottom,rgba(0,0,0,0.0), rgba(0,0,0,.4)) !important; /* from .1 to .8 mjs 08222020 */
    padding:5px;
}

#resultsContainer .listing .content .fixed-bottom {
    position:absolute; 
    bottom:0px;
    padding:50px 15px 15px 15px;
    width:100%;
}

#resultsContainer .listing .pull-right
{
    padding-right:15px;
}

#resultsContainer .listing.featured .flag {
    background-image:url(../images2/featured.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    margin-left:-3px;
    margin: 10px 0 0 -3px;
    float:left;
    width:122px;
    height:18px;
}

#resultsContainer .listing.selected,
#resultsContainer .featured-listing.selected{
    background-color: #becfff;
}

#resultsContainer .listing-address {
    color:white;
    font-size:1.2em;
    font-weight: bold;
}
#resultsContainer .listing-price {
    font-size: 2.1em; /* from 2.5 em, mjs 08222020*/
    color: white;
}
#resultsContainer .listing-description {
    font-size: 1.2em;
    color: white;
    display: none!important; /* mjs 08222020 */
}
#resultsContainer .listing-details {
    font-size: 1.2em;
    color: white;
}
#resultsContainer .listing-attributes {
    font-size: 1.2em;
    color: white;
    display: none; /* mjs 08222020 */
}
#resultsContainer .listing-signature {
    font-size: .9em;
    font-weight: normal; /* from 1.2 bold 08222020 */
    color: white;
}

#resultsContainer .listing .photoThumb {
    width:100%;
}

#resultsContainer .featured-listing .photoThumb {
    margin:auto;
    width:100%;
}

.listing-locate-pin {
    color: #c0c0c0;
    font-size: 1.6em;
    cursor: pointer;
}

.listing-photos {
    color: #c0c0c0;
    font-size: 1.6em;
    cursor: pointer;
}

.listing-photos:hover {
    color: white;
}

.listing-favorite {
    color: #c0c0c0;
    font-size: 1.6em;
    cursor: pointer;
}
#resultsContainer .listing-locate-pin a {
    color: #c0c0c0;
    cursor: pointer;
}
#resultsContainer .listing-locate-pin a:hover {
    color: white;
    text-decoration: none;
}

.listing .listing-toolbar
{
    text-align:right; 
    width:100%; 
    font-size:2.0rem;
}

.resultHeaderInfo{
    font-size: 0.85em;
    text-align: center;
}

#select-price-custom {
    background: #dedede;
    border: 1px solid #999;
    margin-top: 10px;
}
#select-radius-custom {
    background: #dedede;
    border: 1px solid #999;
    margin-top: 10px;
}
#select-acres-custom {
    background: #dedede;
    border: 1px solid #999;
    margin-top: 10px;
}
.ad-block {
    padding-top:.5em;
    padding-bottom:.5em;
}
.listing-favorite a{
    font-size:1.2em;
}
.listing-favorite a:hover {
    text-decoration: none;
}
.listing-favorite a.unchecked {
    color:#c0c0c0 !important;
}
.listing-favorite a.checked {
    color: #d6b122 !important;
}
.listing-position {
    padding:4px;
    font-size:.8em;
    margin-top:.5em;
    background:#dddddd;
    border-radius: 3px;
}
.listing-position p[title]:hover{
    cursor: help;
}

@media screen and (max-width: 768px){
    #addNotify {
        background-position: 8px 4px;
    }
    #resultsContainer {
        height:auto;
        overflow-y: visible !important;
        overflow-x: visible;
    }
    .adRow.container-fluid {
        margin-left: auto;
    }
}
@media screen and (max-width: 990px){
    .adRow.container-fluid {
        margin-left: -29px;
    }
}
@media screen and (max-width: 1300px){
    #resultsContainer .listing {
        width: 100%;
        height: 300px;
    }
    #resultsContainer .listing .content
    {
        height: 300px;
    }
}
@media screen and (min-width: 1200px){
    #resultsContainer .listing .photoThumb {
        /*width:150px;*/
    }
}
.photoThumb {
     cursor: pointer;
    }

.gm-style-iw + div {display: none;}
.xxxcontainer {width: 100%!important;}

/* try to get header to work better on phones */

@media screen and (max-width: 768px){
    .header-links {position: relative;clear: both;}
    .since2006 {position: relative!important; float:none!important; top:inherit!important; left: inherit!important;}
    .header-l-top img, .header-l-bottom img {width:325px;}
    div.header-l-top, div.header-l-bottom {width:inherit; height: inherit; font-size: 5px;}
    .header-col {min-width: 320px!important;}
}