body {
	background-image: url(../../images/paper.jpg);
}
.midicode {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40pt;
	font-style: italic;
	font-weight: bold;
	color: #ff0000;
}
.unique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	color: #ff0000;
}
.menuCell {
	font-weight: bold;
	text-align: center;
}
.heading {
	font-size: x-large;
	margin-left: 20px;
	margin-right: 20px;
}
.headingBlue {
	font-size: x-large;
	margin-left: 20px;
	margin-right: 20px;
	color: #0000ff;
}
.headingRed {
	font-size: x-large;
	margin-left: 20px;
	margin-right: 20px;
	color: #ff0000;
}
.smalltext {
	font-size: small;
}
.italictext {
	font-style: italic;
}
.HiddenText {
	text-align: center;
	font-weight: bold;
	visibility: hidden;
}
.LargeText {
	font-size: large;
}
.inset {
	margin-left: 20px;
	margin-right: 20px;
}
.contents {
	margin-left: 40px;
	margin-right: 20px;
	text-indent: -20px;
}
.tables, .illustrations {
	margin-left: 20px;
	margin-right: 20px;
}
.insetLarge {
	margin-left: 20px;
	margin-right: 20px;
	font-size: large;
}
h2 {
	margin-left: 20px;
	margin-right: 20px;
}
.QA {
	font-size: xx-large; 
	font-weight: bold; 
}
.container {
	background-color: #ffffcc;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#hdrTxt{
	float: none;
	margin-top: 10px;
	margin-left: 20px;
	font-size:16pt;
}
#hdrTuningTxtDiv{
	position:absolute;
	top:0;
}
#n2HdrImg {
	height:40px;
}
.pageNav {
	display:block;
	width:100%;
	margin-right:20px;
}
.pageNavLeft {
	display:inline-block;
	width:33%;
	text-align:left;
	vertical-align: top;
}
.pageNavCenter {
	display:inline-block;
	width:33%;
	text-align:center;
}
.pageNavRight {
	display:inline-block;	
	width:33%;
	text-align:right;
	vertical-align: top;
}
.topNav {
	margin-top: 10px;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.17em;
}
caption {
	caption-side: bottom;
}
.analysis {
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border: 1px solid black;
	border-collapse: separate;
	border-spacing: 1px;
}
.analysis td {
	border: 1px solid black;
	padding: 2px;
	margin:1px;
	min-width: 20px;
	text-align: center;
}
.tuning {
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border: 1px solid black;
	border-collapse: separate;
	border-spacing: 1px;
}
.tuning td {
	border: 1px solid black;
	padding: 2px;
	margin:1px;
	min-width: 20px;
	text-align: center;
}
@media (max-width: 992px) {
	.smaller {
		font-size: x-small;
	}
	.lh100 {
		line-height: 100%;
	}
}
.blackRow {
	background-color: black;
	color:white;
}
.blackRow .note {
	background-color: black;
	color:white;
}
.blackRow .interval {
	background-color: black;
	color:white;
}
.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.w33 {
	width: 33%;
}
.w40 {
	width: 40%;
}
.w50 {
	width: 50%;
}
.w60 {
	width: 60%;
}
.w80 {
	width: 80%;
}
.w90 {
	width: 90%;
}
.w100 {
	width: 100%;
}
.alignTop {
	vertical-align: top;
}
.tuning td, .analysis td {
	cursor:pointer;
}
.callout {
	border: 2px solid green;
	padding: 4px;
}
.calloutSmaller {
	font-size: smaller;
}
.note, .frequency {
	background-color:#F5FFF5;
}
.interval {
	background-color:#FFF0FF;
}
.note, .interval, .frequency,
.tuning td {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.perf1 {
	background-color: #FF4040;
}
.min2 {
	background-color: #FF8050;
}
.maj2 {
	background-color: #FF8000;
}
.min3 {
	background-color: #FFFF9B;
}
.maj3 {
	background-color: #FFFF20;
}
.perf4 {
	background-color: #30FF30;
}
.aug4, .dim5 {
	background-color: #30C4FF;
}
.perf5 {
	background-color: #30FFFF;
}
.min6 {
	background-color: #C4C4FF;
}
.maj6 {
	background-color: #A690FF;
}
.min7 {
	background-color: #FF80FF;
}
.maj7 {
	background-color: #FF00FF;
}