* {
    font-family: "Bookman Old Style", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12.4px;
    white-space: nowrap;
	vertical-align: middle;
}

body {
    margin: 0px;
    padding: 0px;
    /* modern vs. 8-bit */
	/* background: #e2e4e8; */ 
	background: #000000;
}

img.logo {
	border:	none;
	padding-right: 1px;
	margin-top: -4px;
	margin-left: -2px;
	width: 20px;
	height: 24px;
}

p.displayNone {
	display: none;
	visibility: hidden;
	clear: none;
}

#improvSettingsLink {
	text-decoration: underline;
}

#termsLink {
	text-decoration: underline;
}
#termsLink img {
	border: none;
	color: #0000ff;
}
#termsLink:hover {
    color: #eeeeee;
}

#contactLink {
	text-decoration: underline;
}
#contactLink img {
	border: none;
	color: #0000ff;
}
#contactLink:hover {
    color: #eeeeee;
}

a {
	text-decoration: underline;
}
a img {
	border: none;
	color: #0000ff;
}
a:hover {
    color: #eeeeee;
}

div.chord-settings-right {
	margin-top: 1.5px;
    margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 3px;
	vertical-align: baseline;
	text-align: right;
	float: right;
	font-size: 12.4px;
	line-height: 12px;
}
a.home-link {
    margin-top: 0px;
	padding-top: 0px;
	color: #00aa00;
	vertical-align: baseline;
	text-decoration: none;
}
a.home-link:hover {
	color: #00ff00;
}

div.clear, br.clear {
	clear: both;
    margin: 0px;
    padding: 0px;
	font-size: 0px;
}

h1, h2, h3, h4, h5, h6 {
	/* modern vs. 8-bit */
    /* color: #000000; */
    color: #00ff00;
}
body, p {
	/* modern vs. 8-bit */
    /* color: #555555; */
    color: #00ff00;
    font-size: 12.4px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

ul {
    padding-top: 0px;
    padding-bottom: 0px;
}
li {
    padding-top: 0px;
	padding-bottom: 8px;
}

ul.improvSettings {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
li.improvSettings {
    padding-top: 0px;
	padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

hr {
	margin: 0px;
	padding: 0px;
    border: 1px solid #00ff00;
    width: 100%;
}

div.content-settings {
	width: 860px;
}

select.input-select {
	height: 19px;
	font-size: 12.4px;
	vertical-align: middle;
	display: inline-block;
	box-sizing: content-box;
	z-index: 2;
}
select.input-select-tone {
	height: 19px;
	font-size: 12.4px;
	width: 40px;
	vertical-align: middle;
	display: inline-block;
	box-sizing: content-box;
}
input.input-text {
	height: 19px;
	font-size: 12.4px;
	vertical-align: middle;
	display: inline-block;
	box-sizing: content-box;
}

input.effect-range-label {
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}
input.effect-range {
	padding: 0px;
	margin: 0px;
	font-size: 12.4px;
	width: 50px;
	vertical-align: middle;
}

input.input-button {
	height: 21px;
	font-size: 12.4px;
	vertical-align: middle;
	border: none;
	display: inline-block;
	box-sizing: content-box;
	background-color: #FF9900;
}
input.input-button:hover {
	color: #00FF00;
	cursor: pointer;
}
input.input-small-gray-button {
	height: 18px;
	font-size: 12.4px;
	vertical-align: middle;
	border: none;
	display: inline-block;
	box-sizing: content-box;
	background-color: #e2e4e8;
}
input.input-small-gray-button:hover {
	color: #00aa00;
	cursor: pointer;
}
div.no-space {
	padding: 0px;
	margin: 0px;
}

div.audio-column-title {
	text-align: center;
}
div.audio-column-indent {
	width: 80px;
	float: left;
	display: inline-block;
	text-align: center;
}
div.audio-column-title b {
	float: left;
	display: inline-block;
	width: 162px;
	text-align: center;
	vertical-align: top;
	line-height: 11px;
	vertical-align: bottom;
	height: 13px;
}
div.audio-column-right, div.audio-column-right.input {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 3.5px;
	padding-bottom: 0px;
	height: 13px;
	vertical-align: baseline;	
}

input.file-button {
	height: 23px;
	width: 288px;
	font-size: 12.4px;
	vertical-align: middle;
	text-align: left;
	border: none;
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	box-sizing: content-box;
}
input.file-button:hover {
	color: #eeeeee;
	cursor: pointer;
}

div#root-pane {
	/* width: 100%; */
	height: 100%;
	margin: 0px auto;
	padding-top: 0px;
	padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 16px;
}

div#header {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 20px;
	width: 860px;
}

div#header div.header-title {
	margin-top: 0px;
	margin-bottom: 0px;
    padding-top: 0px;
	padding-bottom: 0px;
    padding-left: 8px;
}
div#header div.header-title h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
	font-size: 16px;
	float: left;
}

div#header div.terms-contact p {
	float: right;
	font-size: 12.4px;
	padding-top: 0px;
	padding-bottom: 4px;
	vertical-align: middle;
}

div.terms-contact p a, a {
	font-size: 12.4px;
	vertical-align: middle;
    color: #00ff00;
}

div#footer {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.group-8bit {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 4px;
	/* modern vs. 8-bit */
	/* background-color: #000000; */
	background-color: #008000;
	color: #00ff00;
}
div.group-8bit-spacer {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #222222;
	color: #00ff00;
}
div.group-8bit p {
    color: #00ff00;
}

div.group {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}
div.chord-harmony-group {
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #fafafa;
    color: #000000;
	width: 860px;
}
div.chord-harmony-header-group {
	margin-left: 13px;
    margin-top: 2px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.modes-group {
	margin-left: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 14px;
	font-family: monospace, monospace;
}
div.chord-harmony-options-group {
	margin-left: 13px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12.4px;
	vertical-align: baseline;
}

div.fretboards-group {
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 1px;
	background-color: #fafafa;
    color: #000000;
	width: 840px;
	height: 620px;
}
div.fretboards-group-description-left {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
    padding-left: 22px;
	vertical-align: top;
	float: left;
}
div.fretboards-group-description-right {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-right: 27px;
	padding-bottom: 0px;
	vertical-align: top;
	text-align: left;
	width: 380px;
	float: right;
}
div.fretboards-grid-group {
	width: 100%;
}
div.fretboards-item-wrapper {
	margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-right: 10px;
	vertical-align: top;
	float: left;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}
div.fretboards-item-wrapper:hover {
	color: #00aa00;
	cursor: pointer;
}
div.fretboards-item-label {
    padding-bottom: 4px;
}
div.fretboards-item {
    margin: 0px;
    padding: 0px;
	vertical-align: top;
	float: left;
	display: inline-block;
	width: 378px;
	height: 51px;
	background-size: contain;
	background-repeat: no-repeat;
}

div.title-row {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	vertical-align: middle;
}
div.input-row {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 4px;
	vertical-align: middle;
}
div.input-row-with-more-top-padding {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: middle;
}
div.text-row {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}
div.menu {
	clear: none;
	float: left;
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.menu-item {
	clear: none;
	float: left;
	display: inline-block;
    margin: 0px;
	padding: 0px;
}
div.spacer {
	clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 0px;
}
div.half-spacer {
	clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
}
div.spacer0_5 {
	clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 0.5px;
	padding-bottom: 0px;
}

div.input-row-left-fixed-width {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 137px;
	float: left;
	font-size: 12.4px;
	line-height: 19px;
}
div.input-row-left-bold {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	float: left;
	font-weight: bold;
	font-size: 14px;
	font-family: monospace, monospace;
}

div.chord-group {
    margin-top: 0px;
    margin-left: -2px;
    margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	float: left;
	display: inline-block;
	font-weight: bold;
	font-size: 10px;
	font-family: monospace, monospace;
}
div.chord {
    margin: 0px;
    padding: 0px;
	vertical-align: top;
	float: left;
	display: inline-block;
	width: 83px;
	height: 95px;
}
div.chord-open-strings {
	margin: 0px;
	padding-left: 16px;
	vertical-align: top;
	float: left;
	display: inline-block;
	font-weight: bold;
	font-size: 11.6px;
	letter-spacing: 2px;
	line-height: 12px;
	width: 59px;
	height: 12px;
	text-align: left;
	font-family: monospace, monospace;
}
div.chord-name {
	margin: 0px;
	padding-top: 2px;
	padding-left: 0px;
	vertical-align: top;
	float: left;
	display: inline-block;
	font-weight: bold;
	font-size: 12.4px;
	line-height: 12px;
	letter-spacing: 0px;
	width: 74px;
	height: 14px;
	text-align: center;
	font-family: monospace, monospace;
	/* background-color: #e2e4e8; */
}
div.chord-name:hover {
	color: #00aa00;
	cursor: pointer;
}
div.chord-fret {
	margin: 0px;
	padding-top: 2px;
	padding-left: 0px;
	vertical-align: top;
	float: left;
	display: inline-block;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0px;
	width: 16px;
	height: 10px;
	text-align: center;
	font-family: monospace, monospace;
}
div.chord-fret-abbr {
	margin-left: -14px;
	padding-top: 10px;
	vertical-align: top;
	float: left;
	display: inline-block;
	font-size: 8px;
	line-height: 8px;
	letter-spacing: 0px;
	width: 11px;
	height: 40px;
	color: #aaaaaa;
	text-align: center;
	font-family: monospace, monospace;
}
div.chord-chart {
	background: url('../../images/chord.gif');
	background-repeat: no-repeat;
	background-size: 51px 57px;
	margin: 0px;
	padding-top: 1px;
	vertical-align: top;
	float: left;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1.7px;
	line-height: 12.2px;
	width: 50px;
	height: 60px;
	color: #000000;
	text-align: left;
	font-family: monospace, monospace;
}
div.chord-chart:hover {
	color: #00aa00;
	cursor: pointer;
}

label.text-bold-header {
	height: 19px;
	font-size: 12.4px;
	vertical-align: middle;
	display: inline-block;
	box-sizing: content-box;
}
label.mono-text-bold-header {
	line-height: 19px;
	font-size: 14px;
	font-family: monospace, monospace;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	box-sizing: content-box;
}
label.mono-text-bold {
	line-height: 19px;
	font-size: 12.4px;
	font-family: monospace, monospace;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	box-sizing: content-box;
}
label.mono-text-with-line-space {
	line-height: 19px;
	font-size: 12.4px;
	font-family: monospace, monospace;
	vertical-align: middle;
	display: inline-block;
	box-sizing: content-box;
}

div.mode-chord-tone {
	width: 23px;
	line-height: 19px;
	text-align: center;
	font-size: 12.4px;
	font-family: monospace, monospace;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	box-sizing: content-box;
	color: #00aa00;
}
div.mode-tone {
	width: 23px;
	line-height: 19px;
	text-align: center;
	font-size: 12.4px;
	font-family: monospace, monospace;
	vertical-align: middle;
	display: inline-block;
	box-sizing: content-box;
	/* color: #aaaaaa; */
}

div.input-row-left-fixed-width {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 96px;
	float: left;
	font-size: 12.4px;
	line-height: 19px;
}
div.input-row-left-fixed-width1 {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 89px;
	float: left;
	font-size: 12.4px;
	line-height: 19px;
	font-family: monospace, monospace;
}
div.input-row-left-fixed-width2 {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 340px;
	float: left;
	font-size: 14px;
	font-family: monospace, monospace;
	line-height: 16px;
}
div.input-row-left-fixed-width3 {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 82px;
	float: left;
	font-size: 14px;
	font-family: monospace, monospace;
	font-weight: bold;
	line-height: 16px;
	color: #00aa00;
}
div.input-row-left-fixed-width4 {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 110px;
	float: left;
	font-size: 14px;
	font-family: monospace, monospace;
	line-height: 16px;
}
div.input-row-left-fixed-width5 {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 105px;
	float: left;
	font-size: 14px;
	font-family: monospace, monospace;
	font-weight: bold;
	line-height: 16px;
	color: #00aa00;
}
div.input-row-left-fixed-width6 {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	width: 90px;
	float: left;
	font-size: 14px;
	font-family: monospace, monospace;
	line-height: 16px;
}

div.input-row-left, div.input-row-left b {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	float: left;
}
div.input-row-right {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	vertical-align: top;
	text-align: right;
	float: right;
}

div.audio-container {
	float: left;
	height: 95px;
    margin-top: 1px;
    margin-bottom: px;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	background: #767882;
	border: 4px solid #9294a8;
	border-radius: 4px;
}
div.audio-object-wrapper {
	width: 100%;
	text-align: center;
}
div.audio-object {
	width: 100%;
	text-align: center;
}

div.streaming-container {
	float: left;
	height: 100x;
    margin-top: 0px;
    margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: middle;
	background: #767882;
	border: 4px solid #9294a8;
	border-radius: 4px;
}

div.boxCShape {
	background: url('../../images/Box-C-Am.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.boxGShape {
	background: url('../../images/Box-G-Em.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.boxEShape {
	background: url('../../images/Box-E-Dm.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

div.colorBoxCShape {
	background: url('../../images/Box-Purple.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.colorBoxGShape {
	background: url('../../images/Box-Red.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.colorBoxEShape {
	background: url('../../images/Box-Blue.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

div.colorBoxRootsCShape {
	background: url('../../images/Box-Purple-Roots.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.colorBoxRootsGShape {
	background: url('../../images/Box-Red-Roots.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.colorBoxRootsEShape {
	background: url('../../images/Box-Blue-Roots.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

div.allCagedColorBoxCShape {
	background: url('../../images/Box-Purple-Extended.gif');
	width: 177px;
	height: 110px;
	background-size: 177px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.allCagedColorBoxGShape {
	background: url('../../images/Box-Red-Extended.gif');
	width: 107px;
	height: 110px;
	background-size: 107px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.allCagedColorBoxEShape {
	background: url('../../images/Box-Blue-Extended.gif');
	width: 177px;
	height: 110px;
	background-size: 177px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

div.allCagedColorBoxDotsCShape {
	background: url('../../images/Box-Purple-Dots-Extended.gif');
	width: 177px;
	height: 110px;
	background-size: 177px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.allCagedColorBoxDotsGShape {
	background: url('../../images/Box-Red-Dots-Extended.gif');
	width: 107px;
	height: 110px;
	background-size: 107px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.allCagedColorBoxDotsEShape {
	background: url('../../images/Box-Blue-Dots-Extended.gif');
	width: 177px;
	height: 110px;
	background-size: 177px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

div.plainBoxCShape {
	background: url('../../images/Box-C-Am-Classic.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.plainBoxGShape {
	background: url('../../images/Box-G-Em-Classic.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.plainBoxEShape {
	background: url('../../images/Box-E-Dm-Classic.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

div.plainBoxRootsCShape {
	background: url('../../images/Box-C-Am-Classic-Roots.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.plainBoxRootsGShape {
	background: url('../../images/Box-G-Em-Classic-Roots.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.plainBoxRootsEShape {
	background: url('../../images/Box-E-Dm-Classic-Roots.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

div.plainPentatonicBoxRootsCShape {
	background: url('../../images/Box-C-Am-Pentatonic-Classic.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.plainPentatonicBoxRootsGShape {
	background: url('../../images/Box-G-Em-Pentatonic-Classic.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.plainPentatonicBoxRootsEShape {
	background: url('../../images/Box-E-Dm-Pentatonic-Classic.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

div.fireAndIceBoxRootsCShape {
	background: url('../../images/Box-Purple-Roots-FireAndIce.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.fireAndIceBoxRootsGShape {
	background: url('../../images/Box-Red-Roots-FireAndIce.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.fireAndIceBoxRootsEShape {
	background: url('../../images/Box-Blue-Roots-FireAndIce.gif');
	width: 110px;
	height: 110px;
	background-size: 106px 109px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

div.fretboard {
	background: url('../../images/fretboard-black.jpg');
	width: 860px;
	height: 116px;
	background-size: 860px 116px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}
div.fretboards-strings-image {
	width: 860px;
	height: 116px;
	position: absolute;
	background-size: 860px 116px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.fretboards-markers-image {
	width: 860px;
	height: 116px;
	position: absolute;
	background-size: 860px 116px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
div.fret-numbers, div.fret-numbers p, div.fret-numbers p b, div.fret-numbers b {
	vertical-align: top;
	width: 800px;
	height: 18px;
	color: "#00ff00";
	padding-bottom: 1px;
	position: relative;
	background-color: "#008000";
}
div.string-row, div.string-row p {
	vertical-align: middle;
	font-weight: bold;
	padding-top: 1px;
	height: 17.5px;
	position: relative;
	color: #00ff00;
}

div.fret-symbol {
    font-family: "Bookman Old Style", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12.5px;
    position: absolute;
}
div.tone-symbol {
	font-family: "Bookman Old Style", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12.5px;
    position: absolute;
    border-radius: 20%;
}

div.visualizer-container {
	width: 858px;
	height: 116px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	position: relative;
	/* border: 1px solid #767882; */ 
}

#visualizerCanvas {
	margin: 10px;
	padding: 0px;
  	/* width: 687px; */
  	width: 858px;
  	height: 118px;
  	background: #000000;
	position: absolute;
}

div.column-title, div.column-title b {
	width: 160px;
	text-align: center;
}
label.stream-string {
	font-size: 12.4px;
}
div.tone-stream, p.tone-stream, label.tone-stream {
	float: right;
	width: 126px;
  	background: #008000;
	margin: 0px;
	padding-left: 0px;
	padding-right: 6.4px;
	text-align: right;
	font-family: monospace, monospace;
	font-size: 12px;
}
div.tone-stream-top-input-line {
	margin-top: 0px;
	padding-top: 0px;
}
div.tone-stream-bottom-input-line {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.gravity-control-container {
	position: relative;
	left: 365px;
	top: 31px;
}

div.gravity-control {
	position: absolute;
	background: #767882;
	width: 99px;
	height: 99px;
	background: #767882;
	border: 4px solid #9294a8;
	border-radius: 50%;
	text-align: center;
}
div.gravity-control p {
	font-size: 12.4px;
}

div.gravity-control-preference label {
	position: absolute;
	top: 24.5px;
	left: 4.5px;
	font-size: 11px;
	width: 100px;
	text-align: center;
}
div.gravity-control-frets label {
	position: absolute;
	top: 44.5px;
	left: 4.5px;
	font-size: 11px;
	width: 100px;
	text-align: center;
	
}
div.gravity-control-strings label {
	position: absolute;
	top: 64.5px;
	left: 4.5px;
	font-size: 11px;
	width: 100px;
	text-align: center;
}

div.gravity-up p {
	position: absolute;
	top: 1.5px;
	left: 47px;
	color: #363840;
	font-size: 14px;
}
div.gravity-down p {
	position: absolute;
	top: 88px;
	left: 47px;
	color: #363840;
	font-size: 14px;
}
div.gravity-left p {
	position: absolute;
	top: 42.5px;
	left: 3.5px;
	color: #363840;
	font-size: 14px;
}
div.gravity-right p {
	position: absolute;
	top: 42.5px;
	left: 91px;
	color: #363840;
	font-size: 14px;
}

div.gravity-up p:hover {
    color: #00ff00;
    cursor: pointer;
}
div.gravity-down p:hover {
    color: #00ff00;
    cursor: pointer;
}
div.gravity-left p:hover {
    color: #00ff00;
    cursor: pointer;
}
div.gravity-right p:hover {
    color: #00ff00;
    cursor: pointer;
}

div.modal-dialog-title {
	font-weight: bold;
}
div.modal-dialog-content, div.modal-dialog-content p {
    white-space: normal;
	font-weight: normal;
	line-height: 16.5px;
}