.p0{
  padding: 0 !important;
  background:#0084bd;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  position: fixed;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  overflow-x: visible;
  position: absolute;
  width: 100%;
  -ms-overflow-style: none;
}

#contentContinerOne{
  height: 100%;
  width: 100%;
  background: #FFF;
  position: absolute;
  top: 0%;
}

#contentAreaOne{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ff6600
}

#contentContinerTwo{
  height: 100%;
  width: 100%;
  background: #FFF;
  position: absolute;
  top: 100%;
}

#contentAreaTwo{
  position: absolute;
  width: 100%;
  height: 100%;
}

#contentContinerThree{
  height: 100%;
  width: 100%;
  background: #FFF;
  position: absolute;
  top: 200%;
}

#contentAreaThree{
  position: absolute;
  width: 100%;
  height: 100%;
}







/* =================================================================================
PAGE 0_0
==================================================================================== */



.p0_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: -moz-calc(100% - 55px);
  height: -webkit-calc(100% - 55px);
  height: -o-calc(100% - 55px);
  height: calc(100% - 55px);
}

#textContainer_0_0_1{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  pointer-events: none;
}

#panel_0_0_1{
  position: fixed;
  width: 500px;
  height: 170px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  border-radius: 10px;
  pointer-events: none;
}

#textContainer_0_0_2{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  pointer-events: none;
}

#backgroundImage_0_0_4{
  padding: 0 !important;
  background-image: url("../images/t0/intro_page_parallax_img.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}

#btnTest_0_0{
  pointer-events: auto;
}

#pdf_0_0{
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  top: 0px;
}

#scrollContent_0_0_1{
  display: block;
  background: #FFF;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
  z-index: 9999;
}

#scrollContent_0_0_2{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
  z-index: 9999;
}

#scrollContent_0_0_3{
  display: block;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
  z-index: 9999;
}

#audioControlContainer_0_0_3{
  display: block;
  clear: both;
}

#scrollContent_0_0_4{
  display: block;
  background: none;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
  z-index: 9999;
}

#screenText_0_0_4{
  position: absolute;
  font-family: GothamLight;
  font-size: 50pt;
  line-height: 50pt;
  color: #FFF;
  text-align: center;
  width: 590px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-weight: normal;
}

#scrollContent_0_0_5{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
  z-index: 9999;
}

#supportLink_0_0_5{
  font-size:17pt; 
  line-height: 19pt;
  margin-bottom: 20px;
}

#scrollContent_0_0_6{
  display: block;
  background: #FFF;
  overflow: hidden;
  height: 1100px;
  width: 100%;
  position: relative;
  z-index: 9999;
}

#scrollContent_0_0_7{
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
  top: 0px;
  background: #FFF;
  z-index: 9999;
}

#introAccordionOne{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 60px;
  margin-bottom: 60px;
  width: 85%;
  max-width: 760px;
  pointer-events: auto;
}

#introAccordionOne > h3 {
  margin-top: 5px;
  background: #5FDBE2;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
  border: none;
  border-radius: 0px;
  outline: none;
  height: 65px;
  color: #333;
  font-family: GothamBook;
  font-size: 17pt;
  padding-left: 20px;
  padding-right: 50px;
  font-weight: none;
  -webkit-transition: background 0.5s, color 0.5s;
  -moz-transition: background 0.5s, color 0.5s;
  -o-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s;
}

#introAccordionOne .ui-accordion-header.ui-state-hover { 
  background: #00B3C4;
  color: #333;
  -webkit-transition: background 0.5s, color 0.5s;
  -moz-transition: background 0.5s, color 0.5s;
  -o-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s;
}

#introAccordionOne .ui-accordion-header.ui-state-active { 
  background: #FFF;
  color: #333;
}

#introAccordionOne .ui-widget-content {
  border: 0px solid #FFF;
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: visible;
  background: #FFF;
  border-radius: 0px;
  font-family: GothamBook;
  font-size: 17pt;
  padding: 10px 20px 40px 20px;
}

#introAccordionOne .ui-icon {
  width: 45px;
  height: 45px;
  left: 100%;
  margin-left: -55px;
  top: 50%;
  margin-top: -22px;
  position: absolute;
}

#introAccordionOne .ui-icon,
#introAccordionOne .ui-widget-content .ui-icon {
  background-image: url("../images/theme/accordion_button_light_plus.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}
#introAccordionOne .ui-widget-header .ui-icon {
  background-image: url("../images/theme/accordion_button_light_plus.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}

#introAccordionOne .ui-state-active .ui-icon,
#introAccordionOne .ui-button:active .ui-icon {
  background-image: url("../images/theme/accordian_minus_img.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}
#introAccordionOne .ui-state-highlight .ui-icon,
#introAccordionOne .ui-button .ui-state-highlight.ui-icon {
  background-image: url("../images/theme/accordian_minus_img.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}

#introAccordionOne .ui-state-hover .ui-icon,
#introAccordionOne .ui-button:hover .ui-icon {
  background-image: url("../images/theme/accordion_button_light_over_plus.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}

#introAccordionOne .ui-state-active.ui-state-hover .ui-icon,
#introAccordionOne .ui-button:active:hover .ui-icon {
  background-image: url("../images/theme/accordian_minus_img.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}

#introAccordionTwo{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
  margin-bottom: 60px;
  width: 85%;
  max-width: 760px;
  pointer-events: auto;

}

#introAccordionTwo > h3 {
  margin-top: 5px;
  background: #006276;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
  border: none;
  border-radius: 0px;
  outline: none;
  height: 65px;
  color: #FFF;
  font-family: GothamLight;
  font-size: 17pt;
  padding-left: 20px;
  padding-right: 50px;
  font-weight: bold;
  -webkit-transition: background 0.5s, color 0.5s;
  -moz-transition: background 0.5s, color 0.5s;
  -o-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s;
}

#introAccordionTwo .ui-accordion-header.ui-state-hover { 
  background: #004B5B;
  color: #FFF;
  -webkit-transition: background 0.5s, color 0.5s;
  -moz-transition: background 0.5s, color 0.5s;
  -o-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s;
}

#introAccordionTwo .ui-accordion-header.ui-state-active { 
  background: #FFF;
  color: #333;
}

#introAccordionTwo .ui-widget-content {
  border: 0px solid #FFF;
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: visible;
  background: #FFF;
  border-radius: 0px;
  font-family: GothamBook;
  font-size: 17pt;
  padding: 10px 20px 40px 20px;
}

#introAccordionTwo .ui-icon {
  width: 45px;
  height: 45px;
  left: 100%;
  margin-left: -55px;
  top: 50%;
  margin-top: -22px;
  position: absolute;
}

#introAccordionTwo .ui-icon,
#introAccordionTwo .ui-widget-content .ui-icon {
  background-image: url("../images/theme/accordion_button_dark_plus.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}
#introAccordionTwo .ui-widget-header .ui-icon {
  background-image: url("../images/theme/accordion_button_dark_plus.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}

#introAccordionTwo .ui-state-active .ui-icon,
#introAccordionTwo .ui-button:active .ui-icon {
  background-image: url("../images/theme/accordian_minus_img.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}
#introAccordionTwo .ui-state-highlight .ui-icon,
#introAccordionTwo .ui-button .ui-state-highlight.ui-icon {
  background-image: url("../images/theme/accordian_minus_img.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}

#introAccordionTwo .ui-state-hover .ui-icon,
#introAccordionTwo .ui-button:hover .ui-icon {
  background-image: url("../images/theme/accordion_button_dark_over_plus.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}

#introAccordionTwo .ui-state-active.ui-state-hover .ui-icon,
#introAccordionTwo .ui-button:active:hover .ui-icon {
  background-image: url("../images/theme/accordian_minus_img.png");
  -webkit-transition: background-image 0.5s;
  -moz-transition: background-image 0.5s;
  -o-transition: background-image 0.5s;
  transition: background-image 0.5s;
}

#textContainer_0_0_3{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 850px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_0_0_3{
  text-align: center;
}

#screenText_0_0_3{
  text-align: center;
}

#textContainer_0_0_5{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 830px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
}

#screenText_0_0_5_6{
  padding: 5px 5px 0px 85px;
  background-image: url("../images/theme/scenario1_clock_icon_img.png");
  background-repeat: no-repeat;
  background-position: 0px 50%;
  background-size: 65px 64px;
  margin-top: 25px;
  margin-bottom: 40px;

}

#screenMessage_0_4{
  max-width: 300px;
}

#screenTitle_0_4{
  text-align: center;
}

#screenText_0_4_1{
  text-align: center;
}

#screenText_0_4_2{
  text-align: center;
  font-size:12pt; 
}

#screenTextList_0_0_5{
  margin-bottom: 25px;
}

#screenText_0_0_5_7{
  padding-right: 30px;
}






















/* =================================================================================
PAGE 1_0
==================================================================================== */



.p1_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: 100%;
}

#scroll_1_0{
  overflow-y: hidden;
}


/* SCROLL CONTENT 1 - INTRODUCTION */


#scrollContent_1_0_1{
  display: block;
  padding: 0 !important;
  background-image: url("../images/t1/scenario1_img1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  top:0px;
  position: relative;
}

#textContainer_1_0_1{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#screenTitle_1_0_1{
  padding-top: 0px;
  max-width: 200px;
}

#screenText_1_0_1{
  max-width: 270px;
  padding-bottom: 0px;
}


/* SCROLL CONTENT 2 - CONTENT TEXT */


#scrollContent_1_0_2{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_1_0_2{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-top: 40px;
}

#panel_1_0_2{
  position: fixed;
  width: 500px;
  height: 170px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  border-radius: 10px;
  pointer-events: none;
  display: none;
}





/* SCROLL CONTENT 3 - CONTENT TEXT */


#scrollContent_1_0_3{
  display: block;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_1_0_3{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}





/* SCROLL CONTENT 4 - MULTIPLE CHOICE AND SUPPORT PANEL */


#scrollContent_1_0_4{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_1_0_4{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 780px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_1_0_4{
  text-align: center;
}

#screenText_1_0_4{
  text-align: center;
}

#mc_1_0_4_1{
  width: 165px;
}

#mc_1_0_4_2{
  width: 165px;
}

#mc_1_0_4_3{
  width: 165px;
}

#mc_1_0_4_4{
  width: 165px;
}

#feedbackMessage_1_0_4{
  text-align: left;
  left: 0px;
  transform: none;
}

#feedback_1_0_4{
  float: left;
}

#submit_1_0_4{
  margin-bottom: 20px;
}

#submit_1_0_4:hover{
  margin-bottom: 18px;
}

#feedbackTopLine_1_0_4{
  margin-bottom: 40px;
}







/* SCROLL CONTENT 5 - IMAGE */


#scrollContent_1_0_5{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t1/scenario1_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 6 - CONTENT TEXT */


#scrollContent_1_0_6{
  display: none;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_1_0_6{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}





/* SCROLL CONTENT 7 - MULTIPLE CHOICE AND SUPPORT PANEL */


#scrollContent_1_0_7{
  display: none;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_1_0_7{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 780px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_1_0_7{
  text-align: center;
}

#screenText_1_0_7{
  text-align: center;
}

#mc_1_0_7_1{
  width: 165px;
}

#mc_1_0_7_2{
  width: 165px;
}

#mc_1_0_7_3{
  width: 165px;
}

#mc_1_0_7_4{
  width: 165px;
}

#feedbackMessage_1_0_7{
  text-align: left;
  left: 0px;
  transform: none;
}

#feedback_1_0_7{
  float: left;
}

#submit_1_0_7{
  margin-bottom: 20px;
}

#submit_1_0_7:hover{
  margin-bottom: 18px;
}

#feedbackTopLine_1_0_7{
  margin-bottom: 40px;
}





/* SCROLL CONTENT 8 - IMAGE */


#scrollContent_1_0_8{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t1/scenario1_img3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 9 - CONTENT TEXT/SUMMARY */


#scrollContent_1_0_9{
  display: none;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_1_0_9{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 550px;
  margin-left: -135px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 40px;
  float: left;
}



#continueButton_1_0_9{
  clear: both;          
  margin-top: 10px;
  margin-bottom: 80px;
}

#continueButton_1_0_9:hover{
  margin-top: 8px;
  margin-bottom: 78px;
}

#screenMessage_1_0_9{
  text-align: left;
  left: 0px;
  transform: none;
}





/* SCROLL CONTENT 10 - CONTAINER FOR HUB TO LOAD */


#scrollContent_1_0_10{
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
  background: #FFF;
  overflow: hidden;
}





/* POP PANELS */


#pdfClose_1_0{
  top: 55px;
  right: 35px;
}

/* ToolTip 1 */

#popPanel_1_0_1{
  width: 475px;
}

#panelClose_1_0_1{
  top: 8px;
  right: 8px;
}

/* ToolTip 2 */

#popPanel_1_0_2{
  width: 475px;
}

#panelClose_1_0_2{
  top: 8px;
  right: 8px;
}

/* Content Panel 4 */

#popPanel_1_0_4{
  width: 100%;
  max-width: 730px;
}

#panelContent_1_0_4{
  padding: 0px 60px 0px 60px;
  overflow-y: auto;
}

#popTextList_1_0_4{
  padding-bottom: 25px;
}

@media only screen and (max-width: 738px ), screen and (max-height: 610px ) {
  #popPanel_1_0_4 {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}

@media only screen and (max-height:780px){
  #panelContent_1_0_4 {
    transform: scale(1);
  }
}

@media only screen and (max-width: 738px){
  #panelContent_1_0_4 {
    transform: scale(1);
    height: 100%;
    margin-top: 0px;
  }
}



/* Content Panel 5 */

#popPanel_1_0_5{
  width: 100%;
  max-width: 730px;
}

#panelContent_1_0_5{
  padding: 0px 60px 0px 60px;
  overflow-y: auto;
}

#popTextList_1_0_5{
  padding-bottom: 25px;
}

@media only screen and (max-width: 738px ), screen and (max-height: 700px ) {
  #popPanel_1_0_5 {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}

@media only screen and (max-height:780px){
  #panelContent_1_0_5 {
    transform: scale(1);
  }
}

@media only screen and (max-width: 738px){
  #panelContent_1_0_5 {
    transform: scale(1);
    height: 100%;
    margin-top: 0px;
  }
}



/* 'Ask an Expert' Audio Panel */

#popPanel_1_0_10{
  width: 100%;
  max-width: 730px;
  overflow-y: auto;
}

#popText_1_0_10_1{
  text-align: center;
  padding: 0px 60px 0px 60px;
}

#popMessage_1_0_10{
  width: 90%;
}

#popImage_1_0_10{
  position: relative;
  background-image: url("../images/t1/scenario1_expert_img.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 730px 330px;
  width: 100%;
  max-width: 730px;
  height: 330px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 35px;
  clear: both;
}

#audioControlContainer_1_0_10{
  position: absolute;
  bottom: 10px;
  margin-bottom: 0px;
}

#panelContent_1_0_10 .mCS-rounded.mCSB_scrollTools{
  margin-right: 50px;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}


































/* =================================================================================
PAGE 2_0
==================================================================================== */



.p2_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: 100%;
}

#scroll_2_0{
  overflow-y: hidden;
}




/* SCROLL CONTENT 1 - INTRODUCTION */


#scrollContent_2_0_1{
  display: block;
  padding: 0 !important;
  background-image: url("../images/t2/scenario2_img1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  top:0px;
  position: relative;
  left: 0%;
}

#textContainer_2_0_1{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#screenTitle_2_0_1{
  padding-top: 0px;
  max-width: 200px;
}

#screenText_2_0_1{
  max-width: 310px;
  padding-bottom: 0px;
}








/* SCROLL CONTENT 2 - CONTENT TEXT */


#scrollContent_2_0_2{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_2_0_2{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-top: 40px;
}

#panel_2_0_2{
  position: fixed;
  width: 500px;
  height: 170px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  border-radius: 10px;
  pointer-events: none;
  display: none;
}

#screenTextList_2_0_2{
  margin-bottom: 25px;
}





/* SCROLL CONTENT 3 - CONTENT TEXT */


#scrollContent_2_0_3{
  display: block;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_2_0_3{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}






/* SCROLL CONTENT 4 - MULTIPLE CHOICE AND SUPPORT PANEL */


#scrollContent_2_0_4{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_2_0_4{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 780px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_2_0_4{
  text-align: center;
}

#screenText_2_0_4{
  text-align: center;
}

#mc_2_0_4_1{
  width: 165px;
}

#mc_2_0_4_2{
  width: 165px;
}

#mc_2_0_4_3{
  width: 165px;
}

#mc_2_0_4_4{
  width: 165px;
}

#feedbackMessage_2_0_4{
  text-align: left;
  left: 0px;
  transform: none;
}

#feedback_2_0_4{
  float: left;
}

#submit_2_0_4{
  margin-bottom: 20px;
}

#submit_2_0_4:hover{
  margin-bottom: 18px;
}

#feedbackTopLine_2_0_4{
  margin-bottom: 40px;
}




/* SCROLL CONTENT 5 - IMAGE */


#scrollContent_2_0_5{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t2/scenario2_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 6 - CONTENT TEXT/SUMMARY */


#scrollContent_2_0_6{
  display: none;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_2_0_6{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 550px;
  margin-left: -135px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 40px;
  float: left;
}

#screenTextList_2_0_6{
  margin-bottom: 25px;
}

#continueButton_2_0_6{
  clear: both;          
  margin-top: 10px;
  margin-bottom: 80px;
}

#continueButton_2_0_6:hover{
  margin-top: 8px;
  margin-bottom: 78px;
}

#screenMessage_2_0_6{
  text-align: left;
  left: 0px;
  transform: none;
}







/* SCROLL CONTENT 7 - CONTAINER FOR HUB TO LOAD */


#scrollContent_2_0_7{
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
  background: #FFF;
  z-index: 9999;
}





/* POP PANELS */


#pdfClose_2_0{
  top: 55px;
  right: 35px;
}

/* ToolTip 1 */

#panelClose_2_0_1{
  top: 8px;
  right: 8px;
}

/* 'Ask an Expert' Audio Panel */

#popPanel_2_0_5{
  width: 100%;
  max-width: 730px;
  overflow-y: auto;
}

#popText_2_0_5_1{
  text-align: center;
  padding: 0px 60px 0px 60px;
}

#popMessage_2_0_5{
  width: 90%;
}

#popImage_2_0_5{
  position: relative;
  background-image: url("../images/t2/scenario2_expert_img.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 730px 330px;
  width: 100%;
  max-width: 730px;
  height: 330px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 35px;
  clear: both;
}

#audioControlContainer_2_0_5{
  position: absolute;
  bottom: 10px;
  margin-bottom: 0px;
}

#panelContent_2_0_5 .mCS-rounded.mCSB_scrollTools{
  margin-right: 50px;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ToolTip 6 */

#panelClose_2_0_6{
  top: 8px;
  right: 8px;
}

/* ToolTip 7 */

#panelClose_2_0_7{
  top: 8px;
  right: 8px;
}





























/* =================================================================================
PAGE 3_0
==================================================================================== */



.p3_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: 100%;
}

#scroll_3_0{
  overflow-y: hidden;
}




/* SCROLL CONTENT 1 - INTRODUCTION */


#scrollContent_3_0_1{
  display: block;
  padding: 0 !important;
  background-image: url("../images/t3/scenario3_img1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  top:0px;
  position: relative;
}

#textContainer_3_0_1{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#screenTitle_3_0_1{
  padding-top: 0px;
  max-width: 200px;
}

#screenText_3_0_1{
  max-width: 320px;
  padding-bottom: 0px;
}








/* SCROLL CONTENT 2 - CONTENT TEXT */


#scrollContent_3_0_2{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_3_0_2{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-top: 40px;
}

#panel_3_0_2{
  position: fixed;
  width: 500px;
  height: 170px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  border-radius: 10px;
  pointer-events: none;
  display: none;
}

#screenTextList_3_0_2{
  margin-bottom: 25px;
}





/* SCROLL CONTENT 3 - CONTENT TEXT */


#scrollContent_3_0_3{
  display: block;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_3_0_3{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}






/* SCROLL CONTENT 4 - MULTIPLE CHOICE AND SUPPORT PANEL */


#scrollContent_3_0_4{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_3_0_4{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 780px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_3_0_4{
  text-align: center;
}

#screenText_3_0_4{
  text-align: center;
}

#mc_3_0_4_1{
  width: 165px;
}

#mc_3_0_4_2{
  width: 165px;
}

#mc_3_0_4_3{
  width: 165px;
}

#mc_3_0_4_4{
  width: 165px;
}

#feedbackMessage_3_0_4{
  text-align: left;
  left: 0px;
  transform: none;
}

#feedback_3_0_4{
  float: left;
}

#submit_3_0_4{
  margin-bottom: 20px;
}

#submit_3_0_4:hover{
  margin-bottom: 18px;
}

#feedbackTopLine_3_0_4{
  margin-bottom: 40px;
}






/* SCROLL CONTENT 5 - IMAGE */


#scrollContent_3_0_5{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t3/scenario3_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 6 - CONTENT TEXT/SUMMARY */


#scrollContent_3_0_6{
  display: none;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_3_0_6{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 550px;
  margin-left: -135px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 40px;
  float: left;
}

#screenTextList_3_0_6{
  margin-top: -25px;
}

#continueButton_3_0_6{
  clear: both;          
  margin-top: 10px;
  margin-bottom: 80px;
}

#continueButton_3_0_6:hover{
  margin-top: 8px;
  margin-bottom: 78px;
}

#screenMessage_3_0_6{
  text-align: left;
  left: 0px;
  transform: none;
}







/* SCROLL CONTENT 7 - CONTAINER FOR HUB TO LOAD */


#scrollContent_3_0_7{
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
  background: #FFF;
  z-index: 9999;
}





/* POP PANELS */


#pdfClose_3_0{
  top: 55px;
  right: 35px;
}

/* ToolTip 1 */

#panelClose_3_0_1{
  top: 8px;
  right: 8px;
}

/* ToolTip 2 */

#panelClose_3_0_2{
  top: 8px;
  right: 8px;
}

/* ToolTip 3 */

#panelClose_3_0_3{
  top: 8px;
  right: 8px;
}

/* ToolTip 4 */

#panelClose_3_0_4{
  top: 8px;
  right: 8px;
}

/* ToolTip 9 */

#popPanel_3_0_9{
  width: 520px;
}

#panelClose_3_0_9{
  top: 8px;
  right: 8px;
}

/* ToolTip 10 */

#popPanel_3_0_10{
  width: 460px;
}

#panelClose_3_0_10{
  top: 8px;
  right: 8px;
}

/* 'Ask an Expert' Audio Panel */

#popPanel_3_0_8{
  width: 100%;
  max-width: 730px;
  overflow-y: auto;
}

#popText_3_0_8_1{
  text-align: center;
  padding: 0px 60px 0px 60px;
}

#popMessage_3_0_8{
  width: 90%;
}

#popImage_3_0_8{
  position: relative;
  background-image: url("../images/t3/scenario3_expert_img.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 730px 330px;
  width: 100%;
  max-width: 730px;
  height: 330px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 35px;
  clear: both;
}

#audioControlContainer_3_0_8{
  position: absolute;
  bottom: 10px;
  margin-bottom: 0px;
}

#panelContent_3_0_8 .mCS-rounded.mCSB_scrollTools{
  margin-right: 50px;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}















/* =================================================================================
PAGE 4_0
==================================================================================== */



.p4_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: 100%;
}

#scroll_4_0{
  overflow-y: hidden;
}




/* SCROLL CONTENT 1 - INTRODUCTION */


#scrollContent_4_0_1{
  display: block;
  padding: 0 !important;
  background-image: url("../images/t4/scenario4_img1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  top:0px;
  position: relative;
}

#textContainer_4_0_1{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#screenTitle_4_0_1{
  padding-top: 0px;
  max-width: 200px;
}

#screenText_4_0_1{
  max-width: 410px;
  padding-bottom: 0px;
}








/* SCROLL CONTENT 2 - CONTENT TEXT */


#scrollContent_4_0_2{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_4_0_2{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-top: 40px;
}

#panel_4_0_2{
  position: fixed;
  width: 500px;
  height: 170px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  border-radius: 10px;
  pointer-events: none;
  display: none;
}





/* SCROLL CONTENT 3 - CONTENT TEXT */


#scrollContent_4_0_3{
  display: block;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_4_0_3{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}

#screenTextList_4_0_3{
  padding-right: 0px;
  margin-bottom: 25px;
}





/* SCROLL CONTENT 4 - CONTENT TEXT */


#scrollContent_4_0_4{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_4_0_4{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}

#tableHeading_4_0_4{
  width: 210px;
}

#screenTextList_4_0_4{
  padding-top: 20px;
}




/* SCROLL CONTENT 5 - CONTENT TEXT */


#scrollContent_4_0_5{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_4_0_5{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}

#screenTextList_4_0_5{
  padding-right: 0px;
  margin-bottom: 25px;
}





/* SCROLL CONTENT 6 - MULTIPLE CHOICE AND SUPPORT PANEL */


#scrollContent_4_0_6{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_4_0_6{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 780px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_4_0_6{
  text-align: center;
}

#screenText_4_0_6{
  text-align: center;
}

#mc_4_0_6_1{
  width: 165px;
}

#mc_4_0_6_2{
  width: 165px;
}

#mc_4_0_6_3{
  width: 165px;
}

#mc_4_0_6_4{
  width: 165px;
}

#feedbackMessage_4_0_6{
  text-align: left;
  left: 0px;
  transform: none;
}

#feedback_4_0_6{
  float: left;
}

#submit_4_0_6{
  margin-bottom: 20px;
}

#submit_4_0_6:hover{
  margin-bottom: 18px;
}

#feedbackTopLine_4_0_6{
  margin-bottom: 40px;
}






/* SCROLL CONTENT 7 - IMAGE */


#scrollContent_4_0_7{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t4/scenario4_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 8 - CONTENT TEXT */


#scrollContent_4_0_8{
  display: none;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_4_0_8{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}





/* SCROLL CONTENT 9 - IMAGE */


#scrollContent_4_0_9{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t4/scenario4_img3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 10 - CONTENT TEXT/SUMMARY */


#scrollContent_4_0_10{
  display: none;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_4_0_10{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 550px;
  margin-left: -135px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 40px;
  float: left;
}

#screenTextList_4_0_10{
  margin-top: -25px;
}

#continueButton_4_0_10{
  clear: both;          
  margin-top: 10px;
  margin-bottom: 80px;
}

#continueButton_4_0_10:hover{
  margin-top: 8px;
  margin-bottom: 78px;
}

#screenMessage_4_0_10{
  text-align: left;
  left: 0px;
  transform: none;
}







/* SCROLL CONTENT 11 - CONTAINER FOR HUB TO LOAD */


#scrollContent_4_0_11{
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
  background: #FFF;
  z-index: 9999;
}





/* POP PANELS */


#pdfClose_4_0{
  top: 55px;
  right: 35px;
}

/* ToolTip 5 */

#panelClose_4_0_5{
  top: 8px;
  right: 8px;
}

/* 'Ask an Expert' Audio Panel */

#popPanel_4_0_4{
  width: 100%;
  max-width: 730px;
  overflow-y: auto;
}

#popText_4_0_4_1{
  text-align: center;
  padding: 0px 60px 0px 60px;
}

#popMessage_4_0_4{
  width: 90%;
}

#popImage_4_0_4{
  position: relative;
  background-image: url("../images/t4/scenario4_expert_img.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 730px 330px;
  width: 100%;
  max-width: 730px;
  height: 330px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 35px;
  clear: both;
}

#audioControlContainer_4_0_4{
  position: absolute;
  bottom: 10px;
  margin-bottom: 0px;
}

#panelContent_4_0_4 .mCS-rounded.mCSB_scrollTools{
  margin-right: 50px;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}




















/* =================================================================================
PAGE 5_0
==================================================================================== */



.p5_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: 100%;
}

#scroll_5_0{
  overflow-y: hidden;
}




/* SCROLL CONTENT 1 - INTRODUCTION */


#scrollContent_5_0_1{
  display: block;
  padding: 0 !important;
  background-image: url("../images/t5/scenario5_img1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  top:0px;
  position: relative;
}

#textContainer_5_0_1{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#screenTitle_5_0_1{
  padding-top: 0px;
  max-width: 200px;
}

#screenText_5_0_1{
  max-width: 410px;
  padding-bottom: 0px;
}








/* SCROLL CONTENT 2 - CONTENT TEXT */


#scrollContent_5_0_2{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_5_0_2{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-top: 40px;
}

#panel_5_0_2{
  position: fixed;
  width: 500px;
  height: 170px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  border-radius: 10px;
  pointer-events: none;
  display: none;
}

#screenTextList_5_0_2{
  padding-right: 0px;
  margin-bottom: 25px;
}





/* SCROLL CONTENT 3 - CONTENT TEXT */


#scrollContent_5_0_3{
  display: block;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_5_0_3{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}








/* SCROLL CONTENT 4 - MULTIPLE CHOICE AND SUPPORT PANEL */


#scrollContent_5_0_4{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_5_0_4{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 780px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_5_0_4{
  text-align: center;
}

#screenText_5_0_4{
  text-align: center;
}

#mc_5_0_4_1{
  width: 165px;
}

#mc_5_0_4_2{
  width: 165px;
}

#mc_5_0_4_3{
  width: 165px;
}

#mc_5_0_4_4{
  width: 165px;
}

#feedbackMessage_5_0_4{
  text-align: left;
  left: 0px;
  transform: none;
}

#feedback_5_0_4{
  float: left;
}

#submit_5_0_4{
  margin-bottom: 20px;
}

#submit_5_0_4:hover{
  margin-bottom: 18px;
}

#feedbackTopLine_5_0_4{
  margin-bottom: 40px;
}






/* SCROLL CONTENT 5 - IMAGE */


#scrollContent_5_0_5{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t5/scenario5_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 6 - CONTENT TEXT */


#scrollContent_5_0_6{
  display: none;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_5_0_6{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}

#screenTextList_5_0_6{
  padding-right: 0px;
  margin-bottom: 25px;
}






/* SCROLL CONTENT 7 - IMAGE */


#scrollContent_5_0_7{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t5/scenario5_img3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}






/* SCROLL CONTENT 8 - CONTENT TEXT/SUMMARY */


#scrollContent_5_0_8{
  display: none;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_5_0_8{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 550px;
  margin-left: -135px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 40px;
  float: left;
}

#screenTextList_5_0_8{
  margin-top: -25px;
}

#continueButton_5_0_8{
  clear: both;          
  margin-top: 10px;
  margin-bottom: 80px;
}

#continueButton_5_0_8:hover{
  margin-top: 8px;
  margin-bottom: 78px;
}

#screenMessage_5_0_8{
  text-align: left;
  left: 0px;
  transform: none;
}







/* SCROLL CONTENT 9 - CONTAINER FOR HUB TO LOAD */


#scrollContent_5_0_9{
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
  background: #FFF;
  z-index: 9999;
}





/* POP PANELS */


#pdfClose_5_0{
  top: 55px;
  right: 35px;
}

/* ToolTip 1 */

#panelClose_5_0_1{
  top: 8px;
  right: 8px;
}

#popTextList_5_0_1{
  padding-right: 0px;
  margin-bottom: 25px;
  font-size:12pt; 
  line-height: 15pt;
  text-align: left;
}

/* 'Ask an Expert' Audio Panel */

#popPanel_5_0_5{
  width: 100%;
  max-width: 730px;
  overflow-y: auto;
}

#popText_5_0_5_1{
  text-align: center;
  padding: 0px 60px 0px 60px;
}

#popMessage_5_0_5{
  width: 90%;
}

#popImage_5_0_5{
  position: relative;
  background-image: url("../images/t5/scenario5_expert_img.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 730px 330px;
  width: 100%;
  max-width: 730px;
  height: 330px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 35px;
  clear: both;
}

#audioControlContainer_5_0_5{
  position: absolute;
  bottom: 10px;
  margin-bottom: 0px;
}

#panelContent_5_0_5 .mCS-rounded.mCSB_scrollTools{
  margin-right: 50px;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}


/* ToolTip 6 */

#panelClose_5_0_6{
  top: 8px;
  right: 8px;
}



















/* =================================================================================
PAGE 6_0
==================================================================================== */



.p6_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: 100%;
}

#scroll_6_0{
  overflow-y: hidden;
}




/* SCROLL CONTENT 1 - INTRODUCTION */


#scrollContent_6_0_1{
  display: block;
  padding: 0 !important;
  background-image: url("../images/t6/scenario6_img1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  top:0px;
  position: relative;
}

#textContainer_6_0_1{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#screenTitle_6_0_1{
  padding-top: 0px;
  max-width: 200px;
}

#screenText_6_0_1{
  max-width: 450px;
  padding-bottom: 0px;
}








/* SCROLL CONTENT 2 - CONTENT TEXT */


#scrollContent_6_0_2{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_6_0_2{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-top: 40px;
}

#panel_6_0_2{
  position: fixed;
  width: 500px;
  height: 170px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  border-radius: 10px;
  pointer-events: none;
  display: none;
}

#screenTextList_6_0_2{
  padding-right: 0px;
  margin-bottom: 25px;
}





/* SCROLL CONTENT 3 - CONTENT TEXT */


#scrollContent_6_0_3{
  display: block;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_6_0_3{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}

#screenTextList_6_0_3{
  padding-right: 0px;
  margin-bottom: 25px;
}







/* SCROLL CONTENT 4 - MULTIPLE CHOICE AND SUPPORT PANEL */


#scrollContent_6_0_4{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_6_0_4{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 780px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_6_0_4{
  text-align: center;
}

#screenText_6_0_4{
  text-align: center;
}

#mc_6_0_4_1{
  width: 165px;
}

#mc_6_0_4_2{
  width: 165px;
}

#mc_6_0_4_3{
  width: 165px;
}

#mc_6_0_4_4{
  width: 165px;
}



#feedbackTitle_6_0_4{
  width: -moz-calc(100% + 20px);
  width: -webkit-calc(100%  + 20px);
  width: -o-calc(100% + 20px);
  width: calc(100% + 20px);
}

#feedbackMessage_6_0_4{
  text-align: left;
  left: 0px;
  transform: none;
}

#feedback_6_0_4{
  float: left;
}

#submit_6_0_4{
  margin-bottom: 20px;
}

#submit_6_0_4:hover{
  margin-bottom: 18px;
}

#feedbackTopLine_6_0_4{
  margin-bottom: 40px;
}






/* SCROLL CONTENT 5 - IMAGE */


#scrollContent_6_0_5{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t6/scenario6_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 6 - CONTENT TEXT */


#scrollContent_6_0_6{
  display: none;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_6_0_6{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 550px;
  margin-left: -135px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 40px;
  float: left;
  margin-bottom: 110px;
}

#screenTextList_6_0_6{
  padding-right: 0px;
  margin-bottom: 25px;
}








/* SCROLL CONTENT 7 - IMAGE */


#scrollContent_6_0_7{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t6/scenario6_img3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}






/* SCROLL CONTENT 8 - CONTENT TEXT/SUMMARY */


#scrollContent_6_0_8{
  display: none;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_6_0_8{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 550px;
  margin-left: -135px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 40px;
  float: left;
}

#screenTextList_6_0_8{
  padding-right: 0px;
  margin-bottom: 25px;
}

#continueButton_6_0_8{
  clear: both;          
  margin-top: 10px;
  margin-bottom: 80px;
}

#continueButton_6_0_8:hover{
  margin-top: 8px;
  margin-bottom: 78px;
}

#screenMessage_6_0_8{
  text-align: left;
  left: 0px;
  transform: none;
}







/* SCROLL CONTENT 9 - CONTAINER FOR HUB TO LOAD */


#scrollContent_6_0_9{
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
  background: #FFF;
  z-index: 9999;
}





/* POP PANELS */


#pdfClose_6_0{
  top: 55px;
  right: 35px;
}

/* ToolTip 1 */

#panelClose_6_0_1{
  top: 8px;
  right: 8px;
}


/* ToolTip 2 */

#panelClose_6_0_2{
  top: 8px;
  right: 8px;
}


/* 'Ask an Expert' Audio Panel */

#popPanel_6_0_6{
  width: 100%;
  max-width: 730px;
  overflow-y: auto;
}

#popText_6_0_6_1{
  text-align: center;
  padding: 0px 60px 0px 60px;
}

#popMessage_6_0_6{
  width: 90%;
}

#popImage_6_0_6{
  position: relative;
  background-image: url("../images/t6/scenario6_expert_img.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 730px 330px;
  width: 100%;
  max-width: 730px;
  height: 330px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 35px;
  clear: both;
}

#audioControlContainer_6_0_6{
  position: absolute;
  bottom: 10px;
  margin-bottom: 0px;
}

#panelContent_6_0_6 .mCS-rounded.mCSB_scrollTools{
  margin-right: 50px;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}


/* ToolTip 6 */

#panelClose_6_0_7{
  top: 8px;
  right: 8px;
}


/* ToolTip 9 */

#panelClose_6_0_10{
  top: 8px;
  right: 8px;
}























/* =================================================================================
PAGE 7_0
==================================================================================== */



.p7_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: 100%;
}

#scroll_7_0{
  overflow-y: hidden;
}




/* SCROLL CONTENT 1 - INTRODUCTION */


#scrollContent_7_0_1{
  display: block;
  padding: 0 !important;
  background-image: url("../images/t7/scenario7_img1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  top:0px;
  position: relative;
}

#textContainer_7_0_1{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#screenTitle_7_0_1{
  padding-top: 0px;
  max-width: 200px;
}

#screenText_7_0_1{
  max-width: 410px;
  padding-bottom: 0px;
}








/* SCROLL CONTENT 2 - CONTENT TEXT */


#scrollContent_7_0_2{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_7_0_2{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-top: 40px;
}

#panel_7_0_2{
  position: fixed;
  width: 500px;
  height: 170px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  border-radius: 10px;
  pointer-events: none;
  display: none;
}

#screenTextList_7_0_2{
  padding-right: 0px;
  margin-bottom: 25px;
}





/* SCROLL CONTENT 3 - CONTENT TEXT */


#scrollContent_7_0_3{
  display: block;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_7_0_3{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}








/* SCROLL CONTENT 4 - MULTIPLE CHOICE AND SUPPORT PANEL */


#scrollContent_7_0_4{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_7_0_4{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 780px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_7_0_4{
  text-align: center;
}

#screenText_7_0_4{
  text-align: center;
}

#mc_7_0_4_1{
  width: 165px;
}

#mc_7_0_4_2{
  width: 165px;
}

#mc_7_0_4_3{
  width: 165px;
  padding: 25px 14px 20px 14px;
}

#mc_7_0_4_4{
  width: 165px;
}

#feedbackMessage_7_0_4{
  text-align: left;
  left: 0px;
  transform: none;
}

#feedback_7_0_4{
  float: left;
}

#submit_7_0_4{
  margin-bottom: 20px;
}

#submit_7_0_4:hover{
  margin-bottom: 18px;
}

#feedbackTopLine_7_0_4{
  margin-bottom: 40px;
}

#evidenceIconBtn_7_0_4{
  padding-left: 35px;
}






/* SCROLL CONTENT 5 - IMAGE */


#scrollContent_7_0_5{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t7/scenario7_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 6 - CONTENT TEXT */


#scrollContent_7_0_6{
  display: none;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_7_0_6{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}

#screenTextList_7_0_6{
  padding-right: 0px;
  margin-bottom: 25px;
}






/* SCROLL CONTENT 7 - IMAGE */


#scrollContent_7_0_7{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t7/scenario7_img3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}






/* SCROLL CONTENT 8 - CONTENT TEXT/SUMMARY */


#scrollContent_7_0_8{
  display: none;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_7_0_8{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 550px;
  margin-left: -135px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 40px;
  float: left;
}

#screenTextList_7_0_8{
  margin-top: -25px;
}

#continueButton_7_0_8{
  clear: both;          
  margin-top: 10px;
  margin-bottom: 80px;
}

#continueButton_7_0_8:hover{
  margin-top: 8px;
  margin-bottom: 78px;
}

#screenMessage_7_0_8{
  text-align: left;
  left: 0px;
  transform: none;
}







/* SCROLL CONTENT 9 - CONTAINER FOR HUB TO LOAD */


#scrollContent_7_0_9{
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
  background: #FFF;
  z-index: 9999;
}





/* POP PANELS */


#pdfClose_7_0{
  top: 55px;
  right: 35px;
}

/* ToolTip 1 */

#popPanel_7_0_1{
  width: 475px;
}

#panelClose_7_0_1{
  top: 8px;
  right: 8px;
}

/* ToolTip 2 */

#popPanel_7_0_2{
  width: 475px;
}

#panelClose_7_0_2{
  top: 8px;
  right: 8px;
}

/* ToolTip 3 */

#popPanel_7_0_3{
  width: 475px;
}

#panelClose_7_0_3{
  top: 8px;
  right: 8px;
}

/* 'Ask an Expert' Audio Panel */

#popPanel_7_0_7{
  width: 100%;
  max-width: 730px;
  overflow-y: auto;
}

#popText_7_0_7_1{
  text-align: center;
  padding: 0px 60px 0px 60px;
}

#popMessage_7_0_7{
  width: 90%;
}

#popImage_7_0_7{
  position: relative;
  background-image: url("../images/t7/scenario7_expert_img.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 730px 330px;
  width: 100%;
  max-width: 730px;
  height: 330px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 35px;
  clear: both;
}

#audioControlContainer_7_0_7{
  position: absolute;
  bottom: 10px;
  margin-bottom: 0px;
}

#panelContent_7_0_7 .mCS-rounded.mCSB_scrollTools{
  margin-right: 50px;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}















/* =================================================================================
PAGE 8_0
==================================================================================== */



.p8_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: 100%;
}

#scroll_8_0{
  overflow-y: hidden;
}




/* SCROLL CONTENT 1 - INTRODUCTION */


#scrollContent_8_0_1{
  display: block;
  padding: 0 !important;
  background-image: url("../images/t8/scenario8_img1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  top:0px;
  position: relative;
}

#textContainer_8_0_1{
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#screenTitle_8_0_1{
  padding-top: 0px;
  max-width: 200px;
}

#screenText_8_0_1{
  max-width: 330px;
  padding-bottom: 0px;
}








/* SCROLL CONTENT 2 - CONTENT TEXT */


#scrollContent_8_0_2{
  display: block;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_8_0_2{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-top: 40px;
}

#panel_8_0_2{
  position: fixed;
  width: 500px;
  height: 170px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #FFF;
  border-radius: 10px;
  pointer-events: none;
  display: none;
}

#screenTextList_8_0_2{
  margin-bottom: 25px;
}





/* SCROLL CONTENT 3 - CONTENT TEXT */


#scrollContent_8_0_3{
  display: block;
  background: #f0f0f0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_8_0_3{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 820px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
}






/* SCROLL CONTENT 4 - MULTIPLE CHOICE AND SUPPORT PANEL */


#scrollContent_8_0_4{
  display: block;
  background: #BEEBF0;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_8_0_4{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 780px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenTitle_8_0_4{
  text-align: center;
}

#screenText_8_0_4{
  text-align: center;
}

#mc_8_0_4_1{
  width: 165px;
}

#mc_8_0_4_2{
  width: 165px;
}

#mc_8_0_4_3{
  width: 165px;
}

#mc_8_0_4_4{
  width: 165px;
}

#feedbackMessage_8_0_4{
  text-align: left;
  left: 0px;
  transform: none;
}

#feedback_8_0_4{
  float: left;
}

#submit_8_0_4{
  margin-bottom: 20px;
}

#submit_8_0_4:hover{
  margin-bottom: 18px;
}

#feedbackTopLine_8_0_4{
  margin-bottom: 40px;
}






/* SCROLL CONTENT 5 - IMAGE */


#scrollContent_8_0_5{
  display: none;
  padding: 0 !important;
  background-image: url("../images/t8/scenario8_img2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 510px;
  width: 100%;
  position: relative;
}





/* SCROLL CONTENT 6 - CONTENT TEXT/SUMMARY */


#scrollContent_8_0_6{
  display: none;
  background: #006074;
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}

#textContainer_8_0_6{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 550px;
  margin-left: -135px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-top: 40px;
  float: left;
}

#screenTextList_8_0_6{
  margin-top: -25px;
}

#continueButton_8_0_6{
  clear: both;          
  margin-top: 10px;
  margin-bottom: 80px;
}

#continueButton_8_0_6:hover{
  margin-top: 8px;
  margin-bottom: 78px;
}

#screenMessage_8_0_6{
  text-align: left;
  left: 0px;
  transform: none;
}







/* SCROLL CONTENT 7 - CONTAINER FOR HUB TO LOAD */


#scrollContent_8_0_7{
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
  background: #FFF;
  z-index: 9999;
}





/* POP PANELS */


#pdfClose_8_0{
  top: 55px;
  right: 35px;
}

/* ToolTip 1 */

#popPanel_8_0_1{
  width: 475px;
}

#panelClose_8_0_1{
  top: 8px;
  right: 8px;
}

/* 'Ask an Expert' Audio Panel */

#popPanel_8_0_5{
  width: 100%;
  max-width: 730px;
  overflow-y: auto;
}

#popText_8_0_5_1{
  text-align: center;
  padding: 0px 60px 0px 60px;
}

#popMessage_8_0_5{
  width: 90%;
}

#popImage_8_0_5{
  position: relative;
  background-image: url("../images/t8/scenario8_expert_img.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 730px 330px;
  width: 100%;
  max-width: 730px;
  height: 330px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 35px;
  clear: both;
}

#audioControlContainer_8_0_5{
  position: absolute;
  bottom: 10px;
  margin-bottom: 0px;
}

#panelContent_8_0_5 .mCS-rounded.mCSB_scrollTools{
  margin-right: 50px;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}





















/* =================================================================================
PAGE 9_0 - HUB SCREEN
==================================================================================== */


.p9_0 {
  background: #CCC;
  position: absolute;
  width: 100%;
  height: -moz-calc(100% - 55px);
  height: -webkit-calc(100% - 55px);
  height: -o-calc(100% - 55px);
  height: calc(100% - 55px);
}

#scroll_9_0{
  overflow-y: hidden;
}

#scrollContent_9_0_1{
  display: block;
  background: #FFF;
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 9999;
  overflow-y: auto;
}

#scrollContent_9_0_2{
  display: none;
  background: #FFF;
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 9999;
  overflow-y: scroll;
}

#textContainer_9_0{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 850px;
  padding-left: 40px;
  padding-right: 40px;
}

#screenMessage_9_0{
  max-width: 300px;
}

#screenTitle_9_0{
  text-align: center;
}

#screenText_9_0_1{
  text-align: center;
}

#screenText_9_0_2{
  text-align: center;
  font-size:12pt; 
  clear: both;
}


#panelBg_9_0{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: 100000;
  display: none;
}



#popPanel_9_0_1{
  position: absolute;
  width: 100%;
  max-width: 730px;
   z-index: 100001;
   overflow-y: auto;
   height: 100%;
   max-height: 980px;
   display: block;
}

@media only screen and (max-width: 738px ), screen and (max-height: 700px ) {
  #popPanel_9_0_1 {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}

@media only screen and (max-height:780px){
  #panelContent_9_0_1 {
    transform: scale(1);
  }
}

@media only screen and (max-width: 738px){
  #panelContent_9_0_1 {
    transform: scale(1);
    height: 100%;
    margin-top: 0px;
  }
}

#panelContent_9_0_1{
  overflow-y: auto;
}

#panelContent_9_0_1 .mCS-rounded.mCSB_scrollTools{
  margin-right: 50px;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#popPanelImg_9_0_1{
  padding: 0 !important;
  background-image: url("../images/t0/hubPanel.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  overflow-y: hidden;
  overflow: hidden;
  height: 263px;
  width: 100%;
  position: relative;
  top: 0px;
}

#hubPanelTextContainer{
  padding: 0px 60px 0px 60px;
}

#hubPanelTitle{
  text-transform: none;
  text-align: center;
  padding: 45px 0px 20px 0px;
}

#hubPanelSubTitle{
  padding: 20px 0px 20px 0px;
}

#hubPanelClickContainer{
  position: relative;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

#hubClick_1{
  background-image: url("../images/t0/scenario_thumbnail_1.png");
}

#hubClick_2{
  background-image: url("../images/t0/scenario_thumbnail_2.png");
}

#hubClick_3{
  background-image: url("../images/t0/scenario_thumbnail_3.png");
}

#hubClick_4{
  background-image: url("../images/t0/scenario_thumbnail_4.png");
}

#hubClick_5{
  background-image: url("../images/t0/scenario_thumbnail_5.png");
}

#hubClick_6{
  background-image: url("../images/t0/scenario_thumbnail_6.png");
}

#hubClick_7{
  background-image: url("../images/t0/scenario_thumbnail_7.png");
}

#hubClick_8{
  background-image: url("../images/t0/scenario_thumbnail_8.png");
}

#hubClickContainer{
  position: absolute;
  width: 85%;
  max-width: 800px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}