html {border-left: 2em solid CadetBlue;}
body {font-family:georgia,sans-serif; padding:0; margin:0; background-color:WhiteSmoke;}
input {font-family:georgia,sans-serif;}
h1 {padding:1em 0 0 .5em; margin:0; text-align:center; font-style:italic; font-size:100%; width:20em; position:relative;}
h1 strong {display:block; font-size:200%; font-weight:bold; font-style:none;}
h1 div {position:absolute; left:2em; top:.5em; width:5em; background-color:CadetBlue; font-size:125%; font-weight:bold;}
h3 {font-size:150%; margin:1.5em 0 0 0; padding:0; text-align:center;}
td {vertical-align:top;}

#nav {position:absolute; top:1em; right:2em;}
#nav a {color:CadetBlue; padding:0 .25em;}
#nav span.here {color:Black; font-weight:bolder;}

#verse.show {margin-top:1em; text-align:right; background-color:Coral; padding:.5em;
             -moz-border-radius:.75em; -webkit-border-radius:.5em;}
#verse.show span {text-decoration:underline; cursor:pointer;}
#verse.show a.button {padding:0 .5em; margin:0 .5em; background-color:Coral; border:.2em solid Black; text-decoration:none; color:Black;}
#verse.show a.button:hover {background-color:Black; color:Coral;}
#verse.show div  {margin-top:.75em;}

#verse.hide {margin-top:1em; text-align:right; padding:.5em;}
#verse.hide span {text-decoration:underline; background-color:coral; padding:.5em; cursor:pointer;
                 -moz-border-radius:.75em; -webkit-border-radius:.5em;}
#verse.hide div {display:none;}

#verseRef {width:13em;}

.bubble {margin:2em; padding:.5em; background-color:CadetBlue; color:White;
         -moz-border-radius:.75em; -webkit-border-radius:.75em;}
.bubble h3 {margin:0; padding:0; font-weight:bold;}
.bubble div {margin:.2em 0 0 .5em;}
.bubble strong {font-weight:bold; color:Black;}
.bubble a {color:Black; text-decoration:underline; font-style:italic;}
.bubble .more {text-align:right;}
.bubble .more a {color:Black; font-style:italic;}
.bubble a.button {padding:0 .5em; margin:0 .5em; background-color:CadetBlue; border:.2em solid White; text-decoration:none; color:White;}
.bubble a.button:hover {background-color:White; color:CadetBlue;}

span.verse {text-decoration:underline; font-style:italic; cursor:pointer;}

#verseBox {display:none; position:absolute; left:10%; width:80%; border:.2em solid Black; background-color:Wheat; padding:1em;
          -moz-border-radius:.75em; -webkit-border-radius:.5em;}
#verseBox div.ref  {font-weight:bold;}
#verseBox div.text {}
#verseBox div.close {text-align:right; position:relative; top:-1.25em;}
#verseBox div.close span {cursor:pointer; text-decoration:underline; font-weight:bold;}

.editFld       {width:20em;}
.editFldInt {width:5em;}

@media print {
   html {border:none;}
   #nav {display:none;}
}