/*
Print style sheet for Random
Copyright (c) 1997-2015, Kyle Siegrist
See http://www.math.uah.edu/stat/Copyright.html for more information about rights and permissions
*/

/*Heading styles*/
h1 {
	font-size: 175%;
}

h1.home {
	text-align: center;
	color: white;
	background: rgb(0,0,140);
	border-color: gray;
	border-style: solid;
	border-width: 1px;
}

h1.main {
	text-align: center;
	color: white;
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	background: rgb(0,0,140);
}

h2 {
	font-size: 150%;
}

h2.main {
	color: white;
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	background: rgb(0,0,140);
}

h2.ancillary {
	text-align: center;
	color: white;
	border-width: 1px;
	border-color: blue;
	border-style: solid;
	background: red;
}

h3 {
	font-size: 125%;
	page-break-after: avoid;
}

h3.ancillary {
	color: white;
	border-width: 1px;
	border-color: blue;
	border-style: solid;
	background: red;
}

h4 {
	font-size: 100%;
	page-break-after: avoid;
}

h4.chapter:before {
	content: counter(chapterCount) ".";
	counter-increment: chapterCount;
}	

/*Body styles*/
body {
	background: white;
	color: black;
	font-weight: normal;
	font-size: 10pt;
	font-family: "Times New Roman", Times, serif;
	line-height: 21px;
}

body.ancillary {
	background: rgb(220, 220, 220);
	color: black;
}

/*Paragraph styles*/

p.code {
	margin-left: 2em;
	margin-right: 2em;
}

p.math {
	margin-left: 15px;
	text-indent: -15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.math:before {
	content: url("icons/DieBlue5.png") " " counter(exerciseCount) ". ";
}

p.sim {
	margin-left: 15px;
	text-indent: -15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.sim:before {
	content: url("icons/DieRed5.png") " " counter(exerciseCount) ". ";
}

p.stat {
	margin-left: 15px;
	text-indent: -15px;
	margin-top: 0px;
	margin-bottom: 0px;

}

p.stat:before {
	content: url("icons/DieGreen5.png") " " counter(exerciseCount) ". ";
}

p.art{
	margin-left: 15px;
	text-indent: -15px;
	margin-top: 0px;
	margin-bottom: 0px;
}
p.art:before { content: url("icons/DieBrown5.png") " " counter(exerciseCount) ". "; }

p.continue {
	margin-left: 15px;
}

p.graphic{
	text-align: center;
}

p.proof{
	margin-left: 15px;
	margin-top: 0px;
}

/*Divisions*/

div.latex{
	margin-bottom: 0px;
	margin-top: 0px;
	display: none;
	text-align: right;
}

div.exercise {
	border-style: dashed;
	border-color: rgb(200, 200, 180);
	border-width: 1px;
	background: rgb(240, 240, 220);
	counter-increment: exerciseCount;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.contents{
	float: left;
	width: 29%;
	background: rgb(220, 220, 220);
	padding-right: 2px;
}

div.description{
	float: right;
	width: 70%;
}

div.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}

div.search {
	display: none;
}

/*Keyword style*/
dfn {
	color: green;
	font-style: italic;
}

/*Image styles*/
img {
	border-style: none;
	vertical-align: middle;
}

img.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}

/*Address style*/
address {
	font-style: normal;
	text-indent: 5%;
}

/*Anchor styles*/
a {
	text-decoration: none;
}

a.main {
	color: blue;
}

a.app {
	color: red;
}

a.data {
	color: red;
}

a.biography {
	color: red;
}

a.resource {
	color: red;
}

a.graph {
	color: red;
}

a.ancillary {
	color: red;
}

a.external {
	color: blue;
}

a.download {
	color: blue;
}


/*List Styles*/
li.sister {
	display: inline;
	padding: 2px 2px;
}

ul.map {
	font-family: Arial, sans-serif;
	font-size: 80%;
	list-style: none;
	margin-left: 0px;
	padding: 0px 0px;
	margin-bottom: 0px;
}

ol.map {
	font-family: Arial, sans-serif;
	font-size: 80%;
	list-style: none;
	margin-left: 0px;
	padding: 0px 0px;
	margin-bottom: 0px;
}

li.child {
	display: inline;
	padding: 2px 2px;
}

li.details{
	display: none;
}

li.current{
	display: inline;
	border-width: 1px;
	border-color: black;
	border-style: solid;
}

li.parent {
	list-style: none;
	display: inline;
}

li.parent:after {
	content: " > ";
}

li.sister:after {
	content: " | ";
}

ol.exercise {
	list-style-type: lower-alpha;
}

ul.information {
	list-style-image: url("icons/Information.png");
}

ul.math {
	list-style-image: url("icons/DieBlue5.png");
}

li.math {
	list-style-image: url("icons/DieBlue5.png");
}

ul.app {
	list-style-image: url("icons/DieRed5.png");
}

li.app {
	list-style-image: url("icons/DieRed5.png");
}

li.java {
	list-style-image: url("icons/DieBrown5.png");
}

ul.data {
	list-style-image: url("icons/DieGreen5.png");
}

li.data {
	list-style-image: url("icons/DieGreen5.png");
}

ul.biography {
	list-style-image: url("icons/Face.png");
}

li.biography {
	list-style-image: url("icons/Face.png");
}

ul.web {
	list-style-image: url("icons/World.png");
}

li.web {
	list-style-image: url("icons/World.png");
}

ul.book {
	list-style-image: url("icons/Book.png");
}

li.book {
	list-style-image: url("icons/Book.png");
}

ul.article {
	list-style-image: url("icons/Page.png");
}

li.article {
	list-style-image: url("icons/Page.png");
}

ul.quote {
	list-style-image: url("icons/Quote.png");
}

li.quote {
	list-style-image: url("icons/Quote.png");
}

ul.object {
	list-style-image: url("icons/DieBlue6.png");
}

li.object {
	list-style-image: url("icons/DieBlue6.png");
}

ul.ancillary {
	list-style-image: url("icons/BoxRedGray.png");
}

li.ancillary {
	list-style-image: url("icons/BoxRedGray.png");
}

li.expand {
	list-style-image: url("icons/Plus.png");
}

li.contract {
	list-style-image: url("icons/Minus.png");
}

ul.chapter {
	list-style-image: url("icons/Page.png");
}

li.chapter {
	list-style-image: url("icons/Page.png");
}

ul.equation {
	list-style-type: none;
}

ul.plain {
	list-style-type: none;
}

li.NSF {
	list-style-image: url("icons/NSFSmall.png");
}

li.UAH {
	list-style-image: url("icons/UAHSmall.png");
}

li.MAA {
	list-style-image: url("icons/MAASmall.png");
}

ul.person {
	list-style-image: url("icons/Face.png");
}

li.person {
	list-style-image: url("icons/Face.png");
}

li.place {
	list-style-image: url("icons/House.png");
}

li.email {
	list-style-image: url("icons/Letter.png");
}

li.copyright {
	list-style-image: url("icons/Copyright.png");
}

li.step {
	list-style-image: url("icons/Step.png");
}

li.run {
	list-style-image: url("icons/Run.png");
}

li.stop {
	list-style-image: url("icons/Stop.png");
}

li.reset {
	list-style-image: url("icons/Reset.png");
}

li.information {
	list-style-image: url("icons/Information.png");
}

li.image {
	list-style-image: url("icons/Image.png");
}

ul.tool {
	list-style-image: url("icons/Gear.png");
}

ul.new {
	list-style-image: url("icons/New.png");
}

dt {
	font-style: italic;
}

li.firefox {
	list-style-image: url("icons/Firefox.png");
}

li.safari {
	list-style-image: url("icons/Safari.png");
}

li.chrome {
	list-style-image: url("icons/Chrome.png");
}

li.opera {
	list-style-image: url("icons/Opera.png");
}

li.ie {
	list-style-image: url("icons/IE.png");
}

li.mathJax {
	list-style-image: url("icons/MathJax.png");
}

li.stix {
	list-style-image: url("icons/Stix.png");
}

/*Tables*/
table {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	margin-bottom: 5px;
	margin-top: 5px;
}

table.exercise {
	margin-left: 15px;
}

table.displayed {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}

table.plain {
	border-style: none;
}

td.plain {
	border-style: none;
}

caption{
	font-weight:normal;
}

caption.displayed {
	margin-left: auto;
	margin-right: auto;
}

td {border-style: solid;
	border-width: 1px;
	border-color: black;
}

th {
	font-weight: normal;
	background: rgb(220, 220, 220);
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: left;
}

table.ancillary {
	background: white;
}

table.home {
	border-style: solid;
	border-color: blue;
	width: 100%;
}

th.home {
	background: red;
	color: white;
	border-style: none;
	vertical-align: top;
	width: 100%;
}

th.data {
	text-align: left;
}

td.contents {
	border-style: solid;
	border-width: 1px;
	border-color: blue;
	background: rgb(220, 220, 220);
	vertical-align: top;
	width: 25%;
}

td.welcome {
	border: none;
	vertical-align: top;
	width: 65%;
}

td.data {
	text-align: right;
}

/*Horizontal rules*/

span.redSuit{
	color: red;
}

code{
	white-space: nowrap;
	font-size: 11pt;
	font-family: Arial, sans-serif;
}

/*iframe rules*/
iframe{
	background: rgb(220,220,220);
	border-color: black;
	border-style: solid;
	border-width: 1px;
	width: 100%;
	height: 30%;
}
iframe.ancillary{
	background: white;
}

/*App rules*/

table.app {
	border-style: none;
}

table.toolbar{
	border-style: none;
}

td.tool{
	border-style: none;
}

table.panel{
	border-style: none;
}

td.device{
	border-style: none;
}

/*Canvas style*/
canvas {
	border: 1px solid black;
	background: white;
	vertical-align: middle;
}

canvas.die {
	width: 36px;
	height: 36px;
	background: red;
	border-style: none;
}

canvas.coin {
	background: rgb(200, 200, 200);
	border-style: none;
}

canvas.ball {
	background: rgb(200, 200, 200);
	border-style: none;
}

canvas.card {
	background: rgb(200, 200, 200);
	border-style: none;
}

canvas.scrollBar {
	background: rgb(240, 240, 240);
	position: relative;
	height: 25px;
}

canvas.floor {
	background: yellow;
}

canvas.clickable{
	cursor: pointer;
}

/*Text area styles*/
textarea.table {
	width: 100%; 
	border: 1px solid black;
	background: rgb(240, 240, 240);
	margin-bottom: 0px;
	vertical-align: middle;
}

/*Select styles*/
select {
	height: 25px;
}

select.redDie{
	background: red;
	color: white;
}

select.greenDie{
	background: green;
	color: white;
}

/*Button styles*/
button {
	height: 25px;
}

button.details{
	height: 20px;
}

input.parameter{
	vertical-align: middle;
	width: 100px;
}

div.app {
	border: 1px;
	border-style: solid;
	background: rgb(200, 200, 200);
}

fieldset.toolbar {
	border-style: none;
	white-space: nowrap;
}

summary {
	font-style: italic;
}

details {
	margin-left: 15px;
}

span.tool{
	white-space: nowrap;
	border-color: gray;
	border-style: solid;
	border-width: 1px;
	margin-left: 2px;
	margin-right: 2px;
}

footer{
	display: none;
}

header{
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: gray;
}

p, h2, h3 { orphans: 3; widows: 3; }