/*------------
    responsive menu comes in at 979 

    colors:
    blue: #1b568e
    light blue: #309aff
    red: #c4112f

----------------*/

/*---------------------site-wide texts-------------------------*/

/*
body {
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
    font-family: Verdana;
    color: #666666;
    font-size: 16px;
    line-height: 22px;
}

a:link, a:visited {
    color: royalblue;
    text-decoration: none;
}

    */

/*---iPhone, prevent zoom on element select---*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,  textarea, input {
        font-size: 16px;
    }
}

#nf-back-page-title {
    /*---top page title---*/
    font-family: Arial;
    font-size: 40px;
    color: #333333;
    padding-bottom: 35px;
    line-height: 40px;
}

.nf-left-container-one-half {
    width: 49%;
    float: left;
}

.nf-right-container-one-half {
    width: 49%;
    float: right;
}

.nf-left-container-one-half-inner {
    width: 48%;
    float: left;
}

.nf-right-container-one-half-inner {
    width: 48%;
    float: right;
}

.nf-container-spacer {
    height: 5px;
    display: none;
}

.nf-container-spacer-25 {
    height: 25px;
    display: none;
}

.nf-text-sm{
   font-size:14px;
   color:#888888;
   font-family:Arial;
   line-height:16px;
}

.nf-handle-padding {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media(max-width:800px) {
    .nf-left-container-one-half, .nf-right-container-one-half, .nf-left-container-one-half-inner, .nf-right-container-one-half-inner {
        width: 100%;
        float: none;
    }

.nf-container-spacer, .nf-container-spacer-25 {
        display: block;
    }
}

.nf-header-text {
    font-family: Verdana;
    color: #555555;
    font-size: 25px;
    line-height: 30px;
}

.nf-header-text a:link, .nf-header-text a:visited {
        text-decoration: none;
        color: #c4112f;
    }

.nf-float-left {
    float: left;
}

.nf-float-right {
    float;
    right;
}

.nf-my-start-btn {
    padding: 5px 0px 5px 0px;
    text-align: center;
    background-color: #bed1f7;
    color: #ffffff;
    font-size: 18px;
    font-family: Verdana;
}

.nf-my-start-btn a:visited, .nf-my-start-btn a:link {
        color: #ffffff;
        text-decoration: none;
    }

.nf-MLS-photo {
    width: 100%;
    height: 400px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.nf-fea-photo {
    width:325px;
    height:275px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.nf-section-head {
    padding: 10px;
    background-color: #333333;
    color: #ffffff;
    font-size: 25px;
    font-family: Arial;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.nf-settings-updated {
  background-color:#eeeeee;
  padding:5px;
  text-align:center;
}

.nf-request-info {
    font-style: italic;
    color: #999999;
}

.nf-text-disclaimer {
    font-size: 14px;
    font-style: italic;
    color: #999999;
}

.nf-progress {
   margin:0 auto;
   display:table;
   visibility: hidden;
}

/*--------------------search start page---------------------*/

.nf-create-container {
    float: left;
    width: 50%;
    vertical-align: top;
}

.nf-cbOption {
    float: left;
    width: 195px;
    height: 25px;
}

.nf-clear {
    clear: both;
}

.nf-cblResp-space label {
    padding: 10px;
}

.nf-cblResp td.label {
    color: blue;
}

.nf-cblResp td {
    height: 25px;
    width: 275px;
    white-space: nowrap;
}

.nf-cblResp table, tr, td {
    display: block;
    float: left;
}

.nf-criteria-left {
    padding: 5px;
    font-weight: bold;
    display: table-cell;
    width: 125px;
}

.nf-criteria-right {
    display: table-cell;
}

.nf-requested-text {
    padding: 5px;
    text-align: center;
    font-style: italic;
    color: #005500;
    font-family: verdana;
}


.nf-search-container {
    float: left
}

.nf-search-element {
    float: left;
    padding-right: 15px;
}

.nf-line-1px {
    height: 1px;
    background-color: #7490c7;
    padding: 0px;
}

.nf-m-details-contact {
    font-size: 25px;
    font-family: Verdana;
    color: #7490c7;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 27px;
}

.nf-m-login-btn {
    float: right;
    padding: 5px;
    background-color: #bed1f7;
}

.nf-m-text-sm {
    font-size: 13px;
    color: #666666;
}

.nf-search-error {
    color: #ff0000;
    font-style: italic;
    padding-bottom: 5px;
}

.nf-validation {
    padding-bottom: 25px
}


@media (max-width:979px) {

    .nf-search-container {
        float: none;
    }

    .nf-search-element {
        float: none;
        padding-top: 15px;
        padding-right: 0px;
        width: 100%;
    }

    .m-ddl_150, .m-ddl_250 {
        width: 100%
    }
}


/*-----details page-----*/

.nf-action-btn {
    padding: 5px 0px 5px 0px;
    text-align: center;
    background-color: #4169E1;
    color: #ffffff;
    font-size: 18px;
    font-family: Verdana;
}

.nf-action-btn a:visited, .nf-action-btn a:link {
        color: #ffffff;
        text-decoration: none;
    }

.nf-action-space {
    height: 3px;
    padding: 0px;
}

.m-details-container-left {
    float: left;
    width: 50%;
    padding:5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.m-details-item {
    float: left;
}

.m-details-item-left {
    width: 45%;
}

.m-details-item-right {
    text-align: right;
    width: 55%;
}

@media (max-width:700px) {
.nf-action-btn {
        width: 100%;
    }

.m-details-container-left, .m-details-container-right {
        float: none;
        width: 100%;
    }

.m-input-button, .m-input-button-right {
        width: 100%;
        float: none;
        background-color: #bed1f7;
        text-align: center;
    }
}


/*------mapping page-----*/

.map-address-text {
    font-size: 14px;
}

    .map-address-text a:link, .map-address-text a:visited {
        color: #7490c7;
        text-decoration: none
    }

.map-photo {
    margin: 0 auto
}

.map-pop-window {
    display: table;
    background-color: #ffffff;
    text-align: center
}

.map-text-italic {
    font-style: italic;
    font-size: 12px;
}


/*-------agent pages------*/

.ag_info_container {
    display: table;
    width: 100%;
    clear: both
}

.ag_info_info {
    float: left;
    vertical-align: top;
    display: table-cell
}

.ag_info_pict {
    float: left;
    vertical-align: top;
    width: 125px;
    display: table-cell
}


/*----------lower link line----------*/

.m-lower-links {
    padding-top: 6px;
}

@media (max-width:979px) {
    .m-lower-links {
        width: 100%;
        text-align: center;
    }
}


/*-------add photos page------------*/
.my-gallery {
    width: 100%;
    float: left;
    text-align: center;
}

.my-gallery img {
        width: 100%;
        height: auto;
    }

.my-gallery figure {
        display: block;
        float: left;
        margin: 0 5px 5px 0;
        width: 175px;
    }

.my-gallery figcaption {
        display: none;
    }

.nf-main-add-photo-container {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    display: table;
}

/*--------------buttons---------------*/

.nf-button {
    padding: 7px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    background-color: #50516b;
    border: 1pt solid #50516b;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    /*--iphone styles--*/
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
}

.nf-button a:link, .nf-button a:visited {
        color: #ffffff;
        text-decoration: none;
    }

.nf-button:hover {
        background-color: #666666;
        cursor: pointer;
    }

.nf-button-start {
    padding: 7px;
    color: #333333;
    font-size: 18px;
    background-color: #eeeeee;
    border: 1pt solid #eeeeee;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.fa {
    color: #50516b;
}

.fa-white {
    color: #ffffff;
}

.m-input-button-container-right {
    padding-top: 25px;
}

.m-input-button-container {
    padding-bottom: 10px;
}

.m-input-button {
    width: 350px;
    float: left;
    background-color: #bed1f7;
    text-align: center;
    padding: 5px 0px 5px 0px;
    color: #ffffff;
}

.m-input-button-right {
    width: 100%;
    float: left;
    background-color: #bed1f7;
    text-align: center;
    padding: 5px 0px 5px 0px;
    color: #ffffff;
}

    .m-input-button a:link, .m-input-button a:visited, .m-input-button-right a:link, .m-input-button-right a:visited {
        color: #ffffff;
        text-decoration: none;
    }

.m-input-button-one-third {
    width: 30%;
    float: left;
}

.m-input-button-one-third-right {
    width: 30%;
    float: right;
}

.m-input-button-one-third-search {
    /*  width: 100%;*/
}

.m-input-search {
    background-color: #bed1f7;
    text-align: center;
    padding: 5px;
}

.m-input-search a:link, m-input-search a:visited {
        color: #ffffff;
        text-decoration: none;
    }

.m-input-button-space {
    width: 3%;
    float: left;
    color: #eeeeee;
}

.m-input-button-bottom-space {
    display: none;
}

.m-input_button_blue {
    font-size: 18px;
    font-family: Verdana;
    color: #ffffff
}

 .m-input_button_blue a:link, .m-input_button_blue a:visited, .m-input_button_blue a:hover {
        color: #ffffff;
        text-decoration: none;
    }


.m-input_button_blue_hm {
    font-size: 16px;
    padding: 2px;
    font-family: Verdana;
    color: royalblue;
    text-decoration: none;
}

@media (max-width:979px) {

    .m-input-button-container-right {
        padding-top: 5px;
    }

    .m-input-button {
        width: 100%;
    }

    .m-input-button-one-third {
        width: 100%;
        float: none;
    }

    .m-input-button-one-third-right {
        width: 100%;
        float: none;
    }

    .m-input-button-space {
        width: 100%;
        float: none;
        height: 15px;
    }
}


/*-------m-map_list.aspx--------------*/

.nf-map-list-container {
    display: table;
    width: 100%;
    clear: both;
}

.nf-map-list-left {
    vertical-align: top;
    width: 250px;
    height: 200px;
    display: table-cell;
}

.nf-map-list-right {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
}

.nf-map-list-results {
    float: left;
    padding-top: 5px;
}

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

    .nf-map-list-right, .nf-map-list-left {
        display: block;
        width: 100%;
        text-align: center;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }
}

/*-----------------------agent start page--------------------------*/

.nf-ag-picture {
    display: table-cell;
    width: 150px;
}

.nf-ag-info-container {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
}

.nf-ag-li {
    padding-bottom: 3px;
}

.nf-ag-photo {
    max-width: 120px;
}

.nf-ag-ul {
  /*  text-align: left;
    padding-left: 1.2em;*/
}

.nf-ag-left {
    float:left;
    width:165px;
}


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

    .nf-ag-left, .nf-ag-right{
        width:100%;
        float:none;
        text-align:center;
    }

    .nf-ag-picture {
        float: none;
        display: table;
        margin: 0 auto;
        width: 100%;
        padding-right: 0px;
        text-align: center;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

    .nf-ag-info {
        padding-top: 10px 0px 0px 0px;
        float: none;
        text-align: center;
        display: table;
        margin: 0 auto;
    }

    .nf-ag-info-container {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

    .nf-ag-info-agent-start, .nf-ag-info-agent-details {
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }
}

.nf-content-container {
    background-color: #ffffff;
    padding: 25px 5px 5px 5px;
    font-family: Arial;
    font-size: 17px;
    line-height: 22px;
    vertical-align: top
}

.nf-content-container a:visited, .nf-content-container a:link {
        color: #7490c7;
        text-decoration: none;
    }

.nf-content-container .nf-title {
        color: #00394d;
    }

.nf-hm-blue-line {
    height: 4px;
    padding: 0px
}

.nf-hm-right .nf-title {
    color: #428bca;
}

.nf-img-standard {
    width: 100%;
    height: auto;
}

.nf-img-standard-map-list {
    width: 100%;
    height: auto;
    max-width: 225px;
    max-height: 225px;
}

.nf-clear {
    clear: both;
}

.nf-client-logo {
    height: 85px;
    width: 225px;
}


.top-line-content {
    background-color: #C9daf0;
}

.nf-height-5 {
    height: 5px;
}

.nf-height-10 {
    height: 10px;
}

.nf-height-15 {
    height: 15px;
}

.nf-height-25 {
    height: 25px;
}

.nf-height-30 {
    height: 30px;
}

.nf-text-align-center {
    text-align: center;
}

.nf-text-bold{
    font-weight:bold;
}

.nf-hm-left, .nf-hm-right {
    width: 47%;
    padding: 10px;
    background-color: #ffffff;
}

.nf-hm-left {
    float: left;
}

.nf-hm-right {
    float: right;
}

.nf-max-55 {
    max-width: 55px;
}


.nf-prop-details-container-inner {
    width: 50%;
    float: left;
    text-align: center;
}


@media (max-width:500px) {
    .nf-prop-details-container-inner {
        float: none;
        margin: 0 auto;
        padding-bottom: 15px;
        width: 100%;
    }
}


@media (max-width:979px) {
    .sold--section {
        padding-top: 30px;
    }

    .nf-hm-left, .nf-hm-right {
        float: none;
        width: 100%;
    }
}

/*--------------------------------forms-------------------------------------*/

.m-form_element {
    padding: 5px 0px 5px 0px;
}


.nf-tb {
    border: 1pt solid silver;
    padding: 5px;
    font-family: Verdana;
    color: #666666;
    font-size: 16px;
    width: 100%;
    /*handles 100% plus padding issue*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nf-tb-multiline {
    height: 100px;
}

.nf-tb-120 {
    width: 120px;
}

.nf-tb-350 {
    width: 350px;
}

.nf-align-right {
    text-align: right;
}

@media (max-width:979px) {
    .nf-tb-350, .nf-tb-120 {
        width: 100%;
    }

    .nf-create-container {
        float: none;
        width: 100%;
    }
}

/*---------------------------mortgage calculator------------------------------*/

.nf-mort-container {
    float: left;
    width: 31%;
    padding: 5px 5px 5px 0px;
}

.nf-mort-container-right {
    float: right;
    width: 30%;
    padding: 5px 0px 5px 5px;
}

.nf-mort-inner {
    float: left;
    width: 50%;
    height: 25px;
}

.nf-mort-inner-right {
    text-align: right;
}

.nf-mort-space {
    float: left;
    width: 2%;
}

@media (max-width:979px) {

    .nf-mort-container, .nf-mort-container-right {
        float: none;
        width: 100%;
        padding: 5px 0px 5px 0px;
    }

    .nf-mort-inner, .nf-mort-inner-right {
        float: none;
        width: 100%;
        text-align: left;
    }

    .nf-mort-space {
        display: none;
    }
}


/*----------------------back pages--------------------*/

.nf-back-page-container {
    width: 100%;
    padding: 0px;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
}

.nf-back-page-head-image {
    display: table;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.nf-padding-10 {
    padding-bottom: 10px;
}

@media (max-width:1139px) {

    .nf-back-image {
        float: none;
        display: table;
        margin: 0 auto;
        width: 100%;
        height: auto
    }
}


/*------------------one-fifth buttons-------------------------*/
/*br, bth, lp, etc.. m-default.aspx*/


.nf-ddl-one-fifth {
    width: 100% !important;
    padding: 4px;
    font-family: Verdana;
    color: #666666;
    border: 1pt solid silver;
}

.nf-one-fifth {
    width: 18%;
    float: left;
}

.nf-one-fifth-right {
    width: 18%;
    float: right;
}

.nf-one-fifth-space {
    width: 2%;
    float: left;
    color: #eeeeee;
}


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

    .nf-one-fifth, .nf-one-fifth-right {
        width: 100%;
        float: none;
    }

    .nf-one-fifth-space {
        float: none;
        width: 100%;
        height: 15px;
    }
}


/*-------------testimonials------------------*/

.nf-quote-left {
    width: 50px; /*8%;*/
   /* float: left;*/
    padding-right: 15px;
    display:table-cell;
}

.nf-quote-right {
    /*width: 90%;
           float: left;
    */
    display: table-cell;
}

.nf-quote-sig {
    font-family: 'Times New Roman';
    color: #428bca;
    font-size: 20px;
}

/*-------------quick search button-----------------------*/

.nf-quick-main-container {
    display: table;
    margin: 0 auto;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nf-quick-text{
    font-size:35px;
    font-family:Arial;
    color:#333333;
    height:40px;
}

.nf-quick-inner-container {
    margin: auto;
    display: table;
    width: 100%;
    clear: both;
}

.nf-quick-left {
    display: table-cell;
}

.nf-quick-right {
    display: table-cell;
    padding: 5px;
    text-align: right;
    width: 25px;
    text-align: center;
    background-color: #333333;
}

.nf-tb-quick {
    border: 1pt solid #333333;
    padding: 8px;
    font-family: Verdana;
    color: #999999;
    font-style: italic;
    font-size: 16px;
    width: 100%;
    /*handles 100% plus padding issue*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media(max-width:800px) {
    .nf-quick-main-container {
        padding-top: 5px;
        width:100%;
    }

    .nf-quick-text{
        display:none;
    }

}

/*--------------buyers/sellers add'l links---------------*/

.nf-add-links-box {
    float: right;
    background-color: #eeeeee;
    padding: 10px;
    width: 265px;
}

.nf-add-links-box a:link, .nf-add-links-box a:visited{
    text-decoration:none;
    color:royalblue;
}

.nf-add-links-bottom {
    padding-top: 25px;
    display: none;
}


@media (max-width:979px) {
    .nf-add-links-box {
        display: none;
    }

    .nf-add-links-bottom {
        display: block;
    }
}


/*-----------------criteria-------------------*/

.nf-criteria {
    width: 450px;
    float: left;
    vertical-align: top;
}

@media (max-width:979px) {
    .nf-criteria {
        width: 100%;
        float: none;
    }
}


/*------------------home search form----------------*/

.nf-ddl_hm {
    width: 100%;
    color: #666666;
    font-family: Verdana,arial;
    font-size: 16px;
    border: 1pt solid silver;
    padding: 2px;
}

.nf-hm_form {
    padding: 5px 5px 5px 0px;
}

.nf-local_text {
    font-size: 16px;
    color: #6e6d6d;
    line-height: 20px;
    font-family: Verdana, Arial;
}


.nf-local_text A:link {
        font-size: 16px;
        color: #4169E1;
        font-family: Verdana, Arial;
        text-decoration: none;
    }

    .nf-local_text A:visited {
        font-size: 14px;
        color: #4169E1;
        text-decoration: none;
    }

    .nf-local_text A:hover {
        text-decoration: underline;
    }

.nf-text_red {
    color: #ff0000;
}

.nf-btn_submit_container {
    background-color: #c1ceeb;
    text-align: center;
    padding: 5px;
}

.nf-btn_submit_text {
    color: #ffffff;
    text-decoration: none;
}

/*----IDX----*/
.nf-IDX-left {
    display:table-cell;
    width:155px;
    padding-top:5px;
}

.nf-IDX-right {
    display:table-cell;
    vertical-align:top;
}


/*-----------------footer----------------------*/

.nf-footer-text {
    font-family: Verdana;
    color: #eeeeee;
    font-size: 15px;
}

.nf-footer-text a:link, .nf-footer-text a:visited {
        text-decoration: none;
        color: #ffffff;
    }