.brownbackground {


    background-color: rgba(201,110,33,0.65);
}


.marginbox {


    margin: 40px;

}

.searchloading {

    display: none;
    width: 80px;
}

.controlscanvasstandard {

    /* rgba for brown 	201	110	33  */
    z-index: 2;
    /*background-color: rgba(0,0,0,.65);*/
    /*background-color: rgba(201,110,33,0.65);*/
    background-color: rgba(201,110,33,0.65);
    position: absolute;
    left: 15px;
    width: 750px;
    /*min-height: 645px;*/

    height: 500px;
    margin-bottom: 100px;
}

.controlscanvasstandard a:hover {

    text-decoration: none;
}

.controlsboxstandard {

    position: absolute;
    left: 30px;
    top: 30px;
    width: 500px;
    height: 450px;

}


.pageiconstandard {

    margin-bottom: 10px;
    font-size: 35px;
    color: black;

}

.ctrlsbxstndtextarea {

    color: whitesmoke;
    font-family: verdana, sans-serif, Times;
}

.margbottom {

    margin-bottom: 25px;
}



.myfooter {

    display: inline-block;
    /*position: absolute;*/
    /*bottom: 10px;*/
    width: 100%;
    /*min-height: 100px;*/
    clear: both;
    margin-top: 20px;
    margin-bottom: 35px;
}



.firstsetoflinks {

    width: 550px;
    margin-top: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.firstsetoflinks a {

    color: black;
    font-size: 1.1em;
    text-decoration: none;

}

.firstsetoflinks a:hover {

    text-decoration: underline;
}

.footerlink {

    color: black;
    text-decoration: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.footerspan {

    color: black;
}

.secondsetoflinks {

    width: 550px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

.secondsetoflinks a:hover {

    text-decoration: underline;
    color: black;

}

.thirdsetoflinks {

    width: 550px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}


.myclear {

    clear: both; ;
}



.footerbackgroundwrap {

    width: 550px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(86,182,229,0.65);
    border: solid 1px black;

}

.contactform {

    color: whitesmoke;
}

/*   these styles relate to: tntaptdetail.php     */
.aptdetsectionheader {

    text-decoration: underline;
}

.aptdetailicon {

    height: 20px; width: auto; margin-right: 3px; margin-bottom: 2px;
}

.wechaticon {

    margin-left: -3px;
}

.aptdetdata {

    color: blue; margin-left: 3px;
}


.aptpicdetail {

    margin-bottom: 15px;
    margin-left: 140px;
    width: 450px;
    height: auto;
}


.faqlink {

    margin-bottom: 5px;
}



/* SMALL SCREEN CHANGES   */

@media screen and (max-width: 500px) {

    .searchconsole {

        width: 380px;
    }


    /*#tabs {*/
        /*padding: 0px;*/
    /*}*/

    #tabs-price {
        padding-left: 4px;
        padding-right: 10px;
    }
    #tabs-district {
        padding-left: 4px;
        padding-right: 10px;
    }
    #tabs-type {
        padding-left: 4px;
        padding-right: 10px;
    }
    #tabs-all {
        padding-left: 4px;
        padding-right: 10px;
    }
    /*.tabstyles {*/

        /*padding: 0px;*/
        /*margin-left: -2px;*/
    /*}*/

    .words {

        display: block;
        text-align: left;

        /* below are large screen styles  */
        /*display: inline-block;*/
        /*width: 300px;*/
        /*text-align: right;*/

    }

    .inputcontainer {

        display: block;
        /* below are large screen styles */
        /*display: inline-block;*/
    }

    .greenborder {


        width: auto;
        height: auto;
        border: solid 2px greenyellow;
        padding: 8px;
        margin-bottom: 15px;

        /* below are large screen styles  */
        /*width: 380px;*/
        /*height: 110px;*/
        /*border: solid 2px greenyellow;*/
        /*padding: 8px;*/
        /*margin-bottom: 15px;*/

    }


    table#apartmentstable td {

        /*position: relative;*/
        width: 95px;
        vertical-align: top;
        padding: 4px;
        font-size: 10px;

    }

    .tdthumbpic {

        /*position: absolute;*/
        /*left: 20%;*/
        width: 80px;
        height: auto;
    }

    .upperlefttransparentstrip {

        display: none;
    }


    /* top menu styles for small screens .. */

    .topmenubox {

        width: auto;
        /* below are large screen styles  */
        /*width: 800px;*/
        /*margin-left: auto;*/
        /*margin-right: auto;*/
        /*position: absolute;*/
        /*left: 240px;*/

    }


    .topmenu {

        z-index: 99;
        /*color: black;*/
        font-weight: bold;
        /*background-color: rgba(255,255,255,0.55);*/
        /* grey: 167	155	155 */
        /*background-color: rgba(167,155,155,0.65);*/
        background-color: rgba(86,182,229,0.65);
        border: solid 1px black;
        margin-right: auto;
        margin-left: auto;
        width: auto;

        /* below are large screen styles */
        /*z-index: 99;*/
        /*/!*color: black;*!/*/
        /*font-weight: bold;*/
        /*/!*background-color: rgba(255,255,255,0.55);*!/*/
        /*/!* grey: 167	155	155 *!/*/
        /*/!*background-color: rgba(167,155,155,0.65);*!/*/
        /*background-color: rgba(86,182,229,0.65);*/
        /*border: solid 1px black;*/
        /*margin-right: auto;*/
        /*margin-left: auto;*/
        /*width: 700px;*/
    }

    .topmenu li:hover {

        /*background-color: saddlebrown;*/
        color: lightgray;
    }

    .topmenu a {
        color: black;
    }

    .topmenu a:hover {

        background-color: blue;
        color: lightgray;
    }

    .nav>li>a:hover,
    .nav>li>a:focus {
        text-decoration: none;
        background-color: blue;
    }

    .topmenu li {

        margin-right: 1px;
        margin-left: 1px;
    }



    .aptpicdetail {

        margin-bottom: 15px;
        margin-left: 18px;
        width: 300px;
        height: auto;
        /* large screen styles below */
        /*margin-bottom: 15px;*/
        /*margin-left: 140px;*/
        /*width: 450px;*/
        /*height: auto;*/
    }



    /* small screen footer styles  */

    .footerbackgroundwrap {

        width: 380px;
        padding: 5px;
        margin-left: auto;
        margin-right: auto;
        background-color: rgba(86,182,229,0.65);
        border: solid 1px black;
    }


    .firstsetoflinks {

        width: 360px;
        margin-top: 15px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .firstsetoflinks a {

        color: black;
        font-size: 1.1em;
        text-decoration: none;

    }

    .firstsetoflinks a:hover {

        text-decoration: underline;
    }

    .footerlink {

        color: black;
        text-decoration: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

    .footerspan {

        color: black;
    }

    .secondsetoflinks {

        width: 360px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .secondsetoflinks a:hover {

        text-decoration: underline;
        color: black;
    }

    .thirdsetoflinks {

        width: 360px;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;

    }


/* FIXING PROBLEMS RE ROTATE BUTTON */

    /*  for now look in "picboxstyles.css"  */








/* end check for screen sizes under 500px   */
}