1/* -*- mode: css; indent-tabs-mode: t; css-indent-offset: 8 -*- */
2/* style.css -- HotCRP CSS styles */
3/* Copyright (c) 2006-2018 Eddie Kohler; see LICENSE. */
4
5/* generic styles */
6html {
7	box-sizing: border-box;
8}
9*, *:before, *:after {
10	box-sizing: inherit;
11}
12table, tr, td, th {
13	padding: 0;
14	border-spacing: 0;
15	border: 0 none;
16	border-collapse: collapse;
17	empty-cells: show;
18}
19tr, textarea, select {
20	vertical-align: baseline;
21}
22input, textarea, button {
23	font-family: inherit;
24	font-size: 100%;
25	line-height: 1.35;
26}
27select {
28	font-family: inherit;
29	font-size: 92%;
30}
31dl {
32	margin: 1em 0;
33}
34dt {
35	font-weight: bolder;
36}
37dd {
38	margin: 0 0 0.5em 0;
39}
40a > img {
41	border: none;
42}
43input[type=text], input[type=email], input[type=password], input[type=date], textarea {
44	border: 1px solid silver;
45	padding: 3px 5px;
46}
47
48
49/* page background */
50html {
51	font-family: "Helvetica Neue", Helvetica, Arial, verdana, tahoma, sans-serif;
52	font-size: 91.667%; /* 11pt; `rem` units relative to this */
53	line-height: 1.35;
54}
55body {
56	color: #333333;
57	background-color: white;
58	margin: 0;
59}
60
61
62/* header */
63#header {
64	background-repeat: repeat-x;
65	background-position: top;
66}
67#header_right {
68	padding: 8px 24px 0;
69	font-size: smaller;
70	text-align: right;
71	float: right;
72}
73#usertime, .usertime {
74	padding-top: 1px;
75	font-size: smaller;
76}
77#maindeadline {
78	padding-top: 1px;
79}
80#header_site {
81	float: left;
82	padding: 3px 12px 4px 24px;
83	border-bottom: 1px solid #f33360;
84	border-right: 1px solid #f33360;
85	border-bottom-right-radius: 4px;
86	background: #ffc9d6; /* #ed6182; */
87}
88#header_site, #footer_crp a {
89	color: #f33360;
90}
91h1 {
92	display: inline;
93	font-size: 144%;
94	line-height: 1.25;
95	margin: 0;
96}
97#header {
98	padding-bottom: 24px;
99}
100#header_site > h1 {
101	font-weight: normal;
102}
103.header_site_page > h1 {
104	font-size: 100%;
105}
106.header-site-name {
107	font-weight: bold;
108}
109#header_page {
110	clear: both;
111	float: left;
112	padding: 0.5em 0 0 24px;
113}
114#header_page > h1, h1.paptitle {
115	font-weight: normal;
116}
117#header_page.header_page_submission {
118	float: none;
119	padding: 14px 0 0;
120	position: relative;
121	z-index: 1;
122}
123#header_page_submission_inner {
124	background: white;
125	border-top: 1px solid #f33360; /*#b2a584;*/
126	border-bottom: 1px solid #f33360; /*#b2a584;*/
127}
128h1.paptitle {
129	display: block;
130	padding: 0.25em 24px 0.25em 24px;
131}
132
133/* Tab bar */
134table.vbar {
135	float: right;
136	font-size: smaller;
137	margin: 8px 24px 0 0;
138}
139body#home table.vbar {
140	margin-top: -4px;
141}
142td.vbar {
143	vertical-align: bottom;
144	min-height: 4px;
145	white-space: nowrap;
146}
147td.gopaper {
148	vertical-align: middle;
149	padding: 4px 0 6px 0.5em;
150}
151td.quicklinks, #trackerconnect {
152	vertical-align: middle;
153	padding: 4px 0.75em 4px 0.5em;
154}
155#quicklink_prev {
156	padding-right: 0.5em;
157}
158#quicklink_next {
159	padding-left: 0.5em;
160}
161#quicksearchq {
162	min-width: 72px;
163	width: 72px;
164	max-width: 600px;
165}
166#quicksearchq.usersearch {
167	min-width: 96px;
168	width: 96px;
169}
170
171
172/* generic horizontal styles */
173:link, a.nv, a.ui {
174	color: #004daa;
175}
176:visited {
177	color: #660099;
178}
179a:hover, a.nv:hover, a.ui:hover {
180	color: #c45500;
181}
182a.q, a.u, a.qx {
183	color: black;
184}
185a.qq, a.uu, a.nn, a.mailto, a.btn {
186	color: inherit;
187}
188a.q:active, a.qq:active, a.u:active, a.uu:active, a.nn:active, a.mailto:active {
189	color: red;
190}
191a.q, a.qq, a.qx, a.x, a.xx, a.nn, a.btn,
192div.papmodex > a, div.papmodex:hover > a.noul, div.leftmenu-item > a,
193a.pnum, a.ptitle, a.mailto, u.x, .noul {
194	-webkit-text-decoration-line: none;
195	text-decoration-line: none;
196}
197a.q:hover, a.qq:hover, a.x:hover,
198div.papmodex:hover > a, div.leftmenu-item:hover > a,
199tr.pl:hover a.pnum, tr.pl:hover a.ptitle, a.ptitle.uu,
200div.js-foldup:hover a.js-foldup,
201div.js-aufoldup:hover a.js-aufoldup,
202div.js-assignment-fold:hover a.js-assignment-fold,
203a.mailto:hover, a:hover u.x, .ul {
204	-webkit-text-decoration-line: underline;
205	text-decoration-line: underline;
206}
207a.small {
208	font-size: smaller;
209}
210.strut {
211	display: inline-block;
212	line-height: 1.8;
213}
214span.barsep {
215	opacity: 0.8;
216	padding: 0 0.5em;
217}
218.editor {
219	background: url(../images/edit48.png) 0px 50% no-repeat;
220	background-size: 16px 16px;
221	display: inline-block;
222	margin: -2px 0 -2px 0;
223	padding: 2px 0 2px 19px;
224}
225span.sep {
226	padding-right: 1em;
227}
228.nw, .nb {
229	white-space: nowrap;
230}
231span.nb {
232	display: inline-block; /* why? */
233	text-indent: 0;
234}
235.childfold {
236	cursor: pointer;
237}
238.wait, body.wait input, body.wait button {
239	cursor: wait !important;
240}
241.checki {
242	padding-left: 20px;
243}
244.checkc {
245	display: inline-block;
246	margin-left: -20px;
247	width: 20px;
248	white-space: nowrap;
249}
250.checkc > input {
251	margin-left: 0;
252	padding-left: 0;
253}
254.entryi {
255	margin: 0.5em 0;
256	padding-left: 9rem;
257}
258.entryi > label {
259	float: left;
260	margin-left: -9rem;
261	width: 8rem;
262	text-align: right;
263}
264.entryi > label:before {
265	content: "";
266	line-height: 1.8;
267}
268.entryi.short > label:before {
269	line-height: 1;
270}
271.checki, .entryi {
272	-webkit-column-break-inside: avoid;
273	page-break-inside: avoid;
274	break-inside: avoid;
275}
276.entryi.wide {
277	padding-left: 20rem;
278}
279.entryi.wide > label {
280	margin-left: -20rem;
281	width: 19rem;
282}
283.fullw {
284	width: 100%;
285}
286.n {
287	font-weight: normal;
288}
289
290
291/* generic vertical styles */
292.lg { /* large gap */
293	margin: 1.5em 0;
294}
295.mg { /* medium gap */
296	margin: 1em 0;
297}
298td.mg {
299	padding-top: 1em;
300}
301.g { /* small gap */
302	margin: 0.65em 0;
303}
304td.g {
305	padding-top: 0.65em;
306}
307.ug { /* microgap */
308	margin: 0.35em 0;
309}
310td.ug {
311	padding-top: 0.35em;
312}
313.c, .clear {
314	clear: both;
315}
316.clearfix:after, .pst:after, .pavt:after, .papet:after, .submission_modes:after,
317.revvt:after, .revet:after, .rvg:after, .cmteditinfo:after, .aa:after, .aab:after,
318.entryi:after, .checki:after, .popup-actions:after, .f-horizontal:after {
319	clear: both;
320	content: "";
321	display: block;
322}
323form {
324	margin-bottom: 0;
325	display: inline;
326}
327.inline {
328	display: inline;
329}
330
331
332/* body */
333div#body {
334	margin: 0 24px;
335	position: relative;
336	z-index: 3;
337}
338div#body > .demargin {
339	margin: 0 -24px;
340}
341div#body > .demargin .remargin-left {
342	padding-left: 24px;
343}
344div#body > .demargin .remargin-right {
345	padding-right: 24px;
346}
347body.paper {
348	background: #dce4e8;
349}
350body#help, body#settings, body#buzzer {
351	background: #ecf2f4;
352}
353
354#initialmsgs {
355	padding: 0 24px;
356	margin: -24px 0 24px;
357}
358
359table.manyassign {
360	margin-top: 0.75em;
361}
362div#mailref, pre.email, tt.email {
363	font-size: smaller;
364}
365
366
367/* footer */
368div#footer {
369	margin-top: 36px;
370	padding: 0 24px 8px 12px;
371	clear: both;
372}
373div#footer_crp {
374	float: right;
375	font-size: 69%;
376	background: #ffc9d6;
377	color: #f33360;
378	padding: 0.2em 0.5em;
379	border-radius: 4px;
380	border: 1px solid #f33360;
381}
382
383
384/* messages */
385div.info, div.warning, div.confirm, div.merror {
386	background: #eeeeff url(../images/info45.png) 10px 10px no-repeat;
387	padding: 8px 0.5em 8px 65px;
388	border: 1px solid #ccccee;
389	margin: 0.5em 0;
390	min-height: 47px;
391}
392div.help {
393	padding: 0.5em;
394	border: 1px solid #cccccc;
395	margin-top: 0.5em;
396	margin-bottom: 0.5em;
397	max-width: 100em;
398	background: #f8f8f8;
399}
400div.confirm {
401	background: #eeffee url(../images/info45.png) 10px 10px no-repeat;
402	border: 1px solid #cceecc;
403}
404div.warning {
405	background: #ffffdd url(../images/info45.png) 10px 10px no-repeat;
406	border: 1px solid #ddddcc;
407}
408div.merror {
409	background: #ffeeee url(../images/stophand45.png) 10px 10px no-repeat;
410	border: 2px solid #ee2222;
411}
412div.merror > p:first-child, div.info > p:first-child, div.warning > p:first-child, div.confirm > p:first-child, div.help > p:first-child {
413	margin-top: 0;
414}
415div.merror p, div.info p, div.warning p, div.confirm p, div.help p {
416	margin-top: 0.75em;
417	margin-bottom: 0;
418}
419
420.xinfo {
421	background: #f9f9fd;
422	border-color: #ccccee;
423}
424.xconfirm {
425	background: #eeffee;
426	border-color: #cceecc;
427}
428.xwarning {
429	background: #ffffdd;
430	border-color: #ddddcc;
431}
432.xmerror {
433	background: #ffeeee;
434	border-color: #eecccc;
435}
436
437.msg, .msgs-reset > .msg {
438	margin: 4px 0;
439	font-weight: normal;
440	font-style: normal;
441	border-width: 1px;
442	border-style: solid;
443	border-radius: 4px;
444	max-width: 800px;
445	padding: 0.5em 0.5em 0.5em 1.5em;
446}
447.msg > p {
448	margin-top: 0.3em;
449	margin-bottom: 0.3em;
450	max-width: 800px;
451}
452.msg > p:first-child {
453	margin-top: 0;
454}
455.msg > p:last-child {
456	margin-bottom: 0;
457}
458.msg {
459	border-color: #ccccee;
460	background: border-box url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNkMmRhZGQiIC8+PHBvbHlsaW5lIHBvaW50cz0iLTEuNzkyOTcsNSwzLjIwNzAzLDAsNSwwLC0wLDUiIGZpbGw9IiM5MDlhYTUiIC8+PHBvbHlsaW5lIHBvaW50cz0iMy4yMDcwMyw1LDguMjA3MDMsMCwxMCwwLDUsNSIgZmlsbD0iIzkwOWFhNSIgLz48L3N2Zz4K) left repeat-y,
461		border-box #fbfbff;
462}
463.msg.msg-confirm {
464	border-color: #cceecc;
465	background: border-box url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNjOWZjYzkiIC8+PHBvbHlsaW5lIHBvaW50cz0iLTEuNzkyOTcsNSwzLjIwNzAzLDAsNSwwLC0wLDUiIGZpbGw9IiM1NWE4NTUiIC8+PHBvbHlsaW5lIHBvaW50cz0iMy4yMDcwMyw1LDguMjA3MDMsMCwxMCwwLDUsNSIgZmlsbD0iIzU1YTg1NSIgLz48L3N2Zz4K) left repeat-y,
466		border-box #eeffee;
467}
468.msg.msg-warning {
469	border-color: #ddddcc;
470	background: border-box url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNmZjAiIC8+PHBvbHlsaW5lIHBvaW50cz0iLTMsNiwzLDAsNiwwLDAsNiIgZmlsbD0iIzY5NjkwMyIgLz48cG9seWxpbmUgcG9pbnRzPSIzLDYsOSwwLDEyLDAsNiw2IiBmaWxsPSIjNjk2OTAzIiAvPjwvc3ZnPg==) left repeat-y,
471		border-box #ffffdd;
472}
473.msg.msg-error {
474	border-color: #eecccc;
475	background: border-box url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjEyIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZjAwIiAvPjxwb2x5bGluZSBwb2ludHM9Ii02LDEyLDYsMCwxMiwwLDAsMTIiIGZpbGw9IiM0MDAiIC8+PHBvbHlsaW5lIHBvaW50cz0iNiwxMiwxOCwwLDI0LDAsMTIsMTIiIGZpbGw9IiM0MDAiIC8+PC9zdmc+) left repeat-y,
476		border-box #ffeeee;
477}
478.msgs-wide > .msg, #initialmsgs > .msg {
479	max-width: initial;
480}
481.msgs-small-inline > .msg {
482	display: inline-block;
483	margin-right: 1em;
484	padding: 0.25em 0.5em 0.25em 1em;
485	vertical-align: top;
486}
487
488
489span.confirm {
490	font-style: italic;
491	color: #006600;
492}
493span.merror {
494	font-style: italic;
495	color: #660000;
496}
497span.hastitle {
498	border-bottom: 1px dotted #777777;
499}
500
501/* loader */
502@keyframes spinner {
503	to {transform: rotate(360deg);}
504}
505.spinner {
506	display: inline-block;
507	margin-left: 0.5em;
508	min-width: 1em;
509	min-height: 1em;
510	position: relative;
511	bottom: -0.3em;
512}
513.spinner:before {
514	position: absolute;
515	top: 50%;
516	left: 50%;
517	width: 0.8em;
518	height: 0.8em;
519	margin-top: -0.7em;
520	margin-left: -0.7em;
521	border-radius: 50%;
522	border-top: 2px solid #000000;
523	border-right: 2px solid transparent;
524	animation: spinner .6s linear infinite;
525	content: '';
526}
527
528/* multimessage */
529.mmm {
530	margin-top: 0.3em;
531	margin-bottom: 0.3em;
532}
533.mmm:first-child {
534	margin-top: 0;
535}
536.mmm:last-child {
537	margin-bottom: 0;
538}
539
540
541/* Tab links, as in search form */
542.tablinks1 .tll1, .tablinks2 .tll2,
543.tablinks3 .tll3, .tablinks4 .tll4 {
544	background: #fff4d5;
545	border-left: 2px solid #f3d06e;
546	border-bottom: 2px solid #f3d06e;
547	border-right: 2px solid #f3d06e;
548	border-bottom-left-radius: 5px;
549	border-bottom-right-radius: 5px;
550	font-weight: bold;
551}
552.tablinks1 .tll1 a.tla, .tablinks2 .tll2 a.tla,
553.tablinks3 .tll3 a.tla, .tablinks4 .tll4 a.tla {
554	-webkit-text-decoration-line: none;
555	text-decoration-line: none;
556	color: inherit;
557}
558.tablinks1 .tll1 a.tla:hover, .tablinks2 .tll2 a.tla:hover,
559.tablinks3 .tll3 a.tla:hover, .tablinks4 .tll4 a.tla:hover {
560	-webkit-text-decoration-line: underline;
561	text-decoration-line: underline;
562}
563.tll1, .tll2, .tll3, .tll4 {
564	position: relative;
565	top: -3px;
566	z-index: 4;
567	padding: 3px 0.75em 2px 0.75em;
568	font-size: smaller;
569}
570.tablinks1 .tld1, .tablinks2 .tld2, .tablinks3 .tld3, .tablinks4 .tld4 {
571	display: block;
572}
573.tld1, .tld2, .tld3, .tld4 {
574	display: none;
575	position: relative;
576	z-index: 5;
577	padding: 4px 0;
578	background-color: #ffffff;
579}
580.tlx {
581	border-bottom: 2px solid #f3d06e;
582}
583.tllx {
584	padding: 0 7px;
585}
586#searchform, #contactsform, #offlineform {
587	margin: 0 auto;
588	position: relative;
589}
590#searchform #foldredisplay,
591#searchform #formuladefinitions,
592#contactsform .tld2 {
593	font-size: smaller;
594}
595#searchform {
596	display: table;
597	min-width: 50%;
598}
599
600
601/* Line links, as in bottom of search table */
602.linelink.active .lll {
603	font-weight: bold;
604}
605.linelink.active a.tla {
606	-webkit-text-decoration-line: none;
607	text-decoration-line: none;
608	color: inherit;
609}
610.linelink.active a.tla:hover {
611	-webkit-text-decoration-line: underline;
612	text-decoration-line: underline;
613}
614.linelink .lld {
615	display: none;
616}
617.linelink.active .lld {
618	display: inline;
619}
620.linelink.active td.lld {
621	display: table-cell;
622}
623.linelink.active div.lld {
624	display: block;
625}
626
627
628/* search > display options */
629.dispopt-item, .dispopt-checkitem {
630	margin-top: 2px;
631	margin-bottom: 2px;
632}
633.dispopt-checkitem {
634	margin-left: 1.5em;
635}
636.dispopt-check {
637	display: inline-block;
638	margin-left: -1.4em;
639	width: 1.4em;
640	text-align: left;
641	white-space: nowrap;
642}
643.dispopt-checkctrl {
644	margin: 0;
645}
646
647/* topics */
648.topic-2, .topic-1 {
649	color: gray;
650}
651.topic4, .topic3, .topic2, .topic1 {
652	font-weight: bold;
653}
654.topicp {
655	margin: 0;
656}
657.topicp > .topicsp {
658	display: inline-block;
659	margin-right: 1em;
660}
661.topict {
662	display: block;
663	padding-left: 0;
664	list-style: none;
665	-webkit-columns: 10rem 4;
666	columns: 10rem 4;
667	-webkit-column-gap: 18px;
668	column-gap: 18px;
669	margin: 0 0 -0.2em;
670}
671.topict.topict-medium {
672	-webkit-columns: 15rem 4;
673	columns: 15rem 4;
674}
675.topict.topict-long {
676	-webkit-columns: 20rem 4;
677	columns: 20rem 4;
678}
679.topict > .topictp {
680	-webkit-column-break-inside: avoid;
681	page-break-inside: avoid;
682	break-inside: avoid;
683	margin-left: 1.5em;
684	text-indent: -1.5em;
685}
686.dim {
687	color: #777777;
688}
689
690
691/* Main */
692.homegrp {
693	margin: 0.8em 0 0;
694}
695#homelist h4, #homerev h4, #homeau h4,
696#homeacct h4, #homeactivity h4 {
697	display: inline;
698}
699#homelist h4 {
700	color: #8b3030;
701}
702#homerev h4, #homeactivity h4, a.homeactivity {
703	color: #1b1ba4;
704}
705#homeau h4 {
706	color: #823e78;
707}
708.homeside {
709	float: right;
710	position: relative;
711	width: 18em;
712	z-index: 1;
713}
714.homeinside {
715	background-color: #fffdf0;
716	border: 1px solid #b2a584 /*#9999cc*/;
717	padding: 0.5em 1em 0.75em 0.75em;
718	margin: 0 0 0.5em 1em;
719}
720.homeinside h4 {
721	display: inline;
722	color: #555555;
723}
724#homeacct {
725	margin: 1em 0;
726	max-width: 25rem;
727}
728.homeside ul {
729	margin: 0;
730	padding: 0 0 0 1.5em;
731	list-style-type: none;
732}
733hr.home {
734	margin: 0.8em 0;
735	border: 0;
736	height: 1px;
737	color: #d8deff; /* for IE6 */
738	background-color: #d8deff;
739}
740span.deadline {
741	font-style: italic;
742}
743strong.overdue {
744	color: red;
745}
746span.impending {
747	color: red;
748	font-weight: bold;
749}
750span.impending a {
751	color: red;
752}
753
754/* buttons */
755span.expander {
756	display: inline-block;
757	padding-right: 0.25em;
758	opacity: 0.65;
759	-webkit-text-decoration-line: none;
760	text-decoration-line: none;
761	text-indent: 0;
762}
763.temptext {
764	color: #aaaaaa;
765}
766
767a.tbtn, a.tbtn-on {
768	border-radius: 5px;
769	display: inline-block;
770	padding: 2px 4px;
771	-webkit-text-decoration-line: none;
772	text-decoration-line: none;
773	color: white;
774}
775.tbtn {
776	background: #4444cc;
777}
778.tbtn-on {
779	background: #cc4444;
780}
781a.closebtn {
782	display: inline-block;
783	padding: 2px 4px;
784	-webkit-text-decoration-line: none;
785	text-decoration-line: none;
786	border: 1px solid black;
787	color: black;
788	line-height: .85;
789	border-radius: 0;
790}
791
792.btn {
793	border-radius: 4px;
794	display: inline-block;
795	border: 1px solid #b5b5b5;
796	background: white;
797	background-image: linear-gradient(#fcfcfc, #f0f0f0);
798	padding: 2px 6px 3px;
799	font-family: inherit;
800	font-size: 100%;
801	white-space: nowrap;
802	text-indent: 0;
803}
804.btn.btn-sm {
805	font-size: smaller;
806}
807.btn.btn-licon {
808	padding: 1px 4px;
809	font-size: 120%;
810}
811.btn:hover {
812	border: 1px solid #a5a5a5;
813	background-image: linear-gradient(#eeeeee, #dddddd);
814}
815.btn:active {
816	border: 1px solid #aaaaaa;
817	background-image: linear-gradient(#c3c3c3, #d3d3d3);
818}
819.btn.btn-default,
820.btn.btn-primary {
821	border: 1px solid #6b73b5;
822	background: #8089d1;
823	background-image: linear-gradient(#9ca3d6, #8089d1);
824	color: white;
825}
826.btn.btn-default:hover, .btn.btn-default:active,
827.btn.btn-primary:hover, .btn.btn-primary:active {
828	border: 1px solid #505799;
829	background-image: linear-gradient(#8089d1, #6b73b5);
830}
831.alert .btn.btn-default, .alert .btn.btn-primary, .alert .btn.btn-alertable,
832.btn.btn-highlight, .btn.dangerous {
833	border: 1px solid #cc0000;
834	background: #ff0000;
835	background-image: linear-gradient(#ff4040, #ff0000);
836	color: white;
837}
838.alert .btn.btn-default:hover, .alert .btn.btn-default:active,
839.alert .btn.btn-primary:hover, .alert .btn.btn-primary:active,
840.alert .btn.btn-alertable:hover, .alert .btn.btn-alertable:active,
841.btn.btn-highlight:hover, .btn.btn-highlight:active {
842	border: 1px solid #b00000;
843	background-image: linear-gradient(#ee0000, #cc0000);
844}
845.btn:disabled, .btn:disabled:hover,
846.btn.btn-default:disabled, .btn.btn-default:disabled:hover,
847.btn.btn-primary:disabled, .btn.btn-primary:disabled:hover,
848.alert .btn.btn-default:disabled, .alert .btn.btn-default:disabled:hover,
849.alert .btn.btn-primary:disabled, .alert .btn.btn-primary:disabled:hover,
850.alert .btn.btn-alertable:disabled, .alert .btn.btn-alertable:disabled:hover,
851.btn.btn-highlight:disabled, .alert .btn.btn-highlight:disabled:hover {
852	color: rgba(102, 102, 102, 0.5);
853	border-color: #c5c5c5;
854	background: rgba(222, 222, 222, 0.5);
855}
856.aabig .btn {
857	padding: 4px 9px 4px;
858}
859.aab {
860	margin: 2em 0 0.7em;
861}
862.aab:first-child {
863	margin-top: 0;
864}
865.aab:last-child {
866	margin-bottom: 0;
867}
868.aabut {
869	float: left;
870	margin: 0 1em 0 0;
871	text-align: center;
872	line-height: 2;
873}
874.aabut > .hint {
875	margin-top: -0.25em;
876}
877.aabr > .aabut {
878	float: right;
879	margin: 0 0 0 1em;
880}
881.aabut.aabutsp {
882	margin: 0 2.5em 0 0;
883}
884.aabr > .aabut.aabutsp {
885	margin: 0 0 0 2.5em;
886}
887.btnp > .btn, .btnp > .btnbox {
888	margin-right: 0.75em;
889}
890.btnp > .btn:last-child, .btnp > .btnbox:last-child {
891	margin-right: 0;
892}
893.btnbox > .btn {
894	border-radius: 0;
895	border-left-width: 0;
896}
897.btnbox > .btn:first-child {
898	border-top-left-radius: 4px;
899	border-bottom-left-radius: 4px;
900	border-left-width: 1px;
901}
902.btnbox > .btn:last-child {
903	border-top-right-radius: 4px;
904	border-bottom-right-radius: 4px;
905}
906.licon {
907	vertical-align: -0.05em;
908	fill: currentColor;
909}
910.btn > .licon {
911	vertical-align: -0.15em;
912}
913.licon-s {
914	vertical-align: -0.05em;
915	stroke: currentColor;
916	fill: none;
917	stroke-width: 2;
918	stroke-linejoin: round;
919	stroke-linecap: round;
920}
921
922/* Action area */
923.aa {
924	padding: 0.3em;
925	margin: 0.5em 0;
926	background: #f2f2f2;
927	border-radius: 5px;
928}
929.aa:first-child {
930	margin-top: 0;
931}
932.aa:last-child {
933	margin-bottom: 0;
934}
935
936
937/* Ajax checks */
938.marksuccess {
939	color: #00bb00;
940}
941.markwarning {
942	color: #b38f00;
943}
944.markfailure {
945	color: #ff0000;
946}
947.savesuccess:before {
948	content: "\2713";
949	color: #00bb00;
950	padding-left: 0.5em;
951}
952.savefailure:before {
953	content: "\2717";
954	color: #ff0000;
955	padding-left: 0.5em;
956}
957
958
959/* Other types of captions and entries */
960table.paper, table.settings {
961	width: 100%;
962	position: relative;
963}
964div.relative {
965	position: relative;
966}
967td.textarea, td.top {
968	vertical-align: top;
969}
970td.rcaption {
971	text-align: right;
972	padding: 3px 0.5em 3px 0;
973	font-weight: bold;
974}
975td.rxcaption {
976	text-align: right;
977	padding: 3px 0.5em 3px 0;
978}
979td.sentry {
980	padding: 3px 0.75em;
981}
982th.lcaption, td.lcaption {
983	padding: 3px 1em 3px 0;
984	font-weight: bold;
985}
986tbody.secondary-settings > tr > td.lcaption {
987	font-weight: normal;
988}
989th.lxcaption, td.lxcaption {
990	padding: 3px 1em 3px 0;
991}
992th.ccaption {
993	padding-left: 0.25em;
994	padding-right: 0.25em;
995}
996td.lmcaption {
997	padding-right: 1em;
998}
999td.mcaption {
1000	text-align: right;
1001	padding-right: 1em;
1002}
1003td.lentry {
1004	padding: 2px 0.5em 2px 0;
1005}
1006td.lentry:last-child {
1007	padding-right: 0;
1008}
1009td.lmentry {
1010	padding: 2px 1em 2px 0;
1011}
1012td.rentry {
1013	padding: 2px 0;
1014	text-align: right;
1015}
1016td.rpentry {
1017	padding: 2px 0.5em 2px 0;
1018	text-align: right;
1019}
1020td.llentry {
1021	padding: 0 0.75em;
1022}
1023div.hint {
1024	margin-bottom: 0.5ex;
1025}
1026.hint, .revvis, .revevis {
1027	font-weight: normal;
1028	font-style: normal;
1029	color: #555555;
1030}
1031.dark .hint {
1032	color: #cccccc;
1033}
1034.hint {
1035	font-size: smaller;
1036}
1037
1038
1039/* settings */
1040h3.settings, h2.helppage, h3.helppage, h3.profile, h4.helppage {
1041	color: #4b4f6d;
1042}
1043h2.helppage {
1044	font-size: 140%;
1045}
1046h3.settings {
1047	margin: 3em 0 1em;
1048}
1049h3.helppage, h3.profile {
1050	margin: 2em 0 1em;
1051}
1052h3.helppage + p {
1053	margin-top: 0.5em;
1054}
1055div.aab + h3.settings {
1056	margin-top: 0.5em;
1057}
1058.settingtext {
1059	max-width: 800px;
1060	margin: 0.65em 0;
1061}
1062h4.helppage {
1063	margin: 0.8em 0 0;
1064}
1065th.settings-simplehead {
1066	text-align: left;
1067	font-size: smaller;
1068	padding-right: 1em;
1069}
1070.settings-p, .settings-radioheading {
1071	max-width: 800px;
1072	margin-bottom: 0.35em;
1073}
1074.settings-ap {
1075	max-width: 800px;
1076	margin-top: 0.35em;
1077}
1078.settings-ap.f-hx {
1079	margin-top: 0;
1080	margin-bottom: 0;
1081}
1082.settings-g, .settings-radio, .settings-revfield, .settings-revfieldremoved,
1083.settings-opt {
1084	margin-top: 1em;
1085	margin-bottom: 2em;
1086}
1087.settings-revfield, .settings-opt {
1088	margin-left: 1.2em;
1089}
1090.settings-field-folder {
1091	float: left;
1092	margin-left: -1.2em;
1093	margin-top: 0.05em;
1094}
1095.settings-revfieldedit {
1096	margin-top: -0.15em;
1097}
1098.fold2o > .settings-field-folder {
1099	margin-top: 0.25em;
1100}
1101.settings-revfn {
1102	font-weight: bold;
1103}
1104.settings-revvis, .settings-revrounds, .settings-reveditor {
1105	display: inline-block;
1106	padding-left: 1em;
1107}
1108.settings-revdata, .settings-revhint {
1109	clear: both;
1110}
1111.settings-opt + .settings-opt {
1112	margin-top: 3em;
1113}
1114.settings-tracks {
1115	margin-bottom: 2em;
1116}
1117.settings-2col {
1118	-webkit-columns: 20rem 2;
1119	columns: 20rem 2;
1120	-webkit-column-gap: 18px;
1121	column-gap: 18px;
1122	margin: 0.25em 0;
1123}
1124.settings-2col > .checki, .settings-2col > .entryi {
1125	margin: 0;
1126	padding-top: 0.25em;
1127	padding-bottom: 0.25em;
1128}
1129
1130/* help pages */
1131.leftmenu-menu-container {
1132	width: 140px;
1133	font-size: smaller;
1134	float: left;
1135	position: absolute;
1136}
1137.leftmenu-item, .leftmenu-item-on {
1138	-webkit-column-break-inside: avoid;
1139	page-break-inside: avoid;
1140	break-inside: avoid;
1141}
1142.leftmenu-item {
1143	padding: 0.25ex 5px 0.6ex 5px;
1144	margin-left: -5px;
1145	cursor: pointer;
1146	clear: left;
1147}
1148.leftmenu-item-on {
1149	padding: 0.5ex 5px 0.6ex 5px;
1150	margin-left: -6px;
1151	background: white;
1152	border-radius: 5px;
1153	border: 1px solid #f33360;
1154	color: #f33360;
1155	font-weight: bold;
1156	display: inline-block;
1157}
1158.leftmenu-item-on > a {
1159	display: table-cell;
1160}
1161.leftmenu-content-container {
1162	margin-left: 140px;
1163	padding-bottom: 2em;
1164	background: #eeeeee;
1165	border: 1px solid #bbbbbb;
1166	padding: 5px 0;
1167	border-radius: 4px;
1168}
1169.leftmenu-content {
1170	background: white;
1171	border-radius: 2px;
1172	padding: 16px;
1173}
1174.leftmenu-content > .demargin {
1175	margin-left: -16px;
1176	margin-right: -16px;
1177}
1178.leftmenu-content > .demargin .remargin-left {
1179	padding-left: 16px;
1180}
1181.leftmenu-content > .demargin .remargin-right {
1182	padding-right: 16px;
1183}
1184.profiletext, .settingstext {
1185	max-width: 800px;
1186}
1187.profile-g {
1188	max-width: 800px;
1189	margin: 2em 0 3em;
1190}
1191.profile-g.wide, input.wide {
1192	max-width: none;
1193	max-width: fill-available;
1194}
1195h3 + .profile-g {
1196	margin-top: 1em;
1197}
1198#helpcontent > p, #helpcontent > dl {
1199	max-width: 800px;
1200}
1201#helpcontent > ul, #helpcontent > ol {
1202	max-width: 772px;
1203}
1204#helpcontent > ul, #helpcontent > ol {
1205	padding-left: 28px;
1206}
1207#helpcontent > ul.xd {
1208	max-width: 800px;
1209	padding-left: 0;
1210}
1211.helplist-item {
1212	padding: 3px 0;
1213}
1214.helplist-dt {
1215	padding-right: 16px;
1216}
1217ul.compact {
1218	margin-top: 0.5em;
1219	margin-bottom: 0;
1220	padding-left: 1em;
1221}
1222
1223
1224/* vertically arranged forms */
1225.f-i, .f-checkbox {
1226	margin: 1em 0;
1227}
1228.f-horizontal {
1229	margin: 1em -18px 1em 0;
1230}
1231.f-i:first-child, .f-horizontal:first-child {
1232	margin-top: 0;
1233}
1234.f-i:last-child, .f-horizontal:last-child {
1235	margin-bottom: 0;
1236}
1237label.f-c, .f-i > label {
1238	display: block;
1239}
1240.f-c, .f-i > label {
1241	font-weight: bold;
1242	margin-bottom: 0.25rem;
1243}
1244.f-c.n, .f-i > label.n {
1245	font-weight: normal;
1246}
1247.f-h, .f-hx {
1248	color: #555555;
1249	font-size: 92%;
1250}
1251.f-h {
1252	margin-top: 0.25rem;
1253	margin-bottom: 0.25rem;
1254}
1255.f-2col {
1256	margin: -1em 0;
1257	padding: 0.5em 0;
1258	-webkit-columns: 300px 2;
1259	columns: 300px 2;
1260	-webkit-column-gap: 18px;
1261	column-gap: 18px;
1262}
1263.f-2col > .f-i {
1264	margin: 0;
1265	padding: 0.5em 0;
1266	-webkit-column-break-inside: avoid;
1267	page-break-inside: avoid;
1268	break-inside: avoid;
1269}
1270.f-horizontal > .f-i, .f-horizontal > .f-ig {
1271	float: left;
1272	width: auto;
1273	margin: 0 18px 0 0;
1274}
1275.f-horizontal > .f-h {
1276	margin-right: 18px;
1277}
1278
1279
1280td.pad, th.pad, div.pad {
1281	padding-right: 1em;
1282}
1283td.padb, th.padb, div.padb {
1284	padding-right: 2em;
1285}
1286td.padl, th.padl, div.padl {
1287	padding-left: 1em;
1288}
1289td.padlb, th.padlb, div.padlb {
1290	padding-left: 2em;
1291}
1292div.error, td.error, tr.error {
1293	font-weight: bold;
1294	color: #ff0000;
1295}
1296span.setting_error, label.setting_error, input.setting_error,
1297textarea.setting_error {
1298	color: #ff0000;
1299}
1300td.lentry.error input, div.error input, input.error, textarea.error {
1301	background-color: #ffeeee;
1302	font-weight: normal;
1303}
1304div.error > div.f-c, .papet.error > .papfn, .revet.error > .revfn {
1305	color: #ff0000;
1306}
1307/* NB these rules must come after other color-setting rules */
1308input.error,
1309div.error input, td.error input, tr.error input,
1310div.error textarea, td.error textarea, tr.error textarea,
1311div.error > div.f-c,
1312span.error, strong.error,
1313h2.error, h3.error, h4.error, h5.error, h6.error {
1314	color: #ff0000;
1315}
1316
1317.has-error > .f-c, .has-error > label, label.has-error, h3.has-error {
1318	color: #ee0000;
1319}
1320.has-error > input[type=text],
1321.has-error > input[type=email],
1322.has-error > input[type=password],
1323.has-error > input[type=date],
1324.has-error > textarea,
1325input[type=text].has-error,
1326input[type=email].has-error,
1327input[type=password].has-error,
1328input[type=date].has-error,
1329textarea.has-error {
1330	border: 1px solid red;
1331}
1332.has-warning > .f-c, .has-warning > label, label.has-warning, h3.has-warning {
1333	color: #c07700;
1334}
1335.has-warning > input[type=text],
1336.has-warning > input[type=email],
1337.has-warning > input[type=password],
1338.has-warning > input[type=date],
1339.has-warning > textarea,
1340input[type=text].has-warning,
1341input[type=email].has-warning,
1342input[type=password].has-warning,
1343input[type=date].has-warning,
1344textarea.has-warning {
1345	border: 1px solid #855c04;
1346}
1347
1348
1349
1350
1351.helpside {
1352	float: right;
1353	width: 20%;
1354	position: relative;
1355}
1356.helpinside {
1357	background-color: #eeeeff;
1358	border: 1px solid #ccccee;
1359	padding: 0.5em 1em 0.75em 0.75em;
1360	max-height: 24em;
1361	overflow: auto;
1362	margin: 0.75em 0.1em 0.5em 1em;
1363	font-size: smaller;
1364}
1365
1366img.dlimg {
1367	position: relative;
1368	bottom: -6px;
1369	margin-top: -6px;
1370}
1371img.sdlimg {
1372	position: relative;
1373	bottom: -3px;
1374	margin-top: -3px;
1375}
1376img.elimg {
1377	position: relative;
1378	bottom: -3px;
1379	margin-top: -20px;
1380}
1381img.check {
1382	padding-left: 0.4em;
1383}
1384.checksum {
1385	position: relative;
1386}
1387.checksum > .checksum-overflow {
1388	display: none;
1389}
1390.checksum:hover > .checksum-overflow {
1391	display: inline-block;
1392	position: absolute;
1393	background: white;
1394	color: #333333;
1395	border-radius: 5px;
1396	padding-top: 8px;
1397	padding-bottom: 8px;
1398	margin-top: -8px;
1399	margin-bottom: -8px;
1400	padding-right: 1em;
1401}
1402.checksum:hover > .checksum-abbreviation {
1403	visibility: hidden;
1404}
1405
1406span.textlite {
1407	border: solid 1px #aaaadd;
1408	padding: 0 4px;
1409	background: #fcfcfc;
1410}
1411input.textlite-tt, textarea.tt {
1412	font-family: monospace;
1413}
1414.papertext {
1415	width: 96%;
1416}
1417.reviewtext, div#popup_ref textarea {
1418	width: 99%;
1419}
1420.papertext, .reviewtext {
1421	max-width: 640px;
1422	box-sizing: border-box;
1423}
1424textarea[name=comment] {
1425	min-height: 10em;
1426}
1427div.formatdescription {
1428	font-size: 69%;
1429	max-width: 640px;
1430	text-align: right;
1431	color: #666666;
1432	padding-bottom: 5px;
1433}
1434
1435.prevpaperlink, .floatleft {
1436	float: left;
1437	margin: 0;
1438}
1439.nextpaperlink, .floatright {
1440	float: right;
1441	margin: 0;
1442}
1443
1444.revrating {
1445	padding: 6px 16px 0;
1446}
1447.revrating-group.flag {
1448	padding-right: 0.333em;
1449}
1450.revrating-choice > button, .revrating-group > button {
1451	border-radius: 4px;
1452	display: inline-block;
1453	border: 1px solid rgba(191, 153, 153, 0.3);
1454	background: transparent;
1455	padding: 1px 6px 2px;
1456	font-family: inherit;
1457	font-size: 100%;
1458	white-space: nowrap;
1459	text-indent: 0;
1460	color: inherit;
1461}
1462.revrating-active > button {
1463	border: 1px solid #6b73b5;
1464	background: #8089d1;
1465	background-image: linear-gradient(#9ca3d6, #8089d1);
1466	border: 1px solid #cc0000;
1467	background: #ff0000;
1468	background-image: linear-gradient(#ff4040, #ff0000);
1469	color: white;
1470}
1471.revrating-choice:hover > button, .revrating-group:hover > button {
1472	color: #c45500;
1473	border-color: rgba(196, 85, 0, 0.5);
1474}
1475.revrating-choice, .revrating-group {
1476	white-space: nowrap;
1477}
1478.revrating-choice > .ct, .revrating-group > .ct {
1479	display: inline-block;
1480	padding-left: 0.5em;
1481	min-width: 2em;
1482	font-weight: bold;
1483	font-size: 92%;
1484}
1485.revrating-choice > .ct {
1486	padding-left: 0.333em;
1487}
1488.revrating-choice.revrating-unused > .ct {
1489	min-width: 1em;
1490}
1491
1492h2 {
1493	margin-top: 0;
1494	font-size: larger;
1495}
1496
1497span.author, span.conflict {
1498	font-weight: bold;
1499	color: #ff0000;
1500}
1501pre.entryexample {
1502	padding: 0.5em;
1503	background: #eeeeee;
1504	border: 1px solid #dddddd;
1505	display: table-cell;
1506	overflow-wrap: break-word;
1507	white-space: pre-wrap;
1508}
1509pre.entryexample.dark {
1510	background: rgba(66, 66, 88, 0.95);
1511}
1512pre.email {
1513	margin: 0;
1514}
1515
1516.pcrevsum {
1517	display: table;
1518}
1519.pcconfaff, .pcconfmatch, .pcrevsum {
1520	font-size: 69%;
1521}
1522.pcconfaff {
1523	display: block;
1524}
1525.pcconfmatch {
1526	color: #aa4400;
1527}
1528.pcconfmatch-highlight {
1529	font-weight: bold;
1530	color: #ff6600;
1531}
1532
1533.asspref, .asspref1, .asspref-1 {
1534	font-size: 69%;
1535	font-weight: normal;
1536	white-space: nowrap;
1537}
1538.asspref1 {
1539	color: #008000;
1540}
1541.asspref-1 {
1542	color: #800000;
1543}
1544
1545.pcconf-editselector {
1546	float: right;
1547	padding: 1px 2px 0 8px;
1548	font-size: smaller;
1549	white-space: nowrap;
1550	display: block;
1551}
1552.pcconf-selector {
1553	font-size: 69%;
1554}
1555
1556.pctbname, .pctbname-1, .pctbname-2, .pctbname-3,
1557.pctbname0, .pctbname1, .pctbname2, .pctbname3, .pctbname4 {
1558	padding-right: 1em;
1559}
1560.pctbname-1, .pctbname-2, .pctbname-3 {
1561	color: gray;
1562}
1563.pctbname3, .pctbname4 {
1564	font-weight: bold;
1565}
1566.pctbnrev {
1567	font-size: 69%;
1568	padding-right: 1em;
1569	clear: both;
1570}
1571.pctbass {
1572	float: right;
1573	white-space: nowrap;
1574}
1575.ctable, .pc_ctable, .searchctable {
1576	-webkit-columns: 300px 4;
1577	columns: 300px 4;
1578	-webkit-column-gap: 18px;
1579	column-gap: 18px;
1580	margin: 0 -12px -4px;
1581}
1582.searchctable {
1583	-webkit-columns: 150px 4;
1584	columns: 150px 4;
1585	max-width: 800px;
1586	margin: 0 -6px -4px;
1587}
1588.ctelt {
1589	-webkit-column-break-inside: avoid;
1590	page-break-inside: avoid;
1591	break-inside: avoid;
1592	margin: 0 6px;
1593	padding: 2px 0 4px;
1594}
1595.ctelti {
1596	padding: 0 6px;
1597	display: block;
1598}
1599.checki.ctelti {
1600	margin: 0;
1601	padding: 0 6px 0 26px;
1602}
1603.has-assignment.foldo {
1604	margin-bottom: 0.5rem;
1605}
1606.assignment-ui-options {
1607	-webkit-columns: 8rem 3;
1608	columns: 8rem 3;
1609	-webkit-column-gap: 0.5rem;
1610	column-gap: 0.5rem;
1611}
1612.assignment-ui-choice {
1613	-webkit-column-break-inside: avoid;
1614	page-break-inside: avoid;
1615	break-inside: avoid;
1616}
1617input.assignment-ui-radio {
1618	margin-left: 0;
1619}
1620
1621/* review type/assignment blocks */
1622.rto {
1623	display: inline-block;
1624	width: 0.78em;
1625	height: 0.78em;
1626	border-width: 1px;
1627	position: relative;
1628	bottom: -0.0625em;
1629	font-weight: normal;
1630}
1631del .rto {
1632	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20d='M0,5l10,0'%20fill='none'%20stroke='black'%20/%3E%3C/svg%3E");
1633	background-size: 100% 100%;
1634}
1635.rt5, .rt5n, .rt4, .rt4n, .rt3, .rt3n, .rt2, .rt2n {
1636	background-color: #ffffbb;
1637}
1638.rtlead, .rtshep {
1639	background-color: #ffdfc9;
1640}
1641.rt5n, .rt4n, .rt3n, .rt2n, .rt1n {
1642	color: red;
1643	border: 1px solid red;
1644}
1645.rt5, .rt4, .rt3, .rt2, .rt1, .rtlead, .rtshep {
1646	color: black;
1647	border: 1px solid black;
1648}
1649.rt5, .rt5n, .rt4, .rt4n, .rt3, .rt3n, .rt-1, .rt-2 {
1650	font-weight: bold;
1651}
1652.rt-1, .rt-2, .rt-3 {
1653	color: gray;
1654	border: 1px solid gray;
1655}
1656.rti {
1657	display: table-cell;
1658	position: absolute;
1659	width: 100%;
1660	height: 100%;
1661	font-family: "Helvetica Neue", Helvetica, verdana, tahoma, sans-serif;
1662	font-size: 62.5%;
1663	line-height: 1;
1664	text-align: center;
1665}
1666
1667.ti_interest {
1668	padding-right: 1px;
1669	white-space: nowrap;
1670	font-size: smaller;
1671	text-align: center;
1672}
1673.ti_topic {
1674	padding-right: 0.5em;
1675}
1676table.reviewers, div.revnotes {
1677	margin-bottom: 0.5em;
1678}
1679table.reviewers {
1680	margin-left: -6px;
1681}
1682td.rl:first-child {
1683	padding-left: 6px;
1684}
1685td.rl {
1686	padding-right: 1em;
1687}
1688tr.reviewers-highlight {
1689	background: #f0f0ff;
1690}
1691th.revscore, th.rl {
1692	font-size: smaller;
1693	padding: 0 0.25em;
1694	color: #666666;
1695}
1696th.rl {
1697	padding-left: 0;
1698	text-align: left;
1699}
1700span.revround {
1701	font-size: 69%;
1702	font-style: italic;
1703	font-weight: normal;
1704	/* border-bottom: 1px dotted #777777; */
1705}
1706td.revscore {
1707	padding-right: 0;
1708	text-align: center;
1709	font-weight: bold;
1710	color: red;
1711}
1712.revlink {
1713	display: inline-block;
1714	margin-right: 1.5em;
1715}
1716
1717
1718span.pstat {
1719	font-weight: bold;
1720	white-space: nowrap;
1721}
1722.pstat_with {
1723	color: #333333;
1724}
1725.pstat_sub {
1726	color: #823e78;
1727}
1728.pstat_decno {
1729	color: #9f0000;
1730}
1731.pstat_decyes {
1732	color: #259f00;
1733}
1734
1735.auaff {
1736	color: #666666;
1737}
1738
1739.ptb_explain {
1740	padding: 0 1em 0 0;
1741	text-align: center;
1742	font-size: smaller;
1743}
1744.ptb_button {
1745	padding: 0 1em 0 0;
1746}
1747
1748/* list footers */
1749tfoot.pltable {
1750	font-size: smaller;
1751}
1752tr.pl_statrow {
1753	background: #eeeeee;
1754}
1755tr.pl_statheadrow {
1756	background: #eeeeee;
1757	font-weight: bold;
1758}
1759tr.pl_statheadrow > td.plstat {
1760	border-top: 1px solid #cccccc;
1761}
1762.pl_footselector, .pl_footer_desc {
1763	line-height: 2;
1764}
1765.pl_footselector {
1766	text-align: right;
1767	white-space: nowrap;
1768	padding-right: 6px;
1769	vertical-align: top;
1770}
1771.pl_footerpart {
1772	float: left;
1773}
1774
1775/* other list tables */
1776#plactr {
1777	padding-top: 2px;
1778	padding-left: 1em;
1779	float: right;
1780}
1781.pl_name, .pl_email, .pl_affiliation, .pl_lastvisit, .pl_papers {
1782	text-align: left;
1783	padding-right: 1em;
1784}
1785.pl_name {
1786	min-width: 11em;
1787}
1788.pl_ip {
1789	min-width: 4em;
1790}
1791.has-events {
1792	position: relative;
1793	padding-top: 0.25rem;
1794}
1795div.eventtable {
1796	overflow-x: hidden;
1797}
1798.pl_eventicon {
1799	padding: 0.2ex 0 0.3ex 0.3em;
1800	vertical-align: top;
1801}
1802.pl_eventid {
1803	text-align: right;
1804	padding: 0.2ex 0.4em 0.3ex;
1805	vertical-align: top;
1806}
1807.pl_eventdesc {
1808	padding: 0.2ex 0 0.3ex 0.125em;
1809	vertical-align: top;
1810	font-size: 90%;
1811	white-space: nowrap;
1812}
1813img.b {
1814	vertical-align: text-bottom;
1815}
1816img.bm {
1817	vertical-align: middle;
1818	position: relative;
1819	bottom: 1px;
1820}
1821.papmodeimg {
1822	vertical-align: -5px;
1823	width: 18px;
1824	height: 18px;
1825}
1826.editimg {
1827	position: absolute;
1828	bottom: -2px;
1829	width: 16px;
1830	height: 16px;
1831}
1832.pl_lastvisit, .pl_logtime {
1833	padding-right: 1.25em;
1834	white-space: nowrap;
1835}
1836td.pl_lastvisit, td.pl_logtime {
1837	font-size: smaller;
1838}
1839.pl_uscores {
1840	line-height: 1;
1841	padding-left: 0.2em;
1842	padding-right: 0.2em;
1843	vertical-align: top;
1844}
1845.pcrole {
1846	display: inline-block;
1847	font-size: 69%;
1848	line-height: 1;
1849	padding: 2px 0.3em 2px;
1850	background-color: #cccccc;
1851	border-radius: 0.3em;
1852	bottom: 1px;
1853	position: relative;
1854	white-space: nowrap;
1855	font-weight: bold;
1856}
1857.aumovebox {
1858	visibility: hidden;
1859}
1860tr:hover > td > .aumovebox {
1861	visibility: visible;
1862}
1863span.hoveronly {
1864	display: none;
1865}
1866div:hover > span.hoveronly, tr:hover > td > span.hoveronly {
1867	display: inline-block;
1868}
1869
1870/* paper list tables geometry */
1871table.pltable {
1872	line-height: 1.25;
1873}
1874.pltable_full_ctr {
1875	padding: 0.75em 0;
1876}
1877.pltable_full {
1878	width: 100%;
1879	position: relative;
1880}
1881
1882div.plsplit_col { /* NOT td */
1883	padding-right: 1.5em;
1884}
1885.plsplit_col_ctr {
1886	margin-right: -1.5em;
1887}
1888.plsplit_col_ctr_ctr {
1889	overflow-x: hidden;
1890}
1891
1892td.plheading, td.plheading-spacer {
1893	font-weight: bold;
1894	padding: 0.5ex 0 0.2ex;
1895	background: #f0f0f0;
1896	border-top: 1px solid #cccccc;
1897}
1898span.plheading-count {
1899	font-weight: normal;
1900	font-size: smaller;
1901	color: #555555;
1902}
1903td.plheading-blank {
1904	height: 0.7ex;
1905	background: #f0f0f0;
1906	border-top: 1px solid #cccccc;
1907}
1908td.plheading-separator {
1909	height: 1.5em;
1910}
1911td.plheading:first-child {
1912	padding-left: 0.5em;
1913}
1914tr.plheading:first-child > td {
1915	border-top: 0px none;
1916}
1917
1918th.pl {
1919	vertical-align: bottom;
1920	text-align: left;
1921	line-height: 1.25;
1922}
1923
1924tr.plx {
1925	font-size: 85%;
1926	line-height: 1.35;
1927}
1928em.plx {
1929	font-size: inherit;
1930	font-weight: normal;
1931	font-style: italic;
1932	padding-right: 0.25em;
1933	color: #555;
1934}
1935
1936/* paper list tables */
1937th.pl {
1938	padding: 2px 6px 2px 0;
1939}
1940td.pl {
1941	padding: 3px 6px 3px 0;
1942}
1943td.plstat {
1944	padding: 1px 6px 1px 0;
1945}
1946th.pl:first-child, td.pl:first-child, td.plx:first-child {
1947	padding-left: 6px;
1948}
1949
1950td.pl.pl_title, td.pl.pl_text {
1951	padding-right: 1em;
1952}
1953
1954td.pl.pl_revtype {
1955	padding-left: 20px;
1956	padding-right: 20px;
1957	text-align: right;
1958}
1959div.pl_revtype {
1960	display: inline-block;
1961	white-space: nowrap;
1962}
1963div.pl_revtype.hasround {
1964	margin-right: -16px;
1965}
1966div.pl_revtype.hasrev.haslead {
1967	margin-left: -16px;
1968}
1969div.pl_revtype span.revround {
1970	display: inline-block;
1971	min-width: 16px;
1972}
1973
1974th.pll {
1975	text-align: left;
1976}
1977
1978th.plc, th.plrd, th.pl_id, th.pl_sel,
1979th.pl_revtype, th.pl_revstat, th.pl_topicscore, th.pl_desirability,
1980th.pl_score, th.pl_uscores, th.pl_tag, th.pl_tagval, th.pl_formula {
1981	text-align: center;
1982}
1983
1984th.plr {
1985	text-align: right;
1986}
1987
1988td.plr, td.plrd, td.pl_id, td.pl_sel,
1989td.pl_revpref, td.pl_topicscore, td.pl_desirability,
1990td.pl_tag, td.pl_tagval, td.pl_formula {
1991	text-align: right;
1992}
1993
1994td.plc, td.pl_revtype, td.pl_revstat, td.pl_score,
1995td.pl_uscores, td.pl_edittag {
1996	text-align: center;
1997}
1998
1999td.pl_id, td.pl_sel,
2000td.pl_revtype, td.pl_assrev, td.pl_editrevpref,
2001td.pl_score, td.pl_uscores, td.pl_formula,
2002td.pl_tag, td.pl_edittag, td.pl_tagval, td.pl_edittagval {
2003	white-space: nowrap;
2004}
2005
2006td.plred {
2007	color: #ff0000;
2008}
2009td.plgreen {
2010	color: #00cc00;
2011}
2012
2013.pl_titleextra {
2014	font-weight: normal;
2015}
2016
2017.pl_longtext, .pl_shorttext {
2018	margin-top: 4px;
2019	margin-bottom: 4px;
2020}
2021.pl_longtext {
2022	-webkit-columns: 23rem 3;
2023	columns: 23rem 3;
2024	-webkit-column-gap: 18px;
2025	column-gap: 18px;
2026}
2027.pl_longtext > p:first-child, .pl_shorttext > p:first-child {
2028	margin-top: 0;
2029}
2030.pl_longtext > p:last-child, .pl_shorttext > p:last-child {
2031	margin-bottom: 0;
2032}
2033
2034.pl_potentialconflict {
2035	-webkit-columns: 33rem 3;
2036	columns: 33rem 3;
2037	-webkit-column-gap: 18px;
2038	column-gap: 18px;
2039	margin-bottom: 4px;
2040}
2041.potentialconflict {
2042	margin-bottom: 0.75em;
2043	-webkit-column-break-inside: avoid;
2044	page-break-inside: avoid;
2045	break-inside: avoid;
2046}
2047.potentialconflict > p, .potentialconflict > ul {
2048	margin-top: 0;
2049	margin-bottom: 0;
2050}
2051
2052span.pl_rownum {
2053	font-size: smaller;
2054	color: #333333;
2055}
2056table.pltable_full > tbody > tr > td.pl_title {
2057	width: 100%;
2058}
2059div.pl_autoassignment > em.plx {
2060	font-weight: bold;
2061}
2062div.pl_autoassignment ins {
2063	-webkit-text-decoration-line: none;
2064	text-decoration-line: none;
2065}
2066td.plh, th.plh {
2067	border-bottom: 1px solid #999999;
2068}
2069tr.pl_headrow.pl_annorow {
2070	background: #cccccc;
2071}
2072tr.pl_headrow {
2073	font-size: smaller;
2074}
2075td.plf {
2076	border-top: 1px solid #cccccc;
2077	padding-top: 3px;
2078}
2079table.pltable_reviewerhome > thead > tr > th.plh {
2080	border-bottom: none;
2081}
2082span.dragtaghandle {
2083	display: inline-block;
2084	position: relative;
2085	bottom: -0.25em;
2086	background-color: #999999;
2087	margin-left: .25em;
2088	width: 11px;
2089	height: 1.3em;
2090	cursor: move;
2091	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAAXNSR0IArs4c6QAAADtJREFUCNdjOHz4zs/Dh+9cYEADTAwMDF8YGBj4Dh++gypha6sizMDAoMSADyAby4Qm94WBgYEPn04GAD/XFLwv6x9HAAAAAElFTkSuQmCC') repeat;
2092}
2093
2094.editformulas-formula {
2095	margin: 1em 0 2em;
2096}
2097
2098span.match {
2099	color: #ff6600;
2100	font-weight: bold;
2101}
2102
2103div.bigod, p.bigod, div.parseerr > p {
2104	margin: 0;
2105	padding: 0 0 0 3em;
2106	text-indent: -3em;
2107}
2108div.bigid {
2109	padding: 0 0 0 3em;
2110}
2111span.lineno {
2112	font-style: italic;
2113	font-size: smaller;
2114}
2115
2116div.merror pre {
2117	padding: 0.5em;
2118	background: #fff2f2;
2119	border: 1px dashed #eecccc;
2120}
2121
2122hr {
2123	margin: 0.75em 0;
2124	border: 0 none;
2125	height: 1px;
2126	color: #9999cc; /* for IE6 */
2127	background-color: #9999cc;
2128}
2129hr.c {
2130	margin: 0;
2131	border: 0 none;
2132	height: 0;
2133}
2134
2135.assignpc_pcsel {
2136	font-size: smaller;
2137	background: #fcf6e3;
2138	border: 2px solid #ccc1a3;
2139	padding: 1em 1em 0.75em;
2140	margin: 0 0 1.5em;
2141}
2142
2143
2144.autblentry {
2145	margin-right: 0.75em;
2146	white-space: nowrap;
2147}
2148.autblentry_long {
2149	margin-right: 0.75em;
2150}
2151
2152.plist_form {
2153	margin-top: 1ex;
2154}
2155
2156
2157.rev_num {
2158	font-size: larger;
2159	font-weight: bold;
2160}
2161.checki > .rev_num {
2162	display: inline-block;
2163	min-width: 1em;
2164}
2165
2166.pl_sort {
2167	-webkit-text-decoration-line: none;
2168	text-decoration-line: none;
2169	color: #444488;
2170}
2171.pl_sort:hover {
2172	-webkit-text-decoration-line: underline;
2173	text-decoration-line: underline;
2174	color: black;
2175}
2176.pl_sorting_fwd:after {
2177	content: "\25bc";
2178	font-size: 90%;
2179}
2180.pl_sorting_rev:after {
2181	content: "\25b2";
2182	font-size: 90%;
2183}
2184
2185.pltable_colored > .pl, .pltable_colored > .plheading {
2186	border-top: 1px solid rgba(0, 0, 0, 0.05);
2187}
2188.pltable_colored > tr:first-child {
2189	border-top: 0 none;
2190}
2191.k1, .topicinterest > tbody > tr:nth-child(even) {
2192	background-color: #f1f8fc;
2193}
2194.pltable_colored > .k1 {
2195	background-color: inherit;
2196}
2197tr.pl {
2198	background-position: bottom left;
2199}
2200tr.plx {
2201	background-position: top left;
2202}
2203.redtag, .orangetag, .yellowtag, .greentag, .bluetag, .purpletag, .graytag, .whitetag {
2204	-webkit-print-color-adjust: exact;
2205	color-adjust: exact;
2206}
2207.redtag {
2208	background-color: #ffd8d8;
2209}
2210.redtag .pst {
2211	background-color: #f8d0d0;
2212}
2213.orangetag {
2214	background-color: #fdebcc;
2215}
2216.orangetag .pst {
2217	background-color: #f2debb;
2218}
2219.yellowtag {
2220	background-color: #fdffcb;
2221}
2222.yellowtag .pst {
2223	background-color: #f0eeb4;
2224}
2225.greentag {
2226	background-color: #d8ffd8;
2227}
2228.greentag .pst {
2229	background-color: #c4f2c4;
2230}
2231.bluetag {
2232	background-color: #d8d8ff;
2233}
2234.bluetag .pst {
2235	background-color: #ccccf2;
2236}
2237.purpletag {
2238	background-color: #f2d8f8;
2239}
2240.purpletag .pst {
2241	background-color: #eac7f2;
2242}
2243.graytag {
2244	background-color: #e2e2e2;
2245}
2246.graytag .pst {
2247	background-color: #d9d9d9;
2248}
2249.whitetag {
2250	background-color: #ffffff;
2251}
2252.whitetag .pst {
2253	background-color: #f8f8f8;
2254}
2255.boldtag.taghh, .boldtag .taghl {
2256	font-weight: bold;
2257}
2258.italictag.taghh, .italictag .taghl {
2259	font-style: italic;
2260}
2261.underlinetag.taghh, .underlinetag .taghl {
2262	-webkit-text-decoration-line: underline;
2263	text-decoration-line: underline;
2264}
2265.strikethroughtag.taghh, .strikethroughtag .taghl {
2266	-webkit-text-decoration-line: line-through;
2267	text-decoration-line: line-through;
2268}
2269.bigtag.taghh, .bigtag .taghl {
2270	font-size: 140%;
2271}
2272.smalltag.taghh, .smalltag .taghl {
2273	font-size: 80%;
2274}
2275.dimtag.taghh, .dimtag .taghl {
2276	color: gray;
2277}
2278.highlightmark.taghh, .highlightmark .taghl,
2279.yellowhighlightmark.taghh, .yellowhighlightmark .taghl {
2280	background-color: #ffeb00;
2281	box-shadow: -0.2em 0 0 #ffeb00, 0.2em 0 0 0 #ffeb00;
2282}
2283.pinkhighlightmark.taghh, .pinkhighlightmark .taghl {
2284	background-color: #ff9ee5;
2285	box-shadow: -0.2em 0 0 #ff9ee5, 0.2em 0 0 0 #ff9ee5;
2286}
2287.greenhighlightmark.taghh, .greenhighlightmark .taghl {
2288	background-color: #70ff63;
2289	box-shadow: -0.2em 0 0 #70ff63, 0.2em 0 0 0 #70ff63;
2290}
2291.bluehighlightmark.taghh, .bluehighlightmark .taghl {
2292	background-color: #c4d2ff;
2293	box-shadow: -0.2em 0 0 #c4d2ff, 0.2em 0 0 0 #c4d2ff;
2294}
2295
2296.tagemoji > sup {
2297	line-height: 1;
2298}
2299
2300.badge {
2301	display: inline-block;
2302	font-size: 69%;
2303	line-height: 1;
2304	padding: 2px 0.3em 3px;
2305	border-radius: 0.3em;
2306	position: relative;
2307	bottom: 1px;
2308	white-space: nowrap;
2309	background: #333333;
2310	color: white;
2311	font-weight: 500;
2312	-webkit-text-decoration-line: none;
2313	text-decoration-line: none;
2314}
2315h1 .badge {
2316	font-size: 51%;
2317	bottom: 2px;
2318}
2319.whitebadge {
2320	background: white;
2321	color: #333333;
2322	border: 1px solid #333333;
2323	padding: 1px 0.2em 2px;
2324}
2325.redbadge {
2326	background: #ee0000;
2327}
2328.orangebadge {
2329	background: #ee9900;
2330	color: #222222;
2331}
2332.yellowbadge {
2333	background: #e2e200;
2334	color: #222222;
2335}
2336.greenbadge {
2337	background: #008800;
2338}
2339.bluebadge {
2340	background: #0000ff;
2341}
2342.purplebadge {
2343	background: #aa00ee;
2344}
2345.graybadge {
2346	background: #8c8c94;
2347}
2348.pinkbadge {
2349	background: #ffc3c8;
2350	color: #222222;
2351}
2352a.badge:hover {
2353	color: #ffa25b;
2354}
2355a.whitebadge:hover {
2356	color: #c45500;
2357	border: 1px solid #c45500;
2358}
2359a.orangebadge:hover, a.yellowbadge:hover, a.pinkbadge:hover {
2360	color: #c45500;
2361}
2362a.badge:active {
2363	color: red;
2364}
2365
2366.graytext {
2367	color: #999999;
2368}
2369
2370body#offline td#upload {
2371	padding-left: 3em;
2372}
2373
2374/* paper mode tabs */
2375.papmode, .papmodex {
2376	float: left;
2377	text-align: center;
2378	font-size: smaller;
2379	padding: 3.5px 5px 4px 5px;
2380	margin: 0 5px;
2381}
2382.papmode {
2383	padding-top: 4.5px;
2384}
2385.papmodex {
2386	background: white;
2387	border-radius: 5px;
2388	border: 1px solid #f33360;
2389}
2390.papmodex > a {
2391	font-weight: bold;
2392	color: #f33360;
2393}
2394.papmode img, .papmodex img {
2395	position: relative;
2396	margin: -10px 0;
2397	bottom: 10px;
2398}
2399.papmode:first-child {
2400	padding-left: 0;
2401}
2402.papmode:first-child, .papmodex:first-child {
2403	margin-left: 0;
2404}
2405
2406/* paper banner */
2407.submission_modes {
2408	float: left;
2409	padding: 12px 0 0 24px;
2410	z-index: 5;
2411}
2412
2413/* paper strip */
2414.pspcard_container {
2415	float: left;
2416	width: 12.8em;
2417	position: absolute;
2418}
2419.pspcard {
2420	z-index: 4;
2421	font-size: 8.7pt;
2422	font-size: 0.791rem;
2423	background: #dddddd;
2424	border: 1px solid #aaaaaa;
2425	padding: 5px 0;
2426	border-radius: 4px;
2427}
2428.pspcard_body {
2429	padding: 0 8px;
2430	background: white;
2431	border-radius: 2px;
2432}
2433.pspcard_fold {
2434	display: none;
2435}
2436.js-tag-editor {
2437	font-size: 8.7pt;
2438	font-size: 0.791rem;
2439}
2440.pspcard_body textarea, .pspcard_body select {
2441	font-size: inherit;
2442}
2443.psc {
2444	padding: 7px 0;
2445	border-top: 1px solid #eeeeee;
2446	-webkit-column-break-inside: avoid;
2447	page-break-inside: avoid;
2448	break-inside: avoid;
2449}
2450.psc.psc_te {
2451	padding: 3px 0;
2452}
2453.pste {
2454	margin: 4px 0;
2455}
2456.psfocus.psc, .psfocus .psc {
2457	padding: 7px 8px;
2458	margin: 0 -8px;
2459	box-shadow: 0 0 10px #9999cc;
2460	-moz-box-shadow: 0 0 10px #9999cc;
2461	-webkit-box-shadow: 0 0 10px #9999cc;
2462	background: #fff4c0;
2463}
2464.psc.psc1 {
2465	border-top: 0 none;
2466}
2467.pscopen {
2468	margin: 0 -2px;
2469	padding: 0 2px;
2470}
2471.pscopen .pst {
2472	margin: 0 -2px;
2473	padding: 0 2px;
2474}
2475.pavfn, .pavfn a.q, .psfn, .psfn a.q, .revfn {
2476	color: #555555;
2477}
2478div.pst span.hint {
2479	padding-left: 1em;
2480}
2481.pstedit {
2482	display: inline-block;
2483	float: right;
2484	padding-left: 1em;
2485	font-size: smaller;
2486	color: #555555;
2487	white-space: nowrap;
2488	position: relative;
2489	bottom: -2px;
2490}
2491.foldo .pstedit.fn {
2492	display: none;
2493}
2494.psteditimg {
2495	display: inline-block;
2496	position: relative;
2497	width: 15px;
2498}
2499.pshint {
2500	font-size: smaller;
2501	color: #555555;
2502}
2503.psv {
2504	padding-top: 2px;
2505}
2506.od, .odname {
2507	margin: 0 0 0 1.5em;
2508	text-indent: -1.5em;
2509}
2510.sd {
2511	margin: 0.5em 0;
2512}
2513.xd {
2514	margin: 0.5em 0 0.5em 1.5em;
2515	text-indent: -1.5em;
2516}
2517.xd:first-child, .sd:first-child {
2518	margin-top: 0;
2519}
2520.xd:last-child, .sd:last-child {
2521	margin-bottom: 0;
2522}
2523ul.xd {
2524	margin: 1em 0 1em 40px;
2525}
2526ul.xd > li {
2527	margin: 0.25em 0;
2528	text-indent: -40px;
2529	list-style-type: none;
2530}
2531.archiveexpansion {
2532	font-size: smaller;
2533	color: #777777;
2534}
2535
2536/* suggestions */
2537.suggesttable {
2538	-webkit-column-gap: 18px;
2539	column-gap: 18px;
2540}
2541.suggesttable2 {
2542	-webkit-columns: 100px 2;
2543	columns: 100px 2;
2544}
2545.suggesttable3 {
2546	-webkit-columns: 100px 3;
2547	columns: 100px 3;
2548}
2549.suggesttable4 {
2550	-webkit-columns: 100px 4;
2551	columns: 100px 4;
2552}
2553.suggesttable5 {
2554	-webkit-columns: 100px 5;
2555	columns: 100px 5;
2556}
2557.suggesttable6 {
2558	-webkit-columns: 100px 6;
2559	columns: 100px 6;
2560}
2561.suggestion {
2562	-webkit-column-break-inside: avoid;
2563	page-break-inside: avoid;
2564	break-inside: avoid;
2565	padding: 1px 4px 1px 16px;
2566	text-indent: -12px;
2567	cursor: pointer;
2568}
2569.suggestion.active {
2570	background-color: #6088d0;
2571	color: white;
2572}
2573.suggestion-text {
2574	font-weight: 500;
2575}
2576.suggestion-description {
2577	padding-left: 0.5em;
2578	opacity: 0.5;
2579}
2580
2581/* bubbles */
2582.bubble {
2583	position: absolute;
2584	visibility: hidden;
2585	left: 0;
2586	top: 0;
2587	z-index: 1000;
2588	display: table-cell;
2589	padding: 2px 8px;
2590	border-radius: 4px;
2591	background-color: rgba(246, 244, 189, 0.88);
2592	border: 1px solid #b8af25;
2593}
2594.bubble > .bubcontent {
2595	margin: 4px 0;
2596}
2597.bubble.edittagbubble {
2598	background-color: #222233;
2599	border-width: 0;
2600	color: white;
2601	font-size: smaller;
2602}
2603.bubble.edittagbubble.sametag {
2604	background-color: #444466;
2605}
2606.bubble.errorbubble {
2607	max-width: 20em;
2608	background-color: rgba(255, 238, 238, 0.88);
2609	border: 2px solid red;
2610	font-size: smaller;
2611}
2612.bubble.tooltip, .bubble.graphtip {
2613	background-color: rgba(44, 44, 66, 0.95);
2614	color: #ffffff;
2615	border: 0 none;
2616	font-size: 75%;
2617	line-height: 1.35;
2618}
2619.bubble.gray {
2620	background-color: rgba(246, 246, 255, 0.95);
2621	color: black;
2622	border: 1px solid #b8b8b8;
2623}
2624.bubble.tooltip {
2625	margin: 0 8px;
2626}
2627.bubble.tooltip span.tagbg, .bubble.graphtip span.tagbg {
2628	color: #2c2c33;
2629}
2630.bubble.suggest {
2631	background-color: rgba(250, 250, 255, 0.95);
2632	color: #333333;
2633	border: 1px solid #dddddd;
2634	box-shadow: 0 0 5px rgba(0,0,0,0.1);
2635	font-size: 12px;
2636	font-size: 0.853rem;
2637	line-height: 16px;
2638	line-height: 1.138rem;
2639	margin: 4px 8px;
2640	padding: 2px 2px;
2641	border-radius: 3px;
2642}
2643.bubble.suggest > .bubcontent {
2644	margin: 0;
2645}
2646.bubble.tooltip > .bubcontent {
2647	max-width: 560px;
2648	overflow-x: auto;
2649}
2650.bubtail {
2651	position: absolute;
2652	border-style: solid;
2653	border-width: 0;
2654	width: 12px;
2655	height: 6px;
2656}
2657.bubtail.tooltip {
2658	width: 8px;
2659	height: 4px;
2660}
2661.bubtail.suggest {
2662	width: 0;
2663	height: 0;
2664}
2665.bubcontent > p {
2666	max-width: 280px;
2667}
2668.bubcontent > p:first-child {
2669	margin-top: 0;
2670}
2671.bubcontent > p:last-child {
2672	margin-bottom: 0;
2673}
2674
2675.tooltipmenu > div {
2676	margin: 4px 0;
2677}
2678.tooltipmenu a.ttmenu {
2679	color: white;
2680}
2681
2682/* paper */
2683.paperinfo {
2684	display: table;
2685	table-layout: fixed;
2686	width: 100%;
2687}
2688.paperinfo-row {
2689	display: table-row;
2690}
2691.paperinfo-cl, .paperinfo-cr {
2692	width: 50%;
2693}
2694.paperinfo-cl, .paperinfo-cr, .paperinfo-cb {
2695	display: table-cell;
2696	vertical-align: top;
2697	position: relative;
2698}
2699.paperinfo-abstract {
2700	word-wrap: break-word;
2701	overflow-wrap: break-word;
2702	position: relative;
2703}
2704.fold6c .paperinfo-cl {
2705	height: 6.5em;
2706}
2707.fold6c .paperinfo-abstract {
2708	position: absolute;
2709	width: 100%;
2710	height: 100%;
2711	overflow: hidden;
2712}
2713.abstract {
2714	padding-right: 1.5em;
2715}
2716.pavt {
2717	margin: 0 -5px;
2718	padding: 0.25em 5px 0.15em;
2719}
2720.papfn, .pavfn, .psfn, .revfn {
2721	font-weight: bold;
2722}
2723.papt .papfn, .papet .papfn, .pavt .pavfn {
2724	float: left;
2725}
2726.papet > .papfn {
2727	color: #313168;
2728}
2729.papfn .n {
2730	font-variant: normal;
2731	font-weight: normal;
2732	text-transform: none;
2733	color: #555555;
2734}
2735.papt span.hint {
2736	float: right;
2737}
2738.longtext-fader {
2739	z-index: 1;
2740	position: absolute;
2741	bottom: 0%;
2742	width: 100%;
2743	height: 56px;
2744	background: white;
2745	background: linear-gradient(to top, #ffffff, rgba(255,255,255,0) 12px),
2746		linear-gradient(340deg, #ffffff, #ffffff 40px, rgba(255,255,255,0) 58px);
2747}
2748.longtext-expander {
2749	z-index: 2;
2750	position: absolute;
2751	bottom: 0%;
2752	width: 100%;
2753	text-align: right;
2754}
2755.longtext-expander > a {
2756	display: inline-block;
2757	background: white;
2758	padding: 0 1.5em 0 8px;
2759	border-radius: 4px;
2760}
2761
2762
2763.pg {
2764	margin-top: 1em;
2765}
2766.pg:first-child {
2767	margin-top: 0;
2768}
2769.pgsm {
2770	margin-top: 0.5em;
2771}
2772
2773/* papers */
2774.papcard, .pedcard {
2775	margin: 0 0 0 14em;
2776	padding: 6px 0 6px;
2777	background: #cec1ff;
2778	position: relative;
2779	border: 1px solid #9999bf;
2780	border-radius: 4px;
2781}
2782.pedcard {
2783	margin: 0 8em;
2784}
2785.papcard_body, .pedcard_body {
2786	background: #ffffff;
2787	padding: 8px 16px;
2788	border-radius: 2px;
2789}
2790.papcard_sep {
2791	background-color: #cec1ff;
2792	margin: 1em 0;
2793}
2794.pedcard_head {
2795	padding: 3px 16px 4px;
2796}
2797.pedcard_head h2 {
2798	display: inline;
2799}
2800
2801/* paper notes */
2802.notecard {
2803	margin: 16px 0 -8px 14em;
2804	padding: 3px 0 5px;
2805	position: relative;
2806}
2807.notecard_body {
2808	padding: 0 16px;
2809}
2810
2811/* reviews */
2812.revcard {
2813	margin: 24px 0 0 14em;
2814	padding: 3px 0 5px;
2815	background: #fad5d5;
2816	position: relative;
2817	border: 1px solid #bf9999;
2818	border-radius: 4px;
2819}
2820body#offline .revcard {
2821	margin: 16px 7em;
2822}
2823.revcard_head {
2824	padding: 3px 16px 4px;
2825}
2826.revcard_body {
2827	background: #ffffff;
2828	padding: 10px 16px;
2829	border-radius: 2px;
2830}
2831.revcard_bodyinsert {
2832	background: #ffebeb;
2833	padding: 10px 16px;
2834	margin: -10px -16px 10px;
2835	border-top-left-radius: 2px;
2836	border-top-right-radius: 2px;
2837}
2838.revcard_head h3 {
2839	display: inline;
2840	padding: 0 0.5em 0 0;
2841}
2842.revinfo {
2843	font-size: smaller;
2844}
2845.rvg .revvt {
2846	margin-right: 2em;
2847	padding-bottom: 2px;
2848}
2849.revet > .revfn {
2850	color: #683131;
2851}
2852.revfn {
2853	float: left;
2854}
2855.revvis {
2856	display: inline-block;
2857	padding-left: 1em;
2858	color: #999999;
2859}
2860.revoff {
2861	margin: 0.2em 0 0.5em 0;
2862	font-size: smaller;
2863}
2864.revoff .revfn {
2865	float: none;
2866	padding: 0 1em 5px 0;
2867}
2868.papev, .revev {
2869	margin: 5px 0;
2870}
2871.paphint, .revhint {
2872	max-width: 640px;
2873	color: #555555;
2874	margin: 0.25rem 0;
2875}
2876.paphint > p:first-child, .revhint > p:first-child {
2877	margin-top: 0;
2878}
2879.paphint > p:last-child, .revhint > p:last-child {
2880	margin-bottom: 0;
2881}
2882.rvl, .rvr {
2883	width: 50%;
2884	max-width: 360px;
2885	float: left;
2886}
2887.revvl {
2888	padding-right: 1.5em;
2889}
2890.papeg, .rveg {
2891	margin: 16px 0 24px;
2892}
2893.papegroup {
2894	margin: 12px -16px;
2895	padding: 12px 16px;
2896	background: #eae8f2;
2897	background: linear-gradient(to bottom, rgba(234,232,242,0), #eae8ee 4px, #eae8ee 51%, transparent 51%),
2898		linear-gradient(to top, rgba(234,232,242,0), #eae8ee 4px, #eae8ee 51%, transparent 51%);
2899}
2900.papegroup > *:first-child {
2901	margin-top: 0;
2902}
2903.papegroup > *:last-child {
2904	margin-bottom: 0;
2905}
2906.settingsgroup {
2907	margin: 12px -16px;
2908	padding: 12px 16px;
2909	background: #eae8f2;
2910	background: linear-gradient(to bottom, rgba(234,232,242,0), #eae8ee 4px, #eae8ee 51%, transparent 51%),
2911		linear-gradient(to top, rgba(234,232,242,0), #eae8ee 4px, #eae8ee 51%, transparent 51%);
2912}
2913.rvg {
2914	border-top: 1px solid #ffecef;
2915	padding: 8px 0;
2916}
2917.rvg:first-child {
2918	border-top: 0 none;
2919	padding-top: 0;
2920}
2921.rvg:last-child {
2922	padding-bottom: 0;
2923}
2924.eauname, .eauaff, .eauemail {
2925	margin: 2px 0.5em 2px 0;
2926}
2927.eauname, .eauaff {
2928	min-width: 268px;
2929	width: 268px;
2930	max-width: 600px;
2931}
2932.eauemail {
2933	min-width: 248px;
2934	width: 248px;
2935	max-width: 600px;
2936}
2937.has-document {
2938	margin-top: 0.25rem;
2939	margin-bottom: 0.5rem;
2940}
2941.document-file, .document-upload, .document-stamps,
2942.document-shortformat, .document-actions {
2943	display: inline-block;
2944}
2945.document-file, .document-upload {
2946	line-height: 1.75;
2947}
2948.document-stamps {
2949	margin-left: 1.5rem;
2950}
2951.document-actions {
2952	margin-left: 0.5rem;
2953}
2954.document-actions.block {
2955	display: block;
2956	margin-left: -1rem;
2957}
2958.document-action {
2959	display: inline-block;
2960	margin-left: 1rem;
2961}
2962.has-document:after {
2963	clear: both;
2964	content: "";
2965	display: block;
2966}
2967@media screen and (min-width: 900px) {
2968.document-file, .document-upload {
2969	min-width: 19rem;
2970}
2971.document-file.nameless {
2972	min-width: 6rem;
2973}
2974.document-stamps {
2975	min-width: 18.5rem;
2976}
2977}
2978@media screen and (max-width: 900px) {
2979.document-file, .document-upload {
2980	display: block;
2981}
2982.document-stamps {
2983	margin-left: 3rem;
2984}
2985.document-actions {
2986	margin-left: 2rem;
2987}
2988}
2989
2990/* comments */
2991.cmtcard {
2992	margin: 24px 0 0 14em;
2993	padding: 5px 0 5px;
2994	background: #e6e1cf;
2995	position: relative;
2996	border: 1px solid #99aabf;
2997	border-radius: 4px;
2998}
2999.cmtcard.response {
3000	background: #ffddc1;
3001}
3002.cmtcard_head {
3003	padding: 0 16px 4px;
3004}
3005.cmtcard_body {
3006	background: #ffffff;
3007	padding: 0 16px;
3008	border-radius: 2px;
3009}
3010.cmtcard h3 {
3011	display: inline;
3012	padding: 0 1em 0 0;
3013}
3014.cmtcard_head .cmtfn {
3015	font-size: smaller;
3016}
3017.cmtg {
3018	border-top: 1px solid #f7f1df;
3019	padding: 10px 0;
3020}
3021.cmtg:first-child {
3022	border-top: 0 none;
3023}
3024.cmtcard_link {
3025	font-size: 69%;
3026	font-weight: bold;
3027	color: #666666;
3028}
3029.cmtcard_link:first-child {
3030	padding: 0 16px 4px;
3031}
3032.cmtcard_link:last-child {
3033	padding: 4px 16px 0;
3034}
3035.cmtfn > .barsep {
3036	color: #eadeb7;
3037}
3038.cmtadminvis, .cmtcolor {
3039	margin: -2px -5px;
3040	padding: 4px 5px;
3041}
3042.cmtauvis .cmtnumhead {
3043	background: #e6e1cf;
3044	font-weight: bold;
3045	border-radius: 5px;
3046	padding: 1px 3px;
3047	margin-top: -1px;
3048	margin-left: -1px;
3049}
3050.cmtadminvis {
3051	background: #f3f3f3;
3052}
3053.cmtthead {
3054	display: inline-block;
3055	font-size: smaller;
3056}
3057.cmtt {
3058	font-size: smaller;
3059	margin: 2px 0 6px;
3060	color: #666666;
3061}
3062.cmtt:after {
3063	content: " ";
3064	clear: both;
3065	display: table;
3066}
3067.cmtt .floatright {
3068	padding-left: 0.5em;
3069}
3070.pavb, .revtext, .cmttext {
3071	word-wrap: break-word;
3072	overflow-wrap: break-word;
3073}
3074.pavb > p:first-child, .format0 > p:first-child {
3075	margin-top: 0;
3076}
3077.pavb > p:last-child, .format0 > p:last-child {
3078	margin-bottom: 0;
3079}
3080.revtext, .cmttext {
3081	position: relative;
3082}
3083.format0 {
3084	white-space: pre-wrap;
3085}
3086.revtext.format0, .cmttext.format0, .revtext .format0, .cmttext .format0 {
3087	max-width: 640px;
3088}
3089.preview {
3090	margin-bottom: 24px;
3091}
3092.preview-border {
3093	border-top: 1px dashed black;
3094	max-width: 640px;
3095}
3096.has-overlong {
3097	position: relative;
3098	margin: 0 -5px -3px;
3099	padding: 0 5px 3px;
3100	background: #f5ecec;
3101	background: linear-gradient(to right, #f5ecec, #f5ecec 655px, rgba(245,236,236,0) 655px);
3102}
3103.overlong-mark {
3104	position: absolute;
3105	top: 0;
3106	left: 0;
3107	right: 0;
3108	padding-bottom: 5px;
3109	background: #ffffff;
3110	background: linear-gradient(to top, rgba(255,255,255,0), #ffffff 10px);
3111}
3112.overlong-allowed {
3113	visibility: hidden;
3114}
3115.overlong-content {
3116	position: relative;
3117	z-index: 1;
3118}
3119.cmtnumhead {
3120	display: inline-block;
3121	margin-right: 0.75em;
3122}
3123.cmtname, .cmttime, .cmttags, .cmtvis {
3124	display: inline-block;
3125	padding-right: 1.5em;
3126}
3127.cmttime, .cmtvis {
3128	color: #999999;
3129}
3130.cmtnumhead span.cmtnumat {
3131	color: #aaaaaa;
3132}
3133.cmtev {
3134	padding: 5px 0 1em 2px;
3135}
3136.cmthint {
3137	font-size: smaller;
3138	margin-bottom: 0.5ex;
3139	color: #555555;
3140	background: #fff9fb;
3141	padding: 0.2em 1em 0.3em 8px;
3142}
3143.cmtlink {
3144	display: inline-block;
3145	padding-bottom: 2px;
3146}
3147span.tagbg, a.tagbg {
3148	display: inline-block;
3149	padding-left: 2px;
3150	padding-right: 2px;
3151}
3152del span.tagbg {
3153	-webkit-text-decoration-line: line-through;
3154	text-decoration-line: line-through;
3155}
3156
3157.words {
3158	color: #555555;
3159}
3160.aabut .words {
3161	padding-top: 2px;
3162}
3163.wordsclose {
3164	color: #cc0000;
3165}
3166.wordsover {
3167	font-weight: bold;
3168	color: #cc0000;
3169}
3170
3171/* print */
3172@media print {
3173body {
3174	color: black;
3175}
3176.pspcard_container {
3177	float: none;
3178	position: static;
3179	width: auto;
3180	margin-left: 0;
3181	margin-bottom: 16px;
3182}
3183.pspcard_body {
3184	-webkit-column-count: 200px 2;
3185	columns: 200px 2;
3186}
3187.papcard, .pedcard, .notecard, .revcard, .cmtcard {
3188	margin-left: -24px;
3189	margin-right: -24px;
3190}
3191}
3192
3193#tracker {
3194	left: 0;
3195	top: 0;
3196	width: 100%;
3197	font-size: smaller;
3198	position: fixed;
3199	z-index: 8;
3200}
3201#tracker.active {
3202	background: rgba(100, 255, 100, 0.9);
3203}
3204#tracker.match {
3205	background: rgba(221, 250, 238, 0.9);
3206}
3207#tracker.nomatch {
3208	background: rgba(252, 177, 185, 0.9);
3209}
3210#tracker.active.nomatch {
3211	background: rgba(255, 255, 100, 0.9);
3212}
3213#tracker .trackerholder {
3214	padding: 0.5em 1em 0.5em 0.8em;
3215	border-bottom: 1px solid #6a936a;
3216	color: #3d3d57;
3217}
3218#tracker.nomatch .trackerholder {
3219	border-bottom: 1px solid #f33360;
3220}
3221#tracker .trackerinfo {
3222	margin-left: 48px;
3223	line-height: 1.25;
3224}
3225#trackerlogo {
3226	float: left;
3227	position: absolute;
3228	top: 1px;
3229	left: 7px;
3230	padding: 5px 0 0 5px;
3231	border-radius: 10px;
3232	color: #0b522b;
3233}
3234#trackerlogo:before {
3235	content: "\261e";
3236	font-size: 300%;
3237	line-height: 24px;
3238}
3239#tracker.nomatch #trackerlogo {
3240	/*background: rgba(255, 220, 215, 0.9);*/
3241	color: #e33355;
3242	animation: 3s 0s infinite normal trackernomatchlogo;
3243}
3244#tracker.nomatch .tracker0 {
3245	color: #b31028;
3246}
3247@keyframes trackernomatchlogo {
3248	from, to { left: 7px; }
3249	9% { left: 0px; animation-timing-function: ease-in; }
3250	16% { left: 11px; animation-timing-function: ease-out; }
3251	21% { left: 3px; animation-timing-function: ease-in; }
3252	26% { left: 9px; animation-timing-function: ease-out; }
3253	29% { left: 5px; animation-timing-function: ease-in; }
3254	31% { left: 7px; animation-timing-function: ease-out; }
3255}
3256#tracker .tracker1, #tracker .tracker2, #tracker .tracker3,
3257#tracker .tracker4, #tracker .tracker5 {
3258	padding-top: 2px;
3259}
3260#tracker .tracker2, #tracker .tracker3,
3261#tracker .tracker4, #tracker .tracker5 {
3262	font-size: smaller;
3263}
3264.trackerdesc {
3265	font-weight: bold;
3266	padding-right: 0.5em;
3267}
3268.trackerpid {
3269	text-align: right;
3270	padding-right: 0.5em;
3271}
3272#tracker .trackeris_reviewer, #tracker .trackeris_manager,
3273#tracker .trackeris_conflict, #tracker .trackeris_lead {
3274	font-weight: bold;
3275}
3276#trackerelapsed {
3277	font-weight: bold;
3278	padding: 0 1em 0 0.5em;
3279	opacity: 0.5;
3280	text-align: right;
3281}
3282
3283#trackertable {
3284	font-size: larger;
3285}
3286.trackertable0 {
3287	background: #ffffff;
3288}
3289.trackertable0.t > td.trackertable {
3290	border-top: 1px solid #f33360;
3291}
3292.trackertable0.b > td.trackertable {
3293	border-bottom: 1px solid #f33360;
3294}
3295.trackertable {
3296	padding: 0.25em 0.5em 0.25em 0;
3297}
3298.trackertable.trackertitle {
3299	padding-right: 2em;
3300}
3301.trackertable.trackerpcconf {
3302	padding-top: 0;
3303	font-size: smaller;
3304}
3305
3306/* mail */
3307.mail {
3308	background-color: #e6e1cf;
3309	margin: 8px 0;
3310	padding: 8px 12px 2px;
3311	border-radius: 5px;
3312	display: table;
3313}
3314.mhx {
3315	padding: 0 1em;
3316}
3317.mhn, .mhnp {
3318	text-align: right;
3319	font-weight: bold;
3320}
3321.mhnp, .mhdd, .mhdp {
3322	padding: 2px 4px;
3323}
3324.mhcb {
3325	padding-right: 0.5em;
3326}
3327.mhb {
3328	padding: 4px;
3329}
3330.mhb pre {
3331	background-color: #ffffff;
3332	padding: 4px 8px;
3333	display: table-cell;
3334}
3335.mail tbody.pltable {
3336	background-color: #ffffff;
3337}
3338.mhdp {
3339	font-size: smaller;
3340	font-family: monospace;
3341}
3342.mhpad {
3343	padding: 4px;
3344}
3345
3346
3347/* folding */
3348.foldc .fx, .foldo .fn,
3349.foldc .fx0, .foldo .fn0,
3350.fold1c .fx1, .fold1o .fn1,
3351.fold2c .fx2, .fold2o .fn2,
3352.fold3c .fx3, .fold3o .fn3,
3353.fold4c .fx4, .fold4o .fn4,
3354.fold5c .fx5, .fold5o .fn5,
3355.fold6c .fx6, .fold6o .fn6,
3356.fold7c .fx7, .fold7o .fn7,
3357.fold8c .fx8, .fold8o .fn8,
3358.fold9c .fx9, .fold9o .fn9,
3359.fold10c .fx10, .fold10o .fn10,
3360.fold11c .fx11, .fold11o .fn11,
3361.fold12c .fx12, .fold12o .fn12,
3362.fold13c .fx13, .fold13o .fn13,
3363.fold14c .fx14, .fold14o .fn14,
3364.fold15c .fx15, .fold15o .fn15,
3365.fold16c .fx16, .fold16o .fn16,
3366.fold17c .fx17, .fold17o .fn17,
3367.fold18c .fx18, .fold18o .fn18,
3368.fold19c .fx19, .fold19o .fn19,
3369.fold20c .fx20, .fold20o .fn20,
3370.fold21c .fx21, .fold21o .fn21,
3371.fold22c .fx22, .fold22o .fn22,
3372.fold23c .fx23, .fold23o .fn23,
3373.fold24c .fx24, .fold24o .fn24,
3374.fold25c .fx25, .fold25o .fn25,
3375.fold26c .fx26, .fold26o .fn26,
3376.fold27c .fx27, .fold27o .fn27,
3377.fold28c .fx28, .fold28o .fn28,
3378.fold29c .fx29, .fold29o .fn29,
3379.fold30c .fx30, .fold30o .fn30,
3380.fold31c .fx31, .fold31o .fn31,
3381.fold32c .fx32, .fold32o .fn32,
3382.fold33c .fx33, .fold33o .fn33,
3383.fold34c .fx34, .fold34o .fn34,
3384.fold35c .fx35, .fold35o .fn35,
3385.fold36c .fx36, .fold36o .fn36,
3386.fold37c .fx37, .fold37o .fn37,
3387.fold38c .fx38, .fold38o .fn38,
3388.fold39c .fx39, .fold39o .fn39,
3389.fold40c .fx40, .fold40o .fn40,
3390.fold41c .fx41, .fold41o .fn41,
3391.fold42c .fx42, .fold42o .fn42,
3392.fold43c .fx43, .fold43o .fn43,
3393.fold44c .fx44, .fold44o .fn44,
3394.fold45c .fx45, .fold45o .fn45,
3395.fold46c .fx46, .fold46o .fn46,
3396.fold47c .fx47, .fold47o .fn47,
3397.fold48c .fx48, .fold48o .fn48,
3398.fold49c .fx49, .fold49o .fn49,
3399.fold50c .fx50, .fold50o .fn50,
3400.fold51c .fx51, .fold51o .fn51,
3401.fold52c .fx52, .fold52o .fn52,
3402.fold53c .fx53, .fold53o .fn53,
3403.fold54c .fx54, .fold54o .fn54,
3404.fold55c .fx55, .fold55o .fn55,
3405.fold56c .fx56, .fold56o .fn56,
3406.fold57c .fx57, .fold57o .fn57,
3407.fold58c .fx58, .fold58o .fn58,
3408.fold59c .fx59, .fold59o .fn59,
3409.fold60c .fx60, .fold60o .fn60,
3410.fold61c .fx61, .fold61o .fn61,
3411.fold99c .fx99, .fold99o .fn99,
3412.hidden {
3413	display: none;
3414}
3415.foldc:hover .fhn_ib, .foldo:hover .fhx_ib {
3416	display: inline-block;
3417}
3418.foldc:hover .fhn_b, .foldo:hover .fhx_b {
3419	display: block;
3420}
3421.foldc:hover .fhx_ib, .foldo:hover .fhn_ib,
3422.foldc:hover .fhx_b, .foldo:hover .fhn_b {
3423	display: none;
3424}
3425
3426/* score help */
3427a.help {
3428	font-size: smaller;
3429	font-weight: normal;
3430	position: relative;
3431	bottom: 0.5em;
3432}
3433
3434/* popup dialogs */
3435.popupbg {
3436	background-color: rgba(0, 0, 0, 0.4);
3437	position: fixed;
3438	top: 0;
3439	bottom: 0;
3440	left: 0;
3441	right: 0;
3442	z-index: 59;
3443	display: none;
3444}
3445.popupc, .popupo {
3446	border: 1px solid rgba(0, 0, 0, 0.6);
3447	border-radius: 4px;
3448	padding: 0.75em 1em;
3449	background: #fbfbfa;
3450	position: absolute;
3451	min-width: 15em;
3452	max-width: 32em;
3453	z-index: 60;
3454	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
3455}
3456.popupo.popupcenter {
3457	max-width: 64em;
3458	max-height: 70%;
3459	overflow-y: auto;
3460}
3461.popupc {
3462	display: none;
3463}
3464.popupc p:first-child, .popupo p:first-child {
3465	margin-top: 0;
3466}
3467.popup-actions {
3468	margin-top: 1em;
3469}
3470.popup-actions .btn {
3471	float: right;
3472	margin-left: 1em;
3473}
3474.popup-bottom {
3475	clear: both;
3476	padding-top: 12px;
3477	margin-bottom: -12px;
3478}
3479
3480/* scores */
3481div.scorechart, div.inb {
3482	display: inline-block;
3483}
3484div.sc {
3485	font-size: smaller;
3486	padding-bottom: 2px;
3487}
3488.sv {
3489	font-weight: bold;
3490}
3491.sv1, .svr9 { color: #9c3131; }
3492.sv2, .svr8 { color: #a04b00; }
3493.sv3, .svr7 { color: #a26300; }
3494.sv4, .svr6 { color: #a17900; }
3495.sv5, .svr5 { color: #9d8f00; }
3496.sv6, .svr4 { color: #929e00; }
3497.sv7, .svr3 { color: #7fad00; }
3498.sv8, .svr2 { color: #5fbd00; }
3499.sv9, .svr1 { color: #00cc00; }
3500.dark .sv1, .dark .svr9 { color: #dd3131; }
3501.dark .sv2, .dark .svr8 { color: #d75517; }
3502.dark .sv3, .dark .svr7 { color: #cb7100; }
3503.dark .sv4, .dark .svr6 { color: #ba8800; }
3504.dark .sv5, .dark .svr5 { color: #a79d00; }
3505.dark .sv6, .dark .svr4 { color: #98a900; }
3506.dark .sv7, .dark .svr3 { color: #81b500; }
3507.dark .sv8, .dark .svr2 { color: #5fc100; }
3508.sv-blpu1, .sv-publ9 { color: #4b8bc1; }
3509.sv-blpu2, .sv-publ8 { color: #4181be; }
3510.sv-blpu3, .sv-publ7 { color: #3b76bb; }
3511.sv-blpu4, .sv-publ6 { color: #396bb7; }
3512.sv-blpu5, .sv-publ5 { color: #3b5fb2; }
3513.sv-blpu6, .sv-publ4 { color: #4053ab; }
3514.sv-blpu7, .sv-publ3 { color: #4646a3; }
3515.sv-blpu8, .sv-publ2 { color: #4d389a; }
3516.sv-blpu9, .sv-publ1 { color: #54278f; }
3517.dark .sv-blpu2, .dark .sv-publ8 { color: #4b89c7; }
3518.dark .sv-blpu3, .dark .sv-publ7 { color: #4e86cd; }
3519.dark .sv-blpu4, .dark .sv-publ6 { color: #5582d1; }
3520.dark .sv-blpu5, .dark .sv-publ5 { color: #5f7ed5; }
3521.dark .sv-blpu6, .dark .sv-publ4 { color: #6b79d7; }
3522.dark .sv-blpu7, .dark .sv-publ3 { color: #7873d8; }
3523.dark .sv-blpu8, .dark .sv-publ2 { color: #866dd7; }
3524.dark .sv-blpu9, .dark .sv-publ1 { color: #9565d5; }
3525.sv-viridis1, .sv-viridisr9 { color: #440154; }
3526.sv-viridis2, .sv-viridisr8 { color: #472c7a; }
3527.sv-viridis3, .sv-viridisr7 { color: #3b518b; }
3528.sv-viridis4, .sv-viridisr6 { color: #2c718e; }
3529.sv-viridis5, .sv-viridisr5 { color: #21908d; }
3530.sv-viridis6, .sv-viridisr4 { color: #27ad81; }
3531.sv-viridis7, .sv-viridisr3 { color: #5cc863; }
3532.sv-viridis8, .sv-viridisr2 { color: #aadc32; }
3533.sv-viridis9, .sv-viridisr1 { color: #dbcb39; /* #fde725 */ }
3534.dark .sv-viridis1, .dark .sv-viridisr9 { color: #b01cd4; }
3535.dark .sv-viridis2, .dark .sv-viridisr8 { color: #6d3ec7; }
3536.dark .sv-viridis3, .dark .sv-viridisr7 { color: #506dba; }
3537.sc_sum {
3538	font-size: smaller;
3539}
3540
3541/* offline reviewing */
3542table#offlineform h3 {
3543	text-align: center;
3544	font-size: 100%;
3545	color: #555555;
3546}
3547table#offlineform ul {
3548	list-style-type: none;
3549}
3550table#offlineform table, table#offlineform form {
3551	margin: 0.5em 1.5em;
3552	padding: 0;
3553	display: block;
3554}
3555
3556/* action log */
3557.lognav {
3558	margin: 0.75em auto 0 auto;
3559}
3560.lognavd, .lognavdr {
3561	min-width: 6em;
3562}
3563.lognavdr, .lognavxr {
3564	text-align: right;
3565}
3566.pltable_log {
3567	table-layout: fixed;
3568}
3569th.pl_logname {
3570	width: 20%;
3571}
3572td.pl_logname {
3573	overflow-wrap: break-word;
3574}
3575th.pl_logaction {
3576	width: 40%;
3577}
3578
3579/* graphs */
3580.axis.widelabel > .tick {
3581	font-size: smaller;
3582}
3583.axis path, .axis line {
3584	fill: none;
3585	stroke: black;
3586	shape-rendering: crispEdges;
3587}
3588
3589.gcdf {
3590	fill: none;
3591	stroke: rgba(70, 130, 180, 0.5);
3592	stroke-width: 1.5px;
3593}
3594.revtimel_all {
3595	stroke: red;
3596	stroke-width: 2.5px;
3597}
3598.revtimel_hilite {
3599	stroke: black;
3600}
3601.gcdf.revtimel_light {
3602	stroke-width: 0.5px;
3603}
3604
3605.gdot, .gbar, .gbox {
3606	stroke: rgba(70, 130, 180, 0.8);
3607	fill: rgba(70, 130, 180, 0.2);
3608}
3609.gcdf.whitetag, .gdot.whitetag, .gbar.whitetag, .gbox.whitetag {
3610	stroke: rgba(255, 255, 255, 0.8);
3611}
3612.gdot.whitetag, .gbar.whitetag, .gbox.whitetag, .glab.whitetag {
3613	fill: rgba(255, 255, 255, 0.6);
3614}
3615.gcdf.redtag, .gdot.redtag, .gbar.redtag, .gbox.redtag {
3616	stroke: rgba(245, 51, 51, 0.8);
3617}
3618.gdot.redtag, .gbar.redtag, .gbox.redtag, .glab.redtag {
3619	fill: rgba(245, 51, 51, 0.2);
3620}
3621.gcdf.orangetag, .gdot.orangetag, .gbar.orangetag, .gbox.orangetag {
3622	stroke: rgba(214, 136, 0, 0.8);
3623}
3624.gdot.orangetag, .gbar.orangetag, .gbox.orangetag, .glab.orangetag {
3625	fill: rgba(214, 136, 0, 0.2);
3626}
3627.gcdf.yellowtag, .gdot.yellowtag, .gbar.yellowtag, .gbox.yellowtag {
3628	stroke: rgba(191, 186, 38, 0.8);
3629}
3630.gdot.yellowtag, .gbar.yellowtag, .gbox.yellowtag, .glab.yellowtag {
3631	fill: rgba(221, 216, 85, 0.3);
3632}
3633.gcdf.greentag, .gdot.greentag, .gbar.greentag, .gbox.greentag {
3634	stroke: rgba(72, 185, 72, 0.8);
3635}
3636.gdot.greentag, .gbar.greentag, .gbox.greentag, .glab.greentag {
3637	fill: rgba(13, 195, 13, 0.2);
3638}
3639.gcdf.bluetag, .gdot.bluetag, .gbar.bluetag, .gbox.bluetag {
3640	stroke: rgba(47, 47, 202, 0.8);
3641}
3642.gdot.bluetag, .gbar.bluetag, .gbox.bluetag, .glab.bluetag {
3643	fill: rgba(47, 47, 202, 0.2);
3644}
3645.gcdf.purpletag, .gdot.purpletag, .gbar.purpletag, .gbox.purpletag {
3646	stroke: rgba(150, 44, 186, 0.8);
3647}
3648.gdot.purpletag, .gbar.purpletag, .gbox.purpletag, .glab.purpletag {
3649	fill: rgba(150, 44, 186, 0.2);
3650}
3651.gcdf.graytag, .gdot.graytag, .gbar.graytag, .gbox.graytag {
3652	stroke: rgba(120, 120, 120, 0.8);
3653}
3654.gdot.graytag, .gbar.graytag, .gbox.graytag, .glab.graytag {
3655	fill: rgba(120, 120, 120, 0.2);
3656}
3657
3658.gcdf_hover0, .gdot_hover0, .gbar_hover0, .gbox_hover0 {
3659	stroke: rgba(70, 0, 0, 0.5);
3660	stroke-width: 3px;
3661}
3662.gcdf_hover1, .gdot_hover1, .gbar_hover1, .gbox_hover1 {
3663	stroke: yellow;
3664	stroke-width: 2px;
3665}
3666