body{
 -webkit-touch-callout: none;    /* prevent callout to copy image, etc when tap to hold */
 -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
 user-select: none;      /* prevent copy paste, to allow, change 'none' to 'text' */
 -webkit-user-select: none;      /* prevent copy paste, to allow, change 'none' to 'text' */
/*-webkit-user-select: none;  *webkit (safari, chrome) browsers*/
 -moz-user-select: none;     /*mozilla browsers*/
 -khtml-user-select: none;   /*webkit (konqueror) browsers*/
 -ms-user-select: none;      /*IE10+*/
 font: 10px Helvetica; font-weight:bold;
 background-color: #00002E;
 color: #B8DBFF;
 max-width: 282px;
 width: 282px;
 margin: 0 auto; /* This centers the content */
 padding: 6px;
}
.inputn{
 font: 12px Helvetica; font-weight:bold;
 height: 17px !important;
 width: 89px !important; 
 border:1px solid black;
/*
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
         box-sizing: border-box;
*/
 padding: 0px 0px 0px 9px !important;
 text-align: left;
 vertical-align: top;
 background-color: #1919A3;
 color: #B8DBFF;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 margin-top: 0px;
 margin-left: 0px;
 overflow: hidden !important;
}
.nvd1{
 width: 142px !important; 
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 3px 0px;
 text-align: left;
 vertical-align: middle;
 padding-left: 0px;
 border-style: solid; border-color: #00002E;
 border-width: 1px 1px 1px 1px;
 background-color: #00002E;
 color: #B8DBFF;
 border-radius: 5px;
 margin-top: 0px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #00002E;
 -moz-box-shadow: 0px 0px 0px #00002E;
 box-shadow: 0px 0px 0px #00002E;
 display: none;
}
.nvd2{
 line-height: 21px !important;
 height: 21px !important;
 width: 60px !important; 
 border:1px solid black;
/*
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
         box-sizing: border-box;
*/
 padding: 0px 0px 0px 5px !important;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 user-select: none;
 -webkit-user-select: none;
 font: 12px Helvetica; font-weight:bold;
 background-color: #1919A3;
 color: #B8DBFF;
 margin-left: 0px;
 margin-top: 0px;
 text-align: top;
 vertical-align: center;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 overflow: hidden !important;
 display: none;
}
.trnam{
 line-height: 21px !important;
 height: 21px !important;
 width: 100px !important; 
 border:1px solid black;
 padding: 0px 0px 0px 5px !important;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 user-select: none;
 -webkit-user-select: none;
 font: 12px Helvetica; font-weight:bold;
 background-color: #00002E;
 color: #B8DBFF;
 margin-left: 4px;
 margin-top: 0px;
 text-align: top;
 vertical-align: center;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 overflow: hidden !important;
}
.textinp{
 width: 102px !important; 
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 3px 0px;
 text-align: left;
 vertical-align: middle;
 padding-left: 0px;
 border-style: solid; border-color: #00002E;
 border-width: 1px 1px 1px 1px;
 background-color: #00002E;
 color: #B8DBFF;
 border-radius: 5px;
 margin-top: 0px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #00002E;
 -moz-box-shadow: 0px 0px 0px #00002E;
 box-shadow: 0px 0px 0px #00002E;
}
.textinp:hover{cursor:help;}
.textmess{
 text-transform: uppercase;
 color: red;
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: left;
 vertical-align: middle;
 padding-left: 0px;
 border-style: solid; border-color: #00002E;
 border-width: 1px 1px 1px 1px;
 background-color: #00002E;
 color: #B8DBFF;
 border-radius: 5px;
 margin-top: 0px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #00002E;
 -moz-box-shadow: 0px 0px 0px #00002E;
 box-shadow: 0px 0px 0px #00002E;
}
.textz{
 display:none;
 font: 10px Courier New; font-weight:bold;
 padding: 0px 0px 0px 0px;
 text-align: left;
 border-style: solid; border-color: #00002E;
 border-width: 1px 1px 1px 1px;
 background-color: #00002E;
 color: #B8DBFF;
 user-select: none;
 -webkit-user-select: none;
 margin-left: 6px;
 margin-top: 0px;
 overflow: hidden;
 appearance: none;
 -webkit-appearance: none;
 -webkit-box-shadow: 0px 0px 0px #00002E;
 -moz-box-shadow: 0px 0px 0px #00002E;
 box-shadow: 0px 0px 0px #00002E;
}
.pbar{
 display: -moz-inline-stack;
 display: inline-block;
 zoom: 1;
 display: inline;
 vertical-align: top;
 animation-name:growbar;
 -webkit-animation-name:growbar;
 animation-duration:3s;
 -webkit-animation-duration:3s;
 animation-timing-function:ease-out;
 -webkit-animation-timing-function:ease-out;
 animation-delay:0.5s;
 -webkit-animation-delay:0.5s;
 animation-play-state:active;
 -webkit-animation-play-state:active;
 animation-iteration-count:infinite;
 -webkit-animation-iteration-count:infinite;
}
@keyframes growbar {
 from {
  width:0%;
  color:red;
  background-color:red;
 }
 to {
  width:100%;
  color:green;
  background-color:green;
 }
}
@-webkit-keyframes growbar {
 from {
  width:0%;
  color:red;
  background-color:red;
 }
 to {
  width:100%;
  color:green;
  background-color:green;
 }
}
.myDiv{
 font: 90px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 width: 270px;
 text-align: center;
 border-style: solid; border-color: #00002E;
 border-width: 1px 1px 1px 1px;
 background-color: #00002E;
 /*background-color: rgba(0, 0, 3, 0.01);*/
 color: #B8DBFF;
 user-select: none;
 -webkit-user-select: none;
 margin-top: -16px;
 margin-bottom: 0px;
 position: relative;
 z-index: -99;
 overflow: hidden;
}
@-moz-document url-prefix() {
 .myDiv{
   margin-top: -2px;
 }
}
.NVEma-button{
 position: absolute;
 top: 5px; left: 220px;
 height: 55px;
 display:none;
}
.NVEma-button:hover{
 cursor: pointer;
 filter:alpha(opacity=75);
 -moz-opacity:0.75;
 -khtml-opacity:0.75;
 opacity:0.75;
}
a{
 color: #6666C2; /*href link*/
}
a:hover{
 color: #99CCFF; /*href link*/
}
table{
 font: 12px Helvetica; font-weight:bold;
 color: #B8DBFF;
 width: 270px;
 border-collapse: collapse;
 border-spacing: 0;
}
td, th{
 border: 1px solid transparent;
 /*border: 1px solid #ccc;*/
 height: 14px;}
th{
 background: #DFDFDF;
 font-weight: bold; /* Make sure they're bold */
}
tr:nth-child(even) td{ background: #000066; }   
tr:nth-child(odd) td{ background: #000052; }
td:nth-child(odd){
 text-align: left;
 padding-left: 15px;
}
td:nth-child(even){
 text-align: left;
 padding-right: 15px;
}
.myDiv1{
 font: 12px Helvetica; font-weight:bold;
 padding: 0px 0px 0px 0px;
 width: 270px;
 border-style: solid; border-color: #00002E;
 border-width: 1px 1px 1px 1px;
 background-color: #00002E;
 color: #B8DBFF;
 user-select: none;
 -webkit-user-select: none;
 overflow: hidden;
 margin-top: -18px;
}
.myDiv2 br{
 display: none;
}
.myImg{
 width: 270px;
}
.myDiv2{
 font: 11px Helvetica; font-weight:bold;
 /*color: #ffff00;*/
 padding: 0px 0px 0px 0px;
 width: 270px;
 border-style: solid; border-color: #00002E;
 border-width: 1px 1px 1px 1px;
 background-color: #00002E;
 color: #B8DBFF;
 user-select: none;
 -webkit-user-select: none;
 overflow: hidden;
 position: relative;
 margin-top: 15px;
 margin-bottom: 5px;
 z-index: 9;
}
table#hlTable{
 table-layout:fixed;
 width: 120px;
}
table#hlTable td{
 font: 11px Helvetica; font-weight:bold;
 background-color: #CDE6FF;
 color: black;
 width: 37px;
 overflow: hidden;
 display: inline-block;
 white-space: nowrap;
 padding: 0px 0px 0px 0px;
 border-collapse: collapse;
 border-spacing: 0;
}
table#hlTable td:nth-child(odd){
 background-color: #d9e6f2;
 color: blue;
}
.chrt{
 height:60px;
 width:270px;
 border-width: 0px 0px 0px 0px;
 background-color: #00002E;
}
.chrt .jqplot-title{
 margin-top:0px !important;
 margin-bottom:0px !important;
 display: none;
}
.chrt .jqplot-xaxis{
 bottom:0px !important;
 height:1px !important;
 margin-top:0px !important;
 margin-bottom:0px !important;
}
.chrt .jqplot-yaxis{
 margin-left:0px !important;
 margin-right:0px !important;
 width:0px !important;
}
.highlight2{
 font: 12px Helvetica; font-weight:bold;
 color: black;
 background-color: #CDE6FF;
 position: absolute;
 width: 116px;
 padding: 2px;
 user-select: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -khtml-user-select: none;
 -ms-user-select: none;
 border-style: solid; border-color: #888;
 border-width: 1px 1px 1px 1px;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 text-decoration: none;
 white-space: pre-wrap;
 display: none;
}
.hlc{
 border-radius: 50%;
 width: 3px;
 height: 3px;
 position: absolute;
 background: #CDE6FF;
 filter:alpha(opacity=90);
 -moz-opacity:0.9;
 -khtml-opacity:0.9;
 opacity:0.9;
 display: none;
}
.share-button{
 position: absolute;
 display: inline-block;
/* top: 402px;*/
 left: 221px;
 height: 21px;
 z-index: 9999;
 display: none;
}
.share-button:hover{
 cursor:pointer;
}
#dialog-overlay{
 width:100%;
 height:100%;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity:0.5;
 opacity:0.5;
 background:#000;
 position:absolute;
 top:0;
 left:0;
 z-index:3000;
 display:none;
}
#dialog-box{
 /* css3 drop shadow */
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
 /* css3 border radius */
 -moz-border-radius: 5px;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 background:#1919A3;
 /*fixed dimension*/
 width:280px;
 /* make sure it has the highest z-index */
 position:absolute;
 z-index:5000;
 display:none;
}
#dialog-box .dialog-content{
 /*style of content*/
 text-align:left;
 padding:2px;
 margin:6px;
 color:#B8DBFF;
 font-family:helvetica;
 font-size:12px;
 font-weight:bold;
}
a.button{
 /*style of button*/
 margin:10px auto 0 auto;
 text-align:center;
 background-color:#00002E;
 display:inline-block; /*block: midden safari maar links IE*/
 left:100px; /*check alignment middle of dialog box width*/
 width:50px;
 padding:5px 5px 6px;
 color:#B8DBFF;
 text-decoration:none;
 font-weight:bold;
 line-height:1;
 -moz-border-radius: 5px;
 -webkit-border-radius: 6px;
 border-radius: 5px;
 border-bottom:1px solid rgba(0,0,0,0.25);
 position:relative;
 cursor:pointer;
}
a.button:hover{
 background-color:#B8DBFF;
 color:#00002E;
 -moz-border-radius: 5px;
 -webkit-border-radius: 6px;
 border-radius: 5px;
}
#dialog-box .dialog-content p{
 font-weight:700;
 margin:0;
}
#dialog-box .dialog-content ul{
 margin:10px 0 10px 20px;
 padding:0;
 height:50px;
}
#canvas{
 margin: 0; padding: 0;
 width:285px;
 height:500px;
 /*
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity:0.5;
 opacity:0.5;
 */
 background:#00002E;
 position:absolute;
 top:0;
 left:0;
 z-index:-20000;
 /*display: block;*/
}
.alignsocials{
 display: inline-block;
 vertical-align: middle;
 margin: 3px 10px 4px 0px;
}
.alignsocials img{
 outline: 2px solid white;
 outline-offset: -2px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.alignsocials img:hover {
 opacity: 0.8;
 transform: scale(1.166);
 transition: all 250ms ease-in-out;
}