html, body {
    width:100%;
    height:100%;
    font-family: 'Open Sans', sans-serif;
    margin:0;
    padding:0;
    font-style: normal;
}
a, a:hover, a:active{
    color:black;
    text-decoration:none;
}
table, tr, td{
    margin:4px;
}
.btn_versions{
    border:solid 1px;
    width: calc(100% - 42px);
    margin:10px 0;
    text-align:left;
    padding:10px;
    cursor: pointer;
}
.btn_books, .btn_chapters{
    width:40px;
    border:solid 1px;
    margin:4px;
    display:inline-block;
    text-align:center;
    padding:4px 0;
    cursor: pointer;
}
.btn_info {
    margin:4px;
    display:inline-block;
    word-wrap:break-word;
}
#menu, #info{
    position:fixed;
    top:0;
    background-color:white;
    overflow:hidden;
    display:block;
    padding:10px;
    height:32px;
}
#info{
    width:100%;
    text-align:center;
}
#spacer {
    position: relative;
    margin:10px;
    height:44px;
}
#versions, #books{
    position: fixed;
    top:44px;
    display:block;
    width:100%;
    padding:10px;
    background-color:white;
    overflow:auto;
    bottom:0px;
}
#main{
    position: relative;
    margin:10px;
    background-color:white;
}
.btn_versions, .btn_books, .btn_chapters, .btn_info {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.hilite {
    background-color: #ffff66;
}