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

.HiddenHeader 
{
  display: none;
}

div#PropertyShopHeader {
  width:100%;
  float: left;
}

div#PropertyShopHeader H1 {
  display: none;
}

#PropertyShopLogo1 {
  background-repeat: no-repeat;
  float: left;
}

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

div#PropertyShopTopMenu {
  width: 100%;
  float: left;
}

div#PropertyShopTopMenu ul {
 position: relative;
 left: 220px;
 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;
  display: block;
  padding: 4px 10px 5px 10px;
}

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

div#PropertyShopleftMenu {
  margin: 0;
  float: left;
  clear: right;
  font-size: 90%;
  width: 220px;
  padding: 0;
  min-height: 10px;
}
div#PropertyShopleftMenu * {
  float: left;
}
div#browsealoudlogocontainer {
  margin: 10px;
  float: left;
  clear: left;
}
#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%;
}

div#PropertyShopContentContainer {
  float: left;
  max-width: 70%;
  padding: 10px;
}

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

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

#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;
}

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 blue;
  width: 98%;
}

/* 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;
}
/* 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;
  display:block;
  z-index:100;
}

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

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

.ClientTabGroup {
  padding:5px;
  margin-bottom:5px;
  /*float: left;*/
  width: 98%;
}

.ClientTabContent .FormButton {
  float:right;
}

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

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

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

.ClientTabSelected DIV.PropertyShopIcon {
  width:32px;
  height: 32px;
  background-repeat: no-repeat;
  display: inline;
  float: left;
  clear: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/grey/Search2.png');
}

.ClientTabSelected .FormDescriptiveText {
  padding-top: 5px;
  padding-bottom: 5px;
}
div#CurrentBidsGroup, div#PropertySearchBidsGroup, div#HistoricBidsLinkGroup {
  float: left;
  width: 98%;
}
.ClientTabSelected form {
/*
  float: left;
  width: 100%;
*/
}
/* 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 #IconMXAdvert {
  background-image: url('/Allocations/Images/grey/Property.png');
}

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

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

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

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

.ClientTabSelected #IconOutGoing {
  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%;
}

div#ActionsGroup a,
div#PropertySearchSupportFormGroup a
{
  line-height: 36px;
}

.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: 40px;
}

.ClientTabSelected div.PropertyAdvertType div.AdvertTypeIcon {
  width: 40px;
  background-color: #FFFFFF;
  padding: 4px;
}

.ClientTabSelected div.PropertyAdvertType div.AdvertTypeText {
  float: none;    
  padding-top: 10px;
}

.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');
}

#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 {
  display: inline-block;
  width: 280px;
}

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

DIV.ClientTabContent .HouseholdField LABEL {
  width: 280px;
}

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;
}
div.MessageContents {
 padding:5px;
}
div#MessageKeyGroup div.IncomingMessageContent, div#MessageKeyGroup div.OutgoingMessageContent
{
  height: 38px;
}
div#MessageKeyGroup div.MessageContents
{
  margin-top: 5px;
}
/* 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;
}

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  {
  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: #f90;
  position: relative;
  top: -3em;
}

div#ClientEHOExpiredGroup {
  background-color: #fcf;
  border: 1px solid #606;
  color: #606;
  padding: 3px;  
}
div#ClientEHOExpiredGroup DIV.FormField {
  margin-top: 14px;
  margin-bottom: 10px;
}
div#IconEHOExpired {
  background-image: url('/Allocations/Images/blue-exclamation.png');
  background-repeat: no-repeat;
  margin-top: 10px;
}

#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#MXConfirmExtendAdvert DIV.DescriptiveText
{
  margin-bottom: 10px;
}
/* END MX-Form manager */

/* MX Shortlist styles */

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

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

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

SPAN.PropertyShortlist_HouseholdMemberLinkColumn 
{
  color: Green;
  font-weight: 700;
  font-size: 110%;
  display: block;
}

TD.PropertyShortlist_Data UL LI
{
  margin-bottom: 5px;
}

TD.PropertyShortlist_Controls 
{
  text-align: center;
}

DIV.PropertyShortlist_ControlNominate, DIV.PropertyShortlist_ControlSkip, DIV.PropertyShortlist_ControlContact,
DIV.PropertyShortlist_ControlApproveNomination, DIV.PropertyShortlist_ControlReject,DIV.PropertyShortlist_ControlCancel
{
  width: 80px;
  text-align: center;
  margin-bottom: 10px;
}
DIV.PropertyShortlist_ControlNominate IMG, DIV.PropertyShortlist_ControlSkip IMG, DIV.PropertyShortlist_ControlContact IMG,
DIV.PropertyShortlist_ControlApproveNomination IMG, DIV.PropertyShortlist_ControlReject IMG, DIV.PropertyShortlist_ControlCancel IMG
{
  margin-left: 20px;
  margin-right: 20px;
}
/* End of MX Shortlist styles */

/* MX Matching table style */
TABLE.TwoWayMatchesTable {
  /*border: 1px solid #737F70;*/
  border: 1px solid #808080;
  text-align: center; 
  border-collapse: collapse;
  margin-bottom: 30px;
  /*width:100%;*/
}
TABLE.TwoWayMatchesTable TD {
  border-top: 1px solid #808080;  
  border-bottom: 1px solid #808080;
}
TABLE.TwoWayMatchesTable TH {
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080; 
}
TABLE.TwoWayMatchesTable 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 {
  width: 80px;    
}
/*
TABLE.TwoWayMatchesTable  TR.Row_ChangeInMatch {
  background-color: #FFFFFF;  
}
TABLE.TwoWayMatchesTable  TR.Row_ChangeInMatch  TD{
  border-bottom: 2px solid #808080;   
}
*/
TABLE.TwoWayMatchesTable  TR {
  height: 35px;
}
TABLE.TwoWayMatchesTable  TR.RowEven {
  /*background-color: #E0E0BE;*/
  background-color: #FFFFFF;
}
TABLE.TwoWayMatchesTable  TR.RowOdd { 
  /*background-color: #FFF5AE;*/
  background-color: #F0F0F0;
}

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

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

DIV.TwoWayMatchesKey {
  border: 1px solid #D0C8CC;
  margin-bottom: 20px;
  padding: 3px;
}
DIV.TwoWayMatchesKey DIV.KeyHeader {
  width: 100%;
  margin-bottom: 5px;
  font-weight: 800;
}
DIV.TwoWayMatchesKey DIV.KeyItem {
  width: 100%;
  vertical-align: top;
  border-top: 1px dotted #D0C8CC;
}
DIV.TwoWayMatchesKey DIV.KeyText {
  width: 85%;
  display: inline;
  vertical-align: top;  
  padding-top: 3px;
  padding-bottom: 3px;
}
DIV.TwoWayMatchesKey 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;
}

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

.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: 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: Verdana, Arial;
  font-size: 120%;
}
.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: 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 #HouseholdMemberDelete, #HouseholdMemberEdit {
  width: 50px;
}
/* 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;
}

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

.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;
  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: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;
}
.FormTable div, .FormTable span {
  float: left;
}
/*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;
}
/* 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.AddressHistoryFooterRow td {
  text-align: right;
}
td.AddressHistoryAddressCell, td.AddressHistoryHouseholdMembersCell {
  font-size: 80%;
  text-align: left;
}
td.AddressHistoryHouseholdMembersCell table {
  width: 80%;
  font-size: 90%;
  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 {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 600px;
}
tr.AddressHistoryLine {
  height: 1px;
  background-color: Gray;
}
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;
}
/* 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: 159px;
}

/* end For areas of preference */

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

span.AddressHistoryCurrentAddress {
  font-weight: bold;
}
td.AddressHistoryApplySameToAll {
  text-align: right;
}
/* End of Address History styles*/


/* ContactUs form - logged in*/
div.ContactUsForm {
  float: left;
  margin: 10px 0;
}
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*/


/* 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;
  height: 40px;
}

.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: 10px 5px 10px 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: auto;
  height: 40px;
}

.DBUpdateMsg {
  font-size: 1em;
  text-align: left;
  background-color: #cf9;
  border: 1px solid #96c;
  background-image: url('/AWF/Icons2/SymbolCheck.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  padding: 10px 5px 10px 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 {
  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*/

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;
}
span.ServicesHeaderLeft {
  text-align:left;
  width:100%;
  position:absolute;
}
span.ServicesHeaderRight {
  text-align:right;
  width:100%;
  position:absolute;
}
div.ServiceField {
  padding-bottom: 5px;
}
.ServiceSearchFieldset {
  padding: 5px;
  width: 500px;
  line-height: 140%;
  text-align:right;
}
.ServiceSearchFieldset legend {
  font-weight:bold;
}
.ServiceSearchFieldset label {
  width: 230px;
  display: block;
  float: left;
  text-align: right;
  margin: 0 10px 0 0;
  padding: 0;
  font-weight: normal;
  text-align:left;
}
.ServiceSearchFieldset span.FormField {
  padding:5px;
}
#frmServiceSearch div {
  margin-bottom:10px;
}
.ServicesSearchContainer {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:600px;
  padding:10px;
}
.ServicesSearchEntry {
  border-width:1px;
  border-style:solid;
  margin-bottom:10px;
  padding-left:5px;
}
span.ServicesMoreDetailsLink {
  padding: 1px 5px;
  width:150px;
  margin-left:500px;
}
.ServicesButton {
  margin-bottom: 2px;
}
#frmServiceSearch .FormFieldButton, div.ServicesButtonDiv, div.ServicesButtonTopDiv, .ServicesSearchTopLinks, .ServicesSearchBottomLinks {
  text-align:center;
}

/* 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;
}

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 span.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;
  text-align: left;
  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: 40px;
}

.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: 4 4;
  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: 4 4;
  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 brown solid;
  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 span.FormField {
  width:200px;
}

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

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

DIV.EHOAdditionalSupport span.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;
}

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

table.GoogleMapKey td, table.GoogleMapKey th
{
  border:1px #CCC solid;
}
div#DivBackendMenu 
{
  width:300px;
}
#DivBackendWizard {
  position:absolute;
  left:325;
  top:20;
}
.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 #ReplyMessage
{
text-align:right;
}
.ClientTabSelected #DisplayConfirmationMessage
{
  background-color:#FFFF99 ;
  border:solid 1px #CCCC33; 
  margin-bottom:5px;
}
.ClientTabSelected #SectionPersonalDetails
{
background-color:#F4ECBD ;
  border:solid 1px #CCBE70; 
  clear: both;
}
.ClientTabSelected #SectionMessageDetails
{
background-color:#F4ECBD ;
  border:solid 1px #CCBE70; 
  clear: both;
}
.ClientTabSelected #AgencyContactMessage
{
  background-color:#DBE1C6 ;
  border:solid 1px #BDC998; 
  clear: both;
}

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

.FormGroupTable
{
  width: 730px;
}

.FormGroupTitleTable
{

}

.FormGroupTitleFiller
{
  display:none;
}

.FormGroupTableContent
{
  clear: left;
}

/*  Area of Preference and Local connection styles */
#AOPClientName
{

}

.TopLevelFilter
{

}

.RegionFilter
{
}

.AreaList
{

}

.SelectedAreas
{

}

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

.SaveButtonDiv
{
  display: none;
}

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


div.ContactUsForm div.ContactUsName,
div.ContactUsForm div.DescriptiveText {
  width: 530px;
}


/* 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;
  font-weight:bold;
  vertical-align:middle;
}

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

.PropertyshopBold
{
  font-weight:bold;
}
/*National MX begin */
div#NationalMXContainer{
  width:600px;
  border:2px solid #3F89A9;
  padding:10px;
  text-align:center;
  display:inline;
  clear:left;
  float:left;
  margin-right:50px;
}

DIV.NationalMXEntry{
  width:95%;
  border:1px gray solid;
  display:block;
  padding:10px;
  text-align:left;
  float:left;
  position:relative;
}

DIV.NationalMXEntry h3, div.NationalMXAdvertRef{
  color:#3F89A9;
  display:inline;
}

SPAN.NationalMXLabel{
  font-weight:bold;
}

IMG.NationalMXImage{
  border:1px red solid;
  height:150px;
  width:150px;
  float:right;
  clear:left;
}

SPAN.NationalMXSubHeader{
  color:#3F89A9;
  font-weight:bold;
}

IMG.NationalMXLoader{
  float:right;
  clear:left;
}

DIV#statusDiv{
  color:#3F89A9;
  font-weight:bold;
  display:none;
  height:80px;
  text-align:center;
}

DIV.NMXsortDiv{
  color:#3F89A9;
  display:none;
  /*height:30px;*/
  padding-bottom: 12px;
  text-align:center;
  background-color:#C8E0E8;
  padding-top:12px;
  width:100%;
  margin-bottom:10px;
  position:relative;
  visibility:hidden;
  position:relative;
}

DIV#sortData{
  display:none;
}

SPAN.sortText{
  font-weight:bold;
}

DIV#outputDiv{
  display:none;
}

A.MXExpandSearchLink {
  padding:5px;
  width:100px;
  border:1px #3F89A9 solid;
  background-color:#DDD9FF;
}
/*
FORM#NationalMXForm {
  line-height:25px;
  padding:15px;
  border:1px #3F89A9 solid;
  width:60%;
}
*/
FORM#NationalMXForm div.FormProperty label{
  width:200px;
  clear:right;
  display:inline-block;
  vertical-align:top;
}

FORM#NationalMXForm div.FormProperty span.FormField{
  display:inline;
  padding:10px;
  margin:10px;
}

div.NMXWarning{
  color:red;
  border:1px red solid;
  background-color:#F6CECE;
  display:none;
  padding:10px;
  padding-left:30px;
  background-image:url('/NationalMX/Images/SmallAlarm.gif');
  background-repeat: no-repeat;
  background-position:10px;;
}

/*
H3.NMXH3{
  color:#3F89A9;
}
*/
div.NMXHighlight{
  border:1px red solid;
  padding:10px;
  margin:10px;
}

div.NMXHighlightEmail{
  border:1px red solid;
  padding:10px;
  margin:10px;
  background-color:White;
  color:Red;
  font-weight:bold;
}

div.NMXInfo{
  border:1px #3F89A9 solid;
  padding:10px;
  margin:10px;
  background-color:White;
}

div#LocalMXTab {
  /*width:288px;*/
  width:200px;
  border:2px solid #3F89A9;
  height:45px;
  display:inline;
  clear:right;
  float:left;
  text-align:center;
  vertical-align:middle;
  font-weight:bold;
  font-size:1.1em;
  padding-top:10px;
  padding-right:2px;
  padding-left:2px;
  cursor:pointer;
}

div#DetailedMXTab {
  /*width:288px;*/
  width:200px;
  border:2px solid #3F89A9;
  height:45px;
  display:inline;
  clear:right;
  float:left;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
  padding-top:10px;
  padding-right:2px;
  padding-left:2px;
  cursor:pointer;
}

div#SummaryMXTab {
  width:200px;
  border:2px solid #3F89A9;
  height:45px;
  display:block;
  clear:right;
  float:left;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
  padding-top:10px;
  padding-right:2px;
  padding-left:2px;
  cursor:pointer;
}

div.selectedNMX{
  color:White;
  background-color:#3F89A9;
}

div.unselectedNMX{
  background-color:#C8E0E8;
  color:#3F89A9;
}



/* location handling (National MX) */



div.DistanceHandler{
  border:1px solid #3f89a9; 
  padding:20px;
  margin:20px;
  background-color:#b5d6e3;
  width:auto;
}

div.NMXAreaList{
  border:2px solid #3f89a9; 
  padding:13px;
  background-color:White;
  display:none;
}

div.DistanceSummary{
  border:1px solid #3f89a9; 
  background-color:White;
  width:95%;
  display:none;
  padding:10px;
  float:none;
  margin-bottom: 10px;
}

div.DistanceSummaryHeaders
{
width:90%;
margin-bottom:4px;
}

div.DistanceSummary_HeadLeft{
  border-bottom:1px solid #3f89a9;
  color:#3f89a9;
  float:left;
  width:65%;
  margin-left:5px;
}

div.DistanceSummary_HeadRight{
  border-bottom:1px solid #3f89a9;
  color:#3f89a9;
  float:right;
  width:30%;
  margin-left:5px;
}

div.DistanceSummary_ListLeft{
  width:65%;
  padding-left:15px;
  margin-left:5px;
  float:left;
  background-image:url('/NationalMX/Images/FieldTypeBool_colour.gif');
  background-repeat: no-repeat;
  background-position:left;
}

div.DistanceSummary_ListRight{
  width:20%;
  float:right;
  margin-left:5px;
  margin-top:5px;
}

div.DistanceSummary_ListRight img{
  border:none;
  padding-bottom:5px;
}

input#AddLocationButton {
  margin-top:10px;
  float:right;
}

h5.LocationSubHead{
}

p.LocationContent{
  display:block;
  clear:left;
}

p#DistanceSummary_Intro{
  display:none;
}

div.LocationWarningContainer
{
width:90%;
clear:both;
}

p.LocationWarning {
  color:Red;
  padding-left:15px;
  float:left;
}

p.SearchIntro{
  font-style: italic; 
}

p.NMXSearchLink {
  clear:left;
}

input.NMXEmailButton {
  background-color:#E7E3E5;
  border:1px solid #6464FF;
  color:#525252;
}

div.NMXDisclaimer {
    background-color: #DDD9FF;
    background-image: url("/Allocations/Images/SmallSymbolInformation.gif");
    background-position: 12px 12px;
    background-repeat:no-repeat;
    border: 1px solid #6464FF;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 40px;
    display: block;
    float: none;
    padding: 11px 8px 11px 40px;
}

div.NMXDisclaimer div.FormProperty{
  line-height:30px;
}

div.NMXDisclaimer div.FormProperty label {
  display:inline-block;
  clear:right;
  width:150px;
  vertical-align:top;
}

div.NMXDisclaimer div.FormFieldButton {
  width:85%;
  text-align:right;
  padding-top:20px;
}

div.NMXDisclaimer span.FormField {
}

div.NMXDisclaimer span.FormField input{
}

div.NMXSummaryDiv{
  padding:10px;
  padding-left:20px;
  margin-top:10px;
  width:94%;
  text-align:left;
  border:1px #3F89A9 solid;
  display:block;
  float:left;
  background-image:url('/NationalMX/Images/FieldTypeBool_colour.gif');
  background-repeat: no-repeat;
  background-position:5px;
}

div.NationalMXSummary.NationalMXSummary
{
display:block;
/*border-top: 1px solid #3F89A9;*/
}

span.NationalMXSummaryHeader
{
display:inline;
}

div.NavigationControls1, div.NavigationControls2
{
display:inline;
}

div.NavigationContainer 
{
margin-top: 1em;
margin-bottom: 1em;
display:inline-block;
}

div.NMXEntryOutputDiv
{
width: 95%;
display:inline-block;
}

div.NationalMXTabContentContainer
{
display:block;
}

div#NationalMXWebServicesTab, div#NationalMXSummaryResultsTab
{
display:none;
}

span.NavButtonContainer, input.NextPrevNavButton
{
display:inline-block;
width: 30px;
line-height:40px;
vertical-align:middle;
}

span.NextPrevNavButton
{
/*font-size: 2.1em;*/
color:#3F89A9;
min-height: 40px;
display:inline-block;
padding-right: 10px;
}

span.NextPrevNavButtonNonJS input
{
font-size: 1.5em;
}

span.NextPrevNavButton input
{
font-size: 1em;
}

input.NMXAnchorSubmit
{
    border:0px solid #fff;  /* needed for opera */
    border:none;
    background-color:transparent;
    color:#3F89A9;
    cursor:pointer;
}

input.selectedNMX
{
	font-weight:bold;
    border:0px solid #fff;  /* needed for opera */
    border:none;
    background:transparent;
    color:white;
    cursor:pointer;
	width:100%;
	height:100%;
}

input.unselectedNMX
{
font-weight:bold;
    border:0px solid #fff;  /* needed for opera */
    border:none;
    background:transparent;
    color:#3F89A9;
    cursor:pointer;
	width:100%;
	height:100%;
}

input.NMXCurrentPage
{
font-size: 1.5em;
}

.SortLinkASC, .SortLinkDESC
{
background-repeat: no-repeat;
background-position:right top;
padding-right: 19px;
}

.SortLinkASC
{
background-image: url('/NationalMX/Images/SortAscending.png');
}

.SortLinkDESC
{
background-image: url('/NationalMX/Images/SortDescending.png');
}

div.NationalMXAdvertRef
{
float:right;
}

input.NMXRemoveLocationButton
{
background-color:transparent;
border:none;
background-image:url('/NationalMX/Images/SmallSymbolDelete.gif');
background-position:top left;
background-repeat:no-repeat;
/*overflow:visible;*/
color:transparent;
padding-left:35px;
width: 20px;
    cursor:pointer;
}

div.NMXAddLocationButtonContainer
{
width:100%;
}

div#NationalMXContainer .ConfigurableMessage
{
margin-top: 2em;
margin-bottom: 2em;
}

span.NMXSearchCriteriaHelpHeader
{
cursor:pointer;
color: #3F89A9;
}

div.NMXSearchCriteriaHelpFullContainer
{

}

div.NMXSearchCriteriaHelpCriteriaContainer
{
display:none;
width:603px;
background-color:#DAEAFC;
border-style:dashed;
border-width:1px;
padding:10px;
}

div.NMXEntryCriteriaMatchingContainer
{
display:inline-block;
width:90%;
margin-left:5%;
margin-right: 5%

}

div.NMXCriteriaMatchingYourReq, div.NMXCriteriaMatchingTheirReq
{
width:45%;
display:inline-block;
}

div.NMXCriteriaMatchingYourReq
{
float:left;
}

div.NMXCriteriaMatchingTheirReq
{
float:right;
}

div.NMXCriteriatrue, div.NMXCriteriafalse
{
border-style:solid;
border-width:1px;
padding:6px;
height:20px;
background-repeat:no-repeat;
background-position:right;
}

div.NMXCriteriatrue
{
background-color:#CCEEBB;
background-image:url('/AWF/Icons2/SymbolCheck.png');
}

div.NMXCriteriafalse
{
background-color:#FFDDCC;
background-image:url('/AWF/Icons2/SymbolDelete.png');
}

div.NMXCriteriaMatchingHeader
{
margin-bottom:5px;
font-weight:bold;
text-decoration:underline;
}

div.NMXLocationContainer
{
width:90%;
}

.jsonly
{
display:none;
}

div.NMXMultipleAreaListAreaContainer
{
float:none;
}

div#NATIONALMX_SEARCHDISABLEDMESSAGE_text
{
margin-top: 20px;
margin-bottom: 50px;
}
/*National MX end */