a.interwiki { background: transparent url(/embedded-systems/lib/images/interwiki.png) 0px 1px no-repeat; padding-left: 16px;}a.iw_wp {  background-image: url(/embedded-systems/lib/images/interwiki/wp.gif)}a.iw_wpde {  background-image: url(/embedded-systems/lib/images/interwiki/wpde.gif)}a.iw_wpmeta {  background-image: url(/embedded-systems/lib/images/interwiki/wpmeta.gif)}a.iw_doku {  background-image: url(/embedded-systems/lib/images/interwiki/doku.gif)}a.iw_sb {  background-image: url(/embedded-systems/lib/images/interwiki/sb.gif)}a.iw_amazon {  background-image: url(/embedded-systems/lib/images/interwiki/amazon.gif)}a.iw_amazon_de {  background-image: url(/embedded-systems/lib/images/interwiki/amazon.de.gif)}a.iw_amazon_uk {  background-image: url(/embedded-systems/lib/images/interwiki/amazon.uk.gif)}a.iw_phpfn {  background-image: url(/embedded-systems/lib/images/interwiki/phpfn.gif)}a.iw_dokubug {  background-image: url(/embedded-systems/lib/images/interwiki/dokubug.gif)}a.iw_coral {  background-image: url(/embedded-systems/lib/images/interwiki/coral.gif)}a.iw_google {  background-image: url(/embedded-systems/lib/images/interwiki/google.gif)}a.iw_meatball {  background-image: url(/embedded-systems/lib/images/interwiki/meatball.gif)}a.iw_wiki {  background-image: url(/embedded-systems/lib/images/interwiki/wiki.gif)}a.mediafile { background: transparent url(/embedded-systems/lib/images/fileicons/file.png) 0px 1px no-repeat; padding-left: 18px; padding-bottom: 1px;}a.mf_jpg {  background-image: url(/embedded-systems/lib/images/fileicons/jpg.png)}a.mf_jpeg {  background-image: url(/embedded-systems/lib/images/fileicons/jpeg.png)}a.mf_gif {  background-image: url(/embedded-systems/lib/images/fileicons/gif.png)}a.mf_png {  background-image: url(/embedded-systems/lib/images/fileicons/png.png)}a.mf_tgz {  background-image: url(/embedded-systems/lib/images/fileicons/tgz.png)}a.mf_tar {  background-image: url(/embedded-systems/lib/images/fileicons/tar.png)}a.mf_gz {  background-image: url(/embedded-systems/lib/images/fileicons/gz.png)}a.mf_bz2 {  background-image: url(/embedded-systems/lib/images/fileicons/bz2.png)}a.mf_zip {  background-image: url(/embedded-systems/lib/images/fileicons/zip.png)}a.mf_rar {  background-image: url(/embedded-systems/lib/images/fileicons/rar.png)}a.mf_pdf {  background-image: url(/embedded-systems/lib/images/fileicons/pdf.png)}a.mf_ps {  background-image: url(/embedded-systems/lib/images/fileicons/ps.png)}a.mf_doc {  background-image: url(/embedded-systems/lib/images/fileicons/doc.png)}a.mf_xls {  background-image: url(/embedded-systems/lib/images/fileicons/xls.png)}a.mf_ppt {  background-image: url(/embedded-systems/lib/images/fileicons/ppt.png)}a.mf_rtf {  background-image: url(/embedded-systems/lib/images/fileicons/rtf.png)}a.mf_swf {  background-image: url(/embedded-systems/lib/images/fileicons/swf.png)}a.mf_rpm {  background-image: url(/embedded-systems/lib/images/fileicons/rpm.png)}a.mf_deb {  background-image: url(/embedded-systems/lib/images/fileicons/deb.png)}a.mf_sxw {  background-image: url(/embedded-systems/lib/images/fileicons/sxw.png)}a.mf_sxc {  background-image: url(/embedded-systems/lib/images/fileicons/sxc.png)}a.mf_sxi {  background-image: url(/embedded-systems/lib/images/fileicons/sxi.png)}a.mf_sxd {  background-image: url(/embedded-systems/lib/images/fileicons/sxd.png)}a.mf_odc {  background-image: url(/embedded-systems/lib/images/fileicons/odc.png)}a.mf_odf {  background-image: url(/embedded-systems/lib/images/fileicons/odf.png)}a.mf_odg {  background-image: url(/embedded-systems/lib/images/fileicons/odg.png)}a.mf_odi {  background-image: url(/embedded-systems/lib/images/fileicons/odi.png)}a.mf_odp {  background-image: url(/embedded-systems/lib/images/fileicons/odp.png)}a.mf_ods {  background-image: url(/embedded-systems/lib/images/fileicons/ods.png)}a.mf_odt {  background-image: url(/embedded-systems/lib/images/fileicons/odt.png)}/**
 * Basic styles. These styles are needed for basic DokuWiki functions
 * regardless of the used template. Templates can override them of course
 */

div.clearer {
  clear: both;
  line-height: 0px;
  height: 0;
  overflow:hidden;
}

div.no {
  display: inline;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

div.error {
  background: #fcc url(/embedded-systems/lib/styles/../images/error.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #faa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.info {
  background: #ccf url(/embedded-systems/lib/styles/../images/info.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #aaf;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.success {
  background: #cfc url(/embedded-systems/lib/styles/../images/success.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #afa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.notify {
  background: #ffc url(/embedded-systems/lib/styles/../images/notify.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #ffa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}


/* image alignment */
.medialeft {
  float: left;
}
.mediaright {
  float: right;
}
.mediacenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.leftalign {text-align: left;}
.centeralign {text-align: center;}
.rightalign {text-align: right;}

em.u {
  font-style: normal;
  text-decoration: underline;
}
em em.u {
  font-style: italic;
}


/* syntax highlighting code */
.code .br0  { color: #66cc66; }
.code .co1  { color: #808080; font-style: italic; }
.code .co2  { color: #808080; font-style: italic; }
.code .co3  { color: #808080; }
.code .coMULTI  { color: #808080; font-style: italic; }
.code .es0  { color: #000099; font-weight: bold; }
.code .kw1  { color: #b1b100; }
.code .kw2  { color: #000000; font-weight: bold; }
.code .kw3  { color: #000066; }
.code .kw4  { color: #993333; }
.code .kw5  { color: #0000ff; }
.code .me1  { color: #006600; }
.code .me2  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #0000ff; }
.code .re1  { color: #0000ff; }
.code .re2  { color: #0000ff; }
.code .re3  { color:#ff3333; font-weight:bold; }
.code .re4  { color: #009999; }
.code .st0  { color: #ff0000; }
.code .sy0  { color: #66cc66; }


div#acl_manager div#acl__tree {
    font-size: 90%;
    width: 25%;
    height: 300px;
    float: left;
    overflow: auto;
    border: 1px solid #126;
    text-align: left;
}

div#acl_manager div#acl__tree a.cur {
    background-color: #BDF;
    font-weight: bold;
}

div#acl_manager div#acl__tree ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#acl_manager div#acl__tree li {
    padding-left: 1em;
}

div#acl_manager div#acl__tree ul img {
    margin-right: 0.25em;
    cursor: pointer;
}

div#acl_manager div#acl__detail {
    width: 73%;
    height: 300px;
    float: right;
    overflow: auto;
}

div#acl_manager div#acl__detail fieldset {
    width: 90%;
}

div#acl_manager div#acl__detail div#acl__user {
    border: 1px solid #126;
    padding: 0.5em;
    margin-bottom: 0.6em;
}

div#acl_manager table.inline {
    width: 100%;
    margin: 0;
}

div#acl_manager .aclgroup {
    background: transparent url(/embedded-systems/lib/plugins/acl/pix/group.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
}

div#acl_manager .acluser {
    background: transparent url(/embedded-systems/lib/plugins/acl/pix/user.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
}

div#acl_manager .aclpage {
    background: transparent url(/embedded-systems/lib/plugins/acl/pix/page.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
}

div#acl_manager .aclns {
    background: transparent url(/embedded-systems/lib/plugins/acl/pix/ns.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
}

div#acl_manager label.disabled {
  color: #666!important;
}

#acl_manager label {
  text-align: left;
  font-weight: normal;
  display: inline;
}

#acl_manager table {
  margin-left: 10%;
  width: 80%;
}

#acl_manager table tr {
    background-color: inherit;
}

#acl_manager table tr:hover {
    background-color: #B7D7FF;
}

div.dokuwiki div.newentry_form {
  clear: both;
  text-align: center;
  margin-bottom: 1em;
}

div.dokuwiki #blog__newentry_form input.edit {
  width: 95%;
}

div.dokuwiki tr.draft,
div.dokuwiki div.draft {
  opacity: 0.5;
}

div.dokuwiki div.autoarchive_selector ul {
    list-style-type: none;
    clear: left;
    margin: 0 0.5em 0 0;
}

div.dokuwiki div.autoarchive_selector ul div.li {
    float: left;
    margin: 0 1em 0 0;
}

div.dokuwiki div.autoarchive_selector ul ul {
    float: left;
    clear: none;
}

div.dokuwiki div.autoarchive_selector ul ul div.li {
    margin: 0;
}

/* plugin:box */
/* pkc: Added colors to round out the spectrum.  
   Colors now include these (in hue order):
     red tan orange yellow chartreuse green turquoise teal aqua blue indigo purple pink gray
*/
div.box {
  width: 50%;
/*  margin: 1em auto; */
  margin: 0.5em 1em 0.5em 1em; /* changed by pkc from 1em auto */
  border: 1px solid;
  padding: 4px;
  overflow: hidden;
}

/* rounded corners styles from Stu Nicholls snazzy borders, http://www.cssplay.co.uk/boxes/snazzy.html */
.xtop, .xbottom {background:transparent; font-size:0; line-height: 1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden; border-style: solid;}
.xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-width:0 1px;}
.xb1 {height: 0; margin:0 5px; border-width:1px 0 0 0;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

div.box .xtop, div.box .xbottom {display: none;}
div.box.round > .xtop, div.box.round > .xbottom {display: block;}

div.box.round { border: none; padding: 0;}
div.box.round > .xbox {display:block; border-width:0 1px; border-style: solid; padding: 0 4px; }

div.box p.box_title, div.box p.box_caption {
  font-size: 105%; /* changed by pkc */
  margin: 0;
  padding: 2px 6px;
  line-height: 1.2;
  color: #006; /* pkc for the mosaic template */
}

div.box p.box_title { margin-bottom: 4px;}
div.box p.box_caption { margin-top: 4px;}


/*  pkc: removed border  */
div.box .box_content {
  margin: 0;
  padding: 0 6px;
/*  border-width: 1px; */
/*  border-style: dashed; */
  border: none;
/* the following 4 lines added by pkc for Mosaic */
/* inherited from body content:
  font: 100% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
  color: #000;
  line-height: 1.33;
  text-align: left;
*/
}

/* floating alignment */
div.box.left {
  float: left;
  margin-right: 0 ; /* changed from 1em by pkc for the mosaic template */
  margin-left: 0 ; /* changed from 1em by pkc for the mosaic template */
}

/* added by pkc for the mosaic template */
div.box.center {
  margin-left: auto ; 
  margin-right: auto ; 
}

div.box.right {
  float: right;
  margin-right: 0 ;
  margin-left: 0 ;
}

/* colours */
/* default */
div.box, div.box .box_content, div.box .xbox, div.box .xb1, div.box .xb2, div.box .xb3, div.box .xb4 {
  border-color:  #67A;
}

div.box, div.box .xbox, div.box .xb1, div.box .xb2, div.box .xb3, div.box .xb4 {
  background: #E9F2F4;
}

div.box p.box_title, div.box p.box_caption { background: #DDE4F4;}
div.box .box_content { background: #F8F8F8;}



/* must come last to override coloured background when using rounded corners */

div.box.round {
  background: transparent !important;
}

/* IE fixes for unsupported child selector \*/

* html div.box div.box, * html div.box div.box .box_content, * html div.box div.box .xbox, 
* html div.box div.box .xb1, * html div.box div.box .xb2, 
* html div.box div.box .xb3, * html div.box div.box .xb4 {
  border-color:  #67A;
}

* html div.box div.box, * html div.box div.box .xbox, 
* html div.box div.box .xb1, * html div.box div.box .xb2, 
* html div.box div.box .xb3, * html div.box div.box .xb4 {
  background: #E9F2F4;
}

* html div.box div.box p.box_title, * html div.box div.box p.box_caption { background: #DDE4F4;}
* html div.box div.box .box_content { background: #F8F8F8;}

* html div.box.round .xtop, * html div.box.round .xbottom {display: block;}
* html div.box.round .xbox {display:block; border-width:0 1px; border-style: solid; padding: 0 4px; }



/* red */
div.box.red, div.box.red > * > .box_content, div.box.red > .xbox, 
div.box.red > * > .xb1, div.box.red > * > .xb2, div.box.red > * > .xb3, div.box.red > * > .xb4 {
  border-color:  #F07575;}
div.box.red, div.box.red > .xbox, 
div.box.red > * > .xb1, div.box.red > * > .xb2, div.box.red > * > .xb3, div.box.red > * > .xb4 {
  background: #FFD0D0;}
div.box.red > * > p.box_title, div.box.red > * > p.box_caption {background: #FCBABA;}
div.box.red > * > .box_content {background: #FFE6E6;}
* html div.box.red .box_content, * html div.box.red .xbox, 
* html div.box.red .xb1, * html div.box.red .xb2, * html div.box.red .xb3, * html div.box.red .xb4 {
  border-color:  #F07575;}
* html div.box.red .xbox, 
* html div.box.red .xb1, * html div.box.red .xb2, * html div.box.red .xb3, * html div.box.red .xb4 {
  background: #FFD0D0;}
* html div.box.red p.box_title, * html div.box.red p.box_caption {background: #FCBABA;}
* html div.box.red .box_content {background: #FFE6E6;}

/* nested red */
* html div.box div.box.red .box_content, * html div.box div.box.red .xbox, 
* html div.box div.box.red .xb1, * html div.box div.box.red .xb2, 
* html div.box div.box.red .xb3, * html div.box div.box.red .xb4 {
  border-color:  #F07575;}
* html div.box div.box.red .xbox, 
* html div.box div.box.red .xb1, * html div.box div.box.red .xb2, 
* html div.box div.box.red .xb3, * html div.box div.box.red .xb4 {
  background: #FFD0D0;}
* html div.box div.box.red p.box_title, * html div.box div.box.red p.box_caption {background: #FCBABA;}
* html div.box div.box.red .box_content {background: #FFE6E6;}

/* orange */
div.box.orange, div.box.orange > * > .box_content, div.box.orange > .xbox, 
div.box.orange > * > .xb1, div.box.orange > * > .xb2, div.box.orange > * > .xb3, div.box.orange > * > .xb4 {
  border-color:  #F0B375;}
div.box.orange, div.box.orange > .xbox, 
div.box.orange > * > .xb1, div.box.orange > * > .xb2, div.box.orange > * > .xb3, div.box.orange > * > .xb4 {
  background: #FFE8D0;}
div.box.orange > * > p.box_title, div.box.orange > * > p.box_caption {background: #FCDBBA;}
div.box.orange > * > .box_content {background: #FFF2E6;}
* html div.box.orange .box_content, * html div.box.orange .xbox, 
* html div.box.orange .xb1, * html div.box.orange .xb2, * html div.box.orange .xb3, * html div.box.orange .xb4 {
  border-color:  #F0B375;}
* html div.box.orange .xbox, 
* html div.box.orange .xb1, * html div.box.orange .xb2, * html div.box.orange .xb3, * html div.box.orange .xb4 {
  background: #FFE8D0;}
* html div.box.orange p.box_title, * html div.box.orange p.box_caption {background: #FCDBBA;}
* html div.box.orange .box_content {background: #FFF2E6;}

/* nested orange */
* html div.box div.box.orange .box_content, * html div.box div.box.orange .xbox, 
* html div.box div.box.orange .xb1, * html div.box div.box.orange .xb2, 
* html div.box div.box.orange .xb3, * html div.box div.box.orange .xb4 {
  border-color:  #F0B375;}
* html div.box div.box.orange .xbox, 
* html div.box div.box.orange .xb1, * html div.box div.box.orange .xb2, 
* html div.box div.box.orange .xb3, * html div.box div.box.orange .xb4 {
  background: #FFE8D0;}
* html div.box div.box.orange p.box_title, * html div.box div.box.orange p.box_caption {background: #FCDBBA;}
* html div.box div.box.orange .box_content {background: #FFF2E6;}

/* yellow */
div.box.yellow, div.box.yellow > * > .box_content, div.box.yellow > .xbox,
div.box.yellow > * > .xb1, div.box.yellow > * > .xb2, div.box.yellow > * > .xb3, div.box.yellow > * > .xb4 {
  border-color:  #E7E756;}
div.box.yellow, div.box.yellow > .xbox,
div.box.yellow > * > .xb1, div.box.yellow > * > .xb2, div.box.yellow > * > .xb3, div.box.yellow > * > .xb4 {
  background: #FFFFA8;}
div.box.yellow > * > p.box_title, div.box.yellow > * > p.box_caption {background: #FAFA9A;}
div.box.yellow > * > .box_content {background: #FFFFD7;}
* html div.box.yellow .box_content, * html div.box.yellow .xbox,
* html div.box.yellow .xb1, * html div.box.yellow .xb2, * html div.box.yellow .xb3, * html div.box.yellow .xb4 {
  border-color:  #E7E756;}
* html div.box.yellow .xbox,
* html div.box.yellow .xb1, * html div.box.yellow .xb2, * html div.box.yellow .xb3, * html div.box.yellow .xb4 {
  background: #FFFFA8;}
* html div.box.yellow p.box_title, * html div.box.yellow p.box_caption {background: #FAFA9A;}
* html div.box.yellow .box_content {background: #FFFFD7;}

/* nested yellow */
* html div.box div.box.yellow .box_content, * html div.box div.box.yellow .xbox,
* html div.box div.box.yellow .xb1, * html div.box div.box.yellow .xb2,
* html div.box div.box.yellow .xb3, * html div.box div.box.yellow .xb4 {
  border-color:  #E7E756;}
* html div.box div.box.yellow .xbox,
* html div.box div.box.yellow .xb1, * html div.box div.box.yellow .xb2,
* html div.box div.box.yellow .xb3, * html div.box div.box.yellow .xb4 {
  background: #FFFFA8;}
* html div.box div.box.yellow p.box_title, * html div.box div.box.yellow p.box_caption {background:#FAFA9A;}
* html div.box div.box.yellow .box_content {background: #FFFFD7;}

/* chartreuse */
div.box.chartreuse, div.box.chartreuse > * > .box_content, div.box.chartreuse > .xbox,
div.box.chartreuse > * > .xb1, div.box.chartreuse > * > .xb2, div.box.chartreuse > * > .xb3, div.box.chartreuse > * > .xb4 {
  border-color:  #B3F075;}
div.box.chartreuse, div.box.chartreuse > .xbox,
div.box.chartreuse > * > .xb1, div.box.chartreuse > * > .xb2, div.box.chartreuse > * > .xb3, div.box.chartreuse > * > .xb4 {
  background: #E8FFD0;}
div.box.chartreuse > * > p.box_title, div.box.chartreuse > * > p.box_caption {background: #DBFCBA;}
div.box.chartreuse > * > .box_content {background: #F2FFE6;}
* html div.box.chartreuse .box_content, * html div.box.chartreuse .xbox,
* html div.box.chartreuse .xb1, * html div.box.chartreuse .xb2, * html div.box.chartreuse .xb3, * html div.box.chartreuse .xb4 {
  border-color:  #B3F075;}
* html div.box.chartreuse .xbox,
* html div.box.chartreuse .xb1, * html div.box.chartreuse .xb2, * html div.box.chartreuse .xb3, * html div.box.chartreuse .xb4 {
  background: #E8FFD0;}
* html div.box.chartreuse p.box_title, * html div.box.chartreuse p.box_caption {background: #DBFCBA;}
* html div.box.chartreuse .box_content {background: #F2FFE6;}

/* nested chartreuse */
* html div.box div.box.chartreuse .box_content, * html div.box div.box.chartreuse .xbox,
* html div.box div.box.chartreuse .xb1, * html div.box div.box.chartreuse .xb2,
* html div.box div.box.chartreuse .xb3, * html div.box div.box.chartreuse .xb4 {
  border-color:  #B3F075;}
* html div.box div.box.chartreuse .xbox,
* html div.box div.box.chartreuse .xb1, * html div.box div.box.chartreuse .xb2,
* html div.box div.box.chartreuse .xb3, * html div.box div.box.chartreuse .xb4 {
  background: #E8FFD0;}
* html div.box div.box.chartreuse p.box_title, * html div.box div.box.chartreuse p.box_caption {background:#DBFCBA;}
* html div.box div.box.chartreuse .box_content {background: #F2FFE6;}

/* green */
div.box.green, div.box.green > * > .box_content, div.box.green > .xbox, 
div.box.green > * > .xb1, div.box.green > * > .xb2, div.box.green > * > .xb3, div.box.green > * > .xb4 {
  border-color:  #75F075;}
div.box.green, div.box.green > .xbox, 
div.box.green > * > .xb1, div.box.green > * > .xb2, div.box.green > * > .xb3, div.box.green > * > .xb4 {
  background: #D0FFD0;}
div.box.green > * > p.box_title, div.box.green > * > p.box_caption {background: #BAFCBA;}
div.box.green > * > .box_content {background: #E6FFE6;}
* html div.box.green .box_content, * html div.box.green .xbox, 
* html div.box.green .xb1, * html div.box.green .xb2, * html div.box.green .xb3, * html div.box.green .xb4 {
  border-color:  #75F075;}
* html div.box.green .xbox, 
* html div.box.green .xb1, * html div.box.green .xb2, * html div.box.green .xb3, * html div.box.green .xb4 {
  background: #D0FFD0;}
* html div.box.green p.box_title, * html div.box.green p.box_caption {background: #BAFCBA;}
* html div.box.green .box_content {background: #E6FFE6;}

/* nested green */
* html div.box div.box.green .box_content, * html div.box div.box.green .xbox, 
* html div.box div.box.green .xb1, * html div.box div.box.green .xb2, 
* html div.box div.box.green .xb3, * html div.box div.box.green .xb4 {
  border-color:  #75F075;}
* html div.box div.box.green .xbox, 
* html div.box div.box.green .xb1, * html div.box div.box.green .xb2, 
* html div.box div.box.green .xb3, * html div.box div.box.green .xb4 {
  background: #D0FFD0;}
* html div.box div.box.green p.box_title, * html div.box div.box.green p.box_caption {background: #BAFCBA;}
* html div.box div.box.green .box_content {background: #E6FFE6;}

/* turquoise */
div.box.turquoise, div.box.turquoise > * > .box_content, div.box.turquoise > .xbox,
div.box.turquoise > * > .xb1, div.box.turquoise > * > .xb2, div.box.turquoise > * > .xb3, div.box.turquoise > * > .xb4 {
  border-color:  #75F0B3;}
div.box.turquoise, div.box.turquoise > .xbox,
div.box.turquoise > * > .xb1, div.box.turquoise > * > .xb2, div.box.turquoise > * > .xb3, div.box.turquoise > * > .xb4 {
  background: #D0FFE8;}
div.box.turquoise > * > p.box_title, div.box.turquoise > * > p.box_caption {background: #BAFCDB;}
div.box.turquoise > * > .box_content {background: #E6FFF2;}
* html div.box.turquoise .box_content, * html div.box.turquoise .xbox,
* html div.box.turquoise .xb1, * html div.box.turquoise .xb2, * html div.box.turquoise .xb3, * html div.box.turquoise .xb4 {
  border-color:  #75F0B3;}
* html div.box.turquoise .xbox,
* html div.box.turquoise .xb1, * html div.box.turquoise .xb2, * html div.box.turquoise .xb3, * html div.box.turquoise .xb4 {
  background: #D0FFE8;}
* html div.box.turquoise p.box_title, * html div.box.turquoise p.box_caption {background: #BAFCDB;}
* html div.box.turquoise .box_content {background: #E6FFF2;}

/* nested turquoise */
* html div.box div.box.turquoise .box_content, * html div.box div.box.turquoise .xbox,
* html div.box div.box.turquoise .xb1, * html div.box div.box.turquoise .xb2,
* html div.box div.box.turquoise .xb3, * html div.box div.box.turquoise .xb4 {
  border-color:  #75F0B3;}
* html div.box div.box.turquoise .xbox,
* html div.box div.box.turquoise .xb1, * html div.box div.box.turquoise .xb2,
* html div.box div.box.turquoise .xb3, * html div.box div.box.turquoise .xb4 {
  background: #D0FFE8;}
* html div.box div.box.turquoise p.box_title, * html div.box div.box.turquoise p.box_caption {background:#BAFCDB;}
* html div.box div.box.turquoise .box_content {background: #E6FFF2;}

/* teal */
div.box.teal, div.box.teal > * > .box_content, div.box.teal > .xbox,
div.box.teal > * > .xb1, div.box.teal > * > .xb2, div.box.teal > * > .xb3, div.box.teal > * > .xb4 {
  border-color:  #9BCACA;}
div.box.teal, div.box.teal > .xbox,
div.box.teal > * > .xb1, div.box.teal > * > .xb2, div.box.teal > * > .xb3, div.box.teal > * > .xb4 {
  background: #D7EAEA;}
div.box.teal > * > p.box_title, div.box.teal > * > p.box_caption {background: #BFDDDD;}
div.box.teal > * > .box_content {background: #E4F1F1;}
* html div.box.teal .box_content, * html div.box.teal .xbox,
* html div.box.teal .xb1, * html div.box.teal .xb2, * html div.box.teal .xb3, * html div.box.teal .xb4 {
  border-color:  #9BCACA;}
* html div.box.teal .xbox,
* html div.box.teal .xb1, * html div.box.teal .xb2, * html div.box.teal .xb3, * html div.box.teal .xb4 {
  background: #D7EAEA;}
* html div.box.teal p.box_title, * html div.box.teal p.box_caption {background: #BFDDDD;}
* html div.box.teal .box_content {background: #E4F1F1;}

/* nested teal */
* html div.box div.box.teal .box_content, * html div.box div.box.teal .xbox,
* html div.box div.box.teal .xb1, * html div.box div.box.teal .xb2,
* html div.box div.box.teal .xb3, * html div.box div.box.teal .xb4 {
  border-color:  #9BCACA;}
* html div.box div.box.teal .xbox,
* html div.box div.box.teal .xb1, * html div.box div.box.teal .xb2,
* html div.box div.box.teal .xb3, * html div.box div.box.teal .xb4 {
  background: #D7EAEA;}
* html div.box div.box.teal p.box_title, * html div.box div.box.teal p.box_caption {background:#BFDDDD;}
* html div.box div.box.teal .box_content {background: #E4F1F1;}

/* aqua */
div.box.aqua, div.box.aqua > * > .box_content, div.box.aqua > .xbox,
div.box.aqua > * > .xb1, div.box.aqua > * > .xb2, div.box.aqua > * > .xb3, div.box.aqua > * > .xb4 {
  border-color:  #75B3F0;}
div.box.aqua, div.box.aqua > .xbox,
div.box.aqua > * > .xb1, div.box.aqua > * > .xb2, div.box.aqua > * > .xb3, div.box.aqua > * > .xb4 {
  background: #D0E8FF;}
div.box.aqua > * > p.box_title, div.box.aqua > * > p.box_caption {background: #BADBFC;}
div.box.aqua > * > .box_content {background: #E6F2FF;}
* html div.box.aqua .box_content, * html div.box.aqua .xbox,
* html div.box.aqua .xb1, * html div.box.aqua .xb2, * html div.box.aqua .xb3, * html div.box.aqua .xb4 {
  border-color:  #75B3F0;}
* html div.box.aqua .xbox,
* html div.box.aqua .xb1, * html div.box.aqua .xb2, * html div.box.aqua .xb3, * html div.box.aqua .xb4 {
  background: #D0E8FF;}
* html div.box.aqua p.box_title, * html div.box.aqua p.box_caption {background: #BADBFC;}
* html div.box.aqua .box_content {background: #E6F2FF;}

/* nested aqua */
* html div.box div.box.aqua .box_content, * html div.box div.box.aqua .xbox,
* html div.box div.box.aqua .xb1, * html div.box div.box.aqua .xb2,
* html div.box div.box.aqua .xb3, * html div.box div.box.aqua .xb4 {
  border-color:  #75B3F0;}
* html div.box div.box.aqua .xbox,
* html div.box div.box.aqua .xb1, * html div.box div.box.aqua .xb2,
* html div.box div.box.aqua .xb3, * html div.box div.box.aqua .xb4 {
  background: #D0E8FF;}
* html div.box div.box.aqua p.box_title, * html div.box div.box.aqua p.box_caption {background:#BADBFC;}
* html div.box div.box.aqua .box_content {background: #E6F2FF;}

/* blue */
div.box.blue, div.box.blue > * > .box_content, div.box.blue > .xbox, 
div.box.blue > * > .xb1, div.box.blue > * > .xb2, div.box.blue > * > .xb3, div.box.blue > * > .xb4 {
  border-color: #7575F0;}
div.box.blue, div.box.blue > .xbox, 
div.box.blue > * > .xb1, div.box.blue > * > .xb2, div.box.blue > * > .xb3, div.box.blue > * > .xb4 {
  background: #D0D0FF;}
div.box.blue > * > p.box_title, div.box.blue > * > p.box_caption {background: #BABAFC;}
div.box.blue > * > .box_content {background: #E6E6FF;}
* html div.box.blue .box_content, * html div.box.blue .xbox, 
* html div.box.blue .xb1, * html div.box.blue .xb2, * html div.box.blue .xb3, * html div.box.blue .xb4 {
  border-color:  #7575F0;}
* html div.box.blue .xbox, 
* html div.box.blue .xb1, * html div.box.blue .xb2, * html div.box.blue .xb3, * html div.box.blue .xb4 {
  background: #D0D0FF;}
* html div.box.blue p.box_title, * html div.box.blue p.box_caption {background: #BABAFC;}
* html div.box.blue .box_content {background: #E6E6FF;}

/* nested blue */
* html div.box div.box.blue .box_content, * html div.box div.box.blue .xbox, 
* html div.box div.box.blue .xb1, * html div.box div.box.blue .xb2, 
* html div.box div.box.blue .xb3, * html div.box div.box.blue .xb4 {
  border-color:  #7575F0;}
* html div.box div.box.blue .xbox, 
* html div.box div.box.blue .xb1, * html div.box div.box.blue .xb2, 
* html div.box div.box.blue .xb3, * html div.box div.box.blue .xb4 {
  background: #D0D0FF;}
* html div.box div.box.blue p.box_title, 
* html div.box div.box.blue p.box_caption {background: #BABAFC;}
* html div.box div.box.blue .box_content {background: #E6E6FF;}

/* indigo */
div.box.indigo, div.box.indigo > * > .box_content, div.box.indigo > .xbox,
div.box.indigo > * > .xb1, div.box.indigo > * > .xb2, div.box.indigo > * > .xb3, div.box.indigo > * > .xb4 {
  border-color:  #B375F0;}
div.box.indigo, div.box.indigo > .xbox,
div.box.indigo > * > .xb1, div.box.indigo > * > .xb2, div.box.indigo > * > .xb3, div.box.indigo > * > .xb4 {
  background: #E8D0FF;}
div.box.indigo > * > p.box_title, div.box.indigo > * > p.box_caption {background: #DBBAFC;}
div.box.indigo > * > .box_content {background: #F2E6FF;}
* html div.box.indigo .box_content, * html div.box.indigo .xbox,
* html div.box.indigo .xb1, * html div.box.indigo .xb2, * html div.box.indigo .xb3, * html div.box.indigo .xb4 {
  border-color:  #B375F0;}
* html div.box.indigo .xbox,
* html div.box.indigo .xb1, * html div.box.indigo .xb2, * html div.box.indigo .xb3, * html div.box.indigo .xb4 {
  background: #E8D0FF;}
* html div.box.indigo p.box_title, * html div.box.indigo p.box_caption {background: #DBBAFC;}
* html div.box.indigo .box_content {background: #F2E6FF;}

/* nested indigo */
* html div.box div.box.indigo .box_content, * html div.box div.box.indigo .xbox,
* html div.box div.box.indigo .xb1, * html div.box div.box.indigo .xb2,
* html div.box div.box.indigo .xb3, * html div.box div.box.indigo .xb4 {
  border-color:  #B375F0;}
* html div.box div.box.indigo .xbox,
* html div.box div.box.indigo .xb1, * html div.box div.box.indigo .xb2,
* html div.box div.box.indigo .xb3, * html div.box div.box.indigo .xb4 {
  background: #E8D0FF;}
* html div.box div.box.indigo p.box_title, * html div.box div.box.indigo p.box_caption {background:#DBBAFC;}
* html div.box div.box.indigo .box_content {background: #F2E6FF;}

/* purple */
div.box.purple, div.box.purple > * > .box_content, div.box.purple > .xbox,
div.box.purple > * > .xb1, div.box.purple > * > .xb2, div.box.purple > * > .xb3, div.box.purple > * > .xb4 {
  border-color:  #F075F0;}
div.box.purple, div.box.purple > .xbox,
div.box.purple > * > .xb1, div.box.purple > * > .xb2, div.box.purple > * > .xb3, div.box.purple > * > .xb4 {
  background: #FFD0FF;}
div.box.purple > * > p.box_title, div.box.purple > * > p.box_caption {background: #FCBAFC;}
div.box.purple > * > .box_content {background: #FFE6FF;}
* html div.box.purple .box_content, * html div.box.purple .xbox,
* html div.box.purple .xb1, * html div.box.purple .xb2, * html div.box.purple .xb3, * html div.box.purple .xb4 {
  border-color:  #F075F0;}
* html div.box.purple .xbox,
* html div.box.purple .xb1, * html div.box.purple .xb2, * html div.box.purple .xb3, * html div.box.purple .xb4 {
  background: #FFD0FF;}
* html div.box.purple p.box_title, * html div.box.purple p.box_caption {background: #FCBAFC;}
* html div.box.purple .box_content {background: #FFE6FF;}

/* nested purple */
* html div.box div.box.purple .box_content, * html div.box div.box.purple .xbox,
* html div.box div.box.purple .xb1, * html div.box div.box.purple .xb2,
* html div.box div.box.purple .xb3, * html div.box div.box.purple .xb4 {
  border-color:  #F075F0;}
* html div.box div.box.purple .xbox,
* html div.box div.box.purple .xb1, * html div.box div.box.purple .xb2,
* html div.box div.box.purple .xb3, * html div.box div.box.purple .xb4 {
  background: #FFD0FF;}
* html div.box div.box.purple p.box_title, * html div.box div.box.purple p.box_caption {background:#FCBAFC;}
* html div.box div.box.purple .box_content {background: #FFE6FF;}

/* pink */
div.box.pink, div.box.pink > * > .box_content, div.box.pink > .xbox,
div.box.pink > * > .xb1, div.box.pink > * > .xb2, div.box.pink > * > .xb3, div.box.pink > * > .xb4 {
  border-color:  #F0759D;}
div.box.pink, div.box.pink > .xbox,
div.box.pink > * > .xb1, div.box.pink > * > .xb2, div.box.pink > * > .xb3, div.box.pink > * > .xb4 {
  background: #FFD0DF;}
div.box.pink > * > p.box_title, div.box.pink > * > p.box_caption {background: #FCBACF;}
div.box.pink > * > .box_content {background: #FFE6EE;}
* html div.box.pink .box_content, * html div.box.pink .xbox,
* html div.box.pink .xb1, * html div.box.pink .xb2, * html div.box.pink .xb3, * html div.box.pink .xb4 {
  border-color:  #F0759D;}
* html div.box.pink .xbox,
* html div.box.pink .xb1, * html div.box.pink .xb2, * html div.box.pink .xb3, * html div.box.pink .xb4 {
  background: #FFD0DF;}
* html div.box.pink p.box_title, * html div.box.pink p.box_caption {background: #FCBACF;}
* html div.box.pink .box_content {background: #FFE6EE;}

/* nested pink */
* html div.box div.box.pink .box_content, * html div.box div.box.pink .xbox,
* html div.box div.box.pink .xb1, * html div.box div.box.pink .xb2,
* html div.box div.box.pink .xb3, * html div.box div.box.pink .xb4 {
  border-color:  #F0759D;}
* html div.box div.box.pink .xbox,
* html div.box div.box.pink .xb1, * html div.box div.box.pink .xb2,
* html div.box div.box.pink .xb3, * html div.box div.box.pink .xb4 {
  background: #FFD0DF;}
* html div.box div.box.pink p.box_title, * html div.box div.box.pink p.box_caption {background:#FCBACF;}
* html div.box div.box.pink .box_content {background: #FFE6EE;}

/* tan */
div.box.tan, div.box.tan > * > .box_content, div.box.tan > .xbox,
div.box.tan > * > .xb1, div.box.tan > * > .xb2, div.box.tan > * > .xb3, div.box.tan > * > .xb4 {
  border-color:  #D9B38C;}
div.box.tan, div.box.tan > .xbox,
div.box.tan > * > .xb1, div.box.tan > * > .xb2, div.box.tan > * > .xb3, div.box.tan > * > .xb4 {
  background: #F3E3DC;}
div.box.tan > * > p.box_title, div.box.tan > * > p.box_caption {background: #EDD5C9;}
div.box.tan > * > .box_content {background: #F9F0EC;}
* html div.box.tan .box_content, * html div.box.tan .xbox,
* html div.box.tan .xb1, * html div.box.tan .xb2, * html div.box.tan .xb3, * html div.box.tan .xb4 {
  border-color:  #D9B38C;}
* html div.box.tan .xbox,
* html div.box.tan .xb1, * html div.box.tan .xb2, * html div.box.tan .xb3, * html div.box.tan .xb4 {
  background: #F3E3DC;}
* html div.box.tan p.box_title, * html div.box.tan p.box_caption {background: #EDD5C9;}
* html div.box.tan .box_content {background: #F9F0EC;}

/* nested tan */
* html div.box div.box.tan .box_content, * html div.box div.box.tan .xbox,
* html div.box div.box.tan .xb1, * html div.box div.box.tan .xb2,
* html div.box div.box.tan .xb3, * html div.box div.box.tan .xb4 {
  border-color:  #D9B38C;}
* html div.box div.box.tan .xbox,
* html div.box div.box.tan .xb1, * html div.box div.box.tan .xb2,
* html div.box div.box.tan .xb3, * html div.box div.box.tan .xb4 {
  background: #F3E3DC;}
* html div.box div.box.tan p.box_title, * html div.box div.box.tan p.box_caption {background:#EDD5C9;}
* html div.box div.box.tan .box_content {background: #F9F0EC;}

/* gray */
div.box.gray, div.box.gray > * > .box_content, div.box.gray > .xbox,
div.box.gray > * > .xb1, div.box.gray > * > .xb2, div.box.gray > * > .xb3, div.box.gray > * > .xb4 {
  border-color:  #B3B3B3;}
div.box.gray, div.box.gray > .xbox,
div.box.gray > * > .xb1, div.box.gray > * > .xb2, div.box.gray > * > .xb3, div.box.gray > * > .xb4 {
  background: #E8E8E8;}
div.box.gray > * > p.box_title, div.box.gray > * > p.box_caption {background: #DBDBDB;}
div.box.gray > * > .box_content {background: #F2F2F2;}
* html div.box.gray .box_content, * html div.box.gray .xbox,
* html div.box.gray .xb1, * html div.box.gray .xb2, * html div.box.gray .xb3, * html div.box.gray .xb4 {
  border-color:  #B3B3B3;}
* html div.box.gray .xbox,
* html div.box.gray .xb1, * html div.box.gray .xb2, * html div.box.gray .xb3, * html div.box.gray .xb4 {
  background: #E8E8E8;}
* html div.box.gray p.box_title, * html div.box.gray p.box_caption {background: #DBDBDB;}
* html div.box.gray .box_content {background: #F2F2F2;}

/* nested gray */
* html div.box div.box.gray .box_content, * html div.box div.box.gray .xbox,
* html div.box div.box.gray .xb1, * html div.box div.box.gray .xb2,
* html div.box div.box.gray .xb3, * html div.box div.box.gray .xb4 {
  border-color:  #B3B3B3;}
* html div.box div.box.gray .xbox,
* html div.box div.box.gray .xb1, * html div.box div.box.gray .xb2,
* html div.box div.box.gray .xb3, * html div.box div.box.gray .xb4 {
  background: #E8E8E8;}
* html div.box div.box.gray p.box_title, * html div.box div.box.gray p.box_caption {background:#DBDBDB;}
* html div.box div.box.gray .box_content {background: #F2F2F2;}

/* olive */
div.box.olive, div.box.olive > * > .box_content, div.box.olive > .xbox,
div.box.olive > * > .xb1, div.box.olive > * > .xb2, div.box.olive > * > .xb3, div.box.olive > * > .xb4 {
  border-color:  #C7CA9B;}
div.box.olive, div.box.olive > .xbox,
div.box.olive > * > .xb1, div.box.olive > * > .xb2, div.box.olive > * > .xb3, div.box.olive > * > .xb4 {
  background: #E9EAD7;}
div.box.olive > * > p.box_title, div.box.olive > * > p.box_caption {background: #DBDDBF;}
div.box.olive > * > .box_content {background: #F0F1E4;}
* html div.box.olive .box_content, * html div.box.olive .xbox,
* html div.box.olive .xb1, * html div.box.olive .xb2, * html div.box.olive .xb3, * html div.box.olive .xb4 {
  border-color:  #C7CA9B;}
* html div.box.olive .xbox,
* html div.box.olive .xb1, * html div.box.olive .xb2, * html div.box.olive .xb3, * html div.box.olive .xb4 {
  background: #E9EAD7;}
* html div.box.olive p.box_title, * html div.box.olive p.box_caption {background: #DBDDBF;}
* html div.box.olive .box_content {background: #F0F1E4;}

/* nested olive */
* html div.box div.box.olive .box_content, * html div.box div.box.olive .xbox,
* html div.box div.box.olive .xb1, * html div.box div.box.olive .xb2,
* html div.box div.box.olive .xb3, * html div.box div.box.olive .xb4 {
  border-color:  #C7CA9B;}
* html div.box div.box.olive .xbox,
* html div.box div.box.olive .xb1, * html div.box div.box.olive .xb2,
* html div.box div.box.olive .xb3, * html div.box div.box.olive .xb4 {
  background: #E9EAD7;}
* html div.box div.box.olive p.box_title, * html div.box div.box.olive p.box_caption {background:#DBDDBF;}
* html div.box div.box.olive .box_content {background: #F0F1E4;}



/* dark-red */
div.box.dark-red, div.box.dark-red > * > .box_content, div.box.dark-red > .xbox, 
div.box.dark-red > * > .xb1, div.box.dark-red > * > .xb2, div.box.dark-red > * > .xb3, div.box.dark-red > * > .xb4 {
  border-color:  #BD0000;}
div.box.dark-red, div.box.dark-red > .xbox, 
div.box.dark-red > * > .xb1, div.box.dark-red > * > .xb2, div.box.dark-red > * > .xb3, div.box.dark-red > * > .xb4 {
  background: #FCBABA;}
div.box.dark-red > * > p.box_title, div.box.dark-red > * > p.box_caption {background: #F07575;}
div.box.dark-red > * > .box_content {background: #FFD0D0;}
* html div.box.dark-red .box_content, * html div.box.dark-red .xbox, 
* html div.box.dark-red .xb1, * html div.box.dark-red .xb2, * html div.box.dark-red .xb3, * html div.box.dark-red .xb4 {
  border-color:  #BD0000;}
* html div.box.dark-red .xbox, 
* html div.box.dark-red .xb1, * html div.box.dark-red .xb2, * html div.box.dark-red .xb3, * html div.box.dark-red .xb4 {
  background: #FCBABA;}
* html div.box.dark-red p.box_title, * html div.box.dark-red p.box_caption {background: #F07575;}
* html div.box.dark-red .box_content {background: #FFD0D0;}

/* nested dark-red */
* html div.box div.box.dark-red .box_content, * html div.box div.box.dark-red .xbox, 
* html div.box div.box.dark-red .xb1, * html div.box div.box.dark-red .xb2, 
* html div.box div.box.dark-red .xb3, * html div.box div.box.dark-red .xb4 {
  border-color:  #BD0000;}
* html div.box div.box.dark-red .xbox, 
* html div.box div.box.dark-red .xb1, * html div.box div.box.dark-red .xb2, 
* html div.box div.box.dark-red .xb3, * html div.box div.box.dark-red .xb4 {
  background: #FCBABA;}
* html div.box div.box.dark-red p.box_title, * html div.box div.box.dark-red p.box_caption {background: #F07575;}
* html div.box div.box.dark-red .box_content {background: #FFD0D0;}

/* dark-orange */
div.box.dark-orange, div.box.dark-orange > * > .box_content, div.box.dark-orange > .xbox, 
div.box.dark-orange > * > .xb1, div.box.dark-orange > * > .xb2, div.box.dark-orange > * > .xb3, div.box.dark-orange > * > .xb4 {
  border-color:  #C16100;}
div.box.dark-orange, div.box.dark-orange > .xbox, 
div.box.dark-orange > * > .xb1, div.box.dark-orange > * > .xb2, div.box.dark-orange > * > .xb3, div.box.dark-orange > * > .xb4 {
  background: #FCDBBA;}
div.box.dark-orange > * > p.box_title, div.box.dark-orange > * > p.box_caption {background: #F0B375;}
div.box.dark-orange > * > .box_content {background: #FFE8D0;}
* html div.box.dark-orange .box_content, * html div.box.dark-orange .xbox, 
* html div.box.dark-orange .xb1, * html div.box.dark-orange .xb2, * html div.box.dark-orange .xb3, * html div.box.dark-orange .xb4 {
  border-color:  #C16100;}
* html div.box.dark-orange .xbox, 
* html div.box.dark-orange .xb1, * html div.box.dark-orange .xb2, * html div.box.dark-orange .xb3, * html div.box.dark-orange .xb4 {
  background: #FCDBBA;}
* html div.box.dark-orange p.box_title, * html div.box.dark-orange p.box_caption {background: #F0B375;}
* html div.box.dark-orange .box_content {background: #FFE8D0;}

/* nested dark-orange */
* html div.box div.box.dark-orange .box_content, * html div.box div.box.dark-orange .xbox, 
* html div.box div.box.dark-orange .xb1, * html div.box div.box.dark-orange .xb2, 
* html div.box div.box.dark-orange .xb3, * html div.box div.box.dark-orange .xb4 {
  border-color:  #C16100;}
* html div.box div.box.dark-orange .xbox, 
* html div.box div.box.dark-orange .xb1, * html div.box div.box.dark-orange .xb2, 
* html div.box div.box.dark-orange .xb3, * html div.box div.box.dark-orange .xb4 {
  background: #FCDBBA;}
* html div.box div.box.dark-orange p.box_title, * html div.box div.box.dark-orange p.box_caption {background: #F0B375;}
* html div.box div.box.dark-orange .box_content {background: #FFE8D0;}

/* dark-yellow */
div.box.dark-yellow, div.box.dark-yellow > * > .box_content, div.box.dark-yellow > .xbox,
div.box.dark-yellow > * > .xb1, div.box.dark-yellow > * > .xb2, div.box.dark-yellow > * > .xb3, div.box.dark-yellow > * > .xb4 {
  border-color:  #CCCC00;}
div.box.dark-yellow, div.box.dark-yellow > .xbox,
div.box.dark-yellow > * > .xb1, div.box.dark-yellow > * > .xb2, div.box.dark-yellow > * > .xb3, div.box.dark-yellow > * > .xb4 {
  background: #FAFA9A;}
div.box.dark-yellow > * > p.box_title, div.box.dark-yellow > * > p.box_caption {background: #E7E756;}
div.box.dark-yellow > * > .box_content {background: #FFFFA8;}
* html div.box.dark-yellow .box_content, * html div.box.dark-yellow .xbox,
* html div.box.dark-yellow .xb1, * html div.box.dark-yellow .xb2, * html div.box.dark-yellow .xb3, * html div.box.dark-yellow .xb4 {
  border-color:  #CCCC00;}
* html div.box.dark-yellow .xbox,
* html div.box.dark-yellow .xb1, * html div.box.dark-yellow .xb2, * html div.box.dark-yellow .xb3, * html div.box.dark-yellow .xb4 {
  background: #FAFA9A;}
* html div.box.dark-yellow p.box_title, * html div.box.dark-yellow p.box_caption {background: #E7E756;}
* html div.box.dark-yellow .box_content {background: #FFFFA8;}

/* nested dark-yellow */
* html div.box div.box.dark-yellow .box_content, * html div.box div.box.dark-yellow .xbox,
* html div.box div.box.dark-yellow .xb1, * html div.box div.box.dark-yellow .xb2,
* html div.box div.box.dark-yellow .xb3, * html div.box div.box.dark-yellow .xb4 {
  border-color:  #CCCC00;}
* html div.box div.box.dark-yellow .xbox,
* html div.box div.box.dark-yellow .xb1, * html div.box div.box.dark-yellow .xb2,
* html div.box div.box.dark-yellow .xb3, * html div.box div.box.dark-yellow .xb4 {
  background: #FAFA9A;}
* html div.box div.box.dark-yellow p.box_title, * html div.box div.box.dark-yellow p.box_caption {background:#E7E756;}
* html div.box div.box.dark-yellow .box_content {background: #FFFFA8;}

/* dark-chartreuse */
div.box.dark-chartreuse, div.box.dark-chartreuse > * > .box_content, div.box.dark-chartreuse > .xbox,
div.box.dark-chartreuse > * > .xb1, div.box.dark-chartreuse > * > .xb2, div.box.dark-chartreuse > * > .xb3, div.box.dark-chartreuse > * > .xb4 {
  border-color:  #59B300;}
div.box.dark-chartreuse, div.box.dark-chartreuse > .xbox,
div.box.dark-chartreuse > * > .xb1, div.box.dark-chartreuse > * > .xb2, div.box.dark-chartreuse > * > .xb3, div.box.dark-chartreuse > * > .xb4 {
  background: #DBFCBA;}
div.box.dark-chartreuse > * > p.box_title, div.box.dark-chartreuse > * > p.box_caption {background: #B3F075;}
div.box.dark-chartreuse > * > .box_content {background: #E8FFD0;}
* html div.box.dark-chartreuse .box_content, * html div.box.dark-chartreuse .xbox,
* html div.box.dark-chartreuse .xb1, * html div.box.dark-chartreuse .xb2, * html div.box.dark-chartreuse .xb3, * html div.box.dark-chartreuse .xb4 {
  border-color:  #59B300;}
* html div.box.dark-chartreuse .xbox,
* html div.box.dark-chartreuse .xb1, * html div.box.dark-chartreuse .xb2, * html div.box.dark-chartreuse .xb3, * html div.box.dark-chartreuse .xb4 {
  background: #DBFCBA;}
* html div.box.dark-chartreuse p.box_title, * html div.box.dark-chartreuse p.box_caption {background: #B3F075;}
* html div.box.dark-chartreuse .box_content {background: #E8FFD0;}

/* nested dark-chartreuse */
* html div.box div.box.dark-chartreuse .box_content, * html div.box div.box.dark-chartreuse .xbox,
* html div.box div.box.dark-chartreuse .xb1, * html div.box div.box.dark-chartreuse .xb2,
* html div.box div.box.dark-chartreuse .xb3, * html div.box div.box.dark-chartreuse .xb4 {
  border-color:  #59B300;}
* html div.box div.box.dark-chartreuse .xbox,
* html div.box div.box.dark-chartreuse .xb1, * html div.box div.box.dark-chartreuse .xb2,
* html div.box div.box.dark-chartreuse .xb3, * html div.box div.box.dark-chartreuse .xb4 {
  background: #DBFCBA;}
* html div.box div.box.dark-chartreuse p.box_title, * html div.box div.box.dark-chartreuse p.box_caption {background:#B3F075;}
* html div.box div.box.dark-chartreuse .box_content {background: #E8FFD0;}

/* dark-green */
div.box.dark-green, div.box.dark-green > * > .box_content, div.box.dark-green > .xbox, 
div.box.dark-green > * > .xb1, div.box.dark-green > * > .xb2, div.box.dark-green > * > .xb3, div.box.dark-green > * > .xb4 {
  border-color:  #00B300;}
div.box.dark-green, div.box.dark-green > .xbox, 
div.box.dark-green > * > .xb1, div.box.dark-green > * > .xb2, div.box.dark-green > * > .xb3, div.box.dark-green > * > .xb4 {
  background: #BAFCBA;}
div.box.dark-green > * > p.box_title, div.box.dark-green > * > p.box_caption {background: #75F075;}
div.box.dark-green > * > .box_content {background: #D0FFD0;}
* html div.box.dark-green .box_content, * html div.box.dark-green .xbox, 
* html div.box.dark-green .xb1, * html div.box.dark-green .xb2, * html div.box.dark-green .xb3, * html div.box.dark-green .xb4 {
  border-color:  #00B300;}
* html div.box.dark-green .xbox, 
* html div.box.dark-green .xb1, * html div.box.dark-green .xb2, * html div.box.dark-green .xb3, * html div.box.dark-green .xb4 {
  background: #BAFCBA;}
* html div.box.dark-green p.box_title, * html div.box.dark-green p.box_caption {background: #75F075;}
* html div.box.dark-green .box_content {background: #D0FFD0;}

/* nested dark-green */
* html div.box div.box.dark-green .box_content, * html div.box div.box.dark-green .xbox, 
* html div.box div.box.dark-green .xb1, * html div.box div.box.dark-green .xb2, 
* html div.box div.box.dark-green .xb3, * html div.box div.box.dark-green .xb4 {
  border-color:  #00B300;}
* html div.box div.box.dark-green .xbox, 
* html div.box div.box.dark-green .xb1, * html div.box div.box.dark-green .xb2, 
* html div.box div.box.dark-green .xb3, * html div.box div.box.dark-green .xb4 {
  background: #BAFCBA;}
* html div.box div.box.dark-green p.box_title, * html div.box div.box.dark-green p.box_caption {background: #75F075;}
* html div.box div.box.dark-green .box_content {background: #D0FFD0;}

/* dark-turquoise */
div.box.dark-turquoise, div.box.dark-turquoise > * > .box_content, div.box.dark-turquoise > .xbox,
div.box.dark-turquoise > * > .xb1, div.box.dark-turquoise > * > .xb2, div.box.dark-turquoise > * > .xb3, div.box.dark-turquoise > * > .xb4 {
  border-color:  #00B359;}
div.box.dark-turquoise, div.box.dark-turquoise > .xbox,
div.box.dark-turquoise > * > .xb1, div.box.dark-turquoise > * > .xb2, div.box.dark-turquoise > * > .xb3, div.box.dark-turquoise > * > .xb4 {
  background: #BAFCDB;}
div.box.dark-turquoise > * > p.box_title, div.box.dark-turquoise > * > p.box_caption {background: #75F0B3;}
div.box.dark-turquoise > * > .box_content {background: #D0FFE8;}
* html div.box.dark-turquoise .box_content, * html div.box.dark-turquoise .xbox,
* html div.box.dark-turquoise .xb1, * html div.box.dark-turquoise .xb2, * html div.box.dark-turquoise .xb3, * html div.box.dark-turquoise .xb4 {
  border-color:  #00B359;}
* html div.box.dark-turquoise .xbox,
* html div.box.dark-turquoise .xb1, * html div.box.dark-turquoise .xb2, * html div.box.dark-turquoise .xb3, * html div.box.dark-turquoise .xb4 {
  background: #BAFCDB;}
* html div.box.dark-turquoise p.box_title, * html div.box.dark-turquoise p.box_caption {background: #75F0B3;}
* html div.box.dark-turquoise .box_content {background: #D0FFE8;}

/* nested dark-turquoise */
* html div.box div.box.dark-turquoise .box_content, * html div.box div.box.dark-turquoise .xbox,
* html div.box div.box.dark-turquoise .xb1, * html div.box div.box.dark-turquoise .xb2,
* html div.box div.box.dark-turquoise .xb3, * html div.box div.box.dark-turquoise .xb4 {
  border-color:  #00B359;}
* html div.box div.box.dark-turquoise .xbox,
* html div.box div.box.dark-turquoise .xb1, * html div.box div.box.dark-turquoise .xb2,
* html div.box div.box.dark-turquoise .xb3, * html div.box div.box.dark-turquoise .xb4 {
  background: #BAFCDB;}
* html div.box div.box.dark-turquoise p.box_title, * html div.box div.box.dark-turquoise p.box_caption {background:#75F0B3;}
* html div.box div.box.dark-turquoise .box_content {background: #D0FFE8;}

/* dark-teal */
div.box.dark-teal, div.box.dark-teal > * > .box_content, div.box.dark-teal > .xbox,
div.box.dark-teal > * > .xb1, div.box.dark-teal > * > .xb2, div.box.dark-teal > * > .xb3, div.box.dark-teal > * > .xb4 {
  border-color:  #478585;}
div.box.dark-teal, div.box.dark-teal > .xbox,
div.box.dark-teal > * > .xb1, div.box.dark-teal > * > .xb2, div.box.dark-teal > * > .xb3, div.box.dark-teal > * > .xb4 {
  background: #BFDDDD;}
div.box.dark-teal > * > p.box_title, div.box.dark-teal > * > p.box_caption {background: #9BCACA;}
div.box.dark-teal > * > .box_content {background: #D7EAEA;}
* html div.box.dark-teal .box_content, * html div.box.dark-teal .xbox,
* html div.box.dark-teal .xb1, * html div.box.dark-teal .xb2, * html div.box.dark-teal .xb3, * html div.box.dark-teal .xb4 {
  border-color:  #478585;}
* html div.box.dark-teal .xbox,
* html div.box.dark-teal .xb1, * html div.box.dark-teal .xb2, * html div.box.dark-teal .xb3, * html div.box.dark-teal .xb4 {
  background: #BFDDDD;}
* html div.box.dark-teal p.box_title, * html div.box.dark-teal p.box_caption {background: #9BCACA;}
* html div.box.dark-teal .box_content {background: #D7EAEA;}

/* nested dark-teal */
* html div.box div.box.dark-teal .box_content, * html div.box div.box.dark-teal .xbox,
* html div.box div.box.dark-teal .xb1, * html div.box div.box.dark-teal .xb2,
* html div.box div.box.dark-teal .xb3, * html div.box div.box.dark-teal .xb4 {
  border-color:  #478585;}
* html div.box div.box.dark-teal .xbox,
* html div.box div.box.dark-teal .xb1, * html div.box div.box.dark-teal .xb2,
* html div.box div.box.dark-teal .xb3, * html div.box div.box.dark-teal .xb4 {
  background: #BFDDDD;}
* html div.box div.box.dark-teal p.box_title, * html div.box div.box.dark-teal p.box_caption {background:#9BCACA;}
* html div.box div.box.dark-teal .box_content {background: #D7EAEA;}

/* dark-aqua */
div.box.dark-aqua, div.box.dark-aqua > * > .box_content, div.box.dark-aqua > .xbox,
div.box.dark-aqua > * > .xb1, div.box.dark-aqua > * > .xb2, div.box.dark-aqua > * > .xb3, div.box.dark-aqua > * > .xb4 {
  border-color:  #0059B3;}
div.box.dark-aqua, div.box.dark-aqua > .xbox,
div.box.dark-aqua > * > .xb1, div.box.dark-aqua > * > .xb2, div.box.dark-aqua > * > .xb3, div.box.dark-aqua > * > .xb4 {
  background: #BADBFC;}
div.box.dark-aqua > * > p.box_title, div.box.dark-aqua > * > p.box_caption {background: #75B3F0;}
div.box.dark-aqua > * > .box_content {background: #D0E8FF;}
* html div.box.dark-aqua .box_content, * html div.box.dark-aqua .xbox,
* html div.box.dark-aqua .xb1, * html div.box.dark-aqua .xb2, * html div.box.dark-aqua .xb3, * html div.box.dark-aqua .xb4 {
  border-color:  #0059B3;}
* html div.box.dark-aqua .xbox,
* html div.box.dark-aqua .xb1, * html div.box.dark-aqua .xb2, * html div.box.dark-aqua .xb3, * html div.box.dark-aqua .xb4 {
  background: #BADBFC;}
* html div.box.dark-aqua p.box_title, * html div.box.dark-aqua p.box_caption {background: #75B3F0;}
* html div.box.dark-aqua .box_content {background: #D0E8FF;}

/* nested dark-aqua */
* html div.box div.box.dark-aqua .box_content, * html div.box div.box.dark-aqua .xbox,
* html div.box div.box.dark-aqua .xb1, * html div.box div.box.dark-aqua .xb2,
* html div.box div.box.dark-aqua .xb3, * html div.box div.box.dark-aqua .xb4 {
  border-color:  #0059B3;}
* html div.box div.box.dark-aqua .xbox,
* html div.box div.box.dark-aqua .xb1, * html div.box div.box.dark-aqua .xb2,
* html div.box div.box.dark-aqua .xb3, * html div.box div.box.dark-aqua .xb4 {
  background: #BADBFC;}
* html div.box div.box.dark-aqua p.box_title, * html div.box div.box.dark-aqua p.box_caption {background:#75B3F0;}
* html div.box div.box.dark-aqua .box_content {background: #D0E8FF;}

/* dark-blue */
div.box.dark-blue, div.box.dark-blue > * > .box_content, div.box.dark-blue > .xbox, 
div.box.dark-blue > * > .xb1, div.box.dark-blue > * > .xb2, div.box.dark-blue > * > .xb3, div.box.dark-blue > * > .xb4 {
  border-color: #0000B3;}
div.box.dark-blue, div.box.dark-blue > .xbox, 
div.box.dark-blue > * > .xb1, div.box.dark-blue > * > .xb2, div.box.dark-blue > * > .xb3, div.box.dark-blue > * > .xb4 {
  background: #BABAFC;}
div.box.dark-blue > * > p.box_title, div.box.dark-blue > * > p.box_caption {background: #7575F0;}
div.box.dark-blue > * > .box_content {background: #D0D0FF;}
* html div.box.dark-blue .box_content, * html div.box.dark-blue .xbox, 
* html div.box.dark-blue .xb1, * html div.box.dark-blue .xb2, * html div.box.dark-blue .xb3, * html div.box.dark-blue .xb4 {
  border-color:  #0000B3;}
* html div.box.dark-blue .xbox, 
* html div.box.dark-blue .xb1, * html div.box.dark-blue .xb2, * html div.box.dark-blue .xb3, * html div.box.dark-blue .xb4 {
  background: #BABAFC;}
* html div.box.dark-blue p.box_title, * html div.box.dark-blue p.box_caption {background: #7575F0;}
* html div.box.dark-blue .box_content {background: #D0D0FF;}

/* nested dark-blue */
* html div.box div.box.dark-blue .box_content, * html div.box div.box.dark-blue .xbox, 
* html div.box div.box.dark-blue .xb1, * html div.box div.box.dark-blue .xb2, 
* html div.box div.box.dark-blue .xb3, * html div.box div.box.dark-blue .xb4 {
  border-color:  #0000B3;}
* html div.box div.box.dark-blue .xbox, 
* html div.box div.box.dark-blue .xb1, * html div.box div.box.dark-blue .xb2, 
* html div.box div.box.dark-blue .xb3, * html div.box div.box.dark-blue .xb4 {
  background: #BABAFC;}
* html div.box div.box.dark-blue p.box_title, 
* html div.box div.box.dark-blue p.box_caption {background: #7575F0;}
* html div.box div.box.dark-blue .box_content {background: #D0D0FF;}

/* dark-indigo */
div.box.dark-indigo, div.box.dark-indigo > * > .box_content, div.box.dark-indigo > .xbox,
div.box.dark-indigo > * > .xb1, div.box.dark-indigo > * > .xb2, div.box.dark-indigo > * > .xb3, div.box.dark-indigo > * > .xb4 {
  border-color:  #5900B3;}
div.box.dark-indigo, div.box.dark-indigo > .xbox,
div.box.dark-indigo > * > .xb1, div.box.dark-indigo > * > .xb2, div.box.dark-indigo > * > .xb3, div.box.dark-indigo > * > .xb4 {
  background: #DBBAFC;}
div.box.dark-indigo > * > p.box_title, div.box.dark-indigo > * > p.box_caption {background: #B375F0;}
div.box.dark-indigo > * > .box_content {background: #E8D0FF;}
* html div.box.dark-indigo .box_content, * html div.box.dark-indigo .xbox,
* html div.box.dark-indigo .xb1, * html div.box.dark-indigo .xb2, * html div.box.dark-indigo .xb3, * html div.box.dark-indigo .xb4 {
  border-color:  #5900B3;}
* html div.box.dark-indigo .xbox,
* html div.box.dark-indigo .xb1, * html div.box.dark-indigo .xb2, * html div.box.dark-indigo .xb3, * html div.box.dark-indigo .xb4 {
  background: #DBBAFC;}
* html div.box.dark-indigo p.box_title, * html div.box.dark-indigo p.box_caption {background: #B375F0;}
* html div.box.dark-indigo .box_content {background: #E8D0FF;}

/* nested dark-indigo */
* html div.box div.box.dark-indigo .box_content, * html div.box div.box.dark-indigo .xbox,
* html div.box div.box.dark-indigo .xb1, * html div.box div.box.dark-indigo .xb2,
* html div.box div.box.dark-indigo .xb3, * html div.box div.box.dark-indigo .xb4 {
  border-color:  #5900B3;}
* html div.box div.box.dark-indigo .xbox,
* html div.box div.box.dark-indigo .xb1, * html div.box div.box.dark-indigo .xb2,
* html div.box div.box.dark-indigo .xb3, * html div.box div.box.dark-indigo .xb4 {
  background: #DBBAFC;}
* html div.box div.box.dark-indigo p.box_title, * html div.box div.box.dark-indigo p.box_caption {background:#B375F0;}
* html div.box div.box.dark-indigo .box_content {background: #E8D0FF;}

/* dark-purple */
div.box.dark-purple, div.box.dark-purple > * > .box_content, div.box.dark-purple > .xbox,
div.box.dark-purple > * > .xb1, div.box.dark-purple > * > .xb2, div.box.dark-purple > * > .xb3, div.box.dark-purple > * > .xb4 {
  border-color:  #B300B3;}
div.box.dark-purple, div.box.dark-purple > .xbox,
div.box.dark-purple > * > .xb1, div.box.dark-purple > * > .xb2, div.box.dark-purple > * > .xb3, div.box.dark-purple > * > .xb4 {
  background: #FCBAFC;}
div.box.dark-purple > * > p.box_title, div.box.dark-purple > * > p.box_caption {background: #F075F0;}
div.box.dark-purple > * > .box_content {background: #FFD0FF;}
* html div.box.dark-purple .box_content, * html div.box.dark-purple .xbox,
* html div.box.dark-purple .xb1, * html div.box.dark-purple .xb2, * html div.box.dark-purple .xb3, * html div.box.dark-purple .xb4 {
  border-color:  #B300B3;}
* html div.box.dark-purple .xbox,
* html div.box.dark-purple .xb1, * html div.box.dark-purple .xb2, * html div.box.dark-purple .xb3, * html div.box.dark-purple .xb4 {
  background: #FCBAFC;}
* html div.box.dark-purple p.box_title, * html div.box.dark-purple p.box_caption {background: #F075F0;}
* html div.box.dark-purple .box_content {background: #FFD0FF;}

/* nested dark-purple */
* html div.box div.box.dark-purple .box_content, * html div.box div.box.dark-purple .xbox,
* html div.box div.box.dark-purple .xb1, * html div.box div.box.dark-purple .xb2,
* html div.box div.box.dark-purple .xb3, * html div.box div.box.dark-purple .xb4 {
  border-color:  #B300B3;}
* html div.box div.box.dark-purple .xbox,
* html div.box div.box.dark-purple .xb1, * html div.box div.box.dark-purple .xb2,
* html div.box div.box.dark-purple .xb3, * html div.box div.box.dark-purple .xb4 {
  background: #FCBAFC;}
* html div.box div.box.dark-purple p.box_title, * html div.box div.box.dark-purple p.box_caption {background:#F075F0;}
* html div.box div.box.dark-purple .box_content {background: #FFD0FF;}

/* dark-pink */
div.box.dark-pink, div.box.dark-pink > * > .box_content, div.box.dark-pink > .xbox,
div.box.dark-pink > * > .xb1, div.box.dark-pink > * > .xb2, div.box.dark-pink > * > .xb3, div.box.dark-pink > * > .xb4 {
  border-color:  #CC0042;}
div.box.dark-pink, div.box.dark-pink > .xbox,
div.box.dark-pink > * > .xb1, div.box.dark-pink > * > .xb2, div.box.dark-pink > * > .xb3, div.box.dark-pink > * > .xb4 {
  background: #FCBACF;}
div.box.dark-pink > * > p.box_title, div.box.dark-pink > * > p.box_caption {background: #F0759D;}
div.box.dark-pink > * > .box_content {background: #FFD0DF;}
* html div.box.dark-pink .box_content, * html div.box.dark-pink .xbox,
* html div.box.dark-pink .xb1, * html div.box.dark-pink .xb2, * html div.box.dark-pink .xb3, * html div.box.dark-pink .xb4 {
  border-color:  #CC0042;}
* html div.box.dark-pink .xbox,
* html div.box.dark-pink .xb1, * html div.box.dark-pink .xb2, * html div.box.dark-pink .xb3, * html div.box.dark-pink .xb4 {
  background: #FCBACF;}
* html div.box.dark-pink p.box_title, * html div.box.dark-pink p.box_caption {background: #F0759D;}
* html div.box.dark-pink .box_content {background: #FFD0DF;}

/* nested dark-pink */
* html div.box div.box.dark-pink .box_content, * html div.box div.box.dark-pink .xbox,
* html div.box div.box.dark-pink .xb1, * html div.box div.box.dark-pink .xb2,
* html div.box div.box.dark-pink .xb3, * html div.box div.box.dark-pink .xb4 {
  border-color:  #CC0042;}
* html div.box div.box.dark-pink .xbox,
* html div.box div.box.dark-pink .xb1, * html div.box div.box.dark-pink .xb2,
* html div.box div.box.dark-pink .xb3, * html div.box div.box.dark-pink .xb4 {
  background: #FCBACF;}
* html div.box div.box.dark-pink p.box_title, * html div.box div.box.dark-pink p.box_caption {background:#F0759D;}
* html div.box div.box.dark-pink .box_content {background: #FFD0DF;}

/* dark-tan */
div.box.dark-tan, div.box.dark-tan > * > .box_content, div.box.dark-tan > .xbox,
div.box.dark-tan > * > .xb1, div.box.dark-tan > * > .xb2, div.box.dark-tan > * > .xb3, div.box.dark-tan > * > .xb4 {
  border-color:  #995433;}
div.box.dark-tan, div.box.dark-tan > .xbox,
div.box.dark-tan > * > .xb1, div.box.dark-tan > * > .xb2, div.box.dark-tan > * > .xb3, div.box.dark-tan > * > .xb4 {
  background: #EDD5C9;}
div.box.dark-tan > * > p.box_title, div.box.dark-tan > * > p.box_caption {background: #D9B38C;}
div.box.dark-tan > * > .box_content {background: #F3E3DC;}
* html div.box.dark-tan .box_content, * html div.box.dark-tan .xbox,
* html div.box.dark-tan .xb1, * html div.box.dark-tan .xb2, * html div.box.dark-tan .xb3, * html div.box.dark-tan .xb4 {
  border-color:  #995433;}
* html div.box.dark-tan .xbox,
* html div.box.dark-tan .xb1, * html div.box.dark-tan .xb2, * html div.box.dark-tan .xb3, * html div.box.dark-tan .xb4 {
  background: #EDD5C9;}
* html div.box.dark-tan p.box_title, * html div.box.dark-tan p.box_caption {background: #D9B38C;}
* html div.box.dark-tan .box_content {background: #F3E3DC;}

/* nested dark-tan */
* html div.box div.box.dark-tan .box_content, * html div.box div.box.dark-tan .xbox,
* html div.box div.box.dark-tan .xb1, * html div.box div.box.dark-tan .xb2,
* html div.box div.box.dark-tan .xb3, * html div.box div.box.dark-tan .xb4 {
  border-color:  #995433;}
* html div.box div.box.dark-tan .xbox,
* html div.box div.box.dark-tan .xb1, * html div.box div.box.dark-tan .xb2,
* html div.box div.box.dark-tan .xb3, * html div.box div.box.dark-tan .xb4 {
  background: #EDD5C9;}
* html div.box div.box.dark-tan p.box_title, * html div.box div.box.dark-tan p.box_caption {background:#D9B38C;}
* html div.box div.box.dark-tan .box_content {background: #F3E3DC;}

/* dark-gray */
div.box.dark-gray, div.box.dark-gray > * > .box_content, div.box.dark-gray > .xbox,
div.box.dark-gray > * > .xb1, div.box.dark-gray > * > .xb2, div.box.dark-gray > * > .xb3, div.box.dark-gray > * > .xb4 {
  border-color:  #4D4D4D;}
div.box.dark-gray, div.box.dark-gray > .xbox,
div.box.dark-gray > * > .xb1, div.box.dark-gray > * > .xb2, div.box.dark-gray > * > .xb3, div.box.dark-gray > * > .xb4 {
  background: #DBDBDB;}
div.box.dark-gray > * > p.box_title, div.box.dark-gray > * > p.box_caption {background: #B3B3B3;}
div.box.dark-gray > * > .box_content {background: #E8E8E8;}
* html div.box.dark-gray .box_content, * html div.box.dark-gray .xbox,
* html div.box.dark-gray .xb1, * html div.box.dark-gray .xb2, * html div.box.dark-gray .xb3, * html div.box.dark-gray .xb4 {
  border-color:  #4D4D4D;}
* html div.box.dark-gray .xbox,
* html div.box.dark-gray .xb1, * html div.box.dark-gray .xb2, * html div.box.dark-gray .xb3, * html div.box.dark-gray .xb4 {
  background: #DBDBDB;}
* html div.box.dark-gray p.box_title, * html div.box.dark-gray p.box_caption {background: #B3B3B3;}
* html div.box.dark-gray .box_content {background: #E8E8E8;}

/* nested dark-gray */
* html div.box div.box.dark-gray .box_content, * html div.box div.box.dark-gray .xbox,
* html div.box div.box.dark-gray .xb1, * html div.box div.box.dark-gray .xb2,
* html div.box div.box.dark-gray .xb3, * html div.box div.box.dark-gray .xb4 {
  border-color:  #4D4D4D;}
* html div.box div.box.dark-gray .xbox,
* html div.box div.box.dark-gray .xb1, * html div.box div.box.dark-gray .xb2,
* html div.box div.box.dark-gray .xb3, * html div.box div.box.dark-gray .xb4 {
  background: #DBDBDB;}
* html div.box div.box.dark-gray p.box_title, * html div.box div.box.dark-gray p.box_caption {background:#B3B3B3;}
* html div.box div.box.dark-gray .box_content {background: #E8E8E8;}

/* dark-olive */
div.box.dark-olive, div.box.dark-olive > * > .box_content, div.box.dark-olive > .xbox,
div.box.dark-olive > * > .xb1, div.box.dark-olive > * > .xb2, div.box.dark-olive > * > .xb3, div.box.dark-olive > * > .xb4 {
  border-color:  #6D7326;}
div.box.dark-olive, div.box.dark-olive > .xbox,
div.box.dark-olive > * > .xb1, div.box.dark-olive > * > .xb2, div.box.dark-olive > * > .xb3, div.box.dark-olive > * > .xb4 {
  background: #DBDDBF;}
div.box.dark-olive > * > p.box_title, div.box.dark-olive > * > p.box_caption {background: #C7CA9B;}
div.box.dark-olive > * > .box_content {background: #E9EAD7;}
* html div.box.dark-olive .box_content, * html div.box.dark-olive .xbox,
* html div.box.dark-olive .xb1, * html div.box.dark-olive .xb2, * html div.box.dark-olive .xb3, * html div.box.dark-olive .xb4 {
  border-color:  #6D7326;}
* html div.box.dark-olive .xbox,
* html div.box.dark-olive .xb1, * html div.box.dark-olive .xb2, * html div.box.dark-olive .xb3, * html div.box.dark-olive .xb4 {
  background: #DBDDBF;}
* html div.box.dark-olive p.box_title, * html div.box.dark-olive p.box_caption {background: #C7CA9B;}
* html div.box.dark-olive .box_content {background: #E9EAD7;}

/* nested dark-olive */
* html div.box div.box.dark-olive .box_content, * html div.box div.box.dark-olive .xbox,
* html div.box div.box.dark-olive .xb1, * html div.box div.box.dark-olive .xb2,
* html div.box div.box.dark-olive .xb3, * html div.box div.box.dark-olive .xb4 {
  border-color:  #6D7326;}
* html div.box div.box.dark-olive .xbox,
* html div.box div.box.dark-olive .xb1, * html div.box div.box.dark-olive .xb2,
* html div.box div.box.dark-olive .xb3, * html div.box div.box.dark-olive .xb4 {
  background: #DBDDBF;}
* html div.box div.box.dark-olive p.box_title, * html div.box div.box.dark-olive p.box_caption {background:#C7CA9B;}
* html div.box div.box.dark-olive .box_content {background: #E9EAD7;}

/* end plugin:box */
.dokuwiki #plugin__captcha_wrapper img {
    margin: 1px;
    vertical-align: bottom;
    border: 1px solid #126;
}
div.dokuwiki div#cloud { margin-bottom: .5em; }

div.dokuwiki div#cloud a { padding: .5em; }

/* pkc: Original values
div.dokuwiki div#cloud a.cloud1 { font-size: 10px; color: #D3E0F5; }
div.dokuwiki div#cloud a.cloud2 { font-size: 12px; color: #AEC4E5; }
div.dokuwiki div#cloud a.cloud3 { font-size: 14px; color: #88A9DB; }
div.dokuwiki div#cloud a.cloud4 { font-size: 16px; color: #4A7AC2; }
div.dokuwiki div#cloud a.cloud5 { font-size: 18px; color: #003F9E; }

div.dokuwiki div#cloud a.cloud1_tag1 { font-size: 10px; color: #CEF0D0; }
div.dokuwiki div#cloud a.cloud2_tag1 { font-size: 12px; color: #AEE5B1; }
div.dokuwiki div#cloud a.cloud3_tag1 { font-size: 14px; color: #88DB8C; }
div.dokuwiki div#cloud a.cloud4_tag1 { font-size: 16px; color: #4AC250; }
div.dokuwiki div#cloud a.cloud5_tag1 { font-size: 18px; color: #009E08; }

div.dokuwiki div#cloud a.cloud1_tag2 { font-size: 10px; color: #F0CED7; }
div.dokuwiki div#cloud a.cloud2_tag2 { font-size: 12px; color: #E5AEBC; }
div.dokuwiki div#cloud a.cloud3_tag2 { font-size: 14px; color: #DB889D; }
div.dokuwiki div#cloud a.cloud4_tag2 { font-size: 16px; color: #C24A68; }
div.dokuwiki div#cloud a.cloud5_tag2 { font-size: 18px; color: #9E0028; }
*/

/* pkc: New values */
div.dokuwiki div#cloud a.cloud1 { font-size: 10px; color: #007; }
div.dokuwiki div#cloud a.cloud2 { font-size: 11px; color: #066; }
div.dokuwiki div#cloud a.cloud3 { font-size: 13px; color: #060; }
div.dokuwiki div#cloud a.cloud4 { font-size: 15px; color: #862; }
div.dokuwiki div#cloud a.cloud5 { font-size: 16px; color: #800; }

div.dokuwiki div#cloud a.cloud1_tag1 { font-size: 10px; color: #118; }
div.dokuwiki div#cloud a.cloud2_tag1 { font-size: 11px; color: #166; }
div.dokuwiki div#cloud a.cloud3_tag1 { font-size: 13px; color: #161; }
div.dokuwiki div#cloud a.cloud4_tag1 { font-size: 15px; color: #861; }
div.dokuwiki div#cloud a.cloud5_tag1 { font-size: 16px; color: #811; }

div.dokuwiki div#cloud a.cloud1_tag2
	{ font-size: 10px; color: #118; text-decoration: underline; }
div.dokuwiki div#cloud a.cloud2_tag2 
	{ font-size: 11px; color: #166; text-decoration: underline; }
div.dokuwiki div#cloud a.cloud3_tag2
	{ font-size: 13px; color: #161; text-decoration: underline; }
div.dokuwiki div#cloud a.cloud4_tag2 
	{ font-size: 15px; color: #861; text-decoration: underline; }
div.dokuwiki div#cloud a.cloud5_tag2
	{ font-size: 16px; color: #811; text-decoration: underline; }

div.dokuwiki div#cloud a:hover { color: #0A0; }
div.dokuwiki table.columns-plugin {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0;
}

div.dokuwiki table.columns-plugin td {
    vertical-align: top;
    padding: 0 0.5em 0 0.5em;
}

div.dokuwiki table.columns-plugin td.first {
    padding-left: 0;
}

div.dokuwiki table.columns-plugin td.last {
    padding-right: 0;
}

div.dokuwiki table.columns-plugin td.left {
    text-align: left;
}

div.dokuwiki table.columns-plugin td.center {
    text-align: center;
}

div.dokuwiki table.columns-plugin td.right {
    text-align: right;
}

div.dokuwiki table.columns-plugin td.center table {
    margin-left: auto;
    margin-right: auto;
}

div.dokuwiki table.columns-plugin td.right table {
    margin-left: auto;
    margin-right: 0;
}
/* plugin:configmanager */
#config__manager div.success,
#config__manager div.error,
#config__manager div.info {
  background-position: 0.5em;
  padding: 0.5em;
  text-align:center;
}

#config__manager fieldset {
  margin: 1em;
  width: auto;
  margin-bottom: 2em;
  background-color: #B7D7FF;
  color: #000;
  padding: 0 1em;
}
#config__manager legend {
    font-size: 1.25em;
}

#config__manager form { }
#config__manager table {
    margin: 1em 0;
    width: 100%;
}

#config__manager fieldset td {
    text-align: left;
}
#config__manager fieldset td.value {
    /* fixed data column width */
    width: 30em;
}

#config__manager td.label {
    padding: 0.8em 0 0.6em 1em;
    vertical-align: top;
}

#config__manager td.label label {
    clear: both;
    display: block;
}

#config__manager td.label span.outkey {
    font-size: 70%;
    margin-top: -1.7em;
    margin-left: -1em;
    display: block;
    background-color: #FFF;
    color: #666;
    float: left;
    padding: 0 0.1em;
    position: relative;
    z-index: 1;
}

#config__manager td input.edit {
    width: 30em;
}
#config__manager td select.edit { }
#config__manager td textarea.edit {
    width: 27.5em;
    height: 4em;
}

#config__manager tr .input,
#config__manager tr input,
#config__manager tr textarea,
#config__manager tr select {
  background-color: #fff;
  color: #000;
}

#config__manager tr.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select,
#config__manager .selectiondefault {
  background-color: #ccddff;
  color: #000;
}

#config__manager tr.protected .input,
#config__manager tr.protected input,
#config__manager tr.protected textarea,
#config__manager tr.protected select,
#config__manager tr.protected .selection {
  background-color: #ffcccc!important;
  color: #000 !important;
}

#config__manager td.error  { background-color: red; color: #000;}

#config__manager .selection {
  width: 14.8em;
  float: left;
  margin: 0 0.3em 2px 0;
}

#config__manager .selection label {
  float: right;
  width: 14em;
  font-size: 90%;
}


/* IE6 correction */
* html #config__manager .selection label {
  padding-top: 2px;
}

#config__manager .selection input.checkbox {
  padding-left: 0.7em;
}

#config__manager .other {
  clear: both;
  padding-top: 0.5em;
}

#config__manager .other label {
  padding-left: 2px;
  font-size: 90%;
}

/* end plugin:configmanager */
div.dokuwiki div.comment_wrapper {
  background-color: #B7D7FF;
  margin: 1em; 
  padding: 0.5em 1em 1.5em 0;
  clear: both;
}

div.dokuwiki div.comment_text {
  padding-top: 0.5em
}

div.dokuwiki div#discussion__comment_preview {
  padding: 1em;
  margin-top: 1em;
  visibility: hidden;
}

div.dokuwiki div.comment_preview {
  padding: 1em;
  border: 1px dashed #126;
}

div.dokuwiki div.comment_form {
  margin-top: 2em;
  margin-right: 1em;
  clear: both;
}

div.dokuwiki div.comment_form .error {
  background: #fcc;
}

div.dokuwiki #discussion__comment_form label input.edit {
  width: 75%;
}

div.dokuwiki .comment_head {
  font-size: 80%;
  color: #666;
  padding-top: 0.5em;
  margin-top: 1em;
  clear: both;
}

div.dokuwiki .comment_head abbr {
  border-bottom: 0;
}

div.dokuwiki .comment_head span.author {
  background: transparent url(/embedded-systems/lib/plugins/discussion/images/user.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki .comment_head abbr.published {
  background: transparent url(/embedded-systems/lib/plugins/discussion/images/date.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki .comment_body {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px dotted #126;
}

div.dokuwiki div.comment_replies {
}

div.dokuwiki div.comment_subscribe {
  float: left;
  display: inline;
  padding: 0.6em;
}

div.dokuwiki div.comment_subscribe input {
  float: left;
  display: inline;
}

div.dokuwiki div.comment_subscribe label {
  float: left;
  padding-left: 0.8em;
}

div.dokuwiki input.comment_submit {
  float: left;
  display: inline;
}

div.dokuwiki div.comment_hidden {
  opacity: 0.5;
}

div.dokuwiki div.comment_buttons {
  float: right;
  font-size: 10px;
  cursor: pointer;
  margin-top: -21px;
  padding-bottom: 1em;
}

div.dokuwiki div.comment_buttons input.button {
  border: 1px solid #126;
  color: #000;
  background-color: #FFF;
  vertical-align: middle;
  text-decoration: none;
  padding: 0;
  margin: 0 0 0 0.5em;
}

div.dokuwiki div.newthread_form {
  clear: both;
  text-align: center;
  margin-bottom: 1em;
}

div.dokuwiki #discussion__newthread_form input.edit {
  width: 95%;
}

div.dokuwiki ul.admin_discussion li.hidden {
  display: list-item;
  opacity: 0.5;
}

div.dokuwiki ul.admin_discussion span.abstract {
  color: #666;
}

div.dokuwiki table.pagelist tr.discussion_status2 a {
  color: #666 !important;
}
/* plugin:divalign */

div.divalign-left {text-align: left;}
div.divalign-right {text-align: right;}
div.divalign-center {text-align: center;}
div.divalign-justify {text-align: justify;}

/* end plugin:divalign */
/**
 * @file   divalign2/style.css
 * @brief  Base stylesheet for divalign2 plugin
 * @author Luis Machuca B.
 */


div.divalign-left {
  text-align: left;
  }

div.divalign-center {
  text-align: center;
  }

div.divalign-right {
  text-align: right;
  }

div.divalign-justify {
  text-align: justify;
  }

/* end of file */
div.dokuwiki a.feed {
  background: transparent url(/embedded-systems/lib/plugins/feed/images/rss_icon.png) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
/* pkc: I edited most of these styles */

.folder {
    padding-left: 2px;
    padding-right: 9px;
    background: url(/embedded-systems/lib/plugins/folded/closed.gif) no-repeat right center;
}

.p_folded .folder:after
{
content: " (more)";
font-size: 80%;
} 

.folder.open {
background: url(/embedded-systems/lib/plugins/folded/open.gif) no-repeat right center;
font-weight: bolder;
}

.p_folded .folder.open:after
{
content: " (less)";
font-size: 80%;
} 

div.folded {
    padding: 0.5em;
    border: 1px dotted #DDE4F4;
}

span.folded {
/*    border: 1px dotted #DDE4F4; */
}

/* pkc: for both div and span we place a closing mark after the folded content */
/* This is particularly useful on the printed page where all the text is the same color */
.folded:after {
	content: ""; /* needed to display the background image */
    padding-right: 9px;
    background: url(/embedded-systems/lib/plugins/folded/end.gif) no-repeat right center;
}


span.indicator {
    visibility: hidden;
}

/* below style rules are created by javascript
.folded.hidden { display: none; }
.folder span.indicator { visibility: visible; }
*/

/* The following styles are placed in the print_custom.css of the mosaic template to
   enable opening the folded content for printing.  They modify the folded plugin to
   show all folded content.  These definitions countermand js instructions.  */
/* 	div.dokuwiki div.folded.hidden       { display: block      !important; }
	div.dokuwiki span.folded.hidden      { display: inline     !important; }
	div.dokuwiki .folder span.indicator  { visibility: visible !important; }
	div.dokuwiki .p_folded .folder:after { content: " (less)"  !important; }
	div.dokuwiki a.folder                { font-weight: bolder !important; }
 */


/* 
 * CSS for the Glossary Plugin
 * Highlights glossary terms on pages and onclick pops up their definitions
 *
 * @license    GPL 2 (http://www.gnu.org/licenses/gpl.html)
 * @author     Paul Cliford <paul@mosaic-industries.com>
 * @author     Ben Morse    <ben@mosaic-industries.com>
 *
 * For standardization as a plugin the following should use the predefined colors:
 *   #B7D7FF , #0D2264 and #126
 *   
     

This file must be encoded in ANSI or UTF-8 w/o BOM.  If it contains the BOM (byte oder mark) 
it can't be parsed correctly. 

The structure of the insitu glossary definition:
<span class="glossary" onclick="PositionInsitudef(this)>$term</span>
<span class='glossary_popup'>
 <span class='insitudef'>
   <span class='insitudef_buttons'>
     <a href='$link' target='_blank'>More…</a>
     <a onclick="this.parentNode.parentNode.parentNode.style.display='none'>Close</a>
   </span>
  <span class='def'>$definition</span>
 </span>
</span>
*/

/* For delimited phrases found on a page but not found in a glossary */
div.dokuwiki span.notglossary {
  font-family: monospace, courier;
  color: #003826 ;
  white-space: pre-wrap;
}

div.dokuwiki span.glossary {
  cursor: help;
  border-bottom: 1px dotted #0D2264;
  font-family: monospace, courier;
  color: #0D2264;
}
div.dokuwiki table span.glossary {
  border: none; /* don't show dotted underline if the phrase is within a table */
}
div.dokuwiki span.glossary_popup {
  position:absolute; /* facilitates positioning of descendants, must be absolute to prevent linebreak when made visible */
  display: none;
  width: 100%; /* necessary */
}
div.dokuwiki span.insitudef {
  position: absolute;
  font-size: 86%;
  line-height: 1.25em;
  width:auto; max-width: 65%; min-width: 8em;
  z-index:102;
  display:block;
}
div.dokuwiki table.inline span.insitudef { font-size:100%;}

div.dokuwiki span.insitudef_buttons {
  display:block;
  cursor: pointer;
  position: absolute; top: -1.25em; right: 0;
  z-index:101;
  padding: 0 4px 0 4px; 
  border: solid #126;
  border-width: 1px 2px 0px 1px;
  background-color: #FAFDFC; /* Or use the guaranteed #B7D7FF */
  color: #139; text-decoration:none;
}
div.dokuwiki span.insitudef span.def {
  display:block;
  color: #023;
  cursor: text;
  padding: 4px;
  overflow: auto;
  min-width: 8em;
  max-height: 14em;
  border: solid #126;
  border-width: 1px 2px 2px 1px;
  background: #FAFDFC url("/embedded-systems/lib/plugins/glossary/images/definition_shading.gif") repeat-x bottom;
/* Or, more simply:
  background-color: #B7D7FF ; 
*/
}
div.dokuwiki span.insitudef span.def p:first-child {margin-top:0;}
div.dokuwiki span.insitudef_buttons a:hover {text-decoration:none;}

/* Depending on your template you may or may not need the following positioning
   of the levels.  Positioning these facilitates the absolute placement of
   descendent elements, including the definition popup box.  Without these, the width
   of your definition boxes may be too great.  */

div.dokuwiki div.page  { position:relative; }

div.dokuwiki div.include div.secedit {
  float: right;
  margin-left: 1em;
  margin-top: -18px;
}

div.dokuwiki div.inclmeta {
  border-top: 1px dotted #126;
  padding-top: 0.2em;
  color: #666;
  font-size: 80%;
  line-height: 1.25;
  margin-top: 0.5em;
  margin-bottom: 2em;
}

div.dokuwiki div.inclmeta a.permalink {
  background: transparent url(/embedded-systems/lib/plugins/include/images/link.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki div.inclmeta abbr.published {
  background: transparent url(/embedded-systems/lib/plugins/include/images/date.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
  border-bottom: 0;
}

div.dokuwiki div.inclmeta span.author {
  background: transparent url(/embedded-systems/lib/plugins/include/images/user.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki div.inclmeta span.comment {
  background: transparent url(/embedded-systems/lib/plugins/include/images/comment.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki div.inclmeta div.tags {
  border-top: 0;
  font-size: 100%;
  float: right;
  clear: none;
}/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landro               |
|--------------------------------------------------*/
/*
 a.nodeFdUrl     Namespace with url link (headpage)              js
 a.node          Namespace without url link                      js
 a.nodeUrl          Page                                            js
 a.nodeSel          Last visited page                               js
 a.navSel           Current page                                    js
 a.indexmenu_idx_head   link style of a namespace with url (headpage)  nojs
 a.indexmenu_idx  link style of a namespace without url             nojs
 */ 

/* dtree properties. No need to change*/
/* pkc: set font size */
.dtree {
  font-family: Verdana, Geneva, Lucida, "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
  font-size: 11.5px;
  white-space: nowrap;
  line-height: normal;
}

.dtree img {
  border: 0px;
  vertical-align: top;
}

/*Properties that can be edited*/

/*Link properties*/
.dtree a {
  color: #139;
  text-decoration: none;
}

/*Link properties*/
.dtree a.node, .dtree a.nodeSel a.navSel {
  white-space: nowrap;
  padding: 1px 2px 1px 2px;
}
/* Last visited page highlighting*/
.dtree a.nodeSel {
  background-color:  #B7D7FF;
}
/* Current page highlighting*/
.dtree a.navSel {
  background-color: #BDF;
}

.dtree .emptynode {
  background: transparent url(/embedded-systems/lib/plugins/indexmenu/images/empty.gif) no-repeat scroll;
  display: inline;
  color: #139;
  text-decoration: none;
  padding: 1px 8px;
  width: 16px;
  height: 16px;
  vertical-align: top;
  /* needed by ie7 */
  zoom: 1;
}

/*
.dtree .clip {
}
*/

.dtree .clip a {
  color: #128; /* Dark Blue */
}
.dtree .clip .clip a {
  color: #166; /* Dark Teal */
}
.dtree .clip .clip .clip {
  /* background-color:  white; */
}
.dtree .clip .clip .clip a {
  color: #373; /* Dark Green */
}
.dtree .clip .clip .clip .clip a {
  color: #463; /* Dark Olive */
}
.dtree .clip .clip .clip .clip .clip a {
  color: #346; /* Slate */
}
.dtree .clip .clip .clip .clip .clip .clip a {
  color: #643; /* Brown */
}
.dtree .clip .clip .clip .clip .clip .clip .clip a {
  color: #535; /* Dark Purple */
}
.dtree .clip .clip .clip .clip .clip .clip .clip .clip a {
  color: #328; /* Dark Indigo */
}
.dtree .clip .clip .clip .clip .clip .clip .clip .clip .clip a {
  color: #238; /* Dark Blue */
}

/*Namespace without page link in nojs mode. !important has to be used*/
div.li a.indexmenu_idx {
  color: #B21 !important;
  text-decoration: none !important;
}

/*Namespace with page link (headpage) in nojs mode. !important has to be used/*
/*
div.li a.indexmenu_idx_head {

}
*/

/*Style for admin panel interface*/
div.dokuwiki div.indexmenu_list_themes { 
  clear: both;
  border-top: 2px solid #126;
  padding-left: 1em;
}

/*Mouseover property*/
.dtree a.nodeFdUrl:hover, .dtree a.nodeSel:hover, a.navSel:hover, .dtree a.nodeUrl:hover {
  color: #008;
  text-decoration: underline;
  background-color:  #B7D7FF;
}
/*Mouseover property*/
.dtree a.node:hover {
 color: #008;
  text-decoration: none;
}

/*tocbullet property*/
.dtree .indexmenu_tocbullet {
}

/* If we want an image for the tocbullet instead of the (toc) lettering we would style it like this: */
/*
.dtree .indexmenu_tocbullet {
 position:absolute;
 width: 12em;
 height: 11px;
   background: transparent url(/embedded-systems/lib/plugins/indexmenu/images/toc_bullet.gif) no-repeat scroll;
 vertical-align: middle;
 cursor: pointer;
}
*/

.dtree .indexmenu_tocbullet:hover {
 text-decoration: underline;
 color: #086;
}

.dtree .indexmenu_tocbullet:after {
 color: #139 !important;
 cursor: pointer;
 margin-left: 5px;
 content: "(toc)  ";
}

/* This style applies to ie6/7 (the .ie_tocfix span is not shown to ff) */
.dtree .indexmenu_tocbullet .ie_tocfix {
 color: #139 !important;
 cursor: pointer;
 margin-left: 5px;
}

/* This style applies only to ie7 */
.dtree .indexmenu_tocbullet span.ie_tocfix:hover {
 text-decoration: underline;
 color: #086;
}

/*scrolling arrow property*/
.dtree .indexmenu_larrow {
  position:absolute;
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
  background:transparent url(/embedded-systems/lib/plugins/indexmenu/images/lsarrow.gif) repeat-y scroll;
  padding-left:11px;
  z-index:100;
}

/*toc property*/
.indexmenu_toc {
  font-family: Verdana, Geneva, Lucida, "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
  font-size: 70%;
  line-height: 100%;
  white-space: normal;
  overflow: hidden;
  width: auto !important;
  max-width: 700px !important;
  min-width: 150px !important;
  z-index:100 !important;
  word-wrap: break-word;
}

.indexmenu_toc .indexmenu_toc_inside {
  border: solid #126;
  border-width: 1px 2px 2px 1px;
  background-color: #FFF;
  text-align: left;
  line-height: 1.1em !important;
  padding: 0.2em .2em 0.2em 0.2em !important;
}

/****************************************************************/
div.dokuwiki #toc__inside {
  border: 1px solid #126;
  border-right: 2px solid #126;
  border-bottom: 2px solid #126;
  background-color: #FFF;
  text-align: left;
  padding: 0 0.2em 0.2em 0em;
}

.indexmenu_toc ul.toc {
  /* font-size: 100%; */
  list-style-type: none;
  list-style-image: none;
  line-height: 1.1em;
  padding: 0;
  margin: 0;
}

.indexmenu_toc ul.toc li  ul.toc li {
  background: transparent url(/embedded-systems/lib/plugins/indexmenu/images/tocdot2.gif) 0 0.6em no-repeat;
  padding-left: 0em;
}
.indexmenu_toc ul.toc li {
  background: none;
}

.indexmenu_toc ul.toc div.li {
  padding-left: 0em;
}

.indexmenu_toc li.level2 { margin-left: 1em; }
.indexmenu_toc li.level3, .indexmenu_toc li.level4, .indexmenu_toc li.level5
 { margin-left: 1.5em; }

.indexmenu_toc li.level1 span.li { font-weight: normal; font-size: 10pt }
.indexmenu_toc li.level2 span.li { font-weight: normal; font-size: 9pt }
.indexmenu_toc li.level3 span.li, .indexmenu_toc li.level4 span.li, .indexmenu_toc li.level5 span.li { 
	font-weight: normal; font-size: 8pt }

/********************************************************************/

.dtree .indexmenu_rarrow {
  position:absolute;
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
  background:transparent url(/embedded-systems/lib/plugins/indexmenu/images/rarrow.gif) repeat-y scroll;
  width:11px;
  height:15px;
  padding-right:5px;
  z-index:100;
}

.indexmenu_rmenu {
 font-family: Verdana, Geneva, Lucida, "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
 color: #139 !important;
 position: absolute;
 text-align: left;
 z-index: 100;
 background-color: #ECF0FF;
 border: solid #126;
 border-width: 1px 2px 2px 1px;
 font-size: 100%!important;
 line-height: 100%!important;
 width: auto;
 min-width: 100px;
 max-width: 300px;
} 

.indexmenu_rmenuhead {
  background: #ECF0FF url(/embedded-systems/lib/plugins/indexmenu/images/close.gif) no-repeat scroll;
  border-bottom: 1px solid #000;
  color: #006;
  font-size: 75%;
  font-weight: bold;
  margin: 0px;
  overflow: hidden;
  text-align: left;
  padding-left: 19px;
  padding-right: 5px;
  vertical-align: middle;                       
  overflow: hidden;
}

.indexmenu_rmenu ul,.indexmenu_rmenu li {
  list-style-type: none !important;
  list-style-image: none !important;
  color: #139 !important;
  margin: 2px !important;
  padding-left: 3px!important;
  font-size: 84%!important;
 line-height: 110%!important;
  text-align: left;
}

.indexmenu_rmenu a {
  color: #139 !important;
  text-decoration: none !important; 
}
.indexmenu_rmenu a:hover {
  color: #086 !important;
  text-decoration: none !important; 
}

.indexmenu_opts {
  font-size: 80%;
}


div.menu {
	text-align:left;
}

div.menu#menucenter {
	margin:auto;
}

div.menu#menuleft {
	margin:0;
	float:left
}

div.menu#menuright {
	margin:0;
	float:right
}

div.menuitem {
	float:left;
	padding:5px 5px 0 0;
}

div.menu p.caption {
	font-size:120%;
	font-weight:bold;
	margin:0;
}

div.menu img {
	float:left;
	margin:3px;
	padding-right:3px;
}

div.menu p.menutext {
	font-size:140%;
	line-height:1em;
	margin:0;
	padding-top:5px;
}

div.menu p.menudesc {
	color:#000;
	font-size:90%;
	line-height:1em;
	margin:0;
}
/* 
 * pkc for mosaic template: restored borders, sharpened corners from 20px to 5 px
 * added "under-construction" note
*/

.noteclassic, .noteimportant, .notewarning, .notetip, .noteconstruction, .noteidea {
  margin: 2em ;
  margin-left: auto;
  margin-right: auto;
  width: 70% !important;
  min-height: 40px;
  height: expression( this.scrollHeight < 41 ? "40px" : "auto" ); /* sets min-height for IE */
 /* clear: both; */
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 10px 15px 10px 55px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
 
.noteclassic {
  border: solid #BABAFC;
  border-width: 1px 2px 2px 1px;
  background-color: #E6E6FF;
  background-image: url(/embedded-systems/lib/plugins/note/images/note.png);
}
 
.noteimportant {
  border: solid #FAFA9A;
  border-width: 1px 2px 2px 1px;
  background-color: #FFFFD7;
  background-image: url(/embedded-systems/lib/plugins/note/images/important.png);
}
 
.notewarning {
  border: solid #F07575;
  border-width: 1px 2px 2px 1px;
  background-color: #FFD0D0;
  background-image: url(/embedded-systems/lib/plugins/note/images/warning.png);
}
 
.notetip {
  border: solid #75F075;
  border-width: 1px 2px 2px 1px;
  background-color: #D0FFD0;
  background-image: url(/embedded-systems/lib/plugins/note/images/tip.png);
}
 
.noteidea {
  border: solid #9BCACA;
  border-width: 1px 2px 2px 1px;
  background-color: #D7EAEA;
  background-image: url(/embedded-systems/lib/plugins/note/images/idea.png);
}

.noteconstruction {
  border: dashed #D9B38C;
  border-width: 2px;
  background-color: #FFE8D0;
  background-image: url(/embedded-systems/lib/plugins/note/images/construction.png);
  min-height: 60px;
  padding-bottom: expression( "28px" ); /* sets padding for IE */
  padding-right: 5px;
  padding-left: 65px;
}

div.dokuwiki table.pagelist,
div.dokuwiki table.ul {
  border: 0;
  padding: 0;
  border-spacing: 0;
  margin-bottom: 1em;
  border-collapse: collapse;
}

div.dokuwiki table.pagelist tr {
  border-top: 1px solid #126;
  border-bottom: 1px solid #126;
}

div.dokuwiki table.pagelist th,
div.dokuwiki table.pagelist td {
  padding: 1px 1em 1px 0;
}

div.dokuwiki table.ul th,
div.dokuwiki table.ul td {
  padding: 0 1em 0 0;
}

div.dokuwiki table.ul ul {
  margin: 0 0 0 1.5em;
}

div.dokuwiki table.pagelist th,
div.dokuwiki table.ul th {
  background-color: #B7D7FF;
}

div.dokuwiki th.page,
div.dokuwiki th.date,
div.dokuwiki th.user,
div.dokuwiki th.desc,
div.dokuwiki th.comments,
div.dokuwiki th.linkbacks,
div.dokuwiki th.tags,
div.dokuwiki td.date,
div.dokuwiki td.user,
div.dokuwiki td.desc,
div.dokuwiki td.comments,
div.dokuwiki td.linkbacks,
div.dokuwiki td.tags {
  color: #666;
  font-size: 80%;
}

div.dokuwiki td.date {
  text-align: right;
}/*
 * admin plugin extension - style additions
 *
 * @author  Christopher Smith  chris@jalakai.co.uk
 * @link    http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/adminplugin
 */

/* overall containing div */
#plugin__manager {}

#plugin__manager h2 { margin-left: 0;}
#plugin__manager form { display: block; margin: 0; padding: 0;}
#plugin__manager legend { display: none;}
#plugin__manager fieldset { width: auto;}
#plugin__manager .button { margin: 0;}
#plugin__manager p, #plugin__manager label { text-align: left;}
#plugin__manager .hidden { display: none;}
#plugin__manager .new { background: #dee7ec;}
#plugin__manager input[disabled] { color: #ccc; border-color: #ccc;}  /* IE won't understand but doesn't require it */

#plugin__manager .pm_menu, #plugin__manager .pm_info { margin-left: 0; text-align: left; }
#plugin__manager .pm_menu { float: left; width: 48%; }
#plugin__manager .pm_info { float: right; width: 50%; }

#plugin__manager .common { }
#plugin__manager .common form { }
#plugin__manager .common fieldset { margin: 0; padding: 0 0 1.0em 0; text-align: left; border: none;}
#plugin__manager .common label { padding: 0 0 0.5em 0;}
#plugin__manager .common input {  }
#plugin__manager .common input.edit { width: 24em; margin: 0.5em;}
#plugin__manager .common .button { }

#plugin__manager form.plugins { }
#plugin__manager .plugins fieldset { color: #000; background: #fff; text-align: right; border-top: none; border-right: none; border-left: none;}
#plugin__manager .plugins fieldset.protected { background: #fdd; color: #000; }
#plugin__manager .plugins fieldset.disabled { background: #e0e0e0; color: #a8a8a8; }

#plugin__manager .plugins .legend { color: #000; background: inherit; display: block; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; font-weight: normal; text-align: left; float: left; padding: 0; clear: none;}
#plugin__manager .plugins .button { font-size: 95%;}

#plugin__manager .plugins fieldset.buttons { border: none;}
#plugin__manager .plugins fieldset.buttons .button { float: left; }

#plugin__manager .pm_info h3 { margin-left: 0; }
#plugin__manager .pm_info dl { margin: 1em 0; padding: 0;}
#plugin__manager .pm_info dt { width: 6em; float: left; clear: left; margin:0; padding: 0;}
#plugin__manager .pm_info dd { margin:0 0 0 7em; padding: 0; background: none;}

#plugin__manager .plugins .enable { float: left; width: auto; margin-right: 0.5em;}

/* end admin plugin styles */
div.dokuwiki div.sync_left {
    float: left;
}

div.dokuwiki div.sync_left div.error {
    width: 25em;
    padding: 4px 8px 4px 25px;
}

div.dokuwiki form.sync_profile fieldset{
    text-align: left;
}

div.dokuwiki form.sync_profile samp {
    font-size: small;
    display: block;
    margin-left: 4em;
}

div.dokuwiki form.sync_profile label,
div.dokuwiki form.sync_profile span {
    display: block;
}

div.dokuwiki form.sync_profile input.edit,
div.dokuwiki form.sync_profile select.edit {
    width: 25em;
    display: block;
    margin-left: 2em;
}

div.dokuwiki form.sync_profile fieldset div.type {
    margin-left: 2em;
}
div.dokuwiki form.sync_profile fieldset div.type label{
    display: inline;
}

div.dokuwiki form.sync_profile fieldset div.submit {
    margin-top: 1em;
    text-align: center;
}

div.dokuwiki form.sync_profile fieldset div small {
    display: block;
}

div.dokuwiki div.tags {
  border-top: 2px dotted #126;
  font-size: 95%;
  text-align: right;
  clear: both;
}

div.dokuwiki div.tags span {
  background: transparent url(/embedded-systems/lib/plugins/tag/images/tag.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
/* Modified by pkc for the Mosaic template */

#plugin__tagentry_wrapper { margin:0 .5em 0 .5em;}
#plugin__tagentry_wrapper > div,
#plugin__tagentry_wrapper > div > div, { margin:0;padding:0;
}

#plugin__tagentry_wrapper div.taglist * {
  padding: 0; margin:0; border:none;
}

#plugin__tagentry_wrapper div.taglist td {
  padding-right: 6px;
}

#plugin__tagentry_wrapper div.taglist {
  padding: 4px;
  border: 1px solid #369;
  background: #F8F4FF;
  overflow:auto; 
  max-height:6em; 
  margin:0 0 .3em 0;
	width: 100%;
	color: #025;
}

#plugin__tagentry_wrapper label {
padding:4px 0 0 4px;
color: #025;
position:relative; top:0.6em;
}
div.dokuwiki div.newtask_form {
  clear: both;
  text-align: center;
  margin-bottom: 1em;
}

div.dokuwiki #task__newtask_form input.edit {
  width: 95%;
}

div.dokuwiki div.vcalendar {
  margin-bottom: 1em;
}

div.dokuwiki div.vcalendar fieldset {
  padding: 0 0.5em 0.5em 0.5em;
  border: 1px solid #ffc561;
  width: 90%;
}

div.dokuwiki div.vcalendar img.summary {
  vertical-align: middle;
}

div.dokuwiki div.vcalendar abbr {
  border-bottom: 0;
}

div.dokuwiki div.newtask_form table.blind,
div.dokuwiki div.vcalendar table.blind {
  border: 0;
  padding: 0;
  border-spacing: 3px;
  margin: 1px;
}

div.dokuwiki div.newtask_form table.blind th,
div.dokuwiki div.vcalendar table.blind th {
  text-align: right;
  color: #666;
  font-weight: normal;
  background-color: transparent;
}

div.dokuwiki div.newtask_form table.blind td,
div.dokuwiki div.vcalendar table.blind td {
  width: 50%;
  text-align: left;
}

div.dokuwiki div.vcalendar table.blind tr.due { color: #ffa200; font-weight: bold; }
div.dokuwiki div.vcalendar table.blind tr.overdue { color: #ff0040; font-weight: bold; }

div.dokuwiki div.vcalendar fieldset.priority1 { background-color: #fff7e8; }
div.dokuwiki div.vcalendar fieldset.priority2 { background-color: #fff1d9; }
div.dokuwiki div.vcalendar fieldset.priority3 { background-color: #ffe9c2; }

div.dokuwiki tr.priority1 { background-color: #fff7e8; }
div.dokuwiki tr.priority2 { background-color: #fff1d9; }
div.dokuwiki tr.priority3 { background-color: #ffe9c2; }

div.dokuwiki div.vcalendar fieldset.due { border: 1px solid #ffa200; }
div.dokuwiki div.vcalendar fieldset.overdue { border: 1px solid #ff0040; }

div.dokuwiki div.task_viewmenu {
  margin-bottom: 0.5em;
}

div.dokuwiki form#task__changeview_form label {
  float: left;
  margin-right: 0.5em;
}

div.dokuwiki form#task__changeview_form input {
  margin: 0.3em;
}

div.dokuwiki form#task__changeview_form input.button {
  margin: 0;
}

div.dokuwiki th.status,
div.dokuwiki td.status {
  color: #666;
  font-size: 80%;
}
/**
 * CSS for DokuWiki Plugin Uparrow
 * @author Michael Klier phpchi@chinux.de
 */
div.dokuwiki div.plugin_uparrow {
  margin-top: 10px;
  margin-bottom: 10px;
  float: right;
  text-align: right;
}
/* User Manager specific styles */
#user__manager tr.disabled {
  color: #6f6f6f;
  background: #e4e4e4;
}
#user__manager tr.user_info {
  vertical-align: top;
}
#user__manager div.edit_user {
  width: 46%;
  float: left;
}
#user__manager table {
  margin-bottom: 1em;
}
#user__manager input.button[disabled] {
  color: #ccc!important;
  border-color: #ccc!important;
}
/* IE won't understand but doesn't require it */
/* plugin: yalist */

div.dokuwiki ul,
div.dokuwiki ol {
    /*  line-height: 1em; */
    padding: 0;
}

div.dokuwiki dl {
    /* line-height: 1em; */
    margin-bottom: 0.5em;
    padding: 0;
}

div.dokuwiki dt {
    clear: left;
}

div.dokuwiki .dt {
    margin-right: 1em;
    font-weight: bold;
    /* max-width: 30%; */ /* removed for the mosaic template */
    float: left;
}

div.dokuwiki .dt,
div.dokuwiki .dd,
div.dokuwiki .li {
    margin-bottom: 0.33em;
}

div.dokuwiki dd {
    margin-left: 3em;
}

div.dokuwiki dl:after,
div.dokuwiki dl dl:before,
div.dokuwiki dl ol:before,
div.dokuwiki dl ul:before {
    content: '.';
    display: block;
    clear: left;
    width: 0;
    height: 0;
    visibility: hidden;
}

/* end plugin: yalist */
/* Still to do:

This file contains a three column, liquid center layout that works both in Firefox and Internet
Explorer.  This tableless three column layout provides a left navigation bar, right user bar and
a liquid center.  The center content comes before the side content in the html stream, to faciliate
search engine optimization.  The columns scale with font size to allow zooming in for the visually
impaired. This template is based on prior templates by the following authors:
   @author Andreas Gohr <andi@splitbrain.org>
   @author matthewjamestaylor at matthewjamestaylor.com/blog
   @author Paul Clifford <paul@mosaic-industries.com>

The following diagram shows the column layout within the body tag. Note that the body tag
itself has small margins to place it within the browser window.  The header, columns and 
footer divs are 100% wide and stacked vertically one after the other. 


    ___________________________________________________________________________________________
   |                                                                                           |
   |                                           Header                                          |
   |___________________________________________________________________________________________|
   |                    |                                            |                         |
   |                    |   |                                    |   |                         |
   |                    |                                            |                         |
   |                    |   |                                    |   |                         |
   |                    |                                            |                         |
   |                    |   |                                    |   |                         |
   |        A           | B                  C                     D |             E           |
   |                    |   |                                    |   |                         |
   |                    |                                            |                         |
   | <--- leftcol ----> | <----        centercontent           ----> | <----   rightcol  ----> |
   |                    |              with padding                  |                         |
   |                    |   |                                    |   |                         |
   |                    |                                            |                         |
   |                    |   |                                    |   |                         |
   |                    |                                            |                         |
   |                    |   |                                    |   |                         |
   |                    |                                            |                         |
   |                    |   |                                    |   |                         |
   |___________________________________________________________________________________________|
   |                                                                                           |
   |                                           Footer                                          |
   |___________________________________________________________________________________________|

The centercontent is given sufficient margin to allow the right and left columns, so they fit in
after the cetnercontent is placed.  The above appearance is generated by the following nested div
structure, in the order in which they are inserted in the html stream.  Note that the center
column content comes before the contents of the left and right columns:
 

**************  Liquid-center, three-column layout *********************

In the following map, a div is indicated either by .classname or #id.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
head -title
body (fills the screen with a background image)
 |__.dokuwiki
     |__#body__width
         |__#body__banner (places a fixed gradient banner at the top of the screen against which the header is placed)
             |__#body__content (contains the header, three columns and footer, indented from the right and left a little)
             |   |__#mosaic__header (places a banner with logos, login, search box, and breadcrumbs trail)
             |   |   |__#mosaic__logo
             |   |       |__span #mosaic__logoline
             |   |       |__span #tag__line
             |   |   
             |   |__.bread_upper_dark
             |   |__.breadcrumbs  -- tpl_breadcrumbs -- tpl_youarehere -- $ID
             |   |  
             |   |__.bread_lower_dark__.bread_lower_medium__.bread_lower_light
             |   |
             |   |__#mosaic__columns (relative position)
             |   |   |__#center__column (float left, 100% width)
             |   |   |   |__#center__content (r.margin=rt col width, l.margin =lft col width)
             |   |   |       |__#mosaic__pagecontents
             |   |   |           |__.nb_holder
             |   |   |           |__.rllshad
             |   |   |           |   |__.rlshad
             |   |   |           |       |__.rmshad
             |   |   |           |           |__#mosaic__page  -- tpl_content() (dokuwiki page content)
             |   |   |           |               |__.toc
             |   |   |           |               |   |__.tocheader
             |   |   |           |               |   |__#toc__inside
             |   |   |           |               |  
             |   |   |           |               |__(page contents below toc)
             |   |   |           |  
             |   |   |           |__.pgcornerleft__.pgcornerright__.bllshad__.blshad__.bmshad__.pgbottom
             |   |   |           |  
             |   |   |           |__.backtotop -- tpl_actionlink('top')
             |   |   |           |__#mosaic__pagename
             |   |   |           |__#nb__container 
             |   |   |               |__.nbcornerleft
             |   |   |               |__.nbcornerright
             |   |   |               |__.nb (editing menu bar)
             |   |   |                   |__.nbr (page editing buttons)
             |   |   |                   |__.nbl (page navigation buttons)
             |   |   |  
             |   |   |__#left__col (float left, set left col width, margin-left=-100%)
             |   |   |   |__.navbartlcorner__.navbartrcorner__.navbartop
             |   |   |   |__.rllshad
             |   |   |   |   |__.rlshad
             |   |   |   |       |__.rmshad
             |   |   |   |           |__.navbar--dwp_display_wiki_page(':sidebar_title') and
             |   |   |   |                       dwp_display_wiki_page(':sidebar') or tpl_sidebar()
             |   |   |   |               
             |   |   |   |__.navbarblcorner__.navbarbrcorner
             |   |   |   |__.bllshad__.blshad__.bmshad__.navbarbottom
             |   |   |  
             |   |   |__#right__col (float left, set right col width, margin-left=-width)
             |   |       |__.userbartlcorner__.userbartrcorner__.userbartop
             |   |       |__.rllshad
             |   |       |   |__.rlshad
             |   |       |       |__.rmshad
             |   |       |       |   |__#user__toolbar (table of action links)
             |   |       |       |       |__.usertoolbarstrip
             |   |       |       |       |__#user__ActionId
             |   |       |       |__.usertoolbarstrip
             |   |       |  
             |   |       |__.userbarblcorner
             |   |       |__.userbarbrcorner
             |   |       |__.bllshad
             |   |           |__.blshad
             |   |               |__.bmshad
             |   |                   |__.userbarbottom
             |   |  
             |__.stylefoot
             |   |__.bar" #bar__bottom
             |   |   |__.bar-left -- Mosaic Icon
             |   |   |__.bar-right -- DW Icon
             |   |   |__(page and copyright)
             |   |   |__.clearer
             |   |__.meta.doc -- tpl_pageinfo()
			 |
             |__#login__btn
             |   |__#loginposition -- tpl_button('login') -- $INFO['userinfo']['name']
             |   |__#user__position -- tpl_userinfo()
             |   
             |__#search__position -- tpl_searchform()

*/

/* js buttons for making columns appear and disappear */

.emptybtn { float:  left; clear: none; width: 1.5em; }

.lefttoggleclose {
  float:  left; clear: none;
  cursor: pointer; width: 1.5em;
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/column_close.gif) no-repeat center center; 
  }
.lefttoggleopen {
  float:  left; clear: none;
  cursor: pointer; width: 1.5em;
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/column_open.gif) no-repeat center center; 
  }
.righttoggleclose {
  float:  right; clear: none;
  cursor: pointer; width: 1.5em;
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/column_close.gif) no-repeat center center; 
  }
.righttoggleopen {
  float:  right; clear: none;
  cursor: pointer; width: 1.5em;
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/column_open.gif) no-repeat center center; 
  }

/* to control the display of #navopenclose, either displays btn-sidebar-open or btn-sidebar-closed */
/*
div.dokuwiki .displaynone  { display: none; }
div.dokuwiki .displayblock { display: block; }
*/

/* -------------- top banner --------------- */

body {
  background: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/circuitbackground2.gif) repeat;
  margin:0; padding: 0;
}
/* Only IE supports scrollbar colors */
body {
  scrollbar-base-color: #E5ECF3;
  scrollbar-face-color: #BBC6E7;
  scrollbar-track-color: #D9E1F0;
}

/* different minimum widths depending on which columns are enabled */
/* assuming left and right column widths of 19em and 12em respectively */
/* used with div#body__width */
div.dokuwiki .wbothcol    { min-width: 1130px ; width: 100%;}
div.dokuwiki .wneithercol { min-width: 721px   ; width: 100%;}
div.dokuwiki .w_left_col    { min-width: 971px  ; width: 100%;}
div.dokuwiki .w_right_col   { min-width: 881px ; width: 100%;}

div.dokuwiki #body__banner {
  width: 100%; /* needed so Mozilla doesn't limit the width */
  background: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/gradient_background2.gif) top left repeat-x;
  float: left; /* needed so background extends to top of div in Mozilla */
}

div.dokuwiki #body__content {
  padding: 0 6px 0 8px;
  /* these fonts are in the order of larger (less condensed) to smaller (denser) */
  font: 80% Verdana, Lucida, "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #000;
  line-height: 1.33;
  text-align: left;
}

div.dokuwiki #mosaic__header {
  border-style : solid;
  border-width: 1px 1px 1px 1px;
  border-color: #126 ;
  margin: 5px 0 0 0;
  background-image: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/mosaic_gradient_logo.gif);
  background-repeat: repeat-x;
  height: 62px;
  overflow: hidden;
}

div.dokuwiki #mosaic__logo {
/* The logo is placed dynamically in php code instead of here so that the logo can
 * chosen on the configuration page, so the following line is no longer needed */
/*  background-image: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/mosaic_wiki_logo.gif);
*/
  background-repeat: no-repeat;  
  float: left;
  height: 62px;  
  font-size: 200%;
  font-weight: bolder;
  padding-left: 85px;
  line-height: 1em;
  text-align: left;
  margin: 0 5px 0 0;
}

div.dokuwiki #mosaic__logo a:link, 
div.dokuwiki #mosaic__logo a:visited, 
div.dokuwiki #mosaic__logo a:hover, 
div.dokuwiki #mosaic__logo a:active {
  color: #fcfcff;
  text-decoration: none;
  font-variant: small-caps;
  letter-spacing: 2pt;
}

div.dokuwiki #mosaic__logoline {
  position:absolute;
  left: 95px;
  top:  18px;
}

div.dokuwiki #tag__line {
  color: #006;
  float: left;
  font-size: 50%;
  position:absolute;
  left: 95px;
  top:  44px;
}

div.dokuwiki #login__btn {
  position: absolute;
  right: 10px;
  top: 15px;
}

div.dokuwiki #loginposition {
  float: right;
  font-size: 80%;
}

div.dokuwiki #user__position {
  float: right;
  color: #fcfcff;
  font-size: 84%;
  margin-top: .45em;
  margin-right: .3em;
  font-weight: bolder;
}

div.dokuwiki #search__position {
  font-size: 80%;
  position: absolute;
  right: 10px;
  top: 4em;
}

div.dokuwiki #search__position #qsearch__in {
  background: #FFF url(/embedded-systems/lib/tpl/mosaic/images/search_icon.gif) no-repeat scroll 1px 1px;
  padding-left: 15px;
}

div.dokuwiki #mosaic__columns {
  clear: both;
  position: relative;
  overflow:hidden;
  margin-top: 8px;
  height: 100%; /* needed for IE6? */
}

div.dokuwiki #center__column {
  float:left;
  width:100%;
  padding-bottom: 1em;
  min-width: 55em;
}

/* Javascript is used to make the left and right sidebars disappear so that the centercol is resized.  That
   js needs to know the padding of the right and left of the centercol to restore it.  To make that padding
   easy for the js to determine, the same padding is given to the bottom of the centercol as to the right
   and left sides.  That way, the js needs only read the bottom padding to know how much to apply to the
   sides.
*/
   
div.dokuwiki .centercontent_both {
  margin: 0 12em 0 19em;
  padding: 0 6px 6px 6px;
}

div.dokuwiki .centercontent_neither {
  margin: 0;
  padding: 0 0 6px 0;
}

div.dokuwiki .centercontent_no_left {
  margin: 0 12em 0 0;
  padding: 0 6px 6px 0;
}

div.dokuwiki .centercontent_no_right {
  margin: 0 0 0 19em;
  padding: 0 0 6px 6px;
}

div.dokuwiki #left__col {
  float:left;
  width: 19em;
  margin-left:-100%;
}

div.dokuwiki #right__col {
  float:left;
  width:12em;
  margin-left: -12em;
}
div.dokuwiki div.vertspace {
  line-height: 1em;
}

/* ---------------  page and content  ---------------- */

/* the document within the center column */
div.dokuwiki #mosaic__page {
  text-align: left;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #126 ;
  background-color: #FFF ;
  padding: 0px 5px 10px 5px;
  background-image: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/faded_background.gif);
  background-repeat: no-repeat;
  background-position: 90% 98%;
  /* We now allow overflow-y so that glossary popup definitions can overflow the bottom
     border of the page.  For some reason,  allowing overflow in both directions doesn't
     work -- a gap is produced just above the page content when in edit mode!  I haven't
     been able to determine why that happens.  But, hiding overflow-x and allowing scroll
     bars on overflow-y does work -- opening glossary definitions at the bottom of the
     page opens a scroll bar and shows the popup definition within the page when it is
     scrolled. */
/*  overflow-y: auto;
    overflow-x: hidden;
*/
/* Oops!  It turns out that the above two lines cause Firefox to stop displaying a page
   if it is too long.  Consequently, we go back to the following line, and forgoe displaying
   glossary popups at the bottom of a page.
*/
overflow:hidden;
}

div.dokuwiki #mosaic__pagename {
  clear:left;
  color: #666;
  font-size: 70%;
  vertical-align: bottom;
}

/* Corners on the bottom of the page */
div.dokuwiki div.pgcornerleft {
   float: left;
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_pagebottom.gif) no-repeat;
   width: 8px; height: 10px;}
div.dokuwiki div.pgcornerright {
   float: right;
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_pagebottom.gif) no-repeat;
   background-position:  -8px 0px;
   width: 13px; height: 10px;}
div.dokuwiki div.pgbottom {
   height: 5px; width: auto;      /* needed by IE6 */
   overflow: hidden; /* overflow:hidden; doesn't work in IE6 */
   border-bottom: 1px solid #126;
   background-color: #FFF ; }

/* the content box, defined to allow shadows and proper layout in IE6 */
/* even though this is empty it is needed for IE6 */
div.dokuwiki #mosaic__pagecontents { }

/* ---------------  navbar ---------------- */

/* navbar title bar */
div.dokuwiki div.navbartitle {
   background: url(/embedded-systems/lib/tpl/mosaic/images/nav_button_blank.gif) repeat top left;
   height: 31px;
   width: auto;      /* needed by IE6 */
   overflow: hidden; /* overflow:hidden; doesn't work in IE6 */
   border-top: 1px solid #126;
   padding-top:0;
   margin-bottom: 0;
   font-weight: bolder;
   font-size: 110%;
   line-height: 32px;
}


/* FIXME Notes: */
/* pkc: I don't think we need to remove 460px in IE7, I don't know about IE6.
        I found that in IE7 the key to getting scrolling working is to make the navbar div have
		  relative position!  Then auto height and max-height and scrolling work.
*/
/* the navbar */
div.dokuwiki div.navbar {
  background-color: #ECF0FF ;
  border: solid #126;
  border-width: 0px 1px 0px 1px;
  font-size: 80% ;
  /* 460px gets
       defined as "" if we are in ie 6 or 7
       addition was made in lib/exe/css.php
  */
  /* position must be relative for auto height and auto overflow (ie scrolling) to work */
  position:relative;top:0em;
  height: auto;
  max-height: 460px;
  overflow-y:auto;
  overflow-x:auto;
  width:99%; /* Needs to be 99% rather than 100% or auto for IE6.  IE7, Firefox and Chrome would prefer auto, but work ok with 99% */
}

div.dokuwiki div.indexmenu_scroll {
  font-size: 80% ;
  /* 460px gets
       defined as "" if we are in ie 6 or 7
       addition was made in lib/exe/css.php
  */
  /* position must be relative for auto height and auto overflow (ie scrolling) to work */
  position:relative;top:0em;
  height: 100%;
  overflow-y:auto;
  overflow-x:auto;
  width:100%;
}


div.navbar table td { padding-right: 3.5em;}

/* The navbar title is taken from the sidebar page title.  It's styled here. */
div.dokuwiki div.navbar table {
	margin-top:0;
}
/*
div.dokuwiki div.navbartitle div.divalign-center {
}
*/
div.dokuwiki div.navbartitle div.divalign-center a.wikilink1:link,
div.dokuwiki div.navbar div.divalign-center a.wikilink1:link {
   color: #248 ;
}

div.dokuwiki div.navbartitle div.divalign-center a.wikilink1:visited,
div.dokuwiki div.navbar div.divalign-center a.wikilink1:visited {
   color: #248 ;
}

div.dokuwiki div.navbartitle div.divalign-center a.wikilink1:hover,
div.dokuwiki div.navbar div.divalign-center a.wikilink1:hover {
   color: #156 ;
   font-weight: bolder;
   text-decoration: none;
}

div.dokuwiki div.navbartitle div.divalign-center a.wikilink1:active,
div.dokuwiki div.navbar div.divalign-center a.wikilink1:active {
   color: #248 ;
}

/* special headlines for navbar */
div.dokuwiki div.navbar h1,
div.dokuwiki div.navbar h2 {
	clear: none;
	font-size: 120%;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align: center; 
	margin-bottom: 5px;}

div.dokuwiki div.navbar h3,
div.dokuwiki div.navbar h4,
div.dokuwiki div.navbar h5 { clear: none; margin-bottom: 2px;}



/* Corners on the navbar */
div.dokuwiki div.navbartlcorner {
   float: left; 
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_navbar.gif) no-repeat;
   width: 8px; height: 7px; }
div.dokuwiki div.navbartrcorner {
   float: right; 
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_navbar.gif) no-repeat;
   background-position:  -12px 0px; 
   width: 11px; height: 7px;}
div.dokuwiki div.navbarblcorner {
   float: left;
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_navbar.gif) no-repeat;
   background-position:  0px -12px; 
   width: 11px; height: 11px;}
div.dokuwiki div.navbarbrcorner {
   float: right;
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_navbar.gif) no-repeat;
   background-position:  -12px -12px; 
   width: 11px; height: 11px; }
div.dokuwiki div.navbarbottom {
   height: 6px; 
   width: auto;      /* needed by IE6 */
   overflow: hidden; /* overflow:hidden; doesn't work in IE6 */
   border-bottom: 1px solid #126;
   background-color: #ECF0FF ; }
div.dokuwiki div.navbartop {
   height: 6px; 
   width: auto;      /* needed by IE6 */
   overflow: hidden; /* overflow:hidden; doesn't work in IE6 */
   border-top: 1px solid #126;
   background-color: #ECF0FF ; }

/* the navbar */
div.dokuwiki div.navbar div.level1 p {
  font-family: Verdana, Lucida, "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
  font-size: 11.5px;
  white-space: nowrap;
  color: #139;
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/empty.gif) no-repeat scroll;
  margin: 0;
  line-height: 1.7em;
  padding: 0 0 0 20px;
}

/* the search box -- was used for action menu box, no longer used */
/* The search input box uses input.edit, and select.edit */
div.dokuwiki div.searchbarandshadows {
  margin-top: 0px ;
  width: 100% ;
}

div.dokuwiki div.qlcontainer {margin-top:-5px;}

div.dokuwiki div.quicklinks {
  padding-top:0; 
  background-color: #ECF0FF ;
  border: solid #126;
  border-width: 0px 1px 0px 1px;
  font-size: 100% ;
  position:relative;top:0em;
  height: auto;
  max-height: 460px;
/*  overflow-y:auto;
  overflow-x:auto;
*/
  width:99%; /* Needs to be 99% rather than 100% or auto for IE6.  IE7, Firefox and Chrome would prefer auto, but work ok with 99% */
}

div.dokuwiki div.quicklinkscontent {
  padding: 6px 0 0 0.25em;
}

div.dokuwiki div.quicklinkscontent img.media {
  position:relative;bottom:-5px;
  padding-right:4px;
}

div.dokuwiki div.quicklinkscontent p, 
div.dokuwiki div.quicklinkscontent ul {
  margin:0 0 0 4px;
  line-height: 1.25em;
}
div.dokuwiki div.quicklinkscontent ul li {
  margin:0;
}

div.dokuwiki div.quicklinkscontent a,
div.dokuwiki div.quicklinkscontent a.urlextern {
  color: #139;
  text-decoration: none;
  background-image: none;
  padding:0;
  }


div.dokuwiki div.quicklinkscontent a:hover,
div.dokuwiki div.quicklinkscontent a.urlextern:hover {
  color: #139;
  text-decoration: underline;
}


/* the usertoolbar */
div.dokuwiki div.usertoolbarandshadows {
  overflow: hidden;
}

div.dokuwiki #user__toolbar {
  background-color: #F8F8F8 ;
  border: solid #126;
  border-width: 0px 1px 0px 1px;
  border-color: #126 ;
  padding: 0 0 0 5px;
  font-size: 84% ;
  font-variant: small-caps;
  overflow: hidden;
}

div.dokuwiki div.usertoolbarstrip {
  background-color: #F8F8F8 ;
  border-style : solid;
  border-width: 0px 0px 1px 0px;
  border-color: #126 ;
  padding-top: 4px; 
  font-weight: bolder;
  font-size: 100% ; 
  cursor: pointer;
  color: #139;
}

div.dokuwiki div.usertoolbarstrip:hover {
  background-color: #ECF0FF ; 
}

/* Corners on the userbar */
div.dokuwiki div.userbartlcorner {
   float: left; 
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_userbar.gif) no-repeat;
   width: 8px; height: 7px; }
div.dokuwiki div.userbartrcorner {
   float: right; 
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_userbar.gif) no-repeat;
   background-position:  -12px 0px; 
   width: 11px; height: 7px;}
div.dokuwiki div.userbarblcorner {
   float: left;
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_userbar.gif) no-repeat;
   background-position:  0px -12px; 
   width: 11px; height: 11px;}
div.dokuwiki div.userbarbrcorner {
   float: right;
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_userbar.gif) no-repeat;
   background-position:  -12px -12px; 
   width: 11px; height: 11px; }

div.dokuwiki div.userbarbottom {
   height: 6px; width: auto;      /* needed by IE6 */
   overflow: hidden; /* overflow:hidden; doesn't work in IE6 */
   border-bottom: 1px solid #126;
   background-color: #F8F8F8 ; }
div.dokuwiki div.userbartop {
   height: 6px; width: auto;      /* needed by IE6 */
   overflow: hidden; /* overflow:hidden; doesn't work in IE6 */
   border-top: 1px solid #126;
   background-color: #F8F8F8 ; }

div.dokuwiki div.clock {
   text-align: center;
   margin-top: 1em;
}


/* ---------------  status bar ---------------- */
div.dokuwiki .bar {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #CFCFCF ;
  background-color: #E5E5E4 ;
  background-image: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/gradient_status.gif);
  background-repeat: repeat-x;
  margin-top: 1em; 
  width: 100%;
  font-size : 70%;
  clear: both;
  overflow: hidden;
  height: 31px;
  text-align: center;
  color: #0D2264;
  line-height: 1.6em;
  white-space: nowrap;
}

div.dokuwiki .bar a img {
  /* for IE */ filter:alpha(opacity=50);
    opacity: 0.5;
}

div.dokuwiki .bar a:hover img {
  /* for IE */ filter:alpha(opacity=100);
    opacity: 1;
}

div.dokuwiki .bar-left {
  float: left;
  text-align: left;
  }

div.dokuwiki .bar-right {
  float: right;
  text-align: right;
}

div.dokuwiki #bar__bottom {
  margin-bottom: 0px;
}

/* ------------- File Metadata ----------------------- */

div.dokuwiki div.meta {
  clear: both;
  margin-top: 1em;
  color: #0D2264;
  font-size: 70%;
}

div.dokuwiki div.meta div.user {
  float: left;
}

div.dokuwiki div.meta div.doc {
  padding-top: 4px;
  text-align: center;
  overflow: hidden;
}

div.dokuwiki div.backtotop {
  clear: both;
  text-align: right;
  padding: 4px 11px 0 0;
  float: right;
  overflow: hidden;
  font-size: 84%;
  /* font-variant:small-caps; */
  }


/* ---------------- purely visual elements -------------------- */
/* ------------- Breadcrumbs ----------------- */


div.dokuwiki div.breadcrumbs {
  color: #666;
  font-size: 80%;
  vertical-align: bottom;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #CFCFCF ;
  background-image: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/gradient_bc.gif);
  background-repeat: repeat-x;
  height: 15px;
  overflow: hidden;
}

div.dokuwiki div.bread_upper_dark,
div.dokuwiki div.bread_lower_dark,
div.dokuwiki div.bread_lower_medium,
div.dokuwiki div.bread_lower_light { height: 1px; overflow: hidden; }

div.dokuwiki div.bread_upper_dark   { background-color: #3B4A7E ; margin-top: 1px;}
div.dokuwiki div.bread_lower_dark   { background-color: #67749B ; }
div.dokuwiki div.bread_lower_medium { background-color: #928EB9 ; }
div.dokuwiki div.bread_lower_light  { background-color: #BEC8D6 ; }

/* ---------------- box shadows ------------------------ */

/* light, medium and dark shadows on right and bottom borders */
div.dokuwiki div.rllshad {border-right:  1px solid #BEC8D6; clear: both;}
div.dokuwiki div.rlshad  {border-right:  1px solid #928EB9;}
div.dokuwiki div.rmshad  {border-right:  1px solid #67749B;}
div.dokuwiki div.bllshad {border-bottom: 1px solid #BEC8D6;}
div.dokuwiki div.blshad  {border-bottom: 1px solid #928EB9;}
div.dokuwiki div.bmshad  {border-bottom: 1px solid #67749B;}

/*   ----------------   Page navigation bar   ----------------   */

/* -------- top border with right side shadows for page navigation bar ---- */

div.dokuwiki #nb__container { 
  /* The page toolbar is loaded after the page contents, but positioned above it.*/
  position: absolute; top: 0; right: 0; left: 0;
}

div.dokuwiki .nbcontainer_both {
  margin: 0 12em 0 19em;
  padding: 0 6px 0 6px;
}

div.dokuwiki .nbcontainer_neither {
  margin: 0; padding: 0;
}

div.dokuwiki .nbcontainer_no_left {
  margin: 0 12em 0 0;
  padding: 0 6px 0 0;
}

div.dokuwiki .nbcontainer_no_right {
  margin: 0 0 0 19em;
  padding: 0 0 0 6px;
}

/* right side light, medium and dark shadows */
div.dokuwiki div.nbdshad      { border-right: 1px solid #3B4A7E;   }
div.dokuwiki div.nbmshad      { border-right: 1px solid #67749B; }
div.dokuwiki div.nblshad      { border-right: 1px solid #928EB9; }

div.dokuwiki div.nb_holder {height: 31px;}

div.dokuwiki div.nb {
   background: url(/embedded-systems/lib/tpl/mosaic/images/nav_button_blank.gif) repeat top left;
   height: 31px;
   width: auto;      /* needed by IE6 */
   overflow: hidden; /* overflow:hidden; doesn't work in IE6 */
   border-top: 1px solid #126;
}
div.dokuwiki div.nbcornerleft {
   float: left;
   clear: none;
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_pagemenu.gif) no-repeat;
   width: 6px;
   height: 32px;
   overflow: hidden; /* overflow:hidden; doesn't work in IE6 */
   margin-bottom: 0px;
   padding: 0;}
div.dokuwiki div.nbcornerright {
   float: right;
   clear: none;
   background: url(/embedded-systems/lib/tpl/mosaic/images/corners_pagemenu.gif) no-repeat;
   background-position:  -5px 0px; 
   width: 10px;
   height: 32px;
   overflow: hidden; /* overflow:hidden; doesn't work in IE6 */
   margin-bottom: 0px;
   padding: 0;}

div.dokuwiki div.nbl a {
   float: left;
   clear: none;
   background: url(/embedded-systems/lib/tpl/mosaic/images/nav_buttons.gif) no-repeat;
   width: 28px;
   height: 31px;
   padding: 0;
}

div.dokuwiki div.nbr a {
   float: right;
   clear: none;
   background: url(/embedded-systems/lib/tpl/mosaic/images/nav_buttons.gif) no-repeat;
   width: 28px;
   height: 31px;
   margin-left: 1px;
   padding: 0;
}

div.dokuwiki div.nb .nobackground {
   background: none;
      }


div.dokuwiki .nb a.icn-firstpage       { background-position:     0px   0px; }
div.dokuwiki .nb a.icn-firstpagedim    { background-position:   -60px   0px; }
div.dokuwiki .nb a.icn-priorpage       { background-position:   -90px   0px; }
div.dokuwiki .nb a.icn-priorpagedim    { background-position:  -150px   0px; }
div.dokuwiki .nb a.icn-nextpage        { background-position:  -180px   0px; }
div.dokuwiki .nb a.icn-nextpagedim     { background-position:  -240px   0px; }
div.dokuwiki .nb a.icn-lastpage        { background-position:  -270px   0px; }
div.dokuwiki .nb a.icn-lastpagedim     { background-position:  -330px   0px; }
div.dokuwiki .nb a.icn-up              { background-position:  -360px   0px; }
div.dokuwiki .nb a.icn-updim           { background-position:  -420px   0px; }
div.dokuwiki .nb a.icn-down            { background-position:  -450px   0px; }
div.dokuwiki .nb a.icn-downdim         { background-position:  -510px   0px; }

div.dokuwiki .nb a.icn-firstpage:hover { background-position:   -30px   0px; }
div.dokuwiki .nb a.icn-priorpage:hover { background-position:  -120px   0px; }
div.dokuwiki .nb a.icn-nextpage:hover  { background-position:  -210px   0px; }
div.dokuwiki .nb a.icn-lastpage:hover  { background-position:  -300px   0px; }
div.dokuwiki .nb a.icn-up:hover        { background-position:  -390px   0px; }
div.dokuwiki .nb a.icn-down:hover      { background-position:  -480px   0px; }

div.dokuwiki .nb a.icn-comment         { background-position:     0px -30px; }
div.dokuwiki .nb a.icn-rss             { background-position:   -60px -30px; }
div.dokuwiki .nb a.icn-help            { background-position:  -120px -30px; }
div.dokuwiki .nb a.icn-backlink        { background-position:  -180px -30px; }
div.dokuwiki .nb a.icn-edit            { background-position:  -240px -30px; }
div.dokuwiki .nb a.icn-revisions       { background-position:  -300px -30px; }
div.dokuwiki .nb a.icn-index           { background-position:  -360px -30px; }
div.dokuwiki .nb a.icn-profile         { background-position:  -420px -30px; }
div.dokuwiki .nb a.icn-adduser         { background-position:  -480px -30px; }
div.dokuwiki .nb a.icn-comment:hover   { background-position:   -30px -30px; }
div.dokuwiki .nb a.icn-rss:hover       { background-position:   -90px -30px; }
div.dokuwiki .nb a.icn-help:hover      { background-position:  -150px -30px; }
div.dokuwiki .nb a.icn-backlink:hover  { background-position:  -210px -30px; }
div.dokuwiki .nb a.icn-edit:hover      { background-position:  -270px -30px; }
div.dokuwiki .nb a.icn-revisions:hover { background-position:  -330px -30px; }
div.dokuwiki .nb a.icn-index:hover     { background-position:  -390px -30px; }
div.dokuwiki .nb a.icn-profile:hover   { background-position:  -450px -30px; }
div.dokuwiki .nb a.icn-adduser:hover   { background-position:  -510px -30px; }

div.dokuwiki .nb a.icn-addpage         { background-position:     0px -60px; }
div.dokuwiki .nb a.icn-admin           { background-position:   -60px -60px; }
div.dokuwiki .nb a.icn-create          { background-position:  -120px -60px; }
div.dokuwiki .nb a.icn-user            { background-position:  -180px -60px; }
div.dokuwiki .nb a.icn-move            { background-position:  -240px -60px; }
div.dokuwiki .nb a.icn-parent          { background-position:  -300px -60px; }
div.dokuwiki .nb a.icn-print           { background-position:  -360px -60px; }
div.dokuwiki .nb a.icn-digg            { background-position:  -420px -60px; }
div.dokuwiki .nb a.icn-google          { background-position:  -480px -60px; }
div.dokuwiki .nb a.icn-addpage:hover   { background-position:   -30px -60px; }
div.dokuwiki .nb a.icn-admin:hover     { background-position:   -90px -60px; }
div.dokuwiki .nb a.icn-create:hover    { background-position:  -150px -60px; }
div.dokuwiki .nb a.icn-user:hover      { background-position:  -210px -60px; }
div.dokuwiki .nb a.icn-move:hover      { background-position:  -270px -60px; }
div.dokuwiki .nb a.icn-parent:hover    { background-position:  -330px -60px; }
div.dokuwiki .nb a.icn-print:hover     { background-position:  -390px -60px; }
div.dokuwiki .nb a.icn-digg:hover      { background-position:  -450px -60px; }
div.dokuwiki .nb a.icn-google:hover    { background-position:  -510px -60px; }

div.dokuwiki .nb a.icn-show            { background-position:     0px -90px; }
div.dokuwiki .nb a.icn-subscribe       { background-position:   -60px -90px; }
div.dokuwiki .nb a.icn-recent          { background-position:  -120px -90px; }
div.dokuwiki .nb a.icn-unsubscribe     { background-position:  -180px -90px; }
div.dokuwiki .nb a.icn-home            { background-position:  -240px -90px; }
div.dokuwiki .nb a.icn-linksin         { background-position:  -300px -90px; }
div.dokuwiki .nb a.icn-linksout        { background-position:  -360px -90px; }
div.dokuwiki .nb a.icn-show:hover      { background-position:   -30px -90px; }
div.dokuwiki .nb a.icn-subscribe:hover { background-position:   -90px -90px; }
div.dokuwiki .nb a.icn-recent:hover    { background-position:  -150px -90px; }
div.dokuwiki .nb a.icn-unsubscribe:hover  { background-position:  -210px -90px; }
div.dokuwiki .nb a.icn-home:hover      { background-position:  -270px -90px; }
div.dokuwiki .nb a.icn-linksin:hover   { background-position:  -330px -90px; }
div.dokuwiki .nb a.icn-linksout:hover  { background-position:  -390px -90px; }

div.dokuwiki .nb a.icn-vertbar         { background-position:  -420px -90px; width: 7px}
div.dokuwiki .nb a.icn-vertbar2        { background-position:  -420px -90px; width: 11px}
div.dokuwiki .nb a.icn-widevertbar     { background-position:  -428px -90px; width: 8px}
div.dokuwiki .nb a.icn-widevertbar2    { background-position:  -428px -90px; width: 13px}
div.dokuwiki .nb a.icn-bigvertbar      { background-position:  -438px -90px; width: 9px}
div.dokuwiki .nb a.icn-dashshort       { background-position:  -450px -90px; width: 5px}
div.dokuwiki .nb a.icn-dash            { background-position:  -450px -90px; width: 10px}
div.dokuwiki .nb a.icn-dashlong        { background-position:  -450px -90px; width: 15px}
div.dokuwiki .nb a.icn-horizbar        { background-position:  -450px -90px; }
div.dokuwiki .nb a.icn-dashdouble      { background-position:  -480px -90px; width: 10px}
div.dokuwiki .nb a.icn-horizbardouble  { background-position:  -480px -90px; }
div.dokuwiki .nb a.icn-horizbardoublewide { background-position:  -510px -90px; }

div.dokuwiki .nb a.icn-favorites       { background-position:  -240px -120px; }
div.dokuwiki .nb a.icn-source          { background-position:  -300px -120px; }
div.dokuwiki .nb a.icn-favorites:hover { background-position:  -270px -120px; }
div.dokuwiki .nb a.icn-source:hover    { background-position:  -330px -120px; }
div.dokuwiki .nb a.icn-find            { background-position:     0px -120px; }
div.dokuwiki .nb a.icn-bookmark        { background-position:   -60px -120px; }
div.dokuwiki .nb a.icn-delicious       { background-position:  -120px -120px; }
div.dokuwiki .nb a.icn-outline         { background-position:  -180px -120px; }
div.dokuwiki .nb a.btn-toc             { background-position:  -360px -120px; width: 39px}
div.dokuwiki .nb a.btn-yes             { background-position:  -480px -120px; }
div.dokuwiki .nbr a.btn-close,
div.dokuwiki .nb a.btn-close           { background-position:  -520px -330px; width: 13px}
div.dokuwiki .nb a.icn-find:hover      { background-position:   -30px -120px; }
div.dokuwiki .nb a.icn-bookmark:hover  { background-position:   -90px -120px; }
div.dokuwiki .nb a.icn-delicious:hover { background-position:  -150px -120px; }
div.dokuwiki .nb a.icn-outline:hover   { background-position:  -210px -120px; }
div.dokuwiki .nb a.btn-toc:hover       { background-position:  -420px -120px; width: 39px}
div.dokuwiki .nb a.btn-yes:hover       { background-position:  -510px -120px; }
div.dokuwiki .nbr a.btn-close:hover,
div.dokuwiki .nb a.btn-close:hover     { background-position:  -520px -360px; width: 13px}

div.dokuwiki .nb a.icn-openparen       { background-position:  -399px -120px; width: 5px}
div.dokuwiki .nb a.icn-openparensmall  { background-position:  -404px -120px; width: 5px}
div.dokuwiki .nb a.icn-closeparensmall { background-position:  -409px -120px; width: 5px}
div.dokuwiki .nb a.icn-closeparen      { background-position:  -413px -120px; width: 5px}
div.dokuwiki .nb a.icn-openbracket     { background-position:  -459px -120px; width: 5px}
div.dokuwiki .nb a.icn-openbracketsmall   { background-position:  -464px -120px; width: 5px}
div.dokuwiki .nb a.icn-closebracketsmall  { background-position:  -468px -120px; width: 5px}
div.dokuwiki .nb a.icn-closebracket    { background-position:  -473px -120px; width: 5px}

div.dokuwiki .nb a.btn-dashboard       { background-position:     0px -150px; width: 78px}
div.dokuwiki .nb a.btn-sidebar-open    { background-position:  -180px -150px; width: 30px}
div.dokuwiki .nb a.btn-sidebar-close   { background-position:  -210px -150px; width: 30px}
div.dokuwiki .nb a.btn-sidebar-open:hover  { background-position:  -270px -150px; width: 30px}
div.dokuwiki .nb a.btn-sidebar-close:hover { background-position:  -300px -150px; width: 30px}
div.dokuwiki .nb a.btn-lessthan        { background-position:  -360px -150px; }
div.dokuwiki .nb a.btn-greaterthan     { background-position:  -420px -150px; }
div.dokuwiki .nb a.btn-no              { background-position:  -480px -150px; }
div.dokuwiki .nb a.btn-dashboard:hover { background-position:   -90px -150px; width: 78px}
div.dokuwiki .nb a.btn-lessthan:hover  { background-position:  -390px -150px; }
div.dokuwiki .nb a.btn-greaterthan:hover  { background-position:  -450px -150px; }
div.dokuwiki .nb a.btn-no:hover        { background-position:  -510px -150px; }


div.dokuwiki .nb a.btn-chapters        { background-position:     0px -180px; width: 66px}
div.dokuwiki .nb a.btn-settings        { background-position:  -180px -180px; width: 62px}
div.dokuwiki .nb a.btn-logout          { background-position:  -360px -180px; width: 55px}
div.dokuwiki .nb a.btn-upbracket       { background-position:  -480px -180px; }
div.dokuwiki .nb a.btn-chapters:hover  { background-position:   -90px -180px; width: 66px}
div.dokuwiki .nb a.btn-settings:hover  { background-position:  -270px -180px; width: 62px}
div.dokuwiki .nb a.btn-logout:hover    { background-position:  -420px -180px; width: 55px}
div.dokuwiki .nb a.btn-upbracket:hover { background-position:  -510px -180px; }

div.dokuwiki .nb a.icn-opencurly       { background-position:  -333px -180px; width: 7px}
div.dokuwiki .nb a.icn-opencurlysmall  { background-position:  -339px -180px; width: 7px}
div.dokuwiki .nb a.icn-closecurlysmall { background-position:  -345px -180px; width: 7px}
div.dokuwiki .nb a.icn-closecurly      { background-position:  -351px -180px; width: 7px}

div.dokuwiki .nb a.btn-firstpage       { background-position:     0px -210px; width: 73px}
div.dokuwiki .nb a.btn-priorpage       { background-position:  -180px -210px; width: 77px}
div.dokuwiki .nb a.btn-links           { background-position:  -360px -210px; width: 44px}
div.dokuwiki .nb a.btn-downbracket     { background-position:  -480px -210px; }
div.dokuwiki .nb a.btn-firstpage:hover { background-position:   -90px -210px; width: 73px}
div.dokuwiki .nb a.btn-priorpage:hover { background-position:  -270px -210px; width: 77px}
div.dokuwiki .nb a.btn-links:hover     { background-position:  -420px -210px; width: 44px}
div.dokuwiki .nb a.btn-downbracket:hover  { background-position:  -510px -210px; }

div.dokuwiki .nb a.btn-lastpage        { background-position:     0px -240px; width: 72px}
div.dokuwiki .nb a.btn-revisions       { background-position:  -180px -240px; width: 71px}
div.dokuwiki .nb a.btn-help            { background-position:  -360px -240px; width: 39px}
div.dokuwiki .nb a.btn-plus            { background-position:  -480px -240px; }
div.dokuwiki .nb a.btn-lastpage:hover  { background-position:   -90px -240px; width: 72px}
div.dokuwiki .nb a.btn-revisions:hover { background-position:  -270px -240px; width: 71px}
div.dokuwiki .nb a.btn-help:hover      { background-position:  -420px -240px; width: 39px}
div.dokuwiki .nb a.btn-plus:hover      { background-position:  -510px -240px; }

div.dokuwiki .nb a.btn-search          { background-position:     0px -270px; width: 55px}
div.dokuwiki .nb a.btn-print           { background-position:  -120px -270px; width: 41px}
div.dokuwiki .nb a.btn-email           { background-position:  -240px -270px; width: 46px}
div.dokuwiki .nb a.btn-rename          { background-position:  -360px -270px; width: 63px}
div.dokuwiki .nb a.btn-search:hover    { background-position:   -60px -270px; width: 55px}
div.dokuwiki .nb a.btn-print:hover     { background-position:  -180px -270px; width: 41px}
div.dokuwiki .nb a.btn-email:hover     { background-position:  -300px -270px; width: 46px}
div.dokuwiki .nb a.btn-rename:hover    { background-position:  -450px -270px; width: 63px}

div.dokuwiki .nb a.btn-index           { background-position:     0px -300px; width: 46px}
div.dokuwiki .nb a.btn-tools           { background-position:  -120px -300px; width: 46px}
div.dokuwiki .nb a.btn-home            { background-position:  -240px -300px; width: 47px}
div.dokuwiki .nb a.btn-nextpage        { background-position:  -360px -300px; width: 75px}
div.dokuwiki .nb a.btn-index:hover     { background-position:   -60px -300px; width: 46px}
div.dokuwiki .nb a.btn-tools:hover     { background-position:  -180px -300px; width: 46px}
div.dokuwiki .nb a.btn-home:hover      { background-position:  -300px -300px; width: 47px}
div.dokuwiki .nb a.btn-nextpage:hover  { background-position:  -450px -300px; width: 75px}

div.dokuwiki .nb a.btn-rss             { background-position:     0px -330px; width: 37px}
div.dokuwiki .nb a.btn-user            { background-position:  -120px -330px; width: 39px}
div.dokuwiki .nb a.btn-add             { background-position:  -240px -330px; width: 36px}
div.dokuwiki .nb a.btn-archives        { background-position:  -360px -330px; width: 66px}
div.dokuwiki .nb a.btn-rss:hover       { background-position:   -60px -330px; width: 37px}
div.dokuwiki .nb a.btn-user:hover      { background-position:  -180px -330px; width: 39px}
div.dokuwiki .nb a.btn-add:hover       { background-position:  -300px -330px; width: 36px}
div.dokuwiki .nb a.btn-archives:hover  { background-position:  -450px -330px; width: 66px}

div.dokuwiki .nb a.btn-share           { background-position:     0px -360px; width: 48px}
div.dokuwiki .nb a.btn-pages           { background-position:  -120px -360px; width: 50px}
div.dokuwiki .nb a.btn-move            { background-position:  -240px -360px; width: 44px}
div.dokuwiki .nb a.btn-toolbar         { background-position:  -360px -360px; width: 61px}
div.dokuwiki .nb a.btn-share:hover     { background-position:   -60px -360px; width: 48px}
div.dokuwiki .nb a.btn-pages:hover     { background-position:  -180px -360px; width: 50px}
div.dokuwiki .nb a.btn-move:hover      { background-position:  -300px -360px; width: 44px}
div.dokuwiki .nb a.btn-toolbar:hover   { background-position:  -450px -360px; width: 61px}

/* Synonyms used by dokuwiki kernel */
div.dokuwiki .nb a.edit                { background-position:  -240px -30px; }
div.dokuwiki .nb a.edit:hover          { background-position:  -270px -30px; }
div.dokuwiki .nb a.create              { background-position:  -120px -60px; }
div.dokuwiki .nb a.create:hover        { background-position:  -150px -60px; }
div.dokuwiki .nb a.show                { background-position:     0px -90px; }
div.dokuwiki .nb a.show:hover          { background-position:   -30px -90px; }
div.dokuwiki .nb a.revisions           { background-position:  -300px -30px; }
div.dokuwiki .nb a.revisions:hover     { background-position:  -330px -30px; }
div.dokuwiki .nb a.back                { background-position:  -300px -60px; }
div.dokuwiki .nb a.back:hover          { background-position:  -330px -60px; }
div.dokuwiki .nb a.backlink            { background-position:  -300px -90px; }
div.dokuwiki .nb a.backlink:hover      { background-position:  -330px -90px; }
div.dokuwiki .nb a.source              { background-position:  -300px -120px; }
div.dokuwiki .nb a.source:hover        { background-position:  -330px -120px; }



div.dokuwiki div.showicon a {
   float: left;
   overflow: hidden;
   background: url(/embedded-systems/lib/tpl/mosaic/images/nav_buttons.gif) no-repeat;
   width: 28px;
   height: 31px;
   padding: 0;
   margin-left: 2px;
}


div.dokuwiki .showicon a.icn-firstpage       { background-position:     0px   0px; }
div.dokuwiki .showicon a.icn-firstpagedim    { background-position:   -60px   0px; }
div.dokuwiki .showicon a.icn-priorpage       { background-position:   -90px   0px; }
div.dokuwiki .showicon a.icn-priorpagedim    { background-position:  -150px   0px; }
div.dokuwiki .showicon a.icn-nextpage        { background-position:  -180px   0px; }
div.dokuwiki .showicon a.icn-nextpagedim     { background-position:  -240px   0px; }
div.dokuwiki .showicon a.icn-lastpage        { background-position:  -270px   0px; }
div.dokuwiki .showicon a.icn-lastpagedim     { background-position:  -330px   0px; }
div.dokuwiki .showicon a.icn-up              { background-position:  -360px   0px; }
div.dokuwiki .showicon a.icn-updim           { background-position:  -420px   0px; }
div.dokuwiki .showicon a.icn-down            { background-position:  -450px   0px; }
div.dokuwiki .showicon a.icn-downdim         { background-position:  -510px   0px; }

div.dokuwiki .showicon a.icn-firstpage:hover { background-position:   -30px   0px; }
div.dokuwiki .showicon a.icn-priorpage:hover { background-position:  -120px   0px; }
div.dokuwiki .showicon a.icn-nextpage:hover  { background-position:  -210px   0px; }
div.dokuwiki .showicon a.icn-lastpage:hover  { background-position:  -300px   0px; }
div.dokuwiki .showicon a.icn-up:hover        { background-position:  -390px   0px; }
div.dokuwiki .showicon a.icn-down:hover      { background-position:  -480px   0px; }

div.dokuwiki .showicon a.icn-comment         { background-position:     0px -30px; }
div.dokuwiki .showicon a.icn-rss             { background-position:   -60px -30px; }
div.dokuwiki .showicon a.icn-help            { background-position:  -120px -30px; }
div.dokuwiki .showicon a.icn-backlink        { background-position:  -180px -30px; }
div.dokuwiki .showicon a.icn-edit            { background-position:  -240px -30px; }
div.dokuwiki .showicon a.icn-revisions       { background-position:  -300px -30px; }
div.dokuwiki .showicon a.icn-index           { background-position:  -360px -30px; }
div.dokuwiki .showicon a.icn-profile         { background-position:  -420px -30px; }
div.dokuwiki .showicon a.icn-adduser         { background-position:  -480px -30px; }
div.dokuwiki .showicon a.icn-comment:hover   { background-position:   -30px -30px; }
div.dokuwiki .showicon a.icn-rss:hover       { background-position:   -90px -30px; }
div.dokuwiki .showicon a.icn-help:hover      { background-position:  -150px -30px; }
div.dokuwiki .showicon a.icn-backlink:hover  { background-position:  -210px -30px; }
div.dokuwiki .showicon a.icn-edit:hover      { background-position:  -270px -30px; }
div.dokuwiki .showicon a.icn-revisions:hover { background-position:  -330px -30px; }
div.dokuwiki .showicon a.icn-index:hover     { background-position:  -390px -30px; }
div.dokuwiki .showicon a.icn-profile:hover   { background-position:  -450px -30px; }
div.dokuwiki .showicon a.icn-adduser:hover   { background-position:  -510px -30px; }

div.dokuwiki .showicon a.icn-addpage         { background-position:     0px -60px; }
div.dokuwiki .showicon a.icn-admin           { background-position:   -60px -60px; }
div.dokuwiki .showicon a.icn-create          { background-position:  -120px -60px; }
div.dokuwiki .showicon a.icn-user            { background-position:  -180px -60px; }
div.dokuwiki .showicon a.icn-move            { background-position:  -240px -60px; }
div.dokuwiki .showicon a.icn-parent          { background-position:  -300px -60px; }
div.dokuwiki .showicon a.icn-print           { background-position:  -360px -60px; }
div.dokuwiki .showicon a.icn-digg            { background-position:  -420px -60px; }
div.dokuwiki .showicon a.icn-google          { background-position:  -480px -60px; }
div.dokuwiki .showicon a.icn-addpage:hover   { background-position:   -30px -60px; }
div.dokuwiki .showicon a.icn-admin:hover     { background-position:   -90px -60px; }
div.dokuwiki .showicon a.icn-create:hover    { background-position:  -150px -60px; }
div.dokuwiki .showicon a.icn-user:hover      { background-position:  -210px -60px; }
div.dokuwiki .showicon a.icn-move:hover      { background-position:  -270px -60px; }
div.dokuwiki .showicon a.icn-parent:hover    { background-position:  -330px -60px; }
div.dokuwiki .showicon a.icn-print:hover     { background-position:  -390px -60px; }
div.dokuwiki .showicon a.icn-digg:hover      { background-position:  -450px -60px; }
div.dokuwiki .showicon a.icn-google:hover    { background-position:  -510px -60px; }

div.dokuwiki .showicon a.icn-show            { background-position:     0px -90px; }
div.dokuwiki .showicon a.icn-subscribe       { background-position:   -60px -90px; }
div.dokuwiki .showicon a.icn-recent          { background-position:  -120px -90px; }
div.dokuwiki .showicon a.icn-unsubscribe     { background-position:  -180px -90px; }
div.dokuwiki .showicon a.icn-home            { background-position:  -240px -90px; }
div.dokuwiki .showicon a.icn-linksin         { background-position:  -300px -90px; }
div.dokuwiki .showicon a.icn-linksout        { background-position:  -360px -90px; }
div.dokuwiki .showicon a.icn-show:hover      { background-position:   -30px -90px; }
div.dokuwiki .showicon a.icn-subscribe:hover { background-position:   -90px -90px; }
div.dokuwiki .showicon a.icn-recent:hover    { background-position:  -150px -90px; }
div.dokuwiki .showicon a.icn-unsubscribe:hover  { background-position:  -210px -90px; }
div.dokuwiki .showicon a.icn-home:hover      { background-position:  -270px -90px; }
div.dokuwiki .showicon a.icn-linksin:hover   { background-position:  -330px -90px; }
div.dokuwiki .showicon a.icn-linksout:hover  { background-position:  -390px -90px; }

div.dokuwiki .showicon a.icn-vertbar         { background-position:  -420px -90px; width: 7px}
div.dokuwiki .showicon a.icn-vertbar2        { background-position:  -420px -90px; width: 11px}
div.dokuwiki .showicon a.icn-widevertbar     { background-position:  -428px -90px; width: 8px}
div.dokuwiki .showicon a.icn-widevertbar2    { background-position:  -428px -90px; width: 13px}
div.dokuwiki .showicon a.icn-bigvertbar      { background-position:  -438px -90px; width: 9px}
div.dokuwiki .showicon a.icn-dashshort       { background-position:  -450px -90px; width: 5px}
div.dokuwiki .showicon a.icn-dash            { background-position:  -450px -90px; width: 10px}
div.dokuwiki .showicon a.icn-dashlong        { background-position:  -450px -90px; width: 15px}
div.dokuwiki .showicon a.icn-horizbar        { background-position:  -450px -90px; }
div.dokuwiki .showicon a.icn-dashdouble      { background-position:  -480px -90px; width: 10px}
div.dokuwiki .showicon a.icn-horizbardouble  { background-position:  -480px -90px; }
div.dokuwiki .showicon a.icn-horizbardoublewide { background-position:  -510px -90px; }


div.dokuwiki .showicon a.icn-favorites       { background-position:  -240px -120px; }
div.dokuwiki .showicon a.icn-source          { background-position:  -300px -120px; }
div.dokuwiki .showicon a.icn-favorites:hover { background-position:  -270px -120px; }
div.dokuwiki .showicon a.icn-source:hover    { background-position:  -330px -120px; }

div.dokuwiki .showicon a.icn-find            { background-position:     0px -120px; }
div.dokuwiki .showicon a.icn-bookmark        { background-position:   -60px -120px; }
div.dokuwiki .showicon a.icn-delicious       { background-position:  -120px -120px; }
div.dokuwiki .showicon a.icn-outline         { background-position:  -180px -120px; }
div.dokuwiki .showicon a.btn-toc             { background-position:  -360px -120px; width: 39px}
div.dokuwiki .showicon a.btn-yes             { background-position:  -480px -120px; }
div.dokuwiki .showicon a.btn-close           { background-position:  -520px -330px; width: 13px}

div.dokuwiki .showicon a.icn-find:hover      { background-position:   -30px -120px; }
div.dokuwiki .showicon a.icn-bookmark:hover  { background-position:   -90px -120px; }
div.dokuwiki .showicon a.icn-delicious:hover { background-position:  -150px -120px; }
div.dokuwiki .showicon a.icn-outline:hover   { background-position:  -210px -120px; }
div.dokuwiki .showicon a.btn-toc:hover       { background-position:  -420px -120px; width: 39px}
div.dokuwiki .showicon a.btn-yes:hover       { background-position:  -510px -120px; }
div.dokuwiki .showicon a.btn-close:hover     { background-position:  -520px -360px; width: 13px}

div.dokuwiki .showicon a.icn-openparen       { background-position:  -399px -120px; width: 5px}
div.dokuwiki .showicon a.icn-openparensmall  { background-position:  -404px -120px; width: 5px}
div.dokuwiki .showicon a.icn-closeparensmall { background-position:  -409px -120px; width: 5px}
div.dokuwiki .showicon a.icn-closeparen      { background-position:  -413px -120px; width: 5px}
div.dokuwiki .showicon a.icn-openbracket     { background-position:  -459px -120px; width: 5px}
div.dokuwiki .showicon a.icn-openbracketsmall   { background-position:  -464px -120px; width: 5px}
div.dokuwiki .showicon a.icn-closebracketsmall  { background-position:  -468px -120px; width: 5px}
div.dokuwiki .showicon a.icn-closebracket    { background-position:  -473px -120px; width: 5px}

div.dokuwiki .showicon a.btn-dashboard       { background-position:     0px -150px; width: 78px}
div.dokuwiki .showicon a.btn-lessthan        { background-position:  -360px -150px; }
div.dokuwiki .showicon a.btn-greaterthan     { background-position:  -420px -150px; }
div.dokuwiki .showicon a.btn-no              { background-position:  -480px -150px; }
div.dokuwiki .showicon a.btn-dashboard:hover { background-position:   -90px -150px; width: 78px}
div.dokuwiki .showicon a.btn-lessthan:hover  { background-position:  -390px -150px; }
div.dokuwiki .showicon a.btn-greaterthan:hover  { background-position:  -450px -150px; }
div.dokuwiki .showicon a.btn-no:hover        { background-position:  -510px -150px; }
div.dokuwiki .showicon a.btn-sidebar-open    { background-position:  -180px -150px; width: 30px}
div.dokuwiki .showicon a.btn-sidebar-close   { background-position:  -210px -150px; width: 30px}
div.dokuwiki .showicon a.btn-sidebar-open:hover  { background-position:  -270px -150px; width: 30px}
div.dokuwiki .showicon a.btn-sidebar-close:hover { background-position:  -300px -150px; width: 30px}


div.dokuwiki .showicon a.btn-chapters        { background-position:     0px -180px; width: 66px}
div.dokuwiki .showicon a.btn-settings        { background-position:  -180px -180px; width: 62px}
div.dokuwiki .showicon a.btn-logout          { background-position:  -360px -180px; width: 55px}
div.dokuwiki .showicon a.btn-upbracket       { background-position:  -480px -180px; }
div.dokuwiki .showicon a.btn-chapters:hover  { background-position:   -90px -180px; width: 66px}
div.dokuwiki .showicon a.btn-settings:hover  { background-position:  -270px -180px; width: 62px}
div.dokuwiki .showicon a.btn-logout:hover    { background-position:  -420px -180px; width: 55px}
div.dokuwiki .showicon a.btn-upbracket:hover { background-position:  -510px -180px; }

div.dokuwiki .showicon a.icn-opencurly       { background-position:  -333px -180px; width: 7px}
div.dokuwiki .showicon a.icn-opencurlysmall  { background-position:  -339px -180px; width: 7px}
div.dokuwiki .showicon a.icn-closecurlysmall { background-position:  -345px -180px; width: 7px}
div.dokuwiki .showicon a.icn-closecurly      { background-position:  -351px -180px; width: 7px}

div.dokuwiki .showicon a.btn-firstpage       { background-position:     0px -210px; width: 73px}
div.dokuwiki .showicon a.btn-priorpage       { background-position:  -180px -210px; width: 77px}
div.dokuwiki .showicon a.btn-links           { background-position:  -360px -210px; width: 44px}
div.dokuwiki .showicon a.btn-downbracket     { background-position:  -480px -210px; }
div.dokuwiki .showicon a.btn-firstpage:hover { background-position:   -90px -210px; width: 73px}
div.dokuwiki .showicon a.btn-priorpage:hover { background-position:  -270px -210px; width: 77px}
div.dokuwiki .showicon a.btn-links:hover     { background-position:  -420px -210px; width: 44px}
div.dokuwiki .showicon a.btn-downbracket:hover  { background-position:  -510px -210px; }

div.dokuwiki .showicon a.btn-lastpage        { background-position:     0px -240px; width: 72px}
div.dokuwiki .showicon a.btn-revisions       { background-position:  -180px -240px; width: 71px}
div.dokuwiki .showicon a.btn-help            { background-position:  -360px -240px; width: 39px}
div.dokuwiki .showicon a.btn-plus            { background-position:  -480px -240px; }
div.dokuwiki .showicon a.btn-lastpage:hover  { background-position:   -90px -240px; width: 72px}
div.dokuwiki .showicon a.btn-revisions:hover { background-position:  -270px -240px; width: 71px}
div.dokuwiki .showicon a.btn-help:hover      { background-position:  -420px -240px; width: 39px}
div.dokuwiki .showicon a.btn-plus:hover      { background-position:  -510px -240px; }

div.dokuwiki .showicon a.btn-search          { background-position:     0px -270px; width: 55px}
div.dokuwiki .showicon a.btn-print           { background-position:  -120px -270px; width: 41px}
div.dokuwiki .showicon a.btn-email           { background-position:  -240px -270px; width: 46px}
div.dokuwiki .showicon a.btn-rename          { background-position:  -360px -270px; width: 63px}
div.dokuwiki .showicon a.btn-search:hover    { background-position:   -60px -270px; width: 55px}
div.dokuwiki .showicon a.btn-print:hover     { background-position:  -180px -270px; width: 41px}
div.dokuwiki .showicon a.btn-email:hover     { background-position:  -300px -270px; width: 46px}
div.dokuwiki .showicon a.btn-rename:hover    { background-position:  -450px -270px; width: 63px}

div.dokuwiki .showicon a.btn-index           { background-position:     0px -300px; width: 46px}
div.dokuwiki .showicon a.btn-tools           { background-position:  -120px -300px; width: 46px}
div.dokuwiki .showicon a.btn-home            { background-position:  -240px -300px; width: 47px}
div.dokuwiki .showicon a.btn-nextpage        { background-position:  -360px -300px; width: 75px}
div.dokuwiki .showicon a.btn-index:hover     { background-position:   -60px -300px; width: 46px}
div.dokuwiki .showicon a.btn-tools:hover     { background-position:  -180px -300px; width: 46px}
div.dokuwiki .showicon a.btn-home:hover      { background-position:  -300px -300px; width: 47px}
div.dokuwiki .showicon a.btn-nextpage:hover  { background-position:  -450px -300px; width: 75px}

div.dokuwiki .showicon a.btn-rss             { background-position:     0px -330px; width: 37px}
div.dokuwiki .showicon a.btn-user            { background-position:  -120px -330px; width: 39px}
div.dokuwiki .showicon a.btn-add             { background-position:  -240px -330px; width: 36px}
div.dokuwiki .showicon a.btn-archives        { background-position:  -360px -330px; width: 66px}
div.dokuwiki .showicon a.btn-rss:hover       { background-position:   -60px -330px; width: 37px}
div.dokuwiki .showicon a.btn-user:hover      { background-position:  -180px -330px; width: 39px}
div.dokuwiki .showicon a.btn-add:hover       { background-position:  -300px -330px; width: 36px}
div.dokuwiki .showicon a.btn-archives:hover  { background-position:  -450px -330px; width: 66px}

div.dokuwiki .showicon a.btn-share           { background-position:     0px -360px; width: 48px}
div.dokuwiki .showicon a.btn-pages           { background-position:  -120px -360px; width: 50px}
div.dokuwiki .showicon a.btn-move            { background-position:  -240px -360px; width: 44px}
div.dokuwiki .showicon a.btn-toolbar         { background-position:  -360px -360px; width: 61px}
div.dokuwiki .showicon a.btn-share:hover     { background-position:   -60px -360px; width: 48px}
div.dokuwiki .showicon a.btn-pages:hover     { background-position:  -180px -360px; width: 50px}
div.dokuwiki .showicon a.btn-move:hover      { background-position:  -300px -360px; width: 44px}
div.dokuwiki .showicon a.btn-toolbar:hover   { background-position:  -450px -360px; width: 61px}

/* Synonyms used by dokuwiki kernel */
div.dokuwiki .showicon a.edit                { background-position:  -240px -30px; }
div.dokuwiki .showicon a.edit:hover          { background-position:  -270px -30px; }
div.dokuwiki .showicon a.create              { background-position:  -120px -60px; }
div.dokuwiki .showicon a.create:hover        { background-position:  -150px -60px; }
div.dokuwiki .showicon a.show                { background-position:     0px -90px; }
div.dokuwiki .showicon a.show:hover          { background-position:   -30px -90px; }
div.dokuwiki .showicon a.revisions           { background-position:  -300px -30px; }
div.dokuwiki .showicon a.revisions:hover     { background-position:  -330px -30px; }
div.dokuwiki .showicon a.back                { background-position:  -300px -60px; }
div.dokuwiki .showicon a.back:hover          { background-position:  -330px -60px; }
div.dokuwiki .showicon a.backlink            { background-position:  -300px -90px; }
div.dokuwiki .showicon a.backlink:hover      { background-position:  -330px -90px; }
div.dokuwiki .showicon a.source              { background-position:  -300px -120px; }
div.dokuwiki .showicon a.source:hover        { background-position:  -330px -120px; }


/* Back to top button */

div.dokuwiki a.backtotop {
  float: right;
  width: 1.1em;
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/up_arrow_blue_05.gif) no-repeat top center;
}

/* I tried to turn off the first backtotop arrow, but without success.  I don't know
   why the following doesn't work. --pkc
*/
div.dokuwiki a.backtotop:first-child {
   display: none;
}

div.dokuwiki a.action_top {
  float: right;
  width: auto;
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/up_arrow_blue_05.gif) no-repeat top right;
  padding-right: 16px;
}

div.dokuwiki a.backtotop:hover, div.dokuwiki a.action_top:hover {
  text-decoration: none;
  background-image: url(/embedded-systems/lib/tpl/mosaic/images/actions/up_arrow_blue_06.gif);
}

/* Better colors for the admin page configuration boxes */
div #config__manager { background-color: #FAFDFC; }
div #config__manager form fieldset {background-color: #CDD0EC;}
div #config__manager tr input { background-color: #FAFDFC; }
div #config__manager tr.default input,
div #config__manager tr.default div.input {background-color: #CDD0EC;}


/* Intended to make the indexmenu picker shown on the edit page visible instead of 
   being only a thin horizontal line -- but still doesn't work! 
   Unless I set the height the height seems to be zero.  The results of the following css
   are to show the picker box, but it is a fixed blue box with no text or controls in it. */
div#picker_plugin_indexmenu { 
	height: 100px !important;
}

/* Template styling */
div.dokuwiki div.stylefoot {font-size:80%}
/**
 * This file contains CSS styles for the default html tags used for content.  
 * A separat file called layout.css contains the styles that define the page layout and appearance.
 * Customizations to the css for plugins are placed at the end of this file.
 *
 * @author Paul Clifford <paul@mosaic-industries.com>
 *
 *
 * After any editing of this file, you must copy the entire file verbatim into the
 * print_design_copy.css file so that your css changes are propogated to the stylesheet
 * used for printing.
*/

/* ---------------- simple elements     ------------------------ */

/* --------- start by setting margins, paddings, and fonts ---------- */

* { padding: 0; margin: 0; }
div.dokuwiki img { border: 0; }
div.dokuwiki p, div.dokuwiki blockquote, div.dokuwiki table, div.dokuwiki pre { margin: 1.0em 0 0 0; }
div.dokuwiki hr { border: 0px; border-top: 1px solid #126; }

div.dokuwiki, div .dokuwiki *, 
div.insitu-footnote, div.insitu-footnote * {
  /* these fonts are in the order of larger (less condensed) to smaller (denser) */
  font-family: Verdana, Lucida, "Lucida Grande", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
}

/* If I don't set a line-height the different browsers set it differently, Firefox
 * sets it to about 1.22.  I set it to 1.33 using a dimensionless number rather than
 * using ems, so it is passed down as a dimensionless factor rather than being computed
 * as a number of pixels and passed down that way.  1.33 is ideal for documentation using
 * Arial fonts, while 1.22 or 1.1 might be OK for menu lists.
*/

/* ---------------- action links ------------------------ */

div.dokuwiki .addpage {
  padding: 5px 1px 5px 26px ;
  background: url(/embedded-systems/lib/tpl/mosaic/images/actions/add.gif) no-repeat;
  background-position: center left;
  font-variant:small-caps;
}

div.dokuwiki .movepage {
  padding: 6px 1px 5px 26px ;
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/move.gif) no-repeat;
  background-position: center left;
  font-variant:small-caps;
}

div.dokuwiki div.smallpadding {
  margin: 5px 0px 5px 2px ;
  background-position: center left;
  font-variant:small-caps;
}

div.dokuwiki a.recent,
div.dokuwiki a.index,
div.dokuwiki a.edit,
div.dokuwiki a.show,
div.dokuwiki a.create,
div.dokuwiki a.back,
div.dokuwiki a.revisions,
div.dokuwiki a.backlink,
div.dokuwiki a.login,
div.dokuwiki a.logout,
div.dokuwiki a.subscribe,
div.dokuwiki a.unsubscribe,
div.dokuwiki a.profile,
div.dokuwiki a.admin,
div.dokuwiki a.source,
div.dokuwiki a.previous,
div.dokuwiki a.digg,
div.dokuwiki a.delicious,
div.dokuwiki a.googlebookmark {
  padding: 7px 1px 7px 25px ;
  background-position: center left;
  font-variant:small-caps;
}

div.dokuwiki a.recent      { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/see_revisions.png)     no-repeat;}
div.dokuwiki a.index       { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/index.png)      no-repeat;}
div.dokuwiki a.edit        { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/edit.gif)       no-repeat;}
div.dokuwiki a.create      { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/create.gif)     no-repeat;}
div.dokuwiki a.show        { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/show.gif)       no-repeat;}
div.dokuwiki a.revisions   { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/history.gif)   no-repeat;}
div.dokuwiki a.backlink    { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/backlink.gif)   no-repeat;}
div.dokuwiki a.login       { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/user_go_24x24.png)      no-repeat;}
div.dokuwiki a.logout      { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/user_go_24x24.png)      no-repeat;}
div.dokuwiki a.subscribe   { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/subscribe.gif)  no-repeat;}
div.dokuwiki a.unsubscribe { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/unsubscribe.gif) no-repeat; }
div.dokuwiki a.profile     { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/profile2.gif)    no-repeat;}
div.dokuwiki a.admin       { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/admin_gears.png)      no-repeat;}
div.dokuwiki a.source      { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/show.gif)       no-repeat;}
div.dokuwiki a.back        { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/previous.gif)   no-repeat;}
div.dokuwiki a.previous    { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/previous.gif)   no-repeat;}
div.dokuwiki a.digg        { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/digg.gif)       no-repeat;}
div.dokuwiki a.delicious   { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/delicious.gif)  no-repeat;}
div.dokuwiki a.googlebookmark { background: transparent url(/embedded-systems/lib/tpl/mosaic/images/actions/google.gif)  no-repeat;}

/* ---------------- alignments  ------------------------ */

div.dokuwiki .leftalign   { text-align: left;   }
div.dokuwiki .centeralign { text-align: center; }
div.dokuwiki .rightalign  { text-align: right;  }

/* ---------------- forms ------------------------ */

div.dokuwiki form {
  border: none;
  display: inline;
}

div.dokuwiki label.block {
  display: block;
  text-align: right;
  font-weight: bold;
}

div.dokuwiki label.simple {
  display: block;
  text-align: left;
  font-weight: normal;
}

div.dokuwiki label.block input.edit {
  width: 50%;
}

/* input.edit { width: 40%; } */

div.dokuwiki fieldset {
  width: 300px;
  text-align: center;
  border: 1px solid #126;
  padding: 0.5em;
  margin: auto;
}

div.dokuwiki textarea.edit {
  font-family: monospace, courier;
  font-size: 10pt;
  color: #000;
  background-color: #FFF;
  border: 1px solid #126;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

/* nice alphatransparency background except for IE <7 */
html>body  textarea.edit {
  background:  #FFF url(/embedded-systems/lib/tpl/mosaic/images/inputshadow.gif) repeat-x top;
}

div.dokuwiki input.edit,
div.dokuwiki select.edit {
  font-size: 100%;
  border: 1px solid #126;
  color: #000;
  background-color: #FFF;
  vertical-align: bottom;
  margin: 1px;
  padding: 0.25em 0.3em;
  display: inline;
}

/* nice alphatransparency background except for IE <7 */
html>body  input.edit,
html>body  select.edit {
  background:  #FFF url(/embedded-systems/lib/tpl/mosaic/images/inputshadow.gif) repeat-x top;
}

div.dokuwiki select.edit {
  padding: 0.1em 0;
}

div.dokuwiki input.missing {
  font-size: 100%;
  border: 1px solid #126;
  color: #000;
  background-color: #ffcccc;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* edit form */

div.dokuwiki div.toolbar,
div.dokuwiki div#wiki__editbar {
   margin: 2px 0;
   text-align: left;
}
div.dokuwiki div#size__ctl {
   float: right;
   width: 60px;
   height: 2em;
}
div.dokuwiki #size__ctl img {
   cursor: pointer;
}

div.dokuwiki input#edbtn__save_null {display:none;}

div.dokuwiki div#wiki__editbar div.editButtons {
   float: left;
   padding: 0 0.5em 0.2em 0.5em ;
   font-size: 88%;
}
div.dokuwiki div#wiki__editbar div.summary {
   font-size: 88%;
   float: right;
   padding-top: 1px;
}
div.dokuwiki .nowrap {
   white-space: nowrap;
}
div.dokuwiki div#draft__status {
  float: right;
  color: #0D2264;
}

div.dokuwiki div.license {
  padding: 0.5em;
  font-size: 90%;
  text-align: center;
}

div.dokuwiki form#dw__editform div.license {
  clear: left;
  font-size: 90%;
}

/* --------- buttons ------------------- */


div.dokuwiki input.button,
div.dokuwiki button.button {
  border: 1px solid #126;
  color: #000;
  background-color: #FAFDFC;
  background:  #FAFDFC url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheader.gif) repeat-x bottom;
  vertical-align: middle;
  text-decoration: none;
  font-size: 100%;
  cursor: pointer;
  margin: 1px;
  padding: 0.125em 0.4em;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.button,
html>body div.dokuwiki button.button {
  background:  #FAFDFC url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheader.gif) repeat-x bottom;
}

div.dokuwiki input.button:hover,
div.dokuwiki button.button:hover {
  border: 1px solid #126;
  background-color: #FAFDFC;
  background:  #FAFDFC url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheaderhighlight.gif) repeat-x bottom;
 }

* html div.dokuwiki input.button,
* html div.dokuwiki button.button {
  height: 1.8em;
}

div.dokuwiki div.secedit input.button {
  border: 1px solid #FFF;
  border-top: 0px;
  background: none;
  color: #0D2264;
  /* vertical-align: middle; */
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 10px;
  cursor: pointer;
  float: right;
  display: inline;
}

div.dokuwiki div.secedit input.button:hover {
  border: 1px solid #68A;
  border-top: 0px;
/*  border-top: 1px solid #FFF; */
  border-left: 1px solid #FFF;
  background-color: #dee7ec;
/*  background-color: #FAFDFC; */
}

div.dokuwiki div.navbar div.secedit2,
div.dokuwiki div.stylefoot div.secedit2,
div.dokuwiki div.quicklinks div.secedit2 { display: none; }

/* ----------- page navigator ------------- */

div.dokuwiki div.pagenav {
    margin: 1em 0 0 0;
}

div.dokuwiki div.pagenav-prev {
    text-align: right;
    float: left;
    width: 49%
}

div.pagenav-next {
    text-align: left;
    float: right;
    width: 49%
}

/* --------------- Links ------------------ */
/* For all browsers to work, should be in the order link-visited-hover-active */
/*   text-decoration:underline;  */
div.dokuwiki a:link,
div.dokuwiki a:visited {
  color: #139;
  text-decoration: none;
}
div.dokuwiki a:hover {
  color:#67B;
  text-decoration:underline;
}
div.dokuwiki a:active {
  color:#67B;
  text-decoration: none;
}

/* folder links */
div.dokuwiki a.folder:link,
div.dokuwiki a.folder:visited {
  color: #156;
  text-decoration: none;
}

div.dokuwiki a.folder:hover {
  color: #156;
  text-decoration: none;
  font-weight: bolder;
}

div.dokuwiki a.folder:active {
  color: #156;
  text-decoration: none;
  font-weight: bolder;
}

div.dokuwiki p.p_folded{
  margin-top: 0.5em;
}

/* #000  */
div.dokuwiki h1 a,
div.dokuwiki h2 a,
div.dokuwiki h3 a,
div.dokuwiki h4 a,
div.dokuwiki h5 a,
div.dokuwiki h1 a:hover,
div.dokuwiki h2 a:hover,
div.dokuwiki h3 a:hover,
div.dokuwiki h4 a:hover,
div.dokuwiki h5 a:hover {
  color: #006;
  text-decoration: none;
}

/* external link */
div.dokuwiki a.urlextern {
    background: transparent url(/embedded-systems/lib/tpl/mosaic/images/link_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
    color:#139;
    text-decoration:underline;
}
div.dokuwiki a.urlextern:visited {
  color: #809  ;
}
div.dokuwiki a.urlextern:hover {
  color:#67B ;
  text-decoration:underline;
}

/* windows share */
div.dokuwiki a.windows {
    background: transparent url(/embedded-systems/lib/tpl/mosaic/images/windows.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
    color:#139;
    text-decoration: none;
}
div.dokuwiki a.windows:visited {
  color:#809 ;
  text-decoration: none;
}
div.dokuwiki a.windows:hover {
  color:#67B;
  text-decoration:underline;
}

/* interwiki link (icon are set by dokuwiki) */
div.dokuwiki a.interwiki {
    color:#139;
  text-decoration: none;
}
div.dokuwiki a.interwiki:visited {
  color:#809 ;
  text-decoration: none;
}
div.dokuwiki a.interwiki:hover {
  color:#67B ;
  text-decoration:underline;
}

/* link to some embedded media */
/*   text-decoration:underline;  */
div.dokuwiki a.media {
  color:#139;
  text-decoration: none;
}
div.dokuwiki a.media:hover {
  color:#67B;
  text-decoration:underline
}

/* email link */
div.dokuwiki a.mail {
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
  color:#139;
  text-decoration: none;
}
div.dokuwiki a.mail:hover {
  color:#67B ;
  text-decoration:underline;
}

/* existing wikipage */
div.dokuwiki a.wikilink1:link    { color:#139;  text-decoration: none; }
div.dokuwiki a.wikilink1:visited { color:#809;  text-decoration: none; }
div.dokuwiki a.wikilink1:hover   { color:#67B; text-decoration:underline }

/* not existing wikipage */
div.dokuwiki a.wikilink2:link    { color:#B21;  text-decoration: none; }
div.dokuwiki a.wikilink2:visited { color:#B21;   text-decoration: none; }
div.dokuwiki a.wikilink2:hover   { color:#B21; text-decoration:underline }


/* ------------- Page elements ----------------- */

/* Gray out the <del> tag: */
div.dokuwiki del {color: #455;} 

div.dokuwiki div.preview {
  background-color: #F5F5F5;
  margin: 0 0 0 2em;
  padding: 4px;
  border: 1px dashed #000;
}

div.dokuwiki span.linkcolor { color: #139; }

div.dokuwiki span.user {
  color: #0D2264;
  font-size: 90%;
}

div.dokuwiki li.minor {
  color: #666;
  font-style: italic;
}

/* embedded images */
div.dokuwiki img.media {
  margin: 3px;
}

div.dokuwiki img.medialeft {
  border: 0;
  float: left;
  margin: 0 1.5em 0 0;
}

div.dokuwiki img.mediaright {
  border: 0;
  float: right;
  margin: 0 0 0 1.5em;
}

div.dokuwiki img.mediacenter {
  border: 0;
  display: block;
  margin: 0 auto;
}

/* smileys */
div.dokuwiki img.middle {
  vertical-align: middle;
}

div.dokuwiki acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}

/* general headline setup */
div.dokuwiki h1,
div.dokuwiki h2,
div.dokuwiki h3,
div.dokuwiki h4,
div.dokuwiki h5 {
    color: #006 ;
    background-color: transparent;
	/* use denser Arial here first */
	 font-family: Arial, Helvetica, Verdana, Geneva, Lucida, "Lucida Grande", "Lucida Sans", sans-serif;
    font-size: 100%;
    line-height: 1.2;
    font-weight: normal;
    margin: 0.5em 0 0.5em 0;
    padding: 0.5em 0 0 0;
    border-bottom: 1px solid #126;
    clear: left;
    text-align: left;
}

/* ****************************************************************************** */

/* Indexmenu styling used for the navbar and also for the indexmenu when it appears in the page*/
/* Most of the following are not qualified with div.navbar because the styles are also */
/* used to style other appearances of the folder tree, even when it is on an ordinary page. */

div.indexmenu_rmenu {
background-color: #FAFDFC;
}

/* Top level of the menu tree is not shown.  In the navbar there is a separate heading link
 * to show it; in the content pane the user must place appropriate text. */ 
div.dtree > div.dTreeNode {
display: none;
}

/* First sublevel of the menu tree is given a little more headroom */ 
div.dtree > div.clip > div.dTreeNode {
margin-top: 3px;
}

/* First sublevel of the menu tree */ 
div.dtree > div.clip > div.dTreeNode a.nodeFdUrl,
div.dtree > div.clip > div.dTreeNode a.navSel {
font-weight: bold;
}

/* First sublevel of the menu tree */ 
/*
div.dtree > div.clip > div.dTreeNode {}
div.dtree > div.clip > div.dTreeNode a:hover {}
*/
/* First sublevel folder image  */
/* div.dtree > div.clip > div.dTreeNode > img {} */

/* First sublevel connection image  */
/* div.dtree > div.clip > div.dTreeNode > img:first-child {} */

/* Connection images between first sublevel items  */
div.dTreeNode > img.node0 {
visibility: hidden;
}
/* For the 20090506 version of indexmenu */
div.dTreeNode > img:first-child {
visibility: hidden;
}


div.dtree a:hover {
  background-color: transparent !important;
}
/* ****************************************************************************** */

/* pkc: special headlines */
/* special headlines */
/* pkc: I changed these headlines and sections so that h1 can be used as a page title, and h2  */
/* is then used as the major heading throughout a page.                                        */


div.dokuwiki h1 {font-size: 190%; text-align: center;
                 margin-right: 3px; margin-left: 3px; margin-top: 0;
                 border-bottom: 2px groove #126;
                 font-weight: bold; font-family: Times New Roman, serif}
div.dokuwiki h2 {font-size: 160%; margin-left: 3px; }
div.dokuwiki h3 {font-size: 140%; margin-left: 18px; }
div.dokuwiki h4 {font-size: 120%; margin-left: 33px; border-bottom: none; font-weight: bold;}
div.dokuwiki h5 {
   font-size: 110%; 
   padding: 4px 0 0 5px;
   margin: 1em 12px -2px 12px; 
   font-weight: bold; 
   background-color: #FAFDFC;
   background: #FAFDFC url(/embedded-systems/lib/tpl/mosaic/images/glossaryheader.gif) repeat-x top;
border-top: 1px solid #126;
border-bottom: none;
   /*
   border-style: ridge;
   border-color: #126;
   border-width: 1px 2px 0px 1px;
   */
   }


/* I changed these headlines and sections so that h1 can be used as a page title, and h2 is then */
/* used as the major heading throughout a page.  H5 should not be used on a page, except for glossary terms. */

div.dokuwiki div.level1,
div.dokuwiki div.level2,
div.dokuwiki div.level3,
div.dokuwiki div.level4 {margin-left:  5px; text-align: left; margin-right: 1em;}
div.dokuwiki div.level1 {margin-right: 5px;}
div.dokuwiki div.level3 {margin-left: 23px;}
div.dokuwiki div.level4 {margin-left: 38px;}

/* for glossary definitions */
div.dokuwiki div.level5 {
  font-size: 93%;
  margin:-2px 12px 0 12px;
  padding: 4px 12px 6px 11px;
  text-align: left; 
/*  border: 2px ridge #126;
  border-width: 0px 0px 0px 1px; 
*/
  }
/*
div.dokuwiki div.level5 + div.level5,
div.dokuwiki div.secedit + div.level5 {border-top:none;}
*/
div.dokuwiki div.level5 a.backtotop {
margin: 0; padding: 0;
position: relative; top: 0; right:-27px;
}
  

div.dokuwiki div.level5 + div.secedit {
margin:0; padding:0; 
position:relative; top:-5px; right: -26px;
}
div.dokuwiki div.level5 + div.secedit input.button,
div.dokuwiki div.level5 + div.secedit input.button:hover {border:none;}


/* for glossaries */
div.dokuwiki div.level5 p, 
div.dokuwiki div.level5 blockquote, 
div.dokuwiki div.level5 table, 
div.dokuwiki div.level5 pre {margin-top:0.5em}
div.dokuwiki div.level5 pre.code {padding: 0.2em}

div.dokuwiki span.def p, 
div.dokuwiki span.def blockquote, 
div.dokuwiki span.def table, 
div.dokuwiki span.def pre {margin-top:0.5em}
div.dokuwiki span.def pre.code {padding: 0.2em}

/* unordered lists */
div.dokuwiki ul {
  list-style-type: square;
  list-style-image: none;
  margin: 0em 1em 0em 1.75em;
  color: #589;
}

/* ordered lists */
div.dokuwiki ol {
  list-style-image: none;
  margin: 0em 1em 0em 1.75em;
  color: #0D2264;
  font-weight: bold;
}

/* the list items overriding the ul/ol definition */
div.dokuwiki .li {
  color: #000;
  font-weight: normal;
}

/* pkc:  up to six levels of ordered and unordered lists */
div.dokuwiki ol                  {list-style-type:     decimal; margin-top: 0.5em; }
div.dokuwiki ol ol               {list-style-type: lower-alpha; margin-top:   0em; }
div.dokuwiki ol ol ol            {list-style-type:     decimal; }
div.dokuwiki ol ol ol ol         {list-style-type: lower-alpha; }
div.dokuwiki ol ol ol ol ol      {list-style-type:     decimal; }
div.dokuwiki ol ol ol ol ol ol   {list-style-type: lower-greek; }

div.dokuwiki ol li                  { margin-top:   1.2em; }
div.dokuwiki ol ol li               { margin-top:    .6em; }
div.dokuwiki ol ol ol li            { margin-top:    .4em; }
div.dokuwiki ol ol ol ol li         { margin-top:   .25em; }
/* div.dokuwiki ol ol ol ol ol li      { margin-top: .25em; } */
/* div.dokuwiki ol ol ol ol ol ol li   { margin-top: .25em; } */

div.dokuwiki li p:first-child {margin-top:   0em; }

div.dokuwiki ol p+p                  {margin-top: .6em;  }
div.dokuwiki ol ol p+p               {margin-top: .3em;  }
div.dokuwiki ol ol ol p+p            {margin-top: .25em; }
div.dokuwiki ol ol ol ol p+p         {margin-top: .2em;  }

div.dokuwiki ul li             { margin-top:  .6em; }
div.dokuwiki ul ul li          { margin-top:  .4em; }
div.dokuwiki ul ul ul li       { margin-top:  .3em; }
div.dokuwiki ul ul ul ul li    { margin-top:  .2em; }
div.dokuwiki ul ul ul ul ul li { margin-top:   0em; }

div.dokuwiki ul p:first-child  { margin-top:   0em; }

div.dokuwiki ul p+p            { margin-top: .4em;  }
div.dokuwiki ul ul p+p         { margin-top: .25em; }
div.dokuwiki ul ul ul p+p      { margin-top: .15em; }
div.dokuwiki ul ul ul ul p+p   { margin-top:   0em; }

div.dokuwiki li.open {
  list-style-image: url(/embedded-systems/lib/tpl/mosaic/images/open.gif);
    /*list-style-type: circle;*/
}

div.dokuwiki li.closed {
  list-style-image: url(/embedded-systems/lib/tpl/mosaic/images/closed.gif);
    /*list-style-type: disc;*/
}

div.dokuwiki blockquote {
  border-left: 2px solid #67749B;
  padding-left: 0.75em;
}

div.dokuwiki pre {
  font-size: 120%;
  padding: 0.5em;
  border: 1px dashed #CFCFCF;
  color: #000;
  overflow: auto;
  width: expression( this.scrollWidth > this.parentNode.scrollWidth*0.90 ? (Math.round( this.parentNode.scrollWidth*0.91))+"px" : "auto" ); /* sets max-width for IE */
}

/* code blocks by indention */
div.dokuwiki pre.pre {
  background-color: #F8F8F8 ;
}

/* code blocks by code tag */
div.dokuwiki pre.code {
  background-color: #F8F8F8 ;  
  padding: .4em; /* makes single line code blocks look nice in ie6 */
  margin-top: 0.5em;
}

/* Inline code words.  These are the words delimited in wiki syntax with two single quotes, like ''text'' */
div.dokuwiki code {
  font-family: monospace, courier;
  color: #003826 ;
  white-space: pre-wrap;
}

/* code blocks by file tag */
div.dokuwiki pre.file {
  font-size: 120%;
  padding: 0.5em;
  border: 1px dotted #FFFAA9 ;
  color: black;
  background-color: #FFFDED ;
  overflow: auto;
}

/* Highlights the current page in the index */
div.dokuwiki .curid {
  font-weight: bold;
}

/* Controls formatting of the current page in the breadcrumbs */
div.dokuwiki div.breadcrumbs .curid {
  font-weight: normal;
}


/* -----------  Tables and sorted tables -----------  */


div.dokuwiki div.navbar table,
div.dokuwiki div.navbar td, 
div.dokuwiki #user__toolbar table,
div.dokuwiki #user__toolbar td 
{ border-style: none; }

div.dokuwiki table.inline, div.dokuwiki div.sortable table.inline { margin: .8em 20px .8em 20px; }

div.dokuwiki table.inline {
  background-color: #FFF;
  border-spacing: 0px;
  border-collapse: collapse;
  border: 1px solid #126;
  border-right: 2px solid #126;
  border-bottom: 2px solid #126;
}

div.dokuwiki table.inline th {
  padding: 3px 0.4em 2px 0.4em;
  border: 1px solid #126;
  background-color: #FAFDFC;
  background: #FAFDFC url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheader.gif) repeat-x bottom;
  vertical-align:top;
  font-size: 12px;
  line-height: 1.33;
  min-height: .25em!important;
  color:#046 ;
  /* padding, line-height, and background height are needed for table heading background to repeat correctly */
}

div.dokuwiki table.inline tr { min-height: .25em!important;}
div.dokuwiki table.inline tr:hover {
  background: #FAFDFC url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheader.gif) repeat-x bottom;
}



div.dokuwiki table.inline th a {
  color: #046;
  text-decoration: none;
}

div.dokuwiki table.inline th a:hover {
  color: #389;
  text-decoration: none;
}

  
div.dokuwiki table.inline td {
  padding: 0.25em 0.4em 0.15em 0.4em;
  border: 1px solid #126;
  vertical-align:top;
  font-size: 86%;
  min-height: .25em!important;
}

/* ---------- html definition tags --------------- */
div.dokuwiki dl { }

div.dokuwiki dt {
  margin-left:   1em;
  margin-top:    0.2em;
  color: #006 ;
  font-weight: bold;
  width: 100% !important;
}

div.dokuwiki dl > dt:first-child {
  margin-top:    1.3em;
}

/* pkc: set   margin-bottom: 0; and clear: left; */
div.dokuwiki dd {
  margin-left:   2.5em;
  margin-top:    0.5em;
  margin-bottom:    0;
  color: #000 ;
  clear: left;
}


/* ---------- table of contents ------------------- */

div.dokuwiki div.toc {
  margin: 1em 0 0 0.5em;
  float: right;
  min-width: 20%;
  max-width: 50%;
  font-size: 80%;
  clear: none;
}

div.dokuwiki div.tocheader {
  border: 1px solid #126;
  border-right: 2px solid #126;
  background: #ECF0FF url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheader.gif) repeat bottom ;
  text-align: left;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 2px;
  color: #006;
  font-size: 100%;
}

div.dokuwiki div.tocheader:hover {
  background-image: url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheaderhighlight.gif);
}

/* Defines styles for the toc pointer.  The pointer itself is placed
   by javascript.  The border in the first definition of div.dokuwiki span.toc_open/close
   fills the pointer graphic and is made transparent to show the background image. The border
   in the second definition of span.toc_close somehow sets the pointer color and shifts the
   pointer up and down so that the close pointer is positioned the same vertically as the
   open pointer.  The wide border appears needed for the pointer to show, without it the
   pointer isn't shown.
*/
div.dokuwiki span.toc_open,
div.dokuwiki span.toc_close {
    border: 0.4em solid transparent;
    float: left;
    display: block;
    margin: 0.4em 4px 0 2px;
}

div.dokuwiki span.toc_open span,
div.dokuwiki span.toc_close span {
    display: none;
}

div.dokuwiki span.toc_open {
    margin-top: 0.4em;
    border-top: 0.4em solid #006;
}

div.dokuwiki span.toc_close {
    margin-top: 0;
    border-bottom: 0.4em solid #006; /* could have used #000 or #139 too */
}

/* pkc: made right and bottom borders heaver */
div.dokuwiki #toc__inside {
  border: 1px solid #126;
  border-right: 2px solid #126;
  border-bottom: 2px solid #126;
  background-color: #FFF;
  text-align: left;
  padding: 0 0.5em 0.5em 0;
}

div.dokuwiki ul.toc {
  list-style-type: none;
  list-style-image: none;
  line-height: 1.3em;
  padding: 0;
  margin: 0;
}

/* Subheading level 1 in the toc gets the greatest subheading designated in the config settings */
/* All subheadings levels 1-5 */
div.dokuwiki ul.toc div.li {
  padding-left: .5em;
  font-weight: normal;
}
/* Subheadings levels 2-5, adds another incremental margin for each level */
div.dokuwiki ul.toc ul li {
  margin-left: 1.5em;
}
div.dokuwiki ul.toc ul li div.li {
  background: transparent url(/embedded-systems/lib/tpl/mosaic/images/tocdot2.gif) 0 0.6em no-repeat;
}

/* Subheading level 1 */
div.dokuwiki ul.toc > li > div.li {
  font-size: 115%;
}

/* Subheading level 2 */
div.dokuwiki ul.toc > li > ul > li div.li {
  font-size: 110%
}

/* Subheading level 3 */
div.dokuwiki ul.toc > li > ul > li > ul > li div.li {
}

/* Subheading level 4 */
div.dokuwiki ul.toc > li > ul > li > ul > li > ul > li div.li {
}

/* Subheading level 5 */
div.dokuwiki ul.toc > li > ul > li > ul > li > ul > li > ul > li > div.li {
}

div.dokuwiki a.toc:link,
div.dokuwiki a.toc:visited {
  color: #139;
  text-decoration: none;
}

div.dokuwiki a.toc:hover,
div.dokuwiki a.toc:active {
  color: #086;
}

/* ---------------------------- Diff rendering --------------------------*/
div.dokuwiki table.diff {
  background-color: #FFF;
  width: 100%;
}
div.dokuwiki td.diff-blockheader {
  font-weight: bold;
}
div.dokuwiki table.diff th {
  border-bottom: 1px solid #126;
  font-size: 120%;
  width: 50%;
  font-weight: normal;
  text-align: left;
}
div.dokuwiki table.diff td {
  font-family: monospace;
  font-size: 100%;
}
div.dokuwiki td.diff-addedline {
  background-color: #ddffdd;
}
div.dokuwiki td.diff-deletedline {
    background-color: #ffffbb;
}
div.dokuwiki td.diff-context {
    background-color: #F5F5F5;
}
div.dokuwiki span.diffchange {
  color: red;
}

/* --------------------- footnotes -------------------------------- */

div.footnotes {
  font-size: 110%;
  font-weight: bold ;
  clear: both;
  border-top: 3px ridge #126;
  padding-top: .75em;
  margin-top: 1.75em;
  margin-left: 5px;
  color: #006 ;
}


div.dokuwiki div.fn {
  margin-left: 0;
  margin-top: 0.5em;
  font-size: 85%;
  color: #000 ;
  font-weight: normal ;
  line-height: 1.33;
}

div.dokuwiki div.fn div.fnindex {
  font-size: 85%;
  color: #139;
  width:auto;
  float:left;
  clear:both;
}

div.dokuwiki a.fn_top {
/* top is used instead of superscript so that line-height isn't affected */
  vertical-align: top;
  padding-left: 0.2em;
  padding-right: 0.25em;
  font-size: 85%;
}

div.dokuwiki a.fn_bot {
  margin-top: 0.5em;
  padding-right: 0.1em;
  padding-left: 0.2em;
  font-weight: normal
}

div.dokuwiki div.fn div.fntext {
  margin: .1em 0.5em 0.5em 1em;
  float:left;
  clear:left;
}



div.insitu-footnote {
  font-size: 70%;
  line-height: 1.25em;
  border: solid #126;
  border-width: 1px 2px 2px 1px;
  background-color: #FAFDFC;
  background: #FAFDFC url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheader.gif) repeat-x bottom;
  /* background-color: #E9F2F4; */
  text-align: left;
  padding: 4px;
  max-width: 40%;    /* IE's width is handled in javascript */
}
div.insitu-footnote div.fnindex {
  display:none;
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code, * html .insitu-footnote pre.file {
  padding-bottom: 18px;
}

/* --------------- search result formating --------------- */
div.dokuwiki .search_result {
  margin-bottom: 6px;
  padding: 0 10px 0 30px;
}

div.dokuwiki .search_snippet {
  color: #0D2264;
  font-size: 12px;
  margin-left: 20px;
}

div.dokuwiki .search_sep {
  color: #000;
}

div.dokuwiki .search_hit {
  color: #000;
  background-color: #BDF;
}
/* pkc: missing strong.search_hit ?? */

div.dokuwiki div.search_quickresult {
  margin: 0 0 15px 30px;
  padding: 0 10px 10px 0;
  border-bottom: 1px dashed #126;
}
div.dokuwiki div.search_quickresult h3 {
  margin: 0 0 1.0em 0;
  font-size: 1em;
  font-weight: bold;
}

div.dokuwiki ul.search_quickhits {
  margin: 0 0 0.5em 1.0em;
}

div.dokuwiki ul.search_quickhits li {
  margin: 0 1.0em 0 1.0em;
  float:left;
  width: 40%;
}

/* ---------- AJAX quicksearch ----------- */

div.dokuwiki div.ajax_qsearch {
  position: absolute;
  right: 170px; top: 0;
  width: 200px;
  /* for IE */ filter:alpha(opacity=80);
  opacity: 0.8;
  display: none;
  font-size: 100%;
  line-height: 1.2em;
  border: 1px solid #126;
  background-color: #E9F2F4;
  text-align: left;
  padding: 4px;
  z-index: 100;
}

/* --------- Toolbar -------------------- */
button.toolbutton {
  background-color: #FFF;
  padding: 0px;
  margin: 0 1px 0 0;
  border: 1px solid #126;
  cursor: pointer;
}

/* nice alphatransparency background except for IE <7 */
html>body button.toolbutton {
  background:  #FFF url(/embedded-systems/lib/tpl/mosaic/images/buttonshadow.gif) repeat-x bottom;
}

div.picker {
  width: 250px;
  border: 1px solid #126;
  background-color: #B7D7FF;
}

button.pickerbutton {
  padding: 0px;
  margin: 0 1px 1px 0;
  border: 0;
  background-color: transparent;
  font-size: 80%;
  cursor: pointer;
}

/* ---------- Spellchecking ------------- */

div.dokuwiki a.spell_error {
  color: #f00;
  text-decoration: underline;
}

div.dokuwiki div#spell__suggest {
  background-color: #FFF;
  padding: 2px;
  border: 1px solid #000;
  font-size: 80%;
  display: none;
}

div.dokuwiki div#spell__result {
  border: 1px solid #126;
  color: #000;
  font-size: 14px;
  padding: 3px;
  background-color: #E9F2F4;
  display: none;
}

div.dokuwiki span.spell_noerr {
  color: #093;
}

div.dokuwiki span.spell_wait {
  color: #06c;
}

/* ---------------  Image Details  ----------------- */

div.dokuwiki div.img_big {
  float: left;
  margin-right: 0.5em;
}

div.dokuwiki dl.img_tags dt {
  font-weight: bold;
  background-color: #B7D7FF;
}
div.dokuwiki dl.img_tags dd {
  background-color: #F5F5F5;
}

div.dokuwiki div.imagemeta {
  color: #666;
  font-size: 70%;
  line-height: 95%;
}

div.dokuwiki div.imagemeta img.thumb {
  float:left;
  margin-right: 0.1em;
}

/* Code syntax highlighting */

/* c overrides */
.code.c .co2 { color: #339933; }
.code.c .me1 { color: #202020; }
.code.c .me2 { color: #202020; }

/* css overrides */
.code.css .co1 { color: #a1a100; }
.code.css .kw1 { color: #000000; font-weight: bold; }
.code.css .kw2 { color: #993333; }
.code.css .re0 { color: #cc00cc; }
.code.css .re1 { color: #6666ff; }
.code.css .re2 { color: #3333ff; }
.code.css .re3 { color: #933; }
.code.css .re4 { color: #933; }

/* javascript overrides */
.code.javascript .co1 { color: #009900; font-style: italic; }
.code.javascript .coMULTI { color: #009900; font-style: italic; }
.code.javascript .kw1 { color: #000066; font-weight: bold; }
.code.javascript .kw2 { color: #003366; font-weight: bold; }
.code.javascript .nu0 { color: #CC0000; }
.code.javascript .re0 { color: #0066FF; }
.code.javascript .st0 { color: #3366CC; }

/* php overrides */
.code.php .re1 { color: #ff0000 }

/* forth overrides */

.code.forth .co1  { color: #477; font-style: italic; }
.code.forth .coMULTI  { color: #477; font-style: italic; }
.code.forth .kw1  { color: #600; }
.code.forth .kw2  { color: #605; font-weight: normal; }
.code.forth .kw3  { color: #800; }
.code.forth .kw4  { color: #460; }
.code.forth .kw5  { color: #460; }
.code.forth .kw6  { color: #008; }
.code.forth .kw7  { color: #008; }
.code.forth .kw8  { color: #008; }
.code.forth .kw9  { color: #008; }
.code.forth .kw10 { color: #008; }
.code.forth .kw11 { color: #008; }
.code.forth .kw12 { color: #008; }
.code.forth .kw13 { color: #008; }
.code.forth .kw14 { color: #008; }
.code.forth .kw15 { color: #008; }
.code.forth .kw16 { color: #008; }
.code.forth .kw17 { color: #008; }
.code.forth .kw18 { color: #008; }
.code.forth .kw19 { color: #008; }
.code.forth .kw20 { color: #008; }

/* syntax highlighting code
.code .br0  { color: #66cc66; }
.code .co1  { color: #808080; font-style: italic; }
.code .co2  { color: #808080; font-style: italic; }
.code .co3  { color: #808080; }
.code .coMULTI  { color: #808080; font-style: italic; }
.code .es0  { color: #000099; font-weight: bold; }
.code .kw1  { color: #b1b100; }
.code .kw2  { color: #000000; font-weight: bold; }
.code .kw3  { color: #000066; }
.code .kw4  { color: #993333; }
.code .kw5  { color: #0000ff; }
.code .me1  { color: #006600; }
.code .me2  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #0000ff; }
.code .re1  { color: #0000ff; }
.code .re2  { color: #0000ff; }
.code .re3  { color:#ff3333; font-weight:bold; }
.code .re4  { color: #009999; }
.code .st0  { color: #ff0000; }
.code .sy0  { color: #66cc66; }
*/

/* Blockquotes */
div.dokuwiki blockquote {
font-size: 100% !important;
margin: .5em .5em .5em 0.5em !important;
padding-left: .6em !important;
}

/* ********* Assists js with section editing highlight ********* */

div.dokuwiki div.section_highlight { background-color:#dee7ec; }

/* position backtotop buttons */
div.dokuwiki div.level1 a.backtotop {display: none;}
div.dokuwiki a.backtotop {margin-right: -1em;}

/* Styling of the current Date/Time */
div.dokuwiki div#mosaic__clock {
  float: right; clear: none;
}
div.dokuwiki div#loginposition div#mosaic__clock {
   color: #fcfcff;
   padding-right:4px;
   font-weight:bold;
}

/* ************************************************************************************** */
/* ****************         Dashboard and Start Page Styling            ***************** */
/* ************************************************************************************** */

div.dokuwiki span.inline_image img.media { margin: -3px 3px -3px 3px;}

/* Quick links section of dashboard */
div.quicknavbox div.dTreeNode { font-size:95%; }

div.dokuwiki div.myrecent {
   position:relative;
   top:-.5em;
   float:right;
   max-height:550px;
   border-style:solid; border-width:1px 2px 2px 1px; border-color:#156;
   background: #F8FCFF;
   padding:4px 4px 0 4px;
   margin:0;
   overflow-y:auto;overflow-x:auto;
   width:14em;
   line-height: 1.5em;
  }

div.dokuwiki div.myrecent table,
div.dokuwiki div.myrecent td { border-style: none; }

div.dokuwiki div.myrecent table,
div.dokuwiki div.myrecent td, 
div.dokuwiki div.myrecent tr,
div.dokuwiki div.myrecent hr + p {
   margin:0; padding:0;
}
div.dokuwiki div.myrecent table {
   margin-bottom:0.5em;
}

/* Myrecent section of the dashboard, using the pagelist plugin */
div.dokuwiki div.myrecent table.pagelist tr {
  border-top: none;
  border-bottom: none;
}
div.dokuwiki div.myrecent table.pagelist {
margin-top:0;
}
div.dokuwiki div.myrecent td.page {
  font-size:86%;
}


div.dokuwiki div.myrecent a,
div.dokuwiki div.myrecent a.urlextern {
  color: #139;
  text-decoration: none;
  background-image: none;
  padding:0;
  }
div.dokuwiki div.myrecent a:hover,
div.dokuwiki div.myrecent a.urlextern:hover {
  color: #139;
  text-decoration: underline;
}

div.dokuwiki .toggler {position:relative;}
div.dokuwiki .toggler .toggled {display:none;}
div.dokuwiki .toggler:hover .toggled {display:block;}

div.dokuwiki div#navstart .toggler {position:relative;overflow:visible;}
div.dokuwiki div#navstart .toggler:hover .toggled {position:absolute;top:-.5em;left:14.3em;}
div#navstart .box {overflow:visible;}

div#navstart {margin-top:-1em;padding:0;}
div#navstart img.medialeft {margin:0 1em 0 0;}
div#navstart table,
div#navstart tbody,
div#navstart tr,
div#navstart td {margin:0; padding:0; overfow:hidden;}
div#navstart .box_content {padding:0}
/* to correct unmatched <p> tags in xhtml output, all paragraphs are hidden and all content
 * is placed in containers other than <p></p> tags
 */
div#navstart p {display:none;} 
div#navstart h1, div#navstart h2,
div#navstart h1 a, div#navstart h2 a {
    color: #156 ;
    font-family: Arial, Helvetica, Verdana, Geneva, Lucida, "Lucida Grande", "Lucida Sans", sans-serif;
    font-size: 100%; font-weight: bold; 
    text-align:left;
    line-height: 1.2;
    margin: 0; padding:0;
    border-style:none;}
div#navstart h1 a:link,
div#navstart h1 a:visited {
  color: #156;
  text-decoration: none;}
div#navstart h1 a:hover {
  color:#156;
  text-decoration:underline;}
div#navstart h1 a:active {
  color:#156;
  text-decoration: none;}


/* div.dokuwiki div#navstart .toggler:hover h1,
div.dokuwiki div#navstart .toggler:hover h2 {margin-bottom:0.5em}
*/
div.dokuwiki div#navstart li,
div.dokuwiki div#navstart .li {margin:0.1em 0 0 0}
div#navstart div.more {margin-top:-.4em; float:right; font-size:80%}




/* ************************************************************************************** */
/* *******************************  Customized Plugin CSS ******************************* */
/* ************************************************************************************** */

/* ************************************************************************************** */
/* *******************************    Columns  plugin     ******************************* */
/* ************************************************************************************** */

/* Tables used for multicolumn format by the columns plugin */
/* Tables used to create columns for the columns plugin */
table.columns-plugin, 
table.columns-plugin tr, 
table.columns-plugin td, 
table.columns-plugin tbody { border: none; margin: 0; padding: 0;}


/* ************************************************************************************** */
/* *******************************    Recent  plugin    ******************************* */
/* ************************************************************************************** */

div.dokuwiki div.recents {
font-size: 70% ;
}
div.dokuwiki div.recents h1 {
display:none;
}

/* ************************************************************************************** */
/* ***********************                 Code2 plugin                       *********** */
/* ***********************    (simply called 'code' in the plugins folder)    *********** */
/* ************************************************************************************** */

div.code {margin-top: 0.4em;}

div.code, div.code p.codehead {margin-bottom:0; padding-top:0; padding-bottom:0;}

div.code p.codehead,div.code p.codefoot{
	text-decoration:none; color:#156;
}

/* , div.code pre.code */
div.my_clip_button + pre.codeShown, div.my_clip_button + pre.code {
   position:relative;top:-1.1em;
   clear: both;
	width: auto; 	
   margin:0;
	padding-top:0;
	margin-bottom:-1.4em!important;
	}
div.code p.codeHidden:hover, div.code p.codeShown:hover,
div.code p.codeHidden a:hover, div.code p.codeShown a:hover{
	font-weight:bolder;
	text-decoration:none;
	color:#156;
	background-color:transparent;
	}
div.my_clip_button { 
   position:relative; top:-1.4em;
	line-height:1.1em;
	width: auto;
	float: right;
	text-align:right;
	color:#156;
	font-size: 80%;
	cursor:default;
	padding: 3px;
	margin:0;
	}

div.my_clip_button.hover  { font-weight:bolder; }
div.my_clip_button.active { font-weight:normal; }

div.code p.codefoot a, div.code p.codefoot a:hover {text-decoration:none; color:#156;}

div.code p.codeHidden:hover:after {
	content:" (show)";
	font-size: 80%;
	font-weight:normal;
}

div.code p.codeShown:hover:after {
	content:" (hide)";
	font-size: 80%;
	font-weight:normal;
}

/* ************************************************************************************** */
/* *******************************    Pagelist  plugin    ******************************* */
/* ************************************************************************************** */

div.dokuwiki td.page { font-size: 80%; }

div.dokuwiki td.page, div.dokuwiki td.date, div.dokuwiki td.user,
div.dokuwiki td.desc, div.dokuwiki td.comments, div.dokuwiki td.linkbacks,
div.dokuwiki td.tags {
  border: dashed #CFCFCF;
  border-width: 1px 0 1px 0;
	padding: 5px 5px 2px 5px !important;
	line-height: 1.2;
}

div.dokuwiki th.page, div.dokuwiki th.date, div.dokuwiki th.user,
div.dokuwiki th.desc, div.dokuwiki th.comments, div.dokuwiki th.linkbacks,
div.dokuwiki th.tags {
  border: solid #CFCFCF;
  border-width: 1px 0 1px 0; 
  padding: 5px 5px 2px 5px !important;
  line-height: 1.2;
  background-color: #FAFDFC;
  background: #FAFDFC url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheader.gif) repeat-x bottom;
}

div.dokuwiki td.page ul li {margin-top:0;}

/* ************************************************************************************** */
/* *******************************    Discussion plugin   ******************************* */
/* ************************************************************************************** */

div.dokuwiki div.comment_wrapper { border-top: 1px dotted #126; background-color: #FAFDFC; }
div.dokuwiki div.comment_wrapper h2 { border:none; }
div.dokuwiki div.comment_wrapper div.comment_body { padding-bottom:0;padding-top:0;border:none;}
div.dokuwiki div.comment_wrapper div.comment_body p {margin-top:0.5em; margin-bottom:0.5em;}
div.dokuwiki div.comment_wrapper div.comment_buttons { margin-top:0; padding-bottom:0;}
div.dokuwiki div.comment_wrapper div.comment_subscribe label { font-weight:normal;padding-left: 0.5em; }
div.dokuwiki div.comment_wrapper div.comment_subscribe input { margin-top:2px; }
div.dokuwiki div.comment_wrapper div.comment_head {
	margin-top:0;border-top: 1px dotted #126;
	padding-top:1em;
   background: url(/embedded-systems/lib/tpl/mosaic/images/mosaictableheaderhighlight.gif) repeat-x top;
}

div.dokuwiki div.comment_wrapper div.comment_form { 	
	width:100%;border-top: 1px dotted #126;
	margin-top:0;padding-top:1em;
	}
div.dokuwiki div.comment_wrapper div.comment_form input.button { font-size:86%; }
	
/* ************************************************************************************** */
/* *******************************     Uparrow plugin     ******************************* */
/* ************************************************************************************** */

div.dokuwiki .plugin_uparrow a img { text-align: right; float: right; }

/* ************************************************************************************** */
/* *******************************     Sortable plugin    ******************************* */
/* ************************************************************************************** */

/* It's too much of a hassle to deal with the sortable plugin's symbol in the span because of the
 * inconsitant way the plugin's js adds and removes classes, so I just don't display the span
 * and instead use the :before and :after pseudo elements to insert my own arrows. 
 * The down arrow used is &#9660; the up arrow is &#9650; and the sideways arrow is &#9658;
 */
div.dokuwiki div.sortable table.inline th 								 { cursor: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/sort_a-z.cur),pointer; padding-right: 1px; color: #046;}
div.dokuwiki div.sortable table.inline th:hover 						 { cursor: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/sort_a-z.cur),pointer; }
div.dokuwiki div.sortable table.inline th.sorttable_sorted:hover         { cursor: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/sort_z-a.cur),pointer; }
div.dokuwiki div.sortable table.inline th.sorttable_sorted_reverse:hover { cursor: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/sort_a-z.cur),pointer; }

div.dokuwiki div.sortable table.inline th:after 						 { content:"►"; font-size: 80%; color: #9BB}
div.dokuwiki div.sortable table.inline th.sorttable_sorted,
div.dokuwiki div.sortable table.inline th.sorttable_sorted_reverse { cursor: url(/embedded-systems/lib/tpl/mosaic/images/mosaic/sort_z-a.cur),pointer; padding-right: 1px;}
div.dokuwiki div.sortable table.inline th.sorttable_sorted:after 	 { content:"▼"; color: #046; font-size: 80%;}
div.dokuwiki div.sortable table.inline th.sorttable_sorted_reverse:after { content:"▲"; color: #046; font-size: 80%;}

div.dokuwiki div.sortable table.inline th.sorttable_sorted span,
div.dokuwiki div.sortable table.inline th.sorttable_sorted_reverse  span { display:none;}

/* ************************************************************************************** */
/* ****************************   End of plug-in styling    ***************************** */
/* ************************************************************************************** */

/**
 * The CSS in here cotrols the appearance of the media manager
 */

#media__manager {
    height: 100%;
    overflow: hidden;
}

#media__left {
    width: 30%;
    border-right: solid 1px #126;

    height: 100%;
    overflow: auto;
    position: absolute;
    left: 0;
}

#media__right {
    width: 69.7%;

    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
}

#media__manager h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;
}

/* --- Tree formatting --- */

#media__tree img {
    float:left;
    padding: 0.5em 0.3em 0 0;
}

#media__tree ul {
    list-style-type: none;
    list-style-image: none;
}

#media__tree li {
    clear: left;
    list-style-type: none;
    list-style-image: none;
}
* html #media__tree li {
    border: 1px solid #FFF;
}/* I don't understand this, but this fixes a style bug in IE;
it's dirty, so any "real" fixes are welcome */

/* --- options --- */

#media__opts {
    padding-left: 1em;
    margin-bottom: 0.5em;
}

#media__opts input {
    float: left;
    position: absolute;
}
* html #media__opts input {
    position: static;
}

#media__opts label {
    display: block;
    float: left;
    margin-left: 30px;
}
* html #media__opts label {
    margin-left: 10px;
}

#media__opts br {
    clear: left;
}

/* --- file list --- */

#media__content img.load {
    margin: 1em auto;
}

#media__content #scroll__here {
    border: 1px dashed #126;
}

#media__content .odd {
    background-color: #E9F2F4;
    padding: 0.4em;
}

#media__content .even {
    padding: 0.4em;
}

#media__content a.mediafile {
    margin-right: 1.5em;
    font-weight: bold;
}

#media__content div.detail {
    padding: 0.3em 0 0.3em 2em;
}

#media__content div.detail div.thumb {
    float: left;
    width: 130px;
    text-align: center;
    margin-right: 0.4em;
}


#media__content img.btn {
    vertical-align: text-bottom;
}

#media__content div.example {
    color: #666;
    margin-left: 1em;
}

/* --- upload form --- */

#media__content div.upload {
    font-size: 90%;
    padding: 0 0.5em 0.5em 0.5em;
}

#media__content form.upload {
    display: block;
    border-bottom: solid 1px #126;
    padding: 0 0.5em 1em 0.5em;
}
#media__content form.upload fieldset {
    padding: 0;
    margin: 0;
    border: none;
    width: auto;
}
#media__content form.upload p {
    clear: left;
    text-align: left;
    padding: 0.25em 0;
    margin: 0;
    line-height: 1.0em;
}
#media__content form.upload label {
    float: left;
    width: 30%;
}
#media__content form.upload label.check {
    float: none;
    width: auto;
}
#media__content form.upload input.check {
    margin-left: 30%;
}

/* --- meta edit form --- */

#media__content form.meta {
    display: block;
    padding: 0 0 1em 0;
}

#media__content form.meta label {
    display: block;
    width: 25%;
    float: left;
    font-weight: bold;
    margin-left: 1em;
    clear: left;
}

#media__content form.meta .edit {
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    float: left;
    width: 70%;
    padding-right: 0;
    padding-left: 0.2em;
    margin: 2px;
}

#media__content form.meta textarea.edit {
    height: 8em;
}

#media__content form.meta div.metafield {
    clear: left;
}

#media__content form.meta div.buttons {
    clear: left;
    margin-left: 20%;
    padding-left: 1em;
}