/*
 * This file is part of the LibreOffice project.
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 *
 * This file incorporates work covered by the following license notice:
 *
 *   Licensed to the Apache Software Foundation (ASF) under one or more
 *   contributor license agreements. See the NOTICE file distributed
 *   with this work for additional information regarding copyright
 *   ownership. The ASF licenses this file to you under the Apache
 *   License, Version 2.0 (the "License"); you may not use this file
 *   except in compliance with the License. You may obtain a copy of
 *   the License at http://www.apache.org/licenses/LICENSE-2.0 .
 */

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                     LIBREOFFICE HELP IN BROWSER                   +
+                          DEFAULT STYLESHEET                       +
+                           WESTERN LANGUAGES                       +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

*/

body, p, h1, h2, h3, h4, h5, h6, .listitem, .listitemintable, .tablecontent, .tablecontentintable {
  font-family: "Segoe UI", Ubuntu, Cantarell, "Noto Sans", "DejaVu Sans", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

pre, .code, .codeintable, .example, .exampleintable, .literal, .literalintable, .path, .pathintable {
  font-family: Menlo, Consolas, "DejaVu Sans Mono", "Nimbus Mono L", "Lucida Sans Typewriter", "Courier New", Courier, Monaco, monospace;
  margin-top: 1pt;
  margin-bottom: 1pt;
}

.acronym {
  font-weight: bold;
}

.related {
  font-weight: bold;
  margin-top: 20pt;
  border-top: 1px solid black;
}

.emph, .menuitem, .keycode {
  font-weight: bold;
}

.tablehead, .tableheadintable {
  font-weight: bold;
  margin-top: 0px;
  background: #CCF4C6;
  text-align: center;
}

.howtogetheader {
  font-weight: bold;
  border: 1px solid #999999;
  background: #FFFFFF;
  padding: 3px;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 5pt;
  color: #18A303;
}

p, td {
  font-size: 11pt;
  margin: 2px 2px 2px 2px;
}

h1 {
  font-size: 18pt;
  border-bottom: 5px solid #18A303;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

h2 {
  font-size: 14pt;
}

h3 {
  font-size: 12pt;
}

h4, h5, h6 {
  font-size: 11pt;
}

.avis {
/*    background-color: #EEEEEE;*/
}

.relatedtopics {
  font-weight: normal;
}

.relatedbody {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
}

.howtoget {
  background: #CCF4C6;
}

.howtogetbody {
  background: #CCF4C6;
  margin: 0px;
}

.wide {
  width: 100%;
}

.topalign {
  vertical-align: top;
  border: 1px;
}

.bug {
  color: red;
  border: 1px solid red;
}

.debug {
  border: 1px solid black;
  padding: 3px;
  display: show;
}

/* Basic code syntax highlight */
.identifier, .unknown {
  color: green;
}

.keyword {
  color: blue;
}

.comment {
  color: gray;
}

.number, .string {
  color: red;
}

.operator, .parameter {
  color: black;
}

.hotlink {
  color: blue;
}

.infopage {
  color: green;
  font-size: 16pt;
  font-weight: bold;
}

.topmenu {
  font-size: 12pt;
  font-weight: bold;
  padding: 1px;
  border: solid 1px #18A303;
}

#DisplayArea {
  position: fixed;
  bottom: 1px;
  right: 1px;
  left: 30%;
  top: 79px;
  overflow: auto;
  border: solid 1px;
  padding: 10px;
}

#BottomLeft {
  position: fixed;
  bottom: 1px;
  left: 1px;
  overflow: auto;
  right: 70%;
  top: 79px;
  border-top: solid 1px;
  border-left: solid 1px;
  border-bottom: solid 1px;
  padding: 10px;
  list-style-type: none;
}

#TopRight {
  position: fixed;
  right: 1px;
  top: 1px;
  left: 70%;
}

#TopLeft {
  left: 1px;
  position: fixed;
  top: 35px;
}

#TopLang {
  left: 1px;
  position: fixed;
  top: 1px;
  right:30%
}

#TopSystem {
top: 35px;
left: 600px;
position: fixed;
}

.mediabutton {
  background-color: cyan;
}

.tintro {
  color: white;
  background-color: green;
  font-family: Arial;
  font-weight: bold;
  font-size: 24pt;
  border: 1px solid black;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

.embedded {
}
// Top menu navidation
#TopLeft nav {
    background-color: #333;
    margin: 0;
    overflow: hidden;
}
#TopLeft nav ul{
    margin: 0;
    padding: 0;
}
#TopLeft nav ul li {
    /* This allow us to arrange list items in a row, without using float */
    display: inline-block;
    list-style-type: none;
}

/* Create a style for the first level items */
#TopLeft nav > ul > li > a {
    color: #FFFFFF;
    background-color:#18A303;
    display: block;
    line-height: 1.5em;
    padding: 0.5em 0.5em;
    text-decoration: none;
    font-weight: bold;
    border:1px solid;
    border-color:#333333;
    font-size: 11pt;
}

// Top menu languages
#TopLang nav {
    background-color: #333;
    margin: 0;
    overflow: hidden;
}
#TopLang nav ul{
    margin: 0;
    padding: 0;
}
#TopLang nav ul li {
    /* This allow us to arrange list items in a row, without using float */
    display: inline-block;
    list-style-type: none;
}

/* Create a style for the first level items */
#TopLang nav > ul > li > a {
    color: #333333;
    background-color:#EEEEEE;
    display: block;
    line-height: 1.5em;
    padding: 0.2em 0.4em;
    text-decoration: none;
    font-weight: bold;
    border:1px solid;
    border-color:#333333;
    font-size: 10pt;
}

// Top menu System
#TopSystem nav {
    background-color: #333;
    margin: 0;
    overflow: hidden;
}
#TopSystem nav ul{
    margin: 0;
    padding: 0;
}
#TopSystem nav ul li {
    /* This allow us to arrange list items in a row, without using float */
    display: inline-block;
    list-style-type: none;
}

/* Create a style for the first level items */
#TopSystem nav > ul > li > a {
    color: #FFFFFF;
    background-color:blue;
    display: block;
    line-height: 1.5em;
    padding: 0.5em 0.5em;
    text-decoration: none;
    font-weight: bold;
    border:1px solid;
    border-color:#333333;
    font-size: 11pt;
}