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

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

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

.hidden {
  display: none;
}

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

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

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

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


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

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

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


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

/*
 * admin plugin extension - style additions
 *
 * @author  Christopher Smith  chris@jalakai.co.uk
 * @link    http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/adminplugin
 */

/* overall containing div */
#plugin__manager {}

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

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

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

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

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

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

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

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

/* end admin plugin styles */
.wikiblock {
	padding: 1em 1em 1em 65px;
	margin: 1em 0;
	min-height: 40px;
	background-color: #EDEDE8;
	background-repeat: no-repeat;
	background-position: 10px 10px;
}.wikinote {
  margin: 2em;
  margin-left: auto;
  margin-right: auto;
  min-height: 40px;
  clear: both;
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 0.5em 1em 0.5em 36px;
  background-position: 5px 0.5em;
  background-repeat: no-repeat;
}

.wikinote .note-title {
	margin: 0;
}
.wikinote .note-title strong {
	color: #666;
}
.wikinote p {
	margin: 0 0 1em 0;
}

.noteclassic {
  /*border: 1px solid #99D;*/
  background-color: #eef;
  background-image: url(/lib/plugins/note/images/note.png);
}
 
.noteimportant {
  /*border: 1px solid #ff0;*/
  background-color: #ffc;
  background-image: url(/lib/plugins/note/images/important.png);
}
 
.notewarning {
  /*border: 1px solid #d99;*/
  background-color: #fdd;
  background-image: url(/lib/plugins/note/images/warning.png);
}
 
.notetip {
  /*border: 1px solid #9d9;*/
  background-color: #dfd;
  background-image: url(/lib/plugins/note/images/tip.png);
}
/* plugin: definitionlist */
 
dl, dt, dd {margin: 0; padding: 0}
 
dl {
  
  padding-top: 1px;
}
 
html>body dl {
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #e0e0e0;
}
 
dl:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
 
dt {
  clear: left;
  margin-top: 0.5em;
  font-weight: bold;
}
 
dt+dt {
  margin-top: 0;
}
 
dd+dt {
  border-top: 1px dashed #e0e0e0;
  padding-top: 0.5em;
}
 
dt span.term {
  float: left;
  width: 140px;
  text-align: left;
}
 
dd {
  margin-left: 160px;
}
 
dd p {
  margin: 0;
  padding: 0;
}
 
* html dl { height: 1px; }
 
/* reset above style to prevent messing up plugin manager */
#plugin_manager dd { background-image: none;}
 
/* end plugin: definitionlist */#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: #c5c7a5;
  color: #000;
  padding: 0 1em;
}
#config__manager legend {
    font-size: 1.25em;
}

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

#config__manager fieldset td {
    text-align: left;
}
#config__manager fieldset td.value {
    /* fixed data column width */
    width: 30em;
}
#config__manager td 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 */
/* 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 */
.questions {
	margin: 2em 0 1em;
	padding: 0.5em 1em;
	background: #c5c7a5;
}

.question-info p.note-title {
	margin-bottom : 10px;
}

.question_form {
	display: block;
	margin: 0;
	padding: 0.5em;
	border: 1px solid #a09a81;
	background: #c5c7a5;
}

.question_form input, .question_form textarea {
	border-width: 1px;
}
.question_form textarea {
	width: 99% !important;
}
.question_form label {
	font-weight : bold;
}
#gq_content {
	display: block;
}
#breadcrumbs {
	margin-top: 1em;
	padding-bottom: 3px;
	color: #000;
}

#page-blocks {
	margin-top: 3em;
}

#page-licence {
	padding: 1em;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background: #a09a81;
	font-size: 90%;
}
#page-licence img {
	display: block;
	float: left;
	width: 88px;
}
#page-licence p {
	margin: 0 0 0 100px;
}

#page-actions {
	margin: 0 0 0.5em 0;
	padding-top: 3px;
	border-top: 1px solid #a09a81;
	list-style: none;
}
#page-actions li {
	display: inline;
	margin: 0;
	padding: 0;
}
#page-actions li:after {
	content: " -";
}
#page-actions li:last-child:after {
	content: "";
}

#page-edit, #new-question, #ask_show_questions {
	font-weight: bold;
}

#page-info {
	margin: 0;
	color: #000;
	font-size: 90%;
}
#user-trace {
	margin-top: 0.1em;
	font-size: 90%;
}

#pdf-link {
	position: absolute;
	top: -1em;
	right: 0;
	margin: 0;
	padding: 0 0 0 18px;
	background: transparent url(/lib/tpl/gandi/images/pdf.gif) no-repeat 0 0;
	font-size: 0.9em;
	font-weight: bold;
}

.page_toc {
	float: right;
	width: 180px;
	margin-top: 0;
	margin-left: 20px;
	padding-left: 24px;
	background: #edede8 url(/lib/tpl/gandi/images/sb_title_toc.png) no-repeat 0 50%;
	text-align: left;
}
.page_toc h2 {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.page_toc a {
	font-weight: normal;
}

/**
 * Design elements for default Template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <henke@cosmocode.de>
 */

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


/* the document */
div.dokuwiki div.page {
  text-align: justify;
  position: relative;
}


div.dokuwiki hr {
  border: 0px;
  border-top: 1px solid #a09a81;
  text-align: center;
  height: 0px;
}

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

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

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

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

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

div.dokuwiki fieldset {
  width: 300px;
  text-align: center;
  border: 1px solid #a09a81;
  padding: 0.5em;
  margin: auto;
}

div.dokuwiki textarea.edit {
  font-family: "Andale Mono","Courier New",monospace;
  font-size: 1.1em;
  color: #000;
  background-color: #fff;
  border: 1px solid #a09a81;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

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

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

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

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

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

/* disabled style - not understood by IE */
div.dokuwiki textarea.edit[disabled],
div.dokuwiki textarea.edit[readonly],
div.dokuwiki input.edit[disabled],
div.dokuwiki input.edit[readonly],
div.dokuwiki select.edit[disabled] {
  background-color: #dfe0c5!important;
  color: #4b483a!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 {
   clear: left;
}
div.dokuwiki .nowrap {
   white-space: nowrap;
}
div.dokuwiki div#draft__status {
  color: #000;
}

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


div.dokuwiki input.button,
div.dokuwiki button.button {
  border: 1px solid #a09a81;
  color: #000;
  background-color: #fff;
  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:  #fff url(/lib/tpl/gandi/images/buttonshadow.png) repeat-x bottom;
}

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

div.secedit {
	text-align: right;
}
div.dokuwiki div.secedit input.button {
  margin-top: -1em;
  padding: 1px;
  display: inline;
  font-size: 0.8em;
  cursor: pointer;
  background: none;
  color: #666;
}

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


/* --------------- Links ------------------ */
div.dokuwiki h2,
div.dokuwiki h3,
div.dokuwiki h4,
div.dokuwiki h5,
div.dokuwiki h6 {
	clear: left;
}
div.dokuwiki h2 {
	border-bottom: 1px solid #ddd;
}

div.dokuwiki h1 a,
div.dokuwiki h2 a,
div.dokuwiki h3 a,
div.dokuwiki h4 a,
div.dokuwiki h5 a,
div.dokuwiki a.nolink {
  color: inherit;
  text-decoration: none !important;
}

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

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

/* interwiki link (icon are set by dokuwiki) */
div.dokuwiki a.interwiki {
	background: transparent url(/lib/images/interwiki.png) no-repeat right center;
	padding: 0 16px 0 0;
}

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

div.dokuwiki a.urlextern:link,
div.dokuwiki a.windows:link,
div.dokuwiki a.interwiki:link {
  color: #436976;
}

div.dokuwiki a.urlextern:visited,
div.dokuwiki a.windows:visited,
div.dokuwiki a.interwiki:visited {
  /*color: purple;*/
}
div.dokuwiki a.urlextern:hover,
div.dokuwiki a.urlextern:active,
div.dokuwiki a.windows:hover,
div.dokuwiki a.windows:active,
div.dokuwiki a.interwiki:hover,
div.dokuwiki a.interwiki:active {
  /*color: #000;*/
}

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

/* existing wikipage */
div.dokuwiki a.wikilink1 {
}

/* not existing wikipage */
div.dokuwiki a.wikilink2 {
  color: #c00 !important;
}

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

div.dokuwiki div.preview {
  background-color: #dfe0c5;
  margin: 0;
  padding: 0.5em;
  border: 1px dotted #000;
}
#scroll__here {
	clear: both;
}

div.dokuwiki li.minor {
  color: #4b483a;
  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 #000;
}

/* general headline setup */
div.dokuwiki h1,
div.dokuwiki h2,
div.dokuwiki h3,
div.dokuwiki h4,
div.dokuwiki h5 {
    color: #000;
    background-color: inherit;
    font-size: 100%;
    margin: 0 0 1em 0;
    padding: 0.5em 0 0 0;
    clear: left;
}

/* special headlines */
div.dokuwiki h1 {
	font: bold 1.7em "Georgia","Times New Roman","New York",serif;
	color: #ba6912;
	color: #ba6912;
}
div.dokuwiki h2 {
	font: normal 1.3em "Georgia","Times New Roman","New York",serif;
	color: #030e1a;
	font-weight : bold;
}
div.dokuwiki h3 {
	font-size: 1.1em;
	font-weight: bold;
}
div.dokuwiki h4 {
	font-size: 1em;
	font-weight: bold;
}
div.dokuwiki h5 {
	font-size: 0.95em;
	font-weight: bold;
}


/* indent different sections */
/*
div.dokuwiki div.level1 {margin-left: 3px;}
div.dokuwiki div.level2 {margin-left: 23px;}
div.dokuwiki div.level3 {margin-left: 43px;}
div.dokuwiki div.level4 {margin-left: 63px;}
div.dokuwiki div.level5 {margin-left: 83px;}
*/


div.dokuwiki li.open {
  list-style-image: url(/lib/tpl/gandi/images/open.gif);
}

div.dokuwiki li.closed {
  list-style-image: url(/lib/tpl/gandi/images/closed.gif);
}

div.dokuwiki blockquote {
  border-left: 2px solid #a09a81;
  padding-left: 3px;
}

div.dokuwiki pre {
  
}

/* code blocks by indention */
div.dokuwiki pre.pre {
  background-color: #a09a81;
}

/* code blocks by code tag */
div.dokuwiki pre.code {
  background-color: #a09a81;
}

/* inline code words */
div.dokuwiki code {
}

/* code blocks by file tag */
div.dokuwiki pre.file {
  background-color: #c5c7a5;
}

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

div.dokuwiki table.inline th {
  padding: 3px;
  border: 1px solid #a09a81;
  background-color: #c5c7a5;
}

div.dokuwiki table.inline td {
  padding: 3px;
  border: 1px solid #a09a81;
}

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

div.dokuwiki div.toc {
  margin: 1em 0 1em 1em;
  padding: 0;
  float: right;
  width: 180px;
  background: #c5c7a5;
  text-align: left;
  font-size: 0.9em;
}

div.dokuwiki div.tocheader {
  background: none;
  border: 1px solid #a6a885;
  margin: 0;
  padding: 0.2em 0 0.2em 0.2em;
  font: bold 1.1em Arial,Helvetica,sans-serif;
  color: #000;
}

div.dokuwiki #toc__inside {
	background: #efefe4;
	border: 1px solid #a6a885;
	padding: 0.5em 0.5em;
}

div.dokuwiki span.toc_open,
div.dokuwiki span.toc_close {
    border: 5px solid #c5c7a5;
    float: right;
    display: block;
    margin: 5px 3px 0 0;
}

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

div.dokuwiki span.toc_open {
    margin-top: 5px;
    border-top: 5px solid #000;
}

div.dokuwiki span.toc_close {
    margin-top: 0;
    border-bottom: 5px solid #000;
}

div.dokuwiki ul.toc {
}

div.dokuwiki ul.toc li {
}

div.dokuwiki ul.toc li.clear {
}

div.dokuwiki a.toc:link,
div.dokuwiki a.toc:visited {
  font-weight: normal;
}

div.dokuwiki a.toc:hover,
div.dokuwiki a.toc:active {
  font-weight: normal;
}

/* ---------------------------- Diff rendering --------------------------*/
div.dokuwiki table.diff {
  background-color: #fff;
  width: 100%;
}
div.dokuwiki td.diff-blockheader {
  font-weight: bold;
}
div.dokuwiki table.diff th {
  border-bottom: 1px solid #a09a81;
  font-size: 100%;
  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: #dfe0c5;
}
div.dokuwiki span.diffchange {
  color: red;
}

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

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

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

div.dokuwiki a.fn_top {
  vertical-align: super;
  font-size: 80%;
}

div.dokuwiki a.fn_bot {
  vertical-align: super;
  font-size: 80%;
  font-weight: bold;
}

/* insitu-footnotes */
div.insitu-footnote {
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid #a09a81;
  background-color: #a09a81;
  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: #000;
  font-size: 12px;
  margin-left: 20px;
}

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

div.dokuwiki .search_hit {
  color: #000;
  background-color: #ff9;
}

div.dokuwiki div.search_quickresult {
  margin: 0 0 15px 30px;
  padding: 0 10px 10px 0;
  border-bottom: 1px dashed #a09a81;
}
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: 45%;
}
div.dokuwiki ul.search_quickhits li a {
	display : block;
	overflow : hidden;
}

/* ------------------ 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 #a09a81;
  background-color: #a09a81;
  text-align: left;
  padding: 4px;
}

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

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

div.picker {
  width: 250px;
  border: 1px solid #a09a81;
  background-color: #c5c7a5;
}

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

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

div.dokuwiki a.spell_error {
  color: #f00;
  text-decoration: underline;
}

div.dokuwiki div#spell__suggest {
  background-color: #fff;
  padding: 2px;
  border: 1px solid #000;
  font-size: 80%;
  display: none;
}

div.dokuwiki div#spell__result {
  border: 1px solid #a09a81;
  color: #000;
  font-size: 14px;
  padding: 3px;
  background-color: #a09a81;
  display: none;
}

div.dokuwiki span.spell_noerr {
  color: #093;
}

div.dokuwiki span.spell_wait {
  color: #06c;
}

/* ---------------  Image Details  ----------------- */
#image-detail {
	background: #fff;
	padding: 1em;
}

div.dokuwiki div.img_big {
  float: left;
  padding: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
}

div.dokuwiki dl.img_tags {
	clear: left;
	border: none;
}
div.dokuwiki dl.img_tags dt {
  font-weight: bold;
  clear: left;
  float: left;
  width: 12em;
  margin: 0;
  border-top: none;
}
div.dokuwiki dl.img_tags dd {
  margin: 0;
}

div.dokuwiki div.imagemeta {
  color: #4b483a;
  font-size: 70%;
  line-height: 95%;
}

div.dokuwiki div.imagemeta img.thumb {
  float:left;
  margin-right: 0.1em;
}
body {
	background: #a09a81;
	color: #000;
	margin: 16px 0;
	font-family : Tahoma,Arial,Helvetica,sans-serif;
	line-height: 1.5;
}

body.font-small  { font-size : 62.5%; }
body.font-medium { font-size : 70%; }
body.font-big    { font-size : 80%; }

address {
	font-style: normal;
}
img {
	border: none;
}
table {
	font-size: 1em;
}
p {
	margin: 1em 0;
}
blockquote {
	margin-left: 2em;
}

pre, code, div.dokuwiki pre.code {
	font: 1em "Andale Mono","DejaVu Sans Mono","Courier New",Courier,monospace;
	background-color : #c5c7a5;
}
div.dokuwiki pre.code {
	background-color : #E8E9D5;
	border : solid 1px #C5C7A5;
}
pre {
	margin: 1em 0;
	padding: 0.5em;
	overflow: auto;
}



/* Links */
a:link, a:visited {
	color : #686928;
}
a:hover, a:focus, a:active, a:link:hover, a:link:visited, a:hover:visited {
	text-decoration: none;
}
a[name]:hover {
	color: inherit;
}


/* Lists */
ul {
	display: block;
	list-style: disc;
	margin: 0 0 0 16px;
	padding: 0;
}
ul ul {
	list-style: circle;
}
ul ul ul {
	list-style: square;
}
ol {
	margin: 0 0 0 20px;
	padding: 0;
	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 {
	margin: 0.2em 0 0.3em;
}

dl {
	margin: 1em 0;
}
dt {
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: bold;
}
dd {
	margin: 0 0 0 1em;
	padding: 0;
}

/* Layout
-------------------------------------------------------- */
#d-top, #d-main, #d-footer {
	width: 860px;
	margin: 0 auto;
}

#d-top {
	position: relative;
	background: #624740 url(/lib/tpl/gandi/images/top_bg_en.png) no-repeat top left;
	color: #b1a598;
	height: 108px;
}
#d-top.top-fr {
	background-image: url(/lib/tpl/gandi/images/top_bg_fr.png);
}
#d-top h1 {
	margin: 0;
	padding: 0;
}
#d-top h1 a {
	display: block;
	position: absolute;
	z-index: 2000;
	top: 40px;
	width: 235px;
	height: 50px;
	margin-left: 20px;
	text-indent: -10000px;
}

#d-main {
	background: #dfe0c5;
	color: #4b483a;
	padding: 10px 0;
	font-size: 1.1em;
	overflow: hidden;
}

#d-container {
	margin: 0;
	padding: 0;
	background: transparent  url(/lib/tpl/gandi/images/sidebar_bg.png) repeat-y 180px 0;
}

#d-menu {
	width: 165px;
	float: left;
	padding: 1em 0;
}
#d-container {
	margin-left: -180px;
	width: 100%;
	float: right;
}
#d-content {
	margin-left: 180px;
	padding: 1px 20px 0 15px;
}
#d-page-info {
	clear: both;
	padding: 10px 0 0 0;
}
#d-footer {
	clear: both;
	background: #c5c7a5 url(/lib/tpl/gandi/images/bottom_bg.png) no-repeat bottom left;
	color: #000;
	padding: 1em 0;
	overflow: hidden;
}
#d-footer p {
	margin: 0;
	padding: 0 20px;
}
#d-footer .license {
	width: 60%;
	float: left;
	margin: 0 10px 0 0;
}
#d-footer .license img {
	float: left;
	margin: 0 5px 0 0;
}
#d-footer .poweredby {
	padding-top: 1.5em;
	text-align: right;
}

/* Menu details
-------------------------------------------------------- */
#d-menu a {
	color: #000;
	text-decoration: none;
}
#d-menu a:hover, #d-menu a:focus {
	text-decoration: underline;
}
#d-menu ul {
	display: block;
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	background: transparent url(/lib/tpl/gandi/images/menu_list_bg.png) no-repeat 10px 100%;
}
#d-menu li {
	margin: 0.2em 0 0 15px;
	padding: 0;
	font-weight: bold;
	background: transparent url(/lib/tpl/gandi/images/menu_item1.png) no-repeat 0 0.3em;
	padding-left: 16px;
}
#d-menu li ul {
	background: none;
	padding: 0;
}
#d-menu li li {
	font-weight: normal;
	padding-left: 16px;
	margin-left: 0;
	background-image: url(/lib/tpl/gandi/images/menu_item3.png);
}
#d-menu ul.home-menu li {
	background-image: url(/lib/tpl/gandi/images/menu_item2.png);
}
#d-menu ul.actions-menu {
	margin: 2em 0 0 0;
}
#d-menu ul.actions-menu li {
	margin: 0;
	background: none;
	font-weight: normal;
}
#d-menu ul.actions-menu a {
	text-decoration: underline;
}
#d-menu ul.actions-menu a:hover, #d-menu ul.actions-menu a:focus {
	text-decoration: none;
}


/* Top lip
-------------------------------------------------------- */
#d-top-lip {
	position: absolute;
	top: 4px;
	right: 40px;
	background: #a09a81 url(/lib/tpl/gandi/images/top_lip_l.png) no-repeat bottom left;
	color: #000;
	height : 27px;
	width : 22em;
	padding-left: 20em;
}
#d-top-lip p {
	display : block;
	float : right;
	margin: 0;
	margin-top : 2px;
	height : 25px;
	padding: 0 8px 0 2px;
	background: transparent url(/lib/tpl/gandi/images/top_lip_r.png) no-repeat bottom right;
}
* html #d-top-lip p {
	margin-top : 4px;
	height : 23px;
}
#d-top-lip img {
	vertical-align: text-top;
}



/* search
-------------------------------------------------------- */
#search-box {
	position : absolute;
	top : 4px;
	left : 8px;
}
#search-box input {
	margin: 0;
	padding: 1px 2px;
	border: 1px solid #A5ACB4;
}
#search-box form#search input.input_text {
	border: 1px solid #000;
	margin: 0 6px;
	width : 10em;
	font-size : 90%;
}
#search-box form#search input.input_submit {
	padding: 0 3px;
	border: none;
	background: #BA6913;
	color: #FFF;
	font-weight: normal;
	font-size : 90%;
}


/* User info
-------------------------------------------------------- */
#d-userinfo {
     position: absolute;
     top: 50px;
     right: 40px;
     color: #b1a598;
     background: transparent;
	font-size: 1.1em;
}
#d-userinfo p, #d-userinfo fieldset {
     margin: 0 auto;
	padding: 0;
	border: none;
}
#d-userinfo img {
	vertical-align: bottom;
	margin-right: 10px;
}
#d-userinfo a {
	color: #b1a598;
}

#d-userinfo input {
	border: 1px solid #2c231e;
	background: #dfe0c5;
	font-size: 10px;
}
#d-userinfo input.submit {
	background: #a09a81;
	border: none;
	color: #dfe0c5;
}

/* Tabs
-------------------------------------------------------- */
#d-tabs {
	position: absolute;
	top: 84px;
	right: 40px;
	float: left;
}
#d-tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#d-tabs li {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	background: #4c342e url(/lib/tpl/gandi/images/tab_l.png) no-repeat top left;
}
#d-tabs a {
	display: block;
	padding: 3px 15px 7px;
	height: 14px;
	width: 50px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.1em;
	background: transparent url(/lib/tpl/gandi/images/tab_r.png) no-repeat top right;
}
#d-tabs li.tab-active {
	background-color: #cacab7;
	background-image: url(/lib/tpl/gandi/images/tab_a_l.png);
}
#d-tabs li.tab-active a {
	background-image: url(/lib/tpl/gandi/images/tab_a_r.png);
	color: #624740;
	font-weight: bold;
}


/* ----------------------------------------------------- */

div.error {
	padding-top: 1em;
	padding-bottom: 1em;
	background-position: 5px 50%;
}

.wikinote.noteclassic, .wikinote.notetip, .wikinote.noteimportant, .wikinote.notewarning {
	background-color: #c5c7a5;
	padding-left: 70px;
}
.wikinote .note-title strong {
	color: #000;
}
.wikinote.noteclassic {
	background-image: url(/lib/tpl/gandi/images/icon_note.png);
}
.wikinote.notetip {
	background-image: url(/lib/tpl/gandi/images/icon_astuce.png);
}
.wikinote.noteimportant {
	background-image: url(/lib/tpl/gandi/images/icon_important.png);
}
.wikinote.notewarning {
	background-image: url(/lib/tpl/gandi/images/icon_warning.png);
}

.dokuwiki .questions h2 {
	border: none;
	margin: 0 0 10px 0;
	padding-left: 24px;
	padding-bottom: 3px;
	background: transparent url(/lib/tpl/gandi/images/icon_questions.png) no-repeat bottom left;
}

.dokuwiki #questions_rss_filter {
	margin-top : 2em;
}
.dokuwiki #questions_rss_filter img {
	vertical-align: middle;
}

.dokuwiki .questions form select, .dokuwiki .questions form input {
	font-size : 90%;
}

/* rounded
-------------------------------------------------------- */
.rnd-js {
	margin-top: 0;
	margin-bottom: 0;
}
.rnd-top {
	overflow: hidden;
	background: #c5c7a5 url(/lib/tpl/gandi/images/rnd-top.png) no-repeat top left;
	padding: 10px 0 0 0;
	margin-top: 1em;
	margin-bottom: 1em;
	clear : both;
}
.rnd-bottom {
	overflow: hidden;
	background: #c5c7a5 url(/lib/tpl/gandi/images/rnd-bottom.png) no-repeat bottom left;
	padding: 0 0 10px 0;
}

/* buttons
-------------------------------------------------------- */
p#page-edit, p#new-question {
	margin-top : 0;
	height : 2.5em;
	position : relative;
}
#page-edit a, #new-question a {
	color: #fff;
	padding: 10px 0 10px 25px;
	text-decoration: none;
	position : absolute;
	top : 0;
	right : 0;
}
#page-edit a {
	background: transparent url(/lib/tpl/gandi/images/bt_edit.png) no-repeat 0 50%;
}
p#new-question {
	margin-top : -1em;
}
#new-question a {
	background: transparent url(/lib/tpl/gandi/images/bt_question.png) no-repeat 0 50%;
}
#page-edit a strong, #new-question a strong {
	background: transparent url(/lib/tpl/gandi/images/bt_bg.png) no-repeat 100% 50%;
	padding: 10px 5px 10px 0;
	font-weight: normal;
}
/* ------------ */
p#ask_show_questions {
	margin-top : 0;
	height : 1.5em;
	position : relative;
}

#ask_show_questions a {
	background: transparent url(/lib/tpl/gandi/images/icon_questions_small.png) no-repeat left 50%;
	padding: 5px 0px 3px 20px;
	text-decoration: none;
	position : absolute;
	top : 0;
	right : 0;
}
#ask_show_questions a strong{
	background: transparent url(/lib/tpl/gandi/images/arrow_bottom.png) no-repeat right 50%;
	padding: 5px 10px 3px 0;
	color : black;
	text-decoration: underline;
}

/* you are here
-------------------------------------------------------- */
#yah {
	padding: 0;
}
#yah .yah-ns, #yah .yah-t {
	background: #c5c7a5 url(/lib/tpl/gandi/images/yah-arrow.png) no-repeat 100% 50%;
	padding: 3px 12px 3px 6px;
	line-height : 2em;
}
#yah .yah-ns a {
	background: transparent;
	text-decoration: none;
}
#yah .yah-ns a:hover, #yah .yah-ns a:focus {
	color: #000;
}
#yah .yah-l {
	background-image: url(/lib/tpl/gandi/images/yah-arrow-end.png);
	font-weight: bold;
}
#yah .yah-s {
	display: none;
}

/* breadcrumbs
-------------------------------------------------------- */
#breadcrumbs {
	margin-top : 17px;
}

/* flags 
-------------------------------------------------------- */
#d-flags {
	float : right;
}
#d-flags ul {
	margin-right:0pt;
}
#d-flags ul li {
	display : inline;
}

/* font-sizes
-------------------------------------------------------- */
#font-sizes a { 
	margin-right : 5px; 
	text-decoration : underline; 
	color: #4b483a;
}
#font-sizes .font-small  { font-size : 10px; }
#font-sizes .font-medium { font-size : 12px; }
#font-sizes .font-big    { font-size : 14px; }
body.font-small #font-sizes .font-small,
body.font-medium #font-sizes .font-medium,
body.font-big #font-sizes .font-big { font-weight : bold; text-decoration : none; }

/* special block 
-------------------------------------------------------- */
.wikiblock.longcode {
	margin: 1em 0;
	padding: 0.5em;
	height : 200px;
	overflow : auto;
	font: 1em "Andale Mono","DejaVu Sans Mono","Courier New",Courier,monospace;
	background-color : #c5c7a5;
}
/**
 * The CSS in here cotrols the appearance of the media manager
 */
#media-manager {
	background: #fff;
	
}

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

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

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

#media__right {
    width: 69.7%;

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

#media__manager h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;
}

/* --- 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 #fff;
}/* I don't understand this, but this fixes a style bug in IE;
it's dirty, so any "real" fixes are welcome */

/* --- options --- */

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

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

#media__opts label {
    display: block;
    float: left;
    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 #a09a81;
}

#media__content .odd, #media__content .even {
    border-bottom: 1px solid #a09a81;
    padding: 0.4em;
}

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

#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: #4b483a;
    margin-left: 1em;
}

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

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

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

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