/* The following rule is necessary to have all slides appear in print! DO NOT REMOVE IT! */

.aside, .aside code, .aside var {
	color: #999999 !important;
}

.aside {
	list-style-type: none;
	margin-top: 0.75em;
}

span.aside {
	margin-left: 3em;
}

.slide, ul, table {
	page-break-inside: avoid;
	visibility: visible !important;
}

.slide table, tr, td, th, tbody {
	page-break-inside: avoid;
}

body, dl {
	font-family: Garamond, serif;
	font-size: 14pt;
}

body {
	background: white;
}

.bordered td,
.bordered th,
.bordered tr,
.bordered table {
	border: 2px solid black;
}

.code {
	font-family: monospace;
}

* {
	/* color: black; */
}

pre {
	font-size: 12pt;
}

.slide {
	margin-bottom: 4em;
	position: relative;
}

.figure img {
	max-width: 100%;
}

.centerfigure {
	text-align: center;
}

.rightfigure {
	float: right;
	margin-top: 1em;
	margin-left: 1em;
	max-width: 40%;
}

.topfigure {
	position: absolute;
	right: 10px;
	top: 10px;
}

#slide2,
#slide4,
#slide6,
#slide8,
#slide10,
#slide12,
#slide14,
#slide16,
#slide18,
#slide20,
#slide22,
#slide24,
#slide26,
#slide28,
#slide30,
#slide32,
#slide34,
#slide36,
#slide38,
#slide40,
#slide42,
#slide44,
#slide46,
#slide48,
#slide50,
#slide52,
#slide54,
#slide56,
#slide58,
#slide60,
#slide62,
#slide64,
#slide66,
#slide68,
#slide70,
#slide72,
#slide74,
#slide76,
#slide78,
#slide80,
#slide82,
#slide84,
#slide86,
#slide88,
#slide90,
#slide92,
#slide94,
#slide96,
#slide98,
#slide100 {
	page-break-before: always;
	page-break-inside: avoid !important;
}

.titleslide h1 {
	border: none;
}

.titleslide h1, .titleslide h2, .titleslide h3, .titleslide h4 {
	/* text-align: center; */
}

.titleslide {
	border: 5px solid black;
	margin-bottom: 2em;
}

.titleslide ul {
	font-size: larger;
}

#slide0 h1 {
	font-size: 200%;
	border: none;
	margin: 0.5em 0 0.25em 0;
}

#slide0 h3 {
	margin: 0;
	padding: 0;
}

#slide0 h4 {
	margin: 0 0 0.5em;
	padding: 0;
}

#slide0 {
	margin-bottom: 3em;
}

.slide h1, .slide h2, .slide h3, .slide h4, .slide h5, .slide h6 {
	font-family: sans-serif;
}

h1 {
	border-top: 2pt solid gray;
	border-bottom: 1px dotted silver;
	clear: both;
	font-size: 1.5em;
	margin-top: 1em;
	page-break-before: avoid;
	page-break-after: avoid;
}

.extra {
	background: transparent !important;
}

div.extra, pre.extra, .example {
	font-size: 10pt;
	color: #333;
}

ul.extra a {
	font-weight: bold;
}

p.example,
#header,
.noprint,
#footer h2,
#controls,
.layout,
.layout *,
.practiceproblem {
	display: none !important;
}

#footer h1 {
	margin: 0;
	border-bottom: 1px solid;
	color: gray;
	font-style: italic;
}

.example { 
	font-size: 10pt;
	margin-top: 0.5em;
	background-color: rgb(255, 255, 230);
	border: thin solid gray;
}

.example .syntaxtemplate {
	margin-top: 0em;
}

.comment {
	color: rgb(0, 128, 0);
	font-weight: bold;
}
.description {
	font-style: italic;
	text-align: center;
}

pre.syntaxtemplate {
	background-color: rgb(248, 248, 240);
	border: thin solid rgb(220, 220, 220);
}

.emphasizedcode, .slide pre em, .slide code em {
	color: #600;
	font-style: normal;
	font-weight: bold;
}

.placeholder,
.syntaxtemplate var,
var {
	font-style: italic;
	font-weight: normal;
	font-family: "Helvetica", "Arial", sans-serif;
	color: #000044;
	letter-spacing: 0.0em;
}

.deemphasizedcode, .deemphasizedcode .syntaxtemplate { 
	color: #999;
}
.emphasizedcodebad, em.bad {
	font-weight: bold;
	color: #C00 !important;
}
.term {
	font-weight: bold;
}
.slightemphasis {
	color: blue;
}
code.smallcode {
	font-size: smaller;
}
.w3c {
	text-align: right;
}
.w3c img {
	border: 0;
	width: 88px;
	height: 31px;
}
pre.html, pre.js, pre.css, pre.xml, pre.php, pre.sql, .exampleoutput {
	background-position: bottom right;
	background-repeat: no-repeat;
}

pre.html { background-image: url("../../images/html.gif"); }
pre.js   { background-image: url("../../images/js.gif"); }
pre.css  { background-image: url("../../images/css.gif"); }
pre.xml  { background-image: url("../../images/xml.gif"); }
pre.php  { background-image: url("../../images/php.gif"); }
pre.sql  { background-image: url("../../images/sql.gif"); }
.unsupported { color: #888888; }
.narrow { letter-spacing: -0.05em; }

.boxed {
	border: 1px solid gray;
}


.optional {
	color: #FFAA88;
	font-size: larger;
	vertical-align: middle;
}

td, th, tr {
	page-break-before: avoid;
}

a {
	text-decoration: none;
}

table.sqltable {
	border: 2px solid gray;
	border-collapse: collapse;
	font-size: smaller;
}

.sqltable td, .sqltable th {
	border: 2px solid gray;
	padding-left: 5px;
	padding-right: 5px;
}

.sqltable th {
	background-color: #EEEEEE;
}

.sqltable td * {
	vertical-align: top;
}

.sqlwide td, .sqlwide th {
	width: 30%;
}


.examplecode {
	background-color: rgb(255, 255, 220);
	border: thin solid gray;
}

.slide .example pre.examplecode {
	border: none;
	border-bottom: thin solid gray;
	margin-top: 0em;
}

.exampleoutput {
	background-image: url(../../images/output.gif);
	font-family: serif;
}

.exampleoutput,
.exampleurl {
	/* border-bottom: 2px dashed gray; */
	border-bottom: thin solid gray;
	border-left: thin solid gray;
	border-right: thin solid gray;
	color: black;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	margin-top: 0em;
	padding-bottom: 0.3em;
	padding-top: 0em;
}

.exampleoutput code,
.exampleoutput pre,
pre.exampleoutput,
.exampleoutput xmp,
xmp.exampleoutput {
	color: black !important;
	font-family: monospace !important;
}

.exampleoutput h1 {
	border: none;
	color: black !important;
	font-family: serif !important;
	font-size: 170% !important;
	font-weight: bold !important;
	margin-left: 0em !important;
	padding-left: 0em !important;
	position: static !important;
}

.exampleoutput h2 {
	font-size: 130% !important;
	font-family: serif !important;
}

.exampleoutput h3 {
	font-size: 110% !important;
	font-family: serif !important;
}

.exampleoutput button,
.exampleoutput input,
.exampleoutput option,
.exampleoutput select,
.exampleoutput textarea {
	font-size: 80% !important;
}

.example .exampleoutput {
	border: none;
}

.exampleoutput a {
	text-decoration: underline;
}

table.standard {
	background-color: #f6f6ff;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	text-align: left;
}

table.standard caption {
	caption-side: bottom;
	margin-top: 0.2em;
	margin-bottom: 0.75em;
}

table.standard td,
table.standard th {
	border: thin solid black;
	padding: 4px 10px;
	vertical-align: top;
}

table.standard td.leftheader {
	border-bottom: 2px solid #dddddd;
	border-left: 2px solid #dddddd;
	border-top: 2px solid #dddddd;
	background-color: white;
	width: 4.5em;
}

.term {
	font-weight: bold;
}

.inputfile {
	border: 1px dashed gray;
}

div.filename {
	float: right;
	font-style: italic;
}