:root {
        --hairline: 1px;
	--menu: #A03300;
	--menu-border: #301000;
        --menu-highlight: #FFA000;
        --heading: #C04C00;
        --side-header: #F60;
        --side-border: #803300;
        --ref-border: #000;
        --alternate-row: #EEE;
        --groove: #C0C0C0;
}
.dark {
	--menu: #A03300;
	--menu-border: #301000;
        --menu-highlight: #610;
        --heading: #F84;
        --side-header: #A41;
        --side-border: #D62;
        --ref-border: #FFF;
        --alternate-row: #333;
        --groove: #777;
}
.dark img.light, img.dark {
	display: none;
}
.dark img.dark {
	display: block;
}
@media (resolution: 1.25dppx) { :root { --hairline: 0.8px; } }
@media (resolution: 1.5dppx)  { :root { --hairline: calc(1px / 1.5); } }
@media (resolution: 1.75dppx) { :root { --hairline: calc(2px / 1.75); } }
@media (resolution: 2.25dppx) { :root { --hairline: calc(2px / 2.25); } }
@media (resolution: 2.5dppx)  { :root { --hairline: calc(2px / 2.5); } }
@media (resolution: 3.5dppx)  { :root { --hairline: calc(3px / 3.5); } }
body {
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}
.dark body {
	background-color: #1C1C1C;
	color: #FFF;
}
div#top {
	background-color: var(--menu);
	background-image: url(img/header100.png);
	background-position: top center;
	background-repeat: repeat-x;
	background-size: 2160px 108px;
	margin: 0;
	height: 108px;
	width: 100%;
}
div.bulb {
	width: 100%;
}
#bulb {
	position: absolute;
	padding: 6px;
	padding-left: 5px;
	right: 20px;
	background-color: var(--menu);
	border: var(--hairline) solid var(--menu-border);
}
#bulb:hover {
	background-color: var(--menu-highlight);
}
@media (min-width: 415px) {
	#bulb {
		top: 12px;
		box-shadow: 0 0 9px 9px rgba(255, 255, 255, 0.33);
	}
	.dark #bulb {
		box-shadow: 0 0 9px 9px rgba(0, 0, 0, 0.33);
	}
}
@media (max-width: 414px) {
	div#top {
		display: none;
	}
	div.bulb {
		position: relative;
	}
	#bulb {
		right: 0px;
		bottom: 6px;
	}
}
@media (min-resolution: 1.25dppx) and (min-width: 864px) {
	div#top { background-image: url(img/header125.png); }
}
@media (min-resolution: 1.5dppx) and (min-width: 864px) {
	div#top { background-image: url(img/header150.png); }
}
@media (min-resolution: 1.75dppx) and (min-width: 864px) {
	div#top { background-image: url(img/header175.png); }
}
@media (min-resolution: 2dppx) and (min-width: 864px) {
	div#top { background-image: url(img/header200.png); }
}
@media (min-resolution: 2.25dppx) and (min-width: 864px) {
	div#top { background-image: url(img/header225.png); }
}
@media (min-resolution: 2.5dppx) and (min-width: 864px) {
	div#top { background-image: url(img/header250.png); }
}
@media (min-resolution: 3dppx) and (min-width: 864px) {
	div#top { background-image: url(img/header300.png); }
}
@media (max-width: 863px) {
	div#top {
		background-image: url(img/headershort100.png);
		background-size: 900px 108px;
	}
}
@media (min-resolution: 1.25dppx) and (max-width: 863px) {
	div#top { background-image: url(img/headershort125.png); }
}
@media (min-resolution: 1.5dppx) and (max-width: 863px) {
	div#top { background-image: url(img/headershort150.png); }
}
@media (min-resolution: 1.75dppx) and (max-width: 863px) {
	div#top { background-image: url(img/headershort175.png); }
}
@media (min-resolution: 2dppx) and (max-width: 863px) {
	div#top { background-image: url(img/headershort200.png); }
}
@media (min-resolution: 2.25dppx) and (max-width: 863px) {
	div#top { background-image: url(img/headershort225.png); }
}
@media (min-resolution: 2.5dppx) and (max-width: 863px) {
	div#top { background-image: url(img/headershort250.png); }
}
@media (min-resolution: 3dppx) and (max-width: 863px) {
	div#top { background-image: url(img/headershort300.png); }
}
@media (min-resolution: 3.5dppx) and (max-width: 863px) {
	div#top { background-image: url(img/headershort350.png); }
}
@media (min-resolution: 4dppx) and (max-width: 863px) {
	div#top { background-image: url(img/headershort400.png); }
}
#btntop {
	background-color: #E0E0E0;
	width: 100%;
	border-top: var(--hairline) solid #111;
	border-bottom: var(--hairline) solid #111;
	display: flex;
	justify-content: center;
}
.dark #btntop {
	background-color: #333;
}
#btngrid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	row-gap: var(--hairline);
	background-color: var(--menu-border);
	border-right: var(--hairline) solid var(--menu-border);
}
#btngrid div {
	width: 126px;
	box-sizing: border-box;
	padding: 0;
	text-align: center;
	background-color: var(--menu);
	border-left: var(--hairline) solid var(--menu-border);
}
#btngrid a {
	text-decoration: none;
	background: none;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
}
#btngrid a:link, #btngrid a:visited, #btngrid a:hover, #btngrid a:active {
	color: #FFF;
}
#btngrid a div:hover {
	background-color: var(--menu-highlight);
}
@media (min-width: 864px) {
	#btngrid div {
		width: 144px;
	}
}
@media (max-width: 756px) {
	#btngrid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (max-width: 378px) {
	#btngrid {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 252px) {
	#btngrid {
		grid-template-columns: 1fr;
	}
}
div.topad {
	margin: 20px 0 30px;
	height: 150px;
}
div.topadtutorial {
	margin: 20px 0 30px;
	height: 130px;
}
#contents {
	display: flex;
	justify-content: center;
}
div.bodytext {
	margin: 0 10px;
	overflow: hidden;
}
@media (min-width: 748px) {
	div.bodytext {
		width: 728px;
	}
}
@media (max-width: 747px) {
	#contents {
		display: block;
		justify-content: flex-start;
	}
}
@media (max-width: 500px) {
	div.bodytext {
		margin: 0 5px;
	}
}
@media (max-width: 252px) {
	div.bodytext {
		margin: 0;
	}
}
#tableflavor {
	max-width: 1456px;
	margin: 10px;
}
div#copyright {
	padding: 10px 0;
	margin-top: 20px;
	border-top: groove var(--groove) 2px;
}
div#side {
	padding: 0 10px;
}
#cntmobi {
	display: none;
}
@media (max-width: 1023px) {
	div#side {
		display: none;
	}
	#cntmobi {
		display: block;
		margin-top: 20px;
	}
	#cntmobi p {
		line-height: 24px;
		text-align: center;
	}
	#cntmobi a {
		white-space: nowrap;
	}
}
@media (max-width: 500px) {
	div.topadtutorial {
		height: 92px !important;
	}
}
@media (max-width: 660px) {
	div.topadtutorial {
		height: 112px;
	}
	div.topad {
		height: 92px !important;
	}
	#tableflavor, #tableflavor tbody {
		display: block;
	}
	#tableflavor tr {
		display: flex;
		flex-wrap: wrap;
	}
	#tableflavor td, #tableflavor th {
		display: block;
		box-sizing: border-box;
		width: 15%;
	}
	#tableflavor td:nth-child(1), #tableflavor th:nth-child(1) {
		width: 30%;
	}
	#tableflavor td:nth-child(2), #tableflavor th:nth-child(2) {
		width: 70%;
		border-right: 0;
	}
	#tableflavor td:nth-child(3), #tableflavor th:nth-child(3) {
		width: 100%;
		border-right: 0;
	}
	#tableflavor td:nth-child(4), #tableflavor th:nth-child(4) {
		width: 70%;
		border-right: 0;
	}
	#tableflavor tr:nth-child(even) {
		background-color: var(--alternate-row);
	}
	#tableflavor td:nth-child(n+4), #tableflavor tr:nth-child(1) th:nth-child(n+4) {
		border-bottom: solid var(--ref-border) 2px;
	}
	#tableflavor tr:last-child th:nth-child(n+4) {
		border-bottom: 0;
	}
	#tableflavor td:nth-child(n+5), #tableflavor th:nth-child(n+5) {
		border-left: var(--hairline) solid var(--ref-border);
		border-right: 0;
	}
}
@media (max-width: 550px) {
	#boostdiff, #boostdiff tbody {
		display: block;
	}
	#boostdiff tr {
		display: flex;
		flex-wrap: wrap;
	}
	#boostdiff td, #boostdiff th {
		display: block;
		box-sizing: border-box;
		width: 25%;
	}
	#boostdiff td:nth-child(1), #boostdiff th:nth-child(1) {
		width: 100%;
		border-right: 0;
	}
	#boostdiff td:last-child, #boostdiff th:last-child {
		border-right: 0;
	}
	#boostdiff tr:nth-child(even) {
		background-color: var(--alternate-row);
	}
	#boostdiff td:nth-child(n+2), #boostdiff tr:nth-child(1) th:nth-child(n+2) {
		border-bottom: solid var(--ref-border) 2px;
	}
	#boostdiff tr:last-child th:nth-child(n+2) {
		border-bottom: 0;
	}
}
@media (max-width: 690px) {
	#posixbrackets, #posixbrackets tbody {
		display: block;
	}
	#posixbrackets tr {
		display: flex;
		flex-wrap: wrap;
	}
	#posixbrackets td, #posixbrackets th {
		display: block;
		box-sizing: border-box;
	}
	#posixbrackets td:nth-child(1), #posixbrackets th:nth-child(1) {
		width: 96px;
		order: 1;
	}
	#posixbrackets td:nth-child(2), #posixbrackets th:nth-child(2) {
		width: calc(100% - 96px);
		border-right: 0;
		order: 2;
	}
	#posixbrackets td:nth-child(3), #posixbrackets th:nth-child(3) {
		width: calc(100% - 96px);
		order: 3;
	}
	#posixbrackets td:nth-child(4), #posixbrackets th:nth-child(4) {
		width: calc(100% - 96px);
		order: 5;
		border-bottom: solid var(--ref-border) 2px;
	}
	#posixbrackets td:nth-child(5), #posixbrackets th:nth-child(5) {
		width: 96px;
		border-right: 0;
		order: 4;
	}
	#posixbrackets td:nth-child(6), #posixbrackets th:nth-child(6) {
		width: 96px;
		border-right: 0;
		order: 6;
		border-bottom: solid var(--ref-border) 2px;
	}
	#posixbrackets tr:nth-child(even) {
		background-color: var(--alternate-row);
	}
	#posixbrackets tr:last-child th:nth-child(4), #posixbrackets tr:last-child th:nth-child(6) {
		border-bottom: 0;
	}
}
@media (min-width: 480px) and (max-width: 690px) {
	#posixbrackets .regexplain {
		display: none;
	}
}
img.big {
	box-sizing: border-box;
	padding: 0 10px;
}
img.screen {
	max-width: 100%;
}
div.about {
	display: flex;
}
@media (min-width: 661px) {
	div.about img {
		float: right;
		margin-left: 10px;
	}
}
@media (max-width: 660px) {
	div.about {
		flex-wrap: wrap;
	}
}
textarea {
	width: 100%;
	box-sizing: border-box;
}
input {
	max-width: 100%;
	box-sizing: border-box;
}
table.side {
	border-style: solid;
	border-width: 2px;
	border-color: var(--side-border);
	width: 250px;
	margin: 20px 0;
}
div.side {
	margin: 45px 0;
}
div.sidead {
	margin: 45px 0;
	height: 508px;
}
#side div.adsense {
	margin: 45px;
}
#side iframe.amazonsingle {
	margin: 45px 65px;
	width: 120px;
	height: 240px;
}
div.amzn-native-container {
	margin: 20px 10px -10px 10px;
}
td.sideheader {
	background-color: var(--side-header);
	color: #FFFFFF;
	text-align: center;
	height: 28px;
}
p {
	line-height: 19px;
	margin: 10px 0;
}
ul {
	line-height: 19px;
	margin-left: 14px;
	margin-right: 0;
	padding-left: 0;
}
ul.noindent {
	margin-left: 0;
}
ul li {
	list-style-position: inside;
}
ol {
	line-height: 19px;
	margin-left: 40px;
	margin-right: 0;
	padding-left: 0;
}
textarea {
	font-family: 'Andale Mono', 'Lucida Console', monospace;
	font-size: 14px;
	font-weight: normal;
}
td.small {
	font-size: 10px;
	line-height: 14px;
}
td.yes {
	background-color: #E0FFE0;
	white-space: nowrap;
}
td.fail {
	background-color: #FFF4E8;
	white-space: nowrap;
}
.dark td.yes {
	background-color: #141;
}
.dark td.fail {
	background-color: #551911;
}
table.reference {
	border-collapse: collapse;
  	border: 2px solid var(--ref-border);
}
table.reference th {
	border-right: var(--hairline) solid var(--ref-border);
	border-bottom: var(--hairline) solid var(--ref-border);
	padding: 4px;
}
table.reference td {
	border-right: var(--hairline) solid var(--ref-border);
	border-bottom: var(--hairline) solid var(--ref-border);
	padding: 4px;
}
h1 {
	font-size: 20px;
	font-weight: bold;
	font-variant: normal;
	color: var(--heading);
	margin-top: 20px 0 10px;
	border-bottom: solid var(--heading) 3px;
	padding-bottom: 3px;
	width: fit-content;
}
h2, h3 {
	font-size: 20px;
	font-weight: bold;
	font-variant: normal;
	color: var(--heading);
	margin: 40px 0 10px;
	border-bottom: solid var(--heading) 3px;
	padding-bottom: 3px;
	width: fit-content;
}
.bodytext div.adsense {
	margin: 30px 0;
}
.bodytext div.adsense:first-child {
	margin-top: 20px;
}
a:link {
	color: #0000FF;
}
a:visited {
	color: #000080;
}
a:hover {
	color: #FFF;
	background: #0000FF;
}
a:active {
	color: #FFF;
	background: #F60;
}
.dark a:link {
	color: #60C0FF;
}
.dark a:visited {
	color: #C0E0FF;
}
.dark a:hover {
	color: #000;
	background: #60C0FF;
}
.dark a:active {
	color: #FFF;
	background: #F60;
}
a.img:hover, a.img:active {
	background: none;
}
tt {
	font-family: 'Andale Mono', 'Lucida Console', monospace;
}
tt.match, tt.string {
	padding-top: var(--hairline);
	padding-bottom: var(--hairline);
}
tt.match {
	background-color: #EE5;
}
tt.string {
	background-color: #AF6;
}
.dark tt.match {
	background-color: #707000;
}
.dark tt.string {
	background-color: #373;
}
tt.syntax {
	white-space: pre-wrap;
}
tt span {
	padding-top: var(--hairline);
	padding-bottom: var(--hairline);
}
pre {
	font-family: 'Andale Mono', 'Lucida Console', monospace;
	font-size: 14px;
	line-height: 19px;
	font-weight: normal;
	margin: 10px 0;
	white-space: pre-wrap;
}
p.indent {
	margin-left: 20px;
}
p.copyright {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	margin: 0;
}
img.left {
	margin: 5px 0 5px 0;
}
img.right {
	margin: 5px 0 5px 10px;
}
img.iconleft {
	margin: 0 10px 0 0;
}
form {
	margin: 0;
	padding: 0;
}
.characterstring { color: #0000FF; }
.comment { color: #008000; font-style: italic; }
.numericconstant { color: #000080; }
.reservedword { font-weight: bold; }
.longcode {
	font-size: 13px;
	line-height: 15px;
}
tt.regexbuddy {
	margin-left: 10px;
}
div.regexbuddyregex {
        margin-top: 10pt;
        margin-bottom: 10pt;
}
div.regexbuddytree {
        margin-top: 10pt;
        margin-bottom: 10pt;
        overflow-y: scroll;
        height: 200%;
}
div.regexbuddyfooter {
        margin-top: 10pt;
        margin-bottom: 10pt;
}
ul.buddy {
	padding-left: 0;
}
.syntax { color: #000; background-color: #DDD; }
.regexanchor { background-color: #B8B8F0; }
.regexcapture1 { background-color: #B0E0B0; font-weight: bold; }
.regexcapture2 { background-color: #C0E0A0; font-weight: bold; }
.regexcapture3 { background-color: #A0E0C0; font-weight: bold; }
.regexcccharesc { color: #1810FF; background-color: #E0D090; }
.regexcclit { color: #181000; background-color: #E0D090; }
.regexcclitesc { color: #1810FF; background-color: #E0D090; }
.regexccopen { color: #181000; background-color: #F0E0A0; font-weight: bold; }
.regexccrange { color: #181000; background-color: #E8D898; font-weight: bold; }
.regexccrangecharesc { color: #1810FF; background-color: #E8D898; }
.regexccrangelit { color: #181000; background-color: #E8D898; }
.regexccspecial { color: #181000; background-color: #F0E0A0; }
.regexcharesc { color: #00F; }
.regexcomment { color: #8820A0; font-weight: bold; font-style: italic; }
.regexerr { color: #F00; }
.regexfreespace { }
.regexlitesc { color: #00F; }
.regexlook1 { background-color: #B8B8F0; }
.regexlook2 { background-color: #B8B8F0; }
.regexlook3 { background-color: #B8B8F0; }
.regexmeta { background-color: #D0B0F0; }
.regexnest1 { background-color: #B0E0B0; }
.regexnest2 { background-color: #C0E0A0; }
.regexnest3 { background-color: #A0E0C0; }
.regexplain { }
.regexquant { background-color: #B0D0F0; }
.regexref { background-color: #B0D0F0; font-weight: bold; }
.regexspecial { background-color: #B0D0F0; }
.replaceplain { }
.dark .syntax { color: #FFF; background-color: #555; }
.dark .regexanchor { color: #E8E8FF; background-color: #383880; }
.dark .regexcapture1 { color: #E8FFE8; background-color: #307030; font-weight: bold; }
.dark .regexcapture2 { color: #E8FFE8; background-color: #486818; font-weight: bold; }
.dark .regexcapture3 { color: #E8FFE8; background-color: #186848; font-weight: bold; }
.dark .regexcccharesc { color: #80D0FF; background-color: #684818; }
.dark .regexcclit { color: #FFF0E0; background-color: #684818; }
.dark .regexcclitesc { color: #80D0FF; background-color: #684818; }
.dark .regexccopen { color: #FFF0E0; background-color: #886838; font-weight: bold; }
.dark .regexccrange { color: #FFF0E0; background-color: #785828; font-weight: bold; }
.dark .regexccrangecharesc { color: #80D0FF; background-color: #785828; }
.dark .regexccrangelit { color: #FFF0E0; background-color: #785828; }
.dark .regexccspecial { color: #FFF0E0; background-color: #886838; }
.dark .regexcharesc { color: #80D0FF; }
.dark .regexcomment { color: #D080FF; font-weight: bold; font-style: italic; }
.dark .regexerr { color: #FFF038; }
.dark .regexfreespace { }
.dark .regexlitesc { color: #80D0FF; }
.dark .regexlook1 { color: #E8E8FF; background-color: #383880; }
.dark .regexlook2 { color: #E8E8FF; background-color: #383880; }
.dark .regexlook3 { color: #E8E8FF; background-color: #383880; }
.dark .regexmeta { color: #F0E0FF; background-color: #502870; }
.dark .regexnest1 { color: #E8FFE8; background-color: #307030; }
.dark .regexnest2 { color: #E8FFE8; background-color: #486818; }
.dark .regexnest3 { color: #E8FFE8; background-color: #186848; }
.dark .regexplain { }
.dark .regexquant { color: #E0F0FF; background-color: #205070; }
.dark .regexref { color: #E0F0FF; background-color: #205070; font-weight: bold; }
.dark .regexspecial { color: #E0F0FF; background-color: #205070; }
.dark .replaceplain { }