/* Begin main page content in a left/right column layout */
#sub-navigation {
    margin-left: 0em;
    margin-top: 1.3em;
    float: left;
    width: 18em;
    background: #fff;
    margin-bottom: 2em;
}

.content-after-subnav {
    padding-left: 24em !important;
}
    
.multi-column 
{
    column-count:4;
    -moz-column-count:4; /* Firefox */
    -webkit-column-count:4; /* Safari and Chrome */
    padding: 1.2em 0em; /* Required when content is only one or two column */
}

#page-wrap {
    min-height: 20em;
    border-top: none;
}
/* End main page content in a left/right column layout */

/* Begin menulight vertical */
.menulight .nav-menu {
    padding: 0em;
    margin-right: 1em;
}

.nav-new-section:first-child
{
    padding-top: 0em;
    margin-top: 0em;
}
    
.nav-new-section
{
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 0.5em;
}
    
.menulight .nav-menu h2 {
    font-weight: bold !important;
    border-bottom: 1px solid#ccc;
    padding-bottom: 0.15em;
}

.menulight .nav-item {
    display: block;
}

.menulight .nav-item a {
    width: 100%;
    text-align: left;
}

.menulight .nav-item:not(.nav-item-vertical-link):not(.nav-item-vertical-sectional) a.open {
}

.menulight .nav-item:not(.nav-item-vertical-link):not(.nav-item-vertical-sectional) .sub-nav {
    border-top: none;
    padding-right: 4.9em;
    padding-top: 0.5em;
    margin-top: -0.15em;
    z-index: 99;
}

.menulight .nav-item-vertical-link a {
    padding-left: 0em;
}

    .menulight .nav-item-vertical-link a.open {
        color: #c00000 !important;
    }

.menulight .nav-item-vertical-sectional a,
.menulight .nav-item-vertical-sectional a.open {
    display: none;
}

.menulight .nav-item-vertical-sectional .sub-nav > h2 {
    padding-left: 0em;
}

.menulight .nav-item-vertical-link > a,
.menulight .nav-item-vertical-sectional > a {
    border: none;
    text-align: left;
}

.nav-item-vertical-link .query_components_selectedopt {
    background: inherit;
    color: #262ABF !important;
}

.menulight .nav-item-vertical-sub-nav-expanded > a:after {
    background: none;
}

.menulight .nav-item-vertical-sub-nav-expanded > a {
	display: none !important;
}


.menulight .nav-item-vertical-link .sub-nav,
.menulight .nav-item-vertical-sectional .sub-nav {
    position: relative;
    margin-top: 0em;
    border: none;
    padding: 0em 0em 0.5em 1em;
    margin-top: 0em;
}

.menulight .nav-item-vertical-sub-nav-expanded .sub-nav {
    display: block;
    margin: 0em 0em 1.75em 0em !important;
}

.menulight .nav-item-vertical-sub-nav-expanded .sub-nav a {
    white-space: normal;
    display: block;
    margin: 0em 0em 0.5em 0em;
}

.menulight .nav-item-vertical-sectional {
    display: block;
    padding-left: 0em;
}

    .menulight .nav-item-vertical-sectional > a,
    .menulight .nav-item-vertical-sectional > a.open {
        color: #000 !important;
        cursor: default;
        font-size: 1.2em;
        padding-top: 1em;
    }
/* End menulight vertical */


div.wizard-buttons-container ul li {
    margin: 0em;
    padding-bottom: 0px;
}

/* Table / Dataset Finder hide titles */
.keywordPanelTitle, .unitsPanelTitle {
    display: none;
}

/* Table / Dataset Finder single column keywords */
#kwords {
    column-count: 1 !important;
    -moz-column-count: 1 !important; /* Firefox */
    -webkit-column-count: 1 !important; /* Safari and Chrome */
}

select {
}

#uiOverview {
}
#dataset-landing-information dl {
    padding: 0.25em 0em !important;
    display: inline-block;
}

.nav-menu
{
    margin: 0em 6em 0em 0em;
}

/*Begin Profile pages two column layout style changes*/
.impactsearch {
    float: left;
    padding: 1em 0em;
}

FORM#report {
    padding:0em !important;
}

form {
    min-height:8em;
}

.searchWrapper-right {
    float:none;
    text-align:inherit;
}
.searchWrapper-right ul {
    list-style: none;
    margin: 0em;
    padding: 0em;
}
.impactsearch select {
    margin-left:0em;
}
/*End Profile pages two column layout style changes*/

/*#region Modal popup*/ 
.searchWrapper-left label {
    display: inherit;
    margin: 0.5em 1em 0em 0em;
    min-width: 15em;
}

#modalBack {
    z-index: 99999;
    height: auto;
    max-height: 92%;
    max-width: 70% !important;
    right: 0.5em !important;
    padding: 0em;
    margin: 0em;
}
    
#modalDivBody {
    height: 93.25%;
    overflow: auto;            
}
           
.message-popup-window {
    width: 96% !important;
    padding: 2%;
    height: 500px !important;
    margin: 0em;
}
/*#endregion Modal popup*/

input[name="localPC1"], input[name="localPC2"] {
    width: 19.5em;
    padding: 0.2em;
    margin: 0.25em 0em 1em 0em;
    border: 1px solid #ccc;
}

label#label-agree {
    width:50%;
    max-width:50% !important;
}

div.label-and-input-wrapper {
    clear:none; 
}

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

.sub-title-section {
}
/* End two column layout */

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


/* Element styles when NOT in single column width */
@media only screen and (min-width:451px) 
{
    /* This ensures the navigation is forced to visible on wider screens in-case the menu toggle collapsed it
       explicitly. */
    #nomis-top-main-nav-wrapper, #sub-navigation
    {
        display: block !important;
    }
}

/*
    Switch to left sub-navigation and right side page content for wide screens

    Nav menu item styles for vertical menu layout:
        nav-item-vertical-link                  When vertical display as a link
        nav-item-vertical-sub-nav-expanded      When vertical display with sub-nav expanded
        nav-item-vertical-sectional             When vertical display as section
*/


@media only screen and (max-width:620px) {
    /* Begin main page content in a single column layout */
    #sub-navigation {
        float: none;
        width: auto;
        margin-bottom: 0em;
    }

    .content-after-subnav {
        padding-left: 0em !important;
    }
    
    #page-wrap {
        min-height: 0em;
        clear: both;
    }
    /* End main page content in a single column layout */

    /* Begin menulight horizontal */
    .menulight .nav-menu {
        padding: 0em;
    }

    .nav-new-section:first-child
    {
        padding-top: 0em;
        margin-top: 0em;
    }
    
    .nav-new-section
    {
        font-size: 1em;
        font-weight: normal;
        padding-top: 1em;
        display: block !important;
    }
    
    .menulight .nav-menu h2 {
        font-weight: bold !important;
        border-bottom: 1px solid#ccc;
        padding-bottom: 0.15em;
    }

    .menulight .nav-item {
        display: inline-block;
        margin-top: 0.5em;
    }

    .menulight .nav-item a {
        width: auto;
        text-align: center;
    }

    .menulight .nav-item:not(.nav-item-vertical-link):not(.nav-item-vertical-sectional) a.open {
    }

    .menulight .nav-item:not(.nav-item-vertical-link):not(.nav-item-vertical-sectional) .sub-nav {
    }

    .menulight .nav-item-vertical-link a {
    }

    .menulight .nav-item-vertical-link a.open {
    }

    .menulight .nav-item-vertical-sectional a,
    .menulight .nav-item-vertical-sectional a.open {
        display: block;
    }

    .menulight .nav-item-vertical-sectional .sub-nav > h2 {
    }

    .menulight .nav-item-vertical-link > a,
    .menulight .nav-item-vertical-sectional > a {
        border: none;
        text-align: center;
    }

    .nav-item-vertical-link .query_components_selectedopt {
    }

    .menulight .nav-item-vertical-sub-nav-expanded > a:after {
    }

    .menulight .nav-item-vertical-link .sub-nav,
    .menulight .nav-item-vertical-sectional .sub-nav {
        position: relative;
        margin-top: 0em;
        border: none;
        padding: 0em 0em 0.5em 1em;
        margin-top: 0em;
    }

    .menulight .nav-item-vertical-sub-nav-expanded .sub-nav {
        display: inline-block;
        padding-left:0.8em;
    }

    .menulight .nav-item-vertical-sub-nav-expanded .sub-nav a {
        display: inline;
    }

    .menulight .nav-item-vertical-sectional {
        display: inline;
        padding-left: 0em;
    }

        .menulight .nav-item-vertical-sectional > a,
        .menulight .nav-item-vertical-sectional > a.open {
            color: #000 !important;
            cursor: pointer;
            font-size: 1em;
            padding-top: 0em;
        }
    /* End menulight horizontal */


    div.wizard-buttons-container ul li {
        margin: 0em;
        padding-bottom: 0px;
    }

    /* Table / Dataset Finder hide titles */
    .keywordPanelTitle, .unitsPanelTitle {
        display: block;
    }

    /* Table / Dataset Finder single column keywords */
    #kwords {
        column-count: 3 !important;
        -moz-column-count: 3 !important; /* Firefox */
        -webkit-column-count: 3 !important; /* Safari and Chrome */
    }

    #dataset-landing-information dl {
        padding: 0.25em 0em !important;
        display: inline-block;
    }

    /*Begin Profile pages single column layout style changes*/
    .impactsearch {
        width: 100%;
        padding: 1em 0em;
    }

    FORM#report {
        width: auto;
        float: none;
        margin: 1.5em 0em 0em 0em;
    }
    form {
        min-height:0;
    }
    .searchWrapper-right {
        float:right;
        text-align:inherit;
    }
    .searchWrapper-right ul {
        list-style: none;
        margin: 0em;
        padding: 0em;
    }
    .impactsearch select {
    }

    .searchWrapper-left label {
        display: inline-block;
        margin: 0.5em 1em 0em 0em;
        min-width: 15em;
    }
    /*End Profile pages single column layout style changes*/

    #wizAssisted, #query-selection-methods
    {
        margin-left: 0 !important;
    }

    form#form1 .descriptive-content-section, 
    .content-after-subnav, #date-individual-controls {
        padding-left:1em !important;
        padding-bottom:0em !important
    }
}

@media only screen and (min-width:761px){

    input[name="localPC1"], input[name="localPC2"] {
    margin: 0em;
    margin-left:0em;
    width: 19.5em;
    padding: 0.2em;
    }
}


@media only screen and (max-width:1199px) {
    .menulight .nav-menu h2 {
        font-weight: bold !important;
        border-bottom: 1px solid#ccc;
        padding-bottom: 0.15em;
    }

    table{
    min-width: 40%;
    }

    .searchWrapper-left label {
        display:inherit;
        margin: 0.5em;
        min-width: 15em;
    }

    #modalBack {
        z-index: 99999;
        height: auto;
        max-height: 72.15%;
        max-width: 70% !important;
        right: 0.5em !important;
        padding: 0em;
        margin: 0em;
    }
    
    #modalDivBody {
        height: 93.25%;
        overflow: auto;            
    }
              
    .message-popup-window {
        width: 96%;
        padding: 2%;
        height: 83.99%;
        margin: 0em;
    }
    
    input[name="localPC1"], input[name="localPC2"] {
        width: 19.5em;
        padding: 0.2em;
        margin: 0.25em 0em 1em 0em;
        border: 1px solid #ccc;
    }


    form[id="profiledefineform"] > table  td input {
      margin-left: 0em;
    }

    label#label-agree {
        width:60%;
        max-width:60% !important;
    }

    .searchWrapper-left label, .impactsearch select {
       margin-left:0em !important;
    }
}

@media only screen and (max-width:920px) 
{
    .homepage-source { width: 100%; }
    div.wizard-buttons-container {
        padding-bottom: 0.5em;
    }
    
    div.wizard-buttons-container ul li {
        margin: 0em;
        padding-bottom: 0px;
    }

    #story img {
        width: 100%;
        height: auto;
    }

    .user-guide-text {
        font-size:0.88em;
        display:block;
        clear: both;
        padding-left: 18%;
    }

    label#label-agree {
        width:78%;
        max-width:78% !important;
    }
}

/* Banner on multiple lines (Medium size version)*/
@media only screen and (max-width:760px) 
{	
	#nomisweb-organisation-name {
		float: left;
	}
	
	#nomis-my-account-info {
		text-align: left;
		padding-top: 0em;
	}

	#nomisweb-subtitle-container {
		margin: 0em;
	}
	
	
	.skiptocontent {
		padding-left: 0em;
	}

    .summary-statistics-content-wrapper, 
	.detailed-statistics-content-wrapper{
        height: 22em;
    	}

    element.style {
}
    .descriptive-content-section{
        overflow:inherit;
    }

    .searchWrapper-left label
    {
        margin-left:1em;        
        margin-top: 1.5em;
    }

    /*#region Census 2011*/
    #census-dataset-landing-explore > div {
        float: none !important;
        width:30% !important; 
        height: inherit !important;
    }

    #census-dataset-landing-explore > div select
    {
        width: 20% !important;
    }

    #dataset-landing-information dd {
        width: auto !important;
    }

    .exploreBottomNote {
        padding-top: 1.5em !important;
    }

    input[type="submit"]#dwnBtn, div#uiQueryLinks > input, #qqBtn {
        margin-left: 0em !important;
    }

    /*#endregion Census 2011*/

    /* Form elements style - start */
    div.label-and-input-wrapper label.left, 
    div.label-and-input-wrapper input.left {
        width:25%;
        min-width:25%;
    }

    div.label-and-input-wrapper label.right, 
    div.label-and-input-wrapper input.right, 
    div.label-and-input-wrapper select.right,
    div.label-and-input-wrapper textarea.right {
        margin:0em;
        width: 60%;
        max-width: 60%;
        float:left;
        overflow:inherit;
        padding-left: 0.5em;
        line-height: 1.5em;
        FONT-FAMILY: Verdana, sans-serif, Helvetica;
        color: #4B5252; 
        height:auto;
    }

    label#label-agree {
            width:89%;
            max-width:90% !important;
    }

    #myaccount-form1-wrapper ul#row-header li {
        font-weight: bold; font-size: 0.8em;
    }

    #myaccount-form1-wrapper ul li input,  
    #myaccount-form1-wrapper ul li select  {padding: 0.15em; width:100%;}  
    /* Form elements style - end */
}

/* Banner on multiple lines (Small version) */
@media only screen and (max-width:630px) {
    .nomisweb-ons-logo > img {
        height: 2em;
    }

    #nomis-my-account-info {
        padding-top: 0em;
    }

    #nomisweb-subtitle-container {
        margin: 0em;
    }

    #nomisweb-organisation-name-title {
        padding: 0em;
        margin: 0em;
        font-size: 2em;
    }

    #nomisweb-organisation-name-subtitle {
        margin: 0em;
        font-size: 0.8em;
        font-weight: bold;
    }

    .skiptocontent {
        position: absolute;
        top: 0.1em;
    }

    .summary-statistics-content-wrapper,
    .detailed-statistics-content-wrapper {
        height: 18em;
    }

    #myaccount-form1-wrapper ul#row-header li {
        font-weight: bold; font-size: 0.7em;
    }

    #myaccount-form1-wrapper ul li input,  
    #myaccount-form1-wrapper ul li select,
    #myaccount-form1-wrapper ul li a {padding: 1em 0.10em; width:98%; font-size: 0.6em}
    #myaccount-form1-wrapper ul li select {padding: 0.65em 0.06em; } 
    #myaccount-form1-wrapper ul li.title-column, 
    #myaccount-form1-wrapper ul li.tel-area-column { width: 9.25%; }
    #myaccount-form1-wrapper ul li.action-column { width: 8%; }
}

/* Vertical single column display */
@media only screen and (max-width:670px) 
{	
	#uiSources table {
        font-size: 0.85em;
    }
    #page-heading-and-sub-nav > h1, 
    #page-heading-and-sub-nav > form > h1 {
		font-size: 1.3em;
	}
	
    /*#region Breadcrumbs in single column on multiple lines */
	.breadcrumbs ul li:first-child a::before {
		padding-left: 0em;
	}
	
	.breadcrumbs ul li {
		float: none;
	}
	
	.breadcrumbs ul li a {
		text-align: left;
	}
	/*#endregion Breadcrumbs in single column on multiple lines */
	
	/*#region Home-page single column display */
	#summary-statistics-wrapper {
		width: 100%;
		margin: 0.5em 0em;
	}
	
	#detailed-statistics-wrapper {
		float: none;
		clear: both;
		width: 100%;
	}
    
    .summary-statistics-content-wrapper, 
	.detailed-statistics-content-wrapper{
        height: auto;
	}
	
	.multi-column 
    {
        column-count:2;
        -moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari and Chrome */
    }

    /*#endregion Home-page single column display */
	
	/* Begin Modal Popup changes */
	#modalBack {
		width: 100%;
		max-width: 70%;
		z-index: 99999;
		height: 75%;
		max-height: 100%;
	}
    
    #modalDivBody {
        height: 93.25%;
        overflow: auto;            
    }
           
    .message-popup-window {
        width: 96%;
        padding: 2%;
        height: 83.99%;
        margin: 0em;
    }
    
    #modalBack {
        z-index: 99999;
        height: auto;
        max-height: 72.15%;
        max-width: 70% !important;
        right:0.5em !important;
        padding: 0em;
        margin: 0em;
        /*overflow: inherit !important;*/
	}
    

    #nomisweb-organisation-name-subtitle {
        border-bottom: 0px solid #ccc !important;
    }
	/* End Modal Popup changes */

    .story-iframe
    {
       width:100%;
       height:300px;
    }

    .boxcontent {
        margin: 0px;
        padding: 0px; 
    }
    
    div.wizard-buttons-container {
        padding-bottom: 0.5em;
    }

    div.wizard-buttons-container ul li {
        margin: 0em;
        padding-bottom: 0px;
    }

    form.form1 h1 {
        margin: 0.5em 0em;
    }
    
    /*#region Summary stat pages*/
    .searchWrapper-left {
        padding-bottom: 0.5em;
    }
               
    .searchWrapper-left div.label-container {
        margin-bottom: 0.5em;
    }

    .descriptive-content-section table.datatable th.datatableheadingcell,
    .descriptive-content-section table.datatable th.level0, 
    .descriptive-content-section table.datatable th.level1,
    .descriptive-content-section table.datatable th.level2,
    div#labour-profile-wrapper th.level2
    {
        white-space:normal !important;
        font-size: 0.90em !important;
    }
    /*#endregion Summary stat pages*/

    /*#region Contact Us page */
    #contact-us-page div.left,  #contact-us-page div.right {
        width:100% !important;
    }  
    #contact-us-page div.left {
        border-bottom: 1px #ccc solid;
    }
    /*#endregion Contact Us page */

    /*#region Census 2011*/
    #census-dataset-landing-explore > div {
        float: none !important;
        width: auto !important;
        height: inherit !important;
    }

    #census-dataset-landing-explore > div select
    {
        width: 98% !important;
    }

    #dataset-landing-information dd {
        width: auto !important;
    }

    .exploreBottomNote {
        padding-top: 1.5em !important;
        display: inline;
    }

    input[type="submit"]#dwnBtn, div#uiQueryLinks > input, #qqBtn {
        margin-left: 0em !important;
    }

    /*#endregion Census 2011*/

}


/* Switch navigation to single column */
@media only screen and (max-width:540px) {
    body{
       font-size: 0.8em;
    }

    .nav-item {
        display: block !important;
    }

    .sub-nav.open{
        width: 100%;
	}

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

    form {
	    overflow: auto;
	} 

    textarea, input#applic_researchtitle {
        width: 96%;
        padding:0.5em;
        font-family:inherit;
    }

    #dataset-landing-more-nomis-data {
        margin-top: 1em;
        padding-top: 1em;
        border-top: 0.1em dashed #ccc;
    }

    #uiSources table {
        font-size: 0.8em;
    }

    input[name="localPC1"], input[name="localPC2"] {
        width: 24.5em;
        padding: 0.2em;
        margin: 0.25em 0em 1em 0em;
    }
    
     input[id="searchBtn"]
    {
	    margin: 1em 1em 1em 0em !important;
    }

    .sub-title-section {
        padding: 0em 0em 1em 1em !important;
    }

    #breadcrumbs-wrapper {
        padding: 0.3em 0em;
        min-height: 1.3em;
        margin: 0em 1em !important;
    }

    ul#dash-style-list {
        margin-left:0em;
        padding-left:0.5em;
    }

    /*#region Nav in single column*/
    #nomis-top-main-nav-wrapper {
        padding: 0em;
    }

    #nomisweb-prefs-link {
        /* display: block; */
        float: none;
        margin-top: 0em;
        padding: 1em;
        /* width: 93%; */
        text-align: right;
    }

    #page-heading-and-sub-nav > h1 {
        font-size: 1.3em;
        padding-left:1em !important;
        overflow:auto;   
        line-height: 1.75em;
        border-left: none;  border-right: none;  
    }

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

    #page-wrap, #release-dates-inner-wrapper {
        padding: 0em 0.75em;
        padding-left: 0em;
        padding-bottom: 2em;
    }

    .article-entry {
        padding-bottom: 1em;
    }
    /*#endregion Nav in single column*/

    /*#region Nav and sub-navigation panel*/
    /*Nav style*/
    #page-heading-and-sub-nav {
        padding: 0em;
        margin: 0em;
    }

    #page-heading-and-sub-nav > form > h1 {
        padding: 0em 0em 0em 0.75em;
    }
    
    /* Menu toggle button becomes visible */
    #sub-menu-control {
        display: none;
    }

    #menu-control {
        display: none; /* disabled - this would be set to block if you wanted it to be displayed */
        text-align: right;
        background-color: black;
    }

    /* Main site navigation is not visible, but can be toggled with the #menu-control */
    /*#nomis-top-main-nav-wrapper {
        display: none;
    } */
    
    /*Census 2011 -start */
    .uielems label {
        margin-top: 0em !important;
    }
    /*Census 2011 - end */
    
    /*#endregion Nav and sub-navigation panel*/
    /*#region Input controls*/
    select {
        display: block;
        width: 100%;
    }

    div.label-and-input-wrapper label + label, div.label-and-input-wrapper input + input {
        margin-left: 0em;
    }
    
    input[type=button], input[type=submit], input[type=reset] {
        display: block;
        padding: 0.5em;
        margin: 0.5em 0em;
        /* width: 52%; */
     }

    label + input[type="text"] {
       margin-left: 0em;
       width: 50%;
    }

    /*#endregion Input controls*/

    /*#region Reports*/
    .navmenuitem ul li {
        display: block;
    }

    .searchWrapper-right {
        float: none;
        text-align: left;
        padding: 0em;
    }

    .searchWrapper-right ul {
        list-style: none;
        padding-left: 0em ! important;
        margin-left: 0em ! important;
    }

    .impactsearch select {
       margin-left: 0em;
    }

    .searchWrapper-left label {
        margin: 0.65em 0em 0.3em 0em;
        padding-left:0em;
    }
    
    div#labour-profile-wrapper h1 {
        margin-top:1em;
        font-size:1.2em;
    }

    h1.labour-market-profile-header {
        padding: 0.5em !important;
        border: 0px solid #77807F;
        padding: 0.5em 1em !important;
        padding-bottom: 0.35em !important;
        padding-left: 0em !important;
    }

   div#labour-profile-wrapper .navmenutitle {
        padding: 0.6em 0em;
        padding-bottom:0.25em;
        font-size: 0.9em;
        font-weight: bold;
    }

    div#labour-profile-wrapper th {
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        letter-spacing: normal;
        text-transform: capitalize;
        font-size: 0.85em;
    }

    .datatablecell {
        padding: 2px 0px !important;
    }
    .datatable td {
        font-size: 0.75em;
    }

    .profile-optional-view-links+h1{
        margin-bottom:0.5em;
    }

        .profile-optional-view-links {
       font-size:0.7em;
    }

    dt, dd dt, dd dd dt {font-size: 1.15em;}
    
    dl p{
         font-size:0.85em;
     }

    div.summary-stat-overview-section-wrapper div.left, 
    div.summary-stat-overview-section-wrapper div.right {
        float: none;
        width: 100%;
    }

    .impactsearch
    {    
        padding: 0em 1em !important;
    }
    /*#endregion Reports*/

    /*#region Profile table*/
    .summary-statistics-content-wrapper,
    .detailed-statistics-content-wrapper {
        height: auto;
    }

    .descriptive-content-section table.datatable th.datatableheadingcell,
    .descriptive-content-section table.datatable th.level0, 
    .descriptive-content-section table.datatable th.level1,
    .descriptive-content-section table.datatable th.level2,
    div#labour-profile-wrapper th.level2
    {
        white-space:normal !important;
        font-size: 0.85em !important;
    }

    .descriptive-content-section div#labour-profile-wrapper {
        padding: 0em 1em;
    }

    .searchWrapper-right ul li {
        display: inline-block;
    }
    /*#endregion Profile table*/

    /*#region Release dates */
    .related-news-link {
        display: block;
        text-align: left;
        clear: both;
        padding: 0.25em 0em;
        width: 40%;
        font-size: 0.75em;
    }

    .release-dates-entry-wrapper h3, table caption h3 {
        font-size: 1em;
        padding: 0.5em 0em;
    }

    .data-release-dates-header h2 {
    	padding: 0.15em 0.5em !important;
	    letter-spacing: normal;
	    font-size: 1.1em;
    }

    .release-dates-table-container thead tr th {
        line-height: 1.25em;
        text-transform: capitalize;
        padding: 0.25em;
        font-size: 0.85em;
    }

    .release-dates-table-container tbody tr td {
        font-size: 0.80em;
    }

    .release-dates-text-container {
        margin-top: 0.65em;
        font-size: 0.75em;
    }

    .release-dates-entry-wrapper {
        margin: 0em;
    }

    .release-dates-entry-wrapper p {
        margin: 0em 0.15em;
        font-size: 0.70em;
    }

    .table-embedded-foot-note-wrapper {
        padding:0.5em 1em;
    }

    .table-embedded-foot-note-wrapper p {
        padding: 0.25em 0em;
        margin: 0em;
    }

    .ui-tabs .ui-tabs-nav li {
        width: 48.5%;
        white-space:inherit !important; 
        display: inline-block;
        height: 3.7em;
    }


    .tool-tip-container {
        margin: 0em;
        padding: 0.15em 0.25em;
        background-color: #D8DAD5;
        border: solid 1px #848580;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-size: 0.7em;
    }

    #page-wrap {
        min-height: inherit;
        padding-top: 1em;
        padding-left: 1em !important;
    }

    .newsbody {
        padding: 1em 0em;
        margin: 0em;
    }
    #story h2, #newnews h2, #newnews h3 {
        margin-top: 1em;
        margin-bottom:0em;
    }
    #newnews h3+p {
        margin-top:0em !important;
        padding-top:0em !important;
    }

   .story-iframe
    {
       width:100%;
       height:300px;
    }
    /*#endregion Release dates*/
    
    /*#region Modal popup*/
	#modalBack {
        z-index: 99999;
        height: auto;
        max-height: 76.75%;
        max-width: 90% !important;
        right:0.5em !important;
        padding: 0em;
        margin: 0em;
        /*overflow: inherit !important;*/
	}

    #modalDivTools {
        float: left;
        padding: 1em;
    }

    #modalDivTitle {
        width: 50%;
    }

    #modalDiv {
        z-index: 4101;
        border: 1px solid #ccc;
        min-width: 20% !important;
        max-width: 96% !important;
        margin: 2% 2%;
        max-height: 96%;
        overflow: auto;
        height: 96%;
    }

    #modalDivBody {
        height: 93.25%;
        overflow: auto;            
    }

    form.form1 {
        height:92% !important;
    }
    .message-popup-window {
        width: 96%;
        padding: 2%;
        height: 83.99%;
        margin: 0em;
    }

    #modalDivBody .descriptive-content-section-wrapper {
        border-bottom:dashed 1px #ccc;
    }
    .message-popup-window body {
        min-width:10% !important;
    }

	/*#endregion Modal popup*/

    /*#region Contact Us page*/
        #contact-us-page div.left,  #contact-us-page div.right {
            width:100% !important;
        }  

        #contact-us-page div.left {
            border-bottom: 1px #ccc solid;
        }
    /*#endregion Contact Us page*/

    /*#region Form elements style*/
      /* Form elements style - start */
        div.label-and-input-wrapper label.left, 
        div.label-and-input-wrapper input.left {
            width:25%;
            min-width:25%;
            padding: 0.5em 0em !important;
        }

        div.label-and-input-wrapper label.right, 
        div.label-and-input-wrapper input.right, 
        div.label-and-input-wrapper select.right,
        div.label-and-input-wrapper textarea.right {
            width: 96%;
            max-width: 96% !important;
        }

        .user-guide-text {
            padding-left:28%;
        }
      /* Form elements style - end */
    /*#endregion */

    /*#region Org name and logo section */
    #org-name-and-logo-wrapper {
       border-bottom: 3px solid #0B0C0C;
    }

    #nomisweb-organisation-name {
        padding-top: 0em !important;
    }
    /*#endregion */

    .text_table {
        padding: 0.5em;
    }

    .text_table td {
        font-size:0.75em;
    }

    #menu-control img {
        background: white !important;
        margin-right: 0.25em;
    }

    #menu-control a {
        padding: 0em 0.5em;
        color: white !important;
        font-weight: bold !important;
        text-decoration:none;
    }

    .wizardcompcontent {
        padding: 0em 1em;
    }

    form#form1 .descriptive-content-section, 
    .content-after-subnav, #date-individual-controls {
        padding-left:1em !important;
        padding-bottom:0em !important
    }

    #kwords {
        column-count: 2 !important;
        -moz-column-count: 2 !important;
        -webkit-column-count: 2 !important;
    }

    .nomisweb-ons-logo > img {
        height: 2em;
        float: right;
        margin-top: 1.25em;
    }

    #org-name-and-logo-wrapper {
        padding: 0.5em 1em !important;
        padding-bottom: 0em !important;
    }

    form#site-search input[type=submit] {
     display: inline-block !important; 
     padding: 0em 0.5em !important;
     margin: 0 !important;
     width: auto !important;
    }

    .menulight .nav-item-vertical-sub-nav-expanded .sub-nav {
        display: inline-table;
        min-width: 90%;
    }
}