/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

/* THESE FONTS ARE USED IN THE NOTEBOOK AND THE HTML READING FUNCTION - ARE INCLUDED IN COURSEWARE */

#notecontainer ul,
#notecontainer ul:nth-child(even),
#notecontainer ul:nth-child(odd) {
    width: auto !important;
    list-style-type: disc;
    padding: 0px;
    padding-left: 40px;
    margin-top: 13px;
    float: none;
}

#notecontainer sup {
    vertical-align: super !important;
    font-size: smaller !important;
}

#notecontainer sub {
    vertical-align: sub !important;
    font-size: smaller !important;
}

#notecontainer li {
    display: list-item;
    text-align: -webkit-match-parent;
    font-size: 10pt;
    margin-bottom: 0px;
    line-height: 1.25;
}

#notecontainer span img {
    max-width:260px;
    /*display: block;*/
    margin-left: auto;
    margin-right: auto;
}

#notecontainer span {
    width:100%;
}

/*STYLES FOR KEY AND HINT BOXES...*/

.Notebook_Key, .Notebook_Hint {
    padding-top:3px;
    padding-bottom:2px;
    width:250px;
    margin-left:4px;
    margin-top:8px;
    margin-bottom:8px;
    position:relative;
    display:inline-block;
}

.Notebook_Key {
    background-color:#BFFFBF;
    border:solid 2px #5BC478;
}

.Notebook_Hint {
    background-color:#D7E5FF;
    border:solid 2px #4B70E6;
}

.Notebook_Hint strong {
    font-weight:bold;
    color: #4B70E6;
}

.Notebook_Key img, .Notebook_Hint img {
    float: left;
}

.Notebook_Key strong {
    font-weight:bold;
    color: #4a9454;
}

.Notebook_Key div:first-of-type, .Notebook_Hint div:first-of-type {
    width:86%;
    float: right;
    font-family:Actor;
    font-size:12px;
}


@font-face {
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/actor-regular-webfont.woff') format('woff'), url('/fonts/actor-regular-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'ComicRelief';
    font-style: normal;
    font-weight: 400;
    /*src: local('ComicRelief'), url('fonts/ComicRelief-webfont.woff2') format('woff2');*/
    /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;*/
    src: url('/fonts/comicrelief-webfont.woff') format('woff'), url('/fonts/ComicRelief-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'Galdeano';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/galdeano-regular-webfont.woff') format('woff'), url('/fonts/alexbrush-regular-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/inconsolata-regular-webfont.woff') format('woff'), url('/fonts/inconsolata-regular-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'Nobile';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/nobile-webfont.woff') format('woff'), url('/fonts/nobile-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'PrintClearly';
    font-style: normal;
    font-weight: 400;
    /*src: local('PrintClearly'), url('fonts/PrintClearly-webfont.woff2') format('woff2');*/
    /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;*/
    src: url('/fonts/printclearly-webfont.woff') format('woff'), url('/fonts/PrintClearly-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'QuattrocentoSans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/quattrocentosans-regular-webfont.woff') format('woff'), url('/fonts/quattrocentosans-regular-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'Rosario';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/rosario-regular-webfont.woff') format('woff'), url('/fonts/rosario-regular-webfont.woff2') format('woff2');
}