/* Next step is to load all of these up into a les file */



/* wide[body area is wide w/ narrow r-aside], narrow[body are is narrrow] */

/* Basic resets, need to be removed */
body {
    background-color: white;
    margin: 0px;
    padding: 0px;
}

aside.left ul {
    padding: 0;
}

aside.left li {
    list-style-type: none;
}

body.home #valueprop #carousel a > p {
    display: none;
}

body.home #valueprop #carousel li {
    padding-bottom: 40px;
}

body.page-16902 section header .info .myasx-status{
    /*display: none !important;*/
}

body.page-16902 section #nav{
    /*display: none !important;*/
}

body.wide article{
    max-width: 1000px;
}

#company-information .advertisement-half-page {
    /*display: none;*/
}

/* Get rid of box-sizing shenannigan hacks */
/* *, :after, :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
} */

/*New header style changes  start .page-16902 changes*/

#div-gpt-ad-1450161763430-2 {
    width: 300px !important;
}

body section header .info{
    position: absolute !important;
    margin-top: 0px !important;
}

body header .logo {
    margin-top: 5px;
}

body section header .info .advertising {
    float: left;
    margin-left: 225px;
}

aside.right iframe.myasx-status {
    display: none !important;
}

body section header .info .myasx-status {
    padding-top: 10px;
    width: 160px;
    float: right;
    height: 90px;
    border: none !important;

}

body section header .info #market-status {
    margin-left: 215px;
    float: left;
}

body section.head {
    position: relative;
    z-index: 200;
}

body section header.sticky-nav-on {
    height: 84px !important;
    position: fixed;
    top: 0;
    z-index: 10000;
    margin-top: 0px !important;
    box-shadow: 0 0 16px 0 #333333;
}

section footer .content {
    padding: 25px 0px 25px 20px;
}

.search-fixed-nav {
    background: #0C3B6C !important;
    color: white !important;
}

.search-fixed-nav::-webkit-input-placeholder {
    color: #FFFFFF !important;
}

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

    /*body section header .info .advertising .adbox .advertisement-leaderboard-m{
        display: none;
    }

    body section header .info .advertising .adbox .advertisement-leaderboard{
        display: block;
    }*/

    .home header section div.status {
        margin-top: 95px;
    }
}

@media only screen and (min-width : 1200px)  {
    body.home section header .info .myasx-status {
        position: relative;
        margin-top: -40px;
        top: -50px;
    }
}

@media only screen and (max-width : 1024px)
and (min-width: 1000px) {

    body section header .info .advertising {
        width: 320px;
    }

    body section header .info .advertising .adbox {
        width: 320px;
        margin-top: 25px;
    }

    body section header .info .advertising .adbox .advertisement-leaderboard-m{
        display: block;
    }

    body section header .info .advertising .adbox .advertisement-leaderboard{
        display: none;
    }

    body section header .info .myasx-status {
        padding-top: 35px !important;
        width: 320px !important;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 768px) {
    body header .advertisement-leaderboard-m {
        padding-right: 0px;
    }

    body section header .info .myasx-status {
        margin-right: 55px;
    }

    body section header .info #market-status	{
        margin-left: 0px;
    }

    body header .logo {
        margin-top: -2px;
    }

    body.home section header .info #market-status	{
        top: 105px;
        margin: 0px !important;
        position: relative;
    }

    body.home header section.info div.search {
        top: 0px !important;
    }

}

@media only screen and (max-width: 705px) and (min-width: 631px) {

    body section header .info #market-status	{
        top: 40px;
        position: relative;
    }

    body header section.info div.search {
        top: 0px !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 631px) {

    body header .logo {
        margin-top: 20px;
        background-size: 90px !important;
    }

    body header .skip_to_content {
        width: 100px;
        height: 45px;
    }

    body section header .info .advertising {
        margin-left: 100px;
    }

    body header .advertisement-leaderboard-m {
        padding-right: 0px;
    }

    body section header .info .myasx-status {
        margin-right: 45px;
    }

    body section header .info #market-status	{
        margin-left: 0px;
        margin: 0px !important;
        width: 50% !important;
    }

    body.home section header .info #market-status	{
        top: 105px;
        margin: 0px !important;
        position: relative;
    }

    body.home header section.info div.search {
        top: 0px !important;
    }

    body header .logo {
        margin-top: 18px;
        position: absolute !important;
    }

    body section header .info .header-search	{
        position: relative;
        padding-right: 10px;
        top: 3px !important;
        margin: 0px !important;
        width: 50% !important;
    }
}

@media only screen and (max-width: 704px) and (min-width: 631px) {
    body section header .info #market-status {
        /*padding-left: 0px;
        margin-left: -5px;*/
        margin-top: 15px !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 705px) {
    body section header .info #market-status {
        margin-left: 0px;
        margin-top: 70px !important;
    }
}

@media only screen and (max-width: 630px) {

    body header section.logo {
        width: 80px !important;
        background-size: 80px !important;
        background: url('../images/img-header-logo.png') 0 5px no-repeat;
    }

    body header .skip_to_content {
        width: 80px;
        height: 40px;
    }

    body section header .info .advertising {
        margin-left: 0px;
        margin-top: -5px;
        padding-top: 7px;
    }

    body header div.header-search {
        padding-right: 0px !important;
        margin-top: 141px !important;
        top: 0px !important;
    }

    body section header .info #market-status {
        margin-left: 0px;
        margin-top: -15px !important;
    }

    body header .logo {
        margin-top: 0px;
    }

    body section header .info {
        background: none;
    }

    body .hamburger {
        background-color: transparent;
    }

    body .hamburger .hamburger-inner, body .hamburger .hamburger-inner:after, body .hamburger .hamburger-inner:before {
        background-color: #0C3B6C;
    }

    body #nav.active .hamburger .hamburger-inner, body #nav.active .hamburger .hamburger-inner:after, body #nav.active .hamburger .hamburger-inner:before {
        background-color: #EDF9FF;
    }

    body section nav {
        background: none;
    }

    body section header .info .myasx-status {
        width: 182px !important;
        height: 43px !important;
        position: relative;
        top: -83px;
    }

}

@media only screen and (min-width: 320px) and (max-width: 550px) {
    body section header .info .myasx-status {
        width: 182px !important;
        height: 43px !important;
        position: relative;
        top: -83px;
    }
}
/* end of .page-16902 changes */

/* Page related styles */

.page-12870 article .advertising, .page-12870 aside.right .secondary .advertising {
    display: none;
}

.page-23455 aside.right {
    display: none;
}

/* Styles to hide "pdf" text below the pdf image for annual report */
.page-12997 a[href$=".pdf"]:after, a[href$=".PDF"]:after {
    content: "" !important;
}

.page-22957 .primary h4 {
    margin-bottom: 0px;
}

.page-22957 .primary ul {
    margin-top: 5px;
}

.page-22957 .primary p.headingPara {
    margin-bottom: 0px !important;
}

.page-3380 .addtowatchlist {
    float: right;
}

.page-956 .actionbutton {
    width: 200px;
    margin: 5px 0px;
}

.page-3380 #DataTables_Table_0 thead th.name {
    min-width: 75px;
}

.page-3380 #DataTables_Table_0 thead th.name {
    min-width: 75px;
}

.page-3380 #DataTables_Table_0 thead th.code {
    min-width: 35px;
}

.page-3380 #DataTables_Table_0 thead th.date {
    min-width: 50px;
}

.page-3380 #DataTables_Table_0 tbody td {
    font-size: 0.85em;
}

.page-3380 #DataTables_Table_0 tbody {
    display: table-row-group !important;
}

.page-3380 #DataTables_Table_0 thead th{
    padding: 10px 10px;
}

.floating_note_header:first-child {
    visibility: visible !important;
}

.advertisement-half-page iframe {
    /*display: none;*/
}

@media only screen and (min-width: 320px) and (max-width : 568px) {

    .page-3380 #DataTables_Table_0 thead th.name {
        width: 85px;
    }

    .page-3380 #DataTables_Table_0 thead th.code {
        width: 35px;
    }

    .page-3380 #DataTables_Table_0 thead th.date {
        width: 50px;
    }

    .page-3380 #DataTables_Table_0 tbody td {
        font-size: 0.85em;
        padding: 8px 5px;
        word-wrap: break-word;
    }

    .page-3380 #DataTables_Table_0 thead th{
        padding: 10px 5px;
    }
}


@media only screen and (min-width: 412px) and (max-width : 736px) {

    .page-3380 #DataTables_Table_0 thead th.code {
        width: 45px;
    }

    .page-3380 #DataTables_Table_0 thead th.date {
        width: 60px;
    }
}

/* Box visuals */


#asx-listing-pages {
    position: relative;
    top: -2px;
}

section nav.active .inner > ul > li > ul > li > ul {
    /*display: none !important;*/
    padding-left: 20px;
}

nav > div > ul > li.selected > ul:last-child {
    /*display: none !important;*/
}

.subNavList {
    /*display: none !important;*/
}

#top50-data tbody tr td:last-child {
    padding-right: 5px;
}

/* Gotta reconfigure this */
div.advertising .adbox {
    /* 	background-color: #111; */
}
header .adbox {
    width: 728px;
    height: 90px;
}

article .adbox {
    width: 620px;
    /*height: 600px;*/
}

aside .adbox {
    width: 160px;
    /*height: 600px;*/
}

body.layout-two-column aside.right .secondary {
    width: 100%;
}


/* Flex layouts */

body > section {
    display: flex !important;
    flex-flow: row wrap;
    margin: 0 auto;

}

body > section.wrapper {
    max-width: 1200px;
}

body.full > section.wrapper {
    max-width: 100%;
}

body > section.wrapper.full {
    max-width: 100%;
}

header, nav, article, aside, footer, section {
    flex: 1 100%;
    border: 1px solid #fff;
    border: none;
}

section.container > div, footer div.outer {
    flex: 1 100%;
    border: 1px solid #fff;
    border: none;
}





header {
    order: 1;
    display: flex !important;
    flex-flow: row nowrap;
    margin-top: 0px;
}

header section {
    display: flex !important;
    flex-flow: row wrap;
}

header section.logo {
    width: 183px;
    height: 85px;
    background: url('../images/img-header-logo.png') 0 5px no-repeat;
}
nav {
    order: 2;
}

aside.left {
    flex: 1 0 160px;
    order: 3;
    max-width: 160px;
}

body.wide aside div.advertising div.adbox {
    width: 160px;
    min-width: 160px;
    height: 600px;
    float: right;
}

body.narrow aside div.advertising div.adbox {
    width: 300px;
    min-width: 300px;
    /*height: 270px;*/
    margin: 0 auto;
}


article {
    width: 100%;
    order: 4;
    flex: 2 0px;
    padding-bottom: 20px;
    margin-right: 10px;
}

article div#content {
    /*padding: 20px;*/
}

article div.advertising {
    width: 100%;
    border-left: 1px solid #e5e5e5;
    width: -webkit-fill-available;
    position: relative;
    float: left;
}

article div.adbox {
    margin: 0 auto;
}

body.narrow aside.right, body aside.right {
    order: 5;
    flex: 1 0 300px;
    max-width: 300px;
}

body.wide aside.right {
    order: 5;
    flex: 1 0 160px;
    max-width: 160px;
}

footer  {
    order: 6;
}

footer div.details {
    display: flex;
    flex-flow: row nowrap;
    max-width: 980px;
    margin: 0 auto;
    min-height: 145px;
}

footer div.logo {
    flex: 1 auto;
    order: 1;
    background: url('https://www.asx.com.au/images/img-footer-logo.png') 5px 0 no-repeat;
    width: 85px;
    height: 130px;
    max-width: 85px;
}

footer div.logo img {
    width: 120px;
}

footer div.content {
    flex: 1 auto;
    order: 2;
    padding-left: 20px;
}

footer div.connect {
    flex: 1 auto;
    order: 3;
    max-width: 330px;
}

footer div.connect ul {
    display: flex;
    flex-flow: row nowrap;
}

footer div.connect li {
    position: relative;
    flex: 1 auto;
    text-align: center;
    max-width: 110px;
    min-height: 120px;
}

footer div.connect li a {
    color: #333;
    font-size: 1.1em;
    text-decoration: underline;
}

footer div.connect li img {
    display: block;
    margin: 0 auto;
}

footer div.content li {
    display: inline;
    padding: 0 10px;
    border-left: 1px solid #ddd;
}

footer div.terms {
    max-width: 980px;
    margin: 0 auto;
    padding: 20px 50px 30px;
    font-size: 0.846em;
    line-height: 1.272em;
    text-align: center;
}

header section {
    flex: 1 auto;
}

header section div.container {
    flex: 1 auto;
}

header section.logo {
    position: absolute;
    flex: 1 0 235px;
    width: 235px;
    height: 85px;
    max-width: 235px;
}

header section.info div.search {
    flex: 1 100%;
    padding: 0 0 0px;
    flex-flow: row wrap;
    justify-content: right;
    text-align: right;
}

header section.info div.search > form, header section.info div.search > a {
    flex: 1 100%;
}

header section div.advertising {
    width: 728px;
    height: 90px;
    justify-content: right;
    float: right;
}

header div.search span {
    padding: 0;
}


/* This is the start of the stylesheet proper */

/* Top navigation */

nav > div {
    max-width: 1200px;
    margin: 0 auto;
}

body.home nav > div {
    max-width: 990px;
}

nav > div > ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    /*padding-right: 130px;*/
}

nav > div.inner > ul {
    padding-left: 0px;
}

nav > div ul > li {
    flex: 1 auto;
    list-style-type: none;
    text-align: left;
    height: 37px;
    line-height: 37px;
}

nav > div ul > li > a {
    padding: 10px 33px 10px 15px;
}

nav li:hover {
    background: #0265B6;
    color: #FFFFFF;
    text-decoration: underline;
}

section nav {
    font-size: 0.84em;
}

section nav li ul {
    display: none;
    position: absolute;
    margin-top: -1px;
    padding: 12px 12px 0 12px;
    -webkit-box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

nav a:hover, nav a:active {
    /*color: #FFFFFF;*/
    text-decoration: underline;
}

nav > div ul > li li {
    text-indent: 0px;
}

nav li li {
    display: none;
}

section nav li li a {
    font-family: arial, tahoma, sans-serif;
    color: #003876;
    border-bottom: 1px solid #666;
    white-space: nowrap;
    padding: 4px 12px 0px 12px;
    line-height: auto;
    margin-bottom: 6px;
    line-height: 28px;
    height: 35px;
    font-size: 1.2em;
    background: none;
    display: block;
    min-width: 150px;
}

section nav li a:hover, section nav li a:focus {
    color: #FFFFFF;
}

section nav li li a:hover {
    color: #0265B6;
}

section nav li ul li:last-child a {
    border-bottom:none;
}

section nav li:hover ul {
    display: block;
    background-color: #F7F6F6;
    border: 5px solid #FFFFFF;
}

section nav li li:hover {
    background: none;
    color: #0265B6;
}

nav li:hover li {
    display: block;
}

nav div.inner {
    max-width: auto;
    width: auto;
}

footer div.inner {
    margin: 0 auto;
    align-items: top;
    display: flex;
    justify-content: space-between;
    max-width: 980px;
    width: auto;
}

footer > div.inner ul {
    display: block;
    margin: 0;
}

footer div.col {
    text-align: center;
    padding-right: 10px;
}

footer div.col span {
    display: none;
}

footer div.col li {
    text-align: left;
    list-style: none;
}

footer h4 {
    text-align: left;
    color: #ccc;
    font-size: 15px;
}

body.wide aside.right section.primary iframe {
    padding-top: 8px;
    height: 90px;
    max-height: 90px;
    margin: 0 auto;
    width: 160px;
    max-width: 160px;
    display: none !important;
}


body.narrow aside.right section.primary iframe {
    padding-top: 8px;
    height: 40px;
    max-height: 40px;
    margin: 0 auto;
    width: 300px;
    max-width: 300px;
    display: block;
}


aside.right section.primary {
    clear: none;
    float: none;
    margin: 0 auto;
    width: auto;
    padding-top: 30px;
}

body.home aside.right section.primary {
    padding-top: 0;
}


/* These are the basic layouts from bootstrap */


/* Hacks */


/* Global */

body {
    color: #575757;
    /*font: 81.3%/1.51em arial, tahoma, sans-serif;*/
}

a {
    text-decoration: none;
    vertical-align: baseline;
    transition: all 0.3s ease;
}

h1, h2, h3, h4 {
    color: #003876;
    font-weight: normal;
}

/* .secondary {
	width: auto;
} */


/* Header */
section.head {
    background: linear-gradient(120deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 35%, rgba(237, 249, 255, 1) 35%, rgba(237, 249, 255, 1) 100%);
}

header {
    width:100%;
    max-width: 1200px;
}

header section.logo {
    /*padding-top: 30px;*/
}

header section.info {
    margin-top: 10px;
    max-width: 1200px;
    z-index: 0;
    width: 100%;
    position: relative;
}

.home header section.info {
    margin-top: 10px;
    max-width: 990px;
}

header div.status iframe#market-status {
    margin-top:20px;
    height: 28px;
    /*width: 400px;*/
    width: 100%;
}

header div.search {
    margin-top: -40px;
}

header .header-search a {
    float: none !important;
    margin-top: -5px;
    margin-bottom: 0;
    color: #0C3B6C;
    text-decoration: underline;
    font-size: 0.9em;
}

/* Main navigation */

nav {
    background: #0C3B6C;
}

nav ul {
    margin: 1em 0 0.5em 0;
}

nav ul ul {
    margin: 0;
    text-align: left;
}

nav li {
    /* 	height: 20px; */
}

nav a {
    color: #FFFFFF;
    font-size: 1.47em;
    text-decoration: none;
}

header nav li.selected a {
    background: #0265B6;
    color: #FFFFFF;
}

/* Side Menu */

aside.left h2 {
    line-height: 1.2em;
    font-family: 'RotisSemiSansPro', arial, tahoma, sans-serif;
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

aside.left a {

    color: #1F3C73;
    margin: 3px 0px 3px 0px;
    display: inline-block;
    /* font-weight: bold; */
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
    padding: 3px 0px 3px 0px;
}

aside.left ul {
    margin: 0 0 0px;
}

aside.left li.selected a {
    border: none;
    color: #008bc3;
}

aside.left li li a {
    width: 140px;
    border-bottom: none;
}

aside.left a:hover, aside.left li.selected li a:hover {
    color: #008bc3;
    text-decoration: underline;
}

aside.left li.selected li a {
    background: #FFFFFF url(../images/sprite.png) no-repeat 0px -623px;
    padding: 4px 0px 4px 20px;
    color: #585858;
}




/* Content area */
article .breadcrumbs {
    float: none;
    display: block;
    width: 100%;
}

article div#content {
    /*padding-top: 6px;*/
    padding-left: 0px;
    border-top: 1px solid #E5E5E5!important;
    /*border-left: 1px solid #e5e5e5;*/
}

article div#advertising {
    border-left: 1px solid #e5e5e5;
}

article div#content > h1 {
    margin: 0px;
    border-left: 1px solid #e5e5e5;
    padding: 20px 20px 20px 14px;
}

article div#content > .primary {
    margin: 0px;
    padding-left: 14px;
    border-left: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

/* Footer */

/* This will need to be changed on size */
footer {
    position: relative;
    bottom: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 35%, rgba(237, 249, 255, 1) 35%, rgba(237, 249, 255, 1) 100%);
}

footer div.outer {
    background: #0265B6 url('footer-bar.png') 0 0 repeat-x;
}


footer div.outer .footer-header {
    height: 60px;
    background: #0C3B6C!important;
}

footer div.col {
    min-width: 14%;
}

footer div.col h4 {
    text-align: left;
    padding: 9px 20px 0 10px;
    min-height: 45px;
    position: relative;
    margin: -60px -2px 0px -2px;
    color: #fff;
    /*color: #fff;
    margin: 20px 0;*/
}

footer div.col ul {
    /*margin-top: 0;*/
    padding-top: 15px;
    padding-left: 0px;
}

footer div.col a {
    /* 	background: url(../images/sprite.png) no-repeat -5px -529px; */
    color: #EEEEEE;
    font-size: 0.9230em;
    line-height: 1.285em;
    /*     padding: 0 5px 7px 12px; */
    padding: 10px 5px 10px 10px;
    display: inline-block;
}

footer div.col a:hover {
    color: #fff;
    text-decoration: underline;
}

footer div.details {
    border-bottom: 1px solid #E5E5E5;
}

footer div.logo {
    position: relative;
    float: left;
    margin-top: 10px;
    /*padding-right: 20px;
        padding-bottom: 20px;*/
}

footer div.content li.first {
    border: none;
    padding-left: 0;
}

footer div.content a.cta {
    color: #428bca;
}

footer div.content a {
    color: #666666;
    font-size: 0.9230em;
    line-height: 1.125em;
}

footer div.content a:hover {
    color: #333;
    text-decoration: underline;
}

footer div.content ul {
    padding-left: 0px;
}

footer div.content p.copyright {
    color: #666666;
    margin: 20px 0 21px 0;
    font-size: 0.9230em;
    line-height: 1.125em;
}

footer div.connect ul {
    margin: 0;
    border-left: 1px solid #E5E5E5;
    padding-left: 0px;
}

footer div.connect li {
    padding-top: 30px;
    /* 	min-height: 120px; */
    border-right: 1px solid #E5E5E5;
    list-style: none;
}

footer div.terms p {
    clear: both;
    padding: 0 50px 20px;
    font-size: 0.846em;
    line-height: 1.272em;
    color: #575757;
}






/* Ad hoc content */

body.bigtable #content {
    width: 100%;
}

body.bigtable #content .primary{
    width: 100%;
}

body.bigtable #content .primary table {
    table-layout: fixed;
}

body.bigtable #content .primary table tbody{
    display: block;
}

#announcements-search .contenttable {
    width: auto;
    max-width: 35.8em;
}

#content .datatable {
    float: none;
}

#content .datatable tbody{
    overflow-y: hidden;
    /*overflow-x: scroll;*/
}

.error {
    border: none;
    background: none;
    padding: 0;
}


.video-container-responsive {
    min-width: none;
    min-height: none;
}

iframe[name="google_conversion_frame"], iframe[name="google_osd_static_frame"] {
    display: none;
}



/* Homepage */


body.home header {
    max-width: 990px;
}

body.home section.home {
    max-width:990px;
}

body.home article {
    max-width: none;
    margin-right: 0;
}

body.home article div#content {
    border: none !important;
    margin-top: 20px;
    height: auto;
}


body.home .modules .module {
    margin-bottom: 15px;
}

.ic_thumbnail_tray {
    width: auto !important;
}

.ic_right_nav, .ic_left_nav {
    top: 35% !important;
}


/* Company informatiOn page */

#information-column {
    width: 800px;
}

.tile {
    padding: 0;
}

.tile div {
    width: auto;
}

.tile-3 {
    padding: 0
}

.tile-3 div {
    padding: 0;
}

.tile-6 {
    padding: 0;
}

.tile-6 div {
    top: 0;
    left: 0;
    width: 100%;
}

#content .tile-6 .icon-arrow-right, #content .tile-6 .icon-arrow-right-alternative {
    top: 16px;
    right: 30px;
    display: none !important;
}

article .search-company {
    margin-top: 8px;
}






/* This is a hack to deal with tables before they get properly addressed */
/* These big pages will only be one column so they are going to be treated in a specific way anyways */

/* #content {
    max-width: 830px;
    overflow-x: scroll;
}

#content .datatable {
	float: none;
	width: auto;
} */

.hamburger {
    font: inherit;
    display: none;
    overflow: visible;
    margin: 0;
    width: 28px;
    height: 18px;
    padding: 14px 16px 14px 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 24px;
    height: 3px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 3px;
    background-color: #000;
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}


.hamburger-inner:before {
    top: -8px;
}

.hamburger-inner:after {
    bottom: -8px;
}

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s,opacity 75ms ease;
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}


.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
    background-color: #EDF9FF;
}

.hamburger {
    position: absolute;
    top: 0;
    right: 0;
}


/* This class is only appied when the hamburger is showing */
/*nav.active .hamburger--squeeze .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
}

nav.active .hamburger--squeeze .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg);
}

nav.active .hamburger--squeeze .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
}

nav.active {
	position: absolute;
	z-index: 200;
	height: auto;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 0;
}

nav.active > div {
	display: block;
}

nav.active > div > ul {
    z-index: 99;
	position: relative;
	top: 0;
	left: 0;
	border: none;
}

nav.active ul, nav.active li {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}

nav.active ul ul {
	display: none;
}

nav.active li {
	height:auto;
}

nav.active a {
	color: #fff;
}

nav.active a:hover {
	text-decoration: none;
}

nav.active, nav.active .hamburger {
	border-radius: 0;
}*/

.search-again table tbody td {
    position: relative;
    /*float: left;*/
}

.search-again table tbody tr td:first-child {
    float: none;
}

#quicksearch.search-again table tbody tr td:first-child {
    float: left !important;
    top: 0px !important;
}

#quicksearch .options {
    display: -webkit-inline-box;
}

/* Override for bootstrap rules */

@media (min-width: 1200px) {

    section nav.active .inner > ul > li > ul > li > ul	{
        display: none !important;
    }

    .subNavList {
        display: none !important;
    }

    header div.container {
        width: auto;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

    section nav.active .inner > ul > li.selected > ul:nth-child(even) {
        display: none !important;
    }

    aside.left {
        display: none;
    }

    header div.container {
        width: auto;
    }

    header section.info div.advertising {
        max-width: 728px;
    }

    header div.header-search {
        margin-right: 5px;
        padding-left: 10px;
    }

    header div.header-search a {
        display: block;
        margin-top: 8px;
        margin-right: 0;
    }
    nav > div ul > li > a {
        padding: 10px 33px 10px 15px;
    }

}

@media only screen and (max-width : 1200px)
and (min-width: 1000px) {

    section nav .inner > ul > li:last-child > ul {
        right: 0px;
    }

    section nav.active .inner > ul > li > ul > li > ul	{
        display: block !important;
        padding-left: 65px;
    }

    section nav.active .inner > ul > li > ul > li > ul > li	{
        color: white;
        display: list-item;
        list-style-type: square;
    }

    section nav.active .inner > ul > li > ul > li > ul > li > a{
        padding-left: 0px !important;
    }

    .subNavList {
        display: block !important;
    }

    section nav .subNavList {
        border: none !important;
        display: block !important;
        box-shadow: none;
        position: relative !important;
        padding-left: 28px;
    }

    .subNavList li a {
        padding: 0px;
        display: list-item;
        list-style-type: square !important;
    }

    section nav li ul li:last-child a {
        border-bottom: 1px solid #666;
    }

    nav > div ul > li {
        height: auto;
    }


}

/*@media only screen and (min-width : 1024px) {
    header section.info {
        top: 10px;
        position: absolute;
        margin-left: 223px;
    }
}*/

@media only screen and (max-width : 1024px) {

    header .header-search #query_global {
        width: 75% !important;
        float: left;
    }

    header .header-search button {
        width: 25%;
        position: relative;
    }

    #valuecore {
        width: 100%;
    }

    #valuecore img {
        width: 420px;
    }

    div.ic_myCarousel {
        margin: 0 auto;
    }

    .ic_right_nav, .ic_left_nav {
        top: 25% !important;
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1000px) {

    header section.info {
        margin-top: 0;
    }

    .home header section.info {
        margin-top: 0;
    }

    header div.container {
        /*width: auto;*/
    }

    header section.info div.advertising {
        width: 320px;
        height: 50px;
    }

    header section.info div.adbox {
        top: 18px;
        width: 320px;
        height: 50px;
        text-align: -webkit-center;
        position: relative;
    }

    .advertisement-leaderboard {
        display: none;
    }

    .advertisement-leaderboard-m {
        display: block;
    }

    header section.logo {
        padding-top: 0;
    }

    header div.status iframe {
        float: right;
        margin-top: 0;
        margin-bottom: 5px;
    }

    header div.search {
        flex: 1 auto;
        max-width: auto;
        min-width: 148px;
        margin-top: 0;
    }

    article div.advertising div.adbox {
        width: 300px;
        max-width: 300px;
        min-width: 300px;
        /*height: 600px;*/
    }

    nav > div ul > li > a {
        padding: 0 5px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 1000px) {

    /* Header Styles */

    header .header-search button {
        /*top: -43px;
        position: relative;
        visibility: hidden;*/
    }

    .section-dynamic header {
        height: 180px !important;
    }

    header section.logo {
        width: 100%;
        z-index: 99;
    }

    header section.info {
        z-index: 0;
        width: 100%;
        position: absolute;
        height: 48px;
    }

    header section.info div.search {
        order: 3;
        position: relative;
        top: -45px;
    }

    body.home header .header-search #query_global {
        position: relative;
        /*top: 90px;*/
    }

    header div.header-search a {
        position: relative;
        top: -1px;
    }

    #status-data {
        text-align: right;
    }

    /* End header styles */

    body.wide article {
        width: 100%;
    }

    .primary {
        width: 100%;
    }

    header div.status iframe {
        /*margin-right: 120px;*/
    }

    body.narrow aside.right {
        order: 4;
    }

    body.narrow header {
        border-bottom: 1px solid #E5E5E5;
    }

    body.wide > section {
        flex-flow: row nowrap; /*latest*/
    }

    header div.container {
        width: auto;
    }

    header section div.container {
        flex: 1 100%;
    }

    header section div.status {
        position: relative;
        /*left: -110px;*/
        left: 0px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    header div.status iframe#market-status {
        margin-top: 60px;
        /*margin-right: 53px;*/
    }

    body.narrow article {
        flex: 1 100%;
        order: 5;
        border-top: 1px solid #E5E5E5;
        margin-right: 0;
    }

    body.wide article {
        position: relative;
        z-index: 100;
        flex: 2 auto;
        border-top: 1px solid #E5E5E5;
        margin-right: 0;
        order: 5;
    }

    body.narrow aside.right {
        position: relative;
        order: 4;
        flex: 1 100%;
        max-width: 100%;
        display: none;
        flex-flow: row wrap;
        padding-bottom: 5px;
    }

    body.wide aside.right { /*latest*/
        flex: 1 0 160px;
        max-width: 160px;
        display: none;
        flex-flow: initial;
        border-top: 1px solid #E5E5E5;
        /*width: 100%;
        flex: 1 100%;
        max-width: 100%;
        display: flex;
        flex-flow: row wrap;
        order: 4;	*/
    }

    body.narrow aside.right section {
        flex: 1 auto;
    }

    body.wide aside.right section {
        flex: 1 100%;
    }

    body.wide aside.right section.secondary .module {
        padding: 0 4px;
    }

    nav {
        position: absolute;
        height: 48px;
        width: 48px;
        top: 0;
        right: 0;
        border-radius: 0 0 0 8px;
    }


    footer div.outer {
        display: none;
    }

    footer div.details {
        flex-flow: row wrap;
        border-top: 1px solid #E5E5E5;
    }

    footer div.content {
        flex: 1 200px;
    }

    footer div.connect {
        flex: 1 100%;
        max-width: none;
    }
    footer div.connect ul {
        border-top: 1px solid #E5E5E5;
    }
    footer div.connect li {
        max-width: none;
        min-height: 70px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    nav > div {
        display: none;
    }

    nav:hover > div {
        /* 		display: block; */
    }

    .hamburger {
        display: inline-block;
        z-index: 900;
        background-color: #0C3B6C;
        border-radius: 0 0 0 8px;
    }

    /* Chess replacemnet technical documentation page style */
    .page-23277 .hamburger {
        display: none !important;
    }

    section nav.active li a, section nav li.selected ul li a {
        border-bottom: 1px solid #244076;
        padding: 0 40px;
        margin: 0;
        height: auto;
        line-height: 40px;
        background: url('icon_arrow_right_grey.png') 15px 4px no-repeat;
    }

    section nav li ul a.active, section nav li.selected ul li a.active {
        color: #EDF9FF;
        line-height: 40px;
        padding: 0 40px;
        background: none;
    }

    nav.active li li a, nav.active li li a:hover, nav.active li.selected li a, nav.active li.selected li a:hover {
        background: none;
        color: #EDF9FF;
    }

    section nav.active li ul li:last-child a {
        border-bottom: 1px solid #244076;
    }

    nav.active li li a {
        background: none;
    }

    nav.active li {
        background-color: #0C3B6C;
    }

    nav.active li ul {
        position: relative;
        top: auto;
        background-color: #0C3B6C;
        border: none;
    }

    nav.active li.active ul {
        /* 	display: block; */
    }

    nav.active li.home a {
        padding :0
    }

    section nav.active li:hover ul {
        display: none;
        border: none;
        background-color: #0C3B6C;
    }

    nav.active li a:hover, nav.active li li a:hover {
        /*background-color: #244076;*/
    }

    section nav.active li.active ul {
        /* 	display: block; */
    }

    section nav.active li.home a, section nav.active li.home a:hover {
        height: 48px;
        width: 48px;
        padding: 4px 40px 0px 40px;
        background: url("../images/sprite.png") no-repeat 5px -21px;
    }

    article div#content {
        padding: 8px;
    }

    article div#content > h1 {
        margin: 0px;
        border-left: none;
        padding: 0px;
    }

    article div#content > .primary {
        border-left: none;
        padding-left: 0px;
    }
    body.narrow .breadcrumbs {
        background-color: #EDF9FF;
    }

    body.home #valuecore {
        width: 100%;
    }

    .home .infiniteCarousel ic_peek_padding {
        height: auto !important;
    }

    .modules {
        overflow: hidden;
    }
    .modules .module {
        width: 100%;
        min-width: none;
        position: relative;
    }

    .module-index-widget-announcements table {
        width: 100%;
    }

    .module-index-widget-announcements tr th:nth-child(1) {
        width: 20%;
    }

    .module-index-widget-announcements tr th:nth-child(2) {
        width: 20%;
    }

    .module-index-widget-announcements tr th:nth-child(3) {
        width: 55%;
    }

    #valuecore img {
        width: 630px;
    }

    .ic_right_nav, .ic_left_nav {
        top: 35% !important;
    }

    .hide_tablet {
        display: none;
    }

}

@media only screen and (max-width : 768px)
and (orientation: landscape){

}

/* Breakpoints for advertsiing boxes*/
@media only screen and (max-width : 630px) {

    body.wide article {
        width: 100%;
    }

    .primary {
        width: 100%;
    }

    .section-dynamic header {
        height: 185px !important;
    }

    .home header {
        max-height: 150px;
    }

    header {
        flex-flow: row wrap;
        padding: 0;
        height: 80px;
        max-height: 200px;
    }

    header section.logo {
        position:absolute;
        flex: none;
        width: 54px;
        height: 48px !important;
        padding-top: 0 !important;
        background: #0C3B6C url('../images/img-header-logo-sml.png') 5px 0 no-repeat;
    }

    header section.info {
        z-index: 0;
        width: 100%;
        position: absolute;
        background: #0C3B6C;
        height: 48px;
    }

    header section.info div.advertising {
        width: 100%;
    }

    header section.info div.adbox {
        width: 100%;
    }

    header section div.status {
        margin-right: 0;
    }

    .section-dynamic header .header-search {
        margin-top: 138px;
        padding-right: 0px !important;
    }

    header div.container {
        width: auto;
    }

    header section.info div.container {
        flex: 1 100%;
    }

    header section.info div.search {
        top: 0px;
        order: 1;
        flex: 1 100%;
        height: 0px;
    }

    header section.info div.search {
        text-align: left;
        padding-left: 0;
        padding-bottom: 30px;
        margin-top: 4px;
        width: 100%
    }

    header section.info div.search a {
        display: none
    }

    /*.home header .header-search {
        width: 100%;
    }

    .home header .header-search form {
        width: 100%;
        float: left;
    }*/

    header .header-search button {
        float: none;
        display: none;
    }
    header .header-search #query_global {
        width: 100% !important;
        background: transparent;
    }

    body.home header .header-search #query_global {
        margin-top: 0px;
        background: none;
        position: relative;
        top: 90px;
    }

    header div.header-search {
        margin-top: 138px;
        margin-right: 0px;
        width: 100%;
        padding-left: 0px;
    }

    header #query_global_error {
        width: 100%;
        text-align: center;
        font-size: 10px;
        position: relative;
        top: -55px;
    }

    .home header #query_global_error {
        padding-top: 30px;
        top: 0px !important;
    }

    header section.info div.status {
        padding: 0px;
        order: 2;
        flex: none;
        position: absolute;
        left: 0;
        top: 30px;
        width:100%;
        height: 24px;
        text-align: left;
    }

    header div.status iframe#market-status {
        margin-top: 28px;
        /* 		margin-right: 48px; */
        margin-right: 0;
        width: 100%
    }

    body.home header div.status iframe#market-status {
        margin-top: -20px !important
    }

    header section.info div.status iframe {
        float: none;
        margin: 0;
        margin-top: 5px;
    }

    body.home header section.info div.status iframe {
        top: -38px;
        z-index: 5;
    }

    header section.info div.status span {
        margin: 0;
        padding: 0.2em 1em;
    }

    #marketstatus #status-data {
        text-align: center;
    }

    #companyInfoSearch #remote-provider {
        width: auto;
    }

    nav {
        flex: none;
        position: absolute;
        width: 48px;
        height: 48px;
        right: 0;
        top: 0;
        border-radius: 0;
    }

    .hamburger {
        border-radius: 0;
    }


    aside.right {
        margin-top: 0;
        margin-bottom: -24px;
    }

    article {
        margin-top: 0px;
    }

    body.layout-full-width article {
        margin-top: 0;
    }

    body.wide > section {
        flex-flow: row wrap;
    }

    body.wide aside.right {
        order: 4;
        flex: 1 auto;
        max-width: none;
    }

    body.wide article {
        order: 5;
    }

    body.narrow aside.right, body.wide aside.right {
        flex-flow: wrap;
    }

    body.narrow aside.right {
        padding-bottom: 0;
    }

    body.narrow aside.right section.secondary .module {
        padding: 0 4px;
    }

    body.narrow aside.right section.primary iframe, body.wide aside.right section.primary iframe {
        padding-top: 8px;
        height: 53px;
        max-height: 53px;
        margin: 0 auto;
        width: 300px;
        max-width: 300px;
        display: block;
    }

    body.wide aside div.advertising div.adbox {
        width: 300px;
        min-width: 300px;
        height: 240px;
        margin: 0 auto;
    }

    body.wide aside div.advertising div.adbox, body.narrow aside div.advertising div.adbox {
        margin-bottom: 10px;
    }

    body.wide .breadcrumbs {
        background-color: #EDF9FF;
    }

    #valuecore img {
        width: 480px;
    }

    .ic_right_nav, .ic_left_nav {
        top: 30% !important;
    }

    aside.right section.primary {
        padding-top: 0px;
    }

    table#fabresults {
        table-layout: fixed;
    }

    table#fabresults tbody {
        overflow-x: scroll;
        display: block;
    }

    /* Footer Styles */

    footer div.content li {
        padding: 0 6px;
    }

    /* End of footer styles*/

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    #industryGroup {
        max-width: 254px;
    }

    .search-again table tbody tr td:first-child {
        top: -13px;
    }

    body.wide article {
        width: 100%;
    }

    .primary {
        width: 100%;
    }

    body.narrow aside.right section {
        flex: 1 100%;
    }

    body.wide aside.right section {
        flex: 2 auto;
    }

    body.wide aside.right {
        flex: 1 100%;
        max-width: 100%;

        display: flex;
        flex-flow: row wrap;
    }

    header div.container {
        width: auto;
    }

    footer div.connect li {
        max-width: 33.3%;
    }

    #query_global {
        /* 		position: relative;
                z-index: 10; */
    }

    .row a.cta {
        width: auto !important;
        padding: 0 5px !important;
    }

    #valuecore img {
        width: 300px;
    }

    .ic_right_nav, .ic_left_nav {
        top: 15% !important;
    }

    .hide_mobile {
        display: none;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

    #industryGroup {
        float: left;
        max-width: 245px;
        margin-right: 5px;
    }

    body.wide article {
        width: 100%;
    }

    .primary {
        width: 100%;
    }

    body.wide aside.right section {
        flex: 1 100%;
        padding: 0 10px;
    }

    header div.container {
        width: auto;
    }

    header section.info div.search form, header section.info div.search div {
        /* 		display: none; */
    }

    header section.info div.search button {
        display: none;
    }

    #status-data {
        text-align: center;
    }
}


/* iPad Portrait, this is not working, the problem with the display is the ul in the naigation is pushing out over the edge of the screen */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

    /*header section div.status {
        position: absolute;
        top: 60px;
        width: 50%;
        margin-right: 0;
    }*/

    header div.status iframe#market-status {
        width: 78%;
        float: left;
        /*margin-right: 5px;
        margin-top: 45px;*/
    }

    #status-data {
        padding-left: 10px;
    }

    /*header section.info div.search {
        top: 70px;
        width: 50%;
    }

    header div.header-search {
        margin-top: 115px;
    }*/

    body.home header .header-search #query_global {
        width: 75%;
        float: left;
    }

    .home header .header-search button {
        visibility: inherit;
        position: relative;
        top: 0px;
    }

}

/* styles for landscape view on mobiles */
@media only screen
and (max-device-width: 600px)
and (orientation: landscape) {
    #quicksearch.search-again table tbody td {
        float: left;
    }
}

@media only screen
and (min-width : 631px)
and (max-width : 1000px) {

    .hamburger {
        background-color: transparent;
    }

    .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
        background-color: #0C3B6C;
    }

    .active .hamburger .hamburger-inner, .active .hamburger .hamburger-inner:after, .active .hamburger .hamburger-inner:before {
        background-color: #EDF9FF;
    }

    .hamburger-box {
        right: 10px;
    }

    body.home header section.info {
        margin-top: 50px;
    }

    header section.info div.search {
        order: 3;
        position: relative;
        top: -45px;
    }

    header .advertisement-leaderboard-m	{
        padding-right: 70px;
    }

    nav.active li {
        background-color: #0C3B6C;
    }

    header {
        padding-top: 0px;
    }

    header section.info div.search a {
        top: 32px;
        padding-right: 10px;
        right: 0;
        position: absolute;
    }
}

@media only screen
and (min-width : 631px)
and (max-width : 1000px) {
    nav#nav {
        background: none;
    }
}

@media only screen
and (min-width : 769px)
and (max-width : 1000px) {
    header div.status iframe#market-status	{
        margin-top: 60px;
    }
}

@media only screen
and (min-device-width: 600px)
and (max-device-width: 630px)
and (orientation: landscape) {
    body header div.header-search {
        margin-top: 183px !important;
        /*width: 50%;*/
    }

    body.home header div.header-search {
        margin-top: 58px !important;
        /*width: 50%;*/
    }
}

@media only screen
and (min-device-width: 600px)
and (max-device-width: 750px)
and (orientation: landscape) {
    header div.status iframe#market-status {
        width: 100%;
        float: left;
        margin-top: 50px;
    }

    header section div.status {
        left: 0px;
    }

    header section.info div.search {
        top: -42px;
    }
}

/* styles for portrait view on mobiles */
@media only screen
and (max-device-width: 450px)
and (orientation: portrait) {
    .search-again .options li {
        margin: none;
        padding: 5px;
    }

    .search-again .options li.detailed {
        padding-left: none;
    }

    .search-again table tbody td {
        float: left;
    }

    #quicksearch.search-again .actionbutton {
        margin-top: 5px;
    }

    #quicksearch.search-again .options {
        position: relative;
        left: 58px;
    }

}

@media only screen
and (min-device-width: 450px)
and (max-device-width: 550px) {
    /*.search-again .options li.detailed {
        padding-left: 0px;
        border-left: none;
    }*/
}

/* styles for portrait view on mobiles */
@media only screen
and (max-device-width: 400px)
and (orientation: portrait) {

    #quicksearch.search-again .options {
        top: -25px;
    }
}

@media (min-width: 1000px) {

    .page-3380 #DataTables_Table_0 tbody td {
        font-size: 0.9em;
    }
}

@media (max-width: 1000px) {
    #content #bbsw-data.datatable {
        table-layout: auto;
    }

    #content #bbsw-data.datatable tbody{
        display: contents;
    }

    #content .datatable {
        float: none;
        table-layout: fixed;
    }

    #content .datatable tbody{
        overflow-y: hidden;
        overflow-x: scroll;
        display: block;
    }

    header div.status iframe#market-status {
        /*margin-top: 60px;*/
    }

    section nav.active .inner > ul > li > ul > li > ul	{
        display: block !important;
        padding-left: 65px;
    }

    section nav.active .inner > ul > li > ul > li > ul > li	{
        color: white;
        display: list-item;
        list-style-type: square;
    }

    section nav.active .inner > ul > li > ul > li > ul > li > a{
        padding-left: 0px !important;
    }

    .subNavList {
        display: block !important;
    }

    nav.active .hamburger--squeeze .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease,opacity 75ms ease .12s;
        opacity: 0;
    }

    nav.active .hamburger--squeeze .hamburger-inner {
        transition-delay: .12s;
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: rotate(45deg);
    }

    nav.active .hamburger--squeeze .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(-90deg);
    }

    nav.active {
        position: absolute;
        z-index: 200;
        height: auto;
        width: 100%;
        top: 0;
        left: 0;
        border-radius: 0;
    }

    nav.active > div {
        display: block;
    }

    nav.active > div > ul {
        z-index: 99;
        position: relative;
        top: 0;
        left: 0;
        border: none;
    }

    nav.active ul, nav.active li {
        display: block;
        margin: 0;
        padding: 0;
        border: none;
        box-shadow: none;
    }

    nav.active ul ul {
        display: none;
    }

    nav.active li {
        height:auto;
    }

    nav.active a {
        color: #fff;
    }

    nav.active a:hover {
        text-decoration: none;
    }

    nav.active, nav.active .hamburger {
        border-radius: 0;
    }
}

/*@media only screen and (max-width: 1000px) {
	nav {
		position: absolute;
		height: 48px;
		width: 48px;
		top: 0;
		right: 0;
		border-radius: 0 0 0 8px;
	}
}*/

@media only screen and (min-device-width:640px) {
    header div.status iframe#market-status {
        padding-left: 10px;
        max-width: 500px;
    }
}

@media only screen and (min-width:640px) {
    #marketstatus {
        padding-left: 15px;
    }
}


@media only screen and (max-device-width:470px) {
    .page-3386 .contenttable td {
        width: 100%;
        float: left;
    }

    .page-3386 .easy-autocomplete {
        width: 100% !important;
    }

    .page-3386 #remote-provider{
        width: 83% !important;
        margin-right: 5px;
        float:left;
    }
}

/* Funnelback styles */

.fb-search section > article #content nav {
    display: none;
}

.fb-search section aside.left nav {
    background: none !important;
}

.fb-search section aside.left nav #fb-facets .facetLabel {
    font-size: 1.6461em;
}

.fb-search section aside.left nav #fb-facets .category {
    padding-bottom: 10px;
}

.fb-search section aside.left nav #fb-facets .category .categoryName {
    float: left;
}

.fb-search section aside.left .categoryName a {
    border-bottom: none;
}

.fb-search section aside.left nav #fb-facets .category .fb-facet-count {
    top: 6px;
    position: relative;
}

/* Page specific responsive styles */
@media only screen and (max-width:650px) {
    .page-13203 #asx24_result_futures table {
        table-layout: fixed;
    }

    .page-13203 #asx24_result_futures table tbody{
        overflow-x: scroll;
        display: block;
    }
}

section article .secondary .myasx-status {
    display: none;
}

/* Hide Market status on funnelback pages */
.fb-search header div.status iframe#market-status {
    visibility: hidden !important;
}

/* Interest rate datatable hidding yield field(column)*/
.page-22157 .government-treasury-indexed-bonds th:nth-child(8),
.page-22157 .government-treasury-indexed-bonds td:nth-child(8) {
    display: none !important;
}

/* Chess replacement technical documentation */
.page-23277 nav > div.inner > ul {
    visibility: hidden !important;
}

.page-23277 article div#content > .primary {
    border-left: none !important;
}

.page-23277 article div#content {
    border-top: none !important;
}

.page-23277 header .info,
.page-23277 article div.advertising,
.page-23277 aside.left,
.page-23277 article .breadcrumbs,
.page-23277 nav > div ul > li > a,
.page-23277 footer {
    display: none !important;
}

.page-23277 header {
    height: 120px !important;
    max-width: 800px !important;
}

body.page-23277 .contentArea {
    max-width: 800px !important;
}

/* Hidding ads on privacy statement page */
.page-837 aside.right,
.page-837 article .advertising {
    display: none;
}

/* Hiding advertising for Investor Relations page */
.page-12870 .advertising {
    display: none;
}

/* Supported Browsers Page */
.page-24348 .custom-message {
    display: none;
    margin-bottom: 0px;
}
.page-24348 .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.page-24348 .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.page-24348 .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.page-24348 aside.right {
    display: none;
}

@media only screen and (max-width: 630px) {

    body.page-1192 header section.info .advertising {
        visibility: hidden;
    }
    body.page-1192 section header .info #market-status {
        margin-top: -28px !important;
    }
    body.page-1192 header {
        height: 120px !important;
    }
    body.page-1192 header div.header-search {
        margin-top: 75px !important;
    }
}

/*body.page-22157 table.irs-prices th:nth-child(8),
body.page-22157 table.irs-prices td:nth-child(8) {
	display: block !important;
}
*/


/* Might need to add the primary class for content */

/* ASX 24 hiding changes*/
/*#market-status {
	display: none;
}

.home header div.search {
    margin-top: -40px !important;
}

header div.search {
    margin-top: 15px !important;
}*/


/* Hiding market status and home page widgets. */

/* Hide Market Status on asx.com.au header */
/*
header div.status iframe#market-status {
	visibility: hidden !important;
}
*/

/* Hide asx.com.au home page widgets */
/*
.modules .module {
	display: none !important;
}
*/

/*New website styling changes*/

/*Margin Estimator*/

.page-13214 article div#content,
.page-13214 article div#content > .primary,
.page-13214 article {
    border: none !important;
}

.page-13214 .internal .primary {
    border: none !important;
}

.page-13214 article .breadcrumbs,
.page-13214 > section.wrapper.full,
.page-13214 aside.left,
.page-13214 aside.right,
.page-13214 article div.advertising,
.page-13214 article div#content > h1,
.page-13214 .multilink {
    display: none !important;
}

.page-13214 form input[type="submit"] {
    background-color: #007fb1 !important;
}

.page-13214 .grid-generic th {
    background: #007fb1 !important;
    color: #FFFFFF;
}

.page-13214 .grid-generic tr:nth-child(even) {
    background: #f1f3f5;
}

/*Futures Price Summary*/

.page-13203 article div#content,
.page-13203 article div#content > .primary {
    border: none !important;
}

.page-13203 article .breadcrumbs,
.page-13203 > section.wrapper.full,
.page-13203 aside.left,
.page-13203 aside.right,
.page-13203 article div.advertising,
.page-13203 article div#content > h1,
.page-13203 article .home-warning{
    display: none !important;
}

.page-13203 #asx24_result_futures th {
    background: #007fb1 !important;
}
.page-13203 #asx24_result_futures th a {
    color: #FFFFFF;
}
.page-13203 #asx24_result_futures tr:nth-child(even) {
    background: #f1f3f5;
}
.page-13203 table caption,
.page-13203 .movement_text_down {
    color: #da4167;
}

/*Futures Volume Summary*/

.page-13207 article div#content,
.page-13207 article div#content > .primary {
    border: none !important;
}

.page-13207 article .breadcrumbs,
.page-13207 > section.wrapper.full,
.page-13207 aside.left,
.page-13207 aside.right,
.page-13207 article div.advertising,
.page-13207 article div#content > h1 {
    display: none !important;
}

.page-13207 #asx24_result_volume th {
    background: #007fb1 !important;
    color: #FFFFFF;
}
.page-13207 #asx24_result_volume tr:nth-child(even) {
    background: #f1f3f5;
}
.page-13207 table caption {
    color: #da4167;
}

/* Announcements page */
body article div#content,
body article div#content > .primary,
body article,
body article div#content > h1 {
    border: none !important;
}

body article .breadcrumbs,
body > section.wrapper.full,
body aside.left,
body aside.right,
body article div.advertising,
body article div#content > h1,
body #announcement-price-search {
    display: none !important;
}

.page-3318 #announcements-search .contenttable th,
announcement_data table th,
.page-3318 .actionbutton {
    background: #007fb1 !important;
    color: #FFFFFF;
}

.page-3318 article div#content .primary > h1,
.page-3314 article div#content .primary > h1,
.page-3328 article div#content .primary > h1 {
    color: #0c3b6c !important;
}

.page-3318 #announcements-search .contenttable tr:nth-child(even) {
    background: none;
}

body div #announcements .contenttable .or {
    background-color: #f1f3f5;
}

.page-3318 a, .page-3314 a, .page-3328 a, .page-3300 a {
    color: #007fb1;
    cursor: pointer;
}

announcement_data caption {
    display: none;
}

body h1, body h2, body h3, body h4 {
    font-family: 'Glober', arial, tahoma, sans-serif;
}
#secondnav {
    background-color: none !important;
}
#secondnav li ul {
    margin-left: 0px !important;
}
#secondnav li.active {
    color: #003876 !important;
    font-weight: bold !important;
}
.page-3318 article div#content > h1.annSearch {
    display: block !important;
    font-weight: 500;
}
.search-again, .searchagain {
    background-color: #f1f3f5 !important;
}
::-webkit-scrollbar {
    /*display: none !important;*/
}

/*Dividend search*/
body .actionbutton {
    background: #007fb1 !important;
    color: #FFFFFF !important;
}

.page-3328 .primary > p > a {
    display: none;
}

body.page-3458 article div#content > h1 {
    display: block !important;
}