body        {background:#fff; color:#424242; height: 100%; margin:8px; padding:0;
                font:13px "Segoe UI",Arial,Helvetica,Verdana,"Helvetica Neue","Lucida Grande";}
.page       {align-self:center; background:#fff; border:1px solid #496077; height:97vh; margin:0                        auto; width:auto}
.header     {background:#2075bb; margin:0; padding:0; position:relative; width:100%}
.leftCol    {margin:3px; padding:0; width:auto}
.main       {height:auto; margin:5px; padding:0; width:auto}

a:link      {color:#2075bb}
a:hover     {text-decoration:none}
a:visited   {color:#2075bb}
p           {line-height:1.6em; margin-bottom:5px}

.button,input[type=submit] .button,input[type=button] .button
    {background:#07467b; border:none; border-radius:5px; color:#fff; cursor:pointer; display:inline-block; margin-top:10px; padding:5px 10px; text-align:center; text-decoration:none;
      transition:background-color .3s ease}
.button:hover,input [type=submit] .button:hover,input [type=button] .button:hover {background:#092f4a}
.button:disabled,input [type=submit] .button:disabled,input [type=button] 
.button:disabled {background:#b6b7bc}

.fHead      {border: 1px solid #000; font-size: 13px; text-align: center; background: #92c1e8;
             font-weight: 700;}                     /* CstMst, CstSch, EqpMst, OrdCrt, OrdDsp, OrdSmy */
.fData      {border: 1px solid #000; font-size: 13px; text-align: center;}  /* CstSch, OrdDsp, OrdSmy */

.grid       { width: auto; border-collapse: collapse; margin-bottom: 10px; table-layout: fixed; }
.grid th    { background-color: #07467b; color: #fff; padding: 6px; text-align: center;
              box-sizing: border-box; }
.grid td    { height: 26px; border: 1px solid #b6b7bc; padding: 1px; word-wrap: break-word; overflow-wrap:             break-word; box-sizing: border-box; font-size: 12px; line-height: 0.92; }
.grid tr:nth-child(even) { background-color: #d2e7f8; }

input[type=text], textarea  {background: #fff; color: #424242; margin: 5px 0 6px; padding: 5px;
                             width:auto; height: 18px; border: 1px solid #424242}
input:focus, textarea:focus {border: 1px solid #000}
textarea                    {height: auto}

.listbox    {color:blue; cursor:pointer; margin-top:10px; text-decoration:underline}

.lvHead {background:#b6b7bc; color:#000;    font-size:13px; font-weight:500}
.lvItem {background:#fff;    color:#424242; font-size:13px; }
.lvAlt  {background:#d2e7f8; color:#424242; font-size:13px; }

div.menu ul {list-style:none; margin:0; padding:0}
div.menu ul li a,div.menu ul li a:visited
    {background:#07467b; border:1px solid #2074bb; color:#efeeef; display:block; line-height:1.35em; padding:4px 12px; text-align:center; text-decoration:none; white-space:nowrap; width:83px}
div.menu ul li a:hover  {background:#b6b7bc; color:#000;text-decoration:none}

div.hideSkiplink    {background:#68a3d5; width:100%}

@media  (min-width: 1024px) and (max-width: 1480px) { .lvHead td, .lvItem td, .lvAlt td {font-size: 13px;}}
@media  (min-width: 1480px) and (max-width: 1670px) { .lvHead td, .lvItem td, .lvAlt td {font-size: 15px;}}
@media  (min-width: 1670px) and (max-width: 1920px) { .lvHead td, .lvItem td, .lvAlt td {font-size: 17px;}}