/* ---------------------- */
/*	Basic Styling	*/
/* ---------------------- */
html { scroll-behavior: smooth; }
* { box-sizing: border-box; }
body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.4;
	font-weight: 600;
	margin: 0;
	background-color: #fff;
}
img { border: 0;}

/* ---------------------- */
/*	Header Styling    */
/* ---------------------- */
.colortop {
	width: 100%;
	margin: 0;
}
.color-z {
	background-color: #052165;	/* #132640 #022873 #19305c; */
	height: 1em;
}
.color-x {
	background-color: #25518C;	/* #19305c #1313c1; */
	height: 0.85em;
}
.color-a {
	background-color: #4481B2;	/* #144C85 #138af2; */
	height: 0.7em;
}
.color-b {
	background-color: #64B0D9;	/* #115dab #0E4741 #014040 #11e6f5; */
	height: 0.55em;
}
.color-c {
	background-color: #83E0FF;	/* #06935E #025949 #f7934a; */
	height: 0.4em;
}
.head-topper {
	width: 100%;
	margin: 0 0 2.5em;
}
#bar-logo {
	display: block;
	width: 96%;
	max-width: 1200px;
	margin: 1.5em auto -0.5em;
}
#bar-logo img { width: 100%; border-radius: 1em; }
#head-text {
	width: 100%;
	text-align: center;
	padding: 2em 0 0.5em;
	color: #19305c;
}
#head-text p.meet-title { font-size: 150%; margin: 0; line-height: 1.2; font-weight: 400; letter-spacing: 0.15em; }
#head-text p.meet-dates { font-size: 140%; line-height: 1.4; font-weight: 400; margin: 0.15em; }

#head-text p.prelim {
	font-family: 'Yellowtail', cursive;
	font-size: 400%;
	margin: 0.66em 0.4em 0 0;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0.015em;
	color: #d40000;
}
#head-text p.paag 		{ margin: 0; font-weight: 400; line-height: 1; }
#head-text p.paag span.bigP	{ font-size: 450%; font-weight: 500; letter-spacing: 0; }
#head-text p.paag span.rog-a-a	{ font-size: 330%; font-weight: 600; letter-spacing: 0.05em; }
#head-text p.paag span.bigG	{ font-size: 450%; font-weight: 500; letter-spacing: 0; }
#head-text p.paag span.lance	{ font-size: 330%; font-weight: 600; letter-spacing: 0.05em; }

#last-modified { text-align: center; }

div.top-blocks {			/* The bar of blocks at the top with the time note, search, etc */
	display: -ms-grid;
	display: grid;
	grid-gap: 0.75em;
	-ms-grid-columns: 0.6fr 0.75em 1fr 0.75em 1fr 0.75em 0.6fr;
	grid-template-columns: 0.6fr 1fr 1fr 0.6fr;
	border: 0;
	width: 98%;
	max-width: 1500px;
	margin: 0 auto 2.5em;
	background-color: #25518C;	/* #014040 #1313c1 */
	border: 0;
	border-radius: 1.25em;
	padding: 0.66em;
	border: 5px solid #052165;
}
div.top-blocks div {
	display: block;
	border: 5px solid #64B0D9;	/* #06935E #025949 #1cd8e5 */
	border-radius: 0.55em;
	background-color: #fff;
	padding: 0.35em;
}
div.back-button {
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}
div.back-button p {
	font-size: 115%;
	margin: 1em 0 1em -0.3em;
	text-align: center;
	vertical-align: middle;
}
div.special-focus {
	padding: 0.25em 1em;
	text-align: center;
}
div.searchblock {
	padding: 0.35em;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
div.timeblock {
	text-align: center;
	vertical-align: middle !important;
	margin: 0 auto;
	width: 100%;
}
div.timeblock p {
	text-align: center;
	vertical-align: middle !important;
}


div.calendarblock {
	text-align: center;
	width: 98%;
	max-width: 1500px;
	margin: 2em auto 0;
	background-color: #fff;
	border: 0;
}
div.calendarblock p {
	text-align: center;
	line-height: 1;
	margin: 1em 0 0.6em;
	font-size: 115%;
}
#cal-grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 0.78fr 0.66em 0.78fr 0.66em 1fr 0.66em 1fr 0.66em 1fr 0.66em 1.1fr;
	grid-template-columns: 0.78fr 0.78fr 1fr 1fr 1fr 1.1fr;
	grid-gap: 0.66em;
	width: 100%;
	margin: auto;
}
#cal-grid div p.calendar {
	box-sizing: border-box;
	border: 3px solid #19305c;
	border-radius: 0.6em;
	line-height: 1.25;
	padding: 0.5em 0.85em;
	margin: 0;
	text-align: center;
	background-color: #ccc;
}
#cal-grid div p.calendar a {
	line-height: 1.25;
	color: #19305c;
	text-decoration: none;
	font-weight: 600;
}
#cal-grid div p.calendar:hover {
	-webkit-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	background-color: #19305c;
}
#cal-grid div p.calendar:hover a {
	color: white;
}
#cal-grid div p.cal-times {
	font-size: 95% !important;
	line-height: 1;
	margin: 0 0.6em !important;
	padding: 0.4em 0.13em 0.66em;
	background-color: #e5e5e5;
	border-radius: 0 0 0.6em 0.6em;
	border: 2px solid #19305c;
	border-width: 0 2px 2px 2px;
}

#jump-now-button{ text-align: center; margin: 1.5em 0 1.5em; }
#jump-now-butt {
	display: block;
	width: 90%;
	max-width: 13em;
	margin: 0 auto;
	padding: 0.3em 0.25em 0.3em 0.5em;
	line-height: 1;
	text-align: center;
	font-size: 150%;
	font-weight: 700;
	border-radius: 0.8em;
	border: 0.25em solid darkgreen;
	background-color: lightgreen;	
}
#jump-now-butt a { color: darkgreen; text-decoration: none; }
#jump-now-butt:hover {
	transition-duration: 300ms;
	border: 0.25em solid lightgreen;
	background-color: darkgreen;
}
#jump-now-butt:hover a { color: lightgreen; }
#date-not-appear { margin: 1em 0 0; }


#head-key {
	display: block;
	vertical-align: top;
	width: 98%;
	max-width: 1500px;
	margin: 0 auto 2em;
	padding: 0;
	background-color: #555;
	border-radius: 1.25em;
	padding: 0.75em 0.75em 0.5em;
}
#key-grid {
	display: -ms-grid;
	display: grid;
	grid-gap: 0.4em 0.6em;
	padding: 0;
	margin: 0 auto;
}
div.key {
	box-sizing: border-box;
	border: 2px solid #19305c;
	border-radius: 0.66em;
	margin: 0;
	padding: 0.35em 0.5em 0.35em 0.5em;
	text-align: left;
	vertical-align: middle;
}
div.key p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	line-height: 1.2;
	font-weight: 600;
	font-size: 90%;
}
div.key p label input {
	background-image: url('../img/check.png');
}

.nuro {	background-color: #F7F056; color: #000; }				/* Neuro				Warms	*/
.card {	background-color: #F6C141; color: #000; }				/* Cardio			*/
.body {	background-color: #F1932D; color: #000; }				/* Body				*/
.musc {	background-color: #E8601C; color: #fff; }				/* Musculoskeletal		*/
.corg {	background-color: #DC050C; color: #fff; }				/* Cross-Organ			*/
.clin {	background-color: #aC05d4; color: #fff; }				/* Clinical/Preclinical		*/
.pedi { background-color: #ff96f3; color: #000; }				/* Pediatrics			*/
.skil { background-color: #98CAE1; color: #000; }				/* Transferable Skills			Cools	*/
.acan { background-color: #7BAFDE; color: #000; }				/* Image Acquisition & Analysis	*/
.cont { background-color: #5289C7; color: #fff; }				/* Contrast Mechanisms		*/
.phys { background-color: #1965B0; color: #fff; }				/* Physics & Engineering	*/
.plen { background-color: #19305C; color: #fff; }				/* Plenaries and ISMRM Blue	*/
.fmri { background-color: #00c7a9; color: #000; }				/* fmri				*/
.stgr {	background-color: #00520b; color: #fff; }				/* Study Groups				green	*/
.mach { background-color: #aee0a6; color: #000; }				/* Machine Learning		*/
.qant { background-color: #37994e; color: #fff; }				/* Quantitative Imaging		*/
.msym {	background-color: #882E72; color: #fff; }				/* Member-Initiated Symposia		purple	*/

.ppch span { color: #000; background-color: #ffffff66; margin-left: -3px; padding: 0 3px 1px; border-radius: 4px; }	/* Power Pitch bullet */
.dipo span { color: #fff; background-color: #00000056; margin-left: -3px; padding: 0 3px 1px; border-radius: 4px; }	/* Digital Posters bullet */
.post span { color: #000; background-color: #ffffff66; margin-left: -3px; padding: 0 3px 1px; border-radius: 4px; }	/* Traditional Posters bullet */

.secret { background-color: #666 !important; color: #999; border-color: #999 !important; }
.secret .scrt { background-color: #666; color: #999; border-color: #999 !important; }
.secret p { color: #999; }
.secret a { color: #999; }
.neut { background-color: #dadada; color: #000; }				/* Neutral background */

.smrt {										/* iSMRT Blue Ring */
	background-color: #fff;
	outline: 6px solid #42a9dc;
	outline-offset: -7px;
	padding-left: 0.75em;
}

/*
.sigh {										 Scientific Border (currently not in use)
	outline: 4px dotted #fff;
	outline-color: #888;
	outline-width: 2px;
	outline-style: solid;
	outline-offset: -6px;
	padding-left: 0.85em;
}
*/

/* .post { background-color: #d1bbd7; color: #000; }				 Poster Sessions (old purple color)	*/

/*
Complete pallette:
	#D1BBD7, #AE76A3, #882E72, #1965B0, #437DBF, #6195CF, #7BAFDE, #4EB265, #90C987, #CAE0AB, #F7F056, #F6C141, #F1932D, #E8601C, #DC050C, #777777
	#19305C
	#42a9dc 
*/

/* Gold & Bronze Gradients */
.gcrp {
	background-image:				/* Gold brushed metal lines */
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
	    linear-gradient(180deg,	/* Color gradient */
		hsl(48,75%,70%) 0%, 
		hsl(48,75%,90%) 43%, 
		hsl(48,75%,80%) 56%,
		hsl(48,75%,52%) 100%);
}
.scrp {
	background-image:				/* Silver brushed metal lines */
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
	    linear-gradient(180deg,	/* Color gradient */
		hsl(215,3%,85%) 0%, 
		hsl(215,3%,95%) 43%, 
		hsl(215,3%,90%) 56%,
		hsl(215,3%,50%) 100%);
}
.bcrp {
	background-image:				/* Bronze brushed metal lines */
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .03) 7.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.05) 4.5%),
		-webkit-repeating-linear-gradient(top, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.10) 2.2%),
	    linear-gradient(180deg,	/* Color gradient */
		hsl(20,26%,40%)  0%, 
		hsl(20,26%,70%) 47%, 
		hsl(20,26%,60%) 58%,
		hsl(20,26%,32%)100%);
}


/* ---------------------------- */
/*	 Checkbox Styling	*/
/* ---------------------------- */
.deselected {						/* De-Selected Session Types */
	background-color: #bbb !important;
	color: #ddd !important;
	background-image: none !important;
	outline: 0 !important;
}
.deselected span {
	background-color: initial;
}
.deselected a {
	color: #ddd;
}
.deselected p label input {
	background-image: url('../img/x2.png') !important;
	outline: 2px solid #fff;
	outline-offset: -4px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.chex {
	display: inline-block;
	cursor: pointer;
	z-index: 10;
}
.chex > input {
	box-sizing: border-box;
	height: 1.5em;
	width: 1.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	vertical-align: middle;
	margin: 0 0.42em 0.06em 0 !important;
	border: 2px solid #19305c;
	border-radius: 0.3em;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition-duration: 0.2s;
	cursor: pointer;
}
.chex > input:checked {
	outline: 2px solid #fff;
	outline-offset: -4px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
label.refrsh input {
	background-image: url('../img/refresh-icon-03-outline.png') !important;
}
label.refrsh input:checked {
	background-image: url('../img/refresh-icon-03-outline.png') !important;
}
label.deselct input {
	background-image: url('../img/x2.png') !important;
}
label.deselct input:checked {
	background-image: url('../img/x2.png') !important;
}


/* ---------------------- */
/*	Footer Styling    */
/* ---------------------- */

#footbar22 {
	border-radius: 1.5em;
	width: 98%;
	max-width: 1850px;
	margin: 0 auto 3em;
	padding: 1.25em 2em 1em;
	color: #fff;
	border: 0;
	background-color: #19305C;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	font-size: 11pt;
	line-height: 1.3;
}
#footbar22 a {
	color: #19305c;
}
img.nav-svgarw {
	height: 3em;
	width: auto;
	vertical-align: middle;
	padding: 0;
	border: 0;
	margin: 0 0.1em 0 0;
}
.back-buttons {
	display: table;
	background-color: #fff;
	padding: 0.1em 1em 0.1em 0.2em;
	border-radius: 2em;
	text-align: center;
	margin: 1em auto 1.5em auto;
}


/* ---------------------------- */
/*	  Day Bar Styling	*/
/* ---------------------------- */

div.day-bars {					/* The Day Bar */
	clear: both;
	box-sizing: border-box;
	width: 98%;
	max-width: 1850px;
	margin: 0 auto 2em;
	padding: 0.66em 0.25em 1.25em 1.75em;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 100;
	vertical-align: top;
	border: 6px solid #19305c;
	border-radius: 1.5em;
	background-color: #ccc;
}
.big-day {					/* Top text container */
	display: block;
	margin: 0.25em 0 0.8em 2em;
}
.big-day p {
	font-size: 240%;
	line-height: 1.35;
	font-weight: 700;
	color: #19305c;
	margin: 0;
	padding: 0;
}
.big-nav {
	display: inline-block;
	margin: 0.25em 0 0.25em 1.66em;
}
.big-nav p {
	display: inline-block;
	line-height: 1;
	background-color: #fff;
	padding: 0 0.7em 0 0.1em;
	margin: 0 0.25em;
	border-radius: 2em;
}
img.nav-arrow {				/*	depreciated	*/
	height: 13px;
	width: 13px;
	vertical-align: middle;
	padding: 0.42em;
	border: 3px solid #42a9dc;
	border-radius: 15px;
	background: #fff;
	margin: 0 5px 0 3px;
}
img.nav-svg {
	height: 3em;
	width: auto;
	vertical-align: middle;
	padding: 0;
	border: 0;
	margin: 0 0.1em 0 0;
}
.db-1 {
	display: inline-block;
	vertical-align: top;
}
.db-2 {
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	margin: 0.15em 0.2em 0.25em 1em;
	background-color: #fff;
	padding: 0.5em 0.66em 0.25em 0.7em;
	border-radius: 0.5em;
}
.db-2 p {
	font-size: 95%;
	padding: 0;
	margin: 0 0 0.31em;
	line-height: 1.2;
}
.db-3 {
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	margin: 0.15em 0.2em 0.25em 1em;
	background-color: #fff;
	padding: 0.5em 0.55em 0.25em;
	border-radius: 0.5em;
}
.db-3 p {
	padding: 0;
	margin: 0 0 0.33em;
	line-height: 1;
	font-size: 90%;
}


/* ----------------------------- */
/*   Main Block & Grid Styling	 */
/* ----------------------------- */


p.jumpp {				/* hidden anchors for jump links */
	position: relative;
	height: 1px;
	margin: 0;
	padding: 0;
	line-height: 0;
}
p.jumpp a {
	position: absolute; top: -175px;
}
p.jumpD {				/* hidden anchors for day bar jump links */
	position: relative;
	height: 1px;
	margin: 5em 0 0;
	padding: 0;
	line-height: 0;
}
p.jumpD a {
	position: absolute; top: 0;
}

div.main-blocks {			/* 100% width block for a set of sessions */
	clear: both;
	width: 98%;
	max-width: 1850px;
	background-color: #FFF;
	margin: 0 auto 2em auto;
	padding: 1.25em 1.33em 0.90em 1.33em;
	border-radius: 1.5em;
	background-color: #555;
}
div.main-blocks-solo {			/* Block (without a Grid) for things like plenaries and coporate stuff */
	clear: both;
	width: 98%;
	max-width: 1850px;
	background-color: #FFF;
	margin: 0 auto 2em auto;
	padding: 0;
}
.grid-sessions {			/* The Grid inside a Main Block */
	display: -ms-grid;
	display: grid;
	grid-gap: 0;
	border: 0;
	width: 100%;
	margin: 0;
}
					/* The number of sessions in a Grid */
.g11box {
	-ms-grid-columns:	1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.g10box {
	-ms-grid-columns:	1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.g9box {
	-ms-grid-columns:	1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.g8box {
	-ms-grid-columns:	1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.g7box {
	-ms-grid-columns:	1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.g6box {
	-ms-grid-columns:	1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr 1fr;
}
.g5box {
	-ms-grid-columns:	1fr 0 1fr 0 1fr 0 1fr 0 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr 1fr;
}
.g4box {
	-ms-grid-columns:	1fr 0 1fr 0 1fr 0 1fr;
	grid-template-columns:	1fr 1fr 1fr 1fr;
}
.g3box {
	-ms-grid-columns:	1fr 0 1fr 0 1fr;
	grid-template-columns:	1fr 1fr 1fr;
}
.g2box {
	-ms-grid-columns:	1fr 0 1fr;
	grid-template-columns:	1fr 1fr;
}
.g1box {
	-ms-grid-columns:	1fr;
	grid-template-columns:	1fr;
}
.time-desc {
	font-size: 140%;
	line-height: 1.2;
	margin: 0 0 0.33em 0.25em;
	color: #fff;
	grid-column: 1/-1;
}
.time-early {
	font-size: 90%;
	line-height: 1.35;
	color: #fff;
	margin: -0.33em 0 0.25em 2em;
}
.sesh-types {
	line-height: 1.25;
	font-size: 110%;
	margin: 0.5em 0 0.5em 1em;
	color: #fff;
	grid-column: 1/-1;
}
i.c-no {
	font-size: 85%;
	font-weight: 400;
}


/* ---------------------------- */
/*    Session Square Styling	*/
/* ---------------------------- */

div.square {					/* A session in a Grid */
	box-sizing: border-box;
	color: #19305c;
	width: 100%;
	background-color: #fff;
	padding: 0 0 1em 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-radius: 0.75em;
	border: 2px solid #2E2E2E;
}
div.sq-empty {
	background-color: gray;
	border-color: #555;
	min-height: 4em;
}
div.square-solo {				/* A session that is the only one in its time slot (must be inside main-blocks-solo div) */
	color: #19305c;
	border: 0px;
	width: 100%;
	max-width: 700px;
	background-color: #f1d592;
	box-sizing: border-box;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 0.66em;
}
div.square-plen {				/* Plenary Session (must be inside main-blocks-solo div) */
	background-color: #19305c;
	color: #19305c;
	border-radius: 1.5em;
	max-width: 1300px;
	margin: 0 auto 2em auto;
	padding: 1.5em;
	box-sizing: border-box;
}
div.square-corp {				/* Corporate Symposia */
	color: #19305c;
	border: 0.66em solid #19305c;
	border-radius: 1.5em;
	width: 98%;
	max-width: 800px;
	margin: 0 auto 2em auto;
	padding: 1.22em 0;
	text-align: center;
}
p.square-corp-head {				/* Corporate header */
	font-size: 130%;
	line-height: 1.4;
	margin: 0;
}
div.square-exhib {				/* Exhibition Hall */
	outline: 0.75em solid yellow;
	outline-offset: -1.75em;
	color: #19305c;
	border: 0.66em solid #19305c;
	border-radius: 1.5em;
	max-width: 800px;
	margin: 0 auto 2em auto;
	padding: 1.25em 0;
}
p.square-exhib-head {				/* Exhibition header */
	font-size: 170%;
	line-height: 1.45;
	margin: 0.3em 0 0.25em 2em;
}
p.square-exhib-link {				/* Exhibition link */
	margin: 0 0 0.5em 4em;
}


/* ------------------------------------- */
/*    Session Square Internal Styling    */
/* ------------------------------------- */

div.square p.catcol {					/* Session Square Category Color Bar */
	margin: -2px -2px 0.66em -2px;
	padding: 0.5em 0.25em 0.5em 0.75em;
	font-weight: 600;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #2E2E2E;
	border-radius: 0.75em 0.75em 0 0;
	text-align: left;
	font-size: 90%;
	min-height: 4.2em !important;
	display: block;
}
div.square p.lab {					/* Session Label -- 1st line */
	font-size: 95%;
	margin: 0.2em 0.25em 0.15em;
	text-align: center;
}
div.square p.lab-s {					/* Session Label w/bottom padding for multi-topic sessions (T-posters, study groups, etc) -- 1st line */
	font-size: 95%;
	margin: 0.2em 0.25em 0.75em;
	text-align: center;
}
div.square p.rum {					/* Session Room Number -- 2nd line */
	font-size: 90%;
	line-height: 1.25;
	font-weight: 400;
	margin: 0.5em 0 0.25em;
	text-align: center;
}
div.square p.tim {					/* Session Time -- 3rd line */
	font-size: 93%;
	margin: 0.25em 0;
	text-align: center;
	line-height: 1.25;
	font-style: italic;
}
div.square div.ttlspc {					/* Session title gray box -- 4th line */
	box-sizing: border-box;
	width: 93%;
	border: 1px solid #333;
	margin: 0 auto;
	background-color: #efefef;
}
div.square div.ttlspc p {				/* Session title text */
	text-align: center;
	font-size: 90%;
	line-height: 1.3;
	margin: 0.65em 0.3em;
}
img.cfmIco {						/* CFM icon styling (general) */
	box-sizing: border-box;
	display: block;
	height: auto;
	width: 72%;
	max-width: 150px;
	margin: 0.75em auto 0.1em;
	/* border: 2px solid lightgray; */
	/* border-radius: 0.66em; */
	/* padding: 0.35em 0.55em 0.35em 0.5em; */
}
img.cfmIcoInline {					/* CFM icon styling for icon in session color header */
	display: inline;
	float: left;
	margin: 0 0.5em 0 -0.18em;
	height: 2.7em;
	width: auto;
	border-radius: 0.33em;
	padding: 0.15em 0;
	background-color: #fff;
}
img.cfmIcoPlen {					/* CFM icon styling for plenary session title */
	float: left;
	margin: 0.25em 1em 0.5em 0;
	height: 3.8em;
	width: auto;
	border-radius: 0.5em;
	padding: 0.25em 0.15em;
	background-color: #fff;
}
img.fire-icon {
	height: 2.2em;
	width: auto;
	vertical-align: top;
	margin: 0 0.35em 0 0;
	border: 0;
}
.button-style {
	background-color: #fff;
	border: 0;
	color: #19305c;
	padding: 0;
	margin: 0;
	font-weight: 600;
	cursor: pointer;
}
div.square p.bot {					/* Text at bottom of a Square */
	text-align: center;
	font-style: italic;
	font-weight: 400;
	line-height: 1.25;
	margin: 0.25em 0 0 0;
	font-size: 85%;
}

div.brk {						/* Breaks */
	width: 95%;
	max-width: 1775px;
	margin: 2em auto;
	border: 4px dotted #bbb;
	border-radius: 1.25em;
	text-align: left;
	background-color: #fff;
}
div.brk p {						/* Break text */
	font-size: 130%;
	letter-spacing: 0.5px;
	font-weight: 700;
	font-style: italic;
	line-height: 1.2;
	margin: 0.75em 3em;
	color: #19305c;
}
img.svgpdf {
	width: auto;
	height: 1.5em;
	margin: 0.5em 0.25em 0 0;
	vertical-align: bottom;
}




/* ----------------------------------------------- */
/*    Plenary Styling -- Inside square-plen div    */
/* ----------------------------------------------- */



p.square-plen-head {					/* Plenary header */
	text-align: center;
	margin: 0 0 0.1em 0;
	font-size: 150%;
	line-height: 1.3;
	color: #fff;
}
p.square-plen-head a {
	color: #fff;
}
p.square-plen-rum {					/* Plenary room number */
	text-align: center;
	font-size: 100%;
	color: #fff;
	margin: 0.1em 0 1em;
}
div.plenary-row {					/* Plenary session lecture/series title bar (darker gray) */
	width: 100%;
	color: #19305c;
	vertical-align: middle;
	background-color: #D3D3D3;
	text-align: left;
	margin: 1em auto 0 auto;
	padding: 0.25em 1em;
	box-sizing: border-box;
}
div.plenary-row p.pl-big {				/* Plenary session title text */
	font-size: 135%;
	line-height: 1.4;
	margin: 0.5em;
	font-weight: 600;
}
div.plenary-row p.pl-orgz {				/* Plenary Organizers & Moderators */
	font-size: 100%;
	font-weight: 400 !important;
	margin-top: -0.66em !important;
	margin-left: 0.75em;
}
div.plenary-spacer {					/* Plenary spacer block */
	height: 0.5em;
	grid-column: 1 / 4;
	outline: 0 !important;
}
div.plenary-grid {					/* Plenary grid for time, title, speaker (lighter gray) */
	display: -ms-grid;
	display: grid;
	grid-gap: 0;
	-ms-grid-columns: 1.2fr 0 6.4fr 0 5fr;
	grid-template-columns: 1.2fr 6.4fr 5fr;
	margin: 0;
	width: 100%;
	padding: 0;
	color: #19305c;
	vertical-align: top;
	box-sizing: border-box;
}
div.plenary-grid div {					/* Divs in plenary grid */
	padding: 0;
	vertical-align: top;
	outline: 2px solid #19305c;
	text-align: left;
	font-size: 107%;
	line-height: 1.4;
	box-sizing: border-box;
	background-color: #F3F4F7;
}
div.plenary-time {					/* Plenary talk time */
	font-size: 107%;
	line-height: 1.4;
	text-align: center !important;
	box-sizing: border-box;
}
div.plenary-time p {
	margin: 0.8em 0.25em 0.1em;
}
div.plenary-title {					/* Plenary talk title */
	font-size: 107%;
	line-height: 1.4;
	font-style: italic;
	text-align: left;
	background-color: #F3F4F7;
	box-sizing: border-box;
}
div.plenary-speak {					/* Plenary talk speaker */
	font-size: 107%;
	line-height: 1.4;
	text-align: left;
	background-color: #F3F4F7;
	box-sizing: border-box;
}
div.plenary-adjourn {					/* Plenary adjournment */
	grid-column: 2 / 4;
	text-align: left;
	background-color: #F3F4F7;
	box-sizing: border-box;
}
div.plenary-grid div p {
	margin: 0.66em 1em;
}
.svgvid {						/* video icon for plenary stream recording */
	height: 1.5em;
	width: auto;
	margin: 0 0.5em 0.3em 0 !important;
	vertical-align: middle;
	background-color: #fff;
	padding: 3px;
	border-radius: 4px;
}



/* MODAL STYLES */
/* MODAL STYLES */
/* MODAL STYLES */
/* MODAL STYLES */

.modal {				/* The Modal (background) */
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 101; /* Sit on top */
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: rgb(f,f,f);
	background-color: rgba(0,0,0,0.4);
}
.modal-content {			/* Modal Content */
	position: relative;
	background-color: #19305c;
	margin: 4em auto;
	padding: 0;
	border: 6px solid #19305c;
	border-radius: 1.2em;
	width: 90%;
	max-width: 1000px;
	min-width: 250px;
	box-shadow: 0.8em 1.5em 0.42em 0 rgba(0,0,0,0.4);
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 0.4s;
	animation-name: animatebottom;
	animation-duration: 0.4s;
}
/* Add Animation */
@-webkit-keyframes animatebottom {
	from {bottom:-300px; opacity:0} 
	to {bottom:0; opacity:1}
}
@keyframes animatebottom {
	from {bottom:-300px; opacity:0}
	to {bottom:0; opacity:1}
}
/* The Close Button */
.close {
	display: inline-block;
	height: 22px;
	width: auto;
	float: right;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
p.close-b {
	display: table;
	text-align: center;
	cursor: pointer;
	font-size: 90%;
	padding: 0.2em 1em 0.35em;
	border-radius: 0.5em;
	line-height: 1;
	margin: 2em auto 0.5em;
	border: 2px solid #888;
	color: #666;
}
div.modal-header {
	padding: 1em 2em 1.6em 2em;
	background-color: #19305c;
	color: white;
}
div.modal-header p {
	color: white;
	display: inline-block;
	font-size: 140%;
	line-height: 1;
	font-weight: 400;
	margin: 0;
	width: 80%;
}
div.modal-body {
	padding: 1em 2.5em 1.25em;
	color: #19305c;
	background-color: #fefefe;
	border-radius: 0.66em;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 80vh;
}
p.modal-spkr {
	font-size: 170%;
	line-height: 1.25;
	font-weight: 600;
	margin: 0.5em 0 0.25em;
	text-align: center;
}
p.modal-spkr2 {
	font-size: 115%;
	line-height: 1.35;
	font-weight: 600;
	margin: 0.2em 0 0.7em;
	text-align: center;
}
p.modal-ttl {
	font-size: 130%;
	line-height: 1.2;
	font-weight: 600;
	margin: 0.5em 0 1.25em;
	font-style: italic;
	text-align: center;
}
.modal-pic {
	width: auto;
	max-height: 450px;
	float: right;
	margin: 0.1em 0 0.5em 1em;
}
p.modal-txt {
	font-size: 110%;
	font-weight: 400;
	line-height: 1.4;
	text-align: justify;
	text-justify: inter-character;
}
.modal-footer {
	padding: 1.2em;
	background-color: #19305c;
	color: #fff;
}
.modal-button-style {
	background-color: #fff;
	border: 2px solid #19305c;
	border-radius: 0.5em;
	color: #19305c;
	padding: 0.35em 0.66em 0.2em;
	margin: 0.25em 0 0 0.5em;
	font-size: 70%;
	font-style: italic;
	line-height: 1;
	font-weight: 600;
	cursor: pointer;
	vertical-align: middle;
}
img.modal-icon {
	height: 1.4em;
	width: auto;
	margin: -0.15em 0 0 0.25em;
	border: 0;
	vertical-align: middle;
}
img.modal-btn-icon {
	height: 1.4em;
	width: auto;
	margin: 0.01em 0 0.1em 0.3em;
	border: 0;
	vertical-align: middle;
}

/* END MODAL STYLES */
/* END MODAL STYLES */
/* END MODAL STYLES */
/* END MODAL STYLES */





@media screen and (max-width:1200px) {
  .g9box, .g10box, .g11box { -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
  .g5box, .g6box, .g7box, .g8box { -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; }
  .g3box, .g4box { -ms-grid-columns: 1fr 1em 1fr; grid-template-columns: 1fr 1fr; }
  #cal-grid {
	font-size: 90%;
  }
}



@media screen and (max-width: 1100px) {
  img.campfireicon {
	height: 29px;
  }
  #cal-grid {
	-ms-grid-columns: 1fr 0.5em 1fr 0.5em 1fr;
	grid-template-columns: 1fr 1fr 1fr;
  }
  div.top-blocks {
	-ms-grid-columns: 1fr 2em 1fr;
	grid-template-columns: 1fr 1fr;
  }
  img.cfmIco {
	height: 4em;
  }
}



@media screen and (max-width:900px) {
  #head-text {
	font-size: 90%;
  }
  .calendar {
	border-radius: 7px;
  }
}



@media screen and (max-width:800px) {
  body {
	font-size: 9pt;
  }
  div.top-blocks {
	width: 90%;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
  }
  .prelim {
	font-size: 300%;
  }
  div.day-bars {
	border: 6px solid #19305c;
	border-radius: 25px;
  }
  .day-content {
	margin: 0.66em 0.25em 1.25em 0.5em;
  }
  .big-day {
	margin: 0.25em 0 0.4em 1em;
  }
  .big-day p {
	font-size: 230%;
  }
  img.nav-svg {
	height: 2.5em;
  }
  .g9box, .g10box, .g11box {
	-ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .g5box { -ms-grid-columns: 1fr 1em 1fr 1em 1fr; grid-template-columns: 1fr 1fr 1fr; }
  .g2box, .g3box {	-ms-grid-columns: 1fr;	grid-template-columns: 1fr }
  div.key {
	border: 2px solid #19305c;
  }
  .chex > input {
	height: 1.25em;
	width: 1.25em;
  }
  div.plenary-row {
	outline: 0 !important;
	border: 1px solid #19305c;
  }
  div.plenary-grid {			/* The Grid */
	display: -ms-grid;
	display: grid;
	grid-gap: 0;
	-ms-grid-columns: 2fr 0 9fr;
	grid-template-columns: 2fr 9fr;
  }
  div.plenary-time {			/* time */
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1 / span 2;
	text-align: center;
	outline: 0 !important;
	border: 1px solid #19305c;
  }
  div.plenary-time p {
	margin: 0.8em 0.25em 0.1em;
  }
  div.plenary-title {			/* title */
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 1;
	grid-row: 1;
	outline: 0 !important;
	border: 1px solid #19305c;
	border-bottom: 0;
  }
  div.plenary-title p {
	margin: 0.66em 1em 0.2em 1em;
  }
  div.plenary-speak {			/* speaker */
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 2;
	grid-row: 2;
	outline: 0 !important;
	border: 1px solid #19305c;
	border-top: 0;
  }
  div.plenary-speak p {
	margin: 0.2em 1em 0.66em 1em;
  }
  div.plenary-adjourn {
	grid-column: 2 / 4;
	grid-row: 1 / span 2;
	outline: 0 !important;
	border: 1px solid #19305c;
  }
  img.cfmIco {
	height: 3.33em;
  }
}



@media screen and (max-width:650px) {
  .back-block {
	width: 75%;
	border-radius: 7px;
  }
}


@media screen and (max-width:600px) {
  #head-text {
	font-size: 80%;
  }
  .big-day p {
	font-size: 200%;
  }
  .big-nav {
	display: inline-block;
	margin: 0.25em 0 0.25em 0em;
  }
  .big-nav p {
	padding: 4px 10px 4px 2px;
  }
  img.nav-svg {
	height: 2em;
  }
  .g9box, .g10box, .g11box {	-ms-grid-columns: 1fr 1em 1fr 1em 1fr;	grid-template-columns: 1fr 1fr 1fr;	  }
  .modal-pic {
	display: block;
	width: 85%;
	height: auto;
	float: none;
	margin: 0.5em auto;
  }
  .modal-content {			/* Modal Content */
    overflow-y: initial !important;
  }
  .modal-body {
    max-height: 80vh;
    overflow-y: auto;
  }
}

	
@media screen and (max-width:510px) {
  #head-text {
	font-size: 70%;
  }
  .g4box, .g5box {	-ms-grid-columns: 1fr 1em 1fr;	grid-template-columns: 1fr 1fr;	}
  .g6box, .g7box, .g8box {	-ms-grid-columns: 1fr 1em 1fr 1em 1fr;	grid-template-columns: 1fr 1fr 1fr;	}
  .sq-empty { display: none; }
  #cal-grid {
	-ms-grid-columns: 1fr 0.5em 1fr;
	grid-template-columns: 1fr 1fr;
  }
  .calendar {
	padding: 0.4em 0.6em;
	border-width: 2px;
  }
  img.nav-svg {
	height: 2em;
  }
}


	
@media screen and (max-width:450px) {
  #head-text {
	font-size: 60%;
  }
  div.day-bars {
	border: 4px solid #19305c;
	border-radius: 20px;
  }
  .day-content {
	margin: 0.66em 0.25em 1.25em 0.5em;
  }
  .big-day {
	margin: 0.25em 0 0.4em 0.5em;
  }
  .big-day p {
	font-size: 170%;
  }
  img.campfireicon {
	height:14px;
  }
  .back-block {
	width: 85%;
  }
  img.cfmIco {
	height: 3em;
  }
}



@media screen and (max-width:388px) {
  #head-text {
	font-size: 50%;
  }
  .modal-body {
    max-height: 75vh;
    overflow-y: auto;
  }
  .calendarblock {
	width: 90%;
  }
  .g5box { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  .g6box, .g7box, .g8box, .g9box, .g10box, .g11box, #cal-grid {
	-ms-grid-columns: 1fr 1em 1fr;
	grid-template-columns: 1fr 1fr;
  }
  .g3box, .g4box, .g5box {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
  }
  .big-nav p {
	margin: 0.15em 0.25em;
  }
}



@media screen and (max-width:280px) {
  #head-text {
	font-size: 40%;
  }
  div.plenary-grid {
	display: block;
  }
  div.plenary-grid div {
	padding: 0.33em 1em !important;
	border: 0 !important;
  }
  div.plenary-grid div p {
	text-align: left;
	margin: 0;
  }
  div.plenary-time, div.plenary-title {
	margin: 0;
  }
  div.plenary-speak {
	margin: 0 0 0.75em 0;
  }
}