@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* hides scorm progress bar */
div#progress-bar {
    display: none;
}

/* puts closing 'x' button on last slide */
#xclose {
    width: 66px;
    height: 66px;
    position: absolute;
    right: 0;
    top: 25px;
    cursor: pointer;
    font-size: 22px;
    line-height: 66px;
    text-align: center;
    color: white;
    font-weight: bold;
    border: none;
    background: #348899;
}

/* hides link to 508 slide (still accessible for visually impared) */
.spec-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Global */

.clear {
    clear: both;
}
body {
    background:#eee;
    color:#000;
    font-family:'Open Sans', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    }
h3 {
    font-size: 25px;
    font-weight: 700;
    line-height:1.1em;
    margin:0 0 30px 0;
    }
ul {
    padding-left: 18px;
}
ol {
    padding-left: 19px;
}
p, li {
    margin-bottom: 5px;
}
.bordered-image {
    border: 2px solid #348899;
    width: 100%;
}
.content-overflow-container {
    height: 100%;
    overflow-x: unset;
    overflow-y: auto;
    padding-right: 20px;
}
.center-text {
    text-align: center;
}
.height-33prcnt {
    height: 33%;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.absolute-top {
    position: absolute;
    top: 0;
}
.italic {
    font-style:italic;
    }
.blue-bold {
    color:#348899;
    font-weight:800;
    }
.instruction-text {
    color: #348899;
    font-weight: 600;
    margin-top: 28px;
}
.instruction-text-light {
    color: #f2ebc7 !important;
    font-weight: 600 !important;
}
/* Use when instruction text has no text above it */
.instruction-text-only {
    margin-top: 0 !important;
}
/* Use for instruction text below images */
.instruction-text-caption {
    margin-top: 6px;
}
.module-content-right .instruction-text {
    /* margin-top: 0; */
}
.sbs-icons {
    color:#d6e7eb;
    }
.next-btn.glow {
    -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    color: #f3e9d0;
    animation: glowPulse 3s infinite;
}
@keyframes glowPulse {
    0%, 100% {
        -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0);
        -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0);
        box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0);
        color: #ffffff;
    }
    50% {
        -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, 1);
        -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, 1);
        box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, 1);
        color: #f3e9d0;
    }
}
.next-btn.glow::after {
    
}
button.nav-btn.disabled {
    color: rgba(170, 170, 170, 1);
    background: rgba(119, 119, 119, 1);
    animation: none;
}
button.nav-btn.glow.disabled {
    color: rgba(170, 170, 170, 1);
    background: rgba(119, 119, 119, 1);
    -webkit-box-shadow:inset -2px 2px 2px rgba(119, 119, 119, 1), inset 2px -2px 2px rgba(51, 51, 51, 1);
    -moz-box-shadow:inset -2px 2px 2px rgba(119, 119, 119, 1), inset 2px -2px 2px rgba(51, 51, 51, 1);
    box-shadow:inset -2px 2px 2px rgba(119, 119, 119, 1), inset 2px -2px 2px rgba(51, 51, 51, 1);
    animation: none;
}
.visibility-hidden {
    visibility: hidden;
}

/* Video Player GUI styles */
.jp-flat-video, .jp-flat-video * {
    margin: 3px 0 0;
}
.jp-flat-video-full {
    z-index: 1;
}
.jp-flat-video .jp-gui {
    bottom: 1px;
    left: 1px;
    width: 99.6%;
    z-index: 2;
}
.jp-flat-video .jp-control {
    background-color: #348899;
}
.jp-flat-video .jp-button {
    position: unset;
    top: 0px;
    left: 0px;
}
.jp-flat-video .jp-play-bar {
    background-color: #f2ebc7;
}
.jp-bar .jp-seek-bar, .jp-bar .jp-play-bar {
    margin: 0;
}

/* For slides not using the audio player. Allows player container to maintain its position in the layout. */
.audio-hidden {
    visibility: hidden;
}

/* For slides with no transcript. Allows transcript button to maintain its position in the layout. */
.transcript-hidden {
    visibility: hidden;
}

/* alternate column grids */
.col11-1, .col11-2, .col11-3, .col11-4, .col11-5, .col11-6, .col11-7, .col11-8, .col11-9, .col11-10, .col11-11,
.col13-1, .col13-2, .col13-3, .col13-4, .col13-5, .col13-6, .col13-7, .col13-8, .col13-9, .col13-10, .col13-11, .col13-12, .col13-13 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
}

/* 11 column grid */
.col11-1 {
    width: 9.90909090%;
}
.col11-2 {
    width: 18.18181818%;
}
.col11-3 {
    width: 27.27272727%;
}
.col11-4 {
    width: 36.36363636%;
}
.col11-5 {
    width: 45.45454545%;
}
.col11-6 {
    width: 54.54545454%;
}
.col11-7 {
    width: 63.63636363%;
}
.col11-8 {
    width: 72.72727272%;
}
.col11-9 {
    width: 81.81818181%;
}
.col11-10 {
    width: 90.90909090%;
}
.col11-11 {
    width: 100%;
}
.col11-offset-1 {
    margin-left: 9.90909090%;
}

.col11-offset-2 {
    margin-left: 18.18181818%;
}
.col11-offset-3 {
    margin-left: 27.27272727%;
}
.col11-offset-4 {
    margin-left: 36.36363636%;
}
.col11-offset-5 {
    margin-left: 45.45454545%;
}
.col11-offset-6 {
    margin-left: 54.54545454%;
}
.col11-offset-7 {
    margin-left: 63.63636363%;
}
.col11-offset-8 {
    margin-left: 72.72727272%;
}
.col11-offset-9 {
    margin-left: 81.81818181%;
}
.col11-offset-10 {
    margin-left: 90.90909090%;
}
.col11-offset-11 {
    margin-left: 100%;
}

/* 13 column grid */
.col13-1 {
    width: 7.69230769%;
}
.col13-2 {
    width: 15.38461538%;
}
.col13-3 {
    width: 23.07692307%;
}
.col13-4 {
    width: 30.76923076%;
}
.col13-5 {
    width: 38.46153846%;
}
.col13-6 {
    width: 46.15384615%;
}
.col13-7 {
    width: 53.84615384%;
}
.col13-8 {
    width: 61.53846153%;
}
.col13-9 {
    width: 69.23076923%;
}
.col13-10 {
    width: 76.92307692%;
}
.col13-11 {
    width: 84.61538461%;
}
.col13-12 {
    width: 92.30769230%;
}
.col13-13 {
    width: 100%;
}
.col13-offset-1 {
    margin-left: 7.69230769%;
}
.col13-offset-2 {
    margin-left: 15.38461538%;
}
.col13-offset-3 {
    margin-left: 23.07692307%;
}
.col13-offset-4 {
    margin-left: 30.76923076%;
}
.col13-offset-5 {
    margin-left: 38.46153846%;
}
.col13-offset-6 {
    margin-left: 46.15384615%;
}
.col13-offset-7 {
    margin-left: 53.84615384%;
}
.col13-offset-8 {
    margin-left: 61.53846153%;
}
.col13-offset-9 {
    margin-left: 69.23076923%;
}
.col13-offset-10 {
    margin-left: 76.92307692%;
}
.col13-offset-11 {
    margin-left: 84.61538461%;
}
.col13-offset-12 {
    margin-left: 92.30769230%;
}
.col13-offset-13 {
    margin-left: 100%;
}

/* General Slide Styles */
.slide {
	background:url('../img/metal-bkg.jpg');
    behavior:url('../slides/PIE.htc');
    -webkit-border-left: 1px solid #dcdddf;
    -moz-border-left: 1px solid #dcdddf;
    -ms-border-left: 1px solid #dcdddf;
    -o-border-left: 1px solid #dcdddf;
    border-left: 1px solid #dcdddf;
	-webkit-box-shadow:inset 5px 5px 5px rgba(219, 219, 219, 0.6), inset -5px -5px 5px rgba(51, 51, 51, 0.6);
	-moz-box-shadow:inset 5px 5px 5px rgba(219, 219, 219, 0.6), inset -5px -5px 5px rgba(51, 51, 51, 0.6);
    box-shadow:inset 5px 5px 5px rgba(219, 219, 219, 0.6), inset -5px -5px 5px rgba(51, 51, 51, 0.6);
    height:650px;
    overflow:hidden;
    position:relative;
    width:1156px;
    }
.slide-content {
    height:575px;
    position:relative;
    }
.slide-num {
    position:absolute;
    right:0;
    top:0;
    background:#dddddd;
    padding:4px 8px;
    text-transform:uppercase;
    font-size:12px;
    /* Temp Removal - Will */
        display:none;
	}
.frame-num {
    display: none;
    position:absolute;
    left:0;
    top:0;
    background:#dddddd;
    padding:4px 8px;
    text-transform:uppercase;
    font-size:12px;
    z-index:11;
	}
.slide-content-container-yellow {
    background:#f2ebc7;
    behavior:url('../slides/PIE.htc');
    border-top-right-radius:35px;
    box-shadow:5px 5px 5px #dbdbdb, -5px -5px 5px #666;
    -webkit-box-shadow:5px 5px 5px #dbdbdb, -5px -5px 5px #666;
    -moz-box-shadow:5px 5px 5px #dbdbdb, -5px -5px 5px #666;
    height:540px;
    position:absolute;
    top:34px;
    width:1102px;
    }
.slide-content-container-gray {
    background:#373743;
    behavior:url('../slides/PIE.htc');
    border-top-right-radius:35px;
    box-shadow:5px 5px 5px #dbdbdb, -5px -5px 5px #666;
    -webkit-box-shadow:5px 5px 5px #dbdbdb, -5px -5px 5px #666;
    -moz-box-shadow:5px 5px 5px #dbdbdb, -5px -5px 5px #666;
    height:540px;
    position:absolute;
    top:34px;
    width:1102px;
    }
.slide-title {
    background:#348899;
    behavior:url('../slides/PIE.htc');
    border-bottom-right-radius:25px;
    color:#fff;
    font-family:'Open Sans', Arial, sans-serif;
    font-size:30px;
    font-weight:600;
    height:52px;
    padding:2px 40px;
    width:1000px;
    }
.slide-title .glyphicon {
    font-size:26px;
    top:2x;
    }
.content-body {
    height: 488px;
    padding: 18px 40px;
    width: 1102px;
}
/*.content-body>div.row {
    height: 100%;
}
.content-body>div.row>div {
    height: 100%;
}*/
.content-body h2 {
    font-weight: 700;
    margin: 0 0 10px;
}
.content-body h3 {
    font-size: 25px;
    font-weight: 700;
    margin: 0 0 10px;
}
.content-body  ul, .content-body p {}
.content-body  ul {
    padding-left: 18px;
}
.content-body .kc-content-container {
    padding: 0;
}
.content-body button {
    position: absolute;
    bottom: 40px;
    left: 40px;
}
.content-body .screen-container {
    margin: 0 auto;
}
.video-slide-text-container {
    height: 455px;
}
.submit-retry-buttons-container > div {
    display: inline-block;
}
.right-text-container {
    float:left;
    width:330px;
    }
.right-text-container h2 {
    font-size:20px;
    font-weight:700;
    line-height:1.5em;
    }
.right-text-container h3 {
    margin-top: 20px;
}
.right-text-container ul {
    padding-left:30px;
    }
.right-text-container li {
    font-size:15px;
    line-height:1.3em;
    margin-bottom:3px;
    }
.right-text-container p {
    font-size:16px;
    margin:20px 0 0 0;
    }
blockquote {
	margin:100px 0 0 0;
	padding:0.5em 0;
	/*quotes:"\201C""\201D""\2018""\2019";*/
    quotes: none;
	border-left:none;
    font-size: 18px;
    text-indent: 30px;
	}
blockquote:before {
	color:#348899;
	content:open-quote;
	font-size:4em;
	line-height:0.1em;
	margin-left:-32px;
	vertical-align:-0.4em;
	}
blockquote:after {
	color:#348899;
	content:close-quote;
	font-size:4em;
	line-height:0.1em;
	margin-right:0.25em;
	vertical-align:-0.4em;
	}
blockquote p {
	display:inline;
	color:#000;
    font-size: 26px !important;
	}
blockquote p span {
    font-size: 60px;
    color: #348899;
    line-height: 0px;
    vertical-align: middle;
}
.left-text-container {
    width:650px;
    padding:20px 40px;
    }
.left-text-container p, .left-text-container li {
    }
.left-column-gray-box {
    background: #dcdddf;
}
.col-grid-left-box-gray {
    background:#dcdddf;
    float:left;
    height:488px;
    }
.content-body .col-grid-left-box-gray {
    background:#dcdddf;
    float:none;
    height:auto;
    width:auto;
    }
.col-grid-left-box-gray.history.timeline {
    padding:18px 40px;
    }
.col-grid-left-box-gray.history.timeline p {
    font-size:16px;
    font-weight:normal;
    line-height:1.3em;
    }
.col-grid-left-box-gray.history {
    padding:30px;
    }
.col-grid-left-box-gray.history p {}
.col-grid-right-box-transparent {
    float:left;
    height: 488px;
}
.right-col-centered-image-container {
    display: table-cell;
    height: 488px;
    text-align: center;
    vertical-align: middle;
    width: 660px;
}

/* Tabbed Diagram Slide Audio Players: Default styles */
.tab-content-audio{
    position: absolute;
    bottom: 0;
    right: 150px;
    width:170px;
    background: url('../img/metal-bkg-small.jpg');
    border-left: 2px #C3C1C1 solid;
    border-top-left-radius: 14px;
}
.tab-content-audio .jp-flat-audio {
    width: 150px;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
    height: 20px;
}
.tabbed-diagram-container .jp-flat-audio .jp-control {
    width: 20px;
}
.tabbed-diagram-container .jp-flat-audio .jp-button,
.tabbed-diagram-container .jp-flat-audio .jp-button::before {
    width: 20px;
}
.tabbed-diagram-container .jp-flat-audio .jp-bar {
    left: 20px;
}
.tab-content-audio .jp-flat-audio .jp-button:before {
    line-height: 1;
}
.tab-content-audio .jp-flat-audio .jp-button {
    font-size: 16px;
}
.tab-content-audio .jp-flat-audio .jp-details, .tab-content-audio .jp-flat-audio .jp-timing {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 10px;
    font-weight: 300;
    line-height: 1.5;
}
.tab-content-audio .jp-flat-audio .jp-title, .tab-content-audio .jp-flat-audio .jp-duration {
    font-size: 12px;
    line-height: inherit;
}
.tab-content-audio .jp-flat-audio .jp-seek-bar.jp-seek-bar-display {
    background: #348899;
}
.tab-content-audio .jp-flat-audio {
    color: #fff;
}

/* Drag and Drop */
.match-in-column-container {
    position: relative;
}
.match-in-column-row {
    position: absolute;
    bottom: 0;
    width: 1052px;
}
.match-in-column-container .kc-content-container {
    padding: 0 15px;
    position: relative;
}
.match-in-column-container .box-container {
    background-color: gray;
    background: url('../img/metal-bkg-small.jpg');
    border: 2px #D8D1D1 solid;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    height: 385px;
    position: relative;
}
.match-in-column-container .box-containers {
    margin: 0 auto;
    width: 295px;
}
.match-in-column-container .box-containers .glyphicon-ok::before {
    color: #348899;
    margin: 0;
    position: absolute;
    top: 15px;
    left: 320px
}
.match-in-column-container .box-containers .dropAble {
    color: #348899;
    font-size: 16px;
    font-weight: 600;
    height: 55px;
    margin: 5px auto;
    padding: 15px 30px 0 15px;
    width: 295px;
}
.drag-drop-answer-container {
    position: absolute;
    left: 11px;
    top: 0px;
    width: 295px;
}
.drag-drop-answer-container ul {
    list-style: none;
    padding: 0;
}
.drag-drop-answer-container ul li {
    display: block;
    background-color: #ddd;
    border: 1px dashed #000;
    margin: 10px 0;
}
.match-in-column-container .dragAble {
    height: 55px;
    margin: 10px auto;
    padding: 0 8px;
    width: 295px;
}
.match-in-column-container .dropAble .table-cell, .match-in-column-container .dragAble .table-cell {
    height: 55px;
}
.match-in-column-container .dropAble p, .match-in-column-container .dragAble p {
    margin: 0;
    font-size: 16px;
}
.match-in-column-container .box-submit-container {
    bottom: 0;
    clear: both;
    display: block;
    height: 35px;
    margin: 10px auto;
    position: absolute;
    width: 100%;
}
.match-in-column-container .box-submit-container button.kc-quiz-button,
.match-in-column-container .box-submit-container .try-again-button {
    position: initial;
    float: none;
}
.match-in-column-container .box-submit-container .try-again-button {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: inset 2px 2px 1px #4bc6e1, inset -2px -2px 1px #1e4c56;
    -moz-box-shadow: inset 2px 2px 1px #4bc6e1, inset -2px -2px 1px #1e4c56;
    -webkit-box-shadow: inset 2px 2px 1px #4bc6e1, inset -2px -2px 1px #1e4c56;
    background: #348899;
    behavior: url('../slides/PIE.htc');
    border: none;
    color: #f2ebc7;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    overflow: visible;
    padding: 1px 15px;
    text-align: center;
}
.match-in-column-container .box-submit-container .match-btn-container {
    margin: 0 auto;
    width: 130px;
}
.match-in-column-container .box-submit-container .match-btn-container button {
    width: 130px;
    text-align: center;
    text-transform: uppercase;
}
.match-in-column-container .box-submit-container .match-btn-container button#tryAgain {
    font-size: 18px;
}
.submit-container input {
    text-transform: uppercase;
}
.match-in-column-container .box-containers .glyphicon-ok::before {
    font-family: 'Glyphicons Halflings';
}

.match-in-column-container .box-containers .moved {
    background: #348899 none repeat scroll 0 0;
    background: #348899;
    color: #f2ebc7;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 55px !important;
    margin: 5px auto;
    padding: 10px 8px;
    width: 295px;
    word-spacing: -0.12em;
    z-index: 100;
}
.drag-drop-diagram-container .drag-container .dragAble {
    z-index: 101;
}

/* Tables within Content Body (not Modals) */
.content-body table {
    color: #fff;
}
.content-body table, .content-body table th, .content-body table td {
    border: 1px solid #fff;
    padding: 10px;
}
.content-body table tr {
    background: #868a8a;
}
.content-body table tr:nth-child(even) {
    background: #585661;
}

/* Slide Module Lesson Complete */
.slide-lesson-intro-outro .module-content-right {
    padding: 40px 50px;
}

/* Menu */

.menu {
    position:absolute;
    height:520px;
    width:220px;
    background:#ffffff;
    left:-220px;
    top:55px;
    z-index:200;
    overflow:auto;
    border-right:1px solid #eeeeee;
	}
.menu.open {
    left:0;
    }
#menu ol {
    margin: 10px 0 0 0;
    padding:0;
    }
#menu ol li {
    float:left;
    width:100%;
    list-style-type:none;
    }
#menu div.menu-instruction-sticky {
    background: #348899;
    border-bottom:1px solid #eeeeee;
    color:#f2ebc7;
    display: none;
    float:left;
    font-size: 12px;
    margin: 0;
    padding:12px 24px 12px 12px;
    position: fixed;
    top: 0;
    width: 220px;
    z-index: 0;
    }
#menu.open div.menu-instruction-sticky {
    display: block;
}
#menu div.menu-instruction-sticky p {
    margin: 0;
}
#menu ol li a {
    float:left;
    width:100%;
    padding:12px 24px 12px 12px;
    border-bottom:1px solid #eeeeee;
    color:#428bca;
    }
#menu ol li a:hover {
    background:#f2f2f2;
    text-decoration: none;
    }
#menu ol li a:focus {
    outline: none;
}
#menu ol li a.disabled-link {
    color: #626c7b;
}
#menu ol li.disabled {
    color:#dddddd;
    cursor:default;
    }
#menu ol li.disabled:hover {
    background:inherit;
    }
#menu button.menu-btn { 
    background: transparent;
    behavior:url('../slides/PIE.htc');
    border:0;
    color:#fff;
    padding: 0;
    text-align: center;
    width: 20px;
    position: absolute;
    top: 0;
    right: 0;
}
#sidebar-menu .sub-menus ul li {
    background: #d9eef2;
    -webkit-border-left: 1px solid #eee;
    -moz-border-left: 1px solid #eee;
    -ms-border-left: 1px solid #eee;
    -o-border-left: 1px solid #eee;
    border-left: 1px solid #eee;
}

/* Modals */
#glossaryModal .modal-dialog {
    height: 590px;
}
#glossaryModal .modal-content {
    height: 100%;
    padding: 10px 0;
}
#glossaryModal .modal-header {
    padding: 5px 15px 15px;
}
#glossaryModal .modal-body {
    height: 530px;
}
table.sbs101-table {
    border:2px solid #348899;
    width:100%;
    }
table.sbs101-table td {
    border-bottom:2px solid #348899;
    color:#3f454c;
    height:52px;
    padding-left:30px;
    }
table.sbs101-table th {
    background:#348899;
    padding-left:30px;
    }
table.sbs101-table th h2 {
    color:#fff;
    font-size:24px;
    font-weight:800;
    margin:0;
    padding:10px 0;
    text-align:center;
    }
table.sbs101-table th h3 {
    color:#fff;
    font-size:18px;
    font-weight:800;
    margin:0;
    padding:10px 0;
    text-align:left;
    }
table.sbs101-table td.gray {
    background:#dcdcdc;
    }
table.glossary td {
    height:30px !important;
	padding-right:30px !important;
    vertical-align: top;
    }
table.resources td {
    height:34px !important;
    text-align:center !important;
    }
.clickable-modal-image {
    cursor: pointer;
}

/* Screen styles */

.screen-container {
    background:url('../img/metal-bkg-small.jpg');
    border:2px solid #727272;
    box-sizing:border-box;
    float:left;
    height:455px;
    margin:18px 30px;
    position:relative;
    width:679px;
    }
.screen-container.center {
    margin:18px auto;
    float:none;
    }
.screen-container-video {
    behavior:url('../slides/PIE.htc');
	box-shadow:inset -20px 20px 20px rgba(51, 51, 51, 0.6), inset 20px -20px 20px rgba(219, 219, 219, 0.5);
	-webkit-box-shadow:inset -20px 20px 20px rgba(51, 51, 51, 0.6), inset 20px -20px 20px rgba(219, 219, 219, 0.5);
	-moz-box-shadow:inset -20px 20px 20px rgba(51, 51, 51, 0.6), inset 20px -20px 20px rgba(219, 219, 219, 0.5);
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    height:320px;
    left:20px;
    position: absolute;
    top:20px;
    width:541px;
    }
.screen-container-video img {
    border:1px solid #333;
    height:306px;
    margin:7px;
    width:527px;
    }
.screen-image {
    background-size: cover;
    border: 1px solid #333;
    height:306px;
    margin: 7px;
    width: 527px;
}
.right-btn-container {
    height:325px;
    position:absolute;
    right:20px;
    top:15px;
    }
.right-btn-outer {
	background:#646070;
    behavior:url('../slides/PIE.htc');
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:1px 1px 1px #dbdbdb, -1px -1px 1px #333;
	-webkit-box-shadow:1px 1px 1px #dbdbdb, -1px -1px 1px #333;
	-moz-box-shadow:1px 1px 1px #dbdbdb, -1px -1px 1px #333;
	height:27px;
	margin-top:13px;
	position:relative;
	text-align: center;
	width: 82px;
    }
.right-btn-inner {
	background:#979c9c;
    behavior:url('../slides/PIE.htc');
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:inset 1px 1px 1px #bfbfbf, inset -1px -1px 1px #333;
	-webkit-box-shadow:inset 1px 1px 1px #bfbfbf, inset -1px -1px 1px #333;
	-moz-box-shadow:inset 1px 1px 1px #bfbfbf, inset -1px -1px 1px #333;
	box-sizing:border-box;
	color:#eee;
	float:left;
	font-family:Arial;
	font-size:14px;
	height:27px;
	line-height:16px;
	padding:5px;
	position:absolute;
	text-align: center;
	width:82px;
    }
.mid-btn-container {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow:inset -2px 2px 1px #333, inset 2px -2px 1px #dbdbdb;
	-webkit-box-shadow:inset -2px 2px 1px #333, inset 2px -2px 1px #dbdbdb;
	-moz-box-shadow:inset -2px 2px 1px #333, inset 2px -2px 1px #dbdbdb;
	box-sizing:border-box;
    background:#979c9c;
    behavior:url('../slides/PIE.htc');
    height:40px;
	left:20px;
    padding:10px 15px;
    position:absolute;
	top:355px;
    width:620px;
    }
.mid-btn-outer {
	background:#646070;
	behavior:url('../slides/PIE.htc');
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:1px 1px 1px #dbdbdb, -1px -1px 1px #333;
	-webkit-box-shadow:1px 1px 1px #dbdbdb, -1px -1px 1px #333;
	-moz-box-shadow:1px 1px 1px #dbdbdb, -1px -1px 1px #333;
	float:left;
	height:20px;
	margin-right:22px;
	position:relative;
	text-align: center;
	width: 131px;
    }
.mid-btn-outer.last {
    margin-right:0px;
    }
.mid-btn-inner {
	background:#868a8a;
	behavior:url('../slides/PIE.htc');
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:inset 1px 1px 1px #b5b5b5, inset -1px -1px 1px #333;
	-webkit-box-shadow:inset 1px 1px 1px #b5b5b5, inset -1px -1px 1px #333;
	-moz-box-shadow:inset 1px 1px 1px #b5b5b5, inset -1px -1px 1px #333;
	box-sizing:border-box;
	color:#eee;
	float:left;
	font-size:12px;
	font-weight:300;
	height:20px;
	line-height:13px;
	padding:4px;
	position:absolute;
	text-align: center;
	width:131px;
    }
.mid-btn-inner.selected {
    background:#348899;
    box-shadow:inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    -webkit-box-shadow:inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    -moz-box-shadow:inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    }
.bottom-btn-container-outer {
    left:10px;
    position:absolute;
    top:405px;
    }
.bottom-btn-container-inner {
	behavior:url('../slides/PIE.htc');
    box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    -webkit-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    -moz-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    box-sizing:border-box;
    background:#868a8a;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    color: #ffffff;
    float:left;
    height:30px;
    margin-left:10px;
    padding: 6px 6px 6px 12px;
    position:relative;
    width:252px;
	}
.bottom-btn-container-inner.selected {
    background:#348899;
    box-shadow:inset 2px 2px 1px #333, inset 2px 2px 1px #bbb;
    -webkit-box-shadow:inset 2px 2px 1px #333, inset 2px 2px 1px #bbb;
    -moz-box-shadow:inset 2px 2px 1px #333, inset 2px 2px 1px #bbb;
    }
.bottom-btn-circle-inner-outer {
    behavior:url('../slides/PIE.htc');
	box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
	-webkit-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
	-moz-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
	float:left;
    height:24px;
	margin-left:25px;
	margin-top:3px;
    position:relative;
    width:24px;
    }
.bottom-btn-circle-inner {
	behavior:url('../slides/PIE.htc');
    box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -webkit-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -moz-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    background:#585661;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    height:24px;
    position:relative;
    width:24px;
	}
.screen-text {
    background:#000;
    border:1px solid #333;
    height:306px;
    margin:7px;
    padding:5px;
    width:527px;
    }
.screen-text p, .screen-text li {
    color:#fff;
    font-size:16px;
    margin-top:5px;
    }
.screen-text td p, .screen-text td li {
    color:#000;
    font-size:12px;
    margin-top:3px;
    }
.screen-text td {
    border:1px solid #000;
    font-size:12px;
    padding:5px;
    }
.screen-text td.white {
    background:#fff;
    }
.screen-text td.blue {
    background:#348899;
    font-weight:800;
    text-align:center;
    }
.screen-text td.yellow {
    background:#f2ebc7;
    }
.screen-text ul {
    padding-left: 40px;
}

/* Footer */

.footer {
    height:75px;
    padding:0 25px;
    position:relative;
    width:1156px;
    }
.footer-info-box{
	behavior:url('../slides/PIE.htc');
	box-shadow:inset -2px 2px 1px #333, inset 2px -2px 1px #dbdbdb;
	-webkit-box-shadow:inset -2px 2px 1px #333, inset 2px -2px 1px #dbdbdb;
	-moz-box-shadow:inset -2px 2px 1px #333, inset 2px -2px 1px #dbdbdb;
	box-sizing:border-box;
	padding:5px 20px;
    background:#585661;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    float:left;
    height:53px;
    margin:10px 0 0 6px;
    position:relative;
    width:516px;
    }
.footer-info-box p {
    color:#fff;
    font-size:14px;
    font-weight:300;
    line-height:1.5em;
    margin-bottom:0;
    }
.footer-controls-left {
    float:left;
    margin-left:24px;
    }
.empty-audio-placeholder {
    display: block;
    height: 20px;
    margin-top: 10px;
}
.footer-audio {
    display:block;
    margin-top:10px;
    }
.footer-audio .jp-footer-audio {
    height:20px;
    margin-top:10px;
    width:248px;
    }
.footer-audio .jp-flat-audio {
    color:#fff;
    font-weight:300;
    }
.footer-audio .jp-title, .footer-audio .jp-duration {
    font-size:10px;
    }
.footer-audio .jp-flat-audio .jp-title, .footer-audio .jp-flat-audio .jp-duration {
    line-height:20px;
    }
.footer-audio .jp-flat-audio .jp-details, .footer-audio .jp-flat-audio .jp-timing {
    font-size:10px;
    line-height:20px;
    }
.footer-audio .jp-flat-audio .jp-control {
    background:#888;
    width:20px;
    }
.footer-audio .jp-flat-audio .jp-bar {
    background:#348899;
    left:20px;
    }
.footer-audio .jp-flat-audio .jp-button {
    font-size:14px;
    width:20px;
    }
.footer-audio .jp-flat-audio .jp-button:before {
    width:20px;
    line-height:21px;
    }
.footer-audio .jp-flat-audio .jp-seek-bar.jp-seek-bar-display {
    background:#348899;
    }
.footer-audio .jp-flat-audio .jp-play-bar {
    background:#68a6b3;
    }
.footer-modal-buttons {
    display:block;
    margin-top:7px;
    position:relative;
    }
.footer-modal-buttons button {
    background:#585661;
    behavior:url('../slides/PIE.htc');
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border:0;
    box-shadow:inset -2px 2px 2px #777, inset 2px -2px 2px #333;
    -webkit-box-shadow:inset -2px 2px 2px #777, inset 2px -2px 2px #333;
    -moz-box-shadow:inset -2px 2px 2px #777, inset 2px -2px 2px #333;
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:300;
    line-height:1.5em;
    margin-right:5px;
    padding:3px 8px;
    position:relative;
    text-transform:uppercase;
    }
.footer-controls-right {
    float:left;
    margin-left: 30px;
    width: 202px;
    }
.footer-transcripts {
    background: #585661;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset -2px 2px 2px #777, inset 2px -2px 2px #333;
    -moz-box-shadow: inset -2px 2px 2px #777, inset 2px -2px 2px #333;
    box-shadow: inset -2px 2px 2px #777, inset 2px -2px 2px #333;
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: 300;
    margin: 6px 0 4px;
    padding: 1px 8px;
    text-align: center;
    text-transform: uppercase;
    }
a.footer-transcripts {
    background: #585661;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset -2px 2px 2px #777, inset 2px -2px 2px #333;
    -moz-box-shadow: inset -2px 2px 2px #777, inset 2px -2px 2px #333;
    box-shadow: inset -2px 2px 2px #777, inset 2px -2px 2px #333;
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: 300;
    margin: 6px 0 4px;
    padding: 1px 8px;
    text-align: center;
    text-transform: uppercase;
    }
.footer-nav-buttons {
    display:block;
    margin-top:2px;
    }
button.nav-btn {
    background:#242424;
    behavior:url('../slides/PIE.htc');
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border:0;
    -webkit-box-shadow:inset -2px 2px 2px rgba(119, 119, 119, 1), inset 2px -2px 2px rgba(51, 51, 51, 1);
    -moz-box-shadow:inset -2px 2px 2px rgba(119, 119, 119, 1), inset 2px -2px 2px rgba(51, 51, 51, 1);
    box-shadow:inset -2px 2px 2px rgba(119, 119, 119, 1), inset 2px -2px 2px rgba(51, 51, 51, 1);
    color:#fff;
    display:inline-block;
    font-size:13px;
    font-weight:300;
    height: 34px;
    line-height:1.6em;
    margin-right:5px;
    padding:5px 10px;
    position:relative;
    text-transform:uppercase;
    }
button.nav-btn-sample {
    background:rgba(119, 119, 119, 1);
    behavior:url('../slides/PIE.htc');
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border:0;
    -webkit-box-shadow:inset -2px 2px 2px rgba(119, 119, 119, 1), inset 2px -2px 2px rgba(51, 51, 51, 1);
    -moz-box-shadow:inset -2px 2px 2px rgba(119, 119, 119, 1), inset 2px -2px 2px rgba(51, 51, 51, 1);
    box-shadow:inset -2px 2px 2px rgba(119, 119, 119, 1), inset 2px -2px 2px rgba(51, 51, 51, 1);
    color:rgba(119, 119, 119, 1);
    cursor: default;
    display:inline-block;
    font-size:13px;
    font-weight:300;
    height: 34px;
    line-height:1.6em;
    margin-right:5px;
    padding:5px 10px;
    position:relative;
    text-transform:uppercase;
    }
.btn-absolute-inner-container {
    width: 100%;
}
button.previous-btn {
    width: 112px;
    text-align: left;
}
button.next-btn {
    width: 80px;
    text-align: right;
}
button.previous-btn-sample {
    width: 112px;
    text-align: left;
}
button.next-btn-sample {
    width: 80px;
    text-align: right;
}
.footer-nav-buttons .glyphicon {
    font-size:20px;
    top:3px;
    }
.footer-logo {
    float:left;
    }
.footer-logo img {
    margin:11px 0 0 10px;
    }

/* Quiz Intro/Outro slides (Knowledge Check styles below) */
.quiz-intro-right-col-container {
    display: table-cell;
    height: 488px;
    text-align: center;
    vertical-align: middle;
    width: 660px;
}
.quiz-outro-right-col-container {
    height: 360px
}
.quiz-intro-right-col-container img {
    height: 85%;
    width: auto;
}

/* Knowledge Check Intro/Outro Slides */
.kc-complete-image-container {
    position: absolute;
    bottom: 18px;
}

/* Knowledge Checks */

.kc-progress-container {
    background:url('../img/metal-bkg-small-reverse.jpg');
    border-top-left-radius:35px;
    bottom:0px;
    padding:25px 20px 20px 20px;
    position:absolute;
    right:0px;
    width:445px;
    }
.kc-progress-row {
    height:33px;
    margin-bottom:8px;
    position:relative;
    }
.kc-progress-btn-inner {
    background:#595764;
    behavior:url('../slides/PIE.htc');
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    -webkit-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    -moz-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    color:#f2ebc7;
    float:left;
    font-weight:300;
    font-size:16px;
    height:35px;
    margin-left:10px;
    padding:2px 10px;
    position:relative;
    width:365px;
    }
.kc-progress-btn-inner.question-progress, .kc-progress-btn-inner.kc-score {
    width:385px;
    }
.kc-progress-btn-inner > .left {
    display:inline-block;
    text-align:left;
    width:77%;
    }
.kc-progress-btn-inner > .right {
    display:inline-block;
    text-align:right;
    width:20%;
    }
.kc-progress-btn-inner > div {
    vertical-align: middle;
}
.kc-progress-container-narrow {
    width: 365px;
}
.kc-progress-container-narrow .question-progress {
    width: 305px;
}
.kc-progress-circle-outer {
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    -moz-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    -webkit-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    float:left;
    margin-left:0;
    margin-top:3px;
    behavior:url('../slides/PIE.htc');
    height:24px;
    position:relative;
    width:24px;
    }
.kc-progress-circle-inner {
    background:#000;
    behavior:url('../slides/PIE.htc');
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -moz-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -webkit-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    height:24px;
    position:relative;
    width:24px;
    }
.kc-progress-circle-inner.current {
    background:#ffa51b;
    box-shadow:inset 2px 2px 2px #face91, inset -2px -2px 2px #a38233;
    -moz-box-shadow:inset 2px 2px 2px #face91, inset -2px -2px 2px #a38233;
    -webkit-box-shadow:inset 2px 2px 2px #face91, inset -2px -2px 2px #a38233;
    }
.kc-progress-circle-inner.completed{
    background:#348899;
    box-shadow:inset 2px 2px 2px #6ac8ea, inset -2px -2px 2px #014d69;
    -moz-box-shadow:inset 2px 2px 2px #6ac8ea, inset -2px -2px 2px #014d69;
    -webkit-box-shadow:inset 2px 2px 2px #6ac8ea, inset -2px -2px 2px #014d69;
    }
.kc-progress-circle-inner.incomplete{
    background:#000;
    box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -moz-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -webkit-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    }
.kc-progress-circle-inner .glyphicon-ok {
    text-align: center;
    color: transparent;
    width: 100%;
}
.kc-progress-circle-inner.completed .glyphicon-ok {
    text-align: center;
    color: #f2ebc7;
}
.kc-progress-circle-inner .glyphicon-ok::before {
    margin: 0;
}
.kc-content-container {
    padding:30px 50px;
    }
.kc-content-container h3 {
    font-weight:700;
    margin-bottom:15px;
    }
.kc-underscore {
    letter-spacing: -0.02em;
}
.kc-instructions {
    color:#348899;
    font-size:20px !important;
    font-weight:600;
    margin-bottom:10px;
    }
.kc-choices {
    cursor:pointer;
    float:left;
    margin:0 0 8px 0;
    width:100%;
    }
.kc-choice-label {
    background:#348899;
    behavior:url('../slides/PIE.htc');
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    color:#f2ebc7;
    float:left;
    font-size:22px;
    font-weight:600;
    height:30px;
    line-height:30px;
    position:relative;
    text-align:center;
    width:30px;
    }
.kc-choice-text {
    height:30px;
    font-size:20px;
    line-height:30px;
    float:left;
    padding-left:20px;
    }
button.kc-quiz-button, input.kc-quiz-button {
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    box-shadow:inset 2px 2px 1px #4bc6e1, inset -2px -2px 1px #1e4c56;
    -moz-box-shadow:inset 2px 2px 1px #4bc6e1, inset -2px -2px 1px #1e4c56;
    -webkit-box-shadow:inset 2px 2px 1px #4bc6e1, inset -2px -2px 1px #1e4c56;
    background:#348899;
    behavior:url('../slides/PIE.htc');
    border: none;
    color:#f2ebc7;
    display: inline-block;
    font-size:20px;
    font-weight:600;
    line-height: 32px;
    overflow: visible;
    padding:1px 15px;
    text-align:center;
    width: auto;
    float:left;
    }
input.kc-quiz-button.submit {
    margin-right:10px;
    }
ul.check-list {
    list-style-image:url('../img/check.png');
    padding-left: 25px !important;
    }
.check-list-glyph {
    list-style-type: none;
    padding-left: 0;
}
.check-list-glyph li:before {
    /*content: "√ ";*/
    /*content: "✓ ";*/
    content: "\2713";
    display: inline-block;
    vertical-align: top;
}
.check-list-glyph li span {
    position: relative;
    left: 10px;
    display: inline-block;
    width: 92%;
}
#kc-results {
    padding:15px;
    }
#kc-results.incorrect {
    background:none;
    }
#kc-results.correct {
    background:none;
    }
.kc-select {
    background:#000;
    }
.kc-green {
    background:#000;
    }
div.kc-block.kc-green:before {
    font-family:'Glyphicons Halflings';
    content:'\E013';
    color:#f2ebc7;
    position:absolute;
    left:3px;
    }
.kc-red {
    background:#bbb;
    }
.kc-right-image-space {
    height: 390px;
    width: 100%;
}
.dropAble {
    border:1px dashed black;
    background-color:#dddddd;
    z-index:100;
    display:inline-block;
    position:relative;
    top:5px;
    }
.dragAble {
    background:#348899;
    behavior:url('../slides/PIE.htc');
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    color:#f2ebc7;
    cursor:move;
    display:block;
    font-weight:600;
    height:32px !important;
    margin:10px 0;
    padding:5px;
    width:277px;
    z-index:100;
    }
.moved {
    background: #348899 none repeat scroll 0 0;
    border-radius: 6px;
    color: #f2ebc7;
    font-weight: 600;
    height: 32px !important;
    margin: 10px 0;
    background: #348899;
    behavior: url('../slides/PIE.htc');
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #f2ebc7;
    /*cursor:move;*/
    display: inline-block;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: 600;
    height: 30px !important;
    margin: 10px 0;
    padding: 5px;
    width: 275px;
    z-index: 100;
}
#scorePanel p {
    bottom:20px;
    left:150px;
    position:absolute;
    }
h3#time {
    font-size: 16px;
    font-weight: 300;
    text-align: right !important;
}

/* Screen Container with Knowledge Check interaction */
.kc-screen-container .mid-btn-inner {
    background: #585661;
}

/* Title Slide */

.slide.title-slide {
    background:url('../img/metal-bkg-title.jpg');
    box-shadow:none;
    }
.title-box-blue {
    background:#348899;
    behavior:url('../slides/PIE.htc');
    border-top-right-radius:25px;
    height:205px;
    left:0;
    position:absolute;
    top:50px;
    width:1118px;
    }
.title-course-id {
    font-size:19px;
    color:#f2ebc7;
    font-weight:400;
    margin:20px 0 0 40px;
    }
.course-title h2 {
    font-size:65px;
    color:#fff;
    font-weight:700;
    margin:0 40px 0 40px;
    }
.title-faa-logo {
    position:absolute;
    right:30px;
    top:85px;
    }
.title-images-container {
    bottom:90px;
    margin: 0 auto;
    padding: 0 35px;
    position: absolute;
    width: 100%;
    }
.title-images {
    float:left;
    height:274px;
    width: 100%;
    background:#585661;
    behavior:url('../slides/PIE.htc');
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    box-shadow:inset 7px 7px 5px #8f8c9c, inset -7px -7px 5px #333;
    -webkit-box-shadow:inset 7px 7px 5px #8f8c9c, inset -7px -7px 5px #333;
    -moz-box-shadow:inset 7px 7px 5px #8f8c9c, inset -7px -7px 5px #333;
    box-sizing:border-box;
    cursor:pointer;
    position:relative;
    text-align:center;
    }
.title-images img {
    border:2px solid #f2ebc7;
    margin:30px 0 10px 0;
    }
.title-images div {
    border: 2px solid #f2ebc7;
    margin: 30px auto 10px;
    height: 186px;
    width: 92%;
}
.course-information-image {
    background: url('../img/title-image-01.jpg') no-repeat center;
}
.course-navigation-image {
    background: url('../img/title-image-02.jpg') no-repeat center;
}
.title-images p {
    color:#f2ebc7;
    text-transform:uppercase;
    font-size:18px;
    font-weight:300;
    }

/* Module Title Slide */

.module-title-box {
    background:#348899;
    height:574px;
    left:0;
    padding:30px;
    position:absolute;
    top:0;
    width:388px;
    z-index:10;
    }
.module-title-box h2.line1 {
    color:#fff;
    font-size:32px;
    font-weight:600;
    margin:0 0 15px;
    }
.module-title-box h2.line2 {
    color:#fff;
    font-size:32px;
    font-weight:600;
    margin:3px 0 30px 42px;
    }
.module-title-box h3 {
    color:#fff;
    font-weight:300;
    margin:30px 0 25px;
    }
.module-title-box p {
    color:#fff;
    font-weight: 300;
    }
.module-title-box ul {
    padding-left: 20px;
}
.module-title-box li {
    color:#fff;
    font-weight:300;
    }
.module-title-box img {
    border:2px solid #f3e9d0;
    width:328px;
    position: absolute;
    bottom: 30px;
    }
.screen-container.right{
    float:right;
    margin:40px 15px;
    }
.module-content-right {
    float:right;
    padding:60px 50px;
    width:714px;
    }
.module-content-right {
    color:#fff;
    font-size:20px;
    font-weight:300;    }
.module-content-right ul {
    padding-left:20px;
    }
.module-content-right li {}

/* History Slides */

.left-box-gray {
    background:#dcdddf;
    float:left;
    height:488px;
    width:440px;
    border-bottom: 1px solid #ccc;
    }
.content-body .left-box-gray {
    background:#dcdddf;
    float:none;
    height:auto;
    width:auto;
    }
.left-box-gray.history.timeline {
    padding:18px 40px;
    }
.left-box-gray.history.timeline p {}
.left-box-gray.history {
    padding:30px 30px 30px 40px;
    }
.left-box-gray.history p {}
.history-right-content {
    float:left;
    padding-top:50px;
    text-align:center;
    width:510px;
    }
.timeline-container {
    background:url('../img/metal-bkg-small.jpg');
    border-top-left-radius:35px;
    border-left: 4px #C3C1C1 solid;
    border-top: 4px #D6D6D6 solid;
    bottom:0px;
    padding:10px 20px 20px 20px;
    position:absolute;
    right:0px;
    width:152px;
    }
.timeline-btn-outer {
	background:#646070;
    behavior:url('../slides/PIE.htc');
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:1px 1px 1px #dbdbdb, -1px -1px 1px #333;
	-webkit-box-shadow:1px 1px 1px #dbdbdb, -1px -1px 1px #333;
	-moz-box-shadow:1px 1px 1px #dbdbdb, -1px -1px 1px #333;
	height:50px;
	margin-top:13px;
	position:relative;
	text-align: center;
	width:114px;
    }
.timeline-btn-inner {
	background:#64606f;
    behavior:url('../slides/PIE.htc');
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:inset 1px 1px 1px #bfbfbf, inset -1px -1px 1px #333;
	-webkit-box-shadow:inset 1px 1px 1px #bfbfbf, inset -1px -1px 1px #333;
	-moz-box-shadow:inset 1px 1px 1px #bfbfbf, inset -1px -1px 1px #333;
	box-sizing:border-box;
	color:#eee;
	float:left;
	font-family:Arial;
	font-size:16px;
	height:50px;
	line-height:40px;
	padding:5px;
	position:absolute;
	text-align: center;
	width:114px;
    }
.timeline-btn-inner.selected {
    background:#348899;
    box-shadow:inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    -moz-box-shadow:inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    -webkit-box-shadow:inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    }
.timeline-arrow {
    position:absolute;
    right:110px;
    top:140px;
    z-index:10;
    }

/* Slides Tabbed Diagrams pages */
.history-sbs-container-temporary {
    padding: 0;
}
.tabbed-diagram-container {
    padding: 0;
}
.tabbed-diagram-container .tab-contents .history > ul {
    padding: 0 0 0 17px;
}
.right-box-yellow {
    float: left;
    height: 488px;
    text-align: center;
    width: 514px;
}
.tab-btn {
    background: #646070;
    behavior: url('../slides/PIE.htc');
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px #dbdbdb, -1px -1px 1px #333;
    -moz-box-shadow: 1px 1px 1px #dbdbdb, -1px -1px 1px #333;
    box-shadow: 1px 1px 1px #dbdbdb, -1px -1px 1px #333;
    height: 50px;
    margin-top: 13px;
    position: relative;
    text-align: center;
    border-color: #9c9ba1;
    width: 114px;
}
.tab-btn:hover, button.btn-primary.active.tab-btn {
    background: #348899;
    -webkit-box-shadow: inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    -moz-box-shadow: inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    box-shadow: inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
}
.timeline-container .hm-btn-inner {
    background: #646070;
    behavior: url('../slides/PIE.htc');
    border: 1px solid #9c9ba1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px #dbdbdb, -1px -1px 1px #333;
    -moz-box-shadow: 1px 1px 1px #dbdbdb, -1px -1px 1px #333;
    box-shadow: 1px 1px 1px #dbdbdb, -1px -1px 1px #333;
    font-size: 12px;
    height: 50px;
    margin-top: 13px;
    position: relative;
    text-align: center;
    border-color: #9c9ba1;
    width: 114px;
}
.timeline-container .hm-btn-inner:hover {
    background: #348899;
    border-color: #204d74;
    -webkit-box-shadow: inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    -moz-box-shadow: inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    box-shadow: inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
}
.timeline-container .hm-btn-inner[disabled] {
    --webkit-box-shadow: none;
    box-shadow: none;
    color: #dedede;
    cursor: not-allowed;
}
.timeline-container .hm-btn-inner[disabled]:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
    --webkit-box-shadow: inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
    box-shadow: inset 1px 1px 1px #50cfe9, inset -1px -1px 1px #1a444d;
}
.btn-primary[disabled] {
    background-color: #b1b6b6;
    border-color: gray;
}
.btn[disabled] {
    opacity: 1;
    color: #dedede;
}
.tabbed-slide-image-container {
    height: 488px;
    width: 514px;
}
.image-history-sbs-flyover {
    border: 2px solid #348899;
}

/* Slide Benefits of SBS */
.benefits-of-sbs-container .col-xs-1, .benefits-of-sbs-container .col-xs-2, .benefits-of-sbs-container .col-xs-3, .benefits-of-sbs-container .col-xs-4, .benefits-of-sbs-container .col-xs-5, .benefits-of-sbs-container .col-xs-6, .benefits-of-sbs-container .col-xs-7, .benefits-of-sbs-container .col-xs-8, .benefits-of-sbs-container .col-xs-9, .benefits-of-sbs-container .col-xs-10, .benefits-of-sbs-container .col-xs-11, .benefits-of-sbs-container .col-xs-12 {
    float: right;
}
.benefits-of-sbs-container .content-body table,
.benefits-of-sbs-container .content-body th,
.benefits-of-sbs-container .content-body td {
    border: 1px solid #000;
    padding: 5px;
}
.benefits-of-sbs-container .screen-text tr:first-child td:first-child {
    background: #000;
}
.benefits-of-sbs-container .screen-text td {
    border: 1px solid #000;
    color: #000;
    font-size: 12px;
    padding: 5px;
}
.benefits-of-sbs-container .right-text-container {
    height: 455px;
}
.benefits-of-sbs-container .right-text-container .table-cell {
    height: 455px;
}
.benefits-of-sbs-container .right-text-container blockquote {
    margin: 0;
}
.benefits-of-sbs-container .right-text-container h3 {
    margin:0 0 10px;
}
.benefits-of-sbs-container .right-text-container p {
    margin: 0 0 12px;
}
.benefits-of-sbs-container .right-text-container p.instruction-text {
    margin: 20px 0 0;
}
.benefits-of-sbs-container .mid-btn-inner {
    position: initial;
    top: 0;
    left: 0;
}
.benefits-of-sbs-container .right-text-container .tab-contents {
    height: 455px;
    overflow-x: unset;
    overflow-y: auto;
    padding-right: 20px;
}

/* Side Knowledge Check - Purpose of SBS */
.kc-sbs-purpose-container .dragAble {
    font-size: 14px;
    padding: 7px;
}
.kc-sbs-purpose-container .moved {
    font-family:'Open Sans', Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 4px;
    padding: 2px 5px;
    vertical-align: bottom;
}
.kc-sbs-purpose-container .glyphicon-ok::before {
    content: "\e013";
    font-family: "Glyphicons Halflings";
    padding-right: 5px;
}

/* Slide Knowledge Check - SBS Update Rate */
.kc-update-rate-container {}

/* Slide Satellite Network */
.lssn2-gps-satellite-left-box {
    background: #ffffff;
    float: left;
    height: 488px;
    width: 624px
}
.satellite-image-background {
    background: url('../img/satellite-network-image.png') no-repeat scroll #ffffff;
    background-position: center;
}
.lssn2-gps-satellite-right-box {
    float: left;
    font-size: 22px;
    height: 488px;
    width: 478px;
}
.satellite-levels-container {
    background: #585661;
    color: #ffffff;
    font-weight: 600;
    margin: 30px 0;
    padding: 10px 30px;
}
.satellite-levels-container-middle {
    margin: 45px 0;
}
.satellite-levels-container p {
    margin: 0;
}
.satellite-levels-container ul {
    margin: 0;
    list-style: disc outside none;
    padding-left: 55px;
}

/* Slide Modes of Tracking */
.tracking-mode-content-container {
    height: 488px;
    position: relative;
}
.tracking-mode-container {
    background:url('../img/metal-bkg-small.jpg');
    border:2px solid #727272;
    box-sizing:border-box;
    float:left;
    height:422px;
    margin-top:18px;
    position:relative;
    width:30.76923076%;
}
.tracking-mode-display-container {
    background: #c8c7c6;
    -moz-box-shadow:inset -4px 4px 4px #777, inset 4px -4px 4px #333;
    -webkit-box-shadow:inset -4px 4px 4px #777, inset 4px -4px 4px #333;
  box-shadow:inset -4px 4px 4px #777, inset 4px -4px 4px #333;
  margin: 20px auto;
    padding: 20px 0;
    width: 90%;
}
.tracking-mode-display {
    background: #585661;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
  border-radius:12px;
  -moz-box-shadow:2px 2px 2px #dbdbdb, -2px -2px 2px #666;
  -webkit-box-shadow:2px 2px 2px #dbdbdb, -2px -2px 2px #666;
  box-shadow:2px 2px 2px #dbdbdb, -2px -2px 2px #666;
  display: table;
    height: 112px;
    margin: 0 auto;
    width: 90%;
}
.tracking-mode-display-text {
    color: #ffffff;
    display: table-cell;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
}
/*.tracking-mode-display-bottom-row {
    height: 20px;
    margin: 6px auto;
    position: relative;
    width: 90%;
}*/
.tracking-mode-display-circle-outer {
    -webkit-border-radius:12px;
        -moz-border-radius:12px;
    border-radius:12px;
    -webkit-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
        -moz-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
        box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
        display: inline-block;
        margin-left:0;
        margin-top:3px;
    behavior:url('../slides/PIE.htc');
    height:24px;
    position:relative;
    width:24px;
    }
.tracking-mode-display-circle-inner {
    background:#000;
    behavior:url('../slides/PIE.htc');
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    -webkit-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -moz-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    height:24px;
    position:relative;
    width:24px;
    }
.tracking-mode-display-circle-inner.current {
    background:#ffa51b;
    -webkit-box-shadow:inset 2px 2px 2px #face91, inset -2px -2px 2px #a38233;
    -moz-box-shadow:inset 2px 2px 2px #face91, inset -2px -2px 2px #a38233;
    box-shadow:inset 2px 2px 2px #face91, inset -2px -2px 2px #a38233;
    }
.tracking-mode-display-circle-inner.completed{
    background:#00adec;
    -webkit-box-shadow:inset 2px 2px 2px #6ac8ea, inset -2px -2px 2px #014d69;
    -moz-box-shadow:inset 2px 2px 2px #6ac8ea, inset -2px -2px 2px #014d69;
    box-shadow:inset 2px 2px 2px #6ac8ea, inset -2px -2px 2px #014d69;
    }
.tracking-mode-display-circle-inner.incomplete{
    background:#000;
    -webkit-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -moz-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    }
.tracking-mode-display-btn-bottom-container-inner {
        background:#595764;
    behavior:url('../slides/PIE.htc');
    -moz-border-radius:10px;
        -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    -webkit-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
        box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
        color:#f2ebc7;
    display: inline-block;
    font-weight:300;
    font-size:16px;
        height:35px;
        margin-left:10px;
    padding:5px 10px;
    position:absolute;
    right: 0;
    left: 24px;
    }
.tracking-mode-display-btn-bottom-container-inner > .left {
    display:inline-block;
    text-align:left;
    width:77%;
    }
.tracking-mode-display-btn-bottom-container-inner > .right {
    display:inline-block;
    text-align:right;
    width:20%;
    }
.tracking-mode-info-box-container {
    height: 50%;
    margin: 0 auto;
    width: 90%;
}
.tracking-mode-info-box {
    background: #c8c7c6;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
  border-radius:12px;
    -moz-box-shadow: inset 3px 3px 0px #aaa, inset -3px -3px 0px #ddd;
    -webkit-box-shadow: inset 3px 3px 0px #aaa, inset -3px -3px 0px #ddd;
    box-shadow: inset 3px 3px 0px #aaa, inset -3px -3px 0px #ddd;
    display: table;
    height: 48%;
    margin: 0 0 6px;
    padding: 2px;
    width: 100%
}
.tracking-mode-info-box:last-child {
    margin: 0;
}
.tracking-mode-info-box.height-31prcnt {
    height: 31%;
}
.tracking-mode-info-box-text {
    color: #222222;
    display: table-cell;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
}
.tracking-mode-bar-bottom-row {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.tracking-mode-bar-bottom {
    background: #348899;
    -moz-border-radius:25px 25px 0 0;
    -webkit-border-radius:25px 25px 0 0;
  border-radius:25px 25px 0 0;
    color: #ffffff;
    height: 80px;
}
.tracking-mode-bar-bottom-text {
    position: absolute;
    bottom: 0;
    margin: 0 auto 15px;
    text-align: center;
    font-size: 20px;
    width: 100%;
}
.tracking-mode-bar-bottom-text a {
    color: #ffffff;
}

/* Slide Wide Area Augmentation System */
.waas-content-container {

}
.waas-content-container > .row {
    margin: 0 auto;
    width: 98%;
}
.waas-content-div {}
.waas-content-image-div {
    background: url(../img/image-waas-satellite-earth-illustration.png) no-repeat;
    background-position: center;
    background-size: 112%;
    border: 1px solid #348899;
    padding-top: 50%;
}
.waas-content-text-div {
    color: #333;
    font-size: 16px;
}
.waas-content-text-div li {}

/* Slide Knowledge Check #2 Channel L1 Frequency */
.image-kc2-gps {
    background: url('../img/image-kc2-gps_png8.png') no-repeat scroll transparent;
    background-size: cover;
}
.bottom-btn-container-inner .left {
    display: inline-block;
    text-align: left;
    width: 50%;
}
.bottom-btn-container-inner .right {
    display: inline-block;
    text-align: left;
    width: 50%;
}
.right-box-transparent {
    float:left;
    height: 488px;
    width:510px;
}

/* Slide Personal Knowledge Latency - GPS Channel */
.screen-container-radio-container {
    position: absolute;
    top: 404px;
    width: 100%;
}
.screen-container-radio-container ul {
    margin: 0;
}
.screen-container-radio-container ul li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 5px;
}
.screen-container-radio-container .kc-choices {
    width: 33.33333333%;
}
.screen-container-radio-container .row button.kc-quiz-button {
    height: 30px;
    line-height: 28px;
}
.screen-container-radio-container .radio-selector-50prcnt {
    width: 50%;
}
.screen-container-radio-container .radio-selector-50prcnt .screen-container-radio-selection-container-inner {
    width: 87%;
}
.screen-container-radio-container .kc-choice-label {
    background: none;
    border: none;
    position: relative;
    width: 100%;
}
.kc-screen-container .kc-choice-label {
    margin-left: 5px;
}
.kc-screen-container .kc-choice-text {
    padding-left: 10px;
}
.screen-container-radio-circle-outer {
    behavior:url('../slides/PIE.htc');
    box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    -webkit-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    -moz-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    float:left;
    height:24px;
    margin-top:3px;
    position:relative;
    width:24px;
    }
.screen-container-radio-circle-inner {
    behavior:url('../slides/PIE.htc');
    box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -webkit-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    -moz-box-shadow:inset 2px 2px 2px #999, inset -2px -2px 2px #222;
    background:#585661;
    border-radius:12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    height:24px;
    position:relative;
    width:24px;
    }
.screen-container-radio-selection-container-inner {
    behavior:url('../slides/PIE.htc');
    box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    -webkit-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    -moz-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    box-sizing:border-box;
    background:#868a8a;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    color: #ffffff;
    height:30px;
    padding: 6px 6px 6px 12px;
    position:absolute;
    right: 0;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 300;
    width: 83%;
    }
.screen-container-radio-selection-container-inner.selected {
    background:#348899;
    box-shadow:inset 2px 2px 1px #333, inset 2px 2px 1px #bbb;
    -webkit-box-shadow:inset 2px 2px 1px #333, inset 2px 2px 1px #bbb;
    -moz-box-shadow:inset 2px 2px 1px #333, inset 2px 2px 1px #bbb;
    }
.screen-container-radio-selection-container-inner div {
    display: inline-block;
    text-align: left;
}
.screen-container-radio-selection-container-inner .left {
    width: 60%;
}
.screen-container-radio-selection-container-inner .right {
    width: 35%;
}
.right-btn-outer > .kc-quiz-button {
    border-radius: 4px;
    font-size: 18px;
    height: 100%;
    line-height: 1em;
    padding: 0;
    width: 100%;
}

/* Slide Knowledge Check #2 Satellite Count */
.kc-gps-satellite-count-container {}
.kc-gps-satellite-count-container > div.row {
    height: auto;
}
.kc-gps-satellite-count-row {
    margin: 20px 0;
}
.kc-gps-satellite-count-row div {
    display: inline-block;
    font-size: 90px;
    line-height: 1em;
    margin: 0 30px 0 0;
    text-align: center;
    vertical-align: middle;
}
.x-container {
    font-weight: lighter;
}
.kc-satellite-quantity-container {
    border: 2px solid #000;
    font-size: 60px !important;
    line-height: 1.5em !important;
    height: 96px !important;
    width: 96px !important;
}

/* Slide What is SBSS */
.what-is-sbss-container ul {}
.what-is-sbss-image-container {
    background: url(../img/mod1-l3-sbss-system-chart.png) no-repeat;
    background-position: center;
    background-size: 65%;
    width: 660px;
}

/* Slide Service Volumes */
.service-volumes-content-container > .row {
    margin: 0 auto;
    width: 98%;
}
.service-volumes-content-div {
    margin-top: 18px;
    width: 100%;
}
.service-volumes-content-image-div {
    background: url(../img/image-service-volumes-background.png) no-repeat;
    background-position: -170px 0;
    background-size: 130%;
    border: 2px solid #348899;
    padding-top: 49.8%;
}
.service-volumes-content-text-div {
    color: #333;
    font-size: 16px;
    line-height: 1.3em;
}
.service-volumes-content-text-div li {}

/* Slide Areas of Coverage */
.aoc-content-container {
    width: 1102px;
    height: 488px;
}
.aoc-coverage-row-container {
    width: 80%;
    margin: 8% auto 0;
}
.aoc-coverage-row {
    height: 290px;
}
.aoc-coverage-div-container {
    position: relative;
    height: 100%;
}
.aoc-coverage-div {
    position: absolute;
    bottom: 0;
}
.aoc-content-container img {
    width: 100%;
}
.aoc-content-container h3 {
    margin: 10px auto 0;
    text-align: center;
}

/* Slide Link Technology */
.link-technology-container {}
.link-technology-div img {
    border: 2px solid #348899;
    display: block;
    margin: 0 auto 10px;
    width: 100%;
}
.link-technology-div ul {
    font-size: 16px;
}
.link-technology-div > div {
    padding: 0 20px;
}
.link-technology-div h3.center-text {
    padding: 0;
}

/* Slide Quiz: SBS Background */
.quiz-sbs-bg-container .screen-container {
    margin: 0 auto;
}

/* Slide Quiz SBS Background - Platforms */
.quiz-sbs-bg-platforms-container .kc-choices-column {
    padding: 0;
}

/* Slide Quiz: SBS Background Match */
.quiz-sbs-bg-match-container {
    padding: 18px 0 18px 40px;
}
.quiz-sbs-bg-match-container .row {
    /*position: relative;*/
}
.quiz-sbs-bg-match-instruction-row {
    position: absolute;
    top: 70px;
}
.quiz-sbs-bg-match-div {
    background: url(../img/metal-bkg-small.jpg) no-repeat;
    background-size: cover;
    border: 2px solid #727272;
    border-right: none;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 300;
    margin: 15px 0;
    padding-top: 15px;
    padding-bottom: 15px;
}
.sbs-bg-match-content-container {
    display: inline-block;
    vertical-align: middle;
}
.sbs-bg-match-content {
    background:#595764;
  behavior:url('../slides/PIE.htc');
  -moz-border-radius:10px;
    -webkit-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
  -webkit-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    color:#f2ebc7;
    display: table-cell;
    height:90px;
  padding:15px 20px;
  vertical-align: middle;
  width: 1045px;
}
.sbs-bg-match-radio-option-container {
    display: inline-block;
    height: 50px;
    margin: 6px auto;
    vertical-align: middle;
}
.sbs-bg-match-math-symbol-container {
    display: inline-block;
    vertical-align: middle;
}
div.sbs-bg-match-math-symbol {
    font-size: 100px;
    font-weight: bold;
    line-height: 1px;
    text-align: center;
}
span.sbs-bg-match-math-symbol {
    display: inline-block;
    font-size: 120px;
    font-weight: bold;
    height: 70px;
    line-height: 0.5;
    text-align: center;
    vertical-align: middle;
    width: 110px;
    margin-top: -20px;
}
.sbs-bg-match-radio-option-circle-outer {
  -webkit-border-radius:12px;
    -moz-border-radius:12px;
  border-radius:12px;
  -webkit-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    -moz-box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    box-shadow:1px 1px 3px #ccc, -1px -1px 3px #666;
    display: inline-block;
    margin-left:0;
    margin-top:14px;
  behavior:url('../slides/PIE.htc');
  height:24px;
  position:relative;
  width:24px;
}
.sbs-bg-match-radio-option-content {
    background:#595764;
  behavior:url('../slides/PIE.htc');
  -moz-border-radius:10px;
    -webkit-border-radius:10px;
  border-radius:10px;
  -moz-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
  -webkit-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #bbb;
    color:#f2ebc7;
  display: inline-block;
    margin-left:10px;
  padding:5px 10px;
  position:absolute;
  right: 0;
  left: 39px;
}
.sbs-bg-match-radio-option-content-text {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}
.quiz-sbs-bg-match-submit-row {
    position: absolute;
    bottom: 40px;
}

/* Slide Quiz: SBS Background Airspace Domains */
.quiz-sbs-bg-airspace-domains-container {}

/* Slide Quiz: SBS Capacity Benefits */
.quiz-sbs-bg-capacity-benefits-container {}

/* Slide Quiz: SBS Background GPS */
.quiz-sbs-bg-gps-satellite-container {
    overflow: visible;
    position: relative;
}
.quiz-sbs-bg-gps-satellite-container img {
    position: absolute;
    right: 0;
}
.quiz-sbs-bg-gps-container .kc-content-container {
    padding-top: 0;
    padding-right: 20px;
}

/* Slide Quiz: SBS GPS Tracking Mode */
.quiz-sbs-bg-tracking-mode-container {}

/* Slide Quiz: SBS Background Automation Platforms */
.quiz-sbs-bg-platforms-container {}

/* Slide Quiz: SBS Background Service Volume Types */
.quiz-sbs-bg-svc-volume-container .kc-content-container {
    padding: 0;
}

.quiz-sbs-bg-complete-container .left-text-container {
    padding: 0;
}

.service-volumes-image-div {
    background: url(../img/image-service-volumes.png) no-repeat;
    background-position: -105px 0;
    background-size: 130%;
    border: 2px solid #348899;
    margin: 20px 0;
    padding-top: 49%;
    width: 100%;
}

/* Slide Mod2 L1 SBSS Overview */
.sbss-overview-container {}
.sbss-overview-image-container {
    background: url(../img/sprite-sbss-overview.png) no-repeat;
    background-position: center top;
    background-size: 100%;
    width: 510px;
}
.sbss-overview-container .timeline-arrow {
    top: 195px;
}
.sbss-overview-container .tab-btn {
    text-align: left;
}

/* Slide Mod2 KC3 Components and Data Flows */
.mod2-kc3-flow-chart-container .right-column {
    text-align: center;
}
.mod2-kc3-flow-chart-container img {
    width: 95%;
}

/* Slide Mod2 L2 ADS-B In and ADS-B Out */
.adsb-in-out-container {
    height: 488px;
    width: 1102px;
}
.adsb-in-out-right-col-container {
    padding: 30px;
}
.adsb-in-out-right-col-container table {
    color: #fff;
}
.adsb-in-out-right-col-container table, .adsb-in-out-right-col-container table th, .adsb-in-out-right-col-container table td {
    border: 1px solid #fff;
    padding: 15px 30px;
}
.adsb-in-out-right-col-container table tr {
    background: #868a8a;
}
.adsb-in-out-right-col-container table tr:nth-child(odd) {
    background: #585661;
}
.adsb-in-out-right-col-container table tr:nth-child(odd) .td-2col-right {
    background: #868a8a;
}
.adsb-in-out-right-col-container table tr:nth-child(even) .td-2col-right {
    background: #585661;
}
.adsb-in-out-right-col-container th {
    background: #348899;
    font-size: 1.5em;
    text-align: center;
    vertical-align: middle;
}
.adsb-in-out-right-col-container table td {
    text-align: left;
    vertical-align: middle;
}
.adsb-in-out-right-col-container .td-2col-left {
    width: 35%;
}

/* Slide Mod2 L2 ADS-B Out Required Airspace */
.adsb-out-req-image-container {
    display: table;
    text-align: center;
}

/* Slide Mod2 L2 SBSS Other Applications */
.sbss-other-applications-image-container {
    text-align: center;
}
.sbss-other-applications-image-container img {
    margin-bottom: 20px;
}
/* Slide Mod2 Quiz Intro */
.mod2-quiz-intro-right-col-image-container {
    /*background: url(../img/image-mod2-quiz-intro-right-col.png) no-repeat;
    background-position: center;
    background-size: 65%;*/
}

/* Slide Mod2 Quiz Question 1: Matching */
.match-in-column-container.mod2-quiz-matching-container .box-containers .glyphicon-ok::before {
    color: #348899;
    margin: 0;
    position: absolute;
    top: 15px;
    left: 320px
}
.mod2-quiz-matching-container .dragAble {
    height: 55px !important;
    padding: 4px 8px;
}
.match-in-column-container.mod2-quiz-matching-container .box-containers .moved {
    padding: 2px 6px;
}

/* Slide Mod3 SBSS Components */
.mod3-sbss-components-container {
    padding: 0;
}
.mod3-sbss-components-container .left-box-gray.history {
    padding: 18px 40px;
}
.mod3-slide-3 .timeline-arrow {
    top: 325px;
}
.mod3-slide-3 .btn-lg {}
.mod3-slide-3 .tab-btn {
    font-size: 12px;
    padding: 5px;
}
.mod3-slide-3 .tab-btn .table-cell {
    text-align: left;
    vertical-align: top;
}

/* Slide Mod3 L2 SBSM */
.sbsm-content-container {}
.sbsm-content-container > .row {
    margin: 25px auto;
 }

 /* Slide Mod3 L2 Service Status Monitoring and Analysis */
 .black-bullet-list-container {
    background: black;
    color: #DEDDDD;
    padding: 35px;
    border-bottom-left-radius: 12%;
    border-bottom: 2px gray solid;
    border-left: 2px gray solid;
    border-top: 2px gray solid;
}
/* ul.ssma ol {
    margin-left: -150px;
    padding-left: 170px;
    width: 490px;
} */
li.background-pointer-text {
    color: #DEDDDD;
    position: relative;
    z-index: 0;
}
li.background-pointer-text .pointer-text-background {
    background: #000;
    border: 2px solid gray;
    border-left: none;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    display: block;
    position: absolute;
    left: -158px;
    top: -5px;
    height: 35px;
    width: 458px;
    z-index: -1;
}

/* Slide Mod3 L1 Knowledge Check Question 1: Matching */
.mod3-kc-matching-container .dragAble {
    height: 70px !important;
    padding: 10px 8px;
}
.match-in-column-container.mod3-kc-matching-container .box-containers .dropAble {
    height: 70px;
}
.match-in-column-container.mod3-kc-matching-container .box-containers .moved {
    height: 70px !important;
    padding: 10px 7px;
}

/* Slide Mod3 SBSS Interfacing Systems */
.mod3-sbss-interfacing-systems-container .right-box-imgs {
    float: left;
    margin: 1px 0 0;
}
.mod3-sbss-interfacing-systems-container .right-box-imgs img {
    margin: 0 0 0 5px;
}

/* Slide Mod3 L2 ADPR Infrastructure */
.adpr-infrastructure-slide-container {}
#ADPRInfrastructure .modal-dialog {
    width: 995px;
    margin: 5px auto;
}
#ADPRInfrastructure .modal-dialog {}
#ADPRInfrastructure .modal-dialog .modal-body img {
    width: 100%
}

/* Slide Mod3 L2 Critical SBSS through ADPR */
.sbss-thru-adpr-container .right-box-imgs {
    float: left;
    height: 488px;
    padding: 30px;
    text-align: center;
    width: 662px;
}

/* Slide Mod3 L3 Knowledge Check Paragraph Match */
.mod3-slide-28 .dropAble {
    width: 135px;
}
.mod3-slide-28 ul li .dragAble {
    width: 135px;
}
.mod3-slide-28 .submit-container {
    margin-top: 55px;
}

/* Slide Mod3 Quiz: SBSS Components Diagram */
.mod3-slide-42 .left-box-gray ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mod3-slide-42 .drag-container {
    max-width: 232px;
}

.mod3-slide-42 .drag-container .dragAble{
    background: #585661;
    width: 100%;
    height: 43px !important;
}

.mod3-slide-42 .drag-container .dragAble p{
    line-height: 2em;
    text-align: center;
}


.mod3-slide-42 .left-box-gray ul li {
    background: #595762;
    color: #DEDDDD;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 215px;
    text-align: center;
    padding: 10px;
    height: 43px !important;
}

.mod3-slide-42 .right-box-imgs {
    background:url('../img/mod3-quiz-matching-image.png');
    background-size: 430px;
    background-repeat: no-repeat;
    background-position: 50%;
    float: right;
    margin-top: 15px;
    width: 662px;
}

.mod3-slide-42  div#drag-drop-quiz-container {
    height: 472px;
    position: relative;
}

.mod3-slide-42 #drag-drop-quiz-container div {
    position: absolute;
    width: 232px;
    height: 43px;
    opacity: 0.6;
}

.mod3-slide-42 div#one {
    top: 185px;
    left: 200px;
}

.mod3-slide-42 div#two {
    top: 263px;
    left: 200px;
}

.mod3-slide-42 div#three {
    top: 414px;
    left: 316px;
}

.mod3-slide-42 #drag-drop-quiz-container div.moved {
    background: #585661;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.9;
    margin: 0;
    opacity: 1;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    word-spacing: -0.05em;
    height: 43px !important;
}
.mod3-slide-42 #drag-drop-quiz-container div.moved::before {
    font-family: 'Glyphicons Halflings';
    margin-right: -3px;
}
.mod3-slide-42 div#one {
    top: 185px;
    left: 140px;
}

.mod3-slide-42 div#two {
    top: 275px;
    left: 200px;
}

.mod3-slide-42 div#three {
    top: 420px;
    left: 330px;
}

/* Slide Mod3 Quiz SBSS Services */
.quiz-sbss-services-container .drobAble {
    width: 240px;
    height: 30px;
}

/* Mod4 L1 SBSS Data Flows */
.mod4-slide-5 .timeline-arrow {
    top: 195px;
}

/* Mod4 L2 Intro Page */
.mod4-l2-intro-content-container > .module-content-right {
    font-size: 19px;
}

/* Mod4 L2 Target Attributes and TPMs */
.target-attributes-and-tpm-container .info-and-graphic-div {
    text-align: center;
    vertical-align: top;
}
.target-attributes-and-tpm-container .info-and-graphic-div img {
    margin-bottom: 15px;
}

/* Slide Mod4 L2 Target Attributes Interactive */
.content-body.target-attributes-interactive-container {
    padding: 0;
}
.content-body.target-attributes-interactive-container .screen-container {
    margin: 20px 13px 0 13px;
}
.target-attributes-interactive-container .left-column-gray-box {
    padding: 18px 40px;
    height: 100%;
}
.target-attributes-interactive-container .right-btn-inner {
    position: relative;
}
.target-attributes-interactive-container .side-btn-inner {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    margin-bottom: 0 !important;
    padding: 6px 5px;
    text-align: left;
    width: 82px;
    font-size: 13px;
    line-height: 1;
    background: #979c9c;
    behavior: url('../slides/PIE.htc');
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 1px 1px 1px #bfbfbf, inset -1px -1px 1px #333;
    -webkit-box-shadow: inset 1px 1px 1px #bfbfbf, inset -1px -1px 1px #333;
    -moz-box-shadow: inset 1px 1px 1px #bfbfbf, inset -1px -1px 1px #333;
    box-sizing: border-box;
    border-color: gray;
}
.target-attributes-interactive-container button.side-btn-inner:hover, .target-attributes-interactive-container button.side-btn-inner:focus,
.target-attributes-interactive-container .btn-primary.active, .target-attributes-interactive-container .btn-primary.active:hover, .target-attributes-interactive-container .btn-primary.active:focus  {
    background: #2d8a9b;
    border-color: gray;
}
.target-attributes-interactive-container .screen-container-video img {
    border: 1px solid #333;
    height: auto;
    margin: 7px;
    width: auto;
}
.target-attributes-interactive-container .tab-content-audio{
    background: #868a8a;
    border-right: 2px #C3C1C1 solid;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    bottom: -95px;
    height: 30px;
    left: 48px;
    position: absolute;
    width: 254px;
    z-index: 1;
}
.target-attributes-interactive-container .tab-content-audio .jp-flat-audio {
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #778395;
    -moz-box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #778395;
    box-shadow:inset 2px 2px 1px #333, inset -2px -2px 1px #778395;
    height: 29px;
    margin: 0;
    width: 252px;
}
.target-attributes-interactive-container .tab-content-audio .jp-flat-audio .jp-button:before {
    line-height: 1;
}
.target-attributes-interactive-container .tab-content-audio .jp-flat-audio .jp-button {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 16px;
    left:0;
    top:0;
}
.target-attributes-interactive-container .tab-content-audio .jp-flat-audio .jp-details, .tab-content-audio .jp-flat-audio .jp-timing {
     line-height: 2.25;
}

.target-attributes-interactive-container .tab-content-audio .jp-flat-audio .jp-title, .target-attributes-interactive-container .tab-content-audio .jp-flat-audio .jp-duration {
    font-size: 12px;
    line-height: 2.25;
}
.tab-content-audio .jp-flat-audio .jp-duration {
    font-size: 12px;
    line-height: 1;
}
.target-attributes-interactive-container .tab-content-audio .jp-flat-audio .jp-seek-bar {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.target-attributes-interactive-container .tab-content-audio .jp-flat-audio .jp-seek-bar.jp-seek-bar-display {
    background: #348899;
}
.target-attributes-interactive-container .tab-content-audio .jp-flat-audio {
    color: #fff;
}
.target-attributes-interactive-container .tab-content-audio .jp-flat-audio .jp-control, .jp-flat-audio .jp-button, .jp-flat-audio .jp-button::before {
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 30px;
}
.target-attributes-interactive-container .tab-content-audio .jp-flat-audio .jp-bar {
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    left: 30px;
    overflow: hidden;
}
.target-attributes-interactive-container .hm-btn-inner {
    text-align: center !important;
}

/* Mod4 L4 Asterix and CD-2 */
.asterix-and-cd2-container img {
    width: 100%;
}

/* Mod4 L4 Asterix and CD-2 */
.content-body.flight-deck-vs-display-unit-container .row { 
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
}
.content-body.flight-deck-vs-display-unit-container p {
    padding: 20px 10px;
    box-sizing: border-box;
    margin: 0;
}
.flight-deck-vs-display-unit-container .images-container {
    margin: 0 auto;
    text-align: center;
    height: 100%;
    max-width: 500px;
    background: url('../img/metal-bkg-small.jpg');
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-top: 4px #CECECE solid;
    border-right: 4px gray solid;
    border-bottom: none;
    border-left: 4px #CECECE solid;
}
.flight-deck-vs-display-unit-container .images-container span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 20px auto 45px;
    max-width: 205px;
    text-align:center;
}

/* Slide Mod4 Quiz Question 2: Matching Indicators */
.mod4-quiz-matching-indicators-container .dragAble {
    height: 55px !important;
    padding: 5px 8px;
}
.match-in-column-container.mod4-quiz-matching-indicators-container .box-containers .moved {
    padding: 4px 7px;
}

/* Slide Mod4 Quiz Question 3: Matching Parameters */
.mod4-quiz-matching-parameters-container .box-containers .dropAble {
    font-size: 17px;
    height: 98px;
    padding: 35px 0px 35px 30px;
 }
 .glyphicon-ok:before {
   margin-right: 10px;
 }
.mod4-quiz-matching-parameters-container .dragAble {
    height: 98px !important;
    padding: 25px 8px;
}
.mod4-quiz-matching-parameters-container .box-containers .moved {
    height: 98px !important;
    font-size: 16px;
    font-weight: 700px;
    padding: 23px 7px;
    word-spacing: -0.06;
}
.padding-left {
  margin-right: 5px;
}

/* Slide Mod4 SBSS: Comprehensive Diagram */
.mod4-slide-24 .timeline-arrow {
    top: 120px;
}
.mod4-slide-24 .tab-btn {
    font-size: 12px;
    height: 40px;
    margin-top: 8px;
}
.mod4-slide-24 .tab-btn .table-cell {
    text-align: left;
    vertical-align: top;
}
.mod4-slide-24 .btn-lg {
    line-height: 1.2;
    padding: 5px 12px;
}

/* Slide Course Summary Intro */
.course-summary-bodycopy-top-margin {
    margin-top: 20px;
}

/* Slide Course Conclusion */
.course-conclusion-container h2 {
    font-size: 22px;
}