/*<meta />*/
@charset "utf-8";
/* CSS Document */
/* -------------------------------------------------------------------------------------- */
/* Zuken-Stylesheet-00                                                                    */
/*                                                                                        */
/* This is the Main Stylesheet, it is mainly used to configure the standard formats       */
/* used for writing a topic and to link to all other stylesheets used for configuration   */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* Import/Linking of all requiered stylesheets */
/* -------------------------------------------------------------------------------------- */
@import url('Zuken-Stylesheet-01-Side-Menu.css');
@import url('Zuken-Stylesheet-02-Landing-Page.css');
@import url('Zuken-Stylesheet-03-Topic-Page.css');
@import url('Zuken-Stylesheet-04-Topic-Toolbar.css');
@import url('Zuken-Stylesheet-05-Topic-Toc.css');
@import url('Zuken-Stylesheet-06-Notes.css');
@import url('Zuken-Stylesheet-07-Lightbox.css');
@import url('Zuken-Stylesheet-08-Drop-Downs.css');
@import url('Zuken-Stylesheet-09-Tables.css');
@import url('Zuken-Stylesheet-10-Media-Queries.css');
/* -------------------------------------------------------------------------------------- */
/* Global Variables */
/* -------------------------------------------------------------------------------------- */
/*-------------------------------------------------*/
/*Branding */
/*-------------------------------------------------*/
:root {
    --zuken-main-font: Verdana;
    --zuken-main-font-size: 15px;
    --zuken-main-font-weight: normal;
    /*zuken-logo-blue*/
    --zuken-primary-color: #4694d1;
    /*zuken-e3-red*/
    --zuken-secondary-color: #f04c3e;
    /*zuken-yellow*/
    --zuken-tertiary-color: #ffd900;
    --zuken-lightest: #f5f5f5;
    --zuken-light: #f2f2f2;
    --zuken-medium: #d3d3d3;
    /*zuken-grey*/
    --zuken-dark: #7b7c7f;
    /*zuken-black*/
    --zuken-darkest: #464646;
    /*-------------------------------------------------*/
    /*Zuken Color System */
    /*-------------------------------------------------*/
    --zuken-black: #001522;
    --zuken-grey: #7b7c7f;
    --zuken-web-blue: #0066cc;
    --zuken-e3-red: #f04c3e;
    --zuken-logo-blue: #4694d1;
    --zuken-web-grey: #666666;
    --zuken-yellow: #ffd900;
    --cadstar-yellow: #ffd203;
    --cadstar-orange: #f99d1c;
    --zuken-green: #5d9053;
    --zuken-ppt-blue: #003399;
    --zuken-cr-blue: #172983;
    --zuken-warm-grey: #8a7967;
}
/* -------------------------------------------------------------------------------------- */
/* Standard html class */
/* -------------------------------------------------------------------------------------- */
html {
    mc-hidden: hidden;
    mc-template-page: url('../MasterPages/TopicPage/Zuken-Masterpage-Topics.flmsp');
}
/* -------------------------------------------------------------------------------------- */
/* Standard body class */
/* -------------------------------------------------------------------------------------- */
.body {
    padding-top: 0px;
    background-attachment: fixed;
    background-image: url('../MasterPages/LandingPage/zuken-start-background.png');
    background-repeat: no-repeat;
    background-size: cover;
    font-family: var(--zuken-main-font);
    font-size: var(--zuken-main-font-size);
    font-weight: var(--zuken-main-font-weight);
    line-height: normal;
}
/* -------------------------------------------------------------------------------------- */
/* Standard link styles */
/* -------------------------------------------------------------------------------------- */
a {
    font-family: var(--zuken-main-font);
}
a:link {
    color: var(--zuken-primary-color);
    text-decoration: none;
}
a:visited {
    color: var(--zuken-primary-color);
    text-decoration: none;
}
a:hover {
    color: var(--zuken-primary-color);
    text-decoration: underline;
}
a:active {
    color: var(--zuken-secondary-color);
    text-decoration: none;
}
/* -------------------------------------------------------------------------------------- */
/* Div styles */
/* -------------------------------------------------------------------------------------- */
div {
    color: var(--zuken-black);
    font-family: var(--zuken-main-font);
    font-size: var(--zuken-main-font-size);
    font-weight: var(--zuken-main-font-weight);
}
div.indent {
    margin: 0;
    padding-left: 25px;
}
div.indent > div.indent {
    margin: 0;
    padding-left: 25px;
}
div.spacer {
    line-height: 5px;
}
/* -------------------------------------------------------------------------------------- */
/* Separator styles */
/* -------------------------------------------------------------------------------------- */
hr {
    display: none;
    margin: 7px 0px 7px 0px;
    height: 1px;
    mc-help-control-display: hidden;
}
/* -------------------------------------------------------------------------------------- */
/* Heading styles */
/* -------------------------------------------------------------------------------------- */
h1 {
    margin: 0;
    margin-bottom: 12px;
    color: var(--zuken-primary-color);
    font-family: var(--zuken-main-font);
    font-weight: normal;
    font-size: 27px;
    overflow-wrap: break-word;
    mc-heading-level: 0;
}
h2 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-color: var(--zuken-primary-color);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 3px;
    color: var(--zuken-darkest);
    font-family: var(--zuken-main-font);
    font-weight: normal;
    font-size: 25px;
    line-height: 30px;
}
h3 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    color: var(--zuken-darkest);
    font-family: var(--zuken-main-font);
    font-weight: normal;
    font-size: 23px;
    line-height: 30px;
}
h4 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    color: var(--zuken-darkest);
    font-family: var(--zuken-main-font);
    font-weight: normal;
    font-size: 21px;
    line-height: 30px;
}
h5 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    color: var(--zuken-darkest);
    font-family: var(--zuken-main-font);
    font-weight: normal;
    font-size: 19px;
    line-height: 30px;
}
h6 {
    margin: 0;
    color: var(--zuken-darkest);
    font-family: var(--zuken-main-font);
    font-weight: bold;
    font-size: var(--zuken-main-font-size);
}
/* -------------------------------------------------------------------------------------- */
/* Paragraph styles */
/* -------------------------------------------------------------------------------------- */
p {
    margin: 0;
    color: var(--zuken-black);
    font-family: var(--zuken-main-font);
    font-size: var(--zuken-main-font-size);
    font-weight: var(--zuken-main-font-weight);
}
p.bold {
    font-weight: bold;
}
p.code {
    margin-top: 10px;
    margin-bottom: 0;
    border: solid 2px #000000;
    border-color: #d3d3d3;
    border-width: 1px;
    border-radius: 4px;
    padding: 5px;
    background-color: #f5f5f5;
    font-family: 'Courier New';
}
/* -------------------------------------------------------------------------------------- */
/* Character styles */
/* -------------------------------------------------------------------------------------- */
span {
    font-family: var(--zuken-main-font);
}
span.bold {
    font-weight: bold;
}
span.italic {
    font-style: italic;
}
span.bold-italic {
    font-style: italic;
    font-weight: bold;
}
span.code {
    font-family: 'Courier New';
}
span.code-bold {
    font-family: 'Courier New';
    font-weight: bold;
}
span.e3 {
    color: var(--zuken-secondary-color);
    font-style: italic;
    font-weight: bold;
}
span.ui-string {
    font-style: italic;
    font-weight: bold;
}
/* -------------------------------------------------------------------------------------- */
/* List styles */
/* -------------------------------------------------------------------------------------- */
ol {
    margin: 0;
    font-family: var(--zuken-main-font);
    font-size: var(--zuken-main-font-size);
}
ul {
    margin: 0;
    font-family: var(--zuken-main-font);
    font-size: var(--zuken-main-font-size);
}
li {
    font-family: var(--zuken-main-font);
    font-size: var(--zuken-main-font-size);
}
ol.numbering {
    margin: 0;
    margin-left: 5px;
    padding-left: 20px;
    list-style-type: decimal;
}
ol.numbering li {
    margin-bottom: 5px;
    margin-top: 5px;
}
ol.numbering > li > ol {
    padding-left: 25px;
    list-style-type: lower-latin;
}
ol.numbering > li > ol > li {
    padding-left: 0px;
}
ul.links {
    margin: 0;
    padding-left: 0px;
    list-style-type: none;
}
ul.links li {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 25px;
    background-image: url('../Styles/TopicStyles/list-double-arrow.png');
    background-position: left 1px;
    background-repeat: no-repeat;
    background-size: 18px;
}
ul.simple-list {
    margin: 0;
    padding-left: 0px;
    list-style-type: none;
}
ul.simple-list li {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 25px;
    background-image: url('../Styles/TopicStyles/list-double-arrow.png');
    background-position: left 1px;
    background-repeat: no-repeat;
    background-size: 18px;
}
ul.simple-list > li > ul {
    padding-left: 0px;
    list-style-type: none;
}
ul.simple-list > li > ul > li {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 25px;
    background-image: url('../Styles/TopicStyles/list-square.png');
    background-repeat: no-repeat;
    background-position: 2px 5px;
    background-size: 10px;
}
ul.simple-list > li > ul > li > ul {
    padding-left: 0px;
    list-style-type: none;
}
ul.simple-list > li > ul > li > ul > li {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 25px;
    background-image: url('../Styles/TopicStyles/list-disc.png');
    background-repeat: no-repeat;
    background-position: 1px 5px;
    background-size: 10px;
}