@import "compass";


#property-shortlist{
	#property-shortlist-t1{
		width:100%;
		
		.ps-button{
			box-shadow:none;
			border-radius:0px;
			margin-top: 0px;
			text-align: left;
			width: 175px;
			float: right;
			line-height: 12px;
			padding: 10px;
		}
		
		.shortlist-icon{ 
			background-image: url("../images/shortlist.png");
			height:14px;
			width:16px;
			display:inline-block;
			background-repeat:no-repeat;
			padding-right: 5px;
		}
		
		.portlet-borderless-container{
			margin-bottom: 0px;
		}
	}
	
	#property-shortlist-t2{
		width:100%;
		
		.ps-button{
			background-color: white;
		    border-radius: 0;
		    box-shadow: none;
		    color: #4f6573;
		    float: right;
		    font-size: 17px;
		    height: 50px;
		    line-height: 12px;
		    margin-top: 0;
		    padding: 10px;
		    text-align: left;
		    text-transform: uppercase;
		    width: 100%;
		}
		
		#tooltip-add:HOVER{
		    background-color: #4f6573;
		    color: white
		}
		
		#tooltip-remove:HOVER{
		    background-color: #4f6573;
		    color: white;
		}
		
		#tooltip-add:before{
			color: #bccc2b;
		    content: "B";
		    font-family: "propertyfonts";
		    font-size: 35px;
		    margin-right: 7px;
		}
		
		#tooltip-remove:before{
			content: "b";
			color: #6b899b;
		    font-family: "propertyfonts";
		    font-size: 35px;
		    margin-right: 7px;
		}
		
		#tooltip-add:HOVER:before{
			color: white;
		}
		
		#tooltip-remove:HOVER:before{
			color: white;
		}
		
		.portlet-borderless-container{
			margin-bottom: 0px;
		}
		
		.remove-shortlist{
			display: none;
		}
	}
}

#property-shortlist-view{
	
	#property-shortlist-view-t1{
		.ps-button{
			box-shadow:none;
			border-radius:0px;
			margin-top: 0px;
			text-align: left;
			width: 18%;
		}
		
		.arrange-view-icon{
			background-image: url("../images/arrange-view.png");
			height:14px;
			width:16px;
			display:inline-block;
			background-repeat:no-repeat;
		}
		
		.send-to-friend-icon{
			background-image: url("../images/send-to-friend.png");
			height:14px;
			width:16px;
			display:inline-block;
			background-repeat:no-repeat;
		}
		
		#send-to-friend, #arrange-view  {
			font-size: 14px;
			clear: both;
			margin-bottom: 2%;
		}
		
		#grid-view {
			clear: both;
			overflow: hidden;
		}
		
		.grid-property {
			background-color: #F0F0F0;
			border: 1px solid #C8C9CA;
			float: left;
			margin-bottom: 20px;
			margin-right: 10px;
			padding: 4px;
			width: 200px;
			height: 360px;
		}
		
		.grid-property-image {
			float: left;
		}
		
		.grid-property-details {
			float: left;
			margin-left: 10px;
			width: 65%;
		}
		
		.grid-property-address {
			color: #2D699F;
			float: left;
			font-size: 14px;
			margin-top: 10px;
			min-height: 45px;
			text-align: left;
			width: 99%;
		}
		
		.grid-property-address a {
			text-decoration: none;
		}
		
		.grid-property-address a:hover {
			text-decoration: underline;
			font-size: 14px;
			color: #678699;
		}
		
		.grid-property-price {
			margin-top: 5px;
			width: 90%;
			font-size: 14px;
			color: #678699;
		}
		
		.grid-property-desc {
			clear: both;
			color: #8F8F8F;
			font-size: 12px;
			line-height: 16px;
			padding-top: 10px;
		}
		
		.grid-property-info {
			float: left;
			height: 90px;
			margin-top: 5px;
			text-align: left;
			width: 100%;
		}
		
		.grid-property-info-img {
			color: #678699;
			float: left;
			text-align: center;
			width: 25%;
		}
		
		.grid-property-info-img span {
			width: 20%;
			word-wrap: break-word;
		}
		
		.grid-property-ref {
			width: 99%;
			font-size: 14px;
			color: #678699;
			margin-top: 5px;
		}
		
		.remove-property {
			float: right;
			font-weight: bold;
			color: white;
		}
		
		.remove-property a {
			text-decoration: none;
		}
		
		.remove-property a:hover {
			text-decoration: underline;
		}
		
		.portlet-borderless-container{
			margin-bottom: 0px;
		}
	}
	
	#property-shortlist-view-t2{
		.ps-button{
			box-shadow:none;
			border-radius:0px;
			margin-top: 0px;
			text-align: left;
			width: 18%;
		}
		
		#options  {
			font-size: 14px;
			clear: both;
			margin-bottom: 2%;
		}
		
		.av-button:before{
			content: "A";
			font-family: "propertyfonts";
			font-size: 35px;
			margin-right: 7px;
			color: #bccc2b;
		}
		
		.av-button:HOVER:before{
			content: "a";
			font-family: "propertyfonts";
			font-size: 35px;
			margin-right: 7px;
			color: #6b899b;
		}
		
		.av-button{
			box-shadow:none;
			border-radius:0px;
			font-size: 17px;
		    height: 50px;
		    line-height: 12px;
		    margin-top: 0;
		    padding: 10px;
		    text-align: left;
		    width: 100%;
		    text-transform: uppercase;
		    color: #4f6573;
		    background-color: white;
		}
		
		.av-button:HOVER{
		    color: white;
		    background-color: #4f6573;
		}
		
		.stf-button:before{
			content: "C";
			font-family: "propertyfonts";
			font-size: 35px;
			margin-right: 7px;
			color: #bccc2b;
		}
		
		.stf-button:HOVER:before{
			content: "c";
			font-family: "propertyfonts";
			font-size: 35px;
			margin-right: 7px;
			color: #6b899b;
		}
		
		.stf-button{
			box-shadow:none;
			border-radius:0px;
			font-size: 17px;
		    height: 50px;
		    line-height: 12px;
		    margin-top: 0;
		    padding: 10px;
		    text-align: left;
		    width: 100%;
		    text-transform: uppercase;
		    color: #4f6573;
		    background-color: white;
		}
		
		.stf-button:HOVER{
		    color: #6b899b;
		    background-color: #4f6573;
		}
		
		#grid-view>.grid-property:nth-child(4n+1) {
			margin-left: 0 !important;
		}
		
		#grid-view {
			clear: both;
			overflow: hidden;
		
			.grid-property {
				background-color: #F0F0F0;
				margin-bottom: 20px;
				height: 340px;
				border-radius: 8px;
			
				.grid-property-image {
					img{
						border-radius:8px 8px 0 0;
					}
				}
				
				.remove-property {
					clear: both;
				    color: white;
				    float: right;
				    font-weight: bold;
				    padding: 10px 5px 0 10px;
				    text-align: right;
				    width: 100%;
				    
				    a {
						text-decoration: none;
						font-size: 20px;
					}
					
					a:hover {
						text-decoration: underline;
					}
				}
					
				.details{
					padding: 10px;
					
					.grid-property-details {
						margin-left: 10px;
						width: 65%;
					}
					
					.grid-property-address {
						color: #2d699f;
					    font-size: 14px;
					    margin-top: 5px;
					    min-height: 45px;
					    text-align: left;
					}
					
					.grid-property-address a {
						text-decoration: none;
						font-size: 19px;
					}
					
					.grid-property-address a:hover {
						text-decoration: underline;
						font-size: 19px;
						color: #678699;
					}
					
					.price{
						padding-top: 10px;
						
						.grid-property-price {
							color: #6b899b;
						    float: left;
						    font-size: 21px;
						    font-weight: bold;
						    padding-top: 10px;
						    width: 57%;
						}
						
						.grid-property-desc {
							clear: both;
							color: #8F8F8F;
							font-size: 12px;
							line-height: 16px;
							padding-top: 10px;
						}
						
						.grid-property-info {
							float: right;
						    text-align: left;
						    width: auto;
						    margin-top: 10px;
						}
						
						.grid-property-info-img {
						    float: left;
						    margin-right: 10px;
						    text-align: center;
						    width: auto;
						    color: #bccc2b;
						    font-size: 19px;
						}
						
						.grid-property-info-img.beds:before{
							color: #bccc2b;
						    content: "1";
						    font-family: "propertyfonts";
						    font-size: 28px;
						    margin-right: 7px;
						}
						
						.grid-property-info-img.bathroom:before{
							color: #bccc2b;
						    content: "2";
						    font-family: "propertyfonts";
						    font-size: 28px;
						    margin-right: 3px;
						}
					}
				}
			}
		}
	}

}

#property-shortlist-form {
	
	form{
		padding: 10px;
		padding-top: 0;
	
		a {
			color: #6B899C;
			cursor: pointer;
			text-decoration: none;
			font-size: 14px;
			vertical-align: top;
		}
		
		.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;
		}
	}
}

.aui .dialog-iframe-popup{
	background-color: transparent !important;
}