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

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

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

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

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

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

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


/* syntax highlighting code */
.code .br0  { color: #66cc66; }
.code .co1  { color: #808080; font-style: italic; }
.code .co2  { color: #808080; font-style: italic; }
.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 .me0  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #0000ff; }
.code .re1  { color: #0000ff; }
.code .re2  { color: #0000ff; }
.code .re4  { color: #009999; }
.code .sc0  { color: #00bbdd; }
.code .sc1  { color: #ddbb00; }
.code .sc2  { color: #009900; }
.code .st0  { color: #ff0000; }
/**
 * CSS for tag-am-meer-template
 *
 * @author Dirk Haage <loco@tag-am-meer.info>
 *
 * based upon:
 *
 * Tableless Layout for default template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author moraes <moraes@tipos.com.br>
 * additional editing by
 * @author Michael Klier <chi@chimeric.de>
 */

/* -------------- top row --------------- */
.header {
  position:relative;
  height:240px;
  border-bottom:1px solid #666666;
  background-color: #3F0A02;
  margin:0;
  padding:0;
  background-image: url( /lib/tpl/tag-am-meer/./images/header.jpg );
}

.stylehead {
  margin:0;
}

.stylefoot {
  display:block;
  /*border-top:1px solid #999999;*/
  /*border-bottom:1px solid #999999;*/
  margin:10px 10px 3px 10px;
	font-weight:normal;
	text-align:right;
}

div.dokuwiki .pagename {
  float:left;
  color:#0579C4;
  position:absolute;
  bottom:/*10px*/0;
  /* font-weight:normal; */
  /* font-weight:bold; */
  font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, sans-serif, arial, helvetica, sans-serif;
  background:#030303;
  /* border:1px solid #D4EAF5; */
  text-align:right;
  font-size:14px;
  /* padding:10px; */
  /* margin:10px; */
  padding:5px;
  margin:5px;
  margin-left:180px;
  line-height:100%
/*   margin-right:7px; */
/*   margin-top:9px; */


}


.pagename a:link, .pagename a:visited {
  /* color:#222222; */
  color:#FFD784;
  text-decoration:none;
}

.pagename a:hover, .pagename a:active {
  color:#FFFFC2;
}

.logo {
  float:right;
	font-weight:bold;
	text-align:right;
  /* font-variant:small-caps; */
  font-size:20px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, sans-serif, arial, helvetica, sans-serif;
  padding:10px;
  margin:10px;
  /* background:#030303; */
/*   margin-right:7px; */
/*   margin-top:9px; */
}

.logo a:link, .logo a:visited, .logo a:hover, .logo a:active {
	/* color:#222222; */
        color: #F4D169;
        /* color: #F9F6F0; */
        /* color: #008BDA; */
        /* color: #2B9DE3; */
	text-decoration:none;
	letter-spacing:1pt;
}

/* ---------------  top and bottom bar ---------------- */
.bar {
  font-size:10px;
	margin:0;
  padding:0;
  line-height:100%;
}

.bar a.interwiki {
  background:none;
  padding:0;
  text-decoration:none;
  margin:0;
}

#bar_top a.interwiki:hover {
  color:#A44D32;
}

.bar-left {
  text-align:left;
  padding-left:0;
}

.bar-right {
  text-align:right;
  padding-right:0;
}

#bar_top {
  display:block;
  margin:0 10px 10px 10px;
  padding: 3px 0 3px 0;
  border-bottom:1px solid #999999;
}

#bar_bottom_links {
  display:block;
  margin:3px 10px 3px 10px;
  border-top:1px solid #999999;
}

#bar_top_links {
  display:block;
  margin:3px 10px 3px 10px;
  border-bottom:1px solid #999999;
}

#bar_bottom {
  display:block;
  margin:3px 10px 3px 10px;
}

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

div.meta {
/*   clear: both; */
  color:#222222;
  font-size:10px;
  text-align:right;
  line-height:100%;
  padding: 3px 0 3px 0;
}

div.meta div.user {
}

div.meta div.doc{
}

/* ---------------  Media Selection  ----------------- */

div.uploadform {
  margin-top: 10px;
  border-top: 1px solid #666666;
}

.mediaselect {
  padding: 10px;
  padding-top:0;
}

.mediaselect-left {
  float:left;
  padding:0;
  padding-right: 10px;
  margin-bottom:10px;
  width:240px;
}

.mediaselect-right {
  float:right;
  border-left: 1px solid #666666;
  padding:0 0 0 10px;
  margin-bottom:10px;
  width:519px;
}

div.mediaref_head {
	margin-left:10px;
}

div.mediaref .search_result {
	padding-left:10px;
}

.mediaref_ref {
	color:#090;
}

div.mediaref_hidden {
	margin-top:1em;
	text-align:center;
	font-size:1.2em;
	color:#BB0000;
}

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

.curid {
        font-weight: bold;
}

div#cmd_dwshowcase{
        height:116px;
        text-align:center;
}
/**
 * CSS for tag-am-meer-template
 *
 * @author Dirk Haage <loco@tag-am-meer.info>
 *
 * based upon:
 *
 * main layout by
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <henke@cosmocode.de>
 * additional editing by
 * @author Michael Klier <chi@chimeric.de>
 */

/* -------------- general elements --------------- */

body {
  font-size: 12px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, sans-serif, arial, helvetica, sans-serif;
  color: #222222;
  margin:2em;
  padding: 0;
  line-height:1.5em;

  background-color:#FFFFFF;
  background-image: url( /lib/tpl/tag-am-meer/./images/background.jpg );
  background-repeat: repeat;
  background-attachment: fixed;
}

/* the document */

div.dokuwiki {
  margin:auto;
  padding:0;
  width: 800px;
  border:1px solid #666666;
  background:#FFFFFF;

  background-image: url( /lib/tpl/tag-am-meer/./images/transparency.png )
}

div.page {
  margin-left:10px;
  margin-right:10px;
}

div.left_sidebar {
  float:left;
  width:180px;
  padding:10px;
  padding-top:0;
  border-right:1px solid #999999;
}

div.right_sidebar {
  float:right;
  width:180px;
  padding:10px;
  padding-top:0;
  border-left:1px solid  #999999;
}

div.right_page {
  text-align: justify;
  float:left;
  width:579px;
  padding: 0 10px 0 10px;
}

div.left_page {
  text-align: justify;
  float:left;
  width:579px;
  padding:10px;
  padding-top:0;
}

table {
  padding:0;
  margin:0;
  font-size:12px;
}

tr,td,th {padding:0; margin:0;vertical-align:top;}

tr:hover {
  background:#f8f8f8;
  cursor: pointer;
}

img {border:0}

p {padding:0; margin: 0 0 1.0em 0;font-size:12px;}

hr {
  border: 0px;
  border-top: 1px solid #999999;
  text-align:center;
  height: 0px;
  margin-top: 10px;
}

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

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

form {
  border: none;
  margin: 0;
  display: inline;
}

div.searchform {
  margin-bottom: 0.2em;
}

div.dokuwiki input.edit, div.dokuwiki select.edit {
  font-size: 90%;
  border: 1px solid #333333;
  color: Black;
  background-color: #E9F5FF;
  vertical-align: middle;
  margin: 1px;
  margin-top: 7px;
  padding: 0.20em 0.3em;
  display: inline;
}

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

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

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

fieldset {
  width: 300px;
  text-align: center;
  border: 1px solid #8cacbb;
  padding: 0.5em;
}

textarea.edit {
  font-family:monospace;
  border: 1px solid #8cacbb;  
  color: #222222;
  background-color: #FEFEFE;
  font-size:12px;
  padding: 3px;
  width:99%;
}

input.edit,select.edit {
  border: 1px solid #8cacbb;
  color: #222222;
  background-color: #FFFFFF;
  vertical-align: middle;
  padding: 1px;
  display: inline;
  font-size: 10px;
}

div.centeralign input.edit { margin-bottom:0.2em; }

input#qsearch_in {
  width:60% !important;
  margin-right:1px;
}

input.missing {
  font-size:12px;
  border: 1px solid #8cacbb;
  color: #222222;
  background-color: #ffcccc;
  vertical-align: middle;
  padding: 1px;
  display: inline;
}

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

input.button, button.button{
  border: 1px solid #8cacbb;  
  color: #222222;
  background-color: #fdfdfd;
  vertical-align: middle;
  text-decoration:none;
  cursor: pointer;
  font-size:10px;
  margin-left:0;
  display: inline;
  font-size: 10px;
}

div.secedit input.button {
  border: 1px solid #8cacbb;
  color: #222222;
  background-color: #fdfdfd;
  vertical-align: middle;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  cursor: pointer;
  float:right;
}

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

div.pagenav {
  margin-top:1em;
}

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

div.pagenav-prev input.button {
  margin-right:5px;
}

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

div.pagenav-next input.button {
  margin-left:5px;
}

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

a {
  color:#A44D32;
  text-decoration:none;
}
a:hover {
  color:#BA5E2D;
  text-decoration:underline;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
  color:#222222;
  text-decoration:none;
}

/* external link */
a.urlextern:link,
a.urlextern:active,
a.urlextern:visited {
  background: transparent url(/lib/tpl/tag-am-meer/images/link_icon.png) 0px 0px no-repeat;
  padding: 1px 0px 1px 18px;
  color:#A44D32;
  text-decoration:none;
}

a.urlextern:hover {
  color:#BA5E2D;
  text-decoration:underline;
}

/* windows share */
a.windows{
  background: transparent url(/lib/tpl/tag-am-meer/images/windows.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
  color:#A44D32;
  text-decoration:none;
} 
a.windows:visited {
  color:#BA5E2D;
}
a.windows:hover { 
  text-decoration:underline;
}

/* interwiki link */
a.interwiki{
  color: #A44D32;
  padding-left: 16px;
  text-decoration:none;
}
a.interwiki:visited {
  color: #A44D32;
}
a.interwiki:hover {
  color: #BA5E2D;
  text-decoration:underline;
}

/* link to some embedded media */
a.media {
  color:#A44D32;
  text-decoration:none;
}
a.media:hover {
  color:#BA5E2D;
  text-decoration:underline
}

/* email link */
a.mail {
  background: transparent url(/lib/tpl/tag-am-meer/images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
  color:#A44D32;
  text-decoration:none;
}
a.mail:hover {
  color:#BA5E2D;
  text-decoration:underline;
}

/* existing wikipage */
a.wikilink1:link    { color:#A44D32; text-decoration:none }
a.wikilink1:visited { color:#A44D32; text-decoration:none }
a.wikilink1:hover   { color:#A44D32; text-decoration:underline }

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


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

div.preview{
  padding: 4px;
  border: 1px dashed #666666;
}

div.breadcrumbs {
  color: #222222;
  line-height:100%;
  margin-left:0.3em;
  font-size:12px;
}

div.breadcrumbs_top {
  color: #222222;
  font-size:10px;
  margin: 0 10px 0 10px;
  padding: 3px 0 3px 0;
  border-bottom:1px solid #999999;
  line-height:100%;
}

div.youarehere_top {
  color: #222222;
  font-size:11px;
  margin: 0 10px 0 10px;
  padding: 3px 0 3px 0;
  border-bottom:1px solid #999999;
  line-height:100%;
}

div.breadcrumbs_bottom {
  float:left;
  width:45%;
  text-align:left;
  color: #222222;
  font-size:10px;
  margin: 0;
  padding: 3px 0 3px 0;
  line-height:100%;
}

span.user{
  color: #222222;
}

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

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

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

img.mediacenter {
  border: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

/* general headline setup */
h1, h2, h3, h4, h5 {
  color: #222222;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Helvetica, Arial, sans-serif, arial, helvetica, sans-serif;
  font-weight: normal;
  margin-left:    0;
  margin-right:   0;
  margin-top:     1em;
  margin-bottom:  0.5em;
  padding-left:   0;
  padding-right:  0;
  padding-bottom:  3px;
  clear: left;
}

/* special headlines */
h1 {margin-left: 0px; font-size: 150%; border-bottom:1px solid #999999;}
h2 {margin-left: 20px; font-size: 140%; border-bottom:1px solid #999999;}
h3 {margin-left: 40px; font-size: 130%; border-bottom:1px solid #999999;}
h4 {margin-left: 60px; font-size: 120%; border-bottom:1px solid #999999;font-weight:bold;}
h5 {margin-left: 80px; font-size: 110%; border-bottom:1px solid #999999;font-weight:bold;}

/* indent different sections */
div.level1 {margin-left: 0px;}
div.level2 {margin-left: 20px;}
div.level3 {margin-left: 40px;}
div.level4 {margin-left: 60px;}
div.level5 {margin-left: 80px;}


/* unordered lists */
ul { 
  line-height: 1.5em;
  list-style-type: square;
  color: #638c9c;
  font-size:12px;
  margin: 0 0 0.5em 2em;
  padding: 0;
  list-style-image: none;
}

div.left_sidebar ul {
  margin: 0 0 0.5em 1em;
  font-size:11px;
}

div.left_sidebar li.level1 {
  margin-left: 2px;
}

/* ordered lists */
ol {
  font-size: 12px;
  line-height: 1.5em;
  margin: 0 0 0.5em 2.5em;
  padding: 0;
  color: #638c9c;
  font-weight: bold;
  list-style-image: none;
}

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


ol {list-style-type: decimal}
ol ol {list-style-type: upper-roman}
ol ol ol {list-style-type: lower-alpha}
ol ol ol ol {list-style-type: lower-greek}

li.open {
  list-style-image: url(/lib/tpl/tag-am-meer/images/open.gif);
}

li.closed {
  list-style-image: url(/lib/tpl/tag-am-meer/images/closed.gif);
}

blockquote {
  font-size:12px;
  border-left: 2px solid #8cacbb;
  padding-left: 3px;
  margin-left: 0;
}

/* code blocks by indention */
pre.pre {
  padding: 0.5em;
  border: 1px dashed #8cacbb;
  color: #222222;
  background-color: #f7f9fa;
  overflow: auto;
}

/* code blocks by code tag */
pre.code {
  padding: 0.5em;
  border: 1px dashed #8cacbb;
  color: #222222;
  background-color: #f7f9fa;
  overflow: auto;
  line-height:140%;
}

/* inline code words */
code {
}

/* code blocks by file tag */
pre.file {
  padding: 0.5em;
  border: 1px dashed #8cacbb;
  color: #222222;
  background-color: #dee7ec;
  overflow: auto;
}

/* inline tables */
table.inline {
  background-color: #FFFFFF;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.inline th {
  padding: 3px;
  border: 1px solid #8cacbb;
  background-color: #dee7ec;
}

table.inline td {
  padding: 3px;
  border: 1px solid #8cacbb;
}

.leftalign{
  text-align: left;
}

.centeralign{
  text-align: center;
}

.rightalign{
  text-align: right;
}

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

div.toc {
  margin-left: 10px;
  margin-bottom: 0;
  margin-top:20px;
  float:right;
  width: 250px;
  clear:both;
}

div.tocheader {
  padding: 3px;
  border: 1px solid #666666;
  background-color: #F9F6F0;
  text-align: left;
  font-weight:bold;
  margin-bottom: 1px;
  padding-left:5px;
  font-size:10px;
}

div.tocheader img {
  width:0.8em;
  height:0.8em;
  margin-top:0.3em;
  margin-right:0.3em;
  cursor:pointer;
}

#toc__inside {
  border: 1px solid #666666;
  background-color: #F9F6F0;
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.7em;
}

ul.toc {
  font-size:10px;
  list-style-type: none;
  list-style-image: none;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  padding-left: 0.8em;
}

ul.toc li {
  background: transparent url(/lib/tpl/tag-am-meer/images/tocdot2.gif) 0 0.6em no-repeat;
  padding-left:0.4em;
}

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

a.toc {
  color: #A44D32;
  text-decoration:none;
}

a.toc:hover {
  color: #BA5E2D;
  text-decoration:underline; 
}

/* ---------------------------- Diff rendering --------------------------*/
table.diff { background:#FFFFFF; }
td.diff-blockheader {font-weight:bold}
td.diff-header {
  border-bottom: 1px solid #8cacbb;
  font-size:12px;
}
td.diff-addedline {
  background:#ddffdd;
  font-family: monospace;
  font-size: 12px;
}
td.diff-deletedline { 
  background:#ffffbb;
  font-family: monospace;    
  font-size: 12px;
}
td.diff-context {
  background:#f7f9fa;
  font-family: monospace;
  font-size: 12px;
}
span.diffchange { color: red; }

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

div.footnotes{
  clear:both;
  border-top: 1px solid #666666;
  padding-left: 1em;
  margin-top: 1em;
}

div.fn{
  font-size:10px;
}

a.fn_top{
  vertical-align:super;
  font-size:12px;
}

a.fn_bot{
  vertical-align:super;
  font-size:12px;
  font-weight:bold;
}

/* insitu-footnotes */
div.insitu-footnote {
  font-size: 12px;
  line-height: 1.2em;
  border: 1px solid #8cacbb;
  background: #eef3f8;
  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;
}

/* --------------- search result formating --------------- */
.search_result{
  margin-bottom: 6px;
  padding-left: 16px;
  padding-right: 10px;
}

.search_snippet{
  color: #ccc;
  font-size: 12px;
  margin-left: 20px;
}

.search_sep{
  color: #000;
}

.search_hit{
  color: #000;
  background: #ff9;
}

div.search_quickresult{
  margin-bottom: 15px;
  padding-bottom: 5px;
  margin-left: 8px;
  padding-right: 10px;
  border-bottom: 1px dashed #666666;
}

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

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

/* ------------------ Additional ---------------------- */


/* ------------------ Additional ---------------------- */
div.footerinc {
  height: auto;
  margin:0;
  padding:10px;
  border-top:1px solid #666666;
  background-color: #3F0A02;
  background-image: url( /lib/tpl/tag-am-meer/./images/header.jpg );
  background-position:bottom left;
}

.syndication {
  height:15px;
}

.footerinc a img {
    /*opacity: 0.5;*/
}

.footerinc a:hover img {
    /*opacity: 1;*/
}

/* ---- Admin --- */

div.acladmin label {
  text-align: left;
  font-weight: normal;
  display: inline;
}

div.acladmin table{
  margin-left: 10%;
  width: 80%;
}

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

div.ajax_qsearch {
  position:relative;
  left:0;
  /*opacity: 0.9;*/
  display:none;
  font-size: 12px;
  border: 1px solid #8cacbb;
  background: #eef3f8;
  text-align: left;
  padding: 4px;
}

div.ajax_qsearch .bold {
  background:#ead28f;
  display:block;
  text-decoration:underline;
  color:#333333;
  padding-left:2px;
  margin-top:5px;
}

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

div.picker {
  width: 250px;
  border: 1px solid #8cacbb;
  background: #eef3f8;
}

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

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

a.spell_error {
  color: #ff0000;
  text-decoration: underline;
}

div#spell_suggest {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  background-color: #FFFFFF;
  padding: 2px;
  border: 1px solid #000;
  font-size:12px;
  z-index: 2;
}

div#spell_result {
  display:none;
  font-family:monospace;
  border: 1px solid #8cacbb; 
  color: #222222;
  font-size:12px;
  padding: 3px;
  background-color: #f7f9fa;
  overflow: auto;
  z-index: 1;

  /*#FFFFFF-space: pre-wrap;       /* css-3 */
  /*#FFFFFF-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  /*#FFFFFF-space: -pre-wrap;      /* Opera 4-6 */
  /*#FFFFFF-space: -o-pre-wrap;    /* Opera 7 */
  /*word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

span.spell_noerr {
  color: #009933;
}

span.spell_wait {
  color: #0066cc;
}

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

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

dl.img_tags dt {
  font-weight: bold;
  background-color: #dee7ec;
}
dl.img_tags dd {
  background-color: #f5f5f5;
}

div.img_detail{}
div.img_caption{}
img.img_detail{}

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

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

/* -------------- Media Popup ---------------------- */

div.mediaselect-right li, div.uploadform { 
  clear: both;
}

div.mediaedit{
  padding: 10px;
  padding-top:0;
}

div.mediaedit div.data label{
  display: block;
  text-align: right; 
  width: 170px;
  float: left;
  padding:0;
  margin-right: 10px;
}

div.mediaedit div.data input, div.mediaedit div.data textarea{
  width: 590px;
  padding: 0;
  margin-bottom: 3px;
}

div.mediaedit div.data input.button {
  width: 10em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/**
 * CSS for tag-am-meer-template
 *
 * @author Dirk Haage <loco@tag-am-meer.info>
 *
 * based upon:
 *
 * CSS for arctic-template
 *
 * @author Michael Klier <chi@chimeric.de>
 */

div.left_sidebar div.secedit,
div.right_sidebar div.secedit {
  text-align:right;
}

div.left_sidebar div.secedit input.button,
div.right_sidebar div.secedit input.button {
  float:none;
  margin:0px;
}

/** LEFT-SIDEBAR **/
div.left_sidebar a.wikilink2:link,
div.left_sidebar a.wikilink2:active,
div.left_sidebar a.wikilink2:visited,
div.left_sidebar a.wikilink1:link,
div.left_sidebar a.wikilink1:active,
div.left_sidebar a.wikilink1:visited,
div.left_sidebar a.interwiki:link,
div.left_sidebar a.interwiki:active,
div.left_sidebar a.interwiki:visited,
div.left_sidebar a.urlextern:link,
div.left_sidebar a.urlextern:active,
div.left_sidebar a.urlextern:visited
{
  color:#A44D32;
  padding:0px;
  background:none;
  line-height:140%;
}

div.left_sidebar a.wikilink2:hover,
div.left_sidebar a.wikilink1:hover,
div.left_sidebar a.interwiki:hover,
div.left_sidebar a.urlextern:hover 
{
  text-decoration:none;
  color:#BA5E2D;
  padding:0px;
  line-height:140%;
  text-decoration: underline;
}

div.left_sidebar h1,
div.left_sidebar h2,
div.left_sidebar h3,
div.left_sidebar h4,
div.left_sidebar h5,
div.left_sidebar h6 
{
  font-size:12px;
  border:none;
  font-family: sans-serif, Verdana;
  font-weight:bold;
  margin:0px;
  margin-top:3px;
  padding:0;
}

div.left_sidebar h1
{
  /*background:#FFFFFF;*/
  margin:0px;
  margin-top:6px;
}

div.left_sidebar ul 
{
	margin-top:0;
}

div.left_sidebar div.i_sidebar,
div.left_sidebar div.m_sidebar,
div.left_sidebar div.u_sidebar,
div.left_sidebar div.g_sidebar,
div.left_sidebar div.ns_sidebar,
div.left_sidebar div.bc_sidebar
{
   border-top:1px solid #999999 ;
   padding:0px;
   padding-top:12px;
   margin:0px;
   /* margin-top:12px; */
}

/** RIGHT-SIDEBAR **/
div.right_sidebar a.wikilink2:link,
div.right_sidebar a.wikilink2:active,
div.right_sidebar a.wikilink2:visited,
div.right_sidebar a.wikilink1:link,
div.right_sidebar a.wikilink1:active,
div.right_sidebar a.wikilink1:visited,
div.right_sidebar a.interwiki:link,
div.right_sidebar a.interwiki:active,
div.right_sidebar a.interwiki:visited,
div.right_sidebar a.urlextern:link,
div.right_sidebar a.urlextern:active,
div.right_sidebar a.urlextern:visited
{
  color:#A44D32;
  padding:0px;
}

div.right_sidebar a.wikilink2:hover,
div.right_sidebar a.wikilink1:hover,
div.right_sidebar a.interwiki:hover,
div.right_sidebar a.urlextern:hover 
{
  text-decoration:none;
  color:#BA5E2D;
  padding:0px;
}

div.right_sidebar h1,
div.right_sidebar h2,
div.right_sidebar h3,
div.right_sidebar h4,
div.right_sidebar h5,
div.right_sidebar h6 
{
  font-size:12px;
  border:none;
  font-family: sans-serif, Verdana;
  font-weight:bold;
  margin:0px;
  margin-top:3px;
  padding:0;
}

div.right_sidebar h1
{
  /*background:#FFFFFF;*/
  margin:0px;
  margin-top:6px;
}

div.right_sidebar ul 
{
	margin-top:0;
}

div.right_sidebar div.i_sidebar,
div.right_sidebar div.m_sidebar,
div.right_sidebar div.u_sidebar,
div.right_sidebar div.g_sidebar,
div.right_sidebar div.ns_sidebar,
div.right_sidebar div.bc_sidebar
{
  border-top:1px solid #999999 ;
  padding:0px;
  padding-top:12px;
  margin:0px;
  /* margin-top:12px; */
}
/**
 * CSS for tag-am-meer-template
 *
 * plugin:blog
 *
 * @author Dirk Haage <loco@tag-am-meer.info>
 */


div.dokuwiki div.include {
  font-size: 100%;
  padding: 0;
  margin: 10px 0 0 0;
  border: none;
  border-bottom: 1px  solid #999999;
}

div.dokuwiki div.blogmeta {
  color: #222222;
  font-size: 10px;
  line-height: 100%;
  margin-bottom: 2em;
  padding: 3px 0 3px 0;
  border-bottom: 1px  solid #999999;
}

div.dokuwiki #blog__tags {
  padding-top: 3px;
  border-top: 1px solid #999999;
  font-size: 10px;
  text-align: right;
  clear: both;
}

div.dokuwiki #blog__comment_form { clear: both; }
div.dokuwiki #blog__comment_form label input.edit { width: 50%; }
div.dokuwiki #blog__newentry_form label input.edit { width: 75%; }

div.dokuwiki a.feed {
  background: transparent url(/lib/tpl/tag-am-meer/images/rss_icon.png) 0px 3px no-repeat;
  padding: 1px 0px 1px 16px;
  color: #c60;
  text-decoration: none;
}

div.dokuwiki a.feed:hover {
  color: #c60;
  text-decoration: underline;
}
/**
 * CSS for tag-am-meer-template
 *
 * plugin:box
 *
 * @author Dirk Haage <loco@tag-am-meer.info>
 */
div.box {
  width: 50%;
  margin: 0px auto 12px auto;
  border: 0px solid;
  padding: 0px;
  overflow: hidden;
}

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

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

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

div.box p.box_title, div.box p.box_caption {
  font-size: 110%;
  margin: 0;
  padding: 0px;
  /*line-height: 1.2em;*/
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

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

div.box .box_content {
  margin: 0;
  padding: 0px;
  /*border-width: 1px;*/
  /*border-style: dashed;*/
  /*line-height: 1.2em;*/
}

/* floating alignment */

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

/* colours */
/* default */
div.box, div.box .box_content, div.box .xbox, div.box .xb1, div.box .xb2, div.box .xb3, div.box .xb4 {
  /*border-color:  #999999;*/
  border: 0px solid;
}

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

div.box p.box_title, div.box p.box_caption { background: transparent;}
div.box .box_content { background: transparent;}

/* blue */
div.box.blue, div.box.blue .box_content, div.box.blue .xbox, 
div.box.blue .xb1, div.box.blue .xb2, div.box.blue .xb3, div.box.blue .xb4 {
  border-color:  #bbbbdd;
}

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

div.box.blue p.box_title, div.box.blue p.box_caption {background: #cad0ee;}
div.box.blue .box_content {background: #f4f8fd;}

/* red */
div.box.red, div.box.red .box_content, div.box.red .xbox, 
div.box.red .xb1, div.box.red .xb2, div.box.red .xb3, div.box.red .xb4 {
  border-color:  #ddbbbb;
}

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

div.box.red p.box_title, div.box.red p.box_caption {background: #eed0ca;}
div.box.red .box_content {background: #fdf4ec;}

/* green */
div.box.green, div.box.green .box_content, div.box.green .xbox, 
div.box.green .xb1, div.box.green .xb2, div.box.green .xb3, div.box.green .xb4 {
  border-color:  #bbddbb;
}

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

div.box.green p.box_title, div.box.green p.box_caption {background: #c4e4d4;}
div.box.green .box_content {background: #ecfaf6;}

/* orange */
div.box.orange, div.box.orange .box_content, div.box.orange .xbox, 
div.box.orange .xb1, div.box.orange .xb2, div.box.orange .xb3, div.box.orange .xb4 {
  border-color:  #da3;
}

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

div.box.orange p.box_title, div.box.orange p.box_caption {background: #f0d499;}
div.box.orange .box_content {background: #f8f0da;}

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

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

/* end plugin:box */
/**
 * CSS for tag-am-meer-template
 *
 * plugin:cloud
 *
 * @author Dirk Haage <loco@tag-am-meer.info>
 */

#cloud a.cloud1 { font-size: 10px; color: #aab8c1; }
#cloud a.cloud2 { font-size: 12px; color: #93aab8; }
#cloud a.cloud3 { font-size: 14px; color: #6e93aa; }
#cloud a.cloud4 { font-size: 16px; color: #316e93; }
#cloud a.cloud5 { font-size: 18px; color: #00316e; }
/* plugin:configmanager */
#config__manager {margin: 1em;}
#config__manager div.success,
#config__manager div.error,
#config__manager div.info {
  background-position: 0.5em;
  padding: 0.5em;
  text-align:center
}

#config__manager form { }
#config__manager table {margin: 1em 0;}
#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.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select {
  background-color: #ccddff;
}

#config__manager tr.protected .input,
#config__manager tr.protected input,
#config__manager tr.default textarea,
#config__manager tr.protected select {
  background-color: #ffcccc;
}

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

/* end plugin:configmanager */
/*
 * 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 .plugins { }
#plugin__manager .plugins form { }
#plugin__manager .plugins fieldset { text-align: right; border-top:0; border-right:0; border-left:0;}
#plugin__manager .plugins .legend { color: black; display: block; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; font-weight: normal; text-align: left; float: left; padding: 0;}
#plugin__manager .plugins .button { width: 5em; font-size: 95%;}

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


/* 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;
  margin-top: 2em;
}
#user__manager input.button[disabled] {
  color: #ccc!important;
  border-color: #ccc!important;
}
/* IE won't understand but doesn't require it */
.noteclassic, .noteimportant, .notewarning, .notetip {
  margin: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 70% !important;
  min-height: 40px;
  clear: both;
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 15px 20px 15px 80px;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}
 
.noteclassic {
  border: 1px solid #99D;
  background-color: #eef;
  background-image: url(/lib/plugins/note/images/note.gif);
}
 
.noteimportant {
  border: 1px solid #db3;
  background-color: #ffc;
  background-image: url(/lib/plugins/note/images/important.gif);
}
 
.notewarning {
  border: 1px solid #d99;
  background-color: #fdd;
  background-image: url(/lib/plugins/note/images/warning.gif);
}
 
.notetip {
  border: 1px solid #9d9;
  background-color: #dfd;
  background-image: url(/lib/plugins/note/images/tip.gif);
}
#acl__manager label {
  text-align: left;
  font-weight: normal;
  display: inline;
}
#acl__manager table {
  margin-left: 10%;
  width: 80%;
}
/* Tree */
div.tree {
  margin-right: 3px;
  margin-left: 3px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  /* float: left; */
  font-size: 11px;
}

div.treeheader {
  border: 1px solid #8cacbb;
  background-color: #dee7ec;
  padding: 3px;
  font-weight:bold;
}

div.treecontent {
  /* border: 1px solid #8cacbb; */
  /* background-color: #FFFFFF; */
  padding: 3px;
  /* white-space: nowrap; */
}

.dtree {
  /* white-space: nowrap; */
}

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

.dtree a.node, .dtree a.nodeSel {
	/* white-space: nowrap; */
	padding: 1px 2px 1px 2px;
}

.dtree .clip {
	overflow: hidden;
}
table.gallery {
  margin-left: auto;
  margin-right: auto;
}

table.gallery td {
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}

table.gallery img.tn {
  padding: 4px;
  border: 1px solid #000;
}

div.gallery {
  clear: left;
  width: 80%;
  text-align: center;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}

div.gallery div {
  float: left;
}

div.gallery img.tn {
  margin: 9px;
  vertical-align: middle;
  padding: 0.4em;
  border: 1px solid #000;
}

/* for lightbox */

#gallery__lightbox {
    background-color: #eee;
    padding: 10px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}
#gallery__overlay {
    background-image: url(/lib/plugins/gallery/images/overlay.png);
}
#gallery__lightboxCaption {
    color: #333;
    background-color: #eee;
    font-size: 90%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 7px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}

* html #gallery__overlay {
    background-image: url(/lib/plugins/gallery/images/overlayie.png);
}
div.dokuwiki div.include {
  font-size: 95%;
  padding: 0.5em 0.5em 0.5em 0;
  margin-top: 1em;
  margin-left: -1px;
  margin-bottom: 0.2em;
  border: 1px dotted #dee7ec;
}
/* plugin:box */
div.box {
  width: 50%;
  margin: 1em auto;
  border: 1px solid;
  padding: 4px;
  overflow: hidden;
}

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

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

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

div.box p.box_title, div.box p.box_caption {
  font-size: 90%;
  margin: 0;
  padding: 2px 6px;
  line-height: 1.2;
}

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

div.box .box_content {
  margin: 0;
  padding: 0 6px;
  border-width: 1px;
  border-style: dashed;
  line-height: 1.2;
}

/* floating alignment */

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

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

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

div.box p.box_title, div.box p.box_caption { background: #dee7ec;}
div.box .box_content { background: #f7f9fa;}

/* blue */
div.box.blue, div.box.blue > * > .box_content, div.box.blue > .xbox, 
div.box.blue > * > .xb1, div.box.blue > * > .xb2, div.box.blue > * > .xb3, div.box.blue > * > .xb4 {
  border-color:  #bbbbdd;
}

div.box.blue, div.box.blue > .xbox, 
div.box.blue > * > .xb1, div.box.blue > * > .xb2, div.box.blue > * > .xb3, div.box.blue > * > .xb4 {
  background: #e4ecf8;
}

div.box.blue > * > p.box_title, div.box.blue > * > p.box_caption {background: #cad0ee;}
div.box.blue > * > .box_content {background: #f4f8fd;}

/* red */
div.box.red, div.box.red > * > .box_content, div.box.red > .xbox, 
div.box.red > * > .xb1, div.box.red > * > .xb2, div.box.red > * > .xb3, div.box.red > * > .xb4 {
  border-color:  #ddbbbb;
}

div.box.red, div.box.red > .xbox, 
div.box.red > * > .xb1, div.box.red > * > .xb2, div.box.red > * > .xb3, div.box.red > * > .xb4 {
  background: #f8ece4;
}

div.box.red > * > p.box_title, div.box.red > * > p.box_caption {background: #eed0ca;}
div.box.red > * > .box_content {background: #fdf4ec;}

/* green */
div.box.green, div.box.green > * > .box_content, div.box.green > .xbox, 
div.box.green > * > .xb1, div.box.green > * > .xb2, div.box.green > * > .xb3, div.box.green > * > .xb4 {
  border-color:  #bbddbb;
}

div.box.green, div.box.green > .xbox, 
div.box.green > * > .xb1, div.box.green > * > .xb2, div.box.green > * > .xb3, div.box.green > * > .xb4 {
  background: #e4f8f2;
}

div.box.green > * > p.box_title, div.box.green > * > p.box_caption {background: #c4e4d4;}
div.box.green > * > .box_content {background: #ecfaf6;}

/* orange */
div.box.orange, div.box.orange > * > .box_content, div.box.orange > .xbox, 
div.box.orange > * > .xb1, div.box.orange > * > .xb2, div.box.orange > * > .xb3, div.box.orange > * > .xb4 {
  border-color:  #da3;
}

div.box.orange, div.box.orange > .xbox, 
div.box.orange > * > .xb1, div.box.orange > * > .xb2, div.box.orange > * > .xb3, div.box.orange > * > .xb4 {
  background: #f4e8ca;
}

div.box.orange > * > p.box_title, div.box.orange > * > p.box_caption {background: #f0d499;}
div.box.orange > * > .box_content {background: #f8f0da;}

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

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

/* IE fixes for unsupported child selector \*/

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

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

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

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

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

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

* html div.box.blue p.box_title, * html div.box.blue p.box_caption {background: #cad0ee;}
* html div.box.blue .box_content {background: #f4f8fd;}

/* nested blue */
* html div.box div.box.blue .box_content, * html div.box div.box.blue .xbox, 
* html div.box div.box.blue .xb1, * html div.box div.box.blue .xb2, 
* html div.box div.box.blue .xb3, * html div.box div.box.blue .xb4 {
  border-color:  #bbbbdd;
}

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

* html div.box div.box.blue p.box_title, 
* html div.box div.box.blue p.box_caption {background: #cad0ee;}
* html div.box div.box.blue .box_content {background: #f4f8fd;}

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

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

* html div.box.red p.box_title, * html div.box.red p.box_caption {background: #eed0ca;}
* html div.box.red .box_content {background: #fdf4ec;}

/* nested red */
* html div.box div.box.red .box_content, * html div.box div.box.red .xbox, 
* html div.box div.box.red .xb1, * html div.box div.box.red .xb2, 
* html div.box div.box.red .xb3, * html div.box div.box.red .xb4 {
  border-color:  #ddbbbb;
}

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

* html div.box div.box.red p.box_title, * html div.box div.box.red p.box_caption {background: #eed0ca;}
* html div.box div.box.red .box_content {background: #fdf4ec;}

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

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

* html div.box.green p.box_title, * html div.box.green p.box_caption {background: #c4e4d4;}
* html div.box.green .box_content {background: #ecfaf6;}

/* nested green */
* html div.box div.box.green .box_content, * html div.box div.box.green .xbox, 
* html div.box div.box.green .xb1, * html div.box div.box.green .xb2, 
* html div.box div.box.green .xb3, * html div.box div.box.green .xb4 {
  border-color:  #bbddbb;
}

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

* html div.box div.box.green p.box_title, * html div.box div.box.green p.box_caption {background: #c4e4d4;}
* html div.box div.box.green .box_content {background: #ecfaf6;}

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

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

* html div.box.orange p.box_title, * html div.box.orange p.box_caption {background: #f0d499;}
* html div.box.orange .box_content {background: #f8f0da;}

/* nestedorange */
* html div.box div.box.orange .box_content, * html div.box div.box.orange .xbox, 
* html div.box div.box.orange .xb1, * html div.box div.box.orange .xb2, 
* html div.box div.box.orange .xb3, * html div.box div.box.orange .xb4 {
  border-color:  #da3;
}

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

* html div.box div.box.orange p.box_title, * html div.box div.box.orange p.box_caption {background: #f0d499;}
* html div.box div.box.orange .box_content {background: #f8f0da;}

/* end plugin:box */