body {background-color:#f4f4f4; }
body{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif
}

h1,h2,h3,h4{margin:0;padding:0;}
h1{font-weight:300;}
h2{font-weight:400;margin:0.6em 0 0.4em 0;color:#349;}
h3 {font-weight:400; color: #4f4f6f; font-size:1.2em; margin:0.1em 0;}
h4 {font-weight:600; margin:0.8em;color:#349; text-align:left;}
div {line-height:1.5em; }
// slow for graph:
div,span{transition: all 0.5s ease;}
//div.tile {margin: 0.1em;display:inline-block;border-radius:0.2em;background-color:#fefefe;padding: 0.7em;width: 280px;border:1px solid #ddd;}
//div.tile {cursor:pointer;margin: 0.1em;display:inline-block;background-color:#fefefe;padding: 0.7em;width: 280px; margin:3px;border-radius: 1px;box-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
div.lefttab {text-align:left; cursor:pointer;margin: -6px 0;padding: 7px 1em; color:#4f4f6f;font-size:100%;}
//div.note { margin: 0.5em; display:inline-block;padding: 1em; color:#888;background-color:#fafafa;border-radius:2px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}

div.pad {padding:0.3em;}
div.note {  padding: 1.5em; background-color:rgba(252, 252, 252, 0.8);border-radius:2px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}

div.datanote {width:100%;}
a.expl {color:#bbb;}
//div.left {position:absolute; background-color:#fbfbfb; margin-left: -2px; border-radius:0.3em;padding: 0 1em 1em 1em;  border: 1px solid #eee;  width: 310px;}

.pagination {
	margin:0;
}

	//border-radius:2px;
canvas#graph {
	margin: 0;
	padding: 0;
	display: block;
}

a.btn-center {
	text-align:center;
	margin:1em;
}

.colortile {
	box-shadow:0.5px 0.5px 2px rgba(0,0,0,0.2);width:4em;margin-top:1em;height:4em;border-radius:3px;display:inline-block;font-size:1.5em;
}
.col-centered {
    float: none;
    margin: 0 auto;
}
.middle {vertical-align: middle;}

.index {padding-left: 1em;}
.main {padding: 0;}

.topspace {
	margin-top:0.5em;
}

.topspace2 {
	margin-top:1.5em;
}


div.spacer {margin:0 0 1.0em;}
label {float: left; display: inline-block;font-size:1.5em;font-weight:300;text-align:right;width:5em;}
div.pullquote {font-weight:300; font-size:2.2em;color:#000;}
div.mainquote {font-weight:300; font-size:1.7em;color:#000;}
div.subquote {font-weight:300; font-size:1.6em;color:#000;}
div.unquote{font-weight:300;margin-top:1em;font-size:1.5em;}
div.minquote{font-weight:300;margin-top:1em;margin-bottom:-0.5em;font-size:1.4em;color:#555;}
div.iquote{font-style:italic;font-size:80%;margin-top:0.5em;color:#999;}
div#title {font-weight:600; color: #ff2f00;font-size:1.5em;margin-bottom:0.5em;}
//div#maincenter {width: 960px; margin:auto;}

div.explain {line-height:160%; font-size:1.2em; padding:1em;color:#000; font-weight:400; text-align:left;}

select#flist{ background-color:#f2f2f2; border-color:#aaa;webkit-appearance: none;appearance:none;font-weight:400;color:#349;font-size:1.6em;padding:0.2em 0.5em;margin-bottom:0.5em;}
div.mtitle {text-align:center;font-weight:400;color:#333;margin:auto;font-size:4.4em;border-bottom:3px solid #ff2f00;}
span#compare{display:inline-block;margin:auto;padding:0.3em; margin: 0em 0 0em 0;}

img {transition:all .5s ease-in-out; }

div.bar{margin-top:0.5em;height:5px;width:80%;background-color:rgba(0,0,0,0.08);}
div.barfill{background-color:#ff2f00;height:100%;width:0%;}
div.ref {padding-left: 3em; text-indent:-2.5em;white-space:pre-wrap;margin-bottom: 1em;font-size:80%;}
div.text{width:70%;white-space:pre-wrap;margin-bottom: 1em;font-size:1.5em;color:#444;margin-left:0.5em;}

.vspace {margin: 0.7em;}
.navbar-default { margin:0;top:0;z-index:99;background-color:rgba(255,255,255,0.3)}
a {color:inherit;}
a#sel {color:ff2f00;box-shadow:0.5px 0.5px 2px rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.7);color:#349;}
a.filter {font-size: 1.2em; font-weight: 400; margin-top:0.5em 0;}
div#sel {background-color:rgba(255,255,255,0.7);box-shadow:0.5px 0.5px 2px rgba(0, 0, 0, 0.1);border-radius:3px;color:#349;font-weight:600;}
a.mode {color:#345;text-decoration:none;border-radius:3px;font-weight:600;font-size:120%;line-height:150%;padding:4px 6px;margin:0 -4px;border:1px solid transparent;}
pre {font-family: Calibri; font-size:1em;}
span.toptab {width:100px; padding: 0 1em;border-left:1px solid #aaa;}
#maintable {
	border-collapse: collapse;
}
#maintable td,
#maintable th 
{	padding: 0.2em 1em;
	border: 1px solid #ddd;
}
#comparetable {
	font-size: 85%;
	margin: 2em auto;
	border-collapse: collapse;
	border: none;
	background-color: rgba(255, 255, 255, 0.8);
}
#comparetable td,
#comparetable th 
{	padding: 0.2em 0.3em;
	border: 1px solid rgba(0, 0, 0, 0.02);
}
td.boldcell {
	font-weight: 700;
}
td.changecell {
	font-style: italic;
}

p.credits {
	margin:2em 0;
}