/*
	font-family:"Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Calibri, Arial, sans-serif;
	
	Opera: "Helvetica Neue", HelveticaNeue, Helvetica
	FireFox: "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans"
	IE: *Arimo, Calibri, Arial, sans-serif
	
		"Arimo", (Windows's closest match to Mac's "Helvetica Neue"), is a GOOGLE font from:
			<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Arimo:400,700|Roboto+Mono:400,700">   --- in, /include/header.inc
	
*/

/*
----------------------------------------------------------
http://www.sessions.edu/color-calculator:  (Color Scheme)
----------------------------------------------------------


                                         				hex     RGB    			CMYK
PMS 286C  - Main Blue - OI Text 						0033A0	000/051/160		100/075/000/000				https://www.pantone.com/color-finder/286-C
														0033A0												http://us.labelpartners.com/pantone_coated_table.html
														0038A8	000/056/168     							http://goffgrafix.com/pantone-rgb-200.php
														0032A0												OI 
													*	17468F												Z:\Graphics\Rebranding\International Identity\PNGs\OI Identity Roundrel Inspirer le meilleur.png
														1A458C
																
PMS 872C  - Dark Gold-Brown - OI Logo foreground		85714D	133/113/077		000/025/056/051				https://www.pantone.com/color-finder/872-C
														85714D												http://us.labelpartners.com/pantone_coated_table.html
														8D7249												OI
													*	8E744B												Z:\Graphics\Rebranding\International Identity\PNGs\OI Identity Roundrel Inspirer le meilleur.png
														8D734A
														
PMS 7499C - cream - oi logo background					F1E6B2	241/230/178		001/002/024/000				https://www.pantone.com/color-finder/7499-C
														F1E6B2												http://us.labelpartners.com/pantone_coated_table.html
														F2E4B1												OI
													*	F3E7B2												Z:\Graphics\Rebranding\International Identity\PNGs\OI Identity Roundrel Inspirer le meilleur.png
														F1E5BA
														
black													332F21	051/047/033		039/043/080/091				https://www.pantone.com/color-finder/Black-2-C
														27251F	039/037/031		000/000/000/100 - 0 0 0		https://www.pantone.com/color-finder/Process-Black-C
														212721	033/039/033		067/044/067/095				https://www.pantone.com/color-finder/Black-3-C
														2E241B	046/036/027		000/000/000/100 - 29 0 0	https://www.pantone.com/color-finder/Black-4-XGC
														101820	016/024/032		100/079/044/093				https://www.pantone.com/color-finder/Black-6-C
														26262A	038/038/042									https://www.pantone.com/color-finder/19-3911-TCX
													*	000000	255/255/255		000/000/000/100				OI

white													EDF1FE	237/241/254					
													*	FFFFFF	255/255/255		000/000/000/000				OI
																							

PMS 294C - darker blue 								*	002F6C	000/047/108		100/069/007/030					https://www.pantone.com/color-finder/294-C							
														002F6C													http://us.labelpartners.com/pantone_coated_table.html
														003F87	000/063/135     								http://goffgrafix.com/pantone-rgb-200.php
														002F6C													OI
											
PMS 123C - light gold/yellow						*	FFC72C	255/199/044		000/019/089/000		https://www.pantone.com/color-finder/123-C
														FFC72C										http://us.labelpartners.com/pantone_coated_table.html
														FFC61E	255/198/030      					http://goffgrafix.com/pantone-rgb-100.php
														FFC627										OI
																
PMS 291C - cyan										*	9BCBEB	155/203/235		038/004/000/000		https://www.pantone.com/color-finder/291-C
														9BCBEB										http://us.labelpartners.com/pantone_coated_table.html
														A8CEE2	168/206/226     					http://goffgrafix.com/pantone-rgb-200.php
														99CAEA										OI


PMS 418C - dark gray								*	51534A	081/083/074		038/026/040/072		https://www.pantone.com/color-finder/418-C
														51534A										http://us.labelpartners.com/pantone_coated_table.html
														605E4F	096/094/079      					http://goffgrafix.com/pantone-rgb-400.php
														525249										OI

WARM-GREY1C- warm gray								*	D7D2CB	215/210/203		003/003/006/007		https://www.pantone.com/color-finder/Warm-Gray-1-C
														D7D2CB										http://us.labelpartners.com/pantone_coated_table.html
														D8D1C9										OI

----------------------------------------------------
--- FINAL
----------------------------------------------------
PMS 286 C 	- 17468F - Main Blue - OI Text
PMS 872 C 	- 8E744B - Dark Gold-Brown - OI Logo foreground
PMS 7499 C	- F3E7B2 - cream - oi logo background
		 	- 000000 - black 
		 	- FFFFFF - white

PMS 294 C 	- 002F6C - darker blue
PMS 123 C 	- FFC72C - light gold/yellow
PMS 291 C 	- 9BCBEB - cyan
PMS 418 C 	- 51534A - dark gray
Warm Grey 1C- D7D2CB - warm gray

9BCBEB + F3E7B2 = C7D9CF  {green)
*/


/*
--- When you have ColdFusion's "debug" turned on, hide the "debug this page" & "docked debug pane" when print ---
--- The div below han an ID of cf_debug, so it'll be easy.  
--- But, the actual words "debug this page", does NOT have a class or id.  So, the next alternative is to use the "attribute selectors"
--- The attribute "style" is common to both, and style="font-size:.8em"

<script language="javascript">
    if( "cf_debug_cf" != self.name ) {
        document.write("<br><br><br><span style='background-color:9EB5D0;font-weight:bold;font-family:sans-serif;font-size:.8em;'><a href='javascript:setDebugSource();'>&nbsp; debug this page &nbsp;</a></span>");
        // write "docked debug panel" or "floating debug panel"
        if( top == self ) { // currently floating, issues if user is in frameset
            document.write(" <a href='#' onClick='dockedMode(\"/CFIDE/debug/cf_debugFr.cfm?userPage=/leaders/reports/ReportScoreboardClose.cfm\");return false;' target='_top' style='background-color:DDDDD5;font-weight:bold;font-family:sans-serif;font-size:.8em;'>&nbsp; docked debug pane &nbsp;</a>");
        } else {
            document.write(" <a href='/leaders/reports/ReportScoreboardClose.cfm' target='_top' style='background-color:DDDDD5;font-weight:bold;font-family:sans-serif;font-size:.8em;'>&nbsp; floating debug pane &nbsp;</a>");
        }
    }
</script>


<div id="cf_debug" style="display:none;">
</div>


use either:

span[style*='font-size:.8em'], a[style*='font-size:.8em']

or 

[style*='font-size:.8em']


reference (https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors)

*/

@media print
{    
    .ReportButtons, .ReportButtons *, 
	.LeadersButtons, .LeadersButtons *,
	.LeadersBottomButtons, .LeadersBottomButtons *,
	.HideWhenPrint, .HideWhenPrint *,
	.FormInput, div#cf_debug,
	[style*='font-size:.8em'],
    .no-print, .no-print *,
	.hide-on-print, .hide-on-print *,
	.wonderchat-wrapper, #wonderchat
	{ 
		display:none !important; 
	}
	
	div#OI_HeaderMain {
		min-height:0px;
		padding-top:0;
	}


	.ShowWhenPrint
		{ display:block !important; }
	
	table.PageBreak       { page-break-inside:auto; page-break-after:auto; page-break-before:avoid; }
	table.PageBreak tr    { page-break-inside:avoid; page-break-after:auto; }
	table tr.PageBreak    { page-break-inside:avoid; page-break-after:auto; }
	table.PageBreak thead { display:table-header-group; }
	table.PageBreak tfoot { display:table-footer-group; }
}


div.ctr {
	width:auto;
	text-align:center;
}


div.LeadersTitle {
	font-size:18pt;
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
	
	width:auto;
	
	color:#002F6C;
	background-color:#D4E9F6;
	border-top:solid thin #4E7DAC;
}

div.LeadersTitleNote {
	font-size:10pt;
	font-weight:normal;
	text-align:center;
	padding:3px 6px;
	margin-bottom:10px;
	
	width:auto;
	
	color:#FFF;
	background-color:#17468F;
	border-top:solid thin #ACBDC7;
	border-bottom:solid thin #ACBDC7;
}

div.LeadersTitleNote a {
	color:#FFF;	
}


div.ReportTitle {
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
	margin-bottom:10px;
	
	width:auto;
	
	color:#002F6C;
	background-color:#D4E9F6;
	border-top:solid thin #4E7DAC;
	border-bottom:solid thin #4E7DAC;
}

div.ReportTitleNote {
	font-size:9pt;
	font-weight:normal;
	text-align:center;
	padding:3px 6px;
	margin-bottom:10px;
	
	width:auto;
	
	color:#002F6C;
	background-color:#EDF1F2;
	border-top:solid thin #ACBDC7;
	border-bottom:solid thin #ACBDC7;
}




div.ReportHeader1, div.ReportHeader2, div.ReportHeader3, div.ReportHeader4, div.ReportHeader5,
tr.ReportHeader1, tr.ReportHeader2, tr.ReportHeader3, tr.ReportHeader4, tr.ReportHeader5,
option.ReportHeader1 {
	color:#FFF;
	background-color:#002F6C;
	border-bottom:thin solid #FFD093;
	border-top:thin solid #FFD093;
	font-size:12pt;
	font-weight:normal;
	text-align:left;
	padding:3px 6px;
	margin:0;
}


div.ReportHeader1, div.ReportHeader2, div.ReportHeader3, div.ReportHeader4, div.ReportHeader5,
tr.ReportHeader1, tr.ReportHeader2, tr.ReportHeader3, tr.ReportHeader4, tr.ReportHeader5 {
	color:#000;
	background-color:#9BCBEB;
	border-bottom:thin solid #663515;
	border-top:thin solid #663515;
	font-size:10pt;
	font-weight:normal;
	text-align:left;
	padding:3px 6px;
	margin:0;
}

div.ReportHeader1 {
	color:#FFF;
	background-color:#002F6C;
	border-bottom:thin solid #FFD093;
	border-top:thin solid #FFD093;
	font-size:9pt;
}

div.ReportHeader3,
tr.ReportHeader3 {
	color:#000;
	background-color:#C3DDED;
	border-bottom:thin solid #728DB6;
	border-top:none;
	font-size:9pt;
}

div.ReportHeader4 {
	color:#000;
	background-color:#C3DDED;
	border-bottom:thin solid #728DB6;
	border-top:none;
	font-size:9pt;
}

div.ReportHeader5 {
	color:#000;
	background-color:#EAEEEF;
	border-top:none;
	font-size:8pt;
}


div.LeadersHeader1, div.LeadersHeader2, div.LeadersHeader3, div.LeadersHeader4, div.LeadersHeader5,
tr.LeadersHeader1 td, tr.LeadersHeader2 td, tr.LeadersHeader3 td, tr.LeadersHeader4 td, tr.LeadersHeader5 td {
	color:#FFF;
	background-color:#002F6C;
	border-bottom:thin solid #FFD093;
	border-top:thin solid #FFD093;
	font-size:13pt !important;
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
	margin-bottom:20px;
}


div.LeadersHeader2,
tr.LeadersHeader2 td {
	color:#FFF;
	background-color:#17468F;
	border-bottom:thin solid #FFCD5F;
	border-top:thin solid #FFCD5F;
	font-size:12pt !important;
}

div.LeadersHeader3,
tr.LeadersHeader3 td {
	color:#000;
	background-color:#9BCBEB;
	border-bottom:thin solid #663515;
	border-top:thin solid #663515;
	font-size:11pt !important;
}

div.LeadersHeader4,
tr.LeadersHeader4 td {
	color:#FFF;
	background-color:#8E744B;
	border-bottom:thin solid #728DB6;
	border-top:thin solid #728DB6;
	font-size:10pt !important;
}

div.LeadersHeader5,
tr.LeadersHeader5 td {
	color:#000;
	background-color:#9BCBEB;
	font-size:9pt !important;
}

div.LeadersHeader1 a, div.LeadersHeader2 a, div.LeadersHeader3 a, div.LeadersHeader4 a, div.LeadersHeader5 a,
div.LeadersHeader1 b, div.LeadersHeader2 b, div.LeadersHeader3 b, div.LeadersHeader4 b, div.LeadersHeader5 b {
	font-size:inherit;
}


div.LeadersFooter1, div.LeadersFooter2, div.LeadersFooter3, div.LeadersFooter4, div.LeadersFooter5 {
	color:#FFF;
	background-color:#002F6C;
	border-bottom:thin solid #FFD093;
	border-top:thin solid #FFD093;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	padding:3px 6px;
}


div.LeadersFooter2 {
	color:#000;
	background-color:#DEE5EF;
	border-bottom:thin solid #0A1E3D;
	border-top:thin solid #463024;
	font-size:9pt;
}


div.LeadersFooter3 {
	color:#000;
	background-color:#B9CFDB;
	border-bottom:thin solid #463024;
	border-top:thin solid #463024;
	font-size:8pt;
}


.MenuLevel1 {
	color:#000;
	background-color:#99CAEA;
	width:auto;
}

div.LeadersHeader1 a, div.LeadersHeader2 a, div.LeadersHeader4 a {
	color:#FFF;
}

div.LeadersHeader3 a {
	color:#000;
}

span.NoBold { font-weight:normal; }
span.AL { text-align:left; }



div.dropdown-menu li.TopLine { border-top:solid 1px #D8D1C9; }

div.Center { 
	text-align:center;
	margin:0; 
	padding:5px 10px; 
	width:auto; 
}

div.MessageHeader { 
	color:#000;
	font-weight:bold;
	font-size:12pt;
	background-color:#9BCBEB; 
	border:solid 1px #002F6C; 
	text-align:center;
	margin:0; 
	padding:5px 10px; 
	width:auto; 
}

div.MessageBody { 
	color:#000;
	background-color:#F5DD90; 
	border:solid 1px #9E7B18; 
	text-align:center;
	margin:0; 
	padding:5px 10px; 
	width:auto; 
}

div.MessageOption { 
	color:#000;
	background-color:#D7D2CB; 
	border:solid 1px #51534A; 
	text-align:left;
	margin:0; 
	padding:5px 10px; 
	width:auto; 
}

#fraAccessTo {
	padding:5px 5px 5px 10px;
	font-size:9pt;
}

.ClubDetailBlock {
	font-size:9pt;	
}





/* ----------------------- BorBox ----------------- */
/* ----------------------- BorBox ----------------- */
/* ----------------------- BorBox ----------------- */

div.Section0 { 
	margin:0 0 0 5px; 
	padding:3px 3px 6px 3px;
}

div.Section0 B { font-size:9pt;}


div.BorBox_WidthFull { 
	border:solid 1px #D7D2CB; 
	margin:0; 
	padding:0; 
	background-color:#ECE8E4; 
}



.BorBoxGroup{
	font-size:9pt;	
}


div.BorBox1b { border:solid 1px #D7D2CB; margin:0; padding:5px 10px; background-color:#FFF4DE; width:auto; }
div.BorBox1b { background-color:#FFFFE0; }
div.BorBox0a, div.BorBox0b { border:solid 1px #D7D2CB; margin:0; padding:0; background-color:#FFF4DE; }

div.BorBox0b { background-color:#FFFFE0; }
div.BorBox0b ul, div.BorBox0b ul li { text-align:left; }

tr.BorBox1 td	{ border:solid 1px #D7D2CB; }
tr.BorBox2 td 	{ border:solid 2px #D7D2CB; }
td.BorBox1  	{ border:solid 1px #D7D2CB; }



div.BoxThinLight, span.BoxThinLight { border:solid 1px #D7D2CB; }




div.FlexBorBox {
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
    display:flex;
	flex-flow:wrap;
	flex-direction:row;
	width:auto; 
    justify-content:center;
	align-items:flex-start;
}



div.BorBox0a, div.BorBox0b { 
	border:solid 1px #F5F3EF; 
	margin:0; 
	padding:0; 
	background-color:#ECE8E4; 
}

div.BorBox0b { background-color:#FFFFE0; }

div.BorBox0, div.BorBox1, span.BorBox0, div.BorBox0a { 
	display:inline-block; 
	margin:3px 5px 3px 0; 
	padding:5px 10px; 
	width:auto; 
	max-width:400px;
	border:solid thin #F5F3EF;
	background-color:#FEFEFB;
	vertical-align:top;
	vertical-align:text-top;
	font-size:10pt;
}

div.BorBox { 
	display:inline-block; 
	margin:3px 5px 3px 0; 
	padding:5px 10px; 
	width:auto; 
	border:solid thin #F5F3EF;
	background-color:#FEFEFB;
	vertical-align:top;
	vertical-align:text-top;
	font-size:10pt;
}

div.NoMaxWidth { 
	max-width:none;
}

div.FullMaxWidth { 
	width:100%;
	max-width:none;
}


div.BorBox1, div.BorBox0a { 
	border:solid thin #B8A88E;
}

div.BorBox1a, div.BorBox1b { 
	display:inline-block; 
	margin:3px 0 8px 3px; 
	padding:5px 10px; 
	width:auto; 
	max-width:400px;
	background-color:#FEFEFB;
	border:solid 1px #D7D2CB; 
	vertical-align:top;
	vertical-align:text-top;
	font-size:9pt;
	text-align:left;
}

span.BusyCirA { 
	display:inline-block; 
	width:45px;
	height:45px;
	border-radius:45px;
	border:solid 1px #FFF; 
	background-color:#FFF;
	background-position:center center;
	background-repeat:no-repeat;
	padding:6px;
	margin:5px; 
	vertical-align:middle;
	text-align:center;
}

span.BusyCirB{ 
	display:inline-block; 
	width:25px;
	height:25px;
	border-radius:25px;
	border:solid 1px #FFF; 
	background-color:#FFF;
	background: url(../gif/busy30.gif);
	background-position:center center;
	background-repeat:no-repeat;
	padding:0;
	margin:5px; 
	vertical-align:middle;
	text-align:center;
}

div.BorBox1 div.BorBox1a {
	position:relative;
	left:-10px;
	width:calc(100% + -10px);  /* cool trick */
}

div.BorBox1b {
	border:thin #0032a0 solid;	
	background-color:#FFFFE0;
	text-align:center;
}

div.ReportsSections div.ReportsButtonsBox div.BorBox0 {
	background-color:#F9F9F8;
	font-size:8pt;
}

div.BorBox0 input[type="Checkbox"], div.BorBox0 input[type="Radio"], 
div.BorBox1 input[type="Checkbox"], div.BorBox1 input[type="Radio"], 
div.ReportsButtonsBox input[type="Checkbox"], div.ReportsButtonsBox input[type="Radio"] {
	margin-right:3px;	
}
div.BorBox1 input[type="text"],
div.BorBox1 select, 
div.BorBox1 textarea {
	width:100%;	
}

div.BorBox1a input[type="text"],
div.BorBox1a select, 
div.BorBox1a textarea {
	width:100%;	
}


div.BorBox0 div.BoxHdr, div.BorBox1 div.BoxHdr, div.BorBox1a div.BoxHdr, div.BoxHdr {
	position:relative;
	left:-10px;
	top:-5px;
	width:100%;
	width:calc(100% + 20px);  /* cool trick */
	background-color:#D4E9F6;
	border-bottom:solid thin #4E7DAC;
	font-weight:bold;
	text-align:left;
	padding:3px 3px 2px 10px;
}

div.BorBox0 div.BoxSubHdr, div.BorBox1 div.BoxSubHdr, div.BorBox1a div.BoxSubHdr {
	position:relative;
	left:-10px;
	top:0;
	width:100%;
	width:calc(100% + 20px);  /* cool trick */
	background-color:#DEE8E1;
	border-bottom:solid thin #4E7DAC;
	font-weight:bold;
	text-align:left;
	padding:3px 3px 2px 10px;
	margin-top:10px;
}

div.BorBox0 div.BoxFtr, div.BorBox1 div.BoxFtr {
	position:relative;
	left:-10px;
	bottom:-5px;
	width:100%;
	width:calc(100% + 20px);
	background-color:#D4E9F6;
	border-top:solid thin #4E7DAC;
	font-size:8pt;
	font-weight:normal;
	text-align:left;
	padding:3px 3px 2px 10px;
}

div.BorBox0 div.BoxBod *, div.BorBox1 div.BoxBod * {
	font-size:9pt;
}

div.BoxBod div.BoxHdr {
	width:auto;
	background-color:#C7D3D5;
	border:solid thin #4E7DAC;
	font-weight:bold;
	text-align:left;
	margin:5px 5px 0px 10px;
	padding:3px 3px 2px 5px;
}


div.BorBox0 a {
	font-size:10pt;
}


div.hdr {
	background-color:#EDF6FB;
	border-bottom:solid thin #4E7DAC;
	font-weight:bold;
	text-align:center;
	font-size:9pt;
}

div.ftr {
	background-color:#D7D2CB;
	border-bottom:solid thin #51534A;
	font-weight:bold;
	text-align:center;
	font-size:8pt;
}


div.FlexBox {
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
    display:flex;
	flex-flow:wrap;
	flex-direction:row;
	width:auto; 
    justify-content:center;
	align-items:flex-start;
}

div.FlexBox > div.FlexChild, 
div.FlexBox > a.FlexBoxList,
div.FlexBox > div.BorBox1 {
	flex:1;
	margin:0 10px 10px 10px;
	border-radius:5px;
	min-width:300px;
	max-width:300px;
}

div.FlexBox div.BorBox1 div.BoxHdr, div.ReportsButtonsBox div.BorBox1 div.BoxHdr {
	border-radius:5px 5px 0 0;
}

div.FlexBox div.BorBox1 div.BoxFtr {
	border-radius:0 0 5px 5px;
}

div.FlexBox span.FlexChild {
	flex:1;
	margin:0 3px;
}

div.FlexBox a.FlexBoxList {
	border:solid 1px #D7D2CB; 
	margin:5px 10px; 
	padding:5px; 
	background-color:#E2F2FE; 
	text-align:center;
}

div.FlexBox a.FlexBoxList:hover {
	cursor:pointer;
	background-color:#F3E7B2; 
}
























div.Report_Main div.BorBox0a {
	background-color:#FFF;
	padding:3px;
}

div.Report_Main div.BorBox0 {
	background-color:#FFF;
	max-width:none;
	width:96%;
}

div.Report_Main div.BorBox0 B { font-weight:bold; font-size:9pt; }
div.Report_Main div.BorBox0 U { text-decoration:underline; font-size:9pt; }



div.Report_Main div.FlexBox {
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
    display:flex;
	flex-flow:wrap;
	flex-direction:row;
    justify-content:left;
}

div.Report_Main div.FlexBox span.QA {
	max-width:40%;
	min-width:20%;
}




/* ----------------------- BorBox ----------------- */
/* ----------------------- BorBox ----------------- */
/* ----------------------- BorBox ----------------- */

.LeadersNotes {
	text-align:center;
	font-style:italic; 
	font-size:8pt; 
	background-color:#E7F3FA;
	border-top:thin solid #DFDBD5;
	padding:4px 0 5px 0;
}


span.SubNote { 
	font-style:italic; 
	font-size:8pt; 
	font-weight:lighter;
	text-align:left; 
	vertical-align:middle; 
}


.LoginErrorBox {
	border:thin #17468F solid;	
	background-color:#FFFFE0;
	color:#F00;
	font-size:9pt;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	vertical-align:text-top;
	width:auto;
	margin:3px 0 8px 3px; 
	padding:5px 10px; 
}

#LoginBox {
	border:thin #17468F solid;	
	background-color:#FFF;
	text-align:center;
	padding:10px 10px 20px 10px;
	margin-bottom:5px;
	font-size:9pt;
}

#PasswordRecovery {
	border:thin #17468F solid;	
	background-color:#FFF;
	text-align:center;
	padding:10px 10px 20px 10px;
	margin-bottom:5px;
	font-size:9pt;
}



#idUserId {
	font-style:italic;
	font-size:8pt;
}

#idUserIdMsg, #idPasswordMsg, #idRecoveryMsg {
	font-style:italic;
	font-size:8pt;
	color:#F00;
}


/* Login Modal Box (header.inc) */
.modal-header {
	color:#FFF;
	background-color:#17468F;
	border-bottom:thin solid #8E744B;
}

.modal-header button.close {
	color:#FFF;
}

.modal-body {
	background-color:#DBD5C7;
}


.ListBackgroundHeader {
	background-color:#0032A0;
	color:#FFF;
}

span.fcRedD {
	color: #0032A0;
}

.LoginFailedMsg, div#idErrorMsg {
	font-size:12pt;
	font-style:italic;
	font-weight:bold;
	color:#F00;
	padding:10px 0;
	margin:10px;
}

.ErrorMsg {
	font-size:10pt;
	font-style:italic;
	font-weight:bold;
	color:#F00;
	padding:10px 0;
	margin:10px;
}


.MsgAlert  { 
	text-align:center;
	font-weight:bold; 
	color:#8F1746; 
	/*background-color:#C2F5E1;*/
	background-color:#FFC; 
	border:thin solid #57BAAD;
	padding:3px 5px;

}

div.BorBox0 div.MsgAlert {
	position:relative;
	left:-11px;
	top:-6px;
	width:100%;
	width:calc(100% + 22px);  /* cool trick */
}



div.LineMsg { 
	width:50%;
	text-align:center; 
	font-size:16px;
	font-weight:bold; 
	color:#6C002F; 
	margin:10px auto; 
	padding:10px 20px; 
}

.LineMsgAlert { 
	width:50%;
	text-align:center; 
	font-size:16px;
	font-weight:bold; 
	color:#6C002F; 
	/*background-color:#E5FFF4;*/
	background-color:#FFF6DE; 
	/*border:thin solid #567F6D;*/
	border:thin solid #CFA439;
	border-radius:50px 0;
	margin:10px auto; 
	padding:10px 20px; 
	
	-webkit-animation-name:busy;
    -webkit-animation-duration:4s;
	-webkit-animation-iteration-count:infinite;
    animation:busy 1s infinite;
}

/*
@-webkit-keyframes busy {
    from {background-color:#E5FFF4;}
    to {background-color:#FFF4E5;}
}

/*
@keyframes busy {
	0%   {background-color:#E5FFF4;border-color:#567F6D;}
    33%  {background-color:#FFF4E5;border-color:#7F6D56;}
    66%  {background-color:#F4E5FF;border-color:#6D567F;}
    75%  {background-color:#E5FFF4;border-color:#567F6D;}
}
*/

@-webkit-keyframes busy {
    from {background-color:#FFF6DE;}
    to {background-color:#FFEAB1;}
}

@keyframes busy {
	0%   {background-color:#FFF6DE;border-color:#CFA439;}
    33%  {background-color:#FFEAB1;border-color:#DBAD36;}
    66%  {background-color:#FFDF85;border-color:#E7B633;}
    75%  {background-color:#FFD358;border-color:#F3BE2F;}
}


.Expired {
	font-style:italic;
	color:#6C002F;
	background-color:#93FFD0;
}


div.table {
	display:table;
    padding:2px;
}

div.table div.tr, div.table div.row {
	display:table-row;
    vertical-align:top;
}

div.table div.td, div.table div.col {
	display:table-cell;
    padding:2px 2px 2px 0;
}

div.col1 {
    width:90px;
    text-align:right;
    vertical-align:top;
	/*font-size:8pt;*/
	padding-right:3px;
}

div.col2 {
    width:auto;
    text-align:leaft;
    vertical-align:top;
	/*font-size:9pt;*/
}

div.col3 {
    width:auto;
    text-align:leaft;
    vertical-align:top;
	/*font-size:9pt;*/
}

div.colRequired {
	color:#C70C23;
}

/*
	half-of (9BCBEB - cyan & D7D2CB - warm gray) = B9CFDB. Lighten (8/12)% = E8EFF3
	half-of (9BCBEB - cyan & 51534A - dark gray) = 768F9B. Lighten (8/12)% = D1DADE
*/
div.Table div.Row { margin:0; }
div.Table div.Row:nth-child(even) { background-color:#E8EFF3; color:#17100C; }
div.Table div.Row:nth-child(odd) { background-color:#D1DADE; color:#2E2521; }
div.Table div.Row:hover { background-color:#FFCC66; }



/*
div.Table div.Row:nth-child(even) { background-color:#E2F2FE; }
div.Table div.Row:nth-child(odd) { background-color:#F0FDFF; }

div.Table div.Row:nth-child(even) { background-color:#E4E4EC; }
div.Table div.Row:nth-child(odd) { background-color:#DADAEC; }


tbody.ListDetail tr:nth-child(even), tbody.ListDetailView tr:nth-child(even) { background-color:#E4E4EC; }
tbody.ListDetail tr:nth-child(odd), tbody.ListDetailView tr:nth-child(odd) { background-color:#DADAEC; }
tbody.ListDetail tr:hover, tbody.ListDetailView tr:hover { cursor:pointer; }
tbody.ListDetail tr:hover { background-color:#FFCC66; }
tbody.ListDetail tr.NoHover:hover, tbody.ListDetailView tr.NoHover:hover { cursor:default; }
*/




div.AddRightMargin50 { margin-right:50px; }

div.note {
	padding-top:15px;
	font-style:italic;
	font-size:9pt;
	color:#51534A;
}

span.DetailTitle {
	font-size:8pt;
	font-style:italic;
}

div.aL {
	text-align:left;
}

div.BorBox1a ul {
	margin:0;
    padding:0;
}

div.BorBox1a ul li {
	margin-left:5px;
	font-size:9pt;
}



/* --- Borders: underlines, top-line, right-line, left-line --- */

.Border1 { border:solid 1px black; }
.Border2 { border:solid 2px black; }

div.BorTop1 * { border-top:solid 1px #D7D2CB; }  /* light-color-line, 1px thickness */
div.BorTop1d * { border-top:solid 1px #51534A }  /* dark-color-line */
div.BorTop2  { border-top:solid 2px #D7D2CB }  /* light-color-line, 2px thickness */
div.BorTop2d { border-top:solid 2px #51534A }

div.BorRgt1  { border-right:solid 1px #D7D2CB; }
div.BorRgt1Dash { border-right:dashed 1px #D7D2CB }
div.BorRgt2  { border-right:solid 2px #D7D2CB; }

div.BorBot0  { border-bottom:solid 1px #D7D2CB; }
div.BorBot1  { border-bottom:solid 1px #D7D2CB; }
div.BorBot1d { border-bottom:solid 1px #51534A; }
div.BorBot1Dash { border-bottom:dashed 1px #D7D2CB; }
div.BorBot2  { border-bottom:solid 2px #51534A; }
div.BorBot2d { border-bottom:solid 2px #000; }

div.BorLft1  { border-left:solid 1px #D7D2CB; }
div.BorLft1Dot { border-left:dotted 1px #D7D2CB; }

div.BorTopBot1  { border-top:solid 1px #D7D2CB; border-bottom:solid 1px #D7D2CB; }
div.BorTopBotD1 { border-top:solid 1px #555555; border-bottom:solid 1px #555555; }

div.BorLftRgt1  { border-left:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }

div.BorBotRgt1 { border-bottom:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
div.BorBotRgt2 { border-bottom:solid 2px #D7D2CB; border-right:solid 2px #D7D2CB; border-top:solid 2px #D7D2CB; }

div.BorBotLftRgt1 { border-bottom:solid 1px #D7D2CB; border-left:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
div.BorBotLftRgt2 { border-bottom:solid 2px #D7D2CB; border-left:solid 2px #D7D2CB; border-right:solid 2px #D7D2CB; border-top:solid 2px #D7D2CB; }


/* --- TABLES : Borders: underlines, top-line, right-line, left-line --- */

td.Border1 	{ border:solid 1px black; }
td.Border2 	{ border:solid 2px black; }

tr.BorTop1 td { border-top:solid 1px #D7D2CB; }
td.BorTop1 	 	{ border-top:solid 1px #D7D2CB; }
tr.BorTop1d td { border-top:solid 1px #51534A }
tr.BorTop2 td { border-top:solid 2px #D7D2CB }
tr.BorBot2 td,th { border-bottom:solid 2px #D7D2CB }
tr.BorTop2d td { border-top:solid 2px #51534A }
tr.BorRgt1 td { border-right:solid 1px #D7D2CB; }
td.BorRgt1  	{ border-right:solid 1px #D7D2CB; }
td.BorRgt2  	{ border-right:solid 2px #D7D2CB; }
tr.BorBot0 td { border-bottom:solid 1px #D7D2CB; }
tr.BorBot1 td { border-bottom:solid 1px #D7D2CB; }
td.BorBot1 	  { border-bottom:solid 1px #D7D2CB; }
tr.BorBot1d td { border-bottom:solid 1px #51534A }
td.BorBot1d    { border-bottom:solid 1px #51534A }
td.BorBot1Dash	  { border-bottom:dashed 1px #D7D2CB; }
tr.BorBot2 td 	{ border-bottom:solid 2px #D7D2CB; }
td.BorBot2  	{ border-bottom:solid 2px #D7D2CB; }
tr.BorBot2d td 	{ border-bottom:solid 2px #555555; }
tr.BorBot2d td,th { border-bottom:solid 2px #51534A }
td.BorBot2d  	{ border-bottom:solid 2px #555555; }
tr.BorLft1 td { border-left:solid 1px #D7D2CB; }
td.BorLft1  	{ border-left:solid 1px #D7D2CB; }
td.BorLft1Dot  	{ border-left:dotted 1px #D7D2CB; }
tr.BorTopBot1 td { border-top:solid 1px #D7D2CB; border-bottom:solid 1px #D7D2CB; }
tr.BorTopBotD1 td { border-top:solid 1px #555555; border-bottom:solid 1px #555555; }
tr.BorLftRgt1 td { border-left:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
td.BorLftRgt1   { border-left:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
tr.BorBotRgt1 td 	{ border-bottom:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
tr.BorBotRgt2 td 	{ border-bottom:solid 2px #D7D2CB; border-right:solid 2px #D7D2CB; border-top:solid 2px #D7D2CB; }
tr.BorBotLftRgt1 td { border-bottom:solid 1px #D7D2CB; border-left:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
tr.BorBotLftRgt2 td { border-bottom:solid 2px #D7D2CB; border-left:solid 2px #D7D2CB; border-right:solid 2px #D7D2CB; border-top:solid 2px #D7D2CB; }

/*
tr.BorTop1 td { border-top:solid 1px #D7D2CB; }
tr.BorBot1 td { border-bottom:solid 1px #D7D2CB; }
tr.BorRgt1 td { border-right:solid 1px #D7D2CB; }
tr.BorLft1 td { border-left:solid 1px #D7D2CB; }
tr.BorLftRgt1 td { border-left:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
td.BorBot1 	  { border-bottom:solid 1px #D7D2CB; }
td.BorBot1Dash	  { border-bottom:dashed 1px #D7D2CB; }
tr.BorTopBot1 td { border-top:solid 1px #D7D2CB; border-bottom:solid 1px #D7D2CB; }
tr.BorTopBotD1 td { border-top:solid 1px #555555; border-bottom:solid 1px #555555; }
td.BorTop1 	 	{ border-top:solid 1px #D7D2CB; }
td.BorRgt1  	{ border-right:solid 1px #D7D2CB; }
td.BorBot1  	{ border-bottom:solid 1px #D7D2CB; }
td.BorLft1  	{ border-left:solid 1px #D7D2CB; }
td.BorLftRgt1   { border-left:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
td.BorRgt2  	{ border-right:solid 2px #D7D2CB; }
tr.BorBot2 td 	{ border-bottom:solid 2px #D7D2CB; }
td.BorBot2  	{ border-bottom:solid 2px #D7D2CB; }
tr.BorBot2d td 	{ border-bottom:solid 2px #555555; }
td.BorBot2d  	{ border-bottom:solid 2px #555555; }
td.BorLft1Dot  	{ border-left:dotted 1px #D7D2CB; }
tr.BorBotRgt1 td 	{ border-bottom:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
tr.BorBotLftRgt1 td { border-bottom:solid 1px #D7D2CB; border-left:solid 1px #D7D2CB; border-right:solid 1px #D7D2CB; }
tr.BorBotRgt2 td 	{ border-bottom:solid 2px #D7D2CB; border-right:solid 2px #D7D2CB; border-top:solid 2px #D7D2CB; }
tr.BorBotLftRgt2 td { border-bottom:solid 2px #D7D2CB; border-left:solid 2px #D7D2CB; border-right:solid 2px #D7D2CB; border-top:solid 2px #D7D2CB; }
tr.BorTop2 td { border-top:solid 2px #D7D2CB }
tr.BorBot2 td,th { border-bottom:solid 2px #D7D2CB }
tr.BorBot1d td { border-bottom:solid 1px #51534A }
tr.BorBot2d td,th { border-bottom:solid 2px #51534A }
td.BorBot1d    { border-bottom:solid 1px #51534A }
tr.BorTop1d td { border-top:solid 1px #51534A }
tr.BorTop2d td { border-top:solid 2px #51534A }
td.BorRgt1Dash  { border-right:dashed 1px #D7D2CB }

td.dataRB  { font-size:10pt; text-align:right; font-weight:bold }
*/

div.legend { font-size:9pt; text-align:left; vertical-align:bottom; }

span.note {
	font-size:9pt;	
}
span.note u { font-size:9pt; }

div.HiLite, span.HiLite, table tr.HiLite, table tr td.HiLite { background-color:#F9F359; }






table.OnlineForms, table.OnlineForms tr, table.OnlineForms tr td {
	font-size:9pt;
}

table.OnlineForms input *, table.OnlineForms select * {
	font-size:10pt;
}

table.OnlineForms tr td input[type=radio] {
	margin-right:3px;
	padding-right:3px;
	margin-left:3px;
}

table.OnlineForms tr td.fhar {
	margin-right:3px;
	padding-right:3px;
}



/* https://www.w3schools.com/css/css3_box-sizing.asp */

* {
    box-sizing:border-box;
}

.clearfix {
	overflow:auto;
}

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

div.ReportScreen {
	width:100%;
	display:flex;
	justify-content:center;
}

div.ReportScreen #ReportScreen_table,
div.ReportScreen table.ReportScreen_table
{
	max-width:1200px;
	/*margin:0 auto;*/
	flex:1;
	align-self:center;
}