html {
	font-family:Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-size:14px;
	line-height:1.5em;
	-webkit-font-smoothing:subpixel-antialiased;
}
body {
	background-color:#efefff;
	color:#000000;
	margin:0px;
	margin-top:56px;
}
/* general links - define before other link css */
a:link {
	color:#0636b4;
	text-decoration:none;
}
a:visited, a:active {
	color:#6126b4;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
ul.noindent {
	padding-left:1.2em;
}
ol.noindent {
	padding-left:1.6em;
}
table {
	text-align:left;
}
table.image {
	background-color:#e4e4e4;
	border:1px solid #000000;
}
table.poptable {
	border-spacing:4px;
	min-width:60%;
}
table.poptable td.rank {
	text-align:right;
	padding-right:10px;
}
table.numberstable {
	font-size:0.786rem;
	border-collapse:collapse;
	color:black;
}
th {
	background-color:#9c4b54;
	color:white;
	padding:2px 5px;
	font-weight:bold;
}
th.hilite {
	background-color:#000077;
}
div.th-rounded {
	background-color:#9c4b54;
	color:white;
	font-weight:bold;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	padding:2px 5px;
	text-align:center;
}
div.th-rounded-hilite {
	background-color:#000077;
}
th a.sortable {
	text-decoration:none;
	color:inherit;
	display:block;
	position:relative;
	height:100%;
	padding-right:16px;
}
th a.sortable img {
	position:absolute;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
}
table.r1r2 {
	border-spacing:1px;
	border-collapse:separate;
}
table.r1r2 td {
	padding:4px 3px;
}
table.r1r2 th {
	padding:4px 3px;
}
table.r1r2 div.th-rounded {
	padding:4px 3px;
}
table.r1r2 tr:nth-child(odd) td {
	background-color:#ededeb;
}
table.r1r2 tr:nth-child(even) td {
	background-color:#f2f2e4;
}
tr.plain td {
	background-color:transparent !important;
}
td.plain {
	background-color:transparent !important;
}
td.no-pad {
	padding:0px !important;
}

table.derby-table {
	border-spacing:0px;
	border-collapse:separate;
}
table.derby-table td {
	padding:5px 4px;
	background-color:#ffffff;
}
table.derby-table th {
	padding:5px 4px;
	color:#000000;
	font-weight:bold;
}
table.derby-table-m {
	border:1px solid #c2d2f8;
	background-color:#e2f2ff;
}
table.derby-table-f {
	border:1px solid #f8c2d2;
}
table.derby-table-m th {
	background-color:#c2d2f8;
}
table.derby-table-f th {
	background-color:#f8c2d2;
}
table.derby-table-m tr:nth-child(odd) td {
	background-color:#e2f2ff;
}
table.derby-table-f tr:nth-child(odd) td {
	background-color:#ffe2f2;
}

div.extreme-wrapper {
	display:inline-block;
	vertical-align:top;
	margin-bottom:15px;
	margin-right:15px;
}
table.extreme-table {
	border-spacing:0px;
	border-collapse:collapse;
}
table.extreme-table th {
	padding:3px 3px;
	color:#000000;
	font-weight:bold;
	text-align:center;
}
table.extreme-table td {
	padding:0px;
	background-color:#ffffff;
}
table.extreme-table-m td {
	border:1px solid #c2d2f8;
}
table.extreme-table-f td {
	border:1px solid #f8c2d2;
}
table.extreme-table-m th {
	background-color:#c2d2f8;
}
table.extreme-table-f th {
	background-color:#f8c2d2;
}
table.extreme-table table {
	width:100%;
	border-spacing:0px;
}
table.extreme-table table td {
	border-width:0px;
	padding:2px;
}
table.extreme-table-m table tr:nth-child(even) td {
	background-color:#e2f2ff;
}
table.extreme-table-f table tr:nth-child(even) td {
	background-color:#ffe2f2;
}

@media screen and (min-width:700px) {
	table.r1r2 td {
		padding:3px;
	}
	table.r1r2 th {
		padding:3px;
	}
	table.r1r2 div.th-rounded {
		padding:3px;
	}
}
td.topspacer {
	width:30px;
}

.wide {
	padding-left:20px;
	padding-right:20px;
	margin-left:-20px;
	margin-right:-20px;
}
@media screen and (min-width:700px) {
	.wide {
		padding-left:30px;
		padding-right:30px;
		margin-left:-30px;
		margin-right:-30px;
	}
}

/* general form inputs - define before other inputs */
input[type=text], input[type=password], input[type=email] {
	box-sizing:border-box;
	border:1px solid #a0a0a0;
	border-radius:3px;
	font-size:0.857rem;
	font-family:system-ui, sans-serif;
	line-height:1.429rem;
	padding:0px 4px;
	margin:0px;
	color:#000000;
	background-color:#ffffff;
	-moz-appearance:none; 
	-webkit-appearance:none; 
	appearance:none;
}
input[type=text].sminput, input[type=password].sminput {
	font-size:0.714rem;
	line-height:1.143rem;
}
input[type=checkbox] {
	font-size:1.143rem;
	margin:2px 0px;
}
input[type=radio] {
	font-size:1.143rem;
	margin:2px;
}
select, .select-like {
	box-sizing:border-box;
	border:1px solid #a0a0a0;
	border-radius:3px;
	font-size:0.857rem;
	font-family:system-ui, sans-serif;
	line-height:1.429rem;
	padding:0px 4px;
	margin:0px;
	-moz-appearance:none; 
	-webkit-appearance:none; 
	appearance:none;
	color:#000000;
	background-color:#ffffff;
	background-image:url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40"><polygon points="0,0 60,0 30,40" style="fill:%23000000;"/></svg>');
	background-repeat:no-repeat;
	background-size:0.7em auto;
	background-position:right 0.3em center;
	padding-right:1.2em;
}
select.sminput {
	font-size:0.714rem;
	line-height:1.143rem;
}
textarea {
	box-sizing:border-box;
	border:1px solid #a0a0a0;
	border-radius:3px;
	font-size:0.857rem;
	padding:3px;
	color:#000000;
	background-color:#ffffff;
}
.switch-input {
	display:flex;
}
.switch-input input {
	display:none;
}
.switch-input label {
	display:inline-block;
	font-size:0.857rem;
	line-height:1.3em;
	color:#000000;
	background-color:#ffffff;
	border-left:1px solid #a0a0a0;
	border-top:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
	transition:all 0.1s ease-in-out;
	padding:2px 12px;
}
.switch-input label:hover {
	cursor:pointer;
}
.switch-input input:checked + label {
	color:#ffffff;
	background-color:#000000 !important;
}
.switch-input label:first-of-type {
	border-radius:3px 0px 0px 3px;
}
.switch-input label:last-of-type {
	border-right:1px solid #a0a0a0;
	border-radius:0px 3px 3px 0px;
}
hr {
	background-color:#ddddd3;
	color:#ddddd3;
	height:2px;
	border:0;
	margin:15px 0px;
}
hr.dotted {
	height:0px;
	border-top:2px dotted #ddddd3;
	background-color:transparent;
}
hr.invisible {
	height:0px;
	border-color:transparent;
	background-color:transparent;
	margin:0px;
	margin-top:10px;
}

div.toolbar {
	background-color:#8080ac;
	background-color:rgba(99,99,158,0.85);
	padding:5px 6px;
	text-align:center;
	color:white;
	margin-bottom:15px;
	margin-left:-20px;
	margin-right:-20px;
}
@media screen and (min-width:700px) {
	div.toolbar {
		margin-left:-30px;
		margin-right:-30px;
	}
}
div.toolbar div.toolbarset {
	display:inline-block;
	margin:0px 9px;
	white-space:nowrap;
}
div.toolbar div.toolbarset a {
	color:white;
	text-decoration:none;
}
div.corner_admin {
	background-color:#8080ac;
	background-color:rgba(99,99,158,0.85);
	color:white;
	font-size:0.857rem;
	line-height:25px;
	padding:7px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	border-bottom-left-radius:5px;
}
@media screen and (min-width:700px) {
	div.corner_admin {
		border-top-right-radius:4px;
	}
}

div.corner_admin a {
	color:white;
	text-decoration:none;
}
div.corner_admin div.toolbarset {
	display:inline-block;
	margin:0px 3px;
	white-space:nowrap;
}
div.toolbarset img {
	border-width:0px;
	height:1em;
	vertical-align:text-top;
}
img.toolbar-inline {
	background-color:#8080ac;
	background-color:rgba(99,99,158,0.85);
	padding:1px;
}

@media screen and (min-width:700px) {
	.toggle-mobile {
		display:none !important;
	}
}
@media screen and (max-width:699px) {
	.toggle-desktop {
		display:none !important;
	}
}

/* 1st - the menu bar */
div#menubar-wrapper {
	height:58px;
	position:absolute;
	width:100%;
	top:0px;
	background-color:#8080ac;
	background-color:rgba(99,99,158,0.85);
	min-width:470px;
	z-index:99;
}
div#menubar {
	max-width:1160px;
	min-width:470px;
	margin:auto;
	height:100%;
	z-index:99;
}
table#menubar-table {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	white-space:nowrap;
}
form#menu-search {
	padding:0px;
}
form#menu-search > div {
	border:2px inset #888888;
	border-radius:4px;
	background-color:#ffffff;
	margin:0px;
	display:inline-block;
}
form#menu-search > div > table {
	margin:0px;
}
input#menu-search-input {
	font-size:1.143rem;
	border:0px;
	padding:2px;
	margin:0px;
	height:28px;
	width:175px;
}
button#menu-search-button {
	margin:0px;
	padding:0px;
	border-width:0px;
	cursor:pointer;
	background-color:#9c4b54;
}
button#menu-search-button img {
	height:20px;
	padding:4px 5px;
}
td#menucell1 { /* max=295, min=50 */
	vertical-align:middle;
	padding:3px 5px 0px 10px;
	width:55px;
	min-width:40px;
}
td#menucell2 { /* max=355, min=235 */
	text-align:center;
	vertical-align:middle;
	padding:0px 15px;
	width:355px;
	min-width:235px;
}
td#menucell3 {
	display:none;
	vertical-align:middle;
	padding:0px 5px;
}
td#menucell4 {
	display:none;
	text-align:right;
	vertical-align:middle;
	padding:0px;
	white-space:nowrap;
}
td#menucell0 {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	padding:0px 0px;
	width:60px;
	min-width:40px;
}
img#menu-logo {
	border:0px;
	width:249px;
	display:none;
}
img#menu-logo-sm {
	border:0px;
	width:33px;
}
@media screen and (min-width:700px) {
	div#menubar-wrapper {
		height:58px;
		position:fixed;
	}
	body {
		margin-top:66px;
	}
	td#menucell2 {
		padding:0px;
	}
	td#menucell3 {
		display:table-cell;
	}
	td#menucell4 {
		display:table-cell;
	}
	td#menucell0 {
		display:none;
	}
}
@media screen and (min-width:930px) {
	img#menu-logo {
		display:inline;
	}
	img#menu-logo-sm {
		display:none;
	}
	td#menucell1 {
		width:290px;
	}
	td#menucell1_v2 {
		width:290px;
	}
}
div.pnlicon {
	display:inline-block;
	height:34px;
	width:30px;
	position:relative;
	text-align:center;
	vertical-align:middle;
}
div.pnlicon img {
	height:28px;
	border-width:0px;
}
div.pnlnumber {
	position:absolute;
	line-height:28px;
	top:1px;
	left:0px;
	width:100%;
	text-align:center;
	font-size:0.714rem;
	color:red;
	text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;
}
div.mailicon {
	display:inline-block;
	height:20px;
	width:24px;
	text-align:right;
	vertical-align:middle;
}
div.mailicon img {
	height:16px;
	border-width:0px;
}
div.notificon {
	display:inline-block;
	height:24px;
	width:22px;
	text-align:right;
	vertical-align:middle;
}
div.notificon img {
	height:20px;
	border-width:0px;
}
/* 2nd - the banner ad */
div.bannerad-wrap {
	text-align:center;
}
div.bannerad {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:8px;
	overflow:hidden !important;
}
@media screen and (min-width:700px) {
	div.bannerad {
		height:90px;
	}
}
div.banneradoff {
	width:100%;
	height:20px;
	margin-bottom:8px;
}
/* 3rd - the body */
div#body-wrapper {
	padding:1px 0px;
	max-width:1160px;
	min-width:470px;
	margin-left:auto;
	margin-right:auto;
}
div#body {
	position:relative;
	border:1px solid #666666;
	border-left-width:0px;
	border-right-width:0px;
		box-shadow:0px 2px 3px 1px #666666, 0px 0px 70px 5px #ebe6cf inset;
		background-color:#fffcf4;
	min-width:440px;
}
div#body-inner {
	min-height:630px;
	padding:20px;
	padding-bottom:30px;
}
div.extrawide {
	width:calc(100% + 15px);
	min-width:calc(100% + 15px);
	overflow-x:auto;
	overflow-y:hidden;
	display:inline-block;
	background-color:#fffcf4;
	margin-top:-10px;
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:-30px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	padding-right:5px;
		box-shadow:-70px 0px 70px -65px #ebe6cf inset, 70px 0px 70px -65px #ebe6cf inset;
	}
@media screen and (min-width:700px) {
	div#body-wrapper {
		padding:1px 15px;
		max-width:1130px;
		min-width:440px;
	}
	div#body {
		border-left-width:1px;
		border-right-width:1px;
		border-radius:5px;
	}
	div#body-inner {
		padding:30px;
	}
	div.extrawide {
		width:auto;
		min-width:calc(100% + 25px);
		overflow-x:visible;
		overflow-y:visible;
		margin-left:-30px;
		margin-right:-30px;
		padding-left:30px;
	}
}
/* 4th - the footer */
div#footer {
	max-width:1160px;
	min-width:470px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 15px 155px 15px;
	box-sizing:border-box;
}
div#footer.footer-video {
	padding-bottom:425px;
}
@media screen and (min-width:700px) {
	div#footer {
		padding-bottom:205px;
	}
	div#footer.footer-video {
		padding-bottom:475px;
	}
}
div#footer.footer-noad {
	padding-bottom:10px;
}
div#footer table {
	width:100%;
}
div#footer td {
	vertical-align:top;
	padding:3px;
	font-size:0.786rem;
	line-height:1.4em;
}
div#footer td#footer-right {
	text-align:right;
}
a.swap-theme {
	display:inline-block;
	text-decoration:none;
	margin-top:8px;
	padding:2px 10px;
	border-radius:6px;
}
a.swap-theme-dark {
	color:white;
	background-color:#0b0b00;
		display:inline-block;
	}
a.swap-theme-light {
	color:black;
	background-color:#fffcf4;
		display:none;
	}

/* search on main page - new */
div#main-search-box {
	border:2px inset #888888;
	border-radius:4px;
	background-color:#ffffff;
	margin:0px;
	display:inline-block;
}
input#main-search-input {
	font-size:1.429rem;
	border:0px;
	padding:4px;
	margin:0px;
	width:270px;
	height:36px;
}
button.main-search-button {
	margin:0px;
	margin-left:1px;
	padding:0px;
	border-width:0px;
	cursor:pointer;
	background-color:#9c4b54;
}
button.main-search-button img {
	height:26px;
	padding:5px 6px;
}

div#logo {
	display:inline-block;
	position:relative;
}
div#logo > img {
	margin:10px;
	width:380px;
}
div#logo > div {
	font-size:1rem;
	letter-spacing:1.95px;
	white-space:nowrap;
	width:350px;
	position:absolute;
	bottom:7px;
	left:76px;
	text-align:left;
}
@media screen and (min-width:620px) {
	input#main-search-input {
		width:400px;
	}
	div#logo > img {
		width:500px;
	}
	div#logo > div {
		font-size:1.214rem;
		letter-spacing:3px;
		left:99px;
		width:440px;
		bottom:10px;
	}
}
@media screen and (min-width:820px) {
	input#main-search-input {
		width:560px;
	}
	div#logo > img {
		width:651px;
	}
	div#logo > div {
		font-size:1.714rem;
		left:125px;
		width:550px;
		bottom:12px;
	}
}
blockquote {
	margin-left:20px;
	margin-right:20px;
}

div.pageheading {
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:2px solid #ddddd3;
}
div.pageheading-top {
	display:flex;
	align-items:flex-end;
}
div.pageheading-left {
	flex:1 auto;
}
div.pageheading h1 {
	margin:0px;
	font-size:1.714rem;
	line-height:2.143rem;
}
div.pageheading-center {
	text-align:center;
}
div.pageheading-has-toolbar {
	margin-bottom:5px;
	border-bottom-width:0px;
}

nav.breadcrumb {
	margin:0px;
	font-weight:bold;
	font-size:0.857rem;
	padding:0px;
	color:#cccccc;
}
nav.breadcrumb > a {
	color:#999999;
}

div.normal {
	font-size:1rem;
}
span.muted {
	font-weight:bold;
	font-size:0.929rem;
	color:#999999;
}
span.muted-sep {
	font-weight:bold;
	font-size:0.929rem;
	color:#999999;
	padding:0px 6px;
}
span.muted-sep-mini {
	padding:0px 4px;
}
div.comment {
	margin:10px 0px;
	padding:8px 10px;
	border-radius:5px;
	word-wrap:break-word;
}
div.comment-byline {
	margin-top:3px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	column-gap:20px;
}
div.comment-byline-left {
	margin-left:20px;
}
div.comment-edtools {
	display:flex;
	align-items:center;
	justify-content:center;
	column-gap:15px;
	margin-left:auto;
}
div.comment-vote {
	text-align:right;
}
div.commentheader {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-bottom:20px;
}
div.commentheader-filter {
	text-align:left;
	-ms-flex-order:2;
	order:2;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	margin-bottom:10px;
}
div.commentheader-key {
	text-align:center;
	margin-bottom:10px;
	-ms-flex-order:1;
	order:1;
	-ms-flex:1 1 100%;
	flex:1 1 100%;
}
div.commentheader-sort {
	text-align:right;
	-ms-flex-order:3;
	order:3; 
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	margin-bottom:10px;
}
@media screen and (min-width:700px) {
	div.comment { 
		padding:10px 15px;
	} 
}
@media screen and (min-width:900px) {
	div.commentheader-filter { 
		-ms-flex-order:1;
		order:1; 
	} 
	div.commentheader-key { 
		-ms-flex-order:2;
		order:2;
		-ms-flex:0 1 auto;
		flex:0 1 auto;
	}
	div.commentheader-sort { 
		-ms-flex-order:3;
		order:3; 
	}
}
div.comment-edit-form {
	position:absolute;
	left:0px;
	right:0px;
	padding:20px 30px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	background-color:#e8e8db;
	z-index:2;
}
div.commentkey {
	display:inline-block;
	padding:2px 3px;
	border-radius:3px;
	cursor:pointer;
	margin:0px;
}
div.commentkey-on {
	border:2px solid #000000;
	margin:-1px;
}
div.commentkey-empty {
	color:gray;
	border:none;
}
.comment-hist-bg {
	background-color:rgba(207,207,255,0.8);
	border:1px solid #5b5bff;
}
.comment-usag-bg {
	background-color:rgba(205,221,248,0.8);
	border:1px solid #6a99ea;
}
.comment-pron-bg {
	background-color:rgba(223,203,248,0.8);
	border:1px solid #a268eb;
}
.comment-bear-bg {
	background-color:rgba(205,237,232,0.8);
	border:1px solid #7cd0c3;
}
.comment-impr-bg {
	background-color:rgba(239,207,224,0.8);
	border:1px solid #d37baa;
}
.comment-othr-bg {
	background-color:rgba(221,221,232,0.8);
	border:1px solid #9999ba;
}

div.discuss {
	margin:5px 0px;
	background-color:#f2f2e4;
	border:1px solid #e8e8db;
	border-radius:5px;
	word-wrap:break-word;
}
div.discuss-main {
	margin:15px 0px 5px 0px;
}
div.member-discuss div.discuss-bot {
	background-color:#ddffdd;
}
div.discuss-block {
	padding:5px;
}
div.discuss-tools {
	float:right;
}
div.discuss img {
	max-width:100%;
	height:auto;
}
div.ipadnamepagename {
	font-size:16px;
	font-weight:bold;
}
div.ipadnamepagedesc {
	margin-top:10px;
}
nav.nametools {
	float:right;
	position:relative;
	margin-bottom:5px;
	z-index:2;
}
div.pnlbutton {
	display:inline-block;
	margin-left:20px;
}
div.ratebutton {
	display:inline-block;
	margin-left:20px;
}
div.notd-info {
	padding-left:15px;
	line-height:22px;
}
div.notd-section {
	margin-bottom:10px;
}
div.notd-gender {
	float:right;
}

div.ratenumber {
	display:inline-block;
	font-size:1.714rem;
	line-height:24px;
	text-align:center;
	cursor:pointer;
}
div.ratenumber span {
	display:block;
	font-size:0.857rem;
	line-height:1em;
	margin-top:2px;
	color:#000000;
}
div.pnladd {
	display:inline-block;
	text-align:center;
	cursor:pointer;
}
div.pnladd span {
	display:block;
	font-size:0.857rem;
	line-height:1em;
	margin:2px -10px 0px -10px;
	color:#000000;
}
div.pnladd svg {
	height:24px;
}
div.pnladd svg path {
	stroke:#000000;
	fill:none;
}
div.pnladd-saved svg path {
	fill:#ffff00;
}


span.cit-grp {
	white-space:nowrap;
}
article.namepage span.cit-grp {
	display:none;
}
article.namepage-showcit span.cit-grp {
	display:inline;
}
div.infoname {
	margin-top:8px;
	position:relative;
	line-height:1.9em;
	padding-left:60px;
	text-indent:-60px;
}
span.infoname-title {
	display:inline-block;
	box-sizing:border-box;
	padding-right:10px;
	min-width:60px;
	color:#333333;
	font-weight:bold;
	text-indent:0px;
}
span.infoname-title-short {
	display:inline-block;
}
span.infoname-title-full {
	display:none;
}

span.infoname-unit {
	text-indent:0px;
	display:inline-block;
	position:relative; /* for pron popup */
}
span.infoname-usage {
	margin-left:5px;
	margin-right:10px;
	text-indent:0px;
	font-weight:bold;
	color:#0636b4;
}
div.namedef {
	line-height:1.6em;
	overflow-wrap:break-word;
}
div.inforel {
	margin-bottom:8px;
	position:relative;
	padding-left:30px;
	text-indent:-30px;
	line-height:1.9em;
}
span.inforel-title {
	display:inline-block;
	padding-right:10px;
	font-weight:bold;
	color:#333333;
	text-indent:0px;
}
span.inforel-title::after {
  content:":";
}
@media screen and (min-width:700px) {
	div.infoname {
		padding-left:90px;
		text-indent:-90px;
		line-height:1.7em;
	}
	div.inforel {
		line-height:1.7em;
	}
	span.infoname-title {
		min-width:90px;
	}
	span.infoname-title-short {
		display:none;
	}
	span.infoname-title-full {
		display:inline-block;
	}
}
div.ratingblurb {
	text-align:justify;
}
div.refblurb {
	overflow-wrap:break-word;
}
div.namefooter {
	margin-top:50px;
	text-align:right;
}
div.namefooter-social {
	float:right;
	padding-left:40px;
}
div.namefooter-blame {
	font-size:0.786rem;
	line-height:28px;
	float:right;
}

a.text-function {
	font-weight:bold;
	font-size:0.929rem;
	color:#9c4b54;
	text-decoration:none;
	white-space:nowrap;
}
span.text-function {
	font-weight:bold;
	font-size:0.929rem;
	white-space:nowrap;
}
.text-function-disabled {
	color:#999999 !important;
}
a.text-function-larger {
	font-size:1rem;
}
.text-function-hilight {
	padding:0px 2px;
	background-color:#f8c8c8;
}
span.text-select {
	font-weight:bold;
	font-size:0.929rem;
}
span.text-select span {
	color:#9c4b54;
	font-size:1.286rem;
}
div.nameimg {
	display:inline-block;
	vertical-align:top;
}
div.nameimg:not(:nth-last-child(1)) {
	margin-right:15px;
	margin-bottom:15px;
}
div.nameimg img {
	max-width:100%;
	max-height:400px;
}
div.nameimg span {
	display:block;
	width:100px;
	min-width:100%;
	text-align:center;
}
div.namebanner {
	margin:-20px -20px 20px -20px;
}
div.namebanner-bar {
	position:relative;
}
div.namebanner-img {
	position:absolute;
	top:0px;
	width:100%;
}
div.namebanner-shdw {
	position:absolute;
	top:0px;
	width:100%;
}
h1.namebanner-title {
	position:absolute;
	bottom:0px;
	font-weight:bold;
	display:inline-block;
	color:white;
	padding:10px;
	line-height:40px;
	height:40px;
	clear:both;
	vertical-align:bottom;
	margin:0px;
	margin-left:10px;
}
h1.namebanner-title a {
	color:white;
	text-decoration:none !important;
}
@media screen and (min-width:700px) {
	div.namebanner {
		margin:-30px -30px 20px -30px;
	}
	div.namebanner-bar {
		border-radius:4px 4px 0px 0px;
	}
	div.namebanner-mini {
		margin:10px -30px 0px -30px;
	}
	h1.namebanner-title {
		margin-left:20px;
	}
}
nav.name-tabbar {
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	display:none;
}
div.nametab, a.nametab {
	text-decoration:none !important;
	font-size:1rem;
	line-height:32px;
	margin:0px;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
	vertical-align:top;
	display:inline-block;
	height:31px;
	border-right:1px solid #444444;
}
div.nametab_inactive, a.nametab_inactive {
	color:#ffffff !important;
	height:30px;
	border-bottom:1px solid #444444;
	border-top:1px solid #85848c;
	background-color:#777568;
}
div.nametab_active, a.nametab_active {
	color:#000000 !important;
	border-top:1px solid #444444;
}
div.nametab_empty, a.nametab_empty {
	color:#a49f8b !important;
	height:30px;
	border-bottom:1px solid #444444;
	border-top:1px solid #85848c;
	background-color:#575548;
}
a.nametab_long {
	display:none;
}
@media screen and (min-width:900px) {
	a.nametab {
		font-size:1.143rem;
	}
}
@media screen and (min-width:1100px) {
	a.nametab_long {
		display:inline-block;
	}
	a.nametab_short {
		display:none;
	}
}

nav.name-navbar {
	position:relative;
	position:-webkit-sticky;
	position:sticky;
	bottom:55px;
	height:80px;
	padding:0px 10px;
	background-color:#777568;
	overflow-x:auto;
	overflow-y:hidden;
	display:flex;
	z-index:98;
	-webkit-overflow-scrolling:touch;
}
nav.name-navbar-few {
	justify-content:space-evenly;
}
nav.name-navbar-many {
	justify-content:space-between;
}
nav.name-navbar-noad {
	bottom:0px;
}

nav.editortools {
	margin:5px 0px 10px 0px;
	text-align:right;
}
nav.editortools > * {
	display:inline-block;
	white-space:nowrap;
	margin-left:16px;
}

a.nameicon {
	position:relative;
	display:inline-block;
	padding-top:10px;
	text-align:center;
	vertical-align:top;
	height:80px;
	width:85px;
	-ms-flex:0 0 85px;
	flex:0 0 85px;
	text-decoration:none !important;
}
a.nameicon-active {
	background-color:#6b695d;
}
a.nameicon img {
	height:40px;
}
a.nameicon span {
	display:block;
	font-size:0.857rem;
	color:white;
	line-height:1em;
	width:100%;
	padding-top:4px;
}
a.nameicon-empty span {
	color:#a49f8b;
}

@media screen and (min-width:700px) {
	nav.name-navbar {
		display:none;
	}
	nav.name-tabbar {
		display:block;
	}
}


div.letterlinks {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	font-size:1.214rem;
	font-weight:bold;
	width:338px;
}
div.letterlinks > a, div.letterlinks > span {
	display:inline-block;
	box-sizing:border-box;
	width:26px;
	padding:5px 0px;
	margin:2px 0px;
	text-align:center;
}
div.sm-letterlinks {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:260px;
}
div.sm-letterlinks > a, div.sm-letterlinks > span {
	display:inline-block;
	box-sizing:border-box;
	width:20px;
	text-align:center;
	margin:2px 0px;
}
div.genderlinks {
	font-size:1.143rem;
	padding:5px 0px;
}
img.gendericon {
	height:20px;
	vertical-align:text-top;
	padding-right:8px;
	border-width:0px;
	margin:-3px 0px;
}
div.genderlinks img.gendericon {
	height:24px;
}
div.usagelinks {
	display:grid;
	grid-template-columns:repeat(3, auto);
	justify-content:center;
	justify-items:start;
	font-size:1.143rem;
	text-align:left;
}
div.usagelinks > div {
	display:inline-block;
	box-sizing:border-box;
	text-align:left;
	padding:5px 0px 5px 20px;
}
@media screen and (min-width:600px) {
	div.sm-letterlinks {
		width:520px;
	}
}
@media screen and (min-width:800px) {
	div.letterlinks {
		width:676px;
	}
}
@media screen and (min-width:700px) {
	div.letterlinks {
		font-size:1.286rem;
	}
	div.genderlinks {
		font-size:1.286rem;
	}
	div.genderlinks img.gendericon {
		height:26px;
	}
	div.usagelinks {
		font-size:1.286rem;
		grid-template-columns:repeat(4, auto);
	}
}

div.browsename {
	padding:3px;
	margin:4px 0px;
	line-height:1.7em;
}
div.browsenamebrief {
	padding:3px;
	margin:1px 0px;
}
div.browsenameverybrief {
	display:inline-block;
	box-sizing:border-box;
	min-width:205px;
	padding:2px;
	margin:0px 1px 1px 0px;
}
@media screen and (min-width:700px) {
	div.browsename {
		line-height:1.5em;
	}
}
div.is-editing {
	border:1px dashed #ddddd3;
	background-color:#f2f2e4;
	margin-left:-1px;
	margin-right:-1px;
	margin-top:-1px;
	margin-bottom:10px;
}
div.is-editing > div.browsename {
	margin-top:0px;
}
div.is-editing > div.browsenamebrief {
	margin-top:0px;
}
div.snt-inline-edit {
	padding:10px;
}
div.sn-status-note {
	padding:3px;
	text-align:center;
}
div.is-editing div.sn-status-note {
	display:none;
}
table.sn-name-lookup {
	margin-top:4px;
	border-spacing:0px;
	border-collapse:collapse;
}
table.sn-name-lookup td {
	border:1px solid #cccccc;
	padding:2px 6px;
}
ul.sn-source-list {
	margin:0px;
	columns:2;
}
@media screen and (min-width:850px) {
	ul.sn-source-list {
		columns:3;
	}
}

div.stat-group {
	margin-left:20px;
}
div.stat-multi {
	columns:2;
}
div.stat-group > div {
	padding-bottom:7px;
}
div.stat-group > div > b {
	display:inline-block;
	min-width:40px;
	padding-right:5px;
	text-align:right;
}
@media screen and (min-width:700px) {
	div.stat-multi {
		columns:3;
	}
}

span.nn {
	font-size:0.786rem;
	line-height:1.4em;
}
span.nn::before {
  content:"(";
}
span.nn::after {
  content:")";
}

span.listname {
	display:inline-block;
	margin-right:8px;
}
span.listadmin {
	margin:0px 8px;
}
span.listtrans {
	margin:0px 8px;
}
span.listgender {
	display:inline-block;
	margin:0px 8px;
}
span.listusage {
	margin-left:8px;
}

div.browsename span.listname {
	font-size:1.214rem;
}
div.browsenamebrief span.listname {
	font-size:1.071rem;
	min-width:80px;
	min-width:80px;
}
div.browsenamebrief span.listgender {
	min-width:35px;
}
div.browsenameverybrief span.listgender {
	margin-left:0px;
}
div.browsename span.cit-grp, div.browsenamebrief span.cit-grp {
	display:none;
}

div.submit-wrapper {
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:20px;
}
div.submit-wrapper div.infoname {
	margin-top:3px;
}
div.submit-wrapper div.namefooter {
	margin-top:15px;
}
div.submit-wrapper div.namefooter-blame {
	line-height:1.286rem;
}
div.submit-wrapper-narrow {
	padding-left:3px;
	padding-right:3px;
	margin-left:-3px;
	margin-right:-3px;
}
div.submit-toolbar {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-left:20px;
	padding-right:20px;
	margin-top:15px;
	margin-bottom:0px;
	column-gap:20px;
	font-size:0.929rem;
}
span.submit-toolbar-title {
	white-space:nowrap;
}
div.submit-toolbar-tools {
	display:flex;
	align-items:center;
	justify-content:space-between;
	column-gap:20px;
}
div.submit-toolbar-tools a {
	color:white;
	text-decoration:none;
	font-weight:bold;
}
div.submit-toolbar-tools a.hilight {
	color:#f8c8c8;
}
@media screen and (min-width:700px) {
	div.submit-toolbar {
		padding-left:30px;
		padding-right:30px;
	}
}

div.explain-status {
	margin-top:5px;
}
div.explain-status-content {
	text-align:center;
}
div.explain-status-item {
	font-size:0.857rem;
	color:grey;
	margin:3px 0px;
	padding:3px 0px;
}
div.explain-status-hl {
	color:#000000;
	background-color:#ffff55;
}


div.spacesaver {
	margin-left:-10px;
	margin-right:-10px;
}
div.social_home {
	position:absolute;
	right:5px;
	top:5px;
	display:inline-block;
}
div.social_block {
	display:inline-block;
	vertical-align:middle;
}
div.simple_message {
	color:#cc0000;
}
div.info_message {
	color:#cc0000;
	text-align:center;
	margin:20px;
}
div.minilabel {
	font-size:0.786rem;
	line-height:1.071rem;
	font-weight:bold;
	color:#888888;
	text-align:left;
	margin-top:4px;
	margin-left:3px;
}

ul.columnedlist {
	padding:0px;
	list-style:none;
}
ul.columnedlist li {
	padding:0px;
	margin-bottom:6px;
	text-align:left;
	max-width:240px;
}

div.mng-icon {
	display:inline-block;
	text-align:center;
	width:2em;
}
div.mng-icon-wide {
	width:3em;
	white-space:nowrap;
}
div.mng-desc {
	line-height:1.9em;
}
div.mng-results {
	line-height:1.9em;
}
@media screen and (min-width:700px) {
	div.mng-desc {
		line-height:1.65em;
	}
	div.mng-results {
		line-height:1.65em;
	}
}

ul.themelist {
	columns:2;
}
ul.themelist li {
	white-space:nowrap;
	max-width:240px;
}
@media screen and (min-width:800px) {
	ul.themelist {
		columns:3;
	}
}

ul.meaninglist {
	margin-top:20px;
	columns:2;
}
@media screen and (min-width:600px) {
	ul.meaninglist {
		columns:3;
	}
}
@media screen and (min-width:850px) {
	ul.meaninglist {
		columns:4;
	}
}
@media screen and (min-width:1100px) {
	ul.meaninglist {
		columns:5;
	}
}


ul.meaningindexlist {
	margin-top:20px;
	margin-left:60px;
	columns:2;
}
@media screen and (min-width:650px) {
	ul.meaningindexlist {
		columns:3;
	}
}
@media screen and (min-width:900px) {
	ul.meaningindexlist {
		columns:4;
	}
}


ul.glossarylist {
	columns:1;
}
ul.glossarylist li {
	max-width:270px;
}
@media screen and (min-width:600px) {
	ul.glossarylist {
		columns:2;
	}
}
@media screen and (min-width:850px) {
	ul.glossarylist {
		columns:3;
	}
}

div.glossaryentry ul {
	line-height:1.8em;
}
@media screen and (min-width:700px) {
	div.glossaryentry ul {
		line-height:1.6em;
	}
}

div.namesakelist {
	columns:2;
	column-gap:20px;
	text-align:left;
}
div.namesakelist > div {
	display:inline-block;
	line-height:180%;
	padding-bottom:10px;
}
div.namesakelist > div > h2 {
	font-size:1.214rem;
	margin:0px;
}


div.usagelist > div {
	line-height:150%;
	padding-bottom:20px;
}
div.usagelist > div > h3 {
	font-size:1.143rem;
	margin:0px;
	margin-bottom:4px;
}
div.usagelist > div > ul {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
	padding:0px;
	padding-left:3px;
	margin:0px;
	list-style:none;
	line-height:2em;
	column-gap:5px;
}
div.usagelist-wide > div {
	padding-bottom:0px;
}
div.usagelist-wide > div > ul {
	grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
	column-gap:2px;
	padding-left:0px;
}
@media screen and (min-width:700px) {
	div.usagelist > div > ul {
		line-height:1.6em;
	}
}

div#mng-settings-wrap {
	display:inline-block;
}
div#mng-settings-inline {
	margin-top:5px;
}
div#mng-settings-pop {
	text-align:left;
	min-width:220px;
	line-height:2em;
	padding:10px 15px;
	left:-170px;
	background-color:#efefff;
}

h3.related-hdr {
	font-size:1.143rem;
	margin-top:20px;
	margin-bottom:5px;
}
div.related-grp {
	margin-bottom:10px;
	line-height:2em;
}
div.related-subgrp {
	text-indent:-20px;
	margin-left:20px;
}
div.related-subhdr {
 	text-indent:0px;
	display:inline-block;
}
span.related-label {
	color:#000000;
}
span.related-label::after {
	content:":";
}
div.related-grid {
	text-indent:-10px;
	margin-left:10px;
	line-height:2em;
}
span.related-grid-name {
	text-indent:0px;
	display:inline-block;
	min-width:80px;
	margin-right:5px;
}
span.related-grid-gender {
	text-indent:0px;
	display:inline-block;
	min-width:35px;
	margin:0px 5px;
}
span.related-grid-usage {
	text-indent:0px;
	color:#000000;
	margin-left:5px;
}

@media screen and (min-width:700px) {
	div.related-grp {
		line-height:1.6em;
	}
	div.related-subgrp-r {
		text-indent:-150px;
		margin-left:150px;
	}
	div.related-subgrp-r div.related-subhdr {
		display:inline-flex;
		align-items:center;
		min-width:150px;
	}
	div.related-subgrp-r span.related-divider {
		flex:1;
		min-width:5px;
		border-bottom:1px dotted #bbbbbb;
		margin:0px 5px;
		height:5px;
	}
	div.related-subgrp-r span.related-label::after {
		content:"";
	}
	div.related-grid {
		line-height:1.6em;
	}
}

nav.pagination {
	display:inline-block;
	margin:0px -2px;
}
nav.pagination > a, nav.pagination > span {
	color:#000000;
	background-color:#ffffff;
	float:left;
	margin:2px;
	white-space:nowrap;
	padding:2px 5px;
	min-width:15px;
	text-decoration:none;
	text-align:center;
	border:1px solid #aaaaaa;
	border-radius:5px;
}
nav.pagination a:hover {
	background-color:#ffffb8;
	color:black;
}
nav.pagination span.pgactive {
	color:#ffffff;
	background-color:#000000;
	border:1px solid #000000;
}
nav.pagination span.pginval {
	color:#aaaaaa;
}
nav.pagination span.pgplain {
	background-color:transparent;
	border-color:transparent;
}
nav.pagination > a.pgcanhide, nav.pagination > span.pgcanhide {
	display:none;
}
nav.pagination > div.pgblurb {
	clear:both;
	text-align:center;
}
@media screen and (min-width:630px) {
	nav.pagination > a.pgcanhide, nav.pagination > span.pgcanhide {
		display:initial;
	}
}


/* home page only */

div.main-upper { 
	margin-bottom:25px;
}
form.main-search { 
	margin:20px 0px;
}
div.main-linkblock { 
	margin:15px 0px;
}
div.main-lower { 
	display:grid;
	grid-template-columns:1fr;
	column-gap:25px;
	row-gap:20px;
	margin:20px 0px;
}
div.main-heading { 
	display:flex;
	align-items:flex-start;
	background-color:#9c4b54;
	color:#ffffff;
	padding:5px 20px;
	margin:0px -20px 4px -20px;
}
div.main-heading > h1 {
	flex:1 auto;
	font-size:1.429rem;
	font-weight:bold;
	line-height:24px;
	margin:0px;
}
div.main-heading > div.main-nav { 
	line-height:24px;
	padding-left:3px;
}
div.main-content { 
	padding:10px 15px;
}
div.features h2 { /* home page only */
	text-align:center;
	font-size:1.429rem;
	font-weight:bold;
	margin:30px -20px 20px -20px;
	padding:0px 20px;
	line-height:1px;
	height:1px;
	border-bottom:2px solid #ddddd3;
}
div.features h2 span {
	background-color:#fffcf4;
	padding:0px 10px;
}
div.feature-list {
	padding:5px 0px;
	display:flex;
	justify-content:space-between;
	max-width:650px;
}
div.feature {
	text-align:center;
	min-width:100px;
}
div.feature img {
	height:64px;
}
div.feature a {
	font-weight:bold;
	font-size:0.929rem;
	color:#9c4b54;
	text-decoration:none;
}
@media screen and (min-width:700px) {
	div.main-lower {
		grid-template-columns:1fr 1fr;
	}
	div#main-blog { 
		grid-column:span 2;
	}
	div.main-heading {
		margin:0px 0px 4px 0px;
		padding:5px 10px 5px 15px;
	}
	div.features h2 {
		margin:30px 0px 20px 0px;
		padding:0px;
	}
}

table.visual-blurb {
	border:0.75px solid rgba(0,0,0,0.5);
	border-collapse:collapse;
	cursor:pointer;
	table-layout:fixed;
	width:100%;
}
table.visual-blurb tr {
	border:0.75px solid rgba(0,0,0,0.5);
}
table.visual-blurb td {
	border:0.75px solid rgba(0,0,0,0.5);
	height:2.5px;
}
@media screen and (min-width:700px) {
	table.visual-blurb, table.visual-blurb tr, table.visual-blurb th, table.visual-blurb td {
		border-width:1px;
	}
}
div.visual-blurb-top {
	text-align:center;
	margin-bottom:5px;
}
table.visual-blurb-bottom {
	width:100%;
}
table.visual-blurb-bottom tr td {
	text-align:center;
	vertical-align:top;
	font-size:0.857rem;
	line-height:1.2em;
}
table.visual-blurb-bottom tr td:first-child {
	width:50px;
	text-align:left;
	font-weight:bold;
}
table.visual-blurb-bottom tr td:last-child {
	width:50px;
	text-align:right;
	font-weight:bold;
}

/* end home page only */


div.subheading {
	margin-top:25px;
	margin-bottom:15px;
	display:flex;
	align-items:flex-end;
}
div.subheading > .hx {
	margin:0px;
	flex:1 auto;
}
div.subheading > h2 {
	font-size:1.429rem;
}
div.subheading > h3 {
	font-size:1.143rem;
}
div.subheading > h4 {
	font-size:1rem;
}

div.nameheading {
	margin-top:30px;
	margin-bottom:10px;
	clear:both;
}
@media screen and (min-width:700px) {
	div.nameheading {
		padding-bottom:10px;
		border-bottom:2px solid #ddddd3;
	}
	div.nameheading-neverline {
		padding-bottom:0px;
		border-bottom-width:0px;
	}
}
div.nameheading > div.nameheading-top {
	display:flex;
	align-items:flex-end;
}
div.nameheading-top > .hx {
	margin:0px;
	flex:1 auto;
}
div.nameheading-top > h2 {
	font-size:1.429rem;
	line-height:1.714rem;
}
div.nameheading-sub {
	font-size:0.786rem;
	line-height:0.929rem;
}
div.nameheading-narrow {
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}

nav.heading-nav {
	margin-top:-15px;
	text-align:right;
}
nav.heading-nav > * {
	display:inline-block;
	white-space:nowrap;
	margin-left:16px;
	vertical-align:bottom;
}

.heading-nav-large {
	font-weight:bold;
	font-size:1.429rem;
	line-height:1.5em;
}
.heading-nav-large select {
	font-weight:bold;
	font-size:1.286rem;
	line-height:1.929rem;
}
.heading-nav-large a.text-function {
	font-size:1.429rem;
	line-height:1.5em;
}
.heading-nav-center {
	text-align:center;
}
.heading-nav-arrow {
	font-size:1.714rem;
	line-height:1.2em;
}
.heading-nav-subtext {
	color:#000000;
	font-size:0.857rem;
}
.heading-nav-lowcenter {
	font-size:0.857rem;
	display:block !important;
	text-align:center;
}
.heading-nav-doubleup {
	height:48px;
	line-height:24px;
}
span.left-nav {
	display:inline-block;
	text-align:left;
	width:28px;
}
span.right-nav {
	display:inline-block;
	text-align:right;
	width:28px;
}

div.popup-wrapper {
	display:none;
	position:absolute;
	width:0px;
	z-index:99;
}
div.popup-pointy {
	position:relative;
	margin-top:10px;
	border-radius:5px;
	border:2px solid #555555;
	color:#000000;
	background-color:#ffffff;
	margin-bottom:75px;
}
div.popup-pointer {
	position:absolute;
	bottom:100%;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent #555555 transparent;
}
div.popup-header {
	background-color:#555555;
	color:white;
	text-align:center;
	font-size:1.571rem;
	line-height:2rem;
}
div.popup-content {
	margin:5px;
}
span.popup-subheader {
	display:block;
	font-size:0.786rem;
	line-height:0.929rem;
}
div.popup-srch-wrap {
	display:inline-block;
}
div.popup-srch-pop {
	text-align:center;
	min-width:270px;
	line-height:2em;
	padding:10px 15px;
	margin-top:15px;
	left:-100px;
	color:#000000;
	background-color:#efefff;
}
div.popup-srch-opts {
	display:flex;
	width:100%;
	justify-content:space-between;
}
input.popup-srch-input {
	width:230px;
}
@media screen and (min-width:700px) {
	div.popup-pointy {
		margin-bottom:125px;
	}
}

div.section {
	margin:20px 0px;
}
div.subsection {
	margin:10px 0px 10px 20px;
}
div.searchsection {
	margin-bottom:20px;
}
div.divider-section {
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	margin-top:15px;
	margin-bottom:15px;
	border-bottom:2px solid #ddddd3;
}
@media screen and (min-width:700px) {
	div.divider-section {
		margin-left:-30px;
		margin-right:-30px;
		padding-left:30px;
		padding-right:30px;
	}
}
div.divider-mini {
	padding-bottom:15px;
	margin-top:15px;
	margin-bottom:15px;
	border-bottom:2px dotted #ddddd3;
}
div.divider-mini-top {
	padding-top:15px;
	margin-top:15px;
	margin-bottom:15px;
	border-top:2px dotted #ddddd3;
}
div.login-or {
	vertical-align:middle;
	text-align:center;
	width:100px;
	margin:1em 0px;
}
@media screen and (min-width:800px) {
	div.login-or {
		display:inline-block;
	}
}
div.signup-side {
	vertical-align:top;
	padding:15px 0px;
}
@media screen and (min-width:700px) {
	div.signup-side {
		display:inline-block;
		width:50%;
		box-sizing:border-box;
		padding:15px 25px;
	}
}
p.error {
	padding:30px;
	text-align:center;
	font-weight:bold;
}
p.descp {
	margin:10px 0px;
}
.minor-indent {
	margin-left:20px;
}

span.tiny {
	font-size:0.786rem;
	line-height:1.4em;
}
span.heavy {
	font-size:1rem;
	font-weight:bold;
}
span.heavymedium {
	font-size:1.143rem;
	font-weight:bold;
	line-height:1.2em;
}
span.heavybig {
	font-size:1.714rem;
	font-weight:bold;
	line-height:1.2em;
}
span.heavyhuge {
	font-size:3.143rem;
	font-weight:bold;
	line-height:1.2em;
}
span.sup {
	font-size:0.786rem;
	line-height:1.2em;
	vertical-align:text-top;
}
span.masc {
	color:#3366ee;
}
span.fem {
	color:#ee3366;
}
span.new {
	color:#9a29a5;
}
span.masc-pop {
	font-weight:bold;
	font-size:1.714rem;
	color:#3366ee;
	line-height:1.2em;
}
span.fem-pop {
	font-weight:bold;
	font-size:1.714rem;
	color:#ee3366;
	line-height:1.2em;
}
div.emph-note {
	margin-top:15px;
	margin-bottom:15px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:#000000;
	background-color:#ffff55;
}
div.accuracy-note {
	margin:0px auto 15px auto;
	font-style:italic;
	padding:2px 4px;
	display:table;
}

span.bb-function {
	display:inline-block;
	padding-right:22px;
}
div.bb-tools-right span.bb-function {
	padding-right:0px;
}
span.bb-notice {
	display:inline-block;
	padding-right:22px;
	font-weight:bold;
	font-style:italic;
	font-size:0.929rem;
	color:#8080ac;
}
a.bb-collapse {
	display:inline-block;
	margin-right:10px;
	text-decoration:none;
	border:2px solid #9c4b54;
	color:#9c4b54;
	font-weight:bold;
	font-size:0.929rem;
	width:11px;
	line-height:9px;
	padding-bottom:2px;
	text-align:center;
	vertical-align:text-top;
}

div.bb-index {
	margin:10px -5px;
	padding:0px 5px 5px 5px;
}
div.bb-index-small {
	font-size:0.786rem;
	line-height:1.4em;
}
div.bb-index-hvr {
	background-color:#f2f2e4;
	border-radius:5px;
}
div.bb-index-wrap {
	display:flex;
	justify-content:space-between;
}
.bb-index-title {
	font-weight:bold;
}
a.bb-index-left {
	padding-top:5px;
	padding-bottom:2px;
	flex-grow:1;
}
span.bb-index-restricted {
	display:inline-block;
	text-decoration:none;
	color:#000000;
}
span.bb-index-unread {
	padding-top:5px;
	white-space:nowrap;
	font-weight:bold;
	font-size:0.786rem;
	color:#9a29a5;
}

table.bb-list {
	width:100%;
}
table.bb-list td {
	padding:6px 3px;
}
table.bb-list td.bb-extrahover:hover { 
	cursor:pointer; 
}
div.bb-list div.bb-compact-top { 
	margin-bottom:20px; 
}
div.bb-list-indiv div.bb-compact-top { 
	margin-bottom:10px; 
}
span.bb-list-sm {
	font-size:0.857rem;
	line-height:1.4em;
}
div.bb-list-wrap {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
a.bb-list-subj {
	display:block;
	margin:-6px 0px; 
	padding:6px 0px; 
	flex-grow:1;
}
span.bb-list-unread {
	display:block;
	padding:2px;
	font-size:0.714rem;
	font-weight:bold;
	height:1em;
	line-height:1em;
	min-width:1em;
	border-radius:7px;
	text-align:center;
	color:#ffffff;
	background-color:#9a29a5;
	margin:0px 5px;
}
span.bb-list-new {
	padding:0px;
	border-radius:5px;
}
span.bb-list-date {
	white-space:nowrap;
	color:#777777;
}
span.bb-list-name {
}

div.bb-headline {
	margin:5px 0px;
}
div.bb-subject {
	font-size:1.429rem;
	font-weight:bold;
	line-height:1.2em;
}
div.bb-byline {
	margin:3px 0px;
	display:flex;
	justify-content:space-between;
}
div.bb-byline-left {
	margin-right:10px;
}
div.bb-byline-right {
	text-align:right;
	margin-left:10px;
	word-spacing:6px;
}
div.bb-byline-right span.bb-date {
	white-space:nowrap;
	word-spacing:normal;
}
div.bb-replydetail {
	margin:3px 0px;
}
span.bb-date {
	color:#777777;
}
span.bb-name {
}
span.bb-new {
	font-weight:bold;
	color:#9a29a5;
}

div.bb-toolbar {
	display:flex;
	justify-content:space-between;
	width:100%;
	box-sizing:border-box;
}
div.bb-msg div.bb-toolbar {
	padding-left:10px;
}
div.bb-tools-left {
	flex-grow:9;
}
div.bb-vote {
	margin-left:30px;
	text-align:right;
}
span.bb-reply-count {
	display:none;
}
div.bb-threads-top {
	margin-top:20px;
	margin-left:20px;
}
div.bb-threads {
	margin-left:5px;
	padding-left:10px;
	border-left:1px dotted #888888;
}
div.bb-threads-deep {
	margin-left:3px;
	padding-left:6px;
}
div.bb-compact-top {
}
div.bb-compact {
	margin-left:15px;
}
div.bb-compact-deep {
	margin-left:10px;
}
div.bb-reply-compact {
	margin-left:10px;
}
div.bb-compact-top > div.bb-compact {
	margin-left:5px;
}
div.bb-compact-top > div.bb-reply-compact {
	margin-left:0px;
}
div.bb-reply-compact .bb-name {
	font-weight:bold;
	color:#000000;
}
div.bb-reply-self .bb-reply-subject {
	font-weight:bold;
	color:red;
}
span.bb-bullet {
	display:inline-block;
	margin-left:-12px;
	width:12px;
}
div.bb-msg {
	padding:0px 2px;
	border-radius:3px;
}
div.bb-view-fulltext div.bb-msg-unread {
	background-color:#ffe9eb;
	padding:1px 3px;
}
div.bb-reply {
	margin-top:10px;
	margin-bottom:25px;
	padding:1px 5px;
	background-color:#f2f2e4;
	border-top:2px solid #e8e8db;
	border-radius:3px;
}
div.bb-view-fulltext div.bb-reply-unread {
	background-color:#ffe9eb;
	border-color:#e8d8cb;
}
div.bb-replies-compact {
	margin-left:10px;
}
div.bb-text {
	margin-top:10px;
	margin-bottom:10px;
	word-wrap:break-word;
}
div.bb-text-main {
	margin-top:15px;
	margin-left:10px;
}
div.bb-text img {
	max-width:100%;
	max-height:600px;
	height:auto;
	box-sizing:border-box;
	border:1px solid #0636b4;
}
div.bb-text p {
	margin-top:10px;
	margin-bottom:0px;
}
div.bb-reply-form {
	position:absolute;
	left:0px;
	right:0px;
	padding:20px 30px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	background-color:#e8e8db;
	z-index:2;
}
span.bb-rule-sub {
	color:#808080;
}
div.bb-post-rules {
	margin-top:20px;
	margin-bottom:20px;
	background-color:#f2f2e4;
	border-top:2px solid #ddddd3;
	border-bottom:2px solid #ddddd3;
}
div.bb-post-rules-tuckup {
	margin-top:-20px;
	border-top-width:0px;
}
div.bb-post-rules > div {
	max-width:700px;
	text-align:left;
	padding:10px 0px;
}
div.bb-post-rules ul {
	margin:0px;
}
div.bb-post-rules ul li {
	margin:10px 0px;
}
@media screen and (min-width:700px) {
	/* hover does not work well on mobile */
	div.bb-index-hvr:hover {
		xbackground-color:#ffffb8;
	}
	table.bb-list tr:hover td {
		background-color:#ffffb8 !important; /*highlighted*/
	}
	table.bb-list td.bb-extrahover:hover { 
		background-color:#ffffe8 !important; 
	}
}
@media screen and (min-width:750px) {
	div.bb-threads {
		margin-left:10px;
		padding-left:15px;
	}
	div.bb-threads-deep {
		margin-left:5px;
		padding-left:10px;
	}
	div.bb-view-fulltext div.bb-msg-unread {
		padding:2px 5px;
	}
	div.bb-msg {
		border-radius:5px;
	}
	div.bb-reply {
		border-radius:5px;
		padding:2px 8px;
	}
	div.bb-compact {
		margin-left:25px;
	}
	div.bb-compact-deep {
		margin-left:15px;
	}
	div.bb-reply-compact {
		margin-left:15px;
	}
	div.bb-compact-top > div.bb-compact {
		margin-left:10px;
	}
	div.bb-compact-top > div.bb-reply-compact {
		margin-left:0px;
	}
	span.bb-bullet {
		margin-left:-15px;
		width:15px;
	}
}

div.bb-arc {
	display:flex;
	flex-wrap:wrap;
}
div.bb-arc div {
	flex:0 1 33%;
	padding-bottom:10px;
	padding-right:5px;
	box-sizing:border-box;
}
@media screen and (min-width:800px) {
	div.bb-arc div {
		flex:0 1 25%;
	}
}
@media screen and (min-width:1000px) {
	div.bb-arc div {
		flex:0 1 16.5%;
	}
}

div.bb-tag-list {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
	padding:0px;
	margin:15px 0px;
	list-style:none;
	line-height:2em;
	column-gap:5px;
}
@media screen and (min-width:700px) {
	div.bb-tag-list {
		line-height:1.8em;
	}
}
.bb-fact {
	color:#53539e;
	background-color:#d8d8e7 !important;
}
.bb-baby {
	color:#c20d01;
	background-color:#f7e1df !important;
}
.bb-game {
	color:#d38611;
	background-color:#faf0e1 !important;
}
.bb-sur {
	color:#439e43;
	background-color:#d8e7d8 !important;
}
.bb-ot {
	color:#03949a;
	background-color:#e0f2f2 !important;
}
.bb-author {
	color:#8002a3;
	background-color:#efdff4 !important;
}
.bb-test {
	color:#262626;
	background-color:#d6d6d6 !important;
}
.bb-admin {
	color:#8c7f1d;
	background-color:#e2dfc7 !important;
}

table.pms-list { 
	width:100%;
}
table.pms-list td {
	padding:6px 3px;
}
a.pms-list-subj {
	display:block;
	margin:-6px 0px; 
	padding:6px 0px; 
}
div.pmsmessage {
	margin:15px 0px;
	word-wrap:break-word;
}
div.pmsmessage img {
	max-width:100%;
	height:auto;
}
div.pms-bottom-bar {
	position:sticky;
	bottom:30px;
	box-shadow:0px 10px 5px -5px #fffcf4,0px -10px 5px -5px #fffcf4;
}
div.pms-bottom-bar div {
	margin:0px 10px;
}
@media screen and (min-width:700px) {
	/* hover does not work well on mobile */
	table.pms-list tr:hover td { 
		background-color:#ffffb8;
	}
}


div.notif-row {
	margin:15px 0px;
	padding:2px 4px;
}
div.notif-row-new {
	background-color:#ffe9eb;
}
div.notif-inner {
	position:relative;
	padding-left:40px;
}
div.notif-header { 
	font-size:0.786rem;
	line-height:1rem;
	font-weight:bold;
	margin-bottom:2px;
}
span.notif-new {
	color:#9a29a5;
}
div.notif-msg a {
	background-color:#ffffff;
	border:1px solid #e2e2e2;
	padding:0px 3px;
}


span.foreign {
	font-family:sans-serif;
}
span.ipa {
	font-family:sans-serif;
}
span.trn {
	font-style:normal;
}
span.memberdown {
	font-size:1.429rem;
}
span.mng {
}
span.spoiler {
	background-color:#000000;
}
span.positive {
	color:#007f00;
}
span.negative {
	color:#7f0000;
}

.indexspacer {
	margin:25px 0px;
	padding:0px !important;
}

/* name link in lists */
a.nll {
	color:#7f7c38;
	font-weight:bold;
	letter-spacing:0.5px;
}
a.nll:visited, a.nll:active {
	color:#696636;
}

/* name link in definition */
a.nl {
	color:#0636b4;
	font-weight:bold;
	letter-spacing:0.3px;
}
div.namedef a.nl {
	letter-spacing:0.5px;
	font-size:1.071rem;
	text-decoration:underline;
}
div.namedef a.nl:hover {
	text-decoration:none;
}

/* name link color - not bold */
a.nlc {
	color:#0636b4;
}
a.nlc:visited, a.nlc:active {
	color:#6126b4;
}

/* name link color minor - for mixed links inc. fuzzy links */
a.nlcm {
	color:#0636b4;
}
a.nlcm:visited, a.nlcm:active {
	color:#6126b4;
}

/* not found in submitted definition */
a.nf {
	color:#aa2222;
}

/* not exact in submitted definition */
a.ne {
	color:#0636b4;
}

/* usage */
a.usg {
	color:#0636b4;
}

/* glossary links, tags, related names, other names, plain name links in definitions */
a.ngl {
	color:#0636b4;
}

/* tags on name page */
a.ntl {
	color:#0636b4;
	display:inline-block;
	padding:0px 4px;
	margin:2px 3px;
	border:1px solid #ddddd3;
	border-radius:3px;
	background-color:#ffffff;
	background-color:rgba(255,255,255,0.5);
}

/* citations */
a.cit {
	color:#0636b4;
	font-size:75%;
	line-height:1em;
	vertical-align:text-top;
}

/* transcriptions */
a.trn {
	color:#0636b4;
	font-style:normal;
}

/* pronunciations */
a.prn {
	color:#0636b4;
	white-space:nowrap;
}
a.ipa {
	font-family:sans-serif;
}

/* plain - name expert, popularity index page */
a.plain {
	color:inherit;
	text-decoration:none;
}
a.plain:hover {
	text-decoration:underline;
}

a.notd {
	color:inherit;
	font-size:1.286rem;
	font-weight:bold;
}

/* external links inline */
a.exlink {
	color:#0636b4;
}
a.exlink img {
	height:10px;
}

a.button, input[type=button], input[type=submit], input[type=reset] {
	color:#ffffff;
	font-size:1rem;
	font-family:Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	text-decoration:none;
	text-align:center;
	background-color:#9c4b54;
	border:1px solid #888888;
	border-radius:3px;
	padding:1px 5px;
	display:inline-block;
	white-space:nowrap;
	line-height:1.3em;
	-moz-appearance:none; 
	-webkit-appearance:none; 
	appearance:none;
}
a.button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background-color:#a5686c;
}
input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, a.button-disabled {
	color:#cccccc;
	background-color:#a5686c;
}

a.smbutton, input[type=button].smbutton, input[type=submit].smbutton, input[type=reset].smbutton {
	font-size:0.857rem;
	padding:0px 4px 0px 4px;
	line-height:1.3em;
}

a.largebutton, input[type=button].largebutton, input[type=submit].largebutton, input[type=reset].largebutton {
	font-size:1.214rem;
	font-weight:bold;
	line-height:1.3em;
	padding:1px 10px;
}

a.hugebutton, input[type=button].hugebutton, input[type=submit].hugebutton, input[type=reset].hugebutton {
	font-size:2rem;
	font-weight:bold;
	line-height:1.3em;
	padding:3px 20px;
}

a.hilite-button, input[type=button].hilite-button, input[type=submit].hilite-button, input[type=reset].hilite-button {
	background-color:#000077;
}
a.hilite-button:hover, input[type=button].hilite-button:hover, input[type=submit].hilite-button:hover, input[type=reset].hilite-button:hover {
	background-color:#3a3a8c;
}

a.control {
	background-color:#505050;
	padding:10px 6px;
}
a.control img {
	height:16px;
	vertical-align:text-top;
}
a.control:hover, a.control-activated {
	background-color:#8f8f8f;
}

select.select-function {
	font-size:1rem;
	font-family:Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	line-height:1.3em;
	background-color:#9c4b54;
	color:#ffffff;
	border:1px solid #888888;
	padding:1px 5px;
	background-image:url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40"><polygon points="0,0 60,0 30,40" style="fill:%23ffffff;"/></svg>');
}

/* hover menu */
div.hoverbutton {
	display:inline-block;
	position:relative;
}
div.hoverbutton > div {
	display:none;
	position:absolute;
	box-sizing:border-box;
	min-width:100%;
	margin:0px; 
	padding:2px; 
	z-index:1;
}
div.hoverbutton > div > div {
	background-color:#9c4b54;
	text-align:left;
	font-size:1rem;
	font-weight:normal;
	white-space:nowrap;
}
div.hoverbutton > div > div > a {
	padding:2px 4px; 
	color:white;
	text-decoration:none;
	display:block;
}
div.hoverbutton > div > div > a:hover {
	background-color:#a5686c;
}

/* #anchor targets */
a.hashanchor {
	position:relative;
	top:-58px;
}

/* tab system */
div.tabby-links {
	margin:20px 0px;
	white-space:nowrap;
	padding-right:10px;
	background-color:#e6e6e6;
	font-size:0px;
}
div.tabby-links > a {
	display:inline-block;
	vertical-align:bottom;
	text-decoration:none;
	color:#555555;
	white-space:nowrap;
	font-weight:bold;
	font-size:1rem;
	padding:6px 6px 8px 6px;
	min-width:60px;
	text-align:center;
	margin-right:2px;
}
div.tabby-links :last-child {
	margin-right:0px;
}
div.tabby-links > a.active {
	border-bottom:2px #0636b4 solid;
	padding-bottom:6px;
	background-color:#f8f8f8;
}
div.tabby-links > a.hilight {
	background-color:#f8c8c8;
}
div.tabby-links > a:hover {
	border-bottom:2px #0636b4 solid;
	padding-bottom:6px;
	background-color:#f8f8f8;
}
div.tabby-links > div.tabby-right {
	float:right;
	font-size:1rem;
}
div.tabby-wide {
	margin:20px -10px;
}
@media screen and (min-width:700px) {
	div.tabby-wide {
		margin:20px -15px;
	}
}
div.tabby-centered {
	display:flex;
	justify-content:space-between;
	padding:0px;
}
div.tabby-centered > a {
	flex-grow:1;
	padding-left:0px;
	padding-right:0px;
	min-width:50px;
	overflow:hidden;
}

/* end tab system */

span.switchy-caption {
	display:block;
	font-size:0.929rem;
	line-height:1.071rem;
	font-weight:bold;
	color:#666666;
	text-align:center;
}
div.switchy-links {
	display:inline-block;
}
div.switchy-links a {
	display:inline-block;
	font-size:0.929rem;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	border-bottom:2px solid transparent;
	transition:all 0.1s ease-in-out;
	padding:2px 8px;
	margin:0px 2px;
	text-align:center;
}
div.switchy-links a:hover {
	border-bottom-color:#9c4b54;
}
div.switchy-links a.active, div.switchy-links a.active:hover {
	border-bottom-color:#9c4b54;
	cursor:text;
}

br.clear {
	clear:both;
	height:0px;
	line-height:0px;
	display:block;
}

table.formtable {
	border-spacing:2px;
	border:1px solid black;
	background-color:#dddddd;
}
table.formtable > tbody > tr > td {
	padding:5px;
	background-color:#eeeeee;
}
table.formtable > tbody > tr > td.formplaincell {
	background-color:#dddddd;
}
table.formtable > tbody > tr > td.formcell-var2 {
	background-color:#ffdddd;
}
table.formtable > tbody > tr > td.formcell-var2hl {
	background-color:#ffeeee;
}
table.formtable > tbody > tr > td.formcell-var3 {
	background-color:#ddffdd;
}
table.formtable > tbody > tr > td.formcell-var3hl {
	background-color:#eeffee;
}

/* icons */
div.im-wrap {
	display:inline-block;
	vertical-align:text-top;
}
div.im-wrap svg {
	height:100%;
}

img.buttonicon {
	border-width:0px;
	height:14px;
	vertical-align:baseline;
	margin:-2px;
	padding-right:4px;
}

img.inlineicon {
	border-width:0px;
	height:1em !important;
	vertical-align:text-top;
}

img.inlineicon-small {
	border-width:0px;
	height:0.8em !important;
	vertical-align:baseline;
}

img.darkicon, div.darkicon svg {
		filter:none;
	}

img.loading-left {
	display:none;
	vertical-align:top;
	margin-left:-34px;
	width:24px;
	padding-right:10px;
}
img.loading-left-sm {
	margin-left:-30px;
	width:20px;
	padding-right:10px;
}

div.vote-box {
	line-height:1.5em;
	white-space:nowrap;
}
img.vote-icon {
	height:14px;
	border-width:0px;
	vertical-align:middle;
}
img.vote-icon-up {
	margin-right:2px;
	padding-bottom:2px;
}
img.vote-icon-down {
	margin-left:2px;
	padding-top:2px;
}
span.vote-text {
	display:inline-block;
	text-align:center;
	min-width:13px;
	vertical-align:middle;
	font-weight:bold;
	font-size:0.857rem;
}

.ui-menu-item {
	font-size:0.857rem;
}

.search-suggestions {
	overflow-y:auto;
	overflow-x:hidden;
	z-index:101;
}
.usage-suggestions {
	max-height:300px;
	overflow-y:auto;
	overflow-x:hidden;
}

/* header menu */
ul#btnmenu {
	/* the menu */
	list-style:none;
	padding:0px;	
	margin:0px;
	float:left;
	white-space:nowrap;
	width:270px;
}
ul#btnmenu li {
	/* ALL <li> in the menu */
	float:left;
	margin:0px;	
	position:relative;
}
ul#btnmenu li.btnsubhover {
	/* ALL <li> in the menu headings when hovering */
	background-color:#cccccc;
}
ul#btnmenu li.btnsubhover a {
	/* ALL <a> in the menu headings when hovering */
	color:black;
}
ul#btnmenu li a {
	/* ALL <a> in the menu */
	line-height:32px;
	padding:5px 12px;
	display:block;
	color:white;
	text-decoration:none;
	font-size:1.429rem;
	float:left;
}
ul#btnmenu li ul.btnsubmenu {
	/* submenus */
	list-style:none;
	margin:5px 0px;
	padding:0px;
	position:absolute;
	left:0px;
	top:34px;
 	background-color:#888888;
	background-color:rgba(0,0,0,0.75);
	display:none;
	float:left;
	z-index:99;
}
ul#btnmenu li ul.btnsubmenu li {
	/* all <li> in submenus */
	margin:0px;
	clear:both;
}
ul#btnmenu li ul.btnsubmenu li a {
	/* all <a> in submenus */
	line-height:normal;
	padding:8px 12px;
	float:left;
	width:180px;
	color:white;
	font-size:1.286rem;
}
ul#btnmenu li ul.btnsubmenu li.btnsubhover {
	/* all <li> in submenu items when hovering */
	background-color:#000000;
}
div#btnmenu-login {
	padding:0px 10px;
}
div#btnmenu-login a {
	color:white;
	text-decoration:none;
}
/* end header menu */

/* mobile menu */
div#mobileopts {
	text-align:left;
	display:inline-block;
	position:relative;
}
#mobileopts-head {
	padding:5px 15px;
	display:block;
	cursor:pointer;
	text-align:center;
	color:white;
}
#mobileopts-head img {
	height:18px;
}
#mobileopts-icon-close {
	display:none;
}
#mobileopts-head span {
	display:block;
	font-size:0.857rem;
	line-height:0.857rem;
	margin-top:6px;
}
div#mobilemenu {
	display:none;
	position:fixed;
	z-index:900001;
	box-sizing:border-box;
	height:calc(100% - 58px);
	width:0px;
	top:58px;
	right:0px;
	transition:width 0.2s;
 	background-color:#888888;
	background-color:rgba(0,0,0,0.85);
	overflow-x:hidden;
	overflow-y:auto;
	list-style:none;
	-webkit-overflow-scrolling:touch;
}
div#mobilemenu ul {
	display:inline-block;
	vertical-align:top;
	list-style:none;
	margin:0px;
	padding:5px 0px;
	box-sizing:border-box;
	overflow-x:hidden;
}
div#mobilemenu li {
	/* all <li> in menus */
	margin:0px;
	clear:both;
}
div#mobilemenu hr {
	background-color:inherit;
	color:inherit;
	height:40px;
	margin:0px;
}
div#mobilemenu li a {
	/* all <a> in menus */
	float:left;
	box-sizing:border-box;
	width:100%;
	color:white;
	text-decoration:none;
	line-height:38px;
	-webkit-tap-highlight-color:#777777;
}
div#mobilemenu li a:hover {
	/* all <a> in menus */
	background-color:#777777;
}

ul#mobilemenu-main {
	width:65%;
}
ul#mobilemenu-user {
	width:35%;
}
ul#mobilemenu-main li a {
	font-size:1.357rem;
	padding-left:25px;
}
ul#mobilemenu-user li a {
	font-size:1.071rem;
	font-weight:bold;
	text-align:right;
	padding-right:20px;
}
/* end mobile menu */

/* member menu */
div#memberopts {
	display:inline-block;
	position:relative;
}
div#memberoptsheading a {
	line-height:30px;
	padding:5px 10px;
	display:block;
	font-size:1.071rem;
	color:white;
	text-decoration:none;
}
div.btnsubhover {
	/* ALL <li> in the menu when hovering */
	background-color:#cccccc;
}
div.btnsubhover div#memberoptsheading a {
	/* ALL <a> in the menu when hovering */
	color:black;
}
ul#membermenu {
	/* submenus */
	list-style:none;
	margin:5px 0px;
	padding:0px;
	position:absolute;
	top:32px;
	right:0px;
 	background-color:#888888;
	background-color:rgba(0,0,0,0.75);
	display:none;
	z-index:99;
	text-align:right;
}
ul#membermenu li {
	/* all <li> in submenus */
	margin:0px;
	clear:both;
}
ul#membermenu hr {
	background-color:white;
	color:white;
	height:1px;
	border:0;
	margin:0px;
}
ul#membermenu li a {
	/* all <a> in submenus */
	padding:4px 10px;
	float:left;
	width:130px;
	color:white;
	text-decoration:none;
}
ul#membermenu li a:hover {
	/* all <a> in submenus */
	background-color:#000000;
}
/* end member menu */

label.rate-label {
	display:inline-block;
	width:130px;
	padding:5px 0px;
	margin:2px 0px;
	text-align:center;
	vertical-align:middle;
	color:#cdcdc3;
	border:1px solid #cdcdc3;
	border-radius:3px;
	cursor:pointer;
}
label.rate-label-middle {
	width:120px;
}
input.rate-input {
	position:absolute;
	visibility:hidden;
	display:none;
}
input.rate-input:checked + label {
	background-color:#3b55a5;
	border-color:#3b55a5;
	color:white;
}
input.rate-input:indeterminate + label {
	background-color:#edede3;
	border-color:#edede3;
	color:black;
}
@media screen and (min-width:600px) {
	label.rate-label {
		width:160px;
	}
	label.rate-label-middle {
		width:130px;
	}
}
@media screen and (min-width:690px) {
	label.rate-label {
		width:190px;
		margin:3px 0px;
	}
	label.rate-label-middle {
		width:150px;
	}
}
div.rate-barwrap {
	width:100%;
	box-sizing:border-box;
	border:0.5px solid #000000;
}
div.rate-bar {
	display:inline-block;
	box-sizing:border-box;
	border:0.5px solid #000000;
}
div.rate-bar-left {
	background-color:#ead430;
}
div.rate-bar-right {
	background-color:#ad7eb8;
}
div.rate-bar-masc {
	background-color:#99cbee;
}
div.rate-bar-fem {
	background-color:#f8aacb;
}
div.rate-bar-good {
	background-color:#85c886;
}
div.rate-bar-bad {
	background-color:#ed2024;
}
span.rateword {
	font-weight:bold;
}
.rateword-10 {
	color:#000000;
}
.rateword-9 {
	color:#000000;
}
.rateword-8 {
	color:#181828;
}
.rateword-7 {
	color:#2f2f3f;
}
.rateword-6 {
	color:#484858;
}
.rateword-5 {
	color:#5f5f6f;
}
.rateword-4 {
	color:#787888;
}
.rateword-3 {
	color:#8f8f9f;
}
.rateword-2 {
	color:#a8a8b8;
}
.rateword-1 {
	color:#bfbfcf;
}
.rateword-0 {
	color:#d8d8e8;
}


.rategood-10 {
	color:#9933dd;
}
.rategood-9 {
	color:#9933dd;
}
.rategood-8 {
	color:#8833bb;
}
.rategood-7 {
	color:#773399;
}
.rategood-6 {
	color:#664477;
}
.rategood-5 {
	color:#554455;
}
.rategood-4 {
	color:#444444;
}
.rategood-3 {
	color:#334433;
}
.rategood-2 {
	color:#225522;
}
.rategood-1 {
	color:#115511;
}
.rategood-0 {
	color:#005500;
}

div.nameday-year {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:center;
	justify-content:center;
}
div.nameday-month {
	-ms-flex:1 100%;
	flex:1 100%;
	padding:5px;
	box-sizing:border-box;
}
@media screen and (min-width:630px) {
	div.nameday-month {
		-ms-flex:1 50%;
		flex:1 50%;
	}
}
@media screen and (min-width:830px) {
	div.nameday-month {
		-ms-flex:1 33%;
		flex:1 33%;
	}
}

div.guidewrap {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:center;
	justify-content:center;
}
div.guidebox {
	-ms-flex:1;
	flex:1;
	border-radius:4px;
	min-width:350px;
	max-width:350px;
	margin:2px;
	text-align:left;
	position:relative;
	padding-bottom:35px;
}
div.guidetitle {
	font-weight:bold;
	font-size:1.714rem;
	text-align:center;
	padding:10px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
div.guidecontent {
	margin:10px;
}
div.guideopt {
	margin:7px 0px;
}
div.guidebutton {
	position:absolute;
	bottom:10px;
	left:0px;
	width:100%;
	text-align:center;
}
div.guidebox-like {
	background-color:#bbffbb;
}
div.guidetitle-like {
	background-color:#99ee99;
}
div.guidebox-ok {
	background-color:#bbbbff;
}
div.guidetitle-ok {
	background-color:#9999ee;
}
div.guidebox-nope {
	background-color:#ffbbbb;
}
div.guidetitle-nope {
	background-color:#ee9999;
}
@media screen and (min-width:750px) {
	div.guidebox {
		min-width:210px;
		max-width:300px;
		width:auto;
	}
}
select.popdrop {
	font-size:0.857rem;
	line-height:1.429rem;
	background-color:inherit;
	color:#ffffff;
	border:1px solid #ffffff;
	background-image:url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 40"><polygon points="0,0 60,0 30,40" style="fill:%23ffffff;"/></svg>');
}
select.popdrop option {
	background-color:white;
	color:black;
}

div.content-icon {
	position:absolute;
	left:0px;
	top:2px;
	height:28px;
	width:28px;
	padding:2px;
	color:#ffffff;
	border-radius:4px;
}
div.content-icon div {
	position:relative;
	height:100%;
	width:100%;
}
div.content-icon div span {
	position:absolute;
	display:block;
	line-height:14px;
	height:14px;
	width:14px;
	font-size:0.714rem;
	font-weight:bold;
	text-align:center;
}
div.content-icon div img {
	position:absolute;
	width:20px;
	height:20px;
	left:4px;
	top:4px;
}

div#profile-grid {
	display:grid;
	grid-template-areas:
    "details"
    "message"
    "admin";
}
div#profile-grid.has-image {
	grid-template-columns:auto fit-content(25%);
	grid-template-rows:auto 1fr auto;
	grid-template-areas:
    "details image"
    "message image"
    "admin image";
}
div#profile-grid.has-image-wide {
	grid-template-columns:auto fit-content(50%);
}
div#profile-grid.has-image-shorter {
	grid-template-areas:
    "details image"
    "message image"
    "admin admin";
}
div#profile-grid.has-image-shortest {
	grid-template-areas:
    "details image"
    "message message"
    "admin admin";
}
div#profile-grid-details {
	grid-area:details;
	padding-bottom:5px;
	position:relative;
}
div#profile-grid-image {
	grid-area:image;
	padding-left:10px;
	padding-bottom:10px;
	text-align:right;
}
div#profile-grid-image img {
	max-width:100%;
	min-width:80px;
	max-height:1000px;
	border:1px solid black;
}
div#profile-grid-message {
	grid-area:message;
	padding:15px 0px;
	border-top:2px dotted #ddddd3;
}
div#profile-grid-admin {
	grid-area:admin;
	padding-top:5px;
	border-top:2px dotted #ddddd3;
}


div.profile-iconned {
	margin:10px 0px;
	line-height:1.7em;
	position:relative;
}
div.profile-iconned img {
	position:absolute;
	left:5px;
	top:1px;
	height:20px;
}
div.profile-doublet {
	margin:10px 0px;
	line-height:1.7em;
	position:relative;
}
div.profile-doublet span.profile-title {
	position:absolute;
	left:0px;
	width:33px;
	overflow:hidden;
	font-weight:bold;
	color:#444444;
}
span.profile-data {
	display:block;
	margin-left:40px;
}
div.profile-since {
	margin-bottom:10px;
	line-height:1.7em;
}
div.profile-singlet {
	margin:10px 0px;
	line-height:1.7em;
}
ul.profile-pnl {
	padding:0px;
	columns:140px 6;
	column-gap:30px;
	list-style:none;
}
ul.profile-pnl li {
	width:100%;
	display:inline-block;
	clear:both;
}
ul.profile-pnl-remarks {
	columns:230px 4;
}
ul.profile-pnl-remarks li, ul.profile-pnl-ratings li {
	margin-bottom:10px;
}
ul.profile-pnl div.profile-pnl-name {
	float:left;
	margin-right:7px;
}
ul.profile-pnl div.pnl-stars {
	width:53px;
	vertical-align:middle;
}
ul.profile-pnl span.profile-pnl-remark {
	display:block;
	font-style:italic;
}
div.contrib {
	margin:20px 0px;
	position:relative;
	padding-left:40px;
}
div.contrib-header {
	font-size:0.786rem;
	line-height:1rem;
	font-weight:bold;
	color:#888888;
	margin-bottom:2px;
}
div.contrib-type {
	display:inline;
}
div.contrib-date {
	display:inline;
	color:#666666;
}
div.contrib-links {
	white-space:nowrap;
	margin-bottom:5px;
	background-color:#e6e6e6;
}
div.contrib-links a {
	display:inline-block;
	text-decoration:none;
	color:inherit;
	white-space:nowrap;
	font-size:1.071rem;
	line-height:1.286rem;
	font-weight:bold;
	text-align:center;
	padding:5px 4px 7px 4px;
	margin-right:2px;
	min-width:60px;
}
div.contrib-links a:hover {
	border-bottom:2px #0636b4 solid;
	padding-bottom:5px;
	background-color:#f8f8f8;
}
div.contrib-links a.contrib-active {
	border-bottom:2px #0636b4 solid;
	padding-bottom:5px;
	background-color:#f8f8f8;
}
div.contrib-links a span {
	font-size:0.714rem;
	line-height:0.857rem;
	font-weight:normal;
}

table.tree {
	margin-top:15px;
}
div.treenode {
	padding:2px;
	border-radius:2px;
	border:1px solid grey;
	margin:2px 0px;
}
div.treenode > div.treenames {
	box-sizing:border-box;
	padding-right:20px;
}
div.treenode > div.treeusage {
	color:#444444;
	font-size:0.857rem;
	line-height:1.1em;
}
div.treenode > div.treenote {
	background-color:#ffffff;
	font-size:0.786rem;
	line-height:1.3em;
}
div.treeroot > div.treenames {
	min-width:100px;
	max-width:250px;
	white-space:normal;
}
div.treeroot > div.treeusage {
	min-width:100px;
	max-width:250px;
	white-space:normal;
}
div.treeroot > div.treenote {
	min-width:100px;
	max-width:250px;
	white-space:normal;
}
div.treeself {
	border:2px solid #ff9900;
}
div.treenode-masc {
	background-color:#e2f2ff;
}
div.treenode-fem {
	background-color:#ffe2f2;
}
div.treenode-sur {
	background-color:#e4ffe4;
}
div.treenode-place {
	background-color:#ffffdd;
}
div.treenode-word {
	background-color:#ffffff;
}
div.treenode-patro {
	background-color:#ffffff;
}
div.tree-ctrl {
	float:right;
	padding-top:1px;
	padding-left:1px;
}
div.tree-ctrl img {
	width:12px;
}
td.tree-vert {
	background-image:url(/images/graph/arrow-vertical.png);
	background-repeat:repeat-y;
	background-size:29px;
}
td.tree-vert-start {
	background-image:url(/images/graph/arrow-vertical.png);
	background-repeat:no-repeat;
	background-position:0px 30px;
	background-size:29px;
}
img.tree-arrow {
	width:29px;
}
div.tree-key {
	border:1px solid grey;
	float:right;
	padding:3px 5px;
	margin-top:20px;
	margin-right:15px;
	clear:both;
}
div.tree-key img {
	width:9px;
}

span.transhead {
	font-size:1.143rem;
	font-weight:bold;
}
span.transtext {
	font-size:1.429rem;
}

table.pnl-list {
	width:100%;
}
table.pnl-list td {
	padding:5px 3px;
}
td.pnl-cell-editable {
	cursor:pointer;
}
table.pnl-list label {
	padding:3px;
	margin:-3px;
}
table.pnl-votehideable-list td.pnl-vote-cell, table.pnl-votehideable-list th.pnl-vote-cell {
	display:none;
}
table.pnl-commenthideable-list td.pnl-comment-cell, table.pnl-commenthideable-list th.pnl-comment-cell {
	display:none;
}
div.pnl-bottom-bar {
	position:sticky;
	bottom:85px;
	box-shadow:0px 10px 5px -5px #fffcf4,0px -10px 5px -5px #fffcf4;
}
div.pnl-bottom-bar div {
	margin:0px 10px;
}
div#pnl-bonus-pop {
	width:350px;
	left:-10px;
	top:-4px;
	background-color:#efefff;
}
span.pnl-display-header {
	display:inline-block;
	font-weight:bold;
	cursor:pointer;
}
span.pnl-display-header span {
	color:#9c4b54;
	font-size:1.286rem;
}
table.pnl-display-options {
	width:100%;
	border-spacing:0px;
}
table.pnl-display-options td {
	padding:2px;
	width:100%;
}
table.pnl-display-options a {
	display:block;
	padding:3px 0px 3px 3px;
}

span.pnl-faint {
	color:#bbbbbb;
	font-size:0.786rem;
}

@media screen and (min-width:650px) {
	table.pnl-votehideable-list td.pnl-vote-cell, table.pnl-votehideable-list th.pnl-vote-cell {
		display:table-cell;
	}
	table.pnl-commenthideable-list td.pnl-comment-cell, table.pnl-commenthideable-list th.pnl-comment-cell {
		display:table-cell;
	}
}
@media screen and (min-width:700px) {
	table.pnl-list td {
		padding:4px 3px;
	}
	
	table.pnl-list tr.pnl-hoverable:hover td:not(.plain) {
		background-color:#ffffb8 !important; /*highlighted*/
	}
	
	div.pnl-bottom-bar {
		bottom:135px;
	}

	/* hover does not work well on mobile */
	table.pnl-display-options tr:hover td {
		background-color:#ffffb8 !important; /*highlighted*/
	}
}

div.pnl-links {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:5px;
	gap:4px;
	justify-content:center;
}
div.pnl-links a {
	text-decoration:none;
	color:#000000;
	white-space:nowrap;
	line-height:1.286rem;
	font-weight:bold;
	text-align:center;
	background-color:#e6e6e6;
	border:1px solid #cccccc;
	padding:4px 2px;
	width:132px;
	overflow:hidden;
}
div.pnl-links a:hover {
	background-color:#f8f8f8;
	border:2px solid #0636b4;
	padding:3px 1px;
}
div.pnl-links a.pnl-active {
	background-color:#f8f8f8;
	border:2px solid #0636b4;
	padding:3px 1px;
}
div.pnl-links a span {
	font-size:0.714rem;
	line-height:0.857rem;
	font-weight:normal;
}
div.pnl-links-wide a {
	width:200px;
}

div.pnl-pop-bar {
	position:absolute;
	top:2px;
	left:0px;
	height:16px;
}
div.pnl-pop-bar-masc {
	border-bottom:1px solid #3366ee;
	background-color:#e2f2ff;
}
div.pnl-pop-bar-fem {
	border-bottom:1px solid #ee3366;
	background-color:#ffe2f2;
}
div.pnl-pop-bar-sur {
	border-bottom:1px solid #777777;
	background-color:#e4ffe4;
}

div.pnl-stars {
	width:106px;
	display:inline-block;
	vertical-align:top;
}
div.pnl-stars-rating {
	cursor:pointer;
}
div.pnl-stars-rateable {
	cursor:pointer;
}
div.pnl-stars svg {
	box-sizing:border-box;
	width:100%;
	padding:2px 5px;
}
div.pnl-stars-rating .star {
	fill:#dddddd;
}
div.pnl-stars-rated .star {
	fill:#ffffff;
}
div.pnl-stars-rated .offset1 {
	stop-color:#ffffff;
}
div.pnl-stars-rated .offset2 {
	stop-color:#ffffff;
}
div.pnl-stars-rated1 .star1 {
	fill:#847ffa;
}
div.pnl-stars-rated2 .star1, div.pnl-stars-rated2 .star2 {
	fill:#9b7ee6;
}
div.pnl-stars-rated3 .star1, div.pnl-stars-rated3 .star2, div.pnl-stars-rated3 .star3 {
	fill:#c484bf;
}
div.pnl-stars-rated4 .star1, div.pnl-stars-rated4 .star2, div.pnl-stars-rated4 .star3, div.pnl-stars-rated4 .star4 {
	fill:#e4849f;
}
div.pnl-stars-rated5 .star1, div.pnl-stars-rated5 .star2, div.pnl-stars-rated5 .star3, div.pnl-stars-rated5 .star4, div.pnl-stars-rated5 .star5 {
	fill:#fa7f84;
}
div.pnl-stars-rated1 .offset1 {
	stop-color:#847ffa;
}
div.pnl-stars-rated2 .offset1 {
	stop-color:#9b7ee6;
}
div.pnl-stars-rated3 .offset1 {
	stop-color:#c484bf;
}
div.pnl-stars-rated4 .offset1 {
	stop-color:#e4849f;
}
div.pnl-stars-rated5 .offset1 {
	stop-color:#fa7f84;
}
div.pnl-stars-my5 .star1, div.pnl-stars-my4 .star1, div.pnl-stars-my3 .star1, div.pnl-stars-my2 .star1, div.pnl-stars-my1 .star1, div.pnl-stars-my5 .star2, div.pnl-stars-my4 .star2, div.pnl-stars-my3 .star2, div.pnl-stars-my2 .star2, div.pnl-stars-my5 .star3, div.pnl-stars-my4 .star3, div.pnl-stars-my3 .star3, div.pnl-stars-my5 .star4, div.pnl-stars-my4 .star4, div.pnl-stars-my5 .star5 {
	fill:#ffaf00;
}
div.pnl-stars-hover5 .star1, div.pnl-stars-hover4 .star1, div.pnl-stars-hover3 .star1, div.pnl-stars-hover2 .star1, div.pnl-stars-hover1 .star1, div.pnl-stars-hover5 .star2, div.pnl-stars-hover4 .star2, div.pnl-stars-hover3 .star2, div.pnl-stars-hover2 .star2, div.pnl-stars-hover5 .star3, div.pnl-stars-hover4 .star3, div.pnl-stars-hover3 .star3, div.pnl-stars-hover5 .star4, div.pnl-stars-hover4 .star4, div.pnl-stars-hover5 .star5 {
	fill:#ffaf00;
}



div.trophy-list {
	display:grid;
	grid-template-columns:repeat(auto-fill, 140px);
	grid-gap:5px;
	justify-content:space-between;
}
div.trophy {
	vertical-align:top;
	text-align:center;
	padding-bottom:10px;
}
@media screen and (min-width:630px) {
	div.trophy-list {
		grid-template-columns:repeat(auto-fill, 170px);
	}
}
div.trophy-big {
	max-width:400px;
}
div.trophy-info {
	margin-bottom:15px;
}
div.trophy-progress {
	width:200px;
	height:30px;
	text-align:left;
	border:1px solid #000000;
}

span.bne-number {
	font-size:1.714rem;
	font-weight:bold;
	background:#ffffff;
	border:1px solid #ddddd3;
	padding-left:5px;
	padding-right:5px;
	vertical-align:text-top;
}

div.ndlist {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
}
div.ndinfo {
	line-height:1.7em;
	display:inline-block;
	min-width:350px;
}

div.regionlist {
	display:grid;
	grid-column-gap:20px;
	grid-template-columns:repeat(auto-fill,170px);
	justify-content:space-between;
}
div.regionlink {
	display:inline-block;
	min-width:170px;
	vertical-align:top;
	text-align:center;
}
a.rl {
	display:inline-block;
	padding:0px;
	border:1px solid #999999;
	background-color:#ffffff;
	background-color:rgba(255,255,255,0.5);
	min-width:150px;
	margin:5px 1px;
	font-size:0.929rem;
	color:black;
	text-decoration:none;
}
a.rl-textonly {
	padding:2px;
	min-width:146px;
}
a.rl:hover {
	border:2px solid #0636b4;
	background-color:#ffffb8;
	margin:4px 0px;
}
a.rl-active {
	border:2px solid #0636b4;
	background-color:#ffffb8;
	margin:4px 0px;
}

hr.top-divider {
	height:0px;
	border-top:2px dotted #ddddd3;
	background-color:transparent;
	margin:6px 0px;
}
div.top-all-ctrls {
	text-align:right;
}
div.top-region {
	line-height:1.7em;
}
div.top-region-name {
	font-size:1.071rem;
	font-weight:bold;
}
div.top-years {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(32px, 1fr));
	column-gap:15px;
	justify-content:space-between;
	justify-items:center;
	height:1.7em;
	width:auto;
	overflow:hidden;
	margin-right:-2px;
	padding-right:2px;
}
div.top-years-expanded {
	height:auto;
}
div.top-ctrls {
	float:right;
}
a.top-ctrl {
	display:inline-block;
	display:none;
}
img.top-flagicon {
	border:0.5px solid #cccccc;
	height:12px;
	margin-bottom:-1px;
	margin-right:8px;
	vertical-align:baseline;
}
div.top-extras {
	text-align:center;
}

td.year-cell a {
	display:inline-block;
	min-width:40px;
}
td.year-cell a.year-hide {
	display:none;
}
td.year-cell a:first-of-type {
	font-weight:bold;
}
div.top-compare {
	margin:20px 0px 15px 5px;
	line-height:2em;
}
div.top-compare-form {
	float:right;
}
div.top-graph-controls {
	text-align:center;
	margin:20px 0px 20px 20px;
}
input.top-compare-input {
	width:110px;
}
div.top-compare-cb {
	text-align:left;
	display:inline-block;
	margin-right:10px;
	min-width:95px;
}
div.top-compare-cb input {
	margin-right:3px;
}
@media screen and (min-width:700px) {
	div.top-compare {
		margin-left:50px;
		margin-right:20px;
	}
	input.top-compare-input {
		width:180px;
	}
}

div.section-nav {
	text-align:center;
	margin:15px 0px;
}

th.popcol {
	width:25%;
}
div.pop-dual-wrapper {
	margin:0px -30px;
}
div.pop-wrapper {
	display:inline-block;
	margin:0px 15px 25px 15px;
	vertical-align:top;
}
div.pop-icon {
	float:right;
	padding-left:10px;
	padding-top:3px;
	user-select:none;
}
div.pop-icon img {
	height:14px;
}
.pop-anchor {
	margin-top:20px;
}
table.pop-table-m tr:nth-child(odd) td {
	background-color:#e2f2ff;
}
table.pop-table-f tr:nth-child(odd) td {
	background-color:#ffe2f2;
}
@media screen and (min-width:800px) {
	th.popcol {
		width:20%;
	}
}
@media screen and (min-width:500px) {
	.pop-anchor {
		display:none;
	}
}
@media screen and (min-width:700px) {
	.pop-anchor-max {
		display:none;
	}
}

table.poll-list {
	width:100%;
}
table.poll-list td {
	padding:6px 3px;
}
div.poll-list-wrap {
	display:flex;
	justify-content:space-between;
}
a.poll-list-subj {
	display:block;
	flex-grow:1;
	margin:-6px 0px; 
	padding:6px 0px; 
}
span.poll-list-voted {
	display:block;
	color:green;
	margin-left:5px;
}
div.poll {
	margin:35px 0px;
}
span.poll-function {
	display:inline-block;
	padding-left:20px;
}
div.poll-title {
	margin:5px 0px;
	font-size:1.429rem;
	font-weight:bold;
	line-height:1.2em;
}
table.poll-table {
	width:100%;
	margin:15px 0px;
}
table.poll-table td {
	vertical-align:middle;
}
div.poll-bar {
	width:100%;
	position:relative;
}
div.poll-bar > div {
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #a0a0a0;
	border-left-width:0px;
	height:24px;
	padding:1px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
div.poll-bar > span {
	position:absolute;
	display:block;
	white-space:nowrap;
	font-size:0.929rem;
	line-height:22px;
	padding:0px 3px;
	margin:1px 0px;
	color:black;
	background-color:rgba(255,255,255,0.5);
	text-align:center;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}

div.poll-cb {
	position:relative;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #a0a0a0;
	border-radius:4px;
	margin:5px 0px;
	display:inline-block;
}
div.poll-cb input {
	position:absolute;
	left:6px;
	top:0px;
	bottom:0px;
	margin-top:auto;
	margin-bottom:auto;
	cursor:pointer;
}
div.poll-cb label {
	display:inline-block;
	line-height:1.2em;
	padding:6px 6px 6px 2em;
	border-radius:4px;
	box-sizing:border-box;
	width:100%;
	cursor:pointer;
}
div.poll-cb input:checked + label {
	background-color:#ffffb8;
}
@media screen and (min-width:700px) {
	/* hover does not work well on mobile */
	table.poll-list tr:hover td { 
		background-color:#ffffb8;
	}
	div.poll-cb label:hover {
		background-color:#ffffb8;
	}
}

img.editstatus {
	height:14px;
	vertical-align:text-top;
}

svg.edstat {
	height:14px;
	vertical-align:text-top;
}
svg.edstat path {
	stroke:white;
	stroke-width:2.5;
	stroke-linejoin:miter;
	fill:none;
}
svg.edstat circle {
	fill:#dddddd;
}

svg.edstat1 .edstat-c1 {
	fill:#8397f8;
}
svg.edstat4 .edstat-c1, svg.edstat4 .edstat-c2 {
	fill:#ef8cd6;
}
svg.edstat6 .edstat-c1, svg.edstat6 .edstat-c2 {
	fill:#b181f8;
}
svg.edstat10 .edstat-c1, svg.edstat10 .edstat-c2, svg.edstat10 .edstat-c3 {
	fill:#f9cc7c;
}

td.random-title {
	font-weight:bold;
	text-align:right;
	padding:5px 0px;
	padding-right:10px;
	line-height:1.9em;
}
td.random-data {
	padding:6px 0px;
	line-height:1.9em;
}
div.random-option {
	position:relative;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #a0a0a0;
	border-radius:4px;
	line-height:1.714rem;
	display:inline-block;
}
div.random-option input {
	position:absolute;
	left:6px;
	top:0px;
	bottom:0px;
	margin-top:auto;
	margin-bottom:auto;
	cursor:pointer;
}
div.random-option label {
	display:inline-block;
	padding-left:2em;
	padding-right:6px;
	border-radius:4px;
	cursor:pointer;
}
div.random-option label.random-option-m {
	color:#000000;
	background-color:#e4e4ff;
}
div.random-option label.random-option-f {
	color:#000000;
	background-color:#ffe4e4;
}
div.random-option input:checked + label {
	background-color:#ffffb8;
}


div.random-cb-all {
	background-color:#9fbfbf;
	margin-bottom:1px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
td.randomlang {
	background-color:#9fbfbf;
	border-bottom-left-radius:4px;
}
td.randommyth {
	background-color:#9f9fdf;
}
td.randomfun {
	background-color:#bf9fbf;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
ul.randomul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	column-count:1;
	column-gap:0px;
	column-width:132px;
}
ul.randomul li {
	line-height:2.714rem;
}
ul.randomul li.random-spacer {
	line-height:1.357rem;
}

div.random-cb {
	position:relative;
	display:inline-block;
}
div.random-cb input {
	position:absolute;
	left:8px;
	top:0px;
	bottom:0px;
	margin-top:auto;
	margin-bottom:auto;
	cursor:pointer;
}
div.random-cb-ind input {
	left:25px;
}
div.random-cb label {
	display:inline-block;
	padding-left:28px;
	cursor:pointer;
	box-sizing:border-box;
	width:132px;
	line-height:2.714rem;
}
div.random-cb-ind label {
	padding-left:45px;
}
div.random-cb input:checked + label {
	background-color:rgba(255,255,255,0.4);
}
span.random-result {
	font-size:3.143rem;
	font-weight:bold;
	line-height:1.2em;
}
div.random-results {
	margin-top:40px;
	margin-bottom:20px;
	padding:0px 25px;
	font-size:3.143rem;
	font-weight:bold;
	line-height:1.2em;
	position:relative;
}
div.random-results-seen {
	font-size:1.286rem;
	padding:0px 55px;
	margin-top:50px;
}
div.random-tools {
	white-space:nowrap;
	position:absolute;
	right:0px;
}
div.random-tool {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
div.random-tool img {
	height:34px;
}
div.random-results-seen div.random-tool img {
	height:20px;
	padding-right:7px;
}
div.random-tool span {
	display:block;
	margin-top:3px;
	font-size:0.857rem;
	line-height:1em;
	color:#9c4b54;
}
div.random-results-seen div.random-tool span {
	display:none;
}
div.random-message {
	margin-top:50px;
}

@media screen and (min-width:700px) {
	/* hover does not work well on mobile */
	div.random-option label:hover {
		background-color:#ffffb8;
	}
	div.random-cb label:hover {
		background-color:rgba(255,255,255,0.4);
	}
	ul.randomul li {
		line-height:2rem;
	}
	ul.randomul li.random-spacer {
		line-height:1rem;
	}
	div.random-cb label {
		line-height:2rem;
	}
}
@media screen and (min-width:700px) {
	ul.randomul {
		column-count:2;
	}
}
@media screen and (min-width:850px) {
	ul.randomul {
		column-count:3;
	}
}


/* name browser */
div.nb-quickfilters {
	line-height:1.786rem;
}
div.nb-quickfilter {
	display:inline-block;
	margin-right:10px;
}
div.nb-quicklabel {
	display:none;
	font-size:0.786rem;
	line-height:1.071rem;
	font-weight:bold;
	color:#888888;
	margin-top:4px;
	margin-left:3px;
	text-align:left;
}
div.nb-quicklabelled div.nb-quicklabel {
	display:block;
}
select.nb-quickselect {
	width:105px;
}
select.nb-quickselect-double {
	width:220px;
}
input.nb-quicktext {
	width:105px;
}
input.nb-quicktext-double {
	width:220px;
}

/* special widths for the namesake browsesr */
select.nb-quickselect-ns {
	width:75px;
}
input.nb-quicktext-ns {
	width:75px;
}
select.nb-quickselect-nsdouble {
	width:160px;
}
input.nb-quicktext-nsdouble {
	width:160px;
}
@media screen and (min-width:750px) {
	select.nb-quickselect-ns {
		width:105px;
	}
	input.nb-quicktext-ns {
		width:105px;
	}
	select.nb-quickselect-nsdouble {
		width:220px;
	}
	input.nb-quicktext-nsdouble {
		width:220px;
	}
}

div.nb-refine {
	position:relative;
	border-top:1px dotted #ddddd3;
}
div.nb-refineheader {
	line-height:25px;
	font-size:0.786rem;
	padding-bottom:4px;
}
div.nb-refineheadertools {
	float:right;
}
div.nb-refinefooter {
	line-height:27px;
	padding-top:8px
}
div.nb-refinefootertools {
	float:right;
}
div.nb-titlebar {
	box-sizing:border-box;
	padding:6px 0px;
}
div.nb-refine-on div.nb-titlebar {
	background-color:#e8e8db; /*active*/
}
div.nb-titlebar:hover, div.nb-refine-on div.nb-titlebar:hover {
	cursor:pointer;
}
span.nb-plusminus {
	display:inline-block;
	width:20px;
	text-align:center;
	vertical-align:text-top;
	font-weight:bold;
	font-size:1.143rem;
	line-height:1.143rem;
	color:#9c4b54;
	text-decoration:none;
}
span.nb-title {
	font-weight:bold;
}
div.nb-data {
	display:none;
	box-sizing:border-box;
	padding:4px 0px 8px 16px;
	background-color:#f2f2e4;
}
div.nb-data table {
	border-spacing:0px;
	width:100%;
}
div.nb-data table td {
	padding:6px;
	vertical-align:top;
}
select.nb-operator {
	vertical-align:top;
	width:80px;
}
select.nb-select {
	vertical-align:top;
	max-width:200px;
}
input.nb-text {
	width:160px;
}
tr.nb-help {
	display:none;
}
tr.nb-help > td {
	padding:5px 15px 15px 5px !important;
}
tr.nb-help > td > ul {
	font-size:0.857rem;
	margin:0px;
	padding-left:2em;
	background-color:#333333;
	color:#ffffff;
	display:none;
}
tr.nb-help a {
	color:#bbbbff;
}
@media screen and (min-width:700px) {
	/* hover does not work well on mobile */
	div.nb-titlebar:hover, div.nb-refine-on div.nb-titlebar:hover {
		background-color:#ffffb8; /*highlighted*/
	}
	select.nb-operator {
		width:100px;
	}
	select.nb-select {
		max-width:none;
	}
	input.nb-text {
		width:250px;
	}
}
div.nb-right {
	float:right;
	margin-left:15px;
	text-align:right;
}
div.nb-other-info {
	min-width:160px;
	text-align:center;
	margin-bottom:25px;
}
div.nb-other-title {
	font-size:0.786rem;
	font-weight:bold;
}

span.nb-clear-link {
	display:none;
}
tr.nb-row-on input.nb-text {
	background-color:#f7e3ff;
	border-color:#9900ee;
}
tr.nb-row-on select.nb-select {
	background-color:#f7e3ff;
	border-color:#9900ee;
}
tr.nb-row-on div.switch-input label {
	background-color:#f7e3ff;
	border-color:#9900ee;
}
tr.nb-row-on span.nb-clear-link {
	display:inline;
}
/* end name browser */


div.ns-refine {
	position:relative;
	min-width:110px;
}
div.ns-inner {
	box-sizing:border-box;
	width:110px;
	min-height:28px;
}
div.ns-refine input.ns-cb {
	position:absolute;
	left:8px;
	top:6px;
	cursor:pointer;
	z-index:2;
}
div.ns-inner > label {
	box-sizing:border-box;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	padding-left:28px;
	cursor:pointer;
	width:110px;
	line-height:28px;
	font-weight:bold;
}
div.ns-refine input.ns-cb:checked + div.ns-inner {
	width:100%;
}
div.ns-data {
	box-sizing:border-box;
	display:none;
	padding:3px;
	padding-left:110px;
}
div.ns-refine input.ns-cb:checked + div.ns-inner div.ns-data {
	display:block;
}
select.ns-operator {
	vertical-align:top;
	width:90px;
}
select.ns-select {
	vertical-align:top;
	width:190px;
}
input.ns-text {
	vertical-align:top;
	width:190px;
}
.ns-hidden {
	display:none;
}
@media screen and (min-width:700px) {
	select.ns-operator {
		width:120px;
	}
	select.ns-select {
		width:250px;
	}
	input.ns-text {
		width:250px;
	}
}
div.ns-chart-title {
	margin-top:20px;
	margin-bottom:15px;
}
div.ns-pie {
	float:left;
	padding-bottom:20px;
}
ul.ns-pie-list {
	margin-left:160px;
	column-width:250px;
	list-style:none;
	line-height:2em;
	column-gap:5px;
}

table.nd-grid td {
	padding:6px;
}
table.nd-grid td:hover { 
	cursor:pointer;
}
@media screen and (min-width:700px) {
	/* hover does not work well on mobile */
	table.nd-grid td:hover {
		background-color:#ffffb8; /*highlighted*/
	}
}
span.nd-calno {
	display:inline-block;
	width:12px;
	line-height:12px;
	text-align:center;
	font-size:10px;
	vertical-align:baseline;
	border:1px solid #000000;
	background-color:#ffffff; 
}
img.nd-flagicon {
	border:0.5px solid #cccccc;
	height:12px;
	margin-bottom:-1px;
	vertical-align:baseline;
}


div.visual-wrapper-outer {
	position:relative;
}
div.visual-wrapper {
	overflow-y:visible;
	overflow-x:auto;
	padding:1px;
	width:100%;
}
@media screen and (min-width:700px) {
	div.visual-wrapper-outer {
		width:calc(100vw - 30px);
		margin-left:calc(-50vw + 15px);
		left:50%;
	}
	div.visual-wrapper {
		position:relative;
		width:calc(100vw - 30px);
		margin-left:calc(-50vw + 15px);
		left:50%;
	}
}
table.visual {
	border:0.75px solid rgba(0,0,0,0.5);
	border-collapse:collapse;
	min-width:100%;
	table-layout:fixed;
}
table.visual tr {
	border:0.75px solid rgba(0,0,0,0.5);
}
table.visual th, table.visual td {
	border:0.75px solid rgba(0,0,0,0.5);
}
@media screen and (min-width:700px) {
	table.visual, table.visual tr, table.visual th, table.visual td {
		border-width:1px;
	}
}
table.visual th {
	color:black;
	padding:0px;
	background-color:white;
}
table.visual td {
	font-size:0.714rem;
}
table.visual div {
	overflow:hidden;
	position:relative;
}
table.visual td div {
	cursor:pointer;
}

table.visual-zoom4 {
	table-layout:auto;
}
table.visual-zoom4 div {
	height:25px;
	width:60px;
	padding-right:3px;
	text-align:right;
}
table.visual-zoom4 th div {
	font-size:1rem;
	line-height:1.786rem;
	font-weight:bold;
}
table.visual-zoom4 td div {
	font-size:0.786rem;
	line-height:2.143rem;
}

table.visual-zoom3 {
	table-layout:auto;
}
table.visual-zoom3 div {
	width:30px;
	height:15px;
	text-align:center;
}
table.visual-zoom3 th div {
	font-size:0.714rem;
	line-height:1.071rem;
	font-weight:normal;
}
table.visual-zoom3 td div {
	font-size:-0rem;
	line-height:-0rem;
}

table.visual-zoom2 {
	table-layout:auto;
}
table.visual-zoom2 div {
	width:10px;
	height:6px;
}
table.visual-zoom2 th {
	display:none;
}
table.visual-zoom2 td div {
	font-size:-0rem;
	line-height:-0rem;
}

table.visual-zoom1 {
	table-layout:fixed;
	width:100%;
}
table.visual-zoom1 div {
	width:100%;
	height:4px;
}
table.visual-zoom1 th {
	display:none;
}
table.visual-zoom1 td div {
	font-size:-0rem;
	line-height:-0rem;
}

td.vis-hl div {
	z-index:2;
	margin:-2px;
	border:2px solid #99ff00;
}

td.vis-hlt div {
	z-index:2;
	margin:-2px;
	border:2px solid yellow;
}

div.vis-toolbar {
	background-color:#ababb2;
	padding:5px 15px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:-20px;
	margin-right:-20px;
}
@media screen and (min-width:700px) {
	div.vis-toolbar {
		margin-left:-30px;
		margin-right:-30px;
	}
}
div.vis-keyitem {
	display:inline-block;
	font-weight:bold;
	text-align:center;
	border-radius:15px;
	line-height:30px;
	padding:0px 2px;
	margin:2px;
	min-width:90px;
	cursor:pointer;
}
div.vis-zoom {
	display:inline-block;
	float:right;
	font-weight:bold;
	color:#555555;
	line-height:30px;
	margin:2px 4px 2px 10px;
}
div.vis-zoom a {
	display:inline-block;
	font-weight:bold;
	font-size:1.286rem;
	color:black;
	background-color:white;
	border:1px solid black;
	border-radius:15px;
	line-height:26px;
	padding-bottom:2px;
	width:28px;
	text-align:center;
	margin-left:5px;
	text-decoration:none;
}
div.vis-zoom a.vis-zoom-no {
	background-color:#bbbbbb;
}
div#vispop {
	display:none;
	position:absolute;
	white-space:nowrap;
	color:black;
	background-color:white;
	border:1px solid black;
	border-radius:5px;
	padding:10px;
	z-index:3;
}
div#vispop-head {
	font-weight:bold;
}
div#vispop-sub {
	font-weight:bold;
	color:#555555;
	margin-bottom:5px;
}
div.visform-item {
	display:inline-block;
	margin:0px 10px;
}

/* side by side comparison */
div.sbstop {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
	gap:15px;
	justify-content:space-between;
}
div.sbsform-item {
	margin:0px 10px 10px 10px;
	display:inline-block;
}
div.sbstop-region {
	border:2px solid grey;
	border-radius:5px;
	padding:7px;
}
div.sbstop-region-name {
	font-weight:bold;
}
div.sbstop-name {
	padding-left:25px;
}

/* pie chart pop over */
div.piepop {
	display:none;
	position:absolute;
	white-space:nowrap;
	color:black;
	background-color:white;
	border:2px solid black;
	border-radius:5px;
	padding:6px;
	z-index:3;
}

/* comparison tool */
div.comp-pie {
	float:left;
	padding-bottom:20px;
}
div.comp-list > div {
	display:inline-block;
	box-sizing:border-box;
	margin-bottom:3px;
	padding-left:20px;
}
div.comp-exp {
	font-size:0.929rem;
	margin:20px;
}

/* social sign in */
a.socsi {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	line-height:28px;
	height:30px;
	min-width:190px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	overflow:hidden;
	white-space:nowrap;
	border:1px solid #000000;
	border-radius:2px;
	margin:2px;
	padding-right:10px;
	cursor:pointer;
}
a.socsi:hover {
	text-decoration:none;
}
a.socsi span.socsi-logo {
	display:inline-block;
	margin-right:10px;
	padding:5px;
	height:20px;
	width:22px;
	text-align:center;
	background-color:#ffffff;
	vertical-align:middle;
	border-radius:2px;
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:center center;
}
a.socsi-google {
	border:1px solid #4285f4;
	color:#ffffff;
	background-color:#4285f4;
}
a.socsi-google span.socsi-logo {
	background-image:url("/images/social/google_120.png");
}
a.socsi-facebook {
	border:1px solid #3b5998;
	color:#ffffff;
	background-color:#3b5998;
}
a.socsi-facebook span.socsi-logo {
	background-image:url("/images/social/facebook_120.png");
}
a.socsi-twitter {
	border:1px solid #55acee;
	color:#ffffff;
	background-color:#55acee;
}
a.socsi-twitter span.socsi-logo {
	background-image:url("/images/social/twitter_120.png");
}
/* end social sign in */

/* social icon */
a.socic {
	display:inline-block;
	vertical-align:middle;
	border-radius:4px;
	margin:2px;
	cursor:pointer;
}
a.socic-google {
	background-color:#dd4b39;
}
a.socic-facebook {
	background-color:#3b5998;
}
a.socic-twitter {
	background-color:#55acee;
}
a.socic-pinterest {
	background-color:#bd081c;
}
a.socic-bsky {
	background-color:#0085ff;
}
/* end social icon */


input.field-data {
	font-size:0.929rem;
	line-height:1.714rem;
	border-radius:4px;
	padding:0px 5px;
	margin:0px;
}
textarea.field-data {
	font-size:0.929rem;
	border-radius:4px;
	padding:4px;
	margin:0px;
}
select.field-data {
	font-size:0.929rem;
	line-height:1.714rem;
	border-radius:4px;
}

div.field-error-msg {
	color:#d91e2e;
	margin:10px 0px;
}
div.field-set {
	margin-bottom:8px;
}
div.field-set-sub {
	margin-top:3px;
	margin-left:40px;
}
div.field-set div.field-label {
	font-weight:bold;
}
div.field-set-sub div.field-label {
	margin-left:-10px;
}
div.field-label span.field-label-tip {
	font-weight:normal;
	padding-left:20px;
}
div.field-set div.field-label-float {
	float:right;
}
div.field-set div.field-label-beside {
	font-weight:bold;
	display:inline-block;
	padding-right:10px;
}
div.field-set div.field-error-msg, div.search-set div.field-error-msg {
	font-size:0.929rem;
	margin:0px;
	margin-top:2px;
	line-height:1.3em;
}
div.field-cb label {
	display:inline-block;
	line-height:1.65em;
}

div.has-error input.field-data, div.has-error textarea.field-data, div.has-error select.field-data {
	border:1px solid #d91e2e;
}

div.has-error div.field-cb {
	border:1px solid #d91e2e;
	border-radius:4px;
	padding:5px;
}

div.skyscraperad {
	width:160px;
	height:620px;
}

table.search-form td {
	padding:3px;
}

div.quote {
	font-style:italic;
}
div.quote legend {
	font-style:normal;
}

.sharp-border {
	border-color:#000000;
}


table.game-list {
	width:100%;
}
table.game-list td {
	padding:6px 3px;
}
a.game-list-subj {
	display:block;
	margin:-6px 0px; 
	padding:6px 0px; 
}
#game-title {
	font-weight:bold;
	font-size:1.429rem;
}
#game-toolbar {
	margin:25px 0px;
	display:flex;
	justify-content:space-evenly;
}
#game-area {
	margin:20px 0px;
	padding:15px;
	background-color:#f2f2e4;
}
#game-precontrols {
	margin-top:50px;
}
#game-incontrols {
	margin:25px 0px;
	display:flex;
	justify-content:space-evenly;
}
#game-postcontrols {
	margin:25px 0px;
	display:flex;
	justify-content:space-evenly;
}
div.game-info-caption {
	font-size:0.714rem;
}
div.game-info-data {
	font-size:2.143rem;
}
div.game-info-subcaption {
	font-size:0.714rem;
	font-weight:bold;
	color:#007f00;
}
#game-stats {
	margin:90px 0px 50px 0px;
	display:flex;
	justify-content:space-evenly;
}
div.game-stat {
	min-width:100px;
}
div.game-stat-score {
	font-size:2.143rem;
	margin:5px;
}
span#game-right {
	color:#007f00;
}
span#game-wrong {
	color:#7f0000;
}
div.game-question-wrap {
	margin-bottom:20px;
	display:flex;
	justify-content:space-around;
}
div.game-main-question {
	font-weight:bold;
	font-size:1.429rem;
}
div.game-clicker {
	display:inline-block;
	vertical-align:top;
	min-width:150px;
	background-color:#ffffff;
	border:1px solid grey;
	margin:5px;
	padding:7px;
}
div.game-clicker img {
	max-width:100px;
	border:1px solid grey;
}
div.game-clicker-clickable {
	cursor:pointer;
}
div.game-clicker-guessed-right {
	background-color:#88ff88;
}
div.game-clicker-guessed-wrong {
	background-color:#ff8888;
}
div.game-clicker-unguessed-right {
	background-color:#ffff88;
}
div.game-clicker-unguessed-wrong {
	color:#777777;
	background-color:#ffffff;
}
div.game-area-reveal div.game-clicker-guessed-wrong {
	text-decoration:line-through;
}
div.game-area-reveal div.game-clicker-unguessed-right {
	text-decoration:underline;
}
div.game-area-2x div {
	width:40%;
}
div.game-area-4x div {
	width:40%;
}
div.game-area-2x img {
	max-width:65%;
}
div.game-area-4x img {
	max-width:85%;
}
div.game-area-list {
	column-count:2;
}
div.game-area-list-double {
	column-count:1;
}
div.game-area-list div {
	text-align:left;
}
div.game-enterer-wrap {
	margin-bottom:20px;
}
#game-enterer {
	width:50%;
	min-width:150px;
	font-size:1.214rem;
	height:20px;
	padding:4px;
	margin:0px;
}
div.game-area-list > div {
	display:inline-block;
	width:100%;
}
div.game-area-list div.game-answer {
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	margin:2px;
	padding:3px;
	border:1px solid grey;
}
div.game-area-list div.game-question {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	padding:6px;
}
div.game-answer-unanswered {
	color:#bbbbbb;
	font-style:italic;
}
span.game-hint-spaced {
	letter-spacing:0.1em;
}
span.game-reveal-small {
	display:block;
	font-size:0.786rem;
	font-style:italic;
	line-height:1em;
}
div.game-answer-answered {
	background-color:#88ff88;
}
div.game-answer-unanswered-missed {
	color:#000000;
	background-color:#ffff88;
	font-style:normal;
	letter-spacing:0;
}
div.game-tile-grid {
	display:grid;
	grid-template-columns:repeat(4, auto);
	justify-content:center;
	justify-items:center;
	gap:20px 30px;
}
a.game-tile {
	display:block;
	text-decoration:none;
}
a.game-tile img {
	height:80px;
}
a.game-tile span {
	font-size:0.786rem;
	line-height:1em;
}
@media screen and (min-width:600px) {
	div.game-area-list {
		column-count:3;
	}
	div.game-area-list-double {
		column-count:2;
	}
}
@media screen and (min-width:750px) {
	div.game-area-4x div {
		width:20%;
	}
	div.game-tile-grid {
		grid-template-columns:repeat(6, auto);
	}
}
@media screen and (min-width:900px) {
	div.game-area-list {
		column-count:4;
	}
	div.game-area-list-double {
		column-count:2;
	}
}

/* jquery multi-select */
div.snu-multiselect {
    width:200px;
}
.multi-select-container {
    display:inline-block;
    position:relative;
    width:100%;
}
.multi-select-button {
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:default;
    width:100%;
}
.multi-select-menu {
    position:absolute;
    display:none;
    z-index:1;
    min-width:100%;
    background:#ffffff;
    color:#222222;
	border:1px solid #aaaaaa;
	border-radius:4px;
}
.multi-select-menuitem {
    display:block;
    padding:5px 10px;
    white-space:nowrap;
}
.multi-select-container--open .multi-select-menu {
    display:block;
}

svg.svgstate text.svgyear {
	fill:#000000;
	font-size:2.571rem;
}
svg.svgstate text.svglabel {
	fill:#000000;
	font-size:1.429rem;
}
@media screen and (min-width:600px) {
	svg.svgstate text.svglabel {
		font-size:1.286rem;
	}
}
@media screen and (min-width:750px) {
	svg.svgstate text.svglabel {
		font-size:1.143rem;
	}
}
@media screen and (min-width:900px) {
	svg.svgstate text.svglabel {
		font-size:1rem;
	}
}

svg.bigchart text.svglabel {
	fill:#000000;
}
svg.pnlchart text.svglabel {
	fill:#000000;
}

.clearfix::after {
	content:"";
	clear:both;
	display:table;
}

.no-transition {
	transition:none !important;
}

.no-wrap {
	white-space:nowrap;
}

.deleted {
	background-color:#bbbbbb !important;
}
.locked {
	background-color:#ffdd00 !important;
}
.reported {
	background-color:#efddca !important;
}
.reserved {
	background-color:#99ffbb !important;
}
tr.deleted td {
	background-color:#bbbbbb !important;
}
tr.locked td {
	background-color:#ffdd00 !important;
}
tr.reported td {
	background-color:#efddca !important;
}
.unapproved {
	background-color:#ffff66 !important;
}
.unapproved-pending {
	background-color:#ffe666 !important;
}
.emph {
	background-color:#ffff55 !important;
	color:#000000 !important;
}
.required {
	background-color:#ffddee !important;
	color:#000000 !important;
}
.changed {
	background-color:#ffdddd !important;
}
.special {
	color:#006600 !important;
}