/*
  OPUS-Projects CSS
  $Id: OpusProjects.css 72682 2013-06-11 15:37:37Z Mark.Schenewerk $
  Changing the contents of this file from that indicated by
  the ID may result in unexpected or incorrect performance.
    OPUS-Projects Team
    National Geodetic Survey
    1315 East-West Highway
    Suite 9113
    Silver Spring, MD 20910-1402
    USA
 */

/* A NOAA blue divider line */
#divline,
.bluedivline {
    margin: 0 0 1em 0;
    border-bottom: 2px solid #39519C;
}

/* A NOAA light-blue divider line */
#divline,
.lightbluedivline {
    margin: 0 0 1em 0;
    border-bottom: 2px solid #C8D3E9;
}

/* A NOAA blue content top border line */
#divline,
.blue_border {
    margin: 0 0 1em 0;
    border-bottom: 5px solid #39519C;
}

/* A NOAA light-blue content top border line */
#divline,
.lightblue_border {
    margin: 0 0 1em 0;
    border-bottom: 5px solid #C8D3E9;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C8D3E9;
    margin: 1em 0;
    padding: 0;
}

a.SpecialNotice {
    font-size: 10px;
    background-color: blanchedalmond;
}

/* layout instructions */
#layout_popup_banner {
    text-align: center;
    position: relative;
    color: #333;
    padding: 10px;
    height: 45px;
    margin: 0px 0px 0px 0px;
    background: url('/ngsstandard/images/banner-app-strip.png') repeat-x;
}

#layout_popup_banner h1 {
    color: #3a5298;
    font-family: "Minion", "Times New Roman", times, serif;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.1em;
    padding: 10px;
    height: 45px;
    margin: 0px 0px 0px 0px;
}

#OutdatedCors {
    color: #ac2b24;
    font-family: "Minion", "Times New Roman", times, serif;
    font-size: 25px;
    font-weight: 900;
    padding-left: 5px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;    
}

.layout_popup_content {
    text-align: center;
    margin: 0px;
    padding-left: 5px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    background: #FFFFFF;
}

.layout_popup_content h1 {
    font-size: 1.2em;
    font-weight: bolder;
    color: #990000;
    padding: 2px 2px 2px 0px;
}

#reprocess-warning {
    font-size: 1.2em;
    padding: 20px;
    background-color: #FFEBCD;
    color: rgb(49, 48, 48);
    margin-bottom: 15px;
    text-align: left;
}

/* messages to user */
.attention {
    background-color: #FAF8CC;
    border: medium solid #3A5298;
    color: #3A5298;
    margin: 0px;
    padding: 7px;
}

.attention h1 {
    font-size: 150%;
    color: #3A5298;
}

.frozen {
    background-color: #990000;
    border: medium solid #660000;
    color: #ffeeee;
    margin: 0px;
    padding: 7px;
}

.frozen_title {
    font-size: 150%;
}

.frozen_link {
    color: #ffeeee;
    text-decoration: underline;
}

.frozen_link:hover {
    color: #ffffff;
    font-weight: bold;
}

/* messages to user */

/* generic alignment definitions */
.align_bottom {
    vertical-align: bottom;
}

.align_middle {
    vertical-align: middle;
}

.align_top {
    vertical-align: top;
}

.align_center {
    text-align: center;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.align_bottom_center {
    text-align: center;
    vertical-align: bottom;
}

.align_bottom_left {
    text-align: left;
    vertical-align: bottom;
}

.align_bottom_right {
    text-align: right;
    vertical-align: bottom;
}

.align_middle_center {
    text-align: center;
    vertical-align: middle;
}

.align_middle_left {
    text-align: left;
    vertical-align: middle;
}

.align_middle_right {
    text-align: right;
    vertical-align: middle;
}

.align_top_center {
    text-align: center;
    vertical-align: top;
}

.align_top_left {
    text-align: left;
    vertical-align: top;
}

.align_top_right {
    text-align: right;
    vertical-align: top;
}

.compact {
    margin-top: 0;
    margin-bottom: 0;
}

/* generic alignment definitions */

/* NOAA-specific colors */
.noaa_blue {
    color: #003366;
}

.bold_noaa_blue {
    color: #003366;
    font-weight: bold;
}

.noaa_red {
    color: #990000;
}

.bold_noaa_red {
    color: #990000;
    font-weight: bold;
}

/* NOAA-specific colors */

.blue {
    color: #00A;
}

.gray,
.grey {
    color: #666;
}

.green {
    color: #0A0;
}

.hint {
    color: #666;
    font-size: 75%;
}

/*Baseline colors. This section shall match with baseline colors declared in OpusProject.js*/
.OpusSolution {
    color: #bebebe;
}

.NetworkSolution {
    color: #00CD00;
}

.SessionSolution {
    color: #0000CD;
}

.RTK {
    color: #7D26CD;
}

.OtherGNSS {
    color: #00CDCD;
}

.TotalStation {
    color: #267DCD;
}

.Leveling {
    color: #8FBC8F;
}

.LevelingBackward {
    color: #8FBC8F;
}

.LevelingForward {
    color: #8F8FBC;
}

.Gravity {
    color: #8B4513;
}

/* session and solution summary table */
div.SessionListTable {
    overflow-x: scroll;
    overflow-x: auto;
    width: 100%;
}

/* map with sidebars */
div.SidebarCorsList {
    height: 150px;
    overflow: auto;
    overflow-x: hidden;
    width: 85px;
}

/* map with sidebars */
div.SidebarUserList {
    height: 324px;
    overflow: auto;
    overflow-x: hidden;
    width: 85px;
}

/* map with sidebars */
div.MapContainer {
    height: 500px;
    padding: 0px;
    width: 100%;
}

/* map with sidebars */
div.SidebarMarkListTitle {
    background: #DDD;
    border-bottom: 1px solid #999;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

div.MarkMapContainer {
    height: 100%;
    /*min-height: 255px;*/
    height: 300px;
    width: 100%;
    min-width: 650px;
}

/*Small sidebar, to be used with MarkMapContainer*/
div.MarkSidebarCorsList {
    height: 70px;
    overflow: auto;
    overflow-x: hidden;
    width: 85px;
}

/* map with sidebars */
div.MarkSidebarUserList {
    height: 204px;
    overflow: auto;
    overflow-x: hidden;
    width: 85px;
}

div.MarkScatterPlotContainer {
    height: 360px;
    padding: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 360px;
}

div.MarkTimeSeriesPlotContainer {
    height: 360px;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
    width: 480px;
}

input[type=button].Button {
    background: #FFEDCC;
    border: 2px inset gray;
    padding: 1px;
    vertical-align: middle;
}

img.Button,
input[type=image].Button,
span.Button {
    background: white;
    border: 2px inset gray;
    height: 12px;
    padding: 1px;
    vertical-align: middle;
    width: 12px;
}

p.Description {
    line-height: normal;
    text-align: left;
    vertical-align: middle;
}

/* popup balloon table */
table.Balloon {
    border: 2px solid #39519C;
    margin: 1px;
    font-size: 80%;
}

table.Balloon tbody td.Data {
    border: 1px solid #999999;
    margin: 0px;
    padding: 1px 3px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

table.Balloon thead td,
table.Balloon thead th {
    border: 1px solid #999999;
    padding: 1px 3px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

/* map with sidebars */
table.BigMap {
    background: #DDD;
    border: none;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

/* map with sidebars */
table.BigMap thead {
    border: none;
}

/* map with sidebars */
table.BigMap thead td {
    background: #DDD;
    border: none;
}

/* map with sidebars */
table.BigMap tbody td {
    border-top: 3px solid #39519C;
    border-bottom: 1px solid #39519C;
    border-left: none;
    border-right: none;
}

/* map with sidebars */
table.BigMap tfoot td {
    background: #DDD;
    border: none;
    padding: 1px;
    white-space: nowrap;
}

table.Coordinates {
    border: 3px solid #39519C;
    margin: 1px;
}

table.Coordinates tr {
    margin: 0px;
    padding: 0px;
}

table.Coordinates tbody tr {
    margin: 0px;
    padding: 0px;
}

table.Coordinates thead td,
table.Coordinates thead th {
    background: #DDD;
    border: 2px solid #999999;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

table.Coordinates tbody td,
table.Coordinates tbody th {
    border: none;
    padding: 2px;
    white-space: nowrap;
}

table.Datasheet {
    border: 3px solid #39519C;
    margin: 0px;
    padding: 1px;
    vertical-align: middle;
    white-space: nowrap;
}

table.Datasheet tbody {
    border: none;
}

table.Datasheet tr {
    border: none;
}

table.Datasheet tbody td {
    border: none;
    text-align: left;
}

table.Datasheet tbody th {
    background: #DDDDDD;
    border: 1px solid #999999;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

table.Datasheet tbody th.no_bottom {
    border-bottom: none;
}

table.Datasheet tbody th.no_top {
    border-top: none;
}

table.Datasheet tbody th.no_top_or_bottom {
    border-bottom: none;
    border-top: none;
}

table.Datasheet thead {
    text-align: left;
}

table.Datasheet thead {
    vertical-align: middle;
    white-space: nowrap;
}

table.Datasheet tbody th.align_top {
    padding-top: 5px;
    vertical-align: top;
}

table.Datasheet thead th {
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #999999;
    border-left: none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    vertical-align: middle;
    white-space: nowrap;
}

/*
table.Datasheet tbody th.OPTIONAL {
    background: #FFFF66;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
}

table.Datasheet tbody th.REQUIRED {
    background: #00AA00;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
}

table.Datasheet input {
    font-family: "Courier New", Monospace;
    font-size: 90%;
}

table.Datasheet select {
    font-family: "Courier New", Monospace;
    font-size: 90%;
}
*/

table.Nearest {
    border: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

table.Nearest tbody td {
    border: none;
    margin: 0px;
    padding: 1px 2px;
}

table.Nearest thead td {
    background: #DDD;
    border: 1px solid #999999;
    padding: 1px 2px;
}

table.Nearest button {
    width: 8em;
}

/*
table.Nearest tbody {
    border: none;
}

table.Nearest tr {
    border: none;
}

table.Nearest tbody td {
    border: none;
}

table.Nearest tbody th {
    text-align: right;
}

table.Nearest thead {
    text-align: left;
}

table.Nearest thead {
    vertical-align: middle;
    white-space: nowrap;
}

table.Nearest thead th {
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #999999;
    border-left: none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    vertical-align: middle;
    white-space: nowrap;
}

/* map with sidebars */
table.MapLegend {
    border: none;
    margin: 0px;
}

/* map with sidebars */
table.MapLegend tbody td {
    background: #DDD;
    border: none;
    padding: 1px 5px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

/* map with sidebars */
table.MapLegend tbody td.Baseline {
    color: #0000FF;
    font-size: 33%;
}

/* map with sidebars */
table.MapLegend tbody td.MapLegendTitle {
    /*
    background: #39519C;
    border: 2px solid #39519C;
*/
    background: #666;
    color: #FFFFFF;
    padding: 3px 2px 1px 2px;
    text-align: center;
    vertical-align: middle;
}

/**Legend of Baseline using &#x2588;*/
table.MapLegend tbody td.Baseline {
    font-size: 33%;
}

/* map with sidebars */
table.MapWithSidebars {
    border: 2px solid #39519C;
    background: #FFFFFF;
    margin: 0px;
}

/* map with sidebars */
table.MapWithSidebars td {
    border: 3px solid #39519C;
    padding: 0px;
    text-align: left;
    vertical-align: top;
}

table.NoBorder {
    border: none;
    margin: 0px;
    padding: 0px;
}

table.NoBorder td {
    border: none;
    margin: 0px;
    padding: 2px;
}

table.NoBorder td.Info {
    background: #fff;
    color: #003366;
    text-align: left;
}

table.NoBorder td.Notice {
    background: #fff;
    color: #990000;
    font-weight: bold;
    font-size: larger;
    text-align: center;
}

table.NoBorder td.Border {
    border: 3px solid #39519C;
}

table.Occupations {
    border: 3px solid #39519C;
    margin: 1px;
}

table.Occupations input {
    font-family: "Courier New", Monospace;
    font-size: 90%;
}

table.Occupations select {
    font-family: "Courier New", Monospace;
    font-size: 90%;
}

table.Occupations tbody td {
    border: 1px solid #999999;
    font-size: 100%;
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

table.Occupations tbody td.no_left {
    border-left: none;
}

table.Occupations tbody td.no_right {
    border-right: none;
}

table.Occupations tbody th {
    background: #DDDDDD;
    border: 1px solid #999999;
    font-size: 80%;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

table.Occupations thead th {
    border: 2px solid #999999;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #999999;
    border-left: none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    vertical-align: middle;
    white-space: nowrap;
}

table.Occupations thead td {
    border: 2px solid #999999;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #999999;
    border-left: none;
}

table.PlotLegend {
    border: none;
    border-spacing: 10px;
    border-collapse: collapse;
}

table.PlotLegend tr,
table.PlotLegend tr td {
    border: none;
}

/* map with sidebars */
table.SidebarControls {
    margin: 0px;
}

/* map with sidebars */
table.SidebarControls tbody td {
    border: none;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

/* map with sidebars */
table.SidebarControls thead td,
table.SidebarControls thead th {
    background: #DDD;
    border-bottom: 1px solid #666;
    color: #000;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}

/* map with sidebars */
table.SidebarMarkList {
    width: 85px;
}

/* map with sidebars */

/* map with sidebars */
table.SidebarMarkList tbody td {
    border: none;
    border-bottom: 1px solid #DDD;
    padding: 2px;
}

table.ScatterPlot {
    border: 3px solid #39519C;
    margin: 1px;
}

table.ScatterPlot tbody tr.Banner td,
table.ScatterPlot tbody tr.Banner th {
    background: #DDD;
    font-weight: bold;
    color: #003366;
}

table.ScatterPlot tfoot td,
table.ScatterPlot tfoot th {
    background: #DDD;
    font-weight: bold;
    color: #003366;
}

table.ScatterPlot tbody td,
table.ScatterPlot tbody th {
    border: 1px solid #999999;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

/* summary table */
table.Summary {
    border: 3px solid #39519C;
    margin: 1px;
    font-size: 100%;
}

table.Summary tbody tr.Banner td,
table.Summary tbody tr.Banner th {
    background: #DDD;
    color: #003366;
}

table.Summary tfoot {
    border-top: 1px solid #39519C;
}

table.Summary tfoot td,
table.Summary tfoot th {
    border: 1px solid #999999;
    background: #DDD;
    color: #003366;
    font-weight: normal;
    padding: 1px 3px;
    text-align: center;
    vertical-align: middle;
}

table.Summary thead {
    border-bottom: 1px solid #39519C;
}

table.Summary thead td,
table.Summary thead th {
    border: 1px solid #999999;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

table.Summary tbody td,
table.Summary tbody th {
    border: 1px solid #999999;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

/* added so CORS marks don't have hyperlinks */
.cors-summary-table {
    color: #990000;
    padding: 0;
    margin: 0;
}

/* thresholds status, using _StatusOk/Warning/Error as class name*/
table.Summary td.Error {
    background: #FFAAAA;
    border-color: #AA0000;
    border-width: 2px;
    color: #660000;
}

table.Summary td.Warning {
    background: #FFEDCC;
    border-color: #CD6600;
    border-width: 2px;
    color: #663300;
}

tr.exclude {
    background-color: #ccc !important;
    color: #666 !important;
}

td.disabled {
    color: grey;
}

/* row odd/even */
tr.odd {
    background-color: #fff;
}

tr.even {
    background-color: #e9e9e9;
}

/* thresholds status */

/* SV census */
table.Summary td.Nsv0 {
    color: #AAAAAA;
}

table.Summary td.Nsv1 {
    color: #AA0000;
}

table.Summary td.Nsv2 {
    color: #AA4400;
}

table.Summary td.Nsv3 {
    color: #AA8800;
}

table.Summary td.Nsv4 {
    background: #FFFF00;
    color: #000000;
}

table.Summary td.Nsv5 {
    background: #CCFF00;
    color: #000000;
}

table.Summary td.Nsv6 {
    background: #99FF00;
    color: #000000;
}

table.Summary td.Nsv7 {
    background: #66FF00;
    color: #000000;
}

table.Summary td.Nsv8 {
    background: #33FF00;
    color: #000000;
}

table.Summary td.Nsv9 {
    background: #00FF00;
    color: #000000;
}

table.Summary td.NsvA {
    background: #00EE00;
    color: #000000;
}

table.Summary td.NsvB {
    background: #00DD00;
    color: #000000;
}

table.Summary td.NsvC {
    background: #00CC00;
    color: #000000;
}

table.Summary td.NsvD {
    background: #00BB00;
    color: #000000;
}

table.Summary td.NsvE {
    background: #00AA00;
    color: #000000;
}

table.Summary td.NsvF {
    background: #009900;
    color: #000000;
}

table.Summary td.Nsv-0 {
    color: #AAAAAA;
}

table.Summary td.Nsv-1 {
    color: #AA0000;
}

table.Summary td.Nsv-2 {
    color: #AA4400;
}

table.Summary td.Nsv-3 {
    color: #AA8800;
}

table.Summary td.Nsv-4 {
    color: #FFFF00;
}

table.Summary td.Nsv-5 {
    color: #CCFF00;
}

table.Summary td.Nsv-6 {
    color: #99FF00;
}

table.Summary td.Nsv-7 {
    color: #66FF00;
}

table.Summary td.Nsv-8 {
    color: #33FF00;
}

table.Summary td.Nsv-9 {
    color: #00FF00;
}

table.Summary td.Nsv-A {
    color: #00EE00;
}

table.Summary td.Nsv-B {
    color: #00DD00;
}

table.Summary td.Nsv-C {
    color: #00CC00;
}

table.Summary td.Nsv-D {
    color: #00BB00;
}

table.Summary td.Nsv-E {
    color: #00AA00;
}

table.Summary td.Nsv-F {
    color: #009900;
}

/* styling for warning alert when uploading description file */
div.alert {
    padding: 20px !important;
    background-color: #ff9800 !important;
    color: white !important;
    margin-bottom: 15px !important;
}

/*styling for input with pattern attribute, such as in Process.shtml*/
input:invalid{
    background-color:red;
}

/* SV census */
/* summary table */
/* [ils 07JUN2022 I don't know where these line are for.
 they look like they are commented out in perl style so I wrap them in css comment style
#tr.odd {
#   background: #EEEEFF;
#}
#
#tr.odd td {
#   background: #EEEEFF;
#}
#
#tr.even {
#   background: #FFFFFF;;
#}
#
#tr.even td {
#   background: #FFFFFF;
#}
*/

/*[28JUN2023 ils] Added the Modal in Manage.shtml */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    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/Box */
  .modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
  } 