@media screen {
/**
 * This file provides styles for the image detail page (detail.php).
 */

#dokuwiki__detail {
    padding: 1em;
}
#dokuwiki__detail h1 {
}

#dokuwiki__detail img {
    float: left;
    margin: 0 1.5em .5em 0;
}
[dir=rtl] #dokuwiki__detail img {
    float: right;
    margin-right: 0;
    margin-left: 1.5em;
}
#dokuwiki__detail div.img_detail {
    float: left;
}
[dir=rtl] #dokuwiki__detail div.img_detail {
    float: right
}

#dokuwiki__detail div.img_detail h2 {
}
#dokuwiki__detail div.img_detail dl {
}
#dokuwiki__detail div.img_detail dl dt {
}
#dokuwiki__detail div.img_detail dl dd {
}

#dokuwiki__detail p.back {
    clear: both;
}
/**
 * This file provides styles for the media manager popup
 * (mediamanager.php).
 */

/*____________ structure ____________*/

html.popup {
    overflow: auto;
}

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

#mediamgr__aside {
    width: 30%;
    height: 100%;
    overflow: auto;
    position: absolute;
    left: 0;
    border-right: 1px solid #8cacbb;
}
[dir=rtl] #mediamgr__aside {
    left: auto;
    right: 0;
    border-right-width: 0;
    border-left: 1px solid #8cacbb;
}
#mediamgr__aside .pad {
    padding: .5em;
}

#mediamgr__content {
    width: 69.7%;
    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
}
[dir=rtl] #mediamgr__content {
    right: auto;
    left: 0;
}
#mediamgr__content .pad {
    padding: .5em;
}

#media__manager h1,
#media__manager h2 {
    font-size: 1.5em;
    margin-bottom: .5em;
    padding-bottom: .2em;
    border-bottom: 1px solid #8cacbb;
}

/* left side
********************************************************************/

/*____________ options ____________*/

#media__opts {
    margin-bottom: .5em;
}

#media__opts input {
    margin-right: .3em;
}
[dir=rtl] #media__opts input {
    margin-right: 0;
    margin-left: .3em;
}
#media__opts label {
}

/*____________ tree ____________*/

#media__tree ul {
    padding-left: .2em;
}
[dir=rtl] #media__tree ul {
    padding-left: 0;
    padding-right: .2em;
}
#media__tree ul li {
    clear: left;
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
}
[dir=rtl] #media__tree ul li {
    clear: right;
    margin-right: 0;
}
#media__tree ul li img {
    float: left;
    padding: .5em .3em 0 0;
}
[dir=rtl] #media__tree ul li img {
    float: right;
    padding: .5em 0 0 .3em;
}
#media__tree ul li div.li {
    display: inline;
}
#media__tree ul li li {
    margin-left: 1.5em;
}
[dir=rtl] #media__tree ul li li {
    margin-left: 0;
    margin-right: 1.5em;
}

/* right side
********************************************************************/

/*____________ upload form ____________*/

/* upload info */
#media__content div.upload {
    font-size: .9em;
    margin-bottom: .5em;
}

#mediamanager__uploader {
    margin-bottom: 1em;
}
#mediamanager__uploader p {
    margin-bottom: .5em;
}

/*____________ file list ____________*/

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

#media__content .odd,
#media__content .even {
    padding: .5em;
}
#media__content .odd {
    background-color: #dee7ec;
}
#media__content .even {
}
/* highlight newly uploaded or edited file */
#media__content #scroll__here {
    border: 1px dashed #8cacbb;
}

/* link which inserts media file */
#media__content a.mediafile {
    margin-right: 1.5em;
    font-weight: bold;
}
[dir=rtl] #media__content a.mediafile {
    margin-right: 0;
    margin-left: 1.5em;
}
#media__content span.info {
}
#media__content img.btn {
    vertical-align: text-bottom;
}

/* info how to insert media, if JS disabled */
#media__content div.example {
    color: #000;
    margin-left: 1em;
}

#media__content div.detail {
    padding: .2em 0;
}
#media__content div.detail div.thumb {
    float: left;
    margin: 0 .5em 0 18px;
}
[dir=rtl] #media__content div.detail div.thumb {
    float: right;
    margin: 0 18px 0 .5em;
}
#media__content div.detail div.thumb a {
    display: block;
    cursor: pointer;
}
#media__content div.detail p {
    margin-bottom: 0;
}


/*____________ media search ____________*/

#dw__mediasearch {
}
#dw__mediasearch p {
}
#dw__mediasearch label {
}
#dw__mediasearch label span {
}
#dw__mediasearch input.edit {
}
#dw__mediasearch input.button {
}


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

#media__content form.meta {
}

#media__content form.meta div.metafield {
    clear: left;
    margin-bottom: .5em;
    overflow: hidden;
}
[dir=rtl] #media__content form.meta div.metafield {
    clear: right;
}

#media__content form.meta label {
    display: block;
    width: 25%;
    float: left;
    font-weight: bold;
    clear: left;
}
[dir=rtl] #media__content form.meta label {
    float: right;
    clear: right;
}
#media__content form.meta .edit {
    float: left;
    width: 70%;
    margin: 0;
}
[dir=rtl] #media__content form.meta .edit {
    float: right;
}
#media__content form.meta textarea.edit {
    /* needed because of IE8 hack in _edit.css for textarea.edit: */
    max-width: 70%;
    min-width: 70%;
}

#media__content form.meta div.buttons {
    clear: left;
    margin: .2em 0 0 25%;
}
[dir=rtl] #media__content form.meta div.buttons {
    clear: right;
    margin: .2em 25% 0 0;
}
/* ATTENTION: This file was edited for the "vector template for DokuWiki".
   - All url(images/[...]) rules where changed.
   See 00_starter-tmpl-notes.txt for details. */

/**
 * This file provides the styles for the fullscreen media manager
 * (?do=media).
 *
 * What most templates would probably need to change (depending on
 * their site width) are the 4 min-width's (search for @change).
 */


/*____________ structure ____________*/

#mediamanager__page h1 {
    margin-bottom: .5em;
}

#mediamanager__page {
    /* min-width must be summary of all 3 panels' min-widths */
    min-width: 50em; /* @change */
    width: 100%;
    text-align: left;
}

#mediamanager__page .panel {
    float: left;
}

#mediamanager__page .namespaces {
    width: 20%;
    min-width: 10em; /* @change */
}
#mediamanager__page .filelist {
    width: 50%;
    min-width: 25em; /* @change */
}
#mediamanager__page .file {
    width: 30%;
    min-width: 15em; /* @change */
}

#mediamanager__page .panelHeader {
    background-color: #dee7ec;
    margin: 0 10px 10px 0;
    padding: 10px 10px 8px;
    text-align: left;
    min-height: 20px;
    overflow: hidden;
}

#mediamanager__page .panelContent {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0 10px 10px 0;
    position: relative;
}
[dir=rtl] #mediamanager__page .panelContent {
    text-align: right;
}

#mediamanager__page .file .panelHeader,
#mediamanager__page .file .panelContent {
    margin-right: 0;
}

#mediamanager__page .ui-resizable-e {
    width: 6px;
    right: 2px;
    background: transparent url(static/3rd/dokuwiki/resizecol.png) center center no-repeat;
    /*
    @deprecated, change since Adora Belle:
    background: transparent url(../../images/resizecol.png) center center no-repeat;
    */
}
#mediamanager__page .ui-resizable-e:hover {
    background-color: #dee7ec;
}


#mediamanager__page dd {
    margin: 0;
}

#mediamanager__page .panelHeader h3 {
    float: left;
    font-weight: normal;
    font-size: 1em;
    padding: 0;
    margin: 0 0 3px;
}


/*____________ namespaces panel ____________*/

[dir=rtl] #mediamanager__page .namespaces {
    text-align: right;
}

/* make it look like a tab (as in _tabs.css) */
#mediamanager__page .namespaces h2 {
    font-size: 1em;
    display: inline-block;
    padding: .3em .8em;
    margin: 0 0 0 .3em;
    border-radius: .5em .5em 0 0;
    font-weight: normal;
    background-color: #dee7ec;
    color: #000;
    border: 1px solid #8cacbb;
    border-bottom-color: #dee7ec;
    line-height: 1.4em;
    position: relative;
    bottom: -1px;
    z-index: 2;
}
* html #mediamanager__page .namespaces h2,
*+html #mediamanager__page .namespaces h2 {
    display: inline;
}
[dir=rtl] #mediamanager__page .namespaces h2 {
    margin: 0 .3em 0 0;
    position: relative;
    right: 10px;
}
#mediamanager__page .namespaces .panelHeader {
    border-top: 1px solid #8cacbb;
    z-index: 1;
}

#mediamanager__page .namespaces ul {
    margin-left: .2em;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
[dir=rtl] #mediamanager__page .namespaces ul {
    margin-left: 0;
    margin-right: .2em;
}
#mediamanager__page .namespaces ul ul {
    margin-left: 1em;
}
[dir=rtl] #mediamanager__page .namespaces ul ul {
    margin-left: 0;
    margin-right: 1em;
}
#mediamanager__page .namespaces ul ul li {
    margin: 0;
}

#mediamanager__page .namespaces ul .selected {
    background-color: #ff9;
    font-weight: bold;
}


/*____________ file list panel ____________*/

/* file list header */

#mediamanager__page .panelHeader form.options {
    float: right;
    margin-top: -3px;
}

#mediamanager__page .panelHeader ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#mediamanager__page .panelHeader ul li {
    color: #000;
    float: left;
    line-height: 1;
    padding-left: 3px;
}
[dir=rtl] #mediamanager__page .panelHeader ul li {
    margin-right: 0;
    margin-left: .5em;
}

#mediamanager__page .panelHeader ul li.listType {
    padding-left: 30px;
    margin: 0 0 0 5px;
    background: url('../../images/icon-list.png') 3px 1px no-repeat;
}
#mediamanager__page .panelHeader ul li.sortBy {
    padding-left: 30px;
    margin: 0 0 0 5px;
    background: url('../../images/icon-sort.png') 3px 1px no-repeat;
}

#mediamanager__page .panelHeader form.options .ui-buttonset label{
    font-size: 90%;
    margin-right: -0.4em;
}
#mediamanager__page .panelHeader form.options .ui-buttonset .ui-button-text {
    padding: .3em .5em;
    line-height: 1;
}

/* file list content */

#mediamanager__page .filelist ul {
    padding: 0;
    margin: 0 10px 0 0;
}
[dir=rtl] #mediamanager__page .filelist ul {
    margin: 0 10px 0 0;
}

#mediamanager__page .filelist .panelContent ul li:hover {
    background-color: #dee7ec;
}

#mediamanager__page .filelist li dt a {
    vertical-align: middle;
    display: table-cell;
    overflow: hidden;
}
* html #mediamanager__page .filelist .thumbs li dt a,
*+html #mediamanager__page .filelist .thumbs li dt a {
    display: block;
}
* html #mediamanager__page .filelist .rows li dt a,
*+html #mediamanager__page .filelist .rows li dt a {
    display: inline;
}

/* file list as thumbs */

#mediamanager__page .filelist .thumbs li {
    width: 100px;
    min-height: 130px;
    display: inline-block;
    display: -moz-inline-stack;
    /* the right margin should visually be 10px, but because of its inline-block nature the whitespace inbetween is about 4px more */
    margin: 0 6px 10px 0;
    background-color: #fff;
    color: #000;
    padding: 5px;
    vertical-align: top;
    text-align: center;
    position: relative;
    line-height: 1.2;
}
[dir=rtl] #mediamanager__page .filelist .thumbs li {
    margin-right: 0;
    margin-left: 6px;
}
* html #mediamanager__page .filelist .thumbs li,
*+html #mediamanager__page .filelist .thumbs li {
    display: inline;
    zoom: 1;
}

#mediamanager__page .filelist .thumbs li dt a {
    width: 100px;
    height: 90px;
}

#mediamanager__page .filelist .thumbs li dt a img {
    max-width: 90px;
    max-height: 90px;
}

#mediamanager__page .filelist .thumbs li .name,
#mediamanager__page .filelist .thumbs li .size,
#mediamanager__page .filelist .thumbs li .filesize,
#mediamanager__page .filelist .thumbs li .date {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90px;
    white-space: nowrap;
}
#mediamanager__page .filelist .thumbs li .name {
    padding: 5px 0;
    font-weight: bold;
}
#mediamanager__page .filelist .thumbs li .date {
    font-style: italic;
    white-space: normal;
}

/* file list as rows */

#mediamanager__page .filelist .rows li {
    list-style: none;
    display: block;
    position: relative;
    max-height: 50px;
    margin: 0;
    margin-bottom: 3px;
    background-color: #fff;
    color: #000;
    overflow: hidden;
}

#mediamanager__page .filelist .rows li:nth-child(2n+1) {
    background-color: #fff;
}

#mediamanager__page .filelist .rows li dt {
    float: left;
    width: 10%;
    height: 40px;
    text-align: center;
}

#mediamanager__page .filelist .rows li dt a {
    width: 100px;
    height: 40px;
}

#mediamanager__page .filelist .rows li dt a img {
    max-width: 40px;
    max-height: 40px;
}

#mediamanager__page .filelist .rows li .name,
#mediamanager__page .filelist .rows li .size,
#mediamanager__page .filelist .rows li .filesize,
#mediamanager__page .filelist .rows li .date {
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin-left: 1%;
    white-space: nowrap;
}

#mediamanager__page .filelist .rows li .name {
    width: 30%;
    font-weight: bold;
}
#mediamanager__page .filelist .rows li .size,
#mediamanager__page .filelist .rows li .filesize {
    width: 15%;
}
#mediamanager__page .filelist .rows li .date {
    width: 20%;
    font-style: italic;
    white-space: normal;
}

/* upload form */

#mediamanager__page div.upload {
    padding-bottom: 0.5em;
}

/*____________ file panel ____________*/

#mediamanager__page .file ul.actions {
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
    list-style: none;
}
#mediamanager__page .file ul.actions li {
    display: inline;
    margin: 0;
}

#mediamanager__page .file div.image {
    margin-bottom: 5px;
    text-align: center;
}

#mediamanager__page .file div.image img {
    width: 100%;
}

#mediamanager__page .file dl {
    margin-bottom: 0;
}
#mediamanager__page .file dl dt {
    font-weight: bold;
    display: block;
    background-color: #dee7ec;
}
#mediamanager__page .file dl dd {
    display: block;
    background-color: #fff;
}


/* file meta data edit form */

#mediamanager__page form.meta div.row {
    margin-bottom: 5px;
}

#mediamanager__page form.meta label span {
    display: block;
}

#mediamanager__page form.meta input {
    width: 50%;
}

#mediamanager__page form.meta input.button {
    width: auto;
}

#mediamanager__page form.meta textarea.edit {
    height: 6em;
    width: 95%;
    min-width: 95%;
    max-width: 95%;
}

/* file revisions form */

#mediamanager__page #page__revisions ul, /* old, until 2012-01-25 */
#mediamanager__page form.changes ul /* new */ {
    margin-left: 10px;
    padding: 0;
    list-style-type: none;
}

#mediamanager__page #page__revisions ul li div.li div, /* old, until 2012-01-25 */
#mediamanager__page form.changes ul li div.li div /* new */ {
    font-size: 90%;
    color: #000;
    padding-left: 18px;
}

#mediamanager__page #page__revisions ul li div.li input, /* old, until 2012-01-25 */
#mediamanager__page form.changes ul li div.li input /* new */ {
    position: relative;
    top: 1px;
}

/* file diff view */

#mediamanager__diff table {
    table-layout: fixed;
    border-width: 0;
}

#mediamanager__diff td,
#mediamanager__diff th {
    width: 48%;
    margin: 0 5px 10px 0;
    padding: 0;
    vertical-align: top;
    text-align: left;
    border-color: #fff;
}
[dir=rtl] #mediamanager__diff td,
[dir=rtl] #mediamanager__diff th {
    text-align: right;
}

#mediamanager__diff th {
    font-weight: normal;
    background-color: #fff;
    line-height: 1.2;
}
#mediamanager__diff th a {
    font-weight: bold;
}
#mediamanager__diff th span {
    font-size: 90%;
}

#mediamanager__diff dl dd strong{
    background-color: #ff9;
    color: #000;
    font-weight: normal;
}

/* image diff views */

#mediamanager__page .file form.diffView {
    margin-bottom: 10px;
    display: block;
}

#mediamanager__diff div.slider {
    margin: 10px;
    width: 95%;
}

#mediamanager__diff .imageDiff {
    position: relative;
}
#mediamanager__diff .imageDiff .image2 {
    position: absolute;
    top: 0;
    left: 0;
}

#mediamanager__diff .imageDiff.opacity .image2 {
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#mediamanager__diff .imageDiff.portions .image2 {
    border-right: 1px solid red;
    overflow: hidden;
}

#mediamanager__diff .imageDiff.portions img {
    float: left;
}

#mediamanager__diff .imageDiff img {
    width: 100%;
    max-width: none;
}
/**
 * This file provides the styles for the file uploader
 * used in the media manager (both fullscreen and popup).
 */

.qq-uploader {
    position: relative;
    width: 100%;
}

.qq-uploader .error {
    color: #f00;
    background-color: #fff;
}

/* select file button */

/* as this is not a real button, but functions as a button,
   it should be styled the same way as your other buttons,
   preferably in the same place, so just add '.qq-upload-button' to those styles */
.qq-upload-button {
    display: inline-block;
    text-decoration: none;
    font-size: 100%;
    cursor: pointer;
    margin: 1px 1px 5px;
}


* html .qq-upload-button,
*+html .qq-upload-button {
    display: inline;
}

.qq-upload-button-focus {
    outline: 1px dotted;
}

/* drop area */

.qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 70px;
    z-index: 2;
    background: #fff;
    color: #000;
    text-align: center;
}

.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 120%;
}

.qq-upload-drop-area-active {
    background: #dee7ec;
}

/* list of files to upload */

div.qq-uploader ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.qq-uploader li {
    margin: 0 0 5px;
    color: #000;
}

.qq-uploader li span,
.qq-uploader li input,
.qq-uploader li a {
    margin-right: 5px;
}

.qq-upload-file {
    display: block;
    font-weight: bold;
}

.qq-upload-spinner {
    display: inline-block;
    background: url("../../images/throbber.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.qq-upload-size,
.qq-upload-cancel {
    font-size: 85%;
}

.qq-upload-failed-text {
    display: none;
}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}

.qq-action-container * {
    vertical-align: middle;
}
.qq-overwrite-check input {
    margin-left: 10px;
}
/**
 * This file provides the styles for general tabs.
 */

.dokuwiki .tabs > ul,
.dokuwiki ul.tabs {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
/* border underneath */
.dokuwiki .tabs > ul:after,
.dokuwiki ul.tabs:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #8cacbb;
    z-index: 1;
}

.dokuwiki .tabs > ul li,
.dokuwiki ul.tabs li {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
[dir=rtl] .dokuwiki .tabs > ul li,
[dir=rtl] .dokuwiki ul.tabs li {
    float: right;
}

.dokuwiki .tabs > ul li a,
.dokuwiki ul.tabs li strong,
.dokuwiki ul.tabs li a {
    display: inline-block;
    padding: .3em .8em;
    margin: 0 0 0 .3em;
    background-color: #fff;
    color: #000;
    border: 1px solid #8cacbb;
    border-radius: .5em .5em 0 0;
    position: relative;
    z-index: 0;
}
[dir=rtl] .dokuwiki .tabs > ul li a,
[dir=rtl] .dokuwiki ul.tabs li strong,
[dir=rtl] .dokuwiki ul.tabs li a {
    margin: 0 .3em 0 0;
}

.dokuwiki ul.tabs li strong {
    font-weight: normal;
}

.dokuwiki ul.tabs li a:link,
.dokuwiki ul.tabs li a:visited {
}
.dokuwiki .tabs > ul li a:hover,
.dokuwiki .tabs > ul li a:active,
.dokuwiki .tabs > ul li a:focus,
.dokuwiki .tabs > ul li .curid a,
.dokuwiki .tabs > ul .active a,
.dokuwiki ul.tabs li a:hover,
.dokuwiki ul.tabs li a:active,
.dokuwiki ul.tabs li a:focus,
.dokuwiki ul.tabs li strong {
    background-color: #dee7ec;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

.dokuwiki .tabs > ul li .curid a,
.dokuwiki .tabs > ul li .active a,
.dokuwiki ul.tabs li strong {
    z-index: 2;
    border-bottom-color: #dee7ec;
}
/* ATTENTION: This file was edited for the "vector template for DokuWiki".
   - All url(images/[...]) rules where changed.
   See 00_starter-tmpl-notes.txt for details. */

/**
 * This file provides styles for all types of links.
 */

/*____________ links to wiki pages ____________*/

/* existing wikipage */
.dokuwiki a.wikilink1 {
}
/* not existing wikipage */
.dokuwiki a.wikilink2 {
    text-decoration: none;
}
.dokuwiki a.wikilink2:link,
.dokuwiki a.wikilink2:visited {
    border-bottom: 1px dashed;
}
.dokuwiki a.wikilink2:hover,
.dokuwiki a.wikilink2:active,
.dokuwiki a.wikilink2:focus {
    border-bottom-width: 0;
}

/* any link to current page */
.dokuwiki span.curid a {
    font-weight: bold;
}

/*____________ other link types ____________*/

.dokuwiki a.urlextern,
.dokuwiki a.windows,
.dokuwiki a.mail,
.dokuwiki a.mediafile,
.dokuwiki a.interwiki {
    background-repeat: no-repeat;
    background-position: 0 center;
    padding: 0 0 0 18px;
}
/* external link */
.dokuwiki a.urlextern {
    background-image: url(static/3rd/dokuwiki/external-link.png);
    /*
    @deprecated, change since Adora Belle:
    background-image: url(../../images/external-link.png);
    */
}
/* windows share */
.dokuwiki a.windows {
    background-image: url(static/3rd/dokuwiki/unc.png);
    /*
    @deprecated, change since Adora Belle:
    background-image: url(../../images/unc.png);
    */
}
/* email link */
.dokuwiki a.mail {
    background-image: url(static/3rd/dokuwiki/email.png);
    /*
    @deprecated, change since Adora Belle:
    background-image: url(../../images/email.png);
    */
}

/* icons of the following are set by dokuwiki in lib/exe/css.php */
/* link to some embedded media */
.dokuwiki a.mediafile {
}
/* interwiki link */
.dokuwiki a.interwiki {
}

/* RTL corrections */
[dir=rtl] .dokuwiki a.urlextern,
[dir=rtl] .dokuwiki a.windows,
[dir=rtl] .dokuwiki a.mail,
[dir=rtl] .dokuwiki a.interwiki,
[dir=rtl] .dokuwiki a.mediafile {
    background-position: right center;
    padding: 0 18px 0 0;
    display: inline-block; /* needed for IE7 */
}
/* ATTENTION: This file was edited for the "vector template for DokuWiki".
   - All url(images/[...]) rules where changed.
   See 00_starter-tmpl-notes.txt for details. */

/**
 * This file provides styles for the TOC (table of contents), the
 * sitemap (?do=index) and backlinks (?do=backlink).
 */

/* toc
********************************************************************/

/* toc container */
.dokuwiki div.toc, /* old, until 2012-01-25 */
#dw__toc /* new */ {
    float: right;
    margin: 0 0 1.4em 1.4em;
    width: 12em;
    background-color: #dee7ec;
    color: inherit;
}
[dir=rtl] .dokuwiki div.toc, /* old, until 2012-01-25 */
[dir=rtl] #dw__toc /* new */ {
    float: left;
    margin: 0 1.4em 1.4em 0;
}

/*____________ toc header ____________*/

.dokuwiki div.tocheader, /* old */
#dw__toc h3 /* new */ {
    padding: .2em .5em;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 1em;
}

.dokuwiki .toc span.toc_open, /* old */
.dokuwiki .toc span.toc_close, /* old */
#dw__toc h3 strong /* new */ {
    float: right;
    margin: 0 .2em;
    line-height: 1;
}
[dir=rtl] .dokuwiki .toc span.toc_open, /* old */
[dir=rtl] .dokuwiki .toc span.toc_close, /* old */
[dir=rtl] #dw__toc h3 strong /* new */ {
    float: left;
}

/*____________ toc list ____________*/

.dokuwiki #toc__inside,
#dw__toc > div {
    padding: .2em .5em;
}
.dokuwiki #toc__inside ul, /* old */
#dw__toc ul /* new */ {
    padding: 0;
    margin: 0;
}
.dokuwiki #toc__inside ul li, /* old */
#dw__toc ul li /* new */ {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.1;
}
.dokuwiki #toc__inside ul li div.li, /* old */
#dw__toc ul li div.li /* new */ {
    padding: .15em 0;
}
.dokuwiki #toc__inside ul ul, /* old */
#dw__toc ul ul /* new */ {
    padding-left: 1em;
}
[dir=rtl] .dokuwiki #toc__inside ul ul, /* old */
[dir=rtl] #dw__toc ul ul /* new */ {
    padding-left: 0;
    padding-right: 1em;
}
.dokuwiki #toc__inside ul ul li, /* old */
#dw__toc ul ul li /* new */ {
}
.dokuwiki #toc__inside ul li a, /* old */
#dw__toc ul li a /* new */ {
}

/* in case of toc list jumping one level
  (e.g. if heading level 3 follows directly after heading level 1) */
.dokuwiki #toc__inside ul li.clear, /* old */
#dw__toc ul li.clear /* new */ {
}


/* sitemap (and backlinks)
********************************************************************/

.dokuwiki ul.idx {
    padding-left: 0;
}
[dir=rtl] .dokuwiki ul.idx {
    padding-right: 0;
}
.dokuwiki ul.idx li {
    list-style-image: url(static/3rd/dokuwiki/bullet.png);
    /*
    @deprecated, change since Adora Belle:
    list-style-image: url(../../images/bullet.png);
    */
}
.dokuwiki ul.idx li.open {
    list-style-image: url(static/3rd/dokuwiki/open.png);
    /*
    @deprecated, change since Adora Belle:
    list-style-image: url(../../images/open.png);
    */
}
.dokuwiki ul.idx li.closed {
    list-style-image: url(static/3rd/dokuwiki/closed.png);
    /*
    @deprecated, change since Adora Belle:
    list-style-image: url(../../images/closed.png);
    */
}
[dir=rtl] .dokuwiki ul.idx li.closed {
    list-style-image: url(static/3rd/dokuwiki/closed-rtl.png);
    /*
    @deprecated, change since Adora Belle:
    list-style-image: url(../../images/closed-rtl.png);
    */
}
/**
 * This file provides styles for footnotes.
 */

/*____________ footnotes inside the text ____________*/

/* link to footnote inside the text */
.dokuwiki sup a.fn_top {
}
/* JSpopup */
div.insitu-footnote {
    max-width: 40%;
    min-width: 5em;
}

/*____________ footnotes at the bottom of the page ____________*/

.dokuwiki div.footnotes {
    border-top: 1px solid #8cacbb;
    padding: .5em 0 0 0;
    margin: 1em 0 0 0;
    clear: both;
}
.dokuwiki div.footnotes div.fn {
}
.dokuwiki div.footnotes div.fn sup a.fn_bot {
    font-weight: bold;
}
/**
 * This file provides styles for the search results page (?do=search)
 * and the AJAX search popup.
 */

/* search results page
********************************************************************/

/* loading gif */
#dw__loading {
    text-align: center;
    margin-bottom: 1.4em;
}

/*____________ matching pagenames ____________*/

.dokuwiki div.search_quickresult {
    margin-bottom: 1.4em;
}
.dokuwiki div.search_quickresult h3 {
}
.dokuwiki div.search_quickresult ul {
    padding: 0;
}
.dokuwiki div.search_quickresult ul li {
    float: left;
    width: 12em;
    margin: 0 1.5em;
}
[dir=rtl] .dokuwiki div.search_quickresult ul li {
    float: right;
}

/*____________ search results ____________*/

.dokuwiki div.search_result {
    margin-bottom: 1.2em;
}
/* search heading */
.dokuwiki dl.search_results dt {
    font-weight: normal;
    margin-bottom: .2em;
}

/* search snippet */
.dokuwiki div.search_result div.search_snippet, /* old, until 2012-01-25 */
.dokuwiki dl.search_results dd /* new */ {
    color: #000;
    background-color: inherit;
    margin: 0 0 1.2em 0;
}

/* search hit in normal text */
.dokuwiki .search_hit {
    color: #000;
    background-color: #ff9;
}
/* search hit in search results */
.dokuwiki div.search_result strong.search_hit, /* old */
.dokuwiki .search_results strong.search_hit /* new */ {
    font-weight: normal;
}
/* ellipsis separating snippets */
.dokuwiki div.search_result .search_sep, /* old */
.dokuwiki .search_results .search_sep /* new */ {
    color: #000;
    background-color: inherit;
}

/* "nothing found" at search + media */
.dokuwiki div.nothing {
    margin-bottom: 1.4em;
}


/* AJAX quicksearch popup
********************************************************************/

.dokuwiki form.search div.no {
    position: relative;
    z-index: 1;
}

/* .JSpopup */
.dokuwiki form.search div.ajax_qsearch {
    position: absolute;
    top: 0;
    left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
    width: 12em;
    padding: 0.5em;
    font-size: .9em;
    z-index: 20;
    text-align: left;
    display: none;
}
[dir=rtl] .dokuwiki form.search div.ajax_qsearch {
    left: auto;
    right: -13.5em;
    text-align: right;
}

.dokuwiki form.search div.ajax_qsearch strong {
    display: block;
    margin-bottom: .3em;
}
.dokuwiki form.search div.ajax_qsearch ul {
    margin: 0 !important;
    padding: 0 !important;
}
.dokuwiki form.search div.ajax_qsearch ul li {
    margin: 0;
    padding: 0;
    display: block !important;
}
/**
 * This file provides styles for the recent changes (?do=recent) and
 * old revisions (?do=revisions).
 */

/*____________ list of revisions / recent changes ____________*/

/* select type of revisions (media/pages), should have a class on it's own, but hasn't (until after version 2012-01-25)  */
.dokuwiki #dw__recent label, /* old, until 2012-01-25 */
.dokuwiki .changeType /* new */ {
    margin-bottom: .5em;
    display: block;
}

.dokuwiki #dw__recent ul li, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li /* new */ {
    list-style: none;
    margin-left: 0;
}
[dir=rtl] .dokuwiki #dw__recent ul li, /* old, until 2012-01-25 */
[dir=rtl] .dokuwiki #page__revisions ul li, /* old, until 2012-01-25 */
[dir=rtl] .dokuwiki form.changes ul li /* new */ {
    margin-right: 0;
}

.dokuwiki #dw__recent ul li span, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li span, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li span, /* new */
.dokuwiki #dw__recent ul li a, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li a, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li a /* new */ {
    vertical-align: middle;
}
.dokuwiki #dw__recent ul li span.user a, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li span.user a, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li span.user a /* new */ {
    vertical-align: bottom;
}
.dokuwiki #dw__recent ul li.minor, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li.minor, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li.minor /* new */ {
    opacity: .7;
}

.dokuwiki #dw__recent ul li span.date, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li span.date, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li span.date /* new */ {
}
.dokuwiki #dw__recent ul li a.diff_link, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li a.diff_link, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li a.diff_link /* new */ {
    vertical-align: baseline;
}
.dokuwiki #dw__recent ul li a.revisions_link, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li a.revisions_link, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li a.revisions_link /* new */ {
    vertical-align: baseline;
}
.dokuwiki #dw__recent ul li a.wikilink1, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li a.wikilink1, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li a.wikilink1, /* new */
.dokuwiki #dw__recent ul li a.wikilink2, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li a.wikilink2, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li a.wikilink2 /* new */ {
}
.dokuwiki #dw__recent ul li span.sum, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li span.sum, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li span.sum /* new */ {
    font-weight: bold;
}
.dokuwiki #dw__recent ul li span.user, /* old, until 2012-01-25 */
.dokuwiki #page__revisions ul li span.user, /* old, until 2012-01-25 */
.dokuwiki form.changes ul li span.user /* new */ {
}


/*____________ page navigator ____________*/

.dokuwiki div.pagenav {
    text-align: center;
    margin: 1.4em 0;
}
.dokuwiki div.pagenav-prev,
.dokuwiki div.pagenav-next {
    display: inline;
    margin: 0 .5em;
}
/**
 * This file provides styles for the diff view, which shows you
 * differences between two versions of a page (?do=diff).
 */

.dokuwiki table.diff {
    width: 100%;
    border-width: 0;
}
.dokuwiki table.diff th,
.dokuwiki table.diff td {
    vertical-align: top;
    padding: 0;
    border-width: 0;
    /* no style.ini colours because deleted and added lines have a fixed background colour */
    background-color: #fff;
    color: #333;
}

/* table header */
.dokuwiki table.diff th {
    border-bottom: 1px solid #8cacbb;
    font-size: 110%;
    width: 50%;
    font-weight: normal;
}
.dokuwiki table.diff th a {
    font-weight: bold;
}
.dokuwiki table.diff th span.user {
    font-size: .9em;
}
.dokuwiki table.diff th span.sum {
    font-size: .9em;
    font-weight: bold;
}
.dokuwiki table.diff th.minor {
    color: #999;
}

/* table body */
.dokuwiki table.diff td {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
}
.dokuwiki table.diff td.diff-blockheader {
    font-weight: bold;
}
.dokuwiki table.diff .diff-addedline {
    background-color: #cfc;
    color: inherit;
}
.dokuwiki table.diff .diff-deletedline {
    background-color: #fdd;
    color: inherit;
}
.dokuwiki table.diff td.diff-context {
    background-color: #eee;
    color: inherit;
}
.dokuwiki table.diff td.diff-addedline strong,
.dokuwiki table.diff td.diff-deletedline strong {
    color: #f00;
    background-color: inherit;
    font-weight: bold;
}
/**
 * This file provides styles for the edit view (?do=edit), preview
 * and section edit buttons.
 */

/* edit view
********************************************************************/

.dokuwiki div.editBox {
}

/*____________ toolbar ____________*/

.dokuwiki div.toolbar {
    margin-bottom: .5em;
    overflow: hidden;
}
#draft__status {
    float: right;
    color: #000;
    background-color: inherit;
}
[dir=rtl] #draft__status {
    float: left;
}

#tool__bar {
    float: left;
}
[dir=rtl] #tool__bar {
    float: right;
}

/* buttons inside of toolbar */
.dokuwiki div.toolbar button.toolbutton {
}
/* picker popups (outside of .dokuwiki) */
div.picker {
    width: 300px;
    border: 1px solid #8cacbb;
    background-color: #dee7ec;
    color: inherit;
}
/* picker for headlines */
div.picker.pk_hl {
    width: auto;
}
/* buttons inside of picker */
div.picker button.pickerbutton,
div.picker button.toolbutton {
    padding: .1em .35em;
    border-width: 0;
}

/*____________ edit textarea ____________*/

.dokuwiki textarea.edit {
    /* should just be "width: 100%", but IE8 doesn't like it, see FS#1910 + FS#1667 */
    width: 700px;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: .5em;
}

/*____________ below the textarea ____________*/

.dokuwiki #wiki__editbar, /* old, until 2012-01-25 */
.dokuwiki div.editBar /* new */ {
    overflow: hidden;
    margin-bottom: .5em;
}

/* size and wrap controls */
#size__ctl {
    float: right;
}
[dir=rtl] #size__ctl {
    float: left;
}
#size__ctl img {
    cursor: pointer;
}

/* edit buttons */
.dokuwiki #wiki__editbar .editButtons, /* old, until 2012-01-25 */
.dokuwiki div.editBar .editButtons /* new */ {
    display: inline;
    margin-right: 1em;
}
[dir=rtl] .dokuwiki #wiki__editbar .editButtons, /* old, until 2012-01-25 */
[dir=rtl] .dokuwiki .editBar .editButtons /* new */ {
    margin-right: 0;
    margin-left: 1em;
}
.dokuwiki #wiki__editbar .editButtons input, /* old, until 2012-01-25 */
.dokuwiki div.editBar .editButtons input /* new */ {
}

/* summary input and minor changes checkbox */
.dokuwiki #wiki__editbar .summary, /* old, until 2012-01-25 */
.dokuwiki div.editBar .summary /* new */ {
    display: inline;
}
.dokuwiki #wiki__editbar .summary label, /* old, until 2012-01-25 */
.dokuwiki div.editBar .summary label /* new */ {
    vertical-align: middle;
    white-space: nowrap;
}
.dokuwiki #wiki__editbar .summary label span, /* old, until 2012-01-25 */
.dokuwiki div.editBar .summary label span /* new */ {
    vertical-align: middle;
}
.dokuwiki #wiki__editbar .summary input, /* old, until 2012-01-25 */
.dokuwiki div.editBar .summary input /* new */ {
}
/* change background colour if summary is missing */
.dokuwiki #wiki__editbar .summary input.missing, /* old, until 2012-01-25 */
.dokuwiki div.editBar .summary input.missing /* new */ {
    color: #000;
    background-color: #ffcccc;
}

/* preview
********************************************************************/

.dokuwiki div.preview {
    border: dotted #8cacbb;
    border-width: .2em 0;
    padding: 1.4em 0;
    margin-bottom: 1.4em;
}

/* section edit buttons
********************************************************************/

.dokuwiki .secedit {
    float: right;
    margin-top: -1.4em;
}
[dir=rtl] .dokuwiki .secedit {
    float: left;
}
.dokuwiki .secedit input.button {
    font-size: 75%;
}

/* style for section highlighting */
.dokuwiki div.section_highlight {
    margin: 0 -1em; /* negative side margin = side padding + side border */
    padding: 0 .5em;
    border: solid #dee7ec;
    border-width: 0 .5em;
}
/**
 * This file provides styles for modal dialogues.
 */

.dokuwiki .ui-widget {
    font-size: 100%;
}


/* link wizard (opens from the link button in the edit toolbar)
********************************************************************/

#link__wiz {
}

#link__wiz_result {
    background-color: #fff;
    width:  293px;
    height: 193px;
    overflow: auto;
    border: 1px solid #8cacbb;
    margin: 3px auto;
    text-align: left;
    line-height: 1;
}
[dir=rtl] #link__wiz_result {
    text-align: right;
}

#link__wiz_result div {
    padding: 3px 3px 3px 0;
}
[dir=rtl] #link__wiz_result div {
    padding: 3px 0 3px 3px;
}

#link__wiz_result div a {
    display: block;
    padding-left: 22px;
    min-height: 16px;
    background: transparent 3px center no-repeat;
}
[dir=rtl] #link__wiz_result div a {
    padding-right: 22px;
    background-position: right 0;
}

#link__wiz_result div.type_u a {
    background-image: url(../../images/up.png);
}
#link__wiz_result div.type_f a {
    background-image: url(../../images/page.png);
}
#link__wiz_result div.type_d a {
    background-image: url(../../images/ns.png);
}

#link__wiz_result div.even {
    background-color: #fff;
}

#link__wiz_result div.selected {
    background-color: #dee7ec;
}

#link__wiz_result span {
    display: block;
    color: #000;
    margin-left: 22px;
}
[dir=rtl] #link__wiz_result span {
    margin-left: 0;
    margin-right: 22px;
}


/* media option wizard (opens when inserting media in the media popup)
********************************************************************/

#media__popup {
    /* for backwards compatibility (not needed since Rincewind) */
    display: none;
}

#media__popup_content p {
    margin: 0 0 .5em;
}

#media__popup_content label {
    margin-right: .5em;
    cursor: default;
}
[dir=rtl] #media__popup_content label {
    margin-right: 0;
    margin-left: .5em;
}

#media__popup_content .button {
    margin-right: 1px;
    cursor: pointer;
}
/* TODO: this file is not up to the best standards and will be fixed after an overhaul of the form code */

/**
 * This file provides styles for forms in general and specifically
 * for ?do=
 *   - login
 *   - resendpwd
 *   - register
 *   - profile
 *   - subscribe
 */

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

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

.dokuwiki label.block {
  display: block;
  text-align: right;
  font-weight: bold;
}
[dir=rtl] .dokuwiki label.block {
  text-align: left;
}

.dokuwiki label.simple {
  display: block;
  text-align: left;
  font-weight: normal;
}
[dir=rtl] .dokuwiki label.simple {
  text-align: right;
}

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

.dokuwiki label span {
    vertical-align: middle;
}

.dokuwiki fieldset {
  width: 400px;
  text-align: center;
  border: 1px solid #8cacbb;
  padding: 0.5em;
  margin: auto;
}


.dokuwiki input.edit,
.dokuwiki select.edit {
  vertical-align: middle;
}
.dokuwiki select.edit {
  padding: 0.1em 0;
}


.dokuwiki input.button,
.dokuwiki button.button {
    vertical-align: middle;
}

/**
 * Styles for the subscription page
 */

#subscribe__form {
    display: block;
    width: 400px;
    text-align: center;
}

#subscribe__form fieldset {
    text-align: left;
    margin: 0.5em 0;
}
[dir=rtl] #subscribe__form fieldset {
    text-align: right;
}

#subscribe__form label {
    display: block;
    margin: 0 0.5em 0.5em;
}
/**
 * This file provides styles for the Administration overview
 * (?do=admin).
 */

.dokuwiki ul.admin_tasks {
    float: left;
    width: 40%;
    list-style-type: none;
    font-size: 1.125em;
}
[dir=rtl] .dokuwiki ul.admin_tasks {
    float: right;
}

.dokuwiki ul.admin_tasks li {
    padding-left: 35px;
    margin: 0 0 1em 0;
    font-weight: bold;
    list-style-type: none;
    background: transparent none no-repeat scroll 0 0;
    color: inherit;
}
[dir=rtl] .dokuwiki ul.admin_tasks li {
    padding-left: 0;
    padding-right: 35px;
    background-position: right 0;
}

.dokuwiki ul.admin_tasks li.admin_acl {
    background-image: url(../../images/admin/acl.png);
}
.dokuwiki ul.admin_tasks li.admin_usermanager {
    background-image: url(../../images/admin/usermanager.png);
}
.dokuwiki ul.admin_tasks li.admin_plugin {
    background-image: url(../../images/admin/plugin.png);
}
.dokuwiki ul.admin_tasks li.admin_config {
    background-image: url(../../images/admin/config.png);
}
.dokuwiki ul.admin_tasks li.admin_revert {
    background-image: url(../../images/admin/revert.png);
}
.dokuwiki ul.admin_tasks li.admin_popularity {
    background-image: url(../../images/admin/popularity.png);
}

/* DokuWiki version below */
.dokuwiki #admin__version {
    clear: left;
    float: right;
    color: #000;
    background-color: inherit;
}
[dir=rtl] .dokuwiki #admin__version {
    clear: right;
    float: left;
}
/* ATTENTION: This file was edited for the "vector template for DokuWiki".
              - All url() rules where changed.
               See README for details. */


/*
 * main-rtl.css is automatically generated using CSSJanus, a python script for
 * creating RTL versions of otherwise LTR stylesheets.
 *
 * You may download the tool to rebuild this stylesheet
 * http://code.google.com/p/cssjanus/
 *
 * An online version of this tool can be used at:
 * http://cssjanus.commoner.com/
 *
 * The following command is used to generate the RTL version of this file
 * ./cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css
 *
 * Any rules which should not be flipped should be prepended with @noflip in
 * a comment block.
 */
/* Framework */
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 1em;
}
body {
	background-color: #f3f3f3;
	background-image: url(static/3rd/vector/page-base.png);
}
/* Content */
div#content {
	margin-left: 10em;
	padding: 1em;
	background-image: url(static/3rd/vector/border.png);
	background-position: top left;
	background-repeat: repeat-y;
	background-color: white;
	color: black;
}
/* Head */
#page-base {
	height: 5em;
	background-color: white;
	background-image: url(static/3rd/vector/page-fade.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}
#head-base {
	margin-top: -5em;
	margin-left: 10em;
	height: 5em;
	background-image: url(static/3rd/vector/border.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}
div#head {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
div#head h5 {
	margin: 0;
	padding: 0;
}
	/* Hide empty portlets */
	div.emptyPortlet {
		display: none;
	}
	/* Personal */
	#p-personal {
		position: absolute;
		top: 0;
		margin-left: 10em;
		right: 0.75em;
	}
	#p-personal h5 {
		display: none;
	}
	#p-personal ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	/* @noflip */
	#p-personal li {
		line-height: 1.125em;
		float: left;
	}
	#p-personal li {
		margin-left: 0.75em;
		margin-top: 0.5em;
		font-size: 0.75em;
	}
	/* Navigation Containers */
	#left-navigation {
		position: absolute;
		left: 10em;
		top: 2.5em;
	}
	#right-navigation {
		float: right;
		margin-top: 2.5em;
	}
	/* Navigation Labels */
	div.vectorTabs h5,
	div.vectorMenu h5 span {
		display: none;
	}
	/* Namespaces and Views */
	/* @noflip */
	div.vectorTabs {
		float: left;
	}
	div.vectorTabs {
		background-image: url(static/3rd/vector/tab-break.png);
		background-position: bottom left;
		background-repeat: no-repeat;
		padding-left: 1px;
	}
	/* @noflip */
	div.vectorTabs ul {
		float: left;
	}
	div.vectorTabs ul {
		height: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	/* @noflip */
	div.vectorTabs ul li {
		float: left;
	}
	/* OVERRIDDEN BY COMPLIANT BROWSERS */
	div.vectorTabs ul li {
		line-height: 1.125em;
		display: inline-block;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #f3f3f3;
		background-image: url(static/3rd/vector/tab-normal-fade.png);
		background-position: bottom left;
		background-repeat: repeat-x;
		white-space:nowrap;
	}
	/* IGNORED BY IE6 */
	div.vectorTabs ul > li {
		display: block;
	}
	div.vectorTabs li.selected {
		background-image: url(static/3rd/vector/tab-current-fade.png);
	}
	/* OVERRIDDEN BY COMPLIANT BROWSERS */
	div.vectorTabs li a {
		display: inline-block;
		height: 2.5em;
		padding-left: 0.4em;
		padding-right: 0.4em;
		background-image: url(static/3rd/vector/tab-break.png);
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	div.vectorTabs li a,
	div.vectorTabs li a span {
		color: #0645ad;
		cursor: pointer;
	}
	div.vectorTabs li a span {
		font-size: 0.8em;
	}
	/* IGNORED BY IE6 */
	div.vectorTabs li > a {
		display: block;
	}
	/* OVERRIDDEN BY COMPLIANT BROWSERS */
	div.vectorTabs a span {
		display: inline-block;
		padding-top: 1.25em;
	}
	/* IGNORED BY IE6 */
	/* @noflip */
	div.vectorTabs a > span {
		float: left;
		display: block;
	}
	div.vectorTabs li.selected a,
	div.vectorTabs li.selected a span,
	div.vectorTabs li.selected a:visited
	div.vectorTabs li.selected a:visited span {
		color: #333333;
		text-decoration: none;
	}
	div.vectorTabs li.new a,
	div.vectorTabs li.new a span,
	div.vectorTabs li.new a:visited,
	div.vectorTabs li.new a:visited span {
		color: #a55858;
	}
	/* Variants and Actions */
	/* @noflip */
	div.vectorMenu {
		direction: ltr;
		float: left;
		background-image: url(static/3rd/vector/arrow-down-icon.png);
		background-position: 100% 60%;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	/* @noflip */
	body.rtl div.vectorMenu {
		direction: rtl;
	}
	/* OVERRIDDEN BY COMPLIANT BROWSERS */
	/* @noflip */
	div#head div.vectorMenu h5 {
		float: left;
		background-image: url(static/3rd/vector/tab-break.png);
		background-repeat: no-repeat;
	}
	/* IGNORED BY IE6 */
	div#head div.vectorMenu > h5 {
		background-image: none;
	}
	div#head div.vectorMenu h5 {
		background-position: bottom left;
		margin-left: -1px;
	}
	div#head div.vectorMenu h4 {
		display: inline-block;
		float: left;
		font-size: 0.8em;
		padding-left: 0.5em;
		padding-top: 1.375em;
		font-weight: normal;
		border: none;
	}
	/* OVERRIDDEN BY COMPLIANT BROWSERS */
	/* @noflip */
	div.vectorMenu h5 a {
		display: inline-block;
		width: 24px;
		height: 2.5em;
		text-decoration: none;
		background-image: url(static/3rd/vector/tab-break.png);
		background-repeat: no-repeat;
	}
	div.vectorMenu h5 a{
		background-position: bottom right;
	}
	/* IGNORED BY IE6 */
	div.vectorMenu h5 > a {
		display: block;
	}
	div.vectorMenu div.menu {
		position: relative;
		display: none;
		clear: both;
		text-align: left;
	}
	/* OVERRIDDEN BY COMPLIANT BROWSERS */
	/* @noflip */
	body.rtl div.vectorMenu div.menu {
		margin-left: 24px;
	}
	/* IGNORED BY IE6 */
	/* @noflip */
	body.rtl div.vectorMenu > div.menu {
		margin-left: auto;
	}
	/* Fixes old versions of FireFox */
	/* @noflip */
	body.rtl div.vectorMenu > div.menu,
	x:-moz-any-link {
		margin-left: 23px;
	}
	div.vectorMenu:hover div.menu {
		display: block;
	}
	div.vectorMenu ul {
		position: absolute;
		background-color: white;
		border: solid 1px silver;
		border-top-width: 0;
		list-style: none;
		list-style-image: none;
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-left: -1px;
		text-align: left;
	}
	/* Fixes old versions of FireFox */
	div.vectorMenu ul,
	x:-moz-any-link {
		min-width: 5em;
	}
	/* Returns things back to normal in modern versions of FireFox */
	div.vectorMenu ul,
	x:-moz-any-link,
	x:default {
		min-width: 0;
	}
	div.vectorMenu li {
		padding: 0;
		margin: 0;
		text-align: left;
		line-height: 1em;
	}
	/* OVERRIDDEN BY COMPLIANT BROWSERS */
	div.vectorMenu li a {
		display: inline-block;
		padding: 0.5em;
		white-space: nowrap;
	}
	/* IGNORED BY IE6 */
	div.vectorMenu li > a {
		display: block;
	}
	div.vectorMenu li a {
		color: #0645ad;
		cursor: pointer;
		font-size: 0.8em;
	}
	div.vectorMenu li.selected a,
	div.vectorMenu li.selected a:visited {
		color: #333333;
		text-decoration: none;
	}
	/* Search */
	#p-search h5 {
		display: none;
	}
	/* @noflip */
	#p-search {
		float: left;
	}
	#p-search {
		margin-right: 0.5em;
		margin-left: 0.5em;
	}
	#p-search form,
	#p-search input {
		margin: 0;
		margin-top: 0.4em;
	}
	div#simpleSearch {
		margin-top: 0.5em;
		position: relative;
		border: solid 1px #AAAAAA;
		background-color: white;
		background-image: url(static/3rd/vector/search-fade.png);
		background-position: top left;
		background-repeat: repeat-x;
	}
	div#simpleSearch label {
		font-size: 0.8em;
		top: 0.25em;
	}
	div#simpleSearch input#searchInput {
		margin: 0;
		border-width: 0;
		padding: 0.25em;
		line-height: 1em;
		font-size: 0.8em;
		width: 14em;
		background-color: transparent;
	}
	/* OVERRIDDEN BY COMPLIANT BROWSERS */
	div#simpleSearch button#searchButton {
		margin: 0;
		padding: 0;
		width: 1.75em;
		height: 1.5em;
		border: none;
		cursor: pointer;
		background-color: transparent;
		background-image: url(static/3rd/vector/search-ltr.png);
		background-position: center center;
		background-repeat: no-repeat;
	}
	/* IGNORED BY IE6 */
	div#simpleSearch > button#searchButton {
		height: 100%;
	}
/* Panel */
div#panel {
	position: absolute;
	top: 160px;
	padding-top: 1em;
	width: 10em;
	left: 0;
}
	div#panel div.portal {
		padding-bottom: 1.5em;
	}
	div#panel div.portal h5 {
		font-weight: normal;
		color: #444444;
		padding: 0.25em;
		padding-top: 0;
		padding-left: 1.75em;
		cursor: default;
		border: none;
		font-size: 0.75em;
	}
	div#panel div.portal div.body {
		margin: 0;
		padding-top: 0.5em;
		margin-left: 1.25em;
		background-image: url(static/3rd/vector/portal-break.png);
		background-repeat: no-repeat;
		background-position: top left;
	}
	div#panel div.portal div.body ul {
		list-style: none;
		list-style-image: none;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	div#panel div.portal div.body ul li {
		line-height: 1.125em;
		padding: 0;
		padding-bottom: 0.5em;
		margin: 0;
		overflow: hidden;
		font-size: 0.75em;
	}
	div#panel div.portal div.body ul li a {
		color: #0645ad;
	}
	div#panel div.portal div.body ul li a:visited {
		color: #0b0080;
	}
/* Footer */
div#footer {
	margin-left: 10em;
	margin-top: 0;
	padding: 0.75em;
	background-image: url(static/3rd/vector/border.png);
	background-position: top left;
	background-repeat: repeat-x;
}
div#footer ul {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#footer ul li {
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #333333;
	font-size: 0.7em;
}
div#footer #footer-icons {
	float: right;
}
/* @noflip */
body.ltr div#footer #footer-places {
	float: left;
}
div#footer #footer-info li {
	line-height: 1.4em;
}
div#footer #footer-icons li {
	float: left;
	margin-left: 0.5em;
	line-height: 2em;
}
div#footer #footer-places li {
	float: left;
	margin-right: 1em;
	line-height: 2em;
}
/* Logo */
#p-logo {
	position: absolute;
	top: -160px;
	left: 0;
	width: 10em;
	height: 160px;
}
#p-logo a {
	display: block;
	width: 10em;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
}

/*
 *
 * The following code is highly modified from monobook. It would be nice if the
 * preftoc id was more human readable like preferences-toc for instance,
 * howerver this would require backporting the other skins.
 */

/* Preferences */
#preftoc {
	/* Tabs */
	width: 100%;
	float: left;
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
	background-image: url(static/3rd/vector/preferences-break.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
	#preftoc li {
		/* Tab */
		float: left;
		margin: 0;
		padding: 0;
		padding-right: 1px;
		height: 2.25em;
		white-space: nowrap;
		list-style-type: none;
		list-style-image: none;
		background-image: url(static/3rd/vector/preferences-break.png);
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	/* IGNORED BY IE6 */
	#preftoc li:first-child {
		margin-left: 1px;
	}
	#preftoc a,
	#preftoc a:active {
		display: inline-block;
		position: relative;
		color: #0645ad;
		padding: 0.5em;
		text-decoration: none;
		background-image: none;
		font-size: 0.9em;
	}
	#preftoc a:hover {
		text-decoration: underline;
	}
	#preftoc li.selected a {
		background-image: url(static/3rd/vector/preferences-fade.png);
		background-position: bottom;
		background-repeat: repeat-x;
		color: #333333;
		text-decoration: none;
	}
#preferences {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: -2px;
	clear: both;
	border: solid 1px #cccccc;
	background-color: #f9f9f9;
	background-image: url(static/3rd/vector/preferences-base.png);
}
#preferences fieldset.prefsection {
	border: none;
	padding: 0;
	margin: 1em;
}
#preferences fieldset.prefsection fieldset {
	border: none;
	border-top: solid 1px #cccccc;
}
#preferences legend {
	color: #666666;
}
#preferences fieldset.prefsection legend.mainLegend {
	display: none;
}
#preferences td {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
#preferences td.htmlform-tip {
	font-size: x-small;
	padding: .2em 2em;
	color: #666666;
}
#preferences div.mw-prefs-buttons {
	padding: 1em;
}
#preferences div.mw-prefs-buttons input {
	margin-right: 0.25em;
}

/*
 * Styles for the user login and create account forms
 */
#userlogin, #userloginForm {
	border: solid 1px #cccccc;
	padding: 1.2em;
	margin: .5em;
	float: left;
}

#userlogin {
	min-width: 20em;
	max-width: 90%;
	width: 40em;
}

/*
 *
 * The following code is slightly modified from monobook
 *
 */
div#content {
	line-height: 1.5em;
}
#bodyContent {
	font-size: 0.8em;
}
/* Links */
a {
	text-decoration: none;
	color: #0645ad;
	background: none;
}
a:visited {
	color: #0b0080;
}
a:active {
	color: #faa700;
}
a:hover {
	text-decoration: underline;
}
a.stub {
	color: #772233;
}
a.new, #p-personal a.new {
	color: #ba0000;
}
a.new:visited, #p-personal a.new:visited {
	color: #a55858;
}

/* Inline Elements */
img {
	border: none;
	vertical-align: middle;
}
hr {
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	margin: .2em 0 .2em 0;
}

/* Structural Elements */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: black;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
	width: auto;
}
h1 { font-size: 188%; }
h1 .editsection { font-size: 53%; }
h2 { font-size: 150%; }
h2 .editsection { font-size: 67%; }
h3,
h4,
h5,
h6 {
	border-bottom: none;
	font-weight: bold;
}
h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
h6 { font-size: 80%;  }
h6 .editsection { font-size: 125%; font-weight: normal; }
p {
	margin: .4em 0 .5em 0;
	line-height: 1.5em;
}
	p img {
		margin: 0;
	}
abbr,
acronym,
.explain {
	border-bottom: 1px dotted black;
	color: black;
	background: none;
	cursor: help;
}
q {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}
/* Disabled for now
blockquote {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}*/
pre, code, tt {
	font-family: monospace, sans-serif;
}
code {
	background-color: #f9f9f9;
}
pre {
	padding: 1em;
	border: 1px dashed #2f6fab;
	color: black;
	background-color: #f9f9f9;
	line-height: 1.1em;
}
ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
	list-style-image: url(static/3rd/vector/bullet-icon.png);
}
ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
li {
	margin-bottom: .1em;
}
dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}
dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: .1em;
}
/* Tables */
table {
	font-size: 100%;
	color: black;
	/* we don't want the bottom borders of <h2>s to be visible through
	 * floated tables */
	background-color: white;
}
fieldset table {
	/* but keep table layouts in forms clean... */
	background: none;
}
/* Forms */
fieldset {
	border: 1px solid #2f6fab;
	margin: 1em 0 1em 0;
	padding: 0 1em 1em;
	line-height: 1.5em;
}
	fieldset.nested {
		margin: 0 0 0.5em 0;
		padding: 0 0.5em 0.5em;
	}
legend {
	padding: .5em;
	font-size: 95%;
}
form {
	border: none;
	margin: 0;
}
textarea {
	width: 100%;
	padding: .1em;
}
select {
	vertical-align: top;
}
/* Table of Contents */
#toc,
.toc,
.mw-warning {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}
#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: center;
}
#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}
/* Images */
div.floatright, table.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0 0 .5em .5em;
	border: 0;
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
	float: left;
	clear: left;
	position: relative;
	margin: 0 .5em .5em 0;
	border: 0;
}
div.floatleft p { font-style: italic; }
/* Thumbnails */
div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	border-color: white;
	width: auto;
	background-color: transparent;
}
div.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
html .thumbimage {
	border: 1px solid #ccc;
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
div.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	border-width: .5em 1.4em .8em 0;
}
img.thumbborder {
	border: 1px solid #dddddd;
}
.hiddenStructure {
	display: none;
}
/* Warning */
.mw-warning {
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}
/* User Message */
.usermessage {
	background-color: #ffce7b;
	border: 1px solid #ffa500;
	color: black;
	font-weight: bold;
	margin: 2em 0 1em;
	padding: .5em 1em;
	vertical-align: middle;
}
/* Site Notice */
#siteNotice {
	text-align: center;
	font-size: 0.8em;
	margin: 0;
}
	#siteNotice div,
	#siteNotice p {
		margin: 0;
		padding: 0;
		margin-bottom: 0.9em;
	}
/* Categories */
.catlinks {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	margin-top: 1em;
	clear: both;
}
/* Sub-navigation */
#siteSub {
	display: none;
}
#jump-to-nav {
	display: none;
}
#contentSub, #contentSub2 {
	font-size: 84%;
	line-height: 1.2em;
	margin: 0 0 1.4em 1em;
	color: #7d7d7d;
	width: auto;
}
span.subpages {
	display: block;
}
/* Emulate Center */
.center {
	width: 100%;
	text-align: center;
}
*.center * {
	margin-left: auto;
	margin-right: auto;
}
/* Small for tables and similar */
.small, .small * {
	font-size: 94%;
}
table.small {
	font-size: 100%;
}
/* Edge Cases for Content */
h1, h2 {
	margin-bottom: .6em;
}
h3, h4, h5 {
	margin-bottom: .3em;
}
#firstHeading {
	padding-top: 0;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0.1em;
	line-height: 1.2em;
	font-size: 1.6em;
	padding-bottom: 0;
}
div#content a.external,
div#content a[href ^="gopher://"] {
	background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat;
	padding: 0 13px 0 0;
}
div#content a[href ^="https://"],
.link-https {
	background: url(static/3rd/vector/lock-icon.png) center right no-repeat;
	padding: 0 13px 0 0;
}
div#content a[href ^="mailto:"],
.link-mailto {
	background: url(static/3rd/vector/mail-icon.png) center right no-repeat;
	padding: 0 13px 0 0;
}
div#content a[href ^="news://"] {
	background: url(static/3rd/vector/news-icon.png) center right no-repeat;
	padding: 0 13px 0 0;
}
div#content a[href ^="ftp://"],
.link-ftp {
	background: url(static/3rd/vector/file-icon.png) center right no-repeat;
	padding: 0 13px 0 0;
}
div#content a[href ^="irc://"],
div#content a.extiw[href ^="irc://"],
.link-irc {
	background: url(static/3rd/vector/talk-icon.png) center right no-repeat;
	padding: 0 13px 0 0;
}
div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
.link-audio {
	background: url("images/audio-icon.png") center right no-repeat;
	padding: 0 13px 0 0;
}
div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
.link-video {
	background: url("images/video-icon.png") center right no-repeat;
	padding: 0 13px 0 0;
}
div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
.link-document {
	background: url("images/document-icon.png") center right no-repeat;
	padding: 0 13px 0 0;
}
/* Interwiki Styling  (Disabled) */
div#content a.extiw,
div#content a.extiw:active {
	color: #36b;
	background: none;
	padding: 0;
}
div#content a.external {
	color: #36b;
}
div#content .printfooter {
	display: none;
}
/* Icon for Usernames */
#pt-userpage,
#pt-anonuserpage,
#pt-login {
	background: url(static/3rd/vector/user-icon.png) left top no-repeat;
	padding-left: 15px !important;
	text-transform: none;
}

.toccolours {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}
#bodyContent {
	position: relative;
	width: 100%;
}
#mw-js-message {
	font-size: 0.8em;
}
div#bodyContent {
	line-height: 1.5em;
}

/* Watch/Unwatch Icon Styling */
#ca-unwatch.icon,
#ca-watch.icon {
	margin-right:1px;
}
#ca-unwatch.icon a,
#ca-watch.icon a {
	margin: 0;
	padding: 0;
	outline: none;
	display: block;
	width: 26px;
	height: 2.5em;
}
#ca-unwatch.icon a {
	background-image: url(static/3rd/vector/watch-icons.png);
	background-position: -43px 60%;
}
#ca-watch.icon a {
	background-image: url(static/3rd/vector/watch-icons.png);
	background-position: 5px 60%;
}
#ca-unwatch.icon a:hover {
	background-image: url(static/3rd/vector/watch-icons.png);
	background-position: -67px 60%;
}
#ca-watch.icon a:hover {
	background-image: url(static/3rd/vector/watch-icons.png);
	background-position: -19px 60%;
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
	background-image: url(static/3rd/vector/watch-icon-loading.gif);
	background-position: center 60%;
}
#ca-unwatch.icon a span,
#ca-watch.icon a span {
	display: none;
}
div.vectorTabs ul {
	background-image:url(static/3rd/vector/tab-break.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
/******************************************************************************
 ********************************  ATTENTION  *********************************
         DO NOT MODIFY THIS FILE, IT WILL NOT BE PRESERVED ON UPDATES!
 ******************************************************************************
  If you want to add some own screen CSS, have a look at the README of this
  template and "/user/screen.css". You have been warned!
 *****************************************************************************/

/* Notes about how the template CSS works:

   - This template includes 3rd party CSS files:
     1) CSS from the "starter" DokuWiki template by Anika Henke (brings
        important and basic styling for syntax and core features)
     2) CSS from the original "vector" skin for MediaWiki (brings the basic
        layout and overwrites some "default" styling)
     These files will be included BEFORE this specific CSS file. In this file,
     I just overwrite non fitting MediaWiki "vector" and DokuWiki "starter"
     CSS + add some CSS for some exclusive objects of this template
   - Why I am doing this? Well, read <http://j.mp/eq8zSo>. I followed the main
     principle described there and simply apply it to the two sources ("starter"
     template and "vector" skin).
   - This way also ensures a painless update, if there are new versions of
     MediaWiki vector or DokuWiki CSS files. Cause these 3rd party components
     were not edited or partially copied, I do not have to track their changes
     in detail.

   Explanation of the different sections in here:
   - "Styles/corrections for the template itself"
     General CSS targeting the template structure. This section overwrites non
     fitting CSS of the "vector" MediaWiki skin and "starter" DokuWiki
     template. Read the notes above and <http://j.mp/eq8zSo> if you do not know
     why I am doing it this way.
   - "Browser Hacks and corrections"
     Section containing bigger hacks for browser specific problems.
*/


/******************************************************************************
 ************** Styles/corrections for the template itself ********************
 ******************************************************************************/
/* --------------- general styling  --------------- */
html {
  background-color: #f3f3f3;
  color: #000;
  overflow-x: auto;
  overflow-y: auto;
}
body {
  font: normal 100%/1.4 sans-serif;
}
hr {
  border: 0 none;
  text-align: center;
  width: 100%;
  clear: both;
}
caption,
legend {
  color: #000;
  font-family: sans-serif;
  background-color: inherit;
}
pre,
code,
samp,
kbd {
  font-family: monospace,sans-serif;
}
pre {
  overflow: auto;
}
img {
  border-width: 0;
  background-color: transparent;
}
blockquote {
  padding: 0 1.25em;
  border: solid #8cacbb;
  border-width: 0 0 0 .25em;
}
q:before,
q:after {
  content: '';
}
sub,
sup {
  font-size: .8em;
  line-height: 1;
}
sub {
  vertical-align: sub;
}
sup {
  vertical-align: super;
}

/* forms */
form {
  display: inline;
  padding: 0;
}
label {
  vertical-align: middle;
  cursor: pointer;
}
input,
textarea,
button,
select,
optgroup,
option {
  font: inherit;
  color: inherit;
  /* background-color destroys button look */
  line-height: 1;
  margin: 0;
  vertical-align: middle;
}
input[type=text],
input[type=password],
textarea {
  padding: .1em;
}
input[type=radio],
input[type=checkbox],
input.check {
  padding: 0;
}
input[type=submit],
input.button,
button {
  cursor: pointer;
}
input[disabled],
button[disabled],
input[readonly],
button[readonly] {
  cursor: auto;
}
optgroup {
  font-style: italic;
  font-weight: bold;
}
option {
  font-style: normal;
  font-weight: normal;
}

/* tables */
table {
  border-collapse: collapse;
  empty-cells: show;
  border-spacing: 0;
  border: 1px solid #8cacbb;
}
caption {
  caption-side: top;
  text-align: left;
  margin: 0 0 .3em;
}
th,
td {
  padding: .3em .5em;
  margin: 0;
  vertical-align: top;
  border: 1px solid #8cacbb;
  text-align: left;
}
th {
  font-weight: bold;
  background-color: #dee7ec;
}

/* basic margins and paddings */
p,
ul,
ol,
dl,
pre,
table,
blockquote,
fieldset,
address {
  margin: 0 0 1.4em 0; /* bottom margin = line-height */
  padding: 0;
}
div {
  margin: 0;
  padding: 0;
}

/* lists */
ul,
ol {
  padding: 0 0 0 1.5em;
}
li,
dd {
  padding: 0;
  margin: 0 0 0 1.5em;
}
dt {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
li ul,
li ol,
li dl,
dl ul,
dl ol,
dl dl {
  margin-bottom: 0;
  padding: 0;
}
li li {
  font-size: 100%;
}
ul             { list-style: square outside; }
ol             { list-style: decimal outside; }
ol ol          { list-style-type: lower-alpha; }
ol ol ol       { list-style-type: upper-roman; }
ol ol ol ol    { list-style-type: upper-alpha; }
ol ol ol ol ol { list-style-type: lower-roman; }

/* general classes */
div.clearer {
  /* additional to what's already in DokuWiki's lib/styles/all.css: */
  font-size: 1px;
  visibility: hidden;
}
.a11y {
  position: absolute;
  left: -9000px;
  top: -4000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}


/* --------------- content styling --------------- */

/* embedded images (styles are already partly set in DokuWiki's lib/styles/all.css) */
.dokuwiki img.media       { }
.dokuwiki img.medialeft   { float: left; margin: .5em 1.5em .5em 0; }
.dokuwiki img.mediaright  { float: right; margin: .5em 0 .5em 1.5em; }
.dokuwiki img.mediacenter { margin: .5em auto; }

div.dokuwiki p,
div.dokuwiki blockquote,
div.dokuwiki table,
div.dokuwiki pre {
  margin: 0 0 1.0em 0;
}

/* forms */
div.dokuwiki textarea.edit {
  font-family: monospace, serif;
  /* second generic font fixes problem with font-size, see
     http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
  font-size: 14px;
  color: #000;
  background-color: #fff;
  border: 1px solid #8cacbb;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
  line-height: 17px;
}
div.dokuwiki legend {
  font-family: sans-serif;
  font-weight: normal;
  background-color: transparent;
  text-align: left; /* needed for webkit browsers */
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki textarea.edit {
  background: #fff url(static/3rd/dokuwiki/inputshadow.png) repeat-x top;
}

div.dokuwiki input.edit,
div.dokuwiki select.edit {
  font-size: 100%;
  border: 1px solid #8cacbb;
  color: #000;
  background-color: #fff;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
  font-weight: normal;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.edit,
html>body div.dokuwiki select.edit {
  background: #fff url(static/3rd/dokuwiki/inputshadow.png) repeat-x top;
}

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

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

/* 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 input.button[disabled],
div.dokuwiki select.edit[disabled] {
  background-color: #fff!important;
  color: #000!important;
  font-weight: normal;
}

/* edit form */
div.dokuwiki div.toolbar,
div.dokuwiki div#wiki__editbar, /* old, until 2012-01-25 */
div.dokuwiki div.editBar {      /* new, since 2012-09-10 */
  margin: 2px 0;
  text-align: left;
}
div.dokuwiki div#size__ctl {
  float: right;
  width: 60px;
  height: 2.7em;
}
div.dokuwiki #size__ctl img {
  cursor: pointer;
}
div.dokuwiki div#wiki__editbar div.editButtons, /* old, until 2012-01-25 */
div.dokuwiki div.editBar div.editButtons {      /* new, since 2012-09-10 */
  float: left;
  padding: 0 1.0em 0.7em 0;
}
div.dokuwiki div#wiki__editbar div.summary, /* old, until 2012-01-25 */
div.dokuwiki div.editBar div.summary {      /* new, since 2012-09-10 */
  float: left;
}
div.dokuwiki .nowrap {
  white-space: nowrap;
}
div.dokuwiki div#draft__status {
  float: right;
  color: #000;
}

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 #8cacbb;
  color: #000;
  background-color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: 100%;
  cursor: pointer;
  margin: 1px;
  padding: 0.125em 0.4em;
  font-weight: normal;
  line-height: 1.333em;
/*  line-height: 1em; /* fix MSIE 6, 7 */
}

div.dokuwiki button.toolbutton {
  height: 20px;
  width: 24px;
  padding: 1px 3px;
  line-height: 16px;
  text-align: center;
  height: 22px\9; /* fix MSIE 6, 7, 8 */
}
/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.button,
html>body div.dokuwiki button.button {
  background: #fff url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom;
}

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

/* links */
div.dokuwiki a:link,
div.dokuwiki a:visited {
  color: #436976;
  text-decoration: none;
}
div.dokuwiki a:hover,
div.dokuwiki a:active {
  color: #000;
  text-decoration: underline;
}

/* missing page links outside rendered articles */
a.wikilink2,
a.wikilink2:link,
a.wikilink2:visited,
a.wikilink2:hover {
  color: #ba0000 !important;
  text-decoration: none;
}
a.wikilink2:hover {
  border-bottom: 0 none !important;
  text-decoration: none !important;
}

/* link to current page */
.dokuwiki span.curid a {
  font-weight: normal;
}

/* internal link */
.dokuwiki a.wikilink1,
.dokuwiki a.wikilink1:visited {
  color: #002bb8 !important;
}

/* external links */
div#bodyContent a.urlextern {
  background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat;
  padding: 0 13px 0 0;
}
div.dokuwiki a.urlextern:visited {
  color: purple;
}

/* email link */
div#bodyContent a.mail {
  background: transparent url(static/3rd/vector/mail-icon.png) center right no-repeat;
  padding: 0 13px 0 0;
}

/* windows share */
div.dokuwiki a.windows {
  background: transparent url(static/3rd/dokuwiki/unc.png) center right no-repeat;
  padding: 0 18px 1px 0;
}

/* interwiki link */
div.dokuwiki a.interwiki {
  background-position: center right;
  padding: 0 17px 0 0;
}
div.dokuwiki a.interwiki:visited {
  color: purple;
}

/* headlines */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: sans-serif;
  background-color: inherit;
  padding: 0;
  clear: left; /* ideally 'both', but problems with toc */
}
div#content .dokuwiki h1,
div#content .dokuwiki h2,
div#content .dokuwiki h3,
div#content .dokuwiki h4,
div#content .dokuwiki h5,
div#content .dokuwiki h6 {
  border-bottom: 1px solid #aaa;
  color: #000;
  margin: 0;
  padding-bottom: 0.17em;
  padding-top: 0.5em;
}
div#content .dokuwiki h1 a,
div#content .dokuwiki h2 a,
div#content .dokuwiki h3 a,
div#content .dokuwiki h4 a,
div#content .dokuwiki h5 a,
div#content .dokuwiki h6 a {
  color: #000;
}
div#content .dokuwiki h1 a:hover,
div#content .dokuwiki h2 a:hover,
div#content .dokuwiki h3 a:hover,
div#content .dokuwiki h4 a:hover,
div#content .dokuwiki h5 a:hover,
div#content .dokuwiki h6 a:hover {
  text-decoration: none;
}
div#content .dokuwiki h1 {
  font-size: 160%;
}
div#content .dokuwiki h1,
div#content .dokuwiki h2 {
  margin-bottom: 0.6em;
  font-weight: normal;
}
div#content .dokuwiki h3,
div#content .dokuwiki h4,
div#content .dokuwiki h5,
div#content .dokuwiki h6 {
  font-weight: bold;
  border-bottom: none;
  margin-bottom: 0.3em;
}
div#content .dokuwiki h3 {
  font-size: 132%;
}
div#content .dokuwiki h4 {
  font-size: 116%;
}
div#content .dokuwiki h5 {
  font-size: 100%;
}
div#content .dokuwiki h6 {
  font-size: 80%;
}

/* remove indent from different sections */
div#content .dokuwiki div.level1,
div#content .dokuwiki div.level2,
div#content .dokuwiki div.level3,
div#content .dokuwiki div.level4,
div#content .dokuwiki div.level5 {
  margin-left: 0;
}

/* lists */
div.dokuwiki ul {
  line-height: 1.5em;
  padding: 0;
  list-style-type: square;
  list-style-image: url(static/3rd/vector/bullet-icon.png) !important;
  margin: 0.3em 0 1em 1.5em;
  color: #000;
}

div.dokuwiki ol {
  line-height: 1.5em;
  padding: 0;
  list-style-image: none;
  margin: 0.3em 0 1em 3.2em;
  color: #000;
  font-weight: bold;
}

div.dokuwiki li ul,
div.dokuwiki li ol {
  margin: 0 0 0 1.5em; /* no bottom gap in between and smaller left margin for nested lists */
}

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

div.dokuwiki ol { list-style-type: decimal; }
div.dokuwiki ol ol { list-style-type: upper-roman; }
div.dokuwiki ol ol ol { list-style-type: lower-alpha; }
div.dokuwiki ol ol ol ol { list-style-type: lower-greek; }

div.dokuwiki li.open {
  list-style-image: url(static/3rd/dokuwiki/images/open.gif);
}

div.dokuwiki li.closed {
  list-style-image: url(static/3rd/dokuwiki/closed.gif);
}

div.dokuwiki li {
  margin-left: 0;
  margin-bottom: 1px;
}

/* quotes */
div#content .dokuwiki blockquote {
  border-left: 2px solid #8cacbb;
  padding-left: 3px;
  padding-right: 0;
  margin-left: 0.2em;
}

/* preformatted stuff, source code */
.dokuwiki dl.code dt,
.dokuwiki dl.file dt {
  background-color: #dee7ec;
  border: solid #8cacbb;
  border-width: 1px 1px 0;
  color: inherit;
  display: inline;
  padding: 0 .5em;
  margin-left: 1em;
}
.dokuwiki dl.code dd,
.dokuwiki dl.file dd {
  margin: 0;
}
div#content .dokuwiki code,
div#content .dokuwiki pre,
div#content .dokuwiki pre.code,
div#content .dokuwiki pre.file,
div#content .dokuwiki samp,
div#content .dokuwiki kbd,
div#content .dokuwiki tt {
  font-size: 100%;
  background-color: #f9f9f9;
  color: #000;
  font-size: 1em;
  direction: ltr;
  text-align: left;
}
div#content .dokuwiki em.u code { /* fix if background-color hides underlining */
  text-decoration: underline;
}
div#content .dokuwiki pre,
div#content .dokuwiki pre.code,
div#content .dokuwiki pre.file {
  line-height: 1.2em;
  padding: 0.5em;
  border: 1px dashed #8cacbb;
}
div#content .dokuwiki dl.file,
div#content .dokuwiki dl.file dd {
  margin-left: 0;
}
div#content .dokuwiki dl.file dt,
div#content .dokuwiki dl.code dt {
  background-color: #f9f9f9;
  border-bottom: 2px solid #f9f9f9;
  border-top: 1px dashed #8cacbb;
  border-left: 1px dashed #8cacbb;
  border-right: 1px dashed #8cacbb;
  display: inline;
  margin-left: 2em;
  padding: 0.1em 1em;
}
div#content .dokuwiki dl.file dt a,
div#content .dokuwiki dl.code dt a {
  color: #000;
}

/* "you are here" and "breadcrumbs" */
.catlinks {
  font-size: 80%;
  margin-bottom: 1em;
}
.catlinks p,
.catlinks div {
  margin: 0.3em 0;
}

/* tables */
th,
td {
  border: 0;
}
td[align="right"],
th[align="right"] {
  text-align: right;
}
.dokuwiki table.inline {
  background-color: #fff;
}
.dokuwiki table.inline th,
.dokuwiki table.inline td {
  border: 1px solid #8cacbb;
}
.dokuwiki table.inline th {
  color: inherit;
  background-color: #dee7ec;
}
.dokuwiki table.inline tr:hover td,
.dokuwiki table.inline tr:hover th,
.dokuwiki table.inline th:hover {
  background-color: #dee7ec;
}

/* section edit buttons */
.dokuwiki .secedit {
  margin-top: 0;
}
div#content .dokuwiki div.secedit input.button {
  border: 0 none;
  text-transform: lowercase;
  color: #002bb8;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: transparent none;
}

/* footnotes */
div.dokuwiki div.fn {
  font-size: 90%;
}

/* link to footnote inside the text */
.dokuwiki sup a.fn_top {
  font-size: 95%;
}

/* insitu-footnotes */
div.insitu-footnote {
  font-size: 0.938em; /* 12px */
  padding: 4px 7px 4px 10px;
}
div.insitu-footnote code,
div.insitu-footnote pre {
  font-size: 90%;
}

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

/* nice alphatransparency background except for IE <7 */
html>body button.toolbutton {
  background: #fff url(static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom;
}

div.picker {
  width: 250px;
  border: 1px solid #8cacbb;
  background-color: #dee7ec;
  font-size: 11px;
  line-height: 13px;
}

div.pk_hl {
  width: 125px;
}

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

/* gallery plugin compatibilty */
div.dokuwiki .gallery table,
div.dokuwiki .gallery td {
  border: 0 none;
}

/* bureaucracy plugin compatibilty */
div.dokuwiki form.bureaucracy__plugin fieldset {
  text-align: center;
}
div.dokuwiki form.bureaucracy__plugin label {
  width: 95% !important;
  margin-left: auto;
  margin-right: auto;
}
div.dokuwiki form.bureaucracy__plugin label span,
div.dokuwiki form.bureaucracy__plugin input.edit,
div.dokuwiki form.bureaucracy__plugin textarea.edit,
div.dokuwiki form.bureaucracy__plugin fieldset textarea.edit {
  text-align: left;
  margin: auto 5px;
  float: none !important;
  width: 97% !important;
  min-width: 97% !important;
  max-width: 97% !important;
}


/* --------------- sidebar --------------- */
div#panel {
  line-height: 15px;
}
div#panel .dokuwiki {
  font-size: 0.75em;
}
div#panel a.wikilink1,
div#panel a.wikilink2,
div#panel a.urlextern {
  padding-left: 0;
  background: transparent none;
  color: #002bb8;
}
div#panel .body {
  margin-right: 0.45em !important;
  padding-top: 0.25em !important;
}
div#panel .body .dokuwiki p {
  margin: 0;
}
div#panel .body .dokuwiki ul li {
  font-size: 1em !important;
  padding: 0.25em 0 !important;
}
div#panel .body .dokuwiki li ul {
  font-size: 95% !important;
  margin: 0.25em 0 0 1em !important;
}
div#panel .body .dokuwiki ol {
  margin: 0 0 0 1.65em;
}
/* QR Code */
div#panel #t-qrcode img {
  margin: 0.5em 0 0.3em -0.2em;
}
div#panel #t-qrcode a,
div#panel #t-qrcode a:link,
div#panel #t-qrcode a:active,
div#panel #t-qrcode a:hover,
div#panel #t-qrcode a:visited {
  border: 0 none;
  cursor: default;
  text-decoration: none;
}
/* translation plugin by Anreas Gohr */
div#panel .body .dokuwiki .plugin_translation span {
  display: none;
}
div#panel .body .dokuwiki .plugin_translation {
  padding-right: 0 !important;
  text-align: left;
}
div#panel .body .dokuwiki .plugin_translation,
div#panel .body .dokuwiki .plugin_translation ul,
div#panel .body .dokuwiki .plugin_translation li {
  float: none;
  margin: 0;
  padding-right: 0;
  line-height: 1.125em;
  font-size: 100%;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:link,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:active,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:visited,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:link,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:active,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:visited {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before {
  content: attr(title) " (";
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after {
  content: ") ";
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1 {
  color: #002bb8 !important;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2 {
  color: #ba0000 !important;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover {
  text-decoration: underline;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover {
  text-decoration: underline !important;
}
div#panel .body .dokuwiki .plugin_translation select {
  width: 90%;
  margin: auto !important;
  text-align: left;
}
div#panel .body .dokuwiki .plugin_translation option,
div#panel .body .dokuwiki .plugin_translation option.wikilink1,
div#panel .body .dokuwiki .plugin_translation option.wikilink2 {
  padding: auto 5px !important;
  text-align: left;
}


/* --------------- search --------------- */
/* copy of the original vector id="searchInput" styles cause we have to use
   another id for DokuWiki */
div#simpleSearch input#qsearch__in {
  margin: 0;
  border-width: 0;
  padding: 0.25em;
  line-height: 1em;
  font-size: 0.8em;
  width: 14em;
  background-color: transparent;
}
/* Ajax quicksearch */
#qsearch__out {
  top: 72px;
  display: none;
  left: auto;
  right: 7.93335px;
  bottom: auto;
  height: auto;
  font-family: sans-serif;
  font-size: 0.8em;
  background-color: window;
  border: 1px solid #aaa;
  padding: 0;
  position: static;
}
#qsearch__out ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#qsearch__out li {
  color: windowtext;
  margin: 0;
  width: 100%;
  padding: 1px;
}
#qsearch__out li a {
  width: 97%; /* leave some space for browser rounding errors */
  display: block;
}
#qsearch__out li:hover {
  background-color: #bbb;
}
#qsearch__out li a,
#qsearch__out li a:link,
#qsearch__out li a:visited,
#qsearch__out li a:hover {
  color: windowtext;
  text-decoration: none;
}


/* --------------- footer --------------- */
div#footer a.wikilink1,
div#footer a.wikilink2,
div#footer a.urlextern {
  padding-left: 0;
  background: transparent none;
  color: #002bb8;
}
/* default copyright notice layout */
div#footer #footer-info li#footer-info-copyright .license {
  font-size: 100%;
  text-align: left;
  padding: 0;
}
div#footer #footer-info li#footer-info-copyright .license a.urlextern {
  margin-left: 0.4em;
}


/* --------------- Table of contents (TOC) old, until 2012-01-25 ---------------  */
div.dokuwiki div.toc {
  margin: 1.2em 0 0 2em;
  float: right;
  width: 200px;
  font-size: 80%;
  clear: both;
  background-color: transparent;
}

div.dokuwiki div.toc div.tocheader {
  border: 1px solid #8cacbb;
  background-color: #dee7ec;
  text-align: left;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 2px;
  line-height: 1.45em;
}

div.dokuwiki div.toc span.toc_open,
div.dokuwiki div.toc span.toc_close {
  border: 0.4em solid #dee7ec;
  float: right;
  display: block;
  margin: 0.4em 3px 0 0;
}

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

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

div.dokuwiki div.toc span.toc_close {
  margin-top: 0;
  border-bottom: 0.4em solid #000;
}

div.dokuwiki div.toc #toc__inside {
  border: 1px solid #8cacbb;
  background-color: #fff;
  text-align: left;
  padding: 0.5em 0 0.7em 0;
}

div.dokuwiki div.toc ul.toc {
  list-style-type: none;
  list-style-image: none;
  line-height: 1.2em;
  padding: 0 !important;
  margin: 0.3em 0 0 1.5em !important;
}

div.dokuwiki div.toc ul.toc li {
  list-style-image: none;
  list-style-type: none;
  background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat;
  padding-left: 0.4em !important;
  margin-bottom: 0.1em !important;
}

div.dokuwiki div.toc ul.toc li.clear {
  background-image: none;
  padding-left: 0.4em;
}

div.dokuwiki div.toc a.toc:link,
div.dokuwiki div.toc a.toc:visited {
  color: #436976;
}

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

div.toc,
div.dokuwiki div.toc a.toc,
div.dokuwiki div.toc ul.toc {
  border: 0 none;
  background: transparent none;
  font-size: 100%;
}

div.dokuwiki div.toc ul.toc {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1em !important;
  list-style-type: none !important;
  list-style-image: none !important;
  margin: 0 !important;
}

div.dokuwiki div.toc a.toc {
  padding: 0;
}


/* --------------- Table of contents (TOC) new, since 2012-09-10 ---------------  */
div.dokuwiki #dw__toc {
  margin: 1.2em 0 0 2em;
  float: right;
  width: 200px;
  font-size: 90%;
  clear: both;
  background-color: #fff;
}

div.dokuwiki #dw__toc h3 {
  border: 1px solid #8cacbb !important;
  background-color: #dee7ec !important;
  text-align: left;
  font-weight: bold !important;
  padding: 3px !important;
  margin-bottom: 2px !important;
  line-height: 1.45em;
  font-size: 90% !important;
}

div.dokuwiki #dw__toc h3 strong {
  margin-top: 0.2em;
}

div.dokuwiki #dw__toc h3 ~ div {
  border: 1px solid #8cacbb;
  padding-left: 10px;
}

div.dokuwiki #dw__toc ul.toc {
  background-color: transparent !important;
  border: 0 none;
}

div.dokuwiki #dw__toc ul.toc li {
  list-style-image: none;
  list-style-type: none;
  background: transparent url(static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat;
  padding-left: 0.4em !important;
  margin-bottom: 0.1em !important;
}


/* --------------- generic content classes --------------- */
div.error,
div.info,
div.success,
div.notify {
  font-size: 80%;
  line-height: 1.25em;
}


/* --------------- admin menu --------------- */
/* editing preview */
div#content .dokuwiki div.preview {
  margin-left: 0;
}
/* "remeber me" checkbox, login */
div.dokuwiki form#dw__login label.simple {
  text-align: center;
  padding-bottom: 0.4em;
}
/* main menu */
.dokuwiki ul.admin_tasks li {
  list-style-type: none;
  list-style-image: none;
}
.dokuwiki ul.admin_tasks li a {
  font-weight: bold;
}
/* acl tree */
#acl__tree li {
  list-style-image: none;
  list-style-type: none;
}


/* --------------- media manager popup --------------- */
html.popup {
  background-color: #fff;
}
html.popup body {
  font: 13px sans-serif;
  background-image: none;
  background-color: #fff;
}
html.popup #media__manager {
  min-height: 465px;
}
* html.popup #media__manager {
  height: 465px; /* fix MSIE 6 */
}
html.popup #media__manager h1,
html.popup #media__manager h2,
html.popup #media__popup h1,
html.popup #media__popup h2 {
  font-size: 1em !important;
  line-height: 1em !important;
  font-weight: bold !important;
}
html.popup #media__opts {
  padding-left: 1em;
  margin-bottom: 0.5em;
}
html.popup #media__opts input {
  float: left;
  display: block;
  margin-top: 4px;
  position: absolute;
}
*+html.popup #media__opts input,
* html.popup #media__opts input {
  position: static;
}
html.popup #media__opts label {
  display: block;
  float: left;
  margin-left: 20px;
  margin-bottom: 4px;
}
*+html.popup #media__opts label,
* html.popup #media__opts label {
  margin-left: 10px;
}
html.popup #media__opts br {
  clear: left;
}


/* --------------- media manager page --------------- */
#mediamanager__page h2,
#mediamanager__page h3 {
  font-size: 1em !important;
  line-height: 1.5em !important;
  font-weight: normal !important;
  padding: 3px 10px !important;
}
#mediamanager__page div.namespaces h2 {
  margin-left: 0.3em;
  margin-bottom: 0;
  border-bottom-color: #dee7ec;
}
#mediamanager__page div.namespaces div.panelHeader {
  padding-top: 11px;
}
#mediamanager__page h3,
#mediamanager__page ul.tabs li {
  margin: 0 !important;
  padding: 0 !important;
}
#mediamanager__page .panelHeader ul {
  list-style-image: none !important;
}
#mediamanager__page .panelHeader ul .ui-buttonset {
  font-size: 12px;
}
#mediamanager__page .panelHeader ul li.ui-buttonset {
  background-position: 3px 0;
  padding-bottom: 3px;
}
#mediamanager__page .panelHeader div.no input.button {
  padding: 1px;
  line-height: 1em;
}


/* --------------- link wizard --------------- */
#link__wiz {
  text-align: center;
}
#link__wiz_result div.even {
  background-color: #f5f5f5;
}


/* --------------- search result formating --------------- */
div.dokuwiki div.search_result,  /* old, until 2012-01-25 */
div.dokuwiki dl.search_results { /* new, since 2012-09-10 */
  margin-bottom: 6px;
  padding: 0 10px 0 30px;
}

div.dokuwiki .search_snippet,       /* old, until 2012-01-25 */
div.dokuwiki dl.search_results dd { /* new, since 2012-09-10 */
  font-size: 12px;
  margin-left: 20px;
}

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

div.dokuwiki .search_hit {
  color: #000;
  background-color: #ff9;
}
div.dokuwiki strong.search_hit {
  font-weight: normal;
}

div.dokuwiki div.search_quickresult {
  margin: 0 0 15px 30px;
  padding: 0 10px 10px 0;
  border-bottom: 1px dashed #8cacbb;
}
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: 30%;
}

div.dokuwiki .section_highlight {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  border: 0 none;
  background-color: #dee7ec !important;
}


/* --------------- JS popup ----------------- */
.JSpopup {
  background-color: #fff;
  color: #000;
  border: 1px solid #8cacbb;
  line-height: 1.2;
  padding: 0 .2em;
}
.JSpopup ul,
.JSpopup ol {
  padding-left: 0;
}


/* --------------- diff view ----------------- */
.dokuwiki table.diff td {
  font-size: 12px;
  line-height: 17px;
}
.dokuwiki table.diff th {
  font-size: 12px;
}
.dokuwiki table.diff td.diff-addedline,
.dokuwiki table.diff td.diff-deletedline,
.dokuwiki table.diff td.diff-context {
  padding-left: 2px;
  padding-right: 2px;
}

div#bodyContent { position: relative }
div#graphxioms { position: absolute; top: 0em; right: 0em }
/* en: Place for user defined CSS rules (screen media) - this file can safely be
   preserved when updating. See README for details.
   
   de: Ort für benutzerdefinierte CSS-Regeln (screen media) - Diese Datei kann
   beim Durchführen von Updates ohne Risiko beibehalten werden. Konsultieren Sie
   die README für Detailinformationen. */

}

@media print {
/**
 * This file provides the styles for printing.
 *
 * @todo: improve and finish
 */

body {
    /*
    font: normal 12pt/1.2 serif;
    color: #000;
    background-color: #fff;
    */
}

/* hide certain sections */
.a11y,
div.notify, div.info, div.success, div.error,
#dokuwiki__header .tools, #dokuwiki__aside,
.dokuwiki .breadcrumbs, .dokuwiki .toc, #dw__toc, .dokuwiki .secedit,
#dokuwiki__pagetools, #dokuwiki__footer {
    display: none;
}

.dokuwiki h1,
.dokuwiki h2,
.dokuwiki h3,
.dokuwiki h4,
.dokuwiki h5,
.dokuwiki caption,
.dokuwiki legend {
    clear: both;
}

.dokuwiki ul {
    list-style: disc outside;
}
.dokuwiki ol {
    list-style: decimal outside;
}
.dokuwiki ol ol {
    list-style-type: lower-alpha;
}
.dokuwiki ol ol ol {
    list-style-type: upper-roman;
}
.dokuwiki ol ol ol ol {
    list-style-type: upper-alpha;
}
.dokuwiki ol ol ol ol ol {
    list-style-type: lower-roman;
}

/* undo icons */
.dokuwiki a:link,
.dokuwiki a:visited {
    text-decoration: underline;
    color: #333;
    background-color: inherit;
    background-image: none;
    padding: 0;
}

/* display href after link */
a.urlextern:after,
a.interwiki:after,
a.mail:after {
   content: " [" attr(href) "]";
   font-size: 90%;
}

/* code blocks */
.dokuwiki pre {
    font-family: monospace;
}
.dokuwiki dl.code dt,
.dokuwiki dl.file dt {
    font-weight: bold;
}

/* images */
.dokuwiki img {
    border-width: 0;
    vertical-align: middle;
}
.dokuwiki img.media {
    margin: .2em 0;
}
.dokuwiki img.medialeft {
    margin: .2em 1.5em .2em 0;
}
.dokuwiki img.mediaright {
    margin: .2em 0 .2em 1.5em;
}
.dokuwiki img.mediacenter {
    margin: .2em auto;
}

/* align table cells */
.dokuwiki .leftalign {
    text-align: left;
}
.dokuwiki .centeralign {
    text-align: center;
}
.dokuwiki .rightalign {
    text-align: right;
}

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

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

.dokuwiki blockquote {
    padding: 0 10pt;
    margin: 0;
    border: solid #ccc;
    border-width: 0 0 0 2pt;
}
[dir=rtl] .dokuwiki blockquote {
    border-width: 0 2pt 0 0;
}

/* tables */
.dokuwiki table {
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
    border: 1pt solid #ccc;
}
.dokuwiki th,
.dokuwiki td {
    padding: 3pt 5pt;
    margin: 0;
    vertical-align: top;
    border: 1pt solid #666;
    text-align: left;
}
[dir=rtl] .dokuwiki th,
[dir=rtl] .dokuwiki td {
    text-align: right;
}
.dokuwiki th {
    font-weight: bold;
}


/*____________ a bit of layout ____________*/

#dokuwiki__header {
    border-bottom: 2pt solid #ccc;
}
#dokuwiki__header h1 {
    font-size: 1.5em;
}
#dokuwiki__header h1 a {
    text-decoration: none;
}
.dokuwiki div.footnotes {
    clear: both;
    border-top: 1pt solid #000;
    margin-top: 10pt;
}
/******************************************************************************
 ********************************  ATTENTION  *********************************
         DO NOT MODIFY THIS FILE, IT WILL NOT BE PRESERVED ON UPDATES!
 ******************************************************************************
  If you want to add some own screen CSS, have a look at the README of this
  template and "/user/print.css". You have been warned!
 *****************************************************************************/

/* define the "noprint" class used by the original MediaWiki vector skin */
.noprint {
  display: none;
}

/* remove some link styling */
div.dokuwiki a {
  text-decoration: none !important;
}

/* remove interwiki link icons */
div.dokuwiki a.interwiki {
  background: transparent none;
  padding: 0;
}

/* quotes */
div#content .dokuwiki blockquote {
  border-left: 2px solid #8cacbb;
  padding-left: 3px;
  margin-left: 0.2em;
}

/* preformatted stuff, source code */
div#content .dokuwiki code,
div#content .dokuwiki pre,
div#content .dokuwiki pre.code,
div#content .dokuwiki pre.file {
  font-size: 100%;
}
div#content .dokuwiki pre,
div#content .dokuwiki pre.code,
div#content .dokuwiki pre.file {
  line-height: 1.2em;
  background-color: __background_other__;
}
div#content .dokuwiki dl.file,
div#content .dokuwiki dl.file dd,
div#content .dokuwiki dl.file dt {
  margin-left: 0;
}
div#content .dokuwiki dl.file dt {
  background-color: __background_other__;
}

/* misc tweaks */
div#content,
div#bodyContent {
  margin-left: 0;
  border: 0 none;
  font-size: 1em;
}
body {
  background-image: none;
  background-color: #fff;
}

/* hide tag row from tag plugin */
div.tags {
  display: none;
}
/* en: Place for user defined CSS rules (print media) - this file can safely be
   preserved when updating. See README for details.
   
   de: Ort für benutzerdefinierte CSS-Regeln (print media) - Diese Datei kann
   beim Durchführen von Updates ohne Risiko beibehalten werden. Konsultieren Sie
   die README für Detailinformationen. */

}