@charset "utf-8";

.left {
    float: left !important;
}

/*
 * Dashboard formatting
 */
    #pagenav {
        overflow: hidden;
        margin: 10px 0 0 0;
    }

        #pagenav, #pagenav ul {
            list-style: none; 
            padding-left: 0px;
            height: 50px;
            background: url('/asset/images/bg_blue_50.png') left top repeat-x;
            border-radius: 5px;
        }
        #pagenav ul { margin: 0; }

        #pagenav li {
            float: left;
            font-size: 20px;
            height: 50px;
            line-height: 50px;
            
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
        }

        /*#pagenav li:last-child a {
            padding-right: 0;
        }*/

        #pagenav a:link, #pagenav a:visited {
            color: #fff;
            text-decoration:none;
            text-transform: lowercase;
            border-bottom: 0px;
            padding: 0 15px;
            display: block;
        }
        #pagenav li.active, #pagenav li:hover {
            background: #005190;
        }
        #pagenav li.active a, #pagenav li:hover a {
            color: #fff;
        }
        #pagenav li a {
            position: relative;
        }
        #pagenav li a:after {
            content:"";
            display: block;
            height: 20px;
            width: 1px;
            border-right: 1px solid #17A3FF;
            position: absolute;
            right: -1px;
            top: 16px;
            
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
        }
        #pagenav li:last-child a:after, #pagenav li.active a:after, #pagenav li:hover a:after, #pagenav li.beforehover a:after {
            border-right: 1px solid transparent;
        }
        
        
        /* Order Form */
        /*form .order-form-top dt, form .order-form-top dd*/
        form .order-form-top {
            background-color: #E9E9E9;
            padding: 0 10px 10px 10px;
            border-radius: 5px;
        }
        form .order-form-top dt, form .order-form-top dd .description { display: none; }
        form .order-form-top h2 {
            color: #000;
            font-size: 20px;
            text-transform: lowercase;
        }
        form .order-form-top dd {
            display: inline-block;
            margin-left: 10px;
        }
        
        form .order-form-top input, form .order-form-top select, .order-total input#promotionCode {
            background: #fff;
            border-radius: 3px;
            color: #666666;
            font-size: 11px;
            border: 1px solid #fff;
            
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0);
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0);
            box-shadow: inset 0 1px 2px rgba(0,0,0,0);
            
            
        }
        form .order-form-top input {
            width: 158px;
            height: 20px;
            padding: 5px;
        }
        .order-form-top #streetNumber-element, .order-form-top #agentID-element { margin-left: 0; }
        .order-form-top input#streetNumber, .order-form-top input#unit { width: 60px; }
        .order-form-top input#floorArea { width: 148px; }
        .order-form-top select#day, .order-form-top select#month, .order-form-top select#year, .order-form-top select#hour, .order-form-top select#minute, .order-form-top select#period {
            width: 60px;
        }
        .order-form-top select#agentID { width: 140px; }
        form .order-form-top select {
            width: 170px;
            height: 30px;
            padding: 5px;
            cursor: pointer;
        }
        .visit_label { 
            display: inline-block; 
            font-size: 11px;
            max-width: 120px;
            margin-left: 20px;
            line-height: 12px;
            position: relative;
            top: 7px;
        }
        
        #order-category-photography { float: left; width: 450px; }
        #order-category-floorplans { float: right; width: 450px; }
        
        .order-categories h3 { text-transform: lowercase; font-size: 20px; font-weight: normal; margin-bottom: 10px;}
        .order-category { 
            padding-top: 10px; 
            position: relative;
            padding-bottom: 15px;
            border-bottom: 1px solid #E9E9E9;
        }
        
            .order-contractor dt { display: none; }
            .order-contractor dd { 
                position: absolute; 
                top: 20px;
                right: 10px;
            }
            .order-contractor dd select { width: 210px; }

        .order-plans { padding-top: 10px; }
            
        .order-plan-add {
            background: #E9E9E9;
            border-radius: 5px;
        }
            .order-plan-add h3 {
                color: #666666;
                position: relative;
                top: 5px;
                margin: 0 0 -5px 10px;
                padding: 0;
            }
        
            .order-plan {
                background-image: url('/asset/images/plans/img-missing.png');
                background-position: 11px 21px;
                background-repeat: no-repeat;
            }
                .order-plan dt {
                    width: 340px;
                }
                .order-plan dt label {
                    color: #008BE5;
                    font-size: 13px;
                    font-weight: bold;
                    font-family: Verdana, sans-serif;
                    cursor: pointer;
                }
                .order-plan dt label span {
                    float: right;
                    width: 180px;
                    text-align: right;
                }
                .order-plan ul {
                    list-style-image: url('/asset/images/bullet.png');
                }
                .order-plan dd p.description {
                    padding-left: 25px;
                }
                .order-plan dd p.description a { color: #333; }
                .order-plan > dt {
                    position: relative;
                    top: 20px;
                    left: 100px;
                }
                .order-plan > dd {
                    margin-left: 75px;
                    min-height: 70px;
                }
                .order-plan > dd > input[type="checkbox"] {
                    position: relative;
                    top: 5px;
                    margin-left: 0;
                }
        
                .order-plan > dd ul {
                    margin: 2px 0;
                }
                
                /**this is custom plan which by default is off, on only for selected contractors**/
                #order-plan-10{
                    display: none;
                    border: 2px solid red;
                }
                #promobox{ /*this is for custom plan labeling*/
                    background-color: #FF0000;
                    color: #FFFFFF;
                    height: 20px;
                    margin-left: -2px;
                    margin-top: -20px;
                    padding: 0 10px;
                    width: 120px;
                }
        #order-category-otheroptions {
            clear: both; 
            padding-bottom: 0px;
            margin-bottom: 10px;
        }
            #order-category-otheroptions .order-contractor { display: none; }
            #order-category-otheroptions .order-plans { padding-top: 0; }
            #order-category-otheroptions .order-plan {
                width: 450px;
                float: left;
            }
            #order-category-otheroptions .order-plan.odd { clear: both; }
            #order-category-otheroptions .order-plan.even { float: right; }
                
                
        .order-total { 
            clear: both; 
            background-color: #E9E9E9;
            height: 50px;
            line-height: 50px;
            padding: 10px;
            position: relative;
            border-radius: 5px;
        }
            .order-total #comments-label,
            .order-total #comments-element {
                float: left;
            }
            .order-total textarea#comments {
                width: 358px;
                height: 35px;
                padding: 5px;
            }
            .order-total dt#submit-label {
                position: absolute;
                top: 10px;
                right: 130px;
                width: 200px;
                height: 50px;
                line-height: 50px;
            }
            .order-total dt#submit-label div {
                position: absolute;
                top: 0px;
                right: 0px;
                font-size: 1.4em;
                font-weight: bold;
                color: #0066AC;
                text-transform: lowercase;
            }
            .order-total dt#submit-label div span {
                border-right: 1px solid #0066AC;
                margin: 0px 10px 0px 7px;
            }
            .order-total dd#submit-element {
                position: absolute;
                top: 10px;
                right: 10px;
                line-height: 50px;
                margin: 0;
            }
            .order-total dd#submit-element input#submit,
            .order-total dd#statusSubmit-element input#statusSubmit {
                height: 50px;
            }
            .order-total dl,
            .order-form-top dl,
            .order-categories dl {
                margin: 0;
            }
            
            /* Error Styling */
            .order form dt, .order form dd { vertical-align: top; }
            ul.errors { 
                color: #ff0000; 
                list-style: none;
                padding-left: 0;
                margin: 5px 2px 20px 2px;
            }
            .plan-order-form ul.errors li { position: absolute; }
            
            
            
            
            
/*
 * Payment Page
 */

.payment-form {
    position: relative;
    height: 80px;
}
.payment-form dl {
    background-color: transparent !important;
    padding: 0 !important;
    width: 100% !important;
}
.payment-form dl dt {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    position: absolute;
}

.payment-form dt.pay_submit,
.payment-form dt:first-child {
    top: 0px;
    right: 0px;
}

.payment-form dt.pay_cancel,
.payment-form dt:last-child {
    top: 0px;
    left: 0px;
}


/*
 * Property View
 */
.property-images,
.property-floorplans  {
    width: 440px;
}
    .property-images .main-image,
    .property-floorplans .main-image {
        display: block;
        width: 348px;
        height: 261px;
        background-position: center center;
        background-repeat: no-repeat;
        border: 1px solid #008BE5;
        margin: 0px 3px 3px;
    }
    .property-images .thumb-image,
    .property-floorplans .thumb-image {
        display: block;
        margin: 3px;
        float: left;
        width: 80px;
        height: 60px;
        background-color: #000000;
        background-position: center center;
        background-repeat: no-repeat;
        border: 1px solid #008BE5;
    }
#property-map {
    display: none;
    width: 440px;
    height: 261px;
    float: right;
    margin-top: 15px;
}
.property-images .image,
.manage-floorplans .plan {
    float: left;
    position: relative;
}
.property-images .image input {
    position: absolute;
    top: 3px;
    left: 3px;
}

/*
 * Property Manage
 */
 .download-container {
    margin: 10px 0px;
    width: 440px;
    height: 50px;
 }
 .download-container .share{
     margin-left: 15px;
 }
 .status-submit {
    
 }
.view-images,
.manage-images {
    width: 440px;
    float: left;
}
.manage-floorplans {
    width: 440px;
    float: right;
    margin-right: 0px;
}
.manage-images dl,
.manage-floorplans dl {
    width: 318px !important;
    margin-bottom: 20px !important;
}
.manage-images dt,
.manage-floorplans dt {
    width: 110px !important;
}
.manage-images dd,
.manage-floorplans dd {
    width: 180px;
}
.manage-images dd select,
.manage-floorplans dd select {
    width: 180px;
}
.assignments tr {
    background-color: transparent !important;
}
.assignments tr select,
.assignments tr input[type=text] {
    width: 120px;
}
.assignments td.row-border {
    height: 1px;
    border-bottom: 1px dotted #CCCCCC;
    padding: 0px 10px !important;
}
.assignments dl {
    width: 123px;
    float: right;
    margin: -45px 10px 0px 0px;
}
.assignments dl dt {
    display: none;
}
.assignments #comments {
    width: 750px;
}
.manage-form {
    margin-top: 40px;
    position: relative;
}
.view-images h2,
.manage-images h2,
.manage-floorplans h2 {
    height: 35px;
}
.manage-floorplans .plan.wide {
    width: 50%;
    padding-top: 5px;
    border-top: 1px dotted #999999;
    margin-top: 5px;
    position: relative;
}
.manage-floorplans .plan.wide input {
    position: absolute;
    top: 5px;
    left: 0px;
}
.manage-floorplans .plan.wide .select-outer {
    width: 125px;
    float: left;
}
.manage-form input.delete {
    display: block;
    float: right;
    padding: 5px 10px;
    border: 1px solid #450111;
    background-color: #77021d;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px 0px;
}
.manage-floorplans .wide .thumb-image {
    margin: 0 5px 0 0;
}
.manage-floorplans .chzn-container {
    margin-bottom: 5px;
}


/*
 * Availability Calendar
 */
#availability-form {
    width: 560px !important;
    margin: 0 auto;
    text-align: right;
}
#availability-form input, #availability-form select {
    width: 140px;
}
#availability-calendar {
    width: 100%;
    border-collapse: collapse;
}
#availability-calendar th {
    border: 1px solid white;
}
#availability-calendar td {
    width: 60px;
    height: 60px;
    border: 1px solid white;
    background-color: #C8CFDA;
    color: #008BE5;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    font-size: 1.5em;
}
#availability-calendar td.blank {
    background-color: #DADEE5;
    cursor: default;
}
#availability-calendar td.blocked {
    box-shadow:inset 0 0 10px #000000;
    background-color: #B20000;
    color: white;
}

#availability-form .unavailable {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    box-shadow:inset 0 0 3px #000000;
    background-color: #B20000;
}

/*
 * Sidebar
 */

#sidebar {
    position: absolute;
    width: 200px;
    right: 20px;
    border-left: 20px solid white;
}
    #sidebar ul, #pagenav-grey ul {
        margin: 10px 0;
        padding-left: 0;
        list-style: none;
    }
    #pagenav-grey ul {
        height: 60px;
        border-bottom: 1px dotted #CCCCCC;
    }
        #sidebar ul li, #pagenav-grey ul li {
            padding: 8px 0px 8px 0px;
            
        }
        #pagenav-grey ul li {
            padding: 0px;
            margin-right: 5px;
            float: left;
        }
            #sidebar ul li.first, #pagenav-grey ul li.first {
                border-top: 0px;
                padding-top: 0;
            }
            #sidebar ul li a, #pagenav-grey ul li a {
                display: block;
                height: 50px;
                background-image: url('/asset/images/bg_black_70.png');
                background-repeat: repeat-x;
                border-radius: 5px;
                color: white;
                text-transform: lowercase;
                padding: 0px 40px 0px 40px;
                line-height: 45px;
                text-decoration: none;
                font-size: 1.3em;
                position: relative;
            }
            #pagenav-grey ul li a {
                padding: 0px 30px 0px 30px;
            }
            #sidebar ul li.active a,
            #sidebar ul li:hover a,
            #pagenav-grey ul li.active a
            #pagenav-grey ul li:hover a {
                background-image: url('/asset/images/bg_blue_50.png');
            }
            #sidebar ul li a:after,
            #pagenav-grey ul li a:after
             { 
                content: "";
                display: block;
                width: 20px;
                height: 20px;
                position: absolute;
                right: 10px;
                top: 15px;
                background-image: url('/asset/images/arrow_white_20.png');
                background-repeat: no-repeat;
            }
            #pagenav-grey ul li a:after {
                right: 5px;
            }
            #sidebar ul li a:before,
            #pagenav-grey ul li a:before {
                content: "";
                display: block;
                width: 22px;
                height: 25px;
                position: absolute;
                left: 10px;
                top: 12px;
                background-repeat: no-repeat;   
                background-position: center center;
                opacity: 0.3;
            }
            #pagenav-grey ul li a:before {
                left: 5px;
            }
            #sidebar ul li:hover a:before, #sidebar ul li.active a:before,
            #pagenav-grey ul li:hover a:before, #sidebar ul li.active a:before { opacity: 1; }

            #sidebar ul li.agents a:before,
            #pagenav-grey ul li.agents a:before { background-image: url('/asset/images/icons/agents.png'); }
            #sidebar ul li.order a:before, #sidebar ul li.agent-order a:before,
            #pagenav-grey ul li.order a:before, #pagenav-grey ul li.agent-order a:before { background-image: url('/asset/images/icons/order.png'); }
            #sidebar ul li.profile a:before, #sidebar ul li.request a:before,
            #pagenav-grey ul li.profile a:before, #pagenav-grey ul li.request a:before { background-image: url('/asset/images/icons/profile.png'); }
            #sidebar ul li.reports a:before, #sidebar ul li.agent-reporting a:before,
            #pagenav-grey ul li.reports a:before, #pagenav-grey ul li.agent-reporting a:before { 
                background-image: url('/asset/images/icons/reports.png');
                top: 14px;
            }
            #sidebar ul li.third-party  a:before,
            #pagenav2 ul li.third-party  a:before { background-image: url('/asset/images/icons/agents.png'); }
            #sidebar ul li.availability  a:before,
            #pagenav2 ul li.availability  a:before { background-image: url('/asset/images/icons/time_20.png'); }
            #sidebar ul li.pricing  a:before,
            #pagenav2 ul li.pricing  a:before { background-image: url('/asset/images/icons/dollars_20.png'); }
            
            

#adminform,
#panelform {
    border-radius: 5px;
    background-color: #E9E9E9;
    padding: 10px;
}
.contractor #panelform.dashboard {
    margin-top: 2px;
    width: 680px;
}
    #adminform dl,
    #panelform dl {
        margin: 0px;
    }
    #adminform dt,
    #panelform dt {
        display: none;
    }
    #adminform dd,
    #panelform dd {
        float: left;
        margin: 0;
        width: 115px;
    }
    #adminform dd > input,
    #panelform dd > input {
        width: 98px;
    }
    #adminform dd > select,
    #panelform dd > select {
        width: 110px;
    }
    #adminform #admingo-element,
    #panelform #go-element {
        width: 60px;
        float: right;
        position: relative;
    }
    /* .blocklink.blue */
.bluesubmit {
    width: 60px !important;
    height: 28px !important;
    background-color: #005190;
    background-image: url('/asset/images/arrow_white_15.png');
    background-position: 40px 6px !important;
    background-repeat: no-repeat !important;
    border-radius : 5px !important;
    border: none;
    color: white;
    text-transform: lowercase;
    padding-bottom: 7px;
    font-size: 1.4em;
    text-align: left;
    position: relative;
    cursor: pointer;
}


.totals-panel {
    background-color: #E9E9E9;
    border-radius: 5px;
    height: 80px;
    position: relative;
}
    .totals-panel h2 {
        color: #333333;
        text-transform: lowercase;
        border-bottom: 1px dotted #999999;
        font-size: 1.2em;
        padding-left: 26px;
        margin: 10px;
        background-position: left 8px;
        background-repeat: no-repeat;
        height: 28px;
        line-height: 28px;
    }
    .totals-jobs h2 {
        background-image: url('/asset/images/icons/time_20_black.png');
    }
    .totals-value h2 {
        background-image: url('/asset/images/icons/dollars_20_black.png');
    }
    .totals-panel div {
        color: #0085DD;
        font-size: 2em;
        position: absolute;
        top: 40px;
        left: 30px;
        width: 160px;
        display: none;
    }
    .totals-panel span {
        position: absolute;
        display: block;
        top: 4px;
        right: 0px;
        color: #333333;
        font-size: 0.5em;
    }
    .totals-panel span.under {
        position: absolute;
        display: block;
        top: 20px;
        right: 0px;
        color: #333333;
        font-size: 0.3em;
    }

/* Misc Form Tweaks */
#details-label, #information-label { display: none; }

#view-interactive  { }
#interactive-plans { margin-left: 5px; }

#update-date dl {

}
#update-date .labels,
#update-date .elements {
    clear: left;
}
#update-date .labels div {
    width: 55px;
    float: left;
}
#update-date .elements div {
    width: 55px;
    float: left
}
#update-date select {
    width: 50px;
}
#update-date .elements div.month,
#update-date .elements div.year { width: 62px; }
#update-date div.month select,
#update-date div.year select {
    width: 62px;
}
#update-date .elements div.updateTime,
#update-area .elements div.updateArea {
    width: 122px;
}
.timeerror,
.areaerror {
    width: 450px;
    color: #FF0000;
}
.uploadBox {
    margin-top: 8px;
    position: absolute;
    left: -220px;
}
.plan-links {
    clear: right;
    margin-top: 3px;
}

#update-area .labels div {
    width: 110px;
    float: left;
}
#update-area .elements div {
    width: 110px;
    float: left
}
#update-area input[type=text] {
    width: 105px;
}
.profile-link {
    text-decoration: none;
    border: 1px solid #008BE5;
    color: #008BE5;
    margin: 0px 10px;
    padding: 2px 6px;
}
.profile-link:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #008BE5;
}
.profile-logo, .profile-photo {
    float: right;
    margin: 0px 0px 5px 5px;
    clear: right;
}
.profile-photo {
    padding: 2px;
    border: 1px solid #008BE5;
}
#profile-content {
    background-color: #E9E9E9;
    border-radius: 5px;
    padding: 15px;
    margin-top: 15px;
}
#profile-content div {
    clear: both;
    padding-top: 5px;
}
#profile-content div a {
    color: #008BE5;
}
#send-welcome {
    text-decoration: none;
    border: 1px solid #008BE5;
    color: #008BE5;
    margin: -60px 10px 0px 10px;
    padding: 2px 6px;
    float: right;
    position: relative;
    margin-right: 200px;
}
#send-welcome:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #008BE5;
}

.agent-submit {
    clear: right;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #CCCCCC;
}
.agent-submit textarea {
    width: 230px;
}
.agent-submit a {
    margin-top: 0px;
}
.agent-submit-form textarea {
    display: none;
}