/*  common.css - MoinMoin Default Styles

Copyright (c) 2011 by Gey-Hong Gweon
Copyright (c) 2001, 2002, 2003 by Juergen Hermann
*/

/* This css is included with slide shows.  How about printing?  Yes! */

/* content styles */

html { /* <<< */
    background-color: #aabbcc;
    color: black;
	font-family: arial, helvetica, sans-serif, geneva, tahoma;
	/* font-family: 'Lucida Grande', arial, helvetica, verdana, sans-serif; */
	/* font-family: arial, sans-serif; */
    font-size: 1em;
}
/* >>> */
body { /* <<< */
	margin: 0;
	background-color: white;
}

.innerpage {
    text-align: left;
}

.innerpage p {
    /* text-align: justify; */
    /* word-break: hyphenate; *//* doesn't work in firefox, opera ? */
}
/* >>> */
/* <<< headers */
h1, h2 {
    clear: left;
}
/* >>> */
#content { /* <<< */
	font-size: 1.12em; /* 1.12em */
    line-height: 1.45em; /* 1.45em */
}

#content .first-letter {
    position: relative;
    font-size: 330%;
    float: left;
    padding: 0 0.1em 0 0;
    margin: 0;
    line-height: 0.77;
    top: 0.03em;
}

#content .first-letter .normal-text {
    vertical-align: 210%;
    font-size: 30%;
}

/* css_browser_selector.js stuff <<< */

/* These adjustments necessary for Palatino, but not for other fonts? */
/*
.linux.gecko #content .first-letter {
    top: 0.102em;
}

.linux.opera #content .first-letter {
    top: 0.104em;
}
*/

/* >>> */

/* >>> */
/* fonts -- global <<< */
.body-bg .innerpage, .body-bg .outerpage {
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
	font-family: "Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
	font-family: georgia, "times new roman", "Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
    line-height: 1.38em;
}
h1, h2, h3 {
	font-family: georgia, "times new roman", "Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif;
    line-height: 1.2em; /* 11-09-2013: 1.45 to 1.2 */
    margin: 0;
}
h2.attachment_top_heading {
    /* The weirdness of this header may be due to the "Download" butttom below it, or the embedding below it. This margin is a temporary fix. */
    margin: 0.5em 0 0.8em 0;
}
/* fonts -- global >>> */
/* Links <<< */

a {color: #0044B3; border: none;}
/* a:visited {color: #597BB3;} */
a:visited {color: #FF7BB3;}

a.nonexistent:visited, a.nonexistent, a.badinterwiki:visited, a.badinterwiki {color: gray;}

a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
a.telnet:before, a.ssh:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
a.irc:before, a.ircs:before  {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;}
/* a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;} */
a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
a.action:before {content: url(../img/moin-action.png); margin: 0 0.2em;}
a.bibtex_url_link:before {content: url(../img/moin-www-url.png); margin: 0 0.2em;}
a.bibtex_doi_link:before {content: url(../img/moin-www-doi.png); margin: 0 0.2em;}

li p {
    margin: .25em 0;
}

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

dt {
    margin-top: 0.5em;
    font-weight: bold;
}

dd {
    margin-top: 0;
    margin-bottom: 0;
}

dd p {
    margin: 0.25em 0;
}

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

/* Links >>> */
/* preformatted, tt, code <<< */

pre {
    border: 1pt solid #AEBDCC;
    background-color: #f2fff2; /* F3F5F7; */
    background-color: rgba(242, 255, 242, 0.5);
    padding: 5pt;
    font-size: 0.77em;
    font-family: "Andale Mono IPA", Monaco, monospace, courier;
    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 */
}

.codearea {
    line-height: 1.0em;
}

tt, code, .codearea .codenumbers, pre {
    font-size: 0.85em;
    font-family: "Andale Mono IPA", Monaco, monospace, courier;
    line-height: 1.25em;
}

.codearea .codenumbers {
    font-size: 0.7em;
}

code {
    border: 1pt dashed #AEBDCC;
    background-color: #f2fff2; /* F3F5F7; */
    background-color: rgba(242, 255, 242, 0.5);
    padding: 2pt;
    padding-bottom: 1pt;
}

tt {
    background-color: #e7ffe7;
    background-color: rgba(231, 255, 231, 0.5);
    padding: 2pt 2pt 1pt 2pt;
}

pre.comment, pre.pcomment {
    background-color: #CCCCCC;
    background-color: #dddddd;
    background-color: rgba(221, 221, 221, 0.5);
    color: red;
    padding: 0;
    margin: 0;
    border: 0;
}

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

/* preformatted >>> */
/* comment, red, green, etc., solid, dashed, dotted, left, center, ... <<< */
/* .comment css definition must be top of .red/.green/.blue or it won't work */
/* see ul ol dl below as well. */
.comment, .pcomment {
    color: #333333;
    background-color: #edf6ef; /* greenish gray */
    background-color: #f1f6f2; /* lighter-greenish gray */
    background-color: rgba(241, 246, 242, 0.8);
    /* padding: 0 1.5em 0.5em 1.5em; */
    padding: 0 1.0em 0.2em 1.0em;
    font-family: tahoma, geneva, arial, helvetica, sans-serif;
    font-size: 80%;
    border-top: 1px dashed gainsboro;
    line-height: 120%;
    margin-bottom: 0.5em;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

.pcomment {
    background-color: rgba(241, 246, 242, 0.6);
}

span.comment, span.pcomment { /* in-line comment */
    margin: 0 0.1em;
    padding: 0.1em 0.5em 0.2em 0.5em;
    color: #777;
}

span.pcomment {
    color: #555;
}

.comment a, .pcomment a {
    color: tomato;
}

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

.solid { border: 2px solid #000000; padding: 2px; padding: 0.2em 1em;}
.solidgray { border: 2px solid #888888; padding: 2px; padding: 0.2em 1em;}
.dashed { border: 2px dashed #000000; padding: 2px; padding: 0.2em 1em;}
.dotted { border: 2px dotted #000000; padding: 2px; padding: 0.2em 1em;}

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

/* comment, pcomment, red, green, etc., solid, dashed, dotted, left, center, ... >>> */
/* table <<< */

table
{
    /* margin: 0.5em 0 0 0.5em; *//* moinmoin default, not good */
	margin: 0.5em 0em; /* GHG -- my fix */
    /* border-collapse: collapse; */ /* moinmoin default, not good */
	border-spacing: 0; /* GHG -- my fix */
}

#content table {
    max-width: 100%;
}

th, td
{
    padding: 0.25em 0.5em 0.25em 0.5em; /* moinmoin default */
    /* border: 1pt solid #adb9cc; */ /* moinmoin default */
    border: none;
}

td p { /* moinmoin default */
    margin: 0;
    padding: 0;
}

/* >>> */
/* tableofcontents macro <<< */

div.table-of-contents {
    border: 1px solid #bbbbbb;
    color: black;
    background-color: #e7e6ef; /* #eeeeee; */
    background-color: rgba(231, 230, 255);
    background-color: #e1ffef;
    font-size: 80%;
    text-align: left;
    /* margin: -1em 0 0.5em 1em; */
    padding: 0.46em;
    /* max-width: 46%; */
    max-width: 55%;
    min-width: 15%;
    /* width: 25%; */
    /* display: inline-table; */
    float: right;
    margin: 0;
}


div.table-of-contents ol, div.table-of-contents ul {
    margin: 0;
    padding: 0 0 0 2em;
}
div.table-of-contents ul {
    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.3em 0;
    letter-spacing: 0.085em;
    text-align: center;
    position: relative;
    top: -3px;
}

/* tableofcontents macro >>> */
/* navigation macro <<< */
table.navigation {
    background: #fff;
    margin: 0;
}
/* navigation macro >>> */
/* footnotes, info, pageinfo, separator, pagebottom <<< */

.footnote_hr {
    clear: both;
    height: 1px;
    width: 85%;
    color: #ccc;
    background-color: #ccc;
    border-color: #ccc;
    /* The following does not seem to work, despite what is said by some the web. It seems that the content of hr is important.  See http://www.sovavsiti.cz/css/hr.html. */
    border-style: dotted;
}

/* Not sure what this is for?? */
.footnotes div {
    width: 5em;
    border-top: 1pt solid gray;
}

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

.footnotes li {
    font-size: 85%;
}

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

#pageinfo {
    text-align: right;
	font-size: 0.7em;
    font-style: oblique;
    margin-top: -0.05em;
	margin-bottom: -0.05em;
}

.seperator {
    color: gray;
}

#pagebottom {clear: both;}

/* >>> */
/* standard rule (hr) ---- <<< */
hr {
    height: 1pt;
    background-color: #9c9c9c;
    border: 0;
}
/* >>> */
/* custom rules (hr1, hr2, etc.) ----- to ---------- <<< */
.hr1 {height: 2pt;}
.hr2 {height: 3pt;}
.hr3 {height: 4pt;}
.hr4 {height: 5pt;}
.hr5 {height: 6pt;}
.hr6 {height: 7pt;}
/* >>> */
/* u, strike <<< */
/* replacement for deprecated html 3 <u> element and html 4 <strike> */
.u {text-decoration: underline;}
.strike {text-decoration: line-through;}
/* >>> */
/* eye catchers <<< */

.warning 
{
    color: red;
}

.error 
{
    color: red;
}

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

/* eye catchers >>> */
/* recent changes <<< */

.rcrss {
    float: right;
    margin: 0 7px 0 14px;
    height: 0;
    position: relative;
    top: 9px;
}
*[div="rtl"] .rcrss {
    float: left;
}
.recentchanges[dir="rtl"] .rcrss {
    float: left;
}

.recentchanges table {
    clear: both;
    border-collapse: collapse;

    border: 1px solid #4d7da9;
}

.recentchanges td {
    vertical-align: top;
    border: none;
    background: #e6eaf0;
}


.recentchanges .rcdaybreak td {
    background: #81BBF2;
    border: none;
    border: 1px solid #4d7da9;
}

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

.rcicon1, .rcicon2 {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}

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

/* Recent changes >>> */
/* User Preferences <<< */

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

/* User Preferences >>> */
/* 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('../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;
    font-size: 0.88em;
}

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;
    color: gray;
}

/* format of certain syntax spans */
div.codearea pre span.LineNumber {color: gray; padding: 3px 3px 3px 0; margin-right: 10px; background: cyan;}
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}

/* CSS for new code_area markup used by Colorizer and ParserBase >>> */
/* Search results <<< */

.advancedsearch {
    border: 1pt solid #ADB9CC;
}

.advancedsearch td {
    vertical-align: top;
    background-color: #E7E7E7;
    border: 0px;
}

.advancedsearch td.searchfor {
    font-weight: bold;
}

.advancedsearch input {
    border: 1px solid #ADB9CC;
    background-color: #fff;
}

.advancedsearch input[disabled] {
    background-color: #eee;
}

.advancedsearch td.submit {
    border-top: 1px solid #ADB9CC;
    background-color: #fff;
    text-align: right;
}

.advancedsearch select {
    border: 1px solid #ADB9CC;
    background-color: #fff;
}

.advancedsearch .mimetype_select select {
    /* font-size: 0.85em; */ /* This seeems strange... */
}

.searchresults dt {
    margin-top: 1em;
    font-weight: normal;
}

.searchresults dd, .searchresults p {
    font-size: 0.85em;
}

.searchresults .searchhitinfobar {
    color: #008000;
    margin-left: 15px;
    margin-top: 0;
}

p.searchstats {
    font-size: 0.8em;
    text-align: right;
    width: 100%;
    background-color: #E6EAF0;
    border-top: 1px solid #9088DC;
    padding: 2px;
}

p.searchhint {
    background-color: #E6EAF0;
    border: 1px solid #9088DC;
    padding: 2px;
}

.searchpages {
    margin-left: auto;
    margin-right: auto;
}

.searchpages tr, .searchpages td {
    border: 0;
    padding: 5px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    color: #b93a58;
    font-weight: bold;
    /* font-size: 1.05em; */
}

.searchpages td a, .searchpages td a:link {
    text-decoration: underline;
}

/* Search results >>> */
/* MonthCalendar css <<< */

/* general stuff: workdays, weekend, today */
td.cal-workday {
    background-color: #DDDDFF;
	background-color: #8cc;
}

td.cal-weekend {
    background-color: #FFDDDD;
	background-color: #aaffff;
}

td.cal-today {
    background-color: #CCFFCC;
    /* border-style: solid; */
	/* border-color: #da2; */
    /* border-width: 2pt; */
}

td.cal-today a {
	color: red;
}

/* invalid places on the monthly calendar sheet */
td.cal-invalidday {
    background-color: #cccccc;
	background-color: #f3f3ff;
}

td.cal-workday, td.cal-weekend, td.cal-today, td.cal-nottoday, td.cal-invalidday {
    width: 4em;
    height: 1.6em;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

th.cal-header {
    background-color: #ddbbff;
    background-color: #daa520;
    text-align: center;
    vertical-align: middle;
	padding: 5px;
}

/* end monthcalendar stuff >>> */
/* message <<< */

#message .hint, #my-status-line .hint {
    font-style: italic;
    background-color: #ffaa57;
}
#message .info, #my-status-line .info {
    float: none;
    font-size: 1em;
    color: black;
    /* padding: 0; */
}
#message .info:before, #my-status-line .info:before {
    content: url('../img/icon-info.png');
    margin-left: 0px;
    padding-right: 1em;
}
#message .warning:before, #my-status-line .warning:before {
    content: url('../img/alert.png');
    margin-left: 0px;
    padding-right: 1em;
}
#message .error:before, #my-status-line .error:before  {
    content: url('../img/icon-error.png');
    margin-left: 0px;
    padding-right: 1em;
}

/* >>> */
/* admonition start <<< */
#content div.caution, 
#content div.important, 
#content div.news, 
#content div.oldnews, 
#content div.arcnews, 
#content div.bnews, 
#content div.boldnews, 
#content div.barcnews, 
#content div.inform, 
#content div.note, 
#content div.tip, 
#content div.warning {
    /* border: 1pt solid #E5E5E5; */
    border: 1pt solid #c5d5f5;
    background-color: #FCFCFF;
    background-color: #fbf0d9; /* Kindle sepia color */
    background-color: #fbfcd9;
    background-color: rgba(251, 252, 217, 0.5);
    border: 1pt solid #b093a9;
    color: black;
    margin: 10pt 0pt;
    /* background-repeat: no-repeat;
    background-position: 10px 10px; */
    /* min-height: 52px; *//*52=32+10+10 but doesn't work with IE*/
    /* padding-left: 55px;
	padding-right: 20px; */
    padding: 5px 20px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
}

#content div.news,
#content div.arcnews,
#content div.bnews,
#content div.barcnews {
    background-color: #fbf0d9; /* Kindle sepia color */
    background-color: #fbf4e4; /* Kindle sepia color, lighter */
    background-color: rgba(251, 244, 228, 0.5);
}

#content div.oldnews,
#content div.boldnews {
    background-color: #efe0c9;
    background-color: #efe6d7;
    background-color: rgba(239, 230, 215, 0.5);
}

#content div.inform {
    background-color: #f0fbdf;
    background-color: #f3fbe7;
    background-color: rgba(243, 251, 231, 0.5);
}

#content div.note {
    background-color: #fafcc4;
    background-color: #fbfcde;
    background-color: rgba(251, 252, 222, 0.5);
}

#content div.tip {
    background-color: #ddfefb;
    background-color: #eafefc;
    background-color: rgba(234, 254, 252, 0.5);
}

#content div.important {
    background-color: #e8f9da;
    background-color: #eef9e5;
    background-color: rgba(238, 249, 229, 0.5);
}

#content div.caution {
    background-color: #ffef97;
    background-color: #fff8d4;
    background-color: rgba(255, 248, 212, 0.5);
}

#content div.warning {
    background-color: #ffbd87;
    background-color: #ffddc2;
    background-color: rgba(255, 221, 194, 0.5);
}

#content div.news,
#content div.oldnews,
#content div.arcnews,
#content div.bnews,
#content div.boldnews,
#content div.barcnews {
    padding: 15px 20px;
    min-height: 64px;
}

/* #content div.news {
    min-height: 80px;
    padding-left: 86px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-position: 20px 10px;
}*/

/* #content div.news p,  */
/* #content div.caution p,  */
/* #content div.important p,  */
/* #content div.note p,  */
/* #content div.tip p,  */
/* #content div.warning p { */
    /* margin-top: 12px; */ /*to align text with bg graphic*/
/* } */
#content div.caution:before,
#content div.important:before,
#content div.inform:before,
#content div.tip:before {
    float: left;
    padding: 0px 30px 0px 8px;
    margin-top: 16px; /* L: 01-14-2014: 9 --> 16 */
}
#content div.note:before,
#content div.warning:before {
    float: left;
    padding: 0px 30px 0px 8px;
    margin-top: 16px; /* L: 01-14-2014: 9 --> 16 */
}
#content div.news:before,
#content div.oldnews:before,
#content div.arcnews:before {
    float: left;
    padding: 0px 25px 0px 0px;
    margin-left: -10px;
    margin-right: 10px;
    margin-top: 0px;
}
#content div.caution:before {content: url("../img/admon-caution.png");}
#content div.important:before {content: url("../img/admon-important.png");}
/* #content div.news:before {content: url("../img/newspaper.png");}
#content div.oldnews:before {content: url("../img/worn_newspaper.png");} */
#content div.news:before {content: url("../img/news-blue.png");}
#content div.oldnews:before {content: url("../img/news-faded.png");}
#content div.inform:before {content: url("../img/gtk-inform.png");}
#content div.arcnews:before {content: url("../img/news-gold.png");}
#content div.note:before {content: url("../img/admon-note.png");}
#content div.tip:before {content: url("../img/admon-tip.png");}
#content div.warning:before {content: url("../img/admon-warning.png");}
/* admonition end >>> */
/* list spacing, etc (ul, ol, dl) <<< */

#content ul, #content ol, #content dl {
    margin: 0em;
    /* margin-left: 0em; */
    margin-top: 0.5em; /* somewhat high by default?! push it down */
    margin-bottom: 0.5em;
    padding-left: 2em;
}

/* see comment above as well */
#content .comment ul, #content .comment ol, #content .comment dl,
#content .pcomment ul, #content .pcomment ol, #content .pcomment dl {
    margin: 0em;
    /* margin-left: 0em; */
    margin-top: 0.2em; /* somewhat high by default?! push it down */
    margin-bottom: 0.2em;
    padding-left: 1.5em;
}

#content ul li, #content ol li, #content dl li {
    margin-left: 0em;
    padding-left: 0em;
}

/* The bullet is often not the "right size" or problmatic otherwise <<<
 * (disappearing in chrome with random probability).  So, fix it by hand. */
/* This fix is impossible, since it interferes with "undecorated list. */

/* 
#content ul {
    list-style: none;
    padding-left: 0.7em;
}

#content ul li:before {
    content: "\2022";
    padding-right: 0.5em;
    font-size: 110%;
}

#content ul p {
    display: inline;
    margin: 0;
}
*/

/* >>> */

/* >>> */