/* --STYLESHEET-- core_forms.css --------------------------
   --SUMMARY--    styles for blocks of forms                                     
   -------------------------------------------------------- */

/* --SECTION-- COMMON ------------------------------------- */
img.hourglass{display:none;}

legend{font-weight:bold;font-size:14px;white-space:normal}
body label.tickLabel{display:inline;width:auto}

.warning { color: #ff3334; font-weight: bold; }
.warning_field{background:#ff3334;color:#fff}
.errorIcon{display:inline-block;width:20px;height:20px;background:url(/content/images-2011/icons/validation_error.gif) no-repeat;cursor:help;vertical-align:middle}
.buttonRow{text-align:right;margin:10px 0;}

.minorLabel{font-weight:normal;font-size:10px;}
.majorLabel{display:block;font-weight:bold;
padding:0 0 3px;font-size:12px;width:auto}

.default_text, .default_text_small, .default_text_long, .default_text_email, .default_text_med {
font-size:1em;padding:2px 0 2px 4px;border:1px solid #999;

}
.textAreaComments
{
    font-size: 13px;
    font-family: Arial ;
}

/*comments form*/
.comments {
width:562px;
padding:0;
margin-bottom:10px;
}
.comments .infoPanelContent{padding:10px; overflow:hidden;}
.comments .majorButtonOuter, #WordOnTheStreet .general_form .majorButtonOuter{float:right;}
 #WordOnTheStreet .general_form .majorButtonOuter{margin-right:20%;}
#DisplayStoryPage .comments .infoPanelContent{padding-right:5px;}
.comments th, .comments td {
color:#333333;
padding:4px;
}
.comments .default_text_long {
border:1px solid #D1D1D1;
width:270px;
}
.comments textarea{font-size:1em;font-family:Arial}
.comments textarea.default_text_long{width:385px;font-size:1em;font-family:Arial}

.comments .formList label{width:110px;}
.comments .message label{width:auto;display:block}

.comments table {
width:584px;
}
.comments th {
text-align:left;
}
.commentLabel {
vertical-align:top;
width:179px;
text-align:right;
}
.mandatoryMessage {
float:left;
font-size:11px;
margin-top:5px;
}
.commentsTitle h2 {
border-bottom:1px dotted #D1D1D1;
padding-bottom:10px;
width:552px;
}
.commentsTitle {
text-align:left !important;
}
.comments .footnote{float:left}
/*end comments form*/

select.default_text, select, select.default_text_long{padding: 0;border:1px solid #999;}
.quick_search select, .quick_search select.default_text, .quick_search select.default_text_long,
.quick_search .default_text, .quick_search .default_text_small, .quick_search .default_text_long,
.sold_search #AddressDetail input, .sold_search .default_text  {
	border: 2px inset #d1d1d1;
}

.general_form .default_text, .general_form .default_text_long, .general_form .default_text_small,.general_form .default_text_med{border-style:solid;border-width:1px}
.general_form th{vertical-align:top}
.general_form table{margin-left:5px;}
.general_form td, .general_form th{padding:5px 5px 5px 0; text-align: left;}
.myFapSection .general_form td.buttonRow{text-align:right;}/*limit to myfap for now*/

.default_text_long{width:99%}
.default_text{width:144px; padding-left:2px;}
.default_text_small{width:80px}
.default_text_med{width:84px}
.default_text_email { width: 200px;}

.general_form textarea{font-size:1em;font-family:arial  }

.selectList {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 260px;
    list-style: none;
    margin: 5px 0;
    overflow: auto;
    padding: 5px;
}
.selectList .checked {
    background-color: #d1d1d1;
}
.selectList input {
    float: left;
}
.selectList li{
    border-bottom: 1px dotted #ccc;
    padding: 5px;
}
.selectList label {
    display: block;
    margin-left: 25px;
}
 label.inlined, label.partial span.inlined {
    opacity: 0.5;
}

label.focus, label.focus span.inlined{opacity:0.35}

label.inlined, label.partial span.inlined{

    padding-left: 6px;
    position: relative; z-index: 1;
    /*opacity: 0.75;*/
    -webkit-transition: opacity 0.15s linear;
    -moz-transition:opacity 0.15s linear;
    -o-transition:opacity 0.15s linear;

}
label.has-text, label.has-text span.inlined {
    opacity: 0.0;
    -webkit-transition-duration: 0s;
    -moz-transition-duration:0s;
    -o-transition-duration:0s;
    
}
label.partial{opacity:1}

label.inlined + input.initialValue:focus{background-color:#fff}
label.inlined + input.initialValue, .js label.inlined + input.initialValue:focus{background-color:transparent;}

 label.inlined + input.initialValue{margin-top:-24px;position:relative;z-index:2;padding:0 0 0 4px}
label.inlined span.inlined{display:inline}
.initialValue{color:#000;font-weight:bold;}

.noborder{ border: 0 solid !important;}

/* --SECTION-- FLATSHARE ---------------------------------- */
.flatShare .quick_search_submit{margin:0;overflow:hidden;}
.flatShare .majorButtonOuter{margin:auto;float:none}
#PageSub .flatShare{margin:10px 0;}

/* --SECTION-- EMAIL AGENT FORM --------------------------- */

/* --SECTION-- FORGOTTEN PASSWORD FORM -------------------- */

/* --SECTION-- LOGIN FORM --------------------------------- */
fieldset{padding:0}
legend{margin:5px 0 }
.captchaBox{width:176px;height:50px;vertical-align:middle;}
input.captchaBox{font-weight:bold;font-size:30px; border:1px solid #999;}
#ForgottenPasswordPage .fp_captcha { margin-left: 108px; }
#ForgottenPasswordPage .registerPanel p.footnote { margin-left:104px;}
#ForgottenPasswordPage .registerPanel .buttonRow { margin-left:94px; text-align:left;}
.loginForm .majorButtonOuter{float:right;}
.loginForm .minorButton{vertical-align:middle;line-height:26px}
.loginForm,.registerInfo
{width:48%;float:left}
.registerInfo{margin-left:2%}
.registerInfo .majorButton{float:right;}
.registerInfo .highlight{font-size:1.2em;}

.numberList{list-style-type:decimal;margin-left:25px;font-weight:bold;font-size:1.5em}
.numberList li *{color:#000;font-weight:normal;font-size:0.66em}
.formList{margin:10px 0;clear:left}
.formList li{margin:10px 0;}
.formList label{font-weight:bold;display:inline-block;width:100px;}
.formList .checkbox{float:left;}
.formList .form_input{clear:left;display:block}

.formList .majorLabel{width:auto;padding:2px 0 3px 0;}
.formList .optIn .majorLabel{display:block;margin-left:20px;}
.formList .optIn span span{display:block;margin-left:20px;margin-bottom:1em;}
.formList .optIn{display:block; margin-top:20px;}

.formList .default_text{width:170px}
.loginError, #LoginModal .loginError{margin-right:-300px;}
.js .loginError{margin-right:0;}
.js .loginError{display:none;}

#modalContent .loginError{display:block}
#modalContent .errorMessage{width:500px}
#modalContent #LoginModal .errorMessage{width:auto}
#modalContent #LoginModal{overflow:hidden;}
 .errorMessage .bold{font-weight:bold;clear:both;padding-top:0.5em}
 .errorMessage li{background:url(/content/images-2011/icons/validation_error.gif) no-repeat top left;padding-left:30px;margin-bottom:0.5em;color:#ff3334}
.errorMessage h5{margin-bottom:0.2em;}
.errorMessage li a{color:#ff3334;font-weight:bold;text-decoration:underline}
/* --SECTION-- SEARCH PANEL ------------------------------- */
#RefineSearch {float: left;width:180px;}

.searchFormSubmit{
background:no-repeat url(/content/images-2011/backgrounds/searchpanel_submit.png) center bottom;
padding-bottom:25px;margin:0 -6px 0px;text-align:center;}

.searchForm{
border-bottom:0 solid;
border-top-right-radius: 5px;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
padding:5px 5px 0;}

.searchForm h2{margin:0;font-size:15px;}
.searchForm .minorLabel{font-weight:bold;}
.searchForm .majorButtonOuter{float:none}
.searchForm .priceBox{margin-top:2px;}
.saveSearchRow{padding-top:5px;}
.saveSearchRow label{font-weight:bold;font-size:12px;padding:0 0 3px;}
.saveSearchRow input{vertical-align:middle}
.searchInputRow{border-top:1px solid #ccc;padding:5px 0;display:block}
.searchForm .locationRow, .searchForm .radiusRow{border:0 solid;}
.saveSearchRow{display:block}
.searchForm select,.flatShare select{width:100%;}



/* --SECTION-- Browse map form -------------------------- */
#BrowseByMap .buy, #BrowseByMap .rent, .browseByMap,  .qsBeds label, 
.qsLocation label,  .qsPriceRange .frmLegend, .or, #MoreOptionsButton .toggleLink{
    background-repeat:no-repeat;
    background-image:url(/content/images-2011/sprites/searchlabels.gif);
  
}
#BrowseByMap .buy, #BrowseByMap .rent, .browseByMap, .qsPriceRange .frmLegend,  .qsBeds label, .or{  
display:inline-block;height:0;padding-top:22px;overflow:hidden;
}
#BrowseByMap {
    border-width:0;
    margin: 0 50px 10px;
    padding: 20px 0 20px 80px;
    font-size: 16px;
    font-weight: bold;
    float:left;
    background: url(/content/images-2011/backgrounds/browsemap.gif) no-repeat 0 5px;
}
 #BrowseByMap a{padding-right:30px;}
 #BrowseByMap .actions a.buy{ background-position: -8px -160px;} 
 #BrowseByMap .actions a.rent{background-position: -108px -160px;}
 #BrowseByMap .actions #SaleMap.toggleOn{background-position:-8px -130px}
 #BrowseByMap .actions #RentMap.toggleOn{background-position:-108px -130px}
 .or{background-position:-160px -73px;width:22px}
 .browseByMap{background-position:-8px -73px;width:125px; cursor:pointer;}
/* --SECTION-- Quick search form -------------------------- */

#ErrorPage .agnostic_quick_search{width:600px;}

body .quick_search {
    display: block;
    overflow: hidden;
   /* width: 600px;*/
    margin:10px auto;
   /*text-align: right;*/
    float:none;
    clear:both
}
.quick_search label, .agent_search label, .frmLegend{font-weight:bold;font-size:18px;}


.quick_search select.default_text, .agent_search select.default_text{width:auto;}
.quick_search .default_text, .agent_search .default_text, .sold_search #AddressDetail input{font-size:18px;}
.quick_search_input, .quick_search_submit{margin:0 0 10px;padding:2px 0}


.qsLocation{overflow:hidden; padding-left:12px;}


.qsLocation label{padding:0;float:left}
.qsLocation span.inlined{padding-left:4px}
.quick_search .qsLocation label.inlined + input.initialValue{margin-top:-23px;margin-left:75px;}
.agnostic_quick_search .qsLocation label.inlined + input.initialValue{margin-top:-29px;margin-left:205px;}
.qsLocation label span{display:none}
.qsLocation label span.inlined{display:inline;padding-left:82px;}
.agnostic_quick_search .qsLocation label span.inlined{padding-left:212px;}

.quick_search .qsLocation label{
background-position:-8px -255px;
display:block;

}

.agnostic_quick_search .qsLocation label{background-position:25px -3px;}

.qsLocation .default_text {width:385px;float:left;display:block;text-align:left;}

.qsBeds{clear:left;margin-left:43px; margin-top:0; padding-top:0px;}
#TubePage .qsBeds { margin-left: 14px; }
.areaListSection .qsBeds{margin-left:0px;}
.qsBeds select.default_text{font-size:16px;}
.qsBeds *{vertical-align:top}
.agnostic_quick_search .qsBeds{margin-left:174px}
.quick_search .qsBeds{text-align:left}
.qsBeds, .qsPriceRange,.qsPriceRange div{float:left;}
.qsBeds label{background-position:-8px -42px;width:73px}

.qsPriceRange{width:320px; float:right;}
.qsPriceRange label.inlined + input.initialValue{font-size:18px;float:left;padding-left:16px;width:98px}
.qsPriceRange .frmLegend{background-position:-104px -44px;line-height:normal}


/*.quick_search .frmInput{display:inline}*/
.quick_search .priceBox{width:100px;margin-left:10px;}


.qsPriceRange .frmLegend{font-weight:bold;} 
.qsPriceRange label.partial{display:block;padding-left:16px;}

.qsPriceRange .partial .inlined{opacity:1;}
.qsPriceRange .partial {opacity:0.5;}
.qsPriceRange .focus{opacity:0.35;}
.qsPriceRange .has-text{opacity:1;}
.qsPriceRange .has-text .inlined{opacity:0;}
.qsPriceRange .partial .inlined{padding-left:2px;}

.qsAttributes{display:none;}
.quick_search_submit{clear:both;float:none;text-align:right;margin-right:1px;}
.agent_search{width:613px;margin:auto}
.agent_search .rent .buy, .agent_search .buy .rent,
.agent_search .overseas .uk, .agent_search .uk .overseas
{display:none}
.agent_search .quick_search_row{float:left;margin:5px ;}
.agent_search .quick_search_input{float:none;clear:left;overflow:hidden;margin:0}
.agent_search .asLoc input, .agent_search .asName input{width:250px;float:none;}

.agent_search .asLoc .uk input{width:363px;}
.agent_search .asLoc .overseas{margin-left:210px; height: 59px;}
.agent_search .asLoc .overseas select{margin:1px 0 10px 0;}

.agent_search label{display:block;width:197px;float:left;text-align:right;margin:3px 10px 0 0;padding-left:3px;font-size:16px;}
.agent_search .asType select, .agent_search .asLocType select{width:105px;}
.agent_search .default_text, .agent_search select.default_text{padding:0 0 0 2px;}
.agent_search .quick_search_submit{margin:10px 0px 0 0;}

.agent_search .agentSearchSelect{ font-size: 17px; }
.agent_search .default_text{ font-size: 17px; height: 22px;}
.agent_search .majorButtonOuter{margin-right:30px;}
/*.agent_search .asName {padding-top: 0; margin-top: 0;}*/


/* --SECTION-- AdvancedSearch ----------------------------- */

#MoreOptions .actions{
display:block;text-align:right;font-size:1.5em;line-height:2em;margin-bottom:1em;background-image:none}
#MoreOptions .actions .toggleLink { padding: 0 0 0 1em; /*color: #d1d1d1;*/ cursor: pointer; }
/* TODO: following two rules should be moved into core_ui.css font color section */
#MoreOptions .actions .buy { color: #a21951; }
#MoreOptions .actions .rent { color: #55a51c; }
#MoreOptions .actions .toggleLink.toggleOn { text-decoration: underline; }
#MoreOptions .actions span.toggleLink{background-image: none;}
#MoreOptions .actions .toggleLink:hover
{text-decoration:underline;}

#MoreOptionsButton{display:none;}
#MoreOptionsButton:hover{text-decoration:none}

#MoreOptionsButton .toggleLink{padding-right:30px;background-position:-8px -219px;display:inline-block;height:0;padding-top:22px;overflow:hidden}
 #MoreOptionsButton .toggleOn {
    background-position: -8px -189px;
}

.js #MoreOptionsButton {
    clear:left;
    line-height: 30px;
    cursor: pointer;
    margin:0;
    font-weight: Bold;
    text-align:right;
    float:left;
    font-size:16px;
    display:block;
    width:370px;
}
.agnostic_quick_search .qsLocation label{font-weight:bold;font-size:25px;}
.agnostic_quick_search .qsLocation .default_text{width:385px;font-size:25px;}
.agnostic_quick_search .quick_search_submit{margin-left:0;float:right;clear:none;margin-bottom:20px;}

#MoreOptions{clear:both;display:none;text-align:right}
#MoreOptions label{font-size:1em;padding-right:1em}
#MoreOptions input,#MoreOptions select{font-size:1em;font-weight:normal;}
#MoreOptions.buy .rent, #MoreOptions.rent .buy{display:none;}
#MoreOptions .actions .toggleLink{display:inline;}

#MoreOptions .qs_search_input{margin:1em 0;}



/* --SECTION-- REGISTRATION FORM -------------------------- */

/* --SECTION-- MY FAP ------------------------------------- */
#LoginMenu{position:absolute;padding:10px;margin:0;text-align:right; z-index:100; width:206px; left:10px;}
#LoginMenu ol{text-align:left}
#LoginMenu .majorButtonOuter{margin:10px 0 0;width:100px;float:right}
#LoginMenu a, #LoginMenu a:visited, #LoginMenu a:link {border-right:0px none; color:#333; line-height:12px; clear:both; display:block; float:right;}
#LoginMenu .keep { text-align:right; padding-top:2px;}
#LoginMenu .keep label { display:inline; width:auto; float:none; position:relative; top:-3px;}
#LoginMenu label { float:left; display:block; clear:both; width:55px;}
#LoginMenu input { margin-bottom:2px;}
#LoginMenu li { display:block; width:206px;}