/*  --------	ALL PAGES GENERAL   ------------  */
.printOnly {
	display: none;
}

body{
margin: 0;
padding: 0;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 13px;
overflow: auto;
}

a{
	text-decoration: none;
	color: #102040;
    font-weight: bold;
}
a:hover {
	color: #204060;
}



p{
line-height: 150%;
padding-left: 40px;
padding-right: 40px;
color: #1b1b1b;
}

h2, h3, h4{
padding-left: 40px;
padding-right: 40px;
color: #1b1b1b;
font-weight: normal;
}

select{
color: #1b1b1b;
}

option.black{
color: black;
}

.redtext14{
	color: #dd1010;
	font-size: 14px;
}

.greentext12{
color: #102040;
font-size: 12px;
}

.bluetext18 {
	color: #102040;
	font-size: 18px;
}

.greytext10{
color: grey;
font-size: 10px;
}

.greytext14{
	color: grey;
	font-size: 14px;
}
	
.hidden{
color: red;
display: none;
}

.unhidden{
color: red;
display: block;
}

.formContainer{
	margin-left: 5%;
	width: 90%;
}

form{
	background-color: #f7f7f7;
	width: 90%;
	margin-top: 50px;
	margin-left: 5%;
	padding: 25px 0;
	line-height: 150%;
	border: 1px solid #c0c0c0;
}

.inputForm{
text-align: center;
}

.g-recaptcha{
display: inline-block;
}

.stkregform{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
color: #606060;
}

span{
padding: 10px;
}

select.intd{
width: 40%;
}

.popup{
padding: 1px 1px;
}

.spacer{
	height: 30px;
}

button {
	cursor: pointer;
	background-color: #102040;
	color: #ffffff;
	padding: 5px 10px;
}

button:hover {
	background-color: #ffffff;
	color: #102040;
}

input[type=submit],[type=button]{
	cursor: pointer;
	padding: 5px 10px;
	background-color: #102040;
	color: #ffffff
}
input[type=submit]:hover,[type=button]:hover{
	background-color: #ffffff;
	color: #102040;
}

.buttonRadius {
	border-radius: 5px;
}

.disabledButton, .disabledButton:hover {
	cursor: auto;
	background-color: #d0d0d0;
	color: #606060;
	padding: 5px 10px;
}



/* ------------- NAVBAR STYLES ------------------ */

.topnav a {
	font-weight: normal;
}

.topnav .iconContainer, .ddIconContainer{
	display:inline-block;
	width:40px;
	height:40px;	
}

.topnav .textContainer{
	display:inline-block;
	position:relative; top: -15px;
	/* width:80px; */
	height:25px;	
}

.topnav .svg{
	width: 100%;
	height: 100%;
}

.dropdown .dropbtnActive {
  font-size: 17px;    
  color: #ffffd0;
  /* padding: 20px 36px; */
  padding: 5px 15px 0 15px;
  background-color: #102040; 
  font-family: inherit;
  margin: 0;
}

.dropdown .dropbtnActive svg circle {
	stroke: #ffffff;
}

.dropdown-content a, .dropdown-display a {
  float: none;
  color: #102040;
  font-size: 14px;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown:hover .dropbtn {
  background-color: #102040;
  color: #ffffd0;
}

.dropdown-content a:hover, .dropdown-display a:hover {
  background-color: #102040;
  color:white;
}

/* .dropdown:hover .dropdown-content {
  display: block;
  color: #ffffd0;
} */

.dropdown:hover svg circle{
	stroke: white;
}

.active {
  background-color: #102040;			
}

.dropdown.active svg circle{
	stroke: white;
}

/* -------- ALL PAGES    FOOTERBAR  ------------- */


#footerbar{
	position: fixed; bottom: 0px;
	display: grid;
	grid-template-columns: 50% 50%;
	width: 100%; 
	background-color: #030612;
	z-index: 9999;
}

#footertext{
	font-size: 12px;
	color: #e3e3e3;
	padding: 10px;
}

#cookieText{
	font-size: 10px;
	color: #e3e3e3;
	padding: 11px;
	text-align: right;
}

/* -------- syhff.com   HOME PAGE  -------------- */

.text-block{
	text-align: center;
	padding: 20px;
	/* border: 30px solid white; */
}

#syhffDiv{
	height: 80px;
}

.home-text a{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #dd2020;
}
.home-text a:hover{
	font-size: 20px;
	font-weight: bold;
	color: #ff4040;
}

.home-text-colored a{
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #102040;
}
.home-text-colored a:hover{
	font-size: 26px;
	color: #153060;
	font-weight: bold;
}
						
#image-block{
	text-align: center;
	width: 100%;
}

#image-container img{
	max-width: 20%;
	opacity: 25%;
}

#image-container img:hover{
	max-width: 21%;
	opacity: 50%;
}


/* ----------   ABOUT PAGE   --------------------- */

.aboutPage h2 {
	color: #102040;
	/* padding: 30px 100px; */
}
.aboutPage h2:hover {
	color: #f02050;
}

.aboutPage li{
	margin: 0 20px;
}

.aboutPara {
	color: #222;
	padding-left: 20px;
    padding-right: 20px;
}

ul.aboutPara li {
	padding: 5px 20px;
	margin: 0 10px;
}

.aboutParaBlack {
	color: black;
	font-weight: bold;
}

a.greytextBack {
	display: block;
	text-align: end;
	color: grey;
	font-size: 10px;
}

h1.helpHead {
	padding: 0 15px 20px 15px;
	text-align: center;
	color: #222;
}

.standout{
	padding-top: 50px;
	color: blue;
	font-weight: bold;
}






.aboutContainer {
	position: relative;
}
.aboutImgContainer {
	position: absolute; top: 0; left: 0;
	width: 100%;
	overflow: hidden;
}
.aboutCurtain {
	position: absolute; top: 0; left: 0;
	width: 100%;
	opacity: 60%;
}


.aboutTextWhite {
	color: #fff;
	font-size: 15px;
    padding: 0 30px;
}
.aboutTextWhite a{
	color: #ff2;
}
.lightText li a{
	color: #ff2;
}

.aboutTextDark {
	color: #222;
	font-size: 15px;
    padding: 0 30px;
}
.aboutTextDark a {
	color: #042;
}
.darkText li, .lightText li {
	font-size: 15px;
	margin: 10px 30px 10px 10px;
}
.darkText li::marker {
	color: #444;
}
.lightText li {
	color: #fff;
}
.lightText li::marker {
	color: #ccc;
}

.aboutBlockGrey {
	background-color: #f0f0f0;
}

.aboutBlockGreen {
	background-color: #102040;
	color: #fff;
}

.aboutBlockWhite {
	background-color: #fff;
	color: #102040;
}

h1.aboutHeadWhite {
	padding: 0 15px 20px 15px;
	text-align: center;
	color: #fff;
	font-family: 'Microsoft JhengHei UI', 'Trebuchet MS', 'Segoe UI', Tahoma, Verdana, sans-serif;
}
h1.aboutHeadDark {
	padding: 0 15px 20px 15px;
	text-align: center;
	color: #202040;
	font-family: 'Microsoft JhengHei UI', 'Trebuchet MS', 'Segoe UI', Tahoma, Verdana, sans-serif;
}



/* -------- PROPERTY ADD AND EDIT  -------------- */


#noPropertiesDetailText {
	padding: 20px;
}

.pageHeader {
	display:inline-block;
	background-color:#BA4E31;
	border: 1px solid #f0f0f0; 
	border-radius:15px;
}

.propertyMainMenu{
	background-color: #102040;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	border-bottom: 1px solid #aaaa60;
}

.propertyMainMenu:hover{
	background-color: #102040;
}

.propertyMainMenu a {
	color: #ffffd0;
	display: block;
}

.propertySubMenu{
	background-color: #104060;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	border-bottom: 1px solid #aaaa60;
}

.propertySubMenu:hover{
	background-color: #155575;
}

.propertySubMenu a{
	color: #ffffd0;
	display: block;
}

.propertyDetails{
	background-color: #F0F0F0;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #707070;
	color: #1b1b1b;
}

.searchEntry input[type=radio]{
	position: absolute; left: 50%;
}

/*.afterRadio{
	position: absolute; left: 55%;
	margin: 0;
	padding: 0;
}*/

.searchCurrency{
	position: absolute; left: 50%;
	margin: 0;
	padding: 0;
}

.propertyDetails input[type=text],[type=number]{
	background-color: #ffffff;
}

.propertyDetails input[type=radio]{
	width: 15%;
}
.radio2{
	margin-left: 5%;
	display:inline-block;
	width: 20%;
}

.propertyDetailsTall{
	background-color: #F0F0F0;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 100px;
	border-bottom: 1px solid #707070;
	color: #1b1b1b;
}

.propertyDetailsTall textarea{
	height: 95px;
}

.propertyDetails span{
	padding: 0;
	border-bottom: none;
}


.helpimages{
	text-align: center;
}

.imageDiv{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	border: 1px solid white; 
	margin-bottom: 25px;
}

.imageDiv select{
	position: static;
	width: 100%;
	margin-bottom: 2px;
}

.imageDiv img{
	width: 100%;
}

.submit{
	padding: 10px 20px;
	margin-top: 15px;
	background-color: #102040;
	color: #ffffd0;
	border-radius: 5px;
}

.submit:hover{
	background-color: #fffff7;
	color: #102040;
}

.grayButton{
	background-color: #102040;
	padding: 5px 10px;
	color: #ffffff;
	/* border: solid #9fb4b4 1px; */
	/*border: solid #003030 1px; */
	font-size: 12px;
}

.grayButton:hover{
	background-color: #ffffff;
	color: #102040;
}

.inputSubContLeft {
	display: inline-block;
	width: 50%;
}

.inputSubContRight {
	display: inline-block;
	width: 45%;
	margin-top: 5px;
}

.logoContainer {
	text-align: right;
}

.imageContainer {
	display: inline-block;
	width: 50%;
	text-align: center;
}

.imageContainer img {
	width: 75%;
}

.logoButton {
	background-color: #102040;
	padding: 5px 10px;
	color: #ffffff;
	border: 1px solid #102040;
	border-radius: 3px;
}

.logoButton:hover {
	background-color: #ffffff;
	color: #102040;
}


.photos{
	min-height: 25px;
}

#propertySubmitLine{
	border-bottom: #102040 solid 5px;
}

.propertySubmit{
	padding: 10px;
	margin: 10px;
	background-color: #104060;
	color: #ffffd0;
}

.propertySubmit:hover{
	background-color: #155575;
}

#soldstatusline {
	border-bottom: #102040 solid 25px;
}

textarea{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	resize: none;
}

#propertyForm a {
	font-weight: normal;
}

/* ------  SEARCH PAGE ---------  */

#gettingData{
	/* used by search and also aduserNewAd */
	display:none;
	text-align:center;
	padding-top: 30px;
	font-size:18px;
}
	#loaderCont {
		text-align: center;
		padding: 20px;
	}
			#loader {
				position: relative;
				display: inline-block;
				background-color: #102040;
				/* background-image: linear-gradient(to bottom right, #102040, white);             */
				background-image: radial-gradient(farthest-side at 75%, white, #5e805e);            
				border-radius: 15px;
				width: 30px;
				height: 30px;
				-webkit-animation: spin 2s linear infinite;
				animation: spin 2s linear infinite;
			}
				@-webkit-keyframes spin {	
				0% { -webkit-transform: rotate(0deg); }
				100% { -webkit-transform: rotate(360deg); }
				}
				@keyframes spin {
					0% { transform: rotate(0deg); }
					100% { transform: rotate(360deg); }
				}
			#inner {
				position: absolute; top: 15%;left: 15%;
				background-color: white;
				z-index: 1;
				width: 20px;
				height: 20px;
				border-radius: 10px;
			}
	
.spdis{
	position: relative;
}

.ownAdHead{
	position: absolute; top: 10px; left: 25px;
	font-size: 16px;
	font-weight: bold;
}


.searchHeader{
	background-color: #102040;
	text-align: left;
	color: #ffffd0;
	padding-top: 5px;
	padding-bottom: 5px;
	/* padding-left: 25px;
	padding-right: 25px; */
	border-bottom: 1px solid #aaaa60;
}

.searchEntry{
	background-color: #F0F0F0;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	/*padding-left: 25px;
	padding-right: 25px;*/
	border-bottom: 1px solid #707070;
	color: #1b1b1b;
}

.headertext, #keywordsText{
	padding: 0 25px;
}

.filtersGridContainer{
	display: grid;
	grid-template-columns: 50% 50%; 
	justify-content: center;
	background-color: #F0F0F0;
	padding: 5px 25px;
	border-bottom: 1px solid #707070;
}

.filterButtonsContainer{
	padding: 5px 25px;
}

.searchFilter{
	text-align: left;
	padding: 5px 0;
}

.searchFilter2{
	text-align: left;
	padding: 5px 0;
	grid-column-start: 1;
	grid-column-end: 3;
}

#resultsListBlock a{
	color: black;
}

.photoContainer{
	grid-area: photoCol;
	padding: 5px;
	position: relative;
}
.photoContainer img{
	width: 100%;
}
.typeContainer{
	grid-area: typeHeader;
	padding: 5px;
}
.priceContainer{
	grid-area: priceHeader;
	padding: 5px;
}
.detailsContainer{
	grid-area: detailsRow;
	padding: 5px;
	text-align: left;
	font-weight: normal;
}

/* ---- SEARCH RESULTS - PROPERTY DETAILS PAGE ----- */

#searchResultsPropertyDetailsContainer{
	/* display: grid;
	grid-template-columns: 50% 50%; 
	justify-content: center; */
	background-color: #F0F0F0;
	padding: 5px 0;
	border-bottom: 1px solid #707070;
}

#searchPropertyDetailsHeader, .roomInfo{
	display: grid;
	grid-template-columns: 50% 50%;
}

.searchDetailsHeader{
	padding: 10px;
	font-size: 14px;
	line-height: 1.5;
}

.searchPropertyDetailsGallery{
	display: none;
	/* width: 100%; */
	/* background-color: #606060; */
	margin: 0;
	padding: 0;
}

.searchPropertyDetailsGallery img{
	width: 100%;
}

.searchPropertyDetails{
	padding: 10px;
	line-height: 1.5;
	border-bottom: 1px solid black;
}

.searchSmallHeader{
	padding: 10px;
	font-weight: bold;
	text-align: left;
}

.roomInfo{
	border-bottom: 1px solid #c0c0c0;
}

.roomInfoPhoto img{
	width: 100%;
}

.roomInfoDesc{
	padding: 5px;
	line-height: 1.25;
}

#floorplanContainer {
	text-align: center;
	border-bottom: 1px solid black;
}

#floorplanContainer img{
	max-width: 90%;
}

#searchDetailButtonsContainer{
	border-bottom: 1px solid black;
} 

.searchDetailButton{
	cursor: pointer;
	display: inline-block;
	padding: 10px;
}

.propertyDetailButton a:hover {
	color: white;
	background-color: #102040;
	border: 1px solid white;
}


.epcPhotoContainer{
	float: left;
	max-width: 50%;
	padding: 5px 10px;
	max-height: 200px;
}

.epcPhotoContainer img{
	max-height: 180px;
	max-width: 100%;
}

.epcButtonsLine{
	/* display: block; */
	text-align: center;
	background-color: #104060;
	color: #ffffd0;
	padding: 3px 0;
	margin-top: -3px;
	margin-bottom: 3px;
}

.epcSizeButton{
	cursor: pointer;
	font-size: 10px;
	padding: 3px 5px;
}

.epcSizeButton:hover{
	background-color: #155575;
}

/* #finalContainer{
	min-height: 210px;
} */

.smallText{
	padding: 10px;
	font-size: 11px;
}

.galleryButtonsLine {
	text-align: center;
	background-color: #102040;
	color: #ffffd0;
	padding: 5px 0;
	margin-top: -3px;
	margin-bottom: 5px;
}

.galleryButtonsLine span {
	display: inline-block;
	padding: 5px;
	vertical-align: top;
	line-height: 1.5;
	max-width: 180px;
}

.pageCount{
	color: #ffffc5;
}

.photoTitle{
	color: #ffffd0;
	font-weight: bold;
}
/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	padding: 6px 16px; 
	font-size: 20px;
  }

/* .prev:hover, .next:hover {
	background-color: #102040;
} */

.galleryButtonsLine a {
	color: #ffffd0;
	font-weight: normal;
}
.galleryButtonsLine a:hover {
	font-weight: bold;
}



.roomGalleryButtonsLine {
	text-align: center;
	background-color: #102040;
	color: #ffffd0;
	padding: 3px 0;
	margin-top: -3px;
	margin-bottom: 3px;
}

.roomPrev, .roomNext {
	cursor: pointer;
	padding: 3px 12px; 
	font-size: 14px;
  }

/* .roomPrev:hover, .roomNext:hover {
	background-color: #155575;
} */

.roomGalleryButtonsLine a{
	color: #ffffd0;
	font-weight: normal;
}
.roomGalleryButtonsLine a:hover{
	font-weight: bold;
}

.otherFeaturesItemsGrid{
	display: grid;
	grid-template-columns: 35% 15% 35% 15%;
	padding: 15px 0;
	border-bottom: 1px solid black;
}

.otherFeaturesItemText{
	padding: 5px 10px;
}

.otherFeaturesTick{
	font-size: 18px;
	color: #008000;
}

.otherFeaturesCross{
	font-size: 18px;
	color: #900000;
}

.otherFeaturesItem{
	padding: 5px 0;
	font-weight: bold;	
}

#contactInfoContainer{
	position: fixed; top: 150px;
	width: 100%;
	/* background-color: pink; */
	text-align: center;
	z-index: 1080;
}

#contactInfo{
	background-color: white;
	border: 3px solid #102040; 
	border-radius: 10px;
	padding-bottom: 20px;
}
#contactClose{
	background-color: #102040;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 5px 25px 5px 0; 
	text-align: right;
	font-size:1.5em;
	margin: -1px;
}
#contactClose a{
	text-decoration: none;
	color: white;
}
#contactClose a:hover{
	text-decoration: none;
	color: #a0f0a0;
}

#contactHeader{
	padding: 10px 25px;
}
#contactLogo{
	display: inline-block;
	width: 30%;
}
#contactDetails{
	display: inline-block;
	width: 60%;
}
.contText, .contDetail{
	display: inline-block;
	text-align: left;
}
.contText{
	width: 30%;
}
.contDetail{
	width: 55%;
}


/* ----------  CONVESATIONS AND MESSAGES  -----------------*/

#conversations{
	text-align: center;
}

.messageCont{
	position: absolute; top: 20px;
	z-index: 2;
	display: none;
	width: 100%;
}
.messagesMain, .messagesFooter,.convHeader{
	position: relative;
	background-color: #102040;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	/* padding-left: 25px;
	padding-right: 25px; */
	border-bottom: 1px solid #aaaa60;
}

.convHeader p {
	padding-left: 20px;
}
.convHeader select {
	width: 40%;
}

.messagesFooter{
	background-color: #e0e0e0;
}

  .convBody, .convFooter {
	background-color: #e0e0e0;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	/* padding-left: 25px;
	padding-right: 25px; */
	border-bottom: 1px solid #aaaa60;
}

.convBody{
	border-bottom: none;
}

.convFooter textarea{
	min-width: 90%;
	min-height: 100px;
	font-size: 14px;
}

.messageSendButton{
	background-color: #102040;
	color: #ffffff;
	margin-top: 45px;
	margin-right: 20px;
	padding: 10px 20px;
	border-radius: 9px;
}

.messageSendButton:hover{
	background-color: #ffffff;
	color: #102040;
}

.messageSendButton:active{
	background-color: #88bb88;
}

.messageSendDiv{
	grid-area: footerSendButton;
}

.templateSelectDiv{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	grid-area: footerSelect;
}

.templateSelect{
	width: 100%;
}

.newMessage{
	margin: 20px;
	grid-area: footerNewMessage;
}

.empty{
	grid-area: empty;
}

.convFooter{
	display: grid;
	grid-template-columns: 70% 20%;
	grid-template-areas:
	'footerSelect footerSelect'
	'footerNewMessage footerSendButton' ;
	position: relative;
	top: -3px;
}

.messagesMain:hover{
	background-color: #102040;
}

.messagesMain a {
	color: #ffffd0;
	font-weight: bold;
	display: block;
	padding-left: 25px;
	text-decoration: none;
}

.myPropertiesBlock{
	margin: 0;
	padding: 0;
}

#myProperties a, #otherProperties a{
	font-weight: normal;
}

.messagesGrid{
	display: grid;
	grid-template-columns: 20% 30% 20% 30%;
	background-color: #ffffff;
	text-align: left;
	justify-content: center;
	padding: 5px 25px;
	color: black;
}

.messHead{
	font-weight: bold;
	overflow: hidden;
}

.openConv{
	color: black;
	overflow: hidden;
}

/* .messagesGrid a{
	font-weight: normal;
}
 */

.unread a{
	font-weight: bold;
}

.read a{
	font-weight: normal;
}

.messagesFooter{
	color: #ffffd0;
}

.messagesFooter span{
	padding: 25px;
}

.pagePrev, .pageNext {
	cursor: pointer;
	padding: 3px 12px; 
	font-size: 14px;
  }

.pagePrev:hover, .pageNext:hover {
	background-color: #155575;
}

#conversationContainer{
	text-align: center;
}

.convHeader p{
	color: #ffffff;
}

.convHeaderSelected{
	background-color: #102040;
	color: #ffffff;	
}

.convBody{
	background-color: #f0f0f0;
	max-height: 350px;
	overflow: auto;
}

.sentLine {
	text-align: right;
}

.sentMessage{
	display: inline-block;
	width: 75%;
	text-align: left;
}

.recdLine {
	text-align: left;
}

.recdMessage{
	display: inline-block;
	width: 75%;
	text-align: left;
}

.mHead{
	padding: 0 20px;
}

.mBody{
	background-color: white;
	border-radius: 5px;
	padding: 5px 10px 10px 10px;
	margin: 5px 10px 10px 10px;
	font-size: 14px;
}

.leftblock{
	display: inline-block;
	width: 75%;
	padding: 0 25px;
	color: #ffffff;
	font-size: 16px;
}
.closeCross {
	position: absolute; top: -10px; right: 5px;
	cursor: pointer;
	display: inline-block;
	color: #ffffff;
	font-size: 35px;
  }

  .closeCross:hover {
	color: #ffffc5;
}

.closeCross:active {
	color: #dd2222;
}

.myPropsArchive{
	display: none;
}

.otherPropsArchive{	
	display: none;
}

.topright{
	display: inline;
	position: absolute; top: 5px; 
	left: 100px;
	width: 15px;
}

/*  ------ FAVOURITES  ------------------*/

#favourites{
	text-align: center;
}


.favsMain {
	background-color: #102040;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #aaaa60;
}

.favsMain:hover{
	background-color: #102040;
}

.favsMain a {
	color: #ffffd0;
	font-weight: bold;
	display: block;
	padding-left: 25px;
	text-decoration: none;
}

.favSearchesBlock, .favPropertiesBlock{
	margin: 0;
	padding: 0;
}

.favSearchesGrid{
	display: grid;
	grid-template-columns: 45% 35% 20%;
	background-color: #f0f0f0;
	text-align: left;
	justify-content: center;
	padding: 5px 25px;
	color: black;
	overflow: hidden;
}

.favPropertiesGrid{
	display: grid;
	grid-template-columns: 40% 20% 20% 20%;
	background-color: #f0f0f0;
	text-align: left;
	justify-content: center;
	padding: 5px 25px;
	color: black;
	overflow: hidden;
}

.favProperty img{
	max-width: 100%;
	max-height: 50px;
}

.noFavourites{
	display: block;
	background-color: #f0f0f0;
	text-align: left;
	padding: 5px 25px;
	color: #666666;
}

.addFavCont{
	position:absolute; top: 10%; left: 10%;
	width: 80%;
	z-index: 2;
}

#addSearchHeader {
	margin-top: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #102040;
	color: #ffffff;
	padding: 20px;
}

#addSearchFooter {
	background-color: #102040;
	min-height: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#searchNameEntryLine {
	background-color: #F0F0F0;
	border: 5px solid #102040;
}

#editFavouritePromptBox {
	background-color: #F0F0F0;
	border: 2px solid #102040;
	border-radius: 5px;
}

.propmptBoxHeader {
	background-color: #102040;
	/* border-top-left-radius: 5px;
	border-top-right-radius: 5px; */
	padding: 10px 40px;
	color: #ffffd0;
	margin-top: 0;
}

.promptBoxButton{
	margin-bottom: 5px;
}

.addFavCont button {
	margin-left: 40px;
}

#searchNameEntry {
	width: 50%;
	margin-left: 20px;
}

.soldflag {
	position: absolute; bottom: 0; left: 0;
	background-color: red;
	color: white;
	width: 100%;
	z-index: 1;
}

/* ------------ LISTINGS PAGE -------------- */

.centreText{
	text-align: center;
}

#advertiserLink {
	margin-top: 20px;
	background-color: #d0d0d0;
}

#advertiserLink:hover {
	background-color: #e7e7e7;
}

.adLinkText {
	padding: 10px;
	font-weight: normal;
}
.adLinkText:hover {
	font-weight: bold;
}

.sectionTextCont {
	background-color: #f0f0f0;
}

#adsSelector {
	text-align: center;
	background-color: #102040;
	color: #ffffd0;		
}

#adsSelector select {
	/* background-color: #F0F0F0; */
	width: 100%;
}

#adsCountry {
	background-color: #F0F0F0;
	color: blue;
}

#adsCity {
	background-color: gray;
	color: darkgray;
}

		.sectionheadertext{
			padding: 15px 0px 7px 20px;
			font-style: italic;
			font-size: 14px;
			color: #505050;
		}
        .adsheader {
            background-color: #102040;
			color: #ffffd0;		
		}

		.adsheader:hover{
            background-color: #102040;
		}

		.adsheader a {
			color: #ffffd0;		
		}
		
        .dimHeader{
            background-color: #102040;
		}

		.dimHeader:hover{
            background-color: #153060;
		}

		.dimHeader a {
			/* width: 70%; test */
			color: #afaf80;
		}
		.adsheadertext{
			/* width: 100%; test */
			padding: 7px 20px;
			border-bottom: 1px solid #aaaa60;
			font-weight: normal;
		}
        .categoriesContainer{
			display: none;
            width: 100%;
            /* background-color: green; */
        }
        .category {
            width: 100%;
            background-color: #104060;
            color:gray;
		}

		.category a {
			cursor: pointer;
			color: #ffffd0;
		}

		.category:hover {
			background-color: #155575;
		}
		
        .dimCategory{
            background-color: #104060;
            color: darkgray;
		}
		.dimCategory:hover {
			background-color: #155575;
		}
		.dimCategory a {
			color: gray;
		}

        .adsContainer{
            display: none;
            width: 100%;
            /* background-color: red; */
        }
        .display {
            width: 100%;
            background-color: white;
            color:black;
		}
		.display img {
			width: 100%;
		}


		.listwebcont a {color: blue;}
		.listmailcont a {color: blue;}

        .noAds {
            width: 100%;
            background-color: #F0F0F0;
            font-size: 12px;
			/* font-style: italic; */
			color: black;
		}
		
		.noAds a {
			color: blue;
		}

.adsheader i {
	font-size: 16px;
}

#adsSelector select {
	margin-left: 0;
}

/* ============================ ADD AN ADVERT PAGE ============================= */
#curtain {
	position: fixed; top: 0; left: 0;
	z-index: 1050;
	width: 100%;
	background-color: black;
}


#countryAndCategorySelectors {
	margin: 20px;
}

#pricesTable {
	position: relative;
}

#pricesTable table {
	background-color: #F0F0F0;
}
#pricesTable table,  #pricesTable td {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	/* padding: 0 5px; */
	margin: 0;
}

#pricesTable th {
	background-color: #102040;
	text-align: center;
	color: #ffffd0;
	border: 1px solid #ffffd0;
	padding: 10px 40px;
	/* padding: 10px 35px; */
	/* padding: 2%; */
	margin: 0;
}

#pricesTable tr {
	position: static;
}

#hRow2 {
	position: sticky; top: 0;
	/* border: none !important;
	box-shadow: inset 0 1px solid #ffffd0,
				inset 0 -1px solid #ffffd0;
	padding: 1px 0; */
}

#pricesTable th.nbh {
	border-left: 1px solid #102040;
	border-right: 1px solid #102040;
	/* padding: 10px 10px; */
}

#pricesTable td.nbd {
	border-left: 1px solid #CFE7F5;
	border-right: 1px solid #CFE7F5;
}


#pricesTable td input[type=text]{
	background-color: #F0F0F0;
	/* background-color: coral; */
	border: none;
	padding: 0;
	margin: 0;
}

.mnw {
	width: 40%;
}

.disabled {
	background-color: #909090;
	color: #707070;
}

.checkoutBtn, .checkoutBtn:hover {
	position: absolute; top: -60px; right: 0;
	font-size: 18px;
	background-color: #f0f0f0;
	color: #b0b0b0;
	margin: 10px;
	/* border: 20px; */
}

.checkoutBtnActive {
	position: absolute; top: -60px; right: 0;
	cursor: pointer;
	font-size: 18px;
	background-color: #ffffff;
	color: #102040;
	margin: 10px;
}

.checkoutBtnActive:hover{
	background-color: #102040;
	color: #ffffd0;
}

.adDetails {
	/* display: none; */
	position: absolute; top: 70px; left: 25%;
	z-index: 1080;
	background-color: #e0e0e0;
	width: 50%;
	/* height: 300px; overflow: auto; FOR TEST */
	border: 2px solid #102040;
	border-radius: 0.5em;
}

.adDetailsHeader {
	background-color: #102040;
	width: 100%;
	color: white;
	text-align: center;
	font-size: 1.5em;
	border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    margin-top: -1px;
    margin-left: -1px;
    padding-right: 2px;
}

.imageCont {
	width: 100%;
	margin: 0;
	overflow: hidden;
}



.adImage {
	width: 100%;
}

.textline {
	padding: 1em;
}

.infotext .p {
	padding: 1em;
}

.entryline {
	margin: 1em 4em 1em 2em;
}

.entryline input[type=text]{
	width: 100%;
	padding: 0.25em 1em;
}

.adbuttonsline {
	/* background-color: yellow; */
	text-align: center;
}

.buttonCont {
	display: inline-block;
	width: 30%;
	text-align: center;
	margin: 1em 2em;
}

.imgbuttonCont {
	display: block;
	text-align: center;
	margin: 1em 2em;
}

.labelCont {
	display: inline-block;
}

.cancel {
	cursor: pointer;
	padding: 0.25em 1em;
	background-color: white;
	color: black;
}

.cancel:hover {
	color: #ff2020;
}

.confirm, .uploadButton {
	cursor: pointer;
	margin-top: 0.25em;
	padding: 0.25em 1em;
	background-color: #102040;
	color: #fffff5;
}

.confirm:hover, .uploadButton:hover {
	background-color: #fffff5;
	color: #102040;
}

.adEdit {
	background-color: #F0F0F0b7;
	color: black;
	border-radius: 5px;
	margin-left: 2px;
}
.adEdit:hover{
	background-color: lightgrey;
	color: #102040;
}

#helpHeader {
	display: inline-block;
	margin-left: 20px;
	background-color: #F0F0F0;
	border: 1px solid black;
	height: 30px;
}

#helpHeader a{
	height: 30px;
	display: inline-block;  
}

#helpHeaderIcon {
	display: inline-block;
	height: 20px;
	width: 20px;
	padding: 5px;
	overflow: hidden;
}

#helpHeaderIcon img {
	width: 100%;
	/* vertical-align: bottom; */
}

#helpHeaderText {
	display: inline-block;
	padding: 5px;
	vertical-align: top;
	height: 20px;
}

h4 {
	padding-left: 40px;
}

#helpSection {
	background-color: #F0F0F0;
	margin: 0 20px;
	border: 1px solid black;
	position: relative; top: -4px;
}

#helpSection p {
	margin-block-start: 0;
	margin-block-end: 5px;
}

/* ========================  MY ADVERTS PAGE ============================ */

#adsTableContainer{
	background-color: #f7f7f7;
	border: 1px solid #c0c0c0;
	margin: 5%;
}

.viewbutton{
	cursor: pointer;
	background-color: #102040;
	color: #ffffff;
}

.viewbutton:hover{
	background-color: #ffffff;
	color: #102040;
}

.renewbutton{
	cursor: pointer;
	background-color: white;
	color: #102040;
}

.renewbutton:hover{
	background-color: #102040;
	color: #ffffff;
}

.nobutton, .nobutton:hover{
	border: none;
	background-color: #f7f7f7;
	color: #f7f7f7;
}

.viewbutton, .renewbutton, .nobutton{
	margin: 5px;
	padding: 5px;
}

.myAdvertsFooter{
	padding: 10px 50px;
	color: #808080;
	font-size: 12px;
}

.selectText{
	padding-left: 40px;
}

.renewalSelect{
	width: 25%;
	margin-left: 40px;
}

.renewdisabled{
	padding: 4px 10px;
	background-color: #c0c0c0;
	color: #606060;
}


/* --------------- Advertisers contact form  ----------------- */
.formResponse{
	margin: 10px 40px;
	color: #800000;
}


/* -------------- User Main ------------------------- */

#participationBox {
	background-color: #f0f0f0;
	border: 1px solid #606060;
	margin: 40px;
	padding: 10px;
}

#TipsBox {
	background-color: #e0e0e0;
	border: 1px solid #606060;
	margin: 40px;
	padding: 10px;
}

#TipsHeader {
	font-size: 16px;
	padding: 10px;
	color: #102040;
}

.tipsCont {
	background-color: #ffffff;
	padding: 5px;
	margin: 10px;
}

#CSMline0 {
	background-color: #102040;
	color: #ffffff;
	margin: -10px;
    padding: 10px;
	font-size: 16px;
}

.CSMlineText {
	display: inline-block;
	padding: 20px;
}

.CSMlineLink {
	display: inline-block;
	padding: 0 20px 20px;
	/* border: 2px solid #068AF0;
	border-radius: 10px; */
}

.CSMlineLink img {
	width: 30px;
	vertical-align: bottom;
}

/* .CSMlineLink img:hover {
	width: 35px;
} */


.CSMlineLinkDiv {
	display: inline-block;
	height: 30px;
	background-color: #0269E3; /* For browsers that do not support gradients */
	background-image: linear-gradient(#1AACFD, #0269E3);
	color:white;
	font-size: 20px;
	font-family: Verdana;
	font-weight: bold;
	margin-left: 10px;
	padding: 0 5px;
	border-radius: 10px;
}

#CSMline1b {
	background-color: #ffffff;
}

.CSMlineLinkedInDiv {
	display: inline-block;
	height: 30px;
	background-color: #0A66C2; /* For browsers that do not support gradients */
	color:white;
	font-size: 20px;
	font-family: Verdana;
	font-weight: bold;
	margin-left: 10px;
	padding: 0 5px;
	border-radius: 3px;
}

.CSMFullLineText {
	padding: 20px;
}

#lastLine {
	font-size: 18px;
	color: #102040;
	margin: 10px 20px;
}