/*******************************************************************************
*
* E M B E D D E D   W I Z A R D   P R O J E C T
*
*                                         Copyright (c) TARA Systems GmbH - 2003
*                                           by Paul Banach and Manfred Schweyer
*
* This software is the proprietary information of TARA Systems GmbH.
* All Rights Reserved. Use is subject to license terms.
*
\******************************************************************************/


/* -------------------------------------------------------------------------- */
/* General styles */
/* -------------------------------------------------------------------------- */
* 
{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html
{
  background-color: #FFFFFF;
}

body
{
  font-family: Segoe UI, Segoe, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
  margin-left: 0em;
  margin-right: 0em;
  -webkit-font-smoothing: antialiased;
}

p
{
  margin-top: 1em;
  margin-bottom: 1em;
  line-height:145%;
}

a:link
{
  border-bottom: 1px solid #DDDDFF;
  text-decoration: none;
  color: #0000FF;
}

a:visited
{
  border-bottom: 1px solid #DDDDFF;
  text-decoration: none;
  color: #0000FF;
}

a:hover
{
  border-bottom: 1px solid #5555FF;
  text-decoration: none;
  color: #0000FF;
}

a:active
{
  border-bottom: 1px solid #5555FF;
  text-decoration: none;
  color: #0000FF;
}

span.broken-link
{
  color: #FFFFFF;
  background-color: #FF0000;
}


/* -------------------------------------------------------------------------- */
/* Entire page layout and navigator */
/* -------------------------------------------------------------------------- */

div.header
{
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 44px;
  background-color: #404348;
  position: fixed;
  top: 0px;
  z-index: 4;
  width: 100%;
}

div.header a:link, div.header a:visited, div.header a:hover, div.header a:active 
{
  border-style: none;
  text-decoration: none;
}

div.header-input
{
  float: right;
  width: 60%;
}

form.version
{
  display: inline-block;
  height: 62px;
  width: 30%;
  line-height: 62px;
  vertical-align:middle;
}

form.version select
{
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: none;
  font-size: 100%;
  padding:0.2em;
  background-color:white;
  background-image:url( /images/select-arrow.png );
  background-position: right;
  background-repeat: no-repeat;  
  height: 1.8em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  vertical-align:middle;
  font-family: Segoe UI, Segoe, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
}

select::-ms-expand
{
  display: none;
}

form.search
{
  display: inline-block;
  float: right;
  margin-right: 2em;
  height: 62px;
  width: 60%;
  line-height: 62px;
  vertical-align:middle;
}

form.search input
{
  vertical-align: middle;
  width: 100%;
  font-size: 100%;
  padding: 0.2em;
  border: none;
  height: 1.8em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-family: Segoe UI, Segoe, Helvetica Neue, Helvetica, Tahoma, Verdana, Arial, sans-serif;
}

div.navigator
{
  width: 370px;
  position: fixed;
  top: 0px;
  height: 100%;
  z-index: 1;
  padding-top: 94px;
  padding-right: 1em;
}

div.content
{
  padding-right: 1em;
  padding-bottom: 2em;
  z-index: 2;
  margin-left: 370px;
  padding-top: 94px;
}

div.notfound-content
{
  padding-right: 1em;
  padding-bottom: 2em;
  z-index: 2;
  margin-left: 370px;
  padding-top: 94px;
}

div.notfound-content p
{
  text-align: center;
  font-size: 130%;
  padding-top: 5em;
  padding-bottom: 5em;
  color: #888888;
}

div.notfound-content span.page-name
{
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  color: #000000;
}

div.nav-content
{
  width: 100%;
  height: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-right: 0.5em;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: 1px solid #E0E0E0;
  background-color: #FAFAFA;
}

div.footer
{
  height: 4em;
  background-color: #FFFFFF;
  border-top: 1px solid #EEEEEE;
  margin-left: 370px;
  margin-right: 1em;
  z-index: 3;
}

div.footer p.footer-1
{
  text-align: center;
  margin-bottom: 0.1em;
  font-size: 80%;
  padding-top: 1em;
  color: #999999;
}

div.footer p.footer-2
{
  text-align: center;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  font-size: 80%;
  color: #999999;
}

div.footer p.footer-3
{
  text-align: center;
  margin-top: 0.1em;
  padding-bottom: 2em;
  font-size: 80%;
  color: #999999;
}

div.footer p.footer-3 a, div.footer p.footer-3 span
{
  margin-left: 0.5em;
  margin-right: 0.5em;
}

div.footer p.footer-3 a, div.footer p.footer-1 a
{
  color: #8888FF;
}

div.nav-list
{
  margin-left: 1em;
}

div.nav-list p.nav-this-page, div.nav-list p.nav-this-page-expanded
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 100%;
}

div.nav-list p.nav-expanded
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 100%;
}

div.nav-list p.nav-collapsed
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 100%;
}

div.nav-list p.nav-this-page span, div.nav-list p.nav-this-page-expanded span
{
  color: #000000;
}

div.nav-list p.nav-expanded a:link
{
  color: #888888;
  border: none;
}

div.nav-list p.nav-expanded a:visited
{
  color: #888888;
  border: none;
}

div.nav-list p.nav-expanded a:hover
{
  color: #888888;
  border-bottom: solid 1px #888888;
}

div.nav-list p.nav-expanded a:active
{
  color: #888888;
  border-bottom: solid 1px #888888;
}

div.nav-list p.nav-collapsed a:link
{
  color: #888888;
  border: none;
}

div.nav-list p.nav-collapsed a:visited
{
  color: #888888;
  border: none;
}

div.nav-list p.nav-collapsed a:hover
{
  color: #888888;
  border-bottom: solid 1px #888888;
}

div.nav-list p.nav-collapsed a:active
{
  color: #888888;
  border-bottom: solid 1px #888888;
}

div.nav-list p.nav-level1.nav-middle, div.nav-list p.nav-level1.nav-last
{
  padding-top: 0.5em;
  border-top: dotted 1px #D0D0D0;
} 

/* -------------------------------------------------------------------------- */
/* Overlays                                                                   */
/* -------------------------------------------------------------------------- */

div.version-info
{
  position: fixed;
  z-index: 10;
  left: 350px;
  right: 0;
  top: 55px;
  text-align: center;
  padding-right: 0.5em;
}

div.version-info > p
{
  font-size: 80%;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
}


/* -------------------------------------------------------------------------- */
/* Hidden navigation - temporary solution until doc finished                  */
/* -------------------------------------------------------------------------- */
div.nav-list p.nav-this-page.nav-hidden, div.nav-list p.nav-this-page-expanded.nav-hidden
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 100%;
  font-style: italic;
}

div.nav-list p.nav-expanded.nav-hidden
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 100%;
  font-style: italic;
}

div.nav-list p.nav-collapsed.nav-hidden
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 100%;
  font-style: italic;
}

div.nav-list p.nav-this-page.nav-hidden span, div.nav-list p.nav-this-page-expanded.nav-hidden span
{
  color: #CCCCCC;
  font-style: italic;
}

div.nav-list p.nav-expanded.nav-hidden a:link
{
  color: #CCCCCC;
  border: none;
  font-style: italic;
}

div.nav-list p.nav-expanded.nav-hidden a:visited
{
  color: #CCCCCC;
  border: none;
  font-style: italic;
}

div.nav-list p.nav-expanded.nav-hidden a:hover
{
  color: #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  font-style: italic;
}

div.nav-list p.nav-expanded.nav-hidden a:active
{
  color: #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  font-style: italic;
}

div.nav-list p.nav-collapsed.nav-hidden a:link
{
  color: #CCCCCC;
  border: none;
  font-style: italic;
}

div.nav-list p.nav-collapsed.nav-hidden a:visited
{
  color: #CCCCCC;
  border: none;
  font-style: italic;
}

div.nav-list p.nav-collapsed.nav-hidden a:hover
{
  color: #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  font-style: italic;
}

div.nav-list p.nav-collapsed.nav-hidden a:active
{
  color: #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
  font-style: italic;
}

/* -------------------------------------------------------------------------- */
/* Search results page */
/* -------------------------------------------------------------------------- */

div.search-matches
{
  padding-right: 1em;
  padding-bottom: 2em;
  z-index: 2;
  margin-left: 370px;
  padding-top: 94px;
}

a.search-match:link
{
  display:block;
  border: 1px solid #FFFFFF;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

a.search-match:visited
{
  display:block;
  border: 1px solid #FFFFFF;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

a.search-match:hover
{
  display:block;
  border: 1px solid #E0E0E0;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #FAFAFA;
}

a.search-match:active
{
  display:block;
  border: 1px solid #D0D0D0;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #EEEEEE;
}

a.search-match p.title
{
  font-size: 120%;
  color: #555555;
  margin-top: 0;
  margin-bottom: 0;
}

a.search-match p.summary
{
  color: #888888;
  margin-top: 0;
  margin-bottom: 0;
}

div.search-navigation
{
  margin-left: 4em;
  margin-right: 4em;
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid #EEEEEE;
}

div.search-navigation p
{
  text-align: center;
}

a.search-set:link
{
  display:inline-block;
  border: none;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 2em;
  text-align: center;
  color: #888888;
}

a.search-set:visited
{
  display:inline-block;
  border: none;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 2em;
  text-align: center;
  color: #888888;
}

a.search-set:hover
{
  display:inline-block;
  border: none;
  width: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #EEEEEE;
  text-align: center;
  color: #555555;
}

a.search-set:active
{
  display:inline-block;
  border: none;
  width: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #CCCCCC;
  text-align: center;
  color: #555555;
}

span.search-set
{
  display:inline-block;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 2em;
  text-align: center;
  color: #555555;
  border-bottom: 2px solid #CCCCCC;
}

div.search-see-also
{
  padding-left: 2em;
  padding-top: 0em;
  padding-right: 0em;
  padding-bottom: 2em;
  z-index: 2;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 2em;
  /*background-color: #F8F8F8; */
  /*border-top: 1px solid #EEEEEE;*/
}

div.search-see-also p.title
{
  color: #808080;
  line-height: 145%;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: -1em;
  font-size: 180%;
  font-weight: 300;
}

div.search-see-also p
{
  margin-top: 0;
  margin-bottom: 0;
}

/* -------------------------------------------------------------------------- */
/* Headers */
/* -------------------------------------------------------------------------- */

div.header1
{
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 180%;
  color:#808080;
  font-weight: 300;
}

div.header2
{
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 130%;
  color:#808080;
  font-weight: 300;
}

div.page-title
{
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 180%;
  color:#808080;
  font-weight: 300;
}

div.header1:before
{
  content: " ";
  display: block;
  height: 94px;
  margin-top: -123px;
  visibility: hidden;
}

/* -------------------------------------------------------------------------- */
/* Ordered / Unordered Lists */
/* -------------------------------------------------------------------------- */

div.unordered-list
{
  padding-left: 1.5em;
}

p.unordered-list-item
{
  text-indent: -1.5em;
}

p.unordered-list-item span.bullet
{
  font-family: "Arial Bold";
  text-indent: 0em;
  display: inline-block;
  color: #777777;
  width: 1.5em;
  text-align: center;
}

div.ordered-list
{
  padding-left: 1.5em;
}

p.ordered-list-item
{
  text-indent: -1.5em;
}

p.ordered-list-item span.bullet
{
  text-indent: 0em;
  display: inline-block;
  color: #777777;
  width: 1.5em;
  text-align: center;
}

/* -------------------------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------------------------- */

table
{
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
}

tr
{
}

th
{
  border: 1px solid #DDDDDD;
  background-color: #F4F4F4;
  padding: 0.5em;
}

td
{
  border: 1px solid #DDDDDD;
  padding: 0.5em;
}

th p, td p
{
  margin: 0;
}

/* -------------------------------------------------------------------------- */
/* Shortcuts */
/* -------------------------------------------------------------------------- */

span.hotkeys
{
  margin-left: 0.3em;
  margin-right: 0.3em;
}

span.hotkey
{
  background-color: #EEEEEE;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  border:solid 1px #BBBBBB;
  -moz-border-radius:0.25em;
  border-radius:0.25em;
  color: #333333;
  font-size: 90%;
}

/* -------------------------------------------------------------------------- */
/* Videso, Images, Figures and the corresponding legends  */
/* -------------------------------------------------------------------------- */

p.figures
{
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

p.figures img
{
  margin-left: 1em;
  margin-right: 1em;
}

p.figures-legend
{
  margin-left: 20%;
  margin-right: 20%;
  margin-top: -2em;
  color: #888888;
  font-style: italic;
  text-align: center;
  font-size: 90%;
}

p.video
{
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

/* -------------------------------------------------------------------------- */
/* Notes, Tipps, Warnings and Tutorial Steps */
/* -------------------------------------------------------------------------- */
div.note
{
  margin-left: 3em;
  margin-right: 3em;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-left: 5px solid #DDDDDD;
  background-color:#F8F8F8;
  color: #333333;
}

div.tipp
{
  margin-left: 3em;
  margin-right: 3em;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-left: 5px solid #AAAAFF;
  background-color:#F8F8FF;
  color: #333333;
}

div.tipp p.title
{
  color: #AAAAFF;
  font-weight: bold;
}

div.important
{
  margin-left: 3em;
  margin-right: 3em;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-left: 5px solid #FF8888;
  background-color:#FFF4F4;
  color: #333333;
}

div.important p.title
{
  color: #FF8888;
  font-weight: bold;
}

div.warning
{
  margin-left: 3em;
  margin-right: 3em;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-left: 5px solid #FF8888;
  background-color:#FFF4F4;
  color: #333333;
}

div.warning p.title
{
  color: #FF8888;
  font-weight: bold;
}

div.see-also
{
  margin-left: 3em;
  margin-right: 3em;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 1.5em;
  border-left: 5px solid #DDDDDD;
  background-color:#F8F8F8;
  color: #333333;
}

div.see-also p.title
{
  color: #AAAAAA;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.see-also p
{
  margin-top: 0;
  margin-bottom: 0;
}

div.note span.hotkey
{
  background-color: #DDDDDD;
  border: solid 1px #CCCCCC;
}

div.tipp span.hotkey
{
  background-color: #DDDDDD;
  border: solid 1px #CCCCCC;
}

div.important span.hotkey
{
  background-color: #DDDDDD;
  border: solid 1px #CCCCCC;
}

div.warning span.hotkey
{
  background-color: #DDDDDD;
  border: solid 1px #CCCCCC;
}

div.see-also span.hotkey
{
  background-color: #DDDDDD;
  border: solid 1px #CCCCCC;
}

div.tutorial-step
{
  padding-left: 3em;
}

p.tutorial-step
{
  text-indent: -3em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

p.tutorial-step span.bullet
{
  font-family: "Arial Bold";
  text-indent: 0em;
  display: inline-block;
  color: #FFAA00;
  width: 3em;
  text-align: center;
}

div.indent
{
  padding-left: 3em;
  text-indent: 0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

p.indent
{
  text-indent: 0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.feature
{
  padding-left: 3em;
}

p.feature
{
  text-indent: -3em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

p.feature span.bullet
{
  font-family: "Arial Bold";
  text-indent: 0em;
  display: inline-block;
  color: #3333FF;
  width: 3em;
  text-align: center;
}

div.example
{
  margin-left: 3em;
  margin-right: 3em;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-left: 5px solid #888888;
  background-color:#F8F8F8;
  color: #333333;
}

div.example p:nth-child(2)
{
  color: #888888;
  font-size: 70%;
}

span.download
{
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
}

span.download img
{
  vertical-align: middle;
  margin-right: 1em;
}
  

/* -------------------------------------------------------------------------- */
/* Propernames, Menu-Item names, EmWi IDE Window names */
/* -------------------------------------------------------------------------- */

span.menu-items
{
  margin-left: 0.3em;
  margin-right: 0.3em;
}

span.menu-item
{
  background-color: #F4F4F4;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  border:solid 1px #DDDDDD;
  color: #333333;
  font-size: 90%;
}

span.menu-item-arrow
{
  padding-left: 0.2em;
  padding-right: 0.2em;
  color: #DDDDDD;
}

span.window-name
{
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-weight: bold;
  font-family: "Lucida", sans-serif;
}

span.proper-name
{
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-weight: bold;
  font-family: "Lucida", sans-serif;
}

span.pseudo
{
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-style: italic;
  font-family: "Lucida", sans-serif;
}

span.emphasis
{
  font-weight: bold;
}

span.chapter
{
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-weight: bold;
  font-family: "Lucida", sans-serif;
}

span.file
{
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  color:#888888;
}

span.button
{
  margin-left: 0.3em;
  margin-right: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background-color: #F4F4F4;
  border:solid 1px #DDDDDD;
  color: #333333;
  font-size: 90%;
}


/* -------------------------------------------------------------------------- */
/* Declaration, Parameters and syntax elements */
/* -------------------------------------------------------------------------- */

div.declaration
{
  padding-left: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.declaration p
{
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
  text-indent: -2em;
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
}

div.parameters
{
  padding-left: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.parameters > p.parameter
{
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  font-style: italic;
  color: #555555;
  margin-top: 1em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

p.parameter + p
{
  padding-left: 2em;
  margin-top: 0em;
  margin-bottom: 1em;
}

div.syntax
{
  padding-left: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.syntax p
{
  margin-top: 1em;
  margin-bottom: 1em;
}

span.solo-identifier
{
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  color: #555555;
}

span.solo-keyword
{
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  font-weight: bold;
  color: #555555;
}

span.solo-parameter
{
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  font-style: italic;
  color: #555555;
}

span.solo-delimiter
{
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  font-weight: bold;
  color: #888888;
}

span.token
{
  background-color: #F0F0FF;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.1em;
  margin-right: 0.1em;
  border:solid 1px #E0E0EE;
  -moz-border-radius:1em;
  border-radius:1em;
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  font-style: italic;
  color: #555555;
}

span.syntax-or
{
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-style: italic;
  color: #BBBBBB;
}


/* -------------------------------------------------------------------------- */
/* Syntax highlighting */
/* -------------------------------------------------------------------------- */
div.code
{
  margin-left: 3em;
  margin-right: 3em;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-left: 5px solid #d0ebd7;
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  background-color:#FCFCFC;
  color: #333333;
  white-space: pre;
}

td div.code
{
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  border-left: none;
  background-color:#FFFFFF;
  white-space: pre;
}

span.code
{
  text-indent:0em;
  display:inline-block;
  margin-left: 0.3em;
  margin-right: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.1em;
  padding-bottom: 0em;
  background-color: #FFFFF8;
  border: 1px solid #DDDDDD;
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  color: #333333;
  white-space: pre-wrap;
}

div.code p
{
  margin-left:   1em;
  margin-right:  1em;
  margin-top:    0;
  margin-bottom: 0;
  line-height: 120%;
}

td div.code p
{
  margin-left:   0em;
  margin-right:  0em;
  margin-top:    0;
  margin-bottom: 0;
  line-height: 120%;
  white-space: pre;
}

.code span.comment
{
  font-style: italic;
  color: #B3ADAE;
}

.code span.preprocessor
{
  color: #8CA7AF;
}

.code span.string-literal, .code span.char-literal
{
  color: #709020;
}

.code span.rect-point-literal
{
  color: #702090;
}

.code span.color-literal
{
  color: #907020;
}

.code span.number-literal
{
  color: #8670cd;
}

.code span.keyword
{
  font-weight: bold;
  color: #2B00AE;
}

.code span.identifier
{
  color: inherit;
}

.code span.operator
{
  color: inherit;
  font-weight: bold;
}

.code span.delimiter
{
  color: inherit;
}

/* -------------------------------------------------------------------------- */
/* Mosaic documentation */
/* -------------------------------------------------------------------------- */

div.mosaic-content
{
  padding-right: 1em;
  padding-bottom: 2em;
  z-index: 2;
  margin-left: 370px;
  padding-top: 103px;
}

div.mosaic-content table
{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
}

div.mosaic-content tr
{
}

div.mosaic-content th
{
  font-weight: bold;
  border: 1px solid #DDDDDD;
  background-color: #F4F4F4;
  padding: 0em;
}

div.mosaic-content td
{
  padding: 0em;
  border: none;
}

div.mosaic-content > table > tbody > tr > td
{
  padding: 0.5em;
}

table.Mosaic_Members > tbody > tr > th
{
  padding: 0.5em;
}

table.Mosaic_Members > tbody > tr > td
{
  padding: 0.5em;
}

.Mosaic_Document
{
  background-color: #FFFFFF;
  color: black;
  font-weight:normal;
}

.Mosaic_Caption
{
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 180%;
  color:#808080;
  font-weight: 300;
  text-align:left;
  text-decoration:none;
}

.Mosaic_Definition
{
}

div.Mosaic_Definition:before
{
  content: " ";
  display: block;
  height: 103px;
  margin-top: -103px;
  border-bottom-color: #AAAAAA;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.Mosaic_Declaration
{
  font-family: Consolas, "Menlo", "Lucida Console", monospace;
  font-size:100%;
  text-align:left;
  padding-left:2em;
  padding-right:1em;
}

.Mosaic_Description
{
  text-align:left;
  padding-left:1em;
  padding-right:1em;
}

TABLE.Mosaic_Members
{
  border: 1px solid #DDDDDD;
  margin-left: 0.5em;
}

TH.Mosaic_Members
{
  border-bottom-style:solid;
  border-bottom-width:2px;
}

TD.Mosaic_Members
{
  font-weight: normal;
}

TD.Mosaic_Class
{
  text-align:left;
  padding:0px
}

TABLE.Mosaic_Items
{
  border: 1px solid #DDDDDD;
}

div.mosaic-content TH.Mosaic_Items1
{
  text-align: center;
  border: 1px solid #DDDDDD;
  font-weight: bold;
  padding: 0.5em;
}

div.mosaic-content TH.Mosaic_Items2
{
  text-align: center;
  border: 1px solid #DDDDDD;
  font-weight: bold;
  padding: 0.5em;
}

div.mosaic-content TD.Mosaic_Items1
{
  text-align:center;
  font-weight: normal;
  border: 1px solid #DDDDDD;
  padding: 0.5em;
}

div.mosaic-content TD.Mosaic_Items2
{
  font-weight: normal;
  border: 1px solid #DDDDDD;
  text-align:left;
  padding: 0.5em;
}

TABLE.Mosaic_NoClass
{
  border-color:#AAAAAA;
  border-style:solid;
  border-width:2px;
}

TABLE.Mosaic_SuperClass
{
  border: 2px solid #DDDDDD;
}

TABLE.Mosaic_ThisClass
{
  border: 3px solid #CCCCCC;
}

TH.Mosaic_NoClass
{
  font-weight: normal;
}

div.mosaic-content TH.Mosaic_SuperClass
{
  font-weight: normal;
  padding: 0.25em;
}

div.mosaic-content TH.Mosaic_ThisClass
{
  font-weight: normal;
  padding: 0.25em;
}

div.mosaic-content TD.Mosaic_SuperClass
{
  font-weight: normal;
  border-top: 1px solid #DDDDDD;
  padding: 0.25em;
}

div.mosaic-content TD.Mosaic_ThisClass
{
  font-weight: normal;
  border-top: 1px solid #DDDDDD;
  padding: 0.25em;
}

A.Mosaic_ThisClass
{
  color:black;
  font-weight:normal;
  text-decoration: none;
}

A.Mosaic_SuperClass
{
  color:black;
  font-weight:normal;
  text-decoration: none;
}

A.Mosaic_SuperClass
{
  color:black;
  font-weight:normal;
  text-decoration: none;
  border: none;
}

A.Mosaic_SuperClass:hover
{
  border-bottom: 1px solid #AAAAAA;
}

A.Mosaic_NoClass
{
  color:black;
  font-weight:normal;
  text-decoration: none;
}

UL.Mosaic_Description
{
  font-weight: normal;
}

LI.Mosaic_Description
{
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 145%;
}

TABLE.Mosaic_Classes
{
  border: 1px solid #DDDDDD;
}

A.Mosaic_Class
{
  color:black; 
  font-weight:normal; 
  font-size:100%; 
  text-decoration: none; 
  padding:2px; 
  border-color: #D0D0D0;
  border-width:1px; 
  border-style:solid; 
  background-color:#F7F7F7;
}

A.Mosaic_Class:hover
{
  background-color:#E0E0E0;
  border-color: #555555;
}

A.Mosaic_OtherClass
{
  color:#555555;
  font-weight:normal;
  font-size:100%;
  text-decoration: none;
  padding:2px;
  border-color: #E0E0E0;
  border-width:1px;
  border-style:solid;
  background-color:#FFFFFF;
}

A.Mosaic_OtherClass:hover
{
  background-color:#EEEEEE;
  border-color: #888888;
}

SPAN.Mosaic_OtherClass
{
  color:gray;
  font-weight:normal;
  font-size:100%;
  text-decoration: none;
  padding:2px;
  border-color: #CCCCCC;
  border-width:1px;
  border-style:solid;
  background-color:#FEFEFE;
}

SPAN.Mosaic_NewMember
{
  color:black;
  font-weight:normal;
  font-size:100%;
  text-decoration: none;
  font-style: italic;
}

SPAN.Mosaic_InhMember
{
  color:gray;
  font-weight:normal;
  font-size:100%;
  text-decoration: none;
  font-style: italic;
}

A.Mosaic_NewMember
{
  color:black;
  font-weight:normal;
  font-size:100%;
  text-decoration: none;
  border: none;
}

A.Mosaic_NewMember:hover
{
  color:black;
  font-weight:normal;
  font-size:100%;
  text-decoration: none;
  border-bottom: 1px solid #AAAAAA;
}

A.Mosaic_InhMember
{
  color:gray;
  font-weight:normal;
  font-size:100%;
  text-decoration: none;
}

SPAN.Mosaic_Name
{
  font-weight: bold;
}


/* pba */