@charset "utf-8";
/* CSS Document */

table
{
}

table.fretboard
{
	border: 2px solid silver;
}
td
{
	padding: 3pt;
	border: 1px solid silver;
	font:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	text-align:center;
	color: #202030;
}

td.chordName
{
	font-size:large;
}

td.fret
{
	margin: 0px;
	padding: 0px;
	border: none;
}

td.fretIndex
{
	margin: 0px;
	padding: 0px;
	border: none;
	border-right: 2px solid silver;
	font-size: medium;
}

td.fretIndex.special
{
	background-color:#C0C0F0;
}

.openString
{
	background-color:#E0E0E0;
}
.notInScale
{
	background-image:url(images/empty_fret.png);
	background-repeat:no-repeat;
	background-color:#F0E8E0;
}
.notInScale.openString
{
	background-image:url(images/empty_open.png);
	background-color:#E0E0E0;
}
.inScale
{
	background-image:url(images/note_fret.png);
	background-repeat:no-repeat;
	color: #808080;
}
.inScale.openString
{
	background-image:url(images/note_open.png);
}
.inChord
{
	background-image:url(images/chord_fret.png);
	background-repeat:no-repeat;
	color: #FFFFFF;
}
.inChord.openString
{
	background-image:url(images/chord_open.png);
	color: #000000;
}
.extra
{
	background-color:#E08080;
}

@media screen {
	#instructions {
	}
}

@media print {
	#header {
		display:none;
	}
	#instructions {
		display:none;
	}
	.navbar {
		display:none;
	}
}