/* all.css     */
/*  */
/*  rgb(200,220,240) #C8DCF0 - bk's:rgb(198,217,241)    (2018-)   #EAEDF2 (2009-2018)    #EBF5FA;   the Second one so far: EBECFF  */
/*  */
/*  html { overflow:hidden; }  */
#upper { width:100%; border:none; position:relative; z-index:990; }
#lower { width:100%; border:none; position:relative; border-top:3px solid grey; z-index:990; }

body {
	font-family : Arial, sans-serif;  
	color:black; 
	background-color: #D6E1F7;  /* orig: gb(200, 220, 240)  5/27/24 #D6E1F7  */
	font-size:smaller; 
	padding: 0;
	margin: 0;
}                                     

a:link { text-decoration:none; color:black; }
a:visited { text-decoration:none; color:black; }

.linkStyle, .linkStyleNorm { color:blue; text-decoration:underline; cursor:pointer; }
a:link.linkStyle, a:visited.linkStyle { color:blue; text-decoration:underline; cursor:pointer; font-size:smaller; }
a:link.linkStyleNorm, a:visited.linkStyleNorm { color:blue; text-decoration:underline; cursor:pointer; }
 

input { font-Family : Tahoma, sans-serif; }
select { font-Family : Tahoma, sans-serif; }
textarea { font-Family : Tahoma, sans-serif; overflow:auto;}

p {margin:0; padding: 0;}

h2 {   /* No Account Selected Stripe */
	font-size: 1.4em; 
	text-transform: uppercase; 
	background-color: #AACCFF; 
	color: #000000; 
	padding: 0.4em 0; 
	margin: 0 0.6em; 
	text-align: center;
}   /*  #AACCFF;  */

.headers {
	height:2.0em;
	line-height:1.2em;
	font-family: calibri, sans-serif; 
	font-size: 1.2em; 
	font-weight: normal; 
	text-align: center; 
	vertical-align: middle;
	background-color: #ECF0FA; /*  #EAEDF2;  orig: rgb(220,230,242) 5/27 #ECF0FA  */
	border: none;
	border-color: transparent;     /*  #E9EFF6;  
	border-color:rgb(233,239,247); */
	border-style: solid;
	border-width: 2px 1px 4px 1px ;
}

.subBanner {	/* Panel Titles */   /* For Display CNAA Switch Items */
	display:inline-block; 
	font-family: Calibri, sans-serif;
	color: black;
	text-decoration: none; 
	font-weight: normal; 
	font-size: 1.2em; 
	border: 1px solid #6080C0; 
	border-radius: 5px; 
	box-shadow: 2px 2px 4px 2px rgb(160,170,180);
	padding: 0.1em 1.4em;
	margin: 0.4em 0.0em 0.4em 0.0em;
	background: linear-gradient( rgb(166,190,228), rgb(220,230,242));
}

.subBanner_NEW {	/* Panel Titles */   /* For Display CNAA Switch Items */
	display:inline-block; 
	font-family: Calibri, sans-serif;
	color: black;
	text-decoration: none; 
	font-weight: bold; 
	font-size: 1.2em; 
/*	border: 1px solid #6080C0; 
	border-radius: 5px; 
	box-shadow: 2px 2px 4px 2px rgb(160,170,180);
	background: linear-gradient( rgb(166,190,228), rgb(220,230,242));
*/	padding: 0.1em 1.4em;
	margin: 0.4em 0.0em 0.6em 0.0em;
}

.BlueButt {
	font-family : Verdana,sans-serif; 
	background-color:#BBDDFF; 
	background-image: linear-gradient(#AAB8DD, #E3F0FF, #AAB8DD);   /*  (#99B0CC, #DCE0F0, #99B0CC);   */
	border:2px solid;
		border-top-color: #DCE6F0;   /* C8D8F0 */ 
		border-left-color: #DCE6F0; 
		border-right-color:#586878;    /* 506070 */ 
		border-bottom-color:#586878; 
	padding: 0;
	
	cursor: pointer;
}

.BlueButt_NEW {
	color:black;
	font-family : Verdana,sans-serif; 
	background-color:#BBDDFF; 
	padding: 0;
	border:none;
	border-radius: 5px;
	cursor: pointer;
}
.BlueButt_NEW:hover {
	background-color:#E4F1FF;
	}

.OrangeButt {  
	font-family : Verdana,sans-serif; 
	background-color:#FAA640; 
	background-image: linear-gradient(#FAA640, #FFE8CC, #fAA640);
	border:2px solid;
		border-top-color:#ffe8cc;
		border-left-color:#ffe8cc;
		border-right-color:#805521;
		border-bottom-color:#805521;
	padding: 0em 0.6em;
	cursor: pointer;
}

.OrangeButt_NEW {  /* 3/26/24 */
	font-family : Verdana,sans-serif; 
	background-color:#F8A640; 
	color:black;
	border:none;
	border-radius: 5px;
	padding: 0.6em;
	cursor: pointer;
}
.OrangeButt_NEW:hover {
	background-color:#FCDAB1;
}

.YellowButt {
	font-family : Verdana,sans-serif; 
	background-color:#FAA640; 
	background-image: linear-gradient(#FFD870, #FFFFDF, #FFD870);  /* Orange = #FAA640, #FFE8CC, #fAA640  Close F0D0A8 D8A890 */
	border:2px solid;
		border-top-color:#FFFFDF;  /* ffe8cc */
		border-left-color:#FFFFDF;
		border-right-color:#C0A058;  /* A07541 */
		border-bottom-color:#C0A058;
	padding: 0em 0.6em;
	cursor: pointer;
}

.YellowButt_NEW {
	color:black;
	font-family : Verdana,sans-serif; 
	background-color:#FFD870; 
	border:none;
	border-radius: 5px;
	padding: 0em 0.6em;
	cursor: pointer;
}
.YellowButt_NEW:hover {
	background-color:#FFEFC5; 
}

.WhtButt {
	font-family : Verdana,sans-serif; 
	background-color:#DDDDDD; 
	background-image: linear-gradient(#DDDDDD, #FFFFFF, #DDDDDD);
	border:2px solid;
		border-top-color:#FFFFFF;
		border-left-color:#FFFFFF;
		border-right-color:#AAAAAA;
		border-bottom-color:#AAAAAA;
	padding: 0em 0.6em;
	cursor: pointer;
}

.WhtButt_NEW {
	color:black;
	font-family : Verdana,sans-serif; 
	background-color:#FFFFFF; 
	border:none;
	padding: 0em 0.6em;
	border-radius: 5px;
	cursor: pointer;
}
.WhtButt_NEW:hover {
	background-color:#F1F1F1; 
}
	
.GreenButt {
	font-family : Verdana,sans-serif; 
	background-color: #99CC99; 
	background-image: linear-gradient(#80CC80, #DDF0DD, #80CC80);  /* #99CC99; */ 
	border:2px solid;
		border-top-color:    #DDF0DD;
		border-left-color:   #DDF0DD;  /* C0F0C0  */
		border-right-color:  #588858; 
		border-bottom-color: #588858;
	padding: 0em 0.6em;
	cursor: pointer;
}

.GreenButt_NEW {
	color:black;
	font-family : Verdana,sans-serif; 
	background-color: #2A664B; 
	border:none;
	border-radius: 5px;
	padding: 0em 0.6em;
	cursor: pointer;
}
.GreenButt_NEW:hover {
	background-color: #A8C1B5; 
}

.RedButt {
	font-family : Verdana,sans-serif; 
	background-color: #FFFFFF; 

	border: 1px solid #FF4040;
	padding: 0em 0.6em;
	color: #FF4040;
	cursor: pointer;
}

.cells { height:1.8em; border:1px solid black; border-top:0; color:black; padding:0; padding-left:0.3em; background-color: white; }


.goldBubble 
{	z-index:1000; 
	padding:20px; 
	text-align:center; 
	font-family:verdana, sans-serif; 
/*	font-size: smaller; */
	border:4px solid #FEC024; 
	border-radius:15px; 
	background: #D6E1F7;  /* orig: gb(200, 220, 240)  5/27 #D6E1F7  */
}


#ToDo_Alert_outerDiv {
	top:80px; 
	left:5%; 
	width:85%; 
	min-height:150px; 
	overflow:hidden;
	background: #D6E1F7;   /* orig: gb(200, 220, 240)  7/107 #D6E1F7  */
}


.editButt {cursor:pointer; background-color:white; color:blue; border:0; text-decoration:underline; display:block; margin:0; padding:0;}

.datatable { width:100%; border-collapse:collapse; table-layout:fixed }
.whiteCell {border-top:solid 1px; border-bottom:solid 1px; border-color:#D0D0D0; background-color:#FFFFFF; color:black;padding:0 0.3em;}
.hiLiteCell {border-top:solid 1px; border-bottom:solid 1px; border-color:White; background-color:#C2C2CC; color:black; font-weight:bold;padding:0 0.3em;}
.redCell { border-top:solid 1px; border-bottom:solid 1px; border-color:#D0D0D0; background-color:white; color:crimson; font-weight:normal; padding:0 0.3em;}

/* SelectObj.css  */
.displaySel {background-color:#99BBFF; color:black; display:block; border:1px solid white;}
.displayUnSel {background-color:white; color:black; display:block; border:1px solid white;}
.noDisplay {display:none}
.longDiv {position:absolute; border:1px solid silver;  width:100%; background-color:white; cursor:default; display:none; top:0; left:0; line-height:1.6em;} /*    */
			   /* height:20em; overflow-y:auto;overflow-x:hidden; padding:1px */
.selDiv      {position:relative; border:none; width:100%; cursor:default; }
.selOuterDiv {position:relative; border:1px solid silver; }
.parentDiv {position:relative; Font-Family : Tahoma,sans-serif; width:100%; }

#dimmerDiv
{   background-color: rgba(0, 0, 0, 0.5);  /* #000;  */
    position:absolute; /* important to use fixed, not absolute ???? */
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999; 
    display:none;
/* may not be necessary */
}

#sysInit {  /*  goldBubble as Base  */
	font-size:1.0em;
	font-weight:bold;
	background-color:white;
	position:absolute;
	top:30%;left:42%;
}

.QABspan { cursor: pointer; }
.QABspan:hover { color:blue; text-decoration:underline; cursor:pointer; }
a:link.QABspan { color:black; text-decoration:none; cursor:pointer; }
a:visited.QABspan { color:black; text-decoration:none; cursor:pointer; }
a:link.QABspan:hover { color:blue; text-decoration:underline; cursor:pointer; }
a:visited.QABspan:hover { color:blue; text-decoration:underline; cursor:pointer; }

#QAB_block {
	font-Family : Arial, sans-serif;
	color:black; 
}   /* #EBF5FA;   the Second one so far: EBECFF  */

#linksDiv1 { /*  main QAB  */
	position:relative;
	background-color: rgb(248,248,248);		/*   rgb(220,230,240);   rgb(255,255,255);   */
	border: 2px solid rgb(208,208,208);		/*   rgb(235,240,250);   */
	border-radius: 5px;
	padding:0 0.3em 0 0.3em;
	width:11em;
	height:2.0em;
}

.QAB_span { 
	display: inline-block; 
	padding: 0.4em 0em 0.8em 0em; 
/*	border-bottom: 2px solid rgb(235,240,250);  */
}

#QAB_block .listDivider { 
/* 	color:  white; /* rgb(235,240,250);  
	height: 10px;  */
	border-style: solid;
	border-color: rgb(248,248,248);  /* rgb(235,240,250);   */
	display:none; 
	margin: 0; 
}

#verticalBar { 
	position: absolute; top: -0.1em; right: 28px;
	background-color: rgb(235,240,250);   /*  */
	width: 0.2em;
	height: 2.2em;
}


.logoutLink {
	position: relative; top: -0.05em;
	color: black; 
	text-decoration: none; 
}

.logoutBox {
	display:inline-block;
	position:absolute; top:3.0em; left:2.2em;
	font-family: calibri, sans-serif; 
	font-size: 1.1em;
	width: 4em;
/*	min-height: 10px;  */
	padding: 0em;
	text-align: center;
	background-color: rgb(220,230,240);
	border: 2px solid rgb(235,240,250);
	border-radius: 3px;
}

/* HELP - QAB stuff */
.helpBubble {
	display:inline-block;
	font-family: calibri, sans-serif; 
	position:absolute;  top:2.8em; right:0.0em;
	padding:2px;
	width: auto;
	min-width: 24px;
	height: auto;
	min-height: 24px;
	text-align:left; 
	border:2px solid  rgba(208,208,208,0.0);
	border-radius:5px; 
	background-color:  rgba(248,248,248,0.0); 
	overflow: visible;
	cursor: pointer;
	padding-bottom: 0.4em; 

	transition: 
		background-color 0.2s linear, 
		color 0.2s linear, 
		line-height 0.2s linear, 
		width 0.2s linear,
		font-size 0.2s linear;  
}

.helpBubbleExp {
	display:inline-block;
	font-family: calibri, sans-serif; 
	position:absolute;  top:2.8em; right:0.0em;
	padding:2px;
	width: auto;
	min-width: 24px;
	height: auto;
	min-height: 24px;
	text-align:left; 
	border:2px solid rgba(208,208,208,1.0);   /* rgb(235,240,250);  */
	border-radius:5px; 
	background-color: rgba(248,248,248,1.0);  /* rgb(220,230,240);  */
	overflow: visible;
	padding-bottom: 0.4em;
	cursor: default;

	transition: 
		background-color 0.2s linear, 
		color 0.2s linear, 
		line-height 0.2s linear, 
		width 0.2s linear,
		font-size 0.2s linear;  

}

.menuBubble {  /* now helpBubble ??? */
	display:inline-block;
	font-family: calibri, sans-serif; 
	position:absolute;  top:2.8em; right:0.0em;
	padding:2px;
	width: auto;
	min-width: 24px;
	height: auto;
	min-height: 24px;
	text-align:left; 
	border:2px solid  rgb(235,240,250);
	border-radius:5px; 
	background-color: rgb(220,230,240);
	overflow: visible;
	cursor: pointer;
	padding-bottom: 0.4em; 
	transition: 
		right .2s ease-out;
}

.menuBubbleExp {  /* now helpBubble ??? */
	display:inline-block;
	font-family: calibri, sans-serif; 
	position:absolute;  top:2.8em; right:0.0em;
	padding:2px;
	width: auto;
	min-width: 24px;
	height: auto;
	min-height: 24px;
	text-align:left; 
	border:2px solid  rgb(235,240,250);
	border-radius:5px; 
	background-color: rgb(220,230,240);
	overflow: visible;
	padding-bottom: 0.4em;
	cursor: default;
	transition: 
		right .2s ease-out;
}

.QAB_span_help { 
	font-family: calibri, sans-serif; 
	display:block;
	line-height:1.2em;
/*	width:8em;    */
	width: auto;
	font-size: 1.0em;
	margin: 0.2em 1.0em;
	padding: 0px;
	
	overflow: hidden;
	background-color: transparent;
	color:black; 
	cursor:pointer; 
	transition: 
		line-height 0.2s linear, 
		font-size 0.2s linear;  
}

.QAB_span_help:hover {
	text-decoration:underline; 
	color:blue; 
}

.greyLine { 
	font-family: calibri, sans-serif; 
	display:block;
	font-size: 0.0em;
	line-height:0.0em;
	width: auto;
	margin: 0px; 
	padding: 0px;
	overflow: hidden;
	background-color: transparent;   /* #808080;  */
	color: black;             /* #808080;  */
 /* border-radius:3px;   */ 
	transition: 
		line-height 0.2s linear, 
		font-size 0.2s linear;  
	
}	

.addLine {
	font-family: calibri, sans-serif; 
	display:inline-block;
	line-height:0.0em;
	width: 0.1em;
	font-size: 0.0em;
	margin: 0px; 
	padding: 0px;
	overflow: hidden;
	background-color: rgb(220,230,240);   /* #808080;  */
	color: rgb(220,230,240);             /* #808080;  */
	transition: 
		background-color .2s linear,
		color .2s linear, 
		line-height .2s linear, 
	/*	width .2s linear,   */
		font-size .2s linear;  
}

.Qmark {
	position:absolute;
	bottom:2px;right:0px;
	width: 28px; height: 28px;
	opacity:1;
	transition: 
		opacity 0.3s linear,
		width 0.2s ease-out,
		height 0.2s ease-out;
}

.QmarkExp {
	position:absolute;
	bottom:2px;right:0px;
	width: 48px; height: 48px;
	opacity:0;
	transition:
		opacity 0.1s linear,
		width 0.2s ease-out,
		height 0.2s ease-out;
}

.Tab_Hover {
	display:inline-block;
	visibility:hidden;
	position:absolute;
	text-align: left;
/*	background-image: linear-gradient(#F8F8F8,#DEDEDE);  */
	background-color: #F8F8F8;
	color:black;
	border: 1px solid black;
	border-radius: 5px;
	padding:0.6em;
/*	min-width:14em;  */
	line-height:1.6em;
	font-size:1.0em;
	z-index:1000;
	font-weight: normal;
}