/**** General types of elements: ****/

/* General styles for every use: */
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	background: #000000 url("https://goobnet.net/_images/tilebak.gif") repeat top left;
	color: #00FF00;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
td {
	padding: 0px;
}
form {
	margin: 0px;
}
img {
	border: 0px;
	vertical-align: text-bottom;
}
a:link {
	color: #00FFFF;
}
a:visited {
	color: #00C0C0;
}
a:hover {
	color: #C0C0C0;
}
a:active,a:focus {
	color: #FF80FF;
}
sub,sup {
	font-size: 75%;
}
small {
	font-size: 85%;
}
big {
	font-size: 125%;
}
h1 {
	text-align: center;
	margin-top: 0px;
	color: #00FFFF;
	font-size: 200%;
	font-style: italic;
	letter-spacing: .05em;
}
h2 {
	margin: .8em 0px .5em;
	border-bottom: 2px solid #006000;
	font-size: 160%;
	font-family: monospace;
	font-weight: normal;
}
h2:first-child {
	margin-top: 0px;
}
p {
	margin: .8em 0px;
}
dt {
	margin-bottom: .1em;
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
}
dd {
	margin: 0px 0px .8em 3em;
}
h1 i, i i, dt i {
	font-style: normal;
}
hr {
	height: 27px;
	margin: 1.2em 4em;
	border-width: 0px 6px;
	border-style: ridge;
	border-color: #606060;
	background: url("https://goobnet.net/_images/rulebak.png") repeat-x center;
}
abbr[title] {
	cursor: help;
}

/* General styles for forms: */
input, textarea, select, button {
	font-family: monospace;
	background: #000000;
	color: #00FF00;
}
input[disabled], textarea[disabled], select[disabled], select[disabled] option, option[disabled],
button[disabled], .disabl {
	color: #202020;
	text-shadow: 1px 1px #606060;
}
select:focus {
	background: #003030;
	color: #00FFFF;
}
optgroup {
	background: #003000;
	color: #00FF00;
	padding: .5em 0px 0px;
	font-family: monospace;
}
option {
	background: #000000;
	color: #00FF00;
	padding: 0px 4px;
	font-family: monospace;
}
optgroup option {
	padding: 0px 4px 0px 1em;
}
input[type="submit"]:not([disabled]):hover,
input[type="submit"]:not([disabled]):focus,
input[type="reset"]:not([disabled]):hover,
input[type="reset"]:not([disabled]):focus,
input[type="button"]:not([disabled]):hover,
input[type="button"]:not([disabled]):focus,
button:not([disabled]):hover,
button:not([disabled]):focus {
	background: #202020;
	color: #C0C0C0;
}
input[type="submit"]:not([disabled]):active,
input[type="reset"]:not([disabled]):active,
input[type="button"]:not([disabled]):active,
button:not([disabled]):active {
	background: #402040;
	color: #FF80FF;
}

/* General types of formatting: */
.cen {
	text-align: center;
}
.rt {
	text-align: right;
}
.dk {
	background: #002000;
}
.lt {
	background: #003000;
}
.hdr2type {
	font-size: 160%;
	font-family: monospace;
}

/* General types of lists: */
ul,ol {
	margin: .6em 0px;
	padding-left: 2em;
}
li {
	margin: .4em 0px;
}
ol.upalpha {
	list-style-type: upper-alpha;
}
ol.loalpha {
	list-style-type: lower-alpha;
}
ol.uproman {
	list-style-type: upper-roman;
}
ol.loroman {
	list-style-type: lower-roman;
}
ol.dec {
	list-style-type: decimal;
}

/* Dynatree styles: */
#menu .toggle {
	padding-right: 4px;
	vertical-align: text-bottom;
	text-align: center;
}
#menu .hilite {
	border-width: 1px 0px;
	border-color: #006000;
	border-style: solid;
	background: #003000;
	font-weight: bold;
}
#menu .treeitem, #menu .loading {
	padding: 2px 4px;
}
#menu .loading {
	display: none;
	padding-left: 14px;
	background: #303030;
	color: #C0C0C0;
	font-weight: bold;
}
#menu .loading img {
	padding-right: 4px;
	vertical-align: text-bottom;
	text-align: center;
}
#menu img {
	vertical-align: baseline;
}
#menu .treeerror {
	padding-left: 14px;
	background: #404000;
	color: #FFFF00;
}
#menu .toggle button {
	width: 8px;
	height: 1rem;
	border: none;
	padding: 0px;
	vertical-align: text-bottom;
}
#menu .toggle button.inact {
	background: url("/_images/btntree_.gif") no-repeat center;
}
#menu .toggle button.acttoggle {
	background: url("/_images/btntreeopen_0.gif") no-repeat center;
}
#menu .toggle button.acttoggle:not([disabled]) {
	cursor: pointer;
}
#menu .toggle button.acttoggle.open {
	background-image: url("/_images/btntreeopen_1.gif");
}
#menu .toggle button.acttoggle:not([disabled]):hover {
	background-color: #404040;
}
#menu .toggle button.acttoggle:not([disabled]):active,
#menu .toggle button.acttoggle:not([disabled]):focus {
	background-color: #603060;
}
#menu a:link, #menu a:visited {
	color: #00FFFF;
	text-decoration: none;
}
#menu a:hover {
	color: #C0C0C0;
	text-decoration: underline;
}
#menu a:active, #menu a:focus {
	color: #FF80FF;
	text-decoration: underline;
}
/* Dynatree indentations: */
#menu div .treeitem {
	padding-left: 14px;
	text-indent: -12px;
}
#menu div div .treeitem {
	padding-left: 24px;
}
#menu div div div .treeitem {
	padding-left: 34px;
}
#menu div div div div .treeitem {
	padding-left: 44px;
}
#menu div div div div div .treeitem {
	padding-left: 54px;
}
#menu div div div div div div .treeitem {
	padding-left: 64px;
}
#menu div div div div div div div .treeitem {
	padding-left: 74px;
}
#menu div div div div div div div div .treeitem {
	padding-left: 84px;
}

/* OneLove display: */
#onelovelink {
	margin: 1em 0px;
}
#onelovelink p {
	margin: 0px;
	height: 2.5em;
	border: 2px ridge #00FFFF;
	background: #FFFFFF url("/_images/onelove_sm.png") center/contain no-repeat;
}
#onelovelink a:hover p {
	border-color: #C0C0C0;
}
#onelovelink a:active p, #onelovelink a:focus p {
	border-color: #FF80FF;
}

/* Node link display: */
#nodelink {
	margin: 1em 0px;
	text-align: center;
}

/* Time zone setting display: */
#timesetting {
	margin: 1em 0px;
	border-top: 2px solid #006000;
	padding-top: 2px;
}
#timesetting img {
	vertical-align: middle;
}
#timelink {
	color: #00FFFF;
	text-decoration: underline;
	cursor: pointer;
}
#timelink:hover {
	color: #C0C0C0;
}
#timelink:active, #timelink:focus {
	color: #FF80FF;
}
#timesettingfld {
	background: #000000;
	border: 2px ridge #C0C0C0;
	padding: 0px;
}
#timesettingfld h2 {
	margin: 0px 0px 8px;
	border: none;
	padding: 2px;
	background: #003030;
	color: #00FFFF;
	font-size: 120%;
	text-align: center;
}
#timesettingfld p {
	margin: 4px;
}
#timesettingfld input[type=search] {
	width: 100%;
	box-sizing: border-box;
}
#timesettingresults {
	margin: .8em 0px 0px;
}
#timesettingloading {
	padding: 8px;
	background: #202020;
	color: #C0C0C0;
	text-align: center;
	font-weight: bold;
}
#timesettingoutput a:link, #timesettingoutput a:visited {
	display: block;
	margin: .8em 4px 4px;
	border: 1px solid #006060;
	padding: 0px;
	text-decoration: none;
	cursor: pointer;
}
#timesettingoutput a:hover {
	border-color: #606060;
	background: #202020;
	color: #C0C0C0 !important;
}
#timesettingoutput a:active, #timesettingoutput a:focus {
	border-color: #804080;
	background: #402040;
	color: #FF80FF !important;
}
#timesettingoutput a p, #timesettingoutput div p {
	overflow-x: hidden;
	text-overflow: ellipsis;
}
#timesettingoutput a p.tzname {
	margin: 0px;
	padding: 2px 4px;
	background: #006060;
	color: #00FFFF;
	font-weight: bold;
	text-decoration: underline;
}
#timesettingoutput a p.tztime {
	text-align: center;
	font-size: 150%;
	font-family: monospace;
	color: #00FFFF;
}
#timesettingoutput a p.tzcomments {
	color: #00C0C0;
	font-size: 85%;
	font-style: italic;
}
#timesettingoutput a:hover p {
	color: #C0C0C0 !important;
}
#timesettingoutput a:hover p.tzname {
	background-color: #606060;
}
#timesettingoutput a:hover p.tzcomments {
	color: #A0A0A0 !important;
}
#timesettingoutput a:active p, #timesettingoutput a:focus p {
	color: #FF80FF !important;
}
#timesettingoutput a:active p.tzname, #timesettingoutput a:focus p.tzname {
	background-color: #804080;
}
#timesettingoutput a:active p.tzcomments, #timesettingoutput a:focus p.tzcomments {
	color: #C060C0 !important;
}
#timesettingoutput div.tzsel {
	margin: .8em 4px 4px;
	border: 1px solid #006000;
	padding: 0px;
	background: #002000;
}
#timesettingoutput div.tzsel p.tzname {
	margin: 0px;
	padding: 2px 4px;
	background: #006000;
	color: #00FF00;
	font-weight: bold;
}
#timesettingoutput div.tzsel p.tztime {
	text-align: center;
	font-size: 150%;
	font-family: monospace;
	color: #00FF00;
}
#timesettingoutput div.tzsel p.tzcomments {
	color: #00C000;
	font-style: italic;
}
#timesettingoutput p.tznotfound {
	text-align: center;
	color: #FF4040;
	font-style: italic;
}

#maincontent {
	padding: 8px;
}

#maincontentcontainer {
	width: 100%;
}

/* Flag headers: */
.flaghdr {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.flaghdr > * {
	flex: auto;
}
.flaghdr > img {
	flex: none;
}

/* Immobile styles: */
@media(min-width: 54em) {
	/* Left column: */
	#leftcol {
		position: absolute;
		width: 10em;
		top: 128px;
		left: 6em;
	}

	/* Dynatree styles: */
	#menu {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 1em;
		background: #000000;
		border: 2px ridge #C0C0C0;
		padding: 0px;
		overflow: auto;
		font-family: "Tahoma","Verdana","Arial","Helvetica",sans-serif;
		font-size: 85%;
	}

	/* Time zone setting display: */
	#timesetting {
		font-family: "Tahoma","Verdana","Arial","Helvetica",sans-serif;
		font-size: 85%;
	}
	#timesettingfld {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 1em;
		font-family: "Tahoma","Verdana","Arial","Helvetica",sans-serif;
		font-size: 85%;
	}
	
	/* Main title style: */
	#maintitle {
		position: absolute;
		top: 0px;
		right: 0px;
		margin: 0px;
	}
	#boxtitle {
		display: none;
	}

	/* Main section style: */
	#mainsec {
		position: absolute;
		top: 112px;
		right: 0px;
		left: 17em;
		border-width: 2px 0px 2px 2px;
		border-style: ridge;
		border-color: #C0C0C0;
	}

	/* Top box style: */
	.topbox {
		border-bottom: 2px ridge #C0C0C0;
	}

	/* Bottom box style: */
	.botbox {
		border-top: 2px ridge #C0C0C0;
	}
}

/* Mobile styles: */
@media(max-width: 54em) {
	/* Left column: */
	#leftcol {
		margin: 0px;
	}

	/* Minitree: */
	#menu {
		box-sizing: border-box;
		margin: 2em 1em 1em;
		background: #000000;
		border: 2px ridge #C0C0C0;
		padding: 0px;
	}

	/* OneLove display: */
	#onelovelink p {
		border-left: none;
		border-right: none;
	}

	/* Time zone setting display: */
	#timesetting {
		padding-left: 4px;
		padding-right: 4px;
	}
	#timesettingfld {
		box-sizing: border-box;
		margin: 2em 1em 1em;
	}

	/* Main title style: */
	#maintitle {
		display: none;
	}
	#boxtitle, #boxtitle p {
		margin: 0px;
	}
	#boxtitle #mainicon {
		float: right;
		padding: 8px;
	}
	#boxtitle #maintitleimg {
		margin-right: 104px;
		padding: 22px 8px;
	}

	/* Top box style: */
	.topbox {
		border-width: 2px 0px;
		border-style: ridge;
		border-color: #C0C0C0;
		clear: both;
	}

	/* Menu button style: */
	#menusec {
		margin: 0px;
		clear: both;
		text-align: right;
	}

	/* Bottom box style: */
	.botbox {
		border-width: 2px 0px;
		border-style: ridge;
		border-color: #C0C0C0;
	}
}

/* Top box style: */
.topbox {
	padding: 4px 8px;
	background: #003000;
	color: #00FF00;
	font-family: monospace;
	text-align: right;
	line-height: 1em;
}

/* Bottom box style: */
.botbox {
	clear: both;
	padding: 4px 8px;
	background: #002000;
	color: #00FF00;
	font-family: monospace;
	line-height: 1em;
}
.botbox p {
	margin: .3em 0px;
}
.botbox .footlite {
	color: #00FFFF;
}