/* GREY COLOUR SCHEME - ACTIVE - DEPRECATED OCTOBER 2024 - TRANSITIONAL CSS ADDED  */
.wrapper-inner {background:#4D4D4D;}
.header-top{background:#4D4D4D}
.mh-header{background:#4D4D4D;}
.header-nav ul li:hover>ul{display:block;background:#4D4D4D}
.main-nav{background:#4D4D4D;}
.main-nav ul li:hover>ul{background:#4D4D4D;}
.slicknav_menu{display:none;background:#4D4D4D;}

/* ADJUST STYLING FOR LEGACY TABBED BROWSING TO MATCH NEW TEMPLATE */
/* STYLING FOR TAB CONTENT */
.tab-content {width: 98%;height: auto;margin:auto;margin-bottom:15px;clear:both;}
/* TAB STYLE NAVIGATION FOR PAGES THAT LINK OUT  */
.browse-tabs {margin-top:5px;height:40px;}    
/* STYLING FOR IN PAGE LINKS AND LINKS OUT  */
.navigate-pages ul  {list-style: none;} 
.navigate-pages li {list-style: none;float: left;margin-bottom:0;position: relative;display: block;margin-right: 2px;height:23px;line-height: 1.42857143;position: relative;padding: 8px;border-top: 1px solid #DDD;border-left: 1px solid #DDD;border-right: 1px solid #DDD; border-radius: 4px 4px 0 0;height:40px;font-size: 16px;}
/* STYLING FOR ACTIVE CONTENT  */
.navigate-pages-xwrd{max-width: 80px;text-align: center;background-color: #F4F4F4;}
/* STYLING FOR OUTBOUND LINKS  */


.navigate-pages-quiz{min-width: 45px;text-align: center;background-color: #F4F4F4;}
.navigate-pages-activities{min-width: 75px;text-align: center;background-color: #F4F4F4;}
.navigate-pages-lessons-white{min-width: 75px;text-align: center;background-color: #FFFFFF;}
.navigate-pages-crosswords{min-width: 92px;text-align: center;background-color: #F4F4F4;}

.navigate-pages-small{min-width: 70px;text-align: center;background-color: #F4F4F4;}
.navigate-pages-small-white{min-width: 70px;text-align: center;background-color: #FFFFFF;}
.navigate-pages-smallest{min-width: 40px;text-align: center;background-color: #F4F4F4;}
.navigate-pages-smallest-white{min-width: 60px;text-align: center;background-color: #FFFFFF;}

.navigate-pages-medium{min-width: 95px;text-align: center;background-color: #F4F4F4;}
.navigate-pages-medium-white{min-width: 95px;text-align: center;background-color: #FFFFFF;}

.navigate-pages-wide{min-width: 90px;text-align: center;background-color: #F4F4F4;}
.navigate-pages-wide-white{min-width: 90px;text-align: center;background-color: #FFFFFF;}
.navigate-pages-wider {min-width: 120px;text-align: center;background-color: #F4f4f4;}
.navigate-pages-wider-white {min-width: 110px;text-align: center;background-color: #FFFFFF;}
.navigate-pages-widest {min-width: 132px;text-align: center;background-color: #F4f4f4;}
.navigate-pages-widest-white {min-width: 132px;text-align: center;background-color: #FFFFFF;}    


/* RUBRICS FOR WORD GAMES WITH TABS -  25 10 21  */
.game-preamble-top-border {clear: both;padding-top: 20px;border-top: 1px solid #DDD;}
.game-preamble-top-border, .game-preamble-top-border-condensed p {line-height:25px;}
/* ADDED 13 1 2022 - NO TOP PADDING  */
.game-preamble-top-border-condensed {clear: both;padding-top: 0;border-top: 1px solid #DDD;}
/* TRANSITIONAL CSS - ACTIVE */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300);

/* SET FONT SIZES */
body{font-size:16px;line-height:25px;word-wrap:break-word;background:#efefef}

h1{font-size:28px;margin-top:-20px;margin-bottom:10px}
h2{font-size:24px;}
h4{margin-top:10px;color:#4D4D4D}
h5,h6{margin-top:8px}
.rubrics, rubrics-plain, rubrics-plain-extra {font-size:16px;}
sub{vertical-align:sub;font-size:12px;padding-left:10px;bottom:9px}
/* NAVIGATE BETWEEN PAGES (WITHIN TABS)  FONT SIZE ADJUSTED 20 07 2023 */
.task-navigation-top {background-color:#FFFFFF;color:#404040;font-size:14px;padding-top:6px;padding-bottom:6px;margin-bottom:10px}




/* NAVIGATION BUTTONS - TOGGLE BETWEEN TABS 18 03 2023 */
.EasyReaders table, tbody, tr,  td  {font-size:16px;background-color:#FFFFFF!important; }
.list-inline-label-button li {
  margin-right: 0!important;
  padding-right: 0!important;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 35px;
  float: left;
}
.list-inline-label-button > li {
  display: inline-block;
  padding-right: 0!important;
  padding-left: 0!important;
}
h2 {clear: both !important;}

/* REDUCE MARGIN ON BORDERED BOX 18 03 2023 */

.EcruBoxDotBorderG {
  background: linear-gradient(#F8EBD5, #FFFFFF);
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  border-style: dotted;
  border-width: 1px;
  border-color: #909090;
  font-size: 16px;
}

/* FIX ISSUES WITH AUDIO TABLE DISPLAY - MODIFIED 18 10 2023 */
.AudioTableText {text-align:left!important;cursor:pointer;}

.tab-content {clear:both!important}

/* BORDERLESS BOX TO ADD PADDING TO A PAGE ELEMENT 10 04 2023 */
.BoxNoBorder {background: transparent; margin-top: 10px;margin-bottom: 15px;padding: 0;border-style: none;border-width:0;border-color:transparent}
.BoxNoBorderDeep {background: transparent; margin-top: 15px;margin-bottom: 15px;padding: 0;border-style: none;border-width:0;border-color:transparent}
.BoxNoBorderDeeper {background: transparent; margin-top: 20px;margin-bottom: 15px;padding: 0;border-style: none;border-width:0;border-color:transparent}
.textbox-lessons-first {background: #F2F2F0 !important;margin-top: 10px;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;text-decoration: none !important;}
.textbox-lessons {background: #F2F2F0 !important;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;padding-left: 10px !important;text-decoration: none !important;}
.lesson-title {font-size: 16px;text-transform:uppercase;font-weight:bold;overflow: hidden; margin-bottom:7px;margin-top:0}

/*TEXT COLOUR SET TO BLACK TO FIX ISSUES - 03 06 2023  */
a,h1,h2,h3,h5,h6{color:#000}
.rubrics-plain-extra {color:#000000!important;font-size:16px;}
/* STYLE HYPERLINKS WITHIN PARAGRAPHS  */
.rubrics-plain-extra a:hover {color:#000000; border-bottom: 2px solid #000000;text-decoration:none!important;}

/* HYBRID TABS FOR TOP NAVIGATION - SINGLE LINK OUT - 03 06 2023 */
.tabbed-browsing-static-options {font-size: 16px;font-weight: normal;margin-top: 2px;margin-bottom: 5px;color: #000000}

/* SOLID BOX FOR NUMBERS AND LETTERS - 30 03 2023 */
.RubricsBoxTheme {color: #FFF;font-weight: bold;background-color: #000;margin-right: 5px;font-size: 14px;padding: 0 5px 0 5px;text-transform: uppercase;}
.RubricsBoxGreen { color: #FFF;font-weight: bold;background-color: #5c8a00;margin-right: 5px;font-size: 14px;padding: 0 5px 0 5px;text-transform:uppercase;}

/* HIDE CARET ON BUTTONS FOR SUMMARY/DETAIL DROP DOWNS ON MOBILE -  18 07 2023   */
.accordion-task-flush-left-button {color:transparent!important};
.dropdown-toggle::after {display:none!important;}

/* VOCABULARY TABLES -DEFAULT THEME -  24 07 2023   */
.GreyTable table, tbody, tr, td {font-size: 16px!important;background-color: #F4F4F4 !important;padding: 10px;}

/* CLEAR BOTH ADDED TO FIX ALIGNMENT ISSUES -  26 07 2023   */
.rubrics-plain-extra-clear {color: #000000 !important;font-size: 16px;clear: both;}

/* FONT ADJUSTMENTS 29 07 2023  */
.sidebar-show-more {font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-size: 14px; font-weight: bold; overflow: hidden;}
.browse-more-lessons {font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-size: 14px; font-weight: bold; overflow: hidden;}

/* STYLE BOOTSTRAP BUTTONS USED TO TOGGLE BETWEEN TABS - FONT SIZE MODIFIED 30 07 2023 */
.label {font-family: inherit;display: inline;padding-left:10px;padding-right:10px;margin-left:10px;font-size: 14px;font-weight:400;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
.label-more {font-family: inherit;display:inline;padding:6px 12px;margin-left:0;margin-top:10px;margin-bottom:10px;font-size: 14px;font-weight:400;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
.label a {text-decoration: none !important}
.label-green-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #5C8A00;color:#FFFFFF!important}
.label-purple-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color:#6f47a3;color:#FFFFFF!important}
.label-yellow-h5p  {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #b8830a;color:#FFFFFF!important}
/*  MODIFIED 14 10 2023   */
.label-cyan-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #0099CC;color:#FFFFFF!important}

.label-blue-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #0066CC;color:#FFFFFF!important}
/* ADDED 24 03 2023 */
.label-dark-blue-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0); transform: translateZ(0); display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #132f63;color:#FFFFFF!important}

.label-red-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #CC0000;color:#FFFFFF!important}

.label-pink-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #cc004e;color:#FFFFFF!important;}

.label-orange-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #cc6300;color:#FFFFFF!important}

.label-black-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #000;color:#FFFFFF!important}
.label-default-h5p {background-color:#000;color:#FFFFFF!important}

.label a:hover {color:#F4F4F4;cursor:pointer;}

/* STYLING FOR EXAMPLE SENTENCES - 08 08 2023 */
.RightAnswer {color: #009900}
.WrongAnswer {color: #FF0000}

/* GRAMMAR EXPLANATIONS - 08 08 2023 */
.GrammarPoint {clear:both}

/* 750 X 250 WORD CLOUDS - ADDED 12 08 2023  */
.VocabCloud {clear:both;padding-top:10px;padding-bottom:10px;}

/* ADJUST TOP MARGIN ON BORDERED BOX - 29 08 2023  */
.BoxDotBorderFlush {background:transparent;margin-top: 10px; margin-bottom: 10px;padding: 15px;border-style: dotted;border-width: 1px;border-color: #909090;font-size: 16px;}

/* SOLID BOXES FOR NUMBERS AND LETTERS - 27 09 2023 */
.RubricsBoxTheme {color: #FFF;font-weight: bold;background-color: #000;margin-right: 5px;font-size: 14px;padding: 0 5px 0 5px;text-transform: uppercase;
box-shadow: 0 2px 6px rgba(24, 24, 26, 0.2);border: 1px solid #595959;text-align: center;}
.RubricsBoxBlue {color: #FFF;font-weight: bold;background-color: #06C;margin-right: 5px;font-size: 14px;padding: 0 5px 0 5px;text-transform: uppercase;
box-shadow: 0 2px 6px rgba(24, 24, 26, 0.2);border: 1px solid #595959;text-align: center;}
.RubricsBoxGreen {color: #FFF;font-weight: bold;background-color:#5c8a00;margin-right: 5px;font-size: 14px;padding: 0 5px 0 5px;text-transform: uppercase;
box-shadow: 0 2px 6px rgba(24, 24, 26, 0.2);border: 1px solid #595959;text-align: center;}

/* CLOSE BUTTON FOR LEGACY DROP DOWN PANELS - 28 09 2023 */
.btn-close-dropdown {font-family: 'Glyphicons Halflings';color: #404040;background-color: #FFFFFF;border: none;outline-color: #FFFFFF;text-decoration: none;padding: 0;float: right;}
.close-dropdown-panel {font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-size: 14px; font-weight: bold; overflow: hidden;}

/*  SET POINTER STYLE FOR LINKS - 18 10 2023 */
a:hover {cursor:pointer!important;}

/* FIX SPACING ISSUES ON PAGES WITH NO TOP IMAGE - 05 05 2024 */
.nav-tabs-flush > li {float: left;margin-bottom:-6px!important;margin-top:5px!important;}

/* SET SPACING FOR AUTHOR BYLINE - 05 05 2024 */
.related-links-white-byline {background-color: #FFFFFF;color: #404040;font-size: 14px;padding-top: 8px;padding-bottom: 3px;}
/* STYLE SCROLLING FOR PAGE ELEMENTS AND LONG TEXT BOXES - 10 05 2024 */
div.ScrollText {height:250px;overflow-x: hidden;overflow-y: auto;text-align: center;padding-left:20px;padding-right:20px;padding-top:10px;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;}
div.ScrollContent {overflow-x: auto;overflow-y: hidden;white-space:nowrap;text-align:center;padding:0;margin:0}

/* EDIT PRINT STYLES */
@media print { body { display:none }}

/*  UPDATED 26 10 2024   */