/*
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: 70%/*8pt*/;
  font-size: smaller;
  height: 100%; 
}
input, select, h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table {
  font-size: 100%;
}

/* Basic relative size styles for header tags */
H1 /* This is the overall website title  header - hidden when normal styles are used as logos are displayed instead */ {
  font-size: 125%
}
H2 /* This is the content page header */ {
  font-size: 120%
}
H3 {
  font-size: 115%
}
H4 {
  font-size: 110%
}
H5 {
  font-size: 105%
}
/* End of basic relative size styles for header tags */



/* Styles for the overall 2-column layout plus a full width header and footer */
#PropertyShopDelimiter {
  float: left;
  width: 100%;
}
#PropertyShopLayoutTop {
  overflow: hidden; 
}


#PropertyShopContentContainer {
  padding: 10px;
/*  margin-left: 220px;*/ /*Set left margin to PropertyShopleftMenuWidth*/
/* LB I have to convert this margin to padding because it was screwing up the layout of .FormTable div.FormControl .
   Should be set to PropertyShopleftMenuWidth + 10 */
  padding-left: 230px;
}


#PropertyShopleftMenu {
  float: left; 
  position: relative;
  width: 220px; /*Width of left column*/  
  overflow: hidden; 
  margin: 0 -220px, 0 0;
  /*float: left;*/
  /*clear: right;*/
  font-size: 90%;
  padding: 0;
  min-height: 10px;
  height: 100%;
}

#PropertyShopLayoutBottom {
  clear: left;
  width: 100%;  
}
/* End of styles for the overall 2-column layout plus a full width header and footer */

div#PropertyShopHeader {
  width:100%;
  float: left;
  /* overflow: visible; - not supported in IE6 and below */
}

div#PropertyShopHeader H1 {
  display: none;  
}

#PropertyShopLogo1 {
  background-repeat: no-repeat;
  float: left;
  clear: left;
  z-index: 1;
  width:inherit;
}

div#PropertyShopLogo2 {
  float: right;
  background-repeat: no-repeat;
  clear: right;
  width:inherit;
}

div#PropertyShopTopMenu {
  width: 100%;
  /*float: left;*/  
  display:inline-block;
}

div#PropertyShopTopMenu ul {
 position: relative;
 left: 220px;
 list-style: none;
 margin: 0;
 padding: 0;
 float: left;
 clear: right;
 width:inherit;
}

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

div#PropertyShopTopMenu A {
  text-decoration: none;
  display: block;
  padding: 4px 10px 5px 10px;
}

div#PropertyShopTopBar {
  width: 100%;
  font-size: 80%;
  line-height: 2.1em;
  text-align: right;
  overflow: hidden; 
  z-index: 2;
  position: relative;
}
div#PropertyShopTopBar * {
  text-decoration: none;
  vertical-align: middle;
}
a#PropertyShopChangeFontSize3 {
  padding-right: 10px;
}
span.divide {
  margin-left: 6px;
  margin-right: 6px;
}

div#PropertyShopleftMenu * {
  /*float: left;*/
}
div#browsealoudlogocontainer {
  margin: 10px;
  float: left;
  clear: left;
  width:inherit;
}
#PropertyShopChangeFontSize2 {
  font-size: 150%;
}
BODY.FontSize2 {
  font-size: 120%;
}
#PropertyShopChangeFontSize3 {
  font-size: 210%;
}
BODY.FontSize3 {
  font-size: 160%;
}
div#PropertyShopleftMenu ul {
 width: 220px;
 list-style: none;
 padding: 0;
 margin: 10px 0 13px 0;
}
div#PropertyShopleftMenu li {
 display: block;
 width: 220px;
 text-decoration: none;
 padding: 0;
}
div#PropertyShopleftMenu li a {
  display: block;
  width: 220px;
  text-indent: 20px;
  padding: 5px 0;
}
div#PropertyShopleftMenu ul.level3 {
  margin: 0;
  padding: 0;
}

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

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

div#PropertyShopleftMenu A {
  text-decoration: none;
}

div#propertyshopdelimiter {
  /*float: left;*/
  width: 100%;
}

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

#PropertyShopContent {
  padding-right: 10px;
}

#PropertyShopContent A, #PropertyShopContent A:visited, #PropertyShopContent A.BasicLink, #PropertyShopContent A.BasicLink:visited {
  text-decoration: none;
  /*font-weight: 700;*/
}
#PropertyShopContent A:hover, #PropertyShopContent A.BasicLink:hover {
  text-decoration: underline;
}
#PropertyShopContent IMG {
  border: none;
}
span.PropertyShopFooter {
  display: block;
  width:100%;
  text-align: center;
  padding-top:5px;
  padding-bottom: 5px;
  /*float: left;*/
  font-size: 80%;
}

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

.FormError {
  padding: 5px;
  margin: 10px 0;
  background: #FFF0F5;
  border: 1px solid red;
  width: 98%;
}

.FieldError {
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 5px 0;
  background: #FFF0F5;
  border: 1px solid red;
  width: 98%;
}

div.OutcomesDisclaimerFile {
  font-weight:bold;
  font-size:70%;
  margin:10px;
}

/* 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;
}
input#cmdSubmit {
  float: left;
  clear: left;
  width: auto;
}
/* End of property shop login styles */

/*Louise- SITE MAP */
/*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 {
  /*float:left;*/
  z-index:100;
  max-width: 650px;
}

div.ClientTabContent {
  /*float: left;*/
  padding:5px;
}

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

.ClientTabGroup {
  padding:5px;
  margin-bottom:5px;
  /*float: left;*/
  width: auto;
  display: block;
}

.ClientTabContent .FormButton {
  float:right;
  width: auto;
}

div.TabFrame {
  float: left;
  display:block;
  width: 100%;
}

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

.ClientTabSelected H4, .ClientTabSelected H5 {
  margin-top: 3px;
  padding-top: 10px;
}

.ClientTabSelected DIV.PropertyShopIcon {
  width:32px;
  height: 32px;
  background-repeat: no-repeat;
  display: block;
  float: left;
  /*margin: 2px;*/
  margin-right: 2px;
  margin-bottom: 2px;
}

.ClientTabSelected FORM, FieldSet FORM {
  margin: 0px;
}

.ClientTabSelected #PropertySearch, .ClientTabSelected #AgencyContactOutgoing {
  height: 32px;
  vertical-align: middle;
  width: 80%;
  clear: left;
}

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

.ClientTabSelected #IconPropertySearch {
  background-image: url('/Allocations/Images/grey/Search2.png');
}

.ClientTabSelected .FormDescriptiveText {
  padding-top: 5px;
  padding-bottom: 5px;
}
div.ConfigurableMessage {
  float: none;
  width: 99%;
  margin-left: 2px;
  background-repeat: no-repeat;
  background-position: 3px 3px;
}
 
/* 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/grey/Summary.png');
}

.ClientTabSelected #ClientMessagesGroup {
  border: 1px solid #BF522A;
  background-color: #F3D2BE;  
}

.ClientTabSelected #ClientMessagesGroup DIV.FormField {
  margin-top: 14px;
}

.ClientTabSelected #ClientMessagesGroup A, .ClientTabSelected #ClientMessagesGroup A:visited { 
  
  color: #BF522A;
}

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

.ClientTabSelected #IconCurrentApp {
  background-image: url('/Allocations/Images/grey/Current-Application.png');
}
.ClientTabSelected #IconUpdateApp {
  background-image: url('/Allocations/Images/grey/Accept.png');
}
.ClientTabSelected #IconCancelApp {
  background-image: url('/Allocations/Images/grey/Cancel.png');
}

.ClientTabSelected #IconMXAdvert {
  background-image: url('/Allocations/Images/grey/Property.png');
}

.ClientTabSelected #AgencyContact, .ClientTabSelected #LogOff {
  height: 36px;
  vertical-align: middle;
}
.ClientTabSelected #AgencyContact A, .ClientTabSelected #LogOff A {
  margin-top: 5px;
  display: inline-block;
}

.ClientTabSelected #IconContactUs {
   background-image: url('/Allocations/Images/grey/Contact-us.png');
}

.ClientTabSelected #IconLogOff {
   background-image: url('/Allocations/Images/grey/Log-Off.png');
}

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

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

.ClientTabSelected #IconOutGoing {
   background-image: url('/Allocations/Images/grey/next.gif');
}

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

.ClientTabSelected #IconOutGoingReply {
  background-image: url('/Allocations/Images/grey/mymessages.gif');
}

.ClientTabSelected #PropertySearchEligOnly, .ClientTabSelected #PropertySearch {
  margin-top:10px;
}
div#PropertySearchEligOnly {
  /*float: left;*/
  clear: left;
  width: 100%;
}

.ClientTabSelected DIV#ApplicationsGroup DIV.CurrentApplicationText {
  margin-top: 4px;
  margin-bottom: 4px;
}
/* End of specific styles for the client summary tab */

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

.ClientTabSelected #IconHistoricBids {
  background-image: url('/Allocations/Images/grey/Property-Bid.png');
}

.ClientTabSelected div.PropertyAdvertType {
  border: none;
  height: auto;
}



div#EligPropertyBreakdown *,
div#CurrentBidsGroup form div,
div#CurrentBidsGroup form img {
  display: inline-block;
  float: left;
  width: auto;
}
div#CurrentBidsGroup form table {
  float: none;  
}
div#EligPropertyBreakdown div.CBLRenderer,
div#EligPropertyBreakdown div.MXRenderer,
div#EligPropertyBreakdown div.MXPlusRenderer,
div#EligPropertyBreakdown div.SORenderer,
div#EligPropertyBreakdown div.PRRenderer,
div#EligPropertyBreakdown div.GARenderer,
div#EligPropertyBreakdown div.DefaultRenderer,
div#EligPropertyBreakdown div.CBLRenderer div.PropertyAdvertType,
div#EligPropertyBreakdown div.MXRenderer div.PropertyAdvertType,
div#EligPropertyBreakdown div.MXPlusRenderer div.PropertyAdvertType,
div#EligPropertyBreakdown div.SORenderer div.PropertyAdvertType,
div#EligPropertyBreakdown div.PRRenderer div.PropertyAdvertType,
div#EligPropertyBreakdown div.GARenderer div.PropertyAdvertType,
div#EligPropertyBreakdown div.DefaultRenderer div.PropertyAdvertType,
div#CurrentBidsGroup form div.CBLRenderer,
div#CurrentBidsGroup form div.MXRenderer,
div#CurrentBidsGroup form div.MXPlusRenderer,
div#CurrentBidsGroup form div.SORenderer,
div#CurrentBidsGroup form div.PRRenderer,
div#CurrentBidsGroup form div.GARenderer,
div#CurrentBidsGroup form div.DefaultRenderer,
div#CurrentBidsGroup form div.CBLRenderer div.PropertyAdvertType,
div#CurrentBidsGroup form div.MXRenderer div.PropertyAdvertType,
div#CurrentBidsGroup form div.MXPlusRenderer div.PropertyAdvertType,
div#CurrentBidsGroup form div.SORenderer div.PropertyAdvertType,
div#CurrentBidsGroup form div.PRRenderer div.PropertyAdvertType,
div#CurrentBidsGroup form div.GARenderer div.PropertyAdvertType,
div#CurrentBidsGroup form div.DefaultRenderer div.PropertyAdvertType
{
  width: 100%;
  border-bottom: 2px solid #fff;
}
div#EligPropertyBreakdown div.AdvertTypeText,
div#CurrentBidsGroup form div.AdvertTypeText 
{
  display: inline;
  width: auto;
  max-width: 80%;
  position: relative;
  top: 10px;
}
div#HistoricBidsGroup form div.CBLRenderer,
div#HistoricBidsGroup form div.MXRenderer,
div#HistoricBidsGroup form div.MXPlusRenderer,
div#HistoricBidsGroup form div.SORenderer,
div#HistoricBidsGroup form div.PRRenderer,
div#HistoricBidsGroup form div.GARenderer,
div#HistoricBidsGroup form div.DefaultRenderer,
div#HistoricBidsGroup form div.CBLRenderer div.PropertyAdvertType,
div#HistoricBidsGroup form div.MXRenderer div.PropertyAdvertType,
div#HistoricBidsGroup form div.MXPlusRenderer div.PropertyAdvertType,
div#HistoricBidsGroup form div.SORenderer div.PropertyAdvertType,
div#HistoricBidsGroup form div.PRRenderer div.PropertyAdvertType,
div#HistoricBidsGroup form div.GARenderer div.PropertyAdvertType,
div#HistoricBidsGroup form div.DefaultRenderer div.PropertyAdvertType,
div#HistoricBidsLinkGroup form div.CBLRenderer,
div#HistoricBidsLinkGroup form div.MXRenderer,
div#HistoricBidsLinkGroup form div.MXPlusRenderer,
div#HistoricBidsLinkGroup form div.SORenderer,
div#HistoricBidsLinkGroup form div.PRRenderer,
div#HistoricBidsLinkGroup form div.GARenderer,
div#HistoricBidsLinkGroup form div.DefaultRenderer,
div#HistoricBidsLinkGroup form div.CBLRenderer div.PropertyAdvertType,
div#HistoricBidsLinkGroup form div.MXRenderer div.PropertyAdvertType,
div#HistoricBidsLinkGroup form div.MXPlusRenderer div.PropertyAdvertType,
div#HistoricBidsLinkGroup form div.SORenderer div.PropertyAdvertType,
div#HistoricBidsLinkGroup form div.PRRenderer div.PropertyAdvertType,
div#HistoricBidsLinkGroup form div.GARenderer div.PropertyAdvertType,
div#HistoricBidsLinkGroup form div.DefaultRenderer div.PropertyAdvertType
{
  width: 99%;
  border-bottom: 2px solid #fff;  
}
div#HistoricBidsGroup div.AdvertTypeText,
div#HistoricBidsLinkGroup div.AdvertTypeText
{
  display: inline;
  width: auto;
  float: none;
  max-width: 70%;
  position: relative;
  top: -10px;
}

.ClientTabSelected div.PropertyAdvertType div.AdvertTypeIcon, .ClientTabSelected div.PropertyAdvertType div.AdvertTypeIconSmall {
  background-color: #FFFFFF;
}

.ClientTabSelected div.PropertyAdvertType div.AdvertTypeText {
  float: left;    
  margin-left: 5px;  
  width: auto;
}

.ClientTabSelected div.PropertyAdvertType div.AdvertTypeText A {
  margin-left: 2px;
} 

#PropertyShopContent .ClientTabSelected div.PropertyAdvertType div.AdvertTypeText  A, #PropertyShopContent .ClientTabSelected div.PropertyAdvertType div.AdvertTypeText  A:visited {
  color: #000000; 
  font-weight: normal;
}

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

TABLE.PropertyShopMyBidSummary {
  margin-bottom: 10px;
}
TABLE.PropertyShopMyBidSummary, TABLE.PropertyShopMyBidSummary TH, TABLE.PropertyShopMyBidSummary TD {
  border: 1px solid #C9C9C9;
  border-collapse: collapse;
  vertical-align: top;
}

TABLE.PropertyShopMyBidSummary TH, TABLE.PropertyShopMyBidSummary TD {
  text-align: center;
}

TABLE.PropertyShopMyBidSummary TH.MonthName {
  width: 8%;
}

TABLE.PropertyShopMyBidSummary TD.NoBidMonth {
  background-color: #FFECEC;
}

TABLE.PropertyShopMyBidSummary TD.BidMonth {
  background-color: #E6FFCC;
}

TABLE.PropertyShopMyBidSummary TD.FutureMonth {
  background-color: #EEE;
}

TABLE.PropertyShopMyBidSummary TD SPAN.MonthYearDesc {
  display: none;
}

input#btnSelectYear {
  margin-bottom: 15px;
}

.ClientTabSelected #HistoricBidsGroup {
  padding-right:0px;
}
input#btnWithdraw,
span.TrailingFieldHTML,
a#viewhistoric {
  /*float: left;*/
  clear: left;
}
/* End of specific styles for the My Bids summary tab */

/* Specific styles for the Current Details tab */

.ClientTabSelected #IconCurrentDetails {
   background-image: url('/Allocations/Images/grey/Name.png');
}

.ClientTabSelected #IconChangePassword {
   background-image: url('/Allocations/Images/grey/Log-Off.png');
}

#LastLoginGroup .FormDescriptiveText {
  margin-top:2px;
  margin-bottom:2px;
  padding-bottom:2px;
  border-bottom: 1px dotted #E3E3E3;
}
#LastLoginGroup .FormDescriptiveText LABEL {
  width: 200px;
  margin-right: 3px;
  display: inline-block;
}

#ChangePasswordGroup .FormProperty {
  margin-top: 5px;
  margin-bottom: 5px;
}
#ChangePasswordGroup .FormProperty LABEL {
  display: inline-block;
  width: 280px;
  margin-right: 3px;
}

DIV.ClientTabContent .HouseholdField, DIV.ClientTabContent .HouseholdMemberField {
  margin-top:2px;
  margin-bottom:2px;
  padding-bottom:2px;
  border-bottom: 1px dotted #E3E3E3;
}

DIV.ClientTabContent .HouseholdField LABEL, DIV.ClientTabContent .HouseholdMemberField LABEL {
  width: 120px;
  margin-right: 3px;
  display: inline-block;
  vertical-align:top;
}

DIV.ClientTabContent .HouseholdField span {
  display: inline-block;
  width:500px;
  clear:right;
}

div.MessageDetails {
  border-top: 1px dotted #E3E3E3;
  padding:5px;
  font-size: 80%;
}
div.MessageDetails label {
  font-weight: normal;
}
div.MessageFromOrTo 
{
  font-style:italic;
  margin-top: 10px;
  display: inline-block;
}
div.MessageContents {
 padding:5px;
}
div#MessageKeyGroup div.IncomingMessageContent, div#MessageKeyGroup div.OutgoingMessageContent
{
  height: auto;
}
div#MessageKeyGroup div.MessageContents
{
  margin-top: 5px;
}
/* End of specific styles for the Current Details tab */


/* My social housing tab */

input.StatusChangeCancelBtn
, input.StatusChangeConfirmBtn {
  width: 250px;
  display: inline-block;
  margin-top: 0;
}

/* End My social housing 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;
}

table.PropertyMediaTable {
  width: 480px;
}
/* END MX-Form manager - upload picture */

/* MX-Form manager */
#MXApplicationFieldSummary, #MXUploadPhoto , #MXEditAppFormGroup, #MXAdvertBeingAdvertised, #MXAdvertLink,
#MXShortlistLink, #MXBidsLink, #MXUnsuccessfulBidsLink, #MXShowShortlistLink, #MXRejectedPeopleLink, #MXRejectedExchangesLink, #MXReturnToMyMXLink ,
#MXWithdrawButton, #MXExtendAdvertButton {
  margin-top: 5px;
  margin-bottom: 10px;
}

#MXWithdrawButton DIV, #MXExtendAdvertButton DIV {
  margin-top: 3px;
}

div.MXState, div.HRAState {
  display: inline;
  float: right;
  font-weight: bolder;
  color: #f90;
  position: relative;
  top: -3em;
  width:inherit;
}

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





#MXBidsNominatedLink {
  background-color:#F3D2BE;
  border:1px solid #BF522A;
  color:#BF522A;
  padding-top:10px;
  padding-bottom:10px; 
  margin: 5px 0;
  height: 40px;
}

#IconMXShortlist {
  background-image: url('/Allocations/Images/grey/MXIcon_small.png');
}

#IconBidsNominated {
  background-image:url(/Allocations/Images/grey/Next.png);
}

#IconCurrentMatches {
  background-image:url(/Allocations/Images/grey/Property-Bid.png);
}

DIV#MXNewBidsSinceLoginGroup 
{
  background-color: #FFF0F5;
  border: 1px solid #FFC0CF;
    
  padding: 3px;   
  background-image: none;
  
  margin-top: 5px;
  margin-bottom: 5px;  
}
DIV#MXNewBidsSinceLoginGroup DIV.FormField {
  margin-top: 14px;
  margin-bottom: 10px;
}
DIV#IconMXNewBids {
  background-image: url('/Allocations/Images/SmallSymbolInformation.gif');
  background-repeat: no-repeat;
  background-position: 8px 12px;
}

DIV#MXTwoWayMatchedPropertiesGroup 
{
  border-top: 1px solid #C9C9C9;
  margin-top: 5px;
  margin-bottom: 10px;
}
DIV#MXTwoWayMatchedPropertiesGroup DIV#MXTwoWayMatchedPropertiesText, DIV#MXTwoWayMatchedPropertiesGroup DIV#MXTwoWayMatchedPropertiesLink
{
  margin-top: 5px;
  margin-bottom: 10px;
}

DIV#MXTwoWayMatchedPropertiesGroup 
{
  border-top: 1px solid #C9C9C9;
  margin-top: 5px;
  margin-bottom: 10px;
}
DIV#MXShortlistLink DIV#MXShortlistText
{
  margin-top: 5px;
  margin-bottom: 10px;
}
DIV#ExtendMXAdvert DIV.DescriptiveText
{
  margin-bottom: 10px;
}
/* END MX-Form manager */

/* MX Shortlist styles */

DIV.PropertyShortlist_Container {
  width: 100%;
  height: auto;
/*  overflow: visible;*/
}

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

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

div#SectionMessageDetails label,
div#SectionMessageDetails div.PropertyShopIcon {
  display: none;
}
div#SectionMessageDetails div.DescriptiveText,
div#SectionMessageDetails label,
div#SectionMessageDetails textarea,
div#SectionMessageDetails input.SubmitButton {
  float: none;
  margin: 5px;
  width: auto;
}
div#IconMessages {
  margin-top: 0;
}
div.PropertyShortlist_ControlNominate,
div.PropertyShortlist_ControlSkip,
div.PropertyShortlist_ControlContact,
div.PropertyShortlist_ControlCancel,
div.PropertyShortlist_ControlApproveNomination,
div.PropertyShortlist_ControlReject,
div.PropertyShortlist_ControlUndoSkip,
div.PropertyShortlist_ControlUndoRejection {
  width: 145px;
  margin-bottom: 10px;
  margin-left: 5px;
}
div.PropertyShortlist_ControlNominate img,
div.PropertyShortlist_ControlSkip img,
div.PropertyShortlist_ControlContact img,
div.PropertyShortlist_ControlCancel img,
div.PropertyShortlist_ControlApproveNomination img,
div.PropertyShortlist_ControlReject img,
div.PropertyShortlist_ControlUndoSkip img,
div.PropertyShortlist_ControlUndoRejection img {
  width: 32px;
  margin-bottom: 10px;
  margin-left: 5px;
}


div.PropertyShortlist_ControlNominate *,
div.PropertyShortlist_ControlSkip *,
div.PropertyShortlist_ControlContact *,
div.PropertyShortlist_ControlCancel *,
div.PropertyShortlist_ControlApproveNomination *,
div.PropertyShortlist_ControlReject *,
div.PropertyShortlist_ControlUndoSkip *,
div.PropertyShortlist_ControlUndoRejection * {
  vertical-align: middle;
  line-height: 2.2em;
  white-space: nowrap;
}
TD.PropertyShortlist_Controls  A SPAN.PropertyShortlist_ControlText {
  margin-left: 5px;
}
div#MX_NOMINATEDAWAITINGCONFIRMATION {
  margin: 0;
  width: auto;
}

div#MX_ConfirmCancelMessage,
div#MX_EXISTINGNOMINATION,
div#MX_ConfirmSkipMessage,
div#MX_ConfirmRejectMessage
{
  background-image: url(/awf/icons2/DeleteIcon.png);
  border: 1px solid #FF8484;
  background-color: #FFDFDF; 
  margin: 10px 0;
}

div#MX_ConfirmationCancelMessage,
div#MX_ConfirmNominateMessage,
div#MX_ConfirmationNominateMessage,
div#MX_ConfirmationSkipMessage,
div#MX_ConfirmationUnskipMessage,
div#MX_ConfirmationApproveNominationMessage,
div#MX_ConfirmationRejectMessage,
div#MX_ConfirmApproveNominationMessage,
div#MX_ConfirmUnskipMessage,
div#MX_ConfirmUndoRejectionMessage,
div#MX_ConfirmationUndoRejectionMessage
{
  background-image: url(/awf/icons2/SymbolCheck.png);
  border: 1px solid #99FF33;
  background-color: #ECFFD9; 
  margin: 10px 0;
}

div#MX_CONFIRMCANCELLATIONMESSAGE,
div#MX_CONFIRMNOMINATIONMESSAGE,
DIV#MXNewBidsSinceLoginGroup,
DIV.InformationDiv 
{
  background-image: url(/awf/icons2/SymbolInformation.png);
  border: 1px solid #69c5ed;
  background-color: #D3EDFA; 
  margin: 10px 0;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  text-indent: 0;
  height: auto;
  padding: 0;
}

div#MX_ConfirmCancelMessage  DIV,
div#MX_EXISTINGNOMINATION  DIV,
div#MX_ConfirmSkipMessage  DIV,
div#MX_ConfirmRejectMessage  DIV,
div#MX_ConfirmationCancelMessage  DIV,
div#MX_ConfirmNominateMessage  DIV,
div#MX_ConfirmationNominateMessage  DIV,
div#MX_ConfirmationSkipMessage  DIV,
div#MX_ConfirmationUnskipMessage  DIV,
div#MX_ConfirmationApproveNominationMessage  DIV,
div#MX_ConfirmationRejectMessage  DIV,
div#MX_ConfirmApproveNominationMessage  DIV,
div#MX_ConfirmUnskipMessage  DIV,
div#MX_ConfirmUndoRejectionMessage  DIV,
div#MX_ConfirmationUndoRejectionMessage  DIV,
div#MX_CONFIRMCANCELLATIONMESSAGE  DIV,
div#MX_CONFIRMNOMINATIONMESSAGE  DIV,
DIV#MXNewBidsSinceLoginGroup  DIV,
DIV.InformationDiv  DIV
{
  position: relative;
  left: 44px;
  width: 90%;
  display: block;
  padding: 11px 0;
  margin: 0;
}

div.PropertyShortlist_Container DIV.InformationDiv {
  background-image: url("/AWF/Icons/SmallSymbolInformation.gif");
  text-indent: 25px;
  padding: 5px;
}

DIV#MXNewBidsSinceLoginGroup div.formfield {
  position: relative;
  left: 44px;
  width: 90%;
  display: block;
  padding: 11px 0;
  margin: 0;
}

div#MXShortlistGroup input {
  background-color:#E7E3E5;
  border:1px solid #A49CA0;
  color:#525252;
  margin: 0 10px 10px 0;
  width: 350px;
}

th.CORE_PropertyRequestWithdrawal_Withdraw {
  width: 80px;
}
table.CORE_PropertyRequestWithdrawal_Table td {
  border-right: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  padding: 0 10px;
}

/* Specific styles for various buttons*/
INPUT#cmdApplyNow, INPUT#cmdApplyYes, INPUT#cmdApplyNo, INPUT.CORE_PropertyRequestWithdrawal_Button
{
  background-repeat: no-repeat;
  background-position: 4px 4px;
  padding-left: 20px;
  width: 410px;
}
INPUT#cmdApplyYes {
  background-image: url(/Allocations/Images/SmallSymbolCheck.gif);
}
INPUT#cmdApplyNo {
  background-image: url(/Allocations/Images/SmallSymbolCross.gif);
}




div#MXShortlistGroup Select#LookupID {
  margin-top:20px;
  margin-bottom:8px;
}

DIV#MXShortlistGroup DIV.InformationDiv DIV.ConfigurableMessage_text
{
  padding-left:5px;
  padding-top:6px;
  padding-bottom:5px;
}

DIV.MasterTable
{
  padding-bottom: 0;  
}

DIV.MasterTable DIV.ConfigurableMessage_text
{
  padding-bottom: 10px;
}

DIV#MXShortlistTable
{
  margin-top:20px;
}
DIV.MasterTable input {
  width: 230px;
}











TABLE.PropertyShortlist_Table TD.PropertyShortlist_Controls DIV.InformationDiv
{
  padding-top:8px;
  padding-left:30px;
  text-indent:0px;
  width:auto;
  height: auto;
}

/* End of MX Shortlist styles */

/* MX Matching table style */
TABLE.TwoWayMatchesTable, TABLE.ThreeWayMatchesTable {
  /*border: 1px solid #737F70;*/
  border: 1px solid #808080;
  text-align: center; 
  border-collapse: collapse;
  margin-bottom: 30px;
  /*width:100%;*/
}
TABLE.TwoWayMatchesTable TD, TABLE.ThreeWayMatchesTable TD {
  border-top: 1px solid #808080;  
  border-bottom: 1px solid #808080;
}
TABLE.TwoWayMatchesTable TH ,TABLE.ThreeWayMatchesTable TH {
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080; 
}
TABLE.TwoWayMatchesTable TH, TABLE.ThreeWayMatchesTable TH {
  /*background-color: #C9C98C;*/
  background-color: #E3E3E3;
}
/*
TABLE.TwoWayMatchesTable TH.Heading_AdvertSummary {
  width: 220px;   
}
TABLE.TwoWayMatchesTable TD.Data_AdvertSummary {
  width: 220px;   
}
*/
TABLE.TwoWayMatchesTable TH.Heading_Area,
TABLE.TwoWayMatchesTable TH.Heading_Bedrooms,
TABLE.TwoWayMatchesTable TH.Heading_PropertyType,
TABLE.TwoWayMatchesTable TH.Heading_MatchCount,
TABLE.ThreeWayMatchesTable TH.Heading_Area,
TABLE.ThreeWayMatchesTable TH.Heading_Bedrooms,
TABLE.ThreeWayMatchesTable TH.Heading_PropertyType,
TABLE.ThreeWayMatchesTable TH.Heading_MatchCount
{
  width: 80px;    
}
/*
TABLE.TwoWayMatchesTable  TR.Row_ChangeInMatch {
  background-color: #FFFFFF;  
}
TABLE.TwoWayMatchesTable  TR.Row_ChangeInMatch  TD{
  border-bottom: 2px solid #808080;   
}
*/
TABLE.TwoWayMatchesTable  TR, TABLE.ThreeWayMatchesTable  TR {
  height: 35px;
}
TABLE.TwoWayMatchesTable  TR.RowEven, TABLE.ThreeWayMatchesTable  TR.RowEven {
  /*background-color: #E0E0BE;*/
  background-color: #FFFFFF;
}
TABLE.TwoWayMatchesTable  TR.RowOdd, TABLE.ThreeWayMatchesTable  TR.RowOdd { 
  /*background-color: #FFF5AE;*/
  background-color: #F0F0F0;
}

TABLE.TwoWayMatchesTable TD SPAN.TwoWayMatch_Links, TABLE.ThreeWayMatchesTable TD SPAN.ThreeWayMatch_Links {
  display: none;
}

TABLE.TwoWayMatchesTable TD SPAN.TwoWayMatch_Icons, TABLE.ThreeWayMatchesTable TD SPAN.ThreeWayMatch_Icons {
  display: none;
}

DIV.TwoWayMatchesKey, DIV.ThreeWayMatchesKey {
  border: 1px solid #D0C8CC;
  margin-bottom: 20px;
  padding: 3px;
}
DIV.TwoWayMatchesKey DIV.KeyHeader, DIV.ThreeWayMatchesKey DIV.KeyHeader {
  width: 100%;
  margin-bottom: 5px;
  font-weight: 800;
}
DIV.TwoWayMatchesKey DIV.KeyItem, DIV.ThreeWayMatchesKey DIV.KeyItem {
  width: 100%;
  vertical-align: top;
  border-top: 1px dotted #D0C8CC;
}
DIV.TwoWayMatchesKey DIV.KeyText, DIV.ThreeWayMatchesKey DIV.KeyText {
  width: 85%;
  display: inline;
  vertical-align: top;  
  padding-top: 3px;
  padding-bottom: 3px;
}
DIV.TwoWayMatchesKey IMG, DIV.ThreeWayMatchesKey IMG {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px; 
}

/* End of MX Matching table style */

/* Universal Application online forms */

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

/* End of Universal Application online forms */



TABLE.PropertyShortlist_Table TD.PropertyShortlist_Controls DIV.InformationDiv
{
  padding-top:8px;
  padding-left:30px;
  text-indent:0px;
  width:auto;
  height: auto;
}

/* End of MX Shortlist styles */

/* MX Matching table style */
TABLE.TwoWayMatchesTable, TABLE.ThreeWayMatchesTable {
  /*border: 1px solid #737F70;*/
  border: 1px solid #808080;
  text-align: center; 
  border-collapse: collapse;
  margin-bottom: 30px;
  /*width:100%;*/
}
TABLE.TwoWayMatchesTable TD, TABLE.ThreeWayMatchesTable TD {
  border-top: 1px solid #808080;  
  border-bottom: 1px solid #808080;
}
TABLE.TwoWayMatchesTable TH ,TABLE.ThreeWayMatchesTable TH {
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080; 
}
TABLE.TwoWayMatchesTable TH, TABLE.ThreeWayMatchesTable TH {
  /*background-color: #C9C98C;*/
  background-color: #E3E3E3;
}
/*
TABLE.TwoWayMatchesTable TH.Heading_AdvertSummary {
  width: 220px;   
}
TABLE.TwoWayMatchesTable TD.Data_AdvertSummary {
  width: 220px;   
}
*/
TABLE.TwoWayMatchesTable TH.Heading_Area,
TABLE.TwoWayMatchesTable TH.Heading_Bedrooms,
TABLE.TwoWayMatchesTable TH.Heading_PropertyType,
TABLE.TwoWayMatchesTable TH.Heading_MatchCount,
TABLE.ThreeWayMatchesTable TH.Heading_Area,
TABLE.ThreeWayMatchesTable TH.Heading_Bedrooms,
TABLE.ThreeWayMatchesTable TH.Heading_PropertyType,
TABLE.ThreeWayMatchesTable TH.Heading_MatchCount
{
  width: 80px;    
}
/*
TABLE.TwoWayMatchesTable  TR.Row_ChangeInMatch {
  background-color: #FFFFFF;  
}
TABLE.TwoWayMatchesTable  TR.Row_ChangeInMatch  TD{
  border-bottom: 2px solid #808080;   
}
*/
TABLE.TwoWayMatchesTable  TR, TABLE.ThreeWayMatchesTable  TR {
  height: 35px;
}
TABLE.TwoWayMatchesTable  TR.RowEven, TABLE.ThreeWayMatchesTable  TR.RowEven {
  /*background-color: #E0E0BE;*/
  background-color: #FFFFFF;
}
TABLE.TwoWayMatchesTable  TR.RowOdd, TABLE.ThreeWayMatchesTable  TR.RowOdd { 
  /*background-color: #FFF5AE;*/
  background-color: #F0F0F0;
}

TABLE.TwoWayMatchesTable TD SPAN.TwoWayMatch_Links, TABLE.ThreeWayMatchesTable TD SPAN.ThreeWayMatch_Links {
  display: none;
}

TABLE.TwoWayMatchesTable TD SPAN.TwoWayMatch_Icons, TABLE.ThreeWayMatchesTable TD SPAN.ThreeWayMatch_Icons {
  display: none;
}

DIV.TwoWayMatchesKey, DIV.ThreeWayMatchesKey {
  border: 1px solid #D0C8CC;
  margin-bottom: 20px;
  padding: 3px;
}
DIV.TwoWayMatchesKey DIV.KeyHeader, DIV.ThreeWayMatchesKey DIV.KeyHeader {
  width: 100%;
  margin-bottom: 5px;
  font-weight: 800;
}
DIV.TwoWayMatchesKey DIV.KeyItem, DIV.ThreeWayMatchesKey DIV.KeyItem {
  width: 100%;
  vertical-align: top;
  border-top: 1px dotted #D0C8CC;
}
DIV.TwoWayMatchesKey DIV.KeyText, DIV.ThreeWayMatchesKey DIV.KeyText {
  width: 85%;
  display: inline;
  vertical-align: top;  
  padding-top: 3px;
  padding-bottom: 3px;
}
DIV.TwoWayMatchesKey IMG, DIV.ThreeWayMatchesKey IMG {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px; 
}

/* End of MX Matching table style */

/* Universal Application online forms */

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

/* End of Universal Application online forms */


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

.FieldPendingUpdate span {
  max-width: 330px;
}

.FieldPendingUpdateOriginal {
  border: 1px solid #C9C9C9;
  background-color: #E3E3E3;
  padding: 2px;
}
/*areas of pref page*/
div.AreaSaveButtonDiv .FieldPendingUpdateOriginal {
  display: block;
  width: 680px;
  margin-bottom: 4px;
}

.FieldPendingUpdateOriginal SELECT
{
  background: #fff;
  color: #000;
}

DIV.FormPendingUpdateMsg, DIV.FormPendingUpdateApprovalMsg {
  border: 1px solid #39f;
  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: 575px;
  min-height: 40px;
  float: left;
}

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



/* Online application form styles */
.FormTable form {
  margin: 0px;
}
.FormTable H1 {
  font-family: Verdana, Arial;
  font-size: 120%;
}
.FormTable div.FormControl {
  text-align: center;
  width: 620px;
}

.FormTable div.FormControl input {
  width: 200px;
}
/*
.FormTable div.FormControl input#btnTopNavigation,
.FormTable div.FormControl input#btnBottomNavigation,
.FormTable div.FormControl input#btnTopNavigation_Next,
.FormTable div.FormControl input#btnBottomNavigation_Next {
  float: left;
  display: inline;
}
*/
.FormTable hr.FormHR {
  width: 80%;
  display: block;
  float: left;
  clear: left;
  margin: 10px 0 5px 10%;
  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 table#HouseholdMemberList th#hhm_EditDelete {
  width: 110px;
}
.FormTable #HouseholdMemberDelete {
  width: 58px;
}
.FormTable #HouseholdMemberEdit {
  width: 42px;
}
/* end tables */

.FormTable div.FormTable h1 {
  margin: 0;
  padding: 2px;
  font-size: 120%;
  text-align: center;
}
.FormTable .TextField, .FormTable .SelectField {
  font: 1em Verdana;
}
.FormTable .FormGroup {
  padding: 0 10px 10px 10px;
  display: block;
  clear: left;
  margin: 10px 0;
  width: 600px;
}

.FormTable fieldset.FormGroup div.FormTable fieldset.FormGroup {
  padding: 0 10px 10px 10px;
  display: block;
  clear: left;
  margin: 10px 0;
  width: 575px;
}

.FormTable .FormGroup legend {
  font-weight: bold;
  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: 98%;
  float: left;
}
.FormTable div.FieldError {
  background: #FFF0F5;
  border: 1px solid Red;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 2px 5px;
  width: 98%;
}
.FormTable div.FormError ul {
  letter-spacing: 1.2px;
}
.FormTable label.FormLabel, .FormTable span.FormLabel {
  width: 230px;
  display: inline-block;
  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;
  width: 98%;
  display: block;
}
.FormTable div.FormDescriptiveText ul {
  letter-spacing: 1.1px;
}

.FormTable input.FormButton {
  margin-bottom: 10px;
}
.FormTable div.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 div.FormGridCell, .FormTable div.HangingIndent {
  width: 195px;
  padding: 0;
  display: block;
}
.FormTable input {
  vertical-align: middle;
}
.FormTable div.FormProperty {
  padding-top: 4px;
  display:block;
  clear: both;
  float: left;
  width: auto;
}
.FormTable div.FormProperty,
.FormTable div.FieldError {
  width: 600px;
}
fieldset.FormGroup fieldset.FormGroup div.FormProperty,
fieldset.FormGroup fieldset.FormGroup div.FieldError {
  width: 575px;
}
.FormTable div div.FormGridCell div.HangingIndent label, .FormTable .FormField label {
  font-weight: normal;
}
input.TextField {
  max-width: 320px;
}
.FormTable div, .FormTable span {
  float: left;
  width: auto;
}

/*page progress bar*/

div.PageNavigationSummary {
  font-size: 76%;
  margin-top: 10px;
  width: 630px;
  text-align: center;
}
div.Description {
  text-align: center;
}
div.PagePositionAndCount {
  text-align: center;
}
div.Bar {
  height: 26px;
  padding: 0 0 0 11%;
  margin: 2px 0;
}
span.Page {
  display: block;
  float: left;
  border: none;
  height: 18px;
  padding: 0;
  margin: 2px 1px;
  width:inherit;
}
/* 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; border: 1px solid red; }   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.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 {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 600px;
}
tr.AddressHistoryHeaderRow td, tr.AddressHistoryFooterRow td, tr.AddressHistoryHeaderRow td#AddressHistoryHouseholdMembers {
  text-align: left;
  padding: 3px;
  font-size: 80%;
  font-weight: bold;
}

tr.AddressHistoryHeaderRow th {
  background-color: #D3D3D3;
}

tr.AddressHistoryFooterRow td {
  text-align: right;
}
td.AddressHistoryAddressCell, td.AddressHistoryHouseholdMembersCell {
  font-size: 80%;
  text-align: left;
}
td.AddressHistoryHouseholdMembersCell table {
  font-size: 90%;
  text-align: left;
}
td.AddressHistoryDates {
  text-align: right;
  padding-right:20px;
}

td.AddressHistoryEditDatesCell {
  text-align: left;
  padding-bottom: 15px;
}

td.AddressHistoryEditDatesCell TABLE {
  margin-top: 4px;
}

td.AddressHistoryEditDatesCell TABLE TD{
  padding-top: 0px;
}

 td.AddressHistoryEditHMCell {
  padding-bottom: 15px;
}

td.AddressHistoryHouseholdMembersColumn {
  padding-top: 20px;
}

td.AddressHistoryEditButton
{
  text-align: left;
  font-size: 80%;
}
td.AddressHistorySaveButton, td.AddressHistoryDeleteButton, td.AddressHistoryCancelButton {
  text-align: center;
  font-size: 80%;
}
table.AddressHistoryEditPane {
  margin-top: 10px;
  margin-bottom: 20px;
}

table.AddressHistoryEditPane TD {
  padding-top: 4px;
  padding-right: 10px;
}
table.AddressHistoryEditPane TD label.FormLabel {
  min-width: 220px;
}

tr.AddressHistoryLine {
  height: 1px;
  background-color: #cecece;
}
table.AddressHistoryEditPane tr.AddressHistoryLine td {
  padding: 0;
}
tr.AddressHistoryRow {
  background-color: White;
}
input.AddressHistoryButton, input.FormButton, input.Btn, .SubmitBtn {
  margin-bottom: 2px;
}

select#AreaID, select#selectedAreas, select#selectedAreas2, fieldset.PropertySearchFieldset div.FormProperty select#AreaID {
  height: 300px;
  border: 1px solid #777;
}
div.FormProperty select#AreaID, div.FieldError select#AreaID {
  height: auto;  /* LB 29/09/2008 added this fix because it breaks on the MX form on firefox/safari setting the height to 300px */
}
fieldset.PropertySearchFieldset div.FormProperty select#AreaID {
  width: 255px;
}

#PropertySearchInvalid {
  width: 560px;
}

/* login page */
div#LogonSuccessfulMessage3 span {
  width: 100%;
  text-align: left;
}
/* end login page */

/* For areas of preference */
fieldset#FG_13306 select#LocalAuthorityID
, fieldset#FG_13306 select#RegionID
, fieldset#FG_13306 select#AreaID
, fieldset#FG_13306 select#selectedAreas 
, fieldset#FG_98 select#LocalAuthorityID
, fieldset#FG_98 select#RegionID
, fieldset#FG_98 select#AreaID
, fieldset#FG_98 select#selectedAreas 
{
  width: 150px;
}

/* end For areas of preference */

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

td.AddressHistoryApplySameToAll {
  text-align: left;
  padding-top: 20px;
}
/* End of Address History styles*/


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


/* Warning and Error message styles */
.WarningMsg, .ClientTabGroupAlert {
  font-style: normal;
  background-color: #fcf;
  border: 1px solid #606;
  color: #606;
  background-image: url('/Allocations/Images/warning.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  padding: 10px 5px 10px 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: auto;
  display: block;
}

.ClientTabSelected .ClientTabGroupAlert h4, .ClientTabSelected .ClientTabGroupAlert h5{
  padding-top:0px;
}

.ErrorMsg {
  font-style: normal;
  font-weight: 700;
  background-color: #fcc;
  border: 1px solid #c03;
  color: #f00;
  background-image: url('/AWF/Icons2/SymbolError.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  padding: 12px 5px 12px 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: auto;
  /*height: 40px;*/
  display: block;
}

.DBUpdateMsg {
  font-size: 1em;
  text-align: left;
  background-color: #CCFF99;
  border: 1px solid #99CC00;
  background-image: url('/AWF/Icons2/SymbolCheck.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  padding: 12px 5px 12px 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: auto;
  /*height: 40px;*/
  display: block;
}

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

/* Contact Us Form - NOT logged in*/
div.PropertyShopContactUs {
  width: auto;
}
div.PropertyShopContactUs div.SectionHeader {
  font-weight: bold;
  margin-bottom: 10px;
}
div.PropertyShopContactUs div {
  width: auto;
  margin: 3px 0;
}
div.PropertyShopContactUs span {
  width: auto;
}
div.PropertyShopContactUs Label {
  display: inline-block;
  min-width: 190px;
  min-height: 25px;
  margin-right: 10px;
  vertical-align: top;
}
div.PropertyShopContactUs input#cmdSubmitForm {
  margin: 10px 0 10px 200px;
}
/* End of Contact Us Form - NOT logged in*/

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

/* Services styles */

.ServicesDetailContainer {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:600px;
  padding:10px;
}
.ServicesHeader {
  padding:10px;
  font-size: 1.1em;
  font-weight:bold;
  height:50px;
}
fieldset.ServiceGroup {
  padding: 5px;
  width: 500px;
  line-height: 140%;
  border-width:1px;
  border-style:solid;
}
fieldset.ServiceGroup legend {
  margin-bottom: 5px;
  font-weight: 700;
}
fieldset.ServiceGroupTop {
  padding: 5px;
  width: 500px;
}
fieldset.ServiceGroupTop legend {
  margin-bottom: 5px;
  font-weight: 700;
}

/* Garage areas */
#FP_277496 span select {
  height:150px;
}

/* Confirm correspondence details when bidding */
form#CorrespondenceAccept {
  display: block;
  width: 100%;
}

/* EHO wizard */

table.OptionsSummaryTable
{
  background-color:#fff;
}

table.OptionsSummaryTable th td
{
  font-weight:bolder;
}

table.OptionsSummaryTable td
{
  padding:5px;
}

DIV#IconPendingRenewalMessage
{
     background-image: url('/Allocations/Images/ClipboardWarning.png');
     margin:5px;
}

DIV#PendingRenewalMessage
{
  padding: 10px;
  background-color: #ffff99;
  border-color: #ffff00;
  border-style: solid;
}

DIV.PendingRenewalMessage h4
{
  font-weight:bold;
}
DIV#OnlineApplicationLinks table.MasterTable
{
  width:400px;
}
DIV#OnlineApplicationLinks table.MasterTable th
{
  text-align:left;
}


/* Extended Housing Options styles */
DIV.EHOWizardStep 
{
  width: 600px;
  background-color: #fff;
  float: left;
}
DIV.EHOWizardStepHeader {
  width: 600px;
  height: 30px;   
  background-color: #b5d6e3;
}
DIV.EHOWizardStepHeader IMG
{  
  vertical-align: top;
  margin-left: 5px;
  float: left;
  height: 30px;
  width: 30px;
}
DIV.EHOWizardStepHeader H3 
{
  vertical-align: middle;
  margin: 0;    
  padding-top: 0;
  text-indent: 10px;
  font-size: 16px;
  color: #204959;
  line-height: 30px;
}
DIV.EHOWizardStepContents
{
  padding: 5px 0;
  float: left;
  width:inherit;
}

DIV.EHOWizardStepContents H3  {
  margin-top: 0px;
  margin-bottom: 10px;
}
DIV.EHOWizardStepContents div.FormProperty {
  padding-top: 4px;
  width:100%;
  display:block;
  clear: both;
  float: left;
}

DIV.EHOWizardStepContents .FormProperty LABEL {
  width: 220px;
}

DIV.EHOWizardStepContents div.FormGridCell{
  width: 250px;
  padding: 0;
  display: block;
}

DIV.EHOWizardStepContents .FormTable div.HangingIndent {
  width: 500px;
  padding: 0;
  display: block;
}

DIV.EHOWizardStepContents .FormTable div.HangingIndent label{
  width:300px;
  display:block;
  text-align:right;
}
DIV.EHOWizardStepContents .FormTable div.HangingIndent span{
  padding-right:5px;
  padding-top:5px;
}

DIV.EHOWizardStep div.FormControl, DIV.EHOWizardStep div.FormControlTop
{
  padding: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 30px;
}

DIV.EHOWizardStep div.FormControlTop  #SaveBtn, DIV.EHOWizardStep div.FormControl #SaveBtn
{
  float:right;
  margin-right: 100px;
  width: 180px;
}

DIV.EHOWizardStep div.FormControlTop  #BackBtn, DIV.EHOWizardStep div.FormControl #BackBtn
{
  float:left;
  margin-left: 100px;
  width: 180px; 
}

LI.CurrentStep 
{
  list-style: square outside;
  list-style-type: square;
  font-weight:bold;
}

LI.ActiveStep 
{
  font-weight:bold;
}

DIV.InformationFooterDiv, DIV.InformationDiv 
{
  background-color:#FFF0F5;
  border:1px #Ffc0cf solid;
  background-image:url("/AWF/Icons/SmallPin.gif");
  background-position: 8px 8px;
  background-repeat: no-repeat;
  padding: 5px;
  padding-left: 32px;
  margin: 10px 0;
  width: auto;
  height: auto;
}

.WaitingTimeGrid
{
  background-color:White;
  Border:1px #CCCC99 solid;
}  

.WaitingTimeGrid td
{
  Border:1px #CCCC99 solid;
} 

div.ActionReferenceNumber
{
  padding:10px;
  margin:2px;
  font-size:1.1em;
  Border:2px #CC0000 solid;
}

div.ActionDetailedParagraph
{
  padding-bottom:10px;
}

div.EHOAttachments  {
  border: 1px dotted #CC9900;
  background-color: #E4E4CB;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.EHOAttachments  UL {
  margin-bottom: 0px;
  margin-left: 16px;
}

div.DetailedParagraph UL {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.WaitingTime {
  width: 600px;  
  background-image: url(/EHO/Icons/32/d-o-b.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 5px 0; 
  border: 1px solid #FFF000;
  background-color: #FFFF99;
}
div.WaitingTime p {
  margin: 0 8px 0 40px;
}

div.EHOAttachments  P.EHOAttachmentPDF {
  font-size: 80%;
  margin-bottom: 5px;
}

div.DownloadPDF {
  background-image: url(/EHO/Icons/32/save.png);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  padding-left: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  
  border: 1px dotted #CC9900;
  background-color: #E4E4CB;
}

div.EmailPDF, div.EmailPDFSent {
  background-image: url(/EHO/Icons/32/email.png);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  padding-left: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  
  border: 1px dotted #CC9900;
  background-color: #E4E4CB;
}


div.OptionEligibility {
  border: 1px solid #99FF33;
  background-color: #ECFFD9; 
  padding: 5px;
}

div.OptionIneligibility {
  border: 1px solid #FF8484;
  background-color: #FFDFDF; 
  padding: 5px;
  margin-top: 20px;
}

div.EHOExistingUserLogin, div.EHONewUser, div#NewLoginDetails {
  border: 1px solid #A7C358;
  background-color: #F8F8E4; 
  padding: 5px;
  position: relative;
  margin-bottom: 10px;
}

div#NewLoginDetails 
{
  border: 2px solid #BEE79C;
}

div.EHONewUser div.FormTable div.FieldError {
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 5px 0;
  text-align:left;
  border: 1px solid #CC9900;
  margin-left:0px;
  width: 98%;
}

 div.EHONewUser div.FormTable div.FieldError label.FormLabel {
  width:130px;
}


div.EHOExistingUserLogin H4,
div.EHONewUser H4
{
  background-image: url(/EHO/Icons/32/log-off.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #A7C358;
  height: 30px;
  line-height: 30px;
  padding-left: 40px;
  margin-top: 0;
  color: #396217;
}

div.EHOExistingUserLogin FIELDSET, div.EHONewUser FIELDSET, div.EHOExistingUser FIELDSET {
  border: none;
  background-color: transparent;
  width: 100%;
  padding: 0;
}

div.EHOExistingUserLogin FIELDSET LEGEND, div.EHONewUser FIELDSET LEGEND, div.EHOExistingUser FIELDSET LEGEND {
  display: none;
}

div.EHONewUser H4{
  background-image: url(/EHO/Icons/32/new-user.png);
}

div.EHONewUser FIELDSET .FormProperty LABEL {
  width: 130px;
}

/*
div#NewLoginDetails
{
  background-color:#C6E2FF;
  border:1px #6699CC solid;
  padding:10px;
  margin:10px;
}
*/

div.LogoutLinkMsg {
 /* border: 1px solid #CC9900;*/
  background-color: #E4E4CB; 
  padding: 5px 0;
  text-indent: 10px;
  float: left;
  margin: 10px 0 5px 0;
  display: block;
  width: 600px;
  background-image: url(/Allocations/Images/log-on.gif);
  background-position: 2px -1px;
  background-repeat: no-repeat;
  text-indent: 40px;
  line-height: 20px;
}

div.EHOIneligible, div.EHOEligible  {
  background-repeat: no-repeat;
  background-position: 3px 3px;
  margin-top: 10px;
  padding-left: 48px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-top: 3px;
}

div.EHOEligible  {
  background-image: url(/eho/images/MedSymbolCheck.gif);
  border: 1px solid #bfFF6f;
  background-color: #ECFFD9; 
}

div.EHOIneligible {
  background-image: url(/eho/images/MedSymbolDelete.gif);
  background-color:#FFF0F5;
  border:1px #Ffc0cf solid;
}

div.EHOIneligible P, div.EHOEligible  P {
  margin-top: 2px;
}

div.EHOEligibilityReasons {
  border: 1px dotted #C9C9C9;
  padding: 3px;
  margin-top: 10px;
}

div.ActionAddtitionalActionPlanSummaryText
{
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid #B5D6E3;
  background-color: #D6E8EF;
}

div.FeedbackDiv
{
  border: 1px solid #996600;
  background-color:White;
}

/* Specific styles for certain steps */
DIV.EHOWorkAndTraining DIV.EHOWizardStepContents .FormProperty LABEL {
  width: 440px;
}

DIV.EHOWorkAndTraining DIV.EHOWizardStepContents .FormProperty SPAN {
  width: 120px; 
}

DIV.EHOWorkAndTraining DIV.EHOWizardStepContents  DIV#UnemployedText {
  font-style: italic;
}

DIV.EHOMoreWorkAndTraining DIV.EHOWizardStepContents .FormProperty LABEL {
  width: 320px;
}

DIV.EHOMoreWorkAndTraining DIV.EHOWizardStepContents .FormProperty SPAN {
  width: 120px; 
}

DIV.EHOCurrentHome DIV.EHOWizardStepContents .FormProperty LABEL {
  width: 360px;
}

div.EHOCurrentHome div.FormTable div.FieldError label.FormLabel {
  width:350px;
}

DIV.EHOCurrentHome DIV.EHOWizardStepContents .FormProperty SPAN {
  width: 200px; 
}

div.EHOCurrentHome div.FormTable div.FieldError div.FormField {
  width:200px;
}

DIV.EHOFinancialDetails DIV.EHOWizardStepContents .FormProperty LABEL {
  width: 300px;
}

DIV.EHOFinancialDetails DIV.EHOWizardStepContents .FormProperty SPAN {
  width: 260px; 
}

DIV.EHOAdditionalSupport div.FormGridCell, .FormTable div.HangingIndent {
  width: 500px;
}

DIV.EHOAdditionalSupport DIV.EHOWizardStepContents .FormTable div.HangingIndent label{
   text-align: left;
}

DIV.EHOSocialHousingBand DIV.EHOWizardStepContents .FormProperty LABEL {
  width: 420px;
}

DIV.EHOSocialHousingBand DIV.EHOWizardStepContents .FormProperty SPAN {
  width: 120px; 
}

table.SHWaitingTimeGrid
{
  background-color: White;
  border:1px #D0C8CC solid;
  width:400px;
  margin-left: 40px;
  margin-top: 10px;
}

table.SHWaitingTimeGrid th
{
  border:1px #D0C8CC solid;  
  text-align: left;
}
table.SHWaitingTimeGrid td
{
  border:1px #D0C8CC solid;
}

table.SHWaitingTimeGrid tr.HighlightBand {
  background-color:#CCFFCC;
}

div.BandingParagraph
{
  border:1px #99CC99 solid;
  display:block;
  margin-bottom:10px;
  margin-top:10px;
  padding:5px;
  background-color:#CCFFCC;
}

div.BandingParagraph UL {
  margin-bottom: 0px;
}

div.BandingParagraph span.BandName, table.SHWaitingTimeGrid tr.HighlightBand
{
  font-weight:bold;
  color:#990000;
}

DIV.EHOSharedOwnershipAffordability {
  margin-top: 10px;
  margin-bottom: 10px;
}

DIV.EHOSharedOwnershipAffordability SPAN.SharedOwnershipMortgage
, DIV.EHOSharedOwnershipAffordability SPAN.SharedOwnershipTotalMortgage
, DIV.EHOSharedOwnershipAffordability SPAN.SharedOwnershipRentPayment
, DIV.EHOSharedOwnershipAffordability SPAN.SharedOwnershipMortgagePayment {
  font-weight: 700;
}

DIV.EHOWizardStepContents  div.ServicesSearchResults  {
  margin-bottom: 10px;
}

DIV.EHOWizardStepContents  div.ServicesDetailContainer, DIV.EHOWizardStepContents  div.ServicesSearchContainer {
  border: none;
}

DIV.EHOWizardStepContents  div.ServicesHeader {
  color: #000000;
  background-color: #B5D6E3;
}

DIV.EHOWizardStepContents  div.ServicesButtonTopDiv {
  width: 95%;
}


div.WaitingTimePlaceholder
{
  width:600px;
  /*text-align:center*/
  padding-left: 100px;
  /*(because for some reason the content is hard-coded 400px wide, and text-align doesn't work on tables in firefox)*/
}
  
div.ExtraQuestions input#cmdUpdateSubmit {
  text-align: center;
  margin-left: 230px;
}
/* End Of Extended Housing Options styles */


/* Google maps */
.AdvertMap, .AdvertNoMap {
  width: 550px;
  height: 600px;
  margin: 10px;
  border: 1px solid #CCCCCC;
  background-image: url(/EHO/Icons/Map/MapScreenshot.png);
  background-repeat: no-repeat;
  background-position: center;
}

.AdvertMapSpacer {
  display: none;
  height: 600px;
  width: 1px;
  clear: right;
}

.AdvertMapLarge {
  width: 550px;
  height: 600px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
  background-repeat: no-repeat;
  background-position: center;
  clear: right;
  float: left;
}

.AdvertMapPropertyList {
  width: 300px;
  padding: 2px;
  margin-top: 15px;
  margin-bottom: 10px;
  display: inline;
}

.AdvertMapPropertyList DIV {
  padding: 5px 0;
}

.AdvertMapLegend {
  width: 100%;
  margin-bottom: 200px;
}

.AdvertMap h3.Popup, .AdvertNoMap h3.Popup , .AdvertMap p.Popup, .AdvertNoMap p.Popup
{
  vertical-align:text-top  ;
  padding-top:20px;
  font-size:1.4em;
  font-weight:bold;
  color:Red;
  display:inline ;
}

.AdvertMap img.TitleImage, .AdvertNoMap img.TitleImage {
  display:inline ;
  float:left;
  width:inherit;
}

table.GoogleMapKey
{
  background-color:#FFF;
  border: 1px #CCC solid;
}

table.GoogleMapKey td, table.GoogleMapKey th
{
  border:1px #CCC solid;
}
div#DivBackendMenu 
{
  width:300px;
}
.ClientTabSelected div.IconOutGoing {
   background-image: url('/Allocations/Images/grey/next.gif');
}

.ClientTabSelected div.IconIncoming {
   background-image: url('/Allocations/Images/grey/previous.gif');
}

.ClientTabSelected div.OutgoingMessageContent
{
  background-color:#DEE7C6 ;
  border:solid 1px #C6D29F; 
  margin-bottom:5px;
}

.ClientTabSelected div.IncomingMessageContent
{
  background-color: #CEF7F7;
  border:solid 1px #92E4E8; 
  margin-bottom:5px;
}
.ClientTabSelected #DisplayConfirmationMessage
{
  background-color:#FFFF99 ;
  border:solid 1px #CCCC33; 
  margin-bottom:5px;
}
.ClientTabSelected #SectionPersonalDetails,
.ClientTabSelected #SectionMessageDetails
{
  background-color:#F4ECBD;
  border:solid 1px #CCBE70; 
  float: none;
  padding: 5px;
  width: 98%;
}
.ClientTabSelected #SectionPersonalDetails *,
.ClientTabSelected #SectionMessageDetails *
{
  float: none;
}
.ClientTabSelected #AgencyContactMessage
{
  background-color:#DBE1C6 ;
  border:solid 1px #BDC998; 
  float: none;
  width: 100%;
  height: auto;
  min-height: 36px;
}

.ClientTabSelected div.ClientMessageReceived
{
  background-color:#F7D6BD ;
  border:solid 1px #E9A673; 
  margin-bottom: 8px;
}
.ClientTabSelected div.IconNewMessage {
   background-image: url('/Allocations/Images/grey/mymessages.gif');
}
.ClientTabSelected div.MessageActionLinks
{
text-align:right;
}

.FormGroupTable
{
  width: 700px;
}


.FormGroupTitleFiller
{
  display:none;
}

.FormGroupTableContent
{
  clear: left;
}

/*  Area of Preference and Local connection styles */
fieldset#FG_13306,
fieldset#FG_13307,
fieldset#FG_98 {
  width: 720px;
}

.TopLevelFilter
{
  float:left;
  width:160px;
}

.RegionFilter
{
  float:left;
  width:160px;
}

.AreaList
{
  float:left;
  width:160px;
}

.SelectedAreas
{
  float:left;
  width:160px;
  clear:right;
  margin-left:0px;
}

.SubmitAreaConnectionCell
{
  width:140px;
}

span#AOPClientName
{
  display: block; 
  float: left;
  clear: left;
  padding: 5px;
  width: 100%;
}

.LocalConnectionButton
{
  width:140px;
}

span.FormGroupTitleTable#AreaTitleTable
{
  padding: 2px; 
  margin: 1px;
}

span.FormGroupTitleFiller#AreaTitleFiller
{
  border-bottom: 1px dashed #C8C8C8;
}

span.FormGroupTableContent#AreaTableContent
{
  display: block; 
  padding: 5px;
}

span.FormGroupTitleTable#RegionTitleTable
{
  float:left;
  width:inherit;
}


span.AreaSelectorTitleTable, label.AreaSelectorTitleTable
{
  padding: 2px; 
  margin: 1px;
  /*font-weight:bold;*/
}

span.AreaSelectorTitleFiller
{
  border-bottom: 1px dashed #C8C8C8;
  display: block;
  margin: 0 10px;
  float: left;
  clear: left;
  width: 100%;
}

span.AreaSelectorTableContent
{
  display: block; 
  padding: 5px;
  float: left;
  clear: left;
  width: auto;
}

span.AreaSelectorTableContentButtons{
  display: block; 
  padding: 5px;
  float: left;
  width: auto;
  clear: left;
}

span.AreaSelectorTitleTable, label.AreaSelectorTitleTable
{
  display: block; 
  width:inherit;
  float: left;
  clear: left;
}

span.AreaSelectorSpacer{
  float:left;
  width:inherit;
}
.AddRemoveButtons
{
  float:left;
  width: auto;
}

.SubmitAreaLocalConnectionBtn, .AddLARegionBtn
{
  width:140px;
}

.AreaSaveButtonDiv
{
  border-top: 1px dashed #C8C8C8; 
  clear:left; 
  text-align: right; 
  padding: 5px;
  display:inline;
  width:100%;
  text-align:left;
}

.SubmitBtn#cmdAddWholeRegionAreaLocalConnection {
  width:150px;
}

div.FormTable#FT_5 fieldset,
div#divbtnBottomNavigation,
div.FormPendingUpdateMsg,
div.PageNavigationSummary {
 /* position: relative;
  top: -90px;*/
}
div.FormTable#FT_5 fieldset fieldset {
  width: 580px;
}
/*div.FormTable#FT_5 label.FormLabel {
  float:left;
  width: auto;
}*/

div.FormTable#FT_5 div.FormProperty#AreaLocalConnectionToggleDiv div.FormField {
  float:left;
  width:inherit;
}

div.FormTable#FT_5 div.FormProperty#AreaLocalConnectionToggleDiv div.FormProperty#AreaLocalConnection div.FormField {
  clear:right;
}

div.FormTable#FT_5 div.HangingIndent {
  width:300px;
}


/*  End of Area of Preference and Local connection styles */

.SaveButtonDiv
{
  display: none;
}

/*  Style the Advert Type selection on the Property Search page */
DIV.AdvertTypeTable  div.FormGridCell DIV{
  height: 32px; 
}
DIV.AdvertTypeTable  div.FormGridCell SPAN.OptionGroupImageCell {
  background-color: #FFF;
}

DIV.AdvertTypeTable  div.FormField {
  float:left;
  width:inherit;
}

DIV.AdvertTypeTable div.FormField div.FormGridCell LABEL 
{
  float: none;
  padding-bottom: 00px;
  vertical-align: baseline;
  width:inherit;
}

/* Style the MX Match Suggestions on the Property Search Pages */
Div.MXMatchContainer
{ 
  width:550px;
  text-align:left; 
  vertical-align:middle;
} 

Div.MXMatchWrapper
{ 
  width:250px;
  text-align:left;
  vertical-align:middle;
} 

Div.MXMatchMyRequirement
{
  width:230px;
  text-align:left;
  vertical-align:middle;
  float:left;
}

Div.MXMatchTheirRequirement
{
  width:230px;
  text-align:left;
  vertical-align:middle;
  float:right;
}

Div.MXMatchName
{
  width:115px;
  text-align:left;
  vertical-align:middle;
  float:left;
}

Div.MXMatchType
{
  width:115px;
  text-align:left;
  vertical-align:middle;
  float:right;
}

Span.TwoWayMatch_Value
{
  width:30px;
  vertical-align:middle;
}

Span.TwoWayMatch_Label
{
  width:130px;
}

Span.TwoWayMatch_ValueNo
{
  color:#CC0000;
  vertical-align:middle;
}

Span.TwoWayMatch_ValueYes
{
  color:#009900;
  vertical-align:middle;
}

.PropertyshopBold
{
  font-weight:bold;
}
/* Styles for  */

img.RightHandImage {
  float: right;
  clear: right;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: auto;
}
img.LeftHandImage {
  float: left;
  clear: left;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: auto;
}

br.clearLeft {
  clear:left;
}  

/* My Garage Application Page */
SPAN.UneditableGarageApplicationMessage
{
  display:block;
  margin-bottom:20px;
}

SPAN.EditGarageApplicationLink
{
  display:block;
}
/* End of My Garage Application Page */