@font-face {
      font-family: 'househacker';
      src: url('../../css/fontello/font/househacker.eot?35710545');
      src: url('../../css/fontello/font/househacker.eot?35710545#iefix') format('embedded-opentype'),
           url('../../css/fontello/font/househacker.woff?35710545') format('woff'),
           url('../../css/fontello/font/househacker.ttf?35710545') format('truetype'),
           url('../../css/fontello/font/househacker.svg?35710545#househacker') format('svg');
      font-weight: normal;
      font-style: normal;
}

@media all {
    .fontello-icon {
        font-family: "househacker";
        font-style: normal;
        font-weight: normal;
        /*color: #444;*/
        speak: none;
        cursor: pointer;

        /*display: inline-block;*/
        text-decoration: inherit;
        /*width: 1em;*/
        /*margin-right: .2em;*/
        text-align: center;
        /* opacity: .8; */

        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;

        /* fix buttons height, for twitter bootstrap */
        /*line-height: 1em;*/

        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        /*margin-left: .2em;*/

        /* You can be more comfortable with increased icons size */
        font-size: 90%;

        /* Font smoothing. That was taken from TWBS */

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

        /* Uncomment for 3D effect */
        /*text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*/
    }

    .fontello-icon a:visited {
        color: #115f93;
    }

    /* C75B1A visited link */
    .fontello-icon a:hover {
        color: #1576b7;
    }

    /* mouse over link */
    .fontello-icon a:active {
        color: #1576b7;
    }

    /* selected link */
    /** for the jQuery ui menu for account icon**/
    .ui-menu {
        width: 150px;
    }

    html {
        height: 100%;
    }

    html.wait, html.wait * { cursor: wait !important; }

    body {
        margin: 0px;
        font-family: sans-serif;
        font-size: 110%;
        font-weight: 100;
        /**letter-spacing: 0px;**/
        /**text-shadow: 0 1px #FFF;**/
        /**color: #444;**/
        padding-left: 0px;
        height: 100%;
    }

    /* Opera Fix - for floating footer */
    body:before {
        content: "";
        height: 100%;
        float: left;
        width: 0;
        margin-top: -32767px;
    }

    .page-wrap {
        min-height: 100%;
        /* equal to footer height */
        margin-bottom: -62px;
    }

    .page-wrap:after {
        content: "";
        /**display: block;**/
    }

    .page-wrap:after {
        height: 46px;
    }

    footer.footer {
        height: 46px;
        clear: both;
        text-align: center;
        font-size: 80%;
        border-top: 1px solid #1576b7;
        background: #f7f7f7;
        background-image: linear-gradient(to bottom, #ECECEC 50%, #D1D1D1 100%);
        padding: 7px;
        right: 0;
        bottom: 0;
        left: 0;
    }

    a {
        text-decoration: none;
        color: #115f93; /* unvisited link */
    }

    a:visited {
        color: #115f93;
    }

    /* C75B1A visited link */
    a:hover {
        color: #1576b7;
    }

    /* mouse over link */
    a:active {
        color: #1576b7;
    }

    /* selected link */
    table {
        border-collapse: collapse;
        border-spacing: 0px;
    }
    div.loan_referral {
        font-size: 100%;
        /**border: 1px solid #115f93;**/
        background: #1576b7;
        border-radius: 15px;
        padding: 6px;
        width: 250px;
        color: white;
        margin-top: 43px;
        text-align: center;
    }

    button.calculator {
        background-image: linear-gradient(to top, #8dc9f2 30%, #d1eafa 100%);
        cursor: pointer;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border: 1px solid #999999;
        padding: 2px;
        margin: 3px;
    }

    div.calculator-loan-referral {
        font-size: 90%;
        /**border: 1px solid #115f93;**/
        background: #1576b7;
        padding: 6px;
        width: 290px;
        margin-top: 43px;
        text-align: center;
        border: 2px solid #000;
    }

    div.calculator-upgrade {
        /**border: 1px solid #115f93;**/
        background: #d1eafa;
        padding: 6px;
        width: 290px;
        font-size: 90%;
        border: 2px solid #000;
    }

    br.page-break {
        page-break-after: always
    }

    select.report-selector {
        -webkit-appearance: button;
        -moz-appearance: button;
        -webkit-user-select: none;
        -moz-user-select: none;
        -webkit-padding-end: 20px;
        -moz-padding-end: 20px;
        -webkit-padding-start: 2px;
        -moz-padding-start: 2px;
        background-color: #d1eafa; /* fallback color if gradients are not supported */
        background-image: url('../../images/br_down.png'), linear-gradient(to top, #8dc9f2 30%, #d1eafa 100%); /* Standard syntax; must be last */
        background-position: center right;
        background-repeat: no-repeat;
        border: 1px solid #999;
        border-radius: 6px;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
        margin: 0;
        overflow: hidden;
        padding-top: 2px;
        padding-bottom: 2px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 95%;
    }

    div.fifty_percent {
        width: 50%;
    }
    p.loan_referral_text {
        font-style: italic;
    }
    .carpet1 {
        background-image: url('../../images/carpet_flooring_1.png');
        background-repeat: no-repeat;
    }
    .tile1 {
        background-image: url('../../images/tile_flooring_1.png');
        background-repeat: no-repeat;
    }
    .hardwood1 {
        background-image: url('../../images/hardwood_flooring_1.png');
        background-repeat: no-repeat;
    }
    .carpet2 {
        background-image: url('../../images/carpet_flooring_2.png');
        background-repeat: no-repeat;
    }
    .tile2 {
        background-image: url('../../images/tile_flooring_2.png');
        background-repeat: no-repeat;
    }
    .hardwood2 {
        background-image: url('../../images/hardwood_flooring_2.png');
        background-repeat: no-repeat;
    }
    .carpet3 {
        background-image: url('../../images/carpet_flooring_3.png');
        background-repeat: no-repeat;
    }
    .tile3 {
        background-image: url('../../images/tile_flooring_3.png');
        background-repeat: no-repeat;
    }
    .hardwood3 {
        background-image: url('../../images/hardwood_flooring_3.png');
        background-repeat: no-repeat;
    }
    .carpet4 {
        background-image: url('../../images/carpet_flooring_4.png');
        background-repeat: no-repeat;
    }
    .tile4 {
        background-image: url('../../images/tile_flooring_4.png');
        background-repeat: no-repeat;
    }
    .hardwood4 {
        background-image: url('../../images/hardwood_flooring_4.png');
        background-repeat: no-repeat;
    }
    .carpet5 {
        background-image: url('../../images/carpet_flooring_5.png');
        background-repeat: no-repeat;
    }
    .tile5 {
        background-image: url('../../images/tile_flooring_5.png');
        background-repeat: no-repeat;
    }
    .hardwood5 {
        background-image: url('../../images/hardwood_flooring_5.png');
        background-repeat: no-repeat;
    }
    .floor_td {
        padding: 0px;
        text-align: center;
    }

    table.vertical_property_table {
        border: 1px solid #eeeee9;
        background: #eeeee9;
    }

    table.form_table {
        border: 0px solid #eeeee9; 
        background: #eeeee9; 
        width: 100%;
    }

    table.valuation_table {
        border: 0px solid #eeeee9;
        background: #eeeee9;
        width: 100%;
        font-size: 85%;
        text-align: left;
        padding: 0px;
    }

    table.valuation_table td,th {
        padding-top: 0px !important;
        padding-bottom: 1px !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    div.valuation_caption {
        background: #d1eafa;
        font-size: 90%;
        color: #1576b7;
        text-align: justify;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    table.api_setup_table {
        border: 0px solid #eeeee9;
        background: #eeeee9;
    }
    table.account_table {
        background: #eeeee9; 
    }

    table.pay_table {
        font-size: 110%;
        padding: 10px;
    }

    table.form_table_print {
        background: #ffffff;
    }

    table.detail {
        border: 1px solid #ddd;
        background: #f9f9f5;
    }

    table.clear-background {
        background: #ffffff;
    }

    table.profit_tab_background {
        background: #eeeee9;
        width: 100%;
    }

    table.address_and_username {
        width: 100%;
    }

    table.draw_status_table {
        width: 90%;
        border-radius: 16px;
        background-color: rgba(212, 212, 183, 1.0) !important;
        text-align: center;
        font-size: 75%;
        margin: 0px auto;
    }

    table.nav_and_widgets_table {
        width: 100%;
        border-collapse: separate;
    }

    table.padding_left {
        padding-left: 20px;
    }

    table.upgrade_padding {
        padding: 10px;
        font-size: 85%;
        width: 100%;
    }

    table.settings_tab {
        font-size: 120%;
    }

    td.nav_and_widgets_td {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    td.nav_and_widgets_bottom_td {
        border-bottom: 1px solid #AAA;
        text-align: right;
        padding-top: 14px;
    }

    tr.draw_status_tr {
        padding-bottom: 10px;
    }

    tr.hide_tr {
        display: none;
    }

    tbody.tbody_profit_tab {
        border: 3px solid #ddd;
        background-color: #fff;
    }

    tbody.property_list {
        margin: 4px;
        padding: 0px;
        border-spacing: 0px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        font-size: 80%;
    }

    tbody.property_list td {
        padding-right: 15px;
    }

    th, td {
        /**border: 1px solid #77FF00;  ---------->  table cell debugger  **/
        padding: 5px;
        cursor: default;
    }

    td.header {
        padding: 0px 5px;
    }

    th, td.subscribe {
        font-size: 80%;
        text-align: left;
        vertical-align: top;
        padding: 6px;
    }

    tr.no_bottom {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    td.no_bottom {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    td.instructional {
        padding-top: 0px;
    }

    td.inner {
        padding: 2px;
    }

    td.top {
        vertical-align: top !important;
        padding: 12px !important;
    }

    td.top_only {
        vertical-align: top !important;
    }

    i.light_font {
        color: #999999;
    }

    img.sample_image {
        border-radius: 8px;
        border: 1px solid #D7DDDD;
        box-shadow: 6px 6px 9px #888;
    }

    td.profit_tab_enlarge_font {
        font-size: 110%;
        padding-right: 15px;
        padding-left: 15px;
    }

    tr.orange_top {
        /**border-top: 1px solid #1576b7;**/
    }

    tr.footage, tr.profit, tr.administer {
        text-align: left;
        /**color: #444; **/
        font-size: 100%;
    }

    tr.risk_category {
        text-align: left;
        border-bottom: 1px solid #aaa;
        font-size: 95%;
    }

    tr.list {
        text-align: left;
        /**color: #444;**/
        border-left: 1px solid #1576b7;
        border-top: 1px solid #FFFFFF;
        font-size: 90%;
    }

    tr.list_no_top {
        text-align: left;
        /**color: #444; **/
        border-left: 1px solid #1576b7;
        font-size: 90%;
    }

    tr.category {
        text-align: center;
    }

    tr.repair_widgets {
        background-image: linear-gradient(to bottom, #d1eafa 50%, #5fb4ec 100%);
    }

    td.repair_widgets {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    tr.top_and_bottom {
        border-top: 1px #DDD solid;
        border-bottom: 1px #DDD solid;
    }

    tr.raised {
    }

    caption.raised {
        /**background-image: linear-gradient(to bottom, #f3f1ee 50%, #e3e1de 100%);**/
        padding: 8px;
        background-color: #e5e5d5;
    }

    tr.odd {
        background-image: linear-gradient(to bottom, #FCFCFC 50%, #E1E1E1 100%);
    }

    tr.draw_status_header {
        //background-image: linear-gradient(to bottom, #f3f1ee 50%, #e3e1de 100%);
        text-align: center;
        background-color: #e5e5d5;
    }

    td.repair_headings {
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 80%;
        font-weight: bold;
        vertical-align: bottom;
        line-height: 25px;
        font-variant: small-caps;
    }

    td.diy_heading {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    td.draw_status_container_td {
        text-align: center;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0px;
    }

    td.draw_status_radio {
        text-align: center;
    }

    td.active_draw {
        margin-top: -1px;
        background-color: rgba(212, 212, 183, 1.0) !important;
        border-radius: 0px 0px 16px 16px;
    }

    tr.floating_header {
        text-align: center;
        background: #ffffff;
    }

    td.huge_pad {
        padding-left: 150px;
        padding-right: 150px;
    }

    td.bottom {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    td.bold {
        font-weight: bold;
        padding: 15px;
    }
    td.floating_header {
        text-align: center;
        padding-bottom: 0px;
        background: #ffffff;
        border-bottom: 1px solid #1576b7;
    }
    span.sf_title {
        cursor: help;
        font-style: italic;
    }
    span.floating_header {
        padding-bottom: 0px;
        padding-left: 20px;
        padding-right: 20px;
        background: #1576b7;
    }

    button.monospace {
        font-family: monospace;
    }

    span.password-eye {
        cursor: pointer;
    }
    span.flooring_widget {
        position: relative;
    }
    span.flooring_text {
        font-size: 110%;
        white-space: nowrap;
    }
    span.flooring_small {
        font-size: 90%;
        white-space: nowrap;
    }

    div.div-inline {
        display: inline-block;
    }
    div.full_width {
        width: 100%;
    }
    div.inner_flooring_widget {
        padding: 2px;
        font-size: 80%;
        position: absolute;
        margin-top: -108px;
        left: 2px;
        z-index: 100;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        background-color: #eeeee9; 
        box-shadow: 5px 5px 20px #999999;
        padding-bottom: 2px;
    }
    button.flooring_widget {
        font-size: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #diy_label_span {
        padding-left: 11px;
    }
    span.status_label {
        border-radius: 6px 6px 6px 6px;
        padding-top: 4px;
        padding-bottom: 3px;
        padding-right: 5px;
        padding-left: 5px;
        font-size: 90%;
        font-weight: 400;
        display: inline-block;
        width: 100%;
        /**text-shadow: 0 0px #FFF !important;**/
    }

    span.custom_domain_span {
        font-size: 80%;
    }

    span.add_custom_row_widget {
        position: relative;
    }

    div.inner_add_custom_row_widget {
        padding: 10px;
        font-size: 80%;
        position: absolute;
        margin-top: -69px;
        left: 69px;
        z-index: 100;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        background-color: #eeeee9; 
        box-shadow: 5px 5px 20px #999999;
        padding-bottom: 5px;
    }

    div.roi_banner {
        font-size: 170%;
        /**font-color: #1576b7;**/
        /**font-weight: 400;**/
        margin: 9px;
        text-align: center;
    }
    span.percentage_label {
        font-size: 80%;
    }

    span.lender_lock_span {
        font-size: 150%;
        color: #DD0000;
        cursor: pointer;
    }

    span.invisible_button {
        opacity: 0.0;
    }

    span.invisible_text {
        color: #FFFFFF;
    }

    span.invisible_gray_text {
        color: #eeeee9;
    }

    span.fixed_color {
        color: #000 !important;
    }

    table.readiness {
        /**border: 1px solid #333;**/
        border-radius: 15px;
        background: #fefefc;
    }

    table.api_table {
        width: 99%;
        table-layout: fixed;
    }
    td.api_td {
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
    }
    span.profit_span {
        padding: 6px;
    }
    span.api_header {
        font-size: 150%;
        font-weight: 400;
    }
    tr.profit_divider {
        border-top: 9px solid #ffffff;
    }

    tr.top_black {
        border-top: 1px solid #000000;
    }

    tr.estimated_costs_flat {
        background: #eeeee9;
    }

    td.multi_family {
        text-align: left;
        font-size: 90%;
        color: #444444;
        vertical-align: center;
    }

    td.zillow_data {
        text-align: left;
        font-size: 90%;
        display: none;
        vertical-align: top;
    }

    td.zillow_data_neighborhood {
        text-align: left;
        font-size: 90%;
        vertical-align: top;
    }

    td.always_show {
        display: table-cell !important;
    }
    td.center_vertically {
        vertical-align: middle !important;
    }
    td.worksheet_asset_td {
        font-size: 100%;
        padding-left: 5px;
        padding-top: 3px;
        color: #CCCCCC;
    }
    td.worksheet_asset_td_header {
        font-size: 100%;
        padding-left: 5px;
        padding-top: 3px;
        color: #333333;
    }

    td.worksheet_asset_td:hover {
        visiblity: visible;
        color: #333333;
    }
    td.worksheet_asset_td span:hover {
        visiblity: visible;
        color: #333333;
    }
    span#labor_zip_code {
        cursor: help;
    }
    td.estimated_profit {
        border-top: 3px double #444;
    }
    tr.component {
        margin: 0px;
    }
    tr.component_chosen {
        margin: 0px;
    }
    tr.list_status_top {
        border-top: 0px solid #ffffff;
    }
    tr.top {
        border-top: 1px solid #ffffff;
    }
    tr.property_list {
    }
    tr.sought_value {
        background: #d1eafa; 
    }
    tr.component:hover, tr.component_chosen:hover {
        background: #d1eafa;
    }
    tr.bold {
        font-weight: bold;
    }
    td.draw_status_bottom_td {
        padding-bottom: 10px;
        padding-top: 5px;
    }
    td.level_header {
        font-size: 80%;
        font-style: italic;
    }
    td.plain_background {
        background: #eeeee9; 
    }
    td.sub_header {
        font-size: 80%;
        font-variant: small-caps;
        padding-top: 3px;
        padding-bottom: 0px;
        margin-top: 3px;
        margin-bottom: 0px;
    }
    td.logo {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 3px;
        margin-right: 0px;
    }
    tr.no_pad, td.no_pad, div.no_pad span.no_pad {
        padding: 0px;
        margin: 0px;
    }
    td.text_left {
        text-align: left;
    }
    td.left_orange {
    }
    td.left_orange_print {
        border-bottom: 1px solid #666666;
    }
    td.identity {
        text-align: right;
        font-size: 90%;
    }
    td.tight {
        padding-left: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    td.level {
        padding-right: 5px;
        font-size: 80%;
    }
    td.orig {
        color: #666666;
    }
    span.orig {
        color: #666666;
    }
    td.level_b {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        font-size: 80%;
    }

    td.summary_print {
        font-size: 80%;
    }

    td.property {
        padding-left: 5px;
        font-size: 90%;
    }

    td.category {
        border-left: 1px solid #1576b7;
        padding-left: 10px;
        text-align: left;
        font-size: 80%;
        font-weight: bold;
    }

    td.property_selector_td_left {
        margin: 0px;
        padding: 0px;
        border-radius: 20px 0px 0px 20px;
        -moz-border-radius: 20px 0px 0px 20px;
        -webkit-border-radius: 20px 0px 0px 20px;
        border: 0px solid #000000;
    }

    td.property_selector_td_right {
        margin: 0px;
        padding: 0px;
        border-radius: 0px 20px 20px 0px;
        -moz-border-radius: 0px 20px 20px 0px;
        -webkit-border-radius: 0px 20px 20px 0px;
        border: 0px solid #000000;
    }

    td.left {
        padding-left: 0px;
        margin-left: 0px;
    }

    td.white {
        background: #FFFFFF;
        padding-top: 3px;
        padding-bottom: 0px;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }

    td.csv_white {
        background: #FFFFFF;
    }

    td.csv_header {
        background: #d9e1d9;
        overflow: hidden;
    }

    td.no_top {
        border-top: 0px solid #e5e5e5 !important;
    }

    td.report_header {
        font-size: 90%;
        padding-top: 3px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }

    td.est {
        padding-top: 3px;
        padding-bottom: 0px;
        margin-top: 3px;
        margin-bottom: 0px;
        padding-left: 5px;
        font-size: 80%;
        text-align: left;
    }

    td.est_sub {
        padding-top: 3px;
        padding-bottom: 0px;
        margin-top: 3px;
        margin-bottom: 0px;
        padding-left: 5px;
        /**font-size: 80%;**/
        text-align: left;
    }

    td.est_sub_budget {
        padding-top: 3px;
        padding-bottom: 0px;
        margin-top: 3px;
        margin-bottom: 0px;
        padding-left: 5px;
        text-align: left;
    }

    td.detail {
        padding-left: 10px !important;
        font-size: 90% !important;
        font-style: italic;
    }

    th.right {
        text-align: right !important;
    }

    td.right {
        text-align: right;
    }

    th.wide_blank {
        width: 30%;
    }

    td.wide_blank {
        width: 30%;
    }

    td.center {
        text-align: center;
    }

    td.right_border {
        border-right: 1px solid #000000;
    }
    td.td_low_intensity {
        background-color: #D3DED1;
    }
    td.td_medium_intensity {
        background-color: #d5eec4;
    }
    td.td_high_intensity {
        background-color: #D3DED1;
    }

    td.instructional_text {
        padding-left: 10px;
        font-size: 70%;
        text-align: left;
        padding-top: 6px;
        padding-bottom: 8px;
    }

    td.zillow_text {
        padding-left: 10px;
        font-size: 90%;
        text-align: left;
        padding-top: 6px;
        padding-bottom: 8px;
    }
    td.pad_left {
        padding-left: 20px;
    }

    span.pad_bottom {
        padding-bottom: 10px;
    }

    td.pad_top {
        padding-top: 15px;
        padding-bottom: 0px;
    }

    span.readiness_repair_timeline {
        padding-right: 30px;
    }

    td.no_pad_top {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    tr.property_attributes_tr {
        border-right: 1px #eeeee9 solid;
    }

    td.property_attributes {
        padding-left: 10px;
        padding-right: 5px;
        font-size: 80%;
        padding-bottom: 10px;
    }

    td.pie_chart_table_cell {
        background: #ffffff;
        border: 1px solid #eeeee9; 
    }

    #left_map {
        height: 100%;
    }

    a.property_link {
        text-decoration: underline;
        cursor: pointer;
    }

    div.less_left_pad {
        padding-left: 5px !important;
    }

    label.splash-page-label {
        font-size: 80%;
        padding-left: 1px;
    }

    span.splash-page-span {
        font-size: 80%;
    }

    span.splash-page-right-padding {
        padding-right: 15px;
    }

    div.property_selector_div {
        padding-top: 0px;
        padding-bottom: 3px;
        margin-top: 0px;
        margin-bottom: 3px;
    }

    span.address_for_calculator {
        color: white;
    }
    div.property_address_calculator {
        color: white;
    }
    span.sell_li {
        font-weight: 600;
        color: #1576b7;
    }

    div.seek {
        padding-bottom: 8px;
        padding-top: 8px;
        font-size: 100%;
        font-style: italic;
    }

    span.instructional_text {
        padding-left: 10px;
        font-size: 70%;
        text-align: left;
        padding-top: 0px;
        padding-bottom: 4px;
        margin-top: 0px;
        margin-bottom: 3px;
    }

    td.no_right_padding {
        padding-right: 0px;
        margin-right: 0px;
    }

    td.white_border_right {
        border-right: 1px solid #CCC;
    }

    td.white_border_left {
        border-left: 1px solid #CCC;
    }

    td.white_border_top {
        border-top: 1px solid #CCC;
    }

    td.white_border_bottom {
        border-bottom: 1px solid #CCC;
    }

    td.draw_summary {
        padding-left: 15px;
        font-size: 80%;
        font-family: Verdana, Arial, sans-serif;
    }

    td.draw_summary_white {
        background: #FFFFFF;
        padding-left: 15px;
        font-size: 70%;
        font-family: Verdana, Arial, sans-serif;
    }

    td.component_label {
        padding-left: 15px;
        font-size: 90%;
    }

    td.design_level {
        text-align: right;
        font-size: 80%;
    }

    td.right_scenario_margin {
        text-align: right;
    }

    td.sq_ft {
        font-size: 80%;
        text-align: right;
    }

    td.address {
        text-align: right;
    }

    td.contact {
        vertical-align: top;
        font-size: 90%;
    }

    td.contact div.contact_header {
        margin-top: 5px;
        margin-bottom: 5px;
        color: #1576b7;
        font-size: 100%;
        font-weight: bold;
    }

    td.cell_none_td {
        display: none;
    }

    td.cell_show_td {
        display: table-cell;
    }

    textarea.comments {
        font-size: 80%;
        width: 99%;
        height: 2em;
    }
    div.free_reg {
        font-size: 80%;
    }

    td.status_label {
        background: #fdf9f6 !important;
    }
    td.property_address_td {
        padding-top: 15px;
        padding-bottom: 15px;
        font-weight: 400;
    }

    #google_maps_td {
        padding: 0px;
    }
    table.start-button-table {
        background: #EEEEE9;
        margin: 0px auto;
    }
    button.view-map-button {
        font-size: 14px;
        vertical-align: middle;
        padding-right: 10px;
    }
    div.accept_terms div.center {
        text-align: center;
    }
    div.center-buttons-table {
        text-align: center;
    }
    img.img-vertical-align {
        vertical-align: middle;
    }
    img.splash_logo {
        max-width: 300px;
        padding-top: 80px;
    }
    img.share_img {
        background-color: #FFFFFF;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        margin-left: -7px;
        padding: 0px;
    }

    img.button_save_image {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 5px;
        margin-bottom: -2px;
    }

    img.attach_images {
        margin-top: -3px;
        margin-bottom: -5px;
        margin-right: -3px;
    }

    div.status_header {
    }

    pre.status_header {
        font-family: "Lucida Console", Monaco, monospace;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 1;
        background-color: #FFFFFF;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        margin-left: -18px;
        padding: 2px 4px;
        z-index: 100;
    }

    span.receipt_span {
        font-size: 100%;
        color: #1576b7;
        font-weight: bold;
    }

    span.print_chosen {
        text-decoration: underline;
    }

    span.percentage_span {
        font-size: 75%;
    }

    span.assignee_name_span {
        font-size: 75%;
    }

    span.login_and_logout {
        font-weight: bold;
        font-size: 14px;
        color: #222 !important;
        padding-top: 51px;
    }

    span.draw_step_span {
        font-weight: bold;
        padding: 0px 6px;
        margin-top: 0px;
        color: #9D8E09; /** TODO - needs to be a variable which is darker shade of #1576b7 **/
        font-size: 180%;
        text-shadow: none !important;
    }

    span.draw_step_chosen_font {
        color: #FFF;
    }

    span.component_span {
        font-size: 90%;
    }

    span.non_repair_span {
        font-size: 90%;
        font-style: italic;
        font-weight: bold;
    }

    span.about {
        font-size: 80%;
        color: #333333;
        font-style: italic;
    }

    span.hidden {
        color: #eeeee9;
    }
    span.hidden_detail {
        color: #f9f9f5;
    }

    span.hide_hover {
        display: none;
    }

    span.show_hover {
        display: inline;
    }

    span.warning_span {
        color: #BB0000;
        font-size: 110%;
    }

    span.error_span {
        color: #BB0000;
        font-size: 80%;
    }

    td.property_details_td {
        vertical-align: top;
    }

    div.step_completed {
        background-image: linear-gradient(to bottom, #88DD88 50%, #66BB66 100%) !important;
    }

    /** for the google map on lite.html popup**/
    #map, #valuation_map {
        width: 788px;
        height: 300px;
        background-color: #CCCCCC;
    }

    /** for the google map on the property list **/
    #map_view {
        width: 100%;
        height: 375px;
        background-color: #efefe9;
    }

    #autocomplete_map_comp_1, #autocomplete_map_comp_2, #autocomplete_map_comp_3, #map_comp_1, #map_comp_2, #map_comp_3 {
        width: 100%;
        height: 168px;
        background-color: #efefe9;
        margin-top: -10px;
    }

    div.property_details_step {
        margin-left: -18px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        font-weight: bold;
        padding: 0px 6px;
        background-image: linear-gradient(to bottom, #d1eafa 50%, #5fb4ec 100%);
        border: 1px solid #AAAAAA;
        font-size: 120%;
    }

    div.instructional_text {
        font-size: 70%;
    }

    div.admin {
        padding-left: 20px;
    }

    input[type="submit"], button {
        cursor: pointer;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        background-image: linear-gradient(to bottom, #d1eafa 50%, #5fb4ec 100%);
        border: 1px solid #999999;
        padding: 2px;
        margin: 3px;
    }
    button:disabled {
        cursor: not-allowed;
    }
    input:disabled {
        cursor: not-allowed;
    }
    select:disabled {
        cursor: not-allowed;
    }
    button:hover {
        background-image: linear-gradient(to top, #8dc9f2 30%, #d1eafa 100%);
    }

    button[disabled]:hover {
        background-image: linear-gradient(to bottom, #d1eafa 50%, #5fb4ec 100%);
    }

    input[type="submit"].splash-page-login, button.splash-page-button {
        font-size: 80%;
        padding: 7px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    button.inverted {
        background-image: linear-gradient(to bottom, #5fb4ec 50%, #d1eafa 100%);
    }

    button.inverted:hover {
        background-image: linear-gradient(to top, #d1eafa 30%, #8dc9f2 100%);
    }

    button[disabled].inverted:hover {
        background-image: linear-gradient(to bottom, #5fb4ec 50%, #d1eafa 100%);
    }

    button.more_button_padding {
        padding: 4px !important;
    }

    button.login {
        font-size: 12px;
    }

    button.start_new_button {
        font-size: 14px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 8px;
        padding-bottom: 11px;
        line-height: 16px;
    }

    input[type="radio"].design-radio-level-buttons {
        width: auto !important;
        margin-right: 0px;
    }

    input[type="radio"].design-radio-level-subsequent {
        margin-left: 20px;
    }

    button.no_margin_button {
        margin: 0px;
        font-family: monospace;
    }

    input[type="tel"].dimension_input {
        margin: 2px;
    }

    input[type="number"] {
        width: 50%;
        /*font-size: 14px;*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    input[type="text"].address_input {
        width: 100%;
        box-sizing: border-box;
    }

    input[type="text"] {
        text-align: right;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    input[type="tel"] {
        text-align: right;
        /*font-size: 14px;*/
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    input[type="text"].highlight {
        border-color: #1576b7 !important;
        box-shadow: 0 0 10px #1576b7 !important;
    }

    input[type="radio"].draw_status_train_stop_radio {
        /**border: 5px solid #1576b7;**/
        color: #1576b7;
        cursor: pointer;
        border: 5px solid #BFB12B;
        background-color: white !important;
        display: inline-block;
        width: 21px;
        height: 21px;
    }

    input[type="radio"].draw_status_train_stop_radio:checked {
        background: #1576b7;
    }


    input[type="text"].square {
        border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border: 1px solid #bbb;
     }

    select.square {
        border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border: 1px solid #bbb;
    }

    hr.draw_status_train_stop_radio {
        margin-right: 0;
        width: 140%;
        height: 24px;
        background-color: #1576b7;
        border: 0px solid #1576b7;
        margin-top: -25px;
        border-radius: 16px;
    }

    i.start-button-icon {
        color: #1576b7;
        font-size: 22pt;
        vertical-align: middle;
    }
    i.huge_head {
        font-size: 48pt;
        color: #1576b7;
    }
    hr.right {
        margin-left: -56%;
    }

    hr.left {
        margin-right: -56%;
    }

    sup.superscript_sqft {
        background: #d1eafa;
    }

    td.primary_background {
        background: #1576b7;
        text-align: center;
        padding-top: 30px;
    }

    select {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    select.highlight {
        border-color: #1576b7 !important;
        box-shadow: 0 0 10px #1576b7 !important;
    }

    input[type="checkbox"].highlight {
        border-color: #1576b7 !important;
        box-shadow: 0 0 10px #1576b7 !important;
    }

    input[type="email"] {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    input[type="email"].highlight {
        border-color: #1576b7 !important;
        box-shadow: 0 0 10px #1576b7 !important;
    }

    input[type="password"] {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    input[type="password"].highlight {
        border-color: #1576b7 !important;
        box-shadow: 0 0 10px #1576b7 !important;
    }

    select.property_selector {
        font-size: 14px;
    }

    input[type="email"].cred {
        text-align: left;
        /*font-size: 14px;*/
    }

    input[type="text"].cred {
        text-align: left;
        /*font-size: 14px;*/
    }

    input.eighty-percent {
        width: 80% !important;
    }

    input.ninety-percent {
        width: 90% !important;
    }

    input.ninety-five-percent {
        width: 95% !important;
    }

    input[type="email"].splash-page-input {
        font-size: 80%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #cccccc;
        box-shadow: none;
        padding: 8px;
        width: 95%;
        text-align: left;
    }

    input[type="password"].splash-page-input {
        font-size: 80%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #cccccc;
        box-shadow: none;
        padding: 8px;
        width: 90%;
        text-align: left;
    }

    input[type="text"].splash-page-input {
        font-size: 80%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #cccccc;
        box-shadow: none;
        padding: 8px;
        text-align: left;
    }

    input[type="tel"].splash-page-input {
        font-size: 80%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #cccccc;
        box-shadow: none;
        padding: 8px;
        text-align: left;
    }

    input[type="tel"].natural_size {
        width: auto !important;
    }

    input[type="checkbox"].natural_size {
        width: auto !important;
    }

    input[type="text"].left {
        text-align: left;
        /*font-size: 14px;*/
    }

    select[disabled] {
        color: black;
        /*font-size: 14px;*/
    }

    select.read_only {
        background-color: #EEEEEE;
    }

    input[type="select"][disabled] {
        color: black;
        /*font-size: 14px;*/
    }

    input[type="select"].scenario_select {
        width: 80px;
    }

    input[type='range'] {
        width: 100%;
        height: 12px;
        margin-left: 0px;
    }

    input[type='checkbox'][disabled] {
        color: black;
        background-color: black;
    }

    span.canned_scope_span {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 6px;
        padding-right: 8px;
    }

    .radio-toolbar input[type="radio"] {
        display: none;
    }

    input[type="radio"].radio-scope {
        display: none;
    }

    tr.component_chosen:hover .radio-toolbar input[type="radio"]:hover + label {
        background-image: linear-gradient(to bottom, #8dc9f2 30%, #d1eafa 100%);
    }

    tr.component .radio-toolbar input[type="radio"]:hover + label {
        background-image: linear-gradient(to top, #8dc9f2 30%, #d1eafa 100%);
    }

    .radio-scope input[type="radio"]:hover + label {
        background-image: linear-gradient(to top, #8dc9f2 30%, #d1eafa 100%);
    }

    td.sample_image {
        background-color: #fbffff;
        vertical-align: middle;
    }

    td.upgrade_instructional {
        font-variant: small-caps;
        font-style: italic;
    }

    td.upgrade_pro_title_td {
        background-image: linear-gradient(to left, #ddddd7 50%, #ddddd7 100%);
        text-align: center;
    }

    td.upgrade_pro_plus_title_td {
        background-image: linear-gradient(to left, #ccc7c7 0%, #ccc7c7 100%);
        text-align: center;
    }

    td.upgrade_ent_title_td {
        background-image: linear-gradient(to left, #d7dddd 0%, #d7dddd 100%);
        text-align: center;
    }

    td.upgrade_pro_chkbox_td {
        background-image: linear-gradient(to left, #eeeee9 50%, #fffffb 100%);
        text-align: center;
        font-size: 105%;
        border-bottom: 1px solid #eeeee9;
    }

    tr:hover td.upgrade_pro_chkbox_td {
        background-image: linear-gradient(to right, #fffffb 50%, #fffffb 100%);
        text-align: center;
        font-size: 105%;
        border-bottom: 1px solid #eeeee9;
    }

    td.upgrade_pro_plus_chkbox_td {
        background-image: linear-gradient(to left, #eee9e9 0%, #fffbfb 100%);
        text-align: center;
        font-size: 105%;
        border-bottom: 1px solid #eee9e9;
    }

    tr:hover td.upgrade_pro_plus_chkbox_td {
        background-image: linear-gradient(to right, #fffbfb 0%, #fffbfb 100%);
        text-align: center;
        font-size: 105%;
        border-bottom: 1px solid #eee9e9;
    }

    td.upgrade_ent_chkbox_td {
        background-image: linear-gradient(to left, #e9eeee 0%, #fbffff 100%);
        text-align: center;
        font-size: 105%;
        border-bottom: 1px solid #e9eeee;
    }

    tr:hover td.upgrade_ent_chkbox_td {
        background-image: linear-gradient(to right, #fbffff 0%, #fbffff 100%);
        text-align: center;
        font-size: 105%;
        border-bottom: 1px solid #e9eeee;
    }

    td.upgrade_feature {
        background-image: linear-gradient(to left, #eeeee9 0%, #fffffb 100%);
        border-bottom: 1px solid #e9eeee;
    }

    tr:hover td.upgrade_feature {
        background-image: linear-gradient(to right, #eeeee9 0%, #fffffb 100%);
        border-bottom: 1px solid #e9eeee;
    }

    td.google_td {
        padding: 0px;
        font-size: 0px;
    }
    td.login-td {
        background-color: #d1eafa;
        text-align: center;
        vertical-align: top;
        width: 40%;
    }

    body.splash-body-background {
        background-color: #d1eafa !important;
    }
    /* Glyph, by Harry Roberts */
    hr.share_rule {
        padding: 0;
        border: none;
        border-top: medium double #999;
        color: #999;
        text-align: center;
    }

    hr.share_rule:after {
        background: #eeeee9; 
        display: inline-block;
        position: relative;
        top: -0.2em;
        font-size: 1em;
        font-style: italic;
        padding: 0 0.5em;
    }

    hr.copy_text:after {
        content: "OR copy url";
    }

    hr.send_text:after {
        content: "OR send a text";
    }

    hr.or_text:after {
        content: "OR email";
    }

    .radio-toolbar input[type="radio"]:hover + label {
        background-image: linear-gradient(to top, #8dc9f2 30%, #d1eafa 100%);
    }

    .radio-toolbar input[type="radio"]:checked + label {
        background-image: linear-gradient(to top, #8dc9f2 30%, #d1eafa 100%); /**dark orange**/
    }

    input[type="radio"]:hover + label.scope_label {
        background-image: linear-gradient(to top, #8dc9f2 30%, #d1eafa 100%);
    }

    input[type="radio"]:checked + label.scope_label {
        background-image: linear-gradient(to top, #8dc9f2 30%, #d1eafa 100%); /**dark orange**/
    }

    span.readiness_doc {
        padding: 10px;
    }
    td.readiness_comp_titles {
        padding-top: 10px !important;
    }
    td.readiness_section_spacing {
        padding-top: 20px !important;
    }
    td.readiness_numbered_steps {
        padding-top: 20px !important;
    }
    span.readiness_price_per_sqft {
        font-size: 90%;
    }
    span.readiness_titles {
        font-size:100%;
        font-weight:bold;
        font-variant:small-caps
    }
    span.readiness_photo_category {
        font-variant:small-caps;
        font-weight: 500;
    }
    td.readiness_photo_category {
        border-bottom: 1px solid #ccc;
        padding-top: 25px;
    }
    span.readiness_photo_item_name {
        font-size: 90%;
    }

    .scope_label {
        cursor: pointer;
        display: inline-block;
        background-image: linear-gradient(to bottom, #FCFCFC 50%, #D1D1D1 100%);
        padding: 3px;
        text-align: center;
        font-weight: bold;
        font-size: 80%;
        text-shadow: none;
        font-family: Verdana,sans-serif;
        border: 1px solid #ccc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-left: 4px;
        margin-right: 4px;
        padding: 5px;
    }

    .canned_scope_span label.left {
        border: 1px solid #ccc;
        -webkit-border-radius: 6px 0px 0px 6px;
        -moz-border-radius: 6px 0px 0px 6px;
        border-radius: 6px 0px 0px 6px;
    }

    .canned_scope_span label.center {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        margin-left: -5px;
        margin-right: -5px;
    }

    .canned_scope_span label.right {
        border: 1px solid #ccc;
        -webkit-border-radius: 0px 6px 6px 0px;
        -moz-border-radius: 0px 6px 6px 0px;
        border-radius: 0px 6px 6px 0px;
    }

    tr.component_chosen .radio-toolbar label {
        cursor: pointer;
        display: block;
        background-image: linear-gradient(to bottom, #FCFCFC 50%, #D1D1D1 100%);
        padding: 2px;
        text-align: center;
        font-weight: bold;
        font-size: 80%;
        text-shadow: none;
        font-family: Verdana,sans-serif;
    }

    tr.component .radio-toolbar label {
        cursor: pointer;
        display: block;
        background-image: linear-gradient(to bottom, #FCFCFC 50%, #D1D1D1 100%);
        padding: 2px;
        text-align: center;
        font-weight: bold;
        font-size: 80%;
        text-shadow: none;
        font-family: Verdana,sans-serif;
    }

    .radio-toolbar label.left {
        border: 1px solid #ccc;
        -webkit-border-radius: 6px 0px 0px 6px;
        -moz-border-radius: 6px 0px 0px 6px;
        border-radius: 6px 0px 0px 6px;
        margin-left: 4px;
        margin-right: -5px;
    }

    .radio-toolbar label.center {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .radio-toolbar label.right {
        border: 1px solid #ccc;
        -webkit-border-radius: 0px 6px 6px 0px;
        -moz-border-radius: 0px 6px 6px 0px;
        border-radius: 0px 6px 6px 0px;
    }

    tr.component_chosen .radio-toolbar label.left {
        border: 1px solid #999;
        -webkit-border-radius: 6px 0px 0px 6px;
        -moz-border-radius: 6px 0px 0px 6px;
        border-radius: 6px 0px 0px 6px;
        margin-left: 4px;
    }

    tr.component_chosen .radio-toolbar label.center {
        border-top: 1px solid #999;
        border-bottom: 1px solid #999;
    }

    tr.component_chosen .radio-toolbar label.right {
        border: 1px solid #999;
        -webkit-border-radius: 0px 6px 6px 0px;
        -moz-border-radius: 0px 6px 6px 0px;
        border-radius: 0px 6px 6px 0px;
    }

    tr.break_tr {
        background-color: #ffffff;
    }
    td.break_td {
        background-color: #ffffff;
    }
    .radio-toolbar label.m-left {
        margin-left: -3px;
    }

    .radio-toolbar label.m-right {
        margin-right: -3px;
    }

    .radio-toolbar label.risk-left {
        margin-left: -5px;
    }

    .radio-toolbar label.risk-right {
        margin-right: -5px;
    }

    .radio-toolbar label.center {
    }

    label.intensity_width {
        display: inline !important;
        padding: 2px;
    }
    .paypal-button-hidden {
        visibility: hidden;
    }

    input {
        color: #333 !important;
    }

    input.new_address {
        font-size: 120%;
    }

    div.index-login {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 10px;
        border: 1px solid #1576b7;
        background: #fcfcfc;
        margin: 30px;
        margin-top: 10px;
    }

    div.zillow_disclaimer_text {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 5px;
        border: 1px solid #1576b7;
        background: #d1eafa;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
        font-style: italic;
        color: #1576b7;
        font-size: 90%;
        margin-top: 0px;
    }

    div.padded {
        padding-left: 20px;
        padding-right: 20px;
    }

    div.table-cell {
        display: table-cell !important;
    }

    div.tab {
        padding-top: 0px;
        padding-left: 20px;
        float: left;
        padding-bottom: 25px;
        min-height: 100%;
        min-width: 97%;
    }

    div.tab_properties {
        padding-top: 0px;
        padding-left: 20px;
        float: left;
        padding-bottom: 25px;
        min-height: 100%;
        min-width: 50%;
    }

    div.sub_tab {
        padding-top: 0px;
        padding-left: 0px;
        float: left;
        padding-bottom: 25px;
    }

    div.calculator_start_button {
        text-align: center;
        padding: 50px;
        margin: 100px;
    }
    div.properties_div {
        background: #eeeee9;
    }
    div.custom_domain_header {
        font-size: 110%;
        text-align: center;
        margin-top: 30px;
    }
    div.icon_padding {
        padding-left: 5px;
        padding-right: 5px;
        color: #222 !important;
        display: inline-block;
    }
    span.total_budget {
        font-size: 140%;
    }
    div.icon_padding:hover {
        color: #115f93 !important;
        cursor: pointer;
    }

    span.field_bold {
        background-color: #d9e1d9;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    span.strike {
        text-decoration: line-through;
    }

    i.red_x {
        font-size: 120%;
        color: #ee0000;
        padding: 5px;
    }

    div.already_have_an_account {
        content-align: center;
        margin-left: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #eeeee9;
    }

    div.splash_not_a_customer {
        background: #fcfcfc;
        padding: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #1576b7;
    }

    div.splash-advert {
        float: right;
        height: 100%;
        background: #1576b7;
        text-align: center;
    }

    img.hide_edges {
        padding: 0px;
        margin: -10px;
    }

    i.footer-padding {
        padding-left: 10px;
        padding-right: 10px;
    }

    span.copyright {
        font-size: 80%;
        line-height: 25px;
    }

    span.widget_nav {
        font-size: 120%;
        line-height: 28px;
    }

    div.google_map_div_right {
        display: inline-block;
        width: 50%;
        /**margin-left: 56px;**/
        height: 104px;
        text-align: left;
        overflow: hidden;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-top-right-radius: 20px;
        border-top-right-radius: 20px;
        margin-top: 5px;
    }

    div.google_map_div_left {
        display: inline-block;
        width: 50%;
        height: 104px;
        text-align: right;
        overflow: hidden;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-bottom-left-radius: 20px;
        border-bottom-left-radius: 20px;
        -webkit-border-top-left-radius: 20px;
        -moz-border-top-left-radius: 20px;
        border-top-left-radius: 20px;
        margin-top: 5px;
    }
    label.new_property_radio {
        display: inline-block;
        padding-top: 5px;
        font-size: 90%;
    }
    div.override_input_div {
        margin-left: 5px;
        text-align: center;
    }

    span.address_in_progress {
        font-size: 80%;
        margin-left:
    }

    span.address_in_calculator {
        font-size: 110%;
        font-weight: 800;
    }

    span.google_map_div_left {
        width: 50%;
        text-align: center;
        overflow: hidden;
        margin-top: -10px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-bottom-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    span.google_map_div_right {
        width: 50%;
        text-align: center;
        overflow: hidden;
        margin-top: -10px;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    div.map_results {
        padding: 7px;
        background: #f7f7f7;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #aaa;
        position: fixed;
        margin-top: -100px;
        margin-left: -30px;
    }

    img.photo_grid {
        max-width: 100%;
        height: auto;
    }

    img.lock_img {
        margin-left: 5px;
        margin-top: -7px;
    }

    td.light {
        background: #f0f0f0;
    }

    br {
        clear: left;
    }

    div.receipt {
        border: 1px solid #000000;
    }

    div.to-top {
        z-index: 2;
        position: fixed;
        top: 122px;
        right: 10px;
        color: #000000;
    }

    div.to-top-profit {
        z-index: 3;
        position: fixed;
        top: 122px;
        right: 20px;
        color: #000000;
    }

    div.calculator-ads {
        z-index: 1 !important;
        width: 30%;
        top: 87px !important;
    }

    div.to-top-apply {
        z-index: 3;
        position: fixed;
        top: 122px;
        right: 20px;
        color: #000000;
        padding: 6px;
        width: 250px;
    }

    div.lowerWithMargin {
        margin-top: 140px;
        margin-left: -60px;
    }

    span.budget_left {
        display: block;
        margin-top: -16px;
        background-color: rgba(0, 0, 0, 0.0);
        /*background: rgb(0, 0, 0);*/
        position: absolute;
        right: 0px;
        z-index: 2;
        text-align: right;
        padding-right: 10px;
    }

    span.gradient_left {
        height: 24px;
        padding-top: 9px;
        padding-bottom: 8px;
        margin-right: 0px;
        margin-left: 5px;
        /**text-align: right;**/
    }

    div.text_left {
        position: relative;
        padding: 0px;
        margin-left: -10px;
        text-align: left;
    }

    span.left_property_span {
        text-align: left;
        padding-left: 5px;
        padding-bottom: 5px;
    }

    span.profit_message {
        color: #990000;
        font-size: 90%;
        text-align: center;
        width: 100%;
    }

    span.floating_header {
        width: 100%;
    }

    div.left_margin {
        margin-left: 20px;
    }

    div.upgrade_pricing {
        font-size: 110%;
        background: #e9e9e1;
        padding: 20px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        line-height: 24px;
        display: inline-block;
        float: right;
    }

    span.upgrade_pricing {
        font-size: 80%;
        background: #F9CCA3;
        padding: 2px 5px 2px 5px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    span.padded {
        padding: 10px;
    }

    div.margin_left {
        padding-left: 20px;
    }

    div.why_header {
        padding-top: 20px;
        border-bottom: 1px solid #999;
        font-variant: small-caps;
        font-weight: bold;
    }

    span.account_value {
        background: #ddddd9 none repeat scroll 0% 0%;
        border: 1px solid #999;
        padding: 2px 8px;
        display: block;
        border-radius: 4px;
    }

    div.account_header {
        background: #FFFFFF;
        padding-top: 10px;
        border-bottom: 1px solid #1576b7;
        font-variant: small-caps;
        font-weight: bold;
        display: inline-block;
    }

    span.account_header {
        background: #FFFFFF;
        padding-top: 10px;
        /**border-bottom: 1px solid #1576b7;**/
        font-variant: small-caps;
        font-weight: bold;
    }

    img.header_logo {
        padding-left: 9px;
        padding-right: 9px;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: white;
    }

    span.header_logo_div {
        margin-top: -110px;
        position: absolute;
        width: 100%;
        margin-left: -50%;
        text-align: center;
    }

    span.header_logo_span {
        background-color: #fff;
        padding-top: 0px;
        padding-bottom: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }

    span.left {
        text-align: left;
    }

    span.right {
        text-align: right;
    }

    div.header {
        text-align: center;
        position: relative;
        float: left;
        min-width: 89%;
        /**-webkit-transform: translate3d(0,0,0)**/
    }

    table.header {
        width: 100%;
    }

    #header {
        padding-left: 10px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        background: #ffffff;
        border-bottom: 1px solid #fff;
    }

    #header h1 {
        padding: 0px;
        margin: 0px;
        color: #ccc;
        font-family: Georgia, serif;
        font-weight: normal;
        font-size: 180%;
    }

    canvas.pie_canvas {
        border: 0px;
        padding: 0px;
        margin: 0px;
        background-color: #eeeee9; 
        background: #eeeee9; 
    }

    a.boxclose {
        float:right;
        margin-top: -5px;
        margin-right: -0px;
        cursor:pointer;
        border-radius: 30px;
        font-size: 24px;
        display: inline-block;
        line-height: 0px;
        padding: 13px 3px;
    }

    canvas.screen_shot_canvas {
        cursor: url('../../images/pencil-cursor.png'), pointer;
        border: 1px dotted #999;
    }

    span.bug_step {
        font-size: 500%;
        padding-right: 0px;
        margin-right: -15px;
        z-index: -10;
        color: #cccccc;
        font-weight: 800;
        margin-bottom: -20px;
        display: inline-block;
    }

    span.right_pad_zero {
        margin-right: 0px !important;
    }

    span.green_step {
        color: #77dd77;
    }

    span.bug_step_title {
        /**background:  #d1eafa;**/
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px; /* standards-compliant: (IE) */
    }
    td.no-wrap {
        overflow-x: scroll;
        white-space: nowrap;
    }
    span.no-wrap-span {
        overflow-x: scroll;
        white-space: nowrap;
    }
    span.step {
        font-size: 120%;
        text-shadow: 0 0px #FFF;
        font-weight: bold;
        font-variant: small-caps;
        background-image: linear-gradient(to left, #8dc9f2 30%, #d1eafa 100%);
        padding: 3px;
        display: block;
        -webkit-border-top-left-radius: 8px;
        -moz-border-top-left-radius: 8px;
        border-top-left-radius: 8px; /* standards-compliant: (IE) */
        -webkit-border-top-right-radius: 8px;
        -moz-border-top-right-radius: 8px;
        border-top-right-radius: 8px; /* standards-compliant: (IE) */
        text-align: center;
    }
    span.nav_selected {
        padding-left: 10px;
        color: #1576b7;
    }
    span.nav_deselected {
        padding-left: 10px;
        color: #000000; 
    }
    span.instagram_link {
        background: #1576b7;
    }
    span.instagram_caption {
        color: #ffffff;
        background: #000000;
    }
    a.nav_selected:link {
        color: #1576b7;
        text-decoration: none;
    }
    a.nav_selected:visited {
        color: #1576b7;
        text-decoration: none;
    }
    a.nav_selected:hover {
        color: #1576b7;
        text-decoration: none;
    }
    a.nav_deselected:link {
        color: #000000; 
        text-decoration: none;
    }
    a.nav_deselected:visited {
        color: #000000; 
        text-decoration: none;
    }
    a.nav_deselected:hover {
        color: #1576b7;
        text-decoration: none;
    }
    #sub_nav {
        margin-bottom: 0px;
        padding: 0px;
    }
    #sub_nav ul {
        margin-left: 0px;
        margin-top: 1px;
        list-style-type: none;
        text-align: left; /*set to left, center, or right to align the menu as desired*/
    }
    #sub_nav li {
        display: inline;
        margin: 0;
    }
    #sub_nav li span {
        cursor: pointer;
        text-decoration: none;
        padding: 5px 12px 2px 10px;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-right: 1px; /*distance between each tab*/
        color: #000000;
        font: bold 80% Verdana, Arial, sans-serif;
        border-left: 1px solid #1576b7; /*E3714F;*/
        border-right: 1px solid #1576b7; /*E3714F;*/
        border-top: 1px solid #1576b7; /*E3714F;*/
    }
    /* to make first tab taller*/
    li.properties_sub_nav {
        padding: 10px 12px 2px 10px;
    }
    span.descriptiveScope {
        display: inline;
        padding: 6px;
        line-height: 1.5em;
    }
    span.iconScope {
        font-size: 120% !important;
        display: none;
    }
    span.orange {
        background-color: #1576b7;
    }
    span.grey {
        background-color: #CCCCCC;
    }
    span.lt_orange {
        background-color: #FE9A2E;
    }
    #sub_nav li span:hover {
        background-color: #ffffff;
    }
    span.sub_nav_selected {
        border-left: 1px solid #1576b7;
        border-right: 1px solid #1576b7;
        border-top: 1px solid #1576b7;
        background-color: #eeeee9; 
    }
    span.sub_nav_deselected {
        border-left: 1px solid #eeeee9; 
        border-right: 1px solid #eeeee9; 
        border-top: 1px solid #eeeee9; 
        border-bottom: 1px solid #eeeee9; 
    }
    div.iframe_loading_div {
        background: url("../../images/saving.gif") no-repeat 50% 0%;
    }
    iframe.report_iframe {
        background-color: #FFFFFF;
        width: 689px;
        height: 2000px;
        margin-top: 0px;
        margin-bottom: 30px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        border: 1px;
    }
    iframe.comps_iframe {
        background-color: #eeeee9;
        width: 940px;
        height: 2400px;
        margin-top: 0px;
        margin-bottom: 30px;
        border: 1px;
    }
    .overlayShadowVisible {
        position: fixed;
        top: 10%;
        left: 20%;
        z-index: 3;
    }
    .overlayBandVisible {
        vertical-align: middle;
    }
    .overlayBoxVisible {
        margin: 0 auto 0 auto;
        /**width: 500px;**/
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        background-color: #eeeee9; 
        box-shadow: 5px 5px 20px #999999;
        padding-bottom: 5px;
    }
    .overlayShadow {
        display: none;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.50);
        opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        z-index: 3;
    }
    .overlayBand {
        display: none;
        vertical-align: middle;
    }
    .overlayBox {
        display: none;
        margin: 0 auto 0 auto;
        /**width: 500px;**/
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        background-color: #eeeee9; 
        box-shadow: 5px 5px 20px #999999;
        padding-bottom: 5px;
    }
    #pay_div_iframe_wrapper, #share_div_iframe_wrapper, #sponsor_div_iframe_wrapper, #properties_div_iframe_wrapper {
        position: fixed;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #aaa;
        z-index: 100;
        background-color: #eeeee9;
        box-shadow: 5px 5px 20px #999999;
        padding-bottom: 5px;
        top: 10%;
        left: 10%;
    }
    #scenario_div_cover, #cover, #pay_div_iframe_cover, #sponsor_div_iframe_cover, #properties_div_iframe_cover {
        z-index: 50;
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 1000px;
        width: 100%;
        background: #000;
        opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
    }
    #scenario_div {
        position: fixed;
        border-radius: 8px 8px 8px 8px;
        z-index: 100;
        background-color: #eeeee9; 
        padding-bottom: 5px;
        top: 15%;
    }
    #address_div_cover {
        z-index: 50;
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 1000px;
        width: 100%;
        background: #000;
        opacity: 0.6;
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
    }
    #address_div {
        position: fixed;
        top: -40px;
        left: auto;
        border-radius: 8px 8px 8px 8px;
        z-index: 100;
        padding-bottom: 5px;
    }
    #upload_div_iframe_wrapper {
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        z-index: 9999;
        background-color: #eeeee9; 
        box-shadow: 5px 5px 20px #999999;
        position: fixed;
        top: 20%;
        height: auto;
        width: auto;
        left: 20%;
        padding: 5px;
    }
    #csv_upload_div_iframe_wrapper {
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        z-index: 9999;
        background-color: #eeeee9;
        box-shadow: 5px 5px 20px #999999;
        position: fixed;
        top: 10%;
        height: 80%;
        width: 80%;
        left: 10%;
        padding: 5px;
    }
    div.asset_popup_div {
        position: fixed;
        top: 35%;
        left: 30%;
        overflow-y: auto;
        overflow-x: auto;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        z-index: 100;
        background-color: #eeeee9;
        box-shadow: 5px 5px 20px #999999;
        padding: 5px;
    }
    #screen_shot_canvas {
        overflow-y: scroll;
    }
    div.bug_report_fade {
        z-index: 50;
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 1000px;
        width: 100%;
        background: #000;
        opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
    }
    div.bug_report {
        text-align: center;
        position: fixed;
        top: 5%;
        left: 5%;
        font-size: 95%;
        font-family: sans-serif;
        border: 1px solid #000000;
        z-index: 100;
        background-color: #eeeee9;
        padding: 5px;
        height: 90%;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    div.notes_popup_div {
        position: fixed;
        top: 40%;
        left: 20%;
        font-size: 85%;
        overflow-y: auto;
        overflow-x: auto;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        z-index: 100;
        background-color: #eeeee9; 
        box-shadow: 5px 5px 20px #999999;
        padding: 5px;
    }
    div.tap_contingency_div {
        position: absolute;
        left: 200px;
        overflow-y: auto;
        overflow-x: auto;
        /**height: 840px;**/
        width: 50%;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        z-index: 100;
        background-color: #eeeee9; 
        box-shadow: 5px 5px 20px #999999;
        padding: 5px;
        top: 30%;
    }
    ul.image_list {
        list-style-type: none;
        margin-left: -40px;
    }
    ul.document_list {
        list-style-type: none;
        text-align: left;
    }
    #login, #dialog {
        position: fixed;
        top: 10%;
        left: 30%;
        border-radius: 8px 8px 8px 8px;
        /**border: 1px solid #AAAAAA;**/
        z-index: 999;
        background-color: #eeeee9; 
        padding-bottom: 5px;
    }
    div.admin_popup {
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #AAAAAA;
        padding: 10px;
        background-color: #eeeee9; 
        box-shadow: 5px 5px 20px #999999;
    }
    div.address_popup {
        font-size: 100%;
    }
    div.hide_div {
        display: none !important;
        /** visibility: hidden; **/
    }
    div.show_div {
        display: block !important;
        /** visibility: visible; **/
    }
    #fade, #popup_fade {
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: #000; /*#FFA333; #DDDDDD; #ababab*/
        z-index: 1001;
        opacity: 0.2;
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
    }
    #modal, #popup_modal {
        position: fixed;
        top: 40%;
        left: 40%;
        width: 228px;
        height: 159px;
        border-radius: 70px;
        z-index: 1002;
        text-align: center;
        overflow: auto;
    }
    /** for the SAMPLE words over images **/
    h2 {
        position: absolute;
        top: -10px;
        left: 0px;
        /**width: 100%;**/
    }
    p.cashflow_sample {
        margin-bottom: -170px;
        margin-top: 6px;
    }
    p.sample {
        z-index: 1;
        text-align: center;
        text-shadow: 0 0px #FFF;
        color: rgb(255, 255, 255);
        color: rgba(255, 255, 255, 0.4);
        font: bold 36px/72px Helvetica, Sans-Serif;
        letter-spacing: -1px;
        background: rgb(0, 0, 0); /* fallback color */
        background: rgba(30, 30, 30, 0.1);
        border-radius: 100px;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 70px;
        padding-right: 70px;
        -ms-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        -sand-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    div.sample {
        position: relative;
        /** width: 100%; /* for IE 6 */
    }
    button.buy_button {
        font-size: 100%;
        padding: 2px 12px;
    }
    button.upgrade {
        color: #115f93;
        font-weight: bold;
        font-size: 30px;
        border-radius: 28px;
        -moz-border-radius: 28px;
        -webkit-border-radius: 28px;
        padding: 12px;
        margin: 3px;
    }
    button.save_button {
        font-size: 1.1em;
        padding: 5px;
    }
    button.comparables-button {
        padding: 10px;
    }
    tr.discount_hover:hover {
        background-color: lightgreen;
    }
    img.cbg_logo {
        margin-top: -38px;
        margin-bottom: -6px;
        height: 60px;
        width: 60px;
        padding-right: 1px;
    }
    span.discount_span {
        color: green;
        font-weight: bold;
    }
    span.right_user_span {
        text-transform: none !important;
        letter-spacing: 0px !important;
        font-weight: normal !important;
        color: #1576b7 !important;
    }

    .tab_row {
        position: relative;
        text-align: left;
        list-style: none;
        margin: 9px 0px 0px 0px;
        padding: 0px 10px 0px 10px;
        line-height: 29px;
        /*overflow: hidden;*/
        top: 0px;
        /**border-bottom: 1px solid #aaa;**/
    }
    .tab_row_firefox {
        line-height: 28.5px !important;
    }
    .tab_row:after {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #AAA;
        z-index: 1;
    }
    .tab_row li {
        position: relative;
        display: inline-block;
        margin-top: 0px;
        margin-bottom 0px;
        margin-right: 4px;
        margin-left: 0px;
        padding: 0px 10px;
        border: 1px solid #AAA;
        border-width: 1px 0px 1px 0px;
        background-color: #ECECEC;
        background-image: linear-gradient(to bottom, #d1eafa 50%, #5fb4ec 100%);
        /**text-shadow: 0 1px #FFF;**/
        font-weight: 500;
        border-bottom: 1px solid #eeeee9 !important
    }
    span.font_16_filler {
        font-size: 16px;
    }
    /** space out the properties tab from the rest **/
    .tab_row li.primary {
        margin-top: 0px;
        margin-right: 25px;
        margin-left: 3px;
        margin-bottom: 0px;
    }
    .tab_row li.tertiary {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 20px;
        margin-bottom: 0px;
    }
    .tab_row li.nav_selected {
        color: #1576b7;
        z-index: 4;
        background-image: linear-gradient(to bottom, #ECECE7 50%, #D1D1CB 100%);
        background: #eeeee9;
    }
    .tab_row li.nav_deselected:after {
        z-index: 4;
    }
    .tab_row a {
        color: #000;
        text-decoration: none;
    }
    .tab_row a:hover {
        color: #115f93 !important;
    }
    .tab_row li:before {
        position: absolute;
        bottom: -1px;
        width: 15px;
        height: 30px;
        content: " ";
        border: 1px solid #AAA;
        background-image: linear-gradient(to bottom, #d1eafa 50%, #5fb4ec 100%);
        z-index: 2;
    }
    .tab_row li:after {
        position: absolute;
        bottom: -1px;
        width: 15px;
        height: 30px;
        content: " ";
        border: 1px solid #AAA;
        background-image: linear-gradient(to bottom, #d1eafa 50%, #5fb4ec 100%);
        z-index: 3;
    }
    .tab_row li:before {
        left: -7px;
        border-right: none;
        border-top-left-radius: 6px;
    }
    .tab_row li:after {
        right: -10px;
        border-left: none;
        border-top-right-radius: 6px;
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -o-transform: skew(20deg);
        transform: skew(20deg);
    }

    .tab_row li.nav_selected:before {
        border-bottom-color: #eeeee9;
        color: #1576b7;
        background: #eeeee9;
        z-index: 3;
    }

    .tab_row li.nav_selected:after {
        border-bottom-color: #eeeee9;
        color: #1576b7;
        background: #eeeee9;
    }

    .tab_row li a:before {
        left: -19px;
        border-bottom-right-radius: 6px;
        border-width: 0 1px 1px 0;
        /**box-shadow: 2px 2px 0 #D1D1D1;**/
        -webkit-transform: skew(-20deg);
        -moz-transform: skew(-20deg);
        -o-transform: skew(-20deg);
        transform: skew(-20deg);
    }

    .tab_row li.nav_selected a:before {
        box-shadow: 2px 2px 0 #D1D1CB;
    }

    .tab_row li.nav_selected a:after {
        box-shadow: -2px 2px 0 #D1D1CB;
    }

    #loadImg {
        position: absolute;
        z-index: 999;
    }

    #loadImg div {
        display: table-cell;
        width: 700px;
        height: 1200px;
        background: #fff;
        text-align: center;
        vertical-align: middle;
    }

    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a,
    #cssmenu #menu-button {
        margin: 0px;
        padding: 1px;
        border: 0px;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #cssmenu ul li span {
        margin-top: 4px !important;
    }

    #cssmenu:after,
    #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    #cssmenu #menu-button {
        display: none;
    }

    #cssmenu {
        width: auto;
        border-bottom: 1px solid #1576b7;
        font-family: Verdana, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        letter-spacing: 1px;
        text-shadow: 0 1px #FFF;
        line-height: 1;
        background: #f7f7f7;
        background-image: linear-gradient(to bottom, #ECECEC 50%, #D1D1D1 100%);
    }

    #cssmenu > ul > li {
        float: left;
    }

    #cssmenu.align-center > ul {
        font-size: 0;
        text-align: center;
    }

    #cssmenu.align-center > ul > li {
        display: inline-block;
        float: none;
    }

    #cssmenu.align-right > ul > li {
        float: right;
    }

    #cssmenu > ul > li > span {
        float: right;
    }

    /**#cssmenu > ul > li > span, new for login **/
    #cssmenu > ul > li > a {
        padding: 10px 17px;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #333333;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }

    #cssmenu > ul > li > a:hover,
    #cssmenu > ul > li:hover > a,
    #cssmenu > ul > li.active > a {
        color: #1576b7;
    }

    #cssmenu #menu-indicator {
        position: absolute;
        bottom: 0;
        display: block;
        height: 0;
        width: 0;
        border: 5px solid transparent;
        border-bottom-color: #1576b7;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    #cssmenu.small-screen {
        width: 100%;
    }

    #cssmenu.small-screen > ul,
    #cssmenu.small-screen.align-center > ul {
        width: 100%;
        text-align: left;
    }

    #cssmenu.small-screen > ul > li,
    #cssmenu.small-screen.align-center > ul > li {
        float: none;
        display: block;
        border-top: 1px solid rgba(100, 100, 100, 0.1);
    }

    #cssmenu.small-screen > ul > li > a {
        padding: 18px 25px;
    }

    #cssmenu.small-screen > ul > li:after,
    #cssmenu.small-screen > ul > li:before {
        display: none;
    }

    #cssmenu.small-screen #menu-button {
        display: block;
        padding: 18px 25px;
        cursor: pointer;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        color: #1576b7;
        background: url('../../images/bg.png');
    }

    #cssmenu.small-screen #menu-button.menu-opened {
        color: #333333;
    }

    #cssmenu.small-screen #menu-button:after {
        content: "";
        position: absolute;
        right: 25px;
        top: 19.5px;
        display: block;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border-top: 2px solid #1576b7;
        border-bottom: 2px solid #1576b7;
        width: 18px;
        height: 3px;
    }

    #cssmenu.small-screen #menu-button.menu-opened:after {
        border-top: 2px solid #444444;
        border-bottom: 2px solid #444444;
    }

    #cssmenu.small-screen #menu-button:before {
        content: "";
        position: absolute;
        right: 25px;
        top: 29.5px;
        display: block;
        width: 18px;
        height: 2px;
        background: #1576b7;
    }

    #cssmenu.small-screen #menu-button.menu-opened:before {
        background: #444444;
    }

    #cssmenu.small-screen #menu-indicator {
        display: none;
    }

    /*DIY checkbox to look like button*/
    div.ck_button label input {
        margin-right: 100px;
    }

    #ck-button {
        cursor: pointer;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        background-image: linear-gradient(to bottom, #CCCCCC 50%, #EEEEEE 100%);
        border: 1px solid #999999;
        padding: 2px;
        margin: 3px;
        overflow: auto;
        float: left;
    }

    #ck-button input:hover + span {
        background-image: linear-gradient(to top, #EEEEEE 50%, #CCCCCC 100%);
    }

    #ck-button input {
        display: none;
    }

    /** Not sure if this updateable is used anywhere **/
    .updateable {
        -webkit-animation: color-change 0.5s;
        -moz-animation: color-change 0.5s;
        -o-animation: color-change 0.5s;
        -ms-animation: color-change 0.5s;
        animation: color-change 0.5s;
    }

    @-webkit-keyframes color-change {
        0% {
            color: black;
        }
        50% {
            color: red;
        }
        100% {
            color: black;
        }
    }
    @-moz-keyframes color-change {
        0% {
            color: black;
        }
        50% {
            color: red;
        }
        100% {
            color: black;
        }
    }
    @-ms-keyframes color-change {
        0% {
            color: black;
        }
        50% {
            color: red;
        }
        100% {
            color: black;
        }
    }
    @-o-keyframes color-change {
        0% {
            color: black;
        }
        50% {
            color: red;
        }
        100% {
            color: black;
        }
    }
    @keyframes color-change {
        0% {
            color: black;
        }
        50% {
            color: red;
        }
        100% {
            color: black;
        }
    }

    /* CSS for property setup
       http://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar */
    /*form styles*/
    #msform {
        width: 850px;
        margin: 50px auto;
        text-align: center;
        position: relative;
    }
    #msform ol {
        background: white;
        border: 0 none;
        border-radius: 5px;
        padding: 20px 30px;
        box-sizing: border-box;
        width: 100%;
        margin: 0px 14%;
        /*stacking fieldsets above each other*/
        position: absolute;
    }
    /*Hide all except first fieldset*/
    #msform ol:not(:first-of-type) {
        display: none;
    }
    /*inputs*/
    #msform input, #msform textarea {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        text-align: left !important;
    }
    /*buttons*/
    #msform .action-button {
        width: 100px;
        padding: 10px 5px;
        margin: 10px 5px;
        font-size: 100%;
    }
    /*headings*/
    .fs-title {
        font-variant: small-caps;
        padding-bottom: 20px;
        display: inline-block;
    }
    .fs-subtitle {
        font-weight: normal;
        color: #666;
        margin-bottom: 20px;
    }
    /*progressbar*/
    #progressbar {
        /**margin-bottom: 30px;**/
        overflow: hidden;
        /*CSS counters to number the steps*/
        counter-reset: step;
        /** VALUATION 2 new properties below**/
        margin-left: 8%;
        width: 100%;

    }
    #progressbar li {
        list-style-type: none;
        color: white;
        font-variant: small-caps;
        width: 25%; /** VALUATION was 33.33% **/
        float: left;
        position: relative;
        text-shadow: none;
        font-weight: 400;
    }
    #progressbar li:before {
        content: counter(step);
        counter-increment: step;
        width: 20px;
        line-height: 20px;
        display: block;
        font-size: 14px;
        color: #333;
        background: white;
        border-radius: 3px;
        margin: 0 auto 5px auto;
    }
    /*progressbar connectors*/
    #progressbar li:after {
        content: '';
        width: 100%;
        height: 2px;
        background: white;
        position: absolute;
        left: -50%;
        top: 9px;
        z-index: -1; /*put it behind the numbers*/
    }
    #progressbar li:first-child:after {
        /*connector not needed before the first step*/
        content: none;
    }
    /*marking active/completed steps green*/
    /*The number of the step and the connector before it = green*/
    #progressbar li.active:before,  #progressbar li.active:after{
        background: #1576b7;
        color: white;
    }

    /** New styles to support Realtor headshot on report **/
    body.report_padding {
        padding-top: 50px;
    }
    img.head_shot {
        border-radius: 50%;
        z-index: 99;
        position: relative;
        border: 1px solid rgb(0, 0, 0);
        margin-bottom: -50px;
        margin-top: -50px;
        margin-left: 20px;
        margin-right: 20px;
    }
    img.head_shot_admin {
        border-radius: 50%;
        border: 1px solid rgb(0, 0, 0);
    }
    td.headshot_row {
        font-size: 120%;
        color: #FFF;
        margin-top: -5px;
        padding-top: 5px;
        background: #000 none repeat scroll 0% 0%;
        font-variant: small-caps;
        text-align:center;
        padding-left: 35px;
    }
    tr.map_row {
        margin:0px; padding:0px; background-color: #000;
    }
    td.map_header {
        margin:0px; padding:0px; border-top: 1px solid #000000;
    }
    tr.report_title {
        margin:0px;
        padding:0px;
        font-size: 120%;
        color: #FFF;
        padding: 1px;
        background: #000 none repeat scroll 0% 0%;
        font-variant: small-caps;
    }

    span[title] {
        border-bottom: 1px dashed #999;
        cursor: help;
    }

    .wrench-help-text {
        color: #000000 !important;
    }

    .wrench-help-text:hover:after {
        width: 50px !important;
    }

    .help-text {
        display: inline;
        position: relative;
        color: #999999;
    }

    .help-text:hover {
        color: #333333;
    }

    .help-text:hover:after{
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 22px;
        color: #fff;
        content: attr(help-data);
        left: -10px;
        padding: 5px 15px;
        position: absolute;
        z-index: 98;
        width: 220px;
        font-family:sans-serif;
        font-style:normal;
        font-weight: 800;
    }

    .help-text:hover:before{
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 16px;
        content: "";
        position: absolute;
        z-index: 99;
    }

    .help-text:active {
        color: #333333;
    }

    .help-text:active:after{
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 22px;
        color: #fff;
        content: attr(help-data);
        left: -10px;
        padding: 5px 15px;
        position: absolute;
        z-index: 98;
        width: 220px;
        font-family:sans-serif;
        font-style:normal;
        font-weight: 800;
    }

    .help-text:active:before{
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 16px;
        content: "";
        position: absolute;
        z-index: 99;
    }
}