/* SFU Colours:
	 red: #A6192E
	 black: #3D3935
	 blue: #003087
	 gold: #A07400 */


body {
    margin-left: 8%;
    margin-right: 8%;
    
    background-color: whitesmoke;
    font-family: Arial, sans-serif;
}

td {
    text-align: center;
}

a {
    text-decoration: none;
    color: #0088cc;
}

a:hover {
		text-decoration: underline;
		color: #005583;
}


td.full {
		background: #ccc;
}

td.l {
		text-align: left;
}

ol.instructions li {
	padding-top: 1.5em;
}


.strikeout {
		text-decoration: line-through;
}

h1 {
    text-align: center;
    font-size: 150%;
    padding-top: 1em;
}

@media print {
    div.tl {
	display: none;
    }
}

nav {
    position: absolute;
    top: 0;
    left: 0;
    /*width: 4em;*/
    text-align: left;
    background-color: #d0d0d0;
    border: 1px solid black;
    padding: 0.3em;
    font-style: italic;
}


nav a {
    background-color: #ffffff;
    color: #A6192E; /*246492;*/
    padding: 0.2em;
}

nav a.current {
		background-color: #A6192E; /*246492;*/
		color: #ffffff; 
}


/*
div.tl {
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;		
}

div.tl a {
		opacity: 0.5;
}

div.tl a:hover {
		opacity: 1;
}*/

img.framing {
		width: 60%;
}


div.column {
    margin-left: 2em; 
    margin-right: 2em;

    -moz-column-width: 25em; 
    -webkit-column-width: 25em; 
    column-width: 25em;
}

div.column p {
    break-inside: avoid-column;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}


hr {
    background:url(wavelet.png) no-repeat top center;
    height: 16px;
    border: 0;
}

label.qsec {
    font-weight: bold;
    
}

label.question {
    font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
}

span.asec {
    margin-left: 2em;
}

em {
    font-weight: bold;
    font-style: normal;
}

table.bordered {
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #3D3935;
    border-collapse: collapse;
}

table.bordered th {
    border: 1px solid #3D3935;
}

table.bordered td {
    border: 1px solid #3D3935;
}

table.bordered tr {
    height: 50pt;
}


tr.break {
    background: #A6192E;
    color: #ffffff;
    font-weight: bold;
}

td.closed {
    background: #d38c97;
    color: #bd5363; /*#a6192e;*/
}

img.button {
    vertical-align: middle;
    margin-left: -12px;
}



form {
    margin-bottom: 8px;
    margin-left: 1.5em;
}


/* hide checkboxes */
input.hang {
	display: none;
}

span.code {
    font-family: monospace;
    white-space: nowrap;
    color: #A6192E; 
}



label:before, a:before {
	position: relative; 
	left: -.5em;

/*
	font-family: 'FontAwesome';
	font-size: 120%;
*/
	color: #A6192E;
}

label:before {
	content: "+";
}

input:checked + label:before {
	content: "−";
}