﻿
 
.divHeaderDetailStart {
    background: #7685A9; 
    border: 1px solid black; 
    width: 10px; 
    height: 10px;
    display: block;
}
.estate-infoline {
    border-top: 1px solid white;
    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, #ccced6), color-stop(1, #e5e7e8) );
    /*background: #E5E6E9;
    background-image: linear-gradient(bottom, rgb(230,230,230) 6%, rgba(245,245,245,1) 90%);
    background-image: -o-linear-gradient(bottom, rgb(230,230,230) 6%, rgba(245,245,245,1) 90%);
    background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 6%, rgba(245,245,245,1) 90%);
    background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 6%, rgba(245,245,245,1) 90%);
    background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 6%, rgba(245,245,245,1) 90%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.06, rgb(230,230,230)), color-stop(0.9, rgba(245,245,245,1)) ); */
    height: 30px;    
    border-bottom: 1px solid #C5CCD9;
    margin: 0 0 4px 0;
    padding-bottom:5px;
    height:30px;
    box-shadow: rgb(219, 226, 235) 1px 3px 5px;
    margin-top:0px;        
}

     .estate-infoline-first {
        margin-top:10px !important;
    }
    
/*.estate-infoline-selected {    
    border-top: 1px solid #C5CCD9;
    border-bottom: 1px solid #C5CCD9; 
    padding-top:0px;  
    padding-bottom:0px;    
}*/

div.estate-infoline .Search-Property-Header {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.infoline-item {
    float: left;
}

div.infoline-star {
    padding: 4px;
    border-right: 1px solid lightgray;
    width: 22px;
    text-align: center;
}

div.infoline-item .infoline-switch, p#infoline-switch-vote-profile {
    background: url('Images/arrow-right2.png') center center;
    width: 20px;
    height: 29px;
    cursor: pointer;
    margin: 0 0 0 10px;
    background-repeat: no-repeat;
}
div.infoline-item .infoline-separator {
     width: 20px;
    height: 30px;
    cursor: pointer;
    margin: 0 0 0 10px;
    background-repeat: no-repeat;
}

div.infoline-item p.infoline-separator {
    cursor: default;
}
                                        
div.infoline-item-active .infoline-switch {
    background: url('Images/arrow-down-pink.png') center top no-repeat ;
}

div.infoline-item p.infoline-item-active-pink {
    background-color: white;
    height: 38px;
    background-image: url('Images/arrow-down-pink.png');
    background-repeat: no-repeat;
    background-position: center top;
}

div.infoline-item-active {
    background: #fff;
    /*border-top: #6a7fb1 solid 3px;*/
    padding-top: 0px;
    height:37px;
}

div.infoline-item-title {
    /* float: none; */
    overflow: hidden;
    text-overflow: clip;
}

/* 
div.infoline-item-title p {
    white-space: pre;
}
*/

.infoline-switch-bar, .footer-switch-bar {
     display: none;
}
.footer-switch-bar {
    padding: 10px;
    background-color: white;
    margin-bottom: 5px;
}

.infoline-item p {
    height: 25px;
    line-height: 25px;
    color: black;
    float: left;
    margin: 3px 0px 2px 5px;
    padding: 0px;
}

div.estate-infoline p.infoline-statusswitch {
    margin-right: 6px;
    cursor: pointer;
}

.infoline-id {
    font-weight: bold;
}

.bottom-green-line {
    border-bottom: 3px solid green;
    margin-bottom: 15px;
}

.infoline-id b {
    color: #000;
    font-weight: normal;
}

#infoline-interest-tag {
   background: url('Images/arrow-right2.png') no-repeat center right;
   padding-right: 20px;
}

#infoline-interest-tag p {
    color: #495577;
    margin: 1px 2px 1px 6px;
    padding: 2px 5px 2px 5px;
}

.estate-infoline .tag-interest-NA { display: none; }
.estate-infoline .tag-interest-Y p { background: #E2EFD5; }
.estate-infoline .tag-interest-N p { background: #F6D8D6; }

#infoline-tag-commission-type,
#infoline-tag-estate-type {
   display: none;
   background: url('Images/arrow-right2.png') no-repeat center right;
   padding-right: 20px;
   height: 30px;
}

#infoline-tag-commission-type p,
#infoline-tag-estate-type p {
    margin: 1px 0px 1px 5px;
    padding: 2px 5px 2px 5px;
}

div.tabs-level-3 div.offer-state-prepare li.active span.tabs-number, .infoline-statebox-outer .dxeBase.infoline-id-prepare span.dxICheckBox { background-color: #F48000; }
div.tabs-level-3 div.offer-state-active li.active span.tabs-number, .infoline-statebox-outer .dxeBase.infoline-id-active span.dxICheckBox { background-color: #62C2A1; }
div.tabs-level-3 div.offer-state-active li.active span.tabs-number, .infoline-statebox-outer .dxeBase.infoline-id-archive span.dxICheckBox {
    background-color: #4e4e4e;
}
div.tabs-level-3 div.offer-state-reserved li.active span.tabs-number, .infoline-statebox-outer .dxeBase.infoline-id-reserved span.dxICheckBox { background-color: #60BFF3; }
div.tabs-level-3 div.offer-state-sold li.active span.tabs-number, .infoline-statebox-outer .dxeBase.infoline-id-sold span.dxICheckBox { background-color: #9B2575; }
div.tabs-level-3 div.offer-state-cancelled li.active span.tabs-number, .infoline-statebox-outer .dxeBase.infoline-id-cancelled span.dxICheckBox { background-color: #949393; }

.infoline-statebox-outer .dxeBase.infoline-id-prepare span.dxICheckBox { background-color: #ffd4a5; }
.infoline-statebox-outer .dxeBase.infoline-id-active span.dxICheckBox { background-color: #7be0a7; }
.infoline-statebox-outer .dxeBase.infoline-id-archive span.dxICheckBox {
    background-color: #4e4e4e;
}
.infoline-statebox-outer .dxeBase.infoline-id-reserved span.dxICheckBox { background-color: #F9CDE3; }
.infoline-statebox-outer .dxeBase.infoline-id-sold span.dxICheckBox { background-color: #ffaeae; }
.infoline-statebox-outer .dxeBase.infoline-id-cancelled span.dxICheckBox { background-color: #cac9c9; }

.infoline-statebox-outer span.dxWeb_edtCheckBoxChecked {
    background-image: url("/App_Themes/Default/Images/mark.png") !important;
    background-size: 11px 11px !important;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.infoline-statebox-outer span.dxeBase {
    padding-top: 2px;
}

.infoline-statebox-outer span.dxICheckBox {
    background-image: none;
    border: 1px solid #9F9F9F;
    border-radius: 2px;
    height: 11px;
    width: 11px;
}

.infoline-id-prepare { color: #DF7A2F !important; }
.infoline-id-active { color: #459486 !important; }
.infoline-id-archive {
    color: #4e4e4e !important;
}

.infoline-id-reserved {
    color: #ff067f !important;
}
.infoline-id-sold { color: #d20008 !important; }
.infoline-id-cancelled { color: #84878A !important; }
.infoline-id-unexpected { color: #FF0000 !important; }

span.online, span.notonline {
    background: none!important;
}

.online span{ background: #D5EFE3!important; }

.notonline span{ background: #FFEBD5!important; }



/* STATUS BAR
-----------------------------------------------------------*/



/* TOOLBAR
-----------------------------------------------------------*/

div.infoline-toolbar
{
    padding: 7px 7px 7px 7px;
}


div.infoline-toolbar p.header
{
    float: left;
    margin: 0px;
    margin-right: 10px;
    padding: 5px 5px 5px 5px;
}

div.infoline-toolbar ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

div.infoline-toolbar ul li
{
    list-style-type: none;
    padding: 5px 5px 5px 5px;
    float: left;    
    cursor: pointer;
}

div.infoline-toolbar ul li div
{
    float: left;    
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

    div.infoline-toolbar.disable ul li div {
        
        cursor: default;
    }

div.infoline-toolbar ul li div b {
    
    float: left;
    margin: 0px 6px;
    font-weight: normal;
}

/* STATEBOX
-----------------------------------------------------------*/

div.infoline-statebox-outer {
    float: left;
    /*
    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) );*/
    padding: 0px 0px 1px 0px;
    height: 40px;
}

.infoline-statebox-outer-selected {
    background-image:none !important;
    background:none !important;
}

.estate-infoline div.state-interest-Y {
    background-image: linear-gradient(bottom, #43A38B 0%, #CBE7C7 100%);
    background-image: -o-linear-gradient(bottom, #43A38B 0%, #CBE7C7 100%);
    background-image: -moz-linear-gradient(bottom, #43A38B 0%, #CBE7C7 100%);
    background-image: -webkit-linear-gradient(bottom, #43A38B 0%, #CBE7C7 100%);
    background-image: -ms-linear-gradient(bottom, #43A38B 0%, #CBE7C7 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #43A38B), color-stop(1, #CBE7C7) );
}

.estate-infoline div.state-interest-N {
    background-image: linear-gradient(bottom, #D5685B 0%, #F0D1CE 100%);
    background-image: -o-linear-gradient(bottom, #D5685B 0%, #F0D1CE 100%);
    background-image: -moz-linear-gradient(bottom, #D5685B 0%, #F0D1CE 100%);
    background-image: -webkit-linear-gradient(bottom, #D5685B 0%, #F0D1CE 100%);
    background-image: -ms-linear-gradient(bottom, #D5685B 0%, #F0D1CE 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #D5685B), color-stop(1, #F0D1CE) );
}

div.infoline-statebox {
    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, #b0b1b3), color-stop(1, #dedede) );
    height: 29px;
    width: 39px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0px 0px 0px;
    border:0px;
}

.infoline-statebox-selected {   
    background-image:none;       
}

div.infoline-toolbar ul li div span {
    float: left;
    height:13px;
    width:13px;
    background:url('Images/uncheck.png') no-repeat;   
          
}

div.infoline-toolbar ul li div span span {
    padding: 0px;
}

div.infoline-toolbar ul li div span span,
div.infoline-statebox span
{
    height:13px;
    width:13px;
    padding-top:0px;
}

.estate-infoline.page-Header {
    margin-bottom: 0;
}

div.infoline-toolbar ul li div.active
{    
    color: #000;
}

div.infoline-statebox.status-prepare span, .status-prepare .active span span { background: url('Images/check-1.png') no-repeat }
div.infoline-statebox.status-active span, .status-active .active span span { background: url('Images/check-2.png') no-repeat  }
div.infoline-statebox.status-reserved span, .status-reserved .active span span { background: url('Images/check-3.png') no-repeat  }
div.infoline-statebox.status-sold span, .status-sold .active span span { background: url('Images/check-4.png') no-repeat }
div.infoline-statebox.status-cancelled span, .status-cancelled .active span span { background: url('Images/check-5.png') no-repeat  }

#infoline-switch-interest-bar .status-interest-NA .active { background: #DDD; }
#infoline-switch-interest-bar .status-interest-Y .active { background: #b3efd3; }
#infoline-switch-interest-bar .status-interest-N .active { background: #f2b2a8; }

#infoline-switch-interest-bar .status-interest-NA div span { border-right-color: #DDD; }
#infoline-switch-interest-bar .status-interest-Y div span { border-right-color: #b3efd3; }
#infoline-switch-interest-bar .status-interest-N div span { border-right-color: #F2B2A8; }

.status-interest-NA .active span span { background: #DDD !important; }
.status-interest-Y .active span span { background: #b3efd3 !important; }
.status-interest-N .active span span { background: #F2B2A8 !important; }

/* VOTEBAR
-----------------------------------------------------------*/

.infoline-item-vote div {
     float: left;
     padding: 4px 0px 0px 0px;
}

.infoline-item-vote div img { /*float: left;*/text-align: center; }

.vote-bar {
    /*padding: 6px 4px;*/
}

.vote-bar ul {
    list-style-type: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.vote-bar ul li {
    list-style-type: none;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    float: left;
}

.vote-bar ul li span {
    
    float: left;
    padding: 3px 5px;
}

.vote-bar ul li span b {
   
}

.vote-bar ul li div {
    float: left;
}

.vote-bar ul li div img {
    float: left;
    cursor: pointer;
}

#MainContent_MainContent_header1_lblUserCountryCode {
    background: none !important;
    border: none !important;
    width: 100%;
    margin-top: 2px;
    color: #6476B3;
}

#MainContent_MainContent_MainContent_upRealEstateOffer div.estate-infoline {
    margin-bottom: 0;
}
