/******************************
/  EDIT CONTACT FORM          /
******************************/

#addContact {
	margin:8px 0px 8px 0px;
}

#editContact {
	position:relative;
	width:708px;
	border:3px solid #666666;
	margin:auto;
	background-color:#EBEBEB;
	padding:8px;
	text-align:left;  /* Needed for ie to set all inherited alignment */
}

/* Icon Discs */

#editContact #topRow .addSeekerIcon-buyer, #editContact #topRow .addSeekerIcon-investor, #editContact #topRow .addSeekerIcon-renter,
#editContact #topRow .editSeekerIcon-buyer, #editContact #topRow .editSeekerIcon-investor, #editContact #topRow .editSeekerIcon-renter {
	background-repeat:no-repeat;
	background-position:center;
	height:73px;
	width:64px;
}

#editContact #topRow .addSeekerIcon-buyer { background-image:url(../images/seekers/add-buyer.gif); }
#editContact #topRow .addSeekerIcon-investor { background-image:url(../images/seekers/add-investor.gif); }
#editContact #topRow .addSeekerIcon-renter { background-image:url(../images/seekers/add-renter.gif); }
#editContact #topRow .editSeekerIcon-buyer { background-image:url(../images/seekers/edit-buyer.gif); }
#editContact #topRow .editSeekerIcon-investor {	background-image:url(../images/seekers/edit-investor.gif); }
#editContact #topRow .editSeekerIcon-renter { background-image:url(../images/seekers/edit-renter.gif); }

/* BOXES DESIGN */
#editContact #personalDetails {
	background-color:#E9B7B8;
	border:1px solid #C49DA0;
	margin-top:8px;
	margin-bottom:8px;
	padding:4px;
}

#editContact .propertyDetails {
	background-color:#B7C0E9;
	border:1px solid #9FA4C4;
	padding:4px;
}

#editContact .infoSection {
	background-color:#FFFFFF;
	border:1px solid #999999;
	padding:8px;
}

#editContact .propertiesMatched {
	background-color:#FAF87F;
	border:1px solid #939450;
	margin-top:8px;
	padding:4px;
	text-align:center;
}


/* FORM Textfields and DropDowns */
#editContact #personalDetails .textField, #editContact #personalDetails .dropdown {
	border:1px solid #C49DA0;
}
#editContact .propertyDetails .textField, #editContact .propertyDetails .dropdown {
	border:1px solid #9FA4C4;
}


/* FORM Textfields and DropDowns - WIDTHS */
#editContact .textField {
	width:189px;
}
#editContact .dropdown {
	width:197px;
}
#editContact .mobilePhoneCountryCode, #editContact .homePhoneCountryCode, #editContact .otherPhoneCountryCode {
	width:67px;
}
#editContact .commonMobilePhone, #editContact .commonHomePhone, #editContact .commonOtherPhone {
	width:113px;
}


/* Attributes */
#editContact .line li { clear:none; }
#editContact .line li.leftSide
{
	float:left;
	clear:left;
	width:158px;
	padding-right:8px;
}




/* TEXT COLOURS */
#editContact td, #editContact div {
	color:#7C7C7C;
}

#editContact .mainTitle {
	color:#858585;
	font-size:16px;
	font-weight:bold;
}

#editContact .title {
	font-weight:bold;
}

#editContact #personalDetails .title, #editContact #personalDetails td, #editContact #personalDetails div, #editContact #personalDetails input, #editContact #personalDetails select, #editContact #personalDetails textarea, #editContact #personalDetails .smallLinks {
	color:#814F4E;
}

#editContact .propertyDetails .title, #editContact .propertyDetails .line, #editContact .propertyDetails legend, #editContact .propertyDetails label, 
 #editContact .propertyDetails input, #editContact .propertyDetails select, #editContact .propertyDetails td, #editContact .propertyDetails div {
	color:#4D5579; 
}

/* Property Matches Section styles */
#editContact .propertiesMatched td, #editContact .propertiesMatched .title {
	color:#6C612B;
}
#editContact .propertiesMatched #tableHeader {
	background-color:#D6D652;
	margin-top:4px;
	padding:2px 4px 2px 5px;
}
#editContact .propertiesMatched .propertiesMatchedScroller {
	height:60px;
	overflow:auto;
	padding:2px 4px 2px 4px;
	border:1px solid #6C612B;
}

/* The rows that are also links */
#editContact .propertiesMatched .linkRowNormal {
	background-color:transparent;
}
#editContact .propertiesMatched .linkRowHover {
	background-color:#FDFFC9;
}

#editContact .propertiesMatched .smallLinks {
	color:#42507C;
}


#editContact #personalDetails .title, #editContact .propertyDetails .title {
	padding-bottom:2px;
}

.tinyLinks {
	color:#4D5579;
}


/* RE_SUBSCRIBE UPDATE BUTTON  */
#editContact #topRow .button {
	height:17px;
	font-size:11px;
	margin-bottom:3px;
	background-color:#698B58;
}


/* Add Address Button */
#editContact #personalDetails .button {
	background-color:#814F4E;
	color:#FFFFFF;
	height:17px;
	font-size:11px;
	margin-bottom:3px;
}


#editContact .propertyDetails .line {
	margin-bottom:3px;
	border:1px solid #9FA4C4;
	background-color:#D1D7F7;
	padding:4px;
	/*width:373px; /* This is required for Firefox ? */
}

/* Checkboxes Labels */
#editContact .propertyDetails label {
	/*padding-right:30px;  this makes IE stretch real big when Not Needing Modernsation added*/
}


/******************************
/  PROPERTY DETAILS LAYER     /
******************************/

.viewPropertyDetailsLayer {
	position:absolute;
	left:178px;
	top:80px;
	width:370px;
	z-index:2;
}

#viewPropertyDetails {
	background-color:#FAF87F;
	border:1px solid #939450;
	padding:4px;
	margin:0px;
}

/* Text Colour */
#contactList #viewPropertyDetails div, #contactList #viewPropertyDetails td {
	color:#6C612B;
}

#viewPropertyDetails #cell {
	border:1px solid #CCCF78;
	background-color:#FDFFC9;
	padding:4px 6px 4px 6px;
}

#viewPropertyDetails a.closingX { background-image:url(../images/closingX/closingX-yellow.gif); }
#viewPropertyDetails a.closingX:hover { background-image:url(../images/closingX/closingX-yellow-hover.gif); }