:root {
  --base:#88aa77;
	--brand-muted:#667766;

  /* NEUTRALS */
/*  --basic:#444;*/
	--basic-muted:#44444433;
/*	--muted:#666;*/
  --subtle:#999;
  --faint:#ddd;
  --fainter:#f3f3f3;
	--white:#fff;

  /* NEUTRALS NEW */
	--n8: #221e24;
	--n7: #37303b; /* 33333e */
	--n7-muted: #34333633;
	--n6: #535155;
	--n5: #68656b;
	--n4: #87848b;
	--n3: #aba1af;
	--n2: #dcdbdd;
	--n1: #f3f3f3;
	--n0: #fff;

	/* MERGE THESE? */
/*	--action:#88aa77;
	--action-muted:#88aa7755;
	--action-dark:#526e45;
	--action-glow:#93b378;*/

/*	--action-dull:#8855aa;*/
	--action-muted:#8855aa55;
	--action-dark:#523366;
	--action-glow:#9b61c2;
	--action-glow-rgb:155,97,194;
	--action-glow2:#c497e2;
	--action-glow3:#d7b8eb;
	--action-glow4:#EEE0F6;
	--action-glow5:#fdfbfe;

	--a9:#0f0913; /* darker */
	--a8:#2d1c39;
	--a7:#4c2f5e;
	--a6:#6a4284;
	--action:#8855aa; /* action */
	--a4:#bda1d0;
	--a3:#bda1d0;
	--a2:#d7c6e3;
	--a1:#f2ecf6; /* brighter */

	/* ACCENT */
	--ac:#5e55aa;
	--ac1:#F4F3F9;

	/* NOTICES */
	--notice-dark:#654; /* text on notice */
	--notice-strong2:#ce8209;
	--notice-strong:#f9c672;
	--notice-strong-a1:#f9c6721a;
	--notice:#ffe7b8; /* originally notice */
	--notice-faint:#fff3cc; /* originally notice-faint */

  /* EI */
	--pos-strong:#36482d;
	--pos:#88aa77;
	--pos-faint:#66cc5533;
	--pos-muted:#88aa7799;
	--neu:#556688;
	--neu1:#dde0e7;
/*	--neg-strong:#450c0c;*/
	--neg-strong:#732121;
	--neg:#aa5555;
	--neg-faint:#bb555533;
	--neg-muted:#bb555599;

/*	--pos:#8855aa;
	--pos-faint:#8855aa33;
	--pos-muted:#8855aa99;
	--neu:#ffffe0;
	--neg:#c13e2e;
	--neg-faint:#c13e2e33;
	--neg-muted:#c13e2e99;
*/
/*	--pos:#195473;
	--pos-faint:#8855aa33;
	--pos-muted:#8855aa99;
	--neu:#ffffc2;
	--neg:#890024;
	--neg-faint:#c13e2e33;
	--neg-muted:#c13e2e99;
*/
	/* FONTS */
	--font-big:1.2em;
	--font-bigger:1.5em;
	--font-huge:1.8em;
	--border-radius:6px;
	--border-radiuss:4px;

	/* LAYOUT WIDTHS */
	--wrap:20px;
	--wrap-neg:-20px;
	--wrap-m:14px;
	--wrap-m-neg:-14px;

	/* Consent modal override */
	--cc-btn-primary-bg:var(--action) !important;
}

html,body,div,span,applet,object,iframe,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
	padding:0em;
	background:var(--n2);
}
#bodywrap {
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
ol,ul {
	list-style:none;
}
blockquote,q {
	quotes:none;
}
p {
	margin-bottom:.8em;
}
p, .spaced {
	line-height:1.4em;
}
blockquote:before,blockquote:after,
q:before,q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input,textarea {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
select {
/*	max-width:20em;*/
}
input[type="text"],
textarea {
    border: 1px solid var(--n3);
    border-radius: var(--border-radiuss);
    padding: 0.4em 0.5em;
    font-family:inherit;
}
input[type='submit'] {
	border-width:0;
}
body {
	font-family:"helvetica neue",helvetica,arial,sans-serif;
	font-size:14px;
	line-height:1.3em;
	color:var(--n7);
}
table.sexy {margin-bottom:1em;border-collapse:collapse;}
table.sexy td,table.sexy th {border:1px solid #aaa;}
.left table.sexy th {background-color:#ddd;color:#333;padding:.5em .6em;}
table.sexy td {padding:.1em .2em}
table.sexy td.label {background-color:var(--n1);color:var(--n5);text-align:right;}
.right {float:right;}
.left {float:left;}
.tright {text-align:right;}
.tleft {text-align:left;}
ul.normallist,ol.normallist {margin-left:1.5em}
ul.normallist {list-style-type:disc;}
ol.normallist {list-style-type:decimal;}
.space li {
	margin-bottom:0.4em;
}
a,.fakelink {
	color:var(--action);
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
}
a:hover,.fakelink:hover {
	color:var(--action-glow);
/*	text-decoration:underline;*/
}
a.year {
	color:inherit;
	font-weight:inherit;
}
a.year:hover {
	text-decoration:underline;
}
.warningLink:hover {
	color:#a65;
}
::selection {
	background:var(--a2);
	color:var(--n7);
}

h1,h2,h3,h4,h5,h6 {
	padding:.3em 0 .5em;
	font-family:Inter;
}
#header h1,#h1 h1 {
	color:var(--n7);
	font-size:2.7em;
	padding-top:.3em;
	font-weight:bold;
	padding-bottom: 0.4em;
}
h1#logo {
	background:transparent url(/media/logo.png) 0px 5px no-repeat;
	margin-left:-2px;
	margin-top:0px;
	padding:0;
}
#logo, #logo a {
	display:inline-block;
	width:214px;
	height:56px;
}
.headerleft {
	display:flex;
	align-items:center;
}
.hamburger {
  position: relative;
  display: none;
  width: 32px;
  height: 24px;
  margin: 0 8px;
}
.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px;
}
.hamburger-inner:after, .hamburger-inner:before {
  display: block;
  content: "";
}
.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {
  position: absolute;
  width: 32px;
  height: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.hamburger-inner:before {
    top: -10px;
}
.hamburger-inner:after {
    bottom:-10px;
}
h2 {
	font-family:'Inter',arial,sans-serif;
	font-weight:bold;
	font-size:2em;
	line-height: 1.4em;
}
h3 {
	font-size:1.3em;
	color:var(--n7);
}
h3 a {
	color:inherit;
}
h4 {
	font-size:1em;
}
h5 {
	font-size:1em;
}
hr {
	height:0px;
	clear:both;
	visibility:hidden;
	margin:0;
	border-width:0px;
	}
sup {
	vertical-align:super;
	font-size:smaller;
}
	
.onbg {
	font-size:.95em;
	text-shadow: 1px 1px 0px var(--fainter);
}

.last {
	margin-right:0 !important;
}
.glow {
	background-color:#fff9c9;
	padding:1px 2px;
	border-radius:3px;
}
.pagination {
	text-align:center;
	padding:2em 0;
}
/* THEME */
.contentw {
	width:1280px;
	margin:auto;
	clear: both;
}
table.paddedtable td,table.paddedtable th {
	padding:0.7em 0.5em;
}
table.paddedtables td,table.paddedtables th {
	padding:0.3em 0.4em;
}

/* THIS IS FOR ADDCHANGE,BUT PROBABLY COULD BE REPURPOSED */
table.formtable td {
	padding:6px 0.4em;
}
table.formtable .barbelow {
	border-bottom:1px solid var(--n1);
}
table.formtable .label {
	color:var(--n7);
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	/*padding-top:.8em;*/
}
.form_helper {
	color:var(--n4);
	margin-top:3px;
	font-style:italic;
}
.form_helper a {
	color:inherit;
}

.sleek {
	color:var(--n5);
	/*text-shadow:1px 1px 0px #fff;*/
	/*border:#ccc 1px solid;*/
	border-radius:3px;
	border-collapse:separate;
	margin:.4em 0 1em;
	width:100%;
}
.sleek.shadow {
	box-shadow:0 1px 3px #e9e9e9;
}
.sleek .tbody {
	background:#eaebec;
}
.sleek tbody.transparent,
.sleek tbody.transparent td {
	background:transparent !important;
	border-color:transparent;
}
.sleek th {
	padding:.3em .5em .3em;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	/*background:#ededed;
	background:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#ebebeb));
	background:-moz-linear-gradient(top, #ededed, #ebebeb);*/
	/*font-size:.9em; removing this for compare. add it back in as a seperate class */
	vertical-align:bottom;
/*	text-transform:uppercase;*/
	color:var(--n4);
	text-align:left;
}
.sleek .transparent th {
	background:transparent !important;
	border-color:transparent;
}
.sleek td.noborder {
	border-left-color:transparent;
}
.sleek td.darkborder {
	border-left-color:#b6b6b6;
}
.sleek th.darkborder {
	border-left:1px solid #ddd;
}
.sleek tr:first-child th:first-child {
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.sleek tr:first-child th:last-child {
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.flushTopLeft tr:first-child td:first-child {border-top-left-radius:0 !important;}
.flushTopRight tr:first-child td:last-child {border-top-right-radius:0 !important;}
.flushBottomLeft tr:last-child td:first-child {border-bottom-left-radius:0 !important;}
.flushBottomRight tr:last-child td:last-child {border-bottom-right-radius:0 !important;}
.sleek td:first-child {
	border-left:0;
}
/* outline of whole table */
.sleek tr:first-child td, .sleek .firstRow td {
	border-top:#ccc 1px solid;
}
.sleek tr:last-child td {
	border-bottom:#ccc 1px solid;
}
.sleek td:first-child {
	border-left:#ccc 1px solid;
}
.sleek td:last-child {
	border-right:#ccc 1px solid;
}
.sleek td,
.sleek th {
	padding:.5em .7em .3em;
	/*border-top:1px solid #fff;*/
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	background:#fafafa;
	line-height: 1.3em;
	word-break: break-word;
}
.sleek tr.even td {
	background:#f6f6f6;
	background:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f6f6f6));
	background:-moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
.sleek tr:last-child td:first-child {
	border-bottom-left-radius:3px;
}
.sleek tr:last-child td:last-child {
	border-bottom-right-radius:3px;
}
.sleek tr:first-child td:first-child,
.sleek .firstRow td:first-child {
	border-top-left-radius: 3px;
}
.sleek tr:first-child td:last-child,
.sleek .firstRow td:last-child {
	border-top-right-radius: 3px;
}



.sleek tr:hover td {
	background:#f2f2f2;
}
td.rvlog_field {
	background:#fff !important;
	font-weight:bold;
}
.tableDivider {
	vertical-align: middle;
	color: var(--n7);
	font-weight: bold;
}
/* transparent cells/rows */
.sleek td.transparent,
.sleek .transparent td {
	background:transparent !important;
	border-color:transparent !important;
}
/* tabbed */
.sleek .tabTop {
	border-top:1px solid #e0e0e0 !important;
	border-left:1px solid #e0e0e0 !important;
	border-bottom-width:0 !important;
}
.sleek .tabTop.tabTopLeft {
	border-top-left-radius:3px;
}
.sleek .tabTop.tabTopRight {
	border-right:1px solid #e0e0e0 !important;
	border-top-left-radius:0px !important;
	border-top-right-radius:3px !important;
}
.sleek td.tabBottom {
	vertical-align:middle;
	border-bottom:1px solid #e0e0e0 !important;
	border-left:1px solid #e0e0e0 !important;
	border-top-width:0 !important;
	border-radius:0 0 0 3px !important;
}
.sleek td.tabBottom.tabBottomLeft {
	border-bottom-left-radius:3px !important;
	border-bottom-right-radius:0px !important;
}
.sleek td.tabBottom.tabBottomRight {
	border-right:1px solid #e0e0e0 !important;
	border-bottom-left-radius:0px !important;
	border-bottom-right-radius:3px !important;
}
.tabButton {
	display: block;
	height: 100%;
	margin: 0;
	text-align: center;
	padding: 1.2em .5em 1.2em;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
	color: var(--n5);
	text-shadow:none;
	box-sizing:border-box;
}
.tabButton:hover {
	background-color:var(--action);
	color:#fff;
	text-decoration:none;
}







#header {/*
	background:#eaeaea;
	background:-moz-linear-gradient(top,#efefef,#d8d8d8) #d8d8d8;
	background:-webkit-gradient(linear,left top,left bottom,from(#efefef),to(#d8d8d8)) #d8d8d8;
	background:linear-gradizent(top,#efefef,#d8d8d8) #d8d8d8;
	border-bottom:1px solid #bbb;*/
	background:var(--n7);
/*	height:60px;*/
	padding-top:5px;
	margin:0 0 0;
	/*overflow-y:hidden;*/
}
#header>.contentw {
	display:flex;
	justify-content:space-between;
}
#h1 {
	text-align:center;
	padding-top:1.8em;
	padding-bottom:.3em;
}
#h1 h1 {
	line-height: 1.2em;
}
#h1 h1 a {
	color:inherit !important;
	text-decoration:none;
}

.breadcrumb {
	color:var(--n5);
	text-transform:uppercase;
}
.breadcrumb a {
	color:inherit;
	text-decoration:none;
	font-weight:normal;
}
.breadcrumb a:hover {
	/*color:#fff;*/
	text-decoration:underline;
}

ul.miniChart li {
	margin-bottom:0.7em;
}
ul.miniChart li:last-child {
	margin-bottom:.1em;
}
.miniChart .miniChartBarHolder {
	height:4px;
	background-color:var(--n1);
	border-radius:2px;	
}
.miniChart .miniChartBar {
	background-color:var(--n4);
	height:3px;
	border-radius:2px;
	border-top:1px solid #888;
}
.miniChart .miniChartLabelTruncate {
	max-width:70%;
	display:inline-block;
	text-overflow:ellipsis;
	overflow-x:hidden;
	white-space:nowrap;
	vertical-align:bottom;
}
/* #content should only have dropshadow if the sidebar is attached,
otherwise put the dropshadow on #content > .content. */
#content.sidebarAttached,#content,#content.sidebarDetached .content,
.contentpanel {
	margin-top:0px;
	/*clear:both;*/
	margin-bottom:14px;
	background-color:#fff;
	box-shadow:rgba(0,0,0,0.15) 0 1px 3px 0px;
	border-radius:3px;
}
/* resent #content for .sidebarDetached */
#content.sidebarDetached{
	background-color:transparent;
	box-shadow:none;
	border-radius:0;
}
#content {
	min-height:360px;
	line-height:1.6em;
}
#search {
	display:inline-block;
	text-align:right;
	padding-right:0px;
	padding-left:14px;
}
#search #searchbox {
	font-size:1em;
	width:220px;
	color:var(--n2);
	background:var(--n8);
	border-width:0;
	border-radius:var(--border-radius);
	padding:7px 9px 6px;
	margin-top:-3px;
}
#header #searchbox::placeholder {
	color:var(--n3);
}

/*#search #searchwrap {
	border-bottom:1px solid #87927e;
	border-radius:4px;
}*/
#topnav {
	padding:0;
	float:right;
	font-size:0.9em;
	/* width:219px; (width+margin-left) * 2 */
}
#topnav>li {
	list-style-type:none;
	display:inline-block;
	/*min-width:58px;*/
	cursor:pointer;
	margin-top:8px;
	position:relative;
}
#topnav>li:first-child {
	margin-left:0px;
}

#topnav>li>a {
	color:var(--n1);
	padding:10px 9px 3px;
	display:block;
	text-align:center;
	height:25px;
/*	border-radius:var(--border-radiuss);*/
}
#topnav>li.hashiddennav>a {
	height:35px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
#topnav>li.hashiddennav:hover>a {
	border-radius:var(--border-radius);
	background-color:var(--n8);
	color:var(--n1);
}
#topnav li a { /* applies also to hidden nav */
	text-decoration:none;
	font-weight:bold;
	display:block;
}
#topnav li.active a {
	color: var(--n4);
}
#topnav>li:hover>a {
/*	background-color:var(--n8);*/
	color:var(--action-glow2);
}
.topnav_user .topnav_user_photo {
	width:25px;
	height:25px;
	vertical-align:top;
	display:inline-block;
	border:1px solid rgba(60,65,55,0.8);
	background-color:1px solid rgba(60,65,55,0.2);
	border-radius:2px;
	top:-6px;
	position:relative;
	margin-right:3px;
	margin-left:-2px;
	background-size:cover;
}
#topnav .hiddennav {
	display:none;
	position:absolute;
	background-color:#fff;
	width:210px;
	right:0px;
	margin-top:0px;
	padding:2px 0 3px;
	border-bottom-right-radius:var(--border-radiuss);
	border-bottom-left-radius:var(--border-radiuss);
	border-top-width:0;
	box-shadow:0px 2px 5px rgba(0,0,0,.3);
	-moz-box-shadow:0 2px 5px rgba(0,0,0,.3);
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);
	z-index:99;
}
#topnav .hiddennav a {
	padding:.7em .8em;
	color:#333;
}
#topnav .hiddennav li.ruleabove {
	border-top:1px solid var(--n1);
	margin-top:2px;
	padding-top:2px;
}
#topnav .hiddennav a:hover {
	background-color:var(--n5); /*e0f0dc*/
	color:var(--n0);
}
#topnav .hashiddennav:hover .hiddennav {
	display:block;
}
span.new {
	font-size:.9em;
	color:#F3B05B;
	font-style:italic;
	top:-4px;
	position:relative;
}
.newLabel {
	color: var(--notice-strong2);
	font-weight: bold;
	font-style: italic;
}
.topnav_mobile {
	display:none !important;
}

.notifBadge {
	background-color:#f95d6a;
	color:var(--notice-dark);
	border-radius:4px;
	color:#fff;
	margin-left:0.3em;
	padding:0 3px;
}
.neu_pill {
	background:var(--neu);
	color:#fff;
	border-radius:3px;
	padding:4px 6px;
	text-transform: uppercase;
	margin:2px;
}

.navPillW {
	display:flex;
	padding:2em 0 1em;
  flex-wrap: wrap;
	text-wrap: nowrap;

}
.navPill {
	background-color:var(--action-glow5);
	padding:0.5em 0.8em;
	text-align: center;
	vertical-align: middle;
	border-radius:2em;
	line-height: 1em;
	margin:0 0 0.5em 0.6em;
	text-decoration: none;
	display:flex;
	font-weight: normal;
}
.navPill:hover {
	background-color:var(--action);
	text-decoration:none;
	color:var(--action-glow5);
}
.navPill.active {
	background-color:var(--action);
/*	font-weight:bold;*/
	color:white;
}
.navPillEI.active svg rect {
	fill:white;
}

.pillNotice, .pillWarning {
	padding:0px 3px;
	border-radius:2px;
	font-weight:bold;
}
.pillNotice {
	background-color:var(--notice-faint);
	color:var(--notice-dark);
}
.pillWarning {
	background-color:#fdd;
	color:#600;
}
.pillLabel {
	background:var(--notice-strong);
	padding:0.3em 0.4em;
	display:inline-block;
	border-radius:3px;
}
.pillDark {
	border-radius:3px;
	display:inline-block;
	padding:1px 3px;
	background:#aaa;
	color:#fff;
	font-weight:bold;
}
.cornerPill {
	color: #fff;
	font-weight: 700;
	font-size: 1.5em;
	vertical-align: middle;
	position: absolute;
	top: -5px;
	right: -5px;
	box-sizing: unset;
	text-align: center;
	border-radius: 100% 0 100% 100%;
	height: 2.4em;
	width: 2.4em;
	line-height: 2.4em;
}

#mapsection .navPillW {
	justify-content:center;
	padding:1.5em 0 0.5em;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background:#f1f1f1;
	margin-bottom:0.5em;
}

.section {
	margin-bottom:14px;
}
.wrap {
	padding:16px var(--wrap) var(--wrap);
}
.wrapd {
	padding:0 var(--wrap);
}
.wrapm {
	padding:0 0;
}
.wrap2 {
	padding:2.5em;
}
.unwrap {
	margin-left:var(--wrap-neg) !important;
	margin-right:var(--wrap-neg) !important;
}
.noPad {
	padding:0 !important;
}
.noMargin {
	margin:0 !important;
}
.pad0 {
	padding:0;
}
.padb {
	padding-bottom:.8em;
}
.padt {
	padding-top:.8em;
}
.scrollx {
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;
	overflow-y: hidden;
}
.nowrap {
	white-space:nowrap;
}
.padb3 {
	padding-bottom:3em;
}
.padt3 {
	padding-top:3em;
}
.pad {
	padding:14px;
}
.padh {
	padding-left:14px;
	padding-right:14px;
}
.padmar {
	margin:14px;
}
.small {
	font-size:.95em;
	line-height:1.3em;
}
.nothinghere {
	color:var(--n4);
	text-align:center;
	padding:10px 0;
}
.nothinghere a {
	color:inherit;
}
#changes .nothinghere {
	text-align:right;
	color:var(--n4);
}
#changes .nothinghere a{
	color:inherit;
}
#changes {
	line-height:1.4em;
}

.clear {
	clear:both;
}
.clearit:after {
	content: "";
	display: table;
	clear: both;
}
/* layouts */
.content {
	width:700px;
}
.sidebarDetached .content {
	width:964px;
}
.contentRight {
	float:right;
}
.contentLeft {
	float:left;
	border-right:1px solid #ccd9cc;
	min-height:360px;
}
.sidebarDetached .contentLeft {
	border-right-width:0;
}
.contentTiny {
	margin:auto;
	max-width:300px;
}
.contentSmall {
	margin:auto;
	max-width:600px;
}
/* sidebars */
.sidebar {
	width:300px;
}
.sidebarLeft {
	float:left;
}
.sidebarRight {
	float:right;
}
.sidebarRight { /* This makes the border-left match the border-right
	of the right content in case the sidebar is longer than the content */
	border-left:1px solid #ccc;
	position:relative;
	margin-left:-1px;
	width:300px;
	overflow-wrap:break-word;
}
.sidebarDetached .sidebarRight {
	/*width:230px;*/
	border-left-width:0;
}
.sidebarSection { /* OBSOLETE WITH .contentPanel? */
	padding-bottom:13px;
}
.sidebarAttached .sidebar h3 {
	font-size:1em;
	color:#000;
	margin-bottom:.4em;
	border-bottom:1px solid var(--n1);
	padding-bottom:.1em;
}
.sidebarDetached .sidebar h3 { /* all detached sidebar h3s,including non-boxed ones */
	font-size:1em;
/*	color:#555;*/
}
.sidebarDetached .sidebar .contentpanel h3 { /* only boxed ones */
/*	color:#000;*/
	/*border-bottom:1px solid var(--n1);*/
	padding:6px 8px;
	background-color:var(--n1);
	border-bottom:1px solid var(--n2);
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.sidebar h4.seperator {
	border-top:1px solid var(--n1);
	padding:6px 8px 0;
}
.sidebar table {
	width:100%;
/*	border-collapse:collapse;*/
}
.sidebar table td.points {
	text-align:right;
	color:var(--n5);
}
ul.sidebarNav li a {
	font-size:1.2em;
	padding:.9em 0.8em;
	display:block;
	text-decoration:none;
	border-bottom:1px solid var(--n2);
	color:#555;
	overflow-x:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
ul.sidebarNav li.active a,ul.sidebarNav li a:hover {
	background-color:var(--a1);
	color:var(--action);
}
ul.sidebarNav li.active a {
	font-weight:bold;
/*	text-shadow:1px 1px #fff;*/
}
ul.sidebarNav li:last-child a {
	border-bottom-width:0px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
ul.sidebarNav li:first-child a {
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
footer {
	color:#888;
	padding:0px 0 1em;
}
#copyright {
	/*float:left;*/
	padding-top:2px;
}
#copyright a {
	color:inherit;
	margin-right:1em;
}
#copyright a:hover {
	color:var(--n5);
}
footer .footer_links,#copyright {
	margin-bottom:1em;
	line-height:1.8em;
}
footer .footer_links {
	float:right;
	line-height:1.8em;
}
footer .footer_links a {
	background-color:var(--n1);
	color:var(--n5);
	text-decoration:none;
	display:inline-block;
	padding:0.2em 0.4em;
	border-radius:var(--border-radiuss);
	line-height:1.2em;
}
footer .footer_links a:hover {
	background-color:var(--action-glow3);
	color:var(--a7);
}
#disclaimer {
	margin:1em auto 34px;
	text-align:center;
}
.col {
	float:left;
	width:230px;
}
.flag_24 {
	background-position:0px -4px;
	background-repeat:no-repeat;
	width:24px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
}

/* LEADERBOARDS */
.lb_item {
	display:flex;
	margin:0.1em 0;
	gap:5px;
}
.lb_item_rank {
	flex:1;
	color:var(--neu);
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}
.lb_item_user {
	flex:8;
}
.lb_item_value {
	flex:2;
	text-align:right;
}
.lb_itemh_rank {
	flex:1;
	color:var(--n3);
	text-align:center;
}
.lb_itemh_user {
	color:var(--n3);
	flex:8;
}
.lb_itemh_value {
	color:var(--n3);
	flex:2;
	text-align:right;
}


/* DEBUGGING */
#debug {display:none;}
.demoonly:hover>* {opacity:.3;}
.demoonly:hover {background:#fff url(/media/demoonly.png) center center no-repeat;}
.data_status {
	background-color:#efe;
	border:1px solid #bdb;
	padding:.5em .6em;
}
.data_status a {
	background-color:#fff;
	display:inline-block;
	padding:3px 4px;
	color:#ccc;
	text-decoration:none;
}
.data_status a.data_active {
	background-color:#fff6cc;
	font-weight:bold;
	color:#750;
	border:1px solid #edb;
}
/* TOPIC PAGES */
.topic {

}
.statement {
	background-color: rgb(72,102,153);
	padding: 3.8em 1em;
	text-align: center;
	font-weight: normal;
	color: #fff;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	font-family:Inter;
}
.statement h2 {
	font-weight:normal;
	font-size:2em;
	padding:0;
}

.cchardholder {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch
}
.ccard {
	box-shadow: rgb(0 0 0 / 15%) 0 1px 10px 0;
	border-radius: 3px;
	min-height:130px;
	display: flex;
	flex-direction: column;
	flex:1;
}
.ccardb {
	flex:1;
	display: flex;
  justify-content: center;
  align-items: center;
  font-weight:normal;
}
.ccardw {
	padding:10px 20px 10px 0;
	flex-basis:20%;
	box-sizing:border-box;
	display:flex;
}
/*.ccardw:nth-child(5n) {
	padding-right:0
}*/
.ccardh {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	flex-basis: 50%;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ccardh .mg {
	opacity:0.18;
	position:absolute;
}


.region_flag {
	/*background-position:0px -8px;*/
	background-position:0px -6px;
	background-repeat:no-repeat;
	width:32px;
	/*height:19px;*/
	height:21px;
	display:inline-block;
	/*vertical-align:top;*/
	vertical-align:middle;
}
.region_flag24 {
	background-position:0px -3px;
}
.topicGlyphWrap {
	display: block;
    position: absolute;
    top: 0;
    background-color: #fff;
    width: 100%;
	min-height: 2em; /* A hack for countries that dont have glyphs */
}
.region_po_multi h3 {
	font-size:1.2em;
}
#changes h3 {
	font-weight:bold;
	font-size:1.3em;
	vertical-align:middle;
}
.change {
	padding:1em 0;
}
.changes_current {
	font-size:1.1em;
}
.changes_label h3 {
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	display:inline-block;
}
.changes_label .changes_label_desc {
	font-size:.9em;
	line-height:1.2em;
	color:var(--n4);
}
.changes_label .helpicon {
	background-color:#ccc;
}
.changes_label,.changes_current {
/*	border-style:solid;
	border-width:1px;
	border-color:#e6e6e6 var(--fainter);*/
	padding:1.2em var(--wrap) 0.8em;
	background-color:var(--n1);
	margin-bottom:.6em;
	margin-top:1.5em;
}
.changes_law {
	clear:both;
	margin-bottom:10px;
	min-height:80px;
}
.changes_changes {
	margin-bottom:1em;
}
.change_date {
	float:left;
	width:140px;
	text-align:left;
	/*color:var(--n4);
	font-size:11px;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-weight:bold;*/
}
.change_date a {
	color:inherit;
}
.change_details {
	margin-left:140px;
	border-left:0px solid #DDD;
	padding-left:.8em;
}
.tpControls.hide {
	display:none;
}
.change_footer {
	color:var(--n4);
	font-size:.9em;
	margin-bottom:.7em;
}
.change_footer a,.change_footer .fakelink {
	color:inherit;
}
.editMode .nothinghere {
	display:none;
}
.change.expanded .meta {
	display:block;
}
.meta {
	color:var(--n4);
	background-color:var(--n1);
	padding:10px;
}
.meta a,.meta a:link,.meta .fakelink,.meta a:visited {
	color:inherit;
	cursor:pointer;
}
.metaNub {
	width:0px;
	height:0px;
	border-style:solid;
	border-width:0 7px 7px 7px;
	border-color:transparent transparent var(--n1) transparent;
	margin-top:-15px;
	margin-bottom:8px;
}
.change_details h4 {
	padding:0;
}
.change_value {
	padding-bottom:.3em;
	font-weight:bold;
	color:var(--n5);
}
.change_note {
	padding-bottom:.3em;
	text-overflow:ellipsis;
	overflow:hidden;
	color:var(--n5);
}
.change_note a {
	color:inherit;
}
.editMode .change:hover,.editMode .changes_current:hover {
	background-color:#ffffe6;
}
.changes_law .nothinghere .fakelink {
	visibility:hidden;
}
.changes_law .nothinghere {
	float:right;
	padding:0;
}
.changes_law:hover .nothinghere .fakelink {
	visibility:visible;
}
.changes_law .nothinghere span.plus,
.changes_law .nothinghere .fakelink {
	color:var(--n4);
}
.changes_law:hover .nothinghere span.plus {
	display:none;
}
.change_note a:hover {
	color:var(--n5);
}
.change .change_wrap {
	padding:.8em .8em;
}
.change .hidden {
	visibility:hidden;
}
.change:hover .hidden {
	visibility:visible;
}
.hide {
	display:none;
}
.change .cm {
	border:1px solid #DDD;
	border-bottom-left-radius:3px 3px;
	border-bottom-right-radius:3px 3px;
	border-top-left-radius:3px 3px;
	border-top-right-radius:3px 3px;
	background-color:#fff;
	padding:.4em .5em;
	margin-top:-1px;
}
a.change_addnew {
	color:inherit;
}
.change_addnew_box a {
	text-align:center;
	margin:auto;
	padding:10px;
	border:2px dashed #ccc;
	margin-top:6px;
	display:block;
}
.change_addnew_box a:hover {
	border:2px dashed #362;
	background-color:var(--n1);
	text-decoration:none;
}
.change_notice {
	text-align:center;
	font-weight:bold;
	margin:0.5em 0 1em;
}
.change_future {
	background:#fff3dd;
	border-radius:3px;
	padding:1em 0.8em;
	margin:0 0 0.5em;
}
.change_cmso {
	border-top:0px solid #ccc;
	padding-top:.5em;
	padding-left:1em;
}
.fetails .change_cmso {
	display:none;
}
.change_details_active .change_cmso {
	display:block;
}
.cmadd .cmadd_body {
	width:98.5%;
}
.cmadd {
	text-align:right;
}
.cmadd_active .cmadd_body {
	/*display:inline-block;*/
}
.cCardHolder {
	display:inline-block;
	width:25%;
	vertical-align:top;
	min-width:200px;
}
.sidebar .cCardHolder {
	display:block;
	width:100%;
}
.sidebar .cCard {
	margin-right:0;
}
.sidebar .cCard.contentpanel {
	margin-bottom: .8em;
}
.cCard {
	margin-right:1em;
	height:60px;
	display:block;
	text-decoration:none;
	position:relative;
	overflow:hidden;
}
.cCard:hover {
	background-color:var(--n1);
	text-decoration:none;
}
.cCardHolder:nth-child(4n) .cCard {
	margin-right:0;
}
.cCard .cCardImg {
	width:72px;
	float:left;
	line-height:0px;
	overflow-y:hidden;
	height:64px;
	margin-left:8px;
	margin-top:-2px;
}
.cCard .cCardImg img {
/*	margin-top:-8px;*/
}
.cCard h4 {
	margin-left:69px;
	font-weight:normal;
	font-size:1em;
	line-height:1.2em;
	padding-top:13px;
	padding-right:3px;
}
.cCard h4 .subtle {
	font-size:.9em;
	text-transform:uppercase;
}
.cCard h4 .cCardTitle {
	color:#333;
}
.inlineListSolid li {
	border: 1px solid #ffffff33;
}
.inlineList .inlineListLabel {
	background-color:#ffffff33;
	border: 1px solid #ffffff33;
	color:#fff;
	font-weight:bold;
}
.inlineList li {
	background-color:#aaa;
	display:inline-block;
	border-radius:2px;
	margin-right:0.3em;
	margin-bottom:0.4em;
	padding:.3em .5em;
}
.inlineList li a {
	color:#fff;
	text-decoration:none;
}
.inlineList li .subtle {
	/*display:none;*/
	color:rgba(255,255,255,.5);
}
/*inlineList li:hover .subtle {
	display:inline-block;
}*/


.eitable td {
	/*padding:1px;*/
	vertical-align:middle;
}
.eitable .ei_meter_bar {
	height:10px;
}
.eitable .ei_meter {
	border-width:0;
	background:transparent;
}

.compareTable .neuCell {
	background-color:var(--neu);
	border-bottom:1px solid #345;
}

.sleek tr:first-child td.neuCell,
.sleek tr:last-child td.neuCell,
.sleek td.neuCell:first-child,
.sleek td.neuCell:last-child {
	border-color:#345;
}


.compareTable tr:hover .neuCell {
	background-color:#456;
}

/* COMPARE */

.compareTable td {
	height: 2.5em;
}
.compareTable.compareTableCompact td {
	height:auto;
}
.compareTopicLabel {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	padding: .7em 0 .7em;
	line-height: 1.2em;
}
.compareTopicLabel a {
	text-decoration:none !important;
	color:var(--n5) !important;
}
.comparisonSet {
	display:inline-block;
	margin:.6em .6em 0 0;
	display: inline-block;
	background-color: var(--n1);
	border-radius: .3em;
	text-decoration:none;
}
.comparisonSet:hover {
	background-color:var(--action);
	text-decoration:none;
}
.comparisonSet:hover .comparisonSetItemLabel,
.comparisonSet:hover .mg {
	color:#fff;
}
.comparisonSetItem {
	display: table-cell; /* force same heights */
	/*display:inline-block;*/
	position:relative;
	padding:.5em .6em;
	text-align: center;
}
.comparisonSetItem:nth-child(1n+2) {
	border-left:1px dotted #fff;
}
.comparisonSetItemLabel {
	padding-top:.5em;
	color: #333;
	max-width: 8em;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.comparisonSetVs {
	color:#ccc;
	display:inline-block;
}
.comparisonSetItem .mg {
	color:#ccc;
}

.th-sort-asc::after {
  content: "▲";
}
.th-sort-desc::after {
  content: "▼";
}
th[data-sortable="true"] {
  cursor: pointer;
}

/* VOTING */
.change_vote {
	color:var(--n4);
}
.myvote_up a.vote_1 {
	color:#685;
	background-color:#dec;
	padding:1px 2px;
	border-radius:2px;
	text-decoration:none;
	cursor:default;
}
.myvote_up a.vote_1:before {
	content:'✔ ';
}
.myvote_down a.vote_0 {
	color:#8E4837;
}
.myvote_up a.vote_0 {
	color:#ccc;
}
.myvote_down a.vote_1 {
	color:#ccc;
}
a.vote_1:hover {
	color:#685 !important;
}
a.vote_0:hover,a.vote_report:hover {
	color:#8E4837 !important;
}
a.vote,a.vote_report {
	/*font-size:1.2em;
	text-decoration:none;*/
	color:inherit;
}
.change_vote_cur_1 .change_vote_cur {
	color:#575 !important;
}
.change_vote_cur_0 .change_vote_cur {
	color:#a66 !important;
}

/* SURVEYS */
.po {
	display:flex;
}
.po:nth-child(odd) {
    background: var(--fainter);
    border-radius: 3px;
}
.poData {
	flex:4;
	display:flex;
}

.poLabel {
	flex:1;
    display: flex;
    align-items: flex-end;
	align-self: center;
	padding:0 .5em;
}
.poDataPos, .poDataNeg {
	flex:1;
    display: flex;
    /*flex-direction: column;*/
    justify-content: flex-end;
    padding:12px 0;
    align-items: center;
}
.poDataPos {
    flex-direction: row-reverse;
}
.poDataNeg {
    border-right:1px solid var(--n4);
}
.poOnlyPos .poDataPos {
    border-left:1px solid var(--n4);
}

.poDataPosLabel, .poDataNegLabel {
	font-weight:bold;
}
.poDataPosLabel {
    color: #6a8c59;
    margin-left:0.3em;
}
.poDataNegLabel {
    color: #8c4837;
    margin-right:0.3em;
}

/* REGION:DATA */
.dataRankRank {
	padding-bottom:2px;
	font-size:1.4em;
}
.dataRank {
	float:right;
	text-align:right;
}
.dataRankOutOf {
	color:var(--n4);
	font-size:.9em;
	line-height:1em;
}
.dataMeta {
	line-height:1.5em;
}
.data {
	clear:both;
}
.dataData {
	margin:2em 0 3em;
	height:46px;
}
.dataBarLabel {
	padding:2px 4px 2px;
	height:18px;
}
.dataBarPositive .dataBarLabel {
	color:rgb(106,140,89);
}
.dataBarNegative .dataBarLabel {
	color:rgb(140,72,55);
}
.dataBarHolder {
	min-width:2px;
	padding:0px;
	}
.dataBar {
	background:var(--n5);
/*	border:1px solid var(--action);*/
/*	border-bottom:1px solid #796;*/
	border-width:0;
	border-radius:var(--border-radiuss);
	height:24px;
	display:inline-block;
	}
.dataBarSeperator {
	height:46px;
	width:1px;
	background-color:#333;
	float:left;
}
.dataBarPositive {
	text-align:left;
	width:50%;
	float:left;
	margin-right:-1px;
}
.dataBarPositive .dataBar, .dataBarPos {
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;
	background-color:var(--pos);
}
.dataBarNegative {
	text-align:right;
	width:50%;
	float:left;
	margin-left:-1px;
}
.dataBarNegative .dataBar, .dataBarNeg {
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	background-color:var(--neg);	
}



.databite {
    width: 50%;
    display: inline-block;
    text-align: left;
    padding: 1em 0 1.4em;
    vertical-align:top;
    box-sizing:border-box;
}
.databite:nth-child(even) {
    padding-left:.6em;
}
.databite:nth-child(odd) {
    padding-right:.6em;
}
.databite .topicStatsValue {
	font-size:2em;
}
.databiteValueMain {
/*	text-align:center; */
}
.databiteValue {
	padding-bottom:0.6em;
}
.databiteValueSmall {
	/*margin:1.5em 0;*/
}
.databiteValueMain .topicStatsValue {
/*	font-size:2em;*/
}
.databite .topicStatsLabel {
	/*text-transform: uppercase;*/
	color: var(--n5);
	margin-bottom: 0;
	font-weight: bold;
}
.databiteValueMain .topicStatsLabel {
	padding: .1em 0 0;
}
.databiteValueSmall .topicStatsValue {
	font-size:1em;
	/*width:26%;
	text-align:center;
	display:inline-block;
	font-weight:normal;*/
}
.databiteValueSmall .topicStatsValue sup {
	font-size:1em;
	vertical-align:initial;
}

.databiteMetaMulti {
/*	padding-left:26%;*/
}

.databiteValueSmall .topicStatsLabel {
	width:72%;
	display:inline-block;
}
.topicStatsValue sup {
	font-size: 0.45em;
}
.simpleBar {
	background-color:var(--action);
	vertical-align:top;
	display:inline-block;
	height:100%;
}
.simpleBarHolder {
	background-color:var(--n1);
	height:5px;
}


/*.databiteStat {
	font-size:4em;
	line-height: 1em;
}
*/
/* DATA FOR SURVEYS PAGE ONLY */
#surveys .dataBar {
	height:18px;
}
#surveys .dataData {
	margin:0 0 0 170px;
	max-width:650px;
	height:44px;
}
#surveys .dataBarSeperator {
	height:56px;
	margin-top:0;
}
.survey_head {
	padding:0 0.8em 0em;
	margin:0.5em 0;
	text-align: center;
}
.survey_head_value {
	font-size:1.8em;
	margin:.2em 0 .2em;
}
.survey_head_value a {
	color:inherit;
}
.survey_head_label {
	color:var(--n5);
	text-transform:uppercase;
	font-size:.9em;
}
/* EI */
.ei_label {
	width:90px;
	float:left;
}
.ei_meter {
	background-color:var(--n1);
	border-radius:4px;
	min-width:2px;
	padding:0px;
	border:1px solid #e6e6e6;
	}
.ei_meter_bar {
	background-image:linear-gradient(0deg,#8FAD80 14%,#BBD6AF 100%);
	margin:-1px;
	border-radius:3px;
	height:24px;
	border:1px solid var(--action);
	border-bottom:1px solid #796;
	}
.ei_meter_bar .ei_meter_label {
	position:relative;
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	padding-top:5px;
	padding-right:2px;
	text-shadow:#585 0px 0px 3px;
	}
.ei_meter_bar .ei_meter_label span {
	font-weight:normal;
	font-size:.8em;
	position:relative;
	top:-1px;
	}
.ei_admin_hover {
	display:none;
}
.contentpanel:hover .ei_admin_hover {
	display:block;
}
option.special {background-color:var(--fainter);color:#888;font-style:italic;}
.hidden .date select,
.hidden .date input {visibility:hidden;}
.addchange .addchangeform {display:block;}
.hidden .addchangeform {display:none !important;}
#addChangeSubmitError {
	display:none;
	margin-right:5px;
	color:#b33;
	background-color:#fee;
	padding:2px 4px;
	border-radius:2px;
}
#addChangeSubmitWrap:hover #addChangeSubmitError {
	display:inline-block;
}
#addChangeSubmitWrap:hover .addChangeSubmitErrorNoError {
	display:none !important;
}
.addchange_fromto {
	border-radius:var(--border-radius);
	background-color:var(--n1);
	width:226px;
}
.addchange_fromto .addchange_fromtolabel {
	color:var(--n5);
	font-weight:bold;
	font-size:.9em;
	text-transform:uppercase;
}
.addchange_fromto .date {
/*	height:24px;
*/}
.addchange_fromto .nodate {
	padding-top:4px;
}

.addchange_connector {
	display:block;
	float:left;
	width:28px;
	margin-top:26px;
	color:var(--n1);
	font-size:2em;
	text-align:center;
}
#summary, .summary {
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom:1px solid var(--n1);
	background:var(--white);
	background:linear-gradient(180deg,hsl(279 40% 96%) 0%,hsl(279 55% 99%) 100%);
}
#summary {
/* PHASE THIS OUT	*/
	padding:14px;
}

.sidebarAttached #summary {
	border-top-right-radius:0px;
}
#summary.summary_region {
	border-bottom:1px solid #e6e6e6;
	background:var(--fainter);
	padding-bottom:0px;
}
.info_row:nth-child(3) {
	/*margin-bottom:0px;*/
}
.info_pair:last-child{
	/*margin-right:0px;*/
}
.info_pair {
	display:inline-block;
	width:33.3333%;
	border-top:1px solid #e6e6e6;
	margin-bottom:10px;
	vertical-align:top;
	line-height:1.3em;
	min-height:53px;
}
.info_pair a, .info_pair .info_pairw {
	display:block;
	padding:4px 5px;
	text-decoration:none;
}
.info_pair_lead {
	width:50%;
	text-align:center;
	margin:.65em 0 2.1em;
	border-width:0px;
	font-size:1.1em;
}
.info_icon {
	font-size:4em;
	line-height:1em;
}
.info_icon_3 {
	padding-bottom:.11em;
	margin-top:-.11em;
}
.info_pair_lead .info_label,.info_pair_lead .info_value {
	display:block;
	text-align:center;
	width:100%;
}
.info_label,.info_value {
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
}
.info_label {
	color:var(--n5);
	width:48%;
	padding-right:2%;
}
.info_value {
	width:50%;
	font-weight:normal;
	/*text-shadow:#ccc 0px 1px 3px;*/
}
.info_value.info_value_small {
	/*font-size:.8em;*/
	/*line-height:1.2em;*/
}
.info_value_note {
	color:var(--n4);
}
.subregion_list {
	columns:100px 4;-webkit-columns:100px 4;-moz-columns:100px 4;
}
.subregion_list li {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.headingseperator {
	text-align:center;
	text-transform:uppercase;
	color:var(--n5);
	text-shadow:0 0 3px #fff;
	margin-top:.6em;
}
.headingseperator div {
	border-top: 1px solid var(--n1);
	margin-top: -.6em;
}
/* DISCUSS */
.discuss {
	padding-bottom:1.6em;
	padding-top:.4em;
}
.comment_meta {
	margin-bottom:.3em;
	color:var(--n4);
}
.discuss_content {
	margin-left:30px;
}
.comments {
	margin-top:1em;
	max-width:460px;
	margin:auto;
}
.comment {
	margin:.5em 0 1em;
}
.comment_body {
	line-height:1.4em;
}
.comment_votes {
	float:left;
	margin-left:-30px;
	margin-left:-24px;
}
.comment_content {
	margin-left:30px;
}
.comment_add {
	width:300px;
/*	margin:auto;
*/}
.comment_textarea {
	width:290px;
	padding:4px;
	border-color:#ccc;
}
.comment_textarea:focus {
	border-color:#aaa;
}
.comment_submit {
	text-align:right;
}
.comment_meta .user_thumb {
	margin-left:-30px;
	position:relative;
	float:left;
}


/* PULSING */

.pulse {
  background: black;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  margin: 10px;
  height: 14px;
  width: 14px;
  transform: scale(1);
  animation: pulse-black 2s infinite;
}

.pulse.action {
  background: rgba(var(--action-glow-rgb), 1);
  box-shadow: 0 0 0 0 rgba(var(--action-glow-rgb), 1);
  animation: pulse-action 2s infinite;
}

@keyframes pulse-action {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(var(--action-glow-rgb), 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(var(--action-glow-rgb), 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(var(--action-glow-rgb), 0);
  }
}


/* FRONT PAGE */
#chartdiv {
  width: 100%;
  height: 700px;
}
#mapdisplay {
	position:relative;
	max-width:960px;/*for embed*/
	margin:auto;
}
/*#mapdisplaywrap, #mapdisplaywrap #visualization {
	height:590px;
}
*/
.mapTooltipLink {
	color:inherit;
	text-decoration:underline;
}
.mapTooltipLink:hover {
	color:inherit;
}
.frontPage .mapControls { 
	background-color:var(--n1);
}
#maplegend {
	width:240px;
	position:absolute;
	bottom:100%;
}
#mapsection.mapUS #maplegend {
	right:0px;
	padding-right:14px;
}
#mapsection {
	/*border-bottom:1px solid #ccd9cc;*/
	overflow:hidden;
	background-image:url(/media/loading-gray.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#mapsection #summary {
	padding:0px;
}
/* Override Map Legend */
#mapdisplay g text[font-weight=bold] { /* Hide Country Code OLD */
	display:none;
}
#mapPlaceholder {
	display: block;
	top: 270px;
	width: 100%;
	text-align: center;
	position: absolute;
	color: #ccc;
	padding-left: .2em;
}
.google-visualization-tooltip-item-list li:nth-child(1) { /* Hide Country Code */
	display:none !important;
}
.google-visualization-tooltip {
	border-radius:3px !important;
	border-width:0px !important;
	border:1px solid rgba(255,255,255,.5) !important;
	padding-left:3px !important;
	box-shadow:0px 0px 0 3px rgba(0,0,0,.2) !important;
}
#mapdisplay g text {  /* Move tooltip text up so it's centered in box */
	baseline-shift:6pt;
}

#mapsection .sidebarRight {
	border-left-width:0px !important;
} 
#mapsection .contentLeft {
	border-right-width:0px !important;
}
#mapnav .mapnavItem {
	border:1px solid #e0e0e0;
}
#visualization g path {
cursor:pointer;
}
#mapnav .mapnavItem .icon {
	font-size:1.5em;
}
#mapnav .active {
	border-color: inherit;
}
#visualization>div>div {
	/*text-indent:-9px;*/ /* For some reason,the map is offset by a few px */
}
#regionSwitcher {
	position:absolute;
	top:0;
	right:0;
	padding:7px;
	z-index:2;
}
#regionSwitcher a {
	color:var(--n5);
}
.map_rch3 {
	display:inline-block;
	width:90px;
	margin-right:-20px;
	position:relative;
	vertical-align:top;
	text-align:right;
	color:#aaa;
	margin-top:2px;
	font-size:1.4em;
	line-height:1.1em;
}
#map_rc {
	position:relative;
}
.map_rc {
	display:inline-block;
	max-width:850px;
}
.map_rc_bar {
	width:80px;
	height:5px;
	background-color:var(--n1);
	margin-left:-50px;
	margin-top:21px;
	position:absolute;
	z-index:10;
}
.map_rc_bar_end {
	margin-left:50px;
	background:linear-gradient(to right,rgba(238,238,238,1) 80%,rgba(238,238,238,0) 100%); /* W3C */
}
.map_rc_date {
	color:#fff;
	font-size:.9em;
	display:block;
	width:42px;
	background-color:#ccc;
	border-radius:50%;
	height:36px;
	margin-left:26px;
	padding:10px 2px 0;
	margin-bottom:3px;
	z-index:11;
	position:relative;
	line-height: 1.2em;
}
.map_rc_date_year {
	font-size:1.2em;
	height:30px;
	padding-top:16px;
	font-weight:bold;
}

.map_rc a {
	color:inherit;
}
.map_rc li {
	margin-top:3px;
	position:relative;
	display:inline-block;
	width:96px;
	vertical-align:top;
	padding:0 5px;
	text-align:center;
	height:132px;
	color:var(--n4);
	padding-top:0px;
}
.map_rc li b {
	color:#000;
	display:block;
}
/* OLD LEGENDS? */
.legend {}
.legend_item {
	font-size:.9em;
	vertical-align:top;
	line-height:1.15em;
	padding-bottom:.15em;
}
.legend_item_color {
	height:1em;
	width:1em;
	display:block;
	float:left;
	box-shadow:0px 0px 0 1px rgba(0,0,0,.2) inset;
}
.legend_item_label {
	 margin-left:1.3em;
}

/* NEW LEGENDS */
.legendItem {
	cursor:pointer;
	color:var(--n5);
	white-space:nowrap;
	text-wrap:nowrap;
}
.colorIndicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
  border:2px solid;
  margin-top:-2px;
}
.legendItem.active .colorIndicator {
  background-color: inherit;
}

.legendItem:not(.active) .colorIndicator {
  background-color: transparent !important;
}

.sidebarSection .sidebarRelated li {
	margin-bottom:.2em;
}
.sidebarSection .sidebar2Col {
	float:left;
	width:112px;
	margin-right:3px;
}
.sidebarSection .sidebar2Col li a {
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
	white-space:nowrap;
}
.compareHover {
	visibility:hidden;
}
li:hover>.compareHover {
	visibility:visible;
}
.topic_discussion_list li {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:3px;
}
.topic_discussion_list li a {
	color:var(--n4);
	text-decoration:none;
}
.topic_discussion_list li a:hover {
	text-decoration:underline;
}
.topic_discussion_list li:last-child {
	margin-bottom:0;
}
.topicResidents a:nth-child(6n) {
	margin-right:0px;
}
.topicResidents a {
	margin-right:3px;
}
.topicOrganizations li {
	padding-left:var(--wrap);
	margin-bottom:0.4em;
}
.topicOrganizations li:last-child {
	margin-bottom:0;
}
.topicOrganizations li img {
	margin-left:var(--wrap-neg);
	margin-right:3px;
	vertical-align:top;
}
.topicStatsSet {
	display:inline-block;
	width:18em;
	line-height:1.3em;
	vertical-align:top;
}
.topicStatsValue {
/*	font-size:3em;*/
	color:var(--action);
/*	font-weight:100;*/
	line-height:1em;
}
.topicStatsLabel {
	margin-bottom:1em;
}
.topicStatsIcons {
	white-space:nowrap;
	overflow:hidden;
}
.topicStatsIcons .icon {
	margin-right:1px;
}
.continent {
	float:left;
	width:202px;
	padding-right:8px;
	margin-bottom:1em;
}
.continent li {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.continent_last {
	padding-right:0px;
}
.continent h3 {
/*	background-color:var(--n1);
	border-radius:3px;
	padding:3px 4px 0px;
	margin:0 0 4px -4px;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	overflow:hidden;
	border:1px solid #ddd;*/
}
.continent h3 img {
/*	border-top:1px solid #ddd;
	margin:4px -4px -3px;*/
}
.continentRow  {
	position: relative;
	overflow: hidden;
	background-color:var(--base);
	margin-bottom:2px;
}
.continentRow .mg {
	color:#ffffff2C;
	font-size: 220px;
	position: absolute;
	left:-20px;
	top:-20px;
}
.continentRow .inlineList li {
	background-color:transparent;
}
.continentRow h3 {
	font-size: 1.5em;
}
.continent_sphere {
	border-radius:50%;
	box-shadow:0 0 0px 8px rgba(255,255,255,.5) inset;
	height:144px;
	width:144px;
}
.continent_sphere_label {
	text-align:center;
	color:#fff;
	text-shadow:1px 1px 0px #000;
	font-family:Inter;
	font-weight:normal;
	z-index:9999;
	/*background-color:rgba(255,255,255,.7);*/
	padding:5px;
	position:relative;
	top:42px;
}
.continent_sphere_label h3 {
	color:#fff;
	font-size:2em;
	line-height:1em;
	line-height:28px;
	font-family:Inter;
	font-weight:normal;
	margin:0;
	padding:0;
}
.continent_sphere_label h3.continent_sphere_label_head_large {
	font-size:1.7em;
	letter-spacing:-1px;
	line-height:28px;
}
.continent_sphere_label_sub {
	font-style:italic;
	font-family:serif;
	width:113px;
	border-top:1px solid rgba(255,255,255,1);
	padding-top:4px;
	margin:4px auto 0;
}
.front_notice {
	background-color:#fffaef;
	padding:12px 11px;
	border-radius:4px;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	width:572px;
	box-shadow:0 0 10px rgba(100,100,100,.1);
	border:1px solid #ddd;
	margin-top:8px;
}
.front_notice_img {
	border:1px solid #ccc;
}
/* FRONT PAGE STATS */
#front_stats {
}
#front_stats h3 {
	font-weight:normal;
}
#front_stats h2 {
	font-weight:normal;
	line-height: 1.5em;
	margin-top: -.4em;
}
.front_stats_col {
	width:298px;
	/*float:left;*/
	margin-right:18px;
}
.front_stats_col_small {
	width:25%;
	/*float:left;*/
	margin-right:18px;
}
.front_stats_col.front_stats_recent_edits {
	width:270px;
	margin-right:0;
}
.front_stats_recent_edits_edit {
	padding-bottom:7px;
}
.counter {
	font-family:Inter;
	font-weight:bold;
	border:1px solid var(--n2);
	border-radius:3px;
	background:rgb(238,238,238); /* Old browsers */
	background:linear-gradient(to bottom,#fff 0%,#faf3fa 100%); /* W3C */
}
.counter span {
	padding:0 6px;
	border-right:1px solid var(--n2);
}
.counter span:last-child {
	border-right-width:0px;
}
.equaldexis {
	padding:1.5em .3em 1.5em;
	text-align:center;
	font-size:1.8em;
	position:relative;
	font-family:Inter;
	font-weight:400;
	z-index:3;
  line-height: 1.3em;
}
.equaldexislgbt {
	display:inline-block;
	vertical-align:top;
	position:relative;
	border-bottom:1px dashed #aaa;
	padding-bottom:4px;
	cursor:help;
}
.equaldexislgbttip {
	position:absolute;
	font-size:.7em;
	font-weight:normal;
	margin-top:12px;
	text-align:left;
	line-height:1.3em;
	display:none;
}
.equaldexislgbttipwrap {
	background:#fff;
	border-radius:3px;
	padding:6px;
	box-shadow:0 0 4px #00000033;
}
.nubwrap {
	margin-top:-13px;
}
.nub {
	width:0px;
	height:0px;
	border-style:solid;
	border-width:0 10px 10px 10px;
	border-color:transparent transparent #fff transparent;
}
.equaldexislgbt:hover .equaldexislgbttip {
	display:block;
}
.eqsum {
	display:inline-block;
	max-width:303px;
	padding:20px 60px 0px;
	text-align:center;
	vertical-align:top;
	border-right:1px solid var(--n1);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:230px;
}
.eqsumh {
	font-family:'Inter',arial,sans-serif;
	font-weight:300;
	font-size:1.4em;
	padding-bottom:.4em;
}
.eqsumb {
	color:var(--n4);
}

#eqsum_global {
	background-image:url('/media/selling-global.png');
	border-bottom-left-radius:4px;
}
#eqsum_collaborative {
	background-image:url('/media/selling-collaborative.png');
}
#eqsum_verified {
	background-image:url('/media/selling-verified.png');
	border-right-width:0px;
	border-bottom-right-radius:4px;
}
.front_laws_item {
	display:inline-block;
	width:292px;
	vertical-align:top;
	padding-right:18px;
}
.front_laws_item_body {
	margin-left:58px;
}
.front_laws_item_body h3 {
	padding-bottom:.3em;
}
.front_laws_item_stat {
	float:left;
	width:43px;
	text-align:center;
	background-color:var(--n1);
	border-radius:3px;
	padding:.4em .3em;
	text-shadow:1px 1px #fff;
}
.front_laws_item_stat b {
	display:block;
	font-size:1.4em;
	line-height:1em;
}
.front_stats_avatar {
	float:left;
}
/*.front_stats_details {
	padding-left:25px;
}*/
.front_stats_hero a {
	color:inherit;
}
.stat_countcol {
	float:left;
	width:62px;
}
.stat_countset {
	font-size:1.1em;
/*	clear:left;*/
	padding:0.2em 0;
}
.stat_countlabel {
	color:var(--n4);
	float:left;
	width:34px;
}
.stat_countvalue {
	font-weight:bold;
	float:left;
}
.stat_countvalue a {
	color:inherit;
}
/*.stat_leader .username {
	margin-left:33px;
	padding-top:1px;
	display:block;
}*/
.stat_leader .user_thumb {
	float:left;
}
.stat_leader_contributions {
	color:var(--n4);
}
.stat_leader_contributions_count {
/*	color:#333;*/
}
.stat_leader .stat_countset {
/*	height:30px;*/
}
.stat_big {
	clear:left;
	padding-top:4px;
	padding-bottom:.4em;
}
.stat_big_value {
	font-size:37px;
	line-height:30px;
	float:left;
	letter-spacing:-.08em;
	padding-right:4px;
	font-weight:bold;
}
.stat_big_label {
	font-size:15px;
	line-height:16px
	float:left;
	color:var(--n4);
	text-transform:uppercase;
}
.stat_big_label a {
	color:inherit;
}

/* USER PROFILE */
.profile_image {
	float:left;
	border-radius:4px;
	margin-bottom:1em;
}
.profile_stats {
	display:flex;
	justify-content:space-evenly;
}
.profile_stat {
	display:inline-block;
	margin-right:.6em;
	max-width:120px;
	text-align:center;
	margin-bottom:1em;
	vertical-align:top;
	font-weight:bold;
}
.profile_stat_count {
	font-size:2.4em;
	line-height:.9em;
}
.profile_stat_label {
	margin-top:.2em;
	font-size:.95em;
	color:var(--n5);
}
.story {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #e6e6e6;
}
.storyData {
	padding:1em;
	color:#333;
}
.storyDataMeta {
	color:var(--n4);
	font-size:.9em;
}
.profile_badge {
	font-size:12px;
	font-weight: bold;
	background-color:#fff;
	color:var(--n5);
	padding:0.3em 0.5em;
	border-radius:var(--border-radiuss);
	vertical-align:middle;
	text-transform:uppercase;
}
.profile_hasflag {
	clear:both;
	line-height:1.3em;
	margin-bottom:0.6em;
	margin-top:2px;
}
.profile_flag {
	background-position:0px -8px;
	background-repeat:no-repeat;
	width:48px;
	height:34px;
	float:left;
}
.profile_hasflag_blank .profile_flag {
	border:1px solid #ccc;
	width:44px;
	height:22px;
	float:left;
	margin-left:1px;
	box-shadow:0 1px 1px rgba(0,0,0,.06);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.06);
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.06);
	color:#aaa;
	text-align:center;
	padding-top:8px;
	font-size:.9em;
	font-style:normal;
	overflow:hidden;
	white-space:nowrap;
	background:var(--n1); /* Old browsers */
	background:linear-gradient(to bottom,#fff 0%,var(--n1) 50%,#ddd 51%,var(--n1) 90%);
}
.profile_flaginfo {
/*	margin-top:2px;
	margin-left:54px;
*/}
/* HELP */
#help h3 {
	margin-top:1em;
	line-height:1.15em
}
.help_qa {
	padding:8px 6px;
	border-bottom:1px solid var(--n1);
}
.help_qa_first {
	border-top-width:0;
	border-top:1px solid var(--n1);
}
.help_a {
	display:none;
	margin:6px 10px 0;
}
.help_q a {
	text-decoration:none;
}
.help_qa_opened .help_q a {
	font-weight:bold;
}
.help_a .permalink {
	color:inherit;
}
/* ORGANIZATIONS */
.orgs {
	margin:.4em 0 1.4em;
}
.orgs .org {
	display:inline-block;
	width:273px;
	padding:8px 8px 8px 28px;
	vertical-align:top;
	margin-bottom:1em;
	min-height:78px;
}
.orgs li.org:nth-child(even) {
	background-color:var(--fainter);
	border-radius:.3em;
}
.orgs .org img {
	margin-left:var(--wrap-neg);
	margin-right:6px;
	vertical-align:top;
}
.orgs .org .organization_link {
	font-size:16px;
	font-weight:bold;
	vertical-align:top;
}
.orgs .org .org_region {
	padding:.2em 0 .5em;
}
.orgs .org .org_desc {
	padding-top:.5em;
}
#orgs_timeline {
	padding-left:20px;
	padding-top:20px;
}
.orgs_timeline {
	display:inline-block;
	vertical-align:top;
	margin-bottom:5em;
	width:20%;
	position:relative;
}
.orgs_timeline_year {
	border-left:3px solid #ddd;
	margin-left:23px;
}
.orgs_timeline_year li {
	padding-top:1em;
	padding-top:.5em;
	margin-left:-14px;
	position:relative;
	top:.4em; /* This is just to push it down so two-line names cover up the extra vertical bar */
}
.orgs_timeline .favicon {
	background-color:#ddd;
	border-radius:3px;
	padding:3px;
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
}
.orgs_timeline_name {
	display:inline-block;
	margin-left:4px;
	width:144px;
	vertical-align:middle;
}
.orgs_timeline_bar {
	display:inline-block;
	position:absolute;
	top:21px; /* Half of h2 a - 2px */
	width:250px;
	height:5px;
	background-color:#ddd;
	left:-40px;
}
.orgs_timeline:first-child .orgs_timeline_bar {
	left:0px;
}
.orgs_timeline:last-child .orgs_timeline_bar {
	width:60px;
}
.orgs_timeline h2 {
	margin-right:11px;
	vertical-align:middle;
	z-index:50;
	position:relative;
	font-size:1em;
	font-weight:bold;
	padding:0;
}
.orgs_timeline h2 a {
	background-color: var(--n2);
	color:var(--n5);
  height: 30px;
  width: 45px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  padding-top: 15px;
  text-decoration: none;
  display: block;
  line-height: 1.1em;
  font-size: 13px;
}
.orgs_timeline h2 a:hover {
	background-color:var(--action);
	color:var(--action-glow3);
	transition:.2s;
}
#organization .twitter-timeline {width:718px !important}
/* NEWS */
#news {
	/*min-height:440px;*/
}
#news .post h1,
#news .post h2 {
	display:inline;
	font-size:1.4em;
	font-family:'Inter',arial,sans-serif;
}
.post_h {
	padding-bottom:.3em;
	line-height:1.3em;
}
.post {
	clear:both;
	padding-bottom:.5em;
}
.post_thumb {
	float:left;
	width:100px;
	margin-right:.6em;
	line-height:0;
	background-color:var(--n1);
	border-radius:3px;
	overflow:hidden;
}
.post_thumb_img {
	width:100%;
}
.post_thumb_none {
	height:48px;
	background-color:var(--n1);
	text-align:center;
}
.post_thumb_none img {
	margin-top:16px;
	opacity:.2;
}
#news .post {
	padding:1.5em 0 1.5em;
	border-top:1px solid var(--n1);
}
.relatedNews .post:first-child {
	border-top-width:0px;
}
.news_post {
	overflow:hidden;/*corners*/
}
#news .news_post .post { /* Remove border on post pages */
	padding-top:.5em;
	border-top-width:0px;
}
.news_post_cover {
	min-height:270px;
	position:relative;
	background-color:#333;
	overflow-y:hidden;
}
.news_post_cover .post_votes {
	margin-top: .3em;
}
.news_post_cover .post {
	vertical-align:bottom;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(80%,rgba(0,0,0,0.8)),color-stop(100%,rgba(0,0,0,.8)));
	position:absolute;
	bottom:0;
	width:100%;
	padding-top:5em !important;
}
.news_post_img_full {
	width:100%;
	position:absolute;
}
.news_post_cover h1 {
	padding-bottom:6.8em;
	margin-bottom:5em;
	font-size:2.5em !important;
	line-height:1.1em;
	font-weight:bold;
}
.news_post_cover h1 a {
	color:#fff;
	-webkit-transition:all 0.3s;
}
.news_post_cover h1 a:hover {
	text-shadow:0px 0px 30px #000;
}
.news_post_cover .post_body {
	max-width:460px;
	margin:auto;
	padding: 0 1em 0 3.5em;
	/*margin-left: 2.5em;*/
}
.news_comments {
	padding-top:2em;
	padding-bottom:6em;
}
.news_post_embed {
	padding: 1em 1.6em 0;
	max-width: 470px;
	margin:auto;
}
#news .post h1 a,
#news .post h2 a {
	text-decoration:none;
	font-weight:bold;
}
.post_body {
	margin-left:30px;
}
.post_votes {
	float:left;
	margin-left:-2.5em;
}
.news_head {
	padding:2em 0 3em;
	text-align:center;
}
.news_head h1,
.news_head h2 {
	font-size:2.1em;
}
.news_subhead {
	color:var(--n4);
	padding-top:.5em;
	font-family:'Inter',arial,sans-serif;
	font-weight:300;
}
/* Front page news */
.news_post_minicover_img {
	max-height: 200px;
	overflow: hidden;
	margin-bottom:1em;
}
.news_post_minicover_w {
	max-width:33.3%;
	display:inline-block;
	vertical-align:top;
}
.news_post_minicover {
	margin:1em;
}
.news_post_minicover h1 {
	padding-top:0;
	font-size:1.6em;
}
.news_post_minicover h1 a {
	line-height:1em;
	text-decoration:none;
	font-family: 'Inter',arial,sans-serif;
}
img.news_post_img_minicover {
	max-width: 100%;
}

/*
.post_v_u,.post_v_d {
	width:0px;
	height:0px;
	border-style:solid;
	display:block;
	margin:auto;
	position:relative;
}
.post_v_u {
	border-width:0 8px 12px 8px;
	border-color:transparent transparent #ccc transparent;
}
.post_v_d {
	margin-top:.3em;
	border-width:12px 8px 0 8px;
	border-color:#ccc transparent transparent transparent;
}
*/
#img_selector .img_selector_img {
	width:60px;
	height:60px;
	border:2px solid var(--n1);
	margin:0 .3em .3em 0;
	display:inline-block;
	overflow:hidden;
	text-align:center;
	vertical-align:bottom;
	cursor:pointer;
}
#img_selector .img_selector_img_s {
	border-color:#8b7;
}
#img_selector .img_selector_img img {
	width:100%;
	height:auto;
}
.comment .vote {
	font-size:1.2em;
	color:#ccc;
	cursor:pointer;
	height:1em;
	overflow:hidden;
}
.comment .vote_up:hover {
	color:var(--action);
}
.comment .vote_down:hover {
	color:#a65;
}
.comment.myvote_up .vote_up {
	color:var(--action);
}
.comment.myvote_down .vote_down {
	color:#a65;
}
.post .vote {
	font-size:1.2em;
	cursor:pointer;
	height:1em;
	background:#ddd;
	color:#fff;
	box-shadow:0 3px #bbb;
	border-radius:2px;
	line-height:1em;
	padding:.2em;
	width:1em;
	/*-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.1s;*/
	position:relative;
	top:0px;
	margin-bottom:.35em;
}
.post.myvote_up .vote_up {
	background-color:#ac9;
	box-shadow:0 3px var(--action);
}
.post.myvote_down .vote_down {
	background-color:#c87;
	box-shadow:0 3px #a65;
}
.post .vote_up:hover,.post .vote_down:hover {
	top:1px;
}
.post .vote_up:hover {
	/*color:var(--action);*/
	background-color:#ac9;
	box-shadow:0 2px var(--action) !important;
}
.post .vote_down:hover {
	/*color:#a65;*/
	background-color:#c87;
	box-shadow:0 2px #a65 !important;
}
.post .vote_up:active,.post .vote_down:active {
	top:2px;
}
.post .vote_up:active {
	background-color:#ac9;
	box-shadow:0 1px var(--action) !important;
}
.post .vote_down:active {
	background-color:#c87;
	box-shadow:0 1px #a65 !important;
}

/* TIMELINE */
#timeline {
}
.timeline_year {
	clear:both;
	text-align:center;
	border-bottom:1px solid var(--n1);
	margin-bottom:4em;
	margin-top:.6em;
	position:relative;
}
.timeline_year h2 {
	font-size:4.5em;
	padding:.1em;
	background-color:#fff;
	display:inline-block;
	position:relative;
	top:.8em;
}
.timeline_year h2 a {
	color:inherit;
	text-decoration:inherit;
}
.timeline_year_prev,
.timeline_year_next {
	position:absolute;
	padding:.1em;
	background-color:#fff;
	display:inline-block;
	top:1.8em;
}
.timeline_year_prev {left:20px;}
.timeline_year_next {right:20px;}
.timeline_summary,.timeline_item {
	max-width:700px;
	margin:auto;
}
.timeline_item {
	clear:both;
	padding-top:1.5em;
}
.timeline_date {
	float:left;
	text-align:right;
	font-family:'Inter',arial,sans-serif;
	font-weight:300;
	font-size:1.4em;
	color:var(--n4);
	width:29%;
}
.timeline_info {
	max-width:450px;
	margin-left:30%;
}
#timeline_bar {
	height:226px;
	white-space:nowrap;
	display:flex;
}
.clabel {
  position: absolute;
  top: -1.5em;
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: bold;
  color:var(--n5);
/*  font-weight:normal;*/
}
.timeline_barholder {
	height:186px;
	display:flex;
	text-align:center;
	margin-left:1px;
	justify-content:center;
	align-items:flex-end;
	flex:1;
}
.timeline_barwrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.timeline_barlabel {
  font-size: .85em;
  color: var(--n4);
  transform: translateY(25px) rotate(90deg);
  width: 100%;
  position: absolute;
  white-space: nowrap;
  bottom: 0;
}
.timeline_barlabel a {
	color:inherit;
	text-decoration:inherit;
	transition:color ease-out .2s;
	white-space:nowrap;
  font-weight:normal;
}
.timeline_barlabel a:hover {
	color:#000;
	transition:padding-left .2s,color .2s;
}
.timeline_barlabel10 {
	/*border-bottom:1px solid var(--n1);*/
	/*left:-1px;*/
}
.timeline_barbar {
	background-color:var(--action);
	border-radius:2px;
}
.decade_nav {
	margin-top:10px;
	height:80px;
	position:relative;
	left:4px;
}
.decade_nav li {
	float:left;
	margin-right:11px;
	vertical-align:middle;
	z-index:50;
	position:relative;
}
.decade_nav li a {
	background-color:#bbb;
	height:43px;
	width:68px;
	text-align:center;
	vertical-align:middle;
	border-radius:50%;
	padding-top:25px;
	color:#fff;
	text-decoration:none;
	display:block;
}
.decade_nav li a:hover,.orgs_timeline h2 a:hover {
	background-color:var(--action);
	border-color:#bca;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
li.decade_current a {
	background-color:var(--action);
	cursor:default;
}
.decade_nav li:last-child {
	margin-right:0px;
}
.decade_nav_connector {
	border-top:7px solid #ddd;
	position:relative;
	top:46px;
	margin:0 20px;
	z-index:30;
}
.about_list {
	display:inline-block;
}
.about_list_holder {
	display:inline-block;
	margin:13px;
	background-size:cover;
	border-radius:50%;
}
.about_list_person {
	width:100px;
	height:100px;
	overflow:hidden;
	border-radius:50%;
	border:6px solid rgba(255,255,255,.4);
	text-align:center;
	background-color:rgba(0,0,0,0);
	transition:background-color .6s;
}
.about_list_person:hover {
	background-color:rgba(0,0,0,.7);
	transition:background-color .6s;
}
.about_list_person:hover a {
	visibility:visible;
	transition:padding-top .4s;
	padding-top:35px;
}
.about_list_person a {
/*	text-shadow:1px 1px 0 #000;*/
	color:#fff;
	text-decoration:none;
	visibility:hidden;
	height:100px;
	padding-top:40px;
	display:block;
}
.about_list_person .about_list_region {
	font-style:italic;
	font-family:serif;
	margin-top:.1em;
}
.about_list_bio {
	display:inline-block;
	width:190px;
	vertical-align:top
}

/* SEARCH */
.results {
	padding:1em 0;
}
.result {
	clear:both;
}
.result:after {
	clear: both;
	display: block;
	content: ' ';
}

.resultImage {
	width:66px;
	float:left;
}
.resultImage .flag {
	height:42px;
}
.resultImage .flag img {
	margin-top: -12px;
}
.resultBody {
	margin-left:70px;
}

/* KICKSTARTER */

.project {
	max-width: 331px;
	display: inline-block;
	padding: 12px 14px 30px;
	vertical-align: top;
}
.project img {
	max-width:100%;
}
.projectData li {
	width:33%;
	display:inline-block;
	vertical-align:top;
}
.projectData li .projectDataLabel {
	text-transform:uppercase;
}
.projectData li .projectDataValue {
	font-weight:bold;
/*	font-size:1.1em;
*/}

/* VOLUNTEERS */
#v_table:before {content:"THIS ID IS NOW OBSOLETE.";}
#v_table {border:1px solid red;}
.v_table tr:hover td {background-color:#f9f9f9;}
.v_table tr .rowhover {visibility:hidden;}
.v_table tr:hover .rowhover {visibility:visible;}
.v_table tr.highlight td {background-color:#ecf9ec;}
.v_table td {border:1px solid #ddd;}
.v_table th {border-width:0;border-bottom:1px solid #ccc;background-color:var(--n1);text-align:left;padding:.6em .8em}
.v_table th .controls a {color:#000;text-decoration:none;}
.v_table th .controls.active {color:#ccc;}
.v_table th .controls a:hover {color:#362}
.greencell {background-color:#cfd !important;}
.bluecell {background-color:#cdf !important;}
.v_name {width:100px;}
.v_name a {display:block;text-decoration:none;text-overflow:ellipsis;}
.v_name a:hover {background-color:#fe9;}
.v_shrink {width:100px;overflow:hidden;white-space:nowrap;}
.v_shrink div {width:150px;overflow:hidden;}
.v_shrink div:hover {width:auto;position:absolute;background-color:#fff;}

/* AUTOCOMPLETE */
.ac_results {
	padding:0px;
	z-index:99999;
	width:314px;
}
.ac_results strong {
	font-weight:normal;
}
.ac_results {
	overflow:hidden;
	list-style-position:outside;
	list-style:none;
	padding:0.4em;
	margin:0;
	background-color:white;
	border-radius:3px;
	box-shadow:0px 3px 5px rgba(0,0,0,.2),0px -2px 5px rgba(0,0,0,.2),0px 0px 20px rgba(0,0,0,.15);
	font-size:1.1em;
}
 
.ac_results li {
	margin:0px;
	cursor:pointer;
	display:block;
	line-height:16px;
	overflow:hidden;
}
 
.ac_results li span {
	color:#888;
	font-size:.9em;
}
.ac_results li:hover span {
	color:#d3ddd3;
}
 .searchNub {
	width:0px;
	height:0px;
	border-style:solid;
	border-width:0 8px 8px 8px;
	border-color:transparent transparent #fff transparent;
	display:block;
	margin:auto;
	position:relative;
}
.ac_loading {
	background:white;
}
 
.ac_odd {
	background-color:#fff;
}
 
/*.ac_results li:hover, {
	background-color:#737f70;
	color:#fff;
	cursor:pointer;
}*/

#upsell {
	background-color:#fff;
	position:fixed;
	bottom:0;
	right:0;
	font-size:1em;
	font-family:'Asap',sans-serif;
	border-top-left-radius:3px;
	box-shadow:0 0 6px 0px rgba(0,0,0,.4);
	width:336px;
	display:none;
}
#upsell_wrap {
	padding:16px 16px 22px;
}
#rainbow div {
	width:48px;
	float:left;
	height:3px;
}
.rb_r {background-color:#f00;border-top-left-radius:3px}
.rb_o {background-color:#f90;}
.rb_y {background-color:#ff0;}
.rb_g {background-color:#0f0;}
.rb_b {background-color:#00f;}
.rb_i {background-color:#90f;}
.rb_v {background-color:#f0f;}
#upsell .upsellinput {
	box-shadow:0 0 11px 1px rgba(255,200,0,.5);
	background-color:#fff;
	border-width:0px;
	width:180px;
	margin-right:10px;
	font-size:1.1em;
	padding:.3em .5em;
}

/* BARS */
.bars {
	margin:1em 0 1.8em;
}
ul.barChart li {
	margin-bottom:0.7em;
}
ul.barChart li:last-child {
	margin-bottom:.1em;
}
.barChart {
	vertical-align:top;
	clear:both;
}
.bars h3 {
	float:left;
}
.barChartBarHolder {
	height:40px;
	background-color:#ececec;
	line-height:0;
	white-space:nowrap;
    border-radius: 4px;
    /*overflow: hidden;*/
}
.barChartBarHolder .barChartBar:first-child {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.barChartBarHolder .barChartBar:last-child {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.barChartContinentRow .barChartBarHolder {
	height:12px;
}
.barChart .barChartBar {
	height:100%;
	display:inline-block;
	position:relative;
	cursor:pointer;
}

.barChartBar {
  transition: width 1s;
}

.barChartH {
	text-transform:uppercase;
	color:var(--n4);
	font-size:.8em;
	line-height:1.2em;
	padding-top:.2em;
}
.barChartBar:hover .barChartBarTooltip {
	display:block;
}
.barChartBarTooltipAlways {
	display:block !important;
}
#changes .barChartBarHolder {
	height:20px;
}
#changes .bars {
	margin:5em 0;
}
.barChartBarTooltipAlways .barChartBarTooltipNub {
	border-color:transparent transparent var(--n1) transparent;
}
.barChartBarTooltipAlways .barChartBarTooltipWrap {
	background-color:var(--n1);
	box-shadow:none;
	color:var(--n4);
}
.barChartBarTooltip {
	position:absolute;
	/*width:140px;*/
	text-align:center;
	line-height:0px;
	top:30px;
	/*left:0px;*/
	display:none;
	z-index:999;
	min-width:100px;
}
.barChartBarTooltipNub {
	width:0px;
	height:0px;
	border-style:solid;
	border-width:0 10px 10px 10px;
	border-color:transparent transparent rgba(51,51,51,.95) transparent;
	display:inline-block;
}
.barChartBarTooltipWrap {
	background-color:rgba(51,51,51,.95);
	text-align:center;
	padding:4px 6px 4px;
	line-height:1.4em;
	border-radius:2px;
	color:#fff;
	box-shadow:0 2px 3px rgba(0,0,0,.2);
}
.barChartBarTooltipWrap b {
	white-space:nowrap;
}
.barChartWrap {
	padding-right:6px;
}
.barChart:last-child .barChartWrap {
	padding-right:0px;
}
.barChartContinentRow {
	padding-top:6px;
	padding-bottom:1em;
}
.barChartContinentRow .barChart {
	display:inline-block;
}
.swatches {
	padding-bottom:.5em;
}
.swatch {
	border-radius:.5em;
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
	padding:1px 4px;
	color:#fff;
	text-align:center;
	background-color:#ccc;
}
.swatchset {
	padding-right:1em;
	display:inline-block;
}
.swatchset:last-child {
	padding-right:0;
}
/* BETA */
.shelf_button {
	padding:7px 10px 6px;
	background-color:#fff;
	position:fixed;
	bottom:0;
	font-size:1.3em;
	font-family:'Asap',sans-serif;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	box-shadow:0 -1px 4px 0px rgba(0,0,0,.4);
	cursor:pointer;
	opacity:.8;
}
.shelf_button:hover {
	padding-bottom:16px;
	opacity:1;
	transition:padding-bottom .2s,opacity .2s;
}
#shelf_feedback {
	right:30px;
}
#shelf_debug {
	right:140px;
}
.social_horizontal .social_button {
	display:inline-block;
	width:88px;
	height:20px;
	vertical-align:top;
}
.social_vertical .social_button {
	height:20px;
	padding-top:4px;
	padding-bottom:4px;
}
/* REGISTER */
.sexy_label {
	float:left;
	margin-top:10px;
	position:absolute;
	line-height:1.5em;
	padding-top:.7em;
	margin-left:-113px;
	text-align:right;
	width:100px;
	color:#bbb;
}

/* COLS + GAP */
.cols {
	display:flex;
	flex-direction:row;
}
.gap>* {
  margin-right:1em;
}
.gap2>* {
  margin-right:2em;
}
.gap>*:last-child,
.gap2>*:last-child {
  margin-right:0;
}


/* TESTIMONIALS */
#testimonials {
	text-align:center;
	padding:50px 0px 0;
	margin:auto;
	height:160px;
}
.testimonial {
	display:none;
}
#testimonial_0 {
	display:block;
}
.testimonial_quote {
	font-size:1.7em;
	font-style:italic;
	font-weight:100;
	font-family:'Inter',sans-serif;
	position:relative;
	top:0;
	max-width:600px;
	margin:0 auto .4em;
	line-height:1.3em;
}
.testimonial_quote a {
	color:inherit;
	text-decoration:none;
}
.testimonial_author_image {
	display:inline-block;
	vertical-align:middle;
}
.testimonial_author_details {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	padding-left:4px;
	padding-bottom:1px; /* vertical centering looks a tiny bit too low */
}
.testimonial_author a {
	text-decoration:none;
}
.testimonial_author_details_name {
	font-weight:bold;
	font-size:1.2em;
}
.testimonial_author_details_handle {
	color:var(--n4);
}
.testimonial_author_image img {
	height:50px;
}
.testimonial_author_image a {
	border-radius:50%;
	width:50px;
	height:50px;
	display:block;
	overflow:hidden;
  -webkit-transform:rotatex(0deg);
  transform:rotatex(0deg);
}
.flip .testimonial_author_image a {
  -webkit-transform:rotatex(90deg);
  -webkit-transform-style:preserve-3d;
  -webkit-transition:0.2s;
  -webkit-transition-delay:0.55s;
  transform:rotatex(90deg);
  transform-style:preserve-3d;
  transition:0.2s;
  transition-delay:0.55s;
}
.flip .testimonial_quote {
	top:30px;
	transition:top .5s linear;
	transition-delay:.5s;
}

.recLabl {
	margin-top:0.5em;
	margin-bottom:1.4em;
	text-decoration:none;
	color:inherit;
	display:inline-block;
	font-size:0.93em;
	line-height:1.4em;
}
.rec {
	padding-left:10px;
	padding-right:10px;
	width:80px;
}
.rec img {
	border-radius:3px;
	max-width:100%;
}

/* ADMIN */
.admin_edit {
	max-width:700px;
	margin:auto;
}
.admin_edit td {
	vertical-align:top;
}
.admin_section {
	width:312px;
	float:left;
	margin-right:12px;
	clear:none;
}
.admin_sectionw {
	width:474px;
}
.admin_section li {
	margin-bottom:3px;
}
.adminitems li a {
	border-radius: 3px;
	padding: 6px;
	line-height: 1.1em;
	text-decoration: none;
	background-color: var(--fainter);
	color: var(--n4);
	display:inline-block;
}
.adminitems li a span {
	font-weight: bold;
	color: var(--n5);
}
.adminitems li a:hover {
	background-color:var(--n1);
}
.adminitems li {
	vertical-align: top;
	margin-right:3px;
	margin-bottom:3px;
}





.boldStatement {
	font-weight:bold;
	font-size:2.6em;
	line-height:1em;
	padding:0.2em 0 1em;
	margin-bottom:0;
	color:var(--n7);
	line-height:1.3em;
}

.fancyHeader {
    padding: 2em 1em;
    background: var(--neu);
    margin-bottom: 2em;
    margin-top: 1em;
    border-radius: 13px;
    line-height: 1.4em;
    background: radial-gradient(circle farthest-side,#7586a8,#556688 420px);
    box-shadow: inset 0 0 43px var(--neu);
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
}
.fancyHeaderHeading {
	color: var(--white);
    text-transform: uppercase;
    font-weight: bold;
    font-size: var(--font-huge);
    /*letter-spacing: 0.3em;*/
}


.fancyHeaderPill {
    font-weight: bold;
    border-radius: 53px;
    color: var(--neu);
    padding: 0em 0.5em;
    font-size: 1.5em;
    position: absolute;
    top: -0.8em; /* half of 1em + 0.3 the inner div's top padding */
    left: 0;
    text-align: center;
    width: 100%;
}
.fancyHeaderPill>div {
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    color: var(--neu);
    padding: 0.3em 0.7em;
    box-shadow: 0 15px 39px;
}




.dRankRank {
	padding-bottom:2px;
	font-size:1.4em;
}
.dRank {
	float:right;
	text-align:right;
}
.dRankOutOf {
	color:#999;
	font-size:.9em;
	line-height:1em;
}
.dMeta {
	flex:0.5;
	padding-left:8px;
	display:flex;
}
.dMeta, .dBarPositive, .dBarNegative {
	padding-top:12px;
	padding-bottom:12px;
	border-top:3px solid var(--white);
	border-bottom:3px solid var(--white);
}
.dMeta h3 {
	padding:0 0 0.2em;
}
.dMeta .dMetaArrow {
    padding-left:5px;
    padding-top:2px;
    width: 30px;
}
.dHeader .dMeta,
.dHeader .dBarNegative,
.dHeader .dBarPositive,
.dHeader .dBarLabel {
	padding-top:0;
	padding-bottom:0;
}
.d {
	display:flex;
	flex-direction:row;
	font-family:Inter;
	background-color:var(--fainter);
	transition: background-color 0.3s ease;
}
.d .widgetB {
	display: none;
}
.d.collapsed, .dHeader {
	background-color:var(--white);
}
.dData {
	flex:0.5;
	display:flex;
	justify-content:center;
}
.dBarLabel {
	padding:6px 7px 6px;
	font-weight:bold;
}
.dBarPositive .dBarLabel {
	color:var(--pos);
    align-items: flex-end;
    display: flex;
}
.dBarNegative .dBarLabel {
	color:var(--neg);
	justify-content: flex-end;
    align-items: flex-end;
    display: flex;
}
.dBarHolder {
	min-width:2px;
	padding:0px;
	display:flex;
	flex:1;
	}
.dBar {
	height:24px;
}
.dBarAvg .row {
	padding-top:0.8em;
}
.dBarSeperator {
	width:1px;
	background-color:var(--n3);
}
.dBarPositive {
	padding-right:8px;
	text-align:left;
	margin-right:-1px;
	flex:1;
}
.dBarPositive .dBar, .dBarPos {
	border-bottom-right-radius:var(--border-radiuss);
	border-top-right-radius:var(--border-radiuss);
	background-color:var(--pos);
	border-left-width:0px;
}
.dBarNegative {
	padding-left:10px;
	text-align:right;
	margin-left:-1px;
	flex:1;
}
.dBarNegative, .dBarPositive {
	display: flex;
    flex-direction: column;
}
.dBarNegative .dBar, .dBarNeg {
	border-bottom-left-radius:var(--border-radiuss);
	border-top-left-radius:var(--border-radiuss);
	background-color:var(--neg);	
	border-right-width:0px;
}
.dBarValue {
	width:4em;
	font-weight:bold;
	line-height:1em;
}
.dBarPositive .row {
	align-items:center;
}
.dBarNegative .row {
	align-items:center;
	justify-content:flex-end;
}
.dBarPositive .dBarValue {
	color:var(--pos);
	padding-left:4px;
}
.dBarNegative .dBarValue {
	color:var(--neg);
	padding-right:4px;
}
.dBarAvg .dBar {
	height:13px; /* height of font */
	background-color:var(--n5);
}
.dBarAvg .dBarValue,
.dBarAvg .dBarLabel {
	color:var(--n5);
}


.dBarLabel, .dBarAvg {
	flex:1;
}

.wide {
  flex: 0 0 100%;
}

/* GLYPHS ETC */
.x-mark {
  display: inline-block;
  position: relative;
  height: 12px;
  width: 12px;
}

.x-mark::before, .x-mark::after {
  content: '';
  position: absolute;
  height: 12px;
  width: 4px;
  background:var(--neg);
}

.x-mark::before {
  transform: rotate(45deg);
  left: 4px;
}

.x-mark::after {
  transform: rotate(-45deg);
  right: 4px;
}
.check {
    display: inline-block;
    transform: rotate(45deg);
    height: 12px;
    width: 5px;
    border-bottom: var(--pos) solid 4px;
    border-right: var(--pos) solid 4px;
    margin:-4px 0 0;
}
.arrow {
  position: relative;
  text-decoration: none;
  transition:transform 0.5s;
  width:1.5em;
  height:1em;
  display:inline-block;
  cursor: pointer;
}
.arrow:before, .arrow:after {
  content:"";
  background:var(--n4);
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  display: block;
  height: 0.2em;
  position: absolute;
  top: 0.4em;
  width: 0.95em;
}
.arrow.up {
	transform:rotate(-180deg);
}
.arrow.right {
	transform:rotate(-90deg);
}
.arrow.left {
	transform:rotate(90deg);
}
.arrow:before {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg); 
}
.arrow:after {
   right: 0em;
   -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.arrowD:after {
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color:rgba(67, 120, 123, 0);
	border-top-color:#63946e;
	border-width: 8px;
	margin-left: -8px;
	top: 100%;
}

.minibar {
	display:flex;
	margin-top:0.8em;
	align-items: center;
}
.minibarHolder {
	flex:0.4;
	display:flex;
	align-items: center;
}
.minibarInline .minibarHolder {

}
.minibarBar {
	height:14px;
	border-radius:var(--border-radiuss);
	background-color:var(--n7);
	position:relative;
}
.minibar:not(.minibarInline) .minibarBar::after {
	content: attr(data-value); 
	position: absolute;
	left:100%;
	white-space: nowrap;
	color:var(--n7);
	font-weight:bold;
	padding-left:0.4em;
	line-height:14px;
}
.minibarHolder.ac .minibarBar {
	background-color:var(--ac)
}
.minibarHolder.ac .minibarBar::after {
	color:var(--ac)
}
.dBarAvg .dBarLabel {
    flex-basis: 100%;
}
.dBarAvgWrap {
	flex-wrap:wrap;
	height:30px
}
.minibarValue {
	color:var(--n7);
	font-weight:bold;
/*	width:3em;*/
	padding-left:0.5em;
}
.minibarLabel {
	flex:0.6;
	color:var(--n5);
    padding-left: 1em;
}
.minibarInline .minibarLabel {
    padding-left:0.3em;
}
.minibar.pos .minibarBar {
	background-color:var(--pos);
}
.minibar.pos .minibarValue {
	color:var(--pos);
}
.minibar.neg .minibarBar {
	background-color:var(--neg);
}
.minibar.neg .minibarValue {
	color:var(--neg);
}

.minibar.neg:not(.minibarInline) .minibarBar::after {
	color:var(--neg);
}
.minibar.pos:not(.minibarInline) .minibarBar::after {
	color:var(--pos);
}
.dBarNegative,
.dBarPositive,
.dBarAvg,
.dBar,
.dBarValue,
.dBarLabel {
	box-sizing: border-box;
}

.grid {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.gridItem {
	flex:0 0 calc(50% - 10px);
	box-sizing: border-box;
}

.input_error {
    border: 1px solid var(--neg);
    background: var(--neg-faint);
}

/* BUTTONS */
button,
.mButton,
.mButton:link,
.mButton:visited,
button,
input[type='submit'] {
  border:none;
	background:var(--action);
	border-radius:var(--border-radius);
	color:var(--white);
	/*font-family:'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;*/
	font-size:1em;
	font-weight:bold;
	margin:0;
	outline:none;
	padding:0.7em 1.2em;
	text-align:center;
	text-decoration:none !important;
	line-height: 1.3em;
	transition:0.1s;
	display: inline-block;
}
.mButton.active {
	background:var(--action);
}
.mButton:hover,
button:hover,
input[type='submit']:hover {
	background:var(--action-glow);
	color:var(--white);
	cursor:pointer;
	transition:0.1s;
}
.mButton:focus,
button:focus,
input[type='submit']:focus {
	background:var(--faint);
}
.mButton:active,
.mButton.active,
button:active,
button.active,
input[type='submit']:active,
input[type='submit'].active {
	background:var(--faint);
}
.mButton.disabled,
button:disabled,
input[type='submit']:disabled {
	background:var(--faint) !important;
	color:#aaa !important;
	cursor:default;
}
.mButton.tonal,
.mButton.tonal:link,
.mButton.tonal:visited,
button.tonal,
input[type='submit'].tonal {
	background:var(--action-muted);
	color:var(--action-dark);
}
.mButton.tonal:hover,
.mButton.tonal:hover,
input[type='submit'].tonal:hover {
	background:var(--action-glow);
	color:var(--white);
}
.mButton.tonal:focus,
button.tonal:focus,
input[type='submit'].tonal:focus {
}
.mButton.tonal:active,
.mButton.tonal.active,
button.tonal:active,
input[type='submit'].tonal:active {
	/*background:#1fba00;*/
}

.mButton.tonal.pos {
	color:var(--pos-strong);
	background:var(--pos-muted);
}
.mButton.tonal.pos:hover {
	color:var(--white);
	background:var(--pos);
}
.mButton.tonal.neg {
	color:var(--neg-strong);
	background:var(--neg-muted);
}
.mButton.tonal.neg:hover {
	color:var(--white);
	background:var(--neg);
}
.mButton.tonal.basic {
	color:var(--n7);
	background:var(--n7-muted);
}
.mButton.tonal.basic:hover {
	color:var(--white);
	background:var(--n7);
}



.mButton.outline,
.mButton.outline:link,
.mButton.outline:visited,
button.green,
input[type='submit'].outline {
	background:transparent;
	color:var(--action-dark);
	border:1px solid var(--faint);
}
.mButton.outline:hover,
button.outline:hover,
input[type='submit'].outline:hover {
	background:var(--action-muted);
	color:var(--action-dark);
	border:1px solid var(--action);
}
.mButton.outline:focus,
button.outline:focus,
input[type='submit'].outline:focus {
}
.mButton.outline:active,
.mButton.outline.active,
button.outline:active,
input[type='submit'].outline:active {
	background:var(--action);
	color:var(--white);
	border-color:var(--action);
}


.mButton.outline.pos,
.mButton.outline.pos,
button.outline.pos,
input[type='submit'].outline.pos {
	color:var(--pos);
	background:transparent;
}
.mButton.outline.neg,
.mButton.outline.neg,
button.outline.neg,
input[type='submit'].outline.neg {
	color:var(--neg);
	background:transparent;
}

.mButton.outline.neg:active,
.mButton.outline.neg.active,
button.outline.neg:active,
input[type='submit'].outline.neg:active {
	background:var(--neg);
	color:var(--white);
	border-color:var(--neg);
}
.mButton.outline.pos:active,
.mButton.outline.pos.active,
button.outline.pos:active,
input[type='submit'].outline.pos:active {
	background:var(--pos);
	color:var(--white);
	border-color:var(--pos);
}
.mButton.outline.basic:active,
.mButton.outline.basic.active,
button.outline.basic:active,
input[type='submit'].outline.basic:active {
	background:var(--n7);
	color:var(--white);
	border-color:var(--n7);
}


.mButton.outline.disabled {
	background-color:transparent !important;
}
.mButton.outline.disabled:hover {
	border-color:var(--faint);
}


/* COLOR VARIATIONS */
.mButton.neg {
	color:var(--white);
	background:var(--neg);
}
.mButton.neg:hover {
	color:var(--neg-strong);
	border-color:var(--neg);
	background:var(--neg-muted);
}
.mButton.pos {
	color:var(--pos);
}
.mButton.pos:hover {
	color:var(--pos-strong);
	border-color:var(--pos);
	background:var(--pos-muted);
}
.mButton.basic {
	color:var(--n7);
}
.mButton.basic:hover {
	color:var(--n7);
	border-color:var(--n7);
	background:var(--n7-muted);
}

.mButton.outline.nohover:hover {
	cursor:default;
	border: 1px solid var(--faint);
	background: transparent;
}

.mButton img {
	vertical-align: middle;
	margin-left: -0.3em;
	margin-right: 0.3em;
	line-height: 7.3em;
	margin-top: -0.25em;
}

.mButton.big {
	font-size:var(--font-big);
}
.mButton.bigger {
	font-size:var(--font-bigger);
}
.mButton.small {
	padding:0.4em 1em;
}
.mButton.connectorR {
	position:relative;
	margin-right:9px;
}

.mButton.connectorR::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 1px;
    background: var(--faint);
}


.mButton.active .check {
    border-color: var(--white);
    border-color: var(--white);
}
.mButton.active .x-mark::before, 
.mButton.active .x-mark::after {
    background: var(--white);
}



.segmented input:checked + label.neg,
.segmented label.neg.selected {
	background-color:var(--neg);
	border-color:var(--neg);
	color:var(--white);
}
.segmented input:checked + label.pos,
.segmented label.pos.selected {
	background-color:var(--pos);
	border-color:var(--pos);
	color:var(--white);
}

.segmented input:checked + label.basic,
.segmented label.basic.selected {
	background-color:var(--n7);
	border-color:var(--n7);
	color:var(--white);
}

/* SEGMENTED */

.segmented {
    display:flex;
    align-items: stretch;
}
.segmented .mButton {
	border-radius:0;
	margin-left:-1px;
	align-items: center;
    display: flex;
}
.segmented .mButton:hover {
	position:relative;
}

.segmented .mButton:first-child {
	border-bottom-left-radius:var(--border-radius);
	border-top-left-radius:var(--border-radius);
	margin-left:0px;
}
.segmented .mButton:last-child  {
	border-bottom-right-radius:var(--border-radius);
	border-top-right-radius:var(--border-radius);
}

.segmented input[type="radio"] {
	width: 0;
	height: 0;
	display: none;
}

.segmented input:checked + label,
.segmented label.selected {
	background-color: var(--action);
	color: #ffffff;
}

.roundLeft {
	border-bottom-left-radius:var(--border-radius) !important;
	border-top-left-radius:var(--border-radius) !important;
}
.roundRight {
	border-bottom-right-radius:var(--border-radius) !important;
	border-top-right-radius:var(--border-radius) !important;
}




/* select starting stylings ------------------------------*/
.select {
  font-family:
    'Roboto','Helvetica','Arial',sans-serif;
	position: relative;
	width: 100px;
}

.select-text {
	position: relative;
	font-family: inherit;
	background-color: transparent;
	width: 100%;
	padding: 10px 10px 10px 0;
	font-size: 18px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid rgba(0,0,0, 0.12);
}

/* Remove focus */
.select-text:focus {
	outline: none;
	border-bottom: 1px solid rgba(0,0,0, 0);
}

	/* Use custom arrow */
.select .select-text {
	appearance: none;
	-webkit-appearance:none
}

.select:after {
	position: absolute;
	top: 18px;
	right: 10px;
	/* Styling the down arrow */
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.12);
	pointer-events: none;
}


/* LABEL ======================================= */
.select-label {
	color: rgba(0,0,0, 0.26);
	font-size: 18px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 10px;
	transition: 0.2s ease all;
}

/* active state */
.select-text:focus ~ .select-label, .select-text:valid ~ .select-label {
	background:var(--white);
	top: -20px;
	transition: 0.2s ease all;
	font-size: 14px;
}

/* BOTTOM BARS ================================= */
.select-bar {
	position: relative;
	display: block;
	width: 100%;
}

.select-bar:before, .select-bar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background:var(--action);
	transition: 0.2s ease all;
}

.select-bar:before {
	left: 50%;
}

.select-bar:after {
	right: 50%;
}

/* active state */
.select-text:focus ~ .select-bar:before, .select-text:focus ~ .select-bar:after {
	width: 50%;
}

/* HIGHLIGHTER ================================== */
.select-highlight {
	position: absolute;
	height: 60%;
	width: 100%;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}






/* BUTTONS */

/*
.button,
.button:link,
.button:visited,
button {
	background:#eaeaea;
	background:linear-gradient(top,#efefef,#ddd) #ddd;
	border:1px solid #bbb;
	border-radius:3px;
	box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(255,255,255,.8) inset;
	color:#707070;
	font-family:'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0;
	outline:none;
	padding:5px 10px;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,.5);
	text-decoration:none !important;
}
.button:hover,
button:hover {
	background:#f1f1f1;
	background:-moz-linear-gradient(top,#f6f6f6,#e3e3e3) #e3e3e3;
	background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e3e3e3)) #e3e3e3;
	background:linear-gradient(top,#f6f6f6,#e3e3e3) #e3e3e3;
	cursor:pointer;
}
.button:focus,
button:focus {
	background:-moz-linear-gradient(top,#f6f6f6,#e3e3e3) #e3e3e3;
	background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e3e3e3)) #e3e3e3;
	background:linear-gradient(top,#f6f6f6,#e3e3e3) #e3e3e3;
	border:1px solid #80bfff;
	-moz-box-shadow:0 0 3px #80bfff,0 1px 1px rgba(255,255,255,.8) inset;
	-webkit-box-shadow:0 0 3px #80bfff,0 1px 1px rgba(255,255,255,.8) inset;
	box-shadow:0 0 3px #80bfff,0 1px 1px rgba(255,255,255,.8) inset;
}
.button:active,
.button.active,
button:active,
button.active {
	background:#e3e3e3;
	background:-moz-linear-gradient(top,#e3e3e3,#f6f6f6) #1b468f;
	background:-webkit-gradient(linear,left top,left bottom,from(#e3e3e3),to(#f6f6f6)) #1b468f;
	background:linear-gradient(top,#e3e3e3,#f6f6f6) #1b468f;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.button.disabled,
button:disabled {
	background:#efefef !important;
	border:1px solid #d1d1d1 !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	color:#aaa !important;
	cursor:default;
	text-shadow:0 1px 1px #fff !important;
}
.button.green,
.button.green:link,
.button.green:visited,
button.green {
	background:#1fbf00;
	background:-moz-linear-gradient(top,#A6C895,var(--action)) #A6C895;
	background:-webkit-gradient(linear,left top,left bottom,from(#A6C895),to(var(--action))) #A6C895;
	background:linear-gradient(top,#A6C895,var(--action)) #A6C895;
	border:1px solid var(--action);
	border-bottom-color:#6A8C59;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(255,255,255,.25) inset;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(255,255,255,.25) inset;
	box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 1px rgba(255,255,255,.25) inset;
	color:#fff;
	text-shadow:0 -1px 1px rgba(0,0,0,.33);
}
.button.green:hover,
button.green:hover {
	background:#22cc00;
	background:-moz-linear-gradient(top,#A6D895,#88BB77) #A6D895;
	background:-webkit-gradient(linear,left top,left bottom,from(#A6D895),to(#88BB77)) #A6D895;
	background:linear-gradient(top,#A6D895,#88BB77) #A6D895;
}
.button.green:focus,
button.green:focus {
	-moz-box-shadow:0 0 3px #A6D895,0 1px 1px rgba(255,255,255,.25) inset;
	-webkit-box-shadow:0 0 3px #A6D895,0 1px 1px rgba(255,255,255,.25) inset;
	box-shadow:0 0 3px #A6D895,0 1px 1px rgba(255,255,255,.25) inset;
}
.button.green:active,
.button.green.active,
button.green:active {
	background:#1fba00;
	background:-moz-linear-gradient(top,#88BB77,#A6D895) #88BB77;
	background:-webkit-gradient(linear,left top,left bottom,from(#88BB77),to(#A6D895)) #88BB77;
	background:linear-gradient(top,#88BB77,#A6D895) #88BB77;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
*/

/* =white
---------------------------------------------- */
/*
.button.white,
.button.white:link,
.button.white:visited,
button.white {
	background:#f9f9f9;
	border:1px solid #bbb;
	background:-moz-linear-gradient(top,#f9f9f9,#e9e9e9) #f9f9f9;
	background:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#e9e9e9)) #f9f9f9;
	background:linear-gradient(top,#f9f9f9,#e9e9e9) #f9f9f9;
}
.button.white:hover,
button.white:hover {
	background:#fff;
	background:-moz-linear-gradient(top,#fff,#f6f6f6) #fff;
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6)) #fff;
	background:linear-gradient(top,#fff,#f6f6f6) #fff;
}
.button.white:focus,
button.white:focus  {
	-moz-box-shadow:0 0 3px #fff,0 1px 1px rgba(255,255,255,.25) inset;
	-webkit-box-shadow:0 0 3px #fff,0 1px 1px rgba(255,255,255,.25) inset;
	box-shadow:0 0 3px #fff,0 1px 1px rgba(255,255,255,.25) inset;
}
.button.white:active,
.button.white.active,
button.white:active{
	background:#1fba00;
	background:-moz-linear-gradient(top,#f6f6f6,#fff) #f6f6f6;
	background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#fff)) #f6f6f6;
	background:linear-gradient(top,#f6f6f6,#fff) #f6f6f6;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
*/

/* ------------------------------------------- */
/* =segmented
---------------------------------------------- */
.segmented:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.segmented li {
	float:left;
}
.segmented li .button:link,
.segmented li .button:visited,
.segmented li button,
.segmented li input[type='submit'] {
	border-right:none;
	border-radius:0;
}
.segmented li:first-child .button:link,
.segmented li:first-child .button:visited,
.segmented li:first-child button,
.segmented li:first-child input[type='submit'] {
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	border-top-left-radius:3px;
}
.segmented li:last-child .button:link,
.segmented li:last-child .button:visited,
.segmented li:last-child button,
.segmented li:last-child input[type='submit'] {
	border-right:1px solid #ababab;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	border-top-right-radius:3px;
}
	/* ------------------------------------------- */
  /* ------------------------------------------- */

/* INPUT:TEXT via http://s3.amazonaws.com/37assets/svn/480-custom_forms.html */
input.sexy, textarea.sexy {
	color:#555;
	margin:8px 0;
	border:1px solid var(--n2);
	padding:0.5em 0.7em;
	font-size:1em;
	font-family:inherit;
	line-height:1.5em;
	width:100%;
	background:#fff;
	-webkit-appearance:none;
	box-shadow:0px 0px 0px 4px var(--n1);
	border-radius:2px;
	box-sizing:border-box;
}
input.sexy.noShadow {
    box-shadow:none;
}
input.sexy:focus, textarea.sexy:focus {
	outline:none;
	border:1px solid var(--action-glow3);
	box-shadow:0px 0px 0px 4px var(--action-glow4);
}


.error {
	background:#ee7777;
/*	background:linear-gradient(top,#ee7777 0%,#dd5555 100%);	*/
	color:#fff;
	margin:0;
	outline:none;
}
.notice {
	background:var(--notice);
/*	background:linear-gradient(top,#ffeeaa 0%,#ffdd99 100%);	*/
	color:var(--notice-dark);
	margin:0;
	outline:none;
	padding:0.8em 1em;
	margin:.5em 0;
}
.notice, .error {
	border-radius:var(--border-radius);
	padding:0.8em 1em;
	margin:.5em 0;
}
.notice a,.error a {
	color:inherit;
}
.noticeMini {
	background:var(--notice-faint);
	display:inline-block;
	padding:0.3em 0.5em;
}
.noticeFancy {
	border:3px solid var(--notice-strong);
	background:var(--notice-strong-a1);
	border-radius:8px;
}
.hint {
	background:var(--neu1);
	display:inline-block;
	padding:0.1em 0.4em;
	color:var(--neu);
	font-weight:normal;
	border-radius:2px;
}

.removed {
	background:var(--neg-faint);
	color:var(--n6);
}
.added {
	background:var(--pos-faint);
	color:var(--n6);
}
/* by http://daneden.me/animate/ */
.animated{
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.4s;
	-moz-animation-duration:.4s;
	-ms-animation-duration:.4s;
	-o-animation-duration:.4s;
	animation-duration:.4s;
}
.animated.hinge{
	-webkit-animation-duration:.4s;
	-moz-animation-duration:.4s;
	-ms-animation-duration:.4s;
	-o-animation-duration:.4s;
	animation-duration:.4s;
}
@-webkit-keyframes shake {
	0%,100% {-webkit-transform:translateX(0);}
	20%,60% {-webkit-transform:translateX(-3px);}
	40%,80% {-webkit-transform:translateX(3px);}
}
@-moz-keyframes shake {
	0%,100% {-moz-transform:translateX(0);}
	10%,30%,50%,70%,90% {-moz-transform:translateX(-3px);}
	20%,40%,60%,80% {-moz-transform:translateX(3px);}
}
@-o-keyframes shake {
	0%,100% {-o-transform:translateX(0);}
	10%,30%,50%,70%,90% {-o-transform:translateX(-3px);}
	20%,40%,60%,80% {-o-transform:translateX(3px);}
}
@keyframes shake {
	0%,100% {transform:translateX(0);}
	10%,30%,50%,70%,90% {transform:translateX(-3px);}
	20%,40%,60%,80% {transform:translateX(3px);}
}
.shake {
	-webkit-animation-name:shake;
	-moz-animation-name:shake;
	-o-animation-name:shake;
	animation-name:shake;
}

/*##### ICONS #####*/
div.icon {
	height:32px;
	width:32px;
	position:relative;
	overflow:hidden;
	display:inline-block;
}
/* Home */
div.icon div.home {
	height:0px;
	width:0px;
	border-width:16px;
	border-style:solid;
	border-color:transparent transparent var(--action) transparent;
	position:absolute;
	bottom:16px;
	left:0;
}
div.icon div.home:after {
	content:'';
	width:5px;
	height:16px;
	background-color:transparent;
	position:absolute;
	top:16px;
	right:-11px;
	border-left:8px solid var(--action);
	border-right:8px solid var(--action);
}
div.icon div.home:before {
	content:'';
	width:9px;
	height:6px;
	background-color:var(--action);
	position:absolute;
	top:16px;
	right:-5px;
}
/*
div.icon div.person {
	position:absolute;
	width:9px;
	height:9px;
	background:#333;
	border-radius:50px;
	left:4px;
	top:0px;
}
div.icon div.person:after {
	content:'';
	position:absolute;
	width:11px;
	height:7px;
	border-right:3px solid #333;
	border-left:3px solid #333;
	background:transparent;
	top:10px;
	left:-4px;
	border-top:4px solid #333;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
div.icon div.person:before {
	content:'';
	position:absolute;
	width:1px;
	height:9px;
	background:transparent;
	top:10px;
	left:0px;
	border-right:4px solid #333;
	border-left:4px solid #333;
	border-top:13px solid #333;
}*/
.personicon, .personiconwrap {
	height:64px;
	width:32px;
}
.personiconwrap {
	position:relative;
	display: inline-block;
}
.personicon {
	position:absolute;
	overflow:hidden;
	display:inline-block;
}
.person {
	position:absolute;
	width:18px;
	height:18px;
	background:#333;
	border-radius:50px;
	left:6px;
	top:0px;
}
.person:after {
	content:'';
	position:absolute;
	width:19px;
	height:13px;
	border-right:6px solid #333;
	border-left:6px solid #333;
	border-top:9px solid #333;
	background:transparent;
	top:20px;
	left:-6px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.person:before {
	content:'';
	position:absolute;
	width:1px;
	height:18px;
	background:transparent;
	top:20px;
	left:1px;
	border-right:8px solid #333;
	border-left:8px solid #333;
	border-top:26px solid #333;
}
.person.male {
	background:#58c !important;
}
.person.male:before,.person.male:after {
	border-color:#58c !important;
}
.person.female {
	background:#d7d !important;
}
.person.female:before,.person.female:after {
	border-color:#d7d !important;
}
/* EMBED */
html#embed, html#embed body {
	background-image:none;
	background-color:#fff;
	min-height:100%;
	position:relative;
	height:100%;
}
#embedHolder {
	min-height:100%;
	position:relative;
}
.embedScroll #embedHolder {
    min-height:default;
}
.embedScroll #embedFoot {
    position:static;
}
#embedHead {
	background-color:var(--action);
	color:#fff;
}
#embedBody {
	/*padding-bottom:3.4em;*/ /*1.6+1.6+1*/
	position:relative;
}
#embedFoot {
	background-color:var(--action);
	color:#fff;
	text-align:right;
	position:absolute;
	bottom:0;
	width:100%;
}
#embedFoot a,
#embedFoot a:link,
#embedFoot a:visited {
	color:inherit;
}
.embedWrap {
	padding:1.2em 1.2em;
}
#embedFoot .embedWrap {
    padding: .8em 1.2em;
}





/* GENERICS */
.flex {
	display:flex;
}
.flex1 {
	display:flex;
	flex:1;
}
.row {
	display:flex;
	flex-direction:row;
}
.rowItem {
	flex:1;
	flex-direction:column;
	display:flex;
}
.rowItemN {
	flex-direction:column;
}
.aiic {
	border:3px solid red; /* ERROR. should be AIC */
}
.aic {
	align-items:center;
}
.jcc {
	justify-content:center;
}
.fu {
	text-decoration-color:#bbb;
}
.noDec {
	text-decoration:none;
}
.noDec:hover {
	text-decoration:none;
}
.rainbow {
  /*background-image:-webkit-gradient( linear,left top,right top,
  	color-stop(0,#e40303),color-stop(0.17,#e40303),
  	color-stop(0.17,#ff8c00),color-stop(0.33,#ff8c00),
  	color-stop(0.33,#ffed00),color-stop(0.50,#ffed00),
  	color-stop(0.50,#008026),color-stop(0.67,#008026),
  	color-stop(0.67,#004dff),color-stop(0.83,#004dff),
  	color-stop(0.83,#750787),color-stop(1,#750787)
  	);*/
  /*background-image:gradient( linear,left top,right top,color-stop(0,#f22),color-stop(0.15,#f2f),color-stop(0.3,#22f),color-stop(0.45,#2ff),color-stop(0.6,#2f2),color-stop(0.75,#2f2),color-stop(0.9,#ff2),color-stop(1,#f22) );*/
 	background-image:-webkit-repeating-linear-gradient(top,#e40303,#e40303 30px,#ff8c00 30px,#ff8c00 60px,#ffed00 60px,#ffed00 90px,#008026 90px,#008026 120px,#004dff 120px,#004dff 150px,#750787 150px,#750787 180px);
	background:-o-repeating-linear-gradient(top,#e40303,#e40303 30px,#ff8c00 30px,#ff8c00 60px,#ffed00 60px,#ffed00 90px,#008026 90px,#008026 120px,#004dff 120px,#004dff 150px,#750787 150px,#750787 180px);
	background:-moz-repeating-linear-gradient(top,#e40303,#e40303 30px,#ff8c00 30px,#ff8c00 60px,#ffed00 60px,#ffed00 90px,#008026 90px,#008026 120px,#004dff 120px,#004dff 150px,#750787 150px,#750787 180px);
	background:repeating-linear-gradient(top,#e40303,#e40303 30px,#ff8c00 30px,#ff8c00 60px,#ffed00 60px,#ffed00 90px,#008026 90px,#008026 120px,#004dff 120px,#004dff 150px,#750787 150px,#750787 180px);
	background-position:0 0,0 bottom;
	background-size:100% 180px,100% 180px;
	background-attachment:fixed;
	color:transparent;
	-webkit-background-clip:text;
	-moz-background-clip:text;
	background-clip:text;
	text-shadow:1px 4px 6px rgba(255,255,255,0.37),0 0 0 rgba(0,0,0,0.3);
}
.helpicon {
	background-color:#ccc;
	border-radius:10px;
	width:1em;
	height:1em;
	display:inline-block;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:1em;
	padding:1px;
	cursor:pointer;
	line-height:1em;
}
hr.bar {
	visibility:visible;
	height:0px;
	background-color:transparent;
	border-right-width:0;
	border-left-width:0;
	border-top-width:0px;
	border-bottom:1px solid var(--n2);
	margin:0 0 .8em;
}
hr.barindent {
	border-top:1px solid #c9c9c9;
	border-bottom:1px solid var(--n1);
}
.lightbox {
	background-color:var(--n1);
	padding:0.8em 0.8em;
	border-radius:3px;
}
.highlight {
	background-color:var(--fainter);
	padding:12px 11px;
	border-radius:4px;
}
.highlight_top {
	background-color:var(--n1);
	padding:12px 14px 8px;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	box-shadow:0px 0px 3px rgba(0,0,0,.1) inset;
	border-radius:4px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	margin:-12px -14px 20px;
}
table.info {
	width:100%;
}
.column2 {
	float:left;
	width:49%;
}
.column3 {
	float:left;
	width:32%;
}
.headingcount {
	background-color:var(--n1);
	color:var(--n4);
	padding:0.1em .3em;
	border-radius:.2em;
	font-size:.8em;
	font-weight:bold;
}
.w {
	padding:.6em 0;
}
.lh {
	line-height:1.4em;
}
.ib {display:inline-block;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.marginBottom {
	margin-bottom:1em;
}
.marginTop {
	margin-top:1em;
}
.marginRight {
	margin-right:1em;
}
.marginLeft {
	margin-left:1em;
}
.marginRightS {
	margin-right:0.5em;
}
.marginLeftS {
	margin-left:0.5em;
}
.marginRight2 {
	margin-right:2em;
}
.marginLeft2 {
	margin-left:2em;
}
.marginBottom2 {
	margin-bottom:2em;
}
.marginTop2 {
	margin-top:2em;
}
.marginBottom0 {
	margin-bottom:0 !important;
}
.marginTop0 {
	margin-top:0;
}
.marginBottomS {
	margin-bottom:0.5em;
}
.marginBottomSS {
	margin-bottom:0.2em;
}
.marginTopS {
	margin-top:0.5em;
}
.marginTopSS {
	margin-top:0.2em;
}
.paddingBottom0 {
	padding-bottom:0;
}
.paddingTop0 {
	padding-top:0 !important;
}
.paddingTop {
	padding-top:1em;
}
.paddingTopS {
	padding-top:0.5em;
}
.paddingTopSS {
	padding-top:0.2em;
}
.big {
	font-size:1.2em;
}
.bigger {
	font-size:1.4em;
}
.huge {
	font-size:2.8em;
}
.small {
	font-size:.9em;
}
.b {
	font-weight:bold;
}
.light, .light a, a.light {
	color:#ffffff99;
}
.uppercase {
	text-transform:uppercase;
}
.white {
	color:#fff;
}
.subtle {
	color:var(--n4);

}
.in {
	color:inherit;
}
.muted {
	color:var(--n5);
}
.muted a {
	color:inherit;
}
.pos {
	color:var(--pos);
}
.neu {
	color:var(--neu);
}
.ac {
	color:var(--ac);
}
.neg {
	color:var(--neg);
}
.slate {
	color:#333;
}
.subtle a,.subtle .fakelink {
	color:inherit;
}
.hasTooltip {
	border-bottom:1px dotted var(--n2);
}
.subtlelink {
	color:inherit;
}
.nob {
	font-weight:normal;
}


/* Consent modal override */
.cm__btns {
	padding-top: 0.3em !important;
	border-top: 0 !important;
}

/*
@media (max-width: 1280px) {
  .contentw {
    width: 100%; 
  }
}

*/
/* MOBILE */
@media only screen
and (max-width: 640px) {
	.navPillWScrollM {
/*		display:flex;*/
/*		padding:2em 0 1em;*/
	  flex-wrap: nowrap;
	  overflow-x: scroll;

	}
	#chartdiv {
	  width: 100%;
	  height: 400px;
	}
	.wrap {
		padding:16px var(--wrap-m) var(--wrap-m);
	}
	.sm-col {
		flex-direction:column;		
	}
	.sm-row {
		flex-direction:row;		
	}
	.sm-marginRight {
		margin-right:1em;
	}
	.sm-aic {
		align-items:center;
	}

	.gridItem {
		flex:0 0 calc(100%);
		box-sizing: border-box;
	}

	.hamburger {
		display: inline-block;
	}
	.cols {
		display:block !important;
	}

	.cols.gap>*,
	.cols.gap2>* {
	  margin-right:0; /* Hide gap on mobile*/
	}

	.wrap2 { /* match with .wrap on mobile only */
		padding:16px var(--wrap) var(--wrap);
	}

	.wrapd {
		padding:0;
	}
	.wrapm {
		padding:0 var(--wrap);
	}

	.timeline_barlabel {
		display:none;
	}
	.timeline_barlabel10 {
		display:block;
	}

	.ccardw {
		flex-basis:50% !important;
	}
/*	.ccardw:nth-child(5n) {
		padding-right:20px
	}
	.ccardw:nth-child(2n) {
		padding-right:0px
	}
*/
	.content, .contentw {
		width:initial !important;
		/*padding: 5px;*/
	}
	.sidebar {
		float:none !important;
		width:initial !important;
		font-family:'Inter';
	}
	.content {
		width:initial !important;
		float:none !important;
	}
	#header {
		overflow-x: hidden;
	}
	#header .contentw {
		width: 960px !important;
	}
	.shelf_button {
		display: none;
	}
	footer {
		text-align: center;
	}
	#logo, #logo a {
		width: 50px;
	}
	h1#logo {
		margin-left: 0;
	}
	.topnav_mobile {
		display:block !important;
	}
	#topnav {
		padding: 0;
		top: 0;
		left: 0;
		position: absolute;
		background-color: #fff;
		margin-top: 56px;
		display:none;
		z-index:99999;
		box-shadow: 0px 2px 5px rgba(0,0,0,.3);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
	}

	#topnav.active {
		display:block !important;
		z-index:999;
	}
	#topnav li {
		width: 100%;
		border-top: 1px solid #e9e9e9;
		margin-top:0;
	}
	#topnav li:first-child {
		border-top-width: 0px;
	}
	#topnav li a {
		padding: 11px 8px 0 !important;
		color: #555 !important;
		text-shadow:none;
		text-align:left;
		height: 25px;
		border-radius:0 !important;
	}
	#topnav>li.hashiddennav>a {
		display:none;
	}
	#topnav .hiddennav {
		display:block;
		width:inherit;
		position: relative;
		padding:0;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	#topnav a:hover {
		text-shadow:none !important;
		color:#fff !important;
		background-color: #737f70 !important;
	}
	/* REGION */
	.info_pair {
		display: block;
		width: 100%;
		min-height: 3em;
	}
	.info_pair_lead {
		display:inline-block;
		width: 50%;
	}
	.cCard {
		margin-right:0 !important;
	}
	.changes_law .nothinghere .fakelink {
		visibility:visible !important;
	}
	.changes_law .nothinghere span.plus {
		display:none !important;
	}
	/*GENERIC*/
	.mWrap, .content, .sidebar, #footer {
		margin: 0 0;
		border-radius:0 !important;
	}
	#h1 {
		margin:0 var(--wrap);
	}
	.statement {
		border-top-left-radius:0;
		border-top-right-radius:0;
	}
	.mFull {
		width:100% !important;
		float:none;
	}
	table.mFull td {
		display:block;
		width:100%;
		padding-right:0 !important;
		padding-left:0 !important;
	}
	table.mFull td.label {
		text-align:left;
	}
	/*.mUnwrap { NOT USED
		margin-left:-14px !important;
		margin-right:-14px !important;
	}
	*/
	.addchange_fromto {
		width: auto !important;
		margin-bottom: .5em;
	}
	.front_stats_col_small {
	}

	.mHide {
		display:none;
	}
	/*FRONT*/
	.swatches {
		float:left;
	}
	.continent {
		padding-right:2px;
	}
	#mapsection {
		height:auto !important;
	} 
	#mapdisplaywrap {
		height:auto;
		overflow-x:scroll;
		-webkit-overflow-scrolling: touch;
		width:100%;
		overflow-y:hidden;
	}
	#mapdisplay #visualization {
		width:200%;
		height:440px !important;
	}
	#maplegend {
		position:relative;
	}
	#regionSwitcher {
		position:relative;
	}
	.news_post_cover {
		min-height: 180px;
	}
	.news_post_cover h1 {
		font-size:2em !important;
	}
	/*ORG*/
	.orgs .org {
		max-width:256px;
	}
	/*SURVEY */
	#visualization {
		height:220px !important;
		width:100%;
	}
	/*PROFILE*/
	.orgs_timeline_bar {
		display: none;
	}
	.profile_summary {
		margin-left:0;
		clear: both;
		font-family:'Inter';
	}
	/*TIMELINE*/
	.decade_nav_connector {
		display:none;
	}
	.decade_nav li a {
		height:33px;
		width:49px;
		padding-top:16px;
		margin-bottom:11px;
	}
	.eqsum {
		border-right-width:0px;
		border-bottom:1px solid var(--n1);
	}
	.eqsum:last-child {
		border-bottom-width:0px;
	}
	.d {
		flex-direction:column;
	}
	.dBarPositive, .dBarNegative {
		border-top-width:0;
		border-bottom-width:0;
	}
	.dMeta {
		border-bottom-width:0;
	}

}



@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	h1#logo {
		background-image:url(/media/logo@2x.png);
		background-position:0px 5px;
		margin-left:2px;
		background-size:214px 44px;
	}
}



/*
 * jQuery UI CSS Framework 1.8.13 (jquery-ui-1.8.13.custom.css)
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; /*text-indent: -99999px; overflow: hidden;*/ background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.13 (jquery-ui-1.8.13.custom.css)
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }



/* Misc visuals
----------------------------------*/


/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers */

.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {  font-size: 1em; }
.ui-widget-content {}
.ui-widget-content {}
.ui-widget-content a {  }
.ui-widget-header { color: #000; font-weight: bold; }
.ui-widget-header a { color: #f00; }

/* Interaction states */
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }*/
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }*/
.ui-state-hover a, .ui-state-hover a:hover { color: #333; text-decoration: none; }
./*ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }*/

/* Interaction Cues */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


/* Overlays */
.ui-widget-overlay { background-color: var(--n5); opacity: .50;filter:Alpha(Opacity=50); box-shadow: 0 0 200px 50px #000 inset;}
/*.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }*/


.ui-dialog { position: absolute; padding: .2em; width: 600px; overflow: hidden;z-index: 9999;max-width:100%; }
.ui-dialog { 
         -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);  
         -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5); 
         box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5); 
padding:18px; background-color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-dialog .ui-dialog-titlebar { position: relative; }
.ui-dialog .ui-dialog-title {  padding-bottom:1em; padding-right:2em;display: block;font-family: 'Asap', sans-serif;font-size: 1.5em;font-weight:normal;} 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0; top:-3px;margin:0;text-align:center;font-size:1.4em;line-height:1em;padding:0.3em 0.5em 0.2em}
.ui-dialog .ui-dialog-titlebar-close span { display: block; }
/*.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { color:#362; }*/
.ui-dialog .ui-dialog-content { position: relative; border: 0;overflow: auto; overflow-x: auto;zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-menu-item-wrapper {
    padding: 0.3em 0.4em;
    border-radius: 3px;
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: var(--action);
  color: #fff;
	cursor:pointer;
} 
.ui-menu-item .ui-menu-item-wrapper.ui-state-active span {
  color: #fff;
} 
.ui-tooltip {
	line-height: 1.4em;
  padding: 0.8em 1em;
	position: absolute;
	z-index: 9999;
	max-width:300px;
	box-shadow:0 0 5px #00000033;
	border-radius:var(--border-radius);
}
.ui-widget-content {
	background-color:#FFF;
	color: var(--n7);
}