body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family:Arial, Tahoma, 'Times New Roman';
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin: 20px 2% !important;
    width:96% !important;
    /*border: solid 1px green;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-inverse {
    background-color: RGB(1,96,151) !important;
    /*border: none !important;*/
    /*border-color: #080808;*/
}

.navbar-nav > li > a {
    /*color: #ffffff !important;*/
}

.navbar-brand {
    color: #ffffff !important;
}

footer {
    display: block;
}

footer {
    clear: both;
    background-color: RGB(224,127,40);
    font-size: .8em;
    height: 35px;
    color: #ffffff;
    position: fixed; /*added by larrys*/
    bottom: 0px; /*added by larrys*/
    width: 100%; /*added by larrys*/
}

.footer-text {
    width: 100%;
    text-align: center;
    font-size: 9pt;
}

    .footer-text p {
        margin: 8px !important;
    }

    .footer-text .version {
        font-size: 6pt !important;
    }

.w-45 {
    width: 50px !important;
}
.w-50 {
    width: 50px !important;
}

.w-75 {
    width: 75px !important;
}

.w-100 {
    width: 100px !important;
}
.w-125 {
    width: 125px !important;
}
    .w-200{
        width: 200px !important;
    }

.w-245-g {
    width: 245px;
    color: green !important;
}

.w-250{
    width:250px !important;
}

.w-280 {
    width: 280px !important;
    max-width: 280px !important;
}

.w-200 {
    width: 200px !important;
    max-width: 200px !important;
}

.w-400 {
    width: 400px !important;
    max-width: 400px !important;
}

.w-450 {
    width: 450px !important;
    max-width: 450px !important;
}

.w-600 {
    width: 600px !important;
    max-width: 600px !important;
}

.w-670 {
    width: 670px !important;
    max-width: 670px !important;
}

.w-100pct{
    width: 100%;
}

.w-500 {
    width: 500px !important;
    max-width: 500px !important;
}

.h-20{
    height: 20px !important;
}

.h-75 {
    height: 75px !important;
}

.h-100 {
    height: 100px !important;
}

.h-150 {
    height: 150px !important;
}

.h-300 {
    height: 300px !important;
}

.h-400 {
    height: 400px !important;
}


.email-editor {
    width: 400px !important;
    max-width: 400px !important;
    height: 400px !important;
    margin: 5px !important;
}

table.k-editor {
    height: 800px !important;
 }

/*h-400 w-400*/
.control-label {
    width: 150px !important;
    /*text-align:right;*/
}

.control-label-2 {
    width: 200px !important;
    text-align: right;
}

.groupbox {
    border: solid 1px rgb(220,220,220);
    margin-top: 100px;
    padding: 30px 50px !important;
    border-radius: 15px;
    min-width:380px;
}

.spacer-5{
    width: 5px;
}

.spacer-100 {
    height: 100px;
}

.lnk-highlight-2 {
    color: rgb(224,127,40) !important;
}

.lnk-2 {
    color: rgb(255,255,255) !important;
}


/*Bread crumbs*/
.crumbs {
    display: block;
    padding-left: 0px;
    text-decoration: none;
    margin-top: 0px;
}

    .crumbs li {
        display: inline;
    }

        .crumbs li.first {
            padding-left: 8px;
        }

        .crumbs li a,
        .crumbs li a:link,
        .crumbs li a:visited {
            color: #666;
            display: block;
            float: left;
            font-size: 12px;
            margin-left: -16px;
            padding: 7px 17px 11px 25px;
            position: relative;
            text-decoration: none;
            border: 0;
        }

        .crumbs li a {
            background-image: url('/Images/bg-crumbs.png');
            background-repeat: no-repeat;
            background-position: 100% 0;
            position: relative;
            text-decoration: none;
            height: 15px;
            outline: none !important;
        }

            .crumbs li a:hover {
                color: #333;
                background-position: 100% -48px;
                cursor: pointer;
                text-decoration: none;
                background-color: rgba(244,244,244,.01) !important;
            }

            .crumbs li a:active {
                color: #333;
                background-position: 100% -96px;
                text-decoration: none;
            }

        .crumbs li.first a span {
            height: 29px;
            width: 3px;
            border-left: 1px solid #d9d9d9;
            position: absolute;
            top: 0px;
            left: 0px;
            text-decoration: none;
        }


.stdgrid {
    min-width: 700px;
    min-height: 500px;
    padding-bottom: 15px !important;
}

.grid-button-toolbar {
    float: right;
    padding: 7px;
    margin: 0px;
}

.grid-button-toolbar-left {
    float: left;
    padding: 0px;
    margin: 6px 0px 0px 0px;
    font-size: 9pt;
}

    .grid-button-toolbar-left input[type="checkbox"] {
        margin: 0px 4px 0px 5px;
    }

.editFieldset-row-nm {
    width: 100%;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.editFieldset-row {
    width: 100%;
    margin-bottom: 5px; /*10px;*/
    /*border: solid 1px red;*/
}

.editFieldset-row-numerictextbox {
    margin-top: 10px !important;
    /*border: solid 1px blue;*/
}

.editFieldset-row-numerictextbox-smallspace {
    margin-top: 5px !important;
}

.editFieldset-label-static {
    padding-top: 9px;
    font-size: 14px;
}

.editFieldset-datepicker {
    padding-top: 6px;
}

.editFieldset-label {
    width: 30%;
    text-align: right;
    padding-right: 10px;
    padding-top: 8px;
    float: left;
    vertical-align: middle;
    font-size: 14px;
}

.editFieldset-label-5 {
    font-size: 14px;
    width: 5%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
}

.editFieldset-label-7 {
    font-size: 14px;
    width: 7%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
}

.editFieldset-grid-label-10 {
    width: 10%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    font-size: 8pt !important;
}

.editFieldset-grid-label-20 {
    width: 20%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    font-size: 8pt !important;
}

.editFieldset-label-10 {
    font-size: 14px;
    width: 10%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-15 {
    font-size: 14px;
    width: 15%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-20 {
    font-size: 14px;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-21 {
    font-size: 14px;
    width: 21%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-25 {
    font-size: 14px;
    width: 25%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-30 {
    font-size: 14px;
    width: 30%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-35 {
    font-size: 14px;
    width: 35%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-40 {
    font-size: 14px;
    width: 40%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-45 {
    font-size: 14px;
    width: 45%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-50 {
    font-size: 14px;
    width: 50%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-55 {
    font-size: 14px;
    width: 55%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-label-65 {
    font-size: 14px;
    width: 65%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
    padding-top: 8px;
}

.editFieldset-numerictextbox {
    margin-top: 7px;
}

.editFieldset-checkbox {
    padding-top: 8px;
}

.editFieldset-combobox {
    padding-top: 5px;
}

.editFieldset-label-for-static {
    font-size: 14px;
    /*width:200px;*/
    width: 30%;
    text-align: right;
    padding-right: 10px;
    float: left;
    vertical-align: middle;
}

    .editFieldset-label-for-static label {
        font-size: 14px;
        margin-top: 1px;
    }

label {
    font-weight: normal !important;
}

fieldset {
    border: 1px solid rgb(204,204,204);
    margin: 0px 10px 10px 10px;
}

    fieldset legend {
        color: rgb(204,204,204);
    }

.field-group {
    margin: 10px;
    border: 1px solid rgb(204,204,204);
}

    .field-group .header{
        background-color: rgb(180,180,180);
        color: white;
        font-size: 11pt;
        /*width:100%;*/
        padding: 5px;
        margin-bottom: 10px;
    }

    .field-group input[type="checkbox"] {
        margin-right: 8px;
    }

    .c1 {
        width: 50%;
        float: left;
    }

.c2 {
    width: 50%;
    float: right;
}

.page-divider {
    width: 100%;
    background-color: rgb(255,255,255) !important;
}

    .page-divider tr {
        background-color: rgb(255,255,255) !important;
    }

.page-divider td{
    border: none !important;
    background-color: rgb(255,255,255) !important;
    vertical-align: top;
}

/*
<table class="" style="width:700px; margin-left:8px;" >*/
.property-settings-divider {
    width: 700px;
    background-color: rgb(255,255,255) !important;
    margin-left: 8px;
}

    .property-settings-divider tr {
        background-color: rgb(255,255,255) !important;
    }

    .property-settings-divider td {
        border: none !important;
        background-color: rgb(255,255,255) !important;
        vertical-align: top;
        padding-bottom: 9px;
    }




.screen-access-divider {
    width: 85%;
    background-color: rgb(255,255,255) !important;
    padding: 0px 15% 15px 15%;
    margin-left: 30px;
}

    .screen-access-divider tr {
        background-color: rgb(255,255,255) !important;
    }

        .screen-access-divider tr td {
            /*white-space: nowrap;*/
            width: 25%;
            border: none !important;
        }

    .screen-access-divider div {
        padding-right: 7px;
    }
    .screen-access-divider span {
        font-size: 14px;
    }

#email-disclaimer{
    color: red;
    float: right;
    margin-right:15px;
}



#company-address {
    width: 400px;
    /*margin-left: -200px !important;*/
}

#company-address td{
    padding: 0px;
    vertical-align:top;
}

.edit-container {
    margin: 0px 10px 0px 10px;
}


#tour-hours {
    margin-left: 100px;
    margin-bottom: 10px;
}

#tour-hours tr td {
    padding: 0px 10px;
}

#tour-hours tr td:nth-child(1) {
    text-align:right;
}

#tour-url-container {
    width: 470px;
}

    #tour-url-container img {
        width: 20px;
        float: left;
        opacity: .4;
        cursor: pointer;
        padding-left:7px;
    }

.k-window div.k-window-content {
    overflow: hidden !important;
}

.placeholder-btn {
    float: right;
    margin: 0px 5px 5px 0px !important;
}

.placeholder-grid {
    width: 100%;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
}

.placeholder-grid td{
    width: 100%;
    border-bottom: solid 1px silver;
    border-right: solid 1px silver;
    width:33%;
    padding: 3px;
    font-size: 8pt;
}

    .placeholder-grid td img{
        width: 20px;
        opacity: .5;
        cursor: pointer;
    }

    .placeholder-grid .h {
        font-weight: bold !important;
        background-color: rgb(200,200,200) !important;
        padding: 5px;
    }

.asset-bundle-tbl {
    margin: 10px;
}

.asset-bundle-tbl td{
    padding:5px 2px;
    vertical-align:top;
}

    .asset-bundle-tbl tr td:nth-child(1) {
        text-align: right;
        padding-top: 12px !important;
    }
    .asset-bundle-tbl tr td:nth-child(2) {
        padding-right: 5px;
    }

.important-disclaimer {
    font-style: italic;
    padding: 10px 0px 10px 150px;
    margin-bottom: 10px;
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
    color: red
}


.important-disclaimer-2 {
    font-style: italic;
    padding: 10px 0px 10px 20px;
    margin-bottom: 10px;
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
    color: red
}

.important-disclaimer-3{
    font-weight: bold;
    color: red;
}

#rotator-image-table {
    padding-left: 100px
}

#rotator-image-table td{
    padding-right: 10px
}

#property-create-disclaimer{
    margin: 40px 20px 20px 120px;
    font-style: italic;
    color: red;
}

#units-container{
    height: 400px;
    overflow: scroll;
}

    #units-container table {
        width: 100%;
        border: solid 1px rgb(204,204,204);
    }

    #units-container .header {
        font-weight: bold;
        background-color: rgb(204,204,204);
        margin: 0px !important;
        padding: 4px 0px 4px 15px !important;
        /*border: solid 1px red;*/
    }

    #units-container tr td {
        margin: 0px !important;
        padding: 4px 0px 4px 15px !important;
        height: 30px;
        /*border: solid 1px green;*/
    }

        #units-container tr td a {
            color: #428bca;
            text-decoration: none;
        }



#areas-container {
    height: 400px;
    overflow: scroll;
}

    #areas-container table {
        width: 100%;
        border: solid 1px rgb(204,204,204);
    }

    #areas-container .header {
        font-weight: bold;
        background-color: rgb(204,204,204);
        margin: 0px !important;
        padding: 4px 0px 4px 15px !important;
        /*border: solid 1px red;*/
    }

    #areas-container tr td {
        margin: 0px !important;
        padding: 4px 0px 4px 15px !important;
        height: 30px;
        /*border: solid 1px green;*/
    }

        #areas-container tr td a {
            color: #428bca;
            text-decoration: none;
        }


#selector-list {
    margin: 20px;
}

#area-unit-positions {
    width: 100%;
    /*max-width: 700px;*/
    margin: -50px 30px 0px 0px !important;
}


#unit-detail-container {
    width: 100%;
}

.full-button {
    float: left;
    width: 100%;
    color: green !important;
}

.unit-area-button-bar input[type="button"] {
    float: right;
    width: 100px !important;
    margin-right:5px;
}

.unit-area-button-bar {
    margin-top: 10px;
    margin-right: 5px;
}

.map-disclaimer {
    font-style: italic;
    padding: 5px 30px;
    text-align:center;
    color: green;
}

.unitarea-property-map {
    width: 470px;
    border: solid 1px gray
}

.active-marker img{
    /*width:10px;*/
}

.other-marker img {
    /*width: 10px;*/
}

.active-area-lock-marker {
    width: 20px;
    z-index: 11;
}

.active-area-info-marker {
    width: 20px;
    z-index: 11;
}

.other-area-marker {
    width: 20px;
    z-index: 11;
}

.unit-marker {
    z-index: 11;
    position: absolute;
    border: solid 1px rgb(220,220,220);
}

    .unit-marker td {
        white-space: nowrap;
        background-color: rgb(255,255,255);
        opacity: .7;
        vertical-align: top;
        padding: 0% 5% !important;
        /*font-size: 12px;*/
    }

.unit-marker-label {
    z-index: 11;
    position: absolute;
    background-color: rgb(255,255,255);
    opacity: .8;
}

div.click-to-top {
    z-index:20;
}

/*div.click-to-top span {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #333;
    color: #fff;
}

div.click-to-top:hover span {
    display: block;
    border: solid 1px blue !important;
}*/

.info-btn{
    width:30px;
    opacity: .6;
    cursor:pointer;
    z-index:1000 !important;
}

    .info-btn:after {
        content: attr(data-tooltip);
        position: absolute;
        top: 0;
        left: 14px;
        width: 100px;
        background-color: #000;
        color: #FFF;
        padding: 5px;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease-in-out;
        will-change: opacity;
    }

    .info-btn:hover:after {
        opacity: 1;
        pointer-events: auto;
        border: solid 1px blue !important;
    }

.unit-area-tbl .c {
    color: green;
}
.unit-area-tbl .i {
    color: gray;
}
.unit-area-tbl .ns {
    color: gray;
}

.center-container {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    /*max-width: 800px;*/
}

#initial-notes{
    margin: 70px 20px 0px 20px;
}

#main-bg {
    width: 100%;
    height: 1020px;
    margin-top: -25px; 
    opacity: .7;
    background: url(../images/HomeBackground.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

fieldset {
    border: 1px solid rgb(204,204,204);
    margin: 0px 10px 10px 10px;
}

    fieldset legend {
        color: rgb(204,204,204);
    }


.report-filter-container {
    margin-left: 15px;
    /*border: solid 1px green;*/
}

    .report-filter-container .filter {
        float: left;
        width: 400px;
        min-height: 25px;
        /*border: solid 1px red;*/
        margin: 3px;
    }

        .report-filter-container .filter div {
            float: left;
        }

        .report-filter-container .filter .label-1 {
            min-width: 90px;
            margin-top: 7px;
        }

        .report-filter-container .filter .label-2 {
            margin-right: 10px;
        }

    .report-filter-container .k-grid td {
        padding: 0px 3px 0 8px !important;
    }

    .report-filter-container .multi-container {
        height: 120px;
        width: 100%;
        overflow: auto;
        display: none;
    }

    .report-filter-container .label-cb {
        margin-right: 5px;
    }

    .report-filter-container .report-button-bar {
        float: right;
        margin: 15px 30px 15px 0px;
    }

    .report-filter-container fieldset {
        margin: 0px !important;
    }

.spaced-container{
    margin: 0px 10px;
}

.filter-block{
    float: left;
    min-height: 40px;
}

.filter-block td{
    padding-right:10px;
}

    .filter-block tr td:nth-child(1) {
        width: 125px;
        text-align:right;
    }

.tb-120{
    width:120px;
}

.w-250 {
    width: 250px;
}

.w-400{
    width: 400px;
}

.other-email {
    height: 17px !important;
    width: 195px !important;
    margin: 2px 0px 0px 5px;
}