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)}
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;
}

#blog__newentry_form {
  display:none;
}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 #discussion__comment_form,
div.dokuwiki #discussion__newthread_form,
div.dokuwiki div.comment_buttons,
div.dokuwiki div.comment_hidden {
  display:none;
}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 #task__newtask_form {
  display:none;
}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%;
    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 */
/* 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 */
/* <?php Header ("Content-type: text/css"); ?> */

/*	The remainder of this file is a copy of the design.css file.  To maintain it, change only
	the design.css file, then copy that verbatim to this location.
*/
/**
 * 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 {
    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.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    ***************************** */
/* ************************************************************************************** */

/**
 * 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/tpl/mosaic/../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/tpl/mosaic/../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/tpl/mosaic/../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/tpl/mosaic/../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; }


/* 	I would like to import the design.css file using this syntax,
		@import url("/lib/tpl/mosaic/design.css");
	but it doesn't seem to work.  If I use the web developer toolbar
	in Firefox and include this print.css file then the include statement
	works, but Firefox on its own when it includes this print.css file
	doesn't import the design.css file.  I don't know why.  Consequently,
	I found it necessar to make copies of the /lib/tpl/mosaic/design.css file
	and the /lib/styles/style.css file and included references to them in the
	style.ini file that loads them as well as this file.  To get plugin style
	sheets included I was able to modify the /lib/exe/css.php file to 
	include them.
*/
/* ***************************************************************************** */
/* ***                                                                        ** */
/* ***       Customize the mosaic template layout.css for print view          ** */
/* ***                                                                        ** */
/* ***************************************************************************** */

/* Overall formatting and fonts */
body { margin:0; padding: 0;}
div.dokuwiki #body__content {
  font: 80% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
  color: #000;
  line-height: 1.33;
  text-align: left;
  margin: 0 !important;
  padding: 0 !important;
}
  
div.dokuwiki #center__column, div.dokuwiki #mosaic__page, 
div.dokuwiki #mosaic__columns, div.dokuwiki #center__column {
  margin: 0 !important;
  padding: 0 !important;
}

/*	The following commands prevent the display of the header, sidebars, and footer.
	What remains is only the contents of the displayed wiki page. */

/* We remove the columns holding the sidebars, and the pagemenubar, header and footer */
div #left__col, div #right__col, div #mosaic__header, div #mosaic__pagename {display:none !important}
div .stylefoot, div .breadcrumbs, div .nb {display:none !important}

/*  We remove the margins on the div.centercontent so the page content fills the full
	8.5x11 sheet of paper.  We allow it to fill the paper so that the user may be able
	to print wider images by printing in landscape if they want */
div .centercontent_both, div .centercontent_neither, div .centercontent_no_right,
	div .centercontent_no_left { padding:0 !important; margin:0 !important }

/* We remove the navigation content on the page that doesn't need to be printed. */
div .backtotop, div .plugin_uparrow, div .secedit, a .backtotop  {display:none}

/* ***************************************************************************** */
/* ***                                                                        ** */
/* ***       Customize the mosaic template design.css for print view          ** */
/* ***               ( particularly for a Chapter Contents box )              ** */
/* ***                                                                        ** */
/* ***************************************************************************** */

/* These modifications change "Page Contents" to "Chapter Contents" and remove */
/* the contents box if the user doesn't display it in their web view. */
div.toc {max-width: 40% !important;}

/* We place the "Chapter Contents" heading inside #toc__inside so that it is not displayed
   if the user chooses not to display the toc on their web page */
div #toc__inside:before {
  content: "Chapter Contents"; font-weight: bold; font-size: 140%; padding: 4px; }
/* prevents display of the usual toc header */
div .toctoggle { display: none !important; }

/* set link colors to black, fix h4 and h5 headings, fix pre/file/code block borders */
div.dokuwiki a, div.dokuwiki .dt, div.dokuwiki .dd { color: #000 !important; }
div.dokuwiki ul, div.dokuwiki ol, div.dokuwiki li { color: #000 !important; }
div.dokuwiki h4 { font-weight: normal !important; } 

div.dokuwiki pre { border: 1px dashed #000 !important; }
/* links can't be distinguished by color when printed so we underline them */
div.dokuwiki a.wikilink1:link    { text-decoration: underline; }
div.dokuwiki a.wikilink1:visited { text-decoration: underline; }
div.dokuwiki a.wikilink2:link    { text-decoration: underline; }
div.dokuwiki a.wikilink2:visited { text-decoration: underline; }
/* The relative sizes of code font vs body text font change with printing, so we make
   the code font a little smaller here, to 100% from 120%. */
div.dokuwiki pre, div.dokuwiki code, div.dokuwiki pre.code, div.dokuwiki pre.file {
  font-size: 100%;
}

/* Removed now that headers are styled differently: */
/*
div.dokuwiki table.inline th {
	background-color: #CCE;
}
*/

/* Don't show the login and search bars */
div.dokuwiki div#search__position,
div.dokuwiki div#login__btn { display: none !important; }

/* ***************************************************************************** */
/* ***                                                                        ** */
/* ***                Customize plugins' style.css for print view             ** */
/* ***                                                                        ** */
/* ***************************************************************************** */

/* Modify the folded plugin to show all folded content, to make the link more visible */
/* and to provide an end mark at the end of the folded content so the print user can  */
/* see exactly what content was included by the folded link. The end mark was added   */
/* to the folded plugin's style.css directly. The following display definitions are   */
/* needed to 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: " "         !important; }
div.dokuwiki a.folder                 { font-weight: bolder !important; }
/* For div.dokuwiki a.folder we leave the color as it is so on the printed page */
/* the link will appear as dark grey, while making it bold. */

