@import url("//fonts.googleapis.com/css?family=Convergence");

@import url("//fonts.googleapis.com/css?family=Convergence");

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/* Navigation

oooooooooooooooooooooooooooooooooooooooooooooooooo */

/* line 10, nav.scss */

NAV.main {

  margin-top: .50em;
  padding-bottom:0.25em;

  display: block;

  text-align: center; }

  /* line 15, nav.scss */

  NAV.main .content_frame {

    display: inline-block; }

  /* line 20, nav.scss */

  NAV.main .nav_controls {

    margin-left: auto;

    margin-right: auto;

    display: block;

    width: 688px;

    position: relative; }

    /* line 25, nav.scss */

    NAV.main .nav_controls .nav_bar {

      width: 588px; }
/*aria slider*/
.aria-slider{ position:absolute; width:100%; left:0; top:0}
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 10px;
    z-index: 2;
}
.ui-slider .ui-slider-handle {
	/*margin-left: 2%;
   margin-left: 4px;*/
    top: -0.5em;
}
NAV.main .nav_controls .nav_bar.overlaySlider{margin-bottom:-5px;}
/*#singleSlider1 span{ display:inline-block; height:4px; border-right:1px solid #000; margin-right:-1px}*/

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

      /* line 20, nav.scss */

      NAV.main .nav_controls {

        width: 550px; }

        /* line 30, nav.scss */

        NAV.main .nav_controls .nav_bar {

          width: 450px; }
		  
		  /*.ui-slider .ui-slider-handle {
		 	 margin-left: 1.6%; 
		  }*/
		   }

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

      /* line 20, nav.scss */

      NAV.main .nav_controls {

        width: 460px; }

        /* line 36, nav.scss */

        NAV.main .nav_controls .nav_bar {

          width: 360px; }
		  
		   }

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

      /* line 20, nav.scss */

      NAV.main .nav_controls {

        width: 400px; }

        /* line 42, nav.scss */

        NAV.main .nav_controls .nav_bar {

          width: 300px; }
		  
		  /*.ui-slider .ui-slider-handle {
		 	 margin-left: 1.1%; 
		  }*/
		   }

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

      /* line 20, nav.scss */

      NAV.main .nav_controls {

        width: 340px; }

        /* line 48, nav.scss */

        NAV.main .nav_controls .nav_bar {

          width: 240px; } }

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

      /* line 20, nav.scss */

      NAV.main .nav_controls {

        width: 280px; }

        /* line 54, nav.scss */

        NAV.main .nav_controls .nav_bar {

          width: 180px; } }

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

      /* line 20, nav.scss */

      NAV.main .nav_controls {

        width: 210px; }

        /* line 60, nav.scss */

        NAV.main .nav_controls .nav_bar {

          width: 110px; }
		  
		  /*.ui-slider .ui-slider-handle {
		 	 margin-left: 0%; 
		  }*/
		   }

    /* line 65, nav.scss */

    NAV.main .nav_controls A {

      color: #0a4e81;

      text-decoration: none; }

      /* line 334, ../global/css/_fonts.scss */

      NAV.main .nav_controls A:visited {

        color: inherit; }

    /* line 70, nav.scss */

    NAV.main .nav_controls .nav_bar {

      display: table;

     table-layout: fixed;

      vertical-align: top;

      overflow: visible;

      margin: auto;

      height: 5px;

      position: relative;

      top: -2px; }

      /* line 79, nav.scss */

      NAV.main .nav_controls .nav_bar A {

        display: table-cell;

        line-height: 0px;

        text-indent: -3000em;
		/*border: 1px solid #969696;*/
        border: 1px solid #000;

        border-right-style: none;

        background: white;

        cursor: pointer;

        overflow: visible; }

        /* line 88, nav.scss */

        NAV.main .nav_controls .nav_bar A:last-child {

          border-right-style: solid; }

        /* line 92, nav.scss */

        NAV.main .nav_controls .nav_bar A:visited {

          /*background: #C7DBEB;*/
		   background: #2078BE;
		  }
NAV.main .nav_controls .nav_bar.overlaySlider A:visited{ background:#fff;}
        /* line 96, nav.scss */

        NAV.main .nav_controls .nav_bar A.topicIntro > .position_root:after {

          text-indent: -.9em;

          font-size: .75em;

          z-index: 1;

          border: none;

          /*content: '\25BC';*/
		  
		  content: '';

          color: black;

          display: block;

          /*height: 100%;*/
		  
		  height: 6px;

          width: 1em;

          position: absolute;

          bottom: 100%;

          left: 50%; 
		  
		  background: url("..//global/images/topic_arrow.gif") no-repeat 0 0;
		  
		  margin-left:-3px; }

        /* line 113, nav.scss */

        NAV.main .nav_controls .nav_bar A .position_root .popup_contents {

          display: none; }

        /* line 118, nav.scss */

        NAV.main .nav_controls .nav_bar A .simple_title {

          display: none; }

    /* line 125, nav.scss */

    NAV.main .nav_controls .scrubber {

      display: block;

      position: relative;

      width: 9px;

      top: -5px;

      height: 11px;

      -webkit-border-radius: 0.1em;

      -moz-border-radius: 0.1em;

      -ms-border-radius: 0.1em;

      -o-border-radius: 0.1em;

      border-radius: 0.1em;

      z-index: 2;

      background: white;

      border: 1px solid #8b8b8b;

      cursor: url("../global/images/cursor_move_hand_open.png"), move; }

      /* line 139, nav.scss */

      NAV.main .nav_controls .scrubber:active {

        cursor: url("../global/images/cursor_move_hand_closed.png"), move; }

    /* line 145, nav.scss */

    NAV.main .nav_controls .position_root {

      height: 4px;

      width: 100%;

      position: relative; }

    /* line 152, nav.scss */

    NAV.main .nav_controls .popover {

      z-index: 3;

      cursor: pointer; }

      /* line 3, ../info_popover/_info_popover_config.scss */

      NAV.main .nav_controls .popover .popover_content {

        background-color: #fff;

        border: 2px solid #CB8F45; border-left-width:15px; color:#4a4a4a !important; }
		
	NAV.main .nav_controls .lessonSplash .popover .popover_content, NAV.main .nav_controls .lessonSummary .popover .popover_content{border-color: #4a4a4a;}	

      /* line 7, ../info_popover/_info_popover_config.scss */

      NAV.main .nav_controls .popover .pointer {

        fill: #fff;

        stroke: #CB8F45; }

NAV.main .nav_controls .lessonSplash .popover .pointer, NAV.main .nav_controls .lessonSummary .popover .pointer{stroke: #4a4a4a;}

      /* line 156, nav.scss */

      NAV.main .nav_controls .popover .popover_content {

        font-family: "Cabin", "Verdana", "Arial", sans-serif;

        font-size: 11px;

        font-style: normal;

        font-weight: normal;

        color: white;

        line-height: 1.5em; }

    /* line 162, nav.scss */

    NAV.main .nav_controls .topicIntro .popover {

      font-family: "Cabin", "Verdana", "Arial", sans-serif;

      font-size: 11px;

      font-style: normal;

      font-weight: normal;

      line-height: inherit;

      text-decoration: none;

      color: #4b4b4b; }

      /* line 3, ../info_popover/_info_popover_config.scss */

      NAV.main .nav_controls .topicIntro .popover .popover_content {

        background-color: #fff;

        border: 2px solid #4EA1C4; border-left-width:15px; }

      /* line 7, ../info_popover/_info_popover_config.scss */

      NAV.main .nav_controls .topicIntro .popover .pointer {

        fill: #fff;

        stroke: #4EA1C4; }

    /* line 168, nav.scss */

    NAV.main .nav_controls .checkPage .popover {

      font-family: "Cabin", "Verdana", "Arial", sans-serif;

      font-size: 11px;

      font-style: normal;

      font-weight: normal;

      line-height: inherit;

      text-decoration: none;

      color: #4b4b4b; }

      /* line 3, ../info_popover/_info_popover_config.scss */

      NAV.main .nav_controls .checkPage .popover .popover_content {

        background-color: #fff;

        border: 2px solid #7F9B6C; border-left-width:15px; }

      /* line 7, ../info_popover/_info_popover_config.scss */

      NAV.main .nav_controls .checkPage .popover .pointer {

        fill: #fff;

        stroke: #7F9B6C; }

    /* line 174, nav.scss */

    NAV.main .nav_controls .topicReview .popover, NAV.main .nav_controls .lessonSummary .popover {

      font-family: "Cabin", "Verdana", "Arial", sans-serif;

      font-size: 11px;

      font-style: normal;

      font-weight: normal;

      line-height: inherit;

      text-decoration: none;

      color: #4b4b4b; }

      /* line 3, ../info_popover/_info_popover_config.scss */

      NAV.main .nav_controls .topicReview .popover .popover_content {

        background-color: #fff;

        border: 2px solid #7E68AA; border-left-width:15px;}

      /* line 7, ../info_popover/_info_popover_config.scss */

      NAV.main .nav_controls .topicReview .popover .pointer {

        fill: #fff;

        stroke: #7E68AA; }

    /* line 182, nav.scss */

    NAV.main .nav_controls .prevButton, NAV.main .nav_controls .nextButton {

      margin-top: -16px;

      font-size: 0px; }

      /* line 186, nav.scss */

      NAV.main .nav_controls .prevButton.disabled, NAV.main .nav_controls .nextButton.disabled {

        opacity: .50; }

        /* line 188, nav.scss */

        NAV.main .nav_controls .prevButton.disabled:hover, NAV.main .nav_controls .nextButton.disabled:hover, NAV.main .nav_controls .prevButton.disabled:focus, NAV.main .nav_controls .nextButton.disabled:focus {

          /*background-image: url("..//global/images/course_connect_icons_new.png");

          background-image: url("..//global/images/course_connect_icons_new.svg");

          background-position: -999px -999px;

          background-size: 404px 486px;

          background-repeat: no-repeat;

          width: 34px;

          height: 34px;*/

          background-position:-3px -84px;

          cursor: not-allowed; }

    /* line 194, nav.scss */

    NAV.main .nav_controls .prevButton {

      float: left;

      background-image: url("..//global/images/course_connect_icons_new.png");

      background-image: url("..//global/images/course_connect_icons_new.svg");

      background-position: -999px -999px;

      background-size: 404px 486px;

      background-repeat: no-repeat;

      width: 34px;

      height: 34px;

      background-position: -43px -84px; }

      /* line 197, nav.scss */

      NAV.main .nav_controls .prevButton:hover, NAV.main .nav_controls .prevButton:focus  {

        background-image: url("..//global/images/course_connect_icons_new.png");

        background-image: url("..//global/images/course_connect_icons_new.svg");

        /*background-position: -999px -999px;

        background-size: 320px 384px;

        background-repeat: no-repeat;

        width: 32px;

        height: 32px;*/

        background-position: -43px -124px;

        cursor: pointer; }

    /* line 202, nav.scss */

    NAV.main .nav_controls .nextButton {

      float: right;

      background-image: url("..//global/images/course_connect_icons_new.png");

      background-image: url("..//global/images/course_connect_icons_new.svg");

      background-position: -999px -999px;

      background-size: 404px 486px;

      background-repeat: no-repeat;

      width: 34px;

      height: 34px;

      background-position: -3px -84px; }

      /* line 205, nav.scss */

      NAV.main .nav_controls .nextButton:hover, NAV.main .nav_controls .nextButton:focus {

        background-image: url("..//global/images/course_connect_icons_new.png");

        background-image: url("..//global/images/course_connect_icons_new.svg");

        /*background-position: -999px -999px;

        background-size: 320px 384px;

        background-repeat: no-repeat;

        width: 32px;

        height: 32px;*/

        background-position: -3px -124px;

        cursor: pointer; }



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

  /* line 220, nav.scss */

  .touch_enabled_device NAV.main .nav_controls {

    width: 900px; }

    /* line 222, nav.scss */

    .touch_enabled_device NAV.main .nav_controls .nav_bar {

      width: 800px; } }

/* line 229, nav.scss */

.touch_enabled_device NAV.main .nav_bar {

  /*border: 1px solid #969696;*/ }

  /* line 231, nav.scss */

  .touch_enabled_device NAV.main .nav_bar A {

    /*border: none; */}

    /* line 233, nav.scss */

    .touch_enabled_device NAV.main .nav_bar A:last-child {

      border-right-style: solid; }

/* line 239, nav.scss */

.touch_enabled_device NAV.main .nav_controls {

  /**

  //it is less resource intensive to have this be fixed width, with normal whitspace wrap in mobile browsers, escpecially older versions of stock android, but not sure this is the right way to improve performance

  .popover{

      width:20em;

      .popover_content{

          white-space:normal;

      }

  }

  **/ }

  /* line 241, nav.scss */

  .touch_enabled_device NAV.main .nav_controls .scrubber {

    width: 0px;

    height: 32px;

    border: none; }

    /* line 245, nav.scss */

    .touch_enabled_device NAV.main .nav_controls .scrubber .icon {

      margin-left: -16px;

      background-image: url("..//global/images/course_connect_icons_new.png");

      background-image: url("..//global/images/course_connect_icons_new.svg");

      background-position: -999px -999px;

      background-size: 320px 384px;

      background-repeat: no-repeat;

      width: 32px;

      height: 32px;

      background-position: -192px -128px; }

    /* line 249, nav.scss */

    .touch_enabled_device NAV.main .nav_controls .scrubber .hotspot {

      -webkit-border-radius: 64px;

      -moz-border-radius: 64px;

      -ms-border-radius: 64px;

      -o-border-radius: 64px;

      border-radius: 64px;

      width: 64px;

      height: 64px;

      left: -32px;

      top: -20px;

      opacity: .5;

      position: absolute; }

/* line 274, nav.scss */

.touch_enabled_device NAV.main .popover.top_right, .touch_enabled_device NAV.main .popover.top_left {

  margin-bottom: 3px; }

/* line 277, nav.scss */

.touch_enabled_device NAV.main .popover.bottom_right, .touch_enabled_device NAV.main .popover.bottom_left {

  margin-top: -3px; }



/* line 283, nav.scss */

#footer_nav {

  margin: 20px auto;

  display: none;

  width: 688px; }
  
#footer_nav  .location{ text-align:center; padding:7px 0 0; font-size:0.8em;}

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

    /* line 283, nav.scss */

    #footer_nav {

      display: block; } }

  /* line 289, nav.scss */

  #footer_nav:after {

    display: block;

    content: '';

    clear: both; }

  /* line 295, nav.scss */

  #footer_nav .prev, #footer_nav .next {

    display: block;

    cursor: pointer; }

    /* line 298, nav.scss */

    #footer_nav .prev.disabled, #footer_nav .next.disabled {

      opacity: .50; }

      /* line 300, nav.scss */

      #footer_nav .prev.disabled:hover, #footer_nav .next.disabled:hover, #footer_nav .prev.disabled:focus, #footer_nav .next.disabled:focus {

        /*background-image: url("..//global/images/course_connect_icons_new.png");

        background-image: url("..//global/images/course_connect_icons_new.svg");

        background-position: -999px -999px;

        background-size: 320px 384px;

        background-repeat: no-repeat;

        width: 32px;

        height: 32px;*/

        background-position: -3px -84px;

        cursor: not-allowed; }

  /* line 306, nav.scss */

  #footer_nav .prev {

    float: left;

    background-image: url("..//global/images/course_connect_icons_new.png");

    background-image: url("..//global/images/course_connect_icons_new.svg");

    background-position: -999px -999px;

    background-size: 404px 486px;

    background-repeat: no-repeat;

    width: 34px;

    height: 34px;

    background-position: -43px -84px; }

    /* line 309, nav.scss */

    #footer_nav .prev:hover, #footer_nav .prev:focus {

      background-image: url("..//global/images/course_connect_icons_new.png");

      background-image: url("..//global/images/course_connect_icons_new.svg");

      /*background-position: -999px -999px;

      background-size: 320px 384px;

      background-repeat: no-repeat;

      width: 32px;

      height: 32px;*/

      background-position: -43px -124px; }

  /* line 314, nav.scss */

  #footer_nav .next {

    float: right;

    background-image: url("..//global/images/course_connect_icons_new.png");

    background-image: url("..//global/images/course_connect_icons_new.svg");

    background-position: -999px -999px;

    background-size: 404px 486px;

    background-repeat: no-repeat;

    width: 34px;

    height: 34px;

    background-position: -3px -84px; }

    /* line 317, nav.scss */

    #footer_nav .next:hover, #footer_nav .next:focus {

      background-image: url("..//global/images/course_connect_icons_new.png");

      background-image: url("..//global/images/course_connect_icons_new.svg");

     /* background-position: -999px -999px;

      background-size: 320px 384px;

      background-repeat: no-repeat;

      width: 32px;

      height: 32px;
*/
      background-position: -3px -124px; }

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

    /* line 283, nav.scss */
    #footer_nav {
	  display:block;
      width: 550px; } }

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

    /* line 283, nav.scss */

    #footer_nav {

      width: 460px; } }

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

    /* line 283, nav.scss */

    #footer_nav {

      width: 400px; } }

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

    /* line 283, nav.scss */

    #footer_nav {

      width: 340px; } }

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

    /* line 283, nav.scss */

    #footer_nav {

      width: 280px; } }

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

    /* line 283, nav.scss */

    #footer_nav {

      width: 210px; } }



/** 5.0.9.P4 **/
/* line no  1193 general.css */
.skip_botton  {/*background: none repeat scroll 0 0 #FFFFFF;*/
    
    height: auto;
    overflow: visible;
	width: auto;
    font-size: 10px;
	position: absolute;
    right: 2%;
    text-indent: -9999px;
    top: -41px;
    
	/*display:none*/}
.skip_botton:focus{text-indent:0;}
.slider_max_value,#slider1Val,NAV.main .nav_controls .scrubber{ display:none}

.mobileNavigation{ border-top:1px solid #fff}
.mobileNavigation ul{ list-style:none; padding:0; margin:0}
.mobileNavigation ul li{ display:block; border-top:1px solid #232323;}
.mobileNavigation a{ display:block; border-left:25px solid #cb8f45; color:#fff; text-decoration:none; font-weight:normal; background:#000}
.mobileNavigation .simple_title{ background:#000; padding:4px 10px;}
.mobileNavigation a.lessonSplash,.mobileNavigation a.lessonSummary, .mobileNavigation a.lessonOverview{ border-left:25px solid #4A4A4A; font-size:15px; font-weight:bold; color:#f5f5f5;}
.mobileNavigation a.topicIntro{ border-left:25px solid #4ea1c4; font-size:15px; font-weight:bold;}
.mobileNavigation a.checkPage{ border-left:25px solid #7f9b6c; }
.mobileNavigation a.topicReview{ border-left:25px solid #7E68AA; }
.mobileNavigation a:visited .simple_title{ background:#ccc; color:#000;}
.mobileNavigation a.visited .simple_title{ background:#fff; color:#000}

NAV.main .nav_controls .dana_popover .popover .popover_content { border-color: #666; }
NAV.main .nav_controls .dana_popover .popover .pointer { stroke: #666; }
.mobileNavigation.dana_popover a{ border-color:#666;}