html { scroll-behavior: smooth; }
body { -webkit-text-size-adjust:none;text-size-adjust:none;font:16px/160% Arial;scrollbar-gutter:stable; }
table {	font:16px/160% Arial, sans-serif;-webkit-text-size-adjust:none;text-size-adjust:none; }
div { font:16px/150% Arial, sans-serif; }
.Main { margin:auto;border-top:0px;border-collapse:collapse;text-align:left;background-color:#fff;color:#333;font:16px/150% Arial; }
a, .JsAction { cursor:pointer;font-size:100%;text-decoration:none;color:#0055ff;text-shadow:none; }
a:hover, .JsAction:hover, .Mob:hover { text-shadow: #0090ff 0px 0px 1px; text-decoration:underline; }
.divBurgerLine { width:35px;height:5px;background-color:white;margin:6px 0; }
.burger { border:solid silver 1px;border-radius:6px;padding:2px 10px 2px 4px;cursor:pointer;display:inline-block;vertical-align:middle;color:white;background-color:#0276FD; }
#divMenuTop { display:none; }
.menu { border-collapse:collapse;-webkit-text-size-adjust:none;text-size-adjust:none; }
.menu td { margin:0;padding:0 0 0 0px;text-decoration:none; }
.menu td a { border-radius:5px;box-shadow:none;border:solid #a9a9a9 1px;display:block;padding:2px 0px 2px 0px;color:#000099;text-align:center;font:14px Arial, sans-serif;text-decoration:none;background-color:#fbfbfb; }
.menu td span { font-size:14px; }
.menu-selected:visited,.menu-selected:link,.menu-selected:visited span,.menu-selected:link span,.menu td a:hover { color:white;background-color:#0276FD; }
.NavMain { margin:6px 26px 6px 6px;font-family:Verdana, sans-serif;border:solid silver 2px;line-height:38px;padding:2px 6px 2px 6px;font-size:18px;font-weight:bold;color:#00f;text-decoration:none;text-align:center;box-shadow:2px 2px 2px #888;border-radius:6px; }
.NavMain2 { margin:6px 6px 6px 6px;white-space:nowrap;font-family:Arial, sans-serif;border:solid silver 1px;line-height:38px;padding:2px 6px 2px 6px;font-size:13px;font-weight:bold;color:#000;text-decoration:none;text-align:center;box-shadow:4px 4px 2px #888;border-radius:4px;background-image:linear-gradient(to right, #D9D9D9, #FFFFFF 50%, #D9D9D9); }
.NavMain2:hover { margin:6px 6px 6px 6px;white-space:nowrap;font-family:Arial, sans-serif;border:solid silver 1px;line-height:38px;padding:2px 6px 2px 6px;font-size:13px;font-weight:bold;text-decoration:none;text-align:center;box-shadow:6px 6px 6px #888;border-radius:6px; }
.NavMetric { float:left;width:22px;height:18px;background-color:#66FF66 !important;font-size:14px !important; margin-left:5px; }
/* .dropmenu-content {display:none;position:absolute;background-color:#FFF;width:290px;z-index:2; }
.dropmenu-content a:link { line-height:160%; }
.dropmenu:hover .dropmenu-content { display:block; } */
.dropmenu-content { visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.2s linear;position:absolute;background-color:#FFF;width:290px;z-index:2; border-left:5px solid #FFF;border-right:10px solid #FFF; }
.dropmenu:hover .dropmenu-content { visibility:visible;opacity:1; }
.dropmenu-content a:link { line-height:160%; }
/* */
.Hdr1 {	font:19px/180% Arial, sans-serif;color:darkgreen;display:inline-block; }
.Hdr3 {	font:bold 18px Verdana, sans-serif;color:#0000EE; }
.AlrtSml { font:90% Verdana, sans-serif;color:#ff0000; }
.AlrtLrg { font:bold 110% Verdana, sans-serif;color:#ff0000; }
.InTable { color:#333;font:14px/180% Verdana, sans-serif;text-align:left;background-color:#fafafa;border-radius:6px;border:solid 1px silver;border-collapse:separate;-webkit-text-size-adjust:none;text-size-adjust:none; }
.InTable2 { display:inline-grid;border-radius:4px;background-color:#fafafa;border:solid 1px silver;font:14px Verdana, sans-serif;grid-gap:2px;color:#333;padding:4px; } /*Internal Table*/
.InDiv { color:#333;font:14px/180% Verdana, sans-serif;text-align:left;background-color:#fafafa;border-radius:6px;border:solid 1px silver;padding:3px; }
.Running, .Run { font-size:110%;color:#0000ff;font-weight:bold;line-height:30px;word-break:keep-all;cursor:pointer; }
.CalcRes { font:bold 16px/26px Arial, sans-serif;color:#008000;word-break:keep-all; }
.CalcRes2 {	color:#ff0000;background-color:#ffffff;word-break:keep-all; }
.Btn { padding:2px 4px 2px 4px;background-image:linear-gradient(to bottom, Dodgerblue, #0276FF 50%, Dodgerblue);color:#fff;box-shadow:2px 2px 2px #999;border-radius:4px;border:solid #0276FD 1px;cursor:pointer;font:18px Verdana;vertical-align:middle; }
.BtnSmall { padding:2px 4px 2px 4px;background-image:linear-gradient(to bottom, Dodgerblue, #0276FF 50%, Dodgerblue);color:#fff;box-shadow:2px 2px 2px #999;border-radius:4px;border:solid #0276FD 1px;cursor:pointer;font:12px Verdana;vertical-align:middle; }
.BtnSmallRed { padding:2px 4px 2px 4px;background-image:linear-gradient(to bottom, Red, #ff5555 50%, Red);color:#fff;box-shadow:1px 1px 2px #AAA;border-radius:4px;border:solid silver 1px;cursor:pointer;font:12px Verdana;vertical-align:middle; }
/*.BtnSmall { -webkit-appearance:none;-webkit-border-radius:0;padding:2px 4px 2px 4px;font:12px Verdana, sans-serif;color:#000000;box-shadow:2px 2px 2px #999;border-radius:4px;border:solid silver 2px;background-image:linear-gradient(to right, silver, #dddddd 50%, Silver); }
.BtnSmall:hover { box-shadow:3px 3px 3px #333;cursor:pointer;background-image: linear-gradient(to right, DarkGrey, #fff 50%, Silver); }*/
.BtnOnBlue { -webkit-appearance:none;padding:2px 4px 2px 4px;background-color:#0276FD;font-size:18px;box-shadow:3px 3px 3px #A3A3A3;border-radius:4px;cursor: pointer;color:white; }
.BtnOn { -webkit-appearance:none;-webkit-border-radius:0;padding:2px 4px 2px 4px;color:#fff;background-color:#0276FD;font-size:18px;box-shadow:3px 3px 3px #999;border-radius:4px;cursor:pointer; }
.BtnOff { -webkit-appearance:none;-webkit-border-radius:0;padding:2px 4px 2px 4px;background-color:#dcdcdc;font-size:18px;box-shadow:3px 3px 3px #999;border-radius:4px;cursor:pointer; }
.BtnOffRed { color:#fff;background-color:#f00;font-size:18px;box-shadow:3px 3px 3px #999;border-radius:4px;cursor:pointer; }
.BtnRedSmall { -webkit-appearance:none;-webkit-border-radius:0;padding:2px 4px 2px 4px;color:#fff;background-color:#f00;font-size:12px;box-shadow:1px 1px 1px #999;border-radius:3px;cursor:pointer; }
.BtnLarge { font:bold 18px Verdana, sans-serif;width:40px;height:40px;color:#000;padding:2px;box-shadow:2px 2px 2px #999;border-radius:3px;border:solid silver 1px;background-image:linear-gradient(to right, silver, #dddddd 50%, Silver); }
.SmlBlue { font-size:11px;color:Blue; }
.Blue14 { font-size:14px;font-weight:bold;color:Blue; }
.Blue16 { font-size:16px;font-weight:bold;color:Blue; }
.Green12 {	font-size:12px;color:Green;font-weight:normal; }
.TxtBox1 { width:60px;font-size:16px; }
.TxtBox2 { width: 30px;font-size:16px; }
.Strng, .Str { font-weight:bold; }
.Vid { box-shadow:12px 12px 12px #888;border-radius:8px; }
::selection { background:dodgerblue;color:#fff; }
/*::-moz-selection { background:dodgerblue;color:#fff; }*/
.StartBtn { -webkit-appearance:none;-webkit-border-radius:0;padding:2px 4px 2px 4px;background-color:#0f0;color:#333;font:bold 21px Verdana, sans-serif;box-shadow:3px 3px 3px #999;border-radius:4px;border:0;cursor:pointer; }
.StopBtn { -webkit-appearance:none;-webkit-border-radius:0;padding:2px 4px 2px 4px;background-color:#f00;color:#fff;font:bold 21px Verdana, sans-serif;box-shadow:3px 3px 3px #999;border-radius:4px;border:0;cursor:pointer; }
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:middle; }
area { cursor:pointer; }
.ImpMet { font-size:12px; }
.Mob { cursor:pointer;font-size:16px;display:inline-block;text-align:left;background-image:url(/images/pencil-small.gif);background-repeat:no-repeat;background-position:right center;padding:8px 30px 8px 8px;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px; }
.Key { font-size:13px;border-radius:6px;padding:2px 3px 2px 3px;font-weight:bold;margin-right:2px;background-color:#000;color:#fff; }
.Logo { font:italic bold 24px/36px 'Arial Black', sans-serif;color:brown;cursor:pointer; }
label { cursor: pointer; }
/* STAIRS */
.Regs {	font:12px Verdana, sans-serif;color:#ff0000; }
.StringerRun { font:bold 16px/200% Verdana, sans-serif;color:#00f;word-break:keep-all; }
.Red18 { font:bold 18px Arial, sans-serif;color:#f00; }
.Disp { font:bold 16px/150% Verdana, sans-serif;color:#0000C0; }
.Conc { font-Size:16px;font-weight:bold;background-color:#0000ff;color:#ffffff;padding:1px; }
.SmallRed { font:10px Verdana, sans-serif;color:#ff0000; }
.Small { font-size:10px; }
.Num { width:48px; }
.Imp { width:60px; }
option { background-color:#fff; }
/* ROOF */
.Quant {font:16px/150% Verdana, sans-serif;color:#333; }
.Atn { font:bold 105% Verdana, sans-serif;color:#008000; } 
.Note { font-size:12px;color:Green; }
.Sml { font-size:10px;color:#080;font-weight:bold; }
/* END ROOF*/
.GrayBox { padding:8px;border-radius:8px;border-collapse:separate;background-color:#f4f4f4;border:solid #D3D3D3 1px;background-image:linear-gradient(to bottom, #e3e3e3, #fff 50%, #e3e3e3); }
.Cost { background-color:Red;padding:3px;font:20px Verdana;color:#fff;border-radius:4px;box-shadow:2px 2px 2px #555;margin-left:10px;margin-right:12px; }
[data-type="Inch"] { font-size:97%; }
[data-type="Frac"] { font-size:94%;margin-left:-3px; }
[data-type="Inch"] { margin-left:-2px; }
.FracOpt { font-weight:bold; }
input[type="range"] { vertical-align:middle;margin-top:6px;margin-bottom:6px; }
.tblDisp { font-family:Verdana, sans-serif;width:100%;border-collapse:collapse;background-color:white; }
.tblDisp td { font-size:15px;border:1px solid Gainsboro;padding:4px; }
.tblDisp th { font-size:18px;font-weight:bold;text-align:left;padding:4px;color:#000;background-color:whitesmoke; }
.tblDisp tr.alt { color:#000;background-color:whitesmoke;padding:4px; }
.divAB { opacity:0;transition:4s;position:fixed;bottom:0;width:100%;color:#fff;background-color:#F00;padding:2px;font:18px Verdana, sans-serif;text-align:center;margin-left:auto;margin-right:auto;z-index:100;cursor:pointer; }
.CalcBox { padding:6px;border-radius:6px;border:solid Silver 1px;border-collapse:separate; }
.CalcBox td { padding:6px 0px 6px 0px; }
.CnvsCenter { margin:0 auto;display:block;background-color:white; }
.BorderClear { border-radius:6px;border:solid 1px silver;padding:8px; }
.DipChart { text-align:left;display:inline-block;padding:6px;line-height:160%;border-collapse:separate;font-size:11px;color:blue;background-color:#FFF;border:solid silver 1px;border-radius:8px;padding:6px; }
.DipDepth { color:red;font-size:11px; }
.DipDepth::after {content: " - "}
.TC { text-align:center; }
@media screen and (min-width:1470px)
{ 
    .LeftFixedTop { width:200px;display:block;position:fixed;top:10px;left:10px; }
    .RightFixedTop { display:block;position:fixed;top:10px;right:10px; }
    /*.divHDRGad { height:120px !important;max-height:120px !important; }*/
    select {appearance:none;font-size:104%;padding:2px 10px 2px 1px;color:black;background-color:white;border:solid silver 1px;border-radius:3px; }
}
@media screen and (max-width:1470px)
{
    .LeftFixedTop { display:inline-block;position:initial; }
    .RightFixedTop { display:inline-block;position:static;width:200px;margin-left:180px; }
    .menu td { padding: 0px 0px 4px 0px; } /* top bot 8g */
    .menu td a { line-height:170%;font-size:14px; }
    .menu { border-spacing:3px;border-collapse: separate; } /* top bot left right 15g */
    .dropmenu-content a:link { margin:4px 0px 4px 0px; } /* 8g */
    /*select { -webkit-text-size-adjust:94%; }*/
    select {-webkit-appearance:none;font-size:100%;padding:2px 10px 2px 1px;color:black;background-color:white;border:solid silver 1px;border-radius:3px;    margin-top:3px;margin-bottom:3px; }
    /*.divHDRGad { height:180px !important;max-height:180px !important; } */
    /*.Btn, .Btn:Hover { padding:2px 4px 2px 4px;background-image:linear-gradient(to bottom, Dodgerblue, #0276FF 50%, Dodgerblue);color:#fff;border-radius:4px;border:solid #0276FD 1px;cursor:pointer;font:bold 16px Verdana;vertical-align:middle; }*/
}
hr { background-color:silver;height:1px;border:0; }
.BtnRun { font:bold 26px Verdana, sans-serif;color:#000;box-shadow:2px 2px 2px #999;border-radius:4px; border:solid silver 2px;background-image: linear-gradient(to right, silver, #dddddd 50%, Silver); }
button.gsc-search-button { width:30px;height:34px;padding:4px !important; }
/*.gsc-search-box .gsc-input { width:50%; }*/
.BtnGreen { font:14px Verdana;color:#fff;padding:4px 6px 4px 6px;letter-spacing:1px;border-radius:4px;background-image:linear-gradient(to bottom, #008800, #00BB00 50%, #008800);border:solid #31B94D 1px;cursor:pointer;box-shadow:2px 2px 2px #AAAAAA; }
.BtnMargin { font:14px Arial;color:#000099;padding:4px 5px 4px 4px;letter-spacing:1px;border-radius:4px;background-color:#fff;border:solid silver 1px;cursor:pointer;box-shadow:2px 2px 2px #AAAAAA; }
.BtnMargin:hover { color:white;background-color:#0276FD; }
.ScaleBlue { background-color:blue;border-radius:4px;background-image:linear-gradient(to bottom, blue, dodgerblue 50% , blue); }
.InLabel { text-align:center;font:14px Verdana, sans-serif;margin-left:4px; }
.InCtrl { vertical-align:middle;margin-right:4px;margin-left:4px;font:14px Verdana, sans-serif; }
/*@media(max-width: 800px) { .GLRR { width: 280px; } }*/
.AlertCenter { text-align:center;background-color:red;color:white;font-size:20px;position:fixed;top:50%;left:40%;right:40%;z-index:100;opacity: 0.7;cursor:pointer;border-radius:6px;padding:4px; }
.help { display:inline-block;font:bold 15px Arial;color:white;background-color:forestgreen;border-radius:6px;padding:2px 3px 2px 3px;line-height:70%;cursor:pointer; }
.help:hover { background-color:red; }
.hrThin { padding:0px;margin:0px; }
.Tooltip { position:relative;display:inline-block; }
.Tooltip .Tooltiptext { visibility:hidden;min-width:240px;box-shadow:4px 4px 4px #999;background-color:#000;
        color:#fff;text-align:center;padding:5px;border-radius:6px;font:14px Arial;line-height:160%;position:absolute;top:20px;left:130%;z-index:5; }
.Tooltip:hover .Tooltiptext { visibility:visible; }
.BtnSave { -webkit-appearance:none;-webkit-border-radius:0;padding:2px 4px 2px 4px;background-image:linear-gradient(to bottom, Dodgerblue, #0276FF 50%, Dodgerblue);color:#fff;border-radius:4px;border:solid #0276FD 1px;cursor:pointer;font:13px Verdana;vertical-align:middle; }
.BtnSave:hover { box-shadow:4px 3px 3px #AAAAAA; }
.BtnDefault { -webkit-appearance:none;-webkit-border-radius:0;padding:2px 4px 2px 4px;background-image:linear-gradient(to bottom, #008800, #00BB00 50%, #008800);color:#fff;border-radius:4px;border:solid #31B94D 1px;cursor:pointer;font:13px Verdana;vertical-align:middle; }
.BtnDefault:hover { box-shadow:4px 3px 3px #AAAAAA; }
.Gad-Gen-Resp { overflow:hidden; }
.NewTab { font-size:17px;font-style:italic;line-height:400%;background-color:#0276FD;color:#fff;padding:3px;border-radius:4px;margin-right:6px; }
.Row { display:flex; }
.Col1 { flex:50%;padding-right:26px;border-right:solid #F3F3F3 1px; }
.Col2 { flex:50%;padding-left:26px; }