div.gchq-widget div,
div.gchq-widget span,
div.gchq-widget p,
div.gchq-widget a,
div.gchq-widget img,
div.gchq-widget label,
div.gchq-widget td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
div.gchq-widget select {
	width: auto;
}

div.gchq-widget {
  position: relative;
  font-size: 12px;
  left: 2px;
}
div.gchq-widget input, div.gchq-widget select {
  font-size: 12px;
  margin-bottom: 5px;
}

div.gchq-fretboard {
position: relative;
height: 130px;
width: 614px;
}
div.gchq-nut {
position: absolute;
top: 2px;
left: 0;
width: 10px;
height: 87px;
}
div.gchq-fretboard.shifted div.gchq-nut img{
display: none;
}
div.gchq-window {
position: relative;
overflow: hidden;
width: 600px;
height: 130px;
left: 10px;
}
div.gchq-widget.narrow {
width: 200px;
}
div.gchq-widget label {
display: inline;
margin-right: 10px;
}
div.gchq-widget.narrow label {
font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
margin-right: 0px;
}
div.gchq-widget.narrow input {
margin: 0 0 5px 0;
}
div.gchq-widget.narrow div.gchq-window {
width: 160px;
}
div.gchq-widget.narrow div.gchq-window {
height: 110px;
}
div.gchq-widget.narrow div.gchq-frets {
height: 110px;
}
div.gchq-widget.reverse.narrow div.gchq-nut img {
display: none;
}
div.gchq-widget.reverse.narrow div.gchq-window {
height: 130px;
overflow-x: scroll;
}
div.gchq-widget.reverse.narrow div.gchq-frets {
height: 130px;
}
div.gchq-reverse-controls {
display: none;
}
div.gchq-reverse-controls div.gchq-match-result {
display: none;
}
div.gchq-reverse-controls div.gchq-match-waiting {
display: block;
}
div.gchq-widget.reverse div.gchq-forward-controls {
display: none;
}
div.gchq-widget.reverse div.gchq-reverse-controls {
display: block;
}
div.gchq-widget.reverse div.gchq-reverse-controls p {
font-size: 10px;
line-height: 12px;
}
div.gchq-widget div.gchq-radio {
display: inline;
}
div.gchq-widget.narrow div.gchq-radio {
display: block;
}
div.gchq-widget div.gchq-radio input, div.gchq-widget div.gchq-inversions input {
margin: 0;
}

div.gchq-widget.reverse div.fret, div.gchq-widget.reverse div.nut {
cursor: pointer;
}
div.gchq-widget.reverse div.fret div.gchq-n {
cursor: default;
}

div.gchq-frets {
position:absolute;
background: transparent url(images/fretboard.png) no-repeat 0px 4px;
width: 600px;
height: 87px;
top: 1px;
}
div.gchq-frets img {
position: absolute;
top: 4px;
left: 0px;
}
div.fret {
position: relative;
top: 4px;
width: 40px;
height: 81px;
/*background: transparent url(images/fret.png) no-repeat 0 0; */
float:left;
}
div.dfret {
/* background: transparent url(images/dotted-fret.png) no-repeat 0 0; */
}
div.ddfret {
/* background: transparent url(images/double-fret.png) no-repeat 0 0; */
}
div.gchq-n {
position: absolute;
text-align:center;
top: 87px;
left: 0px;
width: 100%;
height: 14px;
font-size: 12px;
}
div.gchq-x,div.gchq-o,div.gchq-f,div.gchq-b {
display: none;
position: absolute;
z-index:10;
width: 13px;
}
div.gchq-x,div.gchq-o {
left:-2px;
height: 13px;
}
div.gchq-x {
background: transparent url(images/muted.png) no-repeat 0 0;
}
div.gchq-o {
background: transparent url(images/open.png) no-repeat 0 0;
}
div.gchq-b {
background: transparent url(images/bar2.png) no-repeat 0 0;
}
div.gchq-f {
height: 13px;
background: transparent url(images/finger.png) no-repeat 0 0;
}
div.gchq-f0 { top: 76px; }
div.gchq-f1 { top: 61px; }
div.gchq-f2 { top: 46px; }
div.gchq-f3 { top: 31px; }
div.gchq-f4 { top: 15px; }
div.gchq-f5 { top: 0px; }
div.gchq-x0,div.gchq-o0 { top: 75px; }
div.gchq-x1,div.gchq-o1 { top: 60px; }
div.gchq-x2,div.gchq-o2 { top: 45px; }
div.gchq-x3,div.gchq-o3 { top: 30px; }
div.gchq-x4,div.gchq-o4 { top: 14px; }
div.gchq-x5,div.gchq-o5 { top: -1px; }
div.gchq-b2 { height: 37px; }
div.gchq-b3 { height: 59px; background-image: url(images/bar3.png); }
div.gchq-b4 { height: 81px; background-image: url(images/bar4.png); }
div.gchq-b5 { height: 103px; background-image: url(images/bar5.png); }
div.gchq-b6 { height: 125px; background-image: url(images/bar6.png); }

div.gchq-options {
  display: none;
}

a.gchq-clear {
display: block;
text-align: right;
outline: none;
width: 600px;
}
div.gchq-widget.narrow a.gchq-clear {
width: 200px;
}
div.clear {
clear:both;
}
