/*
 * Copyright (c) 2009 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.
 */

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,
.appendix-title,
.section1-title,
.section2-title,
.section3-title,
.section4-title,
.section5-title,
.section6-title,
.section7-title,
.section8-title,
.section9-title,
.topic-title,
.section-title,
.refsyn-title,
.related-links-title,
.linklist-title,
.prereq-title,
.context-title,
.steps-title,
.result-title,
.postreq-title {
    color: #403480; 
    font-weight: bold;
    margin-top: 5;
    margin-bottom: 5;
}

.part-title,
.chapter-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,
.refsyn-title,
.prereq-title,
.context-title,
.steps-title,
.result-title,
.postreq-title {
    font-size: 110%;
}

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

.related-links-title,
.linklist-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;
}

.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;
}

.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;
}

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

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

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

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

.note-layout {
    font-size: 1em;
    margin: 0;
}

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

.note-label {
    color: #483D8B; 
    font-weight: bold;
    padding-right: 6;
}

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

/*
 * 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;
    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;
}

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

.pre,
.codeblock {
    font-family: monospace;
    font-size: 1em;
    background-color: #E0E0E0;
    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;
}

/* ------------------------------------------------------------------------
 | 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
 +------------------------------------------------------------------------- */

.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;
    margin: 0;
}

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

.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-size: 90%;
}

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

.synph {
    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
 +------------------------------------------------------------------------- */

.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;
}

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

.title-page {
    text-align: center;
    border-color: #C8C0F0;
    border-width: 1;
    border-style: solid;
    background-color: #E8E0F0;
    padding: 2;
    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;
}

/* ------------------------------------------------------------------------
 | 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;
}
