.btn{
	padding: 10px 12px 6px 12px;
}
.btns{
	width:45px;
}
#bname{
	padding-left:4px
}

 
.numnavbar{ 
	padding:0 5px;
	background-color:#ffffff;
	color:#2a2a2a; 
}
.numnavbar .navtotal{
	font-size:13px; 	
	margin-top:10px
}
.numnavbar .navtotal span{
	color:#ff6c00;
	font-weight:bold;
}
.numnavbar .sorting{
	text-align:right;
	font-size:15px; 
}
.numnavbar .sorting select{
	border:1px solid #CCC;
	border-radius:5px !important;
	height:30px;
	width:50%;
	max-width:220px;
	color:#898888; 
}

/* listing */

#prop_list #list{
	clear:both;
	width: 100%;
	height: 200px;
	overflow:hidden;
}
#prop_list .datacontent{
	margin-left:10px;
	font-size:13px;
	line-height:19px;
	color:#333
}
#prop_list .datacontent ul{
	padding-left:25px;
	margin-top:20px;
	line-height:25px;
}
#prop_list #list_left{
	float:left;
	width:480px;
	text-align:left;
	margin-left:10px;
}
 
#prop_list .bname{
	font-size: 17px; 
	line-height:19px; 
	color:#b56444; 
	width:70%
}
 
#prop_list .bname a:hover{
	color: #b56444;
}  

#prop_list .dist{
	font-size:13px; 
} 
#prop_list .size{ 
}
#prop_list .price{
	color:#00ac14
}
#prop_list .rent{
	color:#00ac14	
}
#prop_list .room{
	position:absolute;
	right:10px; 
	font-size:13px;
	text-align:center
}
#prop_list .room div{
	margin-bottom:5px
}
#prop_list .datacontent .tables{
	display:table;
	width:100%
}
#prop_list .datacontent .row{
	display:table-row
}
#prop_list .datacontent .row div{
	display:table-cell;
	
}
#prop_list .hline{
	height:1px;
	background-color:#e3e3e3;
	margin: 5px 0;
}

#prop_list .date{
	font-size:13px;
	color:#a6a6a6;
	text-align:right;
}
#prop_list .ref{
	font-size:13px;
	color:#a6a6a6;
	text-align:right;
}

#prop_list .icon div{
	margin-top:5px;
	
}

#prop_list .info_bold{
	font-weight: bold;	
}
 
#prop_list .btns{
	cursor:pointer;	
}
#prop_list .igallery{
	width: 180px;
	text-align:center; 
	height: 20px;
	padding-top: 6px;
	padding-left:1px
}
#prop_list .picbr{  
	width: 225px;
	height:180px;  
	background-size:cover;
	background-position:center;
	overflow:hidden; 
	text-align:center;	
	background-color:#e3e3e3; 
	line-height: 150px;
    color: #a9a9a9;
}

#prop_list .picbr img{
	max-width:100%;
	max-height:140px;
}
 
#prop_list .pp{
	cursor: pointer;
	margin-left: 2px;
	margin-right: 2px;	
} 
 
#prop_list .fp .detail_table {
	border: 1px solid #dfdfdf;
}

#prop_list .fp .detail_table .header{
	background-color:#666;
	color:#FFF;
	font-size:15px;
	padding:8px;
}

#prop_list .item{
	display:block;
	padding:7px;
	margin-top:7px;
	border:1px solid #dadada;
	background-color:#ffffff; 	 
	min-height: 165px;
    overflow: hidden;
	border-radius:5px !important;
}
#prop_list .item:hover{
	border:1px solid #ffc993
}
 
.lefttran{ 
	background-color:#ffffff;
	padding:10px;
	width:100%;
}

.lefttran .tran_bd{
	border-bottom:1px solid #dcdcdc;
	padding:10px 0
}

.lefttran .tran_price{
	color:#0077e5;
}

.lefttran .tran_input{
	color:#666;
}

.lefttran a{
	float:right;
	margin-top:-20px;
}
 
.green{
	color:#090
}
.nodata{
	height:100px;
	line-height:100px;
	width:100%;
	text-align:center;
	font-size:15px;
	background-color:#ffffff
}
.nophoto{
	text-align:center;
	color:#999;
	line-height:100px;
}

.bs-example { 
	position: relative; 
}
.typeahead, .tt-query, .tt-hint { 
    border-radius: 8px; 
    height: 44px;
    line-height: 44px;
    outline: medium none; 
    width: 100%; 
}
.typeahead {
	background-color: #FFFFFF;
}
.typeahead:focus {
	border: 2px solid #0097CF;
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}
.tt-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
	width: 100%;
}
.tt-suggestion {
	font-size: 15px;  /* Set suggestion dropdown font size */
	padding: 3px 4px;
}
.tt-suggestion:hover {
	cursor: pointer;
	background-color: #0097CF;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}
.twitter-typeahead{
	position:inherit !important;
	display:inherit !important;
} 

#prop_list{
	padding:5px;
}
.searchboxdiv{
	max-width:212px;
}
.favicon{
	cursor:hand;
	cursor:pointer;
	position:absolute; 
	margin-top:20px;
	margin-left:12px; 
}
.favicon img{
	width:28px;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  width:100%;
}
 
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  text-align:left;
  color:#666;
  overflow:hidden;
  border-radius:10px !important;
}
.autocomplete-items strong{
	color:#ff602d
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}


@media (max-width: 767px) {
	#prop_list .bname{
		width:100%; 
		line-height:normal;
	}
}
@media (max-width: 500px) {
	.numnavbar{
		padding:0 5px;
	}
	.numnavbar .sorting select{
		width:70%
	}
	#prop_list .datacontent{
		font-size:13px;
	}
	 #prop_list .datacontent ul{
		 padding-left:20px;
		 margin-top:10px;
	 }
	#prop_list .picbr{   
		width:120px;
		height:140px;
		overflow:hidden;
	}	
	#prop_list .picbr img{
		max-width:100%;
		max-height:100px;
	}  
	.searchboxdiv { 
		right: 10px;
		left:auto;
	}
	.favicon{
		margin-top:15px;
		margin-left:7px; 
	}	
} 
@media (max-width: 450px) {
	.numnavbar .navtotal{ 
	 
	}
	#prop_list .datacontent{
		margin-left:5px;
	}
	#prop_list .item{
		padding:3px !important;
		background-position:right 5px center;
		min-height:148px;
	}
}