/* CSS Document */

/*************************************************************************************************
	Layout for the client add housing advert table.
*************************************************************************************************/
.main-content-full{
	z-index:50;
	float:left;	
	padding:0px 0px 0px 5px;
	margin:10px 0px 0px 5px;
	width:100%;
	font-size:16px;
}

.main-content-full-header{
	position:relative;
	height:8px;
	width:30px;
	margin:-5px 0px 0px -5px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat left top;
}

.main-content-full-header span{
	position:absolute;
	height:8px;
	width:705px;
	margin:0px 0px 0px 25px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right top;
}

.main-content-full-right{
	float:right;
	background-position: 100% 0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px -10px;
	width:725px;
	background: url(../images/text-white-bg2.png) repeat-y right top;
}

.main-content-full-bottom{
	float:left;
	height:8px;
	width:705px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin-left:-5px;
	margin-top:5px;
	margin-bottom:-5px;
	background: url(../images/text-white-bg.png) no-repeat left bottom;
}

.main-content-full-bottom span{
	float:left;
	height:8px;
	width:20px;
	margin:0px 0px 0px 705px;
	padding:0px 5px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right bottom;
}

.addHousing{
	float:left;
	width:99%;
	font-size:16px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.addHousingAdvertTable{
	float:left;
	width:99%;
	font-size:16px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.addHousingAdvertTable input[type="text"]{
	height:35px;
	width:80%;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

.addHousingAdvertTable select{
	height:35px;
	width:80%;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

.addHousingAdvertTable input[type="password"]{
	height:35px;
	width:150px;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

.addHousingAdvertTable td.description{
	text-align:right;
	vertical-align: top;
	padding:8px 5px 0px 0px;
	font-size:16px;
	color:#404040;
}

.addHousingAdvertTable td.descriptionHeader{
	text-align:left;
	vertical-align: top;
	height:25px;
	padding:25px 5px 0px 0px;
	font-size:16px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.addHousingAdvertTable td.addHousingInputFieldLabel{
	text-align:right;
	vertical-align: top;
	width:130px;
	padding:9px 5px 2px 5px;
	font-size:16px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.addHousingAdvertTable td.displaydetails{
	text-align:left;
	vertical-align: top;
	padding:2px 0px 2px 0px;
	font-size:16px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.addHousingAdvertTable td.housingInputSectionDescription{
	text-align:left;
	vertical-align: top;
	padding:15px 5px 5px 0px;
	font-size:16px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#housingDescriptionTextArea{
	height:150px;
	width:80%;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

.housingInputForm{
	height:35px;
	width:80%;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

.addHousingPricingHeader{
	float:left;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 5px 5px;
	font-size:14px;
	color:#404040;
}

.addHousingSelectPrice{
	float:left;
	width:145px;
	margin:5px 5px 5px 5px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	color:#404040;
}

.addHousingSelectPriceContent{
	float:left;
	width:143px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	margin-bottom:5px;
	background: url(../images/text-white-bg2.png) repeat-y left top;
	font-size:14px;
	color:#404040;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
}

.addHousingSelectPriceTop{
	position:relative;
	height:8px;
	width:15px;
	margin:-5px 0px 0px -5px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat left top;
}

.addHousingSelectPriceTop span{
	position:absolute;
	height:8px;
	width:138px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right top;
}

.addHousingSelectPriceRight{
	float:right;
	background-position: 100% 0;
	padding:0px 0px 0px 0px;
	margin:0px 0px -5px 0px;
	width:143px;
	background: url(../images/text-white-bg2.png) repeat-y right top;
}

.addHousingDurationText{
	width:143px;
	height:87px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 5px 0px;
	font-size:14px;
	color:#404040;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
}

.addHousingSelectPriceBottom{
	position:relative;
	height:10px;
	width:5px;
	margin:-2px 0px -5px 0px;
	padding:0px 0px -4px 0px;
	margin-left:-5px;
	background: url(../images/text-white-bg.png) no-repeat left bottom;
}

.addHousingSelectPriceBottom span{
	position:absolute;
	height:8px;
	width:138px;
	margin:2px 0px -8px 5px;
	padding:0px 5px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right bottom;
}

.housingSponsoredLayer{
	float:left;
	visibility:hidden;
	display:none;
}

.housingSponsoredPrice{
	float:left;
	visibility:hidden;
	width:500px;
	display:none;
}
#sponsoredPrice{
	position:relative;
	visibility:hidden;
	display:none;
	margin:-37px 0px 0px 160px;
}
.sponsoredText{
	float:left;
	width:99%;
	margin:-3px 0px 3px 0px;
	font-size:14px;
	color:#909090;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#addHousingError{
	z-index:100;
	visibility:hidden;
	display:none;
	position:absolute;
	margin:40px 0px 0px 150px;
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png)
}

#addHousingAlert{
	z-index:100;
	visibility:hidden;
	display:none;
	position:absolute;
	margin:40px 0px 0px 150px;
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png)
}


.loginButton{
	position:relative;
	margin: 40px 0px 10px 250px;
	padding: 0px 0px 6px 0px;
}

#housingTypeWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:96%;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingLetTypeWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingFurnishedWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingGardenWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingBedsWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingParkingWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingBathroomsWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingDescriptionTextAreaWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingLocationDoorWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:683px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingLocationRoadWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingLocationAreaWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingLocationCityWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingLocationPostcodeWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingCurrencyWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingPriceWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}

#housingAdvertDurationWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}
#housingSponsorTimeWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:645px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
}
/*************************************************************************************************************/

.houseContent{
	float:left;
	width:59%;		
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

#houseOverview{
	float:left;
	width:100%;	
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	color:#404040;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.houseOverviewItems{
	float:left;
	width:98%;
	height:auto;	
	font-family:Georgia,"Times New Roman",Times,serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	background: url(../images/listIcon.png) no-repeat left top; 
}

#houseOverviewDescription{
	float:left;
	width:100%;
	min-height:58px;
	font-size:16px;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.44;
	font-family:Georgia,"Times New Roman",Times,serif;
}

/**
 * Housing search table layout.
 **/
.searchHouseForm input[type="text"]{
	color:#404040;
	width:98%;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

.searchHouseForm select{
	color:#404040;
	height:35px;
	width:98%;
	border-style:solid;
	border-color:#E4E4E4;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;	   
	box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

.searchHouseForm option{
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;	   
}

.housingAdvertContent{
	position:relative;
	width:698px;
	height:130px;
	padding:0px 0px 0px 2px;
}

.housingAdvertContentSponsored{
	position:relative;
	width:698px;
	height:140px;
	padding:0px 0px 0px 2px;
	background-color:#FFE8E8;
}

.housingAdvertContent img{
	border-style: none;
}

#housingAdvertTitle{
	float:right;
	width:100%;
	height:auto; 	
	color:#074389;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:20px;
}

#housingAdvertTitle a:link,a:hover, a:visited{
	text-decoration:none;
	color:#074389;
}

#housingAdvertPrice{
	float:right;
	padding:0px 5px 0px 0px;
}

#housingAdvertBasic{
	float:left;
	width:20%;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 2px 0px 5px;
	color:#3e3e3e;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
}
.housingAdvertBasicItem{
	float:left;
	width:100%;	
	min-height:23px;
	color:#3e3e3e;
	padding:1px 0px 0px 15px;
	background: url(../images/listIcon.png) no-repeat left top; 
}

#housingAdvertImage{
	float:left;
	width:25%;
	text-align:center;
}

#housingAdvertImage img{
	width:100%;
}

.housingAdvertItem{
	float:left;
	width:100%;
	height:auto;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 5px;
	font-size:16px;
	
    box-sizing: border-box;
    border: 2px solid #E4E4E4;
    border-radius: 5px;
}

.housingAdvertItemSponsored{
	float:left;
	width:100%;
	height:auto;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 5px;
	font-size:16px;
	
    box-sizing: border-box;
    border: 2px solid #E4E4E4;
    border-radius: 5px;
	background-color:#FFE8E8;
}

#housingAdvertDetailed{
	float:left;
	width:52%;
	height:auto;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	font-size:16px;
	color:#3e3e3e;
	line-height:1.44;
}

.housingAgentsFound{
	float:left;
	width:150px;
	height:20px;
	padding: 0px 0px 0px 5px;
	color:#3e3e3e;
	font-size:16px;
}
.housingAgentItem{
	float:left;
	width:100%;
	height:auto;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 5px;
	font-size:16px;
	
    box-sizing: border-box;
    border: 2px solid #E4E4E4;
    border-radius: 5px;
}

#housingAgentImage{
	float:left;
	width:23%;
	height:auto;
	text-align:center;
}
#housingAgentImage img{
	text-align:center;
	width:100%;
}
.housingAgentContent{
	position:relative;
	width:99%;
	padding:0px 0px 0px 2px;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.housingAgentContent img{
	border-style: none;
}

#housingAgentTitle{
	float:right;
	width:76%;
	height:auto;
	font-size:20px;
	color:#074389;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#housingAgentTitle a:link, a:hover, a:visited{
	text-decoration:none;
	list-style:none;
}

#housingAgentContactDetails{
	float:left;
	width:74%;
	height:auto;
	color:#074389;
	font-size:16px;
	padding:0px 0px 5px 0px;
	margin:5px 2px 0px 5px;
}
#housingAgentDetailes{
	float:left;
	width:74%;
	height:auto;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	font-size:16px;
	line-height: 23px;
	color:#3e3e3e;
}

/******************************************************/


.housingAdvertItemShort{
	float:left;
	width:99%;
	height:auto;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 5px;
	font-size:16px;
	
    box-sizing: border-box;
    border: 2px solid #E4E4E4;
    border-radius: 5px;
}


#housingAdvertTitleShort{
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	font-size:18px;
	color:#074389;
	font-family:Georgia,"Times New Roman",Times,serif;
	padding:0px 0px 5px 0px;
}

#housingAdvertImageShort{
	float:left;
	width:25%;
	text-align:center;
	margin: 0px 0px 0px 0px;
}

#housingAdvertImageShort img{
	border-style: none;
	width:100%;
}

#housingAdvertDetailedShort{
	float:left;
	width:52%;
	height:auto;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 5px;
	font-size:16px;
	line-height: 23px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.viewHouseImageBack{
	float:left;
	width:250px;
	margin:50px 0px 0px 25px;
}
/******************************************************/


.loadHouseImagesBackground{
	float:left;
	text-align:center;
	vertical-align: middle; 
	padding: 0px 0px 10px 0px;
	margin: 0px px 0px 0px;
	width:100%;
}

.loadHouseImage{
	float:left;
	width:49%;
	min-width:250px;
	background-color:#EEEEEE;
	text-align:center;
	vertical-align: middle; 
	padding: 0px 0px 20px 0px;
	margin: 0px 5px 0px 0px;
}

.loadHouseImages{
	float:left;
	width:49%;
	min-width:250px;
	background-color:#EEEEEE;
	text-align:center;
	vertical-align: middle; 
	padding: 0px 0px 20px 0px;
	margin: 0px 5px 0px 0px;
}


.addHouseMainImage{
	width:70%;
	margin-left:15%;
	margin-top:20px;	
	box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}
.addHouseMainImage img{
	width:100%;	
}

#saveHouseMainImage{
	margin: 40px 0px 0px 0px;
}

#removeHouseMainImage{
	margin: 40px 0px 0px 0px;
}

#deleteHouseImagesBtn{
	width:100%;
	float:left;
	text-align:center;
	height:30px;
	margin:40px 0px 0px 0px;
}

#saveHouseImages{
	margin: 40px 0px 0px 0px;
}

#deleteHouseImages{
	margin: 40px 0px 0px 0px;
}

.houseAdvertBasicItem{
	float:left;
	width:100%;
	min-height:23px;
	font-size:16px;
	color:#3e3e3e;
	padding:0px 0px 0px 15px;
	background-color:#CCCCCC;
	background: url(../images/listIcon.png) no-repeat left top; 
}

.addHouseImages{
	float:left;
	width:105px;
	height:123px;	
	box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}
.addHouseImages img{
	width:100%;
}

#loadHouseImageDescription{
	float:left;
	font-size:16px;
	width:99%;
	height:50px;
	padding: 5px 0px 0px 0px;
}

#loadHouseImagesDescription{
	float:left;
	font-size:16px;
	width:99%;
	height:50px;
	padding: 5px 0px 0px 0px;
}

.loadHouseImageForm{
	float:left;
	margin:20px 0px 0px 0px;
}

#houseImageList{
	float:left;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	border-style:none;
}

.deleteTextBox{
	position:absolute;
	width:90px;
	z-index:100;
	margin:93px 0px 0px 0px;
}

.houseImageID{
	position:absolute;
	margin:-7px 0px 0px -3px;
}

.houseImages{
	float:left;
	width:33%;
	margin:0px 0px 0px 2px;
	padding:0px 5px 0px 0px;
}
.houseImages img{
	max-width:100%;		
}

.houseImagesMainAdvert{
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}

.housePageNumbering{
	float:left;
	margin: 0px 0px 0px 20px;
	padding: 40px 0px 0px;
	text-align:center;
}

#mainHouseImagesList{
	float:left;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	border-style:none;
}

.viewHouseImage{
	float:left;
	width:99%;
	text-align:center;
	margin:10px 0px 0px 0px;
}
.viewHouseImage img{
	float:left;
	width:100%;
	text-align:center;
}

.viewHouseImageDescription{
	float:left;
	width:100%;
	text-align:center;
	margin:10px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.wrapper{
	float:left;
	width:50px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.houseSmallImages{
	float:left;
	width:45px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.houseSmallImages img{
	max-width:45px;
	max-height:45px;
}

.addHouseDurationText{
	width:150px;
	height:100px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 5px 0px;
	color:#024BDF;
}


#addHouseError{
	z-index:100;
	visibility:hidden;
	display:none;
	position:absolute;
	margin:40px 0px 0px 150px;
	width:350px;
	height:120px;
	color:#404040;
	background-image:url(../images/AlertBackground.png)
}

#addHouseAlert{
	z-index:100;
	visibility:hidden;
	display:none;
	position:absolute;
	margin:40px 0px 0px 150px;
	width:350px;
	height:120px;
	color:#404040;
	background-image:url(../images/AlertBackground.png)
}

#updateHousingID{
	display:none;
	visibility:hidden;
}

/*****************************************************************************
 * Layout for the error and alert boxes
 *****************************************************************************/ 
#uploadImageAlert{
	z-index:100;
	visibility:hidden;
	display:none;
	position:absolute;
	margin:40px 0px 0px 150px;
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png);
}

#uploadImageAlertTitle{
	height:20px;
	padding: 3px 5px 5px 10px;
	font-size:14px;	
	color:#404040;
}

#close{
	float:right;
	color:#FFFFFF;
}

/*Remove the blue border around images used as links*/
#close a img{
	border-style:none;
}

.uploadImageAlertContent{
	position:absolute;
	margin: 0px 0px 0px 5px;
	width:330px;
	text-align:center;
	font-size:14px;	
	color:#404040;
}

.updateAdvertButton{
	position:absolute;
	margin: 78px 0px 0px 155px;
}

/**************************************************************************************************************
 * The following is used to display warning messages for sanatised forms
 **************************************************************************************************************/
.warning-message{
	margin: 0px 0px 0px 0px;
	width:98%;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.housingAdvertsSection{
	float:left;
	width:223px;
	margin:5px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}

.housingAdvertsContent{
	float:left;
	width:223px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	margin-bottom:5px;
	background: url(../images/text-white-bg2.png) repeat-y left top;
}

.housingAdvertsContentTop{
	position:relative;
	height:8px;
	width:30px;
	margin:-5px 0px 0px -5px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat left top;
}

.housingAdvertsContentTop span{
	position:absolute;
	height:8px;
	width:218px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right top;
}

.housingAdvertsSection a:link{
	text-decoration:none;
}

.ahousingAdvertsSection a:visited{
  	text-decoration:  none;	
}

#advert-image-main{
	float:left;
	width:220px;
	margin:-5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#advert-title-main{
	float:left;
	width:220px;
	margin:-5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#024BDF;
	font-family:Calibri;
	font-size:24px;
}

.housingAdvertsContentRight{
	float:right;
	color:#333333;
	font-size:14px;
	font-family:Helvetica;
	background-position: 100% 0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:223px;
	background: url(../images/text-white-bg2.png) repeat-y right top;
}

.housingAdvertsContentBottom{
	position:relative;
	height:8px;
	width:20px;
	margin:0px 0px -5px 0px;
	padding:0px 0px 0px 0px;
	margin-left:-5px;
	margin-top:10px;
	background: url(../images/text-white-bg.png) no-repeat left bottom;
}

.housingAdvertsContentBottom span{
	position:absolute;
	height:8px;
	width:213px;
	margin:0px 0px 0px 10px;
	padding:0px 5px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right bottom;
}

.housingFormButtons{
	float:left;
	width:690px;
	margin: 15px 0px 20px 0px;
}

#housingSubmitButton{
	position:relative;
	margin: 15px 0px 0px 550px;
}
#housingSubmitButton a:link a:visited{
	color:#FFFFFF;
}


a.housingSortLinks{
	color:#074389;
	height:20px;
	padding: 5px 5px 5px 5px;
	background-color:#EEEEEE;
	text-decoration:none;
}

a#housingSortLinksSelected{
	color:#FFFFFF;
	height:20px;
	padding: 5px 5px 5px 5px;
	background-color:#074389;
	text-decoration:none;
}

a#housingSelectedSort{
	color:#FFFF00;
	height:20px;
	padding: 2px 5px 2px 5px;
	background-color:#CCCCCC;
	text-decoration:none;
}

.sortLinks a:hover{
	color:#FFFFFF;
	background-color:#074389;
}

#destinationWarning{
	visibility:hidden;
	display:none;
	color:#404040;


	float:left;
	width:683px;
	padding: 5px 5px 5px 5px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	margin:0px 0px 5px 0px;
}

#minMaxBedsWarning{
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:683px;
	padding: 5px 5px 5px 5px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	margin:0px 0px 5px 0px;
}

#minMaxBathsWarning{
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:683px;
	padding: 5px 5px 5px 5px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	margin:0px 0px 5px 0px;
}

#parkingWarning{
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:683px;
	padding: 5px 5px 5px 5px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	margin:0px 0px 5px 0px;
}

#maxRentWarning{
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:683px;
	padding: 5px 5px 5px 5px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	margin:0px 0px 5px 0px;
}

.housesFound{
	float:left;
	height:23px;
	padding: 5px 0px 0px 5px;
	color:#3e3e3e;
	font-size:16px;
}

.sortLinksDiv{
	float:left;
	width:100%;
	min-height:23px;
	margin: 5px 0px 10px 0px;
	font-size:16px;
}

.sortLinks{
	float:right;
	width:78%;
	text-align:right;
	min-height:23px;
}


#houseExtraLinks{
	float:left;
	width:100%;
	max-width:250px;
	margin:5px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}

.houseExtraLinksItems{
	float:left;
	width:100%;
	min-height:22px;	
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	color:#074389;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
	background: url(../images/dottedUnderline.png) repeat-x left bottom;
}

#houseExtraLinksItemsLink{
	border-style: none;
	color:#FF0000;
	height:25px;
	width:25px;
}


#houseExtraLinksItemsIcon{
	float:left;
	width:22px;
	height:22px;	
	margin:-5px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

.houseExtraLinksItems a{
	text-decoration:none;
	color:#074389;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.houseExtraLinksItems a:visited{
	text-decoration:none;
	color:#074389;
}

#sendHouseByEmailForm{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:40px 0px 0px 165px;
	width:400px;
	height:200px;
	color:#3e3e3e;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;
	background-image:url(../images/smallToMediumInputFormBg.png)
}

#sendHouseByEmailFormTitle{
	height:20px;
	padding: 5px 5px 5px 7px;
	font-size:14px;	
}

#close{
	float:right;
	color:#FFFFFF;
}

/*Remove the blue border around images used as links*/
#close a img{
	border-style:none;
}

.sendHouseByEmailFormContent{
	float:left;
	margin: 5px 0px 0px 5px;
	width:98%;
	text-align:center;
	font-size:14px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#houseByEmailFormEmail{
	height:35px;
	width:50%;
	border-style:solid;
	border-color:#E4E4E4;
}

.alertButton{
	position:absolute;
	margin: 130px 0px 0px 165px;
}

.successAlertButton{
	position:absolute;
	margin: 55px 0px 0px 160px;
}

#sendHouseByEmailFormError{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:85px 0px 0px 170px;
	width:350px;
	height:120px;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;
	background-image:url(../images/AlertBackground.png)
}

#sendHouseByEmailFormTitle{
	height:20px;
	padding: 5px 5px 5px 7px;
	font-size:14px;	
}

.sendHouseByEmailFormErrorContent{
	float:left;
	margin:0px 0px 0px 5px;
	width:98%;
	text-align:center;
	font-size:14px;	
}

#sendHouseToFriendFromEmail{
	height:35px;
	width:50%;
	border-style:solid;
	border-color:#E4E4E4;
}

#sendHouseToFriendToEmail{
	height:35px;
	width:50%;
	border-style:solid;
	border-color:#E4E4E4;
}

.errorButton{
	position:absolute;
	margin: 55px 0px 0px 160px;
}

#sendHouseByEmailAlert{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:40px 0px 0px 170px;
	color:#404040;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;	
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png);
}

#sendHouseByEmailAlertTitle{
	height:20px;
	padding: 5px 5px 5px 7px;
	font-size:14px;	
}

.sendHouseByEmailAlertContent{
	float:left;
	margin: 0px 0px 0px 5px;
	width:98%;
	text-align:center;
	font-size:14px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.sendHouseByEmailButton{
	position:absolute;
	margin: 55px 0px 0px 155px;
}

#sendHouseByEmailError{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:40px 0px 0px 170px;
	color:#404040;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;	
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png);
}

#sendHouseByEmailErrorTitle{
	height:20px;
	padding: 5px 5px 2px 7px;
	font-size:14px;	
}

.sendHouseByEmailErrorContent{
	float:left;
	margin: 0px 0px 0px 5px;
	width:98%;
	text-align:center;
	font-size:14px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.sendHouseByEmailErrorButton{
	position:absolute;
	margin: 57px 0px 0px 155px;
}

#sendHouseToFriendEmailForm{
	z-index:100;
	position:absolute;
	visibility:hidden;
	margin:40px 0px 0px 150px;
	width:400px;
	height:200px;
	background-image:url(../images/smallToMediumInputFormBg.png)
}

.sendHouseToFriendButton{
	position:absolute;
	margin: 135px 0px 0px 180px;
}

#sendHouseByEmailFormError{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:85px 0px 0px 190px;
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png)
}

.sendHouseByEmailInputEmail{
	float:left;
	margin: 5px 0px 0px 0px;
	width:96%;
	text-align:right;
	font-size:14px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#sendHouseByEmailToFriendsFormError{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:85px 0px 0px 150px;
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png)
}

@media (max-width: 1120px) {

} 
@media (max-width: 1010px) {

} 
@media (max-width: 900px) {
	.houseTitle{
		width:100%;
	}
	.housePrice{
		width:100%;
	}
	.houseContactDetails{
		width:100%;	
	}
	.houseImages{
		width:100%;	
	}
	.houseContent{
		width:98%;
	}
}

@media (max-width: 795px) {
	#sendHouseByEmailForm{
		margin:40px 0px 0px 130px;
		width:350px;
		height:200px;
   		background-size: 350px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}		
	#sendHouseByEmailFormError{
		margin:85px 0px 0px 130px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}	
	.sendHouseByEmailFormErrorContent{
		margin: 0px 0px 0px 5px;
	}
	.errorButton{
		margin: 58px 0px 0px 135px;
	}
	#sendHouseByEmailAlert{
		margin:40px 0px 0px 130px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendHouseByEmailButton{
		margin: 50px 0px 0px 135px;
	}
	#sendHouseByEmailError{
		margin:40px 0px 0px 130px;	
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendHouseByEmailErrorButton{
		margin: 60px 0px 0px 135px;
	}
	#sendHouseToFriendEmailForm{
		margin:40px 0px 0px 120px;
		width:400px;
		height:200px;
   		background-size: 400px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	#sendHouseByEmailToFriendsFormError{
		margin:40px 0px 0px 120px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	.externalLinksAlertButton{
		margin: 130px 0px 0px 140px;
	}
}
@media (max-width: 695px) {
	#sendHouseByEmailForm{
		margin:40px 0px 0px 25px;
		width:300px;
		height:200px;
   		background-size: 300px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	.sendHouseByEmailFormContent{
		width:94%;
	}
	.alertButton{
		margin: 120px 0px 0px 125px;
	}
		
	#sendHouseByEmailFormError{
		margin:85px 0px 0px 25px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	
	#sendHouseByEmailAlert{
		margin:40px 0px 0px 25px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendHouseByEmailButton{
		margin: 50px 0px 0px 130px;
	}
	#sendHouseToFriendEmailForm{
		margin:40px 0px 0px 25px;
		width:400px;
		height:200px;
   		background-size: 400px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	#sendHouseByEmailToFriendsFormError{
		margin:40px 0px 0px 25px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	.externalLinksAlertButton{
		margin: 130px 0px 0px 125px;
	}
}

@media (max-width: 350px) {
	#sendHouseByEmailForm{
		margin:40px 0px 0px 5px;
		width:250px;
		height:200px;
   		background-size: 250px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	.sendHouseByEmailFormContent{
		margin: 0px 0px 0px 5px;
		width:95%;
	}
	.alertButton{
		margin: 120px 0px 0px 100px;
	}		
	#sendHouseByEmailFormError{
		margin:85px 0px 0px 5px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		background-image:url(../images/AlertBackground.png)
	}	
	.errorButton{
		margin: 58px 0px 0px 105px;
	}
	
	#sendHouseByEmailAlert{
		margin:40px 0px 0px 5px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendHouseByEmailButton{
		margin: 50px 0px 0px 105px;
	}
	#sendHouseByEmailError{
		margin:40px 0px 0px 0px;	
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendHouseByEmailErrorButton{
		margin: 60px 0px 0px 135px;
	}
	#sendHouseToFriendEmailForm{
		margin:40px 0px 0px 0px;
		width:290px;
		height:200px;
   		background-size: 290px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	.sendHouseToFriendButton{
		margin: 135px 0px 0px 130px;	
	}
	#sendHouseByEmailToFriendsFormError{
		margin:40px 0px 0px 0px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		background-image:url(../images/AlertBackground.png)
	}	
	.externalLinksAlertButton{
		margin: 130px 0px 0px 105px;
	}
}


.houseContactDetails{
	float:left;
	width:99%;
	text-align:right;	
	margin:2px 0px 2px 0px;
	padding:0px 0px 5px 0px;
	color:#FF0000;
	font-size:18px;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.houseTopOfPage{
	float:left;
	width:99%;	
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

.houseTitle{
	float:left;
	width:69%;	
	height:auto;
	margin:0px 0px 0px 2px;
	padding:0px 0px 0px 0px;
	font-size:20px;
	color:#074389;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.houseTitleLong{
	float:left;
	width:99%;	
	height:auto;	
	margin:0px 0px 0px 2px;
	padding:0px 0px 0px 0px;
	font-size:20px;
	color:#074389;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.housePrice{
	float:right;
	width:30%;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
	font-size:20px;
	color:#074389;
}


/***************************************************************************************************************
 * Layout of the advert section on the right hand side
 **************************************************************************************************************/
.adverts-section{
	float:left;
	width:265px;
	margin:5px 0px 0px 10px;
	margin-left:5px;
	padding:0px 0px 0px 0px;
	font-size:12px;
}

.advert-content{
	float:left;
	width:275px;
	color:#333333;
	font-size:14px;
	font-family:Helvetica;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	margin-bottom:5px;
	background: url(../images/text-white-bg2.png) repeat-y left top;
}

.advert-top-bg{
	position:relative;
	height:8px;
	width:30px;
	margin:-5px 0px 0px -5px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat left top;
}

.advert-top-bg span{
	position:absolute;
	height:8px;
	width:270px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right top;
}

.advert-content-right{
	float:right;
	background-position: 100% 0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:275px;
	background: url(../images/text-white-bg2.png) repeat-y right top;
}

.advert-content a:link{
	text-decoration:none;
}

.advert-content a:visited{
  	text-decoration:  none;	
}

#advert-image{
	float:left;
	width:270px;
	margin:-5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#advert-title{
	float:left;
	width:270px;
	margin:-5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#024BDF;
	font-family:Calibri;
	font-size:24px;
}

.advert-content-bottom{
	position:relative;
	height:8px;
	width:20px;
	margin:0px 0px -5px 0px;
	padding:0px 0px 0px 0px;
	margin-left:-5px;
	margin-top:10px;
	background: url(../images/text-white-bg.png) no-repeat left bottom;
}

.advert-content-bottom span{
	position:absolute;
	height:8px;
	width:265px;
	margin:0px 0px 0px 10px;
	padding:0px 5px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right bottom;
}


/***************************************************************************/
.category-housing{
	float:left;
	width:99%;
	min-height:301px;
	margin:10px 0px 0px 0px;
}

.category-housing-header{
	float:left;
	height:25px;
	width: 99%;
	font-size:20px;
	color:#024BDF;	
	text-decoration:none;
	margin:10px 5px 5px 5px;
}
.category-housing-header a:link{
	text-decoration:none;
	list-style:none;
}
.category-housing-header a:visited{
	text-decoration:none;
	list-style:none;
}

.category-housing-main{
	float:left;
	width:362px;
	height:301px;
	background-color:#A9D3D3;
	margin:0px 0px 0px 0px;
}
.category-housing-main a:visited{
	text-decoration:none;
	list-style:none;
}
.category-housing-main a:visited{
	text-decoration:none;
	list-style:none;
}
.category-housing-main-title{	
	background-color:transparent;
	background: rgba(0, 0, 0, 0.5);
	position:relative;
	bottom:36px;	
	z-index:101;
	width:352px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	padding: 5px 5px 5px 5px;
}
.category-housing-main img#housingMainImage{
	border:0px;
	width:362px; 
	height:300px;
}

.category-housing-additional{
	float:left;
	width:327px;
	height:148px;
	background-color:#A9D3D3;
	margin:0px 0px 5px 5px;
}
.category-housing-additional a:link{
	text-decoration:none;
	list-style:none;
}
.category-housing-additional a:visited{
	text-decoration:none;
	list-style:none;
}
.category-housing-additional-title{	
	background-color:transparent;
	background: rgba(0, 0, 0, 0.5);
	position:relative;
	bottom:36px;	
	z-index:101;
	width:316px;
	font-size:20px;
	color:#FFFFFF;
	padding: 5px 5px 5px 5px;
}
.category-housing-additional img#housingOtherImages{
	border:0px;
	width:327px; 
	height:148px;
}


.searchHouseAgentForm input[type="text"]{
	color:#404040;
	width:98%;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}


.fullBlock{
	float:left;
	display:inline-table;
	width:100%;
}

/* Clear floats after the columns */
.row {
  width:50%;
  display: table;
  float:left;
  padding:0px 0px 5px 0px;
}
.row:after {
  content: "";
  clear: both;
  padding-bottom:5px;
}
.rowHalf {
  width:50%;
  display: table;
  float:left;
  height:auto;
  padding:0px 0px 5px 0px;
}
.rowHalf:after {
  content: "";
  clear: both;
  padding-bottom:5px;
}
.col-20{
	float:left;
	width:20%;
	height:auto;
}
.col-40{
	float:left;
	width:40%;
	height:auto;
}
.col-50{
	float:left;
	width:50%;
	height:auto;
}
.col-60{
	float:left;
	width:60%;
	height:auto;
}
.col-80{
	float:left;
	width:80%;
	height:auto;
}
/* Style the label to display next to the inputs */
label {
  padding: 7px 7px 0px 0px;
  text-align:right;
  float:right;
}
.label {
  padding: 10px 10px 0px 0px;
  text-align:right;
  float:right;
  min-height:32px;
  vertical-align:middle;
}
.rowHidden{
	display:none;
}
.rowButton{
	float:right;
	padding:20px 0px 20px 0px;
	margin:0px 100px 0px 0px;
}
.expandForm{
	margin:21px 0px 0px 0px;
	text-align:right;
}
.expandForm a{
	text-decoration:none;
	color:#074389;
	height:20px;
	padding: 5px 5px 5px 5px;
	background-color:#EEEEEE;
	text-decoration:none;
}

.fullBlock img{
	margin: -10px 0px 0px 0px;
}

#agentDestinationWarning{
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:98%;
	padding: 5px 5px 5px 5px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	margin:0px 0px 5px 0px;
}

#agentNameWarning{
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:98%;
	padding: 5px 5px 5px 5px;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	margin:0px 0px 5px 0px;
}


/********************************************************************************
 * Layout for the articles
 ********************************************************************************/
.housingFullWidthArticle{
	float:left;
	width:99%;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#housingFullWidthTitle{
	float:left;
	width:99%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#housingFullWidthTitle a:link, a:visited, a:hover{
  	text-decoration:  none;	
	color:#074389;
}

#housingFullWidthImage{
	float:left;
	width:99%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#housingFullWidthImage img{
	float:left;
	width:100%;
	border-style: none;
}

#housingFullWidthContent{
	float:left;
	width:99%;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	font-size:16px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
	line-height:20px;
}

#housingFullWidthComments{
	float:left;
	width:99%;
	margin:2px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	color:#0080FF;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.housingHalfWidthArticle{
	float:left;
	width:345px;
	margin:0px 5px 5px 0px;
	padding:0px 0px 0px 0px;
	border-style: none;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#housingHalfWidthTitle{
	float:left;
	width:345px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#housingHalfWidthTitle a:link, a:visited, a:hover{
  	text-decoration:  none;	
	color:#074389;
}

#housingHalfWidthImage{
	float:left;
	width:130px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#housingHalfWidthImage img{	
	width:125px;
	margin:0px 5px 0px 0px;
	border-style: none;
}
#housingHalfWidthContent{
	float:left;
	width:215px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	color:#333333;
	line-height:20px;
}
#housingHalfWidthComments{
	float:left;
	width:325px;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	color:#0080FF;
	font-family:Georgia,"Times New Roman",Times,serif;
}


.housingMainPageAdvert{
	float:left;
	margin:0px 0px 0px 0px;
	width:99%;
	background-color:#CCCCCC;
}
.housingMainPageAdvert img{
	float:left;
	margin:0px 0px 0px 0px;
	width:100%;
}

/************************************************************************************
 * Layout for the comments section 
 ************************************************************************************/
 
#articleCommentsArea{
	float:left;
	padding:10px 0px 0px 10px;
	margin:0px 0px 20px 0px;
	width:98%;
	background-color:#F4F4F4;
}

#hiddenData{
	visibility:hidden;
	display:none;
}

#articleCommentsHeader{
	float:left;
	padding:0px 0px 0px 0px;
	width:100%;
	color:#074389;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-weight:bold;
}

#addedComments{
	float:left;
	padding:5px 0px 0px 5px;
	margin:20px 0px 10px 0px;
	width:98%;
	background-color:#F4F4F4;
}

.addCommentAlertContent{
	position:absolute;
	margin: 10px 0px 0px 10px;
	width:330px;
	text-align:center;
	font-size:16px;	
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#commentNumbers{
	float:left;
	padding:5px 0px 0px 5px;
	width:98%;
	color:#074389;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-weight:bold;
}

HR{
    width:98%;
    background:#446791;
}

#commentBody{
	float:left;
	padding:5px 0px 0px 5px;
	width:98%;
	font-size:16px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#posterDetails{
	float:left;
	padding:5px 0px 0px 5px;
	width:400px;
	font-size:16px;
	color:#808080;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#commentRating{
	float:right;
	padding:0px 10px 0px 0px;
	width:285px;
}

#commentRating a img{
	border-style:none;
}


#commentRatingText{
	float:right;
	height:20px;
	width:160px;
	text-align:right;
	padding:3px 5px 0px 0px;
	font-weight:bold;
	font-size:14px;
	color:#808080;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#positiveRating{
	float:right;
	height:20px;
	width:50px;
	padding:5px 0px 0px 5px;
	margin:-5px 2px 0px 0px;
	color:#0000FF;
	text-align:center;
	border-style:solid;
	border-width:1px;
 	border-color:#CCCCCC;
}

#negativeRating{
	float:right;
	height:20px;
	width:50px;
	padding:5px 0px 0px 5px;
	margin:-5px 0px 0px 0px;
	color:#FF0000;
	text-align:center;	
	border-style:solid;
	border-width:1px;
 	border-color:#CCCCCC;
}

#nameError{
	float:left;
	visibility:hidden;
	display:none;
	padding:5px 0px 5px 0px;
	width:98%;
	color:#FF0000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
}

#locationError{
	float:left;
	visibility:hidden;
	display:none;
	padding:5px 0px 5px 0px;
	width:98%;
	color:#FF0000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
}

#commentLbl{
	float:left;
	padding:5px 0px 0px 0px;
	width:150px;
}

#commentError{
	float:left;
	visibility:hidden;
	display:none;
	padding:5px 0px 5px 0px;
	width:98%;
	color:#FF0000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
}

#nameLbl{
	float:left;
	padding:5px 0px 0px 0px;
	width:150px;
}

#locationLbl{
	float:left;
	padding:5px 0px 0px 0px;
	width:150px;
}

.houseAdvertNumber{
	float:left;
	width:65px;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}
.houseAdvertStatus{
	float:left;
	width:72px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
	text-align:left;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.houseAdvertPrice{
	float:left;
	width:165px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.houseAdvertAddDate{
	float:left;
	width:115px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}


.houseAdvertExpiryDate{
	float:left;
	width:115px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.houseAdvertEdit{
	float:left;
	width:75px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.houseAdvertSelectData{
	float:left;
	width:20px;
	margin:-3px 0px 0px -7px;
	padding:0px 0px 0px 0px;
}
.houseAdvertNumberData{
	float:left;
	width:65px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.houseAdvertStatusData{
	float:left;
	width:72px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.houseAdvertPriceData{
	float:left;
	width:165px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.houseAdvertAddDateData{
	float:left;
	width:115px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.houseAdvertExpiryDateData{
	float:left;
	width:115px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}


@media (max-width: 1025px) {
	.row{
		width:50%;
	}
	.rowButton{
		margin:0px 50px 0px 0px;
	}
}
@media (max-width: 900px) {
	.row{
		width:100%;
	}
	.rowHalf {
		width:100%;
	}
	#houseOverviewMainDetails{
		width:99%;
	}
	#houseAdvertCompanyImage{
		width:99%;
	}	
	#houseExtraLinks{
		float:left;
	}
	#housingAdvertBasic{
		width:100%;
	}
	#housingAdvertDetailed{
		width:99%;
	}
	
	#housingAgentTitle{
		width:100%;
	}
	#housingAgentImage{
		width:99%;
	}
	#housingAgentContactDetails{
		width:99%;
		padding:15px 0px 0px 0px;
	}
	#housingAgentDetailes{
		width:98%;
	}
	#housingAdvertTitle{
		width:100%;
	}
	#housingAdvertImage{
		width:99%;
	}
	#housingAdvertBasic{
		width:100%;
	}
	#housingAdvertDetailed{
		width:98%;
	}
}

@media (max-width: 795px) {
	.row{
		width:100%;
	}
	.rowHalf {
		width:100%;
	}
	#sendJobByEmailForm{
		margin:40px 0px 0px 130px;
		width:350px;
		height:200px;
   		background-size: 350px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}		
	#sendJobByEmailFormError{
		margin:85px 0px 0px 130px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}	
	.sendJobByEmailFormErrorContent{
		margin: 0px 0px 0px 5px;
	}
	.errorButton{
		margin: 58px 0px 0px 135px;
	}
	#sendJobByEmailAlert{
		margin:40px 0px 0px 130px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendJobByEmailButton{
		margin: 50px 0px 0px 135px;
	}
	#sendJobByEmailError{
		margin:40px 0px 0px 130px;	
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendJobByEmailErrorButton{
		margin: 55px 0px 0px 135px;
	}
	#sendJobToFriendEmailForm{
		margin:40px 0px 0px 120px;
		width:400px;
		height:200px;
   		background-size: 400px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	#sendJobByEmailToFriendsFormError{
		margin:40px 0px 0px 120px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	.externalLinksAlertButton{
		margin: 130px 0px 0px 140px;
	}
}
@media (max-width: 695px) {
	.row{
		width:100%;
	}
	.rowHalf {
		width:100%;
	}
	.rowButton{
		margin:0px 30px 0px 0px;
	}
	#sendJobByEmailForm{
		margin:40px 0px 0px 25px;
		width:300px;
		height:200px;
   		background-size: 300px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	.sendJobByEmailFormContent{
		width:94%;
	}
	.alertButton{
		margin: 120px 0px 0px 125px;
	}
		
	#sendJobByEmailFormError{
		margin:85px 0px 0px 25px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	
	#sendJobByEmailAlert{
		margin:40px 0px 0px 25px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendJobByEmailButton{
		margin: 50px 0px 0px 130px;
	}
	#sendJobToFriendEmailForm{
		margin:40px 0px 0px 25px;
		width:400px;
		height:200px;
   		background-size: 400px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	#sendJobByEmailToFriendsFormError{
		margin:40px 0px 0px 25px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	
	.externalLinksAlertButton{
		margin: 130px 0px 0px 125px;
	}
	
	#housingAgentTitle{
		width:100%;
	}
	#housingAgentImage{
		width:100%;
	}
}

@media (max-width: 350px) {
	#sendJobByEmailForm{
		margin:40px 0px 0px 5px;
		width:250px;
		height:200px;
   		background-size: 250px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	.sendJobByEmailFormContent{
		margin: 0px 0px 0px 5px;
		width:95%;
	}
	.alertButton{
		margin: 120px 0px 0px 100px;
	}		
	#sendJobByEmailFormError{
		margin:85px 0px 0px 5px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		background-image:url(../images/AlertBackground.png)
	}	
	.errorButton{
		margin: 58px 0px 0px 105px;
	}
	
	#sendJobByEmailAlert{
		margin:40px 0px 0px 5px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendJobByEmailButton{
		margin: 50px 0px 0px 105px;
	}
	#sendJobByEmailError{
		margin:40px 0px 0px 0px;	
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendJobByEmailErrorButton{
		margin: 55px 0px 0px 135px;
	}
	#sendJobToFriendEmailForm{
		margin:40px 0px 0px 0px;
		width:290px;
		height:200px;
   		background-size: 290px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	.sendJobToFriendButton{
		margin: 135px 0px 0px 130px;	
	}
	#sendJobByEmailToFriendsFormError{
		margin:40px 0px 0px 0px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		background-image:url(../images/AlertBackground.png)
	}	
	.externalLinksAlertButton{
		margin: 130px 0px 0px 105px;
	}	
	#housingAdvertPrice{
		width:100%;
	}
}