/*
This stylesheet is CORE!!
Please do not change this stylesheet for an individual implementation
Any changes to styles can be overriden by using the NovaWeb-controlled stylesheet (e.g. 2.css) for the relevant website (SiteStructure)
*/

/* Overall structural and colour styles for standard property shop */
html{ font-size:100%; }

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-size: smaller;
  background-color: #FFF8E8;
}
input, select, h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table {
  font-size: 100%;
}

div#PropertyShopHeader {
  background-color: #FFB200;
  width:100%;
  /*height: 74px;*/
  height: 5.5em;
}

div#PropertyShopHeader H1 {
  display: none;
}

#PropertyShopLogo1 {
  width: 450px;
  height: 50px;
  position:absolute;
  left: 10px;
  top: 10px;
  background-image: url(/NorthSomersetInstallation/NovaWeb/Images/Logo2_text_orange.gif);
  background-repeat: no-repeat;
}

div#PropertyShopLogo2
{
  float: right;
  width:180px;
  height: 50px;
  margin-top: 10px;
  margin-right: 20px;
  background-image: url(/NorthSomersetInstallation/NovaWeb/Images/CouncilLogo_text_orange.gif);
  background-repeat: no-repeat;
}

div#PropertyShopTopMenu {
  width: 100%;
  float: left;
  background-color: #FFD87F;
  height: 1.9em;
}

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: #54431c;
  padding: 4px 10px 5px 10px;
}
div#PropertyShopTopMenu A:hover {
  background-color: #54431c;
  color: #ffd87f;
}

div#PropertyShopTopBar {
  width: 100%;
  background-color: #54431C;
  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;
  margin: 0 20px 0 0;
  padding: 0 0 20px 0;
  float: left;
  clear: right;
  background-color: #F9F5C6;
  font-size: 90%;
  border-bottom: 10px solid #ee8;
}
div#PropertyShopleftMenu * {
  float: left;
}

a#PropertyShopSwitchStyle, a#PropertyShopSiteMap, div#PropertyShopChangeFontSize, div#BrowseAloudLogoContainer {
  display: block;
  width: 180px;
  height: 25px;
  text-decoration: none;
  color: #54431C;
  margin: 0 0 0 20px;
}
div#leftmenucomponents {
  float: left;
  padding: 15px 0;
  background-color: #ee8;
  font-weight: bold;
}
div#PropertyShopChangeFontSize a {
  float: none;
  text-decoration: none;
  color: #54431C;
  vertical-align: baseline;
  line-height: 100%;
  font-weight: normal;
}

#PropertyShopChangeFontSize1, BODY.FontSize1 {
  /*font-size: 100%;*/
}
#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;
 width: 200px;
 text-decoration: none;
 padding: 0;
}
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: #54431c;
}
div#PropertyShopleftMenu A:hover {
  background-color: #ee8;
}

div#PropertyShopContentContainer {
  position: absolute;
  left: 210px;
  top: 9.5em;

/*  float: left;
  width: 60%;
  padding-top: 17px;*/
}

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

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

H2 {
  color: #FFB200;
  font-size: 140%;
  font-family: Verdana, Arial, sans-serif;
  margin: 8px;
}

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

#PropertyShopContent A, #PropertyShopContent A:visited, #PropertyShopContent A.BasicLink, #PropertyShopContent A.BasicLink:visited {
  color: #54431C;
  text-decoration: none;
  font-weight: 700;
}



/*
div.PropertyShopSpareDiv1 {
  width: 100%;
  height: 20px;
  background-color: #FFD87F;
  float: left;
  margin-top: 30px;
}

span.PropertyShopFooter {
  width:100%;
  text-align: center;
  color: #1B1133;
  font-size: 80%;
  position: relative;
  top: 45px;
}
*/


span.PropertyShopFooter {
  display: block;
  background-color: #FFD87F;
  width:100%;
  text-align: center;
  padding-top:5px;
  padding-bottom: 5px;
  margin-top: 50px;
  color: #1B1133;
  font-size: 80%;
  float: left;
}

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

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

.PropertyShopLoginError {
  border: 1px solid #FFB200;
  padding: 5px;
  margin-bottom: 10px;
}

.FormError {
  background: #FFF0F5;
  border: 1px solid Red;
  padding: 5px;
  margin-bottom: 10px;
}

.FieldError {
  background: #FFF0F5;
  border: 1px solid Red;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 5px;
}

/* End of overall structural and colour styles for standard property shop */

/* Property shop login styles */
DIV.CORE_ClientLogin LABEL {
  width:100%;
  padding-bottom: 10px;
}

DIV.CORE_ClientLogin .FormField {
  display: block;
  padding-bottom: 10px;
}
/* End of property shop login styles */

/*Louise- SITE MAP */
/*prevents extra bullet on IE but doesn't work on Firefox
  would be best if we could use transparent borders but these don't work on IE6 */
div#PropertyShopContent ul.level1 li {
  border-top: 1px solid #FFF8E8;
}
/*Tidies up layout on Firefox (but bullet still present)*/
div#PropertyShopContent ul, div#PropertyShopContent li {
  padding-top: 0;
  margin-top: 0;
}
/*End Louise- SITE MAP */

div.CurrentContactDetails {
  margin-bottom: 10px;
}



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

.ClientTab {
  display:none;
}

.ClientTabSelected {
  border:5px #FFB200 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 #FFD87F solid;
  padding:5px;
  margin-bottom:5px;
}

.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:#FFD87F;
  border: 1px #FFB200 solid;
  display:block;
  padding: 5px 0 0 0;
  text-indent: 5px;
  margin-bottom: 4px;
  float: left;
}
a.ClientTabURLSelectedLink, a.ClientTabURLLink:hover {
  background-color:#FFB200;
}

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:#54431C;
}

.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 */

/* Specific styles for the client summary tab */

.ClientTabSelected #ClientName {
  font-weight: 700;
}

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

.ClientTabSelected #IconEligProp, .ClientTabSelected #IconMyBids {
  background-image: url('/Allocations/Images/Home.gif');
}

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

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

.ClientTabSelected #AgencyContact, .ClientTabSelected #LogOff {
  height: 36px;
  vertical-align: middle;
}

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

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

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

.ClientTabSelected #PropertySearchEligOnly, .ClientTabSelected #PropertySearch {
  margin-top:10px;
}
/* End of specific styles for the client summary tab */

/* Specific styles for the My Bids summary tab */
.ClientTabSelected #IconCurrentBids {
  background-image: url('/Allocations/Images/CurrentBids.gif');
}

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

.ClientTabSelected div.PropertyAdvertType {
  width:470px;
  padding: 2px;
  border: none;
}

.ClientTabSelected div.PropertyAdvertType div.AdvertTypeIcon {
  width: 75px;
}

.ClientTabSelected div.PropertyAdvertType div.AdvertTypeText {
  float: none;
}

.ClientTabSelected table.PropertyShopMyBids td
{
  padding:0px;
}

.ClientTabSelected #HistoricBidsGroup
{
  padding-right:0px;
}
/* End of specific styles for the My Bids summary tab */

/* Specific styles for the Current Details tab */

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

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

#HouseholdDetailsGroup .HouseholdField, #HouseholdMemberDetailsGroup .HouseholdMemberField, #LastLoginGroup .FormDescriptiveText {
  margin-top:2px;
  margin-bottom:2px;
  padding-bottom:2px;
  border-bottom: 1px dotted #E3E3E3;
}

#HouseholdDetailsGroup .HouseholdField LABEL, #HouseholdMemberDetailsGroup .HouseholdMemberField LABEL, #LastLoginGroup .FormDescriptiveText LABEL {
  width: 200px;
}

#ChangePasswordGroup .FormProperty {
  margin-top: 5px;
  margin-bottom: 5px;
}

#ChangePasswordGroup .FormProperty LABEL {
  width: 220px;
}

div.MessageDetails {
  border-top: 1px dotted #E3E3E3;
  padding:5px;
}

div.MessageDetails label {
  font-weight:bold;
}

div.MessageDetails div.MessageContents {
  font-style:italic ;
}
/* End of specific styles for the Current Details tab */


/* MX-Form manager - upload picture */

div.ShowProperty div.DescriptiveText {
  margin: 0px 0px 15px 0px;
}

div.DeletePropertyPicture #MediaFileDelete {
  margin: 0px 0px 10px 20px;
  width: 165px;
}

div.MediaFileUploadBtn label {
  padding-right :20px;
  padding-left :20px;
}

div.MediaFileDropdownBtn label {
  padding-right :40px;
  padding-left :20px;
}

div.MediaFileUploadBtn {
  padding-bottom:5px;
}

div.MediaFileDropdownBtn {
  padding-bottom:20px;
}

#MediaFileUpload {
  margin: 0px 0px 10px 20px;
  width: 165px;
}

div.advertpicture, div.AdvertPictureDelete, div.DeletePictureCancel {
  text-align:center;
  margin-bottom: 10px;
  margin-top: 10px;
}

#MediaFileDelete {
    margin: 0px 0px 0px 155px;
}
/* END MX-Form manager - upload picture */

/* MX-Form manager */
#MXApplicationFieldSummary, #MXUploadPhoto , #MXEditAppFormGroup, #MXAdvertBeingAdvertised, #MXAdvertLink, #MXShortlistLink {
  margin-top: 5px;
  margin-bottom: 10px;
}

#MXUploadPhoto {
  border-top: 1px solid #C9C9C9;
  padding-top: 5px;
}

div.MXState {
  display: inline;
  float: right;
  font-weight: bolder;
  color: #FF9900;
  position: relative;
  top: -3em;
}

#MXApplicationFieldSummary .HouseholdField {
  margin-top:2px;
  margin-bottom:2px;
  padding-bottom:2px;
  border-bottom: 1px dotted #E3E3E3;
}

#MXApplicationFieldSummary .HouseholdField LABEL {
  width: 280px;
}

#MXStateDescription {
  margin-bottom:2px;
  padding-bottom:4px;
}

/* END MX-Form manager */

/* MX Shortlist styles */

DIV.PropertyShortlist_Container 
{
  width: 100%;
  height: 250px;
  overflow: auto;
}

TABLE.PropertyShortlist_Table {
  border: 1px solid #CCCCCC;
}

TD.PropertyShortlist_Heading {
  background-color: #E3E3E3;
}


/* End of MX Shortlist styles */

/* Universal Application online forms */

.UAFormChangesMsg {
  border: 1px solid #FFFF33;
  background-color: #FFFF99;
  padding: 2px;
}

/* End of Universal Application online forms */


/* Pending update styles */
/*.FieldPendingUpdate LABEL,*/ .FieldPendingUpdate INPUT, .FieldPendingUpdate TEXTAREA, .FieldPendingUpdate SELECT {
  background: #BBDDFF;
}

.FieldPendingUpdateOriginal {
  border: 1px solid #C9C9C9;
  background-color: #E3E3E3;
  padding: 2px;
}

.FieldPendingUpdateOriginal SELECT
{
  background: #FFFFFF;
  color: #000000;
}

DIV.FormPendingUpdateMsg, DIV.FormPendingUpdateApprovalMsg {
  border: 1px solid #3399FF;
  background-color: #D5EAFF;
  margin-bottom: 10px;

  background-image: url('/AWF/Icons2/SymbolInformation.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;

  padding: 5px;
  padding-left: 40px;
  padding-top: 10px;

  margin-top: 10px;
  margin-bottom: 10px;

  width: 100%;
  min-height: 40px;

  /* Fix PNGs in IE 5.5 and 6 */
  behavior: url(/Data/Pub/Stylesheets/iepngfix.htc);
  float: left;
}

DIV.FormPendingUpdateApprovalMsg {
  background-image: url('/AWF/Icons2/SymbolEdit.png');
  float: none;
}
/* End of pending update styles */



/* Online application form styles */

.formtable fieldset {
  width: 630px;
}
.FormTable form {
  margin: 0px;
}
.FormTable H1 {
  font-family: Arial;
  font-size: 120%;
  color: #54431c;
}
.FormTable div.FormControl {
  padding-top: 10px;
  text-align: center;
  width: 630px;
}
.FormTable div.FormControl input {
  width: 200px;
}
.FormTable input#btnTopNavigation, .FormTable input#btnBottomNavigation {
  font: 2em;
}
.FormTable hr.FormHR {
  width: 90%;
  display: block;
  float: left;
  clear: left;
  margin: 10px 0 5px 140px;
  padding: 0;
  height: 1px;
}

/* tables */
.FormTable table#HouseholdMemberList {
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
  border-right: 1px solid #708090;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 600px;
}
.FormTable table#HouseholdMemberList th, table#HouseholdMemberList td {
  border-left: 1px solid #708090;
  padding: 3px;
  font-size: 80%;
}
.FormTable table#HouseholdMemberList th {
  background-color: #D3D3D3;
  text-align: left;
  border-bottom: 1px solid #708090;
}
.FormTable #HouseholdMemberButtons input {
  width: 180px;
}
.FormTable #HouseholdMemberDelete, #HouseholdMemberEdit {
  width: 50px;
}
/* end tables */

.FormTable div.FormTable h1 {
  margin: 0;
  padding: 2px;
  font-size: 120%;
  text-align: center;
  background-color: #ccc;
  color: #32287b;
}
.FormTable .TextField, .FormTable .SelectField {
  font: 1em Verdana;
}
.FormTable .FormGroup {
  padding: 0 10px 10px 10px;
  border: 1px solid #54431c;
  display: block;
  clear: left;
  margin: 10px 0;
}

.FormTable fieldset.FormGroup div.FormTable fieldset.FormGroup{
  padding: 0 10px 10px 10px;
  border: 1px solid #b8b197;
  display: block;
  clear: left;
  margin: 10px 0;
  width:100%;
}

.FormTable .FormGroup legend {
  font-weight: bold;
  color: #54431c;
  padding: 2px 5px;
}
.FormTable .FormHelp {
  width: 25px;
}
.FormTable div.FormError, .FormTable #LogonErrorMessage {
  background: #FFF0F5;
  border: 1px solid Red;
  letter-spacing: 1.2px;
  font: 0.8em Verdana;
  padding: 10px;
  margin: 10px;
  width: 100%;
  float: left;
}
.FormTable div.FieldError {
  background: #FFF0F5;
  border: 1px solid Red;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 2px 5px;
  width: 610px;
}
.FormTable div.FormError ul {
  letter-spacing: 1.2px;
}
.FormTable label.FormLabel, .FormTable span.FormLabel {
  width: 230px;
  display: inline;
  float: left;
  text-align: right;
  margin: 0 10px 0 0;
  padding: 0;
  font-weight: normal;
}
.FormTable div.FormDescriptiveText, .FormTable div.DescriptiveText {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  /*letter-spacing: 1.1px;*/
  /*width: 620px;*/
  width:100%;
  display: block;
}
.FormTable div.FormDescriptiveText ul {
  letter-spacing: 1.1px;
}

.FormTable input.FormButton {
  margin-bottom: 10px;
}
.FormTable span.FormField {
  width: 320px;
  display: inline;
  float: left;
  padding: 0;
  margin: 0;
}
.FormTable #HM_AddressSameAsPA_JointApplicant.FormProperty {
  padding-bottom: 10px;
}
.FormTable #CorrespondenceAddressSameAsPALabel.FormProperty {
  padding-top: 10px;
  padding-bottom: 10px;
}
.FormTable #HouseholdMemberPostcodeLookUP, .FormTable #CorrespondenceAddressPostcodeLookUp
{
  /* The value for margin-left should be the same as the width + margin-right for FormLabel - this will align the post code lookup buttons
  below the postcode text boxes */
  margin-left: 240px;
}
.FormTable span.FormGridCell, .FormTable div.HangingIndent {
  width: 195px;
  padding: 0;
  display: block;

}
.FormTable input {
  vertical-align: middle;
}
.FormTable div.FormProperty {
  padding-top: 4px;
  width:100%;
  display:block;
  clear: both;
  float: left;
}
.FormTable div span.FormGridCell div.HangingIndent label, .FormTable .FormField label {
  font-weight: normal;
}
input.TextField {
  max-width: 320px;
  /*width: 265px;*/
}
.FormTable div, .FormTable span {
  float: left;
}

/*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 #D59500;
  height: 28px;
  padding: 1px;
  margin: 2px 0;
  background-color: #FFF8E8;
  width: 510px;
}
span.Page {
  display: block;
  float: left;
  border: none;
  /*width: 45px;*/
  height: 20px;
  background-color: #FFEAB7;
  padding: 0px;
  margin-left: 2px;
  margin-right: 0px;
  margin-top: 2px;
  border: 1px solid #FFD779;
}
/* 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: #FFB200;
  border: 1px solid #D59500;
}
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 */

.FormTable input#HouseholdMemberSave {
  width: auto;
}

/* End Of Online application form styles */




/* Address History styles 2007-03-12 NJP */

table.AddressHistory {
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
  border-left: 1px solid #708090;
  border-right: 1px solid #708090;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 600px;
}
tr.AddressHistoryHeaderRow td, tr.AddressHistoryFooterRow td, tr.AddressHistoryHeaderRow td#AddressHistoryHouseholdMembers {
  background-color: #D3D3D3;
  text-align: left;
  border-bottom: 1px solid #708090;
  padding: 3px;
  font-size: 80%;
  font-weight: bold;
}
tr.AddressHistoryFooterRow td {
  text-align: right;
}
tr.AddressHistoryHeaderRow td#AddressHistoryHouseholdMembers {
  border-left: 1px solid #708090;
}

td.AddressHistoryAddressCell, td.AddressHistoryHouseholdMembersCell {
  font-size: 80%;
  text-align: left;
}
td.AddressHistoryHouseholdMembersCell table {
  width: 80%;
  font-size: 80%;
  text-align: left;
}
td.AddressHistoryDates, td.AddressHistoryEditDatesCell {
  text-align: right;
}
td.AddressHistoryEditButton
{
  text-align: left;
  font-size: 80%;
}
td.AddressHistorySaveButton, td.AddressHistoryDeleteButton, td.AddressHistoryCancelButton {
  text-align: center;
  font-size: 80%;
}
table.AddressHistoryEditPane {
  border-top: 1px solid #708090;
  border-bottom: 1px solid #708090;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 600px;
}
tr.AddressHistoryLine {
  height: 1px;
  background-color: Gray;
}
tr.AddressHistoryRow {
  background-color: White;
}
tr.AddressHistoryRowAlternate {
  background-color: #ffc;
}
input.AddressHistoryButton, input.FormButton, input.Btn, .SubmitBtn {
  margin-bottom: 2px;
  border: 1px solid #54431c;
  color: #54431c;
  background-color: #ffd87f;
}

select#AreaID, select#selectedAreas, select#selectedAreas2 {
  height: 300px;
  width: 155px;
  border: 1px solid #777;
}

td.aopLA, td.aopRegion, td.aopArea, td.aopSelected
{
  width: 155px;
}

span.AddressHistoryCurrentAddress {
  font-weight: bold;
  color: Red;
}
td.AddressHistoryApplySameToAll {
  text-align: right;
  border-bottom: 1px solid #708090;
}

/* End of Address History styles*/



/* ContactUs form - logged in*/

div.ContactUsForm
{
  padding-top:20px;
}

div.ContactUsForm div.ContactUsName
{
  padding-top:15px;
}

div.ContactUsForm div.ContactUsName span
{
  padding-left:135px;
}

div.ContactUsForm div.ContactUsPhoneNumber
{
  padding-top:5px;
}

div.ContactUsForm div.ContactUsPhoneNumber span
{
  padding-left:11px;
}
div.ContactUsForm div.ContactUsEmailAddress
{
  padding-top:5px;
}

div.ContactUsForm div.ContactUsEmailAddress span
{
  -left: 68px;
}

div.ContactUsForm div.ContactTypeID
{
  padding-top:7px;
  padding-bottom:10px;
}
div.ContactUsForm div.ContactTypeID span
{
  padding-left:27px;
  }

div.ContactUsForm TextArea
{
 margin-left:185px;
 margin-bottom:15px;
  }

div.ContactUsForm .SubmitButton
{
  float: left;
}

/* End of ContactUs form - logged in*/


/* Warning and Error message styles */
.WarningMsg, .ClientTabGroupAlert
{
  font-style: normal;
  font-weight: 700;

  /*color: #FF8000;*/
  background-color: #FFCCFF;
  border: 1px solid #660066;
  color: #660066;

  background-image: url('/AWF/Icons2/SymbolExclamation1.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;

  padding: 5px;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;

  margin-top: 10px;
  margin-bottom: 10px;

  width: 100%;
  height: 40px;
}

.ErrorMsg
{
  font-style: normal;
  font-weight: 700;

  background-color: #FFCCCC;
  border: 1px solid #CC0033;
  color: #FF0000;
  /*color: #CC0033;*/

  background-image: url('/AWF/Icons2/SymbolError.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;

  padding: 5px;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;

  margin-top: 10px;
  margin-bottom: 10px;

  width: 100%;
  height: 40px;
}

.DBUpdateMsg
{
  font-size: 1em;
  text-align: left;

  background-color: #CCFF99;
  border: 1px solid #99CC66;

  background-image: url('/AWF/Icons2/SymbolCheck.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;

  padding: 5px;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;

  margin-top: 10px;
  margin-bottom: 10px;

  width: 100%;
  height: 40px;

}

.DBUpdateMsg UL, .WarningMsg UL, .ErrorMsg UL
{
  margin-bottom: 2px;
}
/* End of warning and Error message styles */

/* Contact Us Form - NOT logged in*/

div.PropertyShopContactUs
{
  padding-top:20px;
}

div.PropertyShopContactUs div.SectionHeader
{
  font-weight: bolder;
  padding-bottom: 20px;
}

div.PropertyShopContactUs Label
{
  font-weight: bolder;
  width: 200px;
  vertical-align: top;
}

div.PropertyShopContactUs input#Email
{
  margin-bottom: 10px;
}

div.PropertyShopContactUs select#ContactReasonID
{
  margin-bottom: 10px;
}
/* End of Contact Us Form - NOT logged in*/

INPUT.CORE_PropertyListButton#cmdSubmitApprove 
{
  width: 300px; 
}