/* H1.banner {border-width: 1; border: solid; text-align: center; color: red} */
h1.banner { border: none; text-align: center; color: red}
h2.migo { color: #333399; text-align: center; margin-top: 1em; margin-bottom: 1em}
h2.migo2 { color: #333399; font-size: 90%; font-style: italic; text-align: center; margin-top: 1em; margin-bottom: 0.5em;}
h2.migo3 { color: #333399; font-size: 120%; font-style: italic; text-align: left; margin-top: 1em; margin-bottom: 0.8em;}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

p.found { color: #333399; font-size: 80%; font-style: italic; text-align: left; margin-bottom: 2em}
/* tried bg #ccccff #cccc66  */
/* Original: */
/* body.migofr {background-color: #bbbbdd;  color: #222222; font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 100%} */
/* Modified to use Google fonts */
body.migofr {background-color: #bbbbdd;  color: #222222; font-family: 'Bubblegum Sans', cursive; font-size: 24px;}
div.migofr {background-color: #bbbbdd;  color: #222222; font-family: 'Bubblegum Sans', cursive; font-size: 24px;}
div.migofrul {background-color: #eeeecc;  color: #222222;}
/* body.migofr {background-color: #bbbbdd;  color: #222222; font-family: 'Bubblegum Sans', cursive; font-size: 24px;} */

    


        /* font-family: 'Tangerine', serif; font-size: 48px; */
/* body.migoen {background-color: #bbdddd;  color: #333333; font-family: "Times New Roman", Times, serif ; font-size: 20px} */
/* body.migoit {background-color: #dddddd;  color: #555555; font-family: "DawnCastle:style=Normal", Times, serif ; font-size: 20px} */

/* body.migoen {background-color: #bbdddd;  color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 100%} */
body.migoen {background-color: #bbdddd;  color: #333333; font-family: 'Bubblegum Sans', cursive; font-size: 24px}
div.migoen {background-color: #bbdddd;  color: #333333; font-family: 'Bubblegum Sans', cursive; font-size: 24px}
div.migoenul {background-color: #eeeecc;  color: #333333;}
div.camera {
	font-size: 70%; 
	font-style: italic; 
	border: 2px solid #3366cc;
	color: brown;
	text-align: left;
	display:inline;
/*        padding-top: 5%; 
        padding-bottom: 0%; 
*/
}
/* body.migoit {background-color: #dddddd;  color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 100%} */
body.migoit {background-color: #dddddd;  color: #555555; font-family: 'Bubblegum Sans', cursive; font-size: 24px}

div.c3 {font-size: 80%; text-align: center}
hr.c2 {text-align: center}
div.c1 {text-align: center}
div.copyright {
	font-size: 70%; 
	border: 2px solid #3366cc; 
	padding: 4px;
	background: #f2f2f9;
	border-style: solid;
	border-width: thin;
}
th.question {
	font-size: 120%; 
	font-style: italic; 
	border: none;
	color: green;
	text-align: center;
/*        padding-top: 5%; 
        padding-bottom: 0%; 
*/
}
th.photo {
	font-size: 80%; 
	font-style: italic; 
	border: none;
	color: green;
	text-align: left;
        padding-top: 4%; 
        padding-bottom: 0%; 
}

th.chords {
    text-align: center;
    font-style:bold;
    valign:top;
    align:center;
    padding-bottom: 0.5em; 
}

h1.question {
	font-style: italic; 
	border: none;
	color: green;
	text-align: center;
}
h1.conseilfr {
	font-style: italic; 
	font-size: 140%;
	/* font-size-adjust: 1.6; */
	border: none;
	color: SeaGreen;
	text-align: center;
}

h1.conseilen {
	font-style: italic; 
	font-size: 140%;
	/* font-size-adjust: 1.6; */
	border: none;
	color: SeaGreen;
	text-align: center;
}
h1.conseilit {
	font-style: italic; 
	font-size: 140%;
	/* font-size-adjust: 1.6; */
	border: none;
	color: SeaGreen;
	text-align: center;
}

/* taken from cancel.htm */
/*
#sidenav { margin: 0px; padding: 0; height: 100%; width: 90px;
         letter-spacing: 0em; float: left; clear: left; position: fixed; 
         overflow: auto; overflow-x: hidden; overflow-y:hidden;}
*/
#sidenav { margin: 0px; padding: 0; height: 100%; width: 40px;
         letter-spacing: 0em; float: left; clear: left; position: fixed; 
         overflow: auto; overflow-x: hidden; overflow-y:hidden; text-align:center;}
#sidenavr { margin: 290px; padding: 0; height: 100%; width: 50px;
         letter-spacing: 0em; float: left; clear: left; position: fixed; 
         overflow: auto; overflow-x: hidden; text-align:center;}
#sidenav ul { border: 0; margin: 5px; padding: 5px; list-style-type: none; }
#sidenav li { border: none; margin: 0; padding: 0; list-style-type: none;
              font-size: 90%;
              font-weight: normal; color: #999999; line-height: 120%; }

#sidenav h2 { font-weight: bold; display: block; color: black;  
              text-decoration: none; font-size: 100%; margin-left: 5px; 
              margin-top: 0px; margin-bottom: 2px; }
#sidenav h3 { font-weight: bold; display: block; color: black;  
              text-decoration: none; font-size: 90%; margin-left: 5px; 
              margin-top: 0px; margin-bottom: 2px; }
#sidenav td { padding-top: 10px; padding-bottom: 10px;}



#topnav { margin-left: 0px; margin-right: 15px; margin-bottom: 0px; 
        padding-top: 10px; text-align: right;}
#topnavshift { margin-left: 90px; margin-right: 15px; margin-bottom: 10px; 
        padding-top: 10px; text-align: right;}

#mainshift { margin-left: 90px; margin-right: 15px; margin-bottom: 10px; 
        padding-top: 10px; }


#main { margin-left: 0px; margin-right: 15px; margin-bottom: 10px; 
        padding-top: 10px; }

#th-chord {text-align:center; font-size:80%; font-style:italic;}



img.icon {
float: left;
margin-right: 3px;
}

img.tunerbutton {
    draggable: false; 
    float: none;
    margin-left: 6px;
    margin-right: 6px;
}

img.flag {
float: right;
margin:9px 11px 6px 1px;
}

/* img.bind("ondragstart", function(e) { e.preventDefault(); }); */
/* img.bind("drag", function(e) { e.preventDefault(); }); */

/* img.bind("ondragstart", function(e) { e.preventDefault(); }); */
/* img.bind("drag", function(e) { e.preventDefault(); }); */

/* img { */
/*   pointer-events: none; */
/* } */


/* html, body, div, span, object, */
/* form, input, h1, h2, button, label, a, img { */
/*   -moz-user-select: text; */
/*   -webkit-user-select: text; */
/*   /\* this will work for QtWebKit in future *\/ */
/*     -webkit-user-drag: none; */
/*     /\* -moz-user-drag: none; *\/ */
/* } */


        * {
            margin: 0;
            padding: 0;
        }
        .imgbox {
            display: grid;
            height: 100%;
	    margin-bottom: 2em
        }
        .center-fit {
            max-width: 100%;
            max-height: 100vh;
            margin: auto;
        }
	.center-fit2 {
            max-width: 100%;
            max-height: 100vh;
	    margin: auto;
	    display: block;
	    padding-bottom: 0.5em;
        }