/* Additions to the original style.css for the rewrite. */
#footer_image { position:absolute; z-index:100; background-image:url(/img/down_bg.png); width:100%; left:0px; height:150px; bottom:0px; background-position:50% 0%; background-repeat:no-repeat; }
/* the tutorial highlight: index.php set border:4px double red and let
   jquery.pulse fade the border colours #9A0002 <-> white (1 s each) */
.tutorial-hl { animation: tutpulse 2s linear infinite; }
@keyframes tutpulse { 0% { border-color:#9A0002; } 50% { border-color:white; } 100% { border-color:#9A0002; } }
.reg_input::placeholder { color:#666666; text-shadow:none; opacity:1; }
.reg_input { color:black; background-image:none; width:115px; position:absolute; border:0px; font-family:serif; text-shadow:#ffbc00 0px 0px 5px,#FFE200 0px 0px 3px,red 0px 0px 7px; background-color:transparent; z-index:2; }
img.screenshot { border-top:1px solid #BBBBBB; border-left:1px solid #BBBBBB; border-right:1px solid #777777; border-bottom:1px solid #777777; }
/* the old page wrote "Benutzername"/"Passwort" into the value, i.e. in the
   black field text; opacity:1 because Firefox dims placeholders */
.login::placeholder { color:black; opacity:1; }
/* troops page: the old group list, squeezed to fit the content column */
ul.troopEdit form { margin:0px; }
ul.troopEdit li.defaultgroup { padding:2px 0px 3px 0px; }
ul.troopEdit li.defaultgroup span.unity { width:120px; min-width:120px; max-width:120px; padding-left:4px; vertical-align:middle; }
ul.troopEdit li.defaultgroup input.group_name { width:115px; }
ul.troopEdit li table { vertical-align:middle; top:0px; }
ul.troopEdit li table td { min-width:0px; padding:0px 3px; white-space:nowrap; }
/* count fields keep the old borderless look (style.css): grey on the
   #DDDDDD line, black when non-zero; only the width is squeezed */
ul.troopEdit li.defaultgroup table td input { width:2.6em; min-width:0px; line-height:normal; }
ul.troopEdit li.defaultgroup table td input[readonly] { cursor:default; }
ul.troopEdit img { vertical-align:middle; }
ul.troopEdit span.edit { top:2px; }
ul.troopList.troopEdit li.defaultgroup span.edit input.savegroup { font-size:10px; padding:0px 3px; margin:0px; border:1px solid #999999; background-color:#EEEEEE; cursor:pointer; min-width:0px; line-height:normal; text-align:center; }
table.troops { width:auto; }
table.troops img { width:16px; height:16px; }
/* header entries that are no links (session count) look like the links,
   so both header columns stay aligned */
span.up { color:white; font-family:georgia; font-variant:normal; font-size:13px; }
/* coordinate popup menu (old contextMenu) */
#contMenu a.cmenu { transition: background-color 0.2s, color 0.2s; background-color:#3F3F3F; }
#contMenu a.cmenu:hover { background-color:#FFBB00; color:black; }
#contMenu { z-index:30001; }
/* battle report unit tables (old kb.class layout) */
table.kbtable { width:100%; border-collapse:collapse; text-align:center; }
table.kbtable th { min-width:30px; font-weight:normal; }
table.kbtable th img { width:14px; height:14px; }
table.kbtable td.kblabel { text-align:left; width:70px; }
/* send form: the red legends fade to green once their part is valid (jQuery animate in the old game) */
fieldset.troops legend.notgood { transition:background-color 0.2s; }
/* report lists: the opened header widens like the old jQuery animation */
#k_messages h1 { transition:letter-spacing 0.7s; }
/* generic fallbacks for the old fonts, so pages stay sans-serif where
   Verdana is not installed */
#body, #footer { font-family:Verdana, sans-serif; }
ul.troopList span, ul.troopList span.ntbl, ul.troopList li.subgroup font.indent span.line,
ul.troopList li.defaultgroup font.indent span.line, ul.rules li:first-line, a.up, span.up { font-family:georgia, serif; }