/*
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;
  margin-right: 1px; /* LB 29/06/2010 to stop horizontal scrollbar on IE8 on Windows7 */
  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%;
}

strong{
 font-size: bolder;
}
fieldset {
  /*border-radius: 7px; looks quite nice in Chrome*/
  margin-bottom: 20px;
}

/* 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 0 10px 18px;
  display: inline-block;
  width: 60%;
}

#PropertyShopleftMenu {
  float: left; 
  position: relative;
  width: 220px; /*Width of left column*/  
  overflow: hidden; 
  margin: 0 -220px 0 0;
  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;
}

div#PropertyShopHeader H1 {
  display: none;  
}

#PropertyShopLogo1 {
  background-repeat: no-repeat;
  float: left;
  clear: left;
  z-index: 1;
  width:inherit;
  z-index: 3; /* to make the link inside hot, even on the area overlapping with propertyshoptopbar */
}

div#PropertyShopLogo1 a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 0;
}

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

div#PropertyShopTopMenu {
  width: 100%;
  display:inline-block;
}

div#PropertyShopTopMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  margin-left: 220px;
}

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

div#PropertyShopTopMenu A {
  text-decoration: none;
  display: block;
  margin: 0;
  padding: 4px 10px 5px 10px;
  white-space:nowrap;
}

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 43px;
  float: left;
  font-size: 80%;
}
#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;
}

H2, #PropertyShopContentHeader h1 {
  font-size: 140%;
  font-family: Verdana, Arial, sans-serif;
  margin: 8px 0;
}
 #PropertyShopContentHeader h1 {
	color: #3F89A9;
 }

#PropertyShopContent A, #PropertyShopContent A:visited, #PropertyShopContent A.BasicLink, #PropertyShopContent A.BasicLink:visited {
  text-decoration: none;
}
#PropertyShopContent A:hover, #PropertyShopContent A:active, #PropertyShopContent A.BasicLink:hover, #PropertyShopContent A.BasicLink:active {
  text-decoration: underline;
}
#PropertyShopContent IMG {
  border: none;
}
span.PropertyShopFooter {
  display: block;
  width:100%;
  text-align: center;
  padding-top:5px;
  padding-bottom: 5px;
  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;
}

#NewHouseholdRegistrationLink {
  clear: left;
  padding-top: 5px;
}
/* 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 {
  z-index:100;
  width: 650px;
}

div.ClientTabContent {
  padding:5px;
}

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

.ClientTabGroup {
  padding:5px;
  margin-bottom:5px;
  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-right: 2px;
  margin-bottom: 2px;
}

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

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

.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 {
  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.ARRenderer,
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.ARRenderer 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.ARRenderer,
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.ARRenderer 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.ARRenderer,
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.ARRenderer 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.ARRenderer,
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.ARRenderer 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 {
  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;
}

.EHORegistrationDetails #ChangePasswordGroup{
  display:block;
  margin-bottom:5px;
  margin-top:5px;
  padding:5px;
  width: 97%;
}

.EHORegistrationDetails .SectionHeader{
	text-decoration:underline;
}

.EHORegistrationDetails .SectionHeader, .EHORegistrationDetails #LoginPassword_MustChange, 
.EHORegistrationDetails #LoginPassword2_MustChange, .EHORegistrationDetails #NewPassword2WarningText,
.EHORegistrationDetails #NewPasswordWarningText{
  width: 100%;
  margin-bottom:10px;
} 

table#MainEHO{
	width:1000px;
}

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;
}
div.PropertyMediaValidationContainer 
{
  position: relative;    
}
span.PropertyMediaValidation 
{
  width: 100px;
  height: 40px;
  background-image: url(/Allocations/Images/AwaitingValidation.png);
  background-repeat: no-repeat;
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 190px; /* This is half the width of the PropertyMediaTable (240px) - half the width of this image (50px)*/
  display: inline-block;     
}

TD.PropertyMediaTableTD span.PropertyMediaValidation 
{
  left: 25px; /* This is half the width of the thumbail specified by ThumbnailWidth configuration item (default: 75px) - half the width of this image (50px)*/  
}

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

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

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: 165px;
  margin-left: 5px;
  margin-top: 18px;
}
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-left: 1px;
  position: relative;
  top: -8px;
}

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: text-top;
  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,
div#MX_CONFIRMAPPLICATIONCANCELMESSAGE
{
  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#MX_CONFIRMAPPLICATIONCANCELMESSAGE 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: 400px;
}

th.CORE_PropertyRequestWithdrawal_Withdraw {
  width: 80px;
}


table.CORE_PropertyRequestWithdrawal_Table {
  border-collapse: collapse;
  empty-cells: show;
}
table.CORE_PropertyRequestWithdrawal_Table td {
 padding: 0 10px;
 border-bottom:1px dashed #E7E3E5;
}

/* 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);
  background-color:#D2FFA4;
}
INPUT#cmdApplyNo {
  background-image: url(/Allocations/Images/SmallSymbolCross.gif);
  background-color:#FFA4A4;
}
INPUT.CORE_PropertyRequestWithdrawal_Button {
  width: 200px;
}


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 #808080;
  text-align: center; 
  border-collapse: collapse;
  margin-bottom: 30px;
}
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: #E3E3E3;
}

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, TABLE.ThreeWayMatchesTable  TR {
  height: 35px;
}
TABLE.TwoWayMatchesTable  TR.RowEven, TABLE.ThreeWayMatchesTable  TR.RowEven {
  background-color: #FFFFFF;
}
TABLE.TwoWayMatchesTable  TR.RowOdd, TABLE.ThreeWayMatchesTable  TR.RowOdd { 
  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: 88%;
  display: inline-block;
  vertical-align: top;  
  padding-top: 3px;
  padding-bottom: 3px;
}
DIV.TwoWayMatchesKey img, DIV.ThreeWayMatchesKey img {
  display: block;
  margin-top: 8px;
  margin-left: 10px;
  margin-right: 10px;
  float: left;
}
/* End of MX Matching table style */

/* Universal Application online forms */

.UAFormChangesMsg {
  border: 1px solid #eeeb34;
  background-color: #fffdac;
  padding: 4px 5px;
}

/* End of Universal Application online forms */



/* Pending update styles */
.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 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;
}
.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; EHO works better without this... */
  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, .FormTable input#PostCodeLookUp {
  /* 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: 98%;
}

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;
  clear: both;
}
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%;
  width: 66px;
}
td.AddressHistorySaveButton, 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;
}

.AdvancedSearchText{
height: 3em;
}

#PropertySearchInvalid {
  width: 98%;
}

/* login page */
div#LogonSuccessfulMessage3 span {
  width: 100%;
  text-align: left;
}
div.CORE_ClientLogin div.FormProperty, div.CORE_ClientLogin  div.DescriptiveText {
	margin-top: 3px;
	margin-bottom: 3px;
}
div.CORE_ClientLogin div.SectionHeader {
	font-weight: 700;
	margin-bottom: 3px;
}
div#ForcePasswordChangeMsg {
  font-weight: 700;	
	color: #FF3300;
}
/* 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 {
  margin: 10px 0;
}
div.ContactUsForm div {
  margin: 3px 0;
}
div.ContactUsForm span {
  width: auto;
}
div.ContactUsForm label {
  float: left;
  width: 200px;
  min-height: 10px;
}
div.ContactUsForm input {
  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;
  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;
  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;
  clear: both;
}
div.PropertyShopContactUs span {
  width: auto;
  display: inline-block;
}
div.PropertyShopContactUs Label {
  display: inline-block;
  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;
  background-color:#FFF;
  border:1px solid #000;
  float: left;
  margin-bottom: 10px;
}
.ServicesHeader {
  font-size: 80%;
  line-height: 185%;
  text-indent: 5px;
  color: #fff;
  background-color: #99c;
  font-weight: normal;
  margin-bottom: 8px;
  padding-top: 2px;
}

span.ServicesHeaderLeft
{
  text-align:left;
  width: 75%;
  font-size:160%;
  display: inline-block;
}

span.ServicesHeaderRight
{
  text-align:right;
  width: 20%;
  display: inline-block;
  font-size: 125%;
}

fieldset.ServiceGroup {
  padding: 5px;
  line-height: 140%;
  border: 1px solid inherit;
  text-align:left;
  width: 97%;
  margin-bottom: 10px;
}
fieldset.ServiceGroup legend {
  margin-bottom: 5px;
  font-weight: 700;
}
fieldset.ServiceGroupTop {
  padding: 5px;
  text-align:left;
  width: 97%;
  display: inline-block;
  margin-bottom: 10px;
}
fieldset.ServiceGroupTop legend {
  margin-bottom: 5px;
  font-weight: 700;
}

.ServicesContent
{
  color:#000;
}

fieldset.ServiceGroup, fieldset.ServiceGroupTop, fieldset.ServiceSearchFieldset
{
  padding: 0px 5px 5px 5px;
  line-height: 140%;
  border-color:#9999cc;
  border-width:1px;
  border-style:solid;
  float: left;
  margin-bottom: 10px;
}

fieldset.ServiceGroupTop legend, fieldset.ServiceGroup legend
{
  margin-bottom: 5px;
  font-weight: 700;
  color: #3399D5;
  font-size:110%;
}

fieldset.ServiceSearchFieldset legend
{
  margin-bottom: 0px;
  font-weight: 700;
  color: #5A99D5;
  font-size:110%;
}

div.ServiceField 
{
  padding-bottom: 0px;
}

.ServiceSearchFieldset label
{
  padding:5px;
  vertical-align:top;
}

.ServiceSearchFieldset span.FormField
{
  padding:5px;
}

#frmServiceSearch div
{
  margin-bottom:10px;
}

.ServicesSearchContainer
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color:#FFF;
  border:1px solid #000;
  width:600px;
  padding:10px;
}

.ServicesSearchEntry
{
  border: 1px solid #9999cc;
  margin-bottom:10px;
  padding: 0;
}
.ServicesSearchEntry div {
  margin-left: 10px;
}

span.ServicesMoreDetailsLink {
  background-color: #DDD9FF;
  padding: 1px 5px;
  width: 145px;
  margin-bottom: 10px;
  margin-left: 10px;
  display: inline-block;	
}

.ServicesButton
{
  margin-bottom: 2px;
  border: 1px solid #54431c;
  color: #54431c;
  background-color: #ffd87f;
}

div.ServicesButtonDiv
{
  text-align:center;
}

div.ServicesButtonTopDiv
{
  text-align:center;
}

.ServicesSearchTopLinks
{
  text-align:center;
  padding-bottom:10px;
}

.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: 640px;
  background-color: #fff;
}

#EHOSteps img{
  border: none;
}

DIV.EHOWizardStepHeader {
  width: auto;
  height: 30px;   
  background-color: #b5d6e3;
  }
DIV.EHOWizardStepHeader IMG
{  
  vertical-align: top;
  margin-left: 5px;
  float: left;
  height: 30px;
  width: 30px;
}
DIV.EHOWizardStepHeader H3,
DIV.EHOWizardStepHeader H2
{
  vertical-align: middle;
  margin: 0;    
  padding-top: 0;
  text-indent: 10px;
  font-size: 125%;
  color: #204959;
  line-height: 30px;
}

DIV.EHOWizardStepContents
{
  padding: 5px 0;
  width: 640px;
}

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

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.FormControlTop
{
  text-align: center;
  float: none;
  width: auto;
  height: 30px;
  margin-top: 10px;
}

DIV.EHOWizardStep div.FormControlBottom
{
  text-align: center;
  width: auto;
  height: 50px;
}


DIV.EHOWizardStep div.FormControlTop  #BackBtnTop, DIV.EHOWizardStep div.FormControl #BackBtnTop
{
  float:left;
  margin-left: 137px;
  width: 180px;
  display:inline;
}

DIV.EHOWizardStep div.FormControlTop  #SaveBtnTop, DIV.EHOWizardStep div.FormControl #SaveBtnTop
{
  float:right;
  margin-right: 137px;
  width: 180px;
  display:inline;
}

DIV.EHOWizardStep div.FormControlBottom  #BackBtnBtm, DIV.EHOWizardStep div.FormControl #BackBtnBtm
{
  float:left;
  margin-left: 137px;
  width: 180px;
  margin-top: 10px;
}

DIV.EHOWizardStep div.FormControlBottom  #SaveBtnBtm, DIV.EHOWizardStep div.FormControl #SaveBtnBtm
{
  float:right;
  margin-right: 137px;
  margin-top: 10px;
  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;
  margin: 10px 0;
  width: auto;
  height: auto;
}
 DIV.InformationDiv > span {
  display: inline-block;
  margin-left: 32px;
}
div#ReadOnlyMessage {
  text-indent: 30px;
}

div.ClientTabContent DIV.InformationFooterDiv,
div.ClientTabContent DIV.InformationDiv  {
  width: 600px;
}

.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: 638px;  
  min-height: 24px;
  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: 20px;
  margin-bottom: 20px;
  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:240px;
}


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


div.EHOAdditionalFields #LocalAuthorityID {
  margin-bottom: 10px;
  }

div.EHOAdditionalFields #AssessmentLocalAuthorityID LABEL {
  width: 240px;
  display: inline-block;
  text-align: right;
  margin: 0 10px 0 0;
  
}

div.EHOAdditionalFields #AssessmentLocalAuthorityID SPAN {
  
  display: inline-block;
 }


div.FormProperty#DateOfBirth span.TrailingFieldHTML 
{
  float: none;
}


div.LogoutLinkMsg {
  background-color: #E4E4CB; 
  background-image: url(/Allocations/Images/log-on.gif);
  background-position: 2px -1px;
  background-repeat: no-repeat;
  text-indent: 10px;
  padding-top:5px;
  clear: left;
  border-top: 10px solid #fff;
  width: 640px;
  display: block;
  text-indent: 40px;
  line-height: 30px;
}

div.LogoutLinkMsg A 
{
  /* 
    Setting position: relative fixes a browser bug in IE 
    where partial contents of this link was appearing again
    at the bottom of the page
  */
  position: relative;
}

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;
  min-height: 42px;
}

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 */
/*Fix non IE browers - intro page has floating elements.  ClientTabSelected no longer has float property as will break PS tabs*/
DIV.EHOIntroduction DIV.EHOWizardStepContents {
  height: 640px;
}

DIV.EHORegistrationDetails, DIV.EHOWizardStepContents .FormProperty{
  width: 640px;
}

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

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

DIV.EHOAdditionalSupport DIV.EHOWizardStepContents .FormTable div.FormGridCell{
   width:600px;
}

DIV.EHOAdditionalSupport DIV.EHOWizardStepContents .FormTable .FormField {
  width: 640px;
}

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:250px;
  margin-left: 40px;
  margin-top: 10px;
  margin-bottom: 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: auto;
  padding-left: 110px;
  margin-bottom: 20px;
}

div.WaitingTimeEmptyTable 
{
  background-image: url(/eho/images/MedSymbolDelete.gif);
  background-color:#FFF0F5;
  border:2px #FFC0CF solid;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  margin-bottom: 10px;
  padding-left: 50px;
  padding-bottom: 10px;
  padding-right: 5px;
  padding-top: 10px;
}
  
div.ExtraQuestions input#cmdUpdateSubmit {
  margin-top: 10px;
  margin-left: 230px;
  clear:left;
  display:inline;
}

DIV.EHOIntroduction DIV.EHOWizardStepContents 
{
  display: inline-block;
  height:auto;
}

/* End Of Extended Housing Options styles */

/* Backend EHO styles - included here as the backend page uses property shop styles instead of standard GUIMain */
TD#DivBackendMenu 
{
  width: 25%;
  vertical-align: top;
  position:relative;
  left:-40px;
}
TD#DivBackendMenu ul#EHOSteps 
{
  list-style: none;
  padding: 0;
  margin-top: 10px;
  margin-bottom:13px;
}

TD#DivBackendMenu ul#EHOSteps li 
{
  margin-bottom: 5px; 
}

TD#DivBackendMenu ul#EHOSteps li a,
TD#DivBackendMenu ul#EHOSteps li a:hover,
TD#DivBackendMenu ul#EHOSteps li a.selected {
  text-indent: 0px;
  padding: 4px 0;  
}

TD#DivBackendMenu ul#EHOSteps li a img {
  position: relative;
  left: 5px;
  margin-right: 10px;
}

TD#DivBackendWizard 
{
  width: 650px;
  vertical-align: top;
}

/* End of backend EHO 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;
}

.AdvertPropertyMapLink
{
 padding-bottom:10px; 
}

/*Google Map*/

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

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

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

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 {
}
div.FormTable#FT_5 fieldset fieldset {
  width: 580px;
}

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: 0;
  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;
}

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



/*New Google Map Styles*/
DIV.GoogleMap#PropertySearchMap
{
  height:400px;
}

.GoogleMap img.TitleImage{
  display:inline ;
  float:left;
  width:inherit;
}

.GoogleMap p.GoogleMapPropertyDescription
{
  vertical-align: text-top;
  padding-top: 5px;  
}

.GoogleMap p.GoogleMapPropertyDescriptionHeader
{
  vertical-align: middle;
  padding-top: 20px;
  font-size: 1.3em;
  font-weight: bold;
  /*color: Red;*/
  display: inline;
}

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

table.GoogleMapKey td, table.GoogleMapKey th
{
  border:1px #CCC solid;
}

#map
{
  width: 620px;
  height: 600px;
  margin: 10px 8px;
  border: 1px solid #CCCCCC; 
}

#PropertySearchMap
{
  width: 575px;
  height: 250px;
  margin: 10px;
  border: 1px solid #CCCCCC; 
  overflow:hidden;
}

#PropertySearchMap_Static
{
  width: 575px;
  height: 350px;
  margin: 10px;
  border: 1px solid #CCCCCC; 
  overflow:hidden;
}

#map_Static
{
 padding:10px; 
}

.GoogleMapKeys
{
  padding-top:10px;
  padding-bottom:10px;   
  margin-left:10px;
}

table.MapKeysTable
{  
  border:1px solid #CCCCCC;  
  border-collapse:collapse;
}

table.MapKeysTable th
{  
  background-color:#E9F7FE;
  border:1px solid #CCCCCC;
  font-weight:bold;
  border-collapse:collapse;
}

.MapKeysTable td
{
  border:1px solid #CCCCCC;
  border-collapse:collapse;
}

.MapMaxRestrictionMessages {
  font-style: normal;
  border: 1px solid #3F89A9;
  background-image: url('/Allocations/Images/blue-exclamation.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  padding: 10px 5px 10px 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 65%;
  display: block;
}

.MapRefineSearchMessage
{
  margin-bottom:5px; 
}

/*MarkersWithLocation styles*/
.PropertyMapPopupLink,.PropertyJumpToMapLink
{
  padding-top:10px;
  width:105px; 
}

table.MarkersWithLocation {
	border: 1px solid green;
}

table.MarkersWithLocation th
{
  text-align:center;  
  background-color:#D0C8CC;  
}

table.MarkersWithLocation tr
{
  background-color:#FFFFFF;
}

table.MarkersWithLocation td
{
  text-align:left;
  border-top:1px solid #D0C8CC;  
  padding-top:4px;
}

td.MarkersWithLocationDetails a
{
  display:block;    
  color:#3F89A9;
  padding:5px;
}

div#PropertyShopleftMenu td.MarkersWithLocationDetails a:hover,div#PropertyShopleftMenu td.MarkersWithLocationDetails a.selected
{
  text-decoration:underline;
  width:90%;

}

td.MarkersWithLocationDetails div.CBLStyle_Map
,td.MarkersWithLocationDetails div.MXPlusStyle_Map
,td.MarkersWithLocationDetails div.GAStyle_Map
,td.MarkersWithLocationDetails div.PRStyle_Map
,td.MarkersWithLocationDetails div.SOStyle_Map
,td.MarkersWithLocationDetails div.MXStyle_Map
{
  width:100%;
}

td.MarkersWithLocationDetails .PropertyMapPopupLink,td.MarkersWithLocationDetails .PropertyJumpToMapLink
{
  padding-top:0px;
  width:50%; 
}

.LeftMenuToggle, .LeftMenuShowAllProperties
{
  margin:4px; 
  text-align:center;
  font-size:110%;
}

.LeftMenuShowAllProperties
{
  clear:left;
}

.LeftMenuToggle a, .LeftMenuShowAllProperties a
{  
  color:#3F89A9;
}
div.LeftMenuShowAllProperties {
  width: 210px;
  padding-bottom: 5px;
}

/* END MarkersWithLocation styles*/
/* Markers Whitout Location Styles*/
.GoogleMapMarkersWithoutLocation
{
   padding-top:10px; 
   margin-left:10px;
   margin-right:20px;
   padding-bottom:10px;
}

table.MarkersWithoutLocation
{  
  border:1px solid #CCCCCC;
  border-collapse:collapse;
  width: 400px;
}

table.MarkersWithoutLocation td
{
  text-align:center;
  border:1px solid #CCCCCC;
}

table.MarkersWithoutLocation td.MarkersWithoutLocationDetails
{
  text-align:left;
  border:1px solid #CCCCCC;
}

table.MarkersWithoutLocation th
{
  background-color:#E9F7FE;
  border:1px solid #CCCCCC;
  font-weight:bold;
}

#GoogleMapMarkersWithoutLocationToggle, .NoPropertiesNearby 
{
  cursor:pointer;
  color:#3F89A9; 
  margin-top:10px;
  border: 1px solid #3F89A9;
  background-image: url('/Allocations/Images/blue-exclamation.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  padding: 10px 5px 10px 40px;
  width: 592px;
}

#NoPropertyNearby
{
  cursor:default;
  color:#525252; 
  width:520px;
}
/* END Markers Whitout Location Styles*/

span.GoogleMapPropertyDescriptionHeader
{
 float:none;
 margin-bottom:5px;
 margin-left:3px;
 margin-top:4px;
 padding-bottom:4px;
 display:inline-block; 
 text-transform:capitalize;
 vertical-align:top;
}

span.GoogleMapOutcomesPropertyDescriptionHeader
{
 float:none;
 margin-bottom:4px;
 margin-left:3px;
 margin-top:4px;
 padding-bottom:0;
 margin-right: 3px;
 display:inline-block; 
 text-transform:capitalize; 
 vertical-align:top;
}

.MapDescriptionHeader
{
 height:32px; 
}

.GoogleMapMarkersWithLocation span.MapDescriptionDetails
{
  display:inline-block;
  width:174px;
}

.GoogleMapMarkersWithLocation span.MapDescriptionImage
{
  display:inline-block;
  width:32px;
  background-color: #fff;
}

.GoogleMapMarkersWithLocation
{
  display:none; 
}

dl#MarkersWithLocationGroupWrapper,dl#MarkersWithLocationGroupWrapper dd,dl#MarkersWithLocationGroupWrapper dt
{
  margin:0;
  padding:0;
  text-indent:0;
}

DIV.GoogleMapInfoWindowControlLinks
{
  margin-top: 2%;
  padding-top: 1%;
  border-top: 1px solid #aaa;
}

DIV.GoogleMapInfoWindowControlLinks SPAN.GoogleMapInfoWindowControlLink#GoogleMapInfoWindowZoomIn,
DIV.GoogleMapInfoWindowControlLinks SPAN.GoogleMapInfoWindowControlLink#GoogleMapInfoWindowZoomOut
{
  width: 49%;
  text-align: center;
  float: left;
}


DIV.GoogleMapInfoWindowContent
{
  overflow:hidden;
}

/*END of New Google Map Styles*/



/*Searchable outcomes styles*/
div#Outcomes_Search_AllocationScheme
{
  padding-bottom: 15px;
}

#OutcomesChangeSearchLink
{
  padding-left: 7px;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 20px;
}

#OutcomesMapLink
{ 
}

.OutcomesButtons
{
  width:275px;
  display:block;  
  background: transparent;
	border: 0;		
	color: #3F89A9;	
	margin: 0;
	padding: 0;
	cursor:pointer;
}

.OutcomesLettingCycleButtons
{
  width:360px;
  display:block;  
  background: transparent;
	border: 0;		
	color: #3F89A9;	
	margin: 0;
	padding: 0;
	cursor:pointer;
}

table.MarkerHtml th
{
  background-color: transparent;
  border:none;
}

table.MarkerHtml {
  width: 400px;
}
table.MarkerHtml td
{
  text-align:left;
  border:none; 
}

table.MarkerHtml td.MarkerHtmlLabel {
  width: 130px;
}
table.MarkerHtml td.MarkerHtmlValue {
  max-width: 260px;
}

table.MarkerHtml td {
  font-size: 85%;
}
div.CBLStyle_Map
, div.MXPlusStyle_Map
, div.GAStyle_Map
, div.PRStyle_Map
, div.SOStyle_Map
, div.MXStyle_Map {
  font-size: 85%;
  height: 32px;
  width: 400px;
}



#OutcomesMapFirstPageTitle
{
  padding-top:15px;
}

/* End of Searchable outcomes styles*/


Table.NeedGroup {
	width:100%;
	border:solid 1px #aaaaaa;
}

Table.NeedGroup th.NeedGroupNeed {
	width:50%;
	}

Table.NeedGroup td {
	border-top:dashed 1px #aaaaaa;
	padding-right: 10px;
}

Table.NeedGroup div.FormField {
  width: 78px;
}
Table.NeedGroup div.FormField  * {
	float: right;
	height: 20px;
	line-height: 22px;
}

Table.ServiceSearchTable td
{
	padding-left:4px;
	padding-top:8px;
	vertical-align:text-top;
	width:250px;
}

Table.ServiceSearchTable td.SearchInputTD
{
	padding-left:5px;
}

Table.ServiceSearchTable td.SearchInstructionText
{
	padding-top:0px;
	padding-bottom:15px;
}

Table.ServiceSearchTable td.SearchInputLabel
{
	font-weight:700;
}

Div.ServicesContent
{
	text-align:center;
}

div.ServiceField
{
	padding:3px 0;
}

div.ServiceField label {
  margin-right: 5px;
  font-weight: 700;
}

tr.ServiceDetailAlternateRow
{
	background-color:#F2F2F2;
}

table.ServiceDetailsTable,
table.ClientDetailsTable,
table.ProviderDetailsTable {
  width: 100%;
}
table.ServiceDetailsTable label, table.ProviderDetailsTable label, table.ClientDetailsTable label
{
	font-weight: 700;	
}

table.ServiceDetailsTable td, table.ProviderDetailsTable td, table.ClientDetailsTable td
{
	vertical-align:text-top;
	padding-top:6px;
}

table.ServiceDetailsTable td.DataTD, table.ProviderDetailsTable td.DataTD, table.ClientDetailsTable td.DataTD
{
	width:345px;
	padding-left:10px;
}

ul.NoBulletNoIndent
{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}

Div.SearchEntryTitle
{
	font-size:125%;
	background-color: #99c;
	color: #fff;
	margin: 0;
	text-indent: 10px;
	line-height: 140%;
}
#PropertyShopContent Div.SearchEntryTitle a:link,
#PropertyShopContent div.SearchEntryTitle a:visited,
#PropertyShopContent div.SearchEntryTitle a:hover,
#PropertyShopContent div.SearchEntryTitle a:active {
  color: #fff;
}

Div.SearchEntryRef
{
  font-size:90%;
  margin-top: 5px;
  margin-bottom: 4px;
}

Div.SearchEntryText
{
	padding-top:8px;
	padding-bottom:10px;
}

Div#ServicesSearch
{
	height:40px;
	vertical-align:middle;
}

Div#IconPropertySearch
{
	padding-top:0px;
}

/* ServicesSearchLinkWithUserSpecific and ServicesSearchLinkWithoutUserSpecific 
	affect the Support application tab */
Div#ServicesSearchLinkWithUserSpecific
{
	padding-top:20px;
}

Div#ServicesSearchLinkWithoutUserSpecific
{
	padding-top:10px;
}

Div#ServicesUserSpecificSearchLink
{
	padding-top:0px;
}

Div.BackToServiceSearchResultsTop
{
	width:600px;
	text-align:left;
	padding: 0px 5px 10px 0px;
}

Div.BackToServiceSearchResultsBottom
{
	width:600px;
	text-align:left;
	padding: 10px 5px 0px 0px;
}

/*End of Service Styles*/

/* Online support application styles */

DIV.CORE_ClientLogin LABEL, DIV.CORE_ClientLogin LABEL.FormLabel
{
	text-align:right;
	padding-bottom:0px;
	vertical-align:top;
	width:30%;
	padding-right:0px;
}

DIV.CORE_ClientLogin SPAN.FieldInputMaskHint
{
	padding-bottom:20px;	
}

DIV.CORE_ClientLogin SPAN.FormField
{
	float:none;
}

DIV.CORE_ClientLogin FIELDSET.ClientLoginFieldset INPUT#cmdSave
{
	float:right;
	margin-right:33%;
}

TABLE.NeedGroup TD.NeedDescription
{
	width:45%;
}

TABLE.NeedGroup TD DIV.FormProperty
{
	width:100%;
}

select#ClientGroupPrimaryID {
  width: 350px;
}
/* Make checkboxes line up */
div#FT_1413 div.FormGridCell {
  margin-bottom: 3px;
  width: auto;
}
div#FT_1413 div.HangingIndent  {
  width: 330px;
}
div#FT_1413 div.HangingIndent label  {
  display: inline-block;
  width: 305px;
  padding-top: 1px;
}
select#ClientGroupPrimaryID {
  width: 345px;
}
/* End make checkboxes line up */
/* End of online support application styles */

/* Forgotten password */
FIELDSET.ClientLoginFieldset div.FormProperty label,
div#ImageVerifierDiv {
  display: inline-block;
  width: 175px;
  margin-right: 10px;
}
FIELDSET.ClientLoginFieldset div.FormProperty span.FormField,
div#ImageVerifierRefreshDiv {
  width: 308px;
  display: inline-block;
}
div#ImageVerifierDiv,
div#ImageVerifierRefreshDiv {
  float: left;
  height: 60px;
  margin-left: 1px;
  margin-top: 1px;
}
/* End forgotten password */


/* Styles for NovaWeb content management translation markup */
SPAN.TranslateText
{
  border: 1px dashed #000000;
  background-color: #FFFFCC;
  display:inline;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 49px;
  background-image: url(/NovaWeb/Images/TranslateTag.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}
/* End of styles for NovaWeb content management translation markup */

/* Prevent economic status dropdown from wrapping */
SPAN.FormField SELECT#EconomicStatusID
{
	width:25em;
	float:left;
}
/* End of Prevent economic status dropdown from wrapping */

/* Prevent input mask hint from appearing before the field */
SPAN.FieldInputMaskHint
{
	float:none;
}
/* End of Prevent input mask hint from appearing before the field */

/* Style for New Household Registration form */
DIV.NewHouseholdLoginReference 
{
  
}
SPAN.NewHouseholdLoginReferenceValue 
{
  font-size: 120%;
 margin-top: 5px;
  float: none;
}
/* End of styles for New Household Registration form */

/* Property Detail Tab Styles */

DIV.AdvertFullDetails DIV.PropertyTabBar
{
  clear:left;
  height:3.5em;
  border-bottom:1px solid #A49CA0;
  position:relative;
  right:9px;
  width:103%;
}

DIV.PropertyTabBar DIV.PropertyTab, DIV.PropertyTabBar DIV.PropertyTabSelected
{
  float:left;
  height:100%;
  font-weight:700;
  text-align:center;
  border:1px solid #A49CA0;
  position:relative;
  left:9px;
  top:-1px;
  margin-right:-1px;
  width:9em;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

DIV.PropertyTabBar DIV.PropertyTab
{
  background-color:#E6E6E6;
  height:90%;
  margin-top:0.4em;
}

DIV.PropertyTabBar DIV.PropertyTabSelected
{
  font-size:110%;
  border-bottom:1px solid white;
}

DIV.PropertyTabBar DIV.PropertyTab SPAN, DIV.PropertyTabBar DIV.PropertyTabSelected SPAN
{
  position:relative;
  display:block;
}

DIV.PropertyTabBar DIV.PropertyTab SPAN
{
  top:0.9em;
}

DIV.PropertyTabBar DIV.PropertyTabSelected SPAN
{
  top:1em;
}

/* End of Property Detail Tab Styles */

/* Property Accessibility Tab Styles */

DIV.PropertyAccessibilityDetails
{
  clear:left;
}

DIV.PropertyAccessibilityDetails FIELDSET.AdvertGroup
{
  margin-top:3%;
}

DIV.PropertyAccessibilityDetails FIELDSET.AdvertGroup DIV.AdvertField
{
  padding-top:0.1em;
  padding-bottom:0.1em;
}

DIV.PropertyAccessibilityDetails FIELDSET.AdvertGroup DIV.AdvertField LABEL
{
  display:inline-block;
  width:49%;
  margin-left:1%;
  margin-right:1%;
  vertical-align:top;
}

DIV.PropertyAccessibilityDetails FIELDSET.AdvertGroup DIV.AdvertField SPAN
{
  display:inline-block;
  width:49%;
}

DIV.AdvertFieldAlternate
{
  background-color:#E6E6E6;
}

DIV#CommunalRampType IMG, DIV#PropertyRampType IMG, DIV#SecondExitRampType IMG
{
  min-width:0%;
}

FIELDSET#AccessibilityFacilities DIV.AdvertField UL
{
  padding-left:5%;
}

/* End of Property Accessibility Tab Styles */

/*Date picker styles*/
IMG.ui-datepicker-trigger {
    height: 20px;
    margin-left: 0.2em;
    margin-top: -0.1em;
    vertical-align: middle;
    width: 20px;
}

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


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

SPAN.NationalMXSubHeader{
  color:#3F89A9;
}

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;
  padding-bottom: 12px;
  text-align:center;
  background-color:#C8E0E8;
  padding-top:12px;
  width:100%;
  margin-bottom:10px;
  visibility:hidden;
  position:relative;
}

DIV#sortData{
  display:none;
}


DIV#outputDiv{
  display:none;
}

FORM#NationalMXForm div.FormProperty label {
  width: 200px;
  vertical-align: top;
  float: left;
  display: block;
  vertical-align: top;
  margin-left: 20px;
}

FORM#NationalMXForm div.FormProperty span.FormField {
  display:inline-block;
  margin-bottom: 5px;
}

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


div.NMXH3{
  font-size: 115%;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:15px;
}


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

span.NationalMXSummaryHeader
{
display:inline;
}

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

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

div.NavigationControls1 {
  float: left;
  width: 545px;
}
div.NavigationControls2 {
  width: 40px;
}

div.NMXEntryOutputDiv
{
  width: 95%;
  display:inline-block;
}
div.NMXEntryOutputDiv h3 {
  text-transform: capitalize;
}
div.NMXEntryOutputDiv > div {
  margin-bottom: 10px;
}

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

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

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

div.NMXSearchCriteriaHelpFullContainer
{

}

div.NMXSearchCriteriaHelpCriteriaContainer
{
display:block;
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;
}

.jsonly
{
display:none;
}

div#NATIONALMX_SEARCHDISABLEDMESSAGE_text
{
margin-top: 20px;
margin-bottom: 50px;
}

SPAN.SortDesc{
	color:#525252;
}

div.NMXSearchCriteriaSpacer{
	padding:10px;
}

span.NationalMXDetail{
	display:block;
}

/* NationalMX (NMX) Location search styles */

div.NMXMultipleAreaListAreaContainer
{
float:none;
}

div.LocationContainer
{
width:90%;
}

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

div.NMXAddLocationButtonContainer
{
  width:100%;
}

div.NMXDistanceHandler{
  border:1px solid #3f89a9; 
  width:80%;
  padding:20px;
  margin:20px;
  background-color:#b5d6e3;
  display:block;
}

div.NMXDistanceHandler div.LSAreaList{
  border:1px solid #3f89a9; 
  padding-left:10px;
  background-color:White;
  width:80%;
  display:none;
  margin-top:20px;
}

div.NMXDistanceHandler div.LSAreaList a{
  color:#3f89a9;
}

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

div.NMXLocationSubHead{
	font-size: 105%;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:15px;
}

div.LocationSearchWarning {
	display:block;
	padding-bottom:5px;
	color:red;
	font-weight:bold;
}


/* NationalMX (NMX) Location search styles end */

/*National MX end */

/* Location search styles */

div.AreaList{
  border: none;
  padding: 0;
} /* LB 19/03/2012 this was set to display: none; but this hides it from AOP on online form. Wondering if this will now appear somewhere where it's not supposed to? */

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

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

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

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

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

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

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

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

p#DistanceSummary_Intro{
  display:none;
}

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

p.SearchIntro{
  font-style: italic; 
}

div.MultipleAreaListAreaContainer
{
float:none;
}

/* Location search styles end */

/* Propertyshop (PSS) Location search styles */

div.LocationSearchHelp{
  border:1px solid #3f89a9; 
  background-color:#FFF0F5;
  width:80%;
  margin-top:20px;
  margin-bottom:20px;
  background-image: url('/Allocations/Images/blue-exclamation.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  padding: 10px 5px 10px 40px;
  width:90%;
}

/* Propertyshop (PSS) Location search styles end */

/*AD - style fix to stop reason for contact drop down from having incorrect indentation */
div#SectionMessageDetails select#ContactTypeID {margin:5px 0 0 5px;}
/*AD - end style fix */

DIV.PropertySearchTabBar
{
  /*height:3.4em;*/
  width: 600px;
  margin-left: 2px;
  display: inline-block;
}

DIV.PropertySearchTab,
DIV.PropertySearchTabSelected
{
  float: left;
  height: 43px;
  font-weight:700;
  text-align:center;
  width: 285px;
  position:relative;
  border: 1px solid #A49CA0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color:#E6E6E6;
  /*margin-top:0.4em;*/
  padding: 0;
}
 DIV.PropertySearchTabSelected
 {  
  /*line-height: 4em;*/
  border-bottom: none;
  background-color:#fff;
  margin-top: 1px;
  line-height: 4em;
}

DIV.PropertySearchTab
{
  margin-top:0.4em;
  height:39px;
  line-height: 3em;
}
 
#SearchHintInformationToggle
{
  cursor:pointer;
  color:#3F89A9; 
  margin:5px;
  border: 1px solid #3F89A9;
  background-image: url('/Allocations/Images/blue-exclamation.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  padding: 10px 5px 10px 40px;
  display: block;
  clear:both;
  width:90%;
}