/* $Rev: 32 $ */

.chordsGen {
	float: left;
	margin-top: 1ex;
	background-color: #c7efff;
	width: 224px;
}

.chordsGen, .chordsGen select, .chordsGen input {
	font-family : Arial, 'sans-serif';
	font-size : 14px;
}

.chordsGen select {
	float: left;
	margin: 2px 0 0 1.5em;
}

.chordsGen .main {
	position: relative;
	margin-left: 3px;
	padding-top: 8px;
}

.chordsGen .fingerboard {
	height: 171px;
}

.chordsGen .fingerboardMtrj {
	position: relative;
	float: left;
	width: 109px;
	height: 188px;
}

.chordsGen .fingerboard {
	background: url('/sprite.png?v=1') no-repeat top left;
	background-position: 0px 0px; width: 109px; height: 171px;
}

.pressInit {
	position: absolute;
	visibility: hidden;
}

.chordsGen #barreLine {
	background-color: #00ff00;
	position: absolute;
	width: 50px;
	height: 3px;
	clip: rect(auto auto 3px auto);
	visibility: hidden;
}

.silentStringMark {
	position: absolute;
	top: 174px;
}

.chordsGen #idFretNumb {
	margin: 13px 64px 0 8px;
	float: left;
	border-style : solid;
	border-width : 1px;
	background-color : #ffffff;
	width: 1.8em;
	text-align: center;
}

.chordsGen input {
	float: left;
	margin: 12px 0 0 6px;
	width: 100px;
}

#idChordsCount .head {
	color: white;
	background-color: #1f8fff;
	width: 100%;
	margin-top: 1ex;
	padding: 1px 0 1px 2px;
}

#idChordsCount h2 {
	display: inline;
}

#idChordsCount .headSign {
	width: 1.5em;
	text-align: center;
	float:left;
}

#idChordsCount .chordTable {
	margin-top: 0.2ex;
	padding: 0ex 0.2em 0.3ex 0.8em;
	border: dotted 1px #aaaaaa;
	text-align: center;
}

#idChordsCount .chordTableField, #idChordsCount .chord {
	width: 4em;
}

#idChordsCount .chordTableField {
	float: left;
	text-align: center;
	margin-top: 1ex;
	background-color: #e7f3ff;
}

#idChordsCount .chordOrder {
	width: 4em;
	font-weight: bold;
	background-color: #cfe7ff;
}

#idChordsCount .space {
	clear: both;
	line-height: 1px;
}

.tuner {
	text-align: left;
}

.tuner .fingerboard {
	background-color: #804000;
	width : 220px;
	height: 386px;
	position: relative;
	left: 0px;
	top: 0px;
}

.tuner .string {
	width: 3px;
	height: 386px;
	background-color: white;
	position: absolute;
	top: 0px;
}

.tuner .fret {
	width: 220px;
	height: 4px;
	background-color: #e2e000;
	position: absolute;
	left: 0;
}

.tunerFretMark {
	position: absolute;
	left: 106px;
}

.tuner .stringName {
	font : 16px Arial,'sans-serif';
	position : relative;
}

.transp {
	background-color: #c7efff;
}

.transp .center112 {
	width: 112px;
	float: left;
	text-align: center;
}

.transp .transpHeading {
	font-weight : bold;
	padding-top: 4px;
}

.transp .selection {
	margin: 4px 0px 6px 0px;
}

.transp .buttonMtrj {
	width: 89px;
	height: 30px;
	float: left;
	text-align: center;
}

.transp .buttonMtrj input {
	margin-top: 4px;
	width: 76px;
	height: 24px;
}

.transp .buttonMtrj .chordBox {
	margin: 4px 7px 0px;
	padding: 2px 0px;
	background-color : #efefef; 
	border : solid 1px;
	border-top-color : #bbbbbb;
	border-left-color : #bbbbbb;
	border-bottom-color :  #aaaaaa;
	border-right-color : #aaaaaa;
}

.transpArrow {
	margin: 11px 0px 0px 0px;
	float: left;
}