/**
 * Design elements for Flare page template
 */

* { padding: 0; margin: 0; }

body {
  margin: 0 auto 0 auto;
  padding: 0;
  background-color: #3f3333;
  width: 840px;
  font-family: Verdana;
  font-size: 0.875em;
}

a { text-decoration: none; color: #833; }
a:visited { text-decoration: none; color: #833; }
a:hover { text-decoration: underline; color: #f33; }
img, a.img, a:hover.img { border: none; }

h1, h2, h3, h4, h5 {
  color: #333;
  background-color: inherit;
  font-weight: normal;
  padding: 0 0 5px 0;
  margin: 15px 0 0 0;
  border: none;
  clear: left;
}
h1 a, h2 a, h3 a, h4 a, h5 a, a.nolink,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, a:hover.nolink {
  color: #333 !important;
  text-decoration: none !important;
  border: none;
}
h1 { font-size: 18pt; margin:  5px 0 10px 0; }
h2 { font-size: 14pt; margin: 30px 0 15px 0; letter-spacing: 0.01em; border-bottom: 1px solid #ccc; }
h3 { font-size: 13pt; }
h4 { font-size: 12pt; }
h5 { font-size: 11pt; }

p, blockquote, table, pre { margin: 0 0 10px 0; }
hr { border: 0px; border-top: 1px solid #ccc; height: 0px; }

.content {
  margin: 0;
  padding: 15px 20px;
  background-color: #ffffff;
}
.article-column { margin: 0; padding: 15px 0 5px 0; }


/* -- header styles -- */
.logo, .logo:hover { margin-right: 11px; border:none; }
.logo img { margin-left: -2px;
/*padding-top: 9px;
  font-family: Futura Std Book;
  font-size: 26px;
  font-variant: small-caps;
  text-transform: uppercase;
  letter-spacing: 0.1em;*/
}
.teasers { margin: 15px 0 15px 0; }
.subtitle { padding-bottom: 10px; border-bottom: 1px solid #cccccc;
  //font-family: Futura Std Book;
  //font-size: 21px;
  //letter-spacing: 0.01em;
}


/* -- article styles -- */
.article {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  width: 600px;
}
.date {
  font-size: 15px;
  font-weight: bold;
  font-family: Georgia, Times New Roman, serif;
}
code { font-family: "Lucida Console","Courier New",Courier; }
pre, pre.code {
  font-family: "Lucida Console","Courier New",Courier;
  font-size: 12px;
  padding: 0.5em;
  border-top: 1px solid #aa5;
  border-bottom: 1px solid #aa5;
  background-color: #ffffe5;
  color: #000000;
  overflow: auto;
}


/* -- sidebar styles -- */
.sidebar {
  margin: 3px 0 0 0;
  padding: 0;
  float: right;
  width: 160px;
  font-size: 8pt;
}
.sidebar div { line-height: 12pt; margin-bottom: 25px; }
.sidebar div.clear { margin: 0; padding: 0; clear: both; }
.sidebar .space { margin-top: 10px; }
.sidebar h1 {
  font-size: 10.5pt;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.15em;
  margin: 0 0 5px 0;
  padding: 0;
}
.sidebar a, .sidebar a:visited { color: #000; }
.sidebar a:hover { color: #f33; }
.sidebar a.block {
  float: left;
  width: 152px;
  padding: 4px 2px 4px 4px;
  border: 1px solid #ddd;
  color: #000;

  font-family: Verdana, Tahoma;
  font-weight: normal;
  font-size: 7pt;
  line-height: 9pt;
  letter-spacing: 0em;
}
.sidebar a.block img { border: none; margin-bottom: 2px; }
.sidebar a.block:hover { border: 1px solid #f88; color: #f33; text-decoration: none; }
.sidebar .linkname { letter-spacing: 0.1em; font-size: 8pt; line-height: 12pt; }


/* -- footer styles -- */
.footer { padding-top: 10px; margin: 0px; border-top: 1px solid #cccccc; }
#sflogo { margin-right: 12px; }
.attribution { color: #888; font-size: 8pt; line-height: 12pt; }
.attribution a, .attribution a:visited { color: #888; text-decoration: underline; }
.attribution a:hover { color: #f33; }

/* -- wikilinks -- */
div.wikilinks { margin: 15px 0 0 0; padding: 3px 0 5px 0; font-size: 8pt; color: #888; }
div.wikilinks a, div.wikilinks a:visited { color: #888; }
div.wikilinks a:hover { color: #f33; }
div.wikilinks .bar { clear: both; }
div.wikilinks .bar-left { float: left; }
div.wikilinks .bar-right { float: right; text-align: right; }



/* ---- DOKUWIKI-SPECIFIC FORMATTING ---- */

/* the document */
div.dokuwiki div.page { }
div.dokuwiki table {  font-size: 100%; }
div.dokuwiki tr, div.dokuwiki td, div.dokuwiki th { }
div.dokuwiki img { border: 0; }
div.dokuwiki div.nothing { text-align: center; margin: 2em; }

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

div.dokuwiki form { border: none; display: inline; }
div.dokuwiki label.block { display: block; text-align: right; font-weight: bold; }
div.dokuwiki label.simple { display: block; text-align: right; font-weight: normal; }
div.dokuwiki label.block input.edit { width: 50%; }
div.dokuwiki fieldset {
  width: 300px;
  text-align: center;
  border: 1px solid #ccc;
  padding: 0.5em;
  margin: auto;
  margin-bottom: 1em;
}

div.dokuwiki textarea.edit {
  font-family: monospace;
  font-size: 14px;
  color: __text__;
  background-color: __background__;
  border: 1px solid __border__;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

div.dokuwiki input.edit,
div.dokuwiki select.edit {
  font-size: 100%;
  border: 1px solid __border__;
  color: __text__;
  background-color: __background__;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

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

div.dokuwiki input.missing {
  font-size: 100%;
  border: 1px solid __border__;
  color: __text__;
  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 select.edit[disabled] {
  background-color: __background_neu__!important;
  color: __text_neu__!important;
}

/* edit form */
div.dokuwiki div.toolbar,
div.dokuwiki div#wiki__editbar {
   margin: 2px 0;
   text-align: left;
}
div.dokuwiki div#size__ctl {
   float: right;
   width: 60px;
   height: 2.7em;
}
div.dokuwiki #size__ctl img {
   cursor: pointer;
}
div.dokuwiki div#wiki__editbar div.editButtons {
   float: left;
   padding: 0 1.0em 0.7em 0;
}
div.dokuwiki div#wiki__editbar div.summary {
   float: left;
   margin-bottom: 15px;
}
div.dokuwiki .nowrap {
   white-space: nowrap;
}
div.dokuwiki div#draft__status {
  float: right;
  color: __text_alt__;
}

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


div.dokuwiki input.button,
div.dokuwiki button.button {
  border: 1px solid __border__;
  color: __text__;
  background-color: __background__;
  vertical-align: middle;
  text-decoration: none;
  font-size: 100%;
  cursor: pointer;
  margin: 1px;
  padding: 0.125em 0.4em;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.button,
html>body div.dokuwiki button.button {
  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
}

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

div.dokuwiki div.secedit input.button {
  border: 1px solid __border__;
  color: __text__;
  background-color: __background__;
  vertical-align: middle;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 10px;
  cursor: pointer;
  float: right;
  display: inline;
}

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

div.dokuwiki div.pagenav {
    margin: 1em 0 0 0;
}

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

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

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

/* external link */
div.dokuwiki a.urlextern {
  /*background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;*/
}

/* windows share */
div.dokuwiki a.windows {
  /*background: transparent url(images/windows.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;*/
}

/* interwiki link (icon are set by dokuwiki) */
div.dokuwiki a.interwiki {
}

/* link to some embedded media */
div.dokuwiki a.media {
}

/* email link */
div.dokuwiki a.mail {
  /*background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;*/
}

/* not existing wikipage */
div.dokuwiki a.wikilink2 {
  color: __missing__ !important;
  text-decoration: none !important;
  border-bottom: dashed 1px __missing__ !important;
}

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

div.dokuwiki div.preview { padding-top: 10px; border-top: 1px dashed #3f3333; }
div.dokuwiki div.breadcrumbs { background-color: __background_neu__; color: __text_neu__; font-size: 80%; padding: 0 0 0 4px; }
div.dokuwiki span.user { color: __text_other__; font-size: 90%; }
div.dokuwiki li.minor { color: __text_neu__; font-style: italic; }

/* embedded images */
div.dokuwiki img.media { margin: 3px; }
div.dokuwiki img.medialeft { border: 0; float: left; margin: 0 1.5em 0 0; }
div.dokuwiki img.mediaright { border: 0; float: right; margin: 0 0 0 1.5em; }
div.dokuwiki img.mediacenter { border: 0; display: block; margin: 0 auto; }
/* smileys */
div.dokuwiki img.middle { vertical-align: middle; }
div.dokuwiki acronym { cursor: help; border-bottom: 1px dotted __text__; }

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

/* lists */
ul { line-height: 1.4em; list-style-type: square; list-style-image: none; margin: 0 0 0.5em 1.2em; color: __text_alt__; }
ol { line-height: 1.4em; list-style-image: none; margin: 0 0 0.5em 2em; color: __text_alt__; font-weight: bold; }
.li { color: __text__; 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(images/open.gif); }
li.closed { list-style-image: url(images/closed.gif); }
li.level1 ul, li.level1 ol { margin-top: 0.5em; }
li.level2 ul, li.level2 ol { margin-top: 0; }

/* blockquotes and code */
/*div.dokuwiki blockquote { border-left: 2px solid __border__; padding-left: 3px; }
div.dokuwiki pre.pre { background-color: __background_other__; }
div.dokuwiki pre.file { background-color: __background_alt__; }*/

/* inline tables */
div.dokuwiki table.inline { background-color: __background__; border-spacing: 0px; border-collapse: collapse; }
div.dokuwiki table.inline th { padding: 3px; border: 1px solid __border__; background-color: __background_alt__; }
div.dokuwiki table.inline td { padding: 3px; border: 1px solid __border__; }

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

div.toc {
  margin: 0 0 20px 0;
  padding: 0;
}

div.toc div {
  margin: 0 0 2px 0;
  padding: 0;
}

div.tocheader {
  text-align: left;
  text-transform: lowercase;
  font-size: 10.5pt;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.15em;
  margin: 0;
  padding: 0;
}

div.toc span.toc_open,
div.toc span.toc_close {
    float: right;
    display: block;
}

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

div.toc span.toc_open {
    margin-top: 0;
}

div.toc span.toc_close {
    margin-top: 0;
}

div.toc #toc__inside {
  text-align: left;
  margin-top: 5px;
}

ul.toc {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}

ul.toc li {
  background: transparent url(images/tocdot2.gif) 0 0.7em no-repeat;
  margin: 0.1em;
  padding: 0 0 0 0.6em;
}

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

ul.toc li.level3 {
  font-size: 7pt;
}

/* undo previous spacing rule */
ul.toc li.level1 ul, 
ul.toc li.level1 ol {
  margin: 0;
}


/* ---------------------------- Diff rendering --------------------------*/
div.dokuwiki table.diff { background-color: __background__; width: 100%; }
div.dokuwiki td.diff-blockheader { font-weight: bold; }
div.dokuwiki table.diff th { border-bottom: 1px solid __border__; font-size: 120%; width: 50%; font-weight: normal; text-align: left; }
div.dokuwiki table.diff td { font-family: monospace; font-size: 100%; }
div.dokuwiki td.diff-addedline { background-color: #ddffdd; }
div.dokuwiki td.diff-deletedline { background-color: #ffffbb; }
div.dokuwiki td.diff-context { background-color: __background_neu__; }
div.dokuwiki table.diff td.diff-addedline strong, div.dokuwiki table.diff td.diff-deletedline strong { color: red; }

/* --------------------- footnotes -------------------------------- */
div.dokuwiki div.footnotes { clear: both; border-top: 1px solid __border__; padding-left: 1em; margin-top: 1em; }
div.dokuwiki div.fn { font-size: 90%; }
div.dokuwiki a.fn_bot { font-weight: bold; }
div.insitu-footnote { font-size: 80%; line-height: 1.2em; border: 1px solid __border__;
  background-color: __background_other__;  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 --------------- */
div.dokuwiki .search_result { margin-bottom: 6px; padding: 0 10px 0 30px; }
div.dokuwiki .search_snippet { color: __text_other__; font-size: 12px; margin-left: 20px; }
div.dokuwiki .search_sep { color: __text__; }
div.dokuwiki .search_hit { color: __text__; background-color: __highlight__; }
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 __border__; }
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%; }

/* ------------------ Additional ---------------------- */
div.footerinc { text-align: center; }
.footerinc a img { opacity: 0.5; border: 0; }
.footerinc a:hover img { opacity: 1; }

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

div.dokuwiki div.ajax_qsearch {
  position: absolute;
  right: 237px;;
  width: 200px;
  opacity: 0.9;
  display: none;
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid __border__;
  background-color: __background_other__;
  text-align: left;
  padding: 4px;
}

/* --------- Toolbar -------------------- */
button.toolbutton {
  background-color: __background__;
  padding: 0px;
  margin: 0 1px 0 0;
  border: 1px solid __border__;
  cursor: pointer;
}

/* nice alphatransparency background except for IE <7 */
html>body button.toolbutton {
  background:  __background__ url(images/buttonshadow.png) repeat-x bottom;
}

div.picker {
  width: 250px;
  border: 1px solid __border__;
  background-color: __background_alt__;
}

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

/* ---------------  Image Details  ----------------- */
div.dokuwiki div.img_big { float: left; margin-right: 0.5em; }
div.dokuwiki dl.img_tags dt { font-weight: bold; background-color: __background_alt__; }
div.dokuwiki dl.img_tags dd { background-color: __background_neu__; }
div.dokuwiki div.imagemeta { color: __text_neu__; font-size: 70%; line-height: 95%; }
div.dokuwiki div.imagemeta img.thumb { float:left; margin-right: 0.1em; }


/* ---- PLUG-IN OVERWRITES ---- */

#user__manager table { font-size: 80%; }

#plugin__manager { font-size: 85% }
#plugin__manager .pm_menu { width: 60%; }
#plugin__manager .pm_info { width: 35%; font-size: 7pt; }

#config__manager { font-size: 85% }
#config__manager td.label span.outkey { font-size: 7pt; margin-top: -2.2em; }

div#acl_manager div#acl__tree { height: 500px; }
div#acl_manager div#acl__detail { height: 500px; }
div#acl_manager .level2 { font-size: 80%; }