/*
 * Course: SY110 - Introduction to Cyber Security - Technical Foundations
 * File: home.css
 * Description: Course CSS
 */

/*
 * TODO
 * - Fix all the damn negative text-indent crap
 */

/* Import CSS */
@import "code.css";
@import "print.css";
@import "screen.css";

body {
	font-family:Helvetica, sans-serif;
	font-size:10pt;
	margin-left:5em;
	margin-right:5em;
	margin-top:2em;
	margin-bottom:2em;
	color:#000084;
	background:#FFFFFF;
}

a:link {
	color:#000084;
}
a:visited {
	color:#000084;
}
a:active {
	color:#000084;
}
a:hover {
	color:#AAAAAA;
}

a.bare {
	text-decoration:none;
	border-style:none;
}

ul {
	margin-bottom:10px;
	margin:1.0em 0;
	padding:0 0 0 40px;
}

li {
	margin-bottom:8px;
}

h1 {
	font-size:1.2em;
	font-weight:bold;
	border-bottom-style:solid;
	margin-left:-3em;
}

h2 {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0em;
	margin-left:-3em;
}

h3 {
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:0em;
	margin-left:-1.5em;
}

sup {
	font-size:0.6em;
}

sub {
	font-size:0.6em;
}

.majorlist > li {
	margin-bottom:0.5em;
}

.quotation {
	margin:0.5em;
	font-family:Average, serif;
}

div.figure {
	padding:1em;
}

.bareannotation{
	float:right;
	border:solid;
	border-width:1px;
	/*font-size:0.8em;*/
	padding:0.5em;
	margin-right:0em;
	margin-bottom:0.5em;
	margin-left:0.5em;
	margin-top:0.5em;
}

.barespanannotation{
	float:center;
	border:solid;
	border-width:1px;
	/*font-size:0.8em;*/
	padding:0.5em;
	margin-right:0.5em;
	margin-bottom:0.5em;
	margin-left:0.5em;
	margin-top:0.5em;
}

.annotation:before {
	content:"Note:";
	font-weight:bold;
}
.annotation {
	float:right;
	border:solid;
	border-width:1px;
	/*font-size:0.8em;*/
	padding:0.5em;
	margin-right:0em;
	margin-bottom:0.5em;
	margin-left:0.5em;
	margin-top:0.5em;
	width:30em;
}
.annotation H1 {
	font-size:1em;
	font-weight:bold;
	display:inline;
	margin:0em;
	text-decoration:none;
	border-style:none;
}

.spanannotation:before {
	content:"Note:";
	font-weight:bold;
}
.spanannotation {
	float:center;
	border:solid;
	border-width:1px;
	/*font-size:0.8em;*/
	padding:0.5em;
	margin-right:0.5em;
	margin-bottom:0.5em;
	margin-left:0.5em;
	margin-top:0.5em;
}

.fleet:before {
	content:"In the Fleet:";
	font-size:1.2em;
	font-weight:bold;
}

.fleet {
	float:right;
	border:solid;
	border-width:6px;
	border-color:#FFD633;
	border-radius:10px;
	background-color:#eeeeee;
	box-shadow:10px 10px 5px #888888;
	padding:0.5em;
	margin-right:0em;
	margin-bottom:0.75em;
	margin-left:0.75em;
	margin-top:1em;
	width:30em;
}
.fleet H1 {
	font-size:1em;
	font-weight:bold;
	display:inline;
	margin:0em;
	text-decoration:none;
	border-style:none;
}

.spanfleet:before {
	content:"In the Fleet:";
	font-size:1.2em;
	font-weight:bold;
	/*color:#ffd119;*/
	/*text-shadow:0 0 0.1em #000084;*/
}
.spanfleet {
	float:center;
	border:solid;
	border-width:6px;
	border-color:#FFD633;
	border-radius:10px;
	background-color:#eeeeee;
	box-shadow:10px 10px 5px #888888;
	padding:0.5em;
	margin-right:0em;
	margin-bottom:0.75em;
	margin-left:0.75em;
	margin-top:1em;
}
.spanfleet H1 {
	font-size:1em;
	font-weight:bold;
	display:inline;
	margin:0em;
	text-decoration:none;
	border-style:none;
}

.corps:before {
	content:"In the Corps:";
	font-size:1.2em;
	font-weight:bold;
}

.corps {
	float:right;
	border:solid;
	border-width:6px;
	border-color:#b38c0a;
	border-radius:10px;
	background-color:#ffd3cc;
	box-shadow:10px 10px 5px #888888;
	padding:0.5em;
	margin-right:0em;
	margin-bottom:0.75em;
	margin-left:0.75em;
	margin-top:1em;
	width:30em;
	color:#ff2400;
}
.corps H1 {
	font-size:1em;
	font-weight:bold;
	display:inline;
	margin:0em;
	text-decoration:none;
	border-style:none;
}
.corps A:active, .corps A:link, .corps A:visited {
	color:#ff2400;
}
.corps A:hover {
	color:#aaaaaa;
}

.news:before {
	font-family:Times,serif;
	content:"In the News:";
	font-size:1.2em;
	font-weight:bold;
}
.news {
	float:right;
	border:solid;
	border-width:3px;
	border-color:#000000;
	border-radius:10px;
	background-color:#f9f9f9;
	box-shadow:10px 10px 5px #888888;
	padding:0.5em;
	margin-right:0em;
	margin-bottom:0.75em;
	margin-left:0.75em;
	margin-top:1em;
	width:30em;
	color:#000000;
}
.news > h1 {
	font-size:1em;
	font-weight:bold;
	display:inline;
	margin:0em;
	text-decoration:none;
	border-style:none;
}

.news > a:link {
	color:#000000;
}
.news > a:visited {
	color:#000000;
}
.news > a:active {
	color:#000000;
}
.news > a:hover {
	color:#ff0000;
}

TABLE {
	border-style:solid;
	border-collapse:collapse;
	border-width:2pt;
	border-color:#000084;
	padding:10px;
}

TH {
	border-style:solid;
	border-collapse:collapse;
	border-width:1pt;
	border-color:#000084;
	padding:10px;
}

TD {
	border-style:solid;
	border-collapse:collapse;
	border-width:1pt;
	border-color:#000084;
	padding:10px;
	vertical-align:middle;
}

TABLE.RM {
	border-style:solid;
	border-collapse:collapse;
	border-width:2pt;
	border-color:#000084;
	padding:10px;
}

TABLE.RM TR {
	vertical-align:top;
}

TABLE.RM TH {
	border-style:solid;
	border-collapse:collapse;
	border-width:1pt;
	border-color:#000084;
	padding:10px;
}

TABLE.RM TD {
	border-style:solid;
	border-collapse:collapse;
	border-width:1pt;
	border-color:#000084;
	padding:10px;
	vertical-align:middle;
}

/* Navigation Bar */
.navpath {
	width:38em;
	float:left;
}

/* Navigation Arrows */
.prev:before {
	content:"←prev";
}
.prev {
	float:right;
}

.next:before {
	content:"next→";
}
.next {
	float:right;
}

.lmbutton {
	/*float:right;*/
	height:1.25em;
	vertical-align:text-bottom;
	cursor:pointer;
}

.lmbuttonDeactivated {
	/*float:right;*/
	height:1.25em;
	vertical-align:text-bottom;
	opacity:0.4;
	/*filter:alpha(opacity=40);*/
}

.lmbuttonInvisible {
	height:1.25em;
	vertical-align:text-bottom;
	visibility:hidden;
}

.regicon {
	height:1.25em;
	vertical-align:text-bottom;
	cursor:pointer;
}

.cap {
	text-align:center;
	font-size:0.9em;
	font-weight:bold
}

table.mbPost {
	border-style:solid;
	border-collapse:collapse;
	border-width:2px;
	border-color:#000084;
}

caption.mbPost {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
}

th.mbPost {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	text-align:center;
}

th.mbPost, td.mbPost {
	border-style:solid;
	border-width:1px;
	padding:5px;
	vertical-align:center;
	overflow:visible;
	overflow-x:auto;
}

/* Table View */
.table {
	display:table;
}
.tableRow {
	display:table-row;
}
.tableCell {
	display:table-cell;
	padding:0.5em 1.0em;
}
.headerCell {
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.border {
	border-style:solid;
	border-collapse:collapse;
	border-width:1pt;
	border-color:#000084;
}

/* Page Break */
.pgBreak {
	page-break-before:always;
}

/* Lab Worksheet Question */
.wrkshtQuestion {
	color:green;
	border-style:solid;
	border-width:1pt;
}
.qNum0:before {
	content:counter(qNo);
	counter-reset:qNo 0;
}
.qNum:before {
	content:counter(qNo);
}
.qNum {
	counter-increment:qNo;
}
.qNumNoInc:before {
	content:counter(qNo);
}

/* Pointers */
.pointer {
	cursor:pointer;
}

/* Text Alignment */
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.vcenter {
	vertical-align:middle;
}
.vtop {
	vertical-align:top;
}

/* Text Coloring */
.red {
	color:red;
}
.green {
	color:green;
}
.yellow {
	color:yellow;
}
.highlight {
	background-color:yellow;
}

/* Text Decorations */
.over {
	text-decoration:overline;
}
.strike {
	text-decoration:line-through;
}
.under {
	text-decoration:underline;
}

/* Text Styling */
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.nowrap {
	white-space:nowrap;
}

/* Note to instructor */
.instNote:before {
	color:red;
	content:"note: ";
	font-weight:bold;
	text-transform:uppercase;
}

/* Optional content to cover in class if time allots */
.optional:before {
	content:"optional: ";
	color:red;
	text-transform:uppercase;
}

/* Can lead to loss of life, or destruction to equipment */
.danger:before {
	color:red;
	content:"Danger: ";
	font-style:italic;
	font-weight:bold;
	text-transform:uppercase;
}
/* Can lead to serious injury, or damage to equipment */
.warning:before {
	color:red;
	content:"Warning: ";
	font-weight:bold;
	text-transform:uppercase;
}
/* Can lead to injury, or degradation to equipment */
.caution:before {
	color:goldenrod;
	content:"Caution: ";
	font-weight:bold;
	text-transform:uppercase;
}
/* Don't ... */
.dont {
	color:red;
	text-transform:uppercase;
}
/* Important information */
.important:before {
	content:"Important: ";
	color:red;
	font-weight:bold;
}
/* General information */
.note:before {
	content:"Note: ";
	font-weight:bold;
}

/* Glossary Links */
a.glossLink {
	background-color:#F5F5F5;
	font-weight:bold;
}

/* Valid HTML */
DIV.validHTML IMG {
	height:31px;
	width:88px;
}

/* Badge */
.badge {
	height:31px;
	width:88px;
}

/*Now the CSS*/

.tree {
	font-family:"Courier New", monospace;
	white-space:nowrap;
	clear:both;
}

.tree * {margin: 0; padding: 0;}

.tree ul {
	padding-top: 20px; position: relative;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid ;/*#ccc;*/
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid; /* #ccc; */
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid; /* #ccc;*/
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
/*.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}*/

/*Connector styles on hover*/
/*.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before{
	border-color: #94a0b4;
}*/


/* Migrate to print.css */
@media print {
	body {
		margin-top:0em;
		margin-right:0em;
		margin-bottom:0em;
		margin-left:0em;
	}
	h1 {
		margin-left:0em;
	}
}