HTML					{ box-sizing: border-box; height: 100%; }
*, *:before, *:after	{ box-sizing: inherit; }

BODY	{ background-color: #F0F0F0; margin: 0px 5px; height: 100%; }

#idFrame	{ height: 100%; height: 100%; margin: 0px; display: flex; flex-direction: column; align-items: center;
			  justify-content: space-between; }
#idBlocks	{ position: relative; background-color: #FFF; border: 1px solid black; margin: 5px;
		  overflow: hidden; padding: 0px; width: 100%; min-height: 50%; flex-grow: 1; }
#idBlock1, #idBlock2
	{ position: absolute; padding: 0px 10px; width: 100%; }
#idBlocks BR	{ clear: both; }


/* Calendar Day Block */
H4 	{ margin: 0px 10px 10px 0px; background: #BC0E0D linear-gradient(to bottom, #EE0605 0%, #8C1616 100%);
	  border-radius: 10px; width: 84px; height: 84px; float: left; color: #FFF; text-align: center; clear: both; }
H4 U, H4 B, H4 S	{ display: block; margin: 0px; padding: 0px; }

H4 U	{ font: 400 14pt 'Oswald'; text-decoration: none; text-transform: uppercase; }
H4 B	{ font: 400 26pt/25pt 'Monda'; }
H4 S	{ font: 400 11pt 'PT Sans Narrow'; text-decoration: none; text-transform: uppercase; margin-top: 2px; }

/* Single Entry */
#idBlocks P	{ margin: 0px 0px 10px 94px; padding: 5px; color: #FFF; border-radius: 5px;
		background-color: #8E24AA; width: initial; font: 14pt 'PT Sans'; /* width: 484px; */}
#idBlocks P U	{ text-decoration: none; display: inline-block; background-color: #FF0000; color: #FFF;
	padding: 2px 5px; margin: 0px 5px; border-radius: 10px; float: right; font-size: 9pt; }

#idBlocks P S	{ text-decoration: none; display: inline-block; color: #FFF;
	padding: 0px; margin: 0px 5px; float: right; font-size: 12pt; }

/* Legend Colors */
.Legend		{ margin: 0px 5px; flex-grow: 0; }
.Legend P	{ display: inline-block; padding: 3px 7px; margin: 0px 5px 5px 0px; border-radius: 3px;
			  color: #FFF; font: 12pt 'PT Sans'; border: 1px solid black; box-shadow: 2px 2px 2px #888; }

/* Sample Data */
P.Group1	{ background-color: #009000; }
P.Group2	{ background-color: #A00000; }
P.Group3	{ background-color: #606060; }
P.Group4	{ background-color: #000070; }
P.Group5	{ background-color: #C60070; }

TABLE.Debug { border-collapse: collapse; }
TABLE.Debug, TABLE.Debug TH, TABLE.Debug TD
			{ border: 1px solid black; }
TABLE.Debug TH, TABLE.Debug TD
			{ padding: 1px 3px; font: 8pt 'PT Sans'; }
TABLE.Debug TH { font-weight: bold; }
