/* 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;
    font: 81.3%/1.51em arial, tahoma, sans-serif;font-weight: bold;
}

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