@charset "UTF-8";
/* CSS Document */

/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');

/* ==== Icomoon font ==== */

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?mqobbc');
	src:url('../fonts/icomoon.eot?#iefixmqobbc') format('embedded-opentype'),
		url('../fonts/icomoon.woff?mqobbc') format('woff'),
		url('../fonts/icomoon.ttf?mqobbc') format('truetype'),
		url('../fonts/icomoon.svg?mqobbc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-radio-checked:before {
	content: "\ea54";
}

.icon-radio-unchecked:before {
	content: "\ea56";
}

/* ==== END: Icomoon font ==== */

*{
	padding:0;
	margin:0;
}

body {
    width: 100%;
    height: 100%;
    color: #333;
	/* font-family: 'Trebuchet MS',Verdana,'Lato',sans-serif; */
	font-family: 'Lato',sans-serif;
	font-size: 1.5rem; /* was 1.75rem */
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

/* enable this to fade in entire section - see main.js - init */
#wrapper { display: none; } 

.container-fluid {
	width:100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

section {
	padding-top: 3rem;
	padding-bottom: 6rem; 
}

.page { border-top: 6px solid #D9A459; }
.page2 { border-top: 6px solid #33cc33; } /* in-flight: module 2 */
.page3 { border-top: 6px solid #FD3B3B; } /* in-flight: module 3 */
.page5 { border-top: 6px solid #47D422; } /* ground: module 2 */
.page7 { border-top: 6px solid #ED652D; } /* ground: module 4 */
.page8 { border-top: 6px solid #BEB500; } /* ground: module 5 */
.page9 { border-top: 6px solid #318B9C; } /* ground: module 6 */

.page-menu { border-top: 6px solid #2E9CD9; }

.page-even {
	background: url(../media/img/bk.gif) center repeat-y;
}

/* ===========================
--- Intro page
============================ */

.intro {
	width:100%;
	height: 100%;
	position:relative;
}

#intro{ background-size: cover; }

.intro .slogan {
	position:relative;
	top: 30%;
	/*padding:180px 0 60px;*/
	text-align: center;
}
.intro .slogan h2 {
	color: #fff;
	line-height: 1.1em;
	margin-bottom: 10px;
	font-size: 40px;
	text-shadow: 2px 2px 12px rgba(0, 0, 0, .5);
}
.intro .slogan .section-name {
	color: #eee;
	margin-bottom: 30px;
	font-size: 24px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
}

.intro .slogan .ghost {
	color: rgba(255, 255, 255, .25);
	margin-bottom: -4px;
	font-size: 24px;
}
.intro .slogan .ghost-title {
	color: rgba(255, 255, 255, .25);
	margin-bottom: -24px;
	font-size: 24px;
}

/* ===========================
--- Nav bar
============================ */

.nav-effect{
    -webkit-box-shadow: 0 4px 6px 0px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 4px 6px 0px rgba(0,0,0,0.5);
            box-shadow: 0 4px 6px 0px rgba(0,0,0,0.5);
}

/* ===========================
--- Section End
============================ */

#section-end {
	margin-bottom: -4rem;
}

/* ===========================
--- Footer
============================ */
footer {
	padding: 40px 0 ;
	color: #fff;
	
}
footer p {
	color: #f8f8f8;
	font-size: 1em; /* was 1.55rem */
	line-height: 22px; 
	padding-top: 10px;
	padding-bottom: 10px;
}

footer a {
	color: #fefefe;
}

footer a:hover {
	color: #fff;
}

.border-left {
	border-left: 2px solid #fff;
}

/* ===========================
--- Scroll buttons at bottom
============================ */
#scrollbuttondown {
    position: fixed;
    bottom: 0px;
    right: 0;
	width: 46px;
	height: 40px;
	padding: 10px;
	padding-left: 14px;
}

#scrollbuttonup {
    position: fixed;
    bottom: 0;
    right: 47px;
	width: 46px;
	height: 40px;
	padding: 10px;
	padding-left: 14px;
	display: none;
}

.scrollbtn-enabled { color: #fff; }
/* changed hover from #AAA to #fff - iOS retains hover style after touch */
.scrollbtn-enabled:hover { color: #fff; }
.scrollbtn-menu { background-color: #2A69E6; }
.scrollbtn-sectionA { background-color: #D9A459; }
.scrollbtn-sectionB { background-color: #33cc33; }
.scrollbtn-sectionC { background-color: #FD3B3B; }
.scrollbtn-sectionE { background-color: #47D422; }
.scrollbtn-sectionG { background-color: #ED652D; }
.scrollbtn-sectionH { background-color: #BEB500; }
.scrollbtn-sectionI { background-color: #318B9C; }

.scrollbtn-disabled {
	color: #fff;
	background-color: #EBEBEB;
}

/* ===========================
--- Standard image container
============================ */
.std-img {
	background: #ffffff;
	border: 1px solid #666666;
	padding: 20px;
	margin-bottom: 10px;
}

.std-img p.subtitle {
	color: #666666;
	font-size: 1em; /* was 1.5rem */
	margin-bottom: 10px;
}

.text-img {
	background: #444;
	color: #fff;
	font-size: 1.5rem;
	padding: 20px;
	margin-bottom: 6px;
}

/* ===========================
--- Dot navigation styles
============================ */
.dotstyle ul {
	position: fixed;
	top: 35%;
	left: 96%;
	width: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: default;
}

.dotstyle li {
	position: relative;
	width: 16px;
	height: 16px;
	margin-bottom: 14px;
	cursor: pointer;
	display: none;
}

.dotstyle li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #fff;
	background-color: rgba(64, 64, 64, 0.3);
	text-indent: -999em; /* make the text accessible to screen readers */
	cursor: pointer;
	position: absolute;
}

.dotstyle li a:focus {
	outline: none;
}

.dotstyle-stroke li a {
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
	-webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease;
	transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.dotstyle-stroke li a:hover,
.dotstyle-stroke li a:focus {
	background-color: #333;
}

.dotstyle-stroke li.current a {
	background-color: rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 0 2px #666;
	cursor: default;
}

/* ===========================
--- Quiz mods
============================ */

#quiz, #planQuiz { padding-top: 25%; }
#quiz2 { padding-top: 15%; }
#accDB { padding-top: 5%; }
.quiz-items a { color: #107EB4; }
.quiz-items a:hover {
	color: #1BBAF0;
	/*text-decoration: none;*/
}
.quiz-multi a { color: #107EB4; }
.quiz-multi a:hover {
	color: #1BBAF0;
	/*text-decoration: none;*/
}
.quiz-multi2 a { color: #107EB4; }
.quiz-multi2 a:hover {
	color: #1BBAF0;
	/*text-decoration: none;*/
}

.multi-pad {
	margin-left: 10px;
	margin-right: 10px;
}
.multi-pad a { color: #107EB4; }
.multi-pad a:hover {
	color: #1BBAF0;
	/*text-decoration: none;*/
}
.quiz-img { display: inline; }

/* ===========================
--- Bootstrap rule mods
============================ */
/* font size for all panels: RIs, PARs, Warnings, etc */
.panel-body {
	font-size: 1.6rem;
}
/* darkens border/rule under page content headline */
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #999;
}
/* overrides the default max-width setting of all popovers */
.popover {
	max-width: none;
}

/* ===========================
--- Misc
============================ */
.navbar { filter: none !important; }

.img-second { margin-top: 10px; }
.img-pad { padding-bottom: 10px; }
.control-panel { margin-top: 10px; }
.cues { margin-top: -20px; }
/* adds space at top of left col. to line up with page text at right */
.leftpad { padding-top: 4rem; }
.bottom-pad { padding-bottom: 2rem; }
.bottom-pad2 { padding-bottom: 2rem; }
.top-btm-pad {
	padding-top: 2rem;
	padding-bottom: 1.5rem;
}
/* moves text away from the graphic divider on even number pages */
.pg-right-pad { padding-left: 2rem; }
.strong { font-weight: bold; }

.txt-sm { font-size: 1.5 rem; }
.tbl-sm { font-size: 1.0 rem; }
.txt-red { color:#C43D3F; }
.txt-white { color:#FFF; }
.txt-light { color:#929090; }
.indent { padding-left: 50px; }
.indent50 { padding-left: 40px; }
.indent100 { padding-left: 100px; left:50%; }
.right-border { border-right: 1px solid #666; }
.level { margin-top: 0; }
.tight { margin-top: -14px; }
.tight-left { margin-left: -14px; }
.tight2 { margin-bottom: -14px; }
.sep { border-top: 1px solid #333; }

/* adjusts size of modal dialog (home page only) */
#lastVisitDlg {
	padding-top: 20%;
}

.hint {
	font-size: 1.5rem;
	color: #666;
}

.highlight-block {
	background: #ececec;
	padding: 12px;
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.typeI { color: #ff6600; }
.typeII { color: #e7e13e; }
.typeIII { color: #ccff00; }
.typeIV { color: #00cc66; }

/* style for all inline text popovers */
.inline-popover {
	color: #34A13B;
	font-weight:bold;
	cursor: pointer;	
}

/* used to re-align "home" pick on navbar */
.home-pick {
	position:relative;
	top: -2px;
}

#download_container {
    position:relative;
    text-align:center;
}

.download {
	color: #fff;
    position:absolute;
    bottom:2px;
    right:10px;
	font-size: 2em;
}

@media only screen and (max-width : 768px) {
	.intro .slogan h2 { font-size: 28px; }
	.intro .slogan {
		padding-left: 16px;
		padding-right: 16px;
	}
	.intro .slogan .ghost-title, .intro .slogan .ghost { font-size: 20px; }
	.intro .slogan .section-name { font-size: 22px; }
	.page-even  { background: #FFFFFF; }
	.pg-right-pad { padding-left: 0; }
	.dotstyle ul { display: none; } /* hide dots at lower sizes */
	.bottom-pad { padding-bottom: 0; margin-bottom: -2rem; }
	.indent { padding-left: 20px; }
	.menu-text { display: none; }
	.menu-icon { display: block; }
	.footnote { margin-top: 2em; }
}

@media only screen and (max-width : 568px) {
	#scrollbuttonup { display: none; }
	#scrollbuttondown { display: none; }
}

@media only screen and (max-width : 480px) {
	.menu-text { display: none; }
	.menu-icon { display: block; }
	.indent { padding-left: 0px; }
}

.menu-row {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #333;
}

.menu-item { 	
	/*letter-spacing: 0.0625em;*/
	background: #EBEBEB;	
}
.menu-item:hover {
	/* background-color: #D2EEFF; */
	background-color: #ddd;
	cursor: pointer;
}

.menu-left-border {
	border-left: 1px solid #333;
}

.menu-row-mod1 {
	color: #C37F14;
	background-color: #EBEBEB;
}

.menu-row-mod2 {
	color: #479b47;
	background-color: #EBEBEB;
}

.menu-row-mod3 {
	color: #B81013;
	background-color: #EBEBEB;
}

.menu-row-mod4 {
	color: #336699;
	background-color: #EBEBEB;
}
.menu-row-mod5 {
	color: #B2420D;
	background-color: #EBEBEB;
}
.menu-row-mod6 {
	color: #9C8D00;
	background-color: #EBEBEB;
}
.menu-row-mod7 {
	color: #06CADF;
	background-color: #EBEBEB;
}

.menu-row-gray {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #333;
	background: #EBEBEB;	
}

.not-viewed {
	display: none;
}
/* ===========================
--- HOT tables
============================ */
.legend-danger {
	margin-left: 16px;
	background-color: #FFC8C9;
	border: 1px solid #000;
}
.legend-warning {
	margin-left: 16px;
	background-color: #FFFEDE;
	border: 1px solid #000;
}
.legend-info {
	margin-left: 16px;
	background-color: #D1F2FF;
	border: 1px solid #000;
}
.legend-success {
	margin-left: 16px;
	background-color: #C9EDD6;
	border: 1px solid #000;
}
.legend-pink {
	margin-left: 16px;
	background-color: #F9AAD4;
	border: 1px solid #000;
}

/* ===========================
--- Section background colors
============================ */
.bg-white { background: #fff; }
.bg-gray { background: #EBEBEB; } /* was #f8f8f8; */
.bg-med { background: #cccccc; }
.bg-dark { background: #575757; }
.bg-ltorange { background: #FFEBD4; }
.bg-ltblue { background-color: #D2F6FF; }
.bg-ltgreen { background-color: #BAFFC1; }
.bg-ltolive { background-color: #E3E88E; }
.bg-pink { background-color: #F9AAD4; }
.bg-yellow { background-color: #F6F91F; }
.bg-orange { background: #F9C342; }
.bg-red { background: #ED4D50; }
.bg-blue { background: #1A499B; }
.bg-midblue { background: #0894E1; }
.bg-cyanblue { background: #336699; }
.bg-brown { background: #BC8627; }
.bg-olive { background: #9E9E3D; }

.bg-home { background: url('../media/bkgnds/home_bkgnd.jpg')}
.bg-help { background: url('../media/bkgnds/help_bkgnd.jpg')}
.bg-menuA { background: url('../media/bkgnds/inflight_bkgnd.jpg')}
.bg-menuB { background: url('../media/bkgnds/ground_bkgnd.jpg')}
.bg-sectionA { background-color: #C37F14; }
.bg-sectionB { background-color: #479b47; }
.bg-sectionC { background-color: #33cc33; }
.bg-sectionD { background-color: #B81013; }
.bg-sectionG1 { background-color: #336699; }  /* border accent: .page-menu, scrollbtn-menu */
.bg-sectionG2 { background-color: #33750D; }  /* border accent: .page5, scrollbtn-sectionE */
.bg-sectionG3 { background-color: #FFB100; }	  /* not used */
.bg-sectionG4 { background-color: #B2420D; }  /* border accent: .page7, scrollbtn-sectionG */
.bg-sectionG5 { background-color: #9C8D00; }  /* border accent: .page8, scrollbtn-sectionH */
.bg-sectionG6 { background-color: #06CADF; }  /* border accent: .page9, scrollbtn-sectionI */