BODY
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial;
    width: 100%;
}
H1
{
    FONT-SIZE: 14pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
H2
{
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
TD
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial
}
body.navigation {
	overflow-x:hidden; 
	margin: 0; 
	padding: 0px; 
	box-sizing: border-box; 
	left: 0; 
	top: 0; 
	width: 165px; 
	height: 100%;
	background-color: #fff; 
	border-right: 1px solid #dfdfdf;
}
.navigation .logo {
	padding: 15px;
}
.navigation .title {
	padding: 0px 15px;
	text-align: center;
	font-weight: bold;
}
.navigation .menu {
	padding-top: 10px;
}
.navigation .menu a {
	display: block;
	padding: 3px 5px 4px 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.navigation .menu a:hover {
    background-color: #f8f8f8;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.navigation .footer {
	padding: 2px 15px 15px 15px;
}
.navigation #le-tag {
	position: absolute !important; 
	top: -500px;
	z-index: -1000;
	opacity: 0;
}
.navigation .le {
	display: block;
	background-color: #0077c8;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	padding: 11px 0 !important;
	cursor: pointer;
	margin: 10px 15px;
}
.navigation .le:hover {
	opacity: 0.8;
	text-decoration: none;
}
.navigation .le i {
	padding-left: 5px;
}
.status
{
    FONT-SIZE: 7.5pt;
    COLOR: gray;
    FONT-FAMILY: Verdana, Arial;
}
.status.status_ib
{
    display: inline-block;
    height: 30px;
}
.strikethru
{
    FONT-SIZE: 8pt;
    COLOR: gray;
	TEXT-DECORATION: line-through;
    FONT-FAMILY: Verdana, Arial
}
.redstrikethru
{
    FONT-SIZE: 8pt;
    COLOR: red;
	TEXT-DECORATION: line-through;
    FONT-FAMILY: Verdana, Arial
}
.red
{
    COLOR: red;
}
#pageTitle
{
    POSITION: absolute;
    TOP: 0px;
    LEFT: 0px;
    WIDTH: 100%;
    background-color: #f8f8f8;
    border-top: 1px solid #dfdfdf;
    padding: 1px 10px 2px 10px;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    font-weight: bold;
    box-sizing: border-box;
}
#pageTitle A
{
    TEXT-DECORATION: none
}
#error
{
    FONT-SIZE: smaller;
    Z-INDEX: 1;
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 20px;
    padding-left: 10px;
    MAX-WIDTH: 350px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
#pageLoading {
	position: absolute; 
	left:50px; 
	top:50px; 
	background-color: #007CB3; 
	layer-background-color: #007CB3; 
	width: 280px;
	color: white;
	font-weight: bold;
	border: 1px solid #dfdfdf;
	padding: 5px 10px;
	text-align: center;
}
#grid
{
    FONT-SIZE: 7.5pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
#grid TD
{
    FONT-SIZE: 7.5pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
#buttonBar
{
    CLEAR: left;
    Z-INDEX: 1;
    PADDING-BOTTOM: 1px;
/*    WIDTH: 98%; */
    RIGHT: 25px;
    POSITION: absolute;
    TOP: 22px;
    TEXT-ALIGN: right;
    white-space: nowrap;
}
#buttonBar A
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
#navBar
{
    CLEAR: right;
     FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    LEFT: 0pt;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana;
    POSITION: absolute;
    TOP: 1pt;
    HEIGHT: 100%;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none;
}
#navBar .currentUser
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 2px;
    WIDTH: 145px;
    COLOR: black;
    TEXT-INDENT: 0pt;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: right
}
#searchForm
{
}
#searchForm TD
{
    FONT-SIZE: 7.5pt;
    FONT-FAMILY: Verdana, Arial;
}
#searchForm INPUT
{
    FONT-SIZE: 7pt
}
#searchForm textarea
{
    FONT-SIZE: 7pt;
}
#searchForm SELECT
{
    FONT-SIZE: 7pt
}
#navBar TD
{
    FONT-SIZE: 8pt;
    COLOR: #393939;
    FONT-FAMILY: Arial, Verdana
}
.grayedout
{
    FONT-SIZE: 7.5pt;
    COLOR: gray;
	FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial
}
.select
{
    FONT-SIZE: 7pt
}
#grid TD A
{
    COLOR: black;
    TEXT-DECORATION: none
}
#grid TD A:hover
{
    TEXT-DECORATION: underline
}
#grid .header
{
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
#login
{
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(images/bgLogin.gif);
    WIDTH: 100%;
    PADDING-TOP: 20px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 100%;
    BACKGROUND-: no-repeat
}
#navBar .folderItem
{
    FONT-SIZE: 8.5pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
#navBar .folder
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
#grid TD LI
{
    LINE-HEIGHT: 12pt
}
#searchForm TD A
{
    COLOR: black;
    TEXT-DECORATION: none
}
#searchForm TD A:hover
{
    TEXT-DECORATION: underline
}
#searchForm .header
{
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
#searchForm TD .label
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial
}
.radio
{
	WIDTH: 2em;
    HEIGHT: 1.5em;
	ALIGN: middle;
}
#tabStrip
{
    CLEAR: left;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 7px;
    width: 100%;
}
#tabStrip A
{
    COLOR: black;
    TEXT-DECORATION: none;
    padding: 0px 6px;
}
#tabStrip .inactive,
#tabStrip td[bgcolor=silver]
{
    COLOR: #fff;
    TEXT-DECORATION: none;
    background-color: #007CB3;
}
#tabStrip .inactive A,
#tabStrip td[bgcolor=silver] A
{
    COLOR: #fff;
    TEXT-DECORATION: none
}
TEXTAREA
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial
}
#tabStrip TD
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial
}
.header
{
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2px;
    COLOR: white;
    PADDING-TOP: 2px;
    FONT-FAMILY: Arial
}
A
{
    COLOR: black;
    TEXT-DECORATION: none
}
A:hover
{
    TEXT-DECORATION: underline
}
#note
{
}
#note TEXTAREA
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: lightgoldenrodyellow
}
.button
{
    FONT-SIZE: 7pt
}
.button INPUT
{
    FONT-SIZE: 7pt
}
.alert
{
    COLOR: red
}
.alert_note
{
    COLOR: red;
    BACKGROUND-COLOR: lightgoldenrodyellow
}
.note
{
    BACKGROUND-COLOR: lightgoldenrodyellow
}
.note TD
{
    BACKGROUND-COLOR: lightgoldenrodyellow
}
.alert_note TD
{
    BACKGROUND-COLOR: lightgoldenrodyellow
}
.small
{
    FONT-SIZE: 7.5pt
}
.huge
{
    FONT-SIZE: 16pt;
    FONT-WEIGHT: bolder
}
.QAline1 
{   padding:4px 4px 4px 4px;
    height:26px;
    overflow:visible;
    border:solid 1px black;
    border-bottom:solid 0px black;
}
.QAline2
{   background-color:#e7ffff;
    padding:4px 4px 4px 4px;
    height:26px;
    overflow:visible;
    border:solid 1px black;
    border-top:solid 0px black;
}
.box
{   padding:4px 4px 4px 4px;
    height:26px;
    overflow:visible;
    border:solid 1px black;
}
.Tall
{   height:34px;
}
.Taller
{   height:50px;
}
.cslnNews h1 {
		font-size: 12pt;
}
.cslnNews p {
		font-size: 10pt;
}
.cslnNews div {
		font-size: 10pt;
}
.launch_header {
	background: #007CB3;
    color: white;
    font-weight: bold;
    padding: 2px 3px;
}
.chartTitle {
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
.chartLegendDiv {
	display: inline-block;
	font-family: Arial;
	font-size: 10px;
}
.chartLegend {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
}
.chartLegendLabel {
	color: #222222;
}
svg > g > g.google-visualization-tooltip { 
	pointer-events: none;
}

/* Information classification label */
.classification {
	position: absolute;
	top: 0;
	right: 10px;
	text-transform: uppercase;
	font-size: inherit;
	font-weight: bold;
	color: #df0000;
}

.searchRowOdd {
    background-color: #FFFFFF;
}

.searchRowEven {
    background-color: #D9F4FC;
}
.searchRowSelected {
    background-color: #99CCFF;
}

div.containerMain {
    width: 100%; 
    display: flex; 
    flex-direction: row;
}
div.containerMain iframe {
    height: 100vh; 
    border: none;
}
iframe.iframeNav {
    flex: 0 0 165px;
    width: 165px;
}
iframe.iframeMain {
    width: 100vw;
}
body.bodyMain {
    margin: 0;
}
div.containerSubMain {
    height: 100%;
    width: 100%; 
    display: flex;
    flex-direction: column;
}
div.containerSubMain iframe {
    width: 100vw; 
    border: none;
}
iframe.iframePrimary {
    flex: 1 0 305px;
}
iframe.iframeSecondary {
    height: calc(100vh - 305px);
}
iframe.iframeSecondary.hidden {
    height: 0;
}
iframe.iframeSingle {
    height: 100vh;
}
.claimUpdateErr {
    color: red;
    margin-bottom: 0;
    margin-left: 5px;
}

