/*
http://colorschemedesigner.com/#2F42ih1scw0w0

Primary Color:
80C35B	6C9358	407F1E	A7E187	B6E19F
Secondary Color A:
497091	445A6D	183E5E	7EA6C8	91AFC8
Secondary Color B:
E1AE69	A88C65	926322	F0C890	F0D2AA
Complementary Color:
D06179	9C5E6B	872036	E78B9F	E7A4B2

*/

BODY
{
	/*font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;*/
	/*font-family: "Times New Roman", Times, serif; */
	/*font-family: "Lucida Console", Monaco, monospace;*/
	/*font-family: "Courier New", Courier, monospace;*/
	font-family: monospace;
	/*font-size: 80%;*/
	margin: 0px;
	padding: 0px;
}
DIV, SPAN, TABLE, TR, TD {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-color: transparent;
}
TABLE {
	border-collapse: collapse;
	border-spacing: 0px;
	border-color: transparent;
}
INPUT, SELECT, TEXTAREA {
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: monospace;
}

/*
 *	interface
 */
SELECT {
	padding: 0.33em
}
div.instrument {
	margin: 1em;
	border: 1px solid transparent;
}
td.config-cell, div.config-cell {
	padding-right: 2em;
}
div.scale-label-config {
	border-radius: 0.6em;
	color: white;
	font-weight: bold;
	background-color: #497091;
}
div.chord-label-config {
	border-radius: 0.6em;
	color: white;
	font-weight: bold;
	background-color: #D06179;
}
.ui-effects-transfer {
	border: 1px dotted red;
}

/*
 *	lib
 */
.interactive {
	cursor: pointer;
}
.moveable {
	cursor: move;
}
td.highlighted {
	background-color: yellow;
}

div.fret {

}

span.fretnum-label {
	float: right;
	/*position: relative;
	top: -0.5em;
	left: 0.55em;*/
	font-size: 0.75em;
	color: gray;
}

span.note-label {
	border-radius: 0.25em;
	/*border: 1px solid white;*/
	color: white;
	font-weight: bold;
	font-size: 0.7em;
	background-color: gray;
	text-align: center;
	display: block;
}
span.scale-label {
	border-radius: 0.6em;
	color: white;
	font-weight: bold;
	font-size: 0.7em;
	background-color: #497091;
	text-align: center;
	display: block;
}
span.chord-label {
	border-radius: 0.6em;
	color: white;
	font-weight: bold;
	font-size: 0.7em;
	background-color: #D06179;
	text-align: center;
	display: block;
}