﻿/* TABS MENU 
-----------------------------------------------------------*/

div.tabs-container {
    margin: 0px 0px;
}

    div.tabs-container div.tabs-menu {
        position: relative;
    }

        div.tabs-container div.tabs-menu ul {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            position: relative;
        }

            div.tabs-container div.tabs-menu ul li {
                list-style-type: none;
                display: block;
                margin: 0px 0px;
                margin-top: 1px;
                border-bottom: thin;
                float: left;
            }

                div.tabs-container div.tabs-menu ul li a,
                div.tabs-container div.tabs-menu ul li span {
                    display: block;
                    float: left;
                    padding: 3px 5px;
                    font-family: Arial, Helvetica, sans-serif;
                }

                div.tabs-container div.tabs-menu ul li.tabs-notab, div.PageTitle {
                    border: none;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 12px;
                }
.SiteMapInfo
 {
    font-size: 13px;
    float: left;
    padding: 5px 0px 3px 27px;
    width: 97.7%;
    color: #E3F4F0;
    border-top: 3px solid #1с3132;
    /* border-bottom: 1px solid #C5CCD9; */
    height: 18px;
}
div.PageTitle {
    font-size: 13px;
    float: left;
    padding: 5px 0px 3px 27px;
    width: 97.7%;
    color: #E3F4F0;
    border-top: 1px solid #283041;
    /*border-bottom: 1px solid #C5CCD9;*/
    height: 18px;
}

.subdomain {
    padding: 15px 0px 15px 30px;
    background: #76A5AF;
    margin-top: -4px;
    margin-bottom: 4px;
    font-size: 13px;
    height: 18px;
    border-top: 3px solid #1c3132 !important;
    border-bottom: 0px !important;
}

div.tabs-container div.tabs-menu ul li.tabs-label {
    padding: 3px 5px 2px 8px;
    margin: 5px 0px 0px 0px;
    color: #425377;
    text-transform: uppercase;
}

div.tabs-container div.tabs-menu ul li.tabs-advadd {
    padding: 6px 2px 2px 8px;
}

div.tabs-container div.tabs-menu ul li.tabs-advtype {
    padding: 5px 5px 4px 3px;
}

div.tabs-container div.tabs-menu ul li.tabs-user a,
div.tabs-container div.tabs-menu ul li.tabs-user span {
    color: #0378ba;
}

.tabs-label-user {
    font-weight: bold !important;
    color: #0378ba !important;
}

div.tabs-container div.tabs-menu ul li.tabs-line1,
div.tabs-container div.tabs-menu ul li.tabs-line2 {
    padding: 6px 0px 5px 0px;
    margin: 0px;
}

div.tabs-container div.tabs-menu ul li.tabs-line1 {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    width: 21px;
    height: 19px;
    text-align: center;
    color: #677caf;
    background-image: linear-gradient(bottom, #d1d2d5 0%, #f3f4f4 100%);
    background-image: -o-linear-gradient(bottom, #d1d2d5 0%, #f3f4f4 100%);
    background-image: -moz-linear-gradient(bottom, #d1d2d5 0%, #f3f4f4 100%);
    background-image: -webkit-linear-gradient(bottom, #d1d2d5 0%, #f3f4f4 100%);
    background-image: -ms-linear-gradient(bottom, #d1d2d5 0%, #f3f4f4 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #d1d2d5), color-stop(1, #f3f4f4) );
}

div.tabs-container div.tabs-menu ul li.tabs-line2 {
    width: 7px;
    height: 19px;
    background-image: linear-gradient(bottom, #506082 0%, #a4b3c5 100%);
    background-image: -o-linear-gradient(bottom, #506082 0%, #a4b3c5 100%);
    background-image: -moz-linear-gradient(bottom, #506082 0%, #a4b3c5 100%);
    background-image: -webkit-linear-gradient(bottom, #506082 0%, #a4b3c5 100%);
    background-image: -ms-linear-gradient(bottom, #506082 0%, #a4b3c5 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #506082), color-stop(1, #a4b3c5) );
}
div.tabs-container div.tabs-menu ul li.tabs-line21 {
    width: 7px;
    height: 29px;
    background-image: linear-gradient(bottom, #F4F4F4 0%, #D8D8D8 100%);
    background-image: -o-linear-gradient(bottom, #F4F4F4 0%, #D8D8D8 100%);
    background-image: -moz-linear-gradient(bottom, #F4F4F4 0%, #D8D8D8 100%);
    background-image: -webkit-linear-gradient(bottom, #F4F4F4 0%, #D8D8D8 100%);
    background-image: -ms-linear-gradient(bottom, #F4F4F4 0%, #D8D8D8 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #D8D8D8), color-stop(1, #F4F4F4) );
}

div.tabs-container div.tabs-menu ul li.active {
    padding-bottom: 2px;
    color: #4c5c7e;
    border-right: #d7dce2 solid 1px;
    border-left: #d7dce2 solid 1px;
}

div.tabs-container div.tabs-menu ul li a {
    padding-top: 6px;
    color: #4c5c7e;
    text-decoration: none;
    padding-bottom: 3px;
}

div.tabs-container div.tabs-menu ul li.active span {
    padding-top: 5px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: bold;
    color: #d62977;
    height: 19px;
}

div.tabs-container div.tabs-menu ul li.tabs-user.active span {
    color: #0378ba;
}

div.tabs-container div.tabs-menu ul li span.tabs-number {
    display: block;
    float: left;
}


div.tabs-container div.tabs-body {
    clear: left;
    /*border-top: #b2b8c3 solid 1px;*/
    padding: 0px 0px;
}

/* TABS MENU LEVEL 1
-----------------------------------------------------------*/

div.tabs-level-1 {
    /*border: #b0bcca solid 1px;*/
}

div.tabs-container div.tabs-menu ul li.active {
    margin-top: -1px;
    position: relative;
    top: 1px;
}

div.tabs-level-1 div.tabs-menu {
    background-image: linear-gradient(bottom, #e8e9ec 0%, #fbfcfc 100%);
    background-image: -o-linear-gradient(bottom, #e8e9ec 0%, #fbfcfc 100%);
    background-image: -moz-linear-gradient(bottom, #e8e9ec 0%, #fbfcfc 100%);
    background-image: -webkit-linear-gradient(bottom, #e8e9ec 0%, #fbfcfc 100%);
    background-image: -ms-linear-gradient(bottom, #e8e9ec 0%, #fbfcfc 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #e8e9ec), color-stop(1, #fbfcfc) );
    /*margin-bottom:5px;*/
    border-top: 1px solid #C5CCD9;
    border-bottom: 1px solid #C5CCD9;
}

    div.tabs-level-1 div.tabs-menu ul li.active {
        background: #fff;
    }

div.tabs-level-1 div.tabs-body {
    background: #fff;
}

div.tabs-level-1 div.tabs-menu ul li a,
div.tabs-level-1 div.tabs-menu ul li span {
    font-size: 100%;
}

div.tabs-level-1 div.tabs-menu ul li.tabs-user a:after {
    content: " ►";
    font-size: 80%;
    color: #000;
}

div.tabs-level-1 div.tabs-menu ul li.tabs-user span:after {
    content: " ▼";
    font-size: 80%;
    color: #000;
}

div.tabs-container div.tabs-menu ul li.active.tabs-user span {
    border-top: #0378ba solid 2px;
}

div.tabs-container div.tabs-menu ul li.active.tabs-RealEstateOffer span {
    border-top: #90ABBD solid 2px;
}

div.tabs-container div.tabs-menu ul li.active.tabs-ProjectOffer span {
    border-top: #DF93A1 solid 2px;
}

div.tabs-container div.tabs-menu ul li.active.tabs-DeveloperOffer span {
    border-top: #60BFF3 solid 2px;
}

div.tabs-level-1 div.tabs-body p.tabs-nav {
    margin: 0px;
    padding: 2px 8px 4px 8px;
    color: #6476B3;
    margin-bottom: 45px;
}


/* TABS MENU LEVEL 2
-----------------------------------------------------------*/

div.tabs-level-2 div.tabs-menu ul li.active {
    /* reset */
    margin-top: 0px;
    position: static;
    top: 0px;
}

div.tabs-level-2 {
    background: #dadcdf;
}

div.tabs-level-1 div.tabs-menu {
}

div.tabs-level-2 div.tabs-menu ul li.active {
    background: #fff;
    background-image: none;
    border-left: #94afbf solid 6px;
    top: 0px;
}

    div.tabs-level-2 div.tabs-menu ul li.active span {
        /*color: #d5312b;*/
    }

div.tabs-body div.tabs-level-2 {
    border-top: solid 4px;
    background: #dadcdf;
}

div.tabs-level-2 div.tabs-body {
    background: #fff;
    border-top: none;
}

div.tabs-level-2 div.tabs-menu ul {
    padding-top: 5px;
    padding-left: 27px;
}

    div.tabs-level-2 div.tabs-menu ul li {
        border: none;
        padding: 2px 6px 2px 6px;
        margin: 0px 2px 0px 2px;
        background-image: linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
        background-image: -o-linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
        background-image: -moz-linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
        background-image: -webkit-linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
        background-image: -ms-linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #e2e4e9), color-stop(0.5, #f0f1f2) );
    }


        div.tabs-level-2 div.tabs-menu ul li.active span,
        div.tabs-level-2 div.tabs-menu ul li a {
            padding: 3px 6px 3px 6px;
            border: none;
            font-size: 110%;
            text-transform: none;
        }

        div.tabs-level-2 div.tabs-menu ul li a {
            font-weight: normal;
        }

/* TABS MENU LEVEL 3
-----------------------------------------------------------*/

div.tabs-level-3 div.tabs-menu ul li.active {
    /* reset */
    margin-top: 0px;
    position: static;
    top: 0px;
}

div.tabs-container.tabs-level-3 div.tabs-body {
    /* reset */
    border-top: none;
}


div.tabs-level-3 div.tabs-menu {
    background: #d9d9d9;
    padding-left: 0px;
    border-bottom: 0px;
}

    div.tabs-level-3 div.tabs-menu ul {
        padding-top: 0px;
        padding-left: 10px;
    }

        div.tabs-level-3 div.tabs-menu ul li,
        div.tabs-level-3 div.tabs-menu ul li.active {
            margin: 0px;
            padding: 0px;
            font-size: 100%;
            border-left: 0px;
            background-image: none;
        }

            div.tabs-level-3 div.tabs-menu ul li.active {
                background: #d9d9d9;
            }

            div.tabs-level-3 div.tabs-menu ul li a {
                background-image: linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
                background-image: -o-linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
                background-image: -moz-linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
                background-image: -webkit-linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
                background-image: -ms-linear-gradient(bottom, #e2e4e9 0%, #f0f1f2 50%);
                background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #e2e4e9), color-stop(0.5, #f0f1f2) );
            }

            div.tabs-level-3 div.tabs-menu ul li a,
            div.tabs-level-3 div.tabs-menu ul li.active span {
                color: #000;
                margin-top: 4px;
                padding-left: 7px;
                padding-right: 7px;
                height: 18px;
            }

            div.tabs-level-3 div.tabs-menu ul li.active span {
                background: #fff;
                font-weight: normal;
                color: #d72575;
            }

                div.tabs-level-3 div.tabs-menu ul li.active span.tabs-number {
                    padding: 12px 5px 5px 5px;
                    margin-top: 0px;
                }

            div.tabs-level-3 div.tabs-menu ul li span.tabs-number {
                font-size: 100%;
                background: #94afbf;
                background-image: none;
                color: #fff;
                padding: 9px 5px 5px 5px;
                margin-top: 3px;
                height: 14px;
            }

/*div.tabs-level-3 div.offer-chapter-menu ul {
    border-top: red solid 3px;
}*/

div.tabs-level-3 div.offer-state-prepare ul {
    border-color: #F48000;
}

div.tabs-level-3 div.offer-state-active ul {
    border-color: #62C2A1;
}

div.tabs-level-3 div.offer-state-reserved ul {
    border-color: #60BFF3;
}

div.tabs-level-3 div.offer-state-sold ul {
    border-color: #9B2575;
}

div.tabs-level-3 div.offer-state-cancelled ul {
    border-color: #949393;
}


/* TABS MENU LEVEL 4
-----------------------------------------------------------*/

div.tabs-level-4 div.tabs-menu ul li.active {
    /* reset */
    margin-top: 0px;
    position: static;
    top: 0px;
}

div.tabs-container.tabs-level-4 div.tabs-body {
    /* reset */
    border-top: none;
}


div.tabs-level-4 div.tabs-menu {
    background: #d9d9d9;
    padding-left: 0px;
}

    div.tabs-level-4 div.tabs-menu ul {
        padding-top: 0px;
        padding-left: 10px;
    }

        div.tabs-level-4 div.tabs-menu ul li,
        div.tabs-level-4 div.tabs-menu ul li.active {
            margin: 0px;
            padding: 0px;
            font-size: 100%;
            border-left: 0px;
            background-image: none;
        }

            div.tabs-level-4 div.tabs-menu ul li.active {
                background: #d9d9d9;
            }

            div.tabs-level-4 div.tabs-menu ul li a {
                background-image: linear-gradient(bottom, #495677 0%, #495677 50%);
                background-image: -o-linear-gradient(bottom, #495677 0%, #495677 50%);
                background-image: -moz-linear-gradient(bottom, #495677 0%, #495677 50%);
                background-image: -webkit-linear-gradient(bottom, #495677 0%, #495677 50%);
                background-image: -ms-linear-gradient(bottom, #495677 0%, #495677 50%);
                background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #495677), color-stop(0.5, #495677) );
            }

            div.tabs-level-4 div.tabs-menu ul li a,
            div.tabs-level-4 div.tabs-menu ul li.active span {
                color: #FFFFFF;
                margin-top: 3px; /* 4px; */
                padding-left: 7px;
                padding-right: 7px;
                height: 19px; /* 18px; */
            }

            div.tabs-level-4 div.tabs-menu ul li.active span {
                background: #fff;
                font-weight: normal;
                color: #EF2F72;
            }

                div.tabs-level-4 div.tabs-menu ul li.active span.tabs-number {
                    padding: 12px 5px 5px 5px;
                    margin-top: 0px;
                }

            div.tabs-level-4 div.tabs-menu ul li span.tabs-number {
                font-size: 100%;
                background: #94afbf;
                background-image: none;
                color: #000000;
                padding: 9px 5px 5px 5px;
                margin-top: 3px;
                height: 14px;
            }

div.tabs-level-4 div.offer-chapter-menu ul {
    /* border-top: red solid 3px; */
}

    /* Page Clients */

    div.tabs-level-4 div.offer-chapter-menu ul.PageClients_New {
        border-color: #E3FFD7;
    }

    div.tabs-level-4 div.offer-chapter-menu ul.PageClients_Clients {
        border-color: #FFD966;
    }

    div.tabs-level-4 div.offer-chapter-menu ul.PageClients_AdOwner {
        border-color: #E3FFD7;
    }

    div.tabs-level-4 div.offer-chapter-menu ul.PageClients_Owners {
        border-color: #B3EFD3;
    }

    div.tabs-level-4 div.offer-chapter-menu ul.PageClients_Mediators {
        border-color: #D9D7FF;
    }

    div.tabs-level-4 div.offer-chapter-menu ul.PageClients_AgentsOfMediator {
        border-color: #FBD3E5;
    }

    div.tabs-level-4 div.offer-chapter-menu ul.PageClients_Interested {
        border-color: #D9EDFF;
    }

    div.tabs-level-4 div.offer-chapter-menu ul.PageClients_Buyers {
        border-color: #EF2F72;
    }

    div.tabs-level-4 div.offer-chapter-menu ul.PageClients_Plus {
        border-color: #B8DB7C;
    }

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageClients_New span.tabs-number {
    background: #E3FFD7;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageClients_Clients span.tabs-number {
    background: #FFD966;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageClients_AdOwner span.tabs-number {
    background: #E3FFD7;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageClients_Owners span.tabs-number {
    background: #B3EFD3;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageClients_Mediators span.tabs-number {
    background: #D9D7FF;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageClients_AgentsOfMediator span.tabs-number {
    background: #FBD3E5;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageClients_Interested span.tabs-number {
    background: #D9EDFF;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageClients_Buyers span.tabs-number {
    background: #EF2F72;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageClients_Plus span.tabs-number {
    background: #B8DB7C;
}

/* Page Attachments */

div.tabs-level-4 div.offer-chapter-menu ul.PageAttachments_Photos {
    border-color: #B3EFD3;
}

div.tabs-level-4 div.offer-chapter-menu ul.PageAttachments_Documents {
    border-color: #D9D7FF;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageAttachments_Photos span.tabs-number {
    background: #B3EFD3;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageAttachments_Documents span.tabs-number {
    background: #D9D7FF;
}

/* Page Manage ad */

div.tabs-level-4 div.offer-chapter-menu ul.PageManage_PublishedAds {
    border-color: #E3FFD7;
}

div.tabs-level-4 div.offer-chapter-menu ul.PageManage_SentAds {
    border-color: #FFD966;
}

div.tabs-level-4 div.offer-chapter-menu ul.PageManage_Comments {
    border-color: #B3EFD3;
}

div.tabs-level-4 div.offer-chapter-menu ul.PageManage_Notes {
    border-color: #D9D7FF;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageManage_PublishedAds span.tabs-number {
    background: #E3FFD7;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageManage_SentAds span.tabs-number {
    background: #FFD966;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageManage_Comments span.tabs-number {
    background: #B3EFD3;
}

div.tabs-level-4 div.offer-chapter-menu li.tabs-PageManage_Notes span.tabs-number {
    background: #D9D7FF;
}

/*Show/hide button*/
#showdiv:hover {
    background-color: #FDC800;
}

#showdivLeft:hover {
    background-color: #FDC800;
}
