::-moz-focus-inner { padding: 0; border: 0;}
body { font-size: 100%; font: 16px Arial, Helvetica, sans-serif;  min-height: 100%;  margin: 0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
img {width: 100%;}

.lyrics {width: 100%; margin:auto;}
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin: 10px 5px; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.songbook_img { margin:0.3em 0.4em; border: 2px none black; }
.gcontent {margin: 8px;}
.linkad { display: none; width: 100%; margin: 0.5em auto 1em; text-align: center; }
.banad { width:100%; margin: 8px auto 13px; text-align: center; }
.skys-right {display: none; float: right; width: 25.3%; margin-top: 0.5em; margin-left: 0.3em;}
.skys-right-ad {width: 100%; /*160px height: 600px; */margin: 0px 0px 0.5em 0px;}
.songbook-ad {width: 100%; /*height: 250px;*/ margin: 0.4em auto;}

h1 {margin: 0px auto; text-align: center; font-size: 1.7em;}
h3 {text-align: center; margin: 3px 0px 4px;}
p {padding:0em 0.5em;}
.songbook_clrL {clear: left;}

.mainlinkCopy4 { text-align: center; background: #FFC; padding: 0.2em; border: 1px solid #F00; border-radius: 8px; margin: 10px 4px;}
.mainlinkCopy4 a { background: linear-gradient(to bottom, #f1f8ff 57%, #bbbdf9 100%); text-decoration: none; padding: 0.2em 0.3em; margin: 0.2em 0.1em;
 font-family: Arial, Helvetica, sans-serif; font-size: 1em;  border-radius: 10px; white-space: nowrap; display: inline-block; border: 1px solid;}
.bnav { height: 35px; background: #FFC; display: inline; margin-top: 3px; margin-right: 3px; margin-bottom: 10px; }
.bnav a{ background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 58%,#b7df2d 100%); font-size: medium; line-height: 26px; border-radius: 10px; text-decoration: none; margin-right: 2px; margin-left: 2px; padding: 4px; border: 1px solid #F00; margin-bottom: 10px; white-space: nowrap; display: inline-block; font-weight: bold; }
.bnav2 { height: 28px; margin: 3px auto 5px; white-space: nowrap; display: block; clip: rect(auto,auto,auto,auto); text-align: center; }
.bnav2 a { background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 58%,#b7df2d 100%); font-size: 16px; line-height: 26px; border-radius: 10px; text-decoration: none; margin-right: 2px; margin-left: 2px; padding: 4px; border: 1px solid #F00; }

.titleSelect tr td {display: flex; flex-wrap: wrap;justify-content: space-between;}
.titleSelect tr td a { background: linear-gradient(to bottom, #f1f8ff 57%, #bbbdf9 100%); text-align: left; border-radius: 5px; padding: 3px; margin-top: 5px; margin-bottom: 5px; margin-left: 3px; text-decoration: none; overflow: hidden; display: inline-block; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-left: 1px solid; font-size: small; line-height: 22px; font-weight: bold; height: 1.65em; flex-basis: 100%; flex-shrink: 1;}

.dl { white-space: normal; clip: rect(auto, auto, auto, auto); margin-top: 10px; margin-bottom: 10px; text-align: center; margin-left: 5px; }
.dl a { background: linear-gradient(to bottom, #f8ffe9 10%, #e3f5ab 30%, #b7df2d 100%); font-size: 16px; line-height: normal; border-radius: 5px; text-decoration: none; padding: 4px; border: 1px solid #F00; display: inline-block; margin: .2em; }

.red-instrution { color: #F00; font: bold; text-align: center; }

.slink { width: 100%; margin-top: 5px; margin-right: 2px; margin-bottom: 10px; }
.slink a { background: linear-gradient(to bottom, #f1f8ff 57%, #bbbdf9 100%); display: inline-block; white-space: nowrap; width: 96%; text-decoration: none;
 padding: 2px 2px 3px; border-radius: 10px; overflow: hidden; text-align: center; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
 border-left: 1px solid; margin: 5px 3px 10px; font-size: small; line-height: 22px; font-weight: bold;}
/*responsive rules*/
/*@media screen and (min-width: 350px) {
 /*.banad {width: 336px; height: 250px; margin: 8px auto;}*
} */
@media screen and (min-width: 299px) {
.linkad {display: block;}
.titleSelect tr td a {flex-basis: 47%;}
.songbook_img {width: 48%;float: left;}
.songbook-ad {float: right; width: 65%; margin: 0.4em;}
.songbook_clrR {clear: left;} /*}*/

/*@media screen and (min-width: 644px) {
.gcontent {width: 72%;}*/
.skys-right { display: block; /*width: 160px;*/}
.songbook-ad {width: 47.7%}
 h1 {font-size: 2em;}
 h3 {text-align: center;  display: block;  margin: 3px 0 4px;}
 /*.songbook_clrR {clear: none;}*/ }
/*
@media screen and (min-width: 738px) {
 /*.linkad {width: 728px;height: 15px;}
 .banad {width: 728px;height: 90px;}*
 .gcontent {width: 76%;}
 .skys-right {width: 22%;}
 /*.songbook-ad {width: 336px; height: 280px; margin-left: 0em; margin-right: 1%;}*/
 /*.songbook-ad {width: 50%}* }
*/
@media screen and (min-width: 300px) {
.lyrics {width:900px;}
.gcontent {width: 80%;}
.skys-right {width: 18%;}
.titleSelect tr td a {flex-basis: 48%;}
/*.songbook-ad {width: 300px; height: 600px;}*/
.songbook_img {width: 33%;}
.songbook_clrR {clear: none;}
.songbook-ad {width: 38%; } }

/*responsive tables*/
@media screen and (max-width: 600px) {
 .songbook_table tr td { display: block; }
 .songbook_table td { /* Behave  like a "row" */
 border-bottom: 1px solid #eee; position: relative; width: 98%; } }