/*
		Purpose:	My Account, Style Sheet
		Site:		www.
		Author:		Mark Rowlands, (c) Fusion Advertising & Design Ltd 2007
		Version:	0.01 (14th March 2007)
		
		Notes:		Attributes, IDs and Classes are in alphabetical order
		
		Changes:
			0.01	MR	14/03/2007	Initial development
	
*/

/* My Account form tags 
-------------------------------------------------------*/


.myAccount form { padding:0px; margin:0px; font-size:1.1em;}

.myAccount fieldset { border:none; padding:0px 0px 20px 0px; margin:0px;  float:left; display:block; background-image:none;}
.myAccount fieldset legend { display:none;}
.myAccount fieldset .fieldsetHeader { width:500px; height:24px; float:left; padding:15px 0px 0px 20px; margin:0px; background-image:url(/resources/images/myaccount/form_fieldset-header.gif); background-position:0 0; background-repeat:no-repeat;   }
.myAccount fieldset .fieldsetHeader .fieldsetHeading { font-weight:bold; font-size:1.1em; margin:0px 0px 10px 0px; display:block; color:#BF0000; }
.myAccount fieldset .fieldsetFooter { float:left; background-image:url(../images/myaccount/form_fieldset-footer.gif); display:block; width:500px; height:10px; background-repeat:no-repeat; background-position:0px 0px;}

.myAccount fieldset .fieldsetContent { width:490px; float:left; padding:0px 10px 10px 20px; background-image:url(/resources/images/myaccount/form_fieldset-content.gif); background-position:bottom left; background-repeat:repeat-y;}
.myAccount fieldset .fieldsetContent .contentHeader { font-weight:bold; font-size:1.1em; margin:10px 0px 5px 0px; float:left; width:100%; color:#BF0000; }
.myAccount fieldset .fieldsetContent .contentSubHeading { font-size:1.1em; padding:0px 20px 15px 0px; margin:0px; float:left; width:450px; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; }

 
/* main layout tags 
--------------------------------------------------------------------*/
.myAccount fieldset .fieldsetContent .inputRowContainer { float:left; padding:0px 0px 7px 0px; width:470px;}
.myAccount fieldset .fieldsetContent .inputRow { float:left; width:470px; padding:0px 0px 7px 0px; }
.myAccount fieldset .fieldsetContent .inputRowExtended { float:left; width:700px; padding:0px 0px 7px 0px;}

.myAccount fieldset .fieldsetContent .inputRow .buttonContainer { padding:0px 0px 0px 123px;}
.myAccount fieldset .fieldsetContent .inputRow .buttonContainerCloser { padding:10px 0px 0px 70px;}
.myAccount fieldset .fieldsetContent .inputRow .small { padding:0px;}

.myAccount fieldset .fieldsetContent .preferedRow { float:left; width:322px; padding:0px 0px 7px 0px; text-align:right; font-size:1.1em;}
.myAccount fieldset .fieldsetContent .preferedRowExtended { float:left; width:408px; padding:0px 0px 7px 0px; text-align:right; font-size:1.1em;}
.myAccount fieldset .fieldsetContent .preferedRow span { float:right; }
.myAccount fieldset .fieldsetContent .preferedRow .option { float:left;}

.myAccount fieldset .fieldsetContent .inputLabel { float:left; text-align:left; padding:0px 5px 0px 0px;}
.myAccount fieldset .fieldsetContent .inputLabel label { width:118px; display:block; line-height:1.7em; font-size:1em;}
.myAccount fieldset .fieldsetContent .inputLabel label.small { width:65px;}
.myAccount fieldset .fieldsetContent .inputLabel label.large { width:380px; line-height:1.5em;  }
.myAccount fieldset .fieldsetContent .inputLabel .label { width:118px; display:block; line-height:1.7em; font-size:1em; color:#333333;} /* substute for radio buttons are each needs a label */
.myAccount fieldset .fieldsetContent .inputLabel .labelSmall { width:65px; display:block; line-height:1.7em; font-size:1em;} 

.myAccount fieldset .fieldsetContent .inputLabel .required { background-image:url(/resources/images/myaccount/form_required.gif); background-position:111px 0px; background-repeat:no-repeat;}
.myAccount fieldset .fieldsetContent .inputLabel .required1 { background-image:url(/resources/images/myaccount/form_required1.gif); background-position:111px 0px; background-repeat:no-repeat;}

.myAccount fieldset .fieldsetContent .inputFieldExtended { width:418px; float:left;}
.myAccount fieldset .fieldsetContent .inputFieldExtended { float:left; width:418px; }
.myAccount fieldset .fieldsetContent .inputFieldExtended .inputShim { float:left; padding:0px 5px 0px 0px;}
.myAccount fieldset .fieldsetContent .inputFieldExtended .inputShimList { clear:both; display:block; padding:5px 0px 0px 0px; font-size:1em; }
.myAccount fieldset .fieldsetContent .inputFieldExtended .results { font-size:1.1em; margin:0px; font-family:Arial, Helvetica, sans-serif;}
.myAccount fieldset .fieldsetContent .inputFieldExtended .explain { font-size:0.9em; color:#999999; margin:2px 0px 0px 0px; display:block; float:left; width:100%;}
.myAccount fieldset .fieldsetContent .inputFieldExtended label { float:left; padding:0px 5px 0px 0px; font-size:1.1em;} /* label for the radio buttons */
.myAccount fieldset .fieldsetContent .inputFieldExtended label.none { display:none;} /* lable for the checkbox list */

.myAccount fieldset .fieldsetContent .inputField { float:left; width:347px; }
.myAccount fieldset .fieldsetContent .inputField .inputShim { float:left; padding:0px 5px 0px 0px;}
.myAccount fieldset .fieldsetContent .inputField .inputShimList { clear:both; display:block; padding:5px 0px 0px 0px; font-size:1em; }
.myAccount fieldset .fieldsetContent .inputField .shimSpacing { width:158px;} 
.myAccount fieldset .fieldsetContent .inputField .shimSpacingLarge { width:220px;}
.myAccount fieldset .fieldsetContent .inputField .results { font-size:1em; margin:0px; font-family:Arial, Helvetica, sans-serif; padding:0px;}
.myAccount fieldset .fieldsetContent .inputField .explain { font-size:0.9em; color:#999999; margin:2px 0px 0px 0px; display:block; float:left; width:100%; display:block;}
.myAccount fieldset .fieldsetContent .inputField label { float:left; padding:0px 5px 0px 0px; font-size:1em;} /* label for the radio buttons */
.myAccount fieldset .fieldsetContent .inputField label.none { display:none;} /* lable for the checkbox list */
.myAccount fieldset .fieldsetContent .inputFieldSmall { width:auto;}

/* Form elements #
-------------------------------------------------------------------*/
.myAccount fieldset input { float:left; font-size:1em; color:#676767; height:14px; width:159px; padding:2px 2px 2px 5px; border:1px solid #cccccc;} /* standard */
/* .myAccount fieldset input:hover {background:#FFFFFF; border:1px solid #cccccc; color:#333333;} */
/* .myAccount fieldset input:focus {background:#C9EBA7; border:1px solid #cccccc; color:#333333;} */
.myAccount fieldset input.xs { width:50px;}
.myAccount fieldset input.s { width:100px;}
.myAccount fieldset input.sm { width:123px;}
.myAccount fieldset input.l { width:200px;}
.myAccount fieldset input.xl { width:250px;}
.myAccount fieldset .tall { height:23px; font-size:1.2em;} /* nestons override for stamp duty page */

.myAccount fieldset input.radio { margin:0px 5px 0px 0px; width:20px; border:none; background-image:inherit; background-color:#f6f6f6;}
.myAccount fieldset input.checkbox { margin:0px 5px 0px 0px; width:20px; border:none;}

.myAccount fieldset select { float:left; width:108px; padding:2px; font-size:1em; color:#676767; height:20px; border:1px solid #cccccc;} /* standard */
.myAccount fieldset select.s { width:58px; }
.myAccount fieldset select.m { width:76px}
.myAccount fieldset select.ml { width:132px;}
.myAccount fieldset select.l { width:168px;}
.myAccount fieldset select.xl { width:208px;}
.myAccount fieldset select.xxl { width:259px;}

.myAccount fieldset .comunication select { width:168px;} /* override for the comunication drop down */

.myAccount fieldset textarea { float:leftl; width:157px;  padding:5px; margin:0px; border:1px solid #cccccc; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#676767; } /* must enter row & col for accessability this = 17rows */
.myAccount fieldset textarea.l { width:209px;}


/* form buttons 
--------------------------------------------------------*/

/* sliding door buttons */
.myAccount fieldset a.button { cursor:pointer; text-transform:uppercase; display:block; background-image:url(/resources/images/myaccount/but_slide-right.gif); background-position:top right; float:left; font-size:12px; background-repeat:no-repeat; padding-right:15px; color:#FFFFFF; font-weight:bold; font-size:1em;}
.myAccount fieldset a.button span { display:block; float:left; background-image:url(/resources/images/myaccount/but_slide-left.gif); background-repeat:no-repeat; background-position:top left; height:17px; padding:4px 0px 0px 15px;  }
.myAccount fieldset a.button:hover { background-position:bottom right; text-decoration:none; color:#333333;}
.myAccount fieldset a.button:hover span { background-position:bottom left; text-decoration:none;}
/* standard input buttons - used when can't be replaced by sliding doors */
.myAccount fieldset input.button { height:21px; width:auto; text-transform:uppercase; padding:0px 10px 0px 10px; background-image:url(../images/myaccount/but_bg_large.gif); background-position:0 0; margin:0px; font-size:10px; letter-spacing:normal; background-repeat:repeat-x; font-weight:bold; color:#FFFFFF; border:none; border-right:1px solid #c91212; border-left:1px solid #c91212;}
.myAccount fieldset input.button:hover {background-image:url(../images/myaccount/but_bg_large_hover.gif); background-position:0 0; font-size:12px; background-repeat:repeat-x; font-weight:bold; padding:0px 10px 0px 10px; font-size:10px; letter-spacing:normal; font-weight:bold; color:#FFFFFF; border:none; border-right:1px solid #8d8d8d; border-left:1px solid #8d8d8d;}

/* sliding door buttons outside the fieldset */
.myAccount form .saveChanges { float:left; margin:0px 0px 20px 0px; width:100%;}
.myAccount form .saveChanges a.button { cursor:pointer; text-transform:uppercase; display:block; background-image:url(/resources/images/myaccount/but_slide-right.gif); background-position:top right; float:left; font-size:12px; background-repeat:no-repeat; padding-right:15px; color:#FFFFFF; font-weight:bold; font-size:1em;}
.myAccount form .saveChanges a.button span { display:block; float:left; background-image:url(/resources/images/myaccount/but_slide-left.gif); background-repeat:no-repeat; background-position:top left; height:17px; padding:4px 0px 0px 15px;  }
.myAccount form .saveChanges a.button:hover { background-position:bottom right; text-decoration:none; color:#333333;}
.myAccount form .saveChanges a.button:hover span { background-position:bottom left; text-decoration:none;}
/* standard input button outside the fieldset */
.myAccount form  .saveChanges input.button { height:21px; width:auto; text-transform:uppercase; padding:0px 10px 0px 10px; background-image:url(../images/myaccount/but_bg_large.gif); background-position:0 0; margin:0px; font-size:10px; letter-spacing:normal; background-repeat:repeat-x; font-weight:bold; color:#FFFFFF; border:none; border-right:1px solid #c91212; border-left:1px solid #c91212;}
.myAccount form .saveChanges input.button:hover {background-image:url(../images/myaccount/but_bg_large_hover.gif); background-position:0 0; background-repeat:repeat-x; font-weight:bold; padding:0px 10px 0px 10px; letter-spacing:normal; font-weight:bold; color:#FFFFFF; border:none; border-right:1px solid #8d8d8d; border-left:1px solid #8d8d8d;}

/* sliding door buttons outside a form & fieldset*/
.myAccount a.button { cursor:pointer; text-transform:uppercase; display:block; background-image:url(/resources/images/myaccount/but_slide-right.gif); background-position:top right; float:left; font-size:12px; background-repeat:no-repeat; padding-right:15px; color:#FFFFFF; font-weight:bold; font-size:1em;}
.myAccount a.button span { display:block; float:left; background-image:url(/resources/images/myaccount/but_slide-left.gif); background-repeat:no-repeat; background-position:top left; height:17px; padding:4px 0px 0px 15px;  }
.myAccount a.button:hover { background-position:bottom right; text-decoration:none; color:#333333;}
.myAccount a.button:hover span { background-position:bottom left; text-decoration:none;}



/* help and error tags 
-----------------------------------------------------------------*/
.myAccount fieldset a.help { display:block; float:left; width:16px; height:16px; background-image:url(/resources/images/myaccount/ico_help.gif); background-repeat:no-repeat; background-position:0 0; cursor:help; }
.myAccount fieldset .cHelp { float:left;}

.myAccount fieldset p { padding:0px 0px 10px 0px; font-size:1em;} 

/* errors + tips */
.myAccount fieldset .error { background-image:url(../images/form_error-row-bg.gif); background-position:50px 0; background-repeat:no-repeat; font-size:1em;}
.myAccount fieldset .error label { font-weight:bold; color:#CC0000;}
.myAccount fieldset .error input, fieldset .error select, fieldset .error textarea { border:1px solid #cc0000;}
.myAccount fieldset .msgError { font-size:1.1em; color:#cc0000; margin:2px 0px 3px 0px; display:block; float:left; width:347px; padding:0px 0px 0px 0px; line-height:1.5em;  }

.myAccount .myAccount fieldset .msgInfo { height:19px; line-height:1.7em; display:block; background-image:url(../images/form_tip-icon.gif); background-position:19px 1px; background-repeat:no-repeat; padding:0px 10px 0px 35px;}

.myAccount .message { font-size:1.2em; display:block; width:430px; min-height:34px; padding:12px 10px 10px 50px; background-position:0 0; background-repeat:no-repeat; float:left; margin:10px 0px 20px 0px;  }

.myAccount .errorBox { color:#920404; background-image:url(/resources/images/myaccount/form_error-message-bg.gif); background-color:#fccece; border:1px solid #a31919;}
.myAccount .noticeBox { color:#8e871d; background-image:url(../images/form_notice-message-bg.gif);}
.myAccount .successBox { color:#149c12; background-image:url(../images/myaccount/form_sucess-message-bg.gif); background-color:#cffcce; border:1px solid #1ba319;}


/* my account tag styling overides 
------------------------------------------------*/

.myAccount { width:728px;}
.myAccount a { color:#333333; text-decoration:none;}
.myAccount a:hover { color:#bf0000; text-decoration:underline;}
.myAccount h4 { color:#bf0000; font-size:1.2em; font-weight:bold; text-transform:none; padding:0px 0px 0px 10px; }
.myAccount h5 { color:#bf0000; font-size:1.2em; font-weight:bold; text-transform:none; padding:0px; margin:0px; text-transform:none; }

/* misc */
.sectionMyaccount p { margin:0; }

.myaccountTab { padding:10px 0 0 0; }

div.maSpacer { height:10px; } /* Force Spacing before items after tabs */ 
.maStatus { font-size:1.2em;  }

#tab_list { clear:both; }

/* my account log in page 
-----------------------------------------------*/

.myAccount .logIn { float:left; width:332px; margin:0px 0px 10px 0px; padding:0px; display:block; background-image:url(/resources/images/myaccount/signin_bg.gif); background-position:0 0; background-repeat:no-repeat; }
.myAccount .logIn fieldset { width:auto; }
.myAccount .logIn .logInSmall { width:131px;}
.myAccount .logIn .fieldsetHeader { width:285px; background-image:none;}
.myAccount .logIn .fieldsetHeader .fieldsetHeading { float:left; display:block;}
.myAccount .logIn .fieldsetContent { width:285px; background-image:none;}
.myAccount .logIn .fieldsetContent .inputRow { width:285px;}
.myAccount .logIn .fieldsetContent .inputRow .inputLabel label { width:109px;}
.myAccount .logIn .fieldsetContent .inputRow .inputLabel .label { width:109px;}
.myAccount .logIn .fieldsetContent .inputRow .inputField { width:167px;}
.myAccount .logIn .fieldsetContent .inputRow .inputFieldExtended { width:167px;}
.myAccount .logIn .fieldsetContent .inputRow .buttonContainer { padding:0px 0px 0px 114px; width:auto;}

.myAccount .logIn .fieldsetFooter { width:285px; background-image:none;}

.myAccount .register { float:left; width:172px; height:196px; margin:0px 0px 10px 0px; padding:15px 20px 0px 20px; display:block; background-image:url(/resources/images/myaccount/register_bg.gif); background-position:0 0; background-repeat:no-repeat;}
.myAccount .register fieldset { width:auto; }
.myAccount .register .registerTitle { color:#BF0000; font-size:1.1em; font-weight:bold; margin:0px 0px 10px 0px; float:left; display:block;}
.myAccount .register ul { float:left; width:172px; margin:0px 0px 10px 0px;}
.myAccount .register ul li { float:left; width:172px;}
.myAccount .register p { float:left; width:172px;}
.myAccount .register .more { float:left; width:172px; padding:0px 0px 10px 0px;}

.myAccount .singInContainer { padding:140px 0px 0px 20px;}
.myAccount .signIn { background-image:url(/resources/images/myaccount/sign_in_bg.gif); height:124px;}

.myAccount .whyRegister { float:left; width:500px;}
.myAccount .whyRegister h3 { font-size:1.6em; font-weight:normal; text-transform:uppercase; padding:0px 0px 5px 0px;}

.myAccount .registerLink { font-size:1.4em; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; float:left; padding:0px 0px 40px 14px; color:#676767; }
.myAccount .registerLink:hover { color:#676767; text-decoration:underline; cursor:pointer;}

/* my account benafits */
.myAccount .benefits { margin:0px; padding:0px 0px 7px 0px; float:left; width:100%;  }
.myAccount .benefitsContainer { margin:10px 0px 30px 0px; float:left; padding:0px;}
.myAccount .benefitsContainer a.button { cursor:pointer; text-transform:uppercase; display:block; background-image:url(/resources/images/myaccount/but_slide-right.gif); background-position:top right; float:left; font-size:12px; background-repeat:no-repeat; padding-right:15px; color:#FFFFFF; font-weight:bold; font-size:1em;}
.myAccount .benefitsContainer a.button span { display:block; float:left; background-image:url(/resources/images/myaccount/but_slide-left.gif); background-repeat:no-repeat; background-position:top left; height:17px; padding:4px 0px 0px 15px;  }
.myAccount .benefitsContainer a.button:hover { background-position:bottom right; text-decoration:none; color:#333333;}
.myAccount .benefitsContainer a.button:hover span { background-position:bottom left; text-decoration:none;}
.myAccount .benefitLists { float:left;}

/* my account area lists 
------------------------------------------*/

.areaOptions ul { float:left; padding:0px; margin:10px 0px 0px 0px; width:410px;}
.areaOptions ul li { background-image:none; font-size:1em; padding:0px 0px 10px 0px; width:410px; float:left; }
.areaOptions ul li div.areaTitle { float:left; background-color:#727071; color:#FFFFFF; font-size:1.1em; font-weight:bold; padding:2px; width:405px; text-align:left; line-height:1.6em;}
.areaOptions ul li div.areaTitle input { width:15px;}
.areaOptions ul li ul  { float:left; width:410px; margin:0px; }
.areaOptions ul li ul li { float:left; margin:0px; padding:2px 0px 2px 2px; width:130px;}
.areaOptions ul li ul li label { color:#333333; float:left; font-size:1em; }
.areaOptions ul li ul li label span { font-size:0.9em; display:block; float:left; width:107px; text-align:left}
.areaOptions ul li ul li div { float:left; height:100%; }
.areaOptions ul li ul li input { width:15px; border:none; padding:2px 3px 2px 3px; margin:0px 2px 1px 0px; float:left;}

.specifiedOptions { float:left; width:294px; padding:0px 0px 10px 0px;}
.specifiedOptions li { float:left; background-image:none; padding:0px; margin:0px; width:147px;}


/* search result table
---------------------------------------*/

.myAccount .searchTable { width:730px; /*border-left:1px solid #cccccc; border-right:1px solid #cccccc;*/ margin:0px 0px 10px 0px; }
.myAccount .searchTable thead tr th { padding:4px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; background-color:#e2e1e1; font-size:1.2em; font-weight:bold; color:#333333;}
.myAccount .searchTable tr td { padding:6px 4px 6px 4px; border-bottom:1px solid #cccccc; font-size:1.1em; }

.myAccount .searchTable tr td.name { font-weight:bold; color:#333333; width:100px;}
.myAccount .searchTable tr td.area { padding:6px 10px 6px 4px;}
.myAccount .searchTable tr td a { color:#333333; }
.myAccount .searchTable tr td a:hover { color:#bf0000;}
.myAccount .searchTable tr td.view a { color:#bf0000; background-image:url(/resources/images/myaccount/ico_view.gif); background-position:0 0; background-repeat:no-repeat; padding:0px 0px 0px 15px;}
.myAccount .searchTable tr td.amend a { color:#bf0000; background-image:url(/resources/images/myaccount/ico_change.gif); background-position:0 0; background-repeat:no-repeat; padding:0px 0px 0px 15px;}

.myAccount .searchTable tr.even { background-color:#f6f6f6;}
.myAccount .searchTable tr.even:hover { background-color:#cccccc;}
.myAccount .searchTable tr.odd { background-color:#FFFFFF;}
.myAccount .searchTable tr.odd:hover { background-color:#cccccc;}



/* 	index page  - my account loged in index page 
-------------------------------------------------------------------------------------------------------------------*/
#customerProfile { padding:5px 10px 10px 10px; margin-top:10px; width:702px; height:126px; background-image:url(/resources/images/myaccount/profile_bg.gif); background-position:0 0; background-repeat:no-repeat;  }
#customerProfile .profileHeader { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em;  margin:0px 0px 0px 0px; padding:0px 0px 0px 7px; color:#000000; }
#customerProfile .profileSummary ul { margin:13px 0px 0px 0px; padding:0px 0px 0px 84px; width:291px; }
#customerProfile .profileSummary li { clear:both;  margin:0 10px 0 0; padding:0px 0px 5px 0px; list-style:none; font-size:1.1em; background-image:none; clear:both;}
#customerProfile .profileSummary li a { float:left; text-decoration:none; color:#767575; }
#customerProfile .profileSummary li a:hover { text-decoration:underline; }
#customerProfile .profileSummary li div.label { font-weight:bold; width:45px; float:left; }
#customerProfile .profileSummary .profileEdit { padding:12px 0px 0px 46px; width:245px;}
#customerProfile .profileSummary .profileEdit a { color:#BF0000;}

#customerProfile .propertyAlertHeader { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; margin:0px 0px 2px 0px; padding:0px; color:#000; }
#customerProfile .propertyAlerts { float:left; width:180px; padding:35px 0px 0px 0px;}
#customerProfile .propertyAlerts ul { margin:0; padding:0; float:left;    }
#customerProfile .propertyAlerts li { margin:7px 0px 7px 0; padding:0; list-style:none; float:left; background-image:none; }
#customerProfile .propertyAlerts li a { background-repeat:no-repeat; background-position:0 -40px; display:block; width:45px; height:20px; }
#customerProfile .propertyAlerts li a.text { background-image:url(/resources/images/myaccount/ico_tiny_text.gif); }
#customerProfile .propertyAlerts li a.email { background-image:url(/resources/images/myaccount/ico_tiny_email.gif); }
#customerProfile .propertyAlerts li a.rss { background-image:url(/resources/images/myaccount/ico_tiny_rss.gif); height:21px; width:50px; background-position:0;}
#customerProfile .propertyAlerts li a.amber { background-position:0 -20px; }
#customerProfile .propertyAlerts li a.green { background-position:0 0; }
#customerProfile .propertyAlerts div { clear:both; padding-top:4px; text-align:left;}
.customerProfileFooter { background-image:url(../images/bg_my_profile_bottom.gif); height:10px; background-position:bottom left; background-repeat:no-repeat; }

.myAccount .acountDetailsContainer a { color:#bf0000;}


a.logout { float:right; margin-right:12px; margin-top:20px;background-image:url(/resources/images/myaccount/ico_padlock.gif); background-repeat:no-repeat; background-position:0 0;  display:block; padding:0px 0px 0px 15px;  }

form .features { padding:0px 0px 0px 10px; width:420px; float:left; margin:0px;}
form .features li { float:left; width:215px; font-size:1em;}

form .buttonContainer { float:left; width:420px; padding:0px 0px 0px 10px;}
form .buttonContainer input { float:left;}


/* MORE PAGE - overview search list page  - buy, sell, garantour, let, purchaced, rents, tenancey search results 
--------------------------------------------------------------------------------------------------------------------*/
.profilesMore { padding:10px; background-color:#f6f6f6; }
.profilesMore th { font-size:1.1em; text-align:left; padding:4px 0 4px 5px; font-weight:bold;  }
.profilesMore td { font-size:1.1em; padding:5px 0 5px 5px; background-image:url(../images/dotted_h2.gif); background-position:top; background-repeat:repeat-x ; }
.profilesMore .ruler { background-color:#f6f6f6;}
.profilesMore td a { color:#666666;}

/* links on the bottom of the search results page 
------------------------------------------------------------------------------------*/
.links { padding:10px 0px 0px 0px; float:left;}
.links li { float:left; margin:0px 5px 0px 0px; background-image:none; padding:0px;}
.links li 




/* comunicationns tab  */
#marcom table { width:400px; margin:0px; float:left; }
#marcom th { padding-bottom:3px; }
#marcom td label { font-weight:bold; font-size:1.1em; text-align:left; color:#FFFFFF; }
#marcom .profile td { background-color:#727071; border-top:1px solid #999999; padding:3px 5px 3px 5px; }
#marcom .classification td label { font-weight:normal; color:#696565;}
#marcom .classification td { border-top:1px solid #999999; padding:5px 0 5px 5px; } 


.myAccount .tips { float:left; font-size:1em; margin:0px 0px 20px 0px;}
.myAccount .tipTitle {  font-weight:bold; color:#BF0000;}


/* faq styling
------------------------------------------------*/

.myAccount .faq ul { float:left; width:100%; margin:10px 0px 15px 0px;  }
.myAccount .faq ul li { float:left; width:100%; font-size:1.1em; list-style-position:outside; background-image:none; padding:0px 0px 0px 2px;  }
.myAccount .faq ul li a { color:#BF0000;  text-decoration:none; padding:0px 0px 0px 5px;}
.myAccount .faq ul li a:hover { text-decoration:underline;}
.myAccount .faq ul li a span { font-weight:bold; width:16px; display:block; float:left; padding:0px 0xp 0px 5px; text-align:center;}
.myAccount .faq h4 { padding:0px 0px 3px 0px; color:#6E7160;}




/* 	SECTION FORMATTING - Images, Headings, Adverts
------------------------------------------------
*/
#myAccountFooterAdvert { width:730px; float:left;  padding-top:10px; margin-bottom:10px; }
#myAccountFooterAdvert img { float:left; margin:12px; margin-bottom:0; }
#myAccountFooterAdvert .txtButton { float:right; margin:12px; margin-bottom:0; }
#myAccountFooterAdvert .advertContent { float:left; margin-top:12px; }
#myAccountFooterAdvert .advertContent p { margin:0; padding:0; }
#myAccountFooterAdvert .advertContent p.advertTitle { color:#BF0000; font-size:1.3em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; }
#myAccountFooterAdvert .advertFooter { float:left; width:730px; background-image:url(/resources/images/bg_advert_730_bottom.gif); background-repeat:no-repeat; background-position:bottom left; height:10px; }




/* my account index page 
----------------------------------------------------------- */

/* saved options */
#profileTypes ul { margin:20px 0 0 0; padding:0; }
#profileTypes li { width:131px; height:33px; padding:91px 0px 0px 12px; list-style:none;  float:left; background-image:url(/resources/images/myaccount/search_bg.gif); background-position:0 0; background-repeat:no-repeat;}
#profileTypes li.buying {}
#profileTypes li.renting { background-position: 0px -124px;}
#profileTypes li a { float:left; width:131px; padding:0px 0px 0px 0px; font-size:0.9em;}

/*#profileTypes li.buying a {background-image:url(/resources/images/myaccount/ico_profile_buy_search.gif); }
#profileTypes li.purchase a {background-image:url(/resources/images/myaccount/ico_profile_purchase.gif); }
#profileTypes li.renting a { background-image:url(/resources/images/myaccount/ico_profile_renting.gif);}
#profileTypes li.tenancy a {background-image:url(/resources/images/myaccount/ico_profile_tenancy.gif); }
#profileTypes li.selling a {background-image:url(/resources/images/myaccount/ico_profile_selling.gif); }
#profileTypes li.letting a {background-image:url(/resources/images/myaccount/ico_profile_letting.gif); }
#profileTypes li.guarantor a {background-image:url(/resources/images/myaccount/ico_profile_guarantor.gif); }
#profileTypes li.repairs a {background-image:url(/resources/images/myaccount/ico_profile_repairs.gif); }
#profileTypes li.feedback a {background-image:url(/resources/images/myaccount/ico_profile_feedback.gif); }
#profileTypes li.referencing a {background-image:url(/resources/images/myaccount/ico_profile_online_ref.gif); }
*/


/* my account search results additionas 
-----------------------------------------------------------*/

.searchCriteria { float:left; display:block; width:698px; border:1px solid #dfdfdf; background-color:#f6f6f6; margin:5px 0px 12px 0px; padding:15px;}
.searchCriteria .searchOptions { float:left;}
.searchCriteria .changeSearchContainer { float:right; width:200px;}
.searchCriteria .changeSearch { float:right; display:block; background-image:url(/resources/images/myaccount/ico_change.gif); background-position:32px 0; background-repeat:no-repeat; padding:0px 0px 0px 16px; width:184px; text-align:right;}
.searchCriteria .addNew { float:right; display:block; margin:5px 0px 0px 0px; background-image:url(/resources/images/myaccount/ico_add.gif); background-position: 100px 1px; background-repeat:no-repeat; padding:0px 0px 0px 15px; width:185px; text-align:right;}
.searchCriteria .searchAreas { float:left; width:698px; margin:0px 0px 5px 0px;}
.searchCriteria .searchAreas p { margin:0px 0px 0px 0px; font-weight:bold;}

.saveSearch { float:right; width:88px; display:block; background-position:0 0px; background-repeat:no-repeat; background-image:url(/resources/images/myaccount/save-search-ico.gif); padding:0px 0px 0px 30px;  }


/* 	MY PROFILE -   Personal Details, Mortgage, Currency, MARCOM
-----------------------------------------------------------------------------------------------*/

/* tabs - default no image styling  
#profile_tabs { float:left; width:100%; margin:10px 0px 0px 0px; background-image:url(/resources/images/myaccount/tab_bg.gif);  background-position:0 11px; background-repeat:repeat-x;}
#profile_tabs li { float:left; padding:0px; margin:0px; background-image:none; }
#profile_tabs li a { display:block; padding:5px; margin:0px; background-color:#f6f6f6; margin:0px 5px 0px 0px;  border:1px solid #e5e5e5;  }
#profile_tabs li a:hover { background-color:#dddcd5; color:#BF0000;}
#profile_tabs li.active a { background-color:#ffffff; color:#000000; border-bottom:1px solid #ffffff; }
*/

/* tabs  - rex gooding images */

#profile_tabs { float:left; width:100%; margin:10px 0px 0px 0px; background-image:url(/resources/images/myaccount/profile_tab_bg.gif);  background-position:0 5px; background-repeat:repeat-x;}
#profile_tabs li { float:left; padding:0px; margin:0px; background-image:none; }
#profile_tabs li a { display:block; background-image:url(/resources/images/myaccount/tabs.gif); background-position:0 0px; background-repeat:no-repeat; height:20px;}
#profile_tabs li a span { display:none;}

#profile_tabs li .contact a { background-position:0 -20px; width:156px;}
#profile_tabs li .contact a:hover { background-position:0px -40px;}
#profile_tabs li.active .contact a { background-position:0px 0px; width:156px;}

#profile_tabs li .password a { background-position: -156px -20px; width:91px;}
#profile_tabs li .password a:hover { background-position: -156px -40px;}
#profile_tabs li.active .password a { background-position: -156px 0px; width:91px;}

#profile_tabs li .comms a { background-position: -247px -20px; width:134px;}
#profile_tabs li .comms a:hover { background-position: -247px -40px;}
#profile_tabs li.active .comms a { background-position: -247px 0px;}

#profile_tabs li .matches a { background-position: -381px -20px; width:104px;}
#profile_tabs li .matches a: hover { background-position: -381px -40px;}
#profile_tabs li.active .matches a { background-position: -381px 0px; width:104px;}

#profile_tabs li .favourites a { background-position: -485px -20px; width:121px;}
#profile_tabs li .favourites a: hover { background-position: -485px -40px;}
#profile_tabs li.active .favourites a { background-position: -485px 0px; width:121px;}

#profile_tabs li .search a { background-position: -606px -20px; width:183px;}
#profile_tabs li .search a: hover { background-position: -606px -40px;}
#profile_tabs li.active .search a { background-position: -606px 0px; width:183px;}




.contactDetails { padding:0px 0px 0px 10px;}

.applicantSearchPriceRange { margin-bottom:5px; }
.applicantSearchAreaList { font-size:1em; }

.contactDetails { padding:0px 0px 20px 10px;}
.contactDetails td { padding:0px 0px 5px 0px;}
.contactDetails input { width:180px;}




/* STATEMENT */
.statement { margin-bottom:10px; }
.statement table { margin:10px 0 15px 0; border-bottom:1px solid #CCCCCC; }
.statement th { text-align:left; font-size:1.1em; font-weight:normal; text-align:left; padding:3px 0 3px 0; }
.statement th.paymentDate { width:75px;padding-left:5px; }
.statement th.paymentTime { width:40px; }
.statement th.paymentDescription { width:200px; }
.statement th.paymentCredit,.statement th.paymentDebit { width:75px; text-align:right; }
.statement th.paymentBalance {  width:75px; text-align:right; padding-right:5px; }
.statement th.paymentReceipt {  width:75px; text-align:right;   }
.statement td { padding:4px 0 4px 0; font-size:1.1em;  border-top:1px solid #CCCCCC; }
.statement td.paymentDate { padding-left:5px; }
.statement td.paymentTime { }
.statement td.paymentCredit, .statement td.paymentDebit, .statement td.paymentReceipt {  text-align:right;  }
.statement td.paymentBalance { text-align:right; padding-right:5px; }

/* DOCUMENTS TAB */ 
.documents th { font-size:1.1em; font-weight:normal; text-align:left; padding:3px 0 3px 0;}
.documents td { font-size:1.1em; padding:4px 0 3px 0;  border-top:1px solid #CCCCCC;}
.documents table {  border-bottom:1px solid #CCCCCC; margin-bottom:15px; }
.documents .document { padding-left:5px; }

/* WE'RE DOING / YOU'RE DOING */
div.activitiesAgent, div.activitiesCustomer { float:left; padding-top:10px; width:366px; border-top:1px solid #d9d9d9; }
.activitiesAgent ul, .activitiesCustomer ul { margin:0; padding:0; }

/* PROFESSIONAL CONTACTS */
.maProfessionalContacts { margin-bottom:30px; padding-top:10px; }
.maProfessionalContacts th { border-bottom:1px solid #CCCCCC; padding-top:3px; padding-bottom:3px; text-align:left; }
.maProfessionalContacts td { border-bottom:1px solid #CCCCCC; padding-top:3px; padding-bottom:3px; font-size:1.1em;  }
.maProfessionalContacts .cOrganisation { font-weight:bold;  }
.maProfessionalContacts .cBranch {  }
.maProfessionalContacts .ctype {  }

.propertyOverview { margin:12px 0 15px 0; padding-top:12px; }
.propertyOverview .data, .propertySummary .label { font-size:1.1em; padding:3px 0 3px 0; }
.propertyOverview .label { width:95px; font-size:1em; }
.propertyOverview .propertyPhoto img { border:1px solid #CCCCCC; padding:2px; }
.propertyOverview .acceptedOffer { font-size:1.2em; font-weight:bold; }

/* 	LANDLORD / VENDOR
    Specific's common to the Landlord & Vendor
------------------------------------------------
*/


/* MARKETING TAB */
.marketingOverview { padding-top:11px; }
.marketingOverview td { text-align:center; padding:50px 5px 15px 5px; background-repeat:no-repeat; background-position:top center; font-size:1.6em; color:#003366;}
.marketingOverview td.website { background-image:url(/resources/images/myaccount/ico_ma_web.gif); }
.marketingOverview td.email { background-image:url(/resources/images/myaccount/ico_ma_email.gif);  }
.marketingOverview td.sms { background-image:url(/resources/images/myaccount/ico_ma_sms.gif);  }
.marketingOverview td.livead { background-image:url(/resources/images/myaccount/ico_ma_livead.gif);  }
.marketingOverview td.favourites { background-image:url(/resources/images/myaccount/ico_ma_favourites.gif); }
.marketingOverview td.legend { font-size:1em; color:#696565; padding-top:3px;}
.marketingOverview td.legend p { margin:0; font-weight:bold; text-align:center}
.marketingBreakdown { padding-top:10px;  border-top:1px solid #CCCCCC; }
.marketingBreakdown td { padding:3px 0 3px 0; font-size:1.1em; }
.marketingBreakdown .label { width:130px; }
.marketingBreakdown .data { width:85px; text-align:right; padding-right:5px; }
.marketingPortals { margin:11px 0 0 0; padding-top:10px; border-top:1px solid #CCCCCC; }

/* VIEWINGS TAB */
.viewingStatistics {padding:11px 0 11px 0; border-top:1px solid #CCCCCC; }
.viewingStatistics .data, .viewingStatistics .label { font-size:1.1em; padding:3px 0 3px 0; }
.viewingStatistics .label { width:150px; }
.viewingPast { padding-top:10px;  border-top:1px solid #CCCCCC; margin:11px 0 0 0; }
.viewingForthcoming { padding-top:10px; border-top:1px solid #CCCCCC; }
.viewingPast table { border-bottom:1px solid #CCCCCC; margin:0 0 11px 0; }
.viewingPast th, .viewingForthcoming th { font-size:1.1em; font-weight:normal; text-align:left; padding:3px 0 3px 0; }
.viewingPast td, .viewingForthcoming td { font-size:1.1em; padding:5px 0 5px 0; border-top:1px solid #CCCCCC; }

/* Tenancy Details Tab */
.tenancyDetails {padding:11px 0 11px 0; border-top:1px solid #CCCCCC;}
.tenancyDetails .data, .tenancyDetails .label { font-size:1.1em; padding:3px 0 3px 0; }
.tenancyDetails .label { width:150px; }

.tenancyTenants {padding:11px 0 11px 0;  border-top:1px solid #CCCCCC;}
.tenancyTenants th { font-size:1.1em; font-weight:normal; text-align:left; padding:3px 0 3px 0;}
.tenancyTenants td { font-size:1.1em; padding:4px 0 3px 0; border-top:1px solid #CCCCCC;}




.offerHistory { }
.offerHistory {padding:11px 0 11px 0;  border-top:1px solid #CCCCCC; }
.offerHistory th { font-size:1.1em; font-weight:normal; text-align:left; padding:3px 0 3px 0;}
.offerHistory td { font-size:1.1em; padding:4px 0 3px 0;  border-top:1px solid #CCCCCC;}



/* 	LEGEND
    Help for icons
------------------------------------------------
*/

.legend ul { margin:0; padding:0; background-color:#EEEEEE; }
.legend li { margin:0; padding:0; list-style:none; float:left; width:200px; }
.legend li img { float:left; margin:0 10px 0 0; }
.legend li p { float:left;  }


/* 	VIEWING FEEDBACK
------------------------------------------------
*/

.viewingFeedback td.photo img { padding:2px; border:1px solid #CCCCCC; }
.viewingFeedback div.address, .viewingFeedback div.details, .viewingFeedback div.price, .viewingFeedback div.appointment { margin:0; margin-bottom:3px; padding:0; font-size:1.1em}
.viewingFeedback div.address { font-size:1.2em; font-weight:bold; }
.viewingFeedback div.price { margin-top:10px; font-size:1.2em; }
.viewingFeedback div.appointment { margin-top:10px;  }
.viewingFeedback th { text-align:left; width:70px; }
.viewingFeedback table { margin-bottom:10px; }

#referencing { padding-top:10px; }
#referencing .sectionHD { font-size:1.2em; font-weight:bold; padding-top:5px; }
#referencing form p { margin-left:0; padding-left:0px; }
#referencing .dottedh { border-top:1px solid #CCCCCC; }
#referencing form input.button { clear:both; }
#referencing td.label, #referencing td.copy { font-size:1.1em; }
#referencing .stopError { background-color:#FFCCCC; border:1px solid #ae1515; padding:5px 12px 6px 12px; margin:12px; margin-left:0px; }
#referencing .error { color:#ae1515; font-size:1.1em; }

.offers .date { width: 100px; }
.offers .time { width: 40px; }
.offers .party { width: 100px; }
.offers .offer { width: 100px; }
.offers .terms { width: 60px; }
.offers .status { width: 100px; }


/* My Buying Searches 
-------------------------------------------------------------------------------------*/
.maIntro { padding-top:10px; padding-bottom:10px; font-size:1.1em; line-height:1.2em;  }


/* PROPERTY CONSULTANT SUMMARY */
.propertyConsultantSummary { float:right; text-align:right;  background-image:url(../images/ico_consultant1.gif); background-repeat:no-repeat; background-position:10px 5px; padding-left:60px; }
.propertyConsultantSummary h2 { font-size:1.3em; margin:0px 0px 5px 0px; }
.propertyConsultantSummary p { text-align:right; }
.propertyConsultantSummary .consultantOffice a { font-size:0.9em; text-decoration:none; }
.propertyConsultantSummary .consultantContact a {font-size:0.9em; text-decoration:none; }

/* PROPERTY SEARCH PARAMETERS */ 
#myMatchesResultParameters { background-color:#f6f6f6; padding:5px; margin:0px 0px 12px 0px; border:1px solid #e5e5e5; width:718px; }
#myMatchesResultParameters select { margin:0 0 0 5px; font-size:1.1em; }
#myMatchesResultParameters .srMatches { margin-top:4px; }


/* matches and shortlist styling overrides  */
.myAccount .resultSet { float:left; text-align:left; width:728px; border-bottom:1px solid #e5e5e5; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;}
.myAccount .resultSet .propertyAddressList { float:left; font-family:Georgia, "Times New Roman", Times, serif; color:#6E7160;}
.myAccount .resultSet .propertyAddressList a { color:#6E7160; font-weight:bold; font-size:1.6em;}
.myAccount .resultSet .propertySummary { float:left;}
.myAccount .resultSet .propertySummary span { padding:4px 0px 0px 0px; display:block; }
.myAccount .resultSet .priceMarketList { color:#bf0000; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; font-weight:bold; text-align:right;}
.myAccount .resultSet .propertyOverviewList { float:left; width:100%; padding:2px 0px 2px 0px;}
.myAccount .resultSet .propertyDetails { padding:0px 0px 0px 10px;}
.myAccount .resultSet .propertyDetails .myAccountTools li  { font-size:1em; float:right; padding:3px 5px 0px 15px; background-position:2px 7px;}
.myAccount .resultSet .propertyDetails .myAccountTools li a { cursor:pointer; color:#BF0000;}
.myAccount .resultSet .overviewDescriptionList { padding:0px 0px 5px 0px;}
.myAccount .noMatches { padding:10px 0px 0px 0px;}
.myAccount .noMatches p.options { font-size:1.2em; padding:5px 0px 0px 0px; }
.myAccount .noMatches p { padding:0px 0px 0px 0px;}
.myAccount .pages { float:left;}
.myAccount .pageSelectors { float:right;}
.myAccount .pageSelectors ul { margin:0px 0px 30px 0px;}


/* my Search Preferences */
.myAccount .criteria_form { margin:20px 0px 0px 0px; float:left;}











