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

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

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

.hidden {
  display: none;
}

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

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

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

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


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

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

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


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

#acl__manager label {
  text-align: left;
  font-weight: normal;
  display: inline;
}
#acl__manager table {
  margin-left: 10%;
  width: 80%;
}
/* plugin:configmanager */
#config__manager div.success,
#config__manager div.error,
#config__manager div.info {
  background-position: 0.5em;
  padding: 0.5em;
  text-align:center;
}

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

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

#config__manager fieldset td {
    text-align: left;
}
#config__manager fieldset td.value {
    /* fixed data column width */
    width: 30em;
}
#config__manager td input.edit {
    width: 30em;
}
#config__manager td select.edit { }
#config__manager td textarea.edit {
    width: 27.5em;
    height: 4em;
}

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

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

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

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

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

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

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

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

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

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

/* end plugin:configmanager */
div.listplugin div {
  font-weight: bold;
  padding: 0 0.4em;
  margin: 0;
}

div.listplugin.mediaright {
  margin: 0 1em 0.5em 2em;
}


div.listplugin.medialeft {
  margin: 0 2em 0.5em 1em;
}


div.listplugin ul {
  margin-right: 0.5em;
}
/*
 * admin plugin extension - style additions
 *
 * @author  Christopher Smith  chris@jalakai.co.uk
 * @link    http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/adminplugin
 */

/* overall containing div */
#plugin__manager {}

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

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

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

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

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

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

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

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

/* end admin plugin styles */
/* User Manager specific styles */
#user__manager tr.disabled {
  color: #6f6f6f;
  background: #e4e4e4;
}
#user__manager tr.user_info {
  vertical-align: top;
}
#user__manager div.edit_user {
  width: 46%;
  float: left;
}
#user__manager table {
  margin-bottom: 1em;
}
#user__manager input.button[disabled] {
  color: #ccc!important;
  border-color: #ccc!important;
}
/* IE won't understand but doesn't require it */
/**
 * general appearance colors and fonts
 */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    font-size: 80%;
    color: #000000;
    margin: 0;
    padding: 0;
}

div#matrix__wrapper {
    margin: 0 1.5em;
}

div {
    margin: 0;
    padding: 0;
}

/* images */

img {
    border: none;
}

img.rss {
  float: right;
  position: relative;
  z-index:99;
}

img.wikicorner {
  float: right;
  margin-left: 3px;
}

/* default link behaviour */

a {
    text-decoration: none;
    color: #2E5983;
}
a:hover, a:active {
    text-decoration: underline;
}

/*
ul.posts a {
    background: url(/icons/comment.png) left 2px no-repeat;
    padding-left: 18px;
}

ul.wikichanges a {
    background: url(/icons/script.png) left 2px no-repeat;
    padding-left: 18px;
}
*/


span.flag_disabled {
    background: url(/icons/flag_yellow.png) left center no-repeat;
}

span.flag_enabled {
    background: url(/icons/flag_gray.png) left center no-repeat;
}


/* unordered list have no bullets by default */
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding: .3em .4em;
}

/* usually everything is in this boxes */

div.box {
    background-color: #E6EEf0;
    border: 1px solid #91B6C6;
    /*border-right: none;
    border-top: none;*/
    padding: 0;
    margin: 0;
}

div.info {
    padding: 0.2em 0 0.2em 25px;
    margin-bottom: 1em;
}

div.blockmenu h2,
div.blocktable h2,
div.blockform h2,
div.block h2,
div.box h2 {
    color: #ffffff;
    background-color: #056B91;
    border-bottom: 1px solid #203C64;
    margin: 0;
    padding: .3em .4em;
    font-size: 100%;
    font-weight: normal;
    position: relative;
}

div.box p {
    margin: 0;
    padding: .3em .4em;
    position: relative;
}

/* fixes firefox bug, that login inputs are not clickable */
div.box form#login p {
   position: static;
}
div.box form#userlist p {
   position: static;
}
div.box form#search p {
   position: static;
}

/* fieldsets */
fieldset {
    border: 1px solid #203C64;
    margin: 1em;
}

fieldset legend {
    color: #000000;
}

/* custom buttons */
input[type="submit"],
input[type="button"] {
    background: #FFFFFF url('/wiki/lib/tpl/matrix/images/button_bg.png') repeat-x 0 0;
    cursor: pointer;
    padding: 1px 8px;
    margin: 1px;
    border: 1px solid #707070;    
}/* Styles for the top menu bar */

#brdheader {
    margin-bottom: 1em;
}

#brdheader .box {
    border: none;
}

#brdheader #brdmenu {
    background-color: #056B91;
}

#brdheader #brdtitle {
    background-color: #ffffff;
}

#brdheader #brdmenu a {
    padding: 4px 8px;
    color: #ffffff;
}

#brdheader #brdmenu a:hover,
#brdheader #brdmenu a:active,
#brdheader #brdmenu strong a {
    color: #000000;
    background-color: #91B6C6;
    text-decoration: none;
    font-weight: normal;
}

#brdheader #brdmenu ul {
    padding-left: 0px;
    padding-right: 0px;
}

#brdheader #brdmenu ul.containssub {
    position: relative;
    margin-bottom: 37px;
}

#brdheader #brdmenu li {
    display: inline;
    margin: 4px 0;
}

#brdheader #brdmenu ul li ul {
    position: absolute;
    top: 1.8em;
    left: 0em;
    right: 0em;
    background-color: #91B6C6;
}

* html #brdheader #brdmenu ul li ul {
    top: 2.2em;
    width: 100%;
}

*+html #brdheader #brdmenu ul li ul {
    top: 2.2em;
}

#brdheader #brdmenu ul li li a {
    color: #000000;
}

#brdheader #brdmenu ul li li a:hover {
    text-decoration: underline;
}

#brdheader #brdmenu ul li li strong a {
    text-decoration: underline;
}/**
 * Comparison table formattings
 */

table.compare {
  table-layout: auto;
  width: auto;
  min-width: 10em;
  background-color: #ffffff;
}

table.compare td, table.compare th {
  width: auto;
  padding: 2px;
}

table.compare tr.headrow {
  font-size: 120%;
}

table.compare th {
  background-color: #E6EEf0;
  font-weight: normal;
}

table.compare th.group {
  font-weight: bold;
  width: 14em;
}

table.compare th.feature {
  text-align: right;
  width: 14em;
}

table.compare td {
  overflow: hidden;
  border-bottom: 1px solid #203C64;
  border-left: 1px solid #203C64;
}

table.compare td.napl {
  background-color: #E6EEf0;
  color: #91B6C6;
  text-align: center;
  font-style: italic;
}

table.compare td select {
  width: 19.5em;
}

table.compare td input.text {
  width: 19.5em;
}

table.compare tr.headrow:hover td,
table.compare tr.odd:hover td,
table.compare tr.even:hover td {
  background-color: #C0D6E3;
}
table.compare tr.headrow:hover th,
table.compare tr.odd:hover th,
table.compare tr.even:hover th {
  background-color: #91B6C6;
}

table.compare tr.modrow th {
    border: none;
    vertical-align: middle;
}

table.compare pre {
  font-size: 95%;
}

table.compare th input.button {
  vertical-align: middle;
  cursor: pointer;
}

table.compare th select {
  color: #000000;
  width: 10em;
  vertical-align: middle;
}

table.compare textarea {
  height: 60px;
}

table.compare .missing {
  background-color: #f99; /* always red */
}

/* flag handling */

#flagfilter {
  cursor: pointer;
  font-size: 95%;
  font-style: italic;
  margin-left: 4em;
  padding-left: 16px;
}

.flag_enabled {
  background: url(/wiki/lib/tpl/matrix/icons/flag_gray.png) left center no-repeat;
}

.flag_disabled {
  background: url(/wiki/lib/tpl/matrix/icons/flag_yellow.png) left center no-repeat;
}

img.hidebutton {
  float: left;
  cursor: pointer;
}

#flagfilter_diffs {
  cursor: pointer;
  font-size: 95%;
  font-style: italic;
  margin-left: 4em;
  padding-left: 16px;
}

/*
 * Styles for the normal pages
 */


/* compare box */

div.compare {
  float: left;
  width: 20.6em;
}

div.compare label {
  display: inline;
  font-weight: bold;
}

div.compare form {
  padding: 0 0.5em;
}

div.compare input.button {
  display: block;
  margin: 0.4em auto;

/*  border: #da8101 solid 2px;
  color: #ffffff;
  background-color: #FF9900;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  letter-spacing: 0.2em;*/
  cursor: pointer;
}

/* Homepage styles */

div.welcome {
  margin-bottom: 0.6em;
  margin-left: 21.6em;
}

div.welcome p, div.welcome ul {
  padding: 0.5em;
}

ul.posts li{
  padding-left: 18px;
  background: url(/icons/comment.png) no-repeat 0px 2px;
}

ul.wikichanges li{
  padding-left: 18px;
  background: url(/icons/script.png) no-repeat 0px 2px;
}

div.leftcol {
  width: 49%;
  float: left;
  margin-bottom: 0.6em;
}

div.rightcol {
  width: 49%;
  float: right;
  clear: right;
  margin-bottom: 0.6em;
}

div.topcol {
  border: 1px solid #91B6C6;
  border-top: none;
  color: #056B91; 
  font-size: 0.9em;
}

/* frontpage teaser */

table.teaser {
  float: none;
  width: 99%;
}

table.teaser td, table.teaser th, table.teaser tr {
  border: 0;
  background-color: #E6EEf0;
}

table.teaser th {
  color: #ffffff;
  font-size: 200%;
  font-weight: bolder;
  background-color:#FF9900;
}

/* About page */

div.halfleft {
    width: 49%;
    float: left;
}

div.halfright {
    width: 49%;
    float: right;
}

div.about {
    margin-bottom: 1em;
}

/* syntax comparison */

table.syntax {
    width: 100%;
    background-color: #ffffff;
}

table.syntax th,
table.syntax td {
    vertical-align: top;
    background-color: #E6EEf0;
}

table.syntax th {
    background-color: #C0D6E3;
}

div.ad {
    padding: 8px 0 0 0;
    background: transparent url(/icons/tix2.gif) no-repeat 10px top;
}
/**
 * Styles for the detail page
 */

div.detail {
  float: left;
  width: 40em;
  overflow:hidden;
}

div.detailsmall {
  width: 25em !important;
}

div.detail table.compare {
  width: 100%;
}


div.detail table.compare th.feature {
  width: 14em;
}

div.detail table.compare td {
  overflow:hidden;
  width: 25em;
}

div.detail table.compare td pre {
  overflow:hidden;
}


div.detail label {
  display: inline;
  margin-right: 1em;
}

div.detail input.text, div.detail select, div.detail textarea {
  width: 95%;
}

div.detailinfo {
  margin-bottom: 0.6em;
  margin-left: 41em;
}

div.infowide {
  margin-left: 26em !important;
}

div.detailinfo p {
  padding: 0.5em;
}

div.detailinfo label {
  display: inline;
}

div.detailinfo textarea {
  width: 95%;
  margin: 0.5em;
}

div.detailinfo dt {
  font-weight: bold;
  width: 15em;
  float: left;
  margin-left: 0.5em;
}

div.stats dt{
  font-weight: bold;
  font-size: 90%;
  width: 14em;
  float: left;
  margin-left: 0.5em;
  margin-bottom: 0.2em;
}

div.stats dd{
  margin-left: 15em;
  margin-bottom: 0.3em;
}

div.stats dd ul {
    padding: 0;
    margin: 0;
}
div.stats dd ul li {
    padding: 0;
    list-style-image: url(/wiki/lib/tpl/matrix/images/bullet_light.gif);
}

div.detailinfo ul.list li {
  list-style-type: circle;
  margin-left: 2em;
}

div.detailinfo.stats {
    height: auto !important;
    min-height: 250px;
    height: 250px;
}

div.detailinfo.stats dl dt {
    display: block;
    float: none;
    margin: 0 0 0 0.2em;
    padding: 0;
    width: auto;
}

div.detailinfo.stats dl dd {
    display: block;
    float: none;
    margin: 0 0 0 1em;
    padding: 0;
    width: auto;
}

div.detailinfo div.screenshot {
  margin: 0.5em;
  padding: 0.5em;
  border: 1px solid #91B6C6;
  background-color: #ffffff;
  height: auto !important;
  min-height: 150px;
  height: 150px;
}

div.detailinfo div.screenshot h3 {
  padding: 0;
  margin: 0;
}

div.detailinfo div.screenshot img {
  margin-right: 1em;
}

div.detailinfo div.screenshot label {
  position: absolute;
}

div.detailinfo div.screenshot input {
  margin-left: 6em;
}

div.detailinfo div.screenshot textarea {
  height: 60px
}


div.box h2.tabs {
    padding: 0;
}
div.box h2.tabs .left,
div.box h2.tabs .right {
    width: 45%;
    padding: 0.3em 0.4em;
    display: block;
}

div.box h2.tabs .left {
}
* html div.box h2.tabs .left {
    margin-left: -3px;
}
div.box h2.tabs .right {
    position: absolute;
    right: 0px;
    text-align: right;
}
* html div.box h2.tabs .right {
    border-bottom: 1px solid #203C64;
    float: right;
    right: auto;
    position: static;
}
div.box h2.tabs a {
}
div.box h2.tabs span.inactive {
    background-color: #ffffff;
}
div.box h2.tabs span.active {
    background-color: #056B91;
}

/*
div.box h2 div.leftinactive {
    width: 49.5%;
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: 0px;
    background-color: #ffffff;
    padding: 0.3em 0.4em;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

div.box h2 div.rightinactive {
    width: 49.5%;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: 0px;
    background-color: #ffffff;
    padding: 0.3em 0.4em;
    text-align: right;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

div.box h2 div.rightactive {
    width: 49.5%;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0.3em 0.4em;
    text-align: right;
}
*/

div.consultant {
  margin: 6px;
  border: 1px solid #056B91;
  background-color: #fff;
}

div.consultant img {
  margin: 4px 10px;
}

div.consultant p.head {
  min-height: 44px;
  cursor: pointer;
}

* html div.consultant p.head {
  height: 44px;
}

div.consultant p.desc {
  border: 1px dashed #91B6C6;
  border-left: none;
  border-right: none;
  margin: 0 6px;
  padding-left: 0;
  padding-right: 0;
}

div.detailinfo p.bottomline {
  border-top: 1px solid #91B6C6; 
  padding: 0.3em 0.4em
}
div.nosize {
    display: none;
}

.clearb {
    clear: both;
}

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

/* error messages */
#msg {
    width: 50%;
    margin: 0 auto;
}

/* Footer and statistic rows */

#brdfooter, #brdstats, #brdwelcome {
    font-size: 80%;
}


#brdfooter h2,
#brdstats h2,
#brdfooter dt,
#brdstats dt {
    display: none;
}

.conr {
    float: right;
    text-align: right;
    padding: 0;
    margin: 0;
    margin-right: 0.4em;
}

.conl {
    float: left;
    padding: 0;
    margin: 0;
    margin-left: 0.4em;
}

#brdfooter dd, #brdstats dd {
    margin: 0;
}

#brdwelcome p {
    margin-left: 0.4em;
}

#brdstats dl#onlinelist dt, #brdstats dl#onlinelist dd {
    display: inline;
    margin-left: 0.4em;
}

/* Forum index table */

div.blocktable {
    margin-bottom: 0.5em;
}

div.blocktable table {
    width: 100%;
}


div.blocktable th {
    background-color: #91B6C6;
    font-weight: normal;
    padding: 0.2em;
}
div.blocktable th.tcl,
div.blocktable th.tcr {
    text-align: left;
}
div.blocktable th.tcl {
    width: 50%;
}

div.blocktable td {
    background-color: #E6EEf0;
    font-weight: normal;
    padding: 0.2em;
    text-align: center;
    border-top: 1px solid #91B6C6;
    border-left: 1px solid #91B6C6;
}
div.blocktable td.tcl,
div.blocktable td.tcr {
    text-align: left;
    background-color: #E6EEf0;
}
div.blocktable td.tcl {
    border-left: 0;
}

div.blocktable h3 {
    margin: 0;
    padding: 0;
}

div.blocktable span.byuser {
    display: block;
    margin: 0;
    padding: 0;
}

div.blocktable div.tclcon {
    padding: 0;
    padding-left: 2em;
}

div.blocktable strong {
    display: block;
    padding: 0;
    margin: 0;
}

span.newtext {
    margin-top: -4em;
    float: right;
    display: block;
}

/* pseudo icon */

div.icon {
    float: left;
    margin-top: 0.1em;
    margin-left: 0.2em;
    display: block;
    border-width: 0.6em;
    border-style: solid;

    border-top-color: #E6EEf0;
    border-right-color: #E6EEf0;
    border-bottom-color: #E6EEf0;
    border-left-color: #91B6C6;
}

div.icon.inew {
    border-left-color: #056B91;
}

/* link rows */


div.linksb, div.linkst, div.postlinksb {
    margin: 0.4em 0;
    font-weight: bold;
    font-size: 85%;
}

div.linksb ul,
div.linkst ul,
div.postlinksb ul {
    margin: 0;
    padding: 0;
    margin-left: 19.2em;
}


div.linksb li,
div.linkst li,
div.postlinksb li {
    display: inline;
}

/* post */

div.blockform, div#posterror {
    margin: 0;
    padding: 0;
}

div.blockform h2,
div.blockpost h2 {
    color: #ffffff;
    background-color: #056B91;
    margin: 0;
    padding: 4px 6px;
    font-size: 90%;
    font-weight: normal;
}

div.blockpost h2 a {
    color: #ffffff;
}

/* fixes a spacing problem with unknown reason */
div.blockform div.box {
    border-top: 1px solid #E6EEf0;
}

div.blockpost div.box, div.blockpost div.codebox, div.blockpost blockquote {
    padding: 0;
    margin: 0;
    background-color: #E6EEf0;
    overflow: auto;
}

div.blockpost h2 span.conr {
    color: #000000;
}

div.blockpost div.postleft,
div.blockpost div.postfootleft {
    float: left;
    width: 16em;
    background-color: #C0D6E3;
}

div.blockpost div.postfootright {
    text-align: right;
}

div.blockpost div.postright,
div.blockpost div.postfootright {
    border-left: 16em solid #C0D6E3;
}

div.blockpost div.postright h3 {
    display: none;
}

div.blockpost div.postright div.codebox, div.blockpost div.postright blockquote {
    background-color: #E6EEf0;
    border: 1px solid #91B6C6;
    margin: 5px 15px 15px 15px;
    padding: 4px 8px;
}

.pun pre {
    font-size: 1.2em;
}

div.postmsg h4 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

/*

DIV.incqbox {WIDTH: 100%; OVERFLOW: hidden}


*/

div.blockpost div.postfootright li {
    display: inline;
}

div.blockpost div.postleft dl {
    padding: 0.5em;
    margin: 0;
}
div.blockpost div.postleft dl dt,
div.blockpost div.postleft dl dd {
    padding: 0;
    margin: 0;
}
div.blockpost div.postleft dl dt {
    padding-bottom: 0.2em;
}
div.blockpost div.postleft dl dd.postavatar {
    margin: 0.3em 0;
}


#viewprofile dt,
#viewprofile dd {
    padding: 0.1em 0.2em;
}
#viewprofile dl {
    float: left;
    width: 100%;
}
#viewprofile dt {
    float: left;
    width: 12em;
    text-align: right;
    font-weight: bold;
}
#viewprofile dd {
    margin-left: 13em;
}

#viewprofile fieldset {
    width: 32em;
    height: 16em;
    float: left;
    overflow: auto;
}

#punprofile #brdwelcome {
    clear: left;
}


/* Admin and Profile */

div.block2col div.blockmenu {
    width: 14em;
    float: left;
}

div.block2col div.blockmenu div.inbox {
    padding: 0 1em;
}

div.block2col div.blockmenu li {
    margin-bottom: 0.8em;
}

div.block2col div.blockmenu li a {
    font-weight: bold;
    font-size: 90%;
}

div.block2col div.blockmenu li.isactive a {
    color: #000000;
}

div.block2col#adminconsole div.block,
div.block2col div.blockform {
    margin-left: 15em;
}

div.block2col#adminconsole div.box {
    margin-bottom: 1em;
}
div.dokuwiki {
    width: 100%;
}

div.dokuwiki .page {
/*
    position: relative;
    background-color: #E6EEf0;
    border: 1px solid #91B6C6;
    margin: 0 0 1em 0;
    text-align: justify;
    overflow: auto;*/
    padding: 0.4em;
    z-index: 1;
}

div.dokuwiki .page div.level1,
div.dokuwiki .page div.level2,
div.dokuwiki .page div.level3,
div.dokuwiki .page div.level4,
div.dokuwiki .page div.level5 {
    overflow: auto;
}

img.medialeft {
  margin-right: 0.5em;
  margin-top: 0.4em;
}

img.mediaright {
  margin-left: 0.5em;
  margin-top: 0.4em;
}

div.dokuwiki form {
    display: inline;
}

div.dokuwiki div.nothing {
    text-align: center;
    padding: 2em;
}


/* --- bottom bar --- */

div#bar__bottom {
    position: relative;
    padding: 0.3em;
    overflow: auto;
}

div#bar__bottom div#bar__bottomleft {
    float: left;
}

div#bar__bottom div#bar__bottomright {
    float: right;
}

div#qsearch__out {
    display: none;
    position: absolute;
    bottom: 25px;
    z-index: 5;
    background-color: #E6EEf0;
    border: 1px solid #91B6C6;
    margin: 0;
    padding: 0.4em;
}

/* --- TOC --- */

div.toc {
    float: right;
    width: 20em;
    border: 1px solid #91B6C6;
    background-color: #ffffff;
    margin: 1em 0 0.5em 0.5em;
    font-size: 80%;
    z-index: 5;
    position: relative;
}

div.toc img {
    float: right;
    height: 0.8em;
    width: 0.8em;
    margin: 0.1em;
    vertical-align: middle;
    cursor: pointer;
}

div.toc div.tocheader {
    color: #ffffff;
    background-color: #056B91;
}

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

body.media{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

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

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

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

#media__right {
    width: 69.7%;

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

#media__manager h1 {
    color: #ffffff;
    background-color: #056B91;
    border-bottom: 1px solid #203C64;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;

}

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

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

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

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

/* --- options --- */

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

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

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

#media__opts br {
    clear: left;
}

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

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

#media__content #scroll__here {
    border: 1px dashed #91B6C6;
}

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

#media__content .even {
    padding: 0.4em;
}

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

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

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


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

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

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

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

#media__content form.upload {
    display: block;
    border-bottom: solid 1px #203C64;
    padding: 0 0 1em 2em;
}

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

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

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

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

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

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

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

a.wikilink2 {
    color: red;
}

a.urlextern {
    background: transparent url(/wiki/lib/tpl/matrix/images/link_icon.gif) left top no-repeat;
    padding-left: 16px;
}

a.mail {
    background: transparent url(/wiki/lib/tpl/matrix/images/mail_icon.gif) left top no-repeat;
    padding-left: 16px;
}

/* --- lists --- */

div.dokuwiki div.page ul {
    padding-left: 1em;
}

div.dokuwiki div.page ul li {
    margin-left: 1em;
    list-style-type: square;
    color: #056B91;
}

div.dokuwiki div.page ol li {
    color: #056B91;
    font-weight: bold;
}

div.dokuwiki div.page li div.li {
    color: #000000;
    font-weight: normal;
}


/* --- footnotes --- */
div.dokuwiki div.page div.footnotes {
    clear: both;
    border-top: 1px solid #91B6C6;
    font-size: 90%;
    margin-top: 0.6em;
    padding-top: 0.3em;
}

a.fn_bot, a.fn_top {
    vertical-align: super;
    font-size: 80%;
}

/* insitu-footnotes */
div.insitu-footnote {
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid #91B6C6;
  background: #E6EEf0;
  text-align: left;
  padding: 4px;
  max-width: 40%;    /* IE's width is handled in javascript */  
}

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


/* --- secedit --- */

div.dokuwiki div.page input.button {
    margin-top: -1em;
    font-size: 70%;
    float: right;
}

/* --- pre --- */
div.dokuwiki div.page pre.file,
div.dokuwiki div.page pre.code {
    font-size: 110%;
    background-color: #ffffff;
    border: solid 1px #91B6C6;
    padding: 0.5em;
    margin: 0.4em 1px;
    overflow: auto;
}

div.dokuwiki div.page pre.file {
    background: #E6EEf0;
}

/* --- tables --- */

table.inline th {
    background-color: #91B6C6;
    margin: 0;
    border: solid 1px #91B6C6;
    padding: 0.3em;
}

table.inline td {
    background-color: #ffffff;
    margin: 0;
    border: solid 1px #91B6C6;
    padding: 0.1em 0.3em;
}

/* --- Sections --- */

div.dokuwiki div.page hr {
    border: none 0;
    border-top: 1px solid #91B6C6;
    height: 1px;
}

div.dokuwiki div.page h1 a,
div.dokuwiki div.page h2 a,
div.dokuwiki div.page h3 a,
div.dokuwiki div.page h4 a,
div.dokuwiki div.page h5 a,
div.dokuwiki div.page h1 a:hover,
div.dokuwiki div.page h2 a:hover,
div.dokuwiki div.page h3 a:hover,
div.dokuwiki div.page h4 a:hover,
div.dokuwiki div.page h5 a:hover {
    color: #000000;
    text-decoration: none;
}

div.dokuwiki div.page h1,
div.dokuwiki div.page h2,
div.dokuwiki div.page h3,
div.dokuwiki div.page h4,
div.dokuwiki div.page h5 {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}

div.dokuwiki div.page h1 { font-size: 1.8em; font-weight: bold; }
div.dokuwiki div.page h2 { font-size: 1.65em; font-weight: bold; margin-top: 0.8em;}
div.dokuwiki div.page h3 { font-size: 1.4em; font-weight: bold; margin-top: 0.8em; }
div.dokuwiki div.page h4 { font-size: 1.2em; font-weight: bold; margin-top: 0.8em; }
div.dokuwiki div.page h5 { font-size: 1em; font-weight: bold; margin-top: 0.8em; }

/* ---------------------------- Diff rendering --------------------------*/
table.diff { background:#ffffff; }
table.diff th {font-weight:bold; width: 49%;}
td.diff-header {
  border-bottom: 1px solid #000000;
  font-size:120%;
}
td.diff-addedline {
    background:#ddffdd;
    font-family: monospace;
    font-size: 100%;
}
td.diff-deletedline { 
    background:#ffffbb;
    font-family: monospace;    
    font-size: 100%;
}
td.diff-context {
    background:#E6EEf0;
    font-family: monospace;
    font-size: 100%;
}
span.diffchange { color: red; }
form#dw__editform textarea.edit {
    width: 98%;
    border: 1px solid #aaa;
    margin-left: 1px;
}

div#size__ctl {
    float: right;
}

div#size__ctl img {
    cursor: pointer;
}

div#wiki__editbar,
div.toolbar {
    width: 98%;
}

div#wiki__editbar div.editButtons input {
    float: left;
}

div#wiki__editbar div.summary {
    padding-top: 2em;
}

div#wiki__editbar input.button {
    margin: 0 0.3em;
    font-size: 100%;
}

button.toolbutton {
    border: 1px solid #aaa;
    width: 22px;
    height: 22px;
    padding: 0px;
    margin-left: 1px;
    cursor: pointer;
}
button.toolbutton img {
    margin: 0;
    padding: 0;
    position: relative;
    top: 0px;
    left: 0px;
}

div.picker {
    width: 100px;
    background-color: #E6EEf0;
    border: 1px solid #91B6C6;
}

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

div#draft__status {
    height: 2em;
    text-align: right;
}

input#edit__summary {
    width: 50%;
}

div.preview {
    overflow: auto;
}

div.preview div.clearer {
    clear: none;
}

div.wikipagetools {
    margin-top: 2em;
}

div.wikipagetools input[value="Edit this page"] {
    background: #FFFFFF url('/wiki/lib/tpl/matrix/images/button_edit_uweb.png') no-repeat;
    padding-left: 30px;
}/* ------------------ Bookmark links ---------------------- */

a.bm {
  padding-left: 20px;
  margin: 0 0.4em;
  line-height: 20px;
}

a.delirious {
  background:  url(/icons/delirious.png) center left no-repeat;
}

a.delicious {
  background:  url(/icons/delicious.png) center left no-repeat;
}

a.digg {
  background:  url(/icons/digg.png) center left no-repeat;
}

a.furl {
  background:  url(/icons/furl.png) center left no-repeat;
}

a.spurl {
  background:  url(/icons/spurl.png) center left no-repeat;
}

a.simpy {
  background:  url(/icons/simpy.png) center left no-repeat;
}

a.yahoo {
  background:  url(/icons/yahoo.png) center left no-repeat;
}

a.reddit {
  background:  url(/icons/reddit.png) center left no-repeat;
}

a.blinklist {
  background:  url(/icons/blinklist.gif) center left no-repeat;
}

a.blogmarks {
  background:  url(/icons/blogmarks.png) center left no-repeat;
}

a.google {
  background:  url(/icons/google.gif) center left no-repeat;
}

a.magnolia {
  background:  url(/icons/magnolia.png) center left no-repeat;
}

a.wong {
  background:  url(/icons/wong.png) center left no-repeat;
}

/* ---------------- Random product -------------------- */

p.featured {
    height: auto !important;
    min-height: 210px;
    height: 210px;
}

p.featured img.thumb {
    float: right;
}

p.featured strong {
    display: block;
}

div.wizard {
  font-size: 100%;
}

div.wizard div.wmain {
  height: auto !important;
  height: 300px;
  min-height: 300px;
}

div.wizard div.wstep {
  float: right;
  color: #f60;
  font: bolder 200% Arial;
  padding: 0.1em;
}

div.wizard div.wbutt {
  padding: 1em;
  /*text-align: right;*/
}

div.wizard ul.wchoose {
  padding: 1em 3em;
}

div.wizard ul.wchoose li {
  margin-bottom: 0.4em;
}

div.wizard ul.wchoose label{
  display: inline !important;
}

div.wizard h3 {
  font-size: 150%;
  margin-left: 0.4em;
}

/*div.wizard input.left {
  float:left;
}*//* --- type flag --- */
.tflag1{
  padding-left: 16px !important;
  background:  url(/icons/disk_small.png) center left no-repeat;
}

.tflag2{
  padding-left: 16px !important;
  background:  url(/icons/share.png) center left no-repeat;
}

.tflag3{
  padding-left: 16px !important;
  background:  url(/icons/hostdisk.png) center left no-repeat;
}


#searchView {
  margin: .5em;
}

#searchDescription {
  margin: .3em;
}

#searchOptions div {
    overflow: auto;
    position: relative;
    padding-left: 0.2em;
    margin-bottom: 2px;
}

#searchOptions label.highlight {
    /*background-color: #FF9999;*/
    padding-left: 16px !important;
    background:  url(/icons/bullet_red.png) center left no-repeat; /*information,exclamation, error,lightning,bullet_red*/
    margin-right: -16px !important;
}

p.highlighthint {
    border: 1px solid black;
    background-color: white; 
    margin-bottom: 0.5em !important; 
}

#searchOptions div label {
    width: 45%;
    display: block;
    float: left;
}

#searchOptions div input,
#searchOptions div select {
    width: 45%;
}

#searchOptions div img.delbutton {
    cursor: pointer;
    width: 16px;
    height: 16px;
/*    margin-top: -1.5em;
    margin-right: 2px;*/

    position: absolute;
    top: 2px;
    right: 2px;
}

* html #searchOptions div img.delbutton {
    right: auto;
}

#jsactive div.halfright {
    width: 64%;
}

#jsactive div.halfleft {
    width: 34%;
}

#checkboxSelect {
    margin: 5px;
    overflow: auto;
    height: 400px;
    border: 1px solid #A7A6AA;
    padding-left: 5px;
    background: white;
}

#checkboxSelect a {
  text-decoration: none;
  display: block;
  color: #000000;
}

#checkboxSelect div a:link, #checkboxSelect div a:visited {
    color: #000000;
}

#checkboxSelect div a:hover, #checkboxSelect div a:active  {
  background-color: #335EA8;
  color: #FFFFFF;
}
/**
 * Styles for the consultants page
 */

div.detailinfo h2 img {
  position: absolute;
  top: 1px;
  right: 2px;
}

div.consultants {
  margin: 8px;
  border: 1px solid #91B6C6;
  padding: 4px;
}

div.premium {
  border-color: #056B91;
  background-color: #fff;
}

div.consultants div.logo {
  float: left; 
  width: 100px;
  padding: 8px;
  display: none
}

div.premium div.logo {
  display: block;
}

div.premium div.content {
  margin-left: 116px;
}

div.qconsultants span,
div.consultants span {
  white-space: nowrap;
  padding: 0 18px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.qconsultants span.url,
div.consultants span.url {
  background-image: url(/wiki/lib/tpl/matrix/images/link_icon.gif);
}

div.qconsultants  span.mail,
div.consultants  span.mail {
  background-image: url(/wiki/lib/tpl/matrix/images/mail_icon.gif);
}

div.qconsultants span.phone,
div.consultants span.phone {
  background-image: url(/wiki/lib/tpl/matrix/images/phone_icon.png);
}

div.qconsultants span.location,
div.consultants span.location {
  background-image: url(/wiki/lib/tpl/matrix/images/map_icon.png);
}