/*----------------------------
default chords chart
----------------------------*/
.box-chord{
	width: 102px;
	min-width:102px;
	max-width:102px;
	height: 136px;
	min-height:136px;
	max-height:136px;
	box-shadow: none;
	float: left;
	margin: 5px !important;
	margin-bottom: 10px !important;
	border: none;
	background: none;
	cursor: pointer;
	border-radius:5px;
}
.box.box-chord span.count-var.badge{
	position: absolute;
	right: 0px;
	top:0px;
}
.box-chord:hover{
	background: #333 !important;
	color: #fff !important;
}
.box-chord table {
	width: 99px;
	min-width:100px;
	max-width:100px;
	height:132px;
	min-height:132px;
	max-height:132px;
}
.box-chord table th, td {
    border: 1px solid #999;
    border-collapse: collapse;
	width: 14px !important;
	min-width:14px !important;
	max-width:14px !important;
	height: 17px !important;
	min-height:17px !important;
	max-height:17px !important;
	position: relative;
}
.box-chord table th.fret-1{
	height: 18px !important;
	min-height:18px !important;
	max-height:18px !important;
}
.box-chord table th span{
	width: 12px !important;
	min-width:12px !important;
	max-width:12px !important;
	line-height:12px;
	border-radius:6px;
	left:-6.5px;
	position: absolute;
	font-size:14px;
	bottom:2px;
	font-weight: bold;
	text-align: center;
	font-weight: normal !important;
}
.box-chord table th span.c.c-note{
	font-size:8px;
}
.box-chord table th span.c{
	background: #666;
	color: #FFF;
	font-weight: bold;
}
.box-chord table th span.c.c-note{
	visibility: hidden;
}
.box-chord.show-notes table th span.c.f{
	visibility: hidden;
}
.box-chord table tr.tr-notes .note .finger{
	visibility: hidden;
}
.box-chord.show-notes table tr.tr-notes .note .finger{
	visibility: visible;
}
.box-chord.show-notes table tr.tr-notes .note .note-c{
	visibility: hidden;
}
.box-chord.show-notes table th span.c.c-note{
	visibility: visible;
}
.box-chord table th span.c.root{
	/*background: #4E9FF5;*/
}
.box-chord table th span.c:hover{
	background: #0F9CF5;
}
.box-chord table th.open{
	border: none;
	border-bottom: 3px solid #666;
	margin-top: 30px !important;
	height:30px !important;
	min-height:30px !important;
	max-height:30px !important;
}
.box-chord table tr.no-open th.open{
	border-width:1px;
}
.box-chord table th.open span{
	background: none !important;
	color: #666;
	top: 16px !important;
	left:-6px !important;
	border: none !important;
	font-size:10px;
	font-weight: normal;
}
.box-chord table th.fret{
	border: none;
	width:22px !important;
	min-width:22px !important;
	max-width:22px !important;
}
.box-chord table th.fret span{
	background: none;
	color: #666;
	padding-left:11px;
	top:4px !important;
	font-size:11px;
}
.box-chord table th.note{
	border: none;
}
.box-chord table th.note span{
	background: none;
	color: #666;
	left:-6px !important;
	top:2px !important;
	font-size:9px !important;
}
.box-chord table th.no-b{
	border: none;
}
.box-chord table tr th.c-name{
	width: 100px !important;
	min-width: 100px !important;
	max-width:100px !important;
	position: absolute;
	text-align: center;
	font-size: 16px;
	color: #666;
	border: none;
	font-weight: 600;
}
.box-chord table tr th.capo{
	position: absolute;
	background: #666;
	width: 80px !important;
	min-width: 80px !important;
	max-width:80px !important;
	height:12px !important;
	min-height:12px !important;
	max-height:12px !important;
	top:33.5px !important;
	right:5px !important;
	border-radius:6px;
	z-index:99;
	font-size:11px;
	line-height:12px;
	padding-top:0px !important;
	color:#fff;
	text-align:center;
	visibility: hidden;
	border: none;
	font-weight: normal !important;
}
.box-chord.show-notes table tr th.capo{
	z-index: 0;
	opacity:0.5;
}
.box-chord.show-notes table tr th.capo n{
	visibility: hidden;
}
.box-chord.barre table tr th.capo{
	visibility: visible !important;
}
.box-chord.barre.str-1-5 table tr th.capo{
	width:67px !important;
	min-width:67px !important;
	max-width:67px !important;
}
.box-chord.barre.str-1-4 table tr th.capo{
	width:52px !important;
	min-width:52px !important;
	max-width:52px !important;
}
.box-chord.barre.str-1-3 table tr th.capo{
	width:40px !important;
	min-width:40px !important;
	max-width:40px !important;
}
.box-chord.barre.str-1-2 table tr th.capo{
	width:27px !important;
	min-width:27px !important;
	max-width:27px !important;
}
.box-chord.barre table tr th.open{
	border: none;
}

.box-chord.barre table tr th.fret-1 span{
	visibility: hidden;
}

.box-chord.barre table tr th.fret-1 span.c.f.root{
	visibility: visible;
	z-index:99;
}
.box-chord.barre table tr th.fret-1 span.c.f.root n{
	visibility: hidden;
}
.box-chord.barre.show-notes table tr th.fret-1 span.c.f.root{
	visibility: hidden;
}
.box-chord.show-none table th span.c n{
	visibility: hidden;
}
.box-chord.show-none table tr th.capo n{
	visibility: hidden;
}
.box-chord.show-none table tr th.open span.c.f n{
	visibility: visible;
}
.box-chord.ukulele{
	width: 74px !important;
	min-width: 74px !important;
	max-width: 74px !important;
}
.box-chord.ukulele table{
	width: 55px !important;
	min-width: 55px !important;
	max-width: 55px !important;	
}
.box-chord.ukulele table tr th.c-name{
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
	font-size: 12px;
	font-weight: normal;
}
/*--------------------------
small chords chart
-----------------------------*/
.box-chord.small{
	border: none !important;
	padding:1px !important;
	width: 75px !important;
	min-width: 75px !important;
	max-width: 75px !important;
	height:105px !important;
	min-height:105px !important;
	max-height:105px !important;
	margin-bottom: 10px !important;
}
.box-chord.small table{
	width: 75px !important;
	min-width: 75px !important;
	max-width: 75px !important;
	height:99px !important;
	min-height:99px !important;
	max-height:99px !important;
}
.box-chord.small table th, td {
	width: 10px !important;
	min-width:10px !important;
	max-width:10px !important;
	height: 12px !important;
	min-height:12px !important;
	max-height:12px !important;
}
.box-chord.small table th span{
	width: 9px !important;
	min-width:9px !important;
	max-width:9px !important;
	height: 9px !important;
	min-height:9px !important;
	max-height:9px !important;	
	line-height:9px;
	border-radius:4.5px;
	-webkit-border-radius:4.5px;
	-moz-border-radius:4.5px;
	left:-5px;
	bottom:1px;
	font-size:0px;
}
.box-chord.small table th.note{
	display: none;
}
.box-chord.small table th.open{
	height:22px !important;
}
.box-chord.small table th.open span{
	top: 10px !important;
	left:-4px !important;
	font-size:9px;
	font-weight: normal;
}
.box-chord.small table th.fret-1{
	height: 14px !important;
	min-height:14px !important;
	max-height:14px !important;
}
.box-chord.small table th.fret{
	width:13px !important;
	min-width:13px !important;
	max-width:13px !important;
}
.box-chord.small table th.fret span{
	top:3px !important;
	padding-left:5px;
	font-size:9px;
	font-weight: normal;
}
.box-chord.small table th.note span{
	left:-4px !important;
	font-size:8px !important;
}
.box-chord.small table tr th.c-name{
	width: 73px !important;
	min-width: 73px !important;
	max-width:73px !important;
	font-size:12px !important;
	font-weight: normal;
}
.box-chord.small.barre table tr th.capo{
	width: 57px !important;
	min-width: 57px !important;
	max-width:57px !important;
	height:9px !important;
	min-height:9px !important;
	max-height:9px !important;
	top:29px !important;
	right:7px !important;
	border-radius:4.5px;
	font-size:0px;
	line-height:9px;
}
.box-chord.small.barre.str-1-5 table tr th.capo{
	width:49px !important;
	min-width:49px !important;
	max-width:49px !important;
}
.box-chord.small.barre.str-1-4 table tr th.capo{
	width:38px !important;
	min-width:38px !important;
	max-width:38px !important;
}
.box-chord.small.barre.str-1-3 table tr th.capo{
	width:28px !important;
	min-width:28px !important;
	max-width:28px !important;
}
.box-chord.small.barre.str-1-2 table tr th.capo{
	width:18px !important;
	min-width:18px !important;
	max-width:18px !important;
}
/*----------------------------
medium chords chart
----------------------------*/
.box-chord.medium{
	width: 147px !important;
	min-width: 147px !important;
	max-width: 147px !important;
	height:200px !important;
	min-height:200px !important;
	max-height:200px !important;
	margin-right: 15px !important;
	margin-bottom:10px !important;
}
.box-chord.medium table{
	width: 130px !important;
	min-width: 130px !important;
	max-width: 130px !important;
	height:190px !important;
	min-height:190px !important;
	max-height:190px !important;
}

.box-chord.medium table th, td {
	width: 20px !important;
	min-width:20px !important;
	max-width:20px !important;
	height: 25px !important;
	min-height:25px !important;
	max-height:25px !important;
}
.box-chord.medium table th span{
	height: 18px !important;
	min-height:18px !important;
	max-height:18px !important;
	width: 18px !important;
	min-width:18px !important;
	max-width:18px !important;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	left:-10px;
	font-size:16px !important;
	line-height:18px !important;
	text-align: center;
	font-weight: bold !important;
}
.box-chord.medium table th.open{
	height:45px !important;
}
.box-chord.medium table th.open span{
	top: 25px !important;
	left:-8px !important;
}
.box-chord.medium table th.fret-1{
	height: 27px !important;
	min-height:27px !important;
	max-height:27px !important;
}
.box-chord.medium table th.fret-1 span{
	top:4px;
}
.box-chord.medium table th.fret{
	width:30px !important;
	min-width:30px !important;
	max-width:30px !important;
}
.box-chord.medium table th.fret span{
	padding-left:15px;
	top:5px !important;
}
.box-chord.medium table th.note span{
	left:-9px !important;
	font-size:12px !important;
}
.box-chord.medium table tr th.c-name{
	width: 145px !important;
	min-width: 145px !important;
	max-width:145px !important;
	font-size:20px !important;
	top:0px;
}
.box-chord.medium table tr th.capo{
	width: 114px !important;
	min-width:114px !important;
	max-width:114px !important;
	height:15px !important;
	min-height:15px !important;
	max-height:15px !important;
	top:52px !important;
	right:10px !important;
	border-radius:7.5px;
	-webkit-border-radius:7.5px;
	-moz-border-radius:7.5px;
	font-size:16px;
	line-height:13px;
	font-weight: bold !important;
}
.box-chord.medium.barre table tr th.capo{
	visibility: visible !important;
}
.box-chord.medium.barre.str-1-5 table tr th.capo{
	width:93px !important;
	min-width:93px !important;
	max-width:93px !important;
}
.box-chord.medium.barre.str-1-4 table tr th.capo{
	width:75px !important;
	min-width:75px !important;
	max-width:75px !important;
}
.box-chord.medium.barre.str-1-3 table tr th.capo{
	width:55px !important;
	min-width:55px !important;
	max-width:55px !important;
}
.box-chord.medium.barre.str-1-2 table tr th.capo{
	width:35px !important;
	min-width:35px !important;
	max-width:35px !important;
}

.box-chord.medium.ukulele{
	width: 108px !important;
	min-width: 108px !important;
	max-width: 108px !important;
	margin-right:5px !important;
}
.box-chord.medium.ukulele table{
	width: 100px !important;
	min-width: 100px !important;
	max-width: 100px !important;
}
.box-chord.medium.ukulele table tr th.c-name{
	width: 108px !important;
	min-width: 108px !important;
	max-width: 108px !important;
	font-size: 16px !important;
}
.box-chord.medium.barre table th.fret-1 span{
	display: none;
}
/*----------------------------
large chords chart
----------------------------*/
.box-chord.large{
	width: 223px !important;
	min-width: 223px !important;
	max-width: 223px !important;
	height:287px !important;
	min-height:287px !important;
	max-height:287px !important;
}
.box-chord.large table{
	width: 190px !important;
	min-width: 190px !important;
	max-width: 190px !important;
	height:250px !important;
	min-height:250px !important;
	max-height:250px !important;
}
.box-chord.large.ukulele{
	width: 163px !important;
	min-width: 163px !important;
	max-width: 163px !important;
}
.box-chord.large.ukulele table{
	width: 130px !important;
	min-width: 130px !important;
	max-width: 130px !important;
}
.box-chord.large.ukulele table tr th.c-name{
	width: 163px !important;
	min-width: 163px !important;
	max-width: 163px !important;
}
.box-chord.large table th, td {
	width: 30px !important;
	min-width:30px !important;
	max-width:30px !important;
	height: 37px !important;
	min-height:37px !important;
	max-height:37px !important;
}
.box-chord.large table th span{
	width: 25px !important;
	min-width:25px !important;
	max-width:25px !important;
	height: 25px !important;
	min-height:25px !important;
	max-height:25px !important;
	line-height:25px;
	border-radius:12.5px;
	-webkit-border-radius:12.5px;
	-moz-border-radius:12.5px;
	left:-13px;
	top:6px;
	font-size:20px;
}
.box-chord.large table th.open{
	height:60px !important;
	border-bottom: 5px solid #666 !important;
}
.box-chord.large table th.fret,.box-chord.large table th.no-b{
	border: none !important;
}
.box-chord.large.barre table th.open{
	border: none !important;
}
.box-chord.large table th.open span{
	top: 33px !important;
	left: -11px !important;
}
.box-chord.large table th.fret-1{
	height:40px !important;
	min-height:40px !important;
	max-height:40px !important;	
}
.box-chord.large table th.fret{
	width:40px !important;
	min-width:40px !important;
	max-width:40px !important;
}
.box-chord.large table th.fret span{
	padding-left:20px;
	top:9px !important;
}
.box-chord.large table th.note span{
	left:-10px !important;
	font-size:18px !important;
}
.box-chord.large table tr th.c-name{
	width: 220px !important;
	min-width: 220px !important;
	max-width:220px !important;
	font-size:30px !important;
}
.box-chord.large table tr th.capo{
	width: 169px !important;
	min-width:169px !important;
	max-width:169px !important;
	height:25px !important;
	min-height:25px !important;
	max-height:25px !important;
	top:69px !important;
	right:22px !important;
	border-radius:12.5px;
	font-size:25px;
	line-height:25px;
}
.box-chord.large.barre table tr th.capo{
	visibility: visible !important;
}
.box-chord.large.barre.str-1-5 table tr th.capo{
	width:140px !important;
	min-width:140px !important;
	max-width:140px !important;
}
.box-chord.large.barre.str-1-4 table tr th.capo{
	width:110px !important;
	min-width:110px !important;
	max-width:110px !important;
}
.box-chord.large.barre.str-1-3 table tr th.capo{
	width:80px !important;
	min-width:80px !important;
	max-width:80px !important;
}
.box-chord.large.barre.str-1-2 table tr th.capo{
	width:51px !important;
	min-width:51px !important;
	max-width:51px !important;
}
/*----------------------------
extra-large chords chart
----------------------------*/
.box-chord.extra-large{
	width: 330px !important;
	min-width: 330px !important;
	max-width: 330px !important;
	height:450px !important;
	min-height:450px !important;
	max-height:450px !important;
	background: none;
}
.box-chord.extra-large:hover{
	background: none !important;
}
.box-chord.extra-large table{
	width: 300px !important;
	min-width: 300px !important;
	max-width: 300px !important;
	height:420px !important;
	min-height:420px !important;
	max-height:420px !important;
}

.box-chord.extra-large table th, td {
	width: 45px !important;
	min-width:45px !important;
	max-width:45px !important;
	height: 55px !important;
	min-height:55px !important;
	max-height:55px !important;
}
.box-chord.extra-large table th span{
	width: 40px !important;
	min-width:40px !important;
	max-width:40px !important;
	height: 40px !important;
	min-height:40px !important;
	max-height:40px !important;
	border-radius:20px;
	left:-23px;
	bottom:6px;
	font-size:40px !important;
	line-height:40px !important;
	font-weight: bold !important;
}
.box-chord.extra-large.show-notes table th span{
	font-size:25px;
}
.box-chord.extra-large table th.open{
	height:90px !important;
	border-bottom: 10px solid #666;
}
.box-chord.extra-large table th.fret{
	border: none;
}
.box-chord.extra-large table th.no-b{
	border: none;
}
.box-chord.extra-large table th.open span{
	top: 48px  !important;
	left:-22px !important;
	font-weight: normal !important;
}
.box-chord.extra-large table tr.tr-notes th span{
	font-weight: normal !important;
}
.box-chord.extra-large table th.fret-1{
	height: 58px !important;
	min-height:58px !important;
	max-height:58px !important;
}

.box-chord.extra-large table th.fret{
	width:63px !important;
	min-width:63px !important;
	max-width:63px !important;
}
.box-chord.extra-large table th.fret span{
	padding-left:30px;
	top:10px !important;
}
.box-chord.extra-large table th.note span{
	left:-18px !important;
	font-size:30px !important;
}
.box-chord.extra-large table tr th.c-name{
	width: 365px !important;
	min-width: 365px !important;
	max-width:365px !important;
	font-size:45px !important;
	height:55px !important;
	min-height:55px !important;
	max-height:55px !important;
	line-height:55px;
}
.box-chord.extra-large table tr th.capo{
	width: 250px !important;
	min-width:250px !important;
	max-width:250px !important;
	height:34px !important;
	min-height:34px !important;
	max-height:34px !important;
	top:103px !important;
	right:29px !important;
	border-radius:17px;
	font-size:40px !important;
	line-height:32px !important;
	font-weight: bold !important;	
}
.box-chord.extra-large table th.fret-1 span{
	bottom:3px;
}
.box-chord.extra-large.barre table th.fret-1 span{
	bottom:8px;
	display: none;
}
.box-chord.extra-large.barre table tr th.capo{
	visibility: visible !important;
}
.box-chord.extra-large.barre.str-1-5 table tr th.capo{
	width:208px !important;
	min-width:208px !important;
	max-width:208px !important;
}
.box-chord.extra-large.barre.str-1-4 table tr th.capo{
	width:165px !important;
	min-width:165px !important;
	max-width:165px !important;
}
.box-chord.extra-large.barre.str-1-3 table tr th.capo{
	width:120px !important;
	min-width:120px !important;
	max-width:120px !important;
}
.box-chord.extra-large.barre.str-1-2 table tr th.capo{
	width:75px !important;
	min-width:75px !important;
	max-width:75px !important;
}
.box-chord.extra-large#download{
	background: none !important;
	border: none !important;
}
.box-chord.extra-large#download span.c{
}
.box-chord.extra-large#download:hover{
	background: none !important;
}

.box-chord.extra-large.ukulele{
	width: 243px !important;
	min-width: 243px !important;
	max-width: 243px !important;
}
.box-chord.extra-large.ukulele table{
	width: 230px !important;
	min-width: 230px !important;
	max-width: 230px !important;	
}
.box-chord.extra-large.ukulele table tr th.c-name{
	width: 230px !important;
	min-width: 230px !important;
	max-width: 230px !important;
	padding-left: 25px;
}
.box-chord.extra-large.ukulele table tr th.capo{
	right:34px !important;
}
.box-chord.extra-large.ukulele.barre.str-1-4 table tr th.capo{
	width:160px !important;
	min-width:160px !important;
	max-width:160px !important;
	right:32px !important;
}
.box-guitar-wrap{
	height:150px;
	background: url(../../images/fretboard-2.png) no-repeat;
}
.box-chord.extra-large table tr.f th.fret.text span{
	font-weight: normal !important;
}
/*------------------------------------
guitar scale
--------------------------------------*/
.guitar-scale{
	box-shadow: none;
	border: none;
	padding:25px;
	padding-left: 10px;
	padding-right:15px;
	width: auto;
	float: left;
	border-radius:5px;	
}
.guitar-scale .table-scale{
	border-collapse: collapse;
}

.box.guitar-scale .table-scale tr{
	background: #333;
}

.box.guitar-scale .table-scale tr td{
	height:22px !important;
	min-height:22px !important;
	max-height:22px !important;
	width: 40px !important;
	min-width:40px !important;
	max-width:40px !important;
	position: relative;
}
.box.guitar-scale .table-scale tr.string-2 td{
	border-bottom-width:0.14em;
}
.box.guitar-scale .table-scale tr.string-3 td{
	border-bottom-width:0.17em;
}
.box.guitar-scale .table-scale tr.string-4 td{
	border-bottom-width:0.22em;
}
.box.guitar-scale .table-scale tr.string-5 td{
	border-bottom-width:0.25em;
}
.box.guitar-scale .table-scale tr.string-6 td{
	border-bottom-width:0.29em;
}
.box.guitar-scale .table-scale tr td span{
	height:18px !important;
	min-height:18px !important;
	max-height:18px !important;
	width: 18px !important;
	min-width:18px !important;
	max-width:18px !important;
	background: #666;
	text-align: center;
	position: absolute;
	color: #f9f9f9;
	right:15%;
	top:12px;
	font-size:12px;
	line-height:18px;
	border-radius:9px;
	visibility: hidden;
	z-index:99;
	font-weight:  normal;
	cursor: pointer;
}
.box.guitar-scale .table-scale tr.fret td span.round{
	position: absolute;
	background: #999 !important;
	top:-63px;
	height:12px !important;
	min-height:12px !important;
	max-height:12px !important;
	width: 12px !important;
	min-width:12px !important;
	max-width:12px !important;
	z-index:9;
	left:45%;
}
.box.guitar-scale .table-scale tr.fret td span.round.bottom{
	top:-40px;
}
.box.guitar-scale .table-scale tr.fret td span.round.top{
	top:-85px;
}
.box.guitar-scale .table-scale tr td span:hover{
	opacity:0.7;
}
.box.guitar-scale .table-scale tr td span.note{
	visibility: visible;
}
.box.guitar-scale .table-scale tr td.open{
	border: none;
	border-right:8px solid #999 !important;
	width: 30px !important;
	min-width:30px !important;
	max-width:30px !important;
}
.box.guitar-scale .table-scale tr td.open span{
	left:3px;
}
.box.guitar-scale .table-scale tr.fret-1 td span{
	top:0px;
}
.box.guitar-scale .table-scale tr.fret-1 td{
	height:10px !important;
	min-height:10px !important;
	max-height:10px !important;
	border-top: none;
}
.box.guitar-scale .table-scale tr.fret td{
	height:10px !important;
	min-height:10px !important;
	max-height:10px !important;
	border-bottom: none;
}
.box.guitar-scale .table-scale tr.fret td span{
	background: none !important;
	color: #333;
	visibility: visible;
	box-shadow: none !important;
}
.box.guitar-scale .table-scale tr.fret td.open span{
	display: none;
}
.box.guitar-scale .table-scale tr td.open span{
	right:5px;
}
.box.guitar-scale .table-scale tr td span.root{
	background: #FC9500;
}
.box.guitar-scale .table-scale tr td.open span.root{
	color:#fff;
}
.box.guitar-scale.four_strings .table-scale tr.fret td span.round{
	top:-44px;
	right:14px;
}
.box.guitar-scale.four_strings .table-scale tr.fret td span.round.bottom{
	top:-19px;
}
.box.guitar-scale.four_strings .table-scale tr.fret td span.round.top{
	top:-67px;
}
.box.guitar-scale.pattern.no-bg .table-scale tr{
	background: none !important;
}
.box.guitar-scale.pattern .table-scale tr.fret td{
	border: none;
}
.box.guitar-scale.pattern .table-scale tr.fret td span{
	font-size:16px;
	font-weight: normal;
}
.box.guitar-scale.pattern .table-scale tr.fret-1{
	background: none !important;
}
.box.guitar-scale.pattern .table-scale tr.fret{
	background: none !important;
}
.box.guitar-scale.pattern .table-scale tr.fret-1 td{
	border: none;
}

/* full fretboard style */
.main-header{
	box-shadow: none;
}
.body-full-fredboard{
	margin-top:280px;
}
.full-fredboard .box.guitar-scale .table-scale tr{
	background: #333 !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td{
	width: 26px !important;
	min-width:26px !important;
	max-width:26px !important;
	border: none;
	border-right: 3px solid #666 !important;	
}
.full-fredboard .box.guitar-scale .table-scale tr td.open{
	border: none;
	border-right:8px solid #999 !important;
	width: 30px !important;
	min-width:30px !important;
	max-width:30px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.last-fret{
	border-right:3px solid #999;
}
.full-fredboard.acoustic .box.guitar-scale .table-scale tr td.str-21{
	border: none !important;
}
.full-fredboard.acoustic .box.guitar-scale .table-scale tr td.str-21 span{
	display: none;
}
.full-fredboard.acoustic .box.guitar-scale .table-scale tr td.last-fret{
	border: none !important;
	width: 5px !important;
	min-width:5px !important;
	max-width: 5px !important;
}
.full-fredboard.acoustic .box.guitar-scale .table-scale tr td.last-fret span{
	display: none;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-1{
	width: 66px !important;
	min-width:66px !important;
	max-width:66px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-2{
	width: 64px !important;
	min-width:64px !important;
	max-width:64px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-3{
	width: 62px !important;
	min-width:62px !important;
	max-width:62px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-4{
	width: 60px !important;
	min-width:60px !important;
	max-width:60px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-5{
	width: 58px !important;
	min-width:58px !important;
	max-width:58px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-6{
	width: 56px !important;
	min-width:56px !important;
	max-width:56px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-7{
	width: 54px !important;
	min-width:54px !important;
	max-width:54px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-8{
	width: 52px !important;
	min-width:52px !important;
	max-width:52px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-9{
	width: 50px !important;
	min-width:50px !important;
	max-width:50px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-10{
	width: 48px !important;
	min-width:48px !important;
	max-width:48px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-10{
	width: 46px !important;
	min-width:46px !important;
	max-width:46px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-11{
	width: 44px !important;
	min-width:44px !important;
	max-width:44px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-12{
	width: 42px !important;
	min-width:42px !important;
	max-width:42px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-13{
	width: 40px !important;
	min-width:40px !important;
	max-width:40px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-14{
	width: 38px !important;
	min-width:38px !important;
	max-width:38px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-15{
	width: 36px !important;
	min-width:36px !important;
	max-width:36px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-16{
	width: 34px !important;
	min-width:34px !important;
	max-width:34px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-17{
	width: 32px !important;
	min-width:32px !important;
	max-width:32px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-18{
	width: 30px !important;
	min-width:30px !important;
	max-width:30px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-19{
	width: 28px !important;
	min-width:28px !important;

	max-width:28px !important;
}
.full-fredboard .box.guitar-scale .table-scale tr td.fret-20{
	width: 26px !important;
	min-width:26px !important;
	max-width:26px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-1{
	width: 60px !important;
	min-width:60px !important;
	max-width:60px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-2{
	width: 56px !important;
	min-width:56px !important;
	max-width:56px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-3{
	width: 52px !important;
	min-width:52px !important;
	max-width:52px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-4{
	width: 48px !important;
	min-width:48px !important;
	max-width:48px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-5{
	width: 46px !important;
	min-width:46px !important;
	max-width:46px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-6{
	width: 43px !important;
	min-width:43px !important;
	max-width:43px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-7{
	width: 41px !important;
	min-width:41px !important;
	max-width:41px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-8{
	width: 39px !important;
	min-width:39px !important;
	max-width:39px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-9{
	width: 37px !important;
	min-width:37px !important;
	max-width:37px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-10{
	width: 35px !important;
	min-width:35px !important;
	max-width:35px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-10{
	width: 33px !important;
	min-width:33px !important;
	max-width:33px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-11{
	width: 31px !important;
	min-width:31px !important;
	max-width:31px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-12{
	width: 29px !important;
	min-width:29px !important;
	max-width:29px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-13{
	width: 27px !important;
	min-width:27px !important;
	max-width:27px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-14{
	width: 24px !important;
	min-width:24px !important;
	max-width:24px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-15{
	width: 21px !important;
	min-width:21px !important;
	max-width:21px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-16{
	width: 18px !important;
	min-width:18px !important;
	max-width:18px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-17{
	width: 15px !important;
	min-width:15px !important;
	max-width:15px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr td.fret-18{
	width: 25px !important;
	min-width:25px !important;
	max-width:25px !important;
}
.full-fredboard.ukulele-scale .box.guitar-scale .table-scale tr.fret td span.round{
	top:-40px;
}
.body-full-fredboard .full-fredboard{
	width: 100%;
	z-index:998;
	background: #E9EBEc;
	background: #888;
	position: fixed;
	top:50px;
	left:0px;
	border-radius:0px;
	padding-top:20px;
	overflow: auto;
	height:265px;
}
.full-fredboard .guitar-body{
	position: absolute;
	background: #0085F3;
	height:220px;
	width:358px;
	top:0px;
	right:0px;
	z-index:-1;
	padding-left:170px;
	border-radius:150px 0px 0px 60px;
}

.full-fredboard.acoustic .guitar-body{
	border-radius:50px 0px 0px 50px;
	width:428px;
	padding-left:210px;
	background: #fca115;
}
.full-fredboard.acoustic.ukulele-scale{
	height:260px;
}
.full-fredboard.acoustic.ukulele-scale .guitar-body{
	padding-left:105px;
	height:210px;
	width:380px;
	top:0px;
	border-radius: 80px 0px 0px 80px;
}
.full-fredboard .guitar-scale{
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 1338px !important;
	height:215px !important;
	padding-top:45px;
}
.full-fredboard.ukulele-scale .guitar-scale{
	width: 1125px !important;
	height:210px !important;
	padding-top:60px;
}
.full-fredboard .guitar-scale .table-scale{
	margin-left:150px;
}
.full-fredboard .guitar-body .guitar-hold{	
	margin-top:35px;
	margin-left:5px;
}
.full-fredboard .guitar-body .guitar-hold div{
	height:150px;
	border-radius:5px;
	float: left;
	background: #444;
	width: 30px;
	margin-right: 60px;
}
.full-fredboard.acoustic .guitar-body .guitar-hold{
	margin-top:30px;
}
.full-fredboard.acoustic .guitar-body .guitar-hold div.hold1{
	width: 160px;
	height:160px;
	border-radius:80px;
	border: 8px double #fff !important;
}
.full-fredboard.acoustic.ukulele-scale .guitar-body .guitar-hold{
	margin-top:43px;
}
.full-fredboard.acoustic.ukulele-scale .guitar-body .guitar-hold .hold1{
	width:120px;
	height:120px;
	border-radius:60px;
}
.full-fredboard.acoustic .guitar-body .guitar-hold div.hold2{
	width:30px;
	height:100px;
	background: #666;
	position: absolute;
	right:0px;
	top:53px;
}
.full-fredboard .guitar-head{
	position: absolute;
	left:0px;
	height:160px;
	top:30px;
	z-index:-1;
	width: 200px;
	background: #333;
	border-left: none;
	border-radius:0px 50px 50px 0px;
	border: 6px solid #999;	
}
.full-fredboard .guitar-head ul{
	list-style: none;
	margin:0px;
	width: 200px;
	padding:20px;
}
.full-fredboard .guitar-head ul.tuning-bottom{
	margin-top:45px;
}
.full-fredboard .guitar-head ul li span{
	width:20px !important;
	height:20px !important;
	border-radius:10px;
	background: #999;
	float: left;
	margin-right:20px;
}
.full-fredboard.ukulele-scale .guitar-head{
	height:115px;
	width:150px;
	left:50px;
	margin-top:15px;
}
.full-fredboard.ukulele-scale .guitar-head ul{
	padding:10px;
	width:150px;
}
.full-fredboard.ukulele-scale .guitar-head ul.tuning-bottom{
	margin-top:40px;
}
.guitar-scale .extended-strings{
	position: absolute;
	margin:0px;
	padding:0px;
	right:0px;
	width: 1162px;
	list-style: none;
	top:33px;
	z-index:99;
}
.full-fredboard.ukulele-scale .guitar-scale .extended-strings{
	width:859px;
	margin-right:90px;
	margin-top:16px;
}
.guitar-scale .extended-strings li{
	height:22px;
	width: 100%;
	border-bottom: 1px solid #CCC;
}
.full-fredboard .guitar-scale .scale-namer{
	position: absolute;
	top:10px;
	left:35%;
	background: #fff;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #B10000;
}
.full-fredboard.ukulele-scale .guitar-scale .scale-namer{
	top:25px;
}
.box.guitar-scale .extended-strings li.string-2{
	border-bottom-width:0.14em;
}
.box.guitar-scale .extended-strings li.string-3{
	border-bottom-width:0.17em;
}
.box.guitar-scale .extended-strings li.string-4{
	border-bottom-width:0.22em;
}
.box.guitar-scale .extended-strings li.string-5{
	border-bottom-width:0.25em;
}
.box.guitar-scale .extended-strings li.string-6{
	border-bottom-width:0.29em;
	height:23px;
}
.box-body.fret-not-full{
	border: 2px solid #DDD !important;
	border-radius:5px;
}
.fret-not-full .guitar-scale{
	width: 680px;
	float: none;
	margin: 0 auto;
}
body.print .body-full-fredboard{
	margin-top:5px;
}
.fret-not-full .guitar-head,.fret-not-full .guitar-body,.fret-not-full .extended-strings{
	display: none;
}
#print-content.print .full-fredboard{
	position: relative;
	background:none;
	overflow: inherit;
	margin:0px;
	padding:0px;
	padding-left:-50px;
	margin-bottom: 60px;
}
.full-fredboard-menu{
	width: 250px;
	position: absolute;
	bottom:5px;
	left:35%;
}
.ukulele-scale .full-fredboard-menu{
	margin-top:-31px;
}
.full-fredboard-menu ul{
	list-style: none;
	margin:0px;
}
.full-fredboard-menu ul li a{
	float: left;
	color: #fff;
	cursor: pointer;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background: #999;
	margin-right:5px;
	border-radius:5px;
}
.full-fredboard-menu ul li a:hover{
	color:#0072FB;
	background: #333;
}
.body-full-fredboard.hide-fretboard .full-fredboard #container{
	display: none;
}
.body-full-fredboard.hide-fretboard .full-fredboard{
	background: none;
	height:40px;
	z-index:9999;
}
.body-full-fredboard.hide-fretboard .full-fredboard .d-full{
	display: none;
}
.body-full-fredboard.hide-fretboard{
	margin-top:40px;
}
.box.guitar-scale.pattern .table-scale tr.fret td.open,.box.guitar-scale.pattern .table-scale tr.fret-1 td.open{
	border: none !important;
}
.guitar-scale.vertical{
	-moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}
.guitar-scale.vertical .table-scale tr td span{
	-moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}
.guitar-scale.left-hand{
	-moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}
.guitar-scale.left-hand .table-scale tr td span{
	-moz-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
}
.box.guitar-scale tr.fret td span.fret-num{
	font-size:18px;
}
/*-------------------------------------
default piano
--------------------------------------*/
.box.piano-wrap{
	border: none;
	box-shadow: none;
	margin: 0px;
	float: left !important;
	height: 115px !important;
	min-height:115px !important;
	width: 15.76em !important;
	min-width: 15.76em !important;
	max-width: 15.76em !important;
	padding:15px;
	padding-top:5px;
	border-radius: 5px;
	margin-right: 5px;
	background: none;
	margin-bottom:5px;
}
.box.piano-wrap:hover{
	background: #666;
	cursor: pointer;
}
.box.piano-wrap h3.c-title{
	margin:0px;
	padding:0px;
	text-align: center;
	font-weight: 600;
	font-size: 16px !important;
	margin-bottom:5px;
	color: #333;
}
.box.piano-wrap ul{
	border-top: 3px solid #C41E21;
	margin:0px !important;
	padding:0px !important;
}
.box.piano-wrap .box-body{
	padding: 0px;
	margin: 0px;
}
ul.piano {
  height:12.5em; 
  width:100%;
  position:relative;
  margin:0px;
  padding:0px;
  margin-bottom: 5px;
}
ul.piano li { 
	margin:0; 
	padding:0; 
	list-style:none; 
	position:relative; 
	float:left;
	cursor: pointer;
}
ul.piano .white{
	height:5em; 
	width:1em;
	z-index:1;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	border-radius:0 0 5px 5px;
	background: #fff;
}
ul.piano .white:active {
	border-top:1px solid #777;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	box-shadow:2px 0 3px rgba(0,0,0,0.1) inset, -5px 5px 20px rgba(0,0,0,0.2) inset,0 0 3px rgba(0,0,0,0.2) !important;
	background: linear-gradient(top, #fff 0%,#e9e9e9 100%) !important;
}
ul.piano .black{
	height:3em; 
	width:0.6em; 
	margin:0 0 0 -0.32em; 
	z-index:2;
	border:1px solid #000;
	border-radius:0 0 3px 3px;
	box-shadow:-1px -1px 2px rgba(255,255,255,0.2) inset, 0 -5px 2px 3px rgba(0,0,0,0.6) inset, 0 2px 4px rgba(0,0,0,0.5) !important;
	background:linear-gradient(45deg, #222 0%,#555 100%);
	background: #333333;
}
#print-content.print ul.piano .black{
	background: #333333 !important;
}
ul.piano .black:active {
	box-shadow:-1px -1px 2px rgba(255,255,255,0.2) inset, 0 -2px 2px 3px rgba(0,0,0,0.6) inset, 0 1px 2px rgba(0,0,0,0.5) !important;
	background:linear-gradient(left, #444 0%,#222 100%) !important;
}
ul.piano .a,ul.piano .g,ul.piano .f,ul.piano .d,ul.piano .c { 
	margin:0 0 0 -0.32em;  
}
ul.piano li:first-child {
}
ul.piano li:last-child { 
	border-right: 1px solid #999;
}
ul.piano .black,ul.piano .white,ul.piano li:last-child,ul.piano li:first-child{
	border-radius: 0px 0px 2px 2px;
}
ul.piano .note{
	width:12px !important;
	min-width:12px !important;
	max-width:12px !important;
	height:12px !important;
	min-height:12px !important;
	max-height:12px !important;
	background: #FFF;
	text-align: center;
	position: absolute;
	bottom:5px;
	font-size: 10px;
	line-height:12px;
	left:0px;
	border-radius: 6px;
	color: #333;
	font-weight: bold;
	visibility: hidden;
	z-index:999;
}
ul.piano .black .note{
	left:-3px;
	z-index:999;
}
ul.piano .built{
	background: #1DA7FF;
	box-shadow: none !important;
}
ul.piano .black.built{
	border-top: none;
}
ul.piano .built .note{
	visibility: visible;
}
/*------------------------------
small piano chords
-------------------------------*/
.piano-wrap.small{
	height: 90px !important;
	min-height:90px !important;
	max-height: 90px !important;
	width:185px !important;
	max-width:185px !important;
	min-width:185px !important;
}
.piano-wrap.small ul{
	border-top: 2px solid #C41E21 !important;
}
.box.piano-wrap.small h3.c-title{
	font-size:16px !important;
	line-height:16px !important;
}
.piano-wrap.small ul.piano .white {
	height:4.3em; 
	width:1em; 
}
.piano-wrap.small ul.piano .black {
	height:2.7em; 
	width:0.6em;
	margin:0 0 0 -0.35em;
}
.piano-wrap.small ul.piano .a, .piano-wrap.small ul.piano .g, .piano-wrap.small ul.piano .f, .piano-wrap.small ul.piano .d, .piano-wrap.small ul.piano .c { 
	margin:0 0 0 -0.35em;
}
.piano-wrap.small ul.piano .note{
	width: 10px !important;
	max-width:10px !important;
	min-width:10px !important;
	min-height:10px !important;
	max-height:10px !important;
	height:10px !important;
	line-height:10px;
	border-radius:5px;
	font-size:9px;
}
/*------------------------------
large piano chords
-------------------------------*/
.piano-wrap.large{
	height: 160px !important;
	min-height:160px !important;
	max-height: 160px !important;
}
.piano-wrap.large ul.piano .white {
	height:8em; 
	width:1.7em; 
}
.piano-wrap.large ul.piano .black {
	height:5em; 
	width:1.1em;
	margin:0 0 0 -0.6em;
}
.piano-wrap.large ul.piano .a, .piano-wrap.large ul.piano .g, .piano-wrap.large ul.piano .f, .piano-wrap.large ul.piano .d, .piano-wrap.large ul.piano .c { 
	margin:0 0 0 -0.6em;
}
.piano-wrap.large ul.piano .note{
	width:19px !important;
	min-width:19px !important;
	max-width:19px !important;
	height:19px !important;
	min-height:19px !important;
	max-height:19px !important;
	font-size:15px;
	line-height:15px;
	left:1.5px;	
}
.piano-wrap.large ul.piano .black .note{
	left:-2px;
	font-size:12px;
	line-height:12px;
	padding-top:3px;
}
/*------------------------------
extra-large piano chords
-------------------------------*/
.piano-wrap.extra-large{
	height: 280px !important;
	min-height:280px !important;
	max-height: 280px !important;
	width:539.5px !important;
	min-width:539.5px !important;
	max-width:539.5px !important;
}
.box.piano-wrap.extra-large ul{
	border-width:8px;
}
.piano-wrap.extra-large:hover{
	background: none !important;
}
.box.piano-wrap.extra-large h3.c-title{
	font-size: 50px !important;
	margin-bottom:5px;
}
.piano-wrap.extra-large ul.piano .white {
	height:13em; 
	width:2.67em; 
}
.piano-wrap.extra-large ul.piano .black {
	height:8em; 
	width:1.7em;
	margin:0 0 0 -0.9em;
}
.piano-wrap.extra-large ul.piano .a, .piano-wrap.extra-large ul.piano .g, .piano-wrap.extra-large ul.piano .f, .piano-wrap.extra-large ul.piano .d, .piano-wrap.extra-large ul.piano .c { 
	margin:0 0 0 -0.9em;
}
.piano-wrap.extra-large ul.piano .note{
	width:30px !important;
	min-width:30px !important;
	max-width:30px !important;
	height:30px !important;
	min-height:30px !important;
	max-height:30px !important;
	font-size:26px;
	line-height:26px;
	border-radius: 15px;
	left:2px;
	padding-top:2px;
	bottom:10px;	
}
.piano-wrap.extra-large ul.piano .black .note{
	width:26px !important;
	min-width:26px !important;
	max-width:26px !important;
	height:26px !important;
	min-height:26px !important;
	max-height:26px !important;
	font-size:18px;
	line-height:18px;
	border-radius:13px;
	left:-2px;
	bottom:10px;
}
.piano-wrap.extra-large ul.piano .black,.piano-wrap.extra-large ul.piano .white, .piano-wrap.extra-large ul.piano li:last-child, .piano-wrap.extra-large ul.piano li:first-child{
	border-radius: 0px 0px 5px 5px;
}
/*----------------------------------------------

-----------------------------------------------*/
table.chord-details{
	border: none !important;
	background: none;
}
table.chord-details tr td{
	border: none !important;
	padding:0px;
	margin:0px;
	height:20px !important;
	min-height:20px !important;
	max-height:20px !important;
	line-height:20px;
}
.box.no-background{
	box-shadow: none;
	border: none;
	border-radius: 0px;
}
.absolute-left-bottom{
	position: absolute;
	bottom:30%;
	z-index: 99 !important;
}
ul.move-down-and-up{
	list-style: none;
	margin:0px;
	padding:0px;
}
ul.move-down-and-up li{
	height:50px !important;
	margin-bottom: 3px;
}
ul.move-down-and-up li a{
	background: #2FB3FC;
	color: #fff;
	padding: 10px;
	width:50px !important;
	height:50px !important;
	font-size: 18px;
	cursor:  pointer;
	opacity:0.1;
}
ul.move-down-and-up li a:hover{
	background: #5EC1E5 !important;
	opacity:1;
}
.chord-save-download ul{
	list-style: none;
	margin:0px;
	padding:0px;
}
.chord-save-download ul li a{
	width: 50% !important;
	float: left;
	border-radius:0px;
	border: none;
}
.absolute-bottom{
	position: absolute;
	bottom:0px;
	width: 100% !important;
}
.absolute-bottom .btn{
	width: 100% !important;
	border-radius: 0px;
	border: none;
	border-top: 1px solid #EEE;
}
.absolute-bottom .btn:hover{
	background: #666 !important;
	color: #FFF;
}
#close-chord-menu{
	position: absolute; 
	top: 0px; 
	right: 0px; 
	font-size: 28px; 
	color: #FFE91F;
}
#close-chord-menu:hover{
	cursor: pointer;
	color: #F30623;
}
#sidebar-chord-menu a{
	color: #EEE;
	border-bottom: 1px solid #333;
}
#sidebar-chord-menu a:hover{
	color: #63A0FF;
}
.box-body.root-note-page ul li a{
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 26px;
	text-align: center;
	width: 80px !important;
	background: #f9f9f9;
}
.box-body.root-note-page ul li a:hover{
	background: none;
	color: #009BFF;
}
a.list-group-item{
	border: none;
	border-bottom: 1px solid #EEE;
}
a.list-group-item:hover{
	color: #009BFF;
	background: #333;
}
#chord-build-sidebar{
	position: fixed;
	left:0px;
	top:51px;
	width:200px;
	height:100%;
	box-shadow: none;
	border: none;
	padding:10px;
}
.scale-menu-wrap{
	margin-bottom:10px;
	padding:10px;
	background: #FFF;
	border: 1px solid #DDD;
}
.scale-menu-wrap .scale-menu-ul{
	list-style: none;
	margin:0px;
	padding:0px;
}
.scale-menu-wrap .scale-menu-ul li{
	float: left;
	margin-right:5px;
}
.scale-menu-wrap .scale-menu-ul li .form-control{
	max-width:100px;
}

.chord-scale-menu-list{
	list-style: none;
	margin:0px;
	padding:0px;
	text-align: center;
}
.chord-scale-menu-list li a{
	float: left;
	line-height:35px;
	padding-left:20px;
	padding-right:20px;
	font-size: 18px;
	border-radius:3px;
	background: #f9f9f9;
	color: #666;
	border: 1px solid #EEE;
	margin-right: 5px;
	cursor: pointer;
}
.chord-scale-menu-list li a:hover{
	background: #FFF;
	color: #FF0308;
}
.list-group a.list-group-item{
	font-weight: normal !important;
}
.box-chord.extra-large table#download-chord.dl tr th.open span{
	top:43px !important;
}
.box-download-chord #download-chord{
	background: none !important;
}