HTML,BODY {padding:0; margin:0; border:none; width:100%; box-sizing:border-box; font:normal 15px/1.2 Arial; background:#ccc;}
*, *:before, *:after {box-sizing:inherit;}

#ThePage {margin:0 auto; width:100%; max-width:1600px; min-height:100vh; display:flex; flex-flow:column nowrap; justify-content:space-between; background:#fff; box-shadow:0px 0px 13px 5px rgba(0,0,0,0.2);}

HEADER, ARTICLE, FOOTER {padding:0 min(2vw, 55px);}

HEADER {flex:0 0; min-height:55px; display:flex; flex-flow:row wrap; gap:0 34px; justify-content:space-between; align-items:center; box-shadow:0 0 5px 0 rgba(34,60,80,0.3);}
HEADER A.ttl {font:bold 27px/37px Arial; color:#000; text-decoration:none; letter-spacing:0px;}
HEADER A.ttl {display:flex; flex-flow:row nowrap; align-items:center; gap:10px;}
HEADER A.ttl IMG {border-bottom:solid 2px #fff;}

ARTICLE {flex:1 1 100%; padding-top:34px; padding-bottom:34px;}

FOOTER {flex:0 1 34px; padding-top:7px; background:#33363a; color:#ccc; font:normal 13px/21px Arial narrow, Arial;}
FOOTER A {color:#eed;}  FOOTER A:hover {color:#fc8;}

TABLE {border-spacing:0;}
TABLE TD, TABLE TH {padding:0;}

A         {text-decoration:none;}
A:hover   {color:#e72446;}
A:active  {color:#e00;}
A:focus   {outline:dotted 1px !important}

SMALL, .small {font:normal 11px/13px Arial narrow, Arial; font-stretch:condensed;}

H1 {font:bold 29px/36px Arial; margin:0 0 21px 0;}
H2 {font:bold 24px/30px Arial; }
H3 {font:bold 20px/25px Arial; margin:13px 0 5px 0;}
H4 {font:bold 17px/21px Arial; margin:3px 0 3px 0;}
H5 {font:bold 15px/18px Arial; margin:2px 0 1px 0;}

UL, OL {margin-top:0.5em; margin-bottom:0.5em; padding-inline-start:2em;}
UL LI, OL LI  {margin-top:0.5em; margin-bottom:0.5em;}

SUP, SPAN.sup {vertical-align:middle; position:relative; font-size:70%; line-height:0.7em; bottom:0.3em;}

/* CONTENT */

.valtop, .valtop TD {vertical-align:top;}
.valmid, .valmid TD {vertical-align:middle;}
.tar {text-align:right;}
.tar .tal {text-align:left;}

.nrrw {font-family:Arial narrow, Arial; font-stretch:condensed;}
.nobr {white-space:nowrap;}
.mono {font-family:Lucida console, Monaco, monospace;}
.smmono {font:normal 11px/15px Lucida console, Monaco, monospace;}

.pointer {cursor:pointer;}

A.green {color:#0a0;}  A.green:hover  {color:#e72446;}  A.green:active {color:#e00;}
A.black {color:#000;}  A.black:hover  {color:#e72446;}  A.black:active {color:#e00;}
A.grey  {color:#aaa;}  A.grey:hover   {color:#e72446;}  A.grey:active  {color:#e00;}
.red {color:#d00;}  .red.glow {text-shadow:#f76 0 0 0.6em;}
.ora {color:#d70;}  .ora.glow {text-shadow:#fa8 0 0 0.5em;}
.pur {color:#b0b;}  .pur.glow {text-shadow:#f9f 0 0 0.5em;}
.grn {color:#090;}  .grn.glow {text-shadow:#9f9 0 0 0.5em;}
.blu {color:#07d;}  .blu.glow {text-shadow:#6af 0 0 0.5em;}
A SPAN.glow:hover {text-decoration:underline;}
.gr, .gr * {color:#999;}
.grc {color:#ccc;}

A.ext {
  padding-right: 13px;
  background-position: center right;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMzY5IiBkPSJNMS41IDQuNTE4aDUuOTgyVjEwLjVIMS41eiIvPjxwYXRoIGQ9Ik01Ljc2NSAxSDExdjUuMzlMOS40MjcgNy45MzdsLTEuMzEtMS4zMUw1LjM5MyA5LjM1bC0yLjY5LTIuNjg4IDIuODEtMi44MDhMNC4yIDIuNTQ0eiIgZmlsbD0iIzQwNzNCRiIvPjxwYXRoIGQ9Ik05Ljk5NSAyLjAwNGwuMDIyIDQuODg1TDguMiA1LjA3IDUuMzIgNy45NSA0LjA5IDYuNzIzbDIuODgyLTIuODgtMS44NS0xLjg1MnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}

#errdiv, #wrndiv {margin:21px 0; font:normal 12px/16px 'Lucida console', Monaco, monospace;}
#errdiv {padding:8px 13px; background:#e22; color:#fff; box-shadow:0 0 10px #f88; text-shadow:#444 0 0 1px;}
#wrndiv {padding:8px 13px; background:#ff6; color:#000; box-shadow:0 0 10px #fe0;}
#errdiv A {color:#ff8;}  #errdiv A:hover {color:#dd0; text-decoration:underline;}
DIV.errwrnsect {border:solid 1px #bbb; padding:3px 5px; margin-left:-5px;}

#floatdiv {
  color:#00f; background:#ff8; font:normal 11px/12px arial narrow,arial,sans-serif; font-stretch:condensed;
  position:absolute; top:38px; left:2px;
  text-align:left; border:solid 1px; padding:2px 4px;
  z-index:10; opacity:0.8;
  max-width:40%;
  min-height:13px;
}
#floatdiv > A {float:right; color:#555; font-size:15px/15px;}

.main_menu {display:flex; flex-flow:row wrap; gap:34px 5%;}
.main_menu > DIV > DIV {margin-top:11px;}

TABLE.PanelTB {border-spacing:0; word-break:break-word; table-layout:fixed; width:100%; min-width:400px;}
TABLE.PanelTB {border:solid 0.9px #252d3a28; border-radius:4px; background-color:#fff; box-shadow:0 0 3px 0 #33445533;}
TABLE.PanelTB TH {font:bold 13px/15px Arial,sans-serif; padding:5px 5px; color:#000; text-align:left;}
TABLE.PanelTB TH {background:#252d3a11; border-bottom:solid 0.9px #e8e8e8;}
TABLE.PanelTB TR TH:first-child {border-top-left-radius:4px;}
TABLE.PanelTB TR TH:last-child {border-top-right-radius:4px;}
TABLE.PanelTB TABLE {border-radius:4px;}
TABLE.PanelTB TR:last-child TD:first-child {border-bottom-left-radius:4px;}
TABLE.PanelTB TR:last-child TD:last-child {border-bottom-right-radius:4px;}
TABLE.PanelTB TD {font:normal 11px/13px Arial,sans-serif; padding:2px 5px; color:#000; text-align:left;}
TABLE.PanelTB TD.tar, TABLE.PanelTB TH.tar, TABLE.PanelTB TR.tar TD, TABLE.PanelTB TR.tac TD.tar {text-align:right;}
TABLE.PanelTB TD.tac, TABLE.PanelTB TH.tac, TABLE.PanelTB TR.tac TD, TABLE.PanelTB TR.tar TD.tac {text-align:center;}
TABLE.PanelTB TR.tar TD.tal, TABLE.PanelTB TR.tac TD.tal, TABLE.PanelTB TH.tal {text-align:left;}
TABLE.PanelTB.tar TD {text-align:right;}
TABLE.PanelTB.tar TD.tal {text-align:left;}
TABLE.PanelTB .nrrw TD, TABLE.PanelTB .nrrw TH, TABLE.PanelTB.nrrw TD, TABLE.PanelTB.nrrw TH, TABLE.PanelTB .nrrw, TABLE.PanelTB .nrrw INPUT {font-family:Arial narrow, Arial; font-stretch:condensed;}
TABLE.PanelTB TR.outerspace TD {padding:0; height:3px;}

TABLE.BlackTB {border-spacing:0; word-break:break-word;}
TABLE.BlackTB {border:solid 0.9px #252d3a28; border-radius:4px; background-color:#fff; box-shadow:0 0 3px 0 #33445533;}
TABLE.BlackTB TH {font:bold 11px/13px Arial,sans-serif; padding:2px 4px; color:#000; text-align:left; background:#252d3a11; border-bottom:solid 0.9px #e8e8e8;}
TABLE.BlackTB TR TH:first-child {border-top-left-radius:4px;}
TABLE.BlackTB TR TH:last-child {border-top-right-radius:4px;}
TABLE.BlackTB TR:last-child TD:first-child {border-bottom-left-radius:4px;}
TABLE.BlackTB TR:last-child TD:last-child {border-bottom-right-radius:4px;}
TABLE.BlackTB TD {font:normal 11px/13px Arial,sans-serif; padding:2px 4px; color:#000; text-align:right;}
TABLE.BlackTB TD.tal, TABLE.BlackTB TR.tal TD, TABLE.BlackTB TD#tal, TABLE.BlackTB TR.tac TD.tal {text-align:left;}
TABLE.BlackTB TD.tac, TABLE.BlackTB TR.tac TD, TABLE.BlackTB TD#tac, TABLE.BlackTB TR.tal TD.tac {text-align:center;}
TABLE.BlackTB TR.tal TD.tar, TABLE.BlackTB TR.tac TD.tar, TABLE.BlackTB TH.tar {text-align:right;}
TABLE.BlackTB TD.gr {color:#aaa;}
TABLE.BlackTB.nrrw TD, TABLE.BlackTB.nrrw TH, TABLE.BlackTB .nrrw, TABLE.BlackTB .nrrw INPUT {font-family:Arial narrow, Arial; font-stretch:condensed;}
TABLE.BlackTB.tal TD {text-align:left;}
TABLE.BlackTB.tal TD.tar {text-align:right;}
TABLE.BlackTB.BgTr TR:nth-child(odd)  {background-color:#fafaff;}
TABLE.BlackTB.BgTr TR:nth-child(even) {background-color:#f8fff8;}
TABLE.BlackTB .brdl1 {border-left:solid 1px #eee;}
TABLE.BlackTB .brdl2 {border-left:solid 2px #eee;}
TABLE.BlackTB.horizb1 TD, TABLE.BlackTB .horizb1 TD {border-bottom:solid 1px #eee;}
TABLE.BlackTB.horizb2 TD, TABLE.BlackTB .horizb2 TD {border-bottom:solid 1px #ddd;}
TABLE.BlackTB.horizb3 > TD, TABLE.BlackTB .horizb3 > TD, TABLE.BlackTB .horizb3 > TH {border-top:solid 2px #e0e0e0;}

TABLE.Tablify {border:solid 1px #f4f4f4; margin:0 0;}
TABLE.Tablify TD, TABLE.Tablify TH {font-size:11px; line-height:11px; padding:5px 5px; word-wrap:break-word; word-break:break-word; vertical-align:top;}
TABLE.Tablify.valmid TD, TABLE.Tablify.valmid TH {vertical-align:middle;}
TABLE.Tablify.minw TD, TABLE.Tablify.minw TH {min-width:30px;}
TABLE.Tablify TH {text-align:left; background:#fff8f8; border-bottom:solid 1px #f4f4f4;}
TABLE.Tablify TH.tar {text-align:right;}
TABLE.Tablify TR:nth-child(odd)  {background-color:#f4f4f4;}
TABLE.Tablify TR:nth-child(even) {background-color:#ffffff;}

TABLE.Tablify.TablifyB {border:solid 1px #eee;}
TABLE.Tablify.TablifyB TD, TABLE.Tablify.TablifyB TH {font-size:13px; line-height:17px; font-family:Arial;}
TABLE.Tablify.TablifyB TR:nth-child(odd) {background-color:#ffffff;}
TABLE.Tablify.TablifyB TD {border-top:solid 1px #eee;}

TABLE.Tablify.Tablify2 TD {max-width:20vw;}
TABLE.Tablify.Tablify2 TD, TABLE.Tablify.Tablify2 TH {padding:5px 5px;}
TABLE.Tablify.Tablify2 TR:nth-child(odd)  {background-color:#ffffff;}
TABLE.Tablify.Tablify2 TD {border-bottom:solid 1px #f4f4f4; border-radius:0 !important;}
TABLE.Tablify.Tablify2 TR:last-child TD {border-bottom:none;}
TABLE.Tablify.Tablify2 TR.noborder TD {border-bottom:none;}

.sminputs FORM {line-height:15px;}
TABLE.sminputs TD:first-of-type {font:normal 11px/15px Lucida console, Monaco, monospace; padding-left:2px;}
.sminputs INPUT, .sminputs TEXTAREA, .sminputs SELECT, .sminputs INPUT[type=submit].sminput {
  margin:1px 0; padding:4px;
  font:normal 13px/15px Arial,sans-serif;
  border:solid 0.9px #252d3a1a; border-radius:4px;
  box-shadow:#252d3a14 0px 1px 2px 0px inset;
  color:#222;
  background:#f8f9fa;
}
.sminputs INPUT[type=submit].sminput {
  padding-left:8px; padding-right:8px;
  background-image:linear-gradient(#f8f9fa,#dedfe0);
}
.sminputs INPUT:hover, .sminputs TEXTAREA:hover, .sminputs SELECT:hover, .sminputs INPUT[type=submit].sminput:hover {
  border:solid 0.9px rgba(37,45,58,0.2);
}
.sminputs INPUT:active, .sminputs TEXTAREA:active, .sminputs SELECT:active, .sminputs INPUT[type=submit].sminput:active {
  border:solid 0.9px rgba(37,45,58,0.3);
}
.sminputs INPUT[type=submit] {
  padding-left:8px; padding-right:8px;
  background-image:linear-gradient(#f8f9fa,#dedfe0);
  font-weight:bold;
}
.sminputs SELECT {padding:3px;}
INPUT:disabled, TEXTAREA:disabled, SELECT:disabled {color:#aaa; background:#f4f5f6;}
.sminputs INPUT[type=submit]:disabled {color:gray;}
.sminputs INPUT::placeholder, .sminputs TEXTAREA::placeholder {color:#ccc;}

INPUT[type=checkbox] {vertical-align:middle;}

.srch INPUT, .srch SELECT {border-width:0.9px; border-radius:3px; height:20px;}
.srch SELECT {color:#555; background:#f4f4f4;}

TEXTAREA.autosizable {height:auto; resize:none; overflow-x:hidden; border-bottom:dotted 0.9px #ccc; border-bottom-left-radius:0; border-bottom-right-radius:0;}
TEXTAREA.autosizable {-webkit-transition:height 0.2s; -moz-transition:height 0.2s; transition:height 0.2s;}

.unfoldable5, .unfoldable7 {cursor:zoom-in; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.unfoldable5 {line-clamp:5; -webkit-line-clamp:5;}
.unfoldable7 {line-clamp:7; -webkit-line-clamp:7;}
.unfoldable5.unfolded, .unfoldable7.unfolded {line-clamp:999; -webkit-line-clamp:999; cursor:zoom-out;}

.submityell {background-image:linear-gradient(#fdd835,#e3c22f) !important;}
.inputyell {box-shadow:#fdd835ff 0 0 3px 0px inset !important; transition:border 0.3s, box-shadow 0.1s !important;}

.mea_label_cont {display:flex; justify-content:space-between; white-space:nowrap; gap:0 2px; max-width:110px;}
.mea_label {margin-left:2px; padding:0 3px; border-radius:6px; font-size:11px; line-height:13px; text-align:center; color:#fff; font-family:Arial narrow, Arial; font-stretch:condensed; text-transform:uppercase; white-space:nowrap;}
.mea_label_cont .mea_label {margin-left:0;}

.aqs, .aqsg, .aqsb, .aqsc, .aqsr {padding:2px 0;}
.aqs  {color:#000;}
.aqsg {color:#060;}
.aqsb {color:#007;}
.aqsc {color:#055;}
.aqsr {color:#800;}

.pvcd_TreeTop {display:flex; gap:0 55px; flex-flow:row wrap;}
.pvcd_Tree DIV {font:normal 13px/15px Arial; text-align:left; padding:2px 0px 3px 0px;}
.pvcd_Tree DIV DIV {border-left:solid 1px #eee; margin-left:7px; padding-left:7px;}
.pvcd_Tree DIV A.pvcd_a_control {color:#bbb; text-decoration:none;}
.pvcd_Tree DIV SPAN.pvcd_no_control {color:#eee;}
.pvcd_Tree DIV SPAN.pvcd_arrow {color:#ccc;}
.pvcd_Tree DIV A.pvcd_a_control, .pvcd_Tree DIV SPAN.pvcd_no_control, .pvcd_Tree DIV SPAN.pvcd_arrow {width:15px; text-align:center; display:inline-block;}
.pvcd_Tree DIV A.pvcd_go, .pvcd_Tree .pvcd_go A {color:#000;}
.pvcd_Tree DIV A.pvcd_go:hover, .pvcd_Tree .pvcd_go A:hover {color:#e00; text-shadow:#ccc 0 0 0.1em;}

SUP.notif {display:inline-flex; align-items:center; justify-content:center; margin-left:2px; min-width:1.2em; height:1.2em; padding:0 0.3em; border-radius:1000px; line-height:1;}
SUP.notif.red {background-color:#d00; color:#fff;}
SUP.notif.gre {background-color:#888; color:#fff;}

.actbtns {margin:21px; display:flex; flex-flow:row wrap; align-items:flex-start; gap:21px 21px;}
.actbtns A {display:inline-block; min-width:110px; padding:8px; text-align:center; border-radius:4px; color:#000; opacity:0.8; box-shadow:0 1px 3px 0 rgba(34,60,80,0.4); text-shadow:#ffffff88 1px 1px 0;}
.actbtns A:hover {opacity:1;}
.actbtns A:active {box-shadow:0 1px 5px 0 rgba(34,60,80,0.5);}
.actbtns A.actbtnA {opacity:1; box-shadow:inset 0 1px 5px 0 rgba(34,60,80,0.5);}

.print_var {text-align:left; white-space:pre-wrap; background:#fff; font:normal 11px/12px Lucida Console, Monaco, Monospace;}
.print_var.narrow {font:normal 11px/12px Arial narrow, Arial; font-stretch:condensed;}
.print_var.small {font:normal 10px/11px Lucida Console, Monaco, Monospace;}
.print_var DIV {padding-left:12px;}
.print_var.narrow DIV {padding-left:8px;}
.print_var I {color:#119; font-style:normal;}
.print_var B {color:#604; font-style:normal; font-weight:normal;}
.print_var U {color:#910; font-style:normal; text-decoration:none;}
.print_var Q {color:#070; font-style:normal; quotes:none;}
.print_var S {color:#777; font-style:italic; text-decoration:none;}
.print_var EM{color:#000; font-style:italic;}
