/*
 * Copyright (c) 2009-2013 Pixware SARL. All rights reserved.
 *
 * Author: Hussein Shafie
 *
 * This file is part of the XMLmind DITA Converter project.
 * For conditions of distribution and use, see the accompanying LEGAL.txt file.
 *
 * Many changes compared to basic.css due to very poor HTML rendering by Java.
 * Note that a dimension is always expressed in pixels (with no px suffix):
 * 1em = 6, 1ex = 3.
 */

body {
    font-family: sans-serif;
    font-size: 12pt;
    color: black;
    background-color: white;
    margin-left: 6;
    margin-right: 6;
}

a {
    color: #404080;
}

/* ------------------------------------------------------------------------
 | Topic elements
 +------------------------------------------------------------------------- */

.part-title,
.chapter-title,
.appendices-title,
.appendix-title,
.section1-title,
.section2-title,
.section3-title,
.section4-title,
.section5-title,
.section6-title,
.section7-title,
.section8-title,
.section9-title,
.frontmattersection-title,
.backmattersection-title,
.amendments-title,
.bookabstract-title,
.colophon-title,
.dedication-title,
.draftintro-title,
.preface-title,
.notices-title,
.abbrevlist-title,
.bibliolist-title,
.glossarylist-title,
.trademarklist-title,
.topic-title,
.section-title,
.example-title,
.refsyn-title,
.related-links-title,
.linklist-title,
.linkpool-title,
.prereq-title,
.context-title,
.steps-title,
.steps-informal-title,
.result-title,
.postreq-title {
    color: #403480; 
    font-weight: bold;
    margin-top: 5;
    margin-bottom: 5;
}

.frontmattersection-title,
.backmattersection-title,
.amendments-title,
.bookabstract-title,
.colophon-title,
.dedication-title,
.draftintro-title,
.preface-title,
.notices-title,
.abbrevlist-title,
.bibliolist-title,
.glossarylist-title,
.trademarklist-title,
.part-title,
.chapter-title,
.appendices-title,
.appendix-title {
    font-size: 160%;
}

.section1-title,
.topic-title {
    font-size: 140%;
}

.section2-title {
    font-size: 120%;
}

.section3-title,
.section4-title,
.section5-title,
.section6-title,
.section7-title,
.section8-title,
.section9-title {
    font-size: 110%;
}

.section-title,
.example-title,
.refsyn-title,
.prereq-title,
.context-title,
.steps-title,
.steps-informal-title,
.result-title,
.postreq-title {
    font-size: 110%;
}

.fig-title,
.table-title {
    font-size: 1em;
    color: #483D8B; 
    font-weight: normal;
    font-style: italic;
    margin-top: 3;
    margin-bottom: 3;
}

.related-links-title,
.linklist-title,
.linkpool-title {
    margin-top: 3;
    margin-bottom: 3;
}

.abstract {
    margin-top: 5;
    margin-bottom: 5;
}

.shortdesc {
    margin-top: 5;
    margin-bottom: 5;
}

.body,
.conbody,
.refbody,
.taskbody {
    margin-top: 5;
    margin-bottom: 5;
}

.related-links {
    margin-top: 5;
    margin-bottom: 5;
}

.section {
    margin-top: 5;
    margin-bottom: 5;
}

.example {
    margin-top: 5;
    margin-bottom: 5;
}

/* ------------------------------------------------------------------------
 | Reference elements
 +------------------------------------------------------------------------- */

.refsyn {
    margin-top: 5;
    margin-bottom: 5;
}

/* ------------------------------------------------------------------------
 | Task elements
 +------------------------------------------------------------------------- */

.info {
    margin-top: 5;
    margin-bottom: 5;
}

.steps-informal,
.step-list,
.compact-step-list,
.unordered-step-list,
.compact-unordered-step-list,
.substeps,
.compact-substeps {
    margin-top: 5;
    margin-bottom: 5;
}

.substeps,
.compact-substeps {
    list-style-type: lower-alpha;
}

.compact-step-list > li,
.compact-unordered-step-list > li,
.compact-substeps > li {
    margin-top: 0;
    margin-bottom: 0;
}

.choices {
    list-style-type: circle;
    margin-top: 5;
    margin-bottom: 5;
}

.stepsection {
    list-style-type: none;
    margin-top: 5;
    margin-bottom: 5;
}

.tutorialinfo {
    margin-top: 5;
    margin-bottom: 5;
}

.stepxmp {
    margin-top: 5;
    margin-bottom: 5;
}

.stepresult {
    margin-top: 5;
    margin-bottom: 5;
}

/* ------------------------------------------------------------------------
 | Glossary elements
 +------------------------------------------------------------------------- */

.glossentry {
    margin-top: 5;
    margin-bottom: 5;
}

.glossterm {
    font-weight: bold;
    margin-bottom: 0;
}

.glossdef {
    margin-left: 24;
    margin-top: 0;
}

.glossBody {
    margin-left: 24;
    margin-top: 5;
    margin-bottom: 5;
}

.glossBody-properties {
    margin-top: 5;
    margin-bottom: 5;
}

.glossSurfaceForm,
.glossUsage,
.glossScopeNote,
.glossSymbol {
    margin-top: 5;
    margin-bottom: 5;
}

.glossAlt {
    margin-top: 5;
    margin-bottom: 5;
}

.glossAlt-properties,
.glossAlt-variants {
    margin-top: 5;
    margin-bottom: 5;
}

.glossAbbreviation-container,
.glossAcronym-container,
.glossShortForm-container,
.glossSynonym-container {
    margin-top: 5;
    margin-bottom: 5;
}

.glossAbbreviation,
.glossAcronym,
.glossShortForm,
.glossSynonym {
    font-weight: bold;
}

.glossentry .related-links {
    margin-left: 24;
}

.glossentry .related-links .related-links-title {
    font-size: 100%;
}

/* ------------------------------------------------------------------------
 | Body elements
 +------------------------------------------------------------------------- */

.p {
    margin-top: 5;
    margin-bottom: 5;
}

.note {
    font-size: 90%;
    margin: 9 12;
}

.note-head {
    color: #483D8B; 
    font-size: larger;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5;
}

.note-body {
    font-size: 1em;
}

/* 
 * When the note icon is displayed.
 */
.note-layout {
    font-size: 1em;
    border-collapse: collapse; 
    border-spacing: 0;
    margin: 0;
}

.note-icon {
    padding-right: 6;
}

.ol,
.compact-ol,
.ul,
.compact-ul,
.sl,
.compact-sl {
    margin-top: 5;
    margin-bottom: 5;
}

.sl,
.compact-sl {
    list-style-type: none;
}

/*
 * Web browsers seem to always display lists as compact.
 */
li {
    margin-top: 5;
    margin-bottom: 5;
}

.compact-ol > li,
.compact-ul > li,
.compact-sl > li {
    margin-top: 0;
    margin-bottom: 0;
}

.tabular-dl  {
    font-size: 1em;
    border-collapse: collapse; 
    border-spacing: 0;
    margin-top: 5;
    margin-bottom: 5;
}

.tabular-dl-head-row  {
    font-weight: bold;
    text-align: left;
    background-color: #E0E0E0;
}

.tabular-dthd,
.tabular-ddhd,
.tabular-dt,
.tabular-dd {
    padding: 2;
}

.tabular-dthd,
.tabular-dt {
    padding-right: 6;
}

.dl,
.compact-dl,
.parml,
.compact-parml {
    margin-top: 5;
    margin-bottom: 5;
}

.dt,
.pt {
    font-weight: bold;
}

/*
 * Web browsers seem to always display lists as compact.
 */
dd {
    margin-bottom: 5;
}

.compact-dl > dd,
.compact-parml > dd {
    margin-bottom: 0;
}

.fig {
    margin-top: 9;
    margin-bottom: 9;
    margin-left: 0;
    margin-right: 0;
}

.pre,
.codeblock {
    font-family: monospace;
    font-size: 1em;
    background-color: #F0F0F0;
    padding: 2;
    border-color: #C0C0C0;
    /* Add actual border using the frame attribute. */
    margin-top: 5;
    margin-bottom: 5;
}

.lines {
    font-family: sans-serif;
    font-size: 1em;
    padding: 2;
    margin-top: 5;
    margin-bottom: 5;
}

.lq {
    margin: 9 24;
}

.lq-reftitle {
    font-style: italic;
    text-align: right;
    margin-top: 3;
    margin-bottom: 3;
}

a.object-download-link,
.object-no-download-link {
    text-decoration: underline;
    font-family: monospace;
    font-size: 90%;
}

.object-no-download-link {
    color: gray;
}

/* ------------------------------------------------------------------------
 | Simpletable, properties, choicetable elements
 +------------------------------------------------------------------------- */

.simpletable-container {
    margin-top: 5;
    margin-bottom: 5;
}

.simpletable,
.properties,
.choicetable {
    font-size: 1em;
    border-width: 1; 
    border-style: solid;
    border-color: #C0C0C0;
    background-color: #C0C0C0;
}

.stentry,
.header-stentry,
.proptype,
.propvalue,
.propdesc,
.proptypehd,
.propvaluehd,
.propdeschd,
.choption,
.chdesc,
.choptionhd,
.chdeschd {
    border-width: 1; 
    border-style: solid;
    border-color: #C0C0C0;
    background-color: white;
    padding: 2;
}

.header-stentry,
.proptypehd,
.propvaluehd,
.propdeschd,
.choptionhd,
.chdeschd {
    font-weight: bold;
    background-color: #E0E0E0;
}

/* ------------------------------------------------------------------------
 | Table elements
 +------------------------------------------------------------------------- */

.table {
    margin-top: 5;
    margin-bottom: 5;
}

.tgroup {
    font-size: 1em;
    border-width: 1; 
    border-style: solid;
    border-color: #C0C0C0;
    background-color: #C0C0C0;
}

.entry,
.header-entry {
    border-width: 1; 
    border-style: solid;
    border-color: #C0C0C0;
    background-color: white;
    padding: 2;
}

.header-entry {
    font-weight: bold;
    background-color: #E0E0E0;
}

/* ------------------------------------------------------------------------
 | Related links elements
 +------------------------------------------------------------------------- */

.sequence-parent-linkpool,
.sequence-members-linkpool,
.family-parent-linkpool,
.family-members-linkpool,
.unordered-parent-linkpool,
.unordered-members-linkpool,
.choice-parent-linkpool,
.choice-members-linkpool {
    border-width: 1;
    border-style: solid;
    border-color: #F0F0F4;
    background-color: #F8F8FC;
    padding: 5;
    margin-top: 5;
    margin-bottom: 5;
}

.parent-topic-link-item,
.previous-topic-link-item,
.next-topic-link-item,
.sibling-topic-link-item {
    font-weight: bold;
    font-size: 90%;
}

.linkpool-title {
    font-size: 90%;
    color: black;
    margin-top: 0;
}

.link {
    margin-top: 0;
    margin-bottom: 0;
}

.linklist {
    margin-left: 12;
    margin-top: 5;
    margin-bottom: 5;
}

.linkinfo {
    margin-top: 5;
    margin-bottom: 5;
}

/* ------------------------------------------------------------------------
 | Miscellaneous elements
 +------------------------------------------------------------------------- */

.draft-comment {
    color: red;
    font-size: 90%;
    /*no margins*/
}

.draft-comment-info {
    font-weight: bold;
}

.fn-link {
    text-decoration: none;
}

.footnote-separator {
    width: 30%;
    height: 1px;
    color: #404040;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    margin-top: 9;
    margin-bottom: 2;
}

.fn-layout {
    font-size: 1em;
    border-collapse: collapse; 
    border-spacing: 0;
    margin: 0;
}

/* ------------------------------------------------------------------------
 | Typographics elements
 +------------------------------------------------------------------------- */

.u {
    text-decoration: underline;
}

.tt {
    font-family: monospace;
    font-size: 90%;
}

/* ------------------------------------------------------------------------
 | Programming elements
 +------------------------------------------------------------------------- */

.apiname {
    font-family: monospace;
    font-size: 90%;
}

.codeph {
    font-family: monospace;
    font-size: 90%;
}

.option {
    font-family: monospace;
    font-weight: bold;
    font-size: 90%;
}

.parmname {
    font-family: monospace;
    font-style: italic;
    font-size: 90%;
}

.synph {
    font-family: monospace;
    font-size: 90%;
}

.kwd {
    font-family: monospace;
    font-weight: bold;
    font-size: 90%;
}

.var {
    font-family: monospace;
    font-style: italic;
    font-size: 90%;
}

.oper {
    font-family: monospace;
    font-size: 90%;
}

.delim {
    font-family: monospace;
    font-size: 90%;
}

.sep {
    font-family: monospace;
    font-size: 90%;
}

/* ------------------------------------------------------------------------
 | Software elements
 +------------------------------------------------------------------------- */

.msgph {
    font-family: monospace;
    font-size: 90%;
}

.msgblock {
    font-family: monospace;
    font-size: 1em;
    background-color: #E0E0F0;
    padding: 2;
    border-color: #C0C0F0;
    /* Add actual border using the frame attribute. */
    margin-top: 5;
    margin-bottom: 5;
}

.msgnum {
    font-family: monospace;
    font-size: 90%;
}

.cmdname {
    font-family: monospace;
    font-size: 90%;
    font-weight: bold;
}

.varname {
    font-family: monospace;
    font-size: 90%;
    font-style: italic;
}

.filepath {
    font-family: monospace;
    font-size: 90%;
}

.userinput {
    font-family: monospace;
    font-size: 90%;
    background-color: #C0E0C0;
}

.systemoutput {
    font-family: monospace;
    font-size: 90%;
    background-color: #F0F0C0;
}

/* ------------------------------------------------------------------------
 | User interface elements
 +------------------------------------------------------------------------- */

.shortcut {
    text-decoration: underline;
}

.screen {
    font-family: monospace;
    font-size: 1em;
    background-color: #E0F0E0;
    padding: 2;
    border-color: #C0F0C0;
    /* Add actual border using the frame attribute. */
    margin-top: 5;
    margin-bottom: 5;
}

/* ------------------------------------------------------------------------
 | Utilities elements
 +------------------------------------------------------------------------- */

.imagemap {
    margin-top: 9;
    margin-bottom: 9;
}

.imagemap object {
    border-style: none;
}

/* ------------------------------------------------------------------------
 | Hazard statement elements
 +------------------------------------------------------------------------- */

.hazardstatement {
    border-color: black;
    border-collapse: collapse; 
    border-spacing: 0;
    margin-top: 9;
    margin-bottom: 9;
}

.hazardstatement td {
    padding: 4;
}

.hazardStatement-danger-head,
.hazardStatement-warning-head,
.hazardStatement-caution-head,
.hazardStatement-notice-head,
.hazardStatement-note-head,
.hazardStatement-tip-head,
.hazardStatement-fastpath-head,
.hazardStatement-restriction-head,
.hazardStatement-important-head,
.hazardStatement-remember-head,
.hazardStatement-attention-head,
.hazardStatement-other-head {
    text-align: center;
    font-size: 140%;
    font-weight: bold;
    color: white;
    background-color: green;
}

.hazardStatement-danger-head {
    color: black;
    background-color: red;
}

.hazardStatement-warning-head {
    color: black;
    background-color: #FFA500; /*orange*/
}

.hazardStatement-caution-head {
    color: black;
    background-color: yellow;
}

.hazardStatement-notice-head {
    color: white;
    background-color: blue;
}

.hazardStatement-head-icon {
    padding-right: 4;
}

.messagepanel {
    text-align: center;
    font-size: 110%;
    color: white;
    background-color: blue;
}

.typeofhazard {
    font-size: 120%;
    font-weight: bold;
}

/* ------------------------------------------------------------------------
 | titlePage
 +------------------------------------------------------------------------- */

.title-page {
    text-align: center;
    border-color: #F0F4F8;
    border-width: 1;
    border-style: solid;
    background-color: #F4F8FC;
    padding: 5;
    margin-top: 5;
    margin-bottom: 5;
}

.document-title {
    font-weight: bold;
    font-size: 160%;
    margin-top: 9;
    margin-bottom: 9;
}

.booklibrary {
    margin-top: 9;
    margin-bottom: 9;
}

.booktitlealt {
    font-style: italic;
    font-size: 110%;
    margin-top: 9;
    margin-bottom: 9;
}

.document-author {
    margin-top: 9;
    margin-bottom: 9;
}

.personinfo, 
.organizationinfo {
    margin-top: 3;
    margin-bottom: 3;
}

.addressdetails {
    font-family: sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}

.emailaddress,
.url {
    font-family: monospace;
}

.last-critdate,
.document-publisher {
    margin-top: 9;
    margin-bottom: 9;
}

/* ------------------------------------------------------------------------
 | Page navigation
 +------------------------------------------------------------------------- */

.page-navigation-bar {
    font-size: 90%;
    color: #404040;
    margin: 0;
}

.page-navigation-layout {
    /* Workaround IE6 bug: tables do not inherit font size. */
    font-size: 1em;
    border-collapse: collapse; 
    border-spacing: 0;
    margin: 0;
}

.navigation-icon {
    border-style: none;
}

.page-navigation-current {
    font-weight: bold;
}

.page-navigation-top-separator,
.page-navigation-bottom-separator {
    height: 1;
    color: #404040;
}

.page-navigation-bottom-separator {
    margin-top: 9;
    margin-bottom: 2;
}

.page-navigation-top-separator {
    margin-top: 2;
    margin-bottom: 9;
}

/* ------------------------------------------------------------------------
 | Ditac:flags elements
 +------------------------------------------------------------------------- */

/* Use 2 nested divs and a colored margin to simulate a border. */

.ditac-flags-div1 {
    background-color: gray;
}

.ditac-flags-div2 {
    background-color: white;
    margin-right: 2;
}

.ditac-flags-div-start-p,
.ditac-flags-div-end-p {
    margin-top: 0;
    margin-bottom: 0;
}

.ditac-flags-div-start-text,
.ditac-flags-div-end-text,
.ditac-flags-span-start-text,
.ditac-flags-span-end-text {
    font-size: small;
    color: gray;
}

/* ------------------------------------------------------------------------
 | Syntax highlighting
 +------------------------------------------------------------------------- */

.hl-keyword {
    font-weight: bold;
    color: #602060;
}

.hl-string {
    color: #A00000;
}

.hl-number {
    color: #B08000;
}

.hl-comment {
    font-style: italic;
    color: #808080;
}

.hl-doccomment {
    color: #008080;
}

.hl-directive {
    color: #00A000;
}

.hl-annotation {
    font-weight: bold;
    color: #808080;
}

/*
 * XML
 */

.hl-tag {
    font-weight: bold;
    color: #602060;
}

.hl-attribute {
    color: #0050A0;
}

.hl-value {
    color: #A00000;
}

.hl-doctype {
    color: #008080;
}
