/* =========================
        Colors (from XML)
        ========================= */

        body:not(svg text) {
        background-color:
        #333333ff;
        }

        /* Header/banner colors */
        .header {
        border-color:
        #333333ff;
        background: #282828; /* Old browsers */
background: -moz-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* IE10+ */
        }

        .banner {
        border-color:
        #333333ff;
        background: #282828; /* Old browsers */
background: -moz-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* IE10+ */
        }

        /* Viewer and page bodies */
        .viewer,
        .page,
        .ReportPage,
        .mPage,
        .ShortAnswerPage,
        .LongAnswerPage,
        .organizerPage,
        .flashcard,
        .WidgetPage,
        .mQuestionPage,
        .JournalPage,
        .overlayContent {
        background-color:
        #ffffffff;
        }

        /* Nav / footer background (if provided as 'background: ...') */
        .navigator,
        .ui-tabs-anchor {
        background: #282828; /* Old browsers */
background: -moz-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#282828 10.0%,#282828 50.0%,#282828 100.0%); /* IE10+ */
        }

        /* Outer accents use outerBgColor */
        .distractorHost,
        nav#menux,
        nav#menu,
        nav#menu.splitpanelmenu,
        #nav_2,
        .colorboxDiv .text {
        background-color:
        #333333ff;
        }

        /* Popup accents use htmlBgColor for borders */
        .popup {
        border-bottom: 20px solid
        #333333ff;
        border-top: 20px solid
        #333333ff;
        }

        /* =========================
        Simple Flow Layout
        - No XML-driven positioning
        - Header (top), Navigator (below), Viewer (below both)
        ========================= */


        .header {
        position:absolute;
        top:3px;
        background-size:100% 100%;
        height: 70px;
        width: 70% !important;
        border-style:solid;
        border-width:0px;
        z-index:21 !important;
        padding-left, padding-right: 10px !important;
        background:none;
        }

        .banner{
        
        /* No banner for default layout */
        display: none !important; /* remove from layout/visibility */
        visibility: hidden !important; /* extra insurance */

        }

        .navigator {
        position:absolute;
        top:3px;
        background-size:100% 100%;
        height: 70px;
        width: 100% !important;
        border-style:solid;
        border-width:0px;
        z-index:20 !important;
        padding-left, padding-right: 10px !important;
        padding-top:10px !important;

        }

        .viewer{
        position:relative;
        top:80px;

        height: 80vh !important;
        font-size: 1 em;
        overflow: hidden !important;
        width: 100% !important;
        -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
        box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
        border : 1px solid #e7e7e7;
        padding: 0px !important;

        }



        /* Resource tabs keep whatever background was emitted above */
        .ui-tabs-anchor {}