﻿/* OBJECT DETAILS, BUTTONS */
.btn_overview input, .btn_map input, .btn_calc input, .btn_facts input, .btn_streetview input {
    box-shadow: none;
}
.btn_overview {
    background-image: url(../Img/btn_overview.png);
	}
.btn_img {
    background-image: url(../Img/btn_img.png);
    }
.btn_plan {
    background-image: url(../Img/btn_plan.png);
    }
/*.btn_map {
    background-image: url(../Img/btn_map.png);
	}
.btn_calc {
    background-image: url(../Img/btn_calc.png);
    }
.btn_facts {
    background-image: url(../Img/btn_facts.png);
    }*/

span#object_detail_buttonlist.button-list input, span#object_detail_buttonlist.button-list a
{
	color: #000;
	width: auto;
    border: none;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    padding: 0;
    margin: 0;
}
span#object_detail_buttonlist.button-list a.selected
{
    font-weight:bold;
}

span#object_detail_buttonlist.button-list .btn_details_container
{
    display: inline-block;
    text-align: center;
    margin: 4px;
}
span#object_detail_buttonlist.button-list .btn_details::before {
	letter-spacing: 0px !important;
}
span#object_detail_buttonlist.button-list .btn_details {
	background: #555;
	color: #FFF;
	font-size: 18px;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 4px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	margin-bottom: -10px;
}
span#object_detail_buttonlist.button-list .btn_details_button
{
    display: block;
    height: 50px;
    position: relative;
    bottom: 20px;
    line-height: 80px;
    z-index: 2;
    margin-bottom: -10px;
}

.object_detail_streetview
{
    height: 320px;
    border: solid 4px #e0e0e0;
}
/* PAGE STYLES */
div.interest-header {
	line-height:28px;
	margin:10px 0 10px 0;
	padding:0 8px;
	font-weight:bold;
	}
div.interest-header {
	border: solid 1px #ccc;
	background: #eee;
	}
div.interest-header p.content-left, div.interest-header p.content-right  {	
	margin: 0 0 0 0;	
	display: inline;
	}
div.interest-header p.content-left {    
    width: 19%;
    float: left;
}
div.interest-header ul.content-right {
    width: 79%;
    float: right;
    text-align: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div.interest-header ul.content-right li {    
    display: inline;
    float: right;
    text-align: right;
    font-size: 93%;
    list-style-type: none;
    background: none;
}
div.interest-header .small {
	font-size: 85%;
	font-weight: normal;
	}
div.interest-header .alert {
	color: #d01b2c;
	}
div.interest-footer {
	border: solid 1px #ccc;
	background-color: #eee;
	margin:10px 0 20px 0;
	padding:0 8px 4px 0;
	clear:both;
	font-size:85%;
	}
div.interest-footer p {
	padding: 0 0 0 34px;
	margin: 3px 0 0 0;
	background: #eee url(../../../Res/Img/Site/ico_information.gif) no-repeat 10px 4px ;
	}
div.interest-image {
	float: left;
	width: 120px;
	/*height: 85px;*/
	padding: 5px 10px 10px 10px;
	}
div.interest-image img {
	border: solid 1px #969696;
	width: 120px;
	/*height: 85px;*/
	}
div.interest-objectinfo {
	float: left;
	width: 540px;
	height: 42px;
	margin:4px 0 0 0;
	padding: 0 10px 10px 0px;	
	border-bottom: solid 1px #d0d0d0;
	}
body.hss_objectinterest_changepriority div.interest-objectinfo.stage {
	width: 760px;
	margin: 2px 0 0 0;
	padding: 4px 10px 4px 4px;
	background: #eee;
	}
div.interest-interestinfo {
	float: right;
	font-size:85%;
	width: 540px;
	height: 37px;
	padding: 5px 10px 10px 0;	
} 
div.box-secondary-inner input.btn_large {
	background: #3695D7;
	color: #fff;
	width: 185px;
	line-height:normal;
	margin:0 0 10px 0;
	}
table.list {
	width: 100%;
	border-style: none;
	margin-bottom: 6px;
	}
table.list td {
	vertical-align: top;
	}
table.list img {
	margin: 0 0 10px 0;
	}
table.list td.label {
	width: 40%;
	}
table.list td a img {
	width: 215px;
	margin-bottom: 10px;
	}
table.list td a.single img {
	width: 450px;
	margin: 0 0 10px 0;
	}
ul.objecticons
{
	float: left;
	display: block;
	padding-left: 0px;
	padding-top: 4px;
	margin-left: 0px;
}

ul.listviews {
	float:right;
}

ul.listviews li {
	float:right;
	list-style-type:none;
}

ul.listviews li a {
	display:block;
	height: 14px;
}

ul.listviews li i
{
    padding-right: 4px;
    font-size: 14px;
    color: #969696;
}

ul.listviews li.selected i
{
    color: #000;
}

li.showonmap span
{
	background-image: url(../Img/ico_map_14.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #000000;
}
li.directsearch span
{
	background-image: url(../Img/ico_object_direct_14.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #000000;
}
li.directparking span
{
	background-image: url(../Img/ico_p-direct_14.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #000000;
}
li.directstorage span
{
	background-image: url(../Img/ico_storage-direct_14.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #000000;
}
li.randomsort span
{
	background-image: url(../Img/ico_random_14.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #000000;
}
li.stageobject span
{
	background-image: url(../Img/ico-stage.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #000000;
}
li.occupied span
{
	background-image: url(../Img/ico_object_occupied_14.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	color: #000000;
}
input.objecticon
{
	padding-top: 6px;
}
img.objecticon
{
	padding-top: 0px;
}
p.info_registered {
	text-align: center;
	font-weight: bold;
	}
	
img.exterior_image 
{
	margin-right: 6px;
	margin-bottom: 6px;
    max-height: 70px;
    display: block;
}

div.stage-container {
    margin-bottom: 16px;
}

div.stage-header, 
div.stage-footer {
    background-color:#cccccc; 
    border: 1px solid #aaa; 
    height:32px; 
    margin-bottom: 16px; 
    padding: 6px 6px 0px 6px;
}

div.stage-footer {
    height:20px; 
    margin-bottom: 32px; 
    padding: 4px 4px 4px 4px;
}

ul.toolbar {
    float: left;
    display: block;
    margin: 2px 2px 2px 2px;
}

ul.toolbar li.action {
    float:right;
    list-style-type:none; 
    padding-left:8px;
}

ul.propertyIconList{
    list-style-type: none;
}
/* User Request */
.btn_RequestDataExcerpt {
    margin-top: 1em;
}

p.pdf {

}
.bankIdRequired{
    margin: 10px;
}
i.request-pdf-link {
    margin-right: 4px;
}

.property-descriptions {
    list-style: none;
    display: none;
}
.property-descriptions li {
    list-style: none;
}
.property-descriptions div {
    margin-bottom: 12px;
}

.property-description-container {
    clear: both;
    margin-bottom: 12px;
}

.property-description-container .property-more-information::after {
    content: "\f078";
    font-family: FontAwesome;
    margin-left: 6px;
}
.property-description-container.showed .property-more-information::after {
    content: "\f077";
    font-family: FontAwesome;
    margin-left: 6px;
}

.property-description-container.showed .property-descriptions {
    display: block;
}

.area-container-collapsed::after {
	content: "\f078";
	font-family: FontAwesome;
	margin-left: 6px;
}

.area-container-expanded::after {
	content: "\f077";
	font-family: FontAwesome;
	margin-left: 6px;
}
.property-more-information, .property-detail-more-information {
    cursor: pointer;
    margin-bottom: 12px;
}

.property-detail-more-information.hide .property-detail-row-header::after, .property-detail-more-information.showed.hide .property-detail-row-header::after
{
    content: none;
}

.property-detail-more-information.hide, .property-detail-more-information.showed.hide
{
    cursor: default;
}

.property-detail-more-information .property-detail-row-header::after
{
    content: "\f078";
    font-family: FontAwesome;
    margin-left: 4px;
}

.property-detail-more-information.showed .property-detail-row-header::after
{
    content: "\f077";
    font-family: FontAwesome;
    margin-left: 4px;
}

.property-detail-more-information .property-detail-row-information
{
    display: none;
}

.property-detail-more-information.showed .property-detail-row-information
{
    display: block;
}