
/* 
styles 
cdebrock-201609
*/

@media print {
    h1 {page-break-before: always;}
	div.layerCont {border:solid 1px lightgrey;padding-top:0;}
/*	div.NewLayerL2, div.NewLayerL3,div.NewLayerL4,div.NewLayerL5	{ border:solid 1px silver;}
*/	
}

/* layers selectors */
.toolbox {margin: 0px;padding: 5px 10px 0px 10px;font: normal 11pt Verdana, Arial, sans-serif;background-color: #ddd;}

/* general layout */
body ,html{text-align: justify;margin-right:1em;}

.tool {
	height: 20px;
	width: 80px;
	
	border-radius: 5px;
	cursor: pointer;
	padding: 0px 5px;
	margin: 0px 10px;
	
	display: inline-block;
	line-height: 20px;
	
	text-align: center;
	
	border: solid 1px rgb(212,213,214);
    background-color: rgb(249,250,251);
}

.tool:hover {
	border: solid 1px rgb(234,196,83);
	background-color: rgb(253,228,137);
}

.tool:active {
	border: solid 1px rgb(193,138,49);
	background-color: rgb(255,225,103);
}

.toolSelected {
	border: solid 1px rgb(193,138,49);
	background-color: rgb(255,216,107);
}

.toolDesactivated {
	height: 20px;
	width: 80px;
	border-radius: 5px;
	cursor: pointer;
	padding: 0px 5px;
	margin: 0px 10px;
	display: inline-block;
	line-height: 20px;
	text-align: center;
	border: solid 1px rgb(212,213,214);
    background-color: rgb(249,250,251);
	color: grey;
}

/* Layers indicators */
/* 	L2 = Additional information
	L3 = More details
	L4 = Turbojet
	L5 = Turboprop 	*/
	
div.NewLayerL2	{ box-shadow: 1px 1px 5px 0px #666; background-color:#f0f2f5;display:block;margin:0px; padding:0em; padding-bottom:0.5em;margin-top:1em;}
div.NewLayerL3	{ box-shadow: 1px 1px 5px 0px #666; background-color:#f3f5f8;display:block;margin:0px; padding:0em; padding-bottom:0.5em;margin-top:1em;}
div.NewLayerL4	{ box-shadow: 1px 1px 5px 0px #aaa; background-color:#e6f5ff;display:block;margin:0px; padding:0em; padding-bottom:0.5em;margin-top:1em;}
div.NewLayerL5	{ box-shadow: 1px 1px 5px 0px #aaa; background-color:#ffff99;display:block;margin:0px; padding:0em; padding-bottom:0.5em;margin-top:1em;}

/* div.preL2,div.preL3,div.preL4,div.preL5 { border-radius: 5px 0px 0px 0px;font:bold 8pt verdana;padding:2px;margin-top:0em;} */
div.preL2,div.preL3,div.preL4,div.preL5 { border-radius: 5px 0px 0px 0px;font-size:small;font-weight:bold; padding:2px;margin-top:0em;padding-left:0.5em;}

div.preL2  {color:#fff; 	background-color:#5a6f83;border:solid 1px #a4b3c1;}
div.preL3  {color:#fff; 	background-color:#a4b3c1;border:solid 1px #768da2;}
div.preL4  {color:#fff; 	background-color:#0077C8;border:solid 1px #004d80;}
div.preL5  {color:#fff; 	background-color:orange;border:solid 1px #e68a00;}

div.NewLayerL2	> div.layerCont {margin:0.1em;}
div.NewLayerL3	> div.layerCont {margin:0.5em;}
div.NewLayerL4	> div.layerCont {margin:0.5em;}
div.NewLayerL5	> div.layerCont {margin:0.5em;}

div.layerCont > p {margin:0.5em;}

div.compact {background-color:transparent;}
div.compact {background-color:transparent;}

hr	{height:2px;border:0;color:silver;background-color:silver;}

/* border shadows for multimedia res */
/*
img 	{ box-shadow: 1px 1px 8px 2px #777;}
video	{ box-shadow: 1px 1px 8px 2px #777;}
*/

/* Hx */

h1,h2,h3 {text-transform:uppercase;text-align:left}
/* h2 {margin-top:9pt; margin-left:28.35pt; margin-bottom:4.5pt; text-indent:-28.65pt; font-size:smaller;}
 *//* h3 {margin-top:9pt; margin-left:28.35pt; margin-bottom:4.5pt; text-indent:-28.65pt; font-size:11pt;} */
/* h3 {margin-top:9pt; margin-left:28.35pt; margin-bottom:4.5pt; text-indent:-28.65pt; font-size:smaller;}
 */
h4 {margin-top:9pt; margin-left:35.45pt; margin-bottom:4.5pt; text-indent:-35.45pt; font-size:smaller;}
h5 {margin-top:9pt; margin-left:49.65pt; margin-bottom:4.5pt; text-indent:-49.65pt; page-break-after:avoid; font-size:normal;}
h6 {margin-top:9pt; margin-left:56.7pt; margin-bottom:4.5pt; text-indent:-56.7pt; page-break-after:avoid; font-size:normal;}


/* Reviewing note */
p.REM 		{color: orange;border:dashed 1px orange; border-left:solid 10px orange; border-right:solid 10px orange; padding:0.5em;}

/* Highlight */
p.note		{font-style: italic;}
p.warning	{background-color:#3366ff; color:#fff;
	border:1px solid #6666ff; border-radius: 5px; 
	font-style: normal; font-weight: normal; font-size:larger;
	width:80%;
	padding:0.8em; margin-left:auto; margin-right:auto;
	box-shadow: 1px 1px 5px 0px #aaa;
	}
p.FT 	{background-color:tomato; color:#fff;}
	
/* highlight - Turboprop specific */
p.prop::before {content:'Turboprop';font-style:normal;font-weight:normal;border:solid 1px #ddd;background-color:orange; color:white; padding:0px 5px;}
/* highlight - Turbojet specific */
p.jet::before {content:'Turbojet';font-style:normal;_font-weight:normal;border:solid 1px #ddd;background-color:#0080ff; color:white; padding:0px 5px;}

/* rendering of "see in context" back-links */
p.warning > a {font-weight:normal;font-style:normal;color:#c6c6ec; }

/* between section */
p.vspacer {height:50px;}

p.footer {text-align:right; font-size:normal;color:gray;}

/* image layout. Force width to xx% of avail space, default to 60% */
p.w33 > img {width:33%}
p.w50 > img {width:49%}
p.w80 > img {width:80%}
.noshadow {box-shadow: none;}

video {width:60%}
video.w35 {width:35%}

/* Mainly for chapter 8 */
dl {padding-left:2em;border:solid 1px #ddd;}
dt {font-weight:bold;margin-top:1em;text-decoration:underline;}
dd {padding-right:1em;padding-bottom:1em;}


/* procedure layout */
table.proc 	{border:solid 1px #000; border-collapse:collapse;margin-right:auto; margin-left:auto; width:95%;}
table.proc th 	{height:4em;text-align:center}
table.proc tr 	{height:3.5em;}
table.proc td 	{margin:20px;}
p.header0	{font-size:large;}
tr.header1 	{text-align:center;font-weight:bold;}
tr.header2 	{text-align:center;font-weight:bold;background-color:#ddd;}
tr.note	{text-align:left;font-style:italic;height:3em;vertical-align:top;}
td.noborderBott{border-bottom:none;}
td.noborderTop {border-top:none; padding:0em 1em;}
td.marginL		{width:10px}
td.chalresp	{background-image:url('dot.gif'); background-repeat: repeat-x;background-position:left center;}
.chal		{padding-left:0px;background:#fff; float:left;}
.resp		{padding:3px 6px;margin-right:0px;background:#fff; float:right;}