/*body { margin:0px;font:16px/160% Arial, sans-serif;padding:0px;color:#333; }*/
body { -webkit-text-size-adjust:none;text-size-adjust:none;font:16px/160% Arial }
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;padding-left:0px; }
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; }
.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:3px 3px 3px #dcdcdc;border:solid #a9a9a9 1px;display:block;padding:2px 0px 2px 0px;color:#000099;text-align:center;font:14px/18px Arial, sans-serif;text-decoration:none; }
.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; }
.Hdr1 {	font:bold 18px/180% Arial, sans-serif;color:#007000;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; }
.InTable td { padding-left:2px;padding-right:2px; }
.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 { font:bold 16px 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); }
.Btn:hover { box-shadow:3px 3px 3px #333;cursor:pointer;background-image: linear-gradient(to right, DarkGrey, #fff 50%, Silver); }
.BtnSmall { 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 { background-color:#0276FD;font-size:18px;box-shadow:3px 3px 3px #A3A3A3;border-radius:4px;cursor: pointer;color:white; }
.BtnOn { color:#fff;background-color:#0276FD;font-size:18px;box-shadow:3px 3px 3px #999;border-radius:4px;cursor:pointer; }
.BtnOff { 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; }
.BtnLarge { font:bold 20px 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; }
.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:24px;background-color:#66FF66;font-size:12px !important; }
::selection { background:dodgerblue;color:#fff; }
/*::-moz-selection { background:dodgerblue;color:#fff; }*/
.StartBtn { 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 { 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:middle; }
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 { border:solid silver 1px;box-shadow:2px 2px 2px #999;font-size:14px;border-radius:3px;padding: 1px 5px 1px 5px;background-color:#fefefe;font-weight:bold;margin-right:3px; }
.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 */
.Inptbl2 { border: solid Silver 1px; border-radius:4px; } /*Internal Table*/
.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:yellow;padding:3px;font:bold 16px Verdana, sans-serif;color:#f00;border-radius:4px;box-shadow:2px 2px 2px #555;margin-left:10px;margin-right:12px; }
select option { font-size:15px; }
.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; }
/*.CnvsCenter { margin-left:50%;transform:translateX(-50%);display:block;background-color:white; } Overflaows container but hides left side*/
select:focus { background-color:#F0FFF0; }
.BorderClear { border-radius:6px;border:solid 1px silver;padding:8px; }
.DipChart { text-align:left;display:inline-block;padding:4px;line-height:160%;border-collapse:separate;font-size:12px;color:blue;background-color:#FFF;border:solid silver 1px;border-radius:8px;padding:6px; }
.DipDepth { color:black;font-size:11px; }
.DipDepth::after {content: " - "}
.divSearch { display:inline-block;vertical-align:middle; }
.divSearch input[type="text"] { font-size:14px;color:#555; }
.divSearch button { height:32px;width:52px !important;cursor:pointer;border-radius:4px;box-shadow:2px 2px 3px #dcdcdc; }
.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; }
    .LeftFixedBot { display:block;position:fixed;bottom:20px;left:10px; }
    .RightFixedBot { display:block;position:fixed;bottom:20px;right:6px; }
}
@media screen and (max-width:1470px)
{
    .LeftFixedTop { display:inline-block;position:initial; }
    .RightFixedTop { display:inline-block;position:static;width:200px;margin-left:180px; }
    .LeftFixedBot { display:none;}
    .RightFixedBot { display:none; }
}
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:40px;height:30px;padding:6px !important;border-radius:3px !important; }
.gsc-search-box .gsc-input { width:100%; }
.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; }
.ScaleBlue { background-color:blue;border-radius:4px;background-image:linear-gradient(to bottom, blue, dodgerblue 50% , blue); }
.dropmenu-content {display:none;position:absolute;background-color:#fff;width:290px;z-index:2; }
.dropmenu-content a:link { line-height:150%; }
.dropmenu:hover .dropmenu-content { display:block; }
.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:16px 'Arial Black';color:white;background-color:forestgreen;border-radius:7px;padding:2px 3px 2px 3px;line-height:80%;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 { 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 { 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; }