/*
Colors
Blue: 0090D3
Yellow: FFDE53
Drop Down Pale Blue: cde9f5
Footer Grey: BCBCBC

Menu (Teachers, Students, etc): 26 point -> 20pt/1.66rem, Lato SemiBold -> Bold ?? Allowed ??
Sub Menu: 18 point -> 13pt/1.08em, Lato Regular
Callout Box Landing: 20 point -> 14pt/1.16em, Lato Regular
EngQuest Sponsors: 17 point -> 13pt/1.06rem, Lato Regular
Footer: 14 point -> 11pt/0.93rem, Lato Regular
Crumbs: 12 point -> 10pt/0.8rem, Lato SemiBold -> Bold ?? Allowed ??
Section Title (eg Teachers): 38 point -> 28pt/2.33rem, Lato SemiBold -> Bold ?? Allowed ??
Content Title (eg Getting Started): 42 point -> 32pt/2.66rem, Lato Bold
Content Text: 11pt/1rem, Lato Regular
Share this page: 18 point -> 14pt/1.16rem, Lato Bold
Side Box Header (eg Project Information):  22 point -> 17pt/1.42rem, Lato Bold
Side Box Text: 18 point -> 13pt/1rem, Lato Medium -> Regular
*/

/* Override base settings */

/* Webfont: Lato-Bold */
@font-face {font-family: 'LatoWebBold';src: url('fonts/Lato-Bold.eot');src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/Lato-Bold.woff2') format('woff2'),url('fonts/Lato-Bold.woff') format('woff'),url('fonts/Lato-Bold.ttf') format('truetype');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;}
/* Webfont: Lato-Regular */
@font-face {font-family: 'LatoWeb';src: url('fonts/Lato-Regular.eot');src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Lato-Regular.woff2') format('woff2'),url('fonts/Lato-Regular.woff') format('woff'),url('fonts/Lato-Regular.ttf') format('truetype');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;}

@font-face {font-family:'icomoon';src:url('fonts/icomoon.eot?7atvrc');src:url('fonts/icomoon.eot?7atvrc#iefix') format('embedded-opentype'),url('fonts/icomoon.ttf?7atvrc') format('truetype'),url('fonts/icomoon.woff?7atvrc') format('woff'),url('fonts/icomoon.svg?7atvrc#icomoon') format('svg');font-weight:normal;font-style:normal;}

[class^="icon-"], [class*=" icon-"] {font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;/* Better Font Rendering =========== */-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}


body {background:#FFDE53;color:#fff;font-family:'LatoWeb',Arial,Helvetica,sans-serif;font-size:1.0rem;}
h1, h2, h3, h4, h5, h6 {margin:0.2em 1.5em 0.7rem 0;padding:0;font-family:'LatoWebBold',Arial,Helvetica,sans-serif;font-style:normal;font-weight:normal/*700*/;line-height:1.4;color:#000;}
h1 {font-size:/*28pt*/2.33rem;margin:0;color:#fff;}
h2 {font-size:/*32pt*/2.66rem;color:#0090D3;}
h3 {font-size:1.7rem;}
h4 {font-size:1.5rem;}.side-content h4 {font-size:/*14pt*/1.16rem}
h5 {font-size:1.2rem;}
h6 {font-size:1.0rem;}
p {font-size:/*11pt*/1rem;margin:0.2em 1.5em 1.4rem 0;padding:0;line-height:1.4}
a, a:visited {color:#0090D3;}
a:hover, a:focus, a:active {color:#000;}
a.glossary {text-decoration:none;border:1px dotted #0090d3;border-width:0 0 2px 0;}
a.glossary:hover, a.glossary:focus, a.glossary:active {color:#000;border-color:#000;}
h3.sitemap a, h3.sitemap a:visited {color:#000;text-decoration:none;}
h3.sitemap a:hover, h3.sitemap a:focus, h3.sitemap a:active{color:#0090D3;text-decoration:underline;}
.nowrap {white-space:nowrap}
.uline {text-decoration:underline}
.txtcenter {text-align:center}
.txtright {text-align:right}
.printonly {display:none;}
.hideele {display:none !important;}

.clearele {
	clear:both;
	float:none
}
.cleardiv {
	clear:both;
	display:block;
	font-size:.1em;
	height:1px;
	margin:0;
	padding:0;
	border:0 solid red
}
.clearfix:after, .clearfix:before {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden
}
.clearfix:after {
	clear:both
}
.clearfix {
	zoom:1
}

@media screen {
/*
 * 1. Avoid the IE 10-11 `min-height` bug.
 * 2. Set `flex-shrink` to `0`/'none' to prevent Chrome, Opera, and Safari from
 *    letting these items shrink to smaller than their content's default
 *    minimum size.
 * 3. Use `%` instead of `vh` since `vh` is buggy in older mobile Safari.
 */
#page {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;/* 1, 3 */box-sizing:border-box;margin:0 auto;
	background:#FFDE53;
	/*max-width:1280px;*/
}
.site-header/*, .site-footer*/ {-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;flex-shrink:none;/* 2 */}
.site-header, .site-footer, .site-header p, .site-footer p {font-size:1rem;line-height:1.6;}
.site-header {color:#000;background:#fff none;}
.site-footer {color:#000;background:#bcbcbc none;max-height:120px;}
.footer-container {width:100%;max-width:1280px;margin:0 auto;	padding:0.5em 1em;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;flex-shrink:none;/* 2 */}
.site-footer a {color:#000;text-decoration:none;}
.site-footer a:hover, .site-footer a:focus, .site-footer a:active {text-decoration:underline;}
.site-branding {-webkit-align-items:flex-end;align-items:flex-end;max-width:1280px;margin:0 auto;}
.site-content {width:100%;background:#FFDE53 none;color:#000;}

.bbe-section {box-sizing:border-box;background:#0090D3 none;color:#fff;padding:1em 1.5em;width:100%;}
.bbe-section .Grid-cell {width:100%;max-width:1280px;margin:0 auto;}
	.ie9 .bbe-section .Grid-cell {display:inline-block;}
.bbe-section h1 {margin:0;padding:0;}

.content-area {width:100%;max-width:1280px;margin:0 auto;background:#fff none;}
.site-main {padding:1.5rem;width:100%;}
.side-content {width:100%;margin:3%;padding:1.5rem;border:1px solid #ffde53;border-width:1px 0 0 0;}
.side-content h3 {font-weight:400;}

.site-title, .site-title > a {color:#000;font-size:2rem;line-height:2;text-decoration:none;margin:0;padding:0;box-sizing:border-box;}
.site-title {-webkit-align-self:center;align-self:center;margin-top:0.5rem;margin-bottom:0.5rem;}
	.ie9 .site-title {display:inline-block;}
.site-title a {display:block;max-width:310px;margin:5% 0 3% 4%;}
.site-title img {width:100%;height:auto;max-width:310px;margin:0;paddding:0;}

#engmheadbox {display:none;box-sizing:border-box;width:20%;max-width:200px;height:100px;background:#fff url('../images/engimites-header.jpg') 0 0 no-repeat;}
	.ie9 #engmheadbox {display:none;}
#engmheadbox.engimite1 {background-position:0 0;}
#engmheadbox.engimite2 {background-position:0 -110px;}
#engmheadbox.engimite3 {background-position:0 -220px;}
#engmheadbox.engimite4 {background-position:-210px 0;}
#engmheadbox.engimite5 {background-position:-210px -110px;}
#engmheadbox.engimite6 {background-position:-210px -220px;}

/*Breadcrumbs*/
#breadcrumbs p {font-size:/*10pt*/0.8rem;margin:0;padding:0;}
#breadcrumbs a {color:#fff;text-decoration:none;}
#breadcrumbs a:hover, #breadcrumbs a:focus {color:#FFDE53;text-decoration:underline;}


/*Main nav*/
.main-navigation {
	width:100%;
	background:#fff;
	color:#0090D3;
	border:2px solid #0090D3;
	/*-webkit-box-shadow:0px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow:0px 4px 5px 0px rgba(0,0,0,0.75);*/
}

/*Bar menus*/
.barmenu {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;width:100%;}
.barmenu, .barmenu .sub-menu,
.barmenu li, .barmenu .sub-menu li {list-style:none;margin:0;padding:0;line-height:1;color:#0090D3;background:#fff;}
/*show menu as row above a certain screen width*/
.barmenu-horizontal {-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.barmenu-horizontal > li {position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.barmenu li a {width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;
	text-decoration:none;
	margin:0.6em 0;
	padding:0.1em 0.7em;
}
	.ie9 .barmenu li a {display:block;margin-top:0;margin-bottom:0;}
/* Menu list chevrons */
.barmenu a > .mlabel {
  font-size:/*20pt*/1.66rem;
}
	/*target IE10 and IE9*/
	.flexboxtweener.no-flexbox .barmenu a > .mlabel, 
	.ie9 .barmenu a > .mlabel {display:inline-block;}
.barmenu .sub-menu a > .mlabel {
	font-size:/*13pt*/1.08em;
	line-height:1.3;
}
.barmenu a > .mchevron {
	font-family:'icomoon';
  width:2.4rem;
}
	/*target IE10 and IE9*/
	.flexboxtweener.no-flexbox .barmenu a > .mchevron, 
	.ie9 .barmenu a > .mchevron {display:inline-block;}
	.ie9 .barmenu a > .mchevron {height:23px;}
.barmenu a > .mchevron > .mchevron-inside {
  display:inline-block;
}
	.ie9 .barmenu a > .mchevron > .mchevron-inside {position:absolute;top:2px;}
.barmenu > li > a > .mchevron > .mchevron-inside:before {
	font-family:'icomoon';
	font-size:2.4rem;
	line-height:1;
  content:' \f013';/*gear*/
}
.barmenu .sub-menu a > .mchevron {
	width:0.6em;
}

/*
Handle display of 1st level sub-menu
Sub-menu will only be displayed on hover above certain display widths
*/
.barmenu .sub-menu {-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;z-index:9999;width:100%;}

/*
Menu colours
Full width bar behind horizontal menu added with screen reaches certain width
*/
.barmenu > li {border:1px solid #0090D3;border-width:1px 0 0 0;}
.barmenu > li a {
  font-family:'LatoWebBold';font-weight:normal;
	color:#0090D3;
}
.barmenu > li:hover, .barmenu > li:focus, .barmenu > li:active,
.barmenu > li > a:hover, .barmenu > li > a:focus, .barmenu > li > a:active {
  color:#000;
	/*text-decoration:underline;*/
}
.barmenu li.active, .barmenu li.active > a, 
.barmenu li.current-menu-ancestor, .barmenu li.current-menu-ancestor > a {
  /*font-weight:700;*/
}
.barmenu .sub-menu {
	padding:0 0.5em;
}
.barmenu .sub-menu, .barmenu .sub-menu > a {
  font-family:'LatoWeb';
}
.barmenu .sub-menu a {
  font-family:'LatoWeb';
	margin:0 0 0.5em 0;
	padding:0.5em 0 0.3em 0;
	background-color:#cde9f5;
	color:#000;
}
.barmenu .sub-menu, .barmenu .sub-menu li {
  background:#fff;
}
.barmenu .sub-menu > li:last-child {
	border:0;
}
.barmenu .sub-menu > li:hover a, .barmenu .sub-menu > li:focus a, .barmenu .sub-menu > li:active a,
.barmenu .sub-menu > li > a:hover, .barmenu .sub-menu > li > a:focus, .barmenu .sub-menu > li > a:active {
	color:#000;
	background-color:#BCBCBC;
}

/*Mobile menu and button*/
.menu-toggle {text-indent:-9999px;font-family:'icomoon';line-height:0;/*collapse original line*/margin:0;padding:0.4em 0.6em 0.4em 0.6em;width:100%;color:#0090D3;background-color:#fff;background-image:none;background-repeat:no-repeat;border:2px solid #0090D3;border-width:0 0 1px 0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;overflow:hidden;}
.menu-toggle:after {content:' \f0c9';/*3 line entity*/font-size:1.6rem;text-indent:0;display:block;line-height:1;/*new content takes up original line height*/}
.menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#0090D3;color:#fff;}
.main-navigation > ul {display:none;}
.main-navigation.toggled > ul {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.ie9 .main-navigation.toggled > ul {display:block;}

/*Topic menu*/
#article-menu {margin:0;padding:0;-webkit-align-self:flex-end;align-self:flex-end;width:100%;}
#topic-menu {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-flow:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;margin:0;padding:0;}
#topic-menu li {list-style:none;margin:0.6em 0.6em 0 0;padding:0;line-height:1;color:#fff;background:#4C216D;}
	.ie9 #topic-menu li {display:inline-block;}
#topic-menu li a {text-decoration:none;width:100%;display:block;margin:0;padding:0.2em 0.4em;font-size:1.2rem;line-height:1.5;color:#fff;border:1px solid #fff;}
#topic-menu li a:hover, #topic-menu li a:focus {color:#4C216D;background:#fff;}

/*Footer menu and logo*/
	.ie9 #footer-navigation {display:inline-block;width:80%;}
#footer-menu {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;margin:0;padding:0;}
#footer-menu li {list-style:none;margin:0.5em 0;padding:0;text-align:center;}
	.ie9 #footer-menu li {display:inline-block;}
#footer-menu li a {text-decoration:none;width:100%;display:block;margin:0;padding:0 0.6em 0 0.6em;font-size:/*11pt*/0.93rem;line-height:1;color:#000;border:1px solid #000;border-width:0 0 0 1px;}
#footer-menu li.first a {border:0;padding-left:0;}
#footer-menu li a:hover, #footer-menu li a:focus {text-decoration:underline;font-weight:bold;}
#footer-menu li.active a {font-weight:bold;}
.bblogo {margin:0 auto;text-align:center;max-width:196px;}
	.ie9 .bblogo {display:inline-block;}
.bblogo a {display:block;margin:6% auto 2% auto;}

/*Side menu*/
.side-content {width:90%;margin:1em auto;}
.sidemenu {margin:0 0 1.5rem 0;padding:0;width:90%;color:#fff;background:#0090D3;border-radius:0;}
#preloginhelp-menu {margin-top:1em;}
#preloginhelp-menu .mchevron {display:none;}
.sidemenu ul {margin:0 !important;padding:0;}
.sidemenu ul li {list-style:none;margin:0 !important;padding:0.3em 0.6em !important;line-height:1;border-width:1px 0 1px 0;
border-style:solid;
border-top-color:#0090D3;
border-bottom-color:#0090D3;
}
.sidemenu ul li.first {border-width:0 0 1px 0;}
.sidemenu ul li.reallast, #preloginhelp-menu ul li.last, #adminonly-menu ul li.last {border-width:1px 0 0 0;}
#adminonly-menu .engqstaff li {border:0 !important;}
.sidemenu a {text-decoration:none;width:100%;display:block;margin:0;padding:0.2em 0.2em 0 0.2em;color:#fff;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
  justify-content:space-between;
	-webkit-align-items: center;
	align-items:center;
}
	.ie9 .sidemenu a {display:block;}
/* Menu list chevrons */
.sidemenu a > .mlabel {line-height:1.4;}
	/*target IE10 and IE9*/
	.flexboxtweener.no-flexbox .sidemenu a > .mlabel, 
	.ie9 .sidemenu a > .mlabel {display:inline-block;width:85%;}
.sidemenu a > .mchevron {
  width:1.4em;
  text-align:center;
  font-weight:normal;
}
	.ie9 .sidemenu a > .mchevron {display:inline-block;}
.sidemenu a > .mchevron > .mchevron-inside {
  display:inline-block;
}
.sidemenu a > .mchevron > .mchevron-inside:after,
.sidemenu a:hover > .mchevron > .mchevron-inside:after {
	font-family:'icomoon';
	font-size:1.4rem;
	line-height:1.2;
}
.sidemenu .engq-reg > a > .mchevron > .mchevron-inside:after {content:' \f0c0';}
.sidemenu .engq-login > a > .mchevron > .mchevron-inside:after,
.sidemenu .engq-logout > a > .mchevron > .mchevron-inside:after {content:' \e900';}
.sidemenu .engq-profile > a > .mchevron > .mchevron-inside:after {content:' \f007';}
.sidemenu li:hover a, .sidemenu li:focus a, .sidemenu li:active a {
	font-weight:700;
	color:#ffc000;
}


/*Content styles*/
p.testimonials {margin-bottom:2.5rem;}
p.testimonials span {display:block;font-style:italic;margin-top:0.4rem;text-align:right;}

.content-area ul, .content-area ol {padding:0;font-size:/*11pt*/1rem;line-height:1.4;}
.content-area ul {list-style:disc;list-style-image:url('../images/ddlink-bullet-off.gif');margin:0.2em 1.5em 1.4em 2.6em;}
.content-area ul ul, .content-area ul ul ul {list-style:square;margin:0.3em 1.5em 0 2.6em;}
.content-area ol {list-style:decimal;margin:1em 1em 1em 2.6em;}
.content-area ol ol, .content-area ol ol ol {margin:0.3em 0 0 2.6em;}
.content-area ol ul {margin:0.3em 0 0 2.6em;}
.content-area ul li, .content-area ol li {margin:0.2em 0 0.5em 0;padding:0;}
.content-area ol.loweralpha {list-style:lower-alpha}
.content-area ul.page-list ul {margin-top:5px}
.content-area ol.searchresultsol li {margin-bottom:1.5em}
.content-area ol.searchresultsol li p {margin-bottom:.2em}

/*dl {}*/
dt {margin:0;}
dd {margin-left:0;}

/*Glossary styles*/
div#glosslistdiv {width:100%;margin:0 0 2rem 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
div#glosslistdiv ul {margin:0 2rem 0 0;width:33.3333%;}
div#glosslistdiv li {list-style-type:none;list-style-image:none;margin:0 0 0.5em 0;padding:0;}
.glossarydfn, .glossarydfn + dd {width:100%;padding:0.5rem 0.8rem;border:2px solid #0090D3;}
.glossarydfn {border-width:2px 2px 0 2px;}
.glossarydfn + dd {border-width:0 2px 2px 2px;}


ul.pdflist {list-style:none;background-image:none;margin-bottom:0;margin-left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;max-width:450px;}
ul.pdflist li {width:88%;list-style:none;background:none;list-style-type:none;padding:.2em 0 .2em 0;margin:0 0.4%;border:0 solid red;}
	.ie9 ul.pdflist li {display:inline-block;}
ul.pdflist .pdficon, ul.pdflist .iwbicon {width:6%;min-width:30px;max-width:60px;}
ul.pdflist li a {text-decoration:none;border:0 solid red;}
ul.pdflist li a span {display:none;border:0 solid green;}
ul.pdflist li a:after {font-family:'icomoon';font-size:1.3rem;line-height:0.8;}
ul.pdflist li a:hover:after, ul.pdflist li a:focus:after {opacity:0.5;}
ul.pdflist .pdficon a:after {color:#ED1C24;content:'\e901';}
ul.pdflist .iwbicon a:after {color:#52ABDF;content:'\e902';}
a.pdf:after {font-family:'icomoon';line-height:0.8;color:#ED1C24;content:' \e901';}


/*----- Accordion -----*/
.accordion, .accordion *, .mchevron, .mchevron-inside {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.accordion {width:95%;overflow:hidden;box-shadow:none;border-radius:0;background:#fff;border:2px solid #0090D3;}
/*----- Section Titles -----*/
.accordion-section-title {width:100%;padding:0 0.5em 0.1em 0.5em;display:inline-block;border-bottom:1px solid #cde9f5;background:#0090D3;font-size:/*17pt*/1.42rem;color:#fff !important;text-decoration:none;}
.accordion-section-title .mchevron {display:inline-block;margin:0;padding:0 0.3em 0 0;}
.accordion-section-title .mchevron-inside {display:inline-block;margin:0;padding:0.2em 0 0 0;}
.accordion-section-title .mchevron-inside:after {font-family:'icomoon';font-size:1.4rem;font-weight:700;line-height:0.9;content:'\f107';}
.accordion-section-title.active, .accordion-section-title:hover, .accordion-section-title:focus {
	background:#0090D3;
}
.accordion-section-title:hover {text-decoration:underline;}
.accordion-section-title.active .mchevron-inside, .accordion-section-title:hover .mchevron-inside, .accordion-section-title:focus .mchevron-inside {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.accordion-section:last-child .accordion-section-title {border-bottom:none;}
/*----- Section Content -----*/
.accordion-section-content {padding:1em;display:none;}
.accordion-section-content.open {display:block;}

.accordion ul, .accordion ol, .accordion p {font-size:/*11pt*/1rem;margin-right:0;}
.accordion .linksonly {margin-left:1rem;}



/*Buttons*/
a.engqbtn {color:#fff;background:#0090D3 none;text-decoration:none;padding:0.6em 1em;border:2px solid #0090D3;}
a.engqbtn:hover, a.engqbtn:active, a.engqbtn:focus {color:#0090D3;background:#fff none;}
.button-primary {color:#fff !important;background-color:#0090D3 !important;background-image:none !important;background-repeat:no-repeat !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important;font-size:1rem !important;border:2px solid #0090D3 !important;padding:0.6em 1em !important;}
.button-primary:hover, .button-primary:active, .button-primary:focus {color:#0090D3 !important;background:#fff none !important;}


/*Images*/
.imgalignright {text-align:right;margin:0 1em 5px 10px!important;padding:0}
.imgalignleft {text-align:left;margin:.7em 0;padding:0}
.imgfloatright {position:relative;display:block;float:none;float:right;margin:0 1em 5px 10px!important;padding:0;border:0 solid #fff;color:#666;font-size:.9em;font-style:italic;text-align:center;overflow:hidden}
.imgfloatrightnoclear {position:relative;display:block;float:right;margin:0 1em 5px 10px!important;padding:0;border:0 solid #fff;color:#666;font-size:.9em;font-style:italic;text-align:center}
.imgfloatleft {position:relative;display:block;float:none;float:left;margin:0 10px 5px 0!important;padding:0;border:0 solid #fff;color:#666;font-size:.9em;font-style:italic;text-align:center}

.imgcentered {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;}
.imgcentered img {margin:1em 2em 1em 2em;}
.imgcentered a {text-align:center;font-style:italic}

.halfpie {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.halfpie text {font-weight:400 !important;}


/*Search*/
.search-wrap {box-sizing:border-box;margin:0 0 2rem 0;padding:2px;width:90%;background:none;border-radius:0;}
input#search-input {font-family:'icomoon','LatoWeb',Arial,Helvetica,sans-serif;padding:0.3em 0.4em;width:93%;border:2px solid #FFDE53;}
.search-form .search-submit {display:none;}

/*Form*/
#loginform label {display:block;/*font-weight:700;*/}
p.required {font-weight:700;}
.frm-show-form label {display:block !important;}
.frm_required {display:none;}
.frm-show-form h3 {color:#0090d3 !important;font-weight:400 !important;padding-top:0.6em !important;}
.frm_section_heading {margin-top:7% !important;}
/*fieldset div {max-width:360px !important;}*/
.frm_error {width:100%;font-weight:normal !important;}
.frm_radio label {min-width:4em;}
.frm_primary_label {width:27%;font-size:1rem !important;font-weight:400 !important;margin-right:1rem !important;}
#frm_field_cptch_number_container {margin-top:3rem;}
#frm_field_cptch_number_container p {margin-bottom:0.5rem;padding-top:1rem;}
.cptch_span {font-size:1rem;font-weight:normal;}

#frm_form_6_container input[type="number"] {width:5rem;}

input[type="radio"], input[type="checkbox"] {vertical-align:text-top;}

form:not(#form_frmteachreg) .frm_required_field label:after {color:#c60f13;font-size:1rem;font-weight:700;line-height:0.8;content:' *';}
.frm_radio > label:after {content:'' !important;}

#loginerror, .msgLocked {margin-bottom:1.5em;padding:0.6em;color:#c60f13;background:rgba(198,15,19,0.1) none;border:2px solid #c60f13;border-radius:4px;}
#loginerror p {margin:0;}

.msg-update-profile {margin-bottom:1.5em;padding:0.6em;color:#c60f13;background:rgba(198,15,19,0.1) none;border:2px solid #c60f13;border-radius:4px;}

#frm_form_11_container .frm_none_container label {max-width:100% !important;margin-right:0.3em;}

#frm_form_6_container .stunumcontainer {display:block;border:1px solid #fff !important}
#frm_form_6_container .stunumdescription {display:block;font-weight:700;border:1px solid #fff}

.register .welcomemsg {display:block;}
.register .updatemsg {display:none;}

.edit-profile .welcomemsg {display:none;}
.edit-profile .updatemsg {display:block;}

/*Add Formidable Pro maths captcha styles here*/
.cptch_img {width:40px;max-width:40px !important;height:auto;top:0;z-index:2;}

/*Password strength indicator*/
.password_strength {background-color:#eee;border:1px solid #ddd;margin:0.6em 0;padding:0.3em 1em;text-align:center;width:200px;}
.pass_state01 {background-color:#FFA0A0;border-color:#F04040;font-weight:600;}
.pass_state02 {background-color:#FFB78C;border-color:#FF853C;}
.pass_state03 {background-color:#FFEC8B;border-color:#FFCC00;}
.pass_state04 {background-color:#C3FF88;border-color:#8DFF1C;font-weight:600;}
.frm_conf_field .password_strength {display:none;}


/*Tables*/
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {display:block;font-size:1rem;}
thead tr {position:absolute;top:-9999px;left:-9999px;}
/*User profile*/
.usrprof th, .usrprof td {text-align:left;padding:0.4em 0.6em 0.4em 0.6em;}
.usrprof td {padding-top:0;}
.usrprof tr:nth-child(odd) {background:#eee none;}
.usrprof th:after {content:':';}
/*Education pack*/
.tblMicro th, .tblMicro td {font-size:0.7rem;border:1px solid #CCC;padding:0.4em 0.6em 0.4em 0.6em;-ms-word-break:break-all;word-break:break-all;/*Non standard for webkit*/word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}

/*Statistics*/
.tblStats tr {padding-bottom:1em;}
.tblStats th {text-align:left;}
.tblStats td {position:relative;padding:0.1em 0.3em;background:none #eee;text-align:left;}
.tblStats td:nth-child(odd) {background:none #fff;}
.tblStats td:before {display:inline-block;width:55%;padding-right:10px;text-align:left;}
.tblStats td:before {content:attr(data-label)}
.tblStats span {display:inline-block;width:20%;text-align:left;}
.tblStats span:nth-child(1) {text-align:right;}
p.statsTotal {font-weight:700;}
tr.totalsrow {display:none;}

/*Generic flexbox container*/
.Grid {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}

/*Sharing icons*/
.ssbl-container {margin-bottom:1rem;}
.ssbl-share-text {display:block;font-family:'LatoWebBold';font-size:/*14pt*/1.16rem;font-weight:normal;color:#0090D3;}
.ssbl-container a:hover, .ssbl-container a:focus  {opacity:0.5;}

/*Social icons*/
.cnss-social-icon {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;margin:0;padding:0;width:auto;margin:0;padding:0;}
.cnss-social-icon li {position:relative;display:block;margin-right:1%;}
.cnss-social-icon li a {display:block;}
.cnss-social-icon li a:hover, .cnss-social-icon li a:focus {opacity:0.5}


/*Project/game icons grid*/
.project-icons, .game-icons {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin:0;padding:0;width:auto;}
.game-icons {-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:1rem;}
.project-icon, .game-icon {width:100%;max-width:160px;text-align:center;padding:0 10px 1rem 10px;}
.project-icon span, .game-icon span {display:block;width:140px;height:160px;background:#fff url('../images/project-icons.png') 0 0 no-repeat;overflow:hidden;}

.project-icons .project-rebuild span {background-position:-1015px 0;}
.project-icons .project-rebuild a:hover span, .project-icons .project-rebuild a:focus span, .project-icons .project-rebuild a:active span {background-position:-1015px -170px;}
.project-icons .project-solar-cooker span {background-position:0 0;}
.project-icons .project-solar-cooker a:hover span, .project-icons .project-solar-cooker a:focus span, .project-icons .project-solar-cooker a:active span {background-position:0 -170px;}
.project-icons .project-water-wheel span {background-position:-145px 0;}
.project-icons .project-water-wheel a:hover span, .project-icons .project-water-wheel a:focus span, .project-icons .project-water-wheel a:active span {background-position:-145px -170px;}
.project-icons .project-catchment span {background-position:-290px 0;}
.project-icons .project-catchment a:hover span, .project-icons .project-catchment a:focus span, .project-icons .project-catchment a:active span {background-position:-290px -170px;}
.project-icons .project-catapult span {background-position:-870px 0;}
.project-icons .project-catapult a:hover span, .project-icons .project-catapult a:focus span, .project-icons .project-catapult a:active span {background-position:-870px -170px;}
.project-icons .project-lifting-machine span {background-position:-435px 0;}
.project-icons .project-lifting-machine a:hover span, .project-icons .project-lifting-machine a:focus span, .project-icons .project-lifting-machine a:active span {background-position:-435px -170px;}
.project-icons .project-toy span {background-position:-725px 0;}
.project-icons .project-toy a:hover span, .project-icons .project-toy a:focus span, .project-icons .project-toy a:active span {background-position:-725px -170px;}
.project-icons .project-straw-bridge span {background-position:-1450px 0;}
.project-icons .project-straw-bridge a:hover span, .project-icons .project-straw-bridge a:focus span, .project-icons .project-straw-bridge a:active span {background-position:-1450px -170px;}
.project-icons .project-dome span {background-position:-1160px 0;}
.project-icons .project-dome a:hover span, .project-icons .project-dome a:focus span, .project-icons .project-dome a:active span {background-position:-1160px -170px;}
.project-icons .project-house span {background-position:-1305px 0;}
.project-icons .project-house a:hover span, .project-icons .project-house a:focus span, .project-icons .project-house a:active span {background-position:-1305px -170px;}
.project-icons .project-book span {background-position:-580px 0;}
.project-icons .project-book a:hover span, .project-icons .project-book a:focus span, .project-icons .project-book a:active span {background-position:-580px -170px;}

.game-icon {width:25%;min-width:151px;max-width:160px;}
.game-description {width:100%;}

.game-icons.game-crossword .game-icon span {background-position:-1595px 0;}
.game-icons.game-crossword .game-icon a:hover span, .game-icons.game-crossword .game-icon a:focus span, .game-icons.game-crossword .game-icon a:active span {background-position:-1595px -170px;}
.game-icons.game-tfquiz .game-icon span {background-position:-1740px 0;}
.game-icons.game-tfquiz .game-icon a:hover span, .game-icons.game-tfquiz .game-icon a:focus span, .game-icons.game-tfquiz .game-icon a:active span {background-position:-1740px -170px;}
.game-icons.game-solar .game-icon span {background-position:-1885px 0;}
.game-icons.game-solar .game-icon a:hover span, .game-icons.game-solar .game-icon a:focus span, .game-icons.game-solar .game-icon a:active span {background-position:-1885px -170px;}
.game-icons.game-wordsearch .game-icon span {background-position:-2030px 0;}
.game-icons.game-wordsearch .game-icon a:hover span, .game-icons.game-wordsearch .game-icon a:focus span, .game-icons.game-wordsearch .game-icon a:active span {background-position:-2030px -170px;}
.game-icons.game-imagine .game-icon span {background-position:-2320px 0;}
.game-icons.game-imagine .game-icon a:hover span, .game-icons.game-imagine .game-icon a:focus span, .game-icons.game-imagine .game-icon a:active span {background-position:-2320px -170px;}
.game-icons.game-smanim .game-icon span {background-position:-2175px 0;}
.game-icons.game-smanim .game-icon a:hover span, .game-icons.game-smanim .game-icon a:focus span, .game-icons.game-smanim .game-icon a:active span {background-position:-2175px -170px;}


/*Home page*/
.home .site-header {border:3px solid #0090D3;border-width:0 0 3px 0;}
.home .content-area {background:url('../images/entry-bkgnd.png') center center no-repeat;}
.home .site-main {max-width:100%;padding:0;}
	.ie9 .home .site-main {display:block;width:100%;margin:0 auto !important;}

.home #entry-cta {color:#fff;background:#0090D3 none;width:100%;}
.home #entry-cta-inner {width:80%;max-width:1280px;margin:0 auto;padding:1rem 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.home #entry-cta-inner p {margin:0;padding:0;font-size:/*14pt*/1.16em;line-height:1.3;width:100%;}
	.ie9 .home #entry-cta-inner p, .ie9 .home #entry-cta-inner a {display:inline-block;}
	.ie9 .home #entry-cta-inner p {width:75%}
	.ie9 .home #entry-cta-inner a {width:15%;}
.home .entry-cta-btn {color:#fff;text-decoration:none;margin-left:1rem;}
.home .entry-cta-btn:hover {color:#FFDE53;}
.home .entry-cta-btn span {display:none;}
.home .entry-cta-btn:after {font-family:'icomoon';font-size:6.0rem;line-height:1;content:"\f054";}

.home #entry-sponsors {color:#000;background:#fff none;width:100%;}
.home #entry-sponsors-inner {width:100%;max-width:1280px;margin:0 auto;padding:1rem 0.5rem;}
.home #entry-sponsors-inner p {color:#0090D3;font-size:/*13pt*/1.06rem;margin-top:0;margin-bottom:0.3rem;}
.home #entry-sponsors-logos {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;/*-webkit-justify-content:space-between;justify-content:space-between;*/-webkit-justify-content:flex-end;justify-content:flex-end;}
.home #entry-sponsors-logos ul, .home #entry-sponsors-logos li {list-style:none;background-image:none;margin:0;padding:0;}
.home #entry-sponsors-logos ul {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.home #entry-sponsors-logos ul li {margin-right:0.5rem;}
	.ie9 .home #entry-sponsors-logos ul, .ie9 .home #entry-sponsors-logos ul li {display:inline-block;}

.home .noselect {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.home .wrap {position:relative;width:640px/*800px*/;margin:1rem auto;}
.home #showcase {visibility:hidden;z-index:0;}
.home #showcase img {cursor:pointer;}
.home #showcase {height:430px;overflow:visible !important;}
.home .card {width:240px;height:282px;padding:12px;text-align:center;background-color:transparent;border:0;}
.home .card p {font-size:1rem;display:none;}
.home .card .engimites {overflow:hidden;width:240px;height:282px;}
.home .card .engimites img {width:240px;height:282px;}
.home .speechbubble {position:absolute;display:none;z-index:100;background:transparent url('../images/speech-bubble.png') 0 0 no-repeat;width:170px;height:194px;box-sizing:border-box;padding:0.8rem;left:18%/*28%*/;top:1%;font-size:1rem;}
.home .carousel-paused .speechbubble {display:block;}
.home .nav {box-sizing:border-box;width:64px;height:auto;color:#0090D2;font:bold 3em 'icomoon';line-height:1;text-align:center;background:transparent;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:pointer;position:absolute;bottom:0rem;padding:1rem 0;}
.home .nav:active, .home .nav.down {}
.home .nav.left {left:0;}
.home .nav.left:before {content: "\f053";}
.home .nav.right {right:0;}
.home .nav.right:before {content: "\f054";}

	.home #primary {min-height:230px;}
	/*.home .wrap {display:none;}*/
	.flexboxtweener.no-flexbox .home #entry-cta-inner {width:65%;}
	.ie9 .home #entry-cta-inner {width:90%;}

}


/*If larger than the landscape width of iPad then show normal site*/
@media screen and (min-width:66em) {
  .Grid-cell {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}  
  /* Base classes for all media */
  .Grid--1of2, .Grid--1of3, .Grid--1of4, .Grid--1of5 {-webkit-box-flex:0 !important;-moz-box-flex:0 !important;-webkit-flex:none !important;-ms-flex:none !important;flex:none !important;}
  .Grid--1of2 {width:50% !important;}
  .Grid--1of3 {width:33.3333% !important;}
  .Grid--1of4 {width:25% !important;}
  .Grid--1of5 {width:20% !important;}

	.site-branding {/*min-height:143px;*/-webkit-align-self: center;align-self:center;}
		.ie9 .site-branding {min-height:auto;}

	#primary {min-height:620px;}
  .content-area {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;/*Safari 9 doesn't like flex-wrap to be defined*/-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;}
		.ie9 .content-area {position:relative;}
  .site-main {
    -webkit-box-ordinal-group:2;  
    -moz-box-ordinal-group:2;     
    -ms-flex-order:2;     
    -webkit-order:2;  
    order:1;
		max-width:66.6666%;
		padding:1.5rem 3rem 1.5rem 1.5rem;
  }	
		.ie9 .site-main {display:inline-block;width:66%;}
  .side-content {
    -webkit-box-ordinal-group:1;  
    -moz-box-ordinal-group:1;     
    -ms-flex-order:1;     
    -webkit-order:1;  
    order:2;
    /*max-width:18em;*/
		margin:1.5em 0;
		padding:1rem 1rem 1rem 3rem;
		border-width:0 0 0 3px;
  }
		.ie9 .side-content {position:absolute;display:inline-block;width:33%;height:92%;top:0;right:0;}

  /*Remove mobile primary nav button*/
  .no-touch .menu-toggle {display:none;}
	.no-touch .main-navigation {width:auto;border:0;}
		.ie9.no-touch .main-navigation {position:relative;display:inline-block;float:right;margin-top:3.63em;}
  .no-touch .main-navigation > ul {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
		.ie9.no-touch .main-navigation > ul {position:absolute;display:block;width:710px;right:0;}
  /*Style bar menu*/
	.no-touch #primary-menu {
		/*overflow:hidden;*/
	}
  .no-touch .barmenu-horizontal {-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;}
	.no-touch .barmenu-horizontal > li {padding:0;border:0;}
		.ie9.no-touch .barmenu-horizontal > li {display:inline-block;}
	.no-touch .barmenu-horizontal > li > a {z-index:10;margin:0;padding:0.5em 0.8em 0.4em 0.8em;border:2px solid transparent;}
		/*.ie9.no-touch .barmenu-horizontal > li > a {margin:0.6em 0;}*/
	.no-touch .barmenu-horizontal > li > a .mlabel {padding-left:0.2em;}
	/*.no-touch .barmenu-horizontal > li:first-child > a .mlabel {border:0}*/
	.no-touch .barmenu-horizontal > li:last-child {margin-right:1.5em}
	/*.no-touch .barmenu-horizontal > li:last-child a {padding-right:0}*/
	.no-touch .barmenu > li:hover, .no-touch .barmenu > li:focus, .no-touch .barmenu > li:active,
	.no-touch .barmenu > li > a:hover, .no-touch .barmenu > li > a:focus, .no-touch .barmenu > li > a:active {text-decoration:underline;}

	.no-touch .barmenu > li:hover a, .no-touch .barmenu > li:focus a, .no-touch .barmenu > li:active a,
	.no-touch .barmenu > li > a:hover, .no-touch .barmenu > li > a:focus, .no-touch .barmenu > li > a:active {border-color:#0090D3;border-bottom-color:transparent}

	/*
	.no-touch .barmenu .menu-item-has-children:hover > a > .mchevron > .mchevron-inside,
	.no-touch .barmenu > .menu-item-has-children > a:hover > .mchevron > .mchevron-inside,
	.no-touch .barmenu .menu-item-has-children.current-menu-ancestor > a > .mchevron > .mchevron-inside
	*/
	.no-touch .barmenu li:hover > a > .mchevron > .mchevron-inside,
	.no-touch .barmenu > li > a:hover > .mchevron > .mchevron-inside/*,
	.no-touch .barmenu > li.current-menu-ancestor > a > .mchevron > .mchevron-inside,
	.no-touch .barmenu li.current-menu-ancestor:hover > a > .mchevron > .mchevron-inside*/ {
		-webkit-transition: -webkit-transform 0.8s ease-out; /*ease-in-out OR ease-out*/
		-moz-transition: -moz-transform 0.8s ease-out;
		-ms-transition: -ms-transform 0.8s ease-out;
		-o-transition: -o-transform 0.8s ease-out;
	  transition: transform 0.8s ease-out;
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}

	.no-touch .barmenu-horizontal .sub-menu {
		position:absolute;z-index:1;
		left:auto;right:0;
		border:2px solid #0090D3;
	}
	.no-touch .barmenu-horizontal .sub-menu > li:first-child {margin-top:0.5em;}
		.ie9.no-touch .barmenu-horizontal .sub-menu > li > a {margin-bottom:0.6em;}
  /*show submenu on parent hover*/
  .no-touch .barmenu li:hover .sub-menu, .barmenu li > a:hover > .sub-menu,
	.no-touch .barmenu li.focus .sub-menu {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}

	/*expand down*/
  .no-touch .barmenu-horizontal {height:3.4rem;}
	.no-touch .barmenu-horizontal .sub-menu {top:-300px;opacity:0;width:auto;min-width:210px;}
  .no-touch .barmenu li:hover .sub-menu, .no-touch .barmenu li > a:hover > .sub-menu,
	.no-touch .barmenu li.focus .sub-menu {top:3.4rem;opacity:1;}
		.ie9.no-touch .barmenu li .sub-menu {top:60px;}
	.no-touch .barmenu-horizontal .sub-menu li {overflow:hidden;max-height:0;}
  .no-touch .barmenu li:hover .sub-menu li, .no-touch .barmenu li > a:hover > .sub-menu li,
	.no-touch .barmenu li.focus .sub-menu li {max-height:300px;-webkit-transition:max-height 0.8s/*0.5s*/ ease-in-out/*ease-in*/;-moz-transition:max-height 0.8s/*0.5s*/ ease-in-out/*ease-in*/;-o-transition:max-height 0.8s/*0.5s*/ ease-in-out/*ease-in*/;transition:max-height 0.8s/*0.5s*/ ease-in-out/*ease-in*/;}


	/*Site header*/
	.site-branding {-webkit-justify-content:flex-start;justify-content:flex-start;}
		.ie9 .site-branding {position:relative;}
	.site-title, .site-title a, .site-title img {max-width:310px;}

	/*Topic menu*/
	#article-menu {width:auto;}
	#topic-menu li {margin:0 0.8em 0 0;}
	#topic-menu li a {padding:0.4em 0.6em;font-size:1.3rem;}

	/*Footer*/
	.footer-container {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;max-height:80px;}

	.footer-navigation {
    -webkit-box-ordinal-group:2;  
    -moz-box-ordinal-group:2;     
    -ms-flex-order:2;     
    -webkit-order:2;  
    order:2;
	}
	#footer-menu {
		-webkit-justify-content:flex-end;justify-content:flex-end;
	}
	.cnss-social-icon {
    -webkit-box-ordinal-group:1;  
    -moz-box-ordinal-group:1;     
    -ms-flex-order:1;     
    -webkit-order:1;  
    order:1;
	}

	/*Side menu*/
	.sidemenu {width:70%;}

	/*Form*/
	fieldset div {max-width:500px !important;}
	.frm_none_container {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;width:100%;}
	.frm_none_container label {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;
		width:15% !important;max-width:200px !important;
	}
		#frm_form_11_container .frm_none_container label {width:25% !important;max-width:400px !important;margin-right:0.3em;}
	.frm_none_container input, .frm_none_container select {max-width:300px !important;}
	.frm_description {width:100%;}

	#frm_form_6_container .stunumcontainer {display:block;float:left;width:50%}
	#frm_form_6_container .stunumdescription {display:block;float:right;width:50%;padding-left:0.5em}

	/*Tables*/
	table    { display: table }
	tr       { display: table-row }
	thead    { display: table-header-group }
	tbody    { display: table-row-group }
	tfoot    { display: table-footer-group }
	col      { display: table-column }
	colgroup { display: table-column-group }
	td, th   { display: table-cell }
	caption  { display: table-caption }
	table {table-layout:fixed;}
	th, td {width:auto}
	thead tr {position:relative;top:0;left:0;}
	/*User profile*/
	.usrprof td {padding-top:0.4em;}
	.usrprof th:after {content:'';}
	/*Statistics*/
	.tblStats {border:1px solid #333;border-width:0 0 1px 1px;border-collapse:separate;}
	.tblStats tr {padding-bottom:0;}
	.tblStats th, .tblStats td {text-align:right;padding:0.1em 0.4em;background:none #fff;border:1px solid #333;border-width:1px 1px 0 0;}
	.tblStats th.rowlabel {text-align:left;}
	.tblStats thead th {text-align:center;}
	.tblStats span {width:45%;}
	.tblStats ul.statslist {margin-top:0.5em;}
	.tblStats td:before {display:none;content:''}
	p.statsTotal {display:none;}
	tr.totalsrow {display:table-row;}

	.game-icon {width:25%;min-width:140px;max-width:160px;}
	.game-description {width:75%;}


	.home #primary {min-height:430px;}
	.home .wrap {display:block;}
	.home #entry-cta-inner {width:60%;}
}

@media screen and (min-width:68em) {
	/*Form*/
	fieldset div {max-width:750px !important;}
	.frm_none_container label {max-width:220px !important;}
		#frm_form_11_container .frm_none_container label {width:25% !important;max-width:400px !important;margin-right:0.3em;}
	.frm_none_container input, .frm_none_container select {max-width:420px !important;}
}

@media screen and (min-width:77em) {
	#engmheadbox {display:block;}
}
