/***************************************************/
/* CSS For NewsNav Navigation                     */
/* DLM     By     Reason                           */
/* 2020 11 27  KenR  First Version                 */
/* 2020 11 27  KenR  Update to flex                */
/* 2020 12 14  KenR  Multiple changes              */
/***************************************************/


.newsLeftCol{
display: block;
background: #1f9ec4; 
/* font color */
color: white; 
text-decoration: none;
padding: 0.8em 0.8em;
font-size: 20px;
height: 16px;
width: 300px;
letter-spacing: 2px;
font-family: arial;
/* drop shadow color of font */
text-shadow: 0 -1px 0 #49a0ba;
border-bottom: 1px solid  #2762c2;

}
.newsLeftCol:hover{
	background-color: #2762c2;
}
.newsScrollCol{
 display:inline-block;
 vertical-align:  top;
 width: 280px;
 border:1px solid #ccc;
 font:20px Georgia, Garamond, Serif;
 overflow:auto;
 white-space: nowrap; /* will prevent the default wrapping of text to next line */
 overflow-x: auto;
}
.newsRightCol{
	display: block;
	background: #1f9ec4; 
	/* font color */
	color: white; 
	text-decoration: none;
	padding: 0.8em 0.8em;
	font-size: 14px;
	height: 16px;
	width: 160px;
	letter-spacing: 2px;
	font-family: arial;
	/* drop shadow color of font */
	text-shadow: 0 -1px 0 #49a0ba;
	vertical-align: top;
	position: relative;
}
.newsRightCol:hover{
	background-color: #2762c2;
}
.newsListBox {
	display: inline-block;
	width: 290px;
	overflow: scroll;
	background-color: white;
	vertical-align: top;
}

.newsDestBox {
	display: inline-block;
	width: 100%;
	overflow: scroll;
	background-color: white;
	vertical-align: top;
}

.divider {
	display: inline-block;
	width: 4px;
	cursor: col-resize;
	height: 48vh;
	background-color: #000;
	vertical-align: top;
}

.newsPDF{
	height=100%;
	width=100%;
}
.newsHdr{
	display: flex;
	background-color:#3285a8;
	height: 40px;
}
.newsHdrLeft{
	display: inline-block;
	font-family:Arial;
	font-size:15px;
	margin: 4px 5px; 5px 5px;
	color: white;
	align-self: flex-start;
}
.newsHdrCentre{
	display: inline-block;
	font-family:Arial;
	font-size:15px;
	margin: 4px 5px; 5px 5px;
	color: blue;
	
}


.newsHdrRight{	
	display: inline-block;
	position: relative;
		box-shadow:inset 0px 0px 15px 3px #23395e;
		background:linear-gradient(to bottom, #2e466e 5%, #415989 100%);
		background-color:#2e466e;
		border-radius:17px;
		border:1px solid #1f2f47;
		cursor:pointer;
		color:#ffffff;
		font-family:Arial;
		font-size:15px;
		margin: 4px 5px; 5px 5px;
		padding:6px 13px;
		align-self: flex-end;
	}
.newsHdrRight:hover {
		background:linear-gradient(to bottom, #415989 5%, #2e466e 100%);
		color: yellow;
		background-color:#415989;
	}

	
}