body, table, td, table.table, table.table-inner
		 { margin: 0px; padding: 0px; }
table.table, table.table-inner
		 { border: solid #777; border-width: thin; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
table.table-inner { width: 100%; margin: 10px; }
.hide    { visibility: hidden; display: none; }
body     { background-color: white; }
#sidebar      { font-size: 85%; }
table.table th { border: solid #777; padding: 3px; border-width: thin; }
table.table td { border: solid #aaa; padding: 3px; border-width: thin; }
td		 { text-align: left; vertical-align: top; }
td.head  { vertical-align: bottom; }
body     { font-family: sans-serif; }
th.ctr   { text-align: center; padding-left: 10px; padding-right: 10px; vertical-align: top; }
td.ctr   { text-align: center; padding-left: 10px; padding-right: 10px; vertical-align: top; }

table.ci { width: 100%; border-collapse: collapse; }
table.ci tr.version th { white-space: nowrap; padding: 0; text-align: center; }
table.ci tr.version th div.time { font-size: 66%; line-height: 1em; font-weight: normal; }
table.ci tr th { border: 1px solid black; padding-left: 0.5em; text-align: center; }
table.ci tr td { text-align: center; border: 1px solid black; font-size: 1.5em; padding: 0.25em; }
table tr td.log { text-align: left; overflow-wrap: anywhere; }
table.ci tr td a.bf            { color: #c1e; text-decoration: none; }
table.ci tr td a.bf:hover      { background-color: #ddd; }
table.ci tr td a.err           { color: #e44; text-decoration: none; }
table.ci tr td a.err:hover     { background-color: #ddd; }
table.ci tr td.missing         { color: #ccc; }
table.ci tr td a.success       { color: #0b0; text-decoration: none; }
table.ci tr td a.success:hover { background-color: #ddd; }
table.ci tr td pre.log         { font-size: 0.66em; text-align: left; }
h2.bf      { color: #c1e; }
h2.err     { color: #e44; }
h2.success { color: #0b0; }
pre.log { white-space: pre-wrap; }

#flickr { margin: 20px; }

tt       { font-family: monospace; background-color: #eaffeb; }
img      { border: 0px; vertical-align: bottom; }
img.l    { margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }
img.r    { margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }

a        { text-decoration: underline; color: #116633; }
a:hover  { color: #004411 }
hr       { color: #ffffff; border: none; border-top: 1px solid #004411; height: 1px; }
hr.light { border-top: 1px solid #ebefec; }

p        { line-height: 1.5em; }
p.intro  { font-style: italic; }
p.shortdesc { margin-left: 11px; color: #444444; font-size: 90%; line-height: 1em; margin-top: 1px; margin-bottom: 1px; }
.serif   { line-height: 1.5em; }
.quote   { font-family: sans-serif; }
.mk      { color: #004411; font-weight: bold; }
.fin	 { color: #004411; }
.sans	 { font-family: sans-serif; font-weight: bold; color: #003300; }
.date    { display: block; margin-bottom: 6px; }
.sc      { font-variant: small-caps; }
.st      { text-decoration: line-through; }
.copy    { font-size: 70%; line-height: 1.5em; color: #999999; }
p.center { text-align: center; }
.pause   { display: block; color: #004411;
		   margin-top: 24px; margin-bottom: 8px; text-align: center; }
span.filename { font-family: sans-serif; }
		   
acronym, abbr
		 { font-variant: small-caps; text-decoration: none; border-bottom: 0;}

dt       { margin-left: 20px; margin-top: 10px; font-weight: bold; }
dt.historical { color: #bbbbbb; }
dd       { margin-left: 40px; margin-bottom: 0px; }
dd.red   { margin-left: 40px; margin-bottom: 10px; color: #dd0000; }
li.red   { color: #dd0000; }
dd.orange{ margin-left: 40px; margin-bottom: 10px; color: #ffc300; }
li.orange{ color: #ffc300; }
dd.green { margin-left: 40px; margin-bottom: 10px; color: #00bb00; }
li.green { color: #00bb00; }
dl.status { margin-left: -20px; padding-left: 0px; }
ul.status { margin-left: 25px; padding-left: 0px; }
dl.functionlist, dl.faq { font-family: sans-serif; font-weight: normal; }
dl.functionlist dt { margin-top: 3px; }
dl.faq dt { margin-left: 20px; margin-bottom: 5px; }
dl.faq dd { margin-left: 20px; margin-top: 5px; }
ol li { margin-bottom: 5px; }

div.settings div.name, div.functions div.name { font-size: 100%; font-weight: bold; }
div.settings span.type, div.functions div.name span.type { font-style: italic; }
div.settings span.default { font-style: italic; }
div.functions div.short-description { font-style: italic; }
div.version { font-style: italic; font-size: 80%; }

div#main-menu { font-size: 80%; }

div#support { text-align: center; clear: both; vertical-align: middle; background: #f96854; font-size: 80%; margin: 0; padding: 0; width: 100%; border: 1px solid rgba( 0, 68, 17, 0.6); margin-bottom: 1em; }
div#support p { padding: 0; margin: 0; vertical-align: middle; }
div#support div.button { float: right; }
div#support div.text { line-height: 47px; padding-left: 1em; float: left; color: white; }
div#support div.text a { font-weight: bold; color: white; }

div.options { display: table; width: 100%; }
div.option { display: table-cell; width: 33%; font-size: 0.9em; }
div.option h2 { text-align: center; margin-bottom: 0;  }
div.option h3 { text-align: center; }
div.option h4 { text-align: center; margin: 0; }
div.option-content { border-radius: 5px; margin: 20px; border: 1px solid black; }
div.option-content ul { list-style-type: none; margin: 0; padding-left: 1em; padding-bottom: 1em; padding-right: 1em; }
div.option-content sup { font-size: 50%; }
div.terms { font-size: 0.75em; line-height: 1; border-radius: 5px; margin: 20px; border: 1px solid black; }
div.option div.contact { text-align: center; padding-bottom: 1em; }

dt.main { font-weight: normal; color: #116633; }
dd.main { margin-left: 20px; }

pre { margin-left: 20px; line-height: 1.5em; }
pre.shell { margin-left: 0px; }
div.example, pre.example, pre.literal-block { margin-left: 30px; margin-right: 30px; background-color: #eaffeb; line-height: 1.25em; }
div.example { margin-top: 1em; margin-bottom: 1em; }

div.example-returns { margin-left: 30px; margin-right: 30px; background-color: #f3ffea; line-height: 1.25em; margin-bottom: 1em; }
div.example-returns pre { margin-left: 0px; margin-right: 0px; }

h1 { font-variant: small-caps; font-size: 150%; font-family: "Old Standard TT"; }
h2 { font-variant: small-caps; font-size: 130%; font-family: "Old Standard TT";  }
h3 { font-variant: small-caps; font-size: 110%; font-family: "Old Standard TT";  }
h4 { font-weight: bold; font-size: 100%; font-family: "Old Standard TT";  }

code { background-color: #eaffeb; }

span.md5 { font-size: 75%; color: gray }

table.versions { width: 100%; border: 1px solid black; border-collapse: collapse; }
table.versions thead th { text-align: center; }
table.versions thead tr.xdebugversion th { background-color: #ff7f7f; }
table.versions thead tr.xdebugversion th.legacy { background-color: #ffbc42; }
table.versions thead tr.xdebugversion th.supported { background-color: green; color: white; }
table.versions thead tr.xdebugversion th.future { background-color: lightblue; color: black; }
table.versions th { text-align: center; border: 1px solid grey; }
table.versions tbody tr th { background-color: #ff7f7f; }
table.versions tbody tr th.legacy { background-color: #ffbc42; }
table.versions tbody tr th.supported { background-color: green; color: white; }
table.versions tbody tr th.future { background-color: lightblue; color: black; }
table.versions td { text-align: center; border: 1px solid grey; color: #ff7f7f; }
table.versions td.supported { text-align: center; border: 1px solid grey; color: green; }
table.versions td.future { text-align: center; border: 1px solid grey; color: lightblue; }
table.legend th { width: 25%; }

div.report {}

div.funding { width: 100%; height: 20px; color: black; background-color: white; border: 1px solid black; margin: 1em;}
div.patreon { height: 100%; float: left; color: #44AF56; background-color: #44AF56;}
div.github  { height: 100%; float: left; color: #44AF56; background-color: #69BF78;}
div.pro     { height: 100%; float: left; color: #69BF78; background-color: #8FCF9A;}
div.business{ height: 100%; float: left; color: #8FCF9A; background-color: #69BF78;}
div.others  { height: 100%; float: left; color: #B4DFBB; background-color: #B4DFBB;}
div.comment { height: 100%; float: right; font-size: 66%; margin-right: 2px;}

div.spend { width: 100%; height: 20px; color: black; background-color: white; border: 1px solid black; margin: 1em;}
div.type-bug     { height: 100%; float: left; color: white; background-color: #0121AF;}
div.type-generic { height: 100%; float: left; color: white; background-color: #3447BF;}
div.type-php     { height: 100%; float: left; color: white; background-color: #1A3DB7;}
div.type-release { height: 100%; float: left; color: white; background-color: #677ACF;}
div.type-test    { height: 100%; float: left; color: white; background-color: #4D64C7;}
div.type-website { height: 100%; float: left; color: black; background-color: #99A6DF;}
div.type-xdebug3 { height: 100%; float: left; color: black; background-color: #8090D7;}

div.type-talk    { height: 100%; float: left; color: white; background-color: #0121AF;}
div.type-support { height: 100%; float: left; color: white; background-color: #3447BF;}
div.type-ci      { height: 100%; float: left; color: white; background-color: #1A3DB7;}
/*
div.type-release { height: 100%; float: left; color: white; background-color: #677ACF;}
div.type-test    { height: 100%; float: left; color: white; background-color: #4D64C7;}
div.type-website { height: 100%; float: left; color: black; background-color: #99A6DF;}
div.type-xdebug3 { height: 100%; float: left; color: black; background-color: #8090D7;}
*/
table.log { width: 100%; margin: 1em; line-height: 1; }
table.log td { vertical-align: middle; padding: 2px; }
table.log tr { font-size: 75%; }
table.log tr td.day, table.log tr th.day { text-align: center; margin-right: 0.5em; }
table.log tr td.type, table.log tr th.type { text-align: center; }
table.log tr td.type div { border-radius: 5px; padding: 0.25em; text-align: center; float: none; }
table.log tr td.description, table.log tr th.description { width: 100%; }
table.log tr td.hours, table.log tr th.hours { text-align: right; }

div.left  { float: left;  width: 65%; }
div.right { float: right; width: 25%; }
div.right p { font-size: 75%; }

ul.supporters { padding-left: 0; list-style: none; }

@media print {
	div#menu { display: none; }
	div#menu-docs { display: none; }
	div#main-menu { display: none; }
	div#support { display: none; }
	img#logo { display: none; }
	h1 { font-size: 40px; }
	a, hr { color: #333; text-decoration: none; }
}