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

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

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

.hidden {
  display: none;
}

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

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

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

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


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

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

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


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

/*
 * 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 */
/* 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: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: #fff;
  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: #000;
    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#acl_manager div#acl__tree {
    font-size: 90%;
    width: 25%;
    height: 300px;
    float: left;
    overflow: auto;
    border: 1px solid #ccc;
    text-align: left;
}

div#acl_manager div#acl__tree a.cur {
    background-color: __highlight__;
    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 #ccc;
    padding: 0.5em;
    margin-bottom: 0.6em;
}

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

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

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

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

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

div#acl_manager label.disabled {
  color: #000!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: #fff;
}

/**
 * Layout Styles for 'ACH' Template
 *
 * @author Anika Henke <a.c.henke@arcor.de>
 * @author Andreas Gohr <andi@splitbrain.org>
 */

html, body {
    margin: 0pt;
    padding: 0;
    font: normal 100.01% verdana,helvetica,tahoma,arial,geneva, sans-serif;
    background-color: #fff;
    color: #000;
    text-align: left;
}

#ach__template {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
}
#ach__header {
   /* margin: 0 10px;0*/
margin:0;
    padding: 0;
    background-color: #fff;
background-image: url(http://www.justuber.com/images/headerslice.jpg);
background-repeat: repeat-x;
background-position: left top;
    color: #000;
    border-bottom: 1px solid #fff;
}
#ach__mainbox {
    margin: 0;
    padding: 0;
    color: inherit;
    background-color: inherit;
/**background:url(/lib/tpl/ach/images/logo.png) no-repeat 35px 5px;**/
}
#ach__pageactions {
    margin: 0 0 0 195px;
    padding: 10px 0 0 0;
    background-color: inherit;
    color: inherit;
}
#ach__siteactions {
    font-size: 0.8em;
    margin: 0;
    padding: 10px;
    width: 175px;
    float: left;
    background-color: inherit;
    color: inherit;
}
#ach__content {
    margin: 10px 10px 10px 195px;
    padding: 10px;
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
}
div.export {
    margin: 0 !important;
    border: none !important;
}
#ach__footer {
    margin: 0 10px 5px 10px;/*0*/
    padding: 0;
    background-color: #fff;
    color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
}

/* ---------- header ------------------- */
#ach__header h1 {
    margin: 0;
    padding: 0;/* 0 0 0 10px*/
    font-size: 1.6em;
    float: left;
    width:48%;
}
#ach__header h1 a {
    color: #369;
    background-color: inherit;
}
#ach__header h2 {
    margin: 0;
    padding: 0;/* 0 10px 0 0*/
    font-size: 1.6em;
    float: right;
    width:48%;
    text-align: right;
    color:#000;
    background-color: inherit;
}
#ach__header p.trace {
    margin: 0;
    padding: 0 1px;/*0 10px*/
    clear: both;
    border-top:0px solid #fff;
    font-size: 0.6em;
    background-color: #fff;
    color: #000;
}
/* ---------- page actions ------------------- */
#ach__pageactions form {
    margin: 0;
    padding: 0;
    display: inline;
}
#ach__pageactions input {
    margin: 0;
    padding: 0.2em 1.0em !important;
}
* html #ach__pageactions input {
    padding: 0.1em 0.2em !important;
    margin: 0 0.5em 0 0;
}

/* ---------- site actions ------------------- */
#ach__siteactions div.box {
    margin: 0 0 10px 0 !important;
    padding: 10px;
    border: 0px solid #fff;
    background-color: #fff;
    color: #000;
}
#ach__siteactions ul, #ach__siteactions ol {
    margin: 0;
    padding: 0;
}
#ach__siteactions ul li li, #ach__siteactions ol li li {
    font-size: 100% !important;
}
#ach__siteactions li {
    margin: 0;
    padding: 0;
    font-size: 0.8em !important;
    list-style: none;
}

/* for maybe displaying a navigation bar
#ach__siteactions ul.idx li {
    list-style-image: url(/lib/tpl/ach/images/bullet.gif);
}
#ach__siteactions ul.idx li.open {
    list-style-image: url(/lib/tpl/ach/images/open.gif);
}
#ach__siteactions ul.idx li.closed {
    list-style-image: url(/lib/tpl/ach/images/closed.gif);
}
#ach__siteactions ul.idx {
    padding: 1.0em 0 0 1.0em;
}
#ach__siteactions ul.idx ul {
    padding: 0 0 0 1.0em;
}
*/

#ach__siteactions p {
    margin: 0;
    padding: 1.0em 0 0 0;
    font-size: 0.8em;
}
/* login-form */
#ach__siteactions div {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: left !important;
}
#ach__siteactions h1 {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}
#ach__siteactions h1 a {
    background-color: inherit;
    color: #000;
}
#ach__siteactions fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
#ach__siteactions legend {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left !important;
    visibility: hidden;
}
#ach__siteactions input {
    margin: 0.1em 0;
    padding: 0;
    width: 150px;
}
#ach__siteactions input.button {
    margin: 0.1em 0;
    padding: 0;
    width: 150px;
}
#ach__siteactions input#remember__me {
    margin: 0;
    padding: 0;
    width: auto;
}
#ach__siteactions label {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}
/* ---------- footer ------------------- */
#ach__footer p {
    margin: 0;
    padding: 0 1px;/* 0 10px*/
    font-size: 0.7em;;
    text-align: right;
    position: relative;
}
#ach__footer p.pageinfo {
    text-align: left;
    float: left;
    font-style: italic;
    position: relative;
}

/* ======================================================= */
/* important for Disappearing List-Background Bug */
* html ul, * html ol, * html dl {
    position: relative;
}

/* overwriting div.clearer in lib/styles/style.css */
.clearer {
    clear:both;
    height:1px;
    margin:0;
    padding:0;
    line-height:0%;
    visibility:hidden;
    overflow:hidden;
}
.invisible {
    display: none;
}
.nowrap {
    white-space:nowrap;
}

/* ======================================================= */
/**
 * Design Styles for 'ACH' Template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <a.c.henke@arcor.de>
 */

#ach__template a, #ach__content a, .dokuwiki a {
    color: #369;
    background-color: inherit;
}
#ach__template a:link, #ach__template a:visited, #ach__content a:link, #ach__content a:visited {
    text-decoration: none;
}
#ach__template a:hover, #ach__template a:active, #ach__content a:hover, #ach__content a:active {
    text-decoration: underline;
}

#ach__template form, #ach__content form {
    padding: 0;
    border: none;
    display: inline;
    margin: 0;
    /* margin: 0; --> problems with IE */
}
/*
* html #ach__template form {display: block;}
*/
#ach__template input, #ach__template textarea, #ach__template select, #ach__template button, #ach__content input, #ach__content textarea, #ach__content select, #ach__content button {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    vertical-align: middle;
}
#ach__template input.button, #ach__template button, #ach__content input.button, #ach__content button {
    cursor: pointer;
    position: relative;
}
/*
form, fieldset, legend, label, input, select, textarea {position: relative;}
*/

#ach__template hr, #ach__content hr {
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
    border-left: none;
    text-align:center;
    height: 0;
    width:95%;
}
#ach__template img, #ach__content img {
    border: none;
}
/*----------------------------------------------------*/

/* ---------- content ------------------- */
#ach__content h1, #ach__content h2, #ach__content h3, #ach__content h4, #ach__content h5 {
    margin: 0 0 0.5em 0;
    padding: 0;
    color: #330066;
    background-color: inherit;
/*
    clear: right;
*/
    /* padding: 0.5em 0 0.5em 0; ... sec-edit ... */
}
#ach__content p, #ach__content blockquote, #ach__content ul, #ach__content ol {
    margin: 0;
    padding: 0 0 1.0em 0;
}
#ach__content table {
    margin: 0 0 1.0em 0;
    padding: 0;
}
#ach__content ul, #ach__content ol {
    margin: 0;
    padding: 0 0 1.0em 2.0em;
}
#ach__content p, #ach__content td, #ach__content th, #ach__content blockquote, #ach__content ul li, #ach__content ol li, #ach__content label, #ach__content dt, #ach__content dd {
    font-size: 0.8em;
}
#ach__content dt {
    font-weight: bold;
}
#ach__content li p, #ach__content li td, #ach__content li th, #ach__content li blockquote, #ach__content ul li li, #ach__content ol li li, #ach__content li dt, #ach__content li dd, #ach__content li pre {
    font-size: 100% !important;
}
#ach__content ul ul, #ach__content ol ol, #ach__content ul ol, #ach__content ol ul {
    padding: 0 0 0 1.0em;
}

#ach__content blockquote {
    border-left: 2px solid #606;/*000*/
    padding: 0 0 0 0.5em;
}
#ach__content blockquote blockquote {
    font-size: 100%;
    border-left: 2px solid #066;/*900*/
}
#ach__content blockquote blockquote blockquote {
    border-left: 2px solid #900;/*f00*/
}
#ach__content blockquote blockquote blockquote blockquote {
    border-left: 2px solid #009;/*999*/
}
#ach__content blockquote blockquote blockquote blockquote blockquote {
    border-left: 2px solid #c60;/*fff,ccc*/
}

/* headlines */
#ach__content h1 {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.2em;
    font-variant: small-caps;
    border-bottom: 1px solid #ccc;
}
#ach__content h2 {
    font-size: 1.3em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    letter-spacing: 0.15em;
}
#ach__content h3 {
    font-size: 1.15em;
    font-weight: bold;
    letter-spacing: 0.05em;
}
#ach__content h4 {
    font-size: 1.0em;
    font-weight: bold;
}
#ach__content h5 {
    font-size: 0.8em;
    font-weight: bold;
}
#ach__content h1 a, #ach__content h2 a, #ach__content h3 a, #ach__content h4 a, #ach__content h5 a {
    color:#330066;
    background-color: inherit;
    text-decoration:none!important;
}

/*-------------------------------------------------
  form-elements
-------------------------------------------------*/

#ach__content input.button {
    text-align: center;
    display: inline;
}
/* section editing */
#ach__content div.secedit {
    display: inline;
    margin: 2.0em 0 0 0;
    padding: 0;
}
* html #ach__content div.secedit {
    display: block !important;
    margin: 0.5em 0 0 0 !important;
}
#ach__content div.secedit input.button {
    margin: -2.0em 0 0 0;
    padding: 0.1em 0.3em;
    float:right;
    display: block;
    font-size: 80%;
}
/* ======= edit ======= */
#ach__content #draft__status {
    font-size: 0.8em;
    color: #000;
    float: right;
}
#ach__content textarea.edit {
/*
    font-family:monospace;
    color: #300;
    background-color: #eee;
    margin: 0; --> not because of ie ...
*/
    padding: 0.3em;
    margin: 0.3em 0;
    width:99%;
}
/* change color when missing summary */
#ach__content input.missing {
    background-color: #fcc;
    color: inherit;
}

#ach__content div.toolbar, #ach__content div#wikieditbar {
    margin:0;
}
#ach__content div#size__ctl {
    float:right;
    width:60px;
    height:2.7em;
}
#ach__content #size__ctl img {
    cursor: pointer;
}
#ach__content div#wiki__editbar div.editButtons {
    float: left;
    padding: 0 1.0em 0.7em 0;
}
#ach__content div#wiki__editbar div.summary {
    float: left;
}
#ach__content div#wiki__editbar label {
    display: inline;
    text-align: left;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}
#ach__content div#wiki__editbar input.edit {
    width: auto;
}

/* disabled style - not understood by IE */
div.dokuwiki textarea.edit[disabled],
div.dokuwiki textarea.edit[readonly],
div.dokuwiki input.edit[disabled],
div.dokuwiki input.edit[readonly],
div.dokuwiki select.edit[disabled] {
  background-color: #eee!important;
  color: #000!important;
}

/* ======= login + register ======= */

#ach__content form {
    color: inherit;
    background-color: inherit;
}
#ach__content fieldset {
    width: 20.0em;
    margin: 0 auto;
    padding: 0.5em 1.0em;
    border: 1px solid #ccc;
}
#ach__content legend {
    margin: 0 0 0.5em 0;
    padding: 0.2em 0.7em;
    color: #000;
    background-color: inherit;
    font-size: 0.9em;
    font-weight: bold;
    border: 1px solid #ccc;
}
#ach__content label {
    display: block;
    text-align: right;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}
#ach__content input.edit {
    width: 65%;
    display: inline;
}

#ach__content input#remember__me {
    width: auto;
}
#ach__content label.simple {
    text-align: left;
}

/* --------- Toolbar -------------------- */
button.toolbutton {
    padding: 0.2em;
    margin: 0 0.2em 0 0;
}
div.picker {
    width: 200px;
    padding: 0.2em;
    margin:0;
    border: 1px solid #fff;
    background-color: #eee;
    color: inherit;
}
button.pickerbutton {
    padding: 0;
    margin: 0 0.2em 0.2em 0;
    border: none;
    background-color: #eee;
    color: #000;
    font-size: 0.75em;
}

/*----------------------------------------------------*/
#ach__content div.preview {
    margin: 0;
    padding: 0.5em;
    border: 1px dashed #ccc;
    background-color: #eee;
    color: inherit;
}

#ach__content pre.pre, #ach__content pre.code, #ach__content pre.file {
    padding: 0.5em;
    margin: 0 0 1.0em 0;
    background-color: #eee;
    color: #000;
    border: 1px dashed #ccc;
    overflow: auto;
    font-size:0.9em;
}
#ach__content pre.file {
    border: 0px dashed #ccc;
}
#ach__content code {
    background-color: #eee;
    color: #000;
    font-size: 1.1em;
}

/* inline tables */
#ach__content table.inline {
    border-spacing: 0.3em;
    border-collapse: collapse;
    empty-cells:show;
    background-color: inherit;
    color:inherit;
}
#ach__content table.inline td, #ach__content table.inline th {
    border: 1px solid #ccc;
    padding: 0.4em;
}
#ach__content table.inline th {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    text-align: left;
}
/**
 * Essential Styles for 'ACH' Template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <a.c.henke@arcor.de>
 */

/*-------------------------------------------------
    Links
-------------------------------------------------*/

#ach__template a.urlextern, #ach__content a.urlextern {
    background: url(/lib/tpl/ach/images/link_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
#ach__template a.windows, #ach__content a.windows {
    background: url(/lib/tpl/ach/images/windows.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
} 
#ach__template a.media, #ach__content a.media {
}
#ach__template a.mail, #ach__content a.mail {
    background: url(/lib/tpl/ach/images/mail_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
}
/* existing wikipage */
#ach__template a.wikilink1, #ach__content a.wikilink1 {
    color: #369;
    background-color: inherit;
}
/* not existing wikipage */
#ach__template a.wikilink2, #ach__content a.wikilink2 {
    color: #c30;
    background-color: inherit;
}

/*-------------------------------------------------
    Table of contents
-------------------------------------------------*/

#ach__content div.toc {
    margin: 0 0 10px 10px;
    padding: 0;
    background-color: inherit;
    color: #000;
    width: 175px;
    float: right;
}

#ach__content div.tocheader {
    padding: 0.2em;
    margin: 0 0 0.2em 0;
    font-size: 0.7em;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    font-weight:bold;
}
#ach__content div.tocheader img {
    float:right;
    padding: 0.2em;
    margin: 0 0 0.2em 0;
    width: 0.8em;
    height: 0.8em;
    cursor: pointer;
}

#ach__content #toc__inside {
    padding: 0.3em;
    margin: 0;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}
#ach__content ul.toc {
    list-style-type: circle;
    margin: 0;
    padding: 0 !important;
}
#ach__content ul.toc li {
/*
    background: inherit url(/lib/tpl/ach/images/tocdot2.gif) 0 0.6em no-repeat;
*/
    margin: 0;
    padding: 0;
    font-size: 0.7em !important;
    line-height:1.2em;
    list-style: none;
}
#ach__content ul.toc li li {
    font-size: 100% !important;
    padding: 0 0 0 1.0em;
}
#ach__content ul.toc li.clear {
    background-image: none;
    padding-left:0.4em;
}
#ach__content a.toc {
}

/*-------------------------------------------------
    Footnotes
-------------------------------------------------*/
#ach__content a.fn_top {
    vertical-align:super;
    font-size:0.8em;
}
/* insitu-footnotes */
div.insitu-footnote {
    margin: 0;
    padding: 0.2em;
    border: 1px solid #000;
    background-color: #ffc;
    color: #000;
    font-size: 0.7em;
    line-height: 1.2em;
    max-width: 40%;    /* IE's width is handled in javascript */  
}
/* 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;
}

#ach__content div.footnotes {
    border-top: 1px solid #ccc;
    padding: 0.5em 0;
    margin: 1.0em 0 0 0;
    background-color: inherit;
    color: #000;
}
#ach__content div.fn {
    font-size: 0.7em;
    padding: 0 0 0.3em 0;
    margin: 0;
}
#ach__content a.fn_bot{
    vertical-align: super;
    font-size: 0.8em;
    font-weight: bold;
}

/*------------------------------------------------*/
/* embedded images */
#ach__content img.media {
    margin: 0;
}
#ach__content img.medialeft {
    float: left;
    margin: 0.5em 0.5em 0.5em 0;
    display: block;
}
#ach__content img.mediaright {
    float: right;
    margin: 0.5em 0 0.5em 0.5em;
    display: block;
}
#ach__content img.mediacenter {
    display: block;
    margin: 0.5em auto;
}
/* smileys */
#ach__content img.middle {
    vertical-align: middle;
}

#ach__content acronym {
    cursor: help;
    border-bottom: 1px dotted #000;
}

/* indent different sections */
#ach__content h1 {margin-left: 0px;}
#ach__content h2 {margin-left: 0px;}
#ach__content h3 {margin-left: 0px;}
#ach__content h4 {margin-left: 0px;}
#ach__content h5 {margin-left: 0px;}
#ach__content div.level1 {margin-left: 0px;}
#ach__content div.level2 {margin-left: 0px;}
#ach__content div.level3 {margin-left: 0px;}
#ach__content div.level4 {margin-left: 0px;}
#ach__content div.level5 {margin-left: 0px;}

#ach__content ol {list-style-type: decimal;}
#ach__content ol ol {list-style-type: lower-alpha;}
#ach__content ol ol ol {list-style-type: upper-roman;}
#ach__content ol ol ol ol {list-style-type: upper-alpha;}
#ach__content ol ol ol ol ol {list-style-type: lower-roman;}

#ach__content ul {list-style-type: disc;}
#ach__content ul ul {list-style-type: circle;}
#ach__content ul ul ul {list-style-type: square;}
#ach__content ul ul ul ul {list-style-type: circle;}
#ach__content ul ul ul ul ul {list-style-type: disc;}

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

/* for index */
#ach__content ul.idx li {list-style-image: url(/lib/tpl/ach/images/bullet.gif);}
#ach__content ul.idx li.open {list-style-image: url(/lib/tpl/ach/images/open.gif);}
#ach__content ul.idx li.closed {list-style-image: url(/lib/tpl/ach/images/closed.gif);}

/*-------------------------------------------------
    Recent changes + Old revisions
-------------------------------------------------*/
#ach__content span.user {
    color: #000;
    background-color: inherit;
}
/* ----------- page navigator ------------- */
#ach__content div.pagenav {
}
#ach__content div.pagenav-prev {
    text-align:right;   
    float:left;
    width:49%;
}
#ach__content div.pagenav-next {
    text-align:left;
    float:right;
    width:49%
}

/* -------------- Diff rendering ------------- */

#ach__content table.diff {
/*
    background-color:inherit;
    color:#000; 
*/
    width: 99% !important;
}
#ach__content th {
    border-bottom: 1px solid #ccc;
    text-align: left;
}
#ach__content td.diff-blockheader {
    font-weight:bold;
}
#ach__content td.diff-context {
    background-color:#eee;
    color: #000;
    font-family: monospace;
}
#ach__content td.diff-addedline {
    background-color:#cfc;
    color: #000;
    font-family: monospace;
    width: 50% !important;
}
#ach__content td.diff-deletedline { 
    background-color:#fdd;
    color: #000;
    font-family: monospace;    
    width: 50% !important;
}
#ach__content span.diffchange {
    color: #f00;
    background-color:inherit;
    font-weight:bold;
}

/*-------------------------------------------------
    Search results
-------------------------------------------------*/
#ach__content div.search_quickresult {
    margin: 0 0 1.0em 0;
    padding: 0 0 1.0em 0;
    border-bottom: 1px solid #ccc;
}
#ach__content ul.search_quickhits {
    margin: 0;
    padding: 0.5em 0;
}
#ach__content ul.search_quickhits li {
    display: inline;
    padding-right: 2.0em;
}
#ach__content div.search_quickresult div.clearer {
    display: none !important;
    clear: none !important;
}

#ach__content div.search_result {
    margin: 0;
    padding: 0 0 1.0em 0;
    font-size: 0.8em;
}
#ach__content span.search_cnt {
}
#ach__content div.search_snippet {
    margin: 0 0 0 1.0em;
    padding: 0;
    color: #000;
    background-color: inherit;
}
#ach__content span.search_hit{
    color: #000;
    background-color: #eee;
}
/* ???
#ach__content span.search_sep {
    color: #000;
    background-color: inherit;
}
*/

/*--> "nothing found" at search + **media** */
#ach__content div.nothing {
    text-align:center;
    font-size: 0.8em;
}

/* ---------- AJAX quicksearch ----------- */
div.ajax_qsearch {
    padding: 0.5em !important;
    position:relative;
    width: 175px;
    background-color: #eee;
    color: #000;
    border: 1px solid #fff;
    display:none;
    font-size: 0.8em;
    line-height: 1.2em;
    text-align: left;
}

/* ---------- Spellchecking (mainly unchanged css) ------------- */
#ach__content a.spell_error {
  color: #ff0000;
  background-color: inherit;
  text-decoration: underline;
}
#ach__content div#spell__suggest {
  display: none;
  background-color: #fff;
  color: inherit;
  padding: 2px;
  border: 1px solid #000;
  font-size:80%;
}
#ach__content div#spell__result {
  display:none;
  border: 1px solid #8cacbb; 
  color: Black;
  font-size:14px;
  padding: 3px;
  background-color: #f7f9fa;
}
#ach__content span.spell_noerr {
  color: #009933;
  background-color: inherit;
}
#ach__content span.spell_wait {
  color: #0066cc;
  background-color: inherit;
}

/**
 * Media Styles for 'ACH' Template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <a.c.henke@arcor.de>
 */

#ach__template .content_media  {
    height: 100%;
    overflow: hidden;

    margin: 0 !important;
    padding: 0 !important;
    border: none !important; /* ff ... */
}

#media__left {
    width: 30%;
    border: none;

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

    background-color: #fff !important;
    color: #000 !important;
}

#media__right {
    width: 69.7%;

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

    background-color: #fff !important;
    color: #000 !important;
}

#ach__template div.content_media h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;

    font-size: 1.2em !important;
    padding: 0.5em 1.0em 0.5em 1.0em!important;
    border-bottom: 1px solid #fff;
    margin: 0 0 0.5em 0 !important;
    background-color: #fff !important;
    color: #000 !important;
    letter-spacing: 0 !important;
    font-variant: normal !important;
}

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

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

#media__tree ul {
    list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 0 0 1.0em;
}

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

/* --- options --- */

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

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

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

#media__opts br {
    clear: left;
}

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

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

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

#media__content .odd {
    background-color: #eee;
    color: inherit;
}

#media__content .odd,
#media__content .even {
    padding: 0.4em;
    font-size: 0.8em;
}

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

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

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


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

#media__content div.example {
    color: #000;
    background-color: inherit;
    margin-left: 1.5em;
}

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

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

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


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

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

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

#media__content form.meta .edit {
    float: left;
    width: 70%;
    padding-right: 0;
    padding-left: 0.2em;
    margin: 2px;
}

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

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

#media__content form.meta div.buttons {
    clear: left;
    margin-left: 25%;
    padding-top: 1.0em;
    padding-left: 1.0em;
}

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

#ach__template div.footer {
    margin:0;
    padding:0.5em 1.0em;
    border-top: 1px solid #fff;
    background-color: #fff !important;
    color: #000 !important;
}
#ach__template div.footer a {
    color: #369 !important;
    background-color: inherit !important;
}

#ach__template div.img_box {
    position: relative !important;
    margin: 0;
    padding: 0;
    width: 98%;/* because of peekaboo  */
}
#ach__template div.img_big {
    float: left;
    margin: 0;
    padding: 0.5em 1.0em;
    position: relative !important;
}
#ach__template div.img_detail {
    margin: 0 0.5em;
    padding: 0 0.5em;
    position: relative;
    width: 200px;
    float: left;
    border-left: 1px solid #ccc;
}

#ach__template dl.img_tags dt {
    font-weight: bold;
}
#ach__template dl.img_tags dd {
    margin: 0 0 0 1.0em;
    padding: 0;
}