/*
Screen 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: 200%; }

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

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

h2 { font-size: 150%; }

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

h2.home{
	text-align: center;
	font-style: italic;
}

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

h3 { font-size: 125%; }

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

h4 { font-size: 100%; }

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

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

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

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.proof{
	margin-left: 15px;
	margin-top: 0px;
}

figcaption {
	font-size: 80%;
}

/*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;
}

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

footer{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: gray;
}

div.contents{
	background: rgb(220, 220, 220);
}

@media screen and (min-width: 600px){
	div.contents{
		float: left;
		width: 30%;
		margin-right: 5px;
	}
	div.description{
	}
}


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

div.details { text-align: right; }

/*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:hover { text-decoration: underline; }
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.art {color: red; }
a.ancillary { color: red; }
a.external { color: blue; }
a.internal {color: blue;}
a.download { color: blue; }

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

ul.map{
	list-style: none;
	font-family: Arial, sans-serif;
	font-size: 80%;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px 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: inline;
	float: right;
}

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; }
ol.appendix { list-style-type: upper-alpha; }
ul.information { list-style-image: url("icons/DieBlue3.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"); }
ul.data { list-style-image: url("icons/DieGreen5.png"); }
li.data { list-style-image: url("icons/DieGreen5.png"); }
ul.art { list-style-image: url("icons/DieBrown5.png"); }
li.art { list-style-image: url("icons/DieBrown5.png"); }
ul.biography { list-style-image: url("icons/DieYellow5.png"); }
li.biography { list-style-image: url("icons/DieYellow5.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/DieRed3.png"); }
li.ancillary { list-style-image: url("icons/DieRed3.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: right; }

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; }

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;
	white-space: nowrap;
	width: 100%;
	height: 30%;
}

iframe.ancillary { background: white; }

/*App rules*/

div.toolbar{
	margin: 5px;
}

div.group{
	border-style: solid; 
	border-color: black; 
	border-width: 1px;
}

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

canvas.die{
	width: 36px;
	height: 36px;
	border-style: none;
	margin: 2px;
	float: left;
}

canvas.coin{
	background: rgb(200, 200, 200);
	border-style: none;
	margin: 2px;
	float: left;
}

canvas.ball{
	background: rgb(200, 200, 200);
	border-style: none;
	margin: 2px;
	float: left;
}

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{
	border: 1px solid black;
	background: rgb(240, 240, 240);
	margin-bottom: 0px;
	vertical-align: middle;
	overflow: auto;	
}

/*Select styles*/
select { 
	height: 25px; 
	vertical-align: middle;
}

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

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


input.color{
	vertical-align: middle;
	width: 50px;
}

input.data{ 
	vertical-align: middle;
	width: 50px;
}

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

summary { 
	font-style: italic; 
}

details { 
	margin-left: 15px; 
}

span.tool{
	white-space: nowrap;
	margin: 2px;
}