/*#region HTML, Body and other generic selectors style */

/* Fix HTML5 elements for older browsers */
header, nav, section, article, aside, footer {
   display:block;
}
body 
{ 
    margin: 0em; padding: 0em;  font-size: 13px;
    font-family: Verdana, sans-serif, Helvetica;
    color: #333; width: 100%; /* background: #C1C1C1; */
    -webkit-font-smoothing: antialiased;
}
body.embedded 
{
    background: #fff;
}
footer { background: #fff; }
hr {clear:both; }
P { COLOR: #333; padding: 0em; }
tfoot td 
{
    padding-top: 1.5em;
}
/*#endregion HTML, Body and generic selectors style */

/*#region Form elements(Label and Input type) related styles */
FORM
{
    padding: 0em 0.3em;
    margin: 0px;
    overflow:auto; 
}

a > img 
{
    border: none;
}

FORM.nomisweb_prefs
{	
	margin: 0px;
	margin-left: 15.5em;
}

/* Any link with a target specified has a little icon to show it opens a new window */
a[target]:not([target=""]):after
{
    content: url('/images/plus.gif');
    margin-left: 0.2em;
}

a:visited { color: #551A8B; }
.query_container a:visited, #query-selection-methods a:visited { color: #00b; }

FORM.report_form, FORM.nomisweb_query {	margin: 0px; }
FORM.report_form h2 {  clear: both; }
FORM#report, form[name="distgroupform"], FORM#Form1{
    overflow:inherit; 
    background-color:white;
}

form[name="topicsearch"] { min-height:3em; }

form h2, h2.sub-section-header 
{
    border-bottom:1px solid #ccc;  padding-bottom:0.25em;
    margin-top: 0.5em;  margin-bottom: 0.25em;
}

input[type="button"], input[type="submit"], input[type="reset"], .selectLink
{    
    color: #005AA0;
    background: #fff;
    border: 0.2em solid #005AA0;
    padding: 0.2em 1em;
    margin: 0.1em 0em;
    font-size: 0.9em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus,
input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus,
.selectLink:hover, .selectLink:active, .selectLink:focus
{
    background-color: #005AA0;
    color: #fff;
    text-decoration: none;
}
input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled
{
    background-color: #fff;
    border-color: #b0b0b0;
    color: #555;
    cursor: default;
}

input[type="button"].subtle, input[type="submit"].subtle, input[type="reset"].subtle
{
    padding: 0.2em;
    font-size: 0.9em;
    color: #00B;
    background: inherit !important;
    text-decoration: underline;
    border: none;
}
input[type="button"]:hover.subtle, input[type="button"]:active.subtle, input[type="button"]:focus.subtle,
input[type="submit"]:hover.subtle, input[type="submit"]:active.subtle, input[type="submit"]:focus.subtle,
input[type="reset"]:hover.subtle, input[type="reset"]:active.subtle, input[type="reset"]:focus.subtle
{
    color: #A00;
}

.hook-point 
{
    display: inline;
}

.hook-point input { border: none; margin-left: 0.5em; }

.inputLabel
  {
      display: inline-block;
      width: 150px;
  }

/*
input[type="submit"].searchIcon
{
    background-image: url('/images/profile-search-icon.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1.35em 1.25em;
    color:#86983B;
}
*/
.user-guide-text { display:normal; }
#important-note-header 
{
    margin-left: 0;
    background: #F2E3B4;
    padding: 0.5em;
    font-weight: bold;
}
#important-note-header + div 
{
    border: 0.1em solid #F2E3B4;
}

/* Progress bar style */
#progressbar {
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #333;
    margin: 0px !important;
    height: 2.5em;
}
#progress-label {
    position: absolute;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding-top: 0.8em;
    font-size: 0.8em;
    color: #fff;
}
.ui-progressbar-value 
{
    background: #005AA0;
    margin: 0px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0px;
}
/* End progress bar style */

/* Table of contents in data download */
.contents-link 
{
    margin-bottom: 0em;
}

.contents-description 
{
    font-size: 0.9em;
    color: #555;
    margin-bottom: 1.5em;
}

.table-navigation 
{
    background: none repeat scroll 0% 0% #CDE7F9;
    padding: 1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.table-navigation a 
{
    margin-left: 1em;
    text-decoration: none;
}

#table-tools input 
{
    width: 17em;
}
/* End Table of contents in data download */

.required-field 
{
    font-weight:bold; color:#f64206;
    margin:0em; padding:0.5em;  padding-top:1em;
}

.obscure {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
} 

.multi-column 
{
    column-count:3;
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
}

.selection-list1 
{
    padding-left: 0;
    list-style: none;
    margin-top: 1em;
    
    column-count:1 !important;
    -moz-column-count:1 !important; /* Firefox */
    -webkit-column-count:1 !important; /* Safari and Chrome */
}

.selection-list2 
{
    padding-left: 0;
    list-style: none;
    margin-top: 2em;
}

.query-selection-item
{
    margin-bottom: 0.5em;
}

.query-selection-item > input 
{
    float: left;
    margin-top: 0.3em;
}

.query-selection-item > div 
{
    /*white-space: nowrap; */
    margin-left: 1.5em;
}

#myaccount-form1-wrapper 
{
    margin:0em; padding:0em; width:100%;
    height:auto;  overflow:auto;
}

#myaccount-form1-wrapper ul {list-style:none; margin:0em; padding: 0em;}
#myaccount-form1-wrapper ul li {display:inline-block; padding:0.5em 0.5%; width:13%;}
#myaccount-form1-wrapper ul li input {padding: 0.32em; width:100%;}    
#myaccount-form1-wrapper ul li.title-column,
#myaccount-form1-wrapper ul li.tel-area-column {width:8%;} 
#myaccount-form1-wrapper ul li.action-column {width:10%;} 
#myaccount-form1-wrapper ul li.action-column input {width:auto !important;} 
#myaccount-form1-wrapper ul li.email-column {width:20%;} 
#myaccount-form1-wrapper ul#row-header li {font-weight:bold;}

/* Wrapper div for each label and corresponding input element */
div.label-and-input-wrapper 
{
    margin: 0em;  padding: 0.5em 0em;
    width: 100%; overflow: auto;  clear: both;
}

/* When the label is for input elements like textbox, textarea & select */
div.label-and-input-wrapper label.left, 
/* When the input element is checkbox or radio */
div.label-and-input-wrapper input.left {
    margin: 0em; padding-left: 1em; padding-top: 0.5em;
    width: 30%;  float: left;
    font-weight: bold;  font-size: 0.85em; overflow: inherit;   
}

/* When the label is for input elements like checkbox & radio */
div.label-and-input-wrapper label.right, 
/* When the input element is textbox, textarea or select */
div.label-and-input-wrapper input.right,
div.label-and-input-wrapper select.right,
div.label-and-input-wrapper input.right 
{
    margin:0em; padding-left: 0.5em; overflow:inherit;
     float:left;
}

div.label-and-input-wrapper input[type=text],
div.label-and-input-wrapper select.right
{
    width: 40%;  max-width: 40%; 
}



input#applic_invoicepon, input#applic_invoiceothernote, 
input#applic_researchtitle 
{
    margin:0em;  width: 40%;
    max-width: 40%;  overflow:inherit; padding: 0.5em;
}

div.label-and-input-wrapper input[type=checkbox] 
{
    margin:0em; margin-top: 0.35em;
    margin-left: 1em; float:left; overflow:inherit;
}

.composite-data-label {
    font-weight:bold;
    padding:1em; margin:0em;
    width:98%; clear:both; overflow:auto;
} 

.name-details-wrapper{
    padding:1em; margin:0em;
    width:98%; clear:both; overflow:auto;
}

.confirmUK-step1 { margin-top: 1.5em; }

#notice-application-intended-use h2, .notice-details-row h2
{
    margin-top: 3em;
}

.name-details-wrapper ul {
    list-style:none;
    margin:0em; padding:0em; clear:both;
}

.name-details-wrapper li { display:inline-block; }

.name-details-wrapper li:first-child { margin-right:1em;  width:25%; }

.name-details-wrapper label { font-weight:bold; }

.wide-label-container {
    width:70%; max-width:85%; clear:right; overflow:inherit;
}

.notice-details-row a { word-break: normal; }

.cbleft 
{
}

.cbwide-label-container 
{
    width: 95%;
    float: right;
}

.notice-application-prev
{
    margin: 1em 0 2em 0;
}

.notice-application-next 
{
    margin: 2em 0em;
}

input:not([type="hidden"]) + label { /* e.g. when a label follows a checkbox */
	padding-left: 0.7em;
}


fieldset
{
    border: none;
    margin: 1em 0em;
}

fieldset legend 
{
    font-size: 1.1em;
    font-weight: bold;
    padding: 0em;
}

fieldset a 
{
    text-decoration: none;
}

/* Space buttons out nicely when next to each other */
input[type="button"] + input[type="button"],
select + input[type="button"],
label + select,
label + input[type="text"],
input[type="button"] + input[type="checkbox"],
input[type="text"] + input[type="submit"],
label + a
{
    margin-left: 0.7em;
    margin-right: 0em;
}

.obscure + select, .obscure + input 
{
    margin-left: 0;
} 

/* Fix for extra padding when next to a hidden element */
label.obscure + input { margin-left: 0em; }

div.label-and-input-wrapper label + label,
div.label-and-input-wrapper input + input { margin-left:1em; }

INPUT
{
	margin: 0;
    background-color: rgb(245, 249, 252);
    border: 1px solid #ccc;
}

/* Fix for accessibility color check fails */
input, select, option 
{
    color: #333;
}

input[type="text"] 
{
    padding: 0.2em 0.3em;
}

input[type="radio"]
{
	 margin-left: 0em !important;
}

SELECT
{
    padding:0.15em;
    max-width: 25em;
    background-color: rgb(245, 249, 252);
    border: 1px solid #C7C4C4;
    font-size: 1em;
    margin: 0.2em 0em;
}
/*#endregion Form elements(Label and Input type) related styles*/ 

/*#region HTML Header styles */
h1,h2,h3,h4 { color: #444; }
h1 { font-size:1.4em; padding:0em; }
h2 { font-size: 1.2em; font-weight: bold; }
h3, h4 {	font-size: 0.9em; }
/*#endregion HTML Header styles */

/*#region Table related styles */
table { /*min-width: 40%;*/ }
TH { font-size: 1em; }
TD { font-size: 1em; }
TD.tinytext { FONT-SIZE: 0.9em; }
.table-even { BACKGROUND-COLOR: #ffffff; }
.table-head
{
	font-weight: bold;
	color: #000066;
    BACKGROUND-COLOR: #BDD0F2
}
.table-odd { BACKGROUND-COLOR: #ffffff; }

    /*#region Colspan Tables style */
.DataCell, DataValueCell
{
	background-color: #f8f8f8;
	text-align: center;
	padding: 3px;
	border: solid 1px #999999;
}

.DataValueCell
{
    text-align: right;
}

.DataCellDummy
{
	background-color: #f8f8f8;
}

.ColTitle
{
	background-color: #edecfa;
	border: solid 1px #999999;
	padding: 5px;
}

.TableWithoutRowNesting
{
	border-spacing: 0px;
	background-color: #edecfa;
}

.TableWithRowNesting
{
	border-spacing: 0px;
}

.TableTitle
{
	border: solid 2px #999999;
	border-bottom-width: 0px;
	background-color: #eeeeee;
	padding: 5px;
}

.TableFooter
{
	font-style: italic;
	background-color: #ffffff;
	padding: 5px;
}

.TopLeftCell
{
	border: solid 0px #999999;
	border-bottom: solid 1px #999999;
	border-left-width: 2px;
	border-right-width: 1px;
	border-top-width: 1px;
	background-color: #ffffff;
	color: #808080;
}

.NestedRowTitle
{
	background-color: #edecfa;
	border: solid 1px #ffffff;
	background-color: #edecfa;
	padding: 5px;
}

.RowTitleComplete
{
	border: solid 1px #999999;
	border-left-width: 2px;
	border-top-width: 1px;
	padding: 5px;
	border-spacing: 0px;
	background-color: #edecfa;
}

.RowTitlePart
{
	border: solid 1px #999999;
	border-left-width: 0px;
	padding: 5px;
	border-spacing: 0px;
	background-color: #edecfa;
}

.RowTitlePartDummy
{
	border: solid 1px #999999;
	border-right-width: 0px;
	border-left-width: 0px;
	padding: 5px;
	background-color: #edecfa;
}

.RowTitlePartDummyLeftEdge
{
	border: solid 1px #999999;
	border-right-width: 0px;
	border-left-width: 2px;
	background-color: #edecfa;
	padding: 5px;
}

.RowTitleDummy
{
	border-spacing: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 2px #999999;
	background-color: #edecfa;
	padding: 5px;
	font-weight: bold;
	text-align: left;
}
/*#endregion Colspan Tables style*/

/*#endregion Table related styles */

/*#region Links / Anchor elements styles */
A
{
    font-weight: normal;
    color: #0000BB;
    text-decoration: none;
}
A:hover
{
    color: #a00;
    text-decoration: underline
}

a.linkstory { text-decoration: none; }

a.linkstory:hover
{
  text-decoration: underline;  color: #a00;
}

    /*#region .links-list style */
    ul.links-list
    {
	    list-style-type: disc;
	    list-style-image: url(/images/arrow_rm.gif);
	    list-style-position: outside;
	    padding-bottom: 0px;
    }

    ul.links-list li
    {
	    padding-bottom: 5px;
    }

     ul.links-list li.unindented-list-item
    {
	     padding-top:0.35em;
         margin-left:-2em;
    }

    ul.links-list li a:link, ul.links-list li a:active
    {
	     text-decoration:none;
         color:#0000BB;
    }

    ul.links-list li a:hover
    {
	     text-decoration:underline;
         color: #A00;
    }
/*#endregion .links-list style */

/*#endregion Links / Anchor elements styles*/

/*#region List Items related styles*/
li { padding-bottom: 5px;  line-height: 1.5; }

ul.arrowedlist
{
	list-style-type: disc;	list-style-image: url(/images/arrow_r.gif);
	list-style-position: outside;	margin-left: 25px;	padding-bottom: 0px;
}
ul#dash-style-list:last-child { list-style:none; }

UL
{
    MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;  PADDING-TOP: 0px;
}

.ListSelectChosenType
{
	margin: 0px; margin-bottom: 5px; padding: 0px;
}

/*#endregion List Items related styles*/

/*#region Definition List related styles */
dl { margin: 0.15em 0em; }
dl, dl p { color: #333; }

dt
{
    padding: 1em 0em; padding-bottom: 0.2em;
    font-size: 1.5em;  font-weight: bold; text-transform:capitalize;
}

dd 
{
    padding: 0.5em 0.75em;
    margin-left: 1em;
}
dd p:first-child { margin-top:0em; }
dt a
{
    font-size: 0.8em;
    text-decoration: none;
}

dd dt
{
    padding: 0.5em 0em;
    padding-bottom: 0em;
    font-size: 1.35em;
    font-weight: bold;
}

dd dd dt
{
    padding:0em;
    font-size: 1.25em;
    font-weight: bold;
}
/*#endregion Definition List related styles */

/*#region Image related style specs */
img.census-2011-data-logo {
        float:right; width:7em;
        height:7em; border:none;
        }

img.advanced-query-icon, img.query-wizard-icon {
        border: none;
        }

img.advanced-query-tree-icon { width:1.25em; height:1em; border:none;}

#query-component-metadata
{
    padding-top: 1em;
}

.nomislogo
{
	float: right;
}

.icon{
    border:none;
    width:1em; 
    height:auto;
}

img.article-print-icon {
    height:1.2em;
    width:1.2em;
    border:0;
}

/*#endregion */

/*#region Shared / Global Layout selectors styles */

    /*#region The 'Skip to content' link style */
    .hidden-until-focus a 
    {   position: fixed; margin-left: -1500px;
        font-size: 0.9em; color: #333;
        padding-left: 1.6em; float: left;
        text-decoration: none; width: 15em;
        display: block;
    }
    .hidden-until-focus a:focus, .hidden-until-focus a:active
    {
        margin-left: 0px;
    }
    .hidden-until-focus a:hover
    {
        color: #a00;
    }
    /*#endregion */

    /*#region The 'page-wrap' id related styles */
    #page-wrap, #release-dates-inner-wrapper {    
        padding:2em 2em 5em 2em;  
        background-color:#ffffff;
    }

    #page-wrap {
	    padding-top: 0.5em;
    }
    /*#endregion The 'page-wrap' id related styles*/

    /*#region The nav links, 'page-heading-and-sub-nav' & 'breadcrumbs' related style */
    /*wrapper for nav links and main page content*/
    #org-name-and-logo-wrapper 
    {    
         padding: 0em 2.4em 0em 1.2em;
         overflow:auto; clear:both; 
         background: #FFFFFF;
    }
    .sub-title-section 
    {
        position: relative;
        top: -0.75em; 
        padding: 0em 0.2em;
    }

    #nomis-top-main-nav-wrapper 
    {    
        margin: 0em;
        padding: 0.3em 2em;
        background-color: #0B0C0C;
        color: #fff;
    }

    #main-nav-and-content-wrapper {
         margin: 0 auto; 
         padding:0em;
         overflow:auto; clear:both;
    }

    #page-heading-and-sub-nav > h1, 
    #page-heading-and-sub-nav > form > h1, 
    h1#login-sign-in-heading
    {    
        text-decoration: none;
        border: none;
        padding: 1em 0em 0.5em 0.4em;
        margin: 0em;
        margin-bottom: 0em;
        font-size: 1.8em;
        color: #404040;
        font-weight: bold;
    }

    #page-heading-and-sub-nav > h1 > a, 
    #page-heading-and-sub-nav > form > h1 > a
    {	
        text-transform: none;
        margin-left: 2em;
	    font-size: 0.55em;
	    text-decoration: none;
    }

    .sub-title-section > a
    {	
        text-decoration: none;
        margin-left: 2em;
	}

    #page-heading-and-sub-nav > h1 {
        padding-left: 0em !important;
        overflow:auto;
    }

    #page-heading-and-sub-nav
    {    
        padding: 0em;
        padding-left: 2em;
        border-left: none;
        border-right: none;
    }

    #page-heading-and-sub-nav nav {
	    padding: 1em;
border: 0.3em solid #efefef;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    }

    #nomis-top-main-nav-wrapper nav 
    {
    }

    #site-nav-banner
    {	
        z-index: 100; /* Make sure this sits on top of other content */
	    background: #fff;
    }

    #breadcrumbs-wrapper 
    {    
        color: #fff;
        padding: 0.3em 0em;
        min-height: 1.3em;
        margin-left: 2em;
        margin-right: 2em;
        background: #005AA0;
        border-bottom: 0.1em solid #FFFFFF;
    }

    #breadcrumbs-wrapper.breadcrumbs-empty 
    {
    }
    
    /*#region CSS for fixed floating menu at top of page */
    #breadcrumbs-wrapper.breadcrumbs-wrapper-fixed
    {    
        position: fixed;
        top: 0em;
        width: 100%;
        z-index: 5100;
    }

    #nomis-top-main-nav-wrapper.nomis-top-main-nav-wrapper-fixed
    {
        position: fixed;
        top: 0em;
        width: 100%;
        z-index: 5900;
    }

    #page-heading-and-sub-nav.page-heading-and-sub-nav-fixed 
    {
        position: fixed;
        top: 0em;
        width: 100%;
        z-index: 5100;
        border-bottom: 0.3em dotted #C2C2C2;
    }


    /*#endregion CSS for fixed floating menu at top of page */
    
    /*#endregion The 'page-heading-and-sub-nav' & 'breadcrumbs'-related style */

    /*#region The My Account section related styles */
#nomis-my-account-info a {text-decoration: none;}

#nomis-my-account-info a:hover, 
#nomis-my-account-info a:active, 
#nomis-my-account-info a:focus { text-decoration: underline; }

h1#login-sign-in-heading{margin-bottom:1em;}

#login-username, #login-password { padding-bottom: 1em; }

#contact-us-page { overflow: auto !important; }

.input-field-group 
{
    padding: 1em;
    margin: 1em 0em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.input-field-group li 
{
    list-style: none;
    padding: 0.5em;
}

.input-field-group label
{
    display: inline-block;
    min-width: 10em;
    font-weight: bold;
}
/*#endregion The My Account section related styles */

    /*#region The 'descriptive-content-section' styles */
.descriptive-content-section
{
    margin: 0em; overflow:inherit;  padding: 0em 0em 2em 0.2em;    
    border-radius: 0px 0px 4px 4px;  -moz-border-radius: 0px 0px  4px 4px; -webkit-border-radius: 0px 0px 4px 4px;
}

.descriptive-content-section div#labour-profile-wrapper { margin:0em; overflow:hidden; max-width: 65em; margin-left: 1em; }

.descriptive-content-section h1 {
    text-transform: capitalize;
    color: #44474D !important;
    padding: 0.5em 1em 0.35em 0em !important;
    margin-top: 0.2em;
    border-bottom: 1px solid #77807F;
    border-bottom: solid 1px #B3B4B2 !important;
}

#page-heading-and-sub-nav .descriptive-content-section {padding: 1em 2em 0em 2em;}

#site-search
{
    min-height: 0 !important;
    display: inline-table !important;
    margin: 5px 0 0 0 !important;
    padding: 5px 10px;
    background: #d1d9c6;
}

#site-search-term 
{
    background: #fff;
    font-size: 1em;
    margin: 0;
    border: none;
    color: #333;
    margin-right: 0.5em;
    padding: 0.3em;
    font-weight: bold;
}

#site-search input[type="submit"]
{
    color: #333;
    margin: 0;
    vertical-align: top;
}

#site-search input[type="submit"]:hover, #site-search input[type="submit"]:focus, #site-search input[type="submit"]:active
{
    color: #fff;
}

.ui-autocomplete 
{
    max-height: 20em;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99999;
    width: 21.8em !important;
    border: 0.2em solid #555;
}


.resultbox .term 
{
    margin: 0;
    margin-right: 2em;
    padding: 0.5em 0 0 0;
    display: inline-block;
}

.term:first-of-type:before {
    content: 'You may be interested in:';
    padding: 0.5em 0 0.5em 0;
    padding-left: 0;
    display:block;
    font-weight: bold;
    color: #666;
}

#panelResults .general-url-result 
{
}

#panelResults .dataset-result 
{
}

#site-search-results UL
{
    list-style: none;
}

.results-in-finder-link 
{
    font-size: 1.3em;
    display: block;
    margin-bottom: 3em;
}

#site-search-results .resultbox
{
    padding: 0.5em;
    margin: 0;
    margin-bottom: 1em;
}

#site-search-results .resultbox h2
{
    border: none;
    margin-bottom: 0;
}

#site-search-results .resultbox p
{
    margin-top: 0;
    margin-bottom: 0;
}

.homepage-source 
{
    display: inline-block;
    width: 45%;
    vertical-align: top;
    padding: 0 3em 1.5em 0;
}

.homepage-source h2 
{
    margin-bottom: 0;
}

.homepage-source a 
{
}
        
.homepage-source p 
{
    padding: 0;
    margin: 0;
}
.descriptive-content-section-wrapper {background: #fff; height:auto;	margin: 0em; padding:0em;}

.descriptive-content-section-wrapper h3
{
    width: auto; height:auto;
    margin: 0em; padding:0.5em 0em; font-size: 1.25em;
}

.descriptive-content-section table {width:98%;}

.descriptive-content-section table.datatable { width:100%;  border-bottom: solid 0px #cccccc;}

.descriptive-content-section table.datatable th.level0, 
.descriptive-content-section table.datatable th.level1 {text-align:left;}

/*#endregion The 'descriptive-content-section' styles */

    /*#region The footer section style */
footer::before 
{
    content: '';
    display: block;
    margin: 0em 2em;
    border-top: 0.5em solid #005EA5;
}

#nomis-footer-wrapper {
    padding: 3em 2em 2em 2em;
    background-color: #333333;
    text-align: center;
    color: #fff;
}

#nomis-footer-wrapper ul{
    display:inline-block;
}

#nomis-footer-wrapper li
{
    float: left;
    list-style-type: none;
}

#nomis-footer-wrapper a
{
    padding: 0px 10px;
    text-decoration: none;
    font-size: 1em;
    color: white;
}

#nomis-footer-wrapper a:hover
{
    text-decoration: underline;
}

#footer-wrapper {
     width: 800px;
     margin: 0 auto; 
     padding:0em 2em; height:2.5em;
     overflow:auto; clear:both; 
     background-color:rgb(171, 175, 175);
}
/*#endregion The footer section style */

    /*#region Standard Message popup Window styles */
/*Style for the iFrame replacment Object*/
div.checkbox-label-container, div.preferences-input-label-container {
    width:90%; padding:0.25em 0em; margin:0em;
  }

div.checkbox-container, div.preferences-input-container {
    max-width: 8%; margin-right: 90%; float: left; padding: 0.5em 0em; margin: 0em; padding-right: 1em; padding-left: 1em;
  }

div.postcode-textbox-label-container {
    width:45%; margin-right:55%; float:left; padding:0.25em 0em; margin:0em; clear:left;
  }

div.postcode-textbox-container {
    width:20%; float:left; padding:0.25em 0em; margin:0em;  
  }

.preferences-section-wrapper{
    margin:0.5em 0em; 
    padding:0em; 
    width: 100%;
    display: inline-block;
}

.preferences-title-label-container {
    margin-bottom:1em; font-weight:bold; 
    clear:both;
}

 .message-popup-window{
     width:100%;
     height:50%;
 }

 div#modalBack body, div#modalBack body form#Form1 {
     margin:0em;
 }

 .metaBox, .codelistBox {
     padding:0.5em;
 }

.preferences-row-wrapper {
    margin: 0em;
    padding: 0em; padding-bottom: 0.5em;
    width: auto;
    clear:both;
    overflow:auto;
    border-bottom: 1px dotted #ccc;
}
.preferences-row-wrapper h2, .preferences-row-wrapper h3 {
    padding: 1.25em 0em 0.45em 0em;
    margin: 0em;
}

.preferences-row-wrapper h3 {
    font-size:0.95em;
}

.preferences-row-wrapper p {
    margin-bottom: 0em;
}

input[type="radio"]{
    margin:0em 1em 0em 0.3em;
}

#message-popup-window-body {
    background-color:white;
}

body#message-popup-window-body div.descriptive-content-section {
    padding:0em;
}

#modalDivHead {
    border-bottom: 1px dashed #BDB4B4;
    overflow: auto;
}

div.preferences-row-wrapper div.input-container {
    margin-bottom:0.5em;
}

/*#endregion Standard Message popup Window styles */

/*#endregion Shared / Global Layout selectors style */

/*#region Miscellaneous style elements */
#nomis-webpage
{
	max-width: 1900px;	margin: 0px auto;
}

.linkbody { text-decoration: none; word-break: break-word; }

.related-navigation
{
    float: left; width: 18em;
}

.related-navigation h1, .select_methods h1 {
    font-size: 1.3em;  font-weight: normal;
}
.related-navigation ul, .select_methods ul
{
    list-style: none;  margin-left: 0em;  padding-left: 0em;
}
.related-navigation li { padding-bottom: 1em; }

#compdiv 
{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #F9F8E5 !important;
    padding: 0em 1.5em 1.5em 1.5em !important;
    margin-bottom: 1em;
}

.impactsearch 
{
    padding: 1.5em 2em !important;
    border: 0.3em solid #efefef;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 1.5em;
	width: 17em;
}

.impactsearch fieldset.searchWrapper-right
{
    margin-bottom: 2em;
}

.impactsearch fieldset.searchWrapper-right #txtSearch {
	width: 95%;
	font-size: 1em;
}

.impactsearch legend {
	border-bottom: 0.1em solid #333;
	width: 100%;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
}

.impactsearch fieldset.searchWrapper-right input[type='submit'],
.impactsearch fieldset.searchWrapper-left input[type='submit'] {
	display: block;
	margin-top: 0.5em;
	width: 100%;
	margin-left: 0;
}


#selArea0, #selArea1 
{
    width: 100%;
}

#uiSources .sBox { padding: 1em; }

#uiSources dt { font-size: 1em; padding: 0.3em 0em 0em 0em; }
#uiSources dd { padding: 0.3em 0em 1em 0em; margin-left: 0; }
#uiSources dd:empty { display: none; }
#uiSources dt a { }
#uiSources a { text-decoration: none; font-size: 1em; }
#uiSources a:hover { text-decoration:underline; } 
#uiSources { overflow: auto; }

.divider {
    border-bottom: 1px dashed #ccc;
    margin: 0em;  margin-bottom: 1em;
    padding:0em;  height: 1px;  width:100%;
    }

.marginsmall
{
	border-width: 3px;	margin-top: 3px;
	margin-left: 3px;	margin-right: 3px;	margin-bottom: 3px;
}

.DebugMessage
{	
	background: #F5F1EF; color: maroon;
	padding: 1em; margin: 3px;-webkit-border-radius: 15px;
	-moz-border-radius: 15px; border-radius: 15px;
}

.text_table { border: 1px solid #CCC; padding: 1em; }

.datestyle
{
    font-size: 1em; color: #606060;
    font-style: italic; font-weight: normal;
}

.errorMessage { color: Red; }

/*Force too long strings like URLs wrap within the containing element*/
strong, b { font-weight:bold; word-break: break-word; }
.datatable a, .datatable b, .datatable .linkbody { word-break: normal !important; } /* Data output looks bad with column headings one letter per line! */
/*#endregion Miscellaneous style elements */

/*#region Partial Homepage related styles */
.homepage-stat-section-content-wrapper
{	
    padding:0em;  margin:0em;
}
.homepage_miscinfo
{
    padding-bottom: 5px;
    margin-top:1.5em; background-color:white;
    padding:1.25em;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;	
	-webkit-border-radius: 4px 4px 4px 4px;
}
/*#endregion Partial Homepage related styles*/

/*#region The Summary Statistics view styles */
.impactheading, .impactheading2
{
    color: rgba(69, 86, 108, 1) !important;
    padding: 1.5em 1em 0.35em 0em !important;
    border-bottom: solid 1px #B3B4B2 !important;
    margin: 0em;
    text-transform: capitalize;
    letter-spacing: 0.05em;
    text-shadow: 0px 1px 0.5px #DCDEEE;
    background: none !important;
    font-size: 1.4em;
    font-weight: bold;
}

.impactheading2
{
    background: #B09762;
    margin-left: 3px;
}
.impactsearch
{    
    padding: 0em;
    padding-right: 1em;
}

.impactsearch select {
    margin-left: 1em;
    margin-right: 3em;
}
.impactsearch label {
    margin-right: 3em;
    display: inline-block;
    margin: 1em 0em;
}
.impactbody2
{
    color: #505050;
    background: #FAFCFD;
    padding: 1em;
    height: 170px;
    border: solid 1px #B09762;
}

#summary-statistics-wrapper {
    width: 48%;
    margin: 0em;
    border: none;
    padding: 0em;
    overflow: auto;
    float: left;
    height: auto;
}

.summary-statistics-content-wrapper
{    
    color: #505050;
    min-height: 18em;
    overflow: auto;
    background: #FAFCFD;
    padding: 0em 0.75em;
    border: solid 1px #98A491;
}

.summary-statistics-header 
{
    background-color:#4d5547;
}
/*#endregion The Summary Statistics view styles */

/*#region The Detailed Statistics view styles */
#detailed-statistics-wrapper {width: 51.25%;
margin: 0em;
border: none;
padding: 0em;
overflow: auto;
float: right;
height: auto;
min-height: 20em;}

.detailed-statistics-content-wrapper {    
    color: #505050;
    background: #FAFCFD;
    padding: 0em 0.75em;
    min-height: 18em;
    overflow: auto;
    clear: both;
    border: solid 1px #B09762;
}

#back-to-none-some-all 
{
    display: block;
}

#Query-and-download-figures-from-a-dataset, #labour-market-profile-links-on-homepage a
{
    font-weight: bold;
}

#temp-note-about-wiz-adv 
{
    font-size: 0.9em;
    margin-top: 3em;
}
.query-data-on-homepage 
{
    height: 4em;
}

detailed-stats-query-icons-wrapper{
     margin:0; padding:1em 0.5em 0em 0em; overflow:auto; clear:both;
}
.detailed-statistics-inner-wrapper {
     width: auto;
     margin: 0.6em 0em 0.75em 0em; 
     padding:0em 1em;
     overflow:auto; clear:both;
}

.detailed-statistics-inner-div-left {
     width: 20%;
     margin: 0em; border:none;
     padding:0em;
     overflow:hidden; float:left;
}
.detailed-statistics-inner-div-right {
     width: 78%;
     margin: 0em; border:none;
     padding:0.5em 0em;
     overflow:hidden; float:right;
}

.detailed-statistics-header 
{
    background-color:#655533;
}
/*#endregion The Detailed Statistics view styles */

/*#region The Census Statistics view styles */
#census-statistics-wrapper{
     width: 100%;
     margin: 0.5em 0em 1.75em 0em;
     padding:0em;
}

#census-statistics-wrapper h2 {
     width: 100%; height:auto;
     margin: 0em; padding:0.5em 0em; color:#ffffff; 
     background-color:#6b4675; text-align:center; 
     text-transform:uppercase;
     font-weight: normal;
 	 font-size: 1.2em;
}

.census-statistics-content-wrapper {
    color: #505050;
    padding: 1em;
    overflow:auto;
    border: solid 1px #B09762;
    margin-left: 0px; background-color: #FAFCFD; 
    border-color: #A981B4;
}

/*Census Table Styles*/
.ifacenote { color: #505050; padding-left:0.5em; }
.ActiveCheckbox { background-color: #F7A683; }

/*#endregion The Census Statistics view styles */

/*#region The 'non-census-statistics' style */
#non-census-statistics-wrapper {
     width: 100%;
     margin: 0em;
     padding:0em;
     overflow:auto; clear:both; 
}

#non-census-statistics-wrapper h2 {
     width: 100%; height:auto;
     margin: 0em;
     font-weight: normal;
     padding:0.5em 0em; color:#ffffff; 
     text-align:center; text-transform:uppercase;
     font-size: 1.2em;
    }
/*#endregion The 'non-census-statistics' style */

/*#region Release dates page style */
.release-dates-entry-wrapper {
    margin: 0em; margin-bottom:0em;
    padding:0em; width:100%;
    padding-bottom:0em;
}

.release-dates-entry-wrapper h3, table caption h3 
{
    width: auto; padding: 1em 0em; padding-bottom: 0.25em;
    border: 0px solid #C9C6C6; border-bottom-width: 1px;
    color: #333;  text-align: left; font-size: 1.15em; font-weight: bold;
}

.release-dates-table-container
{
    margin: 0em; padding:0em; overflow:auto;
    float:left; width:100%;
}

.release-dates-table-container table th { text-align:left; }
.release-dates-table-container table td.previous-release-dates-link-container { column-span:all; }
.release-dates-highlighted-text {font-weight:bold; color:#cc3300; }
.release-dates-previous-text {color:#9999FF; }
.related-news-link {display:block; text-align:left; clear:both; padding:0.25em 0em; width: 40%;}

.release-dates-text-container
{
    margin: 0em; padding: 1em 0em;
    float: left;  width: 100%;  font-size: 0.85em;
}

.release-dates-text-container ul {margin-left:-2.5em;}

.release-dates-tab-textarea-wrapper {
    overflow: auto;
    border-bottom: 1px solid#ccc;
}

.release-dates-text-container h4 {
    font-size: 1.1em;
    padding: 1em 1em 1em 0em;
    padding-top: 0.85em;
    color: #333;
    border-bottom: solid 0.2em #ccc;
}
.release-dates-entry-wrapper table {
    width:98%; margin-left:0%; 
    border-collapse:collapse;
}

 .release-dates-table-container tbody tr td {
   padding:0.5em 0em; padding-left:1em;
   border: dotted 0px #E9E7E7;
   background-color:transparent;
   color:#635757;
   font-size: 0.85em;
   border-bottom: 1px dotted #E9E6E6;
}

.release-dates-table-container tbody tr {background-color:#fff;}
.release-dates-table-container tbody tr:hover {background-color:#eeeded;}

.release-dates-table-container thead tr th {
   color: #333;
   border-bottom: solid 1px #DFDADA;
   line-height: 1.65em;
   text-transform:capitalize;
   padding:0.5em 0em;
}

.release-dates-table-container tbody { background-color: #fff;}
.release-dates-table-container tr:last-child td {margin-bottom: 2em;}
.release-dates-text-container li {margin-right:1em; margin-left: 0em; padding:1em 0em;}
.table-embedded-foot-note-wrapper {padding:1em 1.4em;}
.table-embedded-foot-note-wrapper p { padding: 0.25em 0em; margin: 0em; }

#release-dates-inner-wrapper 
{   
    margin: 0 auto;
    padding: 0em;
    overflow: auto;
    clear: both;
    background-color: #FFFFFF;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.release-dates-more-info-icon {width:1em; height:1.12em; border:none;}

.leaflet-container a { color: #0045D2; }
.leaflet-bar a.leaflet-disabled { color: #444; }

div.data-release-dates-header div.descriptive-content-section-wrapper div.descriptive-content-section:last-child {
    padding-bottom:2em !important;
}

h1.labour-market-profile-header
{
	color: #fff !important;
	padding: 1.5em 1em .35em 0.5em !important;
	border-bottom: 1px solid #77807f;
	border-bottom: solid 1px #b3b4b2 !important;
	margin: 0; margin-top: 2em;
	text-transform: capitalize;
	background: rgba(118, 147, 185, 1);
}

h1.labour-market-profile-header:first-child
{
	background: #fff;
    color: rgba(69, 86, 108, 1) !important;
	font-size: 1.8em;
	margin-top: 0 !important;
}

h1.labour-market-profile-header:first-child, .data-release-dates-header h2
{
    color: rgba(69, 86, 108, 1) !important;
    padding: 1.5em 1em 0.35em 0em !important;
    border-bottom: 1px solid #77807F;
    border-bottom: solid 1px #B3B4B2 !important;
    margin: 0em;
    text-transform: capitalize;
    letter-spacing: 0.05em;
    text-shadow: 0px 1px 0.5px #DCDEEE;
}

h1.labour-market-profile-header + p { padding-bottom: 1em; }

.data-release-dates-header h2
{
    padding: 0.35em 1em 0.35em 0em !important;
}

.data-release-dates-header h2 {
    font-weight: bold !important;
    border-bottom: 0px solid #ccc !important;
    padding: 0.35em 1em 0.15em 0em !important;
}

.data-release-dates-header table{
    border: solid 0px #DBD9D9;
    border-bottom-width: 0px;
    margin-bottom: 0em;
}
/*#endregion Release dates page style */

/*#region The Query Date Component styles */
.query_date_tableodd
{
	background-color: #BDD0F2;
}
.query_date_tableeven
{
}
.query_date_prerelease
{
	background-color: Yellow;
}
.query_date_normal
{
}
/*#endregion The Query Date Component styles */

/*#region Theme Metadata style */
.theme_metadata {    
    padding-bottom: 1.5em;
}
.theme_metadata_articlelink
{
	padding-left: 6px;
    FONT-WEIGHT: normal;
    COLOR: #0000BB;
    TEXT-DECORATION: none
}

.theme_metadata_articlelink:hover
{
    COLOR: #cc3300;
    TEXT-DECORATION: underline
}
/* START METADATA ARTICLES */
.article_link
{
	padding-left: 10px;
	padding-top: 10px;
}
/* END METADATA ARTICLES */
/*#endregion Theme Metadata style*/

/*#region Stories page*/
div.stories-list-item-wrapper {
    padding: 0.15em 0.5em;
    padding-left: 0em;
}

div.stories-list-item-wrapper h3 {
        margin: 3px; margin-left: 0px; 
        margin-bottom: 0px;
}

div.stories-list-item-wrapper div { 
    height: auto;
    padding-bottom: 0.25em;
    line-height: 1.75em;
}

#story h2, #story img, #newnews h2, #newnews h3 {
      margin-top: 30px;
}

#story p, #story li, #newnews p, #newnews li {
      line-height: 1.65em;
      margin-top: 11px;
}

.storyfooter {
      padding-top: 5px;
      border-top: 2px solid #ccc;
}

#story ul.notspaced li, #newnews ul.notspaced li {
margin-top:0px;
}
.story-iframe
{
   width:560px;
   height:349px;
}
/*#endregion */

/*#region Codelist query selection */
#lblHierarchy
{    
    padding: 1em 0.5em 0em 0.5em;
    font-size: 1.2em;
    display: block;
    text-transform: capitalize;
}

.treebox 
{
}

.CodelistHierarchyTickAllBar
{ 
    background-color: #fafafa;
    padding: 0.5em;
    color: #F0F0F0;
    height: 2.5em;
}

.CodelistHierarchyContainer
{
    padding: 1em 0.4em;
}

.CodelistHierarchyTickAllControlFirst
{
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    outline: 0;
    cursor: pointer;
    width: 17px;
}

.CodelistHierarchyTickAllControl
{
    margin-top: 5px;
    margin-left: 13px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    outline: 0;
    cursor: pointer;
    width: 17px;
}

.CodelistHierarchyTickAllText
{
    color: #333333;
    margin-left: 5px;
    font-style: italic;
}

.CodelistHierarchyItem
{
    white-space: nowrap;
}

.CodelistHierarchyItemSelector
{
    width: 15px;
    display: inline;
}

.CodelistHierarchyItemTitle
{
    text-align: left;
    display: inline;
    padding-left: 1em;
    font-style: normal;
    color: #000000;
}

.CodelistHierarchyToolbarButton
{
}

.CodelistHierarchyToolbarButton:hover {
}

.CodelistHierarchyToolbarButtonDisabled {
}

.CodelistHierarchyTickAllTools
{
	float: left;
    padding: 0.5em 1em;
    padding-left: 0px;
    width: 40%;
}

.CodelistHierarchySearchTools 
{
    width: 50%;
    float: right;
    text-align: right;
    white-space: nowrap;
    padding-top: 2px;
}

.CodelistHierarchySearchText 
{
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color: #333333;
}

.CodelistHierarchySearchWarning
{
    font-weight: bold;
    font-size: 1em;
    color: #a0a0a0;
    margin-left: 15px;
}

.CodelistHierarchyStyleLineAboveSolid
{
    margin-top: 15px;
    border-top: 1px solid #d0d0d0;
    padding-top: 10px;
}

.CodelistHierarchyStyleLineAboveDashed
{
    margin-top: 15px;
    border-top: 1px dashed #d0d0d0;
    padding-top: 10px;
}

.CodelistHierarchyStyleSpaceAbove
{
    margin-top: 10px;
}

.CodelistHierarchyItemNoName
{
    display: none;
}

.CodelistHierarchyMetadataCollection 
{
    margin-bottom: 10px;
    margin-top: 10px;
}

.CodelistHierarchyMetadataItem 
{
}

.CodelistHierarchyMetadataItemTitle 
{
    background-color: #DBD3C5;
    padding: 0.3em;
    padding-left: 10px;
    color: #333333;
    font-size: 1.1em;
}

.CodelistHierarchyMetadataItemText 
{
    border: 1px solid #DBD3C5;
    padding: 1em;
    margin-bottom: 0.5em;
    font-style: normal;
	color: #333333;
}

.CodelistHierarchyItemDescription .CodelistHierarchyMetadataCollection
{
    margin-right: 10px;
    border: 1px solid #DBD3C5;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.CodelistHierarchyItemDescription .CodelistHierarchyMetadataItemTitle
{
    padding: 3px;
    border: none;
    font-style: normal;
    font-weight: bold;
    background: none;
}

.CodelistHierarchyItemDescription .CodelistHierarchyMetadataItemText {
    border: none;
    padding: 3px;
}

/*#endregion Codelist query selection */

/*#region Golden ratio wrapper div with two left and right div components */
div.golden-ratio-wrapper {
    margin:0em;
    padding:0em;
  }

div.golden-ratio-wrapper div.left {margin: 0em;
    padding: 0em;
    width: 56%;
    float: left;
    overflow: auto;
}

div.golden-ratio-wrapper div.right {
    margin:0em; padding:0em; 
    width:42%; float:right;
    overflow:auto;
  }

div.golden-ratio-wrapper div.label-container {
    margin:0.5% 0% 0.65% 0%;
    padding:0em; font-weight:bold;
    width:98%; float:left;
  }

div.golden-ratio-wrapper div.input-container {
    margin:0% 0% 1% 0%; padding:0em; 
    width:98%; float:left;
  }
div.golden-ratio-wrapper hr {width:98%; float:left; margin-bottom:1.25em; background-color:#dfdfdf;}

form[name="searchnews"] {
    border-bottom:1px solid #A09999
}
/*#endregion Golden */

/*#region Summary Statistics Overview section wrapper div */
 /*The wrapper has two left and right child divs*/
div.summary-stat-overview-section-wrapper, div.summary-stat-overview-section-wrapper div.left, 
div.summary-stat-overview-section-wrapper div.right { margin:0em; padding:0em; overflow:auto; }
div.summary-stat-overview-section-wrapper div.left { width:45%; float:left; padding-right: 3.3em; }
div.summary-stat-overview-section-wrapper div.right { margin-top:1em;}
div.summary-stat-overview-section-wrapper div.right #thumbnail-map { 
    width: 400px; height: 400px; 
    border: 3px solid rgba(18, 27, 34, 0.6); 
}

div.summary-stat-overview-section-wrapper div.right img[id="tumbnail-map"] {
    width: 100% !important;
}
/*#endregion */

/*#region Nomis main title and sub title container divs */
    /* Without search
    #nomisweb-main-title-container
    {
        display: inline-block;
        height: auto;
        padding-top: 0.5em;
        padding-bottom: 1em;
        padding-left: 1.2em;
        letter-spacing: 0.06em;
    }

    #nomisweb-subtitle-container 
    {
        display: inline-block;
        margin-left: 0em; height: auto;
        padding-top: 0em; letter-spacing: 0.06em;
    }
    /* End without search */
    
    /* With search */
    #nomisweb-main-title-container
    {
        padding-left: 0.6em;
        letter-spacing: 0.06em;
    }

    #nomisweb-subtitle-container 
    {
        padding-left: 0.8em;
        padding-top: 0em;
        padding-bottom: 1em;
        letter-spacing: 0.06em;
    }
    /* End with search */

.linearBg2 {
  /* fallback */
  background-color: #CCC9C9;
 /*  background: url(images/linear_bg_2.png); */
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC9C9), to(#F8F7F7));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #F8F7F7, #CCC9C9);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #F8F7F7, #CCC9C9);

  /* IE 10 */
  background: -ms-linear-gradient(top, #F8F7F7, #CCC9C9);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #F8F7F7, #CCC9C9);
}
/*#endregion */

/*#region Articles page style*/
.articles 
{
    list-style: none;
    padding-left: 0px;
}
   
.article-entry a
{
    display: block;
    text-decoration: none;
}

.article-entry 
{
    padding-bottom: 1.5em;
}

.article-entry-homepage
{
    padding-bottom: 0.5em;
}

.article-entry-homepage a
{
    display: inline;
}
.article-entry-homepage a:hover, .article-entry a:hover
{
   text-decoration:underline;
}
.news-publish-date {
    font-size: 0.9em;
}
/*#endregion */

/*#region Cookie Consent page style*/
#cookie-consent-wrapper
{
	color: #000000; background: #f8f8f8;
	padding: 0em; z-index: 9999;
    border: 0.1em solid #e9e9e9;
    border-top: none;
}

#cookie-consent-wrapper p
{
	display: inline-block;
}

#cookie-consent-heading
{
    display: none;
	font-size: 1.1em; padding: 0.5em 1em; margin: 0em;
}

#cookie-consent-info
{
    padding: 0.3em 0em 0.3em 2em;
}

#cookie-consent-dismiss-button
{
	margin: 0em 2em 1em 2em;
}
/*#endregion */

/*#region The 'tool-tip-container' div style */
.tool-tip-container {
    margin-left: 1em;
    padding: 0.75em;
    background-color: #EFF1EB;
    border: solid 1px #A7A8A3;
    border-radius:5px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
    font-size:0.8em; 
}
a.tool-tip-container:link{
    text-decoration:none;
}
a.tool-tip-container:active, a.tool-tip-container:focus, a.tool-tip-container:hover {
    text-decoration:underline;
}

.tip-text-container {
    width:100%;
    padding: 1em 0em;
    padding-bottom: 0em;
    line-height:1.5em;
}
/*#endregion */

/*#region My account training list table style */
table#my-account-training-list {border-collapse:collapse;}
table#my-account-training-list, table#my-account-training-list th, table#my-account-training-list td { border: 1px solid #c6c4c4;}
table#my-account-training-list td { background-color:#eeeeee; padding:0.85em; }
table#my-account-training-list thead td {background-color:#d3d3d3; text-align:center; font-weight:bold;}
table thead td.first-column, table thead td.second-column {width:12%; }
table thead td.third-column {width:56%; } table thead td.fourth-column {width:20%; }
table#my-account-training-list td.default-message-container{ text-align:center; color:red; column-span:3;}
/*#endregion */

/*#region Folder tree styles */
.folder-tree 
{
	padding: 0em 2em;
}

.folder-tree a
{   
}

.folder-open, .folder-closed
{
    padding: 0.2em 0em;
}

.folder-open 
{
    list-style-image: url('/images/folder_open.gif');
}

.folder-open a, .folder-closed a {
	text-decoration: none;
}

.folder-open > a {	
	font-weight: bold;
}

.folder-closed 
{
    list-style-image: url('/images/folder_closed.gif');
}

.folder-items
{    
    margin-left: 1em;
    padding: 0em;
}

.folder-items ul
{
	margin: 0.3em 0.2em;
	padding: 0em;
}

.folder-items li
{
	padding: 0.1em 0em;
}

.folder-item
{
    list-style: none;
}
/*#endregion */

/*#region The datatable related style */
.datatableheadingrow th
{
	width: 9em;
}

.datatableheadingrow th:first-child
{
	width: auto;
}

.datatable th {
    border-bottom: 1px dotted #E9E6E6;
}

.datatable td{
	border-bottom: 1px dotted #E9E6E6;
}
/*#endregion datatable related style */	

/*#region Profiles related style */
.tablenote {
    font-size: 0.9em;
    padding: 0.25em 0em 1em 0em;
}

.flag {
    vertical-align: top;
    width: 40px;
    font-size: 0.9em;
    padding: 0.25em 0em 1em 0em;
}

.profile-optional-view-links {
    margin: 0;
	margin-bottom: 2em;
}

.profile-warning-text{
    padding: 1.5em 0em;
    padding-bottom: 0em;
    margin: 0em;
    line-height: 1.5em;
    color: #a00;
    font-size: 0.9em;
}

div#labour-profile-wrapper th {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    text-transform: capitalize;
	font-weight: normal;
}

div#labour-profile-wrapper thead th {
	font-weight: bold;
}
/*#endregion Profiles related style */

/*#region Durham University Logo */
#durham-uni-logo-container img {    
    width: 12em;
}
#durham-uni-logo-container {    
    display:block;  text-align:center;
}
/*#endregion Durham University Logo */

/*#region Social Networking related elements styles */

#social-network-links-container
{     
    background-color: #333;
    text-align:center;
    align-content: flex-end;
    padding: 0em 2em 1em;
}

/* Fix for Facebook sharing alignment */
.fb_iframe_widget 
{
    top: -3px;
}
/*#endregion Social Networking related elements styles */

/*#region Profile Search related style */
.searchWrapper-right{    
    margin: 0em;
    padding: 0.5em 0em;
    float: right;
    text-align:right;
}

.searchWrapper-right p {
	margin-top: 0;
}

.searchWrapper-left 
{
    margin:0em !important;
    padding: 0em;
}

.searchWrapper-right ul { list-style:none; }

.searchWrapper-right ul li {
    display:inline;
    padding:0em;
}

.searchWrapper-left label
{    
    margin-right: 3em;  display: inline-block;
    margin: 1em 0em;  margin-top: 1.5em;  min-width: 15em;
}

#searchCriteriaSectionWrapper{
    max-width: 850px; min-width: 600px; min-height: 40em;
    margin: 0 auto;
    padding: 2em 2em 5em 2em;
    background-color: #ffffff;
}

#map-selection-toggle-control 
{
    display: inline;
	margin: 0em;
	margin-left: 1em;
}

#map {margin-top: 1em;}
/*#endregion Profile Search related style */
   
/*#region Printable page style */
.newsbody{
    padding: 0;
    overflow: auto;
    clear: both;
    background-color: #FFFFFF;
}
/*#endregion Printable page style */

/*#region Nomis Preferences links related styles(i.e. 'nomisweb-prefs-link') */
#nomisweb-prefs-link 
{    
    float: right;
    margin-top: -2em;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    margin-right: 1em;
}

#nomisweb-prefs-link img
{    
    color: #fff;
    border: none;
    width: 1.5em;
    height: 1.5em;
}

#nomisweb-prefs-link span 
{
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    margin-top: 0.1em;
    margin-left: 0.35em;
}

#nomisweb-prefs-link span:hover
{
    text-decoration: underline;
}
/*#endregion Nomis Preferences links related styles(i.e. 'nomisweb-prefs-link')*/

/*#region Menu Control related style */
#menu-control { padding: 1em; }

#menu-control a { padding: 0em 0.5em; color: #333;}

#menu-control, #sub-menu-control {  display: none; /* Hide the menu toggle by default */ }

#menu-control img {	width: 1.5em; height: 1.5em; background-color: white; margin-right: 0.5em;}

#sub-menu-control > input
{
	display: inline;
	border: 0.1em solid #666;
	background: #333;
	font-weight: normal;
	margin: 1em;
	width: 90%;
	color: #fff;
}

/*#endregion Menu Control related style*/

/*#region Query wizard buttons related styles */
.wizAssistedToggle { width: 15em; }

.wizard-buttons-container, .wizard-selection-options-list {
    width:100%;
    padding: 0.5em 0em 0em 0em;
    padding-bottom: 0em;
    clear:both;
}

.wizard-buttons-container {
    border-top: 1px dashed #C2BCBC;
}

div.wizard-buttons-container ul {
    list-style:none;
    margin: 0em;
    padding: 0em;
}
div.boxcontent ul.links-list {
    margin: 0em;
    margin-left:1em;
    margin-top:1em;
    padding: 0em;
    padding-left:1em;
}

div.boxcontent ul.links-list li{
    margin-left:1.25em;
    display: list-item;
}

div.wizard-buttons-container ul li {
    display:inline-block;
    margin:0em 1em;
}

.wizard-selection-options-list ul.links-list {
    display: inline-flex;
}

.wizard-selection-options-list ul.links-list  li {
   margin-left:2.5em !important; 
}

.wizard-selection-options-list ul.links-list li:first-child {
   margin-left:0em !important; 
}
/*#endregion Query wizard buttons related styles*/

/*#region Dataset landing pages related styles */
/* Dataset landing page controls */
#uiExploreControls input { margin-bottom: 0.5em; }

.dataset_name
{
	font-size: 1.1em;
	padding-left: 0px;
}
/*#endregion Dataset landing pages related styles */

/*#region Nomis API pages related styles */
.nomis-api-wrapper, api-row-wrapper {
    margin:0em; padding:0em; width:100%;
}

.uri-summary-header{
    padding: 0.5em; font-family: verdana; 
    font-size: 0.9em; background: #f0f0fe;
    }

.api-row-label {
    margin:0em; padding:2% 1%; width:30%;
}

.api-row-content {
    margin:0em; padding:2% 1%; width:68%;
}

/*Force long/horizontally overflowing url to wrap */
form a, pre, .example td, .example_xml td,
.example_json td, .example_html td, script, .api-row-content a {
    word-break:break-all;
}

.example td, .example_xml td,
.example_json td, .example_html td {
    border-bottom: dashed 1px #ccc;
}

.example tr:last-child  td, .example_xml tr:last-child td,
.example_json tr:last-child  td, .example_html tr:last-child td {
    border-bottom: dashed 0px #ccc;
}

.simple, .discovery, .delivery, .terminology, .perma {
    padding: 0.5em;
    }

/*#endregion Nomis API pages related styles */ 

/*#region Notice Application pages related styles */
table.nice {
    margin-left: 0em !important;
    width: 100%;
    border: solid 1px #909090;
}

table.nice th {
    font-size:inherit !important;
    background: #909090;
    color: #ffffff;
    padding-left: 0.75em;
    text-align: left;
}

table.nice td {
    padding-left: 0.5em;
}

.notes {
    font-size:inherit !important;
    padding: 0em !important;
}

.bold-font-weight{
    font-weight:bold;
}
/*#endregion Notice Application pages related styles*/

/*#region BRES Notice Details related style */
#bres-notice-details-wrapper {
     width: 100%; margin: 0em;
     padding:0em; overflow:auto; clear:both; 
}
ul.notice-details-row {
    list-style:none; clear:both;  margin:0em; padding:0em;
}

ul.notice-details-row li {
    display: inline-block; width: 100%;
}

ul.notice-details-row li input, 
ul.notice-details-row li label {
    margin: 0em; padding: 1%; clear: both; overflow: auto;
    font-weight: bold;
    line-height: 1.25em !important; width:100%;
}

ul.notice-details-row li > div.label-and-input-wrapper {
    padding:0.5em 0em;
}

ul.notice-person-name-section, ul.notice-org-details-section {
    list-style:none; clear:both;  margin:0em; padding:0em;
}

ul.notice-person-name-section li, ul.notice-org-details-section li {
    display: inline-block; width: 30%; margin: 0% 1%;
}

textarea, input#applic_researchtitle {
    width: 60%;  padding:0.5em;  font-family:inherit;
}
/*#endregion BRES Notice Details related style */

.page-heading-tools {
    text-align: right;
    clear: both;
    margin-right: 0.2em;
    margin-top: 4em;
    padding: 0.4em 1em !important;
    background: #C6D6E4;
}
    
.keywordItem input + label, 
.keywordItemSelected input + label
{
    padding-left: 0em !important;
} 

input[id="text"]#txtSearch {
    margin-left: 0em;
}

#component-search-form 
{
    min-height: 0.5em;
    white-space: nowrap;
    overflow: hidden;
}

#component-search-form input[type="submit"] 
{
    margin-left: 0.1em;
}

#modalmap 
{
    width: 500px;
    height: 500px;
}

.note 
{
    font-weight: bold;
    color: #0a0;
    border: 0.1em solid #0a0;
    padding: 0.3em;
}

.linklist dd 
{
    padding: 0;
    margin-left: 0;
}