@charset "utf-8";
/* css/site.css */
/* 2020-12-28 */

/* Note: If changes are made in these colors they also need to be changed for MapColors in the site_js_mapstar.phpinc file about line 106. */
:root {
	--action-color: #dd0;
	--attention-color: #af3;
	--info-color: #aaf;
	--info-color-hover: #eef;
}

@font-face { font-family: 'robotothin'; font-style: normal; font-weight: 100; src:url('/fonts/Roboto-Thin.woff2') format('woff2'), url('/fonts/Roboto-Thin.ttf') format('truetype'); }
@font-face { font-family: 'robotolight'; font-style: normal; font-weight: 300; src:url('/fonts/Roboto-Light.woff2') format('woff2'), url('/fonts/Roboto-Light.truetype') format('truetype'); }
@font-face { font-family: 'robotoregular'; font-style: normal; font-weight: 400; src:url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.truetype') format('truetype'); }
@font-face { font-family: 'robotomedium'; font-style: normal; font-weight: 500; src:url('/fonts/Roboto-Medium.woff2') format('woff2'), url('/fonts/Roboto-Medium.truetype') format('truetype'); }
@font-face { font-family: 'robotobold'; font-style: normal; font-weight: 700; src:url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.truetype') format('truetype'); }
@font-face { font-family: 'robotoblack'; font-style: normal; font-weight: 900; src:url('/fonts/Roboto-Black.woff2') format('woff2'), url('/fonts/Roboto-Black.truetype') format('truetype'); }
.robotothin { font-family: 'robotothin'; }
.robotolight { font-family: 'robotolight'; }
.robotoregular { font-family: 'robotoregular'; }
.robotomedium { font-family: 'robotomedium'; }
.robotobold { font-family: 'robotobold'; }
.robotoblack { font-family: 'robotoblack'; }

#ajLoadCombatStatusReply {  } /* Contains any reply output by /Play/Interaction/Combat/Load_CombatStatus.php AJAX call */

#dbHelpDialog  { background-color:#000; display:none; left:-1000px; margin:0; max-width:75%; opacity:.9; position:absolute !important; text-align:left; top:-1000px; white-space:normal; z-index:40; }
#dbHelpDialog table td { /** /white-space:normal !important;/**/ }

#dbMessageContainer { background-color: transparent; display: table; }
#dbMessageContainer > div{ display: table-cell; }
#dbMessageContents { background-color:#000; border:2px solid #888; display:none; left:-1000px; margin:0; padding:2px; position:absolute !important; text-align:left; top:-1000px; white-space:pre-wrap; z-index:20; }

#dbStarNoteContainer { background-color: transparent; display: table; }
#dbStarNoteContainer > div{ display: table-cell; }
#dbStarNoteContents { background-color:#000; border:0; display:none; left:-1000px; margin:0; opacity:.9; padding:0px; position:absolute !important; text-align:left; top:-1000px; white-space:pre-wrap; width:510px; z-index:50; }

#canvasMapBase, #canvasMapStar, #canvasMapMove, #canvasMapMask { border: 1px solid #aaf; position: absolute; left: 0px; top: 0px; font-family: 'robotoregular', 'Arial', 'Helvetica', sans-serif; }
#canvasMapBase { z-index:11; }
#canvasMapMask { z-index:12; }
#canvasMapMove { z-index:13; }
#canvasMapStar { z-index:14; }

#currentGameList { /** /border:1px solid red;/**/ margin:0 auto; padding:5px; }

#div_See_Fleets { box-sizing: border-box; margin: 1em auto; }
#div_See_Planets { box-sizing: border-box; display: none; }
#divWaiting { text-align:left; white-space:pre }

#gameStatusDiv { /** /border:1px solid green;/**/ }

#id_mapImage { border:2px solid #006; margin:0; padding:0; }
#id_noteText, #id_noteText_Event, #txaNote { background-color:#000; color:#fff; height:5.5em; width:30em; }
#id_StarNote_Event { margin: 0 auto; width: 31em; }

#mapResize { margin:0; padding: 0; position: relative; text-align: center; width: 100%; /** / border: 2px solid yellow; box-sizing: border-box; /**/ }
#mapWrapper { background-color: transparent;  margin: 0 auto; overflow: visible; padding: 0; padding-top:2px; position:relative; text-align: center; /** / border:1px solid red;/**/ } /* 2021-01-05 Do NOT give the mapWrapper a border. canvas functions do not account for one. */

#pageContent { /** /border:1px solid red;/**/ box-sizing:border-box; clear:both; display: none; margin-bottom:.5em; padding-bottom:.5em; }
#pageContentLoading { color:var(--info-color); display:none; font-weight:bold; font-style:italic; margin-top:1em; margin-bottom:1em; text-align:center; }
#pageHeader { /** /display: none;/**/ position:relative; margin:5px; text-align:center; }
#pageFooter { display: none; }
#pageTitleLeft { float:left; z-index:2; }
#pageTitleCenter { font-family:'robotobold', 'Arial', 'Helvetica', sans-serif; font-size:1.75em; }
#pageTitleRight { float:right; z-index:2; }

#spnMapLarger { cursor: zoom-in;vertical-align: text-bottom; }
#spnMapResize { vertical-align: top; }
#spnMapResize { cursor: ew-resize; }
#spnMapSmaller, #spnMapResize, #spnMapLarger { color: silver; display: inline-block; font-size: 20px; font-weight: bold; position: relative; line-height: .8em; }
#spnMapSmaller { cursor: zoom-out;vertical-align: text-bottom; }
#spnMapSmaller:hover, #spnMapResize:hover, #spnMapLarger:hover { color: black !important; background-color: var(--action-color) !important; border-radius: 3px; }

#tbl_StarNote { background-color:black; left:0; top: 0; margin:0; padding:0px; position:absolute !important; width:510px; } /* mousemove DEGUGing */
#ttMouseMoveContainer { background-color: #000; display: inline-block; opacity: .75; position: fixed; left: 0px; top: 0px; z-index: 50; }
#ttMouseMoveContents { background-color:transparent; border: 1px solid red; /** /padding: .25em;/**/ }
#ttSpendingContainer { background-color: #000; /** /border: 1px solid red;/**/ border-radius: 16px; opacity: .75; padding: .25em; position: fixed; right: 10px; top: 50px; white-space: pre-wrap; z-index: 20; } /* Production spending display */
#ttSpendingContents { background-color:transparent; z-index: 20; }

.action { color:var(--action-color); }
.appName { font-family:'robotobold', 'Arial', 'Helvetica', sans-serif; font-size:1.5em; }
.attention, .available { color:var(--attention-color) !important; }
.authorized, .gameHasRoom, .isOn { color:#0f0; }
.blackBG { background-color:#000; }
.blockaded { background-color:#911; color:#fff; }
.body { color:#fff; }
.bold { font-weight:bold; }
.center { text-align:center; }
.check { cursor:default; } /* Used to show default (arrow) cursor */
.currentTurn { color:#0f0; }
.description { background-color:#ffffe0; border:1px solid var(--info-color); color:#000; display:table-cell; padding:5px; }
.disabled, .unavailable { color:#999; }
.error { background-color:#f00; color:#fff; } /**/.error:before { content:"\00a0"; } .error:after { content:"\00a0"; }/**/ /* Add space before and after .error */
.errordialog { position:absolute; width:100%; border-bottom:1px solid black; background:lightyellow; color:red; left:0; top:0; padding:3px 0; text-indent:2px; }
.errortext { color:#f00; }
.floatLeft { float:left; /** /display:inline-block; border:1px solid green;/**/ }
.floatRight { float:right; }
.formNote { /** / background-color:#000; /* */ color:var(--action-color); font-family:'robotoregular', 'Arial', 'Helvetica', sans-serif; font-size:.75em; }
.formNoteNumber { /** / background-color:#000; color:var(--action-color); font-family:"Courier New", Courier, mono; font-size:1em; /**/ }
.full { color:#f00; }
.hidden { /** /display:none;/**/ }
.hide { display:none; }
.info, .TKO { color:var(--info-color) !important; }
.infoDark { color:#66f !important; }
.inline { display:inline; }
.inlineBlock { display:inline-block; }
.large { font-size:1.25em; /** /vertical-align:top;/**//** /vertical-align:5%;/**//** / margin-top:-2px;/**/ }
.larger { font-size:1.5em; /** /vertical-align:top;/**//** /vertical-align:5%;/**//** / margin-top:-2px;/**/ }
.left { text-align:left; }
.line { /*color:var(--action-color);*/ }
.lostContact { text-decoration:line-through; }
.MapMenuDrag { cursor:move; width:100%; background-image:url(/images/mousemove.png); background-position:center; background-repeat:no-repeat; min-width:50px; }
.marginRight { margin-right:5px; }
.menu { text-align:center; }
.middle { vertical-align:middle; margin-top:-1px; }
.normal { font-weight:normal; }
.normalcolor { color:#fff !important; }
.nowrap { white-space:nowrap; }
.offline { color:#f90; }
.online { color:#ef3; }
.pad05 { padding:5px !important; }
.pad05lr { padding-left:5px !important; padding-right:5px !important; }
.pad05r { padding-right:5px !important; }
.pad05t { padding-top:5px !important; }
.pad10 { padding:10px !important; }
.pad10r { padding-right:10px !important; }
.pad15lr { padding-left:15px !important; padding-right:15px !important; }
.pageTitle { font-family:'robotobold', 'Arial', 'Helvetica', sans-serif; font-size:2.5em; font-weight:bold; padding:5px; text-align:center; vertical-align:middle; }
.planetChange { text-decoration:line-through; color:#999; }
.player { border-radius: .25em; padding: 0 1px 0 2px; }
.production, .PRD { color:#fc8 !important; }
.right { text-align:right; }
.small { font-size:.75em; /** /vertical-align:top;/**//**/vertical-align:5%;/**//** / margin-top:-2px;/**/ }
.smaller { font-size:.5em; /** /vertical-align:top;/**//**/vertical-align:5%;/**//** / margin-top:-2px;/**/ }
.startype { display:inline-block; /** / font-size:.95em; text-shadow:-.05em -.05em 0 #aaa, .05em .05em #666, -.05em .05em 0 #888, .05em -.05em 0 #888;/**/ text-align:center; width:.8em; }
.totalCost, .unitCost { padding-right:6px; text-align:right; }
.TRP { background-color:#000; margin:1px; color:#fff; /** /font-size:larger;/**/ /**/font-weight:bold;/**/ text-align:right; width:1.8em; z-index:-10; }
.unauthorized, .gameFull, .isOff { color:#f00; }
.wait {/** / background-color:#880;/**/ background-color:#c00; opacity:.8;/**/ color:#fff; cursor:not-allowed; }
.warn { background-color:#f90; color:#fff; } .warn:before { content:"\00a0"; } .warn:after { content:"\00a0"; } /* Add space before and after .warn */
.warntext { /** /background-color:#f90; color:#fff;/**/color:#f90;/**/ }
.wrap { white-space:normal; }
.xhidden { border:3px double #ccc; }

div.btn { cursor:pointer; display:inline-block; height:18px; width:18px; padding-top:1px; text-align:center; box-sizing:border-box; border-radius:3px; }
div.btn.delete { background-color:#c00; color:var(--info-color); }
div.btn.delete.over { background-color:#f00; color:#000; }
div.btn.expand { background-color:#0dc; color:var(--info-color); }
div.btn.expand.over { background-color:var(--attention-color); color:#000; }
div.btn.plus { background-color:#00f; color:var(--info-color); }
div.btn.plus.over { background-color:#00f; color:#000; }
div.mline { /** /display:none; height:0px; z-index:40;/**/ }

a:link { color:var(--info-color); margin:0; padding:0; text-decoration:underline; }
a:visited { color:var(--info-color); }
a:hover { background-color:var(--info-color-hover); color:#000; }
a.img:hover { background-color:transparent; }
a.menu { border:0; border-top-left-radius:8px; border-bottom-right-radius:8px; background-color:var(--info-color); color:#000; display:inline-block; margin:1px 2px; padding:2px 6px; text-decoration:underline; }
a.menu:hover { background-color:var(--info-color-hover); }
a.button { text-decoration:none; }
a.current { background-color:#448; color:#fff; text-decoration:none; }
a.current:hover { background-color:var(--info-color); color:#000; text-decoration:underline; }
a.parent { background-color:#448; color:#fff; text-decoration:underline; }
a.parent:hover { background-color:var(--info-color); color:#000; text-decoration:underline; }
a.transparent { background-color:transparent; }

abbr { border-bottom:2px dotted #888; cursor:help; }
abbr.attention, abbr.available { border-bottom:1px dotted #000; color:var(--action-color); }
abbr.button { border-bottom:0; }
abbr.disabled { border-bottom:1px dotted #888; color:#888; }
abbr.error { border-bottom:1px dotted #fff; } abbr.error:after { color:#fff; } abbr.error:before { content:"\00a0"; } abbr.error:after { content:" !\00a0"; }
abbr.info { border-bottom:1px dotted #6af; }
abbr.nodot { border-bottom:0; cursor:default }
abbr.normal { border-bottom:1px dotted #888; }
abbr.opaque { opacity:.6; }
abbr.unavailable { border-bottom:1px dotted #999; }
abbr.underline { border-bottom-style:solid; border-bottom-width:1px; }
abbr.warn { border-bottom:1px dotted #fff; } abbr.warn:after { color:#fff; } abbr.warn:before { content:"\00a0"; } abbr.warn:after { content:" !\00a0"; }
abbr.pre { white-space: pre-wrap; }
area.onClick { cursor:pointer; }

body { background-color:#000; background-image:url(/images/bg.gif); color:#fff; font-size:1em; font-family:'robotoregular', 'Arial', 'Helvetica', sans-serif; /** /text-align:left;/**/ }
body > * { margin:auto; }
canvas { user-select: none; -webkit-user-select: none; -moz-user-select: none; }

div.bdr { border:1px solid var(--info-color); margin-top:.2em;}
div.event { /** /border:1px solid DarkBlue;/**/ }
div.expand { background-color: #004; border:1px solid silver; margin-left: 1em; margin-right: 1em; padding-left: 1em; padding-right: 1em; }
div.MapMenu { background-color:#000; border:0; margin:0; /** /max-width:650px;/**//**/ opacity:.7;/**/ padding:2px; text-align:left; white-space:nowrap; /**/display:none; left:-1000px; position:absolute !important; top:-1000px;/**/ z-index:50; }
div.menu { margin-bottom:5px; }
div.p { margin-top:1em; margin-bottom:1em; }
div.pb { margin-bottom:.5em; }
div.pt { margin-top:1em; }
div.hp { margin-top:.5em; margin-bottom:.5em; }
div.qp { margin-top:.25em; margin-bottom:.25em; }
div.round, div.finished, span.round { padding-left:2em; text-indent:-2em; }
h1.sectionTitle { font-family:'robotomedium', 'Arial', 'Helvetica', sans-serif; font-size:1.75em; margin: 0 0 .5em; text-align:center; }

fieldset { display: inline-block; border-radius: 5px; }
fieldset>legend { text-align: left; }
form { display:block; margin: 0 auto; text-align: center; }

h1 { text-align:center; }
img { border:0; vertical-align:middle; }
img.bbdr { border:2px solid #006; }
img.btn { float:left; margin-top:1px; }
input, select, textarea { font-size:.75em; }
input.formNote { background-color:#000; border:0; color:var(--action-color); font-family:'robotoregular', 'Arial', 'Helvetica', sans-serif; font-size:.75em; }
input.formNoteAttention { background-color:#000; border:0; color:var(--attention-color) !important; font-family:'robotoregular', 'Arial', 'Helvetica', sans-serif; font-size:1em; }
input.formNoteNumber { background-color:#000; border:0; color:var(--attention-color) !important; font-family:"Courier New", Courier, mono; font-size:1em; text-align:right; }
input.label, div.label { background-color:#000; /*border:1px solid #000;*/ color:#fff; }
input.message { background-color:#000; border:0; color:#fff; font-size:1em; }
input.normal, select.normal, textarea.normal { font-size:1em; }
input.num { font-family:"Courier New", Courier, mono; font-size:.7em; text-align:right; }
input.num.error { text-align:center; }
input.number, input.number2, input.number3, div.number, span.number { font-family:"Courier New", Courier, mono; padding:0; padding-right:.1em; text-align:right; }
input.number, div.number, span.number { font-size:1.0em; width:3em; }
input.number2, input.number3, div.number2, div.number3, span.number2, span.number3 { font-size:0.9em; }
input.padded { background-color:#000; /*border:1px solid #000;*/ color:#fff; font-family:"Courier New", Courier, mono; font-size:1.0em; padding-right:4px; text-align:right; }
input:disabled, input:read-only { /** / background-color:#880; background-color:#c00; opacity:.8; color:#fff; text-decoration:none; cursor:not-allowed;/**/ }

input[type="button"],                 input[type="reset"],                 input[type="submit"],                 button                 { border:0; border-top-left-radius:8px; border-bottom-right-radius:8px; display:inline-block; font-size:1em; margin:1px 2px; padding:1px 2px; vertical-align:top; }
input[type="button"]:enabled,         input[type="reset"]:enabled,         input[type="submit"]:enabled,         button:enabled         { background-color:var(--info-color); color:#000; cursor:pointer; } /* Order must be no selector, enabled, hover, disabled, active */
input[type="button"]:hover,           input[type="reset"]:hover,           input[type="submit"]:hover,           button:hover           { background-color:var(--info-color-hover); color:#000; /* text-decoration:underline;*/ }
input[type="button"]:disabled,        input[type="reset"]:disabled,        input[type="submit"]:disabled,        button:disabled        { /** / background-color:#880;/**/ background-color:#c00; opacity:.8;/**/ color:#fff; cursor:not-allowed; text-decoration:none; }
input[type="button"]:active,          input[type="reset"]:active,          input[type="submit"]:active,          button:active          { background-color:#000; color:#fff; }

input[type="button"].menu,            input[type="reset"].menu,            input[type="submit"].menu,            button.menu            { /*text-decoration:underline;*/ } /* Order must be no class, menu, current, parent, hidden */
input[type="button"].current,         input[type="reset"].current,         input[type="submit"].current,         button.current         { background-color:#090; color:#fff; text-decoration:none; }
input[type="button"].current:hover,   input[type="reset"].current:hover,   input[type="submit"].current:hover,   button.current:hover   { background-color:#0f0; color:#000; }
input[type="button"].parent,          input[type="reset"].parent,          input[type="submit"].parent,          button.parent          { background-color:#090; color:#fff;/*text-decoration:underline;*/ }
input[type="button"].parent,          input[type="reset"].parent,          input[type="submit"].parent,          button.parent          { /*color:#fff;*/ }
input[type="button"].parent:hover,    input[type="reset"].parent:hover,    input[type="submit"].parent:hover,    button.parent:hover    { background-color:#0f0; color:#000; }
input[type="button"].hidden,          input[type="reset"].hidden,          input[type="submit"].hidden           button.hidden          { /** /display:none;/**/ }

input[type="button"].hide,            input[type="reset"].hide,            input[type="submit"].hide,            button.hide            { display:none; }
input[type="button"].action,          input[type="reset"].action,          input[type="submit"].action,          button.action          { background-color:var(--action-color); color:#000; }
input[type="button"].action:hover,    input[type="reset"].action:hover,    input[type="submit"].action:hover,    button.action:hover    { background-color:var(--action-color); color:#000; }
input[type="button"].action:disabled, input[type="reset"].action:disabled, input[type="submit"].action:disabled, button.action:disabled { background-color:#c00; color:#fff; cursor:not-allowed; }
input[type="button"].attention,       input[type="reset"].attention,       input[type="submit"].attention,       button.attention       { background-color:#8c2; color:#000 !important; }
input[type="button"].attention:hover, input[type="reset"].attention:hover, input[type="submit"].attention:hover, button.attention:hover { background-color:var(--attention-color); color:#000 !important; }
input[type="button"].error,           input[type="reset"].error,           input[type="submit"].error,           button.error           { background-color:#f00; color:#fff; }
input[type="button"].info,            input[type="reset"].info,            input[type="submit"].info,            button.info            { background-color:var(--info-color); color:#000 !important; }
input[type="button"].isOff,           input[type="reset"].isOff,           input[type="submit"].isOff,           button.isOff           { background-color:#f00; color:#fff; }
input[type="button"].isOn,            input[type="reset"].isOn,            input[type="submit"].isOn,            button.isOn            { background-color:#0f0; color:#000; }
input[type="button"].small,           input[type="reset"].small,           input[type="submit"].small,           button.small           { font-size:.75em; /** /vertical-align:top;/**//**/vertical-align:5%;/**//**/ margin-top:-2px;/**/ }
input[type="button"].unavailable,     input[type="reset"].unavailable,     input[type="submit"].unavailable,     button.unavailable     { background-color:#333; color:#ccc; }
input[type="button"].wait,            input[type="reset"].wait,            input[type="submit"].wait,            button.wait            { /** / background-color:#880;/**/ background-color:#c00; opacity:.8;/**/ color:#fff; cursor:not-allowed; text-decoration:none; }
input[type="button"].warn,           i nput[type="reset"].warn,            input[type="submit"].warn,            button.warn            { background-color:#f90; color:#fff; }
input[type="button"].help, button.help { background-color: #00f; box-shadow: inset 0 0 15px #aef; color: #fff; display:inline-block; font-size: 15px;  margin:1px 4px; padding:1px 5px; text-align: center; }
input[type="button"].help:hover, button.help:hover { background-color: #aef; box-shadow: inset 0 0 15px #00f; }
input[type="button"].help:active, button.help:active { background-color: #00f; transform: translateY(2px); }

input[type="checkbox"]+label, input[type="radio"]+label { display:inline-block; margin-left:0px; padding-left:2px; }
input[type="checkbox"], input[type="radio"] { margin-right:0px; }
input[type="checkbox"]:checked+label { color:var(--attention-color); }
label input[type="checkbox"]:checked { color:var(--attention-color); }

input[type="checkbox"]+label.player { border:1px solid #000; border-radius:3px; padding-right:2px; }
input[type="checkbox"]:checked+label.player { border-color:var(--attention-color); }
input[type="checkbox"]:disabled+label { background-color:#c00; color:#fff; cursor:not-allowed; }
input[type="checkbox"]:disabled { background-color:#c00; color:#fff; cursor:not-allowed; }
input[type="checkbox"].readonly+label { color:var(--info-color); cursor:default; }

input[type="file"]:disabled { cursor:not-allowed; }

input[type="radio"]:checked+label { color:var(--attention-color); }
input[type="radio"]:disabled+label, input[type="radio"].readonly+label { background-color:#c00; color:#fff; cursor:not-allowed; text-decoration:line-through; }
input[type="radio"]:disabled { background-color:#c00; color:#fff; cursor:not-allowed; }
input[type="radio"] { background-color:transparent; }

input[type="text"], input[type="number"] { /** /background-color:#fff; color:#000;/**/ }
input[type="text"][readonly], input[type="number"][readonly] { background-color:#000; color:#fff; cursor:default; }
input[type="text"][readonly].error, input[type="number"][readonly].error { background-color:#f00; color:#fff; cursor:default; }
input[type="text"][readonly].PU, input[type="number"][readonly].PU { background:#000 url('/images/ship_now.png') no-repeat left top; color:#fff; cursor:default; font-weight:bold; }
input[type="number"].number { background-color:#fff !important; width:3.75em !important; font-weight:bold; }
input[type="number"].number.narrow { width: 2.9em !important; }
input[type="text"].number { width:2.5em !important; font-weight:bold; padding-right:.1em; }
input[type="number"].number2 { background-color:#fff !important; width:2.4em !important; font-weight:bold; }
input[type="number"].number3 { background-color:#fff !important; width:3.4em !important; font-weight:bold; }
input[type="text"].cost, input[type="number"].cost { font-weight:bold; width:1.4em; margin:0; border-spacing:0; height:14px; padding-top:2px }
input[type="text"].AGB_new, input[type="number"].AGB_new { background:url('/images/AGB_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].AGB_now, input[type="number"].AGB_now { background:url('/images/AGB_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].AM_new, input[type="number"].AM_new { background:url('/images/AM_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].AM_now, input[type="number"].AM_now { background:url('/images/AM_now.png') no-repeat left top; color:#fff; background-color: #000 !important; font-weight:bold; }
input[type="text"].AOB_new, input[type="number"].AOB_new { /**/background:url('/images/AOB_new.png') no-repeat left top;/**/ background-color:#fff; font-weight:bold; }
input[type="text"].AOB_now, input[type="number"].AOB_now { /**/background:url('/images/AOB_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].ATK_new, input[type="number"].ATK_new { background:url('/images/ship_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].ATK_now, input[type="number"].ATK_now { background:url('/images/ship_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].autoPOP,input[type="number"].autoPOP { background:url('/images/personDark.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].autoPOPerror, input[type="number"].autoPOPerror { background:url('/images/personError.png') no-repeat left top; color:#fff; font-weight:bold; }
input[type="text"].bomb_new, input[type="number"].bomb_new { background:url('/images/bomb_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].bomb_now, input[type="number"].bomb_now { background:url('/images/bomb_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].CT_new, input[type="number"].CT_new { background:url('/images/ship_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].CT_now, input[type="number"].CT_now { background:url('/images/ship_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].DN_new, input[type="number"].DN_new { background:url('/images/ship_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].DN_now, input[type="number"].DN_now { background:url('/images/ship_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].ESC_now, input[type="number"].ESC_now { background:url('/images/ship_now.png') no-repeat left top; background-color: #000 !important;font-weight:bold; }
input[type="text"].ESC_new, input[type="number"].ESC_new { background:url('/images/ship_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].FSN_now, input[type="number"].FSN_now { background:url('/images/ship_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold;  }
input[type="text"].FSN_new, input[type="number"].FSN_new { background:url('/images/ship_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].GB_new, input[type="number"].GB_new { background:url('/images/GB_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].GB_now, input[type="number"].GB_now { background:url('/images/GB_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].groundIm, input[type="number"].groundIm { background:url('/images/ground.jpg') no-repeat left top; color:#fff; font-weight:bold; }
input[type="text"].IGB_new, input[type="number"].IGB_new { background:url('/images/IGB_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].IGB_now, input[type="number"].IGB_now { background:url('/images/IGB_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].IOB_new, input[type="number"].IOB_new { /**/background:url('/images/IOB_new.png') no-repeat left top;/**/ background-color:#fff; font-weight:bold; }
input[type="text"].IOB_now, input[type="number"].IOB_now { /**/background:url('/images/IOB_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold;  }
input[type="text"].IU_new, input[type="number"].IU_new { background:url('/images/IU_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].IU_now, input[type="number"].IU_now { background:url('/images/IU_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].large { font-size:0.9em; font-weight:bold; padding:0; padding-right:.1em; }
input[type="text"].OB_new, input[type="number"].OB_new { /**/background:url('/images/OB_new.png') no-repeat left top;/**/ background-color:#fff; font-weight:bold; }
input[type="text"].OB_now, input[type="number"].OB_now { /**/background:url('/images/OB_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].OFS_new, input[type="number"].OFS_new { background:url('/images/OFS_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].OFS_now, input[type="number"].OFS_now { background:url('/images/OFS_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].PFS_new, input[type="number"].PFS_new { background:url('/images/PFS_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].PFS_now, input[type="number"].PFS_now { background:url('/images/PFS_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].POD_now, input[type="number"].POD_now { background:url('/images/ship_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].POD_new, input[type="number"].POD_new { background:url('/images/ship_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].placePOP, input[type="number"].placePOP { background:url('/images/person.png') no-repeat left top; font-weight:bold; }
input[type="text"].placePOP:disabled, input[type="number"].placePOP:disabled { background:url('/images/personError.png') no-repeat left top; cursor:not-allowed; font-weight:bold; background-color:#911 !important; }
input[type="text"].placeTFnm, input[type="number"].placeTFnm { background:url('/images/TF_new.png') no-repeat left top; font-weight:bold; }
input[type="text"].placeTFrg, input[type="number"].placeTFrg { background:url('/images/TF_new.png') no-repeat left top; font-weight:bold; }
input[type="text"].planetIm:disabled, input[type="number"].planetIm:disabled { background:url('/images/planet_disabled.jpg') no-repeat left top; font-weight:bold; cursor:not-allowed; }
input[type="text"].PU, input[type="number"].PU {  background:url('/images/ship_new.png') no-repeat left top; font-weight:bold; }
input[type="text"].RU_new, input[type="number"].RU_new { background:url('/images/RU_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].RU_now, input[type="number"].RU_now { background:url('/images/RU_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].SCT_new, input[type="number"].SCT_new { background:url('/images/ship_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].SCT2_new, input[type="number"].SCT2_new { background:url('/images/ship_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].SCT_now, input[type="number"].SCT_now { background:url('/images/ship_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].SCT2_now, input[type="number"].SCT2_now { background:url('/images/ship_now.png') no-repeat left top; background-color: #000 !important; font-weight:bold; }
input[type="text"].ship_new, input[type="number"].ship_new { background:url('/images/ship_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].ship_now, input[type="number"].ship_now { background:url('/images/ship_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].shipIm, input[type="number"].shipIm { background:url('/images/ship_new.png') no-repeat left top; font-weight:bold; }
input[type="text"].TFnm_new, input[type="number"].TFnm_new { background:url('/images/TF_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].TFnm_now, input[type="number"].TFnm_now { background:url('/images/TF_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"].TFrg_new, input[type="number"].TFrg_new { background:url('/images/TF_new.png') no-repeat left top; background-color:#fff; font-weight:bold; }
input[type="text"].TFrg_now, input[type="number"].TFrg_now { background:url('/images/TF_now.png') no-repeat left top; background-color: #000 !important; color:#fff; font-weight:bold; }
input[type="text"]:disabled, input[type="number"]:disabled { cursor:not-allowed; }
input[type="text"]:read-only, input[type="number"]:read-only { cursor:default; }

label > input[type="checkbox"]:checked + span, label > input[type="radio"]:checked + span { font-weight: bold; }
li.pb2 { margin-bottom:2px; margin-top:0; }
li.pb { margin-bottom:.5em; }
li.pn { margin-bottom:0; margin-top:0; }

ol.pb2, ul.pb2 { margin-bottom:2px; margin-top:0; }
ol.pb2 li, ul.pb2 li { margin-bottom:2px; margin-top:0; }
ol.pb, ul.pb { margin-bottom:.5em; margin-top:0; }
ol.pb li, ul.pb li { margin-bottom:.5em; margin-top:0; }
ol.pn, ul.pn { margin-bottom:0; margin-top:0; }
ol.pn li, ul.pn li { margin-bottom:0; margin-top:0; }
ol.nm li, ul.nm li { list-style-type:none; margin-left: -1em; } /* Hide the marker and reduce the indent. */

section { clear:both; position:relative; /** / z-index:1; border:1px solid DarkBlue; /**/ text-align: center; }
section > * { margin:auto; }
select.large { font-size:0.9em; }
select.large, select.large > option { font-weight:bold; padding:0; }
select.large > option { font-size:1.0em; }
select.number { font-size:0.9em;  text-align:right; }
select.number, select.number > option { font-family: "Courier New", Courier, mono; font-weight: bold; padding: 0; padding-right: .1em; }
select.number > option { font-size:1.0em; }
span.trendDN { color:#f00; }
span.trendDN:after { content:"\2193" }
span.trendUP { color: #0f0; }
span.trendUP:after { content:"\2191" }

table { background-color:transparent; border-collapse:collapse; empty-cells:show; margin:0 auto; page-break-inside:avoid; }
table.bdr td.lmr, table.bdr th.lmr { padding-right:15px; } /* Large margin right. */
table.bdr td.nowrap, table.bdr th.nowrap { white-space:nowrap; }
table.bdr td.bdrdbl, table.bdr th.bdrdbl { border-left:2px solid #fff !important; }
table.bdr td.number, table.bdr th.number { padding-right:6px; }
table.bdr td.odd { /** /background-color:#fcfcfc;/**/ }
table.bdr td.wrap, table.bdr th.wrap { white-space:normal; }
table.bdr th { /** /background-color:#549225; color:#fff;/**/ }
table.bdr, table.bdr td, table.bdr th { /** /background-color:#d8e8ff;/**/ border:1px solid var(--info-color); /** /margin-left:0; margin-right:0;/**/ padding-left:2px; padding-right:2px; /** /white-space:normal;/**/white-space:nowrap;/**/ }
table.bdr.blue, table.bdr.blue td, table.bdr.blue th { border:1px solid var(--info-color); }
table.bdrOuter { text-indent:0; }
table.bdrOuter, div.bdrOuter { border:1px solid var(--info-color); }
table.bdrOuter tr.bdrHr { border-bottom:1px solid var(--info-color); }
table.bdrOuter tr.bdrHr td { height:1px; margin:0; padding:0; }
table.black { background-color:#000; }
table.blackBG td, table.blackBG th { background-color:#000; }
table.bottom tr { vertical-align:bottom; }
table.enemy { border:1px double #f00 !important; }
table.evenodd tr:nth-child(even) { background-color: #222; }
table.event { border:1px solid var(--info-color); margin: 0 auto; }
table.left { margin:0; }
table.MapMenu { margin:0; width:100%; }
table.nb, table.bdr td.nb, table.bdr th.nb { border-bottom:0; }																/* No bottom border */
table.nbdr, table.nbdr td, table.nbdr th, table.bdr td.nbdr, table.bdr th.nbdr { border:0; }	/* No border */
table.nl, table.bdr td.nl, table.bdr th.nl { border-left:0; }																	/* No left border */
table.nlr, table.bdr td.nlr, table.bdr th.nlr { border-left:0; border-right:0; }							/* No left or right border */
table.nomargin { margin:0px 0px; left:0px; }
table.nr, table.bdr td.nr, table.bdr th.nr { border-right:0; }																/* No right border */
table.nt, table.bdr td.nt, table.bdr th.nt { border-top:0; }																	/* No top border */
table.ntb, table.bdr td.ntb, table.bdr th.ntb { border-top:0; border-bottom:0; }							/* No top or bottom border */
table.p { margin-top:0.5em; margin-bottom:0.5em; }
table.player { border:1px double #0b0 !important; }
table.screened { border:1px double #888 !important; }
table.scroll-fixed { float:right; }
/*table.section { margin:1em auto 0 auto; }
table.section>tbody>tr>td { text-align:center; } */
table.top tr { vertical-align:top; }
table.ttTable { border-collapse:collapse; margin:.5em 0 0 0; font-size:.8em;/** / border:1px solid red; /**/ }
table.ttTable td, table.ttTable th { margin:0; padding:0px 2px 0px 2px; max-width:1%; }
table.ttTable td:last-child, table.ttTable th:last-child {  max-width:100%; }
table.ttTable td.pad00l,table.ttTable th.pad00l { padding-left:0; }
table.ttTable td.pad00r,table.ttTable th.pad00r { padding-right:0; }
table.ttTable th { /** /text-align:left;/**/ }
table.wide td, table.wide th { padding-left:5px; padding-right:5px; }
td { text-align:left; }
td, th { background-color:transparent; font-size:1em; font-family:'robotoregular', 'Arial', 'Helvetica', sans-serif; padding-left:2px; padding-right:2px; page-break-inside:avoid; }
td.bb { border-bottom:1px solid var(--info-color); }
td.bdrb, th.bdrb { border-bottom:1px solid var(--info-color); }
td.bdrr, th.bdrr { border-right:1px solid var(--info-color); }
td.bdrt, th.bdrt { border-top:1px solid var(--info-color); }
td.box, th.box { background-color:#000; border:1px solid var(--info-color); padding:2px; text-align:center; }
td.box.left, th.box.left { text-align:left; }
td.boxCost { padding-right:7px; text-align:right; }
td.boxTech { padding-left:5px; padding-right:5px; }
td.bt { border-top:1px solid var(--info-color); }
td.bw { background-color:#fff; }
td.cell, th.cell { padding-left:1px; padding-right:1px; text-align:center; }
td.cellleft { padding-left:1px; padding-right:1px; text-align:left; }
td.click, tr.click { cursor:pointer; }
td.error { background-color:#f00; text-align:left; } td.error:before { content:""; } td.error:after { content:""; }
td.formRight { padding-left:5px; padding-right:1px; text-align:right; }
td.indent3 { width:3em; }
td.label, th.label { text-align:right; }
td.label, th.label { text-align:right; }
td.label:after, th.label:after { content:":" }
td.label:after, th.label:after { content:":"; }
td.lnBottom, th.lnBottom { border-bottom:1px solid var(--info-color); }
td.lnTop, th.lnTop { border-top:1px solid var(--info-color); }
td.narrow { width:1px; }
td.number, td.number2, th.number { font-family:"Courier New", Courier, mono; font-size:1.0em; padding-right:6px; text-align:right;} /** /td.number:before, th.number:before { content:","; }/**/
td.number2 { width:1.5em; }
td.numberHead, th.numberHead { width: 3.3em !important; font-weight: bold; }
td.padleft { padding-left:10px; }
td.programmingError { background-color:#000; border:5px solid #f00; padding:5px; text-align:left; } td.error:before { content:""; } td.error:after { content:""; }
td.right { text-align:right; }
td.s1 { width:1px; }
td.s12 { width:12px; }
td.s20, th.s20 { width:20px !important; min-width:20px !important; }
td:first-child.lnTop, th:first-child.lnTop { border-left:1px solid var(--info-color); }
td:first-child.lnFirstLeftLastRight, th:first-child.lnFirstLeftLastRight { border-left:1px solid var(--info-color); padding-left:5px; }
td:last-child.lnTop, th:last-child.lnTop { border-right:1px solid var(--info-color); }
td:last-child.lnFirstLeftLastRight, th:last-child.lnFirstLeftLastRight { border-right:1px solid var(--info-color); padding-right:5px; }
textarea { font-family:'robotoregular', 'Arial', 'Helvetica', sans-serif; font-size:.9em; }
textarea.code { font-family:"Courier New", Courier, mono; font-size:.75em; }
textarea[disabled] { cursor:not-allowed; }
textarea[readonly] { background-color:#000; color:#fff; cursor:default; }
th.numberHead { text-align: center; }
th.px55 { width:55px; }
thead { display:table-header-group; page-break-inside:avoid; }
tr { page-break-inside:avoid; vertical-align:top; }
tr.bottom { vertical-align:bottom; }
tr.cell { height:1.5em; vertical-align:middle; }
tr.odd { background-color: #222; }
tr.even { background-color: #111; }
tr.none { background-color: #001; }
tr.p td { padding-bottom:1em; }
tr.middle { vertical-align:middle; }
tr.top { vertical-align:top; }
tr:last-child > td:first-child.lnTop, tr:last-child > th:first-child.lnTop { border-left:none; }
tr:last-child > td:last-child.lnTop, tr:last-child > th:last-child.lnTop { border-right:none; }

@media print {
.formNote { background-color:#fff; color:#000; }
.formNoteNumber { background-color:#fff; color:#000; }
.label { background-color:#fff; /*border:1px solid #fff;*/ color:#000; }
input.formNote { background-color:#fff; color:#000; }
input.formNoteNumber { background-color:#fff; color:#000; }
input.label, td.label { background-color:#fff; /*border:1px solid #fff;*/ color:#000; }
td.formNote { background-color:#fff; color:#000; }
td.formNoteNumber { background-color:#fff; color:#000; }
}