/*
 * Filename:     Layout.css
 * Description:  Main stylesheet for SinglePoint Search. Holds style an layout of common
 *               elements of the SinglePoint Search web site.
 * Copyright:    2008 - 2015 Aligned Assets Limited
 * 
 * Modification History:
 *
 * Version Date         Modifier             Issue# Description
 * 001     21.09.2008   Nic Claassen        IT12274 Initial version.
 * 002     09.10.2008   Nic Claassen          WI802 Changed styles to optimise for 1024 X 768 display
 * 003     10.10.2008   Nic Claassen          WI803 Changed medium fonts to small and small fonts
 *                                                  to x-small
 * 004     10.10.2008   Nic Claassen          WI804 Added some new styles for address page layout
 * 005     21.10.2008   Nic Claassen          WI797 Created new styles to layout the pager on the
 *                                                  results page.
 * 006     23.10.2008   Nic Claassen         WI1041 Defined some styles for the mapping container
 * 006     03.11.2008   Nic Claassen          WI685 Add styles for Quick Search & Advanced Search
 *                                                  links.
 * 007     12.01.2009   Nic Claassen         WI1518 Changes search links alignment to improve look
 *                                                  for demo
 * 008     24.06.2009   Eileen Reid          WI3003 AdvancedSearchFieldTitle modified - width increased to 140px.
 *                                                  AdvancedSearchCheckBox added.
 * 009     05.08.2009   Eileen Reid          WI3003 AdvancedSearchFieldTitle and made wider AdvancedSearchFieldGroup
 * 010     12.08.09     Eileen Reid          WI3846 New classes AdvancedSearchFieldListTitle and AutoCompletionList
 * 011     01.09.09     Eileen Reid          WI4075 text-align:left added to topSearchBlockAdapters. New classes
 *                                                  for FeedbackPanel. addressdetailsmenu and addressdetails 
 *                                                  colours modified to fit in with SP
 * 012     02.09.09     Eileen Reid          WI4082 panelHeader removed as no longer used. 
                                                    New classes for new UI layout and styling
 * 013     10.09.09     Eileen Reid          WI4082 New links panel classes
 * 014     15.09.09     Eileen Reid          WI4082 IE8 style fixes
 * 015     22.09.09     Eileen Reid          WI4144 AdvancedSearchFieldGroup made wider. Text Align right removed
 *                                                  from field textboxes class
 * 016     22.09.09     Eileen Reid          WI4082 AdvancedSearchCheckBox class removed as no longer needed
 * 017     30.09.09     Eileen Reid          WI4210 Changing adapter tabs to checkboxes
 * 018     19.10.09     Carl Nunn            WI4435 Various changes to ensure adapter panels appear consistently 
 * 019     08.04.10     Carl Nunn            WI5241 Show Result lines correctly when searching other adapters
 * 020     25.05.10     Carl Nunn            WI5239 Add addressFieldBox
 *
 * Version 2.4
 * 021		  03.06.10	 Keith Griffiths		        WI5464	Changed link colour to Blue as per Internet Standard.
 * 022    20.09.10  Carl Nunn                WI4886 Set addressFieldBox width and remove padding from contentcontainer class
 *
 * Version 2.5
 * 023		  19.04.11	 Keith Griffiths		        WI10181 Created css class for footer on advancedsearch page.
 * 024    16.06.11  Keith Griffiths          WI10893 Added .status width and submitButton class.  
 * 025    23.06.11  Anil Poonia              WI10980 Added .resulthelpLink to display Help link on result page.
 *
 * Version 3.0
 * 025  30.10.11   Keith Griffiths           WI12438 Fix issue with AdaptersPanel.
 * Version 4.1.0.0
 * 026  08.03.12   Anil Poonia               WI18123 Changed padding of LinksPanel to display menu tabs at correct place.
 * Version 4.4.0.0
 * 027  30.08.14   Anil Poonia               WI22820 Added new css class for wilkes adapter. Used on Results.aspx and wilkes map page.
 * 028  27.12.14   Anil Poonia               WI23221 Added numericfieldvalidationmessage to display validation message on advanced search page.
 * 029  12.02.15   Umar Ehsan                WI24132 Removed comma as this is not needed here.
 * 030  13.02.15   Umar Ehsan                WI24132 Added xdm textbox and adjusted width for normal textbox.
 * 031  19.02.15   Umar Ehsan                WI24134 fixed business name overlay issue and got rid of some errors in the css.

    */

/* the header of all content panels (search panel, results panel, address panel etc.) */
.panelHeader {
    padding: 0px 0px 7px 10px;
    font-size: small;
    color: White;
}


/* basic layout of all elements within each page of this project */
body {
    background-color: #4473c5;
    background-image: url(../images/ContentBg_1003.jpg);
    background-position: center;
    background-repeat: repeat-y;
    border: 0;
    color: black;
    font-family: verdana;
    font-size: 68%;
    height: 100%;
    margin: 0;
    max-height: 100%;
    padding: 0;
}

/* how should emphasized text appear? */
em {
    font-style: normal;
    text-decoration: underline;
}

/* this wraps everything on the page except for the settings at the top */
div.mainContainer {
    width: 983px;
    height: 1%;
    margin: 0 auto;
}

/* layout for the copyright and disclaimer */
div#footer {
    padding-top: 40px;
    text-align: center;
}

/* container of a single address line where full addresses are displayed */
div.addressLine {
    min-height: 1px; /*Firefox*/
    height: auto !important; /*IE7*/
    height: 1px; /*IE6*/
}

/* container of the title of a single address element where full addresses are displayed */
div.addressElementTitle {
    width: 120px;
    height: 20px;
    overflow: hidden;
    float: left;
    padding: 2px 20px 2px 5px;
}

/* container of the value of a single address element where full addresses are displayed */
div.addressElementValue {
    overflow: hidden;
    width: 400px;
    padding: 2px;
    height: 20px;
}

/* container for the menu bar between the banner and the page content */
div.topMenuBar {
    height: 40px;
    overflow: hidden;
    background-image: url(../images/MmuBarBg.jpg);
    background-repeat: repeat-x;
}

/* button on the menu bar */
.menuLink {
    float: left;
    width: 150px;
    color: White;
    font-size: small;
    margin: 10px 0px 0px 0px;
    border-right: 1px dotted Navy;
    text-align: center;
}

    /* active link button on the menu bar */
    .menuLink a {
        text-decoration: none;
        color: White;
    }

        /* active link button on the menu bar mouseover behaviour */
        .menuLink a:hover {
            text-decoration: underline;
        }

/* link button terminator at the end of the list of menu buttons on the menu bar */
.menuTerminator {
    margin: 10px 0px 0px 0px;
    height: 15px;
}

/* the rounded corner button that fires of searches */
div.searchButton {
    background-image: url(../images/SearchBtn.jpg);
    width: 86px;
    height: 40px;
}

    /* mouseover behaviour of the rounded corner button that fires of searches */
    div.searchButton:hover {
        background-image: url(../images/SearchBtnH.jpg);
        cursor: pointer;
    }

/* the rounded corner button that clears the search box */
.clearButton {
    margin-left: 5px;
    background-image: url(../images/ClearBtn.jpg);
    width: 86px;
    height: 40px;
    float: right;
}

    /* mouseover behaviour of the rounded corner button that clears the search box */
    .clearButton:hover {
        background-image: url(../images/ClearBtnH.jpg);
        cursor: pointer;
    }

/* format of the text inside asp:LinkButton controls used for buttons in this project */
.button {
    padding: 2px 5px 2px 5px;
    text-align: center;
    text-decoration: none;
    color: Navy;
    min-height: 1px; /*Firefox*/
    height: auto !important; /*IE7*/
    height: 1px; /*IE6*/
}

    /* mouseover behaviour of the text inside asp:LinkButton controls used for buttons in this project */
    .button:hover {
        cursor: pointer;
    }



.contentContainer {
    /*padding: 15px 15px 40px 15px;*/
    min-height: 1px; /*Firefox*/
    height: auto !important; /*IE7*/
    height: 1px;
}

.resultLine {
    min-height: 1px; /*Firefox*/
    height: auto !important; /*IE7*/
    height: 1px; /*IE6*/
    /*padding: 5px 0px 5px 10px;*/
    font-size: small;
}

.resultLink {
    width: 100%;
    padding: 5px 0px 0px 10px;
}

a.resultInfoLink:link {
    color: #4272db;
    background: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a.resultInfoLink:active {
    color: #4272db;
    background: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a.resultInfoLink:visited {
    color: #4272db;
    background: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

a.resultInfoLink:hover {
    color: #4272db;
    background: #ffffff;
    font-weight: bolder;
    text-decoration: none;
}

.resultInfo {
    padding: 0px 0px 5px 10px;
    font-size: x-small;
    margin-top: -15px;  /*UE WI24134*/
}

.resultData {
    min-height: 1px; /*Firefox*/
    height: auto !important; /*IE7*/
    height: 1px; /*IE6*/
    padding: 5px 0px 5px 10px;
    text-indent: -10px;
}

/* The footer panel of the results page which holds the pager */
.resultPanelFooter {
    padding: 7px 0px 0px 10px;
    font-size: small;
    color: Black;
}

.selectedPage {
    font-weight: bold;
}

/* style the pager links to not indicate that they have been clicked before */
.resultPanelFooter a {
    color: #043385;
    text-decoration: none;
}

    .resultPanelFooter a:visited {
        color: #043385;
        text-decoration: none;
    }

/* used where the footer must appear at the bottom of the browser window like in 
   SimpleSearch.aspx */
.footerAbsoluteBottomContainer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    height: 70px;
}

/* used where the footer must appear at the bottom of the browser window like in 
   AdvancedSearch.aspx */
.footerAbsoluteBottomContainer2 {
    position: static !important; /*IE7*/
    bottom: 0px !important; /*IE7*/
    left: 0px !important; /*IE7*/
    right: 0px !important; /*IE7*/
    text-align: center !important; /*IE7*/
    height: 70px !important; /*IE7*/
}

/* used where the footer is to appear on a footer bar */
.footerOnBar {
    margin-left: auto;
    margin-right: auto;
    width: 983px;
    background-image: url(../images/CopyrightBanner.jpg);
    background-repeat: repeat-x;
    color: White;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* wraps all the fields on the mail address page */
.addressContainer {
    padding: 20px;
    width: 400px;
    float: left;
    min-height: 1px; /*Firefox*/
    height: auto !important; /*IE7*/
    height: 1px; /*IE6*/
}

/* the style of title text on the address page that appear above the address value */
.addressFieldTopTitle {
    font-weight: bold;
    padding-bottom: 3px;
}

/* the style of title text on the address page that appear left of the address value */
.addressFieldLeftTitle {
    font-weight: bold;
    padding-top: 10px;
    width: 190px;
    float: left;
}
/* the style of title text on the address page that appear left of the address value */
.addressFieldInfo {
    /*padding-top: 2px;
  padding-bottom: 15px;*/
    width: 395px;
    float: left;
}
/* style of field values floating to the right of addressFieldLeftTitle */
.addressFieldRightValue {
    text-align: right;
    height: 25px;
    padding-top: 4px;
}

/* style for each line of the fields that display uprn, usrn, easting and northing */
.addressFieldLine {
    min-height: 1px; /*Firefox*/
    height: auto !important; /*IE7*/
    height: 1px;
}
/* style for each line of the auto generated field boxess */
.addressFieldBox {
    padding-top: 2px;
    width: 200px;
    margin-right: 0px;
}

/* the iframe which serves as container for the map */
.mapWindow {
    margin-left: 5px;
    margin-top: 37px;
    height: 600px;
    width: 650px;
    border: 1px solid #b3b0b0; /*#7f9db9*/
}

/* The div for the currently selected search type text */
.SearchTypeNonClickable {
}

/* The link styling - see above */
.SearchTypeClickable a {
    color: white;
    text-decoration: none;
}

    /* The link styling on mouseover - see above */
    .SearchTypeClickable a:hover {
        text-decoration: underline;
    }

/* The div that holds related advanced search fields on the advanced search page */
.AdvancedSearchFieldGroup {
    width: 907px;
    padding: 10px 0px 10px 20px;
}

/* The div that holds an advanced search field caption */
.AdvancedSearchFieldTitle {
    width: 251px;
    float: left;
    padding-top: 7px;
}

/* The div that holds an advanced search multi list field's caption */
.AdvancedSearchFieldListTitle {
    width: 244px; /*must be 7px less than AdvancedSearchFieldTitle's width due to checkbox list padding*/
    float: left;
    padding-top: 7px;
}

/* The div that holds an advanced search field text box */
.AdvancedSearchFieldBox,
.AdvancedSearchAutoCompleteTextBox {
    padding-top: 3px;
}

.AdvancedSearchFieldTextBox, .mailtextbox, .textbox, .xdmtextbox /*UE WI24132*/
{
    border: solid 1px #b3b0b0; /*was  #7f9db9*/
    min-height: 20px;
}

.textarea {
    border: solid 1px #b3b0b0; /*was  #7f9db9*/
    min-height: 20px;
    width: 90%;
}

.longforminput
{
  border: 1px solid #b3b0b0;
  height: 17px;
  width: 300px;

}

.textbox {
    overflow: hidden;
    height: 100px;
    width: 224px; /*UE WI24132*/
    padding: 3px;
    border: solid 1px #b3b0b0; /*was  #7f9db9*/
    /*background-color: #FFFFA0;*/
    background-color: #FFFFFF;
}


/* container div on Advanced Search page which holds the search buttons */
.advSearchBottonsContainer {
    /*width: 923px;*/
    padding: 5px 0px;
    background-color: White;
    text-align: right;
}

/* container div on Advanced Search page which holds the Help Link */
.advHelpLink {
    padding: 5px 0px;
    background-color: White;
    text-align: left;    
}


.advSearchBottonsContainer .SearchButton {
    margin-right: 5px;
}

.topSearchBlockContainer {
    width: 368px; /*needs to be 8px bigger than QuickSearchBlock for right padding*/
}

.QuickSearchBlock {
    width: 375px; /*needs to be 8px smaller than topSearchBlockContainer for right padding*/
}


.QuickSearchBlock {
    position: relative;
    height: 57px;
}

.QuickSearchPage .SearchBox {
    width: 100%;
    margin-left: 4px; /*to put textbox in line with adapter checkboxes*/
    margin-top: 5px;
    padding: 2px;
}

.QuickSearchBlock .SearchBox {
    width: 360px;
    margin-left: 1px; /*to put textbox in line with adapter checkboxes*/
    margin-bottom: 3px;
    margin-right: 4px;
}



.QuickSearchBlock .searchLink {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 177px;
}

    .QuickSearchBlock .searchLink .HelpLink {
        position: absolute;
        top: 20px;
        margin-right: 25px;
        /*position:absolute;
    bottom:10px;
    left:10px;
    margin-right:25px; /*to put textbox in line with adapter checkboxes*/
    }

.QuickSearchBlock .QuickSearchButtonsContainer {
    position: absolute;
    bottom: 7px;
    right: 7px;
    /*width:200px;*/
}


/* the adapters panel on the QuickSearchBlock user control */
.QuickSearchBlock .topSearchBlockAdapters {
    text-align: left;
}

/* QuickSearchBlock container on pages that host the QuickSearchBlock at the top of the page */
.topSearchBlockContainer {
    float: right;
    padding-right: 0px;
    padding-top: 10px;
}


/*QuickSearch.aspx styles*/
.QuickSearchPage {
    height: 70px;
    position: relative;
}

.AdvancedSearchPage,
.QuickSearchPage {
    width: 950px;
}

    .QuickSearchPage .searchDiv {
        text-align: right;
    }

    .QuickSearchPage .searchLink {
        /*position:absolute;
    bottom:10px;
    left:10px;
    margin-left:8px;*/ /*to put textbox in line with adapter checkboxes*/
    }


    .QuickSearchPage .QuickSearchButtonsContainer {
        position: absolute;
        right: 15px;
        bottom: 7px;
    }

    .QuickSearchPage .SearchBox {
        border: solid 1px #4473c5; /*was  #7f9db9*/
    }

/*End QuickSearch.aspx styles*/

/* The links on tabs like the one used on the AdvancedSearch.aspx page */
.tabLink {
    padding-bottom: 7px;
    text-align: center;
}

    .tabLink a {
        color: White;
        text-decoration: none;
    }

        .tabLink a:hover {
            text-decoration: underline;
        }

.submitButton /*KG WI10893*/ {
    padding-right: 14px;
}

.AutoCompletionList {
    overflow: auto;
    max-height: 200px;
    border-width: 1px;
    border-style: solid;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.FeedbackPanel .CommentsTextBox,
.FeedbackPanel .FromTextBox,
.FeedbackPanel .CommentsTextBox {
    /*float:left;
    color:Green;*/
    width: 300px;
}


.FeedbackPanel {
    margin: 5px;
}

.Status {
    color: red;
    margin: 5px;
    width: 370px; /*KG WI10893*/
}

.addressdetailsmenu {
    font-size: 12px;
    word-spacing: 2pt;
    text-align: center;
    BACKGROUND-IMAGE: url(../images/MmuBarBg.jpg);
    OVERFLOW: hidden;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 40px;
    border: none;
    /* Origional Colours*/
    /*
  height: 30px;
  background-color: #949fcd; 
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
  border-right: 2px solid #808080;*/
}

.addressdetails {
    text-align: left;
    font-weight: normal;
    font-size: 9pt;
    word-spacing: 2px;
    font-family: Verdana;
    /*padding: 10px 10px 10px 10px;*/
    background-color: whitesmoke;
    /* Origional Colours*/
    /*background-color: #FFFFA0;  
  border-left: 2px solid #ccc;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;

  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px;
border-radius: 5px;
  border-collapse: collapse !important;*/
    border: none !important;
    border-radius: 15px;
}

.linksSeperatorLabel {
    color:#558be8;
}
/*
addressdetails th, table td { border: none !important }
addressdetails th:first-child {
  -moz-border-radius: 5px 0 0 0 !important;
}
addressdetails th:last-child {
  -moz-border-radius: 0 5px 0 0 !important;
}
addressdetails tr:last-child td:first-child {
  -moz-border-radius: 0 0 0 5px !important;
}
addressdetails tr:last-child td:last-child {
  -moz-border-radius: 0 0 5px 0 !important;
}
    */
.AddressDetailPage .mapWindow {
    margin-top: 0px; /*need to override margin that map in AddressPage has*/
}

.AddressDetailsLineBorder {
    border-style: solid none none none;
    border-width: 1px;
    border-color: #b3b0b0;
}

.AdaptersPanel {
    float: left;
    padding-left: 0px; /*WI12438*/
}

.searchDiv /*holds search link*/ {
    text-align: right;
}

.searchLink {
    color: blue;
    text-decoration: underline;
}

/* --AP WI10980++ */
.resulthelpLink {
    color: blue;
    text-decoration: underline;
    position: absolute;
    top: 0px;
    right: 120px;
}
/* --AP WI10980-- */

.SearchFieldsContainer {
    clear: both;
    border: solid 1px #4473c5; /*#7f9db9;*/
    margin-left: 3px; /*to put in line with checkboxes*/
    padding-right: 5px;
}

.topMenuBar .titleLabel {
    color: White;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 18px;
    display: block; /*display must be block to be able to set margins on a label*/
}

.PageTitleLabel {
    text-align: center;
    display: block;
    margin: 40px 0px 0px 20px;
    float: left;
    font-size: 24px;
    width: 437px;
}

.resultsTopPanel .PageTitleLabel,
.addressDetailTopPanel .PageTitleLabel,
.addressTopPanel .PageTitleLabel {
    width: 407px; /*override width to make smaller as these pages have quick search bloack on so need more space on right */
}


.LinksPanel {
    padding: 10px 0px 0px 10px; /*AP WI18123*/
    text-align: left;
}

.LinksPanel .NotSelectedLink {
    color: White;
}


.LinksPanel .NotSelectedLink:hover, .LinksPanel .SelectedLink:hover /*UE WI24134*/{
    color: red;
}

/* The div that holds related advanced search fields on the advanced search page */
.AddressFieldGroup {
    padding: 10px 0px 10px 20px;
}

/* The div that holds an advanced search field caption */
.AddressFieldTitle {
    width: 107px;
    float: left;
    height: auto !important; /*IE7*/
    padding-top: 7px;
    font-weight: bold;
}

/* The div that holds an advanced search multi list field's caption */
.AddressFieldListTitle {
    width: 100px; /*must be 7px less than AdvancedSearchFieldTitle's width due to checkbox list padding*/
    float: left;
    height: auto !important; /*IE7*/
    padding-top: 7px;
}

/* The div that holds an advanced search field text box */
.AddressFieldBox {
    height: auto !important; /*IE7*/
    padding-top: 3px;
}


div.aapanel1styleMiddle {
    background-color: White;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

div.aapanel1styleBottom {
    height: 7px;
}

div.aapanel1styleBottomLeft {
    float: left;
    width: 7px;
    height: 7px;
    background-image: url(BottomLeft.aaimage?type=corner&position=BottomLeft&radius=5&outsideColor=~D7DEF8&insideColor=White);
}

div.aapanel1styleBottomRight {
    float: right;
    width: 7px;
    height: 7px;
    background-image: url(BottomRight.aaimage?type=corner&position=BottomRight&radius=5&outsideColor=~D7DEF8&insideColor=White);
}

div.aapanel1styleBottomMiddle {
    background-color: White;
    height: 7px;
}

/*AP WI22820++*/
.resultLinkWilkes {
    float: top;
    width: 100%;

}
a.resultLinkWilkes:link {
    width: 100%;
    text-decoration: none;
}
a.resultLinkWilkes:visited {
    width: 100%;
		color: #4272db;
    text-decoration: none;
}
a.resultLinkWilkes:active {
    width: 100%;
		color: #4272db;
    text-decoration: none;
}
a.resultLinkWilkes:hover {
    width: 100%;
    text-decoration: underline;
}

.AddressLinkImage {
	padding:0px 0px 10px 0px;
}

.AddressLinkImageWilkes{
    float: left;
		padding:1.5px 0px 0px 0px;
}

.resultInfoWilkes {
    float: top;
    font-size: x-small;
		padding:0px 10px 11px 10px;
}

 .wilkesMapWindow {
    margin-left: 0px;
    margin-top: 0px;
    height: 250px;
    width: 570px;
    border: 1px solid #b3b0b0; /*#7f9db9*/
}

.wilkesMapcanvas {
height:100%;
width:75%;
float:left;
}

.wilkesMapPano img{
height:100%;
width:25%;
float:right;
border:0;
}

.divResultPlaceHolder{
	 padding: 5px 20px 5px 20px;
}

.arrowImgInitialize{
float:right;
margin-top:-20px;
}

.arrowImg{
float:right;
background-color:#f5f5f5;
height:30px;
margin-top:-20px;
}

.arrowImgChrome{
float:right;
background-color:#f5f5f5;
height:30px;
margin-top:0px;
}

.wilkesDetailsPane {
background-color:#f5f5f5;
width:100%;
}
/*AP WI22820--*/
/*AP WI23221++*/
.NumericFieldValidationMessage {
color:red;
}
/*AP WI23221--*/