/**
 * @file    libsbml-base-stylesheet.css
 * @brief   Common stylesheet used by libSBML Doxygen and Javadoc documentation
 * @author  Michael Hucka
 *
 * This file is part of libSBML.  Please visit http://sbml.org for more
 * information about SBML, and the latest version of libSBML.
 */

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Anonymous+Pro:400,400italic,700);

body 
{
    background-color: white;
    color: black;
    margin: 0;
    overflow: hidden;
}

body, table, div, p, dl
{
    color: #444;
    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 140%;
}

body 
{
    margin: 10px;
}

p
{
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

h1, h2, h3, h4, h5
{
    font-family: 'Noto Sans', Helvetica, Arial, Sans, sans-serif;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 0.5em;
    color: #383838;
    line-height: 120%;
}

h1
{
    font-size: 15pt;
}

h2, h2 a
{
    font-size: 13pt;
    font-weight: 700;
    margin-top: 0.5em;
    padding-top: 0.5em;
    color: #383838;
    line-height: 120%;
}

h2
{
    padding-bottom: 2px;
}

h2 code
{
    font-size: 18px;
    padding-left: 3px;
    padding-right: 3px;
}

/* This is for the words "Detailed Description" in Doxygen class pages. */
h2.groupheader {
    font-size: 16pt;    
}

h2 a.anchor,
h3 a.anchor,
h4 a.anchor,
h2 a.anchor:hover,
h3 a.anchor:hover,
h4 a.anchor:hover
{
    color: #383838;
    text-decoration: none;
}

h3, h3 a
{
    font-size: 12pt;
    font-style: italic;
    font-weight: 700;
    padding-bottom: 3px;
}

h3 code
{
    font-size: 14pt;
/* Margin adjustment bc the font is italic and the letters get too close. */
    margin-left: 1pt;
}

h4, h4 a
{
    color: #383838;
    font-style: italic;
    font-size: 11pt;
    font-weight: 700;
}

h4 code
{
    font-size: 12pt;
/* Margin adjustment bc the font is italic and the letters get too close. */
    margin-left: 1pt;
}

/* The margin-right adjustment is because Noto Sans doesn't seem to
do the right thing when transitioning from italic back to regular font.
The spacing is too tight.  This improves it, and yet doesn't look too
wrong even when we fall back to other fonts. */

em
{
    font-family: 'Noto Sans', Helvetica, Arial, Sans, sans-serif;
    font-style: italic;
    margin-right: 1px;
}

strong, b
{
    font-weight: 700;
}

ul, ol
{
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    padding: 0;
}

ul li,
ol li
{
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    margin-left: 2.5em;
}

.tabs ul li,
.tabs2 ul li,
.tabs3 ul li,
.tabs4 ul li
{
    margin-left: 0;
}

ul li p,
ul li p
{
    margin: 0px;
    padding: 0px;
}

dl
{
    margin-left: 0px;
}

tt
{
    width: 92%;
    padding-left: 5px;
    margin: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
}

pre, code
{
    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
    font-weight: 700;
    font-size: 13px;
    padding-left: 1px;
    padding-right: 0px;
    color: black;
    margin-top: 1em;
    margin-bottom: 1em;
}

.code
{
    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
    font-weight: 700 !important;
    font-size: 10pt !important;
    color: black;
}

pre a
{
    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
    font-weight: 700;
    font-size: 10pt;
}

dt
{
    font-weight: 700;
}

blockquote
{
    background-color: #F7F8FB;
    border-left: 2px solid #9CAFD4;
    margin: 4px 24px 0 4px;
    padding: 2px 12px 2px 16px;
}

address
{
    font-style: normal;
    color: #2A3D61;
}

hr
{
    height: 0px;
    border: none;
    border-top: 1px solid #443;
}

table
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

table th 
{
    font-weight: 700;
}

body > table
{
    margin-top: 1.5em;
}

body center table
{
    margin: 1em auto;
}    

caption, figcaption
{
    font-style: italic;
    font-size: 11px;
    margin-top: 0.5em;
}

span.legend
{
    font-size: 70%;
    text-align: center;
}

a
{
    color: #1133a9;
    font-weight: normal;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/* LibSBML-specific style classes. */

.normal-font
{
    font-size: 12px;
}

.small-font
{
    font-size: 11px;
}

.tight-spacing
{
    letter-spacing: -1px;
}

.tight-list li
{
    margin-top: 0;
    margin-bottom: 0.25em;
}

.regular-text,
.regular-text p,
.regular-text a.el {
    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
    font-size: 12px;
}

.small-text,
.small-text p,
.small-text a.el {
    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
    font-size: 10px;
}

ul ul {
    margin-left: 1.5em;
}

.placeholder
{ 
    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    margin-left: -1px;
    margin-right: -1px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #ffeaba;
    border-left: 3px solid #ffeaba;
    border-right: 3px solid #ffeaba;
}

.placeholder-nospace
{ 
    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    margin-left: -1px;
    margin-right: -1px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #ffeaba;
    border-left: 1px solid #ffeaba;
    border-right: 1px solid #ffeaba;
}

.code-placeholder
{ 
    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
    font-weight: 700;
    font-style: italic;
    font-size: 13px;
    color: black;
    margin-left: -1px;
    margin-right: -1px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #ffeaba;
    border-left: 3px solid #ffeaba;
    border-right: 3px solid #ffeaba;
}

.code-placeholder-nospace
{ 
    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
    font-weight: 700;
    font-style: italic;
    font-size: 13px;
    color: black;
    margin-left: -1px;
    margin-right: -1px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #ffeaba;
    border-left: 1px solid #ffeaba;
    border-right: 1px solid #ffeaba;
}

.code-placeholder2
{ 
    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
    font-weight: 700;
    font-style: italic;
    font-size: 13px;
    color: black;
    margin-left: -1px;
    margin-right: -1px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #d0eed0;
    border-left: 3px solid #d0eed0;
    border-right: 3px solid #d0eed0;
}

.code-placeholder2-nospace
{ 
    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
    font-weight: 700;
    font-style: italic;
    font-size: 13px;
    color: black;
    margin-left: -1px;
    margin-right: -1px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #d0eed0;
    border-left: 1px solid #d0eed0;
    border-right: 1px solid #d0eed0;
}

.screenshot
{
    -moz-box-shadow: 5px 5px 5px #d0d0d0;
    -webkit-box-shadow: 5px 5px 5px #d0d0d0;
}

.centered
{
    margin-left: auto;
    margin-right: auto;
}

img.centered
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

object.centered
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center img
{ 
    margin-bottom: 10px;
}

.top-caption
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    caption-side: top;
}

.bottom-caption
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    caption-side: bottom;
}

.text-table
{
    font-size: 12px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-collapse: collapse;
    padding-top: 0em;
    margin-top: 1em;
    margin-bottom: 1.5em;
    margin-left: auto;
    margin-right: auto;
}

.text-table th
{
    font-size: 12px;
    background-color: #dfdfdf;
    padding: 3px 0.5em 0.5em 0.5em;
    border-bottom: 1px solid #bbb;
    vertical-align: bottom;
}

.text-table td
{ 
    padding: 2px 0.5em;
    line-height: 140%;
}

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

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

.width80
{
    width: 80%;
}

.bigger-row-spacing td
{
    padding-top: 0.35em !important;  
    padding-bottom: 0.35em !important;  
}

.papers
{
    border: 1px solid #cbb;
    padding: 4px;
    margin: 1em 4em 1em 4em;
    text-align: left;
    background-color: #fee;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

pre.fragment
{
    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
    font-size: 9pt;
    font-weight: 700;
    border: 1px solid #fdcba6;
    background-color: #f0f0f0;
    color: black;
    padding: 5px;
    padding-top: 0.5em;
    padding-left: 0.75em;
    margin: 0.75em 1em;
    overflow: auto;
    word-wrap: break-word;
    line-height: 125%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

div.fragment 
{
    word-wrap: break-word;
    line-height: 125%;
    border: 1px solid #fdcba6;
    background-color: #f0f0f0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding-top: 0.5em;
    padding: 5px;
}

.borderless
{
    border: none;
}

.warning
{
    color: #9b0000;
}


/* Google prettify */

code.language-java .com
{
    color: #777;
    font-weight: normal;
}

code.language-java .kwd 
{
    color: #e08000;
}

code.language-java .pln 
{
    color: #444;
}

code.language-java .str 
{
    color: 002080
}

/* Marker for packages, used by common-text/pkg-marker-comp.html etc. */

.pkg-marker 
{
    padding: 0px 3px 1px 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 90%;
    font-style: italic;
}

.pkg-marker > a 
{
    color: #333 !important;
    min-width: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
}

/* 
 * Multicolumn list solution found here:
 * http://weedygarden.net/2012/04/css3-multi-column-lists/
 */

.columnlist
{
    margin: 1em 0px;
    padding-left: auto;
    padding-right: auto;
    display: inline-block;
    display: inline;
    zoom: 1;
    width: 95%;
}

.list3
{
    column-count: 3;
    -moz-column-count: 3;
    -moz-column-gap: 1.5em;
    -webkit-column-count: 3;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}

/* Color codes used in common-text/sbmlerror-table.html. */

td.s-fatal {
  background-color: darkred !important;
  color: white;
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px;
  padding: 0px;
}

td.s-fatal:before {
  content: "F";
}

td.s-error {
  background-color: #dc143c !important;
  color: white;
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px;
  padding: 0px;
}

td.s-error:before {
  content: "E";
}

td.s-warning {
  background-color: gold !important;
  color: white;
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px;
  padding: 0px;
}

td.s-warning:before {
  content: "W";
}

td.s-na {
  font-weight: 700;
  text-align: center;
  letter-spacing: -1px;
  padding: 0px;
}

td.s-na:before {
  content: "NA";
}

td.s-info {
  background-color: #4c4 !important;
  font-weight: 700;
  text-align: center;
  padding: 0px;
}

td.code {
  font-size: 8pt;
}

td.meaning {
  font-size: 8pt;
}

td.meaning code {
  letter-spacing: -1px;
}



#sbmlerror-table td,
#sbmlerror-table th {
  border: none;
  padding: 1px;
}

#sbmlerror-table th {
  border-bottom: 1px solid #ccc;
}

#sbmlerror-table td {
  border-bottom: 1px solid white;
}

#sbmlerror-table tr:last-child > td {
  border-bottom: none;
}

/* Subset of the Pygments stylesheet */

.highlight .cp { color: #700070; } /* Comment.Preproc */
.highlight .s { color: #2aa198; font-weight: normal } /* Literal.String */
.highlight .na { color: black } /* Name.Attribute */
.highlight .nt { color: #0040a0; font-weight: bold } /* Name.Tag */

/* Combining characters display differently in different browsers. */

.combining-char {
  position: relative;
  top: -1.5ex; 
  left: 0.1ex;
  margin: 0;
  padding: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  /* Safari and Chrome */
  .combining-char {
    left: -0.7ex;
  }
}