DRUKHARI: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
{{#css:
{{#css:
@font-face {
:root {
font-family: 'ConduitITC';
  --font-color: #000;
src: url(/wh40k10ed/fonts/Conduit-ITC-Light.ttf);
  --font-grey: #888;
font-weight: 100;
  --font-white: #fff;
font-style: normal;
  --bg-color: #fff;
  --bg-body: #eeeeee;
  --bg-body-border: #cccccc;
  --img-inv: 0;
  --img-inv-1: 1;
  --img-opa: 1;
  --nav-frame-border: #777;
  --nav-bg: #eeeeee;
  --nav-tab-bg: #888;
  --nav-tab-bg-hover: #101010;
  --faction-header: #990000;
  --author-color: #494949;
  --boosty-logo: 100%;
  --noads-logo: 100%;
  --redfont: #a31317;
  --a-color: #255eff;
  --a-visited: #7d25ce;
  --faq-bg: #dee2e1;
  --grey-bg: #dee2e1;
  --nav-hover: #b4c4c7;
  --row-bg: #e0e0e0;
  --dsCollated: #808080;
  --tooltip-border-color: #000;
  --tooltip-font-color: #000;
  --tooltip-bg-color: #fff;
  --tooltip-header: #4b626d;
  --tooltip-header-underline: #313131;
  --first-letter: #cc0000;
  --ya-logo-inv: 0;
  --ya-logo-hue: 0deg;
  --ya-bri: 1;
  --ya-con: 1;
  --ya-inv: 0;
  --ya-inv-butt: 0;
  --ya-grey: 0;
  --ya-bri-input: 1;
  --ya-con-input: 1;
  --bkg0: unset;
  --bkg1: #dee2e1;
  --cog-inv: 0;
  --ctrlSelect: #fff;
  --checkmark: #fff;
  --checkborder: #555;
  --header-bg: #b2b2b2;
  --wd-border: #252725;
  --ds-header-color: #fefefe;
  --strat-pts-color: #fefefe;
  --site-header: url("/wh40k10ed/img/Wahapedia10-site-header.png");
  --site-header-short: url("/wh40k10ed/img/Wahapedia10-site-header-short.png");
  --button-to-top: url(/wh40k10ed/img/Button_ToTop.png);
  --button-to-top-hover: url(/wh40k10ed/img/Button_ToTop_Hover.png);
  --button-army-list: url(/wh40k10ed/img/Button_ArmyList.png);
  --button-army-list-hover: url(/wh40k10ed/img/Button_ArmyList_Hover.png);
  --button-contents: url(/wh40k10ed/img/Button_Contents.png);
  --button-contents-hover: url(/wh40k10ed/img/Button_Contents_Hover.png);
}
}
 
[data-theme="dark"] {
@font-face {
  --font-color: #dadada;
font-family: 'ConduitITC';
  --font-grey: #888;
src: url(/wh40k10ed/fonts/Conduit-ITC-Regular.ttf) format('truetype'), url(/wh40k10ed/fonts/Conduit-ITC-W05-Regular.otf);
  --font-white: #dadada;
font-weight: 400;
  --bg-color: #202020;
font-style: normal;
  --bg-body: #3c3c3c;
  --bg-body-border: #8a8a8a;
  --img-inv: 0.9;
  --img-inv-1: 0.14;
  --img-opa: 0.85;
  --nav-frame-border: #bbbbbb;
  --nav-bg: #3c3c3c;
  --nav-tab-bg: #505050;
  --nav-tab-bg-hover: #8a8a8a;
  --faction-header: #ff5252;
  --author-color: #adadad;
  --boosty-logo: 120%;
  --noads-logo: 120%;
  --redfont: #d32c2c;
  --a-color: #8080ff;
  --a-visited: #b899d4;
  --faq-bg: #353535;
  --grey-bg: #33393a;
  --nav-hover: #101010;
  --row-bg: #424242;
  --dsCollated: #a7a7a7;
  --tooltip-border-color: #eee;
  --tooltip-font-color: #dadada;
  --tooltip-bg-color: #202020;
  --tooltip-header: #769398;
  --tooltip-header-underline: #ccc;
  --first-letter: #cf2d2d;
  --ya-logo-inv: 1;
  --ya-logo-hue: 180deg;
  --ya-bri: 1.8;
  --ya-con: 0.65;
  --ya-inv: 1;
  --ya-inv-butt: 0.1;
  --ya-grey: 1;
  --ya-bri-input: 1.5;
  --ya-con-input: 0.5;
  --bkg0: #202020;
  --bkg1: #33393a;
  --cog-inv: 0.8;
  --ctrlSelect: #dadada;
  --checkmark: #dadada;
  --checkborder: #dadada;
  --header-bg: #676767;
  --wd-border: #8a8a8a;
  --ds-header-color: #eaeaea;
  --strat-pts-color: #dadada;
  --site-header: url("/wh40k10ed/img/Wahapedia10-site-header-dark.png");
  --site-header-short: url("/wh40k10ed/img/Wahapedia10-site-header-short-dark.png");
  --button-to-top: url(/wh40k10ed/img/Button_ToTop_dark.png);
  --button-to-top-hover: url(/wh40k10ed/img/Button_ToTop_dark_Hover.png);
  --button-army-list: url(/wh40k10ed/img/Button_ArmyList_dark.png);
  --button-army-list-hover: url(/wh40k10ed/img/Button_ArmyList_dark_Hover.png);
  --button-contents: url(/wh40k10ed/img/Button_Contents_dark.png);
  --button-contents-hover: url(/wh40k10ed/img/Button_Contents_dark_Hover.png);
}
:root {
  --font-inv: #fff;
  --corner14-bg: #d0d4ce;
  --corner16-bg: #3c525a;
  --corner16-bg-in: #f0f0ef;
  --corner14-bg: #d0d4ce;
  --corner15-bg: #fefefe;
  --corner16-bg: #3c525a;
  --corner16-bg-in: #f0f0ef;
  --corner18-bg: #3c525a;
  --corner19-bg: #5b3e25;
  --corner19-bg-in: #efebe5;
  --corner25-bg: #2f6a4f;
  --corner25-bg-in: #d3e9dc;
  --corner26-bg: #652070;
  --corner26-bg-in: #eadaec;
  --corner27-bg: #857638;
  --corner27-bg-in: #ece9dd;
  --corner28-bg: #950909;
  --corner28-bg-in: #ecdddd;
  --corner29-bg: #0b3778;
  --corner29-bg-in: #e1f1ff;
  --frame-bg1: url(/wh40k10ed/img/frame-bg1.png);
  --RedSquare: url(/wh40k10ed/img/RedSquare.png);
  --RedCircle: url(/wh40k10ed/img/RedCircle.png);
  --bluefont: #2d6c83;
  --dark-bg: #0b171b;
  --cp-grey: #bdc1be;
  --pn-action: #0a506f;
}
[data-theme="dark"] {
  --font-inv: #101010;
  --corner14-bg: #424546;
  --corner16-bg: #4e7584;
  --corner16-bg-in: #21282b;
  --corner14-bg: #424546;
  --corner15-bg: #2f2f2f;
  --corner16-bg: #4e7584;
  --corner16-bg-in: #21282b;
  --corner18-bg: #2a373c;
  --corner19-bg: #88440a;
  --corner19-bg-in: #2d2a25;
  --corner25-bg: #2f6a4f;
  --corner25-bg-in: #06291d;
  --corner26-bg: #652070;
  --corner26-bg-in: #1d0523;
  --corner27-bg: #857638;
  --corner27-bg-in: #2e0707;
  --corner28-bg: #832121;
  --corner28-bg-in: #290606;
  --corner29-bg: #0d688b;
  --corner29-bg-in: #031c26;
  --frame-bg1: url(/wh40k10ed/img/frame-bg1-dark.png);
  --RedSquare: url(/wh40k10ed/img/RedSquare-dark.png);
  --RedCircle: url(/wh40k10ed/img/RedCircle-dark.png);
  --bluefont: #5d8c9d;
  --dark-bg: #dadada;
  --cp-grey: #a9adaa;
  --pn-action: #dadada;
}
#btnBackToTop {
  background-image: url(/wh40k10ed/img/Button_ToTop.png);
  background-image: var(--button-to-top);
  user-select:none;
  z-index:10;
  width:83px;
  height:82px;
  display:none;
  position:fixed;
  bottom:20px;
  right:20px;
  border:none;
  outline:none;
  background-color:transparent;
  cursor:pointer
}
#btnBackToTop:hover,
#btnBackToTop.hover {
  background-image: url(/wh40k10ed/img/Button_ToTop_Hover.png);
  background-image: var(--button-to-top-hover)
}
#btnArmyList {
  background-image: url(/wh40k10ed/img/Button_ArmyList.png);
  background-image: var(--button-army-list);
  user-select:none;
  z-index:10;
  width:83px;
  height:82px;
  display:block;
  position:fixed;
  bottom:122px;
  right:20px;
  border:none;
  outline:none;
  background-color:transparent;
  cursor:pointer
}
#btnArmyList:hover,
#btnArmyList.hover {
  background-image: url(/wh40k10ed/img/Button_ArmyList_Hover.png);
  background-image: var(--button-army-list-hover)
}
#btnContents {
  background-image: url(/wh40k10ed/img/Button_Contents.png);
  background-image: var(--button-contents);
  user-select:none;
  z-index:10;
  width:83px;
  height:82px;
  display:block;
  position:fixed;
  right:20px;
  border: none;
  outline:none;
  background-color:transparent;
  cursor:pointer
}
.btnContents_AL {
  bottom:224px
}
.btnContents_NoAL {
  bottom:122px
}
#btnContents:hover,
#btnContents.hover {
  background-image: url(/wh40k10ed/img/Button_Contents_Hover.png);
  background-image: var(--button-contents-hover)
}
@media only screen and (max-width: 800px) {
  #btnArmyList {
    width:65px;
    height:65px;
    background-size: 65px 65px;
    bottom:89px;
    right:12px
  }
  #btnContents {
    width:65px;
    height:65px;
    background-size: 65px 65px;
    right:12px
  }
  .btnContents_AL {
    bottom:166px
  }
  .btnContents_NoAL {
    bottom:89px
  }
  #btnBackToTop {
    width:65px;
    height:65px;
    background-size: 65px 65px;
    bottom:12px;
    right:12px
  }
}
@media only screen and (max-width: 532px) {
  #btnArmyList {
    width:50px;
    height:50px;
    background-size: 50px 50px;
    bottom:66px;
    right:8px
  }
  #btnContents {
    width:50px;
    height:50px;
    background-size: 50px 50px;
    right:8px
  }
  .btnContents_AL {
    bottom:124px
  }
  .btnContents_NoAL {
    bottom:66px
  }
  #btnBackToTop {
    width:50px;
    height:50px;
    background-size: 50px 50px;
    bottom:8px;
    right:8px
  }
}
.page_header {
  margin:16px 0 8px 0;
  font-weight:400;
  font-size:1.1em;
  font-family:'ConduitITC', cursive
}
.page_header_span {
  font-size:1.1em;
  line-height:1.4em;
  font-weight:400;
  font-family:'ConduitITC', cursive
}
.page_header2 {
  font-weight:400;
  margin:16px 0 8px 0;
  font-size:1.1em;
  font-family:'ConduitITC', cursive;
  line-height:1.7em
}
.page_header_span2 {
  font-size:1.1em;
  line-height:1.6em;
  font-weight:400;
  font-family:'ConduitITC', cursive;
}
.ctrlSelect {
  font-weight:700;
  font-size:1.1em;
  font-family: ConduitITC;
  outline:0;
  outline-offset:0;
  height:1.6em;
  background-color: #fff;
  background-color: var(--ctrlSelect)
}
.ctrlOption {
  font-weight:700
}
.ctrlOptionHeader {
  font-weight:100;
  color:#707070
}
#loadWargear_button {
  font-size:1.2em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700
}
#loadWargear_bar {
  display:flex;
  align-items:center
}
h2 {
  font-size: 2em;
  margin:0px 0px 8px 0px;
  padding: 4px 0 4px 0;
  font-family: 'ConduitITC', arial;
  font-weight: 700;
  text-transform: uppercase;
  margin-block-start: 0px;
  align-items: center;
  display: flex
}
.h2_orig {
  font-size: 2em;
  margin:0px 0px 8px 0px;
  padding: 4px 0 4px 0;
  font-family: 'ConduitITC', arial;
  font-weight: 700;
  text-transform: uppercase;
  margin-block-start:0px
}
h3 {
  font-size: 1.4em;
  margin:0px 0px 4px 0px;
  font-family: 'ConduitITC', arial;
  font-weight: 700;
  text-transform: uppercase;
  margin-block-start: 0px;
  align-items: center;
  padding: 1px 8px 1px 0px;
}
h4 {
  font-size: 1.4em;
  margin:0px 0px 4px 0px;
  font-family: 'ConduitITC', arial;
  font-weight: 700;
  margin-block-start: 0px;
  align-items: center;
  display: flex
}
.font-white {
  color:#fefefe;
  color:var(--font-white)
}
.h_custom {
  font-family:'ConduitITC',arial;
  font-size:2em;
  font-weight:700
}
.hi_custom {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.4em
}
.hi_custom_red {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.4em;
  color:#a31317;
  text-align:center
}
.hi_custom_green {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.4em;
  color:#005548;
  text-align:center
}
[class~="hi_custom_red"] a:link {
  color: #a31317
}
[class~="hi_custom_red"] a:visited {
  color: #a31317
}
.hi_custom_red2 {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  color:#a31317;
  margin:10px 0 -5px 0;
}
.hi_custom_white {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.4em;
  color:#a31317;
  text-align:center
}
[class~="hi_custom_white"] a:link {
  color:#fefefe;
  color:var(--font-white)
}
[class~="hi_custom_white"] a:visited {
  color:#fefefe;
  color:var(--font-white)
}
.h_psychic {
  font-family:'ConduitITC',arial;
  font-weight:700;
  font-size:1.37em
}
.h_position {
  font-family:'ConduitITC',arial;
  font-weight:400;
  font-size:1.37em
}
.contents_header {
  color:#fefefe;
  color:var(--strat-pts-color);
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size: 1.61em;
  padding: 0px 0px 6px 6px
}
.contents {
  font-family:ConduitITC,arial;
  font-size:1.1em
}
.underl {
  border-bottom:2px solid;
  line-height:1.5em;
}
.h_relic {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.4em
}
.hi_custom_underline {
  font-family:ConduitITC, charcoal, arial black;
  font-weight:700;
  font-size:1.25em;
  border-bottom:1px solid;
  padding-bottom:5px;
  margin-bottom:5px;
  display:inline-block;
  width:100%
}
.armylist_header {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size: 20px;
  float: left;
  padding: 0px 0px 6px 6px
}
.tooltip_header {
  font-size: 1.67em;
  float: left;
  margin: 6px 0px 8px 0px;
  font-family: 'ConduitITC', arial;
  font-weight: 400;
  text-transform: uppercase
}
.tooltip_link {
  background-image: url(/wh40k10ed/img/TooltipLink.png);
  width: 18px;
  height: 18px;
  float:left;
  margin: 12px 0px 0px 3px
}
.bgGrey {
  background-color:#e0e0e0;
  background-color:var(--bkg1);
  color:#101010;
  color:var(--font-color)
}
.bgWhite {
  background-color:#fefefe;
  background-color:var(--color-bg);
  color:#101010;
  color:var(--font-color)
}
.Corner4 {
  color: #fefefe;
  color:var(--font-white)
}
[class~="Corner4"] a:link {
  color: #e9b61c
}
[class~="Corner4"] a:visited {
  color: #e9b61c
}
.Corner5 {
  color: #fefefe;
  color:var(--font-white)
}
[class~="Corner5"] a:link {
  color: #7aede1;
  color: var(--corner7-link)
}
[class~="Corner5"] a:visited {
  color: #ae8bd2;
  color: var(--corner7-visited)
}
[class~="Corner5"] .redfont {
  color: #ff7f21;
  color: var(--corner7-red)
}
.Corner6 {
  filter:invert(0);
  filter:invert(var(--corner6-inv))
}
.Corner7 {
  color:#fefefe;
  color:var(--font-white)
}
[class~="Corner7"] a:link {
  color: #7aede1;
  color: var(--corner7-link)
}
[class~="Corner7"] a:visited {
  color: #ae8bd2;
  color: var(--corner7-visited)
}
[class~="Corner7"] .redfont {
  color: #ff7f21;
  color: var(--corner7-red)
}
.Corner7_1 {
  background-image:url(/wh40k10ed/img/corners/Corner7_1.png);
  background-image:var(--corner7-1);
  width:24px;
  height:24px
}
.Corner7_2 {
  background-image:url(/wh40k10ed/img/corners/Corner7_2.png);
  background-image:var(--corner7-2);
  height:24px
}
.Corner7_3 {
  background-image:url(/wh40k10ed/img/corners/Corner7_3.png);
  background-image:var(--corner7-3);
  width:24px;
  height:24px
}
.Corner7_8 {
  background-image:url(/wh40k10ed/img/corners/Corner7_8.png);
  background-image:var(--corner7-8);
  width:24px
}
.Corner7_9 {
  background-color:#5d6260;
  background-color:var(--corner7-9)
}
.Corner7_4 {
  background-image:url(/wh40k10ed/img/corners/Corner7_4.png);
  background-image:var(--corner7-4);
  width:24px
}
.Corner7_7 {
  background-image:url(/wh40k10ed/img/corners/Corner7_7.png);
  background-image:var(--corner7-7);
  width:24px;
  height:24px
}
.Corner7_6 {
  background-image:url(/wh40k10ed/img/corners/Corner7_6.png);
  background-image:var(--corner7-6);
  height:24px
}
.Corner7_5 {
  background-image:url(/wh40k10ed/img/corners/Corner7_5.png);
  background-image:var(--corner7-5);
  width:24px;
  height:24px
}
.Corner9_1 {
  background-image:url(/wh40k10ed/img/corners/Corner9_1.png);
  background-image:var(--corner9-1);
  width:20px;
  height:20px
}
.Corner9_2 {
  background-image:url(/wh40k10ed/img/corners/Corner9_2.png);
  background-image:var(--corner9-2);
  height:20px
}
.Corner9_3 {
  background-image:url(/wh40k10ed/img/corners/Corner9_3.png);
  background-image:var(--corner9-3);
  width:20px;
  height:20px
}
.Corner9_8 {
  background-image:url(/wh40k10ed/img/corners/Corner9_8.png);
  background-image:var(--corner9-8);
  width:20px
}
.Corner9_9 {
  background-color:#5d6260;
  background-color:var(--corner9-9)
}
.Corner9_4 {
  background-image:url(/wh40k10ed/img/corners/Corner9_4.png);
  background-image:var(--corner9-4);
  width:20px
}
.Corner9_7 {
  background-image:url(/wh40k10ed/img/corners/Corner9_7.png);
  background-image:var(--corner9-7);
  width:20px;
  height:20px
}
.Corner9_6 {
  background-image:url(/wh40k10ed/img/corners/Corner9_6.png);
  background-image:var(--corner9-6);
  height:20px
}
.Corner9_5 {
  background-image:url(/wh40k10ed/img/corners/Corner9_5.png);
  background-image:var(--corner9-5);
  width:20px;
  height:20px
}
.Corner14 {
  padding:14px;
  background-color:#d0d4ce;
  background-color:var(--corner14-bg)
}
.Corner15 {
  border:1px solid #101010;
  border:1px solid var(--font-color);
  background-color:#fefefe;
  background-color:var(--corner15-bg);
  padding:14px;
  display:block
}
.Corner16 {
  padding:2px;
  background:#3c525a;
  background:var(--corner16-bg);
  display:grid;
  background:linear-gradient(-45deg, transparent 14px, #3c525a 0);
  background:linear-gradient(-45deg, transparent 14px, var(--corner16-bg) 0)
}
.Corner16_in {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #f0f0ef 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner16-bg-in) 0)
}
.Corner17 {
  color: #fefefe;
  color:var(--font-white)
}
[class~="Corner17"] a:link {
  color: #e9b61c
}
[class~="Corner17"] a:visited {
  color: #e9b61c
}
.Corner18 {
  background:#3c525a;
  background:var(--corner18-bg);
  padding:14px;
  margin-bottom:8px;
  background:linear-gradient(-45deg, transparent 14px, #3c525a 0);
  background:linear-gradient(-45deg, transparent 14px, var(--corner18-bg) 0);
  color:#fefefe;
  color:var(--font-white)
}
[class~="Corner18"] a:link {
  color: #7b9eff
}
[class~="Corner18"] a:visited {
  color: #b790c7
}
.Corner18 .wtOuterFrame {
  color:#fefefe;
  color:var(--font-color)
}
.frameDark .bkg0 {
  background-color:unset
}
.frameDark .bkg1 {
  background-color:#33393a
}
.Corner19 {
  padding:2px;
  background:#efebe5;
  background:var(--corner19-bg);
  display:grid;
  background:linear-gradient(-45deg, transparent 14px, #3c525a 0);
  background:linear-gradient(-45deg, transparent 14px, var(--corner19-bg) 0)
}
.Corner19_in {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #f0f0ef 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner19-bg-in) 0)
}
.Corner25 {
  padding:2px;
  background:#d3e9dc;
  background:var(--corner25-bg);
  display:grid;
  background:linear-gradient(-45deg, transparent 14px, #2f6a4f 0);
  background:linear-gradient(-45deg, transparent 14px, var(--corner25-bg) 0)
}
.Corner25_in {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #d3e9dc 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner25-bg-in) 0)
}
.Corner26 {
  padding:2px;
  background:#eadaec;
  background:var(--corner26-bg);
  display:grid;
  background:linear-gradient(-45deg, transparent 14px, #401b46 0);
  background:linear-gradient(-45deg, transparent 14px, var(--corner26-bg) 0)
}
.Corner26_in {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #eadaec 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner26-bg-in) 0)
}
.Corner27 {
  padding:2px;
  background:#ece9dd;
  background:var(--corner27-bg);
  display:grid;
  background:linear-gradient(-45deg, transparent 14px, #857638 0);
  background:linear-gradient(-45deg, transparent 14px, var(--corner27-bg) 0)
}
.Corner27_in {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #ece9dd 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner27-bg-in) 0)
}
.Corner28 {
  padding:2px;
  background:#950909;
  background:var(--corner28-bg);
  display:grid;
  background:linear-gradient(-45deg, transparent 14px, #857638 0);
  background:linear-gradient(-45deg, transparent 14px, var(--corner28-bg) 0)
}
.Corner28_in {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #ecdddd 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner28-bg-in) 0)
}
.Corner29 {
  padding:2px;
  background:#0b3778;
  background:var(--corner29-bg);
  display:grid;
  background:linear-gradient(-45deg, transparent 14px, #857638 0);
  background:linear-gradient(-45deg, transparent 14px, var(--corner29-bg) 0)
}
.Corner29_in {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #e1f1ff 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner29-bg-in) 0)
}
.Corner_Khorne {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #e9aca2 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner-bg-khorne) 0)
}
.Corner_Tzeentch {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #e9aca2 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner-bg-tzeentch) 0)
}
.Corner_Nurgle {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #e9aca2 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner-bg-nurgle) 0)
}
.Corner_Slaanesh {
  padding:14px;
  background:linear-gradient(315deg, transparent 13px, #e9aca2 0);
  background:linear-gradient(315deg, transparent 13px, var(--corner-bg-slaanesh) 0)
}
.Corner30 {
  border:2px solid #8a7942;
  background-image:url(/wh40k10ed/img/frame-bg1.png);
  background-image:var(--frame-bg1);
  padding:14px;
  display:block
}
.Corner31 {
  border:2px solid #8a7942;
  background-image: url(/wh40k10ed/img/frame-bg1-dark.png);
  padding:14px;
  display:block
}
.Corner32 {
  background: rgba(1, 1, 1, .85);
  padding:14px;
  display:block;
  color:#fefefe;
  color:var(--font-white)
}
.Corner33 {
  background-image:url(/wh40k10ed/img/frame-bg1.png);
  background-image:var(--frame-bg1);
  padding:14px;
  display:block
}
.redBox {
  background-color:#a31317;
  font-family: ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.4em;
  height:32px;
  text-align:center;
  vertical-align:middle;
  width:32px;
  float:left;
}
.kwb {
  line-height:0.95;
  font-family: ConduitITC, arial;
  font-size:1em;
  font-style:normal;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block
}
.kwb::first-letter {
  font-size:1.16em
}
.kwb2 {
  line-height:0.95;
  font-family: ConduitITC, arial;
  font-size:1em;
  font-style:normal;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block
}
.kwb3 {
  border-bottom:none;
  font-size:1.16em
}
.kwbs {
  line-height:0.95;
  font-family: ConduitITC, arial;
  font-size:1.10em;
  font-style:normal;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block
}
.bluefont {
  color:#2d6c83;
  color: var(--bluefont)
}
.bluefont a {
  color:#2d6c83;
  color: var(--bluefont)
}
.bluefont a:visited {
  color:#2d6c83;
  color: var(--bluefont)
}
.tableColumns3 {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.1em;
  background-color:#b8bdb6;
  color: #101010
}
.tableColumns3_transp {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.1em
}
hr {
  border-width: 0px;
  height:10px
}
.legend {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.1em
}
.cruMissionLegend {
  font-family:courier;
  padding-bottom: 8px
}
.customTable a {
  color:#0000ee
}
.tablefont {
  font-family:ConduitITC,arial;
  font-size:1.0em
}
.itc {
  font-family:ConduitITC,arial;
  font-size:1.1em
}
@media only screen and (max-width: 800px) {
  .tablefont {
    font-size:0.9em
  }
}
.Corner1 {
  color: #fefefe
}
[class~="Corner1"] a {
  color: #e9b61c
}
.Corner2 {
  color: #fefefe
}
[class~="Corner2"] a:link {
  color: #7aede1;
  color: var(--corner7-link)
}
[class~="Corner2"] a:visited {
  color: #ae8bd2;
  color: var(--corner7-visited)
}
[class~="Corner2"] .redfont {
  color: #ff7f21;
  color: var(--corner7-red)
}
.Corner3 {
  color: #fefefe
}
[class~="Corner3"] a {
  color: #7aede1
}
.logo3 {
  float:right;
  margin:0px 0px 0px 5px;
}
.unlocked {
  font-family:'ConduitITC', arial black;
  font-weight:900;
  font-size:1.2em;
  display:flex;
  text-align:left;
  border-bottom:1px solid;
  text-transform:uppercase;
  margin-block-start:0px
}
.outline_header {
  padding-top:4px;
  font-family:'ConduitITC', arial black;
  font-weight:600;
  font-size:2.8em;
  display:flex;
  text-align:left;
  text-transform:uppercase;
  margin-block-start:0px
}
@media only screen and (max-width: 800px) {
  .outline_header {
    font-size:2.4em;
  }
}
.outline_header_dice {
  padding-top:4px;
  border-bottom:3px solid;
  font-family:'ConduitITC', arial black;
  font-weight:600;
  font-size:2.8em;
  display:block;
  text-align:left;
  text-transform:uppercase;
  margin-block-start:0px;
  margin-bottom:10px;
}
@media only screen and (max-width: 800px) {
  .outline_header_dice {
    font-size:2.4em;
  }
}
.redSquare {
  list-style-image: url(/wh40k10ed/img/RedSquare.png);
  list-style-image: var(--RedSquare);
  font-family: 'ConduitITC', arial black;
  font-weight:100;
  font-size: 1.1em;
  margin-block-start:0px;
  margin-block-end:0px;
  padding-inline-start:26px
}
.redCircle {
  list-style-image: url(/wh40k10ed/img/RedCircle.png);
  list-style-image: var(--RedCircle)
}
.redSquare .kwb {
  font-family: ConduitITC, arial;
  font-size:0.9em;
  font-style:normal;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block
}
.redSquare .kwb::first-letter {
  font-size:1.17em
}
.redSquare .kwb2 {
  font-family: ConduitITC, arial;
  font-size:0.9em;
  font-style:normal;
  font-weight:bold;
  text-transform:uppercase;
  display:inline-block
}
.redSquare .kwb3 {
  font-size:1.17em
}
.redHeaderWrap {
  display:flex;
  flex-direction:row;
  align-items:center;
  padding:4px 0;
}
.redHeader {
  background-color:#a31317;
  font-size:1.54em;
  font-family:'ConduitITC', charcoal, arial black;
  font-weight:bold;
  color:#fefefe;
  color:var(--font-white)height:fit-content;
  padding:2px 6px 2px 6px;
  width:100%;
}
.redHeader a:visited {
  color:#fefefe;
  color:var(--font-white)
}
.redHeader a:link {
  color:#fefefe;
  color:var(--font-white)
}
.redHeader2 {
  border-top:3px solid #a31317;
  border-bottom:3px solid #a31317;
  font-size:1.54em;
  font-family:'ConduitITC', charcoal, arial black;
  font-weight:bold;
  height:fit-content;
  padding:2px 6px 2px 0;
  width:100%;
}
.blueHeader {
  font-size:1.1em;
  font-family:'ConduitITC', charcoal, arial black;
  font-weight:bold;
  color:#2d6c83;
  color: var(--bluefont)
}
.redHeader3 {
  padding:2px 6px 2px 6px;
  background-color:#a31317;
  font-size:1.1em;
  font-family:'ConduitITC', charcoal, arial black;
  font-weight:bold;
  color:#fefefe;
  color:var(--font-white)
}
.iconCommandPhase {
  padding-right:20px;
  background-repeat:no-repeat;
  margin-left:-25px;
  width:65px;
  height:65px;
  background-image:url(/wh40k10ed/img/expansions/CommandPhase_logo3.png)
}
.iconMovementPhase {
  padding-right:20px;
  background-repeat:no-repeat;
  margin-left:-25px;
  width:65px;
  height:65px;
  background-image:url(/wh40k10ed/img/expansions/MovementPhase_logo3.png)
}
.iconShootingPhase {
  padding-right:20px;
  background-repeat:no-repeat;
  margin-left:-25px;
  width:65px;
  height:65px;
  background-image:url(/wh40k10ed/img/expansions/ShootingPhase_logo3.png)
}
.iconChargePhase {
  padding-right:20px;
  background-repeat:no-repeat;
  margin-left:-25px;
  width:65px;
  height:65px;
  background-image:url(/wh40k10ed/img/expansions/ChargePhase_logo3.png)
}
.iconFightPhase {
  padding-right:20px;
  background-repeat:no-repeat;
  margin-left:-25px;
  width:65px;
  height:65px;
  background-image:url(/wh40k10ed/img/expansions/FightPhase_logo3.png)
}
.redDiamond {
  background-color:#a31317;
  width:30px;
  height:30px;
  margin:auto;
  margin-top:16px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:rotate(45deg)
}
.redDiamondSpan {
  background-color:#a31317;
  width:31px;
  height:31px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:rotate(45deg)
}
.greenDiamondSpan {
  background-color:#4d6057;
  width:31px;
  height:31px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:rotate(45deg)
}
.whiteDiamondSpan {
  background-color:#fefefe;
  background-color: var(--font-white);
  width:24px;
  height:24px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.redDiamond2 {
  background-color:#a31317;
  width:35px;
  height:35px;
  margin:auto;
  margin-top:-32px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:rotate(45deg);
}
.redDiamond3 {
  background-color:#a31317;
  width:35px;
  height:35px;
  margin:0 16px 0 4px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:rotate(45deg);
  float:left;
}
.redDiamondText {
  font-family:ConduitITC, arial;
  font-weight:700;
  font-size:1.4em;
  color:#fefefe;
  color:var(--font-white);
  transform:rotate(-45deg);
  margin: -1px 3px 0 0;
}
.whiteDiamondWrap {
  display:inline-block;
  position:absolute;
  margin:-3px 15px 0 15px;
}
.whiteDiamondText {
  font-family:ConduitITC, arial;
  font-weight:800;
  font-size:1.1em;
  color:#a31317;
  transform:rotate(-45deg);
  margin: -1px 1px 0 0;
}
.greenDiamondText {
  font-family:ConduitITC, arial;
  font-weight:800;
  font-size:1.1em;
  color:#4d6057;
  transform:rotate(-45deg);
  margin: -1px 1px 0 0;
}
.whiteDiamondLine {
  margin:15px 0 15px 0;
  padding:0 6px 0 6px;
  font-family:ConduitITC, arial;
  font-weight:700;
  font-size:1.2em;
  color:#fefefe;
  color:var(--font-white);
  background-color:#a31317;
}
.greenDiamondLine {
  margin:15px 0 15px 0;
  padding:0 6px 0 6px;
  font-family:ConduitITC, arial;
  font-weight:700;
  font-size:1.2em;
  color:#fefefe;
  color:var(--font-white);
  background-color:#4d6057;
}
.redDiamondText2 {
  font-family:ConduitITC, arial;
  font-weight:700;
  font-size:1.4em;
  color:#fefefe;
  color:var(--font-white);
  transform:rotate(-45deg);
  margin: -2px 4px 0 0;
}
.redDiamondText3 {
  font-family:ConduitITC, arial;
  font-weight:700;
  color:#fefefe;
  transform:rotate(-45deg);
  margin: -2px 4px 0 0;
}
.redDiamondLine {
  background-color:#a31317;
  height:2px;
  margin-top:-16px;
  margin-bottom:26px
}
.redLine {
  background-color:#a31317;
  height:2px
}
.redLineTopBottom {
  border-top:2px solid #a31317;
  border-bottom:2px solid #a31317;
  text-align:center;
  font-family: 'ConduitITC', arial black;
  font-size:1.1em;
  margin-bottom:10px;
}
.redDiamondBottomLine {
  background-color:#a31317;
  height:2px;
  margin-top:16px
}
.redDiamondLeft {
  float:left;
  padding:0 14px 10px 8px;
  margin-top:-6px;
}
.redExample {
  border-left:3px solid #a31317;
  padding-left:12px;
  font-style:italic
}
.blueDiamond3 {
  background-color:#0a506f;
  width:35px;
  height:35px;
  margin:0 16px 0 4px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:rotate(45deg);
  float:left;
}
.blueDiamondText3 {
  font-family:ConduitITC, arial;
  font-weight:700;
  color:#fefefe;
  transform:rotate(-45deg);
  margin:-2px 1px 0 0;
}
.OrText {
  position:absolute;
  left:50px;
  top:39px;
  font-family:ConduitITC, arial;
  font-weight:700;
  font-size:26px;
  color:#fefefe;
  color:var(--font-white)
}
.EnhancementsPts {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size: 1.4em;
}
ul.EnhancementsPts {
  max-width:1000px;
  padding:0;
  overflow-x:hidden;
  list-style:none
}
ul.EnhancementsPts li:before {
  float:left;
  width:0;
  white-space:nowrap;
  content:". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "
}
ul.EnhancementsPts span:first-child {
  padding-right:0.26em;
  background:#fff;
  background:var(--bg-color)
}
ul.EnhancementsPts span + span {
  float:right;
  padding-left:0.2em;
  background:#fff;
  background:var(--bg-color)
}
.EnhancementsPtsBottom {
  padding-bottom:8px
}
.mission_header2 {
  font-family: 'ConduitITC', arial black;
  font-size: 1.57em;
  text-transform: uppercase;
  margin-bottom: -6px;
}
@media only screen and (max-width: 800px) {
  .mission_header2 {
    font-size: 1.34em;
    margin-bottom: -8px;
  }
}
p {
  margin:0 0 5px 0;
  padding:0
}
a {
  text-decoration: none
}
a:hover {
  text-decoration: underline
}
a:link {
  color: #255eff;
  color: var(--a-color)
}
a:visited {
  color: #7d25ce;
  color: var(--a-visited)
}
.WarningSign {
  background-image: url(/wh40k10ed/img/HeresyStump.png);
  background-repeat: no-repeat;
  height:192px;
  width:192px;
  position:absolute;
  top: -10px;
  left: 767px;
}
.WarningText {
  padding: 18px 160px 18px 100px;
  margin: 10px;
  font-family: times new roman, sans-serif;
  font-size: 20px;
  position: relative;
}
.selectionWarning {
  display:none;
  background-color:#d0d4ce;
  padding:14px;
  background:linear-gradient(-135deg, transparent 14px, #d0d4ce 0);
  margin:14px;
  max-width:400px;
  color:#000
}
.selectionWarning_visible {
  background-color:#d0d4ce;
  padding:14px;
  background:linear-gradient(-135deg, transparent 14px, #d0d4ce 0);
  margin:14px;
  max-width:450px;
  color:#000
}
[class~="selectionWarning"] a {
  color: #255eff
}
[class~="selectionWarning_visible"] a {
  color: #255eff
}
.WahapediaWarningSign {
  background-image: url(/img/Wahapedia_logo3.png);
  padding:0 10px 10px 0;
  background-repeat: no-repeat;
  height:40px;
  width:40px;
  float: left;
}
.WahapediaSmallSign {
  background-image: url(/img/Wahapedia_logo2.png);
  padding:0 4px 4px 0;
  background-repeat: no-repeat;
  height:17px;
  width:17px;
  float: left;
}
.terrHeader2 {
  border-bottom: 2px solid #000000;
  border-bottom: 2px solid var(--font-color);
}
.terrLegend {
  font-style:italic;
  font-family:'ConduitITC', arial black;
}
.terrHeader {
  margin-top:-1px;
  padding:0 6px 0 6px;
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  background-color:#39525b;
  border-bottom:1px solid #000000;
  color:#fefefe;
  color:var(--font-white);
}
.terrRule {
  padding:6px;
  border-bottom:1px dotted #000000;
  border-bottom:1px dotted var(--font-color)
}
.terrRuleUp {
  padding:6px;
  border-bottom:1px dotted #000000;
  border-bottom:1px dotted var(--font-color);
  border-top:1px dotted #000000;
  border-top:1px dotted var(--font-color)
}
.terrKeyword {
  font-size:1.1em;
}
.detachName {
  position:relative;
  top:-4px;
  font-size:1.1em;
  text-transform:uppercase;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  opacity:0.6;
}
.abWrap {
  border-bottom:3px solid #a31317;
  margin-left:30px;
  margin-bottom:16px
}
.abFlex {
  display:flex;
  justify-content:flex-start;
  align-items:center;
}
.abNameWrap {
  display:flex;
  flex-grow:1;
  margin-left:-11px;
}
.abName {
  flex-grow:4;
  margin-left:10px;
  background-color:#a31317;
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  padding:0 10px 0 6px;
  color:#fefefe;
  color:var(--font-white);
  line-height:normal;
}
.abDiamondWrap {
  width:80px;
  margin-left:-54px;
  margin-top:3px;
}
.abDiamond {
  background:var(--bg-color);
  border:3px solid #a31317;
  width:40px;
  height:40px;
  margin:auto;
  margin-top:0px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:rotate(45deg)
}
.abIcon {
  width:33px;
  height:33px;
  background-image:url(/wh40k10ed/img/stratAbility.png);
  transform:rotate(-45deg)
}
.abLine {
  width:20px;
  height:3px;
  border-bottom:3px solid #a31317;
  margin-left:-12px;
}
.str10Wrap {
  margin:0 0 16px 3px;
  position:relative;
}
.str10ColorEither {
  color:#22796c
}
.str10ColorYour {
  color:#096691
}
.str10ColorEnemy {
  color:#bf0d12
}
.bak10ColorEither {
  background-color:#22796c;
  margin:4px 15px 4px 15px;
  padding:4px;
  border-radius:6px;
}
.bak10ColorYour {
  background-color:#096691;
  margin:4px 30px 4px 0;
  padding:4px;
  border-radius:6px;
}
.bak10ColorEnemy {
  background-color:#bf0d12;
  margin:4px 0 4px 30px;
  padding:4px;
  border-radius:6px;
}
.str10Name {
  margin-left:69px;
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  color:inherit;
  line-height:normal;
}
.str10CP {
  font-size:1.4em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  color:inherit;
  transform:rotate(-45deg)
}
.str10Type {
  text-transform:uppercase;
  color:#000;
  color:var(--font-color);
  font-size:0.9em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
}
.str10Legend {
  color:#000;
  color:var(--font-color);
  font-style:italic;
  font-family:ConduitITC,charcoal,arial black;
}
.str10BColor {
  font-weight:bold;
  color:inherit
}
.str10Text {
  color:#000;
  color:var(--font-color);
  font-family:ConduitITC,charcoal,arial black;
}
.str10Line {
  margin:6px 0 6px 0;
  height:2px;
  border-bottom:2px dotted #101010;
  border-bottom:2px dotted var(--font-color);
}
.str10Pos2 {
  margin-top:20px;
}
.str10DiamondWrap {
  width:45px;
  display:flex;
  flex-direction:column;
  margin-left:-63px;
  margin-top:-32px;
  position:absolute;
}
.str10Diamond {
  background:var(--bg-color);
  border:3px solid;
  width:40px;
  height:40px;
  margin:auto;
  margin-top:0px;
  display:flex;
  justify-content:center;
  align-items:center;
  transform:rotate(45deg)
}
.str10Any {
  margin:-2px 0 0 0;
  width:33px;
  height:33px;
  background-image:url(/wh40k10ed/img/stratAny.png);
  transform:rotate(-45deg)
}
.str10Fight {
  margin:-2px 2px 0 0;
  width:33px;
  height:33px;
  background-image:url(/wh40k10ed/img/stratFight.png);
  transform:rotate(-45deg)
}
.str10Charge {
  margin:-6px 6px 0 0;
  width:33px;
  height:33px;
  background-image:url(/wh40k10ed/img/stratCharge.png);
  transform:rotate(-45deg)
}
.str10Shooting {
  margin:-2px 2px 0 0;
  width:33px;
  height:33px;
  background-image:url(/wh40k10ed/img/stratShooting.png);
  transform:rotate(-45deg)
}
.str10Movement {
  margin:-3px 3px 0 0;
  width:33px;
  height:33px;
  background-image:url(/wh40k10ed/img/stratMovement.png);
  transform:rotate(-45deg)
}
.str10Command {
  margin:-2px 2px 0 0;
  width:33px;
  height:33px;
  background-image:url(/wh40k10ed/img/stratCommand.png);
  transform:rotate(-45deg)
}
.str10ConvEither {
  filter: invert(40%%) sepia(12%%) saturate(2210%%) hue-rotate(121deg) brightness(94%%) contrast(88%%);
}
.str10ConvYour {
  filter: invert(23%%) sepia(88%%) saturate(2002%%) hue-rotate(179deg) brightness(87%%) contrast(93%%);
}
.str10ConvEnemy {
  invert(10%%) sepia(76%%) saturate(6071%%) hue-rotate(352deg) brightness(102%%) contrast(99%%);
}
.str10Border {
  margin-top:3px;
  border-top:3px solid;
  border-left:28px solid;
  margin-left:16px;
  padding:8px 0 0 26px;
}
.s10Wrap {
  display:flex;
  flex-direction:row;
  color:#fefefe;
  color:var(--font-white);
  font-family:ConduitITC,charcoal,arial black;
}
.s10Images {
  display:flex;
  flex-direction:column;
  padding:4px
}
.s10NameWrap {
  display:flex;
  flex-direction:column;
}
.s10NameWrapCP {
  display:flex;
  flex-direction:row;
  align-items:baseline;
}
.s10Name {
  padding-right:4px;
  font-size:1.1em;
  font-weight:bold;
  line-height:normal;
}
.s10Type {
  text-transform:uppercase;
  font-size:0.81em;
  font-weight:bold;
  padding-top:2px;
}
.s10Core {
  font-size:1.2em;
  font-weight:bold;
  padding: 0px 6px 0px 6px;
  background-color:#fefefe;
  background-color:var(--font-white);
  margin-left: auto;
  margin-top:auto;
  margin-bottom:auto;
  margin-right:-4px;
}
.s10Logo {
  height:17px;
  width:17px;
  filter:invert(0);
  filter:invert(var(--pic-inv))
}
.s10Top4 {
  margin-top:4px;
}
.AnyPhase_logo {
  background-image:url(/wh40k10ed/img/expansions/AnyPhase_logo2.png)
}
.ChargePhase_logo {
  background-image:url(/wh40k10ed/img/expansions/ChargePhase_logo2.png)
}
.CommandPhase_logo {
  background-image:url(/wh40k10ed/img/expansions/CommandPhase_logo2.png)
}
.ShootingPhase_logo {
  background-image:url(/wh40k10ed/img/expansions/ShootingPhase_logo2.png)
}
.MovementPhase_logo {
  background-image:url(/wh40k10ed/img/expansions/MovementPhase_logo2.png)
}
.FightPhase_logo {
  background-image:url(/wh40k10ed/img/expansions/FightPhase_logo2.png)
}
.s10EnhWrap {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin:4px 0 4px 0;
}
.stratPts {
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold
}
.stratPts_Vet {
  width:28px;
  height:28px;
  background-image:url(/wh40k10ed/img/MissionVeteranStratagem.png)
}
.stratName {
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  text-align: center
}
.stratFaction {
  padding:0;
  font-weight:bold;
  font-style:italic;
  text-align: center
}
.stratLegend {
  padding:0 0 6px 0;
  font-style:italic;
  text-align: center
}
.stratLegend2 {
  padding:8px;
  text-align:center;
  font-style:italic;
  margin-bottom:10px;
  border-bottom:2px dotted #101010;
  border-bottom:2px dotted var(--font-color);
}
.stratWrapper_CS {
  margin:0px 4px 16px 4px
}
.stratWrapper_CA {
  margin: 0px 4px 10px 4px;
  border-bottom:1px dotted;
  padding-bottom:10px;
}
.stratName_CS {
  width:100%;
  align-items:center;
  margin-bottom:6px;
  border-bottom:2px solid;
  line-height:normal;
  font-size:1.4em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  display:flex;
  justify-content:space-between
}
.stratName_BG {
  width:100%;
  align-items:center;
  margin-bottom:6px;
  border-bottom:2px solid;
  line-height:normal;
  font-size:1.4em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
}
.stratName_CR {
  width:100%;
  align-items:center;
  margin-bottom:6px;
  line-height:normal;
  font-size:1.4em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  display:flex;
  justify-content:space-between
}
.stratFaction_CS {
  font-weight:bold;
  font-style:italic;
  margin:6px 0 6px 0
}
.stratAgenda {
  margin-left:-4px;
  border-left:2px solid;
  padding-left:6px;
}
.stratAwakeningAgenda {
  padding: 2px 8px 2px 8px;
  margin-bottom:10px;
  background-color:#245335;
  font-size:1.1em;
  font-weight:bold;
  color:#fefefe;
  color:var(--font-white);
  font-family:ConduitITC,charcoal,arial black;
}
.stratReq {
  padding-top:3px;
  padding-bottom:3px;
}
.stratName_MO {
  margin-bottom:6px;
  font-size:1.4em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  color:#fefefe;
  color:var(--font-white);
  background-color:#422b4c;
  padding:2px 8px 2px 8px;
}
.stratMO {
  border-bottom:1px dotted;
  margin-bottom:5px;
  padding-bottom:5px;
  font-style:italic;
  font-family:'ConduitITC', arial black;
  font-size:1.15em;
}
}
.stratName_9k {
  padding:0 8px 0 4px;
  color:#fefefe;
  color:var(--font-white);
  line-height:normal;
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  display:flex;
  justify-content:space-between
}
.stratBattleTactic {
  background:linear-gradient(315deg, transparent 8px, #294a67 0)
}
.stratEpicDeed {
  background:linear-gradient(315deg, transparent 8px, #673d29 0)
}
.stratRequisition {
  background:linear-gradient(315deg, transparent 8px, #ba2617 0)
}
.stratStrategicPloy {
  background:linear-gradient(315deg, transparent 8px, #246656 0)
}
.stratWargear {
  background:linear-gradient(315deg, transparent 8px, #626869 0)
}
.cgHeadType {
  padding:8px;
  border-radius:0.5em 0.5em 0 0;
}
.cgHeader {
  color:#fefefe;
  color:var(--font-white);
  text-align:center;
  font-size:1.67em;
  font-family: 'ConduitITC', arial;
  font-weight:700;
  text-transform: uppercase;
  margin-block-start:0px
}
.cgType {
  color:#b6a46e;
  text-align:center;
  font-family:'ConduitITC', arial black;
  font-weight:bold;
  font-size:1.2em;
  text-transform:uppercase
}
.cgText {
  margin-bottom:8px;
  padding:0 8px 8px 8px
}
.cgTextPNFlex {
  display:flex;
  flex-direction:column
}
#cgStart {
  font-family: 'ConduitITC', arial black;
  font-weight:bold;
  font-size: 1.57em;
  border: 1px solid;
  border-radius: 0.3em;
  text-align:center;
  padding:3px;
  margin: 20px;
  cursor:pointer;
  user-select:none;
  color:#fff;
  color:var(--bg-color);
  background-color:#000;
  background-color:var(--font-color);
}
#cgStart:hover {
  background-color:#fff;
  background-color:var(--bg-color);
  color:#000;
  color:var(--font-color);
}
.cgDone {
  width:80px;
  font-family:'ConduitITC', arial black;
  font-weight:bold;
  font-size:1.2em;
  border:2px solid;
  border-radius:0.3em;
  text-align:center;
  padding:3px 6px 3px 6px;
  cursor:pointer;
  user-select:none;
  color:#101010;
  background-color:#ffff00;
  position:relative;
}
.cgDone:hover {
  background-color:#101010;
  color:#ffff00;
}
.cgCard {
  position:relative;
  margin:14px 8px 8px 8px;
  font-family:'ConduitITC', arial;
  background-color:#e5e0d1;
  background-color:var(--cg-card);
  border-radius:0.5em;
  flex-direction:column;
  width:316px;
}
.cgCardPN {
  position:relative;
  margin:14px 8px 8px 8px;
  font-family:'ConduitITC', arial;
  background-color:#e5e0d1;
  background-color:var(--cg-card);
  border-radius:0.5em;
  flex-direction:column;
  width:484px;
}
.cgCardLCA {
  font-family:'ConduitITC', arial;
  background-color:#e5e0d1;
  background-color:var(--cg-card);
  border-radius:0.5em;
  flex-direction:column;
}
.cgCard_pad {
  padding: 7px 0 7px 0
}
.LCA_Drop {
  width:145px;
  display:inline-block;
  text-align:right;
}
@media only screen and (max-width: 532px) {
  .LCA_Drop {
    text-align:left
  }
}
.LCA_DropW {
  width:210px;
}
.LCA_header {
  color:#fefefe;
  color:var(--font-white);
  font-size:2em;
  margin:0px 0px 8px 0px;
  padding:4px 0 4px 8px;
  font-family:'ConduitITC', arial;
  margin-block-start:0px;
}
.LCA_header_1 {
  background-color:#4f4f4f
}
.LCA_header_A {
  background-color:#3e0602
}
.LCA_header_D {
  background-color:#0e3c25
}
#LCA_SecondaryMission {
  height:662px
}
#LCA_SecondaryMission2 {
  height:662px
}
@media only screen and (max-width: 800px) {
  .cgCardSM {
    height:auto
  }
  #TW_SecondaryMission {
    height:auto
  }
  #TW_SecondaryMission2 {
    height:auto
  }
}
.cgLine {
  border-bottom: 2px groove #000000;
  border-bottom: 2px groove var(--font-color);
  margin: 0 0 10px 0;
}
#cgLeft {
  font-weight:normal;
  margin-left:10px;
  font-size:0.9em
}
#cgLeft2 {
  font-weight:normal;
  margin-left:10px;
  font-size:0.9em
}
.hDlt {
  background-color:#140801
}
.hSec {
  background-color:#3e0602
}
.hSec_D {
  background-color:#0e3c25
}
.hGam {
  background-color:#5f0000
}
.hGam_D {
  background-color:#145840
}
.btnImg {
  height: 26px;
  margin-bottom:-8px;
}
.lcaWhen {
  background-color:#2f7686;
  color:#fefefe;
  font-weight:bold;
  color:var(--font-white);
  font-size:1.1em;
  text-align:center;
  margin-bottom:6px;
}
.lcaNote {
  color:#a31317;
  color:var(--redfont)
}
.lcaFixedMission {
  width:24px;
  height:32px;
  background-image:url(/wh40k10ed/img/FixedMission.png);
  float:left;
  margin-top:6px;
  padding:0 12px 6px 0;
  filter:invert(0);
  filter:invert(var(--img-inv));
  background-repeat:no-repeat;
}
.lcaFixedControls {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
.pnWhen {
  display:flex;
  justify-content:space-between;
  padding:3px 9px 3px 9px;
  text-transform:uppercase;
  background-color:#0a506f;
  color:#fefefe;
  font-weight:bold;
  color:var(--font-white);
  margin: 13px 0 13px 0;
}
.pnWhen_A {
  display:flex;
  justify-content:space-between;
  padding:3px 9px 3px 9px;
  text-transform:uppercase;
  background-color:#3e0602;
  color:#fefefe;
  font-weight:bold;
  color:var(--font-white);
  margin: 13px 0 13px 0;
}
.pnWhen_D {
  display:flex;
  justify-content:space-between;
  padding:3px 9px 3px 9px;
  text-transform:uppercase;
  background-color:#0e3c25;
  color:#fefefe;
  font-weight:bold;
  color:var(--font-white);
  margin: 13px 0 13px 0;
}
.pnWhenOR {
  padding:3px 9px 3px 9px;
  text-transform:uppercase;
  background-color:#576b74;
  color:#fefefe;
  font-weight:bold;
  color:var(--font-white);
  text-align:center;
  margin-bottom:6px;
}
.pnActionWrapTop {
  height:0;
  padding-right:10px
}
.pnActionWrap_ATop {
  height:0;
  padding-right:10px
}
.pnActionWrap_DTop {
  height:0;
  padding-right:10px
}
.pnActionWrap {
  border:2px solid #fefefe;
  border:2px solid var(--pn-action);
  background-color:#0a506f;
  width:30px;
  height:30px;
  transform:rotate(45deg);
  margin-top:-6px
}
.pnActionWrap_A {
  border:2px solid #fefefe;
  border:2px solid var(--pn-action);
  background-color:#3e0602;
  width:30px;
  height:30px;
  transform:rotate(45deg);
  margin-top:-6px
}
.pnActionWrap_D {
  border:2px solid #fefefe;
  border:2px solid var(--pn-action);
  background-color:#0e3c25;
  width:30px;
  height:30px;
  transform:rotate(45deg);
  margin-top:-6px
}
.pnAction {
  transform:rotate(-45deg);
  margin-left:5px;
  margin-top:-2px
}
.pnVP {
  font-size:1.2em;
  font-weight:bold
}
.pnPlus {
  color:#fefefe;
  color:var(--font-white);
  width:26px;
  height:26px;
  background-color:#752b2b;
  padding:4px;
  text-align:center;
  font-weight:bold;
  font-size:1.2em;
}
.pnPlus_D {
  color:#fefefe;
  color:var(--font-white);
  width:26px;
  height:26px;
  background-color:#2b7539;
  padding:4px;
  text-align:center;
  font-weight:bold;
  font-size:1.2em;
}
.pnFixedMission {
  width:24px;
  height:32px;
  background-image:url(/wh40k10ed/img/FixedMission.png);
  margin:12px 0 0 6px;
  filter:invert(0);
  filter:invert(var(--img-inv));
  background-repeat:no-repeat;
}
.pnColorA {
  color:#bf0d12
}
.pnColorD {
  color:#117d47
}
.cgCardSet {
  display:flex;
  flex-wrap:wrap;
  justify-content:left;
}
.cgReshuffle {
  user-select:none;
  cursor:pointer;
  top:-12px;
  left:12px;
  position:absolute;
  width:36px;
  height:36px;
  background-image:url(/wh40k10ed/img/cgReshuffle.png)
}
.cgDiscard {
  user-select:none;
  cursor:pointer;
  top:-12px;
  right:12px;
  position:absolute;
  width:35px;
  height:36px;
  background-image:url(/wh40k10ed/img/cgDiscard.png)
}
.cgReject {
  user-select:none;
  cursor:pointer;
  top:-12px;
  left:12px;
  position:absolute;
  width:35px;
  height:36px;
  background-image:url(/wh40k10ed/img/cgReject.png)
}
.cgShowHide {
  user-select:none;
  cursor:pointer;
  top:-12px;
  left:12px;
  position:absolute;
  width:36px;
  height:36px;
  background-image:url(/wh40k10ed/img/cgShowHide.png)
}
.cgPick {
  user-select:none;
  cursor:pointer;
  top:-12px;
  left:12px;
  position:absolute;
  width:35px;
  height:36px;
  background-image:url(/wh40k10ed/img/cgPick.png)
}
.cgUnderButton {
  user-select:none;
  top:-16px;
  left:8px;
  position:absolute;
  width:43px;
  height:44px;
  border-radius:50%;
  background-color:#fff;
  background-color:var(--bg-color);
}
.cgUnderButtonRight {
  user-select:none;
  top:-16px;
  right:8px;
  position:absolute;
  width:43px;
  height:44px;
  border-radius:50%;
  background-color:#fff;
  background-color:var(--bg-color);
}
.cgDraw_Button {
  font-family:'ConduitITC', arial;
  font-size:2.5em;
  font-weight:700;
  background-color:#e5e0d1;
  background-color:var(--cg-card);
  border-radius:0.5em;
  width:316px;
  min-height:250px;
  border:7px dashed;
  opacity:0.5;
  user-select:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.cgDraw_Button:hover {
  opacity:1
}
.cgDrawPN_Button {
  flex-direction:column;
  font-family:'ConduitITC', arial;
  font-size:2.5em;
  font-weight:700;
  background-color:#e5e0d1;
  background-color:var(--cg-card);
  border-radius:0.5em;
  width:470px;
  min-height:280px;
  border:7px dashed;
  opacity:0.5;
  user-select:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:8px;
}
.cgDrawPN_Button:hover {
  opacity:1
}
.btnDrawComment {
  text-align:center;
  font-size:0.6em;
  font-weight:100;
  padding:0 20px 20px 20px;
}
.Card3D {
  perspective: 1000px;
  transform-style: preserve-3d;
  display:table
}
.animDiscard {
  animation: animDiscardKey 0.25s ease-out
}
@keyframes animDiscardKey {
  0% {
    transform: rotateY(0deg)
  }
  100% {
    transform: rotateY(90deg)
  }
}
.animReshuffle {
  animation: animReshuffleKey 0.25s ease-in
}
@keyframes animReshuffleKey {
  0% {
    transform: rotateY(-90deg)
  }
  100% {
    transform: rotateY(0deg)
  }
}
.cgMissionName {
  padding:8px 0 8px 0;
  font-family:ConduitITC,charcoal,arial black;
  font-size:1.2em;
  display:inline-block;
  font-weight:700
}
.cgSwitch {
  top:-3px;
  position: relative;
  display: inline-block;
  width:48px;
  height:28px;
}
.cgSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cgSlider {
  position: absolute;
  cursor: pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  -webkit-transition:.1s;
  transition:.1s;
}
.cgSlider:before {
  position: absolute;
  content: "";
  height:20px;
  width:20px;
  left:2px;
  bottom:2px;
  background-color:#101010;
  background-color:var(--font-color);
  -webkit-transition:.1s;
  transition:.1s;
}
input:checked + .cgSlider {
}
input:focus + .cgSlider {
}
input:checked + .cgSlider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.cgSlider.cgRound {
  border-radius: 28px;
  border:2px solid #101010;
  border:2px solid var(--font-color);
}
.cgSlider.cgRound:before {
  border-radius: 50%;
}
.faq {
  margin:8px 0 8px 0
}
.faq_Q {
  padding: 0 5px 0 5px;
  font-family:times new roman, serif;
  font-size:1em;
  font-style:italic;
  font-weight:bold
}
.faq_Q_line {
  background-color:#dee2e1;
  background-color:var(--faq-bg)
}
.faq_A {
  padding: 0 5px 0 5px;
  font-family:times new roman, serif;
  font-size:1em;
  font-weight:bold;
  color:#a31317;
  color:var(--first-letter)
}
.detachHeader {
  display:flex;
  justify-content:space-between
}
.detachDescr {
  width:300px;
  border-right:1px solid #3c525a;
  float:left;
  padding-right:8px
}
.detachDescrW {
  width:691px;
  border-right:1px solid #3c525a;
  float:left;
  padding-right:8px
}
.detachDescrS {
  width:452px;
  border-right:1px solid #3c525a;
  float:left;
  padding-right:8px
}
.detachDescr100 {
  width:100%;
  border-bottom:1px solid #3c525a;
  padding-bottom:8px
}
.detachShowMobile {
  display:none
}
.detachShowShort {
  padding-top:6px;
  display:none;
  font-size:1.2em;
  font-family:ConduitITC,charcoal,arial black;
}
.detachHideShort {
  display:inline-block
}
.detachHideShort2 {
  display:inline-block;
  width:952px;
}
@media only screen and (max-width: 532px) {
  .detachHideShort {
    display:none
  }
  .detachShowShort {
    display:block
  }
  .detachHideShort2 {
    display:none
  }
}
@media only screen and (max-width: 800px) {
  .detachShowMobile {
    display:block
  }
  .detachHideMobile {
    display:none
  }
  .detachHideShort2 {
    width:100%
  }
  .detachDescr {
    width:100%;
    border-right:0px;
    border-bottom:1px solid #3c525a;
    float:none;
    padding-right:0px;
    padding-bottom:8px
  }
  .detachDescrW {
    width:100%;
    border-right:0px;
    border-bottom:1px solid #3c525a;
    float:none;
    padding-right:0px;
    padding-bottom:8px
  }
  .detachDescrS {
    width:100%;
    border-right:0px;
    border-bottom:1px solid #3c525a;
    float:none;
    padding-right:0px;
    padding-bottom:8px
  }
}
.detachLine {
  margin:5px 0;
  border-bottom:1px solid #000000;
  border-bottom:1px solid var(--font-color)
}
.dbrWrapper {
  border: 1px dashed #555555;
  color:var(--DiargamBattleRound-color);
  background:var(--DiargamBattleRound-bg)
}
.DiargamBattleRound {
  color: #555555;
  color:var(--DiargamBattleRound-color);
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  ;
  font-size:1.67em;
  padding:4px
}
.DiagramName1 {
  font-family:ConduitITC;
  font-weight:400;
  font-size:1.37em;
  margin-bottom:6px;
  border-bottom: 1px solid #fefefe;
  border-bottom: 1px solid var(--font-white)
}
.DiagramBox1 {
  width:458px;
  padding:10px;
  margin:10px;
  color:#fefefe;
  color:var(--font-white)
}
.DiagramFrame {
  display:table;
  width:100%
}
.diagram_neutral {
  background:linear-gradient(225deg, transparent 10px, #6f7d7b 0);
  background:linear-gradient(225deg, transparent 10px, var(--diag-neutral) 0)
}
.diagram_enemy {
  background:linear-gradient(225deg, transparent 10px, #743f31 0);
  background:linear-gradient(225deg, transparent 10px, var(--diag-enemy) 0)
}
.diagram_yours {
  background:linear-gradient(225deg, transparent 10px, #417060 0);
  background:linear-gradient(225deg, transparent 10px, var(--diag-your) 0)
}
.cruSMBack {
  display:flex;
  justify-content:space-between;
  position:relative;
  color:#fefefe;
  color:var(--font-white);
  background-color:#000000;
  padding:2px 10px 2px 10px;
}
.cgHPUnderButton_wrap {
  position:unset;
  float:left;
  color:#fefefe;
  color:var(--font-white);
}
.cgHPUnderButton {
  display:inline-block;
  right:179px;
  top:-14px;
  position:absolute;
  width:64px;
  height:64px;
  border-radius:50%;
  background-color:#fff;
  background-color:var(--bg-color);
}
.cruHonourPoints {
  display:inline-block;
  width:64px;
  height:64px;
  background-image:url(/wh40k10ed/img/cruHonourPoints.png);
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.cruHonourPointsNEC {
  display:inline-block;
  width:64px;
  height:64px;
  background-image:url(/wh40k10ed/img/BlackStone.png);
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.cruHonourPointsPariah1 {
  display:inline-block;
  width:64px;
  height:64px;
  background-image:url(/wh40k10ed/img/PariahPoints1.png)
}
.cruHonourPointsPariah2 {
  display:inline-block;
  width:64px;
  height:64px;
  background-image:url(/wh40k10ed/img/PariahPoints2.png)
}
.cruHonourPointsPariah3 {
  display:inline-block;
  width:64px;
  height:64px;
  background-image:url(/wh40k10ed/img/PariahPoints3.png)
}
.cruHonourNumber {
  position:relative;
  right:-17px;
  top:15px;
  text-align:center;
  width:30px;
}
.cruHonourNumberNEC {
  position:relative;
  right:-17px;
  top:27px;
  text-align:center;
  width:30px;
  color:#101010;
}
.cruHonourNumberORK {
  position:relative;
  right:-17px;
  top:27px;
  text-align:center;
  width:30px;
  color:#ffffff;
}
.cruBiogenesis {
  font-size:0.75em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:100
}
.cruName {
  display:inline-block;
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold
}
.cruThinName {
  float:right;
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:normal
}
.cruThinName_long {
  display:inline-block
}
.cruThinName_short {
  display:none
}
@media only screen and (max-width: 800px) {
  .cgHPUnderButton {
    right:97px;
    top:-16px;
  }
  .cruThinName_long {
    display:none
  }
  .cruThinName_short {
    display:inline-block
  }
  .cruHonourNumber {
    right:-19px;
    top:18px;
    width:26px;
  }
}
.cruMissionHeader {
  text-transform:uppercase;
  margin-bottom:-11px;
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  border-bottom:2px solid;
}
.cruHeaderD6 {
  padding:4px 6px;
  float:right;
  margin:-10px 0px 3px 10px;
  border-radius:0.2em;
  color:#fefefe;
  color:var(--font-white);
  font-size:1.4em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold
}
.padLeft8 {
  padding-left:8px
}
.cruD6wrap {
  padding:3px 0 6px 8px;
  width:40px;
  display:flex;
  justify-content:space-between;
}
.cruD6wrap2 {
  padding:3px 0 6px 8px;
  width:58px;
  display:flex;
  justify-content:space-between;
}
.cruD6wrap3 {
  padding:3px 0 6px 8px;
  width:87px;
  display:flex;
  justify-content:space-between;
}
.cruD1 {
  background-repeat:no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(/wh40k10ed/img/cruD1.png);
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.cruD2 {
  background-repeat:no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(/wh40k10ed/img/cruD2.png);
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.cruD3 {
  background-repeat:no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(/wh40k10ed/img/cruD3.png);
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.cruD4 {
  background-repeat:no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(/wh40k10ed/img/cruD4.png);
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.cruD5 {
  background-repeat:no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(/wh40k10ed/img/cruD5.png);
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.cruD6 {
  background-repeat:no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(/wh40k10ed/img/cruD6.png);
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.cruOR_wrap {
  padding:8px 0 8px 0
}
.AS_Acts {
  background:#000000;
  color:#fefefe;
  color:var(--font-white);
  font-family:'Germania', arial;
  font-size:1.4em;
  padding:2px 4px 2px 4px;
}
.AS_Reward {
  background:#8d0008;
  color:#fefefe;
  color:var(--font-white);
  font-family:'Germania', arial;
  font-size:1.4em;
  padding:2px 4px 2px 4px;
}
.cruORtarget_wrap {
  margin:-8px 0 8px 0;
}
.cruOR {
  color:#fefefe;
  color:var(--font-white);
  font-size:1.2em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  background:#000000;
  position:relative;
  width:150px;
  height:30px;
  margin:auto;
  padding-top:5px;
  text-align:center;
}
.cruOR::before {
  content:'';
  position:absolute;
  left:-64px;
  top: 14px;
  border:4px solid transparent;
  border-right:60px solid #000000;
}
.cruOR::after {
  content:'';
  position:absolute;
  right:-64px;
  top: 14px;
  border:4px solid transparent;
  border-left:60px solid #000000;
}
.cruSMHonour {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.cruOR_NE_wrap {
  padding:10px;
  margin:auto;
}
.cruOR_NE_1 {
  width:50px;
  height:50px;
  background-color:#245335;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.cruOR_NE_2 {
  width:46px;
  height:46px;
  background-color:#fefefe;
  background-color:var(--font-white);
  border-radius:50%;
  position:absolute;
}
.cruOR_NE_3 {
  position:absolute;
  font-family:ConduitITC,charcoal,arial black;
  font-size:25px;
  font-weight:bold;
  color:#245335;
}
.cruOR_NE_w {
  max-width:448px;
}
.seeDiag {
  color:#fefefe;
  color:var(--font-white);
  background-color:#206258;
  padding:2px
}
.tauCrWrap {
  display:inline-block;
  float:right;
  margin-top:6px
}
.tauCrDP {
  display:inline-block;
  height:14px;
  width:36px;
  margin-right:4px;
  background:#12513f;
  border-radius:3px;
  border:1px solid #101010;
  border:1px solid var(--font-color)
}
.tauCrDP_ {
  display:inline-block;
  height:14px;
  width:36px;
  margin-right:4px;
  border-radius:3px;
  border:1px solid #101010;
  border:1px solid var(--font-color)
}
.tauCrMP {
  display:inline-block;
  height:14px;
  width:36px;
  margin-right:4px;
  background:#ad1b1c;
  border-radius:3px;
  border:1px solid #101010;
  border:1px solid var(--font-color)
}
.tauCrMP_ {
  display:inline-block;
  height:14px;
  width:36px;
  margin-right:4px;
  border-radius:3px;
  border:1px solid #101010;
  border:1px solid var(--font-color)
}
.AdM_img {
  float:left;
  padding:6px 16px 6px 0;
}
@media only screen and (max-width: 800px) {
  .cruOR_NE_w {
    max-width:unset;
  }
}
.float_left {
  float:left
}
@media only screen and (max-width: 800px) {
  .float_left {
    float:none
  }
  .DiagramBox1 {
    width:400px;
    padding:8px;
    margin:8px;
  }
  .DiagramBox1 p {
    margin:0
  }
}
@media only screen and (max-width: 532px)  {
  .DiagramBox1 {
    width:275px;
    padding:6px;
    margin:6px;
  }
  .cruD6wrap {
    width:24px;
  }
  .cruHeaderD6 {
    display:none
  }
}
.float_right {
  float:right
}
.float_center {
  display:flex;
  justify-content:center;
  align-items:center
}
.flex_left {
  display:flex;
  justify-content:left;
  align-items:center
}
.cp10Name {
  font-size:1.54em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  color:inherit;
  line-height:normal;
  padding:4px;
}
.cp10Border {
  border:2px solid
}
.cpHeader {
  font-size:1.2em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  color:inherit;
  border-width:2px 0;
  border-color:inherit;
  border-style:solid;
  padding: 2px 6px 2px 6px;
}
.cpLine {
  border-top:2px solid;
  margin:16px 0
}
.cpWhen {
  font-family:ConduitITC,charcoal,arial black;
  background-color:#bdc1be;
  background-color:var(--cp-grey);
  color:#101010;
  font-weight:bold;
  font-size:1.1em;
  text-align:center;
  margin-bottom:6px;
}
.stratName_CP {
  margin-bottom:6px;
  font-size:1.4em;
  font-family:ConduitITC,charcoal,arial black;
  font-weight:bold;
  color:#101010;
  background-color:#bdc1be;
  background-color:var(--cp-grey);
  padding:2px 8px 2px 8px;
  margin-top:8px;
}
.cp_legend2 {
  font-style:italic;
  margin:8px 0;
}
body {
  width: 95%;
  height: 100%;
  font-size:1.1em;
  font-family:Minion-Pro,times new roman,sans-serif;
  background: unset;
  background: var(--bg-body);
  color: unset;
  color: var(--font-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
@media only screen and (max-width: 800px) {
  body {
    width:95%;
    font-size:1em
  }
}
.showMobile {
  display:none
}
.showShort {
  display:none
}
.showShort2 {
  display:none
}
@media only screen and (max-width: 800px) {
  .hideMobile {
    display:none
  }
  .showMobile {
    display:block
  }
}
@media only screen and (max-width: 700px)  {
  .hideShort  {
    display:none
  }
  .showShort {
    display:block
  }
}
@media only screen and (max-width: 532px) {
  .hideShort2 {
    display:none
  }
  .showShort2 {
    display:block
  }
}
.grecaptcha-badge {
  display:none;
  box-shadow:none
}
.grecaptcha-logo {
  display:none
}
.block_short {
  display:none
}
@media only screen and (max-width: 800px) {
  .block_short {
    display:block
  }
  .block_long {
    display:none
  }
}
.block_very_short {
  display:none
}
@media only screen and (max-width: 532px) {
  .block_very_short {
    display:block
  }
  .block_long2 {
    display:none
  }
}
#wrapper {
  border:1px solid #cccccc;
  border:1px solid var(--bg-body-border);
  background:#fff;
  background:var(--bg-color);
  width:1000px;
  margin: 0px auto;
  padding: 10px;
  height: auto !important
}
#wrapper2 {
  width:1000px;
  margin: 0px auto
}
@media only screen and (max-width: 800px) {
  #wrapper {
    min-width:320px;
    width: auto
  }
  #wrapper2 {
    min-width:320px;
    width: auto
  }
}
@media only screen and (max-width: 700px) {
  body {
    width:100%;
    margin:0px
  }
  #wrapper {
    border:none;
    border-bottom:1px solid #cccccc;
    border-bottom:1px solid var(--bg-body-border);
  }
}
.lfWrapper {
  max-width:400px
}
.lfLabel {
  display:inline-block;
  width:70px;
  text-align:right
}
.lfInput_w {
  width:190px
}
@media only screen and (max-width: 800px) {
  .lfInput_w {
    max-width:176px
  }
}
.lfInput {
  border:1px solid #cccccc;
  border: 1px solid var(--bg-body-border);
  font-family:monospace;
  padding:4px 6px;
  margin:2px 0;
  background:unset;
  background:var(--bg-body);
  color:unset;
  color:var(--font-color);
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--bg-body) inset;
  -webkit-text-stroke-color: var(--font-color);
  -webkit-text-fill-color: var(--font-color);
}
-webkit-autofill::first-line,
-webkit-autofill,
-webkit-autofill:hover,
-webkit-autofill:focus,
-webkit-autofill:active {
  font-family: monospace
}
.lfButton {
  font-family: monospace;
  font-size: 1.1em;
  border: 1px solid;
  border-radius: 0.2em;
  text-align:center;
  padding:3px 10px 4px 10px;
  margin:2px;
  cursor:pointer;
  user-select:none;
  color:#fff;
  color:var(--bg-color);
  background-color:#000;
  background-color:var(--font-color);
}
.lfButton:hover {
  background-color:#fff;
  background-color:var(--bg-color);
  color:#000;
  color:var(--font-color);
}
.lfDisableAds {
  width:271px;
  font-family: monospace;
  font-weight:bold;
  font-size: 1.1em;
  border: 1px solid;
  border-radius: 0.2em;
  text-align:center;
  padding:3px 10px 4px 10px;
  margin:10px 8px;
  cursor:pointer;
  user-select:none;
  color:#fff;
  color:var(--bg-color);
  background-color:#ff6c2e
}
.lfDisableAds:hover {
  background-color:#fff;
  background-color:var(--bg-color);
  color:#ff6c2e
}
@media only screen and (max-width: 800px) {
  .lfDisableAds {
    width:257px
  }
}
#error-login {
  background:#cc0000;
  color:#fefefe;
  position:fixed;
  text-align:center;
  top:0;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:-50px;
  padding:10px 10px;
  opacity:0;
  display:none;
  width:120px;
  z-index:1000
}
#email-sent {
  background:#21765d;
  color:#fefefe;
  position:fixed;
  text-align:center;
  top:0;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:-50px;
  padding:10px 10px;
  opacity:0;
  display:none;
  width:120px;
  z-index:1000
}
.slide-bottom {
  -webkit-animation: slide-in-fade-out 4s ease-in-out 0s 1;
  animation: slide-in-fade-out 4s ease-in-out 0s 1
}
@-webkit-keyframes slide-in-fade-out {
  0% {
    margin-top:-50px;
    opacity:1;
  }
  10%,
  90% {
    margin-top:20px;
    opacity:1;
  }
  100% {
    margin-top:20px;
    opacity:0;
  }
}
@keyframes slide-in-fade-out {
  0% {
    margin-top:-50px;
    opacity:1;
  }
  10%,
  90% {
    margin-top:20px;
    opacity:1;
  }
  100% {
    margin-top:20px;
    opacity:0;
  }
}
.page_breaker {
  height:26px;
  width:100%;
  clear:both;
  position:relative
}
.page_br1 {
  height:8px;
  background:#fff;
  background:var(--bg-color);
  position:absolute;
  left:-11px;
  right:-11px;
  border:1px solid #cccccc;
  border:1px solid var(--bg-body-border);
  border-width:0 1px 1px 1px
}
.page_br2 {
  height:8px;
  top:9px;
  background:#eeeeee;
  background:var(--bg-body);
  position:absolute;
  left:-11px;
  right:-11px
}
.page_br3 {
  height:8px;
  top:17px;
  background:#fff;
  background:var(--bg-color);
  position:absolute;
  left:-11px;
  right:-11px;
  border:1px solid #cccccc;
  border:1px solid var(--bg-body-border);
  border-width:1px 1px 0px 1px
}
.page_breaker_ads {
  width:100%;
  clear:both
}
.page_ads_br1 {
  height:8px;
  background:#fff;
  background:var(--bg-color);
  margin:0 -11px 0 -11px;
  border:1px solid #cccccc;
  border:1px solid var(--bg-body-border);
  border-width:0 1px 1px 1px
}
.page_ads_br2 {
  height:4px;
  background:#eeeeee;
  background:var(--bg-body);
  margin:0 -11px 0 -11px;
}
.page_ads_br3 {
  height:8px;
  background:#fff;
  background:var(--bg-color);
  margin:0 -11px 0 -11px;
  border:1px solid #cccccc;
  border:1px solid var(--bg-body-border);
  border-width:1px 1px 0px 1px
}
.page_ads_wrapper {
  margin:-2px -11px -2px -11px;
  background: #eeeeee;
  background: var(--bg-body)
}
.mw1 {
  max-width:264px
}
.mw2 {
  max-width:264px
}
.mw3 {
  max-width:265px
}
.w1 {
  width:300px
}
.i5 {
  padding:1px 10px 1px 5px
}
.i10 {
  padding:1px 10px 1px 10px
}
.i15 {
  padding:1px 10px 1px 15px
}
.i25 {
  padding:1px 10px 1px 25px
}
.i30 {
  padding:1px 10px 1px 30px
}
.i35 {
  padding:1px 10px 1px 35px
}
.i50 {
  padding:1px 10px 1px 50px
}
.i70 {
  padding:1px 10px 1px 70px
}
.bkg0 {
  background-color:#fefefe;
  background-color:var(--bkg0)
}
.bkg1 {
  background-color:#dee2e1;
  background-color:var(--bkg1)
}
h1 {
  font-size:1em;
}
ol {
  counter-reset:ol-counter;
  padding:0;
  margin:10px 0 10px 0;
  list-style:none
}
ol:first-child {
  margin-top: 0;
}
ol > li {
  position:relative;
  padding:0 0 0 24px;
  margin:0px 5px 0
}
ol > li:first-child {
  margin-top:0
}
ol > li:before {
  position:absolute;
  top: 0px;
  left: 0px;
  font-weight:bold;
  text-align:center;
  content:counter(ol-counter) '.';
  counter-increment:ol-counter
}
ol ul {
  list-style: disc
}
ul {
  margin-block-start:0.3em;
  margin-block-end:0.3em;
  padding-inline-start:30px;
  list-style-type:square;
}
img {
  max-width:100%;
  height:auto;
  width: auto\9;
}
.img-inv {
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.img-inv-1 {
  filter:invert(1);
  filter:invert(var(--img-inv-1))
}
.img-opa {
  filter:opacity(1);
  filter:opacity(var(--img-opa))
}
.img-opa-inv {
  filter:opacity(1) invert(0);
  filter:opacity(var(--img-opa)) invert(var(--img-inv))
}
.inv-always {
  filter:invert(1)
}
.img_indent {
}
.a_indent {
  height:6px
}
.desc_indent {
  margin-bottom:12px
}
.tt {
  line-height: 0.95;
}
.max {
  font-weight: bold;
}
.ib {
  display:inline-block;
}
.p0 {
  margin:2px 0 2px 0;
  padding:0
}
.p_t {
  margin-top:10px;
  padding:0
}
.p_b {
  margin-bottom:10px;
  padding:0
}
.p_tb {
  margin:10px 0 10px 0;
  padding:0
}
.legend2 {
  font-style:italic
}
.legend4 {
  font-style: italic;
}
.spc {
  height:7px;
}
.impact {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
}
.impact18 {
  display:inline-block;
  font-family: 'ConduitITC', arial;
  font-weight: 700;
  font-size:1.37em
}
.impact20 {
  font-family: 'ConduitITC', arial;
  font-weight: 400;
  font-size:1.67em
}
.vert_mid {
  align-items:center;
  display:flex
}
.ct {
  text-align: center;
}
.grey {
  background-color:#dee2e1;
  background-color:var(--dsAbility-bg)
}
.dice27 {
  padding-bottom:4px;
  vertical-align:middle;
  font-weight:bold;
  filter:invert(0);
  filter:invert(var(--img-inv))
}
.redfont {
  color:#a31317;
  color:var(--redfont);
  font-weight:bold
}
.BatRole {
  color:#a31317;
  color:var(--redfont);
  font-weight:bold;
  font-size:1.1em
}
.logoBW_float {
  float:left
}
@media only screen and (max-width: 800px) {
  .logoBW_float {
    position: absolute;
    right: 10px;
    top: 0px;
  }
}
.boosty_logoBW {
  background-image: url(/img/Boosty_logo.png);
  height: 26px;
  width: 23px;
  margin: 7px 0 0 5px;
  float: left;
  transition: filter .2s ease-in-out;
  -webkit-filter: grayscale(100%) brightness(100%) brightness(var(--boosty-logo));
  filter: grayscale(100%) brightness(100%) brightness(var(--boosty-logo));
}
.boosty_logoBW:hover {
  -webkit-filter: grayscale(0%) brightness(100%) brightness(var(--boosty-logo));
  filter: grayscale(0%) brightness(100%) brightness(var(--boosty-logo));
}
.noads_logoBW {
  display: block;
  z-index: 1;
  background-image: url(/img/NoAds_logo.png);
  height: 28px;
  width: 31px;
  margin: 5px 0 0 10px;
  float: left;
  transition: filter .2s ease-in-out;
  -webkit-filter: grayscale(100%) brightness(100%) brightness(var(--noads-logo));
  filter: grayscale(100%) brightness(100%) brightness(var(--noads-logo));
}
.noads_logoBW:hover {
  -webkit-filter: grayscale(0%) brightness(100%) brightness(var(--noads-logo));
  filter: grayscale(0%) brightness(100%) brightness(var(--noads-logo));
}
.ya_link {
  filter: brightness(1) contrast(1);
  filter: brightness(var(--ya-bri)) contrast(var(--ya-con))
}
.ya_input {
  filter: invert(0) brightness(1) contrast(1) grayscale(0);
  filter: invert(var(--ya-inv)) brightness(var(--ya-bri-input)) contrast(var(--ya-con-input)) grayscale(var(--ya-grey))
}
.full_wargear_header {
  margin:0px;
  padding:3px 6px 3px 6px;
  color:#fefefe;
  color:var(--ds-header-color);
  background-color:#101010
}
.cog-pic {
  background: url(/img/cog.png) center center no-repeat;
  padding-left:10px;
  width:28px;
  height:28px;
  display:inline-block;
  filter: invert(0);
  filter: invert(var(--cog-inv))
}
#cog {
  -webkit-animation: cog 3s infinite;
  -moz-animation: cog 3s infinite;
  -ms-animation: cog 3s infinite;
  animation: cog 3s infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear
}
#cog_w {
  -webkit-animation: cog 3s infinite;
  -moz-animation: cog 3s infinite;
  -ms-animation: cog 3s infinite;
  animation: cog 3s infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear
}
@-webkit-keyframes cog {
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@-moz-keyframes cog {
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@-ms-keyframes cog {
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes cog {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.tooltip_link_inline {
  background-image: url(/wh40k10ed/img/TooltipLink.png);
  width: 18px;
  height: 18px;
  vertical-align: top;
  display: inline-block;
  margin: 3px 0px 0px 3px;
}
.tableHeader {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.4em;
  background-color:#101010;
  color: #fefefe
}
.tableColumns {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.1em;
  background-color:#e0e0e0;
  color:#101010
}
.tableColumns2 {
  font-family:ConduitITC,charcoal,arial black;
  font-weight:700;
  font-size:1.1em;
  background-color:#101010;
  color:#fefefe
}
@media only screen and (min-width: 801px) {
  .Columns2 {
    -moz-column-count: 2;
    -moz-column-gap: 14px;
    -webkit-column-count: 2;
    -webkit-column-gap: 14px;
    column-count: 2;
    column-gap: 14px;
  }
  .Columns2_Rule {
    -moz-column-count: 2;
    -moz-column-gap: 14px;
    -webkit-column-count: 2;
    -webkit-column-gap: 14px;
    column-count: 2;
    column-gap: 14px;
    column-rule: 1px solid #888888;
  }
  .Columns2_NoRule {
    -moz-column-count: 2;
    -moz-column-gap: 16px;
    -webkit-column-count: 2;
    -webkit-column-gap: 16px;
    column-count: 2;
    column-gap: 16px;
  }
  .Columns2_NoLeft {
    -moz-column-count: 2;
    -moz-column-gap: 14px;
    -webkit-column-count: 2;
    -webkit-column-gap: 14px;
    column-count: 2;
    column-gap: 14px;
  }
  .Columns3_NoLeft {
    -moz-column-count: 3;
    -moz-column-gap: 14px;
    -webkit-column-count: 3;
    -webkit-column-gap: 14px;
    column-count: 3;
    column-gap: 14px;
  }
  .Columns4 {
    -moz-column-count: 4;
    -moz-column-gap: 14px;
    -webkit-column-count: 4;
    -webkit-column-gap: 14px;
    column-count: 4;
    column-gap: 14px;
  }
}
.Columns3 {
  -moz-column-count: 3;
  -moz-column-gap: 14px;
  -webkit-column-count: 3;
  -webkit-column-gap: 14px;
  column-count: 3;
  column-gap: 14px;
}
.Columns3_NoRule {
  -moz-column-count: 3;
  -moz-column-gap: 16px;
  -webkit-column-count: 3;
  -webkit-column-gap: 16px;
  column-count: 3;
  column-gap: 16px
}
@media only screen and (max-width: 800px) {
  .Columns3 {
    -moz-column-count: 2;
    -moz-column-gap: 14px;
    -webkit-column-count: 2;
    -webkit-column-gap: 14px;
    column-count: 2;
    column-gap: 14px;
  }
  .Columns3_NoRule {
    -moz-column-count: 2;
    -moz-column-gap: 16px;
    -webkit-column-count: 2;
    -webkit-column-gap: 16px;
    column-count: 2;
    column-gap: 16px
  }
  .Columns4 {
    -moz-column-count: 3;
    -moz-column-gap: 12px;
    -webkit-column-count: 3;
    -webkit-column-gap: 12px;
    column-count: 3;
    column-gap: 12px;
  }
}
.Columns3_flex {
  display:flex;
  flex-direction:row;
  justify-content:space-between
}
@media only screen and (max-width: 800px) {
  .Columns3_flex {
    flex-direction:column;
  }
}
@media only screen and (max-width: 700px) {
  .Columns4 {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
  }
}
@media only screen and (max-width: 532px) {
  .Columns3 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1
  }
  .Columns3_NoRule {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1
  }
  .Columns4 {
    -moz-column-count: 1;
    -moz-column-gap: 8px;
    -webkit-column-count: 1;
    -webkit-column-gap: 8px;
    column-count: 1;
    column-gap: 8px;
  }
}
.center {
  display:flex;
  justify-content:center;
  align-items:center
}
.BreakInsideAvoid {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  height:min-content;
}
.BreakInsideAvoid_m {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.frameDark .redfont {
  color:#ee6500;
  color:var(--redfont)
}
.frameLight .redfont {
  color:#ee6500;
  color:var(--redfont)
}
.logo1 {
  float:left;
  margin:0px 5px 0px 5px
}
.logo2 {
  vertical-align:middle;
  margin:-3px 3px 0px 3px
}
.wllogo {
  vertical-align:middle;
  margin:0px 8px 2px 4px
}
.collapse {
  border-collapse:collapse
}
.author {
  font-family: times new roman, sans-serif;
  color: #494949;
  color: var(--author-color);
  font-size: 14px;
  padding: 8px 0 8px 0
}
.social_buttons {
  width: 204px;
  height: 56px;
  position: relative;
  margin: 8px 0 0 0
}
.boosty_logo {
  height:32px;
  width:32px;
  background-image:url(/img/boosty_logo32.png);
  transition:top 160ms ease-out;
  position:absolute;
  left:36px;
  top:0px
}
.boosty_logo:hover {
  top: -4px
}
.social_vk {
  height:32px;
  width:32px;
  background-image: url(/img/social_vk.png);
  transition: top 160ms ease-out;
  position:absolute;
  left:72px;
  top:0px
}
.social_vk:hover {
  top:-4px
}
.social_dd {
  height:32px;
  width:32px;
  background-image: url(/img/social_dd.png);
  transition: top 160ms ease-out;
  position:absolute;
  left:108px;
  top:0px
}
.social_dd:hover {
  top:-4px
}
.social_email {
  height:32px;
  width:32px;
  background-image: url(/img/social_email.png);
  transition: top 160ms ease-out;
  position:absolute;
  left:144px;
  top:0px
}
.social_email:hover {
  top:-4px
}
.adv_rules_wide {
  position:absolute;
  bottom:-160px;
  padding:4px 0 4px 10px;
  font-family: 'ConduitITC', arial black;
  font-weight:400;
  font-size:30px;
  background-color:#3c525a;
  background-color:var(--corner16-bg);
  background:linear-gradient(225deg, transparent 10px, #3c525a 0);
  background:linear-gradient(225deg, transparent 10px, var(--corner16-bg) 0);
  color:#fefefe;
  height:32px;
  width:280px;
  transform: rotate(90deg)
}
.adv_rules_tight {
  display:none;
  position:absolute;
  top:-52px;
  left:0px;
  padding:4px 0 6px 10px;
  font-family: 'ConduitITC', arial black;
  font-weight:400;
  font-size:1.67em;
  background-color:#3c525a;
  background-color:var(--corner16-bg);
  background:linear-gradient(225deg, transparent 10px, #3c525a 0);
  background:linear-gradient(225deg, transparent 10px, var(--corner16-bg) 0);
  color:#fefefe;
  height:26px;
  width:240px
}
@media only screen and (max-width: 800px) {
  .adv_rules_mtop {
    margin-top:36px
  }
  .adv_rules_wide {
    display:none
  }
  .adv_rules_tight {
    display:block
  }
}
.adv_rules {
  position:absolute;
  top:-52px;
  left:0px;
  padding:4px 0 6px 10px;
  font-family: 'ConduitITC', arial black;
  font-weight:400;
  font-size:1.67em;
  background-color:#3c525a;
  background-color:var(--corner16-bg);
  background:linear-gradient(225deg, transparent 10px, #3c525a 0);
  background:linear-gradient(225deg, transparent 10px, var(--corner16-bg) 0);
  color:#fefefe;
  height:26px;
  width:240px
}
.adv_rules_mtop_custom {
  margin-top:36px
}
.book_tight {
  display:none
}
@media only screen and (max-width: 532px) {
  .book_tight {
    display:table-row
  }
  .book_wide {
    display:none
  }
}
.book_last_update {
  line-height:0.95;
  display:inline-block
}
.book_img {
  vertical-align:middle;
  margin:0px 3px 2px 0
}
.WD_name_width {
  max-width:340px
}
.WD_wide {
  display:block
}
.WD_tight {
  display:none
}
.WD_wrapper {
  font-family: times new roman, sans-serif;
  background-color:#272119;
  border:4px solid #252725;
  border:4px solid var(--wd-border);
  color:#101010;
  background-image: url(/img/wd/WD_background.png)
}
@media only screen and (max-width: 532px) {
  .WD_name_width {
    max-width:10px
  }
  .WD_wide {
    display:none
  }
  .WD_tight {
    display:block
  }
}
.WD_SquadName {
  text-align:center;
  font-size:1.2em;
  font-weight:700;
  text-transform:uppercase
}
.WD_SquadName2 {
  text-align:center;
  font-size:0.9em;
  color:#313131;
  clear:both
}
.WD_Squad {
  float:left;
  padding: 0 6px 0 6px;
}
.WD_Platoon {
  float:left;
  border:2px dotted #5a4d3c;
  padding:6px;
  margin:6px;
  background-image: url(/img/wd/WD_background2.png)
}
.WD_center {
  display:flex;
  justify-content:center;
  align-items:center
}
@media only screen and (max-width: 800px) {
  .WD_center {
    display:block
  }
}
.WD_tooltipheader {
  padding:4px;
  text-align:center;
  font-size:1.2em;
  font-weight:700;
  color:#4b626d;
  color:var(--tooltip-header);
  border-bottom:1px solid #313131;
  border-bottom:1px solid var(--tooltip-header-underline)
}
.WD_GraySkull {
  clear:both;
  text-align:right;
  font-size:0.9em
}
.WD_LastUpdated {
  font-style:italic;
  text-align:left;
  font-size:0.9em;
  filter:opacity(0.7)
}
.WD_CompanyCommander {
  width:23px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/CompanyCommander.png)
}
.WD_ServoSkull {
  width:15px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/ServoSkull.png)
}
.WD_ServoSkullOP {
  width:15px;
  height:79px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/ServoSkull_OP.png)
}
.WD_ServoSkullAdM {
  width:15px;
  height:79px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/ServoSkull_AdM.png)
}
.WD_ServoSkullP {
  width:15px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/ServoSkull_platoon.png)
}
.WD_OfficerFleet {
  width:24px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/OfficerFleet.png)
}
.WD_MasterOrdnance {
  width:24px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/MasterOrdnance.png)
}
.WD_SanctionedPsyker {
  width:38px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/SanctionedPsyker.png)
}
.WD_Ensign {
  width:31px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Ensign.png)
}
.WD_EnsignP {
  width:31px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Ensign_platoon.png)
}
.WD_StaffOfficer {
  width:26px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/StaffOfficer.png)
}
.WD_StaffOfficerP {
  width:31px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/StaffOfficer_platoon.png)
}
.WD_PlatoonCommander {
  width:34px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/PlatoonCommander.png)
}
.WD_OgrynHQBodyguard {
  width:72px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/OgrynHQBodyguard.png)
}
.WD_OgrynBodyguard {
  width:72px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/OgrynBodyguard.png)
}
.WD_OgrynSgt {
  width:76px;
  height:78px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/OgrynSgt.png)
}
.WD_Ogryn {
  width:62px;
  height:78px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Ogryn.png)
}
.WD_TechPriestEnginseer {
  width:41px;
  height:68px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/TechPriestEnginseer.png)
}
.WD_Magos {
  width:49px;
  height:68px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Magos.png)
}
.WD_Marshall {
  width:40px;
  height:68px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Marshall.png)
}
.WD_Technoarcheologist {
  width:51px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Technoarcheologist.png)
}
.WD_Servitor {
  width:42px;
  height:68px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Servitor.png)
}
.WD_Servitor2 {
  width:42px;
  height:68px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Servitor2.png)
}
.WD_LordCommissar {
  width:38px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/LordCommissar.png)
}
.WD_Commissar {
  width:34px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Commissar.png)
}
.WD_OgrynCommiBodyguard {
  width:72px;
  height:87px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/OgrynCommiBodyguard.png)
}
.WD_LemanRussBattleTank {
  width:132px;
  height:80px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/LemanRussBattleTank.png)
}
.WD_LemanRussBattleTankP {
  width:132px;
  height:80px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/LemanRussBattleTankP.png)
}
.WD_ScoutSentinel {
  width:62px;
  height:79px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/ScoutSentinel.png)
}
.WD_ArmouredSentinel {
  width:63px;
  height:79px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/ArmouredSentinel.png)
}
.WD_Sergeant {
  width:33px;
  height:65px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Sergeant.png)
}
.WD_Guardsman {
  width:29px;
  height:65px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Guardsman.png)
}
.WD_Guardsman_flamer {
  width:31px;
  height:65px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Guardsman_flamer.png)
}
.WD_Guardsman_plasma {
  width:31px;
  height:65px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Guardsman_plasma.png)
}
.WD_Guardsman_melta {
  width:31px;
  height:65px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Guardsman_melta.png)
}
.WD_Chimera {
  width:99px;
  height:76px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Chimera.png)
}
.WD_Conscript {
  width:29px;
  height:65px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/Conscript.png)
}
.WD_HWT_Lascannon {
  width:115px;
  height:50px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/HWT_Lascannon.png)
}
.WD_HWT_Mortar {
  width:115px;
  height:50px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/HWT_Mortar.png)
}
.WD_HWT_MissileLauncher {
  width:115px;
  height:50px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/HWT_MissileLauncher.png)
}
.WD_HWT_HeavyBolter {
  width:115px;
  height:50px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/HWT_HeavyBolter.png)
}
.WD_HWT_Autocannon {
  width:115px;
  height:50px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/HWT_Autocannon.png)
}
.WD_KIA {
  width:26px;
  height:50px;
  background-repeat:no-repeat;
  background-position:bottom;
  background-image: url(/img/wd/KIA.png)
}
.Stripe0 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px
}
.Stripe1 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe1.png)
}
.Stripe2 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe2.png)
}
.Stripe3 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe3.png)
}
.Stripe4 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe4.png)
}
.Stripe5 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe5.png)
}
.Stripe6 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe6.png)
}
.Stripe7 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe7.png)
}
.Stripe8 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe8.png)
}
.Stripe9 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe9.png)
}
.Stripe10 {
  display:inline-block;
  margin:0 4px 0px 2px;
  width:12px;
  height:12px;
  background-position:bottom;
  background-image:url(/img/wd/Stripe10.png)
}
}
 
.Stripe11 {
@font-face {
  display:inline-block;
font-family: 'ConduitITC';
  margin:0 4px 0px 2px;
src: url(/wh40k10ed/fonts/Conduit-ITC-Medium.ttf);
  width:12px;
font-weight: 500;
  height:12px;
font-style: normal;
  background-position:bottom;
  background-image:url(/img/wd/Stripe11.png)
}
}
 
.Stripe12 {
@font-face {
  display:inline-block;
font-family: 'ConduitITC';
  margin:0 4px 0px 2px;
src: url(/wh40k10ed/fonts/Conduit-ITC-Bold.ttf);
  width:12px;
font-weight: 700;
  height:12px;
font-style: normal;
  background-position:bottom;
  background-image:url(/img/wd/Stripe12.png)
}
}
 
.mIndent {
@font-face {
  display:block
font-family: 'ConduitITC';
src: url(/wh40k10ed/fonts/Conduit-ITC-Extra-Bold.ttf);
font-weight: 900;
font-style: normal;
}
}
 
@media only screen and (min-width: 801px) {
@font-face {
  .mIndent {
font-family: 'Minion-Pro';
    display:none
src: url(/wh40k10ed/fonts/MinionPro-Regular.otf);
  }
font-weight: 400;
}
}
 
.kwbu {
@font-face {
  cursor:pointer;
font-family: 'Minion-Pro';
  border-bottom:1px dashed
src: url(/wh40k10ed/fonts/MinionPro-It.otf);
font-style: italic;
}
}
 
.kwbo {
@font-face {
  cursor:pointer;
font-family: 'Minion-Pro';
  border-bottom:1px solid
src: url(/wh40k10ed/fonts/MinionPro-BoldIt.otf);
font-style: italic;
font-weight: 700;
}
}
 
.kwnon {
@font-face {
  cursor:pointer;
font-family: 'Minion-Pro';
src: url(/wh40k10ed/fonts/MinionPro-Bold.otf);
font-weight: 700;
}
}
 
a.kwbOne {
@font-face {
  color:inherit
font-family: 'Minion-Cyrillic-Bold';
src: url(/wh40k10ed/fonts/Minion-Cyrillic-Bold.ttf);
}
}
 
a:hover.kwbOne {
@font-face {
  text-decoration:none;
font-family: 'Cabazon';
src: url(/wh40k10ed/fonts/Cabazon-W01-Regular.ttf);
font-weight: 400;
font-style: normal;
}
}


@font-face {
font-family: 'Germania';
src: url(/wh40k10ed/fonts/GermaniaOne-Regular.ttf);
}
}}
}}