/* StyleSheet 2: PropertyShop */
/* This style sheet has been generated automatically - do not edit manually!! */

/* LINKS */

/* TAGS */

/* OTHER STYLES */
/* Show lll by Allocation Scheme button styles */
#ShowAll INPUT, #ShowAllAS1 INPUT, #ShowAllAS501 INPUT, #ShowAllAS502 INPUT {
  width: 150px;
}

#ShowAll LABEL, #ShowAllAS1 LABEL, #ShowAllAS501 LABEL, #ShowAllAS502 LABEL {
  width: auto;
}

/* End of show all by Allocation Scheme button styles */


/* New household registration form */

  #FP_277186 SPAN {
    font-size: 1.5em;
  }

/* End of new household registration form */

/* Housing register online form */

  /* Hide the nested fieldset of primary applicant GOAF */
  #FG_90 FIELDSET {
    border: 0px;
    margin: 0px;
    padding: 0px;
  }
  #FG_90 FIELDSET LEGEND {
    display: none;
  }


#FP_276297 span.FormField SELECT, #FP_276634 span.FormField SELECT, #FP_276718 span.FormField SELECT{
  width:300px;
}

/* End of housing register online form */

body {
  margin: 0;
  padding: 0;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-size: smaller;
  background-color: #FFF;
}

input, select, h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table {
  font-size: 100%;
}

div#PropertyShopHeader {
  background-color: #fff;
  width:100%;
  height: 105px;
}

div#PropertyShopHeader H1 {
  display: none;
}

div#PropertyShopLogo1 {
  width:371px;
  height: 59px;
  position:absolute;
  left: 10px;
  top: 10px;
  background-image: url(/BlythValleyInstallation/NovaWeb/Images/logo.jpg);
  background-repeat: no-repeat;
}

div#PropertyShopLogo2 {
  background-color: Navy;
  width:300px;
  height: 60px;
  position:absolute;
  left: 80px;
  top: 10px;
  display: none;
}

div#PropertyShopTopMenu {
  width: 100%;
  float: left;
  background-color: #076CB0;
}

div#PropertyShopTopMenu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 float: left;
 clear: right;
}

div#PropertyShopTopMenu li {
  float: left;
  display: block;
  text-decoration: none;
  padding: 0;
}

div#PropertyShopTopMenu A {
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: White;
  font-size :8pt;
  padding: 4px 10px 5px 10px;
}
div#PropertyShopTopMenu A:hover {
  background-color: #fff;
  color: #076CB0;
  font-size :8pt;
}

div#PropertyShopTopBar {
  width: 100%;
  background-color: #076CB0;
  color: #fff;
  padding: 2px 0;
  font-size: 80%;
  text-indent: 10px;
}
div#PropertyShopTopBar a {
  text-decoration: none;
  text-align: right;
  color: #fff;
  position: relative;
  top: -13px;
  margin-bottom: -13px;
  display: block;
  float: right;
  padding-right: 10px;
}

div#PropertyShopleftMenu {
 width: 200px;
 Height :725px;
 padding: 5px;
 background-color : #076CB0;
 font-size: 70%;
 border-bottom: none;
}
div#PropertyShopleftMenu * {
  float: left;
}

a#PropertyShopSwitchStyle, a#PropertyShopSiteMap, div#PropertyShopChangeFontSize, div#BrowseAloudLogoContainer {
  display: block;
  width: 200px;
  height: 25px;
  text-decoration: none;
  color: #fff;
  margin: 0;
  text-indent: 20px;
}
div#leftmenucomponents {
  left:0px;
  float: left;
  padding: 15px 0;
  border-top: 1px solid #fff;
  background-color: #076CB0;
  font-weight: bold;
}
div#PropertyShopChangeFontSize a {
  float: none;
  text-decoration: none;
  color: #fff;
  vertical-align: baseline;
  line-height: 100%;
  font-weight: normal;
}

#PropertyShopChangeFontSize2 {
  font-size: 150%;
}
BODY.FontSize2 {
  font-size: 120%;
}
#PropertyShopChangeFontSize3 {
  font-size: 210%;
}
BODY.FontSize3 {
  font-size: 160%;
}

div#PropertyShopleftMenu ul {
 width: 200px;
 list-style: none;
 padding: 0;
 margin: 10px 0;
}

div#PropertyShopleftMenu li {
 display: block;
 text-decoration: none;
 padding: 3px 0;
 border-top : solid 1px white;
}
div#PropertyShopleftMenu li a {
  display: block;
  width: 200px;
  text-indent: 20px;
  padding: 5px 0;
}

div#PropertyShopleftMenu ul.level3 {
  margin: 0;
  padding: 0;
}

div#PropertyShopleftMenu ul.level3 li {
  width: 200px;
}

div#PropertyShopleftMenu ul.level3 li A {
  width: 200px;
  text-indent: 40px;
}

div#PropertyShopleftMenu A {
  text-decoration: none;
  color: #fff;
}
div#PropertyShopleftMenu A:hover {
  background-color: #fff;
  color: #076CB0;
}

div#PropertyShopContentContainer {
  position: absolute;
  top: 12em;
  left: 230px;
}

span#PropertyShopBreadcrumb {
  width:100%;
  padding: 2px;
  padding-left: 7px;
}

span#PropertyShopBreadcrumb A, span#PropertyShopBreadcrumb A:visited, span#PropertyShopBreadcrumb .BreadcrumbPlain {
  color: #A98738;
  padding: 0 3px;
}

div#PropertyShopContentHeader {
 padding-left: 10px;
}

H2 {
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #076CB0;
  font-size: 140%;
  font-family: Verdana, Arial, sans-serif;
}

div#PropertyShopContentHeader H2 {
  margin-bottom: 0px;
}

div#PropertyShopContent {
  padding-left: 10px;
  padding-right: 10px;
  clear: right;
  width: 90%;
}

div#PropertyShopContent A, div#PropertyShopContent A:visited, div#PropertyShopContent A.BasicLink, div#PropertyShopContent A.BasicLink:visited {
  color: blue;
  text-decoration: underline;
  font-weight: none;
}

span.PropertyShopFooter {
  display: block;
  border-top : 1px solid #A98738;
  border-bottom : 1px solid #A98738;
  width:100%;
  text-align: center;
  padding-top:5px;
  padding-bottom: 5px;
  margin-top: 50px;
  color: #1B1133;
  float: left;
}

span.PropertyShopFooter A , span.PropertyShopFooter A:visited {
  color: #1B1133;
}

div#PropertyShopContent A, div#PropertyShopContent A:visited {
  color: Navy;
}

/*Deepak - for Select Drop down*/
select
{
color:#076CB0;
font-weight:bold;
}

/* styles for propertyshop client summary tabs - start */

.ClientTab {
  display:none;
}

.ClientTabSelected {
  border:5px #016AAE solid;
  float:left;
  display:block;
  width:500px;
  background-color:#FFF;
  z-index:100;
}

div.ClientTabContent {
  width: 485px;
  float: left;
  position:relative;
  padding:5px;
  min-height: 342px;
}
/* LB css hack to apply rule to IE browsers only (as they don't interpret the above min-height rule correctly) */
*:first-child+html div.ClientTabContent, * html div.ClientTabContent {
  height: 310px;
}

.ClientTabContent .FormField {
  margin-bottom: 5px;
}

.ClientTabGroup {
  border:1px #016AAE solid;
  padding:5px;
  margin-bottom:5px;
}

div#HistoricBidsLinkGroup {
  clear: left;
}

.ClientTabContent .FormButton {
  float:right;
  margin-right:130px;
border:1px red solid;
}

div.TabLinks {
  width: 120px;
  float: left;
}

a.ClientTabURLLink, a.ClientTabURLSelectedLink {
  height: 50px;
  width:120px;
  background-color:#99C3DC;
  display:block;
  padding: 5px 0 0 0;
  text-indent: 5px;
  margin-bottom: 4px;
  float: left;
}
a.ClientTabURLSelectedLink, a.ClientTabURLLink:hover {
  background-color:#016AAE;
}

div.TabFrame {
  float: left;
  display:block;
  width: 650px;
}

.ClientTabSelected H3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ClientTabSelected H4 {
  margin-top: 4px;
}

#PropertyShopContent A.ClientTabURLSelectedLink, #PropertyShopContent A.ClientTabURLSelectedLink:visited,
#PropertyShopContent A.ClientTabURLLink, #PropertyShopContent A.ClientTabURLLink:visited {
  color:#fff;
}

.ClientTabSelected DIV.PropertyShopIcon {
  width:32px;
  height: 32px;
  background-repeat: no-repeat;
  display: inline;
  float: left;
  margin: 2px;
}

.ClientTabSelected FORM {
  margin: 0px;
}

.ClientTabSelected #PropertySearch, .ClientTabSelected #AgencyContactOutgoing {
  height: 32px;
  vertical-align: middle;
}

.ClientTabSelected #PropertySearch A, .ClientTabSelected #AgencyContactOutgoing A {
  float: left;
  margin-top: 8px;
}

.ClientTabSelected #IconPropertySearch {
  background-image: url('/Allocations/Images/Search.gif');
}

.ClientTabSelected .FormDescriptiveText {
  padding-top: 5px;
  padding-bottom: 5px;
}
/* styles for propertyshop client summary tabs - end */

/*page progress bar*/

div.PageNavigationSummary {
  font-size: 76%;
  color: #54431c;
  margin-top: 10px;
  width: 630px;
  text-align: center;
}
div.Description {
  text-align: center;
  padding: 2px;
  margin-right: 10px;
  color: #54431c;
}
div.PagePositionAndCount {
  padding: 2px;
  text-align: center;
  color: #54431c;
}
div.Bar {
  border: 1px solid #fff;
  height: 28px;
  padding: 1px;
  margin: 2px 10%;
  background-color: #C0C0C0;
  width: 510px;
  float: left;
}
span.Page {
  display: block;
  float: left;
  border: none;
  height: 20px;
  min-height: 22px;
  background-color: #FFF0F5;
  padding: 0px;
  margin-left: 2px;
  margin-right: 0px;
  margin-top: 2px;
  border: 1px solid #E6E6FA;
}
/* Styles for the different number of steps in the online form */
/* These values are dependant on the width and padding of div.Bar above, with the span.Page margins and borders subtracted */
/* See Utilities/Tools/PageProgressStyle.aspx for a calculator*/
div.StepCount1 span.Page { width: 502px; }   div.StepCount1 span.Last { width: 500px; }
div.StepCount2 span.Page { width: 249px; }   div.StepCount2 span.Last { width: 247px; }
div.StepCount3 span.Page { width: 164px; }   div.StepCount3 span.Last { }
div.StepCount4 span.Page { width: 122px; }   div.StepCount4 span.Last { }
div.StepCount5 span.Page { width: 97px; }    div.StepCount5 span.Last { width: 96px; }
div.StepCount6 span.Page { width: 80px; }    div.StepCount6 span.Last { }
div.StepCount7 span.Page { width: 68px; }    div.StepCount7 span.Last { }
div.StepCount8 span.Page { width: 59px; }    div.StepCount8 span.Last { }
div.StepCount9 span.Page { width: 52px; }    div.StepCount9 span.Last { }
div.StepCount10 span.Page { width: 46px; }   div.StepCount10 span.Last { width: 50px; }
div.StepCount11 span.Page { width: 42px; }   div.StepCount11 span.Last { width: 40px; }
div.StepCount12 span.Page { width: 38px; }   div.StepCount12 span.Last { }
div.StepCount13 span.Page { width: 34px; }   div.StepCount13 span.Last { width: 44px; }
div.StepCount14 span.Page { width: 32px; }   div.StepCount14 span.Last { }
div.StepCount15 span.Page { width: 29px; }   div.StepCount15 span.Last { width: 38px; }
div.StepCount16 span.Page { width: 27px; }   div.StepCount16 span.Last { width: 35px; }
div.StepCount17 span.Page { width: 25px; }   div.StepCount17 span.Last { width: 36px; }
div.StepCount18 span.Page { width: 24px; }   div.StepCount18 span.Last { }
div.StepCount19 span.Page { width: 22px; }   div.StepCount19 span.Last { width: 32px; }
div.StepCount20 span.Page { width: 21px; }   div.StepCount20 span.Last { width: 25px; }

div.PageProgressBar span.Past, div.PageProgressBar span.Current, div.PageProgressBar span.Last {
  background-color: #C71585;
  border: 1px solid #BA55D3;
}
div.PageProgressBar span.Future {
}
div.PageProgressBar span.Last {
}
div.PageHistory {
  text-align: center;
  vertical-align: baseline;
}
div.PageHistory .Description, div.PageHistory .DropDown, div.PageHistory .Button {
  display: inline;
  text-align: center;
}
div.PageHistory div.Button {
  margin-left: 5px;
}
div.Dropdown select.SelectField {
  font-size: 115%;
  vertical-align: middle;
}

/*end page progress bar */

div#PropertyShopContent ul.level1 li {
  border-top: 1px solid #FFF;
}

/* ContactUs form - logged in*/
div#PropertyShopContent div.ContactUsForm * {
  margin: 0;
  padding: 0;
}
div.ContactUsForm {
  float: left;
  margin: 10px 0;
}
div#PropertyShopContent div.ContactUsForm div {
  float: left;
  width: 570px;
  margin: 3px 0;
}
div.ContactUsForm span {
  float: left;
}
div.ContactUsForm label {
  float: left;
  width: 200px;
  min-height: 10px;
}
div.ContactUsForm input {
  float: left;
  clear: left;
  margin: 10px 0 10px 200px;
}
/* End of ContactUs form - logged in*/

/* Contact Us Form - NOT logged in*/
div.PropertyShopContactUs {
  float: left;
}
div.PropertyShopContactUs div.SectionHeader {
  font-weight: bold;
  margin-bottom: 10px;
}
div.PropertyShopContactUs div {
  float: left;
  width: 550px;
  margin: 3px 0;
}
div.PropertyShopContactUs span {
  float: left;
}
div.PropertyShopContactUs Label {
  font-weight: bold;
  width: 200px;
  vertical-align: top;
  float: left;
}
div.PropertyShopContactUs input#cmdSubmitForm {
  float: left;
  clear: left;
  margin: 10px 0 10px 200px;
}
/* End of Contact Us Form - NOT logged in*/


span.MonthYearDesc {
  display: none;
}

/* new household registration */
div#FT_1435 div.FormProperty label,
div#FT_1435 div.FieldError label {
  width: 190px;
}
div#FT_1435 div#DivCorrespondenceAddressSameAsPA span.FormField label {
  width: 40px;
}
div#FT_1435 div.FormProperty span,
div#FT_1435 div.FieldError span {
  width: 380px;
}
.FormTable hr.FormHR {
  width: 80%;
  margin: 10px 0 5px 10%;
}
/* end new household registration */

/* MX online form */
div.FormProperty#FP_289352 {
  border: 1px solid #fff;
}
textarea#PreferredContactDetails {
  width: 350px;
}
/* end MX online form */

/* Social housing online form */
div#FP_283954 span.FormGridCell,
div#FP_283954 div.hangingindent {
  width: 380px;
}
div#FP_283954 label {
  width: 100px;
}
div#FP_283954 div.formfield label {
  width: 350px;
  padding: 0;
}
/* end Social housing online form */