body{
	margin: 0;
	padding: 0;
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
}
.menu{
	background: rgb(200 200 200);
	overflow: hidden;
	padding: 10px 25px;
	border-bottom: 1px solid black;
}
.menu_list a{
	color: black;
	display: inline-block;
	margin: 0 5px;
	padding: 2px 3px;
	text-decoration: none;
}


.ListSongFastNavigation{
	position: fixed;
	top: 40px;
	left: 0px;
	transition: linear 0.25s;
	/*margin: 50px;
	border: 1px solid black;*/
}
.ListSongFastNavigation a{
	color: black;
	display: block;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ListSongFastNavigation ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.ListSongFastNavigation li{
	position: relative;
}
.ListSongFastNavigation ul.singers, .ListSongFastNavigation ul.songs{
	display: none;
	position: absolute;
	top: -1px;
	border: 1px solid black;
	/*padding: 5px 7px;*/
	background: white;
}
.ListSongFastNavigation ul.singers{
	left: 23px;
}
.ListSongFastNavigation ul.songs{
	left: 180px;
}
.ListSongFastNavigation li.symbol{
	text-align: center;
	width: 22px;
	background: white;
	padding: 4px 0;
	border: 1px solid rgb(0, 0, 0, 0.5);
	border-radius: 5px;
	cursor: pointer;
}
.ListSongFastNavigation li.symbol:hover, .ListSongFastNavigation li.symbol.hover{
	background: rgb(251, 255, 0, 1);
	border: 1px solid rgb(0, 0, 0, 1);
	/*font-weight: bold;*/
}
.ListSongFastNavigation ul.symbols li.singer, .ListSongFastNavigation ul.symbols li.song{
	text-align: left;
	width: 170px;
	background: white;
	padding: 4px 5px;
	cursor: default;
	white-space: nowrap;
	/*overflow: hidden;*/
}
.ListSongFastNavigation ul.symbols li.singer:hover, .ListSongFastNavigation ul.symbols li.song:hover{
	background: rgb(251, 255, 0, 1);
}
.ListSongFastNavigation ul.symbols li:hover ul li{
	border: 0;
	border-radius: 0;
	font-weight: none;
}

.ListSongFastNavigation ul.symbols li:hover ul.singers, .ListSongFastNavigation ul.singers li:hover ul.songs{
	display: block;
}



/*.boxListSymbolNameSinger{
	position: fixed;
	top: 40px;
	left: 0px;
}
.boxListSymbolNameSinger a{
	display: block;
	color: black;
	text-decoration: none;
	padding: 4px;
	border: 1px solid rgb(0, 0, 0, 0.5);
	border-radius: 5px;
	text-align: center;
	transition: linear 0.25s;
	background: rgb(255, 255, 255, 1);
	margin-bottom: 1px;
}
.boxListSymbolNameSinger .hover{
	background: rgb(251, 255, 0, 0.75);
	border: 1px solid rgb(0, 0, 0, 1);
	font-weight: bold;
}*/

.boxListShords{
	/*width: 90%;*/
	padding: 10px;
	padding-left: 25px;
	margin: auto;
	/*overflow: hidden;
	float: none;*/
}
.boxListShords a{
	display: block;
	margin-bottom: 5px;
	padding: 10px 20px;
	color: black;
	text-decoration: none;
	border-radius: 5px;
}
.boxListShords a:nth-of-type(odd){
	background-color: rgba(0,0,0,.08);
}
.boxListShords a .name{
	display: inline-block;
	width: 60%;
}
.boxListShords a .chords{
	display: inline-block;
	width: 30%;
}
.boxListShords a .capo{
	display: inline-block;
	width: 5%;
}
.boxListShords a .view{
	display: inline-block;
	width: 5%;
}
.boxListShords .singerNameHR{
	margin: 0;
	border: 0;
	border-top: 1px solid grba( 255,255,255, 0);
}




.showSong{
	min-width: 500px;
}
.showSong .text_header{
	font-weight: bold;
	font-size: 1.3em;
	padding: 10px 20px;
	border-bottom: 1px solid black;
}
.showSong .text_toolds, .showSong .text_style{
	/*padding: 10px 20px;*/
	padding: 0px 20px 10px 20px;
	border-bottom: 1px solid black;
}
.showSong.print .text_toolds, .showSong.print .text_style{
	display: none;
}
.showSong .text_toolds .tool_box, .showSong .text_style .tool_box{
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
}
.showSong .text_toolds a, .showSong .text_style a{
	color: black;
	text-decoration: none;
	border: 1px solid black;
	padding: 2px 5px;
	border-radius: 5px;
}
.showSong .text_toolds a#changeScrollSpeed{
	border: 0;
	border-radius: 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0 5px;
	padding: 2px 10px;
}
.showSong .text_toolds a#changeScrollSpeed.on{
	border-color: green;
	color: green;
}
.showSong .text_song_box{
	overflow: hidden;
}
.showSong .text_song{
	padding: 10px 10px 0px 10px;
	overflow: hidden;
	display: inline-block;
	/*float: left;*/
	/*position: relative;*/
}
.showSong .text_song pre{
	margin: 0px 20px 0px 0px;
	font-family: Courier;
	font-size: 1em;
	display: inline-block;
	/*float: left;*/
	transition: linear 0.25s;
	vertical-align: top;
}
.showSong .text_song.preDisplayBlock pre{
	display: block;
	/*float: none;*/
}
.showSong .text_song.fontSize1 pre{ font-size: 0.5em; }
.showSong .text_song.fontSize2 pre{ font-size: 0.6em; }
.showSong .text_song.fontSize3 pre{ font-size: 0.7em; }
.showSong .text_song.fontSize4 pre{ font-size: 0.8em; }
.showSong .text_song.fontSize5 pre{ font-size: 0.9em; }
.showSong .text_song.fontSize6 pre{ font-size: 1em; }
.showSong .text_song.fontSize7 pre{ font-size: 1.1em; }
.showSong .text_song.fontSize8 pre{ font-size: 1.2em; }
.showSong .text_song.fontSize9 pre{ font-size: 1.3em; }
.showSong .text_song.fontSize10 pre{ font-size: 1.4em; }
.showSong .text_song.fontSize11 pre{ font-size: 1.5em; }
.showSong .text_song.fontSize12 pre{ font-size: 1.75em; }
.showSong .text_song.fontSize13 pre{ font-size: 2em; }
.showSong .text_song.fontSize14 pre{ font-size: 2.25em; }
.showSong .text_song.fontSize15 pre{ font-size: 2.5em; }
.showSong .text_song.fontSize16 pre{ font-size: 3em; }
.showSong .text_song.fontSize17 pre{ font-size: 4em; }
.showSong .text_song.fontSize18 pre{ font-size: 5em; }

.showSong .text_song pre b{
	font-weight: 700;
	font-size: 1.1em;
}
.showSong .text_song_box .appliqueBox{
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}
.showSong .text_song_box .applique{
	padding-top: 10px;
}
.showSong .text_song_box .applique canvas{
	display: inline-block;
}
.showSong .text_song_box .capo{
	padding-top: 10px;
}
.showSong .text_song_box #textSongChordNote{
	display: none;
	position: absolute;
	padding: 5px 0 0 5px;
	border: 1px solid black;
	border-radius: 5px;
	z-index: 10;
	background: rgb( 255, 255, 255 );
}
.showSong .note{
	font-family: Courier;
    font-size: 1em;
	padding: 0 10px;
	border-top: 1px solid rgba( 0, 0, 0, 0.25 );
	border-bottom: 1px solid rgba( 0, 0, 0, 0.25 );
	margin: 10px 0;
}
.showSong .info{
	font-family: Courier;
    font-size: 1em;
	margin: 10px;
	margin-top: 20px;
}
.showSong #aboutChord{
	display: none;
	position: absolute;
}

svg .c_g { fill: rgba(156,156,156,1); }
svg .c_b { fill: rgba(93,110,175,1); }
svg .os_t { font: bold 12px sans-serif; fill: black; }
svg .sf_t { font: bold 11px sans-serif; fill: black; }
svg .t { font: bold 12px sans-serif; fill: black;}
svg .t_help { font: bold 10px sans-serif; fill: black;}
svg .help{ fill: transparent; }
svg .help:hover{ fill: rgba(0,255,0,0.5); }
svg .r.help:hover{ fill: rgba(255,0,0,0.5); }


.appliqueList{
	padding: 0 10px;
}
.appliqueList .list .chord{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.appliqueList .ViewBox{
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	text-align: center;
}
/*.appliqueList.chordView .list{
	display: none;
}*/
.appliqueList.chordView .ViewBox{
	display: block;
}
.appliqueList .ViewBox .paddingBox{
	padding-top: 50px;
	width: 375px;
	margin: auto;
	position: relative;
}
.appliqueList .ViewBox .paddingBox .close{
	background: white;
	color: black;
	border: 1px solid black;
	padding: 5px 10px;
	border-radius: 5px;
	position: absolute;
	top: 50px;
	right: 0px;
	cursor: pointer;
	text-decoration: none;
}
.appliqueList .ViewBox .chordElement{
	margin: auto;
	display: block;
	width: 150px;
	margin-bottom: 20px;
}
.appliqueList .ViewBox input[type="button"]{
	width: 150px;
	height: 30px;
	margin: 0px 10px;
	background: white;
	color: black;
	border: 1px solid black;
	border-radius: 5px;
	cursor: pointer;
}