/* REVIEWED CSS */
.cssOuter           { width: 100%; display: table; position: absolute; height: 100%;  }
.cssMiddle          { display: table-cell; vertical-align: middle; }
.cssInner           { width: 800px; margin-left: auto; margin-right: auto;     background-color: gray; }


.json-box          {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8px; text-align: left; }

.td-box {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8px;
    text-align: left;
} 

.cssMain_0  
    {
	    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
        text-align: center; position: relative; 
        height: 490px; width: 800px;
        margin-left: auto ; margin-right: auto ;
        vertical-align: middle;
    }


.cssMainTable       { width: 800px; background-color: Silver; border: 2px solid black; text-align: center; }
.cssMainTableCell   { width: 20%; text-align: center; border: 2px solid black; } 
.cssMainTableDev       { width: 800px; background-color: Yellow; border: 2px solid black; text-align: center; }

/* IN REVIEW */
.menu-button        {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; text-align: right; } 

.FLAG_THREAT0       { color: #FFFF00; background: GREEN; }
.FLAG_THREAT1       { color: black; background: LIGHTGREEN; }
.FLAG_THREAT2       { color: black; background: YELLOW; }
.FLAG_THREAT3       { color: black; background: ORANGE; }
.FLAG_THREAT4       {color: black; background: RED; }
.FLAG_THREAT5       {color: RED; background: black; }


.FLAG_WARNING       {color: black; background: #FA58F4; }
.FLAG_DEFAULT       {color: black; background: #F5F6CE; }
.FLAG_FROZEN       {color: black; background: LIGHTBLUE; }
.FLAG_DISABLED      { color: black; background: lightgrey; }
.FLAG_FROZEN2       {color: #FFFF00; background: #0000FF; }
.FLAG_NEUTRAL       {color: black; background: #7FFF00; }


.plan-box         
{
    height: 360px; 
    width: 300px; 
    border: #26a solid 1px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    font-size: 8px;
    overflow: auto; 
    text-align: center;
} 

.map-box         
{
    height: 260px; 
    width: 260px; 
    border: #26a solid 1px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    font-size: 8px;
    text-align: center;
	background-color: #EEEEEE;
}


 	   
	   
#map-container {
  width: 260px;
  height: 260px;
  position: relative;
  background-color: #228B22;
}

.map-layer{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#map-layer-svg {
  z-index: 10;
}



.GhostDiv           {  visibility: hidden; display: none; }
.ShowDiv            {  visibility: visible; display: block; }


.input-box          { border: #26a solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-align: right; } 
.calc-box           {	color: #26a; background: #feb; border: #26a solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-align: right; }
.NP_calc-box           {	color: #26a; background: #feb; border: #26a solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-align: center; }
.warn-box           { color: #26a; background: orange; border: #26a solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-align: right }

.VSMinput-box {
    border: #26a solid 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8px;
    text-align: right;
} 

.SMinput-box        { border: #26a solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; text-align: right; } 
.SMcalc-box         {	color: #26a; background: #feb; border: #26a solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; text-align: right; }
.SMwarn-box         { color: #26a; background: orange; border: #26a solid 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; text-align: right }

.SM_table { vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8px; text-align: right; }






.BIG_table {
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
} 

.cssAPP_PopUp {

    width:310px;
    height:460px;
    display: none;
    position: absolute;
    border-style: outset; 

    border-width: medium;
    border-color: inherit;
/*
*/
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: bold;
    top:50%;
    left:50%;
    margin:-500px 0 0 -500px;
    background-color: #feb;
}

.cssAPP_NumberPad {

    width:210px;
    height:300px;
    display: none;
    position: absolute;
    border-style: outset; 

    border-width: medium;
    border-color: inherit;
/*
*/
        vertical-align: middle;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: bold;
    top:50%;
    left:50%;
    margin:-150px 0 0 -105px;
    background-color: gray;
}



.divStatusPanel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: left; position: relative; height: 160px; width: 100px; margin-left: auto ; margin-right: auto ; }

.divStatusPanelNew {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	position: relative;
	/*	height: 160px; */
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}


.cssPrintPage 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
    text-align: center; position: relative; 
    height: 490px; width: 360px;
    text-align: center;
    border: 2px solid black;
}


.plotDiv { height: 160px; width: 640px; }
.Track_line { fill: none; stroke: steelblue; stroke-width: 1.5px; }
        


/* TO REVIEW */

BODY {   margin: 0; padding: 0; border: 0px none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #100000; }
TABLE { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
td 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
th 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

.tdTOP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	color: #000000;
}


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000CC;
	font-size: 12px;
	text-decoration: none;
}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000CC; font-size: 12px; text-decoration: none; }		
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000CC; font-size: 12px; text-decoration: underline; }


.TD_mobile { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; }




.hide { visibility: hidden; }

.hide1
{
    visibility: visible;
}


  
.cssMainTableCellCenter 
{
    text-align: center;
    border: 2px solid black;
}

.cssMainTableCellRight 
{
    text-align: right;
    border: 2px solid black;
}

.cssMainTableCellLeft 
{
    text-align: right;
    border: 2px solid black;
}

.maincontent  
    {
	    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
        text-align: center; position: relative; 
        height: 490px; width: 360px;
        margin-left: auto ; margin-right: auto ;
    }
                                                                        

.cssAlignCenter 
{
    text-align: center;
}

.cssAlignRight 
{
    text-align: right;
}

.cssAlignLeft 
{
    text-align: right;
}

.cssMainScreen {
    font-size: 8px;
    overflow: auto;
    height: 370px;
    width: 800px;
    background-color: white;
    border: 5px solid green;
    text-align: center;
    vertical-align: middle;
}



.tdWinZ
{
    font-size: 6px;
    overflow: auto;
} 


.tdWinX
{
    font-size: 8px;
    overflow: auto;
    height: 370px;
    background-color: orange;
    border: 1px solid gray;
    text-align: center;
    vertical-align: middle;
} 


.cssAUTH_PopUp {
    display: none;
    border-style: outset;
    border-width: thick;
    border-color: inherit;
    border-radius: 30px;
    position: absolute;
    width:380px;
    height:325px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-180px 0 0 -240px;
    background-color: white;
}

.cssAUTH_PopUpTitle {
    position:relative;
    width:350px;
    height:65px;
    top:15px;
    left:0px;
    margin:-200px 0 0 -225px;
    background-color: white;
}

.cssAUTH_PopUpStatus 
{
    position:relative;
    width:350px;
    height:50px;
    top:30px;
    left:0px;
    margin:15px 0px 0px 15px;
    background-color: white;
    color: #CC3300;
}

.cssAUTH_PopUpText 
{
    position:relative;
    width:350px;
    height:150px;
    top:0px;
    left:0px;
    margin:15px 0px 0px 15px;
    background-color: white;
}

    .Calc_buttonNumb 
    {
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 20px; 
        width: 60px; 
        font-weight: bold; 
        height: 40px;
        text-align: center;
    }
   
    .Calc_buttonNumbGreen 
    {
		color: green;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 20px; 
        width: 60px; 
        font-weight: bold; 
        height: 30px;
        text-align: center;
    }

    .Calc_buttonNumbRed 
    {
		color: red;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 20px; 
        width: 60px; 
        font-weight: bold; 
        height: 30px;
        text-align: center;
    }

    .Calc_buttonWide 
    {
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 20px; 
        width: 120px; 
        font-weight: bold; 
        height: 40px;
        text-align: center;
    }


	.NP_Calc_box {
		color: #26a;
		background: #feb;
		border: #26a solid 1px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 24px;
		text-align: center
	}
    
.node circle {
  fill: #999;
}

.node text {
  font: 10px sans-serif;
}

.node--internal circle {
  fill: #555;
}

.node--internal text {
  text-shadow: 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff;
}

.link {
  fill: none;
  stroke: #555;
  stroke-opacity: 1.0;
  stroke-width: 1.5px;
}

.chartDiv {
    width:300px;
    height:300px;
  font: 10px sans-serif;
  position: relative;
}

.node1 {
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
}

.node-label {
  padding: 4px;
  line-height: 1em;
  white-space: pre;
}

.node-value {
  color: rgba(0,0,0,0.8);
  font-size: 9px;
  margin-top: 1px;
}

/* The Modal (background) */
.AMF_modalclass {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.AMF_modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 5px;
	border: 3px solid green;
	text-align: center;
	width: 680px;
	height: 360px;
}

/* The Close Button */
.AMF_modal-close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}


.AMF_modal-activeContent {
	margin: auto;
	padding: 10px;
	border: 1px solid red;
	width: 640px;
	height: 320px;
	overflow: auto;
}


.AMF_modal-close:hover,
.AMF_modal-close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}