document
{  
    margin: 0;  
    padding: 0;  
    cursor: none;
}  

body {
background: rgb( 195,200,200 );
color: rgb( 43,29,14 );

}


#splash td, #splash div {
    text-align: center;
}

#splash td {
    font-size: .85em;
}

#splash img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;  
}

.splashsmall {
    font-size: .65em;
    text-align: center;
    font-style: italic; 
}

textarea {


}

.title {
  text-decoration: none;
  outline: 0;
}

.title:link {
  color: rgb( 43,29,14 );
}

.title:visited {
  color: rgb( 43,29,14 );
}

.title:active {
  color: rgb( 43,29,14 );
}

.title:hover {
   color: rgb( 200,128,0 );  
}

.pagetitle {
   z-index: -1;
}

.opacity {
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: opacity 1s linear;
}

.opacity:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s linear;
}

td {
   padding-top:  0;
   padding-left: 0;
   padding-bottom: 0;
}

table {
    border-collapse: collapse;
}


.padcell td {
   padding-left: 5px;
   padding-right: 5px;
   text-align : center;
}

.padcell th {
   padding-left: 5px;
   padding-right: 5px;
   text-align : center;
}


.logo { position: fixed; bottom: 0px; right: 0; z-index:51;}
.wsstatus { position: fixed; right: 30px; color:red; z-index:51 }
.helpwsstatus {
    position:fixed;
    right:10px;
    min-width: 20em;
}

#tab_feedback {
     position: fixed;
     right: 0;
     top: 200px;
     display: block;
     width: 25px;
     height: 102px;
     text-indent: -10000px;
     background-image: url(data:image/png;base64,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);
     opacity: 0.7;
     filter: alpha(opacity=70);
     -webkit-transition: opacity 1s linear;
     overflow: hidden;
     z-index: 5;
}

#tab_feedback:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1s linear;
}

#tab_feedback2 {
     position: fixed;
     right: 0;
     top: 200px;
     display: block;
     width: 25px;
     height: 102px;
     text-indent: -10000px;
     background-image: url(pngs/tabfeedback.png);
     overflow: hidden;
     z-index: 5;
}

#tab_docs {
     position: fixed;
     right: 0;
     top: 295px;
     z-index: 4;
}

.warning {
color: rgb( 255,0,0 );
}

.ui-state-highlight {
  color: rgb( 200,128,0 );
}

.header1 {
font-size: 2em;
color: rgb( 228,255,250 );
}
.header2 {
font-size: 1.75em;
color: rgb( 228,255,250 );
}
.header3 {
font-size: 1.5em;
color: rgb( 43,29,14 );
}
.header4 {
font-size: 1.25em;
color: rgb( 228,255,250 );
}

.sidebar {
   position: absolute;
   
   left: 0;
   
   
   
   padding-left: 10px;
   
   
   
   text-align: left;
   
   display: block;
}

.sidebar ul {
   list-style-type: none;
   padding-left: 0;
}

/* .sidebar ul li + li {
  border-top: 1px dotted;
} */

.sidebar ul li {
   display: block;  
   width: 140px;  
   width: 280px;
   font-size: 18px;  
   line-height: 44px;  
   text-align: center;  
   
   vertical-align: middle;
   text-decoration: none;  
   color: rgb( 43,29,14 );
   
   
   
   
   
   
   
}

.sidebar ul li img {
   vertical-align: middle;
   float: right;
}

.sidebar ul li:hover {
   color: rgb( 200,128,0 );  
}

.config {
   vertical-align: middle;
   float: right;
}

.hoverhighlight {
   text-align: right;
}

.hoverhighlight:hover {
   color: rgb( 200,128,0 );  
}

#panelmain {
position: relative;
    display: block;  

}


a:visited {color: rgb( 43,29,14 );}

a:active  {color: rgb( 200,128,0 );}

button {
  outline: none;
/*  cursor: none; */
  border: 0px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  border-radius: .2em;
  -webkit-border-radius: .2em; 
  -moz-border-radius: .2em;
  background-color: rgb( 228,255,250 );
  background: -webkit-gradient(linear, left top, left bottom, from( rgb( 228,255,250 ) ), to( rgb( 128,170,150 ) ));
  background: -moz-linear-gradient(top, rgb( 228,255,250 ),  rgb( 128,170,150 ) );
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb( 128,170,150 ), endColorstr=rgb( 128,170,150 ));
  padding: 0;
  padding-left: 2px; 
  padding-right: 2px; 
}


button:hover {
/*   opacity: .5; */
   background-color: rgb( 255,255,255 );
   background: -webkit-gradient(linear, left top, left bottom, from( rgb( 255,255,255 ) ), to( rgb( 228,255,250 ) ));
    background: -moz-linear-gradient(top, rgb( 255,255,255 ),  rgb( 228,255,250 ) );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb( 228,255,250 ), endColorstr=rgb( 228,255,250 ));
/*   color: rgb( 255, 128, 0 );   */
}

button:active {
position: relative;
top: 1px;
left: 1px;
}

.box-shadow-menu { 
vertical-align:middle;
font-size: 2em;
}

.box-shadow-menu:hover { 
  color: rgb(200,128,0);
  stroke: rgb(200,128,0);
}

.svgmenu {
  color: rgb(43,29,14);
  stroke: rgb(43,29,14);
  padding: 5px;
}
.svgmenu:hover { 
  color: rgb(200,128,0);
  stroke: rgb(200,128,0);
}
.highlight:hover { 
  color: rgb(200,128,0);
}

.help {
    background-color: rgba(0,0,75, 0.95 );
    color: rgb(240,240,210);
    border-radius: .5em;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    opacity: 0; /* Make it transparent */
    padding: .5em;
    position: absolute;
    text-decoration: none;
    visibility: hidden; /* and hidden */
/*    width: 25em; */
    z-index: 10;
}

.hidden {
    opacity: 0;  
    visibility: hidden;
/*    display: none; */
}

.helpright {
    top: 60px;
}

.helpleft {
    left: 10px;
    min-width: 20em;
}

.help_link_on:hover + span {
    opacity: 1;
    visibility: visible;
}

.plot2ddef {
   width: 600px;
   height: 300px;
}

.coord {
    background-color: rgba(0,0,75, 0.95 );
    color: rgb(240,240,210);
    border-radius: .5em;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    opacity: 0; /* Make it transparent */
    padding: .5em;
    position: absolute;
    text-decoration: none;
    visibility: hidden;
/*    width: 25em; */
    z-index: 10;
}

.coordvisible {
    opacity: 1;
    visibility: visible;
}

.modalDialog {
   position: fixed;
/*             font-family: Arial, Helvetica, sans-serif; */
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.8);
   z-index: 99999;
   opacity:0;
   -webkit-transition: opacity 400ms ease-in;
   -moz-transition: opacity 400ms ease-in;
   transition: opacity 400ms ease-in;
   pointer-events: none;
}

.modalDialog_on {
   opacity:1;
   pointer-events: auto;
}

.modalDialog > div {
   width: 50%;
   position: relative;
   margin: 10% auto;
   padding: 5px 20px 13px 20px;
   border-radius: 10px;
   background: rgb( 195,200,200 );
   background: -moz-linear-gradient(rgb( 195,200,200 ), #222);
   background: -webkit-linear-gradient(rgb( 195,200,200 ), #222);
   background: -o-linear-gradient(rgb( 195,200,200 ), #222);
}

.close {
   background: #606061;
   color: #FFFFFF;
   line-height: 25px;
   position: absolute;
   right: -12px;
   text-align: center;
   top: -10px;
   width: 24px;
   text-decoration: none;
   font-weight: bold;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -moz-box-shadow: 1px 1px 3px #000;
   -webkit-box-shadow: 1px 1px 3px #000;
   box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.modalDialog2 {
   position: fixed;
/*             font-family: Arial, Helvetica, sans-serif; */
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.8);
   z-index: 99998;
   opacity:0;
   -webkit-transition: opacity 400ms ease-in;
   -moz-transition: opacity 400ms ease-in;
   transition: opacity 400ms ease-in;
   pointer-events: none;
}

.modalDialog2_on {
   opacity:1;
   pointer-events: auto;
}

.modalDialog2 > div {
   width: 55%;
   position: relative;
   margin: 10% auto;
   padding: 5px 20px 13px 20px;
   border-radius: 10px;
   background: rgb( 195,200,200 );
   background: -moz-linear-gradient(rgb( 195,200,200 ), #222);
   background: -webkit-linear-gradient(rgb( 195,200,200 ), #222);
   background: -o-linear-gradient(rgb( 195,200,200 ), #222);
}

.close2 {
   background: #606061;
   color: #FFFFFF;
   line-height: 25px;
   position: absolute;
   right: -12px;
   text-align: center;
   top: -10px;
   width: 24px;
   text-decoration: none;
   font-weight: bold;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -moz-box-shadow: 1px 1px 3px #000;
   -webkit-box-shadow: 1px 1px 3px #000;
   box-shadow: 1px 1px 3px #000;
}

.close2:hover { background: #00d9ff; }

.modalDialog3 {
   position: fixed;
/*             font-family: Arial, Helvetica, sans-serif; */
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.8);
   z-index: 99999;
   opacity:0;
   -webkit-transition: opacity 400ms ease-in;
   -moz-transition: opacity 400ms ease-in;
   transition: opacity 400ms ease-in;
   pointer-events: none;
}

.modalDialog3_on {
   opacity:1;
   pointer-events: auto;
}
   

.table-wrapper {
   overflow: auto;
   max-height: 400px;
}

.modalDialog3 > div {
   max-width: 70%;
   position: relative;
   margin: 10% auto;
   padding: 5px 20px 13px 20px;
   max-height: 95%;
   border-radius: 10px;
   background: rgb( 195,200,200 );
   background: -moz-linear-gradient(rgb( 195,200,200 ), #222);
   background: -webkit-linear-gradient(rgb( 195,200,200 ), #222);
   background: -o-linear-gradient(rgb( 195,200,200 ), #222);
}

.close3 {
   background: #606061;
   color: #FFFFFF;
   line-height: 25px;
   position: absolute;
   right: -12px;
   text-align: center;
   top: -10px;
   width: 24px;
   text-decoration: none;
   font-weight: bold;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -moz-box-shadow: 1px 1px 3px #000;
   -webkit-box-shadow: 1px 1px 3px #000;
   box-shadow: 1px 1px 3px #000;
}

.close3:hover { background: #00d9ff; }

.modalDialog4 {
   position: fixed;
/*             font-family: Arial, Helvetica, sans-serif; */
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.8);
   z-index: 99999;
   opacity:0;
   -webkit-transition: opacity 400ms ease-in;
   -moz-transition: opacity 400ms ease-in;
   transition: opacity 400ms ease-in;
   pointer-events: none;
}

.modalDialog4_on {
   opacity:1;
   pointer-events: auto;
}
   
.modalDialog4 > div {
   max-width: 70%;
   position: relative;
   margin: 10% auto;
   padding: 5px 20px 13px 20px;
   max-height: 95%;
   border-radius: 10px;
   background: rgb( 195,200,200 );
   background: -moz-linear-gradient(rgb( 195,200,200 ), #222);
   background: -webkit-linear-gradient(rgb( 195,200,200 ), #222);
   background: -o-linear-gradient(rgb( 195,200,200 ), #222);
}

.close4 {
   background: #606061;
   color: #FFFFFF;
   line-height: 25px;
   position: absolute;
   right: -12px;
   text-align: center;
   top: -10px;
   width: 24px;
   text-decoration: none;
   font-weight: bold;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -moz-box-shadow: 1px 1px 3px #000;
   -webkit-box-shadow: 1px 1px 3px #000;
   box-shadow: 1px 1px 3px #000;
}

.close4:hover { background: #00d9ff; }

.legendLabel {
   color: rgb( 43,29,14 );
}
.overflow {
   overflow-x : auto;
   overflow-y : auto;
}