html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

strong, b {
    font-weight: bold;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html, body {
    height: 100%;
    -ms-touch-action: none
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

sub {
    vertical-align: sub;
        font-size: smaller;
        }
        
.book-more-about-description ul {
    list-style:disc;
    line-height: 1.75em;
    margin: 0.625em 60px;
  }

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    font: 100%/1.5 Helvetica, Arial, Arial, Helvetice;
    overflow-x: hidden;
    height: 100%;
}

input[type="button"] {
    cursor: pointer;
}

/* --- custom --- */

.biography-content, .book-timeline-date-range-list, .book-map, .vocabulary-content, .source-content, .more-content, .video-content, .recipe-content, .craft-content, .career-content, .profile-content {
    text-align: left;
    width: 100%;
    display: inline-block;
}

.bookContent-content {
    display: inline-block;
    text-align: left;
}

.rosenPubdiv1td {
    width: 60%;
    vertical-align: top;
    position: relative;
}

.rosenPubdiv0td {
    height: 100%;
}

.rosenPubdiv2td {
    height: 64px;
}

.rosenPubdiv1td {
    vertical-align: top;
}

.landscape .rosenPubdiv1td {
    display: table-cell;
    border-left: 1px solid #A9A9A9;
}

.portrait .rosenPubdiv1td {
    display: none;
}

.landscape .rosenPubdiv0td {
    width: 40%;
}

.portrait .rosenPubdiv0td {
    width: 100%;
}

.landscape .book-navigation-button_main {
    visibility: hidden;
}

.portrait, .landscape {
    height: 100%;
}

.landscape .landscape-close-button {
    display: none;
}

.landscape .rosenPubdiv0, .landscape .rosenPubdiv1 {
    /*overflow-y:auto;*/
    /*overflow-x:hidden;*/
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.portrait .rosenPubdiv0 {
    height: 100%;
}

.portrait.phone #book-timeline-phone-view {
    width: 100% !important;
    height: 100% !important;
}

.rosenPubdivPopup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

span.link {
    color: rgb(0, 0, 238);
    text-decoration: underline;
    cursor: pointer;
}

figcaption > p > span.link {
    color: #9bcbd9;
}

/* Additional
*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.bookContent-content article {
    height: 100%;
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .rosenPubdiv0 {
        -webkit-overflow-scrolling: touch;
    }
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .rosenPubdiv0 {
        -webkit-overflow-scrolling: touch;
    }
}

.rosenPubdiv0 {
    overflow-y: scroll;
    overflow-x: hidden;
}

.lastFooter {
    display: block;
    position: absolute;
    min-width: 100%;
    bottom: 0; }

.lastFooter_parent {
    position: relative;
}

span.italic {
    font-style: italic;
}

span.bold {
    font-weight: bold;
}

.bookContent ul.list2{    
    color: #444;
    font-size: 0.90625em; 
    line-height: 1.75em;
    margin: 0.625em 6.25%;   
  }
  
.bookContent ol.list{
    list-style-type: decimal;
    color: #444;
    font-size: 0.90625em; 
    line-height: 1.75em;
    margin: 0.625em 6.25%; 
    margin-left:80px;
  }

