@page
{ 
    size: A4; 
    counter-increment: page;
    margin-left:0mm;
    margin-right:40mm;
    margin-top:0mm;
    margin-bottom:40mm;
}

@page:preview
{ 
    size: A4; 
    counter-increment: page;
    margin-left:40mm;
    margin-right:40mm;
    margin-top:0mm;
    margin-bottom:40mm;

    background-image:$PAGEBG$;
    background-repeat:repeat;
}

@page:first
{ 
    margin-top: 0mm;
    margin-left: 0mm;
    margin-right: 0mm;
    margin-bottom: 0mm;
    padding: 0mm;
    border :0mm;
    background:url(/img/doc_first_page.svg);
    background-repeat:no-repeat;
    background-position:center;  
    background-size:cover;
    -ro-crop-size: art;
    -ro-art-size: art;
}

@media print
{ 
  .footnote
  {
    font-family: sans-serif;
    float: footnote;
    font-size: 0.3cm;
    text-align:justify;
  }  

  H1 
  { padding-top:75mm; }  

  TT
  { font-size:15px; }
} 

@media screen
{ 
  .footnote
  { 
    margin-left: 5px;
    text-align:justify;
    font-size:10px;
  }
}

H1
{
  font-size: 1.8em; 
}

H3
{
  padding-bottom: 0.2em;
  margin-bottom: 0.2em; 
} 

H4
{
  padding-bottom: 0;
  margin-bottom: 0; 
  text-transform: none;
}

P
{
  padding-top: 0;
  margin-top: 0; 
}

A.DocTocChapter,A.DocIdxLetter
{ font-weight:bold; }

A.DocTocSection,A.DocIdxWord
{ padding-left:15px; }

TABLE.toc,TABLE.idx
{ width:100%; }   

A.tocChapLink
{
  font-weight:bold;
  font-size: 18px;
  color:black;
}

A.tocSecLink,A.idxLink
{ 
  color:black;
  padding:10px;
}

A.tocChapPage:after
{ 
  content:target-counter(attr(href), page);
  color:black;
  font-weight:bold;
  line-height:24px;
}    

A.tocSecPage:after,A.idxPage:after
{ 
  content:target-counter(attr(href), page);
  color:black;
  line-height:16px;
} 

SPAN.tocChapLinkSpan,SPAN.idxLetterSpan
{ float:left; }

SPAN.tocChapPageSpan
{ float:right; }

SPAN.tocChapDotSpan
{ }

SPAN.tocSecLinkSpan,SPAN.idxLinkSpan
{ float:left; }

SPAN.tocSecPageSpan,SPAN.idxPageSpan
{ float:right; }

SPAN.tocSecDotSpan,SPAN.idxDotSpan
{ }

LI.tocEntry,LI.idxEntry
{ 
  clear:both;
  list-style-type: none;
}

A.mpdf_toc_a
{
  color:black;
  padding:10px;
  text-decoration:none;
}

SPAN.mpdf_toc_t_level_0,SPAN.mpdf_toc_p_level_0
{
  font-weight: bold;
  font-size: 18px;
}

DIV.mpdf_toc_level_0
{
  padding-top:3mm;
}

DIV.mpdf_toc_level_1
{
  padding-left:10mm;
}

body 
{   
  font-family: 'Atlanta',arial,sans-serif;
  font-size: 14px;
}

P.doctitle
{
  font-size: 32px;
  padding-top:200mm;
  text-align:center;
}

P
{ text-align:justify;
}    

P.illustration
{ text-align : center;
  font-style : italic;
  font-size  : 12px;
}

.illustration TABLE
{ display:inline; 
  text-align : center;
  font-style : italic;
  font-size  : 12px;
}

.illustration TD
{ text-align : left;
}


LI
{ text-align:justify;
}

SPAN.code
{ font-family:'Courier New',courier,sans-serif;
  white-space:pre-wrap;
  font-size:14px;
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0; 
  text-align:left;
}

DIV.hilightedcode
{ font-family:'Courier New',courier,sans-serif;
  font-size:14px;
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0; 
  font-family:'Courier New',courier,sans-serif;
  font-size:11px;
  padding-bottom:1em;
  text-align:left;
  color :#606060;
  background-color :#F0F0F0;
  border: 1px solid #D0D0D0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-top-left-radius:  10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius:  10px;
  -webkit-border-bottom-left-radius:  10px;
  margin-left:5px;
  margin-right:5px;
  padding-left:5px;
  padding-right:5px;
}


TT
{ line-height:0px;
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0; 
}


DiV.hilighttedCodeBlock
{ font-family:'Courier New',courier,sans-serif;
  font-size:11px;
  padding-bottom:1em;

  color :#606060;
  background-color :#F0F0F0;
  border: 1px solid #D0D0D0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-top-left-radius:  10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius:  10px;
  -webkit-border-bottom-left-radius:  10px;
  margin-left:5px;
  margin-right:5px;
  padding-left:5px;
  padding-right:5px;
}

P.codeBlock
{ font-family:'Courier New',courier,sans-serif;
  white-space:pre-wrap;
  font-size:11px;
  padding-bottom:1em;
  text-align:left;
  color :#606060;
  background-color :#F0F0F0;
  border: 1px solid #D0D0D0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-top-left-radius:  10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius:  10px;
  -webkit-border-bottom-left-radius:  10px;
  margin-left:5px;
  margin-right:5px;
  padding-left:5px;
  padding-right:5px;
}



P.code
{ font-family:'Courier New',courier,sans-serif;
  white-space:pre-wrap;
  font-size:11px;
  padding-bottom:1em;
  text-align:left;
  color :#606060;
  background-color :#F0F0F0;
  border: 1px solid #D0D0D0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-top-left-radius:  10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius:  10px;
  -webkit-border-bottom-left-radius:  10px;
  margin-left:5px;
  margin-right:5px;
  padding-left:5px;
  padding-right:5px;


}

TABLE.doctable
{ border: 1px solid #d0d0d0;
  width: 80%;
  margin-left:10%; 
  margin-right:10%;
  margin-top:10px;
}

TABLE.doctable TH
{ background-color: #f0f0f0;
}

TABLE.doctable TD
{ border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  padding-left: 5px;
  padding-right: 5px;
  white-space:nowrap;
  vertical-align:center;
}

TABLE.plaintable
{ width: 100%;
  border: 1px solid #404040;
  border-collapse: collapse;
}

TABLE.plaintable TH
{ border: 1px solid #404040;
  background-color: #e0e0e0;
  padding: 4px;
  text-align: center;
  vertical-align: top;
}

TABLE.plaintable TD
{ border: 1px solid #404040;
  padding: 4px;
  vertical-align: top;
}

TABLE.plaintable TD.c
{ text-align: center
}

TABLE.plaintable TD.header
{ white-space: nowrap;
  font-weight: bold;
}

TABLE.rohs
{ width: 100%;
  border: 1px solid #404040;
  border-collapse: collapse;
}

TABLE.rohs TH
{ border: 1px solid #404040;
  background-color: #e0e0e0;
  padding: 4px;
  text-align: center;
  vertical-align: top;
  font-size: 10px;
}

TABLE.rohs TD
{ border: 1px solid #404040;
  padding: 4px;
  vertical-align: top;
  font-size: 10px;
}

TABLE.exemptions
{ border-top: 1px solid #E0E0E0;
  border-collapse: collapse;
}

TABLE.exemptions TD
{ vertical-align: top;
  border-bottom: 1px solid #E0E0E0;
  padding: 4px;
}

TABLE.rowtable
{ border: 0;
  border-collapse: collapse;
}

TABLE.rowtable TD
{ border-bottom: 1px solid #E0E0E0;
  padding: 4px;
}

SPAN.uielement
{ font-weight:bold;
}

CHECK
{ color:red;
}

SPAN.annotation
{ display:block;
  width:195px;
  float:left;
  font-size:10px;
  white-space:normal;
  margin-left:-200px;
  color:grey;
}

@media print
{ SPAN.annotation
  { width:39mm;
    margin-left:-40mm;
    font-size:2mm; 
  }
  .newpage
  { page-break-before: always; }
}

span.annotation#start
{border-top:1px solid grey;
}

span.annotation#note
{color:red;
}
span.annotation#end
{border-bottom:1px solid grey;
 margin-top:-2em;
} 


SPAN.rightannotation
{ display:block;
  width:195px;
  float:right;
  font-size:10px;
  white-space:normal;
  margin-right:-205px;
  color:grey;
}

@media print
{ SPAN.rightannotation
  { width:39mm;
    margin-right:-40mm;
    font-size:2mm; 
  }

  IMG.blueprint
  { page-break-before:always; }
}

H3.funcheader
{ padding-bottom: 0.5em;
  border-bottom: 1px solid #303030;
}  

@media screen 
{
  H3.funcheader
  { padding-top: 0.5em;
    border-top:  1px solid #303030;
  }  
}

TD.langtd
{ border-style: solid;
  border-width: 1px 1px 1px 1px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 10px;
  width: 45px;
  background-color: #f0f0f0;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 2px;
  padding-left: 2px;
  vertical-align: middle;
  text-align: center;
  line-height: 16px;
  font-family: 'Courier New',courier,sans-serif; 
  border-color: gray;
  color: #404040;
  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-top-left-radius:  3px;
  -webkit-border-top-right-radius:3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

DIV.langname
{
  width:45px;
}

table.apisummary
{ border: 1px solid #d0d0d0;
  margin-top:10px;
  margin-bottom:10px;
  padding-top :0px;
  padding-bottom :0px;
  color:navy;
  white-space:normal;
  font-size:0.9em;
  text-align:left;
}

TD.langtd , TD.prototd
{ vertical-align:baseline;
  margin-top :0px;
  padding-top :0px;
  margin-bottom :0px;
  padding-bottom :0px;
}

TH.apirefth
{ font-size: 1.1em;
  font-weight:bold;
  color:black;
  background-color: #e0e0e0;
}

P.protolabel
{ margin-top:10px;
  margin-bottom:10px;
  padding-bottom:0px;
  margin-bottom:0px;
  margin-left: 1em;
  font-size: 1em;
  font-weight:bold;
}

.prototypes
{ margin-top:5px;
  padding-top:5px;
  margin-bottom:5px;
  padding-bottom:5px;
}

table.prototype
{ margin-top :0px;
  padding-top :0px;
  margin-bottom :0px;
  padding-bottom :0px;
  color:navy;
  white-space:normal;
  font-size:0.9em;
  text-align:left;
}

td.fdecl
{ margin-top :0px;
  padding-top :0px;
  margin-bottom :0px;
  padding-bottom :0px;
  white-space:normal; 
  vertical-align :baseline;
  font-weight: bold;
}

td.paramdesctd,P.protoretval
{ font-size   : 0.9em;
  vertical-align :baseline;
}

td.paramdesctd
{ white-space:normal; 
  text-align: justify;
  margin-left:1em; }  

td.synopsis
{ white-space:normal; 
  text-align: justify;
  color:black;
  padding-top: 3px;
  padding-left: 20px;
}

P.synopsis 
{ margin-left: 20px;
  margin-bottom: 0px;
}

TD.reflinks
{ padding-right: 3px;
  padding-bottom: 3px;
  padding-top: 0;
  border-bottom: 1px solid #e0e0e0;
}

TABLE.reflinks
{ border: 0;
  border-spacing: 6px;
  margin-right: 0;
  margin-left: auto;
}

TD.reflink
{ border-style: solid;
  border-width: 1px 1px 1px 1px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 10px;
  background-color: #f0f0f0;
  padding-right : 4px;
  padding-left : 4px;
  text-align:center;
  border-color: gray;
  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-top-left-radius:  3px;
  -webkit-border-top-right-radius:3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;  
}

A.reflink
{ text-decoration: none;
  line-height:16px;
  font-family:'Courier New',courier,sans-serif; 
  color: #404040;
}

@media print
{
  .prototypes
  { background-color: #f8f8f8; }
  
  .parameters
  { margin-top:0px;
    padding-top:0px;
    margin-bottom:10px;
    padding-bottom:10px;
  }
  .paramblock
  {
    padding: 0px 10px 0px 0px;
    margin: 10px 0px 10px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color :gray;
    border-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .classheader
  { padding-bottom:0.5em;
    text-align:right;
  }
} 

span.paramname
{ font-weight:bold;
  color:#004000;
}

table.paramtable
{ margin-left:1.8em;
  padding-top:0px;
  margin-top:0px;
  padding-left:0px;
}

P.protoretval
{ margin-left:2em; }

@media screen
{
  P.protoretval
  { margin-top:3px; }
}

td.paramnametd
{ white-space:pre-wrap;
  font-size:0.9em;
  vertical-align :baseline;
}

a.funcname:link
{ color: navy; }

a.funcname:visited 
{ color: navy; }

span.funcname,a.funcname
{ font-weight:bold;
  color:navy;
  text-decoration:none;
}

P.extrainfo
{ margin-left: 1em; }


SPAN.h3spec
{ display: none; }