/* =========================================
   PART 1: SELECTOR SCREEN STYLES
   ========================================= */

/* IMPORTANT: Utilities */
.hidden {
    display: none !important;
}

/* Container for the Qualification Selector */
.exam-container {
    background-color: #ffffff;
    width: 800px;
    margin: 40px auto; /* Centered with margin */
    border: 1px solid #cccccc;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

.selector-body {
    padding: 30px;
    overflow-y: auto;
}

.header-strip {
    background-color: #f7f7f7;
    padding: 10px 20px;
    border-bottom: 1px solid #dddddd;
    flex-shrink: 0;
}

.header-title {
    font-size: 14px;
    font-weight: bold;
    color: #555;
}

.section-label {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
    color: #000;
    border-bottom: 2px solid #3b7db3;
    display: inline-block;
    padding-bottom: 5px;
}

.button-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.exam-btn {
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 12px 15px;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    width: calc(50% - 5px); 
    position: relative;
    transition: background-color 0.2s, outline 0.1s;
}

.exam-btn:hover {
    background-color: #e6f3ff;
    outline: 2px solid #5aa9e6;
    border-color: #5aa9e6;
    z-index: 1;
}

.footer-actions {
    margin-top: 30px;
    border-top: 1px solid #eee;
    padding-top: 15px;
    text-align: right;
}

.back-btn {
    background-color: #f5f5f5;
    border: 1px solid #aaa;
    color: #333;
    padding: 8px 16px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 2px;
}

.back-btn:hover {
    background-color: #e0e0e0;
}

/* =========================================
   PART 2: MAIN APPLICATION STYLES (Provided)
   ========================================= */

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f0f0f0;
    padding: 20px;
    margin: 0;
    height: 100vh;
    box-sizing: border-box;
    /* We handle overflow on specific containers */
}

/* --- Layout Wrapper --- */
.main-container {
    display: flex;
    gap: 15px;
    height: 100%;
    align-items: flex-start;
}

/* --- LEFT PANEL: CATALOG --- */
.catalog-box {
    width: 380px;
    height: 100%; /* Fill height of container */
    max-height: calc(100vh - 40px);
    min-width: 300px;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    font-size: 13px;
    flex-shrink: 0; 
}

.moveheader {
    background: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
    border-bottom: 1px solid #dcdcdc;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    font-weight: bold;
    user-select: none;
}
.qpane-title { display: flex; align-items: center; gap: 8px; }
.question-count { color: #666; font-weight: normal; font-size: 12px; }

/* SEARCH BAR & BUTTON */
.search-container {
    background-color: #fcfcfc;
    border-bottom: 1px solid #eee;
    padding: 8px 10px;
}

.search-wrapper {
    display: flex;
    gap: 5px;
}

#search-input {
    flex-grow: 1;
    padding: 6px 8px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    font-size: 12px;
    outline: none;
}
#search-input:focus { border-color: #337ab7; }

.icon-btn {
    width: 30px;
    height: 28px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #555;
}
.icon-btn:hover { background-color: #e6e6e6; }
.icon-btn.active { background-color: #d0e5f5; border-color: #8abbe4; color: #1e5aa0; }

/* --- TREE POPUP MENU --- */
.tree-popup {
    position: absolute;
    top: 75px; 
    left: 10px;
    right: 10px;
    bottom: 40px;
    background-color: #fff;
    border: 1px solid #aaa;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
    z-index: 100;
    display: flex;
    flex-direction: column;
}

.tree-header {
    background-color: #337ab7;
    color: white;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 12px;
}

.tree-content {
    overflow-y: auto;
    padding: 5px;
    flex-grow: 1;
}

ul.tree-ul { list-style: none; padding: 0; margin: 0; }
li.tree-li { margin-left: 15px; position: relative; line-height: 20px; }

li.tree-li::before {
    content: ''; position: absolute; top: 0; left: -10px; bottom: 0; 
    border-left: 1px dotted #999;
}
li.tree-li:last-child::before { height: 10px; } 
li.tree-li::after {
    content: ''; position: absolute; top: 10px; left: -10px; width: 8px; 
    border-top: 1px dotted #999;
}

.tree-label {
    cursor: pointer;
    padding: 2px 4px;
    display: inline-block;
    color: #333;
}
.tree-label:hover { background-color: #f0f8ff; }
.tree-label.selected { background-color: #337ab7; color: white; }

.tree-toggle {
    cursor: pointer; display: inline-block; width: 12px; margin-right: 2px;
    color: #666; font-size: 10px;
}
.tree-icon { color: #f0ad4e; margin-right: 5px; } 
.file-icon { color: #999; margin-right: 5px; } 

.tree-children { display: none; }
.tree-children.open { display: block; }


/* --- CATALOG LIST --- */
ul.catalog-list {
    list-style: none; padding: 0; margin: 0; overflow-y: auto; flex-grow: 1;
}
ul.catalog-list::-webkit-scrollbar { width: 8px; }
ul.catalog-list::-webkit-scrollbar-track { background: #f0f0f0; }
ul.catalog-list::-webkit-scrollbar-thumb { background: #cdcdcd; border-radius: 4px; }

li.li_item { border-bottom: 1px solid #eee; cursor: pointer; transition: background 0.1s; }
li.li_item:hover { background-color: #f0f8ff; }
li.li_item.selected { background-color: #e0ecf8; border-bottom: 1px solid #a8c6ee; }

.listItem { padding: 8px 10px; position: relative; min-height: 50px; }
.topic { font-weight: bold; color: #333; margin-bottom: 4px; padding-right: 40px; }
.indexIcon i { font-size: 10px; color: #666; margin-right: 5px; }
.des.tittext { color: #666; font-size: 12px; line-height: 1.3; padding-right: 50px; }
.marks { position: absolute; top: 8px; right: 10px; text-align: right; font-size: 11px; color: #444; line-height: 16px; }
.flag-blue { color: #337ab7; margin-right: 3px; }
.flag-green { color: #5cb85c; margin-right: 3px; }
.question-id-display { position: absolute; bottom: 8px; right: 10px; font-size: 11px; color: #999; font-weight: bold; }
.listFooter { background-color: #f5f5f5; border-top: 1px solid #ddd; padding: 6px 10px; font-size: 11px; color: #666; display: flex; justify-content: space-between; align-items: center; }
.resize-handle { position: absolute; bottom: 0; right: 0; width: 15px; height: 15px; background: linear-gradient(135deg, transparent 50%, #999 50%); cursor: se-resize; z-index: 10; }

/* --- RIGHT PANEL --- */
.viewer-box {
    flex-grow: 1; background-color: #fff; border: 1px solid #c5c5c5; border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2); display: flex; flex-direction: column;
    height: 100%; max-height: calc(100vh - 40px); overflow: hidden;
}

.tabs-header {
    list-style: none; margin: 0; padding: 8px 8px 0 8px;
    background: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
    border-bottom: 1px solid #dcdcdc; display: flex; gap: 4px;
}
.tab-link {
    padding: 8px 15px; background-color: #f0f0f0; border: 1px solid #dcdcdc; border-bottom: none;
    border-radius: 4px 4px 0 0; font-size: 13px; font-weight: bold; color: #0073a5;
    cursor: pointer; margin-bottom: -1px; position: relative; top: 1px;
}
.tab-link:hover { background-color: #e9e9e9; }
.tab-link.active { background-color: #fff; color: #333; border-bottom: 1px solid #fff; z-index: 2; }
.tab-link.disabled { color: #ccc; cursor: default; }

.tab-content-container {
    padding: 20px; overflow-y: auto; flex-grow: 1; background-color: #fff;
    display: flex; justify-content: center; 
}

/* DOCUMENT STYLES (Provided in your prompt) */
/* ... All the specific P, H1, H2, Table styles go here ... */
/* ... For brevity, I am keeping the logic intact but truncating the 1000 lines of specific document styling you provided, just paste them below this comment ... */


body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f0f0f0;
    padding: 20px;
    overflow: hidden; /* This prevents the "entire page" scroll */
}

/* Main Container */
.catalog-box {
    width: 380px;
    height: 500px; /* Starting height */
    min-width: 250px; /* Prevent shrinking too small */
    min-height: 200px; /* Prevent shrinking too small */
    background-color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative; /* Essential for resizing */
    font-size: 13px;
}

/* Header Section */
.moveheader {
    background: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
    border-bottom: 1px solid #dcdcdc;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: default;
    color: #333;
    font-weight: bold;
    user-select: none;
}

.qpane-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.context-help-button {
    color: #555;
    cursor: pointer;
}

.question-count {
    color: #666;
    font-weight: normal;
    font-size: 12px;
}

/* Search Crumbs Bar */
.search-crumbs {
    background-color: #fcfcfc;
    border-bottom: 1px solid #eee;
    color: #888;
    padding: 4px 10px;
    font-size: 11px;
    font-style: italic;
}

/* Scrollable List */
ul.catalog-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto; /* Key property for scrolling */
    flex-grow: 1;
}

/* Scrollbar Styling */
ul.catalog-list::-webkit-scrollbar {
    width: 8px;
}
ul.catalog-list::-webkit-scrollbar-track {
    background: #f0f0f0; 
}
ul.catalog-list::-webkit-scrollbar-thumb {
    background: #cdcdcd; 
    border-radius: 4px;
}
ul.catalog-list::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; 
}

/* List Items */
li.li_item {
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: background 0.1s;
}

li.li_item:hover {
    background-color: #f0f8ff;
}

li.li_item.selected {
    background-color: #e0ecf8;
    border-bottom: 1px solid #a8c6ee;
}

.listItem {
    padding: 8px 10px;
    position: relative;
    min-height: 50px;
}

.topic {
    font-weight: bold;
    color: #333;
    margin-bottom: 4px;
    padding-right: 40px; 
}

.indexIcon i {
    font-size: 10px;
    color: #666;
    margin-right: 5px;
}

.des.tittext {
    color: #666;
    font-size: 12px;
    line-height: 1.3;
    padding-right: 50px; 
}

/* Right Side Meta Data */
.marks {
    position: absolute;
    top: 8px;
    right: 10px;
    text-align: right;
    font-size: 11px;
    color: #444;
    line-height: 16px;
}

.flag-blue { color: #337ab7; margin-right: 3px; }
.flag-green { color: #5cb85c; margin-right: 3px; }

.question-id-display {
    position: absolute;
    bottom: 8px;
    right: 10px;
    font-size: 11px;
    color: #999;
    font-weight: bold;
}

/* Footer */
.listFooter {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding: 6px 10px;
    font-size: 11px;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resize-handle {
    width: 10px;
    height: 10px;
    background: linear-gradient(135deg, transparent 50%, #ccc 50%);
    cursor: se-resize;
}

/* UPDATE THIS BLOCK */
.resize-handle {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px; /* Slightly larger hit area */
    height: 15px;
    background: linear-gradient(135deg, transparent 50%, #999 50%);
    cursor: se-resize;
    z-index: 10;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f0f0f0;
    padding: 20px;
    margin: 0;
    height: 100vh;
    box-sizing: border-box;
}

/* --- Layout Wrapper --- */
.main-container {
    display: flex;
    gap: 15px;
    height: 100%;
    align-items: flex-start;
}

/* --- LEFT PANEL: CATALOG (Existing + Minor Tweaks) --- */
.catalog-box {
    width: 380px;
    height: 100%; /* Fill height of container */
    max-height: calc(100vh - 40px);
    min-width: 300px;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    font-size: 13px;
    flex-shrink: 0; /* Prevent it from squishing */
}

/* ... (Keep your existing .moveheader, .listItem, .marks, etc. CSS here) ... */
/* ... Paste the previous CSS for the list items here ... */

.moveheader {
    background: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
    border-bottom: 1px solid #dcdcdc;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    font-weight: bold;
    user-select: none;
}
.qpane-title { display: flex; align-items: center; gap: 8px; }
.question-count { color: #666; font-weight: normal; font-size: 12px; }
.search-crumbs { background-color: #fcfcfc; border-bottom: 1px solid #eee; color: #888; padding: 4px 10px; font-size: 11px; font-style: italic; }

ul.catalog-list {
    list-style: none; padding: 0; margin: 0; overflow-y: auto; flex-grow: 1;
}
ul.catalog-list::-webkit-scrollbar { width: 8px; }
ul.catalog-list::-webkit-scrollbar-track { background: #f0f0f0; }
ul.catalog-list::-webkit-scrollbar-thumb { background: #cdcdcd; border-radius: 4px; }

li.li_item { border-bottom: 1px solid #eee; cursor: pointer; transition: background 0.1s; }
li.li_item:hover { background-color: #f0f8ff; }
li.li_item.selected { background-color: #e0ecf8; border-bottom: 1px solid #a8c6ee; }

.listItem { padding: 8px 10px; position: relative; min-height: 50px; }
.topic { font-weight: bold; color: #333; margin-bottom: 4px; padding-right: 40px; }
.indexIcon i { font-size: 10px; color: #666; margin-right: 5px; }
.des.tittext { color: #666; font-size: 12px; line-height: 1.3; padding-right: 50px; }
.marks { position: absolute; top: 8px; right: 10px; text-align: right; font-size: 11px; color: #444; line-height: 16px; }
.flag-blue { color: #337ab7; margin-right: 3px; }
.flag-green { color: #5cb85c; margin-right: 3px; }
.question-id-display { position: absolute; bottom: 8px; right: 10px; font-size: 11px; color: #999; font-weight: bold; }
.listFooter { background-color: #f5f5f5; border-top: 1px solid #ddd; padding: 6px 10px; font-size: 11px; color: #666; display: flex; justify-content: space-between; align-items: center; }

/* --- RIGHT PANEL: VIEWER --- */
.viewer-box {
    flex-grow: 1; /* Take up remaining space */
    background-color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: calc(100vh - 40px);
    overflow: hidden;
}

/* Tabs Header */
.tabs-header {
    list-style: none;
    margin: 0;
    padding: 8px 8px 0 8px; /* Top padding pushes tabs down slightly */
    background: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    gap: 4px;
}

.tab-link {
    padding: 8px 15px;
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    font-size: 13px;
    font-weight: bold;
    color: #0073a5;
    cursor: pointer;
    margin-bottom: -1px; /* Overlap the border */
    position: relative;
    top: 1px;
}

.tab-link:hover {
    background-color: #e9e9e9;
}

.tab-link.active {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #fff; /* Hide bottom border to merge with content */
    z-index: 2;
}

.tab-link.disabled {
    color: #ccc;
    cursor: default;
}
.tab-link.disabled:hover { background-color: #f0f0f0; }

/* Tab Content */
.tab-content-container {
    padding: 20px;
    overflow-y: auto; /* Scroll content if long */
    flex-grow: 1;
    background-color: #fff;
    
    /* Center the content block horizontally */
    display: flex;
    justify-content: center; 
}

.content-body {
    font-size: 14px;
    line-height: 1.5;
    color: #333;

    /* Document page styling */
    width: 100%;
    max-width: 800px; /* Restricts width so it doesn't stretch too wide */
    margin: 0 auto;   /* Ensures it stays centered if width < max-width */
}

/* ... Previous CSS ... */

/* UPDATED: Replace .search-crumbs with this */
.search-container {
    background-color: #fcfcfc;
    border-bottom: 1px solid #eee;
    padding: 8px 10px;
}

#search-input {
    width: 100%;
    padding: 6px 8px;
    box-sizing: border-box; /* Ensures padding doesn't overflow width */
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    outline: none;
}

#search-input:focus {
    border-color: #337ab7;
}

/* ... Rest of CSS ... */


/* --- LEFT PANEL --- */
.catalog-box {
    width: 380px;
    height: 100%;
    max-height: calc(100vh - 40px);
    min-width: 300px;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    font-size: 13px;
    flex-shrink: 0;
}

.moveheader {
    background: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
    border-bottom: 1px solid #dcdcdc;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    font-weight: bold;
    user-select: none;
}
.qpane-title { display: flex; align-items: center; gap: 8px; }
.question-count { color: #666; font-weight: normal; font-size: 12px; }

/* SEARCH BAR & BUTTON */
.search-container {
    background-color: #fcfcfc;
    border-bottom: 1px solid #eee;
    padding: 8px 10px;
}

.search-wrapper {
    display: flex;
    gap: 5px;
}

#search-input {
    flex-grow: 1;
    padding: 6px 8px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    font-size: 12px;
    outline: none;
}
#search-input:focus { border-color: #337ab7; }

.icon-btn {
    width: 30px;
    height: 28px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #555;
}
.icon-btn:hover { background-color: #e6e6e6; }
.icon-btn.active { background-color: #d0e5f5; border-color: #8abbe4; color: #1e5aa0; }

/* --- TREE POPUP MENU --- */
.tree-popup {
    position: absolute;
    top: 75px; /* Just below search bar */
    left: 10px;
    right: 10px;
    bottom: 40px;
    background-color: #fff;
    border: 1px solid #aaa;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
    z-index: 100;
    display: flex;
    flex-direction: column;
}

.tree-header {
    background-color: #337ab7;
    color: white;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 12px;
}

.tree-content {
    overflow-y: auto;
    padding: 5px;
    flex-grow: 1;
}

/* Tree Styling */
ul.tree-ul { list-style: none; padding: 0; margin: 0; }
li.tree-li { margin-left: 15px; position: relative; line-height: 20px; }

/* Connecting lines */
li.tree-li::before {
    content: ''; position: absolute; top: 0; left: -10px; bottom: 0; 
    border-left: 1px dotted #999;
}
li.tree-li:last-child::before { height: 10px; } 
li.tree-li::after {
    content: ''; position: absolute; top: 10px; left: -10px; width: 8px; 
    border-top: 1px dotted #999;
}

.tree-label {
    cursor: pointer;
    padding: 2px 4px;
    display: inline-block;
    color: #333;
}
.tree-label:hover { background-color: #f0f8ff; }
.tree-label.selected { background-color: #337ab7; color: white; }

.tree-toggle {
    cursor: pointer; display: inline-block; width: 12px; margin-right: 2px;
    color: #666; font-size: 10px;
}
.tree-icon { color: #f0ad4e; margin-right: 5px; } /* Folder color */
.file-icon { color: #999; margin-right: 5px; } 

.tree-children { display: none; }
.tree-children.open { display: block; }


/* --- CATALOG LIST --- */
ul.catalog-list {
    list-style: none; padding: 0; margin: 0; overflow-y: auto; flex-grow: 1;
}
ul.catalog-list::-webkit-scrollbar { width: 8px; }
ul.catalog-list::-webkit-scrollbar-track { background: #f0f0f0; }
ul.catalog-list::-webkit-scrollbar-thumb { background: #cdcdcd; border-radius: 4px; }

li.li_item { border-bottom: 1px solid #eee; cursor: pointer; transition: background 0.1s; }
li.li_item:hover { background-color: #f0f8ff; }
li.li_item.selected { background-color: #e0ecf8; border-bottom: 1px solid #a8c6ee; }

.listItem { padding: 8px 10px; position: relative; min-height: 50px; }
.topic { font-weight: bold; color: #333; margin-bottom: 4px; padding-right: 40px; }
.indexIcon i { font-size: 10px; color: #666; margin-right: 5px; }
.des.tittext { color: #666; font-size: 12px; line-height: 1.3; padding-right: 50px; }
.marks { position: absolute; top: 8px; right: 10px; text-align: right; font-size: 11px; color: #444; line-height: 16px; }
.flag-blue { color: #337ab7; margin-right: 3px; }
.flag-green { color: #5cb85c; margin-right: 3px; }
.question-id-display { position: absolute; bottom: 8px; right: 10px; font-size: 11px; color: #999; font-weight: bold; }
.listFooter { background-color: #f5f5f5; border-top: 1px solid #ddd; padding: 6px 10px; font-size: 11px; color: #666; display: flex; justify-content: space-between; align-items: center; }
.resize-handle { position: absolute; bottom: 0; right: 0; width: 15px; height: 15px; background: linear-gradient(135deg, transparent 50%, #999 50%); cursor: se-resize; z-index: 10; }

/* --- RIGHT PANEL --- */
.viewer-box {
    flex-grow: 1; background-color: #fff; border: 1px solid #c5c5c5; border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2); display: flex; flex-direction: column;
    height: 100%; max-height: calc(100vh - 40px); overflow: hidden;
}

.tabs-header {
    list-style: none; margin: 0; padding: 8px 8px 0 8px;
    background: linear-gradient(to bottom, #f6f6f6 0%, #e8e8e8 100%);
    border-bottom: 1px solid #dcdcdc; display: flex; gap: 4px;
}
.tab-link {
    padding: 8px 15px; background-color: #f0f0f0; border: 1px solid #dcdcdc; border-bottom: none;
    border-radius: 4px 4px 0 0; font-size: 13px; font-weight: bold; color: #0073a5;
    cursor: pointer; margin-bottom: -1px; position: relative; top: 1px;
}
.tab-link:hover { background-color: #e9e9e9; }
.tab-link.active { background-color: #fff; color: #333; border-bottom: 1px solid #fff; z-index: 2; }
.tab-link.disabled { color: #ccc; cursor: default; }

.tab-content-container {
    padding: 20px; overflow-y: auto; flex-grow: 1; background-color: #fff;
    display: flex; justify-content: center; 
}

.contentSeparator {
    font-weight: normal !important; /* Overrides default <h5> bold styling */
    font-size: 1em !important;      /* Resets font size to normal text size */
    margin: 0;
}

/* Ensure paragraphs inside are also normal weight */
.contentSeparator p {
    font-weight: normal;
}

/* Bold tags <b> should still be bold */
.contentSeparator b, 
.contentSeparator strong {
    font-weight: bold;
}

/* STart here*/

/* General Page Setup */
body {
    background-color: #e9e9e9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.4;
    color: #000;
}

.page {
    background-color: white;
    width: 210mm;
    min-height: 297mm;
    margin: 20px auto;
    padding: 20mm;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-sizing: border-box;
    border: 4px solid #777;
    border-radius: 20px;
    position: relative;
}

/* Header Section */
header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid black;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.logo { font-size: 32px; font-weight: bold; color: #5a5a5a; }
.student-details .detail-row { display: flex; align-items: center; margin-bottom: 8px; }
.student-details label { font-weight: bold; margin-right: 10px; }
.student-details .date-label { margin-left: 20px; }
.student-details .input-box { border: 1px solid black; height: 28px; background-color: #f8f8f8; }
.student-details .input-box.long { width: 320px; }
.student-details .input-box.short { width: 130px; }

/* Test Title Section */
.test-header { text-align: left; margin-bottom: 25px; position: relative; }
.test-header h1, .test-header h2 { margin: 0; font-size: 20px; font-weight: bold; }
.test-header h2 { font-weight: normal; }
.tier-and-topic { margin-top: 15px; font-size: 12pt; }
.tier { font-weight: bold; }
.tier-letter { position: absolute; top: -10px; right: 0; font-size: 80pt; font-weight: bold; }

/* Main Content Grid */
.content-grid { display: flex; gap: 25px; border-bottom: 1px solid black; padding-bottom: 15px; margin-bottom: 25px; }
.left-column { flex: 2; }
.right-column { flex: 1; }
.info-section { margin-bottom: 15px; }
.info-section h3 { margin: 0 0 5px 0; font-size: 13pt; }
.info-section p { margin: 0 0 5px 0; }
.info-section ul { list-style: disc; margin: 0; padding-left: 20px; }
.info-section li { margin-bottom: 3px; }

/* Examiner's Use Table */
.examiner-use-box { border: 2px solid black; }
.examiner-header { background-color: #e0e0e0; font-weight: bold; padding: 5px; text-align: center; border-bottom: 2px solid black; }
#marks-table { width: 100%; border-collapse: collapse; }
#marks-table th, #marks-table td { border: 1px solid black; padding: 6px; text-align: center; }
#marks-table thead th { background-color: #f0f0f0; }
#marks-table tfoot th { background-color: #e0e0e0; font-weight: bold; }
#marks-table td:last-child { width: 60px; height: 26px; }

/* Questions Area */
#questions-container { padding-top: 10px; }
/*.question-block { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; }*/
.question-number {
    border: 1px solid black;
    padding: 5px 10px;
    font-weight: bold;
    min-width: 20px;
    text-align: center;

    display: inline-block;      /* makes vertical alignment possible */
    vertical-align: top;        /* aligns to top like align-items:flex-start */
    margin-right: 15px;         /* acts like gap: 15px */
}

@media print {
    /* 1. SEPARATE PAGES: Mark Scheme starts fresh */
    @page {
        size: A4;
        margin: 0; /* Removes browser default header/footer margins */
        margin-top: 10mm; 
        margin-bottom: 10mm;
    }

    body {
        margin: 0;
        background-color: white;
    }

    .page {
        margin: 0; /* Reset screen margins */
        border: none; /* Don't print the gray border */
        box-shadow: none; /* Don't print the shadow */
        width: 100%; /* Let it fill the print area */
        min-height: auto; /* Let content flow naturally */
        
        /* Keep the padding for the printout layout */
        padding: 20mm; 
    }
    .mark-scheme-page {
        break-before: page;
    }

    /* 2. MAIN CONTAINER: Allow the main question block to break */
    .question-block {
        display: block;
        break-inside: auto; 
    }

    /* 3. SUB-QUESTIONS: Keep everything between 'qnumber-hidden' tags together */
    .sub-question-group {
        break-inside: avoid;
        page-break-inside: avoid;
        display: block;
    }

    /* 4. SAFETY: Don't cut images in half */
    img {
        break-inside: avoid;
    }
}

.question-content-wrapper { flex-grow: 1; display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }
.question-content { flex-grow: 1; }

.markscheme-answer-content {
    flex-grow: 1;
}

.section-title {
    font-size: 2.5em;
    text-align: center;
    margin-bottom: 40px;
    color: #444;
}
/*End of my crap*/
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0pt;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.oldquestion, li.oldquestion, div.oldquestion
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:28.35pt;
	margin-bottom:.0001pt;
	text-indent:-28.35pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
p.oldquestiona, li.oldquestiona, div.oldquestiona
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:56.7pt;
	margin-bottom:.0001pt;
	text-indent:-56.7pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.oldquestionai, li.oldquestionai, div.oldquestionai
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:85.05pt;
	margin-bottom:.0001pt;
	text-indent:-85.05pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.oldquestion14, li.oldquestion14, div.oldquestion14
	{margin-top:18.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:1.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.question, li.question, div.question
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:28.35pt;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
p.questiona, li.questiona, div.questiona
	{margin-top:12pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:56.7pt;
 	margin-bottom:.0001pt;
	text-indent:-28.35pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.question-mid, li.question-mid, div.question-mid
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:28.35pt;
	text-align:center;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}	
p.questionaCharChar, li.questionaCharChar, div.questionaCharChar
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:56.7pt;
	margin-bottom:.0001pt;
	text-indent:-56.7pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.questionaChar, li.questionaChar, div.questionaChar
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:56.7pt;
	margin-bottom:.0001pt;
	text-indent:-56.7pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.questionai, li.questionai, div.questionai
	{margin-top:12pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:85.05pt;
	margin-bottom:.0001pt;
	text-indent:-56.7pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.questionChar, li.questionChar, div.questionChar
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:28.35pt;
	margin-bottom:.0001pt;
	text-indent:-28.35pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.Mark, li.Mark, div.Mark
	{margin:0pt;
	margin-top:3.0pt;
	margin-bottom:.0001pt;
	text-align:right;
	line-height:12.0pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:10.0pt;
	font-family:Arial;
	font-weight:bold;
	background-color: transparent;}	
p.mark, li.mark, div.mark
	{margin:0pt;
	margin-top:3.0pt;
	margin-bottom:.0001pt;
	text-align:right;
	line-height:12.0pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:10.0pt;
	font-family:Arial;
	font-weight:bold;
	background-color:transparent;}
p.markNB, li.markNB, div.markNB
	{margin:0cm;
	margin-bottom:.0001pt;
	text-align:right;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:10.0pt;
	font-family:Arial;}
p.graph, li.graph, div.graph
	{margin-top:12.0pt;
	margin-right:0pt;
	margin-bottom:0pt;
	margin-left:0pt;
	margin-bottom:.0001pt;
	text-align:center;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.Box, li.Box, div.Box
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	text-align:center;
	font-size:11.0pt;
	font-family:Arial;}
p.BoxL, li.BoxL, div.BoxL
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	font-size:11.0pt;
	font-family:Arial;}
/*replicated for html5**/
p.Boxl, li.Boxl, div.Boxl
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	font-size:11.0pt;
	font-family:Arial;}
p.BoxR, li.BoxR, div.BoxR
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	text-align:right;
	font-size:11.0pt;
	font-family:Arial;}
/*replicated for html5**/
p.box, li.box, div.box
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	text-align:center;
	font-size:11.0pt;
	font-family:Arial;}
p.boxl, li.boxl, div.boxl
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	font-size:11.0pt;
	font-family:Arial;}
p.boxL, li.boxL, div.boxL
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	font-size:11.0pt;
	font-family:Arial;}
p.boxr, li.boxr, div.boxr
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	text-align:right;
	font-size:11.0pt;
	font-family:Arial;}
p.boxR, li.boxR, div.boxR
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	text-align:right;
	font-size:11.0pt;
	font-family:Arial;}
p.Boxr, li.Boxr, div.Boxr
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0cm;
	text-align:right;
	font-size:11.0pt;
	font-family:Arial;}
p.Bottom, li.Bottom, div.Bottom
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:Arial;}
p.attention, li.attention, div.attention
	{margin-top:3.0pt;
	margin-right:3.0cm;
	margin-bottom:0cm;
	margin-left:4.0cm;
	margin-bottom:.0001pt;
	text-indent:-21.25pt;
	font-size:11.0pt;
	font-family:"Arial";
	font-weight:bold;
	font-style:italic;}
p.extop, li.extop, div.extop
	{margin-top:6pt;
	margin-right:2.0cm;
	margin-bottom:0cm;
	margin-left:2.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	border:none;
	padding:0cm;
	font-size:10.0pt;
	font-family:Arial;
	color:black;}
p.exbot, li.exbot, div.exbot
	{margin-top:6pt;
	margin-right:2.0cm;
	margin-bottom:0cm;
	margin-left:2.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	border:none;
	padding:0cm;
	font-size:10.0pt;
	font-family:Arial;
	color:black;}
p.textbox, li.textbox, div.textbox
	{margin-top:6.0pt;
	margin-right:4.0cm;
	margin-bottom:6.0pt;
	margin-left:1.0cm;
	text-align:justify;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
p.hyphen, li.hyphen, div.hyphen
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:8.0pt;
	font-family:"Times New Roman";}
p.hyphenE1, li.hyphenE1, div.hyphenE1
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:14.0pt;
	font-family:Arial;}
p.bodyChar, li.bodyChar, div.bodyChar
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Times New Roman";}
p.focus, li.focus, div.focus
	{margin-top:0cm;
	margin-right:28.3pt;
	margin-bottom:3.0pt;
	margin-left:212.65pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Times New Roman";
	font-weight:bold;
	font-style:italic;}
p.questionE1, li.questionE1, div.questionE1
	{margin-top:18.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:1.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.indent1E1, li.indent1E1, div.indent1E1
	{margin-top:18.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:2.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.indent2E1, li.indent2E1, div.indent2E1
	{margin-top:18.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:3.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.texttab, li.texttab, div.texttab
	{margin-top:12.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.acceptE1, li.acceptE1, div.acceptE1
	{margin-top:6.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:5.0cm;
	margin-bottom:.0001pt;
	text-indent:-3.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Times New Roman";
	font-weight:bold;}
p.rightnew, li.rightnew, div.rightnew {
	margin-top: 12.0pt;
	margin-right: 65.0pt;
	margin-bottom: 0cm;
	margin-left: 0cm;
	margin-bottom: .0001pt;
	text-align: right;
	punctuation-wrap: simple;
	text-autospace: none;
	font-size: 11.0pt;
	font-family: Arial;
}
p.right, li.right, div.right {
	margin-top: 12.0pt;
	margin-right: 3.7cm;
	margin-bottom: 0cm;
	margin-left: 0cm;
	margin-bottom: .0001pt;
	text-align: right;
	punctuation-wrap: simple;
	text-autospace: none;
	font-size: 11.0pt;
	font-family: Arial;
}
p.Right, li.Right, div.Right
{
	margin-top: 12.0pt;
	margin-right: 3.7cm;
	margin-bottom: 0cm;
	margin-left: 0cm;
	margin-bottom: .0001pt;
	text-align: right;
	punctuation-wrap: simple;
	text-autospace: none;
	font-size: 11.0pt;
	font-family: Arial;
}
p.right2, li.right2, div.right2
	{margin-top:12.0pt;
	margin-right:2.0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	text-align:right;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
p.Right2, li.Right2, div.Right2
	{margin-top:12.0pt;
	margin-right:2.0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	text-align:right;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
p.Level, li.Level, div.Level
	{margin-top:0cm;
	margin-right:2.0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	text-align:right;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:9.0pt;
	font-family:"Times New Roman";
	font-weight:bold;}
h1
	{margin-top:12.0pt;
	margin-right:0pt;
	margin-bottom:3.0pt;
	margin-left:28.35pt;
	text-indent:-28.35pt;
	page-break-after:avoid;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
h2
	{margin-top:12.0pt;
	margin-right:0pt;
	margin-bottom:3.0pt;
	margin-left:28.35pt;
	text-indent:-28.35pt;
	page-break-after:avoid;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:12.0pt;
	font-family:Arial;
	font-style:italic;}
h3
	{margin-top:12.0pt;
	margin-right:0pt;
	margin-bottom:3.0pt;
	margin-left:28.35pt;
	text-indent:-28.35pt;
	page-break-after:avoid;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:12.0pt;
	font-family:Arial;}
p.indent1, li.indent1, div.indent1
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:2.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	font-size:11.0pt;
	font-family:Arial;
	punctuation-wrap:simple;
	text-autospace:none;}
p.indent2, li.indent2, div.indent2
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:3.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	font-size:11.0pt;
	font-family:Arial;
	punctuation-wrap:simple;
	text-autospace:none;}
p.indent3, li.indent3, div.indent3
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:4.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	font-size:11.0pt;
	font-family:Arial;
	punctuation-wrap:simple;
	text-autospace:none;}
p.indent1a, li.indent1a, div.indent1a
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:85.05pt;
	margin-bottom:.0001pt;
	text-indent:-56.7pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
p.indent1ai, li.indent1ai, div.indent1ai
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:4.0cm;
	margin-bottom:.0001pt;
	text-indent:-3.0cm;
	font-size:11.0pt;
	font-family:Arial;}
p.indent1CharChar, li.indent1CharChar, div.indent1CharChar
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:56.7pt;
	margin-bottom:.0001pt;
	text-indent:-28.35pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.indent1Char, li.indent1Char, div.indent1Char
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:56.7pt;
	margin-bottom:.0001pt;
	text-indent:-28.35pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.indent2Char, li.indent2Char, div.indent2Char
	{margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:85.05pt;
	margin-bottom:.0001pt;
	text-indent:-28.35pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";}
p.accept, li.accept, div.accept
	{margin-top:3.0pt;
	margin-right:85.05pt;
	margin-bottom:0pt;
	margin-left:113.4pt;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
	font-style:italic;}
p.Accept, li.Accept, div.Accept
	{margin-top:3.0pt;
	margin-right:85.05pt;
	margin-bottom:0pt;
	margin-left:113.4pt;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
	font-style:italic;}
p.acceptChar, li.acceptChar, div.acceptChar
	{margin-top:3.0pt;
	margin-right:85.05pt;
	margin-bottom:0pt;
	margin-left:113.4pt;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";
	font-style:italic;}
p.acceptmarkChar, li.acceptmarkChar, div.acceptmarkChar
	{margin-top:3.0pt;
	margin-right:56.7pt;
	margin-bottom:0pt;
	margin-left:113.4pt;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";
	font-style:italic;}
p.acceptmark, li.acceptmark, div.acceptmark
	{margin-top:3.0pt;
	margin-right:56.7pt;
	margin-bottom:0pt;
	margin-left:113.4pt;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:"Arial";
	font-style:italic;}
p.question14, li.question14, div.question14
	{margin-top:18.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:1.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.indent114, li.indent114, div.indent114
	{margin-top:18.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:2.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.indent214, li.indent214, div.indent214
	{margin-top:18.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:3.0cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.indent314, li.indent314, div.indent314
	{margin-top:18.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:4.0cm;
	text-indent:-1.0cm;
	margin-bottom:.0001pt;
	font-size:14.0pt;
	font-family:Arial;}
p.BoxR14, li.BoxR14, div.BoxR14
	{margin-top:12.0pt;
	margin-right:0cm;
	margin-bottom:12.0pt;
	margin-left:0cm;
	text-align:right;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.BoxL14, li.BoxL14, div.BoxL14
	{margin-top:12.0pt;
	margin-right:0cm;
	margin-bottom:12.0pt;
	margin-left:0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.Box14, li.Box14, div.Box14
	{margin-top:12.0pt;
	margin-right:0cm;
	margin-bottom:12.0pt;
	margin-left:0cm;
	text-align:center;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.acc1, li.acc1, div.acc1
	{margin-top:6.0pt;
	margin-right:4.0cm;
	margin-bottom:0cm;
	margin-left:99.25pt;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
	font-style:italic;}
p.right14, li.right14, div.right14
	{margin-top:18.0pt;
	margin-right:2.0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	text-align:right;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:14.0pt;
	font-family:Arial;}
p.af, li.af, div.af
	{margin-top:6.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:134.7pt;
	margin-bottom:.0001pt;
	text-indent:-106.35pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
	font-weight:bold;}
p.tablehead, li.tablehead, div.tablehead
	{margin-top:12.0pt;
	margin-right:1cm;
	margin-bottom:0cm;
	margin-left:1.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	border:none;
	padding:0cm;
	font-size:11.0pt;
	font-family:Arial;
	font-weight:bold;}
p.levelhead1, li.levelhead1, div.levelhead1
	{margin-top:12.0pt;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	text-align:justify;
	border:none;
	padding:0cm;
	font-size:11.0pt;
	font-family:Arial;
	color:black;
	font-weight:bold;}
p.band, li.band, div.band
	{margin-top:12.0pt;
	margin-right:92.15pt;
	margin-bottom:0cm;
	margin-left:2.0cm;
	margin-bottom:.0001pt;
	text-align:justify;
	text-indent:-2.0cm;
	font-size:11.0pt;
	font-family:Arial;
	color:black;}
p.questionnew, li.questionnew, div.questionnew
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:Arial;}
p.indent1new, li.indent1new, div.indent1new
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:1.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
p.indent2new, li.indent2new, div.indent2new
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:2.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
p.indent3new, li.indent3new, div.indent3new
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:3.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
p.ex, li.ex, div.ex
	{margin-top:6.0pt;
	margin-right:2.0cm;
	margin-bottom:0cm;
	margin-left:2.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:10.0pt;
	font-family:Arial;
	color:black;}
p.quote, li.quote, div.quote
	{margin-top:6.0pt;
	margin-right:2.0cm;
	margin-bottom:6.0pt;
	margin-left:2.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	border:none;
	padding:0cm;
	font-size:10.0pt;
	font-family:Arial;}
span.acceptChar
	{font-style:italic;}
span.acceptCharChar
	{font-style:italic;}
span.acceptmarkCharChar
	{font-style:italic;}
span.indent2CharChar
	{font-family:Arial;}
span.CharChar
	{font-weight:bold;}
@page Section1
	{size:595.35pt 841.7pt;
	margin:56.7pt;}
div.Section1
	{
	page:Section1;
	page-break-inside: avoid;
	}
@page Section2
	{
	size:595.3pt 841.9pt;
	margin:72pt 90pt 72pt 90pt;
	page-break-inside: avoid;
	}
div.Section2
	{page:Section2;}

/*New styles for lozenges. Word styles are different to screen/pdf*/

p.indent1-loz, li.indent1-loz, div.indent1-loz {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:1.8cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	font-size:11.0pt;
	font-family:Arial;
	border-radius: 10px;
    padding: 7px;
}
	
p.indent2-loz, li.indent2-loz, div.indent2-loz {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:2.8cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	font-size:11.0pt;
	font-family:Arial;
	border-radius: 10px;
    padding: 7px;
}
	
p.indent3-loz, li.indent3-loz, div.indent3-loz {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:3.8cm;
	margin-bottom:.0001pt;
	text-indent:-1.0cm;
	font-size:11.0pt;
	font-family:Arial;
	border-radius: 10px;
    padding: 7px;
}
	
p.indent1a-loz, li.indent1a-loz, div.indent1a-loz {
	margin-top:12.0pt;
	margin-right:28.35pt;
	margin-bottom:0pt;
	margin-left:2.8cm;
	margin-bottom:.0001pt;
	text-indent:-56.7pt;
	font-size:11.0pt;
	font-family:Arial;
	border-radius: 10px;
    padding: 7px;
}
	
p.indent2a-loz, li.indent2a-loz, div.indent2a-loz {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:3.8cm;
	margin-bottom:.0001pt;
	text-indent:-2.0cm;
	font-size:11.0pt;
	font-family:Arial;
	border-radius: 10px;
    padding: 7px;
}

p.indent3a-loz, li.indent3a-loz, div.indent3a-loz {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:4.8cm;
	margin-bottom:.0001pt;
	text-indent:-2.0cm;
	font-size:11.0pt;
	font-family:Arial;
	border-radius: 10px;
    padding: 7px;
}

p.indent1ai-loz, li.indent1ai-loz, div.indent1ai-loz {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:3.8cm;
	margin-bottom:.0001pt;
	text-indent:-3.0cm;
	font-size:11.0pt;
	font-family:Arial;
	border-radius:10px;
    padding: 7px;
}
	
p.indent1new-loz, li.indent1new-loz, div.indent1new-loz {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:0.8cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
	border-radius: 10px;
    padding: 7px;
}
	
p.indent2new-loz, li.indent2new-loz, div.indent2new-loz {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:1.8cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
	border-radius: 10px;
    padding: 7px;
}
	
p.indent3new-loz, li.indent3new-loz, div.indent3new-loz {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:2.8cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
	border-radius: 10px;
    padding: 7px;
}

p.indent4new, li.indent4new, div.indent4new
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:4.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
	
p.indent5new, li.indent5new, div.indent5new
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:5.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
	
p.indent6new, li.indent6new, div.indent6new
	{margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:6.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;}
/* End new styles for lozenges*/

/************New added styles in both stylesheets************/
/*Highlights*/
.blue { background-color: #98B9D7; }
.orange { background-color: #F0B79E; }
.turquoise { background-color: #ABDDD8; }
.dk-turquoise { background-color: #21DEE1 }
.lt-turquoise { background-color: #D6F7F7; }
.pink { background-color: #EDC0E6; }
.green { background-color: #A5CAA2; }
.violet { background-color: #BCBCE0; }
.yellow { background-color: #FDED8C; }
.brown { background-color: #BBA6A2; }
.grey { background-color: #BCBEC0; }



/*For mark schemes. 1cm right indent instead of 2cm so that text doesn't overlap.*/
p.Levelms, li.Levelms, div.Levelms {

	margin-top: 0cm;
	margin-right: 1.0cm;
	margin-bottom: 0cm;
	margin-left: 0cm;
	margin-bottom: .0001pt;
	text-align: right;
	punctuation-wrap: simple;
	text-autospace: none;
	font-size: 9.0pt;
	font-family: "Times New Roman";
	font-weight: bold;
}

/*For mark shemes. Added after every style to make right indent 2cm so it doesn't overlap the marks.
To be put in the form <p class="questiona indentright">.
At the bottom of style sheet to over-write other styles.*/
p.indentright, li.indentright, div.indentright { margin-right: 2.0cm; }


/*Style for Computing code whole paragraph*/
#code1 {

	font-size:10.0pt;
	font-family:Courier New;
	margin-top:0cm;}

/*Style for Computing code in-line */
#code2 {

	font-size:10.0pt;
	font-family:Courier New;
}

/*Style for Computing code*/
p.comp, span.comp {

	font-size:10.0pt;
	font-family:Courier New;
	margin-top:0cm;}
	
/*Style for Computing code*/
p.comp-top, span.comp-top  {

	font-size:10.0pt;
	font-family:Courier New;
}

/*Style for new notes files*/
p.notes, li.notes, div.notes {

	margin-top:0.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:1.0cm;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:10.0pt;
	font-family:Arial;
}

/*Style for new answer lines*/
p.answer, li.answer, div.answer {
	margin-right:1.0cm;
	margin-top:12.0pt;
	margin-bottom:0cm;
	margin-left:5.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
}



p.answer2, li.answer2, div.answer2 {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:7.5cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
}


p.answer3, li.answer3, div.answer3 {
	margin-right:1.0cm;
	margin-top:12.0pt;
	margin-bottom:0cm;
	margin-left:10.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
}


/*Style for maths variables*/
p.mathsvar, span.mathsvar {

	font-family:Times New Roman;
	font-size:13pt;
	font-style:italic;
}

/*Style for maths symbols - not italic*/
p.tnr, li.tnr, div.tnr, span.tnr{

	font-family:Times New Roman;
	font-size:13pt;
}

.tbmathsvar {

	font-family:Times New Roman;
	font-size:18pt;
	font-style:italic;
}
/************Differences begin between Screen/PDF and Word************/
/*keeps tables in normal position as on screen*/
.table0 { width: 0pt; border: none; }
.table1 { width: 0pt; border: none; }
.table2 { width: 0pt; border: none; }
.table3 { width: 0pt; border: none; }

/************* Added S.G. 9 Aug 2013 for new question numbers ******/
.qnum {

    padding-top: 12pt;
}

.qnumtext {

	font-family: Arial;
	font-weight: bold;
	font-size:   15px;
}

/********** end added SG ***********/


/* This style adds bullet lists to tables*/
p.BoxList, li.BoxList, div.BoxList
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0.7cm;
	text-indent:-0.7cm;
	font-size:11.0pt;
	font-family:Arial;}
	
p.boxlist, li.boxlist, div.boxlist
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0.7cm;
	text-indent:-0.7cm;
	font-size:11.0pt;
	font-family:Arial;}
	
p.boxList, li.boxList, div.boxList
	{margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:6.0pt;
	margin-left:0.7cm;
	text-indent:-0.7cm;
	font-size:11.0pt;
	font-family:Arial;}

/*New style for Optional tests text*/

.tb13, p.tb13, li.tb13, div.tb13
	{	font-size:13.0pt;}

/*New style for Optional tests numbers*/

.tb16, p.tb16, li.tb16, div.tb16
	{	font-size:16.0pt;}

/*New style for Optional tests Enlgish quotes*/
.otquote, p.otquote, li.otquote, div.otquote
	{font-size:13.0pt;
	font-family:"Trebuchet MS"}

/*New style for Optional tests English quotes in mark schemes*/

.msquote, p.msquote, li.msquote, div.msquote
	{font-family:"Trebuchet MS"}

.otblue { background-color: #D4EFF8; }

.otyellow { background-color: #FFD800 }

.otgrey {color:#BDBDBD }

.dkgrey {color:#808B96 }

.fontblue {color:#2E2EFE }


/* This style adds grey background to table cells*/

td.tablegrey { background-color: #E9E9E9; }
td.tablegrey2 { background-color: #BDC3C7;}
td.tablegrey3 { background-color: #979A9A;}

	/* This style adds black background to table cells*/

td.tableblack { background-color: #000000;}

/*duplication for html5 with lowercase*/
p.bottom, li.bottom, div.bottom {
	margin:0cm;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:Arial;
}

/*added by Bridie Apr 2016 to remove inline styling*/

p.indent2a, li.indent2a, div.indent2a {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:4.0cm;
	margin-bottom:.0001pt;
	text-indent:-2.0cm;
	font-size:11.0pt;
	font-family:Arial;
}

p.indent3a, li.indent3a, div.indent3a {
	margin-top:12.0pt;
	margin-right:1.0cm;
	margin-bottom:0cm;
	margin-left:5.0cm;
	margin-bottom:.0001pt;
	text-indent:-2.0cm;
	font-size:11.0pt;
	font-family:Arial;
}

p.accepta, li.accepta, div.accepta {
	margin-top:3.0pt;
	margin-right:85.05pt;
	margin-bottom:0pt;
	margin-left:139.4pt;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	text-indent:-1.0cm;
	font-size:11.0pt;
	font-family:Arial;
	font-style:italic;}

p.acceptai, li.acceptai, div.acceptai {
	margin-top:3.0pt;
	margin-right:85.05pt;
	margin-bottom:0pt;
	margin-left:6.0cm;
	margin-bottom:.0001pt;
	punctuation-wrap:simple;
	text-autospace:none;
	text-indent:-1.0cm;
	font-size:11.0pt;
	font-family:Arial;
	font-style:italic;}
	
p.indentright5, li.indentright5, div.indentright5 {
	margin-right: 5.0cm;
}

p.indentright4, li.indentright4, div.indentright4 {
	margin-right: 4.0cm;
}

p.indentright3, li.indentright3, div.indentright3 {
	margin-right: 3.0cm;
}

table.data-table {
	border-collapse:collapse;
	font-size:11.0pt;
	font-family:Arial;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border:none;
}

.vert-middle {
	vertical-align: middle;
	position: relative;
}

.vert-top {
	vertical-align: top;
}

.vert-bottom {
	vertical-align: bottom;
}

.vert-up-1 { top: -3px; position: relative;}
.vert-up-2 { top: -5px; position: relative;}
.vert-up-3 { top: -7px; position: relative;}
.vert-up-4 { top: -9px; position: relative;}
.vert-up-5 { top: -11px; position: relative;}
.vert-up-6 { top: -13px; position: relative;}
.vert-up-7 { top: -15px; position: relative;}
.vert-up-8 { top: -17px; position: relative;}
.vert-up-9 { top: -19px; position: relative;}
.vert-up-10 { top: -21px; position: relative;}
.vert-down-1 { top: 3px; position: relative;}
.vert-down-2 { top: 5px; position: relative;}
.vert-down-3 { top: 7px; position: relative;}
.vert-down-4 { top: 9px; position: relative;}
.vert-down-5 { top: 11px; position: relative;}
.vert-down-6 { top: 13px; position: relative;}
.vert-down-7 { top: 15px; position: relative;}
.vert-down-8 { top: 17px; position: relative;}
.vert-down-9 { top: 19px; position: relative;}


table.align-minus {
	margin-left: -1.5em;
}


table.align0 {
	margin-left: 2em;
}

table.align1 {
	margin-left: 4.6em;
}

table.align2 {
    margin-left: 7.4em;
}

table.align3 {
    margin-left: 10.1em;
}

table.align4 {
    margin-left: 12.7em;
}

table.left0 {
	margin-left: 0px;
}


table.left1 {
	margin-left: 38px;
}

table.left2 {
	margin-left: 76px;
}

table.left3 {
    margin-left: 113px;
}

table.left4 {
    margin-left: 151px;
}

table.left5 {
    margin-left: 192px;
}

table.left6 {
    margin-left:230px;
}

table.left7 {
    margin-left:268px;
}

.col-max {
    width:44em;
	border: 1px solid #000000;
}

.col-min {
    width:0.5em;
	border: 1px solid #000000;
}

.col-label {
    width:2.3em;
	border: 1px solid #000000;
}

.col-1 {
    width:1.7em;
	border: 1px solid #000000;
}

.col-2 {
    width:3.4em;
	border: 1px solid #000000;
}

.col-3 {
    width:5.1em;
	border: 1px solid #000000;
}

.col-4 {
    width:6.8em;
	border: 1px solid #000000;
}

.col-5 {
    width:8.5em;
	border: 1px solid #000000;
}

.col-6 {
    width:10.2em;
	border: 1px solid #000000;
}

.col-7 {
    width:11.9em;
	border: 1px solid #000000;
}

.col-8 {
    width:13.6em;
	border: 1px solid #000000;
}

.col-9 {
    width:15.3em;
	border: 1px solid #000000;
}

.col-10 {
    width:17em;
	border: 1px solid #000000;
}

.col-11 {
    width:18.7em;
	border: 1px solid #000000;
}

.col-12 {
    width:20.4em;
	border: 1px solid #000000;
}

.col-13 {
    width:22.1em;
	border: 1px solid #000000;
}

.col-14 {
    width:23.8em;
	border: 1px solid #000000;
}

.col-15 {
    width:25.5em;
	border: 1px solid #000000;
}

.col-16 {
    width:27.2em;
	border: 1px solid #000000;
}

.col-17 {
    width:28.9em;
	border: 1px solid #000000;
}

.col-18 {
    width:30.6em;
	border: 1px solid #000000;
}

.col-19 {
    width:32.3em;
	border: 1px solid #000000;
}

.col-20 {
    width:34em;
	border: 1px solid #000000;
}

.col-21 {
    width:35.7em;
	border: 1px solid #000000;
}

.col-22 {
    width:37.4em;
	border: 1px solid #000000;
}

.col-23 {
    width:39.1em;
	border: 1px solid #000000;
}

.col-24 {
    width:40.8em;
	border: 1px solid #000000;
}

.bordered
.bordered tr,
.bordered td,
td.bordered {
	border: 1px solid #000000;
}

.bordered-thick
.bordered-thick tr,
.bordered-thick td,
td.bordered-thick {
                border: 2px solid #000000;
}


.no-border
.no-border tr,
.no-border td,
td.no-border {
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.top-border {border-top: 1px solid #000000;}
.right-border {border-right: 1px solid #000000;}
.bottom-border {border-bottom: 1px solid #000000;}
.left-border {border-left: 1px solid #000000;}

.top-border-thick {border-top: 2px solid #000000;}
.right-border-thick {border-right: 2px solid #000000;}
.bottom-border-thick {border-bottom: 2px solid #000000;}
.left-border-thick {border-left: 2px solid #000000;}

.top-border-dotted {border-top: 1px dotted #000000;}
.right-border-dotted {border-right: 1px dotted #000000;}
.bottom-border-dotted {border-bottom: 1px dotted #000000;}
.left-border-dotted {border-left: 1px dotted #000000;}

.no-top-border {border-top: none;}
.no-right-border {border-right: none;}
.no-bottom-border {border-bottom: none;}
.no-left-border {border-left: none;}

.padded-top{
	margin-top:0.5em;
}

.padded-right{
	margin-right:0.25em;
}

.padded-bottom{
	margin-bottom:0.5em;
}

.padded-left{
	margin-left:0.25em;
}


.padded{
	margin-top:0.5em;
	margin-right:0.25em;
	margin-bottom:0.5em;
	margin-left:0.25em;
}

.no-padding {
	margin-top:0pt;
	margin-right:0pt;
	margin-bottom:0pt;
	margin-left:0pt;
}

sup.medium {
	font-size: medium;
	vertical-align: super;
}

sub.medium {
	font-size: medium;
	vertical-align: sub;
}

sup.small {
	font-size: small;
	vertical-align: super;
}

sub.small {
	font-size: small;
	vertical-align: sub;
}

sub.var {
	font-size: small;
	vertical-align: sub;
	font-family:Times New Roman;
	font-style:italic;
}

sup.var {
	font-size: small;
	vertical-align: super;
	font-family:Times New Roman;
	font-style:italic;
}

sup.xsmall{
	font-size: x-small;
	vertical-align: super;
}

sub.xsmall{
	font-size: x-small;
	vertical-align: sub;
}

p.text-left {
	text-align: left;
}

p.margin1 {margin-left:0.8cm;}

p.text-right {
	text-align: right;
}

p.text-center {
	text-align: center;
}

p.table-list, li.table-list, div.table-list {
	margin-top:0.5em;
	margin-right:0.25em;
	margin-bottom:0.5em;
	margin-left:0.8cm;
	text-indent:-0.7cm;
	text-align:left;
}

p.table-list2, li.table-list2, div.table-list2 {
	margin-top:0.5em;
	margin-right:0.25em;
	margin-bottom:0.5em;
	margin-left:1.5cm;
	text-indent:-0.7cm;
	text-align:left;
}

p.table-lista, li.table-lista, div.table-lista {
	margin-right:0.25em;
	margin-bottom:0.5em;
	margin-left:1.5cm;
	text-indent:-1.4cm;
	text-align:left;}
	
p.table-listai, li.table-listai, div.table-listai {
	margin-right:0.25em;
	margin-bottom:0.5em;
	margin-left:2.1cm;
	text-indent:-2cm;
	text-align:left;}

/*duplicated in lower case for html5*/

p.level, li.level, div.level
	{margin-top:0cm;
	margin-right:2.0cm;
	margin-bottom:0cm;
	margin-left:0cm;
	margin-bottom:.0001pt;
	text-align:right;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:9.0pt;
	font-family:"Times New Roman";
	font-weight:bold;}

/*duplicated in lower case for html5*/
p.levelms, li.levelms, div.levelms {

	margin-top: 0cm;
	margin-right: 1.0cm;
	margin-bottom: 0cm;
	margin-left: 0cm;
	margin-bottom: .0001pt;
	text-align: right;
	punctuation-wrap: simple;
	text-autospace: none;
	font-size: 9.0pt;
	font-family: "Times New Roman";
	font-weight: bold;
}

p.script, span.script {font-family:Comic Sans MS;}
p.chiller, span.chiller {font-family:chiller; font-size:16pt}
p.font9,  span.font9 	{font-size:9.0pt;}
p.font10, span.font10	{font-size:10.0pt;}
p.font12, span.font12	{font-size:12.0pt;}
p.font14, span.font14	{font-size:14.0pt;}
p.font15, span.font15	{font-size:15.0pt;}
p.font16, span.font16	{font-size:16.0pt;}
p.font18, span.font18	{font-size:18.0pt;}
p.font20, span.font20	{font-size:20.0pt;}
p.font30, span.font30	{font-size:30.0pt;}

/*duplicated in lower case for html5*/
.marknb, li.marknb, div.marknb {
	margin:0cm;
	margin-bottom:.0001pt;
	text-align:right;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:10.0pt;
	font-family:Arial;
}

p.m-b-0 {	margin-bottom: 0em;}

p.m-t-0 {	margin-top: 0em;}

p.m-l-s {margin-left: 0.5em;}
p.m-l-1 {margin-left: 1em;}
p.m-l-2 {margin-left: 1.5em;}
p.m-l-3 {margin-left: 2em;}
p.m-l-4 {margin-left: 2.5em;}
p.m-l-5 {margin-left: 3em;}
p.m-l-6 {margin-left: 3.5em;}
p.m-l-7 {margin-left: 4em;}
p.marg-left {margin-left:0.8cm;}

p.m-r-s {margin-right: 0.5em;}
p.m-r-1 {margin-right: 1em;}
p.m-r-2 {margin-right: 1.5em;}
p.m-r-3 {margin-right: 2em;}
p.m-r-4 {margin-right: 2.5em;}
p.m-r-5 {margin-right: 3em;}
p.m-r-6 {margin-right: 3.5em;}
p.m-r-7 {margin-right: 4em;}

p.m-t-s {margin-top: 0.5em;}
p.m-t-1 {margin-top: 1.5em;}
p.m-t-2 {margin-top: 2em;}
p.m-t-3 {margin-top: 4em;}
p.m-t-4 {margin-top: 8em;}
p.m-t-5 {margin-top: 12em;}
p.m-t-6 {margin-top: 16em;}
p.m-t-7 {margin-top: 24em;}
p.m-t-8 {margin-top: 30em;}
p.m-t-9 {margin-top: 36em;}
p.m-t-10 {margin-top: 40em;}

p.m-b-s {margin-bottom: 0.5em;}
p.m-b-1 {margin-bottom: 1.5em;}
p.m-b-2 {margin-bottom: 2em;}
p.m-b-3 {margin-bottom: 4em;}
p.m-b-4 {margin-bottom: 8em;}
p.m-b-5 {margin-bottom: 12em;}
p.m-b-6 {margin-bottom: 16em;}
p.m-b-7 {margin-bottom: 24em;}
p.m-b-8 {margin-bottom: 30em;}
p.m-b-9 {margin-bottom: 36em;}
p.m-b-10 {margin-bottom: 40em;}


.tbyellow{
background-color:#FFF8CC;}

.pagebreak-bf { page-break-before: always; }
.pagebreak-af { page-break-after: always; }

/* End Bridie additions for removal of inline styles */

/* overriding bootsrap styles */

table .col-1,
table .col-2,
table .col-3,
table .col-4,
table .col-5,
table .col-6,
table .col-7,
table .col-8,
table .col-9,
table .col-10,
table .col-11,
table .col-12 {
    padding-right: 0;
    padding-left: 0;
}

/* end override */


/************commented out by PQ. It's not on RS, so probably is unnecessary************/
/*

table.MsoNormalTable
{
	border:1px solid black;
	margin:1em 0em 0em 2.8em;
	padding:0.5em;
    border-collapse:collapse;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
}

table.MsoNormalTable td
{
	border:1px solid black;
	margin:0em 0em 0em 2em;
	padding:0.5em;
}

table.MsoNormalTable1
{
	border:none;
	margin:0em 0em 0em 0em;
	padding:0.5em;
    border-collapse:collapse;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
}

table.MsoNormalTable1 .td1
{
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-right:1px solid black;
	margin:0em 0em 0em 0em;
	padding:0.58em;
}

table.MsoNormalTable1 .td2
{
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	margin:0em 0em 0em 0em;
	padding:0.58em;
}

table.MsoNormalTable1 .td3
{
	text-align:center;
	margin:0em 0em 0em 0em;
	border:1px solid black;
	padding:0.58em;
}

table.MsoNormalTable1 .td10
{
	border: 1px solid black;
	text-align:left;
	margin:0em 0em 0em 0em;
	border:1px solid black;
	padding:0.58em 0.58em 0.58em 0.58em;
}

table.MsoNormalTable2
{
	border:none;
	margin:0em 0em 0em 0em;
	padding:0.5em;
    border-collapse:collapse;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
}


table.MsoNormalTable2 .td1
{
	margin:0em 0em 0em 0em;
	padding:0em;
	border:1px solid black;
	text-align:center;
}

table.MsoNormalTable2 .td2
{
	margin:0em 0em 0em 0em;
	padding-left:2em;
	text-align:center;
}

table.MsoNormalTable2 .td4
{
	margin:0em 0em 0em 0em;
	border-bottom:1px dotted black;
	text-align:center;
	padding-left:2em;
	padding-right:2em;
}

table.MsoNormalTable2 .td5
{
	margin:0em 0em 0em 0em;
	text-align:center;
	padding-left:1.4em;
}

table.MsoNormalTable2 .td6
{
	margin:0em 0em 0em 0em;
	text-align:center;
	padding-left:2em;
	padding-right:2em;
	border-bottom:1px dotted black;
}


table.MsoNormalTable3
{
	border:none;
	margin:0em 0em 0em 0em;
	padding:0.5em;
    border-collapse:collapse;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:11.0pt;
	font-family:Arial;
}

table.MsoNormalTable3 td
{
	margin:0em 0em 0em 0em;
	padding:0.58em;
	border:1px solid black;
	text-align:center;
}

table.MsoNormalTable3 .td8
{
	background-color:#d1d2d4;
}

table.MsoNormalTable3 .td9
{
	margin:0em 0em 0em 0em;
	padding:2em;
	border:1px solid black;
	text-align:center;
}

table.MsoNormalTable2 .td7
{
	margin:0em 0em 0em 0em;
	padding-left:0.58em;
	border:1px solid black;
	text-align:center;
}

p.center-align
{
	text-align:center;
	font-size:130%;
	font-family:Arial;
}
td.color
{
	background-color:#d1d2d4;
}
*/

 /*30.08.2018 - font colours*/
.red { color: red; }
p.grid
	{text-align:left;
	margin-left:-0.63cm;
	margin-top:0.5cm}
	
.phon 
	{font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
	font-size:50.0pt;
	margin-top:5rem;
	margin-bottom:5rem;
	margin-right:1rem;
	}
		
.phon-border 
	{border: 3pt solid #000000;}
		
.phon-lt-border 
	{border-top: 3pt solid #000000; 
	border-bottom: 3pt solid #000000; 
	border-left: 3pt solid #000000; 
	border-right: none;
	}
		
.phon-rt-border 
	{border-top: 3pt solid #000000; 
	border-bottom: 3pt solid #000000; 
	border-right: 3pt solid #000000; 
	border-left: none;
	}

p.MsoNormal, li.MsoNormal, div.MsoNormal { margin:0pt; margin-bottom:.0001pt; font-size:11.0pt; font-family:"Arial"; }
/* [PASTE THE REST OF THE WORD-TO-HTML CSS FROM YOUR PROMPT HERE] */