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

/* General styles for every use: */
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	background: #000000 url("/_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-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;
}
h3 {
	margin-bottom: 0em;
	font-size: 120%;
	font-weight: bold;
}
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("/_images/rulebak.png") repeat-x center;
}
abbr[title] {
	cursor: help;
}

/* General styles for forms: */
input,textarea,button,select {
	font-family: monospace;
	background: #000000;
	color: #00FF00;
}
dl input, dl textarea, dl select {
	width: 100%;
	box-sizing: border-box;
}
input[disabled], textarea[disabled], button[disabled], select[disabled], .disabl {
	color: #808080;
}
select:focus {
	background: #003030;
	color: #00ffff;
}
optgroup {
	background: #003000;
	color: #00ff00;
	padding: 0px 2px;
}
option {
	background: #000000;
	color: #00ff00;
	padding: 0px 4px;
}

/* 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;
}
.listdate a:link, .listdate a:visited {
	font-weight: bold;
	text-decoration: none;
}
.listdate a:hover, .listdate a:active, .listdate a:focus {
	text-decoration: underline;
}
.rtfloat {
	float: right;
	margin-left: 8px;
}
.fullwidthlist {
	width: 100%;
	margin: .8em 0px;
}
.fullwidthlist td, .fullwidthlist th {
	padding: 2px;
}
.byline {
	text-align: center;
	font-size: 125%;
	font-style: italic;
}

/* 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 .illum {
	border-width: 1px 0px;
	border-color: #004040;
	border-style: solid;
	background: #002020;
}
#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 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;
}
#menu .acttoggle {
	cursor: pointer;
}
/* 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;
}

/* 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=text] {
	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-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%;
}

/* Immobile styles: */
@media(min-width: 54em) {
	h1 {
		font-size: 200%;
	}

	/* 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;
	}

	/* Section lead: */
	.seclead {
		font-size: 200%;
	}

	/* Front page styles: */
	#frontleftcol {
		float: left;
		width: 18em;
		box-sizing: border-box;
	}
	#frontrightcol {
		margin-left: 19em;
	}

	/* This Week’s Whine styles: */
	#thiswhine .whinetext {
		font-size: 85%;
	}

	/* Munerically Speaking styles: */
	#munerically .munberexp {
		font-size: 85%;
	}

	/* Currently featured Whine or activity: */
	.featuredwhine, .featuredactivity {
		margin: 0px 4em;
	}

	/* Whine list styles: */
	.keywordform {
		margin: 2em 4em;
	}
	#whinepostcont {
		margin-left: 13em;
	}

	/* Whine keyword list styles: */
	.whinekeywords {
		float: left;
/* 		width: 12em; */
		box-sizing: border-box;
	}
}

/* Mobile styles: */
@media(max-width: 54em) {
	h1 {
		font-size: 160%;
	}

	/* Left column: */
	#leftcol {
		margin: 0px;
	}

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

	/* 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: 109px;
		padding: 16px 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: */
	.keywordform {
		margin: 2em;
	}
	.botbox {
		border-width: 2px 0px;
		border-style: ridge;
		border-color: #C0C0C0;
	}

	/* Section lead: */
	.seclead {
		font-size: 160%;
	}

	/* Whine keyword list styles: */
	.whinekeywords {
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}
}

/* 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;
}

/**** Elements specific to GoobNet: ****/

/**** Front page elements: ****/

/* Front page time links: */
#datebar {
	border-bottom: 2px ridge #C0C0C0;
	padding: 8px;
	background: #000000;
	font-size: 160%;
	font-weight: bold;
	text-align: center;
}
#datebar a:link, #datebar a:visited {
	color: #00FFFF;
	text-decoration: none;
}
#datebar a:hover {
	color: #C0C0C0;
}
#datebar a:active, #datebar a:focus {
	color: #FF80FF;
}

/* Front page column styles: */
#frontframe td {
	vertical-align: top;
}
#frontframe #frontleft {
	padding-right: 4px;
}
#frontframe #frontcen {
	padding-left: 4px;
	padding-right: 4px;
}
#frontframe #frontright {
	padding-left: 4px;
}

/* Front page item styles: */
.title {
	margin: 4px 4px .8em;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 125%;
}

/* This Week’s Whine styles: */
#thiswhine {
	margin-bottom: 1em;
	border: 2px ridge #C0C0C0;
	background: #003000;
	color: #00FF00;
}
#thiswhine .whinetext {
	margin: .8em 4px 4px;
}

/* Trivia Hit styles: */
#trivia {
	margin-top: 1em;
	margin-bottom: 1em;
	border: 2px ridge #C0C0C0;
	background: #102040;
	color: #4080FF;
}
#trivia .question {
	margin: .8em 4px .8em;
}
#trivia #answersfld .choicerow {
	margin: 0px;
	padding: .4em 4px;
	clear: both;
}
#trivia #answersfld .choicerow.ansactive {
	cursor: pointer;
}
#trivia #answersfld .choicerow.ansactive:hover {
	background: #303030;
	color: #C0C0C0;
}
#trivia #answersfld .choicerow .choicei {
	width: 3em;
	margin: 0px;
	float: left;
	text-align: right;
}
#trivia #answersfld .choicerow .choicetxt {
	margin: 0px 0px 0px 3.5em;
}
#trivia #answersfld .choicerow.ansactive .choicetxt {
	color: #00FFFF;
	text-decoration: underline;
}
#trivia #answersfld .choicerow.ansactive:hover .choicetxt {
	color: #C0C0C0;
}
#trivia #answersfld .response {
	margin: 0px 2em;
	clear: both;
	font-size: 85%;
}
#trivia #answersfld .response p {
	margin: .4em 0px 0px;
}
#trivia #answersfld .choicerow.choiceyes {
	background: #004040;
	color: #00FFFF;
}
#trivia #answersfld .choicerow.choiceno {
	background: #400000;
	color: #FF8080;
}
#trivia #answersfld .choicerow.choiceyes .response {
	color: #00C0C0;
}
#trivia #answersfld .choicerow.choiceno .response {
	color: #C06060;
}
#trivia #answersfld .choicerow.choiceyes .choicei, #trivia #answersfld .choicerow.choiceno .choicei {
	font-weight: bold;
	font-style: italic;
}

/* Munerically Speaking styles: */
#munerically {
	margin-bottom: 1em;
	border: 2px ridge #C0C0C0;
	background: #400000;
	color: #FF8080;
}
#munerically .munber {
	margin: .8em 4px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
#munerically .munber i {
	font-style: normal;
}
#munerically .munberexp {
	margin: .8em 4px;
}
#munerically .munberlink {
	margin: .8em 4px 4px;
}

/* Quoteboard styles: */
#quoteboard {
	margin-top: 1em;
	margin-bottom: 1em;
	border: 2px ridge #C0C0C0;
	background: #000000;
	color: #00FF00;
}
#quoteboard .quote {
	margin: .8em 4px;
}
#quoteboard .quoteexp {
	margin: .8em 4px 4px 32px;
	text-indent: -8px;
	font-size: 85%;
	font-style: italic;
	line-height: 1em;
}
#quoteboard .quoteexp i {
	font-style: normal;
}

/* General types of formatting: */
.dialogue p {
	margin-left: 3em;
	text-indent: -3em;
}

/* Section lead: */
.seclead {
	margin: 0px 0px .4em;
	border-bottom: 5px double #006000;
	font-family: monospace;
}

/* Whine/Activity list styles: */
.yearbar {
	border: 2px ridge #C0C0C0;
	padding: 8px;
	background: #000000;
	text-align: center;
}
#keywordlist {
	width: 20em;
	box-sizing: border-box;
}
.whinepost {
	margin: 2em 0px;
	border: 2px ridge #C0C0C0;
	background: #000000;
}
.whinepost p {
	margin: 1em 16px;
}
.whinepost .postdate {
	margin: 0px;
	padding: 4px 8px;
	background: #002000;
	font-weight: bold;
}
.whinepost h2 {
	margin: 0px;
	border-color: #006060;
	padding: 4px 12px 2px;
	background: #003030;
}
.whinepost h2 a:link, .whinepost h2 a:visited {
	text-decoration: none;
}
.whinepost h2 a:hover, .whinepost h2 a:active, .whinepost h2 a:focus {
	text-decoration: underline;
}
.whinepost .keywords {
	margin: 1em 8px 4px;
	color: #00C000;
	font-size: 85%;
	font-style: italic;
}
.keywords a:link, .keywords a:visited {
	color: #00FF00;
	font-weight: bold;
	text-decoration: none;
}
.keywords a:hover {
	color: #C0C0C0;
	text-decoration: underline;
}
.keywords a:active, .keywords a:focus {
	color: #FF80FF;
	text-decoration: underline;
}
.activitycont {
	display: flex;
	flex-flow: row-reverse wrap;
}
.activitycont p {
	flex: 1000 0 12em;
}
.activitycont .imcont {
	flex: auto;
	margin: 0px;
	padding: .5em;
	background: #003000;
	text-align: center;
}
.whinepost.hidden {
	border: 2px ridge #606060;
	color: #808080;
}
.whinepost.hidden .postdate {
	background: #202020;
}
.whinepost.hidden h2 {
	border-color: #606060;
	background: #303030;
}
.whinepost.hidden .activitycont .imcont {
	background: #303030;
}
.navresults {
	margin: .5em 0px;
	text-align: center;
}

/* Whine keyword list styles: */
.whinekeywords {
	width: 12em;
	margin-top: 2em;
	background: #000000;
	border: 2px ridge #606060;
}
.whinekeywords .head {
	margin: 0px 0px 12px;
	padding: 2px;
	background: #003030;
	color: #00FFFF;
	font-size: 125%;
	text-align: center;
	font-family: monospace;
	font-weight: normal;
}
.whinekeywords table {
	width: 100%;
	box-sizing: border-box;
}
.whinekeywords td {
	vertical-align: top;
	padding: 1px;
	font-size: 85%;
}
.whinekeywords a:link, .whinekeywords a:visited {
	font-weight: bold;
	text-decoration: none;
}
.whinekeywords a:hover, .whinekeywords a:active, .whinekeywords a:focus {
	text-decoration: underline;
}
.whinekeywords .hilite td {
	background: #404040;
	color: #C0C0C0;
	font-weight: bold;
	font-style: italic;
}

/* About GoobNet styles: */
.aboutpers {
	margin-top: 0px;
	text-align: center;
}
.floatimglf {
	float: left;
	margin-right: 8px;
	border: 2px ridge #C0C0C0;
	padding: 2px;
}
.acclaim {
	margin-bottom: 4px;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
.acclaimattr {
	margin-top: 4px;
	font-style: italic;
	text-align: center;
}
.linkstbl {
	width: 100%;
}
.linkstbl td {
	vertical-align: top;
}
.linkstbl a:link img, .linkstbl a:visited img {
	border-width: 1px;
	border-style: solid;
}
.linkstbl .sidecol {
	padding: 4px 0px;
}
.linkstbl .cencol {
	padding: 4px 8px;
}
.linkstbl .btnfloatlf {
	float: left;
}
.linkstbl .btnfloatrt {
	float: right;
}

/* Munber Theory styles: */
#munberby {
	margin: 0px;
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
#munberlead {
	margin: .3em 0px;
	border-bottom: 5px double #006000;
	font-size: 200%;
	font-family: monospace;
	text-align: center;
}
#munberedit {
	margin: 0px 0px .8em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
.munbercontents {
	font-size: 125%;
}
.munbercontents ul {
	font-size: 85%;
}
.subsechead {
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
}
.ind {
	text-indent: 1em;
}
.munberexc li {
	margin-bottom: .3em;
}
.munberexc td {
	padding-right: .5em;
	vertical-align: top;
}

/* Review committee Weekly Whine styles: */
.awardhonouree {
	margin: 0em 0em .4em 0em;
	font-style: italic;
}
.awardhonouree i {
	font-style: normal;
}
.awarddetails {
	margin: .4em 0em .4em 3em;
	text-indent: -3em;
}

/* GoobNet Mailbox Weekly Whine styles: */
.mailboxltr {
	margin: .8em 0px 0px;
	color: #00C000;
	font-style: italic;
}
.mailboxltr b {
	color: #00FF00;
}
.mailboxltr i {
	font-style: normal;
}
.mailboxfrom {
	margin: 0px 2em .8em;
	text-align: right;
	color: #00C000;
}

/* GoobNet Satellite Programming Live Using Television styles: */
.bigline {
	color: #00FFFF;
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
}