/*Reset Style*/

body {
    background: none repeat scroll 0 0 #FFFFFF;
}

#header,
#menu,
#search,
#main-nav,
#contentbuttons,
div.pagination,
.printerfriendly,
.lessontitle {
    display: none;
}

.printonly {
    display: inline;
}


#content,
#footer {
    width: 96%;
    border: 0;
    margin: 0 2%;
    padding: 0;
    float: none !important;
    clear: both;
    color: black;
    background: transparent;
}

#content {
    top: 0
}

#content-inner {
    float: none;
    width: 100%;
}


#printcssheader h1 {
    font-size: 280%;
    font-variant: small-caps;
    padding-top: 0.5em;
}

#printcssheader h2 {
    font-size: 225%;
    font-style: italic;
    padding: 0 0 0.5em 0;
}

#printcssheader {
    clear: both;
    border-bottom: 1px solid #000000;
    display: block;
    min-height: 90px;
    margin-bottom: 5px;
}

#printcssheader h1,
#printcssheader h2 {
    background: none;
    background-image: none;
    padding: 0.25em 0;
    color: #000;
    border-bottom: none;
    line-height: 125%;
}

#printcssheader h1 {
    margin: 0.25em 0 0;
    font-size: 24px !important;
}

#printcssheader h2 {
    margin: 0 0 0.25em;
    font-size: 20px !important;
}

#header {
    display: none;
}

#footer {
    border-top: 1px solid #000000;
    margin-top: 15px;
}

@media only print {

    a:link,
    a:visited {
        text-decoration: none;
    }

    a[href^="http:"]:link:after,
    a[href^="https:"]:link:after,
    a[href^="http:"]:visited:after,
    a[href^="https:"]:visited:after {
        content: " ("attr(href) ") ";
        font-size: 80%;
        color: black;
    }

    a[href]::after {
        content: none;
    }

    div.videoprint:before {
        display: block;
        padding: 10px;
        content: 'Video';
        opacity: 0.6;
    }

    div.videoprint {
        display: block !important;
        width: 300px;
        height: 200px;
        border: 1px solid #666;
    }

    div.videoprint .glyphicon {
        font-size: 30px;
    }


    div[id^="video_"] {
        display: none !important;
    }

    div.audioprint:before {
        display: block;
        padding: 10px;
        content: 'Audio';
        opacity: 0.6;
    }

    div.audioprint .glyphicon {
        font-size: 30px;
    }

    div.audioprint {
        display: block !important;
        width: 150px;
        height: 150px;
        border: 1px solid #666;
    }

    div[id^="audio_"] {
        display: none !important;
    }

    /*adding border for hidden print field*/
    .printversion.showme:before {
        display: block;
        content: 'Transcript';
        font-size: 70%;
        opacity: 0.4;
    }

    .printversion.showme {
        padding: 20px;
        border: 1px dotted #CCC;
    }

    img.printicon {
        display: none;
    }

    /*overrides for Bootstrap CSS*/
    a:link,
    a:hover,
    a:visited {
        color: #0078BD !important;
    }

    img {
        max-width: none !important;
    }

    /*end overrides for Bootstrap CSS*/
    a.button3d,
    a.button3d:visited,
    a.button3d:active,
    a.button3d:hover,
    a.button3d:focus,
    .slide-nav .navbutton {
        color: #ffffff !important;
    }

    ul.visualize-labels-y .label,
    ul.visualize-labels-x .label {
        border: none !important;
    }

    /*adding print support for slideplayer*/
    .wcslideplayer {
        float: none;
    }



}


@media print {

    /*Bootstrap */
    .collapse {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
    }

    .carousel .carousel-indicators,
    .carousel .carousel-control {
        display: none;
    }

    .carousel .item:before,
    .carousel .item:after {
        content: "";
        height: 50px;
        padding: 200px;
    }

    .carousel .item {
        display: block;
    }

    .tab-content>.tab-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        border-color: #ddd #ddd transparent;
        border-style: solid;
        border-width: 1px 0px 0px 1px;
        padding: 10px;
    }


    body.content-page #content_evo .absolute-position {
        position: relative;
    }

    body.content-page p.smallright,
    body.content-page form {
        clear: both;
    }

    form.selfcheck2.dragdrop .droppable,
    form.selfcheck.dragdrop .droppable {
        max-height: 150px;
    }

    a[href="#top"],
    body.content-page form.selfcheck .form-buttons,
    body.content-page form.selfcheck2 .form-buttons,
    body.content-page form.mini-quiz span.smallleft,
    body.content-page form.selfcheck .smallright.switchmode,
    body.content-page form.selfcheck2 .smallright.switchmode,
    body.content-page .slide-nav,
    body.content-page a[title="Return to the top of this section."] {
        display: none;
    }

    /* fix to new chrome print issue*/
    a {
        word-break: break-all;
    }


}