/* Mostly based on Moinmoin CSS, Copyright by some of them, the rest is
Public Domain. */

body {
    background-color: #ddd;
    color: black;
    font-family: sans-serif;
    font-size: 1em;
    margin: 0;
    padding-bottom: 3ex;
}

/* links */

a {color: rgb(201,73,73) ;}
a:hover {color: rgb(165,66,66);}

a.nonexistent:visited, a.badinterwiki:visited,
a.nonexistent, a.badinterwiki {color: #404040;}

a.www:before {content: url(/moin_static/modern/img/moin-www.png); margin: 0 0.2em;}
a.http:before {content: url(/moin_static/modern/img/moin-www.png); margin: 0 0.2em;}
a.https:before {content: url(/moin_static/modern/img/moin-www.png); margin: 0 0.2em;}
a.file:before {content: url(/moin_static/modern/img/moin-ftp.png); margin: 0 0.2em;}
a.ftp:before {content: url(/moin_static/modern/img/moin-ftp.png); margin: 0 0.2em;}
a.mailto:before {content: url(/moin_static/modern/img/moin-email.png); margin: 0 0.2em;}
a.attachment:before {content: url(/moin_static/modern/img/moin-attach.png); margin: 0 0.2em;}
a.badinterwiki:before {content: url(/moin_static/modern/img/moin-inter.png); margin: 0 0.2em;}
a.interwiki:before {content: url(/moin_static/modern/img/moin-inter.png); margin: 0 0.2em;}


/* Headings */

h1, h2, h3, h4, h5, h6
{
    padding: 0 0 0.3em 0;
    z-index: 100;
}

#content h1 {
	border-bottom: 3pt solid rgb(291,73,73);
	margin-left: -1ex;
	padding-left: 1ex;
	padding-top: 4pt;
	hyphens: auto;
}


h2 {
    border-bottom: 1pt solid rgb(291,73,73);
}

li p {
    margin: .25em 0;
}

li.gap {
    margin-top: 0.5em;
}

a, img, img.drawing {
    border: 0;
}

dt {
    font-weight: bold;
}

pre {
    padding: 0.5em;
    font-family: monospace;
    border: 1pt solid #c0c0c0;
    background: #F0ECE6;
    white-space: pre;
    /* begin css 3 or browser specific rules - do not remove!
    see: http://forums.techguy.org/archive/index.php/t-249849.html */
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    /* end css 3 or browser specific rules */
}

pre.comment {
    background-color: #CCCCCC;
    color: red;
    padding: 0;
    margin: 0;
    border: 0;
}

pre.comment:before {
    content: url(/moin_static/modern/img/attention.png);
}

/* .comment css definition must be top of .red/.green/.blue or it won't work */
.comment { color: #555555; background-color: #DDDDFF; }

.red { background-color: #FFCCCC; }
.green { background-color: #CCFFCC; }
.blue { background-color: #CCCCFF; }
.yellow { background-color: #FFF29F; }
.orange { background-color: #FFD59B; }

.solid { border: 2px solid #000000; padding: 2px; }
.dashed { border: 2px dashed #000000; padding: 2px; }
.dotted { border: 2px dotted #000000; padding: 2px; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

table
{
    margin: 0.5em 0 0 0.5em;
    border-collapse: collapse;
}

th, td
{
    padding: 0.25em 0.5em 0.25em 0.5em;
    border: 1px solid tan;
}

td p {
    margin: 0;
    padding: 0;
}

#pagebottom {clear: both;}

hr {
    height: 1px;
    background-color: #c0c0c0;
    border: none;
}

.hr1 {height: 2px;}
.hr2 {height: 3px;}
.hr3 {height: 4px;}
.hr4 {height: 5px;}
.hr5 {height: 6px;}
.hr6 {height: 7px;}

/* Replacement for deprecated html 3 <u> element and html 4 <strike> */
.u {text-decoration: underline;}
.strike {text-decoration: line-through;}

/* TableOfContents macro */
div.table-of-contents {
    color: black;
    font-size: 80%;
    text-align: left;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.5em 0.75em 0.5em 0.5em;
    display: block;
}

div.table-of-contents ol {
    margin: 0;
    padding: 0 0 0 2em;
}

div.table-of-contents ul {
    margin: 0;
    list-style:none;
}
div.table-of-contents li {
    margin:0;
    padding: 0;
}
p.table-of-contents-heading {
    font-weight:bold;
    padding:0;
    margin: 0 0 0.5em 0;
    letter-spacing: 0.075em;
}



/* CSS for new code_area markup used by Colorizer and ParserBase */

div.codemsg {
    margin: 0.5em 0;
    padding: 0.5em;
    padding-left:2.5em;
    background:none;
    border: 1pt solid #CCBDAE;
    background-color: #F7F0E0;
    background-image:url('/moin_static/modern/img/alert.png');
    background-repeat:no-repeat;
    background-position: 0.5em 0.5em;
    color: black;
}

div.codearea { /* the div makes the border */
    margin: 0.5em 0;
    padding: 0;
    border: 1pt solid #AEBDCC;
    background-color: #F3F5F7;
    color: black;
}

div.codearea pre { /* the pre has no border and is inside the div */
    margin: 0;
    padding: 10pt;
    border: none;
}

a.codenumbers { /* format of the line numbering link */
    margin: 0 10pt;
    font-size: 0.85em;
    color: gray;
}

/* format of certain syntax spans */
div.codearea pre span.LineNumber {color: gray;}
div.codearea pre span.ID         {color: #000000;}
div.codearea pre span.Operator   {color: #0000C0;}
div.codearea pre span.Char       {color: #004080;}
div.codearea pre span.Comment    {color: #008000;}
div.codearea pre span.Number     {color: #0080C0;}
div.codearea pre span.String     {color: #004080;}
div.codearea pre span.SPChar     {color: #0000C0;}
div.codearea pre span.ResWord    {color: #A00000;}
div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
div.codearea pre span.Special    {color: #0000ff;}
div.codearea pre span.Preprc     {color: #803999;}

/* for diff parser */
div.codearea pre span.DiffAdded   {color: #4876FF;}
div.codearea pre span.DiffRemoved {color: #FF0000;}
div.codearea pre span.DiffChanged {color: #FF7F50;}
div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold}

#message {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	border: 2pt solid red;
	box-shadow: 5pt 5pt 2pt #876;
	padding: 4pt;
	width: 30em;
	margin-bottom: 2ex;
	margin-top: 2ex;
	z-index: 100;
}
#message .hint {font-style: italic;}
#message .info {
    float: none;
    font-size: 1em;
    color: black;
}
#message .info:before {content: url('/moin_static/modern/img/icon-info.png'); margin: 0 0.2em;}
#message .warning:before {content: url('/moin_static/modern/img/alert.png'); margin: 0 0.2em;}
#message .error:before {content: url('/moin_static/modern/img/icon-error.png'); margin: 0 0.2em;}
#message .clear-link {
	display: block;
	text-align:center;
	margin-top: 3ex;
}


/* Navigation macro */
table.navigation {
    background: #fff;
    margin: 0;
}



.footnotes ol {
    padding: 0 2em;
    margin: 0 0 1em;
}

.footnotes li {
    list-style: none;
}

.info {
    float: right;
    font-size: 0.7em;
    color: gray;
}

#pageinfo {
    margin-top: 2em;
}

/* eye catchers */
.warning
{
    color: black;
}

.error
{
    color: black;
}

strong.highlight
{
    background-color: #ffcc99;
    padding: 1pt;
}

#credits img {
    vertical-align: middle;
}

/* Recent changes */

.recentchanges p {
    margin: 0.25em;
}

.recentchanges td {
    vertical-align: top;
    border: none;
    border-bottom: 1pt solid #F0ECE6;
    background: #F7F6F2;
}

.rcdaybreak td {
    background: tan;
    border: none;
}

.rcdaybreak td a {
    font-size: 0.88em;
}

.rcicon1, .rcicon2 {
    text-align: center;
}

.rcpagelink {
    width: 33%;
}

.rctime {
    font-size: 0.88em;
    white-space: nowrap;
}

.rceditor {
    white-space: nowrap;
    font-size: 0.88em;
}

.rccomment {
    width: 50%;
    color: gray;
    font-size: 0.88em;
}

.rcrss {
    float: right;
}

.recentchanges[dir="rtl"] .rcrss {
    float: left;
}

.userpref table, .userpref td {
    border: none;
}

div#page {
max-width: 40em;
margin-left: auto;
margin-right: auto;
background-color: white;
padding: 0.5rem;
}

#titleline {
	background-color: #554444;
	background-image: url(/logo-white.png);
	background-repeat: no-repeat;
	padding-left:8pt;
	padding-top: 8pt;
	padding-bottom: 8pt;
	position: relative;
}

#titleline h1 {
	flex-shrink: 1;
	margin-bottom: 0pt;
}

#pagelocation a, #titleline h1, span#pagelocation{
font-size: 28pt;
display: block;
margin-left: 100px;
text-decoration: none;
color: white;
}

div#altlinks {
	background-color: #ddd;
	box-sizing: content-box;
	position:fixed;
	bottom: 2pt;
	left: 2pt;
	font-size: 9pt;
	padding:3pt;
	z-index: 1;
	font-weight: normal;
}

#altlinks a {
color: black;
text-decoration: none;
}

#altlinks a:hover {
color: rgb(201,73,73);
}

#pagelocation a:hover {
text-decoration: underline;
}

#searchform {
	position: absolute;
	top:4pt;
	right: 4pt;
	z-index: 101;
	padding: 2pt;
	background-color: rgba(255,255,255,0.2);
}

#searchform input {
	border: none;
	padding: 2pt;
	font-size: 80%;
	color: black;
}

#searchform:hover {
	background-color: #ccc;
	color: black;
}

ul.footlinks {
	list-style-type: none;
	display: table-row;
}

ul.footlinks li {
	display: table-cell;
	padding-right: 1ex;
}

.footlinks a {
	color: white;
	text-decoration: none;
}

.footlinks a:hover {
	text-decoration: underline;
}

#footer {
	margin-right: 0.5rem;
	margin-left: auto;
}

footer {
	margin-top: 2rem;
	background-color: #554444;
	color: white;
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	display: flex;
	flex-direction: row;
	justify-content: right;
}

blockquote.frommoin {
background: #EEEEEE;
margin-left: 0em;
margin-top: 0px;
padding-top:0px;
font-size: 92%;
padding-top: 0.2ex;
padding-bottom: 0.2ex;
padding-left: 4em;
background:url(/quotation.png) top left no-repeat;
}

div#page {
	max-width:50em;
	box-shadow: 5pt 5pt 2pt #bbb
}

nav {
	position: relative;
	float: right;
 	text-align: right;
 	margin-top: 5pt;
	margin-right: 1em;
	margin-left: 1ex;
}

ul#ds_sidebar {
	position: relative;
	font-size: 80%;
	width: 12rem;
	list-style-type: none;
	z-index: 0;
	padding-left: 3pt;
	padding-right: 3pt;
	padding-bottom: 3pt;
	background: #eee;
	box-shadow: 5pt 5pt 2pt #bbb;
	text-align:left;
}

#ds_sidebar li {
	padding-left: 2ex;
}

#ds_sidebar li a {
	text-decoration: none;
}

li.ds_sidehead {
	padding-top: 0.5ex;
	margin-top: 1ex;
	font-weight: bold;
	margin-bottom: 0.3ex;
}

/* Burger menu management */
nav label, #hamburger { display: none;}

@media(max-width:14cm) {
	nav {
	 	top: -2.3em;
	 	z-index: 100;
	}
  nav label {
  	position: relative;
    display: inline-block;
    color: white;
    background: rgb(201,73,73);
    font-style: normal;
    font-size: 1.5em;
    padding: 0.3em;
  }
	nav input { display: none; }
  #ds_sidebar { display: none; }
  nav input:checked ~ ul#ds_sidebar { display: block; }
  ul#ds_sidebar {
  	box-shadow: none;
  	margin: 0pt;
  }
}

p.redax {
	padding: 1ex;
	margin: 0;
}

p.redax a {
	color: rgb(201,73,73);
	text-decoration: none;
}

ul#ds_sidebar a[name="texteditlink"] {
	text-decoration:none;
	margin-left: 2ex;
}

.bkamig {
	position: relative;
	padding: 1ex;
	margin-left: 10%;
	margin-bottom: 2ex;
	background-color: white;
	border-top: 2pt solid green;
	border-bottom: 2pt solid green;
	padding: 4pt;
	width: 25em;
	z-index: 99;
}

address {
	text-align: right;
}

.image-link {
	border:1pt solid #eee;
}

.image-link:hover {
	border:1pt solid rgb(201,73,73);
}