@import "compass";


body.dialog-iframe-popup{
	#fee-applied-content p{
		color: #325259;
	    font-size: 18px;
	    font-weight: 400;
	    line-height: 24px;
	}
}

#search-results{
	#search-results-t1{
		
		.jcarousel{
			float:left;
			margin-top: 5px;
			
			.reserved{
				border-color: #666 transparent transparent;
			    border-style: solid;
			    border-width: 100px 100px 0 0;
			    display: block;
			    height: 0;
			    width: 0;
			}
			
			.reserved:AFTER{
				color: #fff;
			    content: "Under Application";
			    display: block;
			    font-size: 17px;
			    left: -10px;
			    line-height: 17px;
			    position: relative;
			    text-align: center;
			    top: -86px;
			    transform: rotate(315deg);
			    width: 80px;
			}
		}
	
		.carousel{
			clear: both;
		}
		
		.carousel menu {
	    	bottom: -30px;
	    	background: none;
		}
		
		#list-view {
			width: 100%;
		}
		
		.list-view {
			width: 100%;
		}
		
		#fees-apply{
			margin-bottom: 5px;
			font-size: 20px;
		}
		
		.navigation-bar {
			background-color: #F0F0F0;
			border: 1px solid #C8C9CA;
			height: 30px;
			margin-bottom: 20px;
			padding: 5px 0;
		}
		
		.navigation-bar span {
			vertical-align: middle;
		}
		
		.navigation-txt {
			width: 33%;
			float: left;
			margin-top: 10px;
			font-size: 14px;
		}
		
		.navigation-opts {
			float: left;
			font-size: 14px;
			text-align: center;
			width: 33%;
		}
		
		.navigation-opts a {
			text-decoration: none;
			vertical-align: bottom;
			height: 100%;
			padding: 5px;
		}
		
		.navigation-opts a img {
			text-decoration: none;
		}
		
		.navigation-holder {
			float: right;
			margin-top: 10px;
			text-align: right;
			width: 33%;
		}
		
		.navigation-holder a {
			font-size: 14px;
		}
		
		#property-view {
			width: 700px;
		}
		
		.list-property {
			border: 1px solid #C8C9CA;
			margin-bottom: 20px;
			padding: 30px 0 10px;
			height: 450px;
			overflow: hidden;
		}
		
		.list-view:nth-child(odd) .list-property:nth-child(odd) {
			background-color:#fff;	
		}
		
		.list-view:nth-child(odd) .list-property:nth-child(even) {
			background-color:#FFF;
		}
		
		.list-view:nth-child(even) .list-property:nth-child(odd) {
			background-color:#FFF;
		}
		
		.list-view:nth-child(even) .list-property:nth-child(even) {
			background-color:#fff;
		}
		
		
		#list-property-image {
			float: left;
		}
		
		.list-property-details {
			float: left;
			width: 42%;
			height: 86%;
			padding: 10px;
		}
		
		.list-property-address {
			color: #3D5A60;
			font-size: 27px;
			margin-bottom: 5px;
			text-align: left;
			height: 18%;
			line-height: 30px;
		}
		
		.prop_visit_count {
			clear: both;
			color: #678699;
			float: left;
			font-size: 14px;
			text-align: left;
			width: 93%;
			padding-left: 10px;
		}
		
		.list-property-address a {
			text-decoration: none;
			font-size: 3vmin;
		}

		.list-property-address a:hover {
			/* 	text-decoration: underline; */
			/* 	font-size: 14px; */
			color: #3D5A60;
			line-height: 30px;
		}
		
		.list-property-price {
			clear: left;
			color: #678699;
			float: left;
			font-size: 14px;
			text-align: left;
			width: 50%;
		}
		
		.list-property-desc {
			clear: both;
			color: #3D5A60;
			font-size: 15px;
			height: 250px;
			line-height: 18px;
			overflow: auto;
			text-align: justify;
			padding-right: 15px;
		}
		
		.list-property-info {
			clear: both;
			margin-top: 12px;
			text-align: left;
		}
		
		.list-property-info-img {
			color: #678699;
			float: left;
			text-align: center;
			width: 20%;
		}
		
		.list-property-ref {
			color: #678699;
			float: right;
			font-size: 14px;
			margin-top: 0;
			padding-right: 31px;
			text-align: right;
			width: 30%;
			margin-bottom: 10px;
		}
		
		#property-options .tabs-spacer {
			float: left;
		}
		
		.property-options {
			clear: both;
			float: left;
			margin-top: 10px;
			width: 100%;
		}
		
		#property-options ul li {
			display: block;
			float: left;
			margin-bottom: 0;
			margin-right: 3px;
			text-align: center;
			width: 16.3%;
			cursor: pointer;
		  	font-size: 12px;
		}
		
		#property-options ul{
			margin-left: 10px;
		}
		
		#property-options ul li a {
			color: white;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			width: 100%;
			float: left;
		}
		
		#social-media {
			float: right;
			padding: 0 10px 0 0;
			width: 56%;
		}
		
		#social-media .tabs-spacer {
			float: left;
		}
		
		#social-media ul li {
			display: block;
			float: right;
			margin-bottom: 0;
			margin-right: 7%;
			padding-bottom: 5px;
			padding-top: 0;
			text-align: center;
			width: 11.7%;
		}
		
		#social-media ul li a {
			color: white;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			width: 135px;
		}
		
		.tabs-bottom .ui-tabs-nav {
			clear: left;
			padding: 0 .2em .2em .2em;
		}
		
		.tabs-bottom .ui-tabs-nav li {
			top: auto;
			bottom: 0;
			margin: 0 .2em 1px 0;
			border-bottom: auto;
			border-top: 0;
		}
		
		.tabs-bottom .ui-tabs-nav li.ui-tabs-active {
			margin-top: -1px;
			padding-top: 1px;
		}
		
		.property-view-tab {
			float: left;
			height: 93%;
			width: 55%;
		}
		
		.property-view-tab a{
			text-decoration: none;
			color: white;
		}
		
		.property-tab {
			/* background-color: #6F6F6F; */
			float: left;
			font-size: 12px;
			margin-right: 2px;
			text-align: center;
			width: 33%;
		}
		
		.property-tab a {
			color: #FFFFFF;
			text-decoration: none;
			display: block;
		}
		
		.map, .pano {
			border: none;
			margin-top: 5px;
			margin-bottom: 15px;
		}
		
		.propmapview {
			float: left;
			width: 100%;
		}
		
		.propmapview img{
			max-width: none;
		}
		
		.text-label-margin {
			margin-bottom: 5px;
		}
		
		#total-prop-count {
			float: left;
			margin-top: 5px;
		}
		
		#generate-pdf {
			float: left;
			margin-left: 10px;
			margin-top: 5px;
		}
		
		#sort-property {
			float: right;
		}
		
		.selectedTab {
			background-color: #BCCC2B;
		}
		
		#property-options li {
			background-color: #6B899B;
		}
		
		.selectedNavTab {
			background-color: #545454;
		}
		
		.notSelectedNavTab {
			background-color: #6F6F6F;
		}
		
		.list-property-features li span{
			color: #3D5A60;
		}
		
		.list-property-features li{
			color: #3D5A60;
		}
		
		a {
			cursor: pointer;
			color: #6B899B;
			text-decoration: none;
		}
		
		.loading-results {
			background-color: whitesmoke;
			float: left;
			height: 38px;
			text-align: center;
			padding-top: 13px;
			width: 100%;
			text-align: center;
		}
		
		#more-properties {
			background-color: whitesmoke;
			float: left;
			height: 38px;
			text-align: center;
			padding-top: 13px;
			width: 100%;
			text-align: center;
		}
		
		.no-results {
			background-color: whitesmoke;
			float: left;
			height: 38px;
			text-align: center;
			padding-top: 13px;
			width: 100%;
		}
		
		.loading {
			text-align: left;
		}
		
		.custom-tooltip{
			z-index: 9999;
			height: 100px;
			margin-top: 4%;
			font-size: 20px;	
		}
		
		#view-select{
			float: left;
		    margin-left: 253px;
		}
		
		#property-map{
			height: 400px;
			margin-bottom: 20px;
			margin-top: 20px;
			border:1px solid #C8C9CA;
			width: 100%;
			clear: both;
			
			.gm-style-iw{
				.gmap{
					.img{
						position:relative;
						.reserved-map{
							border-color: #666 transparent transparent;
						    border-style: solid;
						    border-width: 50px 50px 0 0;
						    display: block;
						    height: 0;
						    position: absolute;
						    top: 0;
						    width: 0;
						}
						
						.reserved-map:AFTER{
							color: #fff;
						    content: "Under Application";
						    display: block;
						    font-size: 9px;
						    left: -18px;
						    line-height: 10px;
						    position: absolute;
						    text-align: center;
						    top: -43px;
						    transform: rotate(315deg);
						    width: 68px;
						}
					}
				}
			}
		}
		
		#property-map img{
			max-width: none;
		}
		
		#mapview{
			widows: 100%;
		}
	}
	
	#search-results-t2{
		
		.list-view {
			margin-left: 0;
		}
		
	 	.fees-apply{
			margin-bottom: 5px;
			font-size: 20px;
			
			a.fee-applied{
				font-size: 14px;
			}
		}
		
		.navigation-bar {
			margin-bottom: 30px;
			padding: 5px 0;
			
			.set-property{
				padding: 0 10px;
			}
		}
		
		.navigation-bar span {
			vertical-align: middle;
		}
		
		.navigation-txt {
			margin-top: 10px;
			font-size: 14px;
		}
		
		.navigation-opts {
			font-size: 14px;
			text-align: center;
		}
		
		.navigation-opts a {
			text-decoration: none;
			vertical-align: bottom;
			height: 100%;
			padding: 5px;
		}
		
		.navigation-opts a img {
			text-decoration: none;
		}
		
		.navigation-holder {
			margin-top: 10px;
			text-align: right;
		}
		
		.navigation-holder a {
			font-size: 14px;
		}
		
		#property-view {
		}
		
		.list-property {
			border: 1px solid #c8c9ca;
		    border-radius: 8px;
		    height: 270px;
		    margin-bottom: 20px;
		    overflow: hidden;
	    /* code added by Sanjay Kumar w.r.t RT: #101623 <Start> */
	    
		    .property-view-tab{
		    	position: relative;
		    	
		    	.sales-offers{
					background:#6a8a9c;
				   	color: white;
				    font-size:16px;
				    font-weight: bold;
				    padding: 10px 0;
				    bottom: 0;
				    position: absolute;
				    text-transform: uppercase;
				    width: 100%;
				    
				    .sales-offers-price{
					    float: left;
					    margin-left: 10px;
				    }
				    
				    .sales-offers-value{
					    float: right;
					    margin-right: 10px;
				    }
				    
				}
		    }
		    
		    /* End */
		    .prop-hover-menu{
		    	background-color: rgba(188,204,43,0.8);
		    	border-radius: 8px 0 0 8px;
			    height: 100%;
			    position: absolute;
			    text-align: center;
			    width: 100%;
			    .prop-hover-block{
					padding: 125px 0 0;			    	
			    }
			    
			    .hover-more{
			    	width: 23.5%;
			    	display: inline-block;
			    	a{
			    		display:block;
			    	}
			    }
			    
			    .hover-shortlist{
			    	width: 23.5%;
			    	display: inline-block;
			    	a{
			    		display:block;
			    	}
			    }
			    
			    .hover-viewing{
			    	width: 23.5%;
			    	display: inline-block;
			    	a{
			    		display:block;
			    	}
			    }
			    
			    .hover-offer{
			    	width: 23.5%;
			    	display: inline-block;
			    	a{
			    		display:block;
			    	}
			    }
			    
			    .hover-more a:before{
					content: "F";
					font-family: "propertyfonts";
					font-size: 60px;
	    			margin-right: 7px;
				}
				
				.hover-shortlist a.shortlist:before{
					content: "B";
					font-family: "propertyfonts";
					font-size: 60px;
	    			margin-right: 7px;
				}
				
				.hover-shortlist a.remove-shortlist:before{
					content: "b";
					font-family: "propertyfonts";
					font-size: 60px;
	    			margin-right: 7px;
				}
				
				.hover-viewing a:before{
					content: "A";
					font-family: "propertyfonts";
					font-size: 60px;
	    			margin-right: 7px;
				}
				
				.hover-more a:HOVER:before{
					content: "f";
					font-family: "propertyfonts";
				}
				
				.hover-shortlist a.remove-shortlist:HOVER:before{
					content: "B";
					font-family: "propertyfonts";
				}
				
				.hover-shortlist a:HOVER:before{
					content: "b";
					font-family: "propertyfonts";
				}
				
				.hover-viewing a:HOVER:before{
					content: "a";
					font-family: "propertyfonts";
				}
				
				.hover-offer a:before{
					content: "J";
					font-family: "propertyfonts";
					font-size: 60px;
	    			margin-right: 7px;
				}
				
				.hover-offer a:HOVER:before{
					content: "j";
					font-family: "propertyfonts";
				}
		    }
		    
		    .prop-image{
      			background-repeat: no-repeat;
			    background-size: cover;
			    min-height: 270px;
			    
			    .reserved{
					border-color: #666 transparent transparent;
				    border-style: solid;
				    border-width: 100px 100px 0 0;
				    display: block;
				    height: 0;
				    width: 0;
				}
				
				
				
				.reserved:AFTER{
					color: #fff;
				    content: "Under Application";
				    display: block;
				    font-size: 17px;
				    left: -10px;
				    line-height: 17px;
				    position: relative;
				    text-align: center;
				    top: -86px;
				    transform: rotate(315deg);
				    width: 80px;
				}
		    }
		}
		
		.list-view:nth-child(odd) .list-property:nth-child(odd) {
			background-color:white;	
		}
		
		.list-view:nth-child(odd) .list-property:nth-child(even) {
			background-color:#FFF;
		}
		
		.list-view:nth-child(even) .list-property:nth-child(odd) {
			background-color:#FFF;
		}
		
		.list-view:nth-child(even) .list-property:nth-child(even) {
			background-color:white;
		}
		
		
		#list-property-image {
		}
		
		.list-property-details {
			padding: 10px;
			margin-left: 0 !important;
		}
		
		.list-property-address {
			color: #3D5A60;
			font-size: 26px;
			margin-bottom: 0;
			text-align: left;
			height: 18%;
			line-height: 30px;
		}
		
		.prop_visit_count {
			color: #678699;
			font-size: 14px;
			text-align: left;
			padding-left: 10px;
		}
		
		.list-property-address a {
			text-decoration: none;
		}
		
		.list-property-address a:hover {
			color: #3D5A60;
			line-height: 30px;
		}
		
		.list-property-price {
			color: #678699;
			font-size: 24px;
		    font-weight: bold;
		    text-align: left;
		    padding: 5px 0;
		}
		
		.list-property-info {
			margin-top: 12px;
			text-align: left;
		}
		
		.list-property-info-img {
			color: #678699;
			text-align: center;
		    float: left;
		    width: 80px;
			
			.assets-text{
				float: left;
			    margin-left: 0;
			    padding-top: 5px;
			    text-align: left;
			    width: auto;
			    font-size: 19px;
			    color: #bccc2b;
			}
		}
		
		.bed{
			.assets-text:before{
				content: "1";
				font-family: "propertyfonts";
				font-size: 28px;
				margin-right: 7px;
				color: #bccc2b;
			}
		}
		
		.bathroom{
			.assets-text:before{
				content: "2";
				font-family: "propertyfonts";
				font-size: 28px;
				margin-right: 7px;
				color: #bccc2b;
			}
		}
		
		.garage{
			width: auto;
			
			.assets-text:before{
				content: "3";
				font-family: "propertyfonts";
				font-size: 28px;
				margin-right: 7px;
				color: #bccc2b;
			}
		}

		.reception{
			.assets-text:before{
				content: "4";
				font-family: "propertyfonts";
				font-size: 28px;
				margin-right: 7px;
				color: #bccc2b;
			}
		}
		
		.key-features{
			margin-left: 0 !important;
			margin-top: 15px;
			
			ul{
				margin: 0;
				
				li:nth-child(4){
					margin-left: 0 !important;
				}
				
				li:nth-child(7){
					margin-left: 0 !important;
				}
				
				li:nth-child(10){
					margin-left: 0 !important;
				}
			}
			
			h3{
				margin: 0;
				text-transform: uppercase;
				line-height: 30px;
				font-size: 16px;
				font-weight: 300;
			}
		}
		
		.list-property-ref {
			color: #678699;
			font-size: 14px;
			margin-top: 0;
			padding-right: 31px;
			text-align: right;
			margin-bottom: 10px;
		}
		
		.property-options .tabs-spacer {
		}
		
		.property-options {
			margin-top: 10px;
		}
		
		.property-options ul li {
			border-radius: 5px;
		    cursor: pointer;
		    display: block;
		    font-size: 12px;
		    margin-bottom: 5px;
		    padding: 5px 10px;
		    text-align: left;
   			width: 177px;
		}
		
		.property-options ul{
			margin-left: 0;
		}
		
		.property-options ul li{
			a {
				color: white;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 14px;
			}
			
			a.more-details:before{
				content: "F";
				font-family: "propertyfonts";
				font-size: 28px;
    			margin-right: 7px;
			}
			
			a.un-shortlist:before{
				content: "B";
				font-family: "propertyfonts";
				font-size: 28px;
    			margin-right: 7px;
			}
			
			a.un-shortlist.selected:before{
				content: "b";
				font-family: "propertyfonts";
				color: #bccc2b;
			}
			
			a.un-shortlist:HOVER:before{
				content: "b";
				font-family: "propertyfonts";
				font-size: 28px;
    			margin-right: 7px;
			}
			
			a.add-to-shortlist:before{
				content: "B";
				font-family: "propertyfonts";
				font-size: 28px;
    			margin-right: 7px;
			}
			
			a.arrange-viewing:before{
				content: "A";
				font-family: "propertyfonts";
				font-size: 28px;
    			margin-right: 7px;
			}
			
			a.add-to-shortlist.selected:before{
				content: "b";
				font-family: "propertyfonts";
				color: #bccc2b;
			}
			
			a.more-details:HOVER:before{
				content: "f";
				font-family: "propertyfonts";
				font-size: 28px;
    			margin-right: 7px;
			}
			
			a.add-to-shortlist:HOVER:before{
				content: "b";
				font-family: "propertyfonts";
				font-size: 28px;
    			margin-right: 7px;
			}
			
			a.arrange-viewing:HOVER:before{
				content: "a";
				font-family: "propertyfonts";
				font-size: 28px;
    			margin-right: 7px;
			}
			
			a.make-offer:before{
				content: "J";
				font-family: "propertyfonts";
				font-size: 28px;
    			margin-right: 7px;
			}
			
			/* a.make-offer:HOVER:before{
				content: "b";
				font-family: "propertyfonts";
				color: #bccc2b;
			} */
		}
		
		h4{
			margin-bottom: 0;
			font-weight: 300;
			font-size: 12px;
		}
		
		h2{
			font-size: 24px;
			color: #bccc2b;
			font-weight: bold;
			margin-top: 0;
		}
		
		#social-media {
			padding: 0 10px 0 0;
		}
		
		#social-media .tabs-spacer {
		}
		
		#social-media ul li {
			display: block;
			margin-bottom: 0;
			margin-right: 7%;
			padding-bottom: 5px;
			padding-top: 0;
			text-align: center;
		}
		
		#social-media ul li a {
			color: white;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		.tabs-bottom .ui-tabs-nav {
			padding: 0 .2em .2em .2em;
		}
		
		.tabs-bottom .ui-tabs-nav li {
			top: auto;
			bottom: 0;
			margin: 0 .2em 1px 0;
			border-bottom: auto;
			border-top: 0;
		}
		
		.tabs-bottom .ui-tabs-nav li.ui-tabs-active {
			margin-top: -1px;
			padding-top: 1px;
		}
		
		.property-view-tab {
		}
		
		.property-view-tab a{
			text-decoration: none;
			color: white;
		}
		
		.property-tab {
			font-size: 12px;
			margin-right: 2px;
			text-align: center;
		}
		
		.property-tab a {
			color: #FFFFFF;
			text-decoration: none;
			display: block;
		}
		
		.map, .pano {
			border: none;
			margin-top: 5px;
			margin-bottom: 15px;
		}
		
		.propmapview {
		}
		
		.propmapview img{
			max-width: none;
		}
		
		.text-label-margin {
			margin-bottom: 5px;
		}
		
		.navigation-bar{
			margin-left: 1px;
			
			.no-of-properties{
			    margin-bottom: 20px;
				
				#total-prop-count {
					margin-top: 5px;
		    		text-align: left;
		    		width: 38%;
		    		float: left;
		    		
		    		.count{
		    			font-size: 24px;
		    			font-weight: bold;
		    		}
		    		
		    		.text{
		    			font-size: 20px;
					    padding-left: 7px;
		    		}
		    		
		    		.location{
		    			font-size: 24px;
		    			font-weight: bold;
		    			text-transform: capitalize;
		    			padding-left: 5px;
		    		}
				}
			}
			
			.navigation-options{
				margin-left: 1px;
				
				#generate-pdf{
					display: table;
					
					a{
						display: table-cell;
						width: 52px;
					}
					
					a:before{
						content: "D";
						font-family: "propertyfonts";
						font-size: 44px;
			   			margin-right: 7px;
			   			color: #6b899b;
					}
					
					a:HOVER:before{
						color: #CBE147;
					}
					
					span{
						display: table-cell;
    					vertical-align: middle;
    					font-size: 16px;
    					padding-bottom: 5px;
					}
				}
				
				#view-select{
					margin-left: 1px;
					display: table;
					text-align: right;
					
					#map-nav{
						float: right;
					    text-align: right;
					    width: auto;
					}
					
					select{
						background-color: #6b899b;
					    border-radius: 8px;
					    color: white;
					    display: table-cell;
					    height: 37px;
					    vertical-align: middle;
					    font-size: 18px;
					}
					
					a.nav-list:before{
						content: "h";
						font-family: "propertyfonts";
						font-size: 44px;
		    			color: #6b899b;
					}
					
					a.nav-map:before{
						content: "i";
						font-family: "propertyfonts";
						font-size: 44px;
		    			color: #6b899b;
					}
					
					a.nav-grid:before{
						content: "g";
						font-family: "propertyfonts";
						font-size: 44px;
		    			color: #6b899b;
					}
					
					a.nav-list.sel:before{
						color: #CBE147;
					}
					
					a.nav-map.sel:before{
						color: #CBE147;
					}
					
					a.nav-grid.sel:before{
						color: #CBE147;
					}
					
					a:HOVER:before{
						color: #CBE147;
					}
					
					.nav-list{
						padding-left: 5px;
    					padding-right: 5px;
    					display: table-cell;
					    vertical-align: middle;
					    width: 50px;
					}
					
					.nav-map{
						padding-right: 5px;
						display: table-cell;
					    vertical-align: middle;
					    width: 50px;
					}
					
					.nav-grid{
						display: table-cell;
					    vertical-align: middle;
					    width: 50px;
					}
				}
			}
		}
		
		.selectedTab {
			background-color: #BCCC2B;
		}
		
		.property-options li {
			background-color: #6B899B;
		}
		
		.selectedNavTab {
			background-color: #545454;
		}
		
		.notSelectedNavTab {
			background-color: #6F6F6F;
		}
		
		.list-property-features li span{
			color: #3D5A60;
			font-size: 16px;
		}
		
		.list-property-features li{
			color: #3D5A60;
		}
		
		a {
			cursor: pointer;
			color: #6B899B;
			text-decoration: none;
		}
		
		.loading-results {
			background-color: whitesmoke;
			text-align: center;
			padding-top: 13px;
			text-align: center;
			clear: both;
		}
		
		#more-properties {
			background-color: transparent;
			text-align: center;
			margin-left: 0;
		    padding-bottom: 5px;
		    padding-top: 5px;
		    
		    .btn{
		    	border-radius: 8px;
			    font-size: 18px;
			    margin-bottom: 10px;
			    padding: 10px 20px;
			    text-transform: uppercase;
		    }
		}
		
		.no-results {
			background-color: whitesmoke;
		    margin-left: 0 !important;
		    padding-top: 5px !important;
		    text-align: center;
		}
		
		.loading {
			text-align: left;
		}
		
		.custom-tooltip{
			z-index: 9999;
			margin-top: 4%;
			font-size: 20px;	
		}
		
		#property-map{
			margin-bottom: 20px;
			margin-top: 20px;
			border:1px solid #C8C9CA;
			height: 540px;
			
			.gm-style-iw{
				.gmap{
					.img{
						position:relative;
						.reserved-map{
							border-color: #666 transparent transparent;
						    border-style: solid;
						    border-width: 50px 50px 0 0;
						    display: block;
						    height: 0;
						    position: absolute;
						    top: 0;
						    width: 0;
						}
						
						.reserved-map:AFTER{
							color: #fff;
						    content: "Under Application";
						    display: block;
						    font-size: 9px;
						    left: -18px;
						    line-height: 10px;
						    position: absolute;
						    text-align: center;
						    top: -43px;
						    transform: rotate(315deg);
						    width: 68px;
						}
					}
				}
			}
		}
		
		#property-map img{
			max-width: none;
		}
		
		#mapview{
			widows: 100%;
		}
		
		.grid-view {
			margin-left: 0;
		}
		
		.grid-property {
			background-color: #F0F0F0;
			border: 1px solid #C8C9CA;
			margin-bottom: 20px;
			height: 330px;
			overflow: hidden;
			border-radius: 8px;
			
		   /* code added by Sanjay Kumar w.r.t RT: #101623 <Start> */
			.sales-offers{
					background:#6a8a9c;
				   	color: white;
				    font-size:16px;
				    font-weight: bold;
				    padding: 10px 0;
				    bottom: 0;
				    position: absolute;
				    text-transform: uppercase;
				    width: 100%;
				    
				    .sales-offers-price{
					    float: left;
					    margin-left: 10px;
				    }
				    
				    .sales-offers-value{
					    float: right;
					    margin-right: 10px;
				    }
				    
			}
			/* 
			end */
			
			.prop-hover-menu{
			    background-color: rgba(188,204,43,0.8);
		    	border-radius: 8px 0 0 0;
			    height: 100%;
			    position: absolute;
			    text-align: center;
			    width: 100%;
			    .prop-hover-block{
					padding: 100px 0 0;			    	
			    }
			    
			    a{
			    	color: white;
			    }
			    
			    .hover-more{
			    	width: 23.5%;
					display: inline-block;
			    }
			    
			    .hover-shortlist{
			    	width: 23.5%;
					display: inline-block;
			    }
			    
			    .hover-viewing{
			    	width: 23.5%;
					display: inline-block;
			    }
			    
			    .hover-offer{
			    	width: 23.5%;
					display: inline-block;
			    }
			    
			     .hover-more a:before{
					content: "F";
					font-family: "propertyfonts";
					font-size: 50px;
	    			margin-right: 7px;
				}
				
				.hover-shortlist a.shortlist:before{
					content: "B";
					font-family: "propertyfonts";
					font-size: 50px;
	    			margin-right: 7px;
				}
				
				.hover-shortlist a.remove-shortlist:before{
					content: "b";
					font-family: "propertyfonts";
					font-size: 50px;
	    			margin-right: 7px;
				}
				
				.hover-viewing a:before{
					content: "A";
					font-family: "propertyfonts";
					font-size: 50px;
	    			margin-right: 7px;
				}
				
				.hover-more a:HOVER:before{
					content: "f";
					font-family: "propertyfonts";
				}
				
				.hover-shortlist a.shortlist:HOVER:before{
					content: "b";
					font-family: "propertyfonts";
				}
				
				.hover-shortlist a.remove-shortlist:HOVER:before{
					content: "B";
					font-family: "propertyfonts";
				}

				.hover-viewing a:HOVER:before{
					content: "a";
					font-family: "propertyfonts";
				}
				
				.hover-offer a:before{
					content: "J";
					font-family: "propertyfonts";
					font-size: 50px;
	    			margin-right: 7px;
				}
				
				.hover-offer a:HOVER:before{
					content: "j";
					font-family: "propertyfonts";
				}
		    }
		    
		    .prop-image{
      			background-repeat: no-repeat;
			    background-size: cover;
			    min-height: 195px;
			    
			    .reserved{
					border-color: #666 transparent transparent;
				    border-style: solid;
				    border-width: 100px 100px 0 0;
				    display: block;
				    height: 0;
				    width: 0;
				}
				
				.reserved:AFTER{
					color: #fff;
				    content: "Under Application";
				    display: block;
				    font-size: 17px;
				    left: -10px;
				    line-height: 17px;
				    position: relative;
				    text-align: center;
				    top: -86px;
				    transform: rotate(315deg);
				    width: 80px;
				}
		    }
		}
		
		.grid-view>.grid-property:nth-child(4n+1) {
			margin-left: 0 !important;
		}
		
		.grid-property-image {
			clear: both;
			position: relative;
		}
		
		.grid-property-details {
			padding: 5px;
			margin-left: 0;
			
			.grid-property-address {
				color: #2d699f;
			    font-size: 14px;
			    height: 45px;
			    margin-bottom: 20px;
			    margin-top: 10px;
			    text-align: left;
			    width: 100%;
				
				#fees-apply{
					color: #678699;
					font-size: 12px;
				}
			}
			
			.grid-property-address a {
				text-decoration: none;
				font-size: 19px;
			}
			
			.grid-property-address a:hover {
				text-decoration: underline;
				color: #678699;
			}
			
			.grid-property-price {
				color: #678699;
			    float: left;
			    font-size: 24px;
			    font-weight: bold;
			    padding-top: 10px;
			    width: auto;
			}
			
			.grid-property-desc {
				clear: both;
				color: #8F8F8F;
				font-size: 12px;
				line-height: 16px;
				padding-top: 10px;
			}
			
			.grid-property-info {
				float: right;
			    padding-top: 10px;
			    text-align: left;
			    width: auto;
			    
				.assets-text{
					color: #bccc2b;
				    float: left;
				    font-size: 19px;
				    margin-right: 9px;
				    width: auto;
				}
				
				.bed.assets-text:before{
					content: "1";
					font-family: "propertyfonts";
					font-size: 28px;
					margin-right: 3px;
					color: #bccc2b;
				}
				
				.bathroom.assets-text:before{
					content: "2";
					font-family: "propertyfonts";
					font-size: 28px;
					margin-right: 3px;
					color: #bccc2b;
				}
			}
			
			.grid-property-ref {
				width: 99%;
				font-size: 14px;
				color: #678699;
				margin-top: 5px;
			}			
			
		}
	}
}


#search-result-forms {
	padding: 5px;
	font-size: 14px;

	a {
		text-decoration: none;
		color: #6B899C;
		cursor: pointer;
	}
	
	span.img {
		width: 30px;
		float: left;
	}
	
	form {
		padding: 10px;
		padding-top: 0
	}
	
	.option{
		float:left;
		width:24%;
		padding: 3px;
	}
	
	.number{
		font-size: 28px;
	}
	
	.desc{
		font-size: 12px;
		height: 100px;
	}
	
	.img{
		width: 165px;
		height: 205px;
	}
	
	.control-group {
		height: 40px;
	}
	
	.help-inline {
		padding-left: 0px;
	}
	
	.control-label {
		display: none;
	}
	
	.control-group .control-label {
		display: none;
	}
	
	.control-group input,.control-group select,.control-group textarea
		{
		width: 100%;
	}
	
	.control-group .date {
		/* margin-top: 60px; */
		cursor: pointer;
	}
	
	.portlet-borderless-container {
		min-height: 0px;
	}
	
	button.btn,input.btn[type="submit"] {
		margin-top: 60px;
		clear: both;
	    float: left;
	}
	
	p{
		color: #325259;
		font-weight: 400;
		line-height: 24px;		
	}
}