MediaWiki:Common.css

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

/** FONTS **/
@font-face {
  font-family:'EasonPro';
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot');
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'EasonPro';
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot');
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic') format('svg');
  font-weight:normal;
  font-style:italic;
}
@font-face {
  font-family:'EasonPro';
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot');
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold') format('svg');
  font-weight:bold;
  font-style:normal;
}
@font-face {
  font-family:'CronosPro';
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot');
  src:url('https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.svg#CronosProregular') format('svg');
  font-weight:normal;
  font-style:normal;
}

/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2, .toc1 li.toclevel-3, .toc1 li.toclevel-4, .toc1 li.toclevel-5, .toc1 li.toclevel-6,
.toc2 li.toclevel-3, .toc2 li.toclevel-4, .toc2 li.toclevel-5, .toc2 li.toclevel-6,
.toc3 li.toclevel-4, .toc3 li.toclevel-5, .toc3 li.toclevel-6,
.toc4 li.toclevel-5, .toc4 li.toclevel-6,
.toc5 li.toclevel-6,
.hide,
body.page-Main_Page.ns-subject h1.firstHeading { display:none; }

/* TOC heading font */
#toc h2,
.toc h2 { font-family:Arial, sans-serif!important; }

/* Miscellaneous changes */
div.mw-dismissable-notice .mw-dismissable-notice-body { margin:0; margin-bottom:.5em; }
div.mw-dismissable-notice .mw-dismissable-notice-close { margin-right:5px; }
ul.special abbr, ul.special acronym { border:none; }
ol.references > li:target, sup.reference:target, cite:target { background:#EEF; }
ol.references { font-size:90% }
sup, sub { line-height:1em; }
.mw-editsection { float:right; }
div.searchresults .mw-search-results { float: none; }
.mw-collapsible-toggle { font-weight:normal; font-size:85%; }
span.comment { font-style: italic; }
.autocomment { color: gray; }
.gray, .gray a { color: gray; }

/* Universal styles */
.hidelist ul { list-style:none none; margin:0; padding:0; }
.hidelist p { font-style:italic; margin:0 0 .2em; }
.hidelist p + ul { margin-bottom:.5em; }
.infobox .clear, .nav .clear, .recipe-box .clear { height:5px; }
#content .hiddenlinks a, #content .hiddenlinks a:link, #content .hiddenlinks a:visited { color:inherit; }

/** TABLE CLASSES **/
.table {
  border:0 solid;
  border-collapse:collapse;
  border-spacing:0;
  font-size:.9230769231em;
  text-align:left;
  clear:none;
  position:relative;
  display:inline-block;
  vertical-align:top;
  margin:10px 0;
  padding:0;
}

/* make table captions bold */
.table > caption { font-weight: bold }

/* this is a hack to add borders to IE8- */
.table > thead, .table > tbody { border:0 solid #aaa\0/ }

.table tr {
  border:1px solid #aaa\0/;
  text-align:left;
  border-color:#AAA;
}

/* and this removes them for IE9+ */
:root .table tr { border-top-width:0; border-bottom-width:0; }

.table > * > tr > :first-child { border-left:1px solid #AAA; }
.table > * > tr > :last-child { border-right:1px solid #AAA; }

.table > tbody > tr:last-child,
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption { border-bottom:1px solid #AAA; }

.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
  background-image:url("/images/c/cc/Infobox_header_overlay.png");
  background-color:#EEE;
  border-color:#AAA;
  padding:.5em;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
  line-height:1.667em;
  padding:.25em .5em;
}

.table[class*=left] tr { text-align:left; }
.table[class*=right] tr { text-align:right; }
.table tr > th, .table[class*=center] tr { text-align:center; }
.table[class*=middle] tr { vertical-align:middle; }
.table[class*=top] tr { vertical-align:top; }
.table[class*=bottom] tr { vertical-align:bottom; }

.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
  background-color:#EEE;
  border:1px solid #aaa!important;
}

.table > tbody > tr > th, .table > tfoot > tr > th {
  background-color:#E7E7E7;
  border-color:#AAA;
}

.table > tbody > tr:nth-child(odd) {
  background-color:#F3F3F3;
  border-color:#AAA;
}

.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] { border:1px solid #AAA; }

.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] { border-top-width:0; }

.table .line,
.table .line-bottom {
  border-bottom-width:1px!important;
  border-bottom-style:solid;
}

.table .line-top {
  border-top-width:1px!important;
  border-top-style:solid;
  border-top-color:#AAA;
}

.table .line-left {
  border-left-width:1px!important;
  border-left-style:solid;
  border-left-color:#AAA;
}

.table .line-right {
  border-right-width:1px!important;
  border-right-style:solid;
  border-right-color:#AAA;
}

.table table {
  background-color:transparent;
  padding:0;
  margin:0;
}

/** STDT table classes **/
/* any */
  .table.any > :first-child > tr:first-child,
  .table.any > tbody > tr.heading,
  .table.any > :first-child > tr:first-child > *,
  .table.any > tbody > tr.heading > * {
    background-color:#888 !important;
    border-color:#6D6D6D !important;
  }
  .table.any > tbody > tr > th,
  .table.any > tfoot > tr > th,
  .table.any > thead > tr > th,
  table.table > tbody > tr.any > th {
    background-color:#CCC;
    border-color:#AAA;
  }
  .table.any > tbody > tr:nth-child(odd),
  .table > tbody > tr.any:nth-child(odd) {
    background-color:#EEE;
  }

/* guardian */
  .table.guardian > :first-child > tr:first-child,
  .table.guardian > tbody > tr.heading,
  .table.guardian > :first-child > tr:first-child > *,
  .table.guardian > tbody > tr.heading > * {
    background-color:#72C1D9 !important;
    border-color:#5B9AAE !important;
  }
  .table.guardian > tbody > tr > th,
  .table.guardian > tfoot > tr > th,
  .table.guardian > thead > tr > th,
  table.table > tbody > tr.guardian > th {
    background-color:#B9E0EC;
    border-color:#94B3BD;
  }
  .table.guardian > tbody > tr:nth-child(odd),
  .table > tbody > tr.guardian:nth-child(odd) {
    background-color:#EAF6F9;
  }

/* revenant */
  .table.revenant > :first-child > tr:first-child,
  .table.revenant > tbody > tr.heading,
  .table.revenant > :first-child > tr:first-child > *,
  .table.revenant > tbody > tr.heading > * {
    background-color:#B1574C !important;
    border-color:#A65747 !important;
  }
  .table.revenant > tbody > tr > th,
  .table.revenant > tfoot > tr > th,
  .table.revenant > thead > tr > th,
  table.table > tbody > tr.revenant > th {
    background-color:#E3B4AA;
    border-color:#BFA8A0;
  }
  .table.revenant > tbody > tr:nth-child(odd),
  .table > tbody > tr.revenant:nth-child(odd) {
    background-color:#F6ECE9;
  }

/* warrior */
  .table.warrior > :first-child > tr:first-child,
  .table.warrior > tbody > tr.heading,
  .table.warrior > :first-child > tr:first-child > *,
  .table.warrior > tbody > tr.heading > * {
    background-color:#FFD166 !important;
    border-color:#CCA752 !important;
  }
  .table.warrior > tbody > tr > th,
  .table.warrior > tfoot > tr > th,
  .table.warrior > thead > tr > th,
  table.table > tbody > tr.warrior > th {
    background-color:#FFE8B3;
    border-color:#CCBA8F;
  }
  .table.warrior > tbody > tr:nth-child(odd),
  .table > tbody > tr.warrior:nth-child(odd) {
    background-color:#FFF8E8;
  }

/* engineer */
  .table.engineer > :first-child > tr:first-child,
  .table.engineer > tbody > tr.heading,
  .table.engineer > :first-child > tr:first-child > *,
  .table.engineer > tbody > tr.heading > * {
    background-color:#D09C59 !important;
    border-color:#A67D47 !important;
  }
  .table.engineer > tbody > tr > th,
  .table.engineer > tfoot > tr > th,
  .table.engineer > thead > tr > th,
  table.table > tbody > tr.engineer > th {
    background-color:#E8BC84;
    border-color:#BA966A;
  }
  .table.engineer > tbody > tr:nth-child(odd),
  .table > tbody > tr.engineer:nth-child(odd) {
    background-color:#F8EBDA;
  }

/* ranger */
  .table.ranger > :first-child > tr:first-child,
  .table.ranger > tbody > tr.heading,
  .table.ranger > :first-child > tr:first-child > *,
  .table.ranger > tbody > tr.heading > * {
    background-color:#8EDF44 !important;
    border-color:#72B236 !important;
  }
  .table.ranger > tbody > tr > th,
  .table.ranger > tfoot > tr > th,
  .table.ranger > thead > tr > th,
  table.table > tbody > tr.ranger > th {
    background-color:#C7EFA2;
    border-color:#9FBF82;
  }
  .table.ranger > tbody > tr:nth-child(odd),
  .table > tbody > tr.ranger:nth-child(odd) {
    background-color:#EEFAE3;
  }

/* thief */
  .table.thief > :first-child > tr:first-child,
  .table.thief > tbody > tr.heading,
  .table.thief > :first-child > tr:first-child > *,
  .table.thief > tbody > tr.heading > * {
    background-color:#C08F95 !important;
    border-color:#9A7277 !important;
  }
  .table.thief > tbody > tr > th,
  .table.thief > tfoot > tr > th,
  .table.thief > thead > tr > th,
  table.table > tbody > tr.thief > th {
    background-color:#DEC6C9;
    border-color:#B29EA1;
  }
  .table.thief > tbody > tr:nth-child(odd),
  .table > tbody > tr.thief:nth-child(odd) {
    background-color:#F5EEEF;
  }

/* elementalist */
  .table.elementalist > :first-child > tr:first-child,
  .table.elementalist > tbody > tr.heading,
  .table.elementalist > :first-child > tr:first-child > *,
  .table.elementalist > tbody > tr.heading > * {
    background-color:#F68A87 !important;
    border-color:#C56E6C !important;
  }
  .table.elementalist > tbody > tr > th,
  .table.elementalist > tfoot > tr > th,
  .table.elementalist > thead > tr > th,
  table.table > tbody > tr.elementalist > th {
    background-color:#FBC5C3;
    border-color:#C99E9C;
  }
  .table.elementalist > tbody > tr:nth-child(odd),
  .table > tbody > tr.elementalist:nth-child(odd) {
    background-color:#FEEEED;
  }

/* mesmer */
  .table.mesmer > :first-child > tr:first-child,
  .table.mesmer > tbody > tr.heading,
  .table.mesmer > :first-child > tr:first-child > *,
  .table.mesmer > tbody > tr.heading > * {
    background-color:#B679D5 !important;
    border-color:#9261AA !important;
  }
  .table.mesmer > tbody > tr > th,
  .table.mesmer > tfoot > tr > th,
  .table.mesmer > thead > tr > th,
  table.table > tbody > tr.mesmer > th {
    background-color:#DBBCEA;
    border-color:#AF96BB;
  }
  .table.mesmer > tbody > tr:nth-child(odd),
  .table > tbody > tr.mesmer:nth-child(odd) {
    background-color:#F4EBF9;
  }

/* necromancer */
  .table.necromancer > :first-child > tr:first-child,
  .table.necromancer > tbody > tr.heading,
  .table.necromancer > :first-child > tr:first-child > *,
  .table.necromancer > tbody > tr.heading > * {
    background-color:#52A76F !important;
    border-color:#428659 !important;
  }
  .table.necromancer > tbody > tr > th,
  .table.necromancer > tfoot > tr > th,
  .table.necromancer > thead > tr > th,
  table.table > tbody > tr.necromancer > th {
    background-color:#A9D3B7;
    border-color:#87A992;
  }
  .table.necromancer > tbody > tr:nth-child(odd),
  .table > tbody > tr.necromancer:nth-child(odd) {
    background-color:#E5F2EA;
  }

/* asura */
  .table.asura > :first-child > tr:first-child,
  .table.asura > tbody > tr.heading,
  .table.asura > :first-child > tr:first-child > *,
  .table.asura > tbody > tr.heading > * {
    background-color:#A27BF1 !important;
    border-color:#8262C1 !important;
  }
  .table.asura > tbody > tr > th,
  .table.asura > tfoot > tr > th,
  .table.asura > thead > tr > th,
  table.table > tbody > tr.asura > th {
    background-color:#D1BDF8;
    border-color:#A797C6;
  }
  .table.asura > tbody > tr:nth-child(odd),
  .table > tbody > tr.asura:nth-child(odd) {
    background-color:#F1EBFD;
  }

/* charr */
  .table.charr > :first-child > tr:first-child,
  .table.charr > tbody > tr.heading,
  .table.charr > :first-child > tr:first-child > *,
  .table.charr > tbody > tr.heading > * {
    background-color:#FE7887 !important;
    border-color:#CB606C !important;
  }
  .table.charr > tbody > tr > th,
  .table.charr > tfoot > tr > th,
  .table.charr > thead > tr > th,
  table.table > tbody > tr.charr > th {
    background-color:#FFBCC3;
    border-color:#CC969C;
  }
  .table.charr > tbody > tr:nth-child(odd),
  .table > tbody > tr.charr:nth-child(odd) {
    background-color:#FFEBED;
  }

/* human */
  .table.human > :first-child > tr:first-child,
  .table.human > tbody > tr.heading,
  .table.human > :first-child > tr:first-child > *,
  .table.human > tbody > tr.heading > * {
    background-color:#FFE566 !important;
    border-color:#CCB752 !important;
  }
  .table.human > tbody > tr > th,
  .table.human > tfoot > tr > th,
  .table.human > thead > tr > th,
  table.table > tbody > tr.human > th {
    background-color:#FFF2B3;
    border-color:#CCC28F;
  }
  .table.human > tbody > tr:nth-child(odd),
  .table > tbody > tr.human:nth-child(odd) {
    background-color:#FFFBE8;
  }

/* norn */
  .table.norn > :first-child > tr:first-child,
  .table.norn > tbody > tr.heading,
  .table.norn > :first-child > tr:first-child > *,
  .table.norn > tbody > tr.heading > * {
    background-color:#75BAFF !important;
    border-color:#5E95CC !important;
  }
  .table.norn > tbody > tr > th,
  .table.norn > tfoot > tr > th,
  .table.norn > thead > tr > th,
  table.table > tbody > tr.norn > th {
    background-color:#BADDFF;
    border-color:#95B1CC;
  }
  .table.norn > tbody > tr:nth-child(odd),
  .table > tbody > tr.norn:nth-child(odd) {
    background-color:#EAF5FF;
  }

/* sylvari */
  .table.sylvari > :first-child > tr:first-child,
  .table.sylvari > tbody > tr.heading,
  .table.sylvari > :first-child > tr:first-child > *,
  .table.sylvari > tbody > tr.heading > * {
    background-color:#61E665 !important;
    border-color:#4EB851 !important;
  }
  .table.sylvari > tbody > tr > th,
  .table.sylvari > tfoot > tr > th,
  .table.sylvari > thead > tr > th,
  table.table > tbody > tr.sylvari > th {
    background-color:#B0F3B2;
    border-color:#8DC28E;
  }
  .table.sylvari > tbody > tr:nth-child(odd),
  .table > tbody > tr.sylvari:nth-child(odd) {
    background-color:#E7FBE8;
  }

/* npc */
  .table.npc > :first-child > tr:first-child,
  .table.npc > tbody > tr.heading,
  .table.npc > :first-child > tr:first-child > *,
  .table.npc > tbody > tr.heading > * {
    background-color:#6C3 !important;
    border-color:#52A329 !important;
  }
  .table.npc > tbody > tr > th,
  .table.npc > tfoot > tr > th,
  .table.npc > thead > tr > th,
  table.table > tbody > tr.npc > th {
    background-color:#B3E699;
    border-color:#8FB87A;
  }
  .table.npc > tbody > tr:nth-child(odd),
  .table > tbody > tr.npc:nth-child(odd) {
    background-color:#E8F8E1;
  }

/* pve */
  .table.pve > :first-child > tr:first-child,
  .table.pve > tbody > tr.heading,
  .table.pve > :first-child > tr:first-child > *,
  .table.pve > tbody > tr.heading > * {
    background-color:#FC6 !important;
    border-color:#CCA352 !important;
  }
  .table.pve > tbody > tr > th,
  .table.pve > tfoot > tr > th,
  .table.pve > thead > tr > th,
  table.table > tbody > tr.pve > th {
    background-color:#FFE6B3;
    border-color:#CCB88F;
  }
  .table.pve > tbody > tr:nth-child(odd),
  .table > tbody > tr.pve:nth-child(odd) {
    background-color:#FFF8E8;
  }

/* equip or item*/
  .table.equip > :first-child > tr:first-child,
  .table.equip > tbody > tr.heading,
  .table.equip > :first-child > tr:first-child > *,
  .table.equip > tbody > tr.heading > *,
  .table.item > :first-child > tr:first-child,
  .table.item > tbody > tr.heading,
  .table.item > :first-child > tr:first-child > *,
  .table.item > tbody > tr.heading > * {
    background-color:#F96 !important;
    border-color:#CC7A52 !important;
  }
  .table.equip > tbody > tr > th,
  .table.equip > tfoot > tr > th,
  .table.equip > thead > tr > th,
  table.table > tbody > tr.equip > th,
  .table.item > tbody > tr > th,
  .table.item > tfoot > tr > th,
  .table.item > thead > tr > th,
  table.table > tbody > tr.item > th {
    background-color:#FFCCB3;
    border-color:#CCA38F;
  }
  .table.equip > tbody > tr:nth-child(odd),
  .table > tbody > tr.equip:nth-child(odd),
  .table.item > tbody > tr:nth-child(odd),
  .table > tbody > tr.item:nth-child(odd) {
    background-color:#FFF0E8;
  }

/* skin */
  .table.skin > :first-child > tr:first-child,
  .table.skin > tbody > tr.heading,
  .table.skin > :first-child > tr:first-child > *,
  .table.skin > tbody > tr.heading > * {
    background-color:#E07A98 !important;
    border-color:#996574 !important;
  }
  .table.skin > tbody > tr > th,
  .table.skin > tfoot > tr > th,
  .table.skin > thead > tr > th,
  table.table > tbody > tr.skin > th {
    background-color:#FFD4DF;
    border-color:#B3A1A5;
  }
  .table.skin > tbody > tr:nth-child(odd),
  .table > tbody > tr.skin:nth-child(odd) {
    background-color:#FFEDF4;
  }

/* mech1 */
  .table.mech1 > :first-child > tr:first-child,
  .table.mech1 > tbody > tr.heading,
  .table.mech1 > :first-child > tr:first-child > *,
  .table.mech1 > tbody > tr.heading > * {
    background-color:#69C !important;
    border-color:#527AA3 !important;
  }
  .table.mech1 > tbody > tr > th,
  .table.mech1 > tfoot > tr > th,
  .table.mech1 > thead > tr > th,
  table.table > tbody > tr.mech1 > th {
    background-color:#B3CCE6;
    border-color:#8FA3B8;
  }
  .table.mech1 > tbody > tr:nth-child(odd),
  .table > tbody > tr.mech1:nth-child(odd) {
    background-color:#E8F0F8;
  }

/* mech2 */
  .table.mech2 > :first-child > tr:first-child,
  .table.mech2 > tbody > tr.heading,
  .table.mech2 > :first-child > tr:first-child > *,
  .table.mech2 > tbody > tr.heading > * {
    background-color:#3CC !important;
    border-color:#29A3A3 !important;
  }
  .table.mech2 > tbody > tr > th,
  .table.mech2 > tfoot > tr > th,
  .table.mech2 > thead > tr > th,
  table.table > tbody > tr.mech2 > th {
    background-color:#99E6E6;
    border-color:#7AB8B8;
  }
  .table.mech2 > tbody > tr:nth-child(odd),
  .table > tbody > tr.mech2:nth-child(odd) {
    background-color:#E1F8F8;
  }

/* lore */
  .table.lore > :first-child > tr:first-child,
  .table.lore > tbody > tr.heading,
  .table.lore > :first-child > tr:first-child > *,
  .table.lore > tbody > tr.heading > * {
    background-color:#C6C !important;
    border-color:#A352A3 !important;
  }
  .table.lore > tbody > tr > th,
  .table.lore > tfoot > tr > th,
  .table.lore > thead > tr > th,
  table.table > tbody > tr.lore > th {
    background-color:#E6B3E6;
    border-color:#B88FB8;
  }
  .table.lore > tbody > tr:nth-child(odd),
  .table > tbody > tr.lore:nth-child(odd) {
    background-color:#F8E8F8;
  }

/* location */
  .table.location > :first-child > tr:first-child,
  .table.location > tbody > tr.heading,
  .table.location > :first-child > tr:first-child > *,
  .table.location > tbody > tr.heading > * {
    background-color:#96C !important;
    border-color:#7A52A3 !important;
  }
  .table.location > tbody > tr > th,
  .table.location > tfoot > tr > th,
  .table.location > thead > tr > th,
  table.table > tbody > tr.location > th {
    background-color:#CCB3E6;
    border-color:#A38FB8;
  }
  .table.location > tbody > tr:nth-child(odd),
  .table > tbody > tr.location:nth-child(odd) {
    background-color:#F0E8F8;
  }

/* promo */
  .table.promo > :first-child > tr:first-child,
  .table.promo > tbody > tr.heading,
  .table.promo > :first-child > tr:first-child > *,
  .table.promo > tbody > tr.heading > * {
    background-color:#9C3 !important;
    border-color:#7AA329 !important;
  }
  .table.promo > tbody > tr > th,
  .table.promo > tfoot > tr > th,
  .table.promo > thead > tr > th,
  table.table > tbody > tr.promo > th {
    background-color:#CCE699;
    border-color:#A3B87A;
  }
  .table.promo > tbody > tr:nth-child(odd),
  .table > tbody > tr.promo:nth-child(odd) {
    background-color:#F0F8E1;
  }

/* hom */
  .table.hom > :first-child > tr:first-child,
  .table.hom > tbody > tr.heading,
  .table.hom > :first-child > tr:first-child > *,
  .table.hom > tbody > tr.heading > * {
    background-color:#C96 !important;
    border-color:#A37A52 !important;
  }
  .table.hom > tbody > tr > th,
  .table.hom > tfoot > tr > th,
  .table.hom > thead > tr > th,
  table.table > tbody > tr.hom > th {
    background-color:#E6CCB3;
    border-color:#B8A38F;
  }
  .table.hom > tbody > tr:nth-child(odd),
  .table > tbody > tr.hom:nth-child(odd) {
    background-color:#F8F0E8;
  }

/* boon */
  .table.boon > :first-child > tr:first-child,
  .table.boon > tbody > tr.heading,
  .table.boon > :first-child > tr:first-child > *,
  .table.boon > tbody > tr.heading > * {
    background-color:#73D9D9 !important;
    border-color:#5CAEAE !important;
  }
  .table.boon > tbody > tr > th,
  .table.boon > tfoot > tr > th,
  .table.boon > thead > tr > th,
  table.table > tbody > tr.boon > th {
    background-color:#B9ECEC;
    border-color:#94BDBD;
  }
  .table.boon > tbody > tr:nth-child(odd),
  .table > tbody > tr.boon:nth-child(odd) {
    background-color:#EAF9F9;
  }

/* condition */
  .table.condition > :first-child > tr:first-child,
  .table.condition > tbody > tr.heading,
  .table.condition > :first-child > tr:first-child > *,
  .table.condition > tbody > tr.heading > * {
    background-color:#51A651 !important;
    border-color:#418541 !important;
  }

  .table.condition > tbody > tr> th,
  .table.condition > tfoot > tr > th,
  .table.condition > thead > tr > th,
  table.table > tbody > tr.condition > th {
    background-color:#A8D3A8;
    border-color:#86A986;
  }

  .table.condition > tbody > tr:nth-child(odd),
  .table > tbody > tr.condition:nth-child(odd) { background-color:#E5F2E5; }

/* crafting */
/* recipe */
  .table.crafting > :first-child > tr:first-child,
  .table.crafting > tbody > tr.heading,
  .table.crafting > :first-child > tr:first-child > *,
  .table.crafting > tbody > tr.heading > *,
  .table.recipe > :first-child > tr:first-child,
  .table.recipe > tbody > tr.heading,
  .table.recipe > :first-child > tr:first-child > *,
  .table.recipe > tbody > tr.heading > * {
    background-color:#A68151 !important;
    border-color:#856741 !important;
  }

  .table.crafting > tbody > tr > th,
  .table.crafting > tfoot > tr > th,
  .table.crafting > thead > tr > th,
  table.table > tbody > tr.crafting > th,
  .table.recipe > tbody > tr > th,
  .table.recipe > tfoot > tr > th,
  .table.recipe > thead > tr > th,
  table.table > tbody > tr.recipe > th {
    background-color:#D3C0A8;
    border-color:#A99A86;
  }

  .table.crafting > tbody > tr:nth-child(odd),
  .table > tbody > tr.crafting:nth-child(odd),
  .table.recipe > tbody > tr:nth-child(odd),
  .table > tbody > tr.recipe:nth-child(odd) { background-color:#F2ECE5; }

/* Skills tables */
.table.skills { width:100%; max-width:1000px; display:table; }
.table.skills > :first-child > tr:first-child ~ tr th[colspan] { text-align:left; }
.table.skills > :first-child > tr:first-child ~ tr th[colspan] span.editsection { display:none; }
.table.skills > :first-child > tr:first-child ~ tr th[colspan] h4 {  margin-top:5px !important; margin-bottom:5px !important; }

/* Using : lists within tables */
/* no top/bottom margin in these tables */
.table.fm dl,
.table.craftvariants dl {
  margin-top:0;
  margin-bottom:0;
}
/* no left margin when used purely for structure within these tables */
.table.locations dd,
.table.fm dd,
table.craftvariants dd { margin-left:0; }
/* restore margin if it's actually being used as a definition list */
.table.locations dl > dt ~ dd { margin-left:2em; }

/* Using * lists within combo tables */
.table.combo ul { margin:0.15em 0; }
.table.combo li { display:block; }

/** INFOBOXES **/
div.infobox {
  float:right;
  position:relative;
  width:250px;
  background:#FFF;
  font-size:.923em;
  border:1px solid #AAA;
  margin:0 0 1em 1em;
  padding:0;
}

div.infobox,
div.nav .box {
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
  background-image:linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
}

div.infobox .icon {
  float:right;
  position:relative;
  z-index:2;
  width:auto;
  margin:5px;
}

div.infobox .icon p {
  text-align:center;
  color:#444;
  font-size:9px!important;
  background-color:rgba(255,255,255,0.5);
  border-radius:.75em;
  line-height:1em;
  margin:.25em -.5em;
  padding:2px;
}

div.infobox .wrapper {
  clear:both;
  padding:0;
}

div.infobox .statistics {
  text-align:center;
  margin:0 8px;
}

div.statistics span + span { margin-left:5px; }

div.infobox .heading,
div.nav .heading {
  font-weight:700;
  background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
  text-align:center;
  border:1px solid rgba(0,0,0,0.25);
  border-bottom-width:0;
  position:relative;
  z-index:1;
  font-size-adjust:.52;
  margin:-1px -1px 5px!important;
}

div.infobox .heading {
  font-family:EasonPro, "Times New Roman", serif!important;
  font-size:1.417em!important;
  color:#fff!important;
  background-color:#444;
  text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
  line-height:1.176em;
  font-size-adjust:.43;
  padding:.5em!important;
}

div.infobox .subheading,
div.nav .subheading {
  font-weight:700;
  background-color:#888;
  background-image:url("/images/c/cc/Infobox_header_overlay.png")!important;
  border-left:1px solid rgba(0,0,0,0.25);
  border-right:1px solid rgba(0,0,0,0.25);
  line-height:100%;
  text-align:center;
  position:relative;
  margin:0 -1px!important;
}

div.infobox .subheading {
  font-family:EasonPro, "Times New Roman", serif;
  font-size:1.25em!important;
  color:#fff!important;
  background-color:#444;
  text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
  z-index:1;
  line-height:1.333em;
  font-size-adjust:0.43;
  padding:.567em!important;
}

div.nav dl,
div.infobox dl { margin:10px 0; }

div.infobox dt {
  float:left;
  text-align:right;
  width:78px;
  line-height:1em;
  font-weight:700;
  clear:left;
  border-right:2px solid #999;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 3px;
}

div.infobox dd {
  float:left;
  width:125px;
  font-weight:400;
  border-left:2px solid #999;
  margin:0;
  padding:2px 7px;
}

div.infobox .image_wrapper {
  text-align:center;
  padding:0;
  margin:10px 0;
}

div.infobox::after,
div.nav .box::after,
div.infobox .heading::after,
div.nav .heading::after,
div.infobox .subheading::after,
div.nav .subheading::after,
.table::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}

div.infobox::after,
div.nav .box::after { bottom:-4px; }

div.infobox .heading::after,
div.nav .heading::after,
div.infobox .subheading::after,
div.nav .subheading::after,
.table::after { bottom:-3px; }

/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
.table[class*=center]::after,
.table.noshadowafter::after { background-image:none; }

div.infobox table,
div.nav table { background-color:transparent; }

div.infobox.guardian dd,
div.infobox.guardian dt { border-color:#066!important; }

div.infobox.guardian .heading,
div.infobox.guardian .subheading { background-color:#066!important; }

div.infobox.revenant dd,
div.infobox.revenant dt { border-color:#861313!important; }

div.infobox.revenant .heading,
div.infobox.revenant .subheading { background-color:#861313!important; }

div.infobox.warrior dd,
div.infobox.warrior dt { border-color:#c60!important; }

div.infobox.warrior .heading,
div.infobox.warrior .subheading { background-color:#c60!important; }

div.infobox.engineer dd,
div.infobox.engineer dt { border-color:#630!important; }

div.infobox.engineer .heading,
div.infobox.engineer .subheading { background-color:#630!important; }

div.infobox.ranger dd,
div.infobox.ranger dt { border-color:#360!important; }

div.infobox.ranger .heading,
div.infobox.ranger .subheading { background-color:#360!important; }

div.infobox.thief dd,
div.infobox.thief dt { border-color:#933!important; }

div.infobox.thief .heading,
div.infobox.thief .subheading { background-color:#933!important; }

div.infobox.elementalist dd,
div.infobox.elementalist dt { border-color:#c00!important; }

div.infobox.elementalist .heading,
div.infobox.elementalist .subheading { background-color:#c00!important; }

div.infobox.mesmer dd,
div.infobox.mesmer dt { border-color:#606!important; }

div.infobox.mesmer .heading,
div.infobox.mesmer .subheading { background-color:#606!important; }

div.infobox.necromancer dd,
div.infobox.necromancer dt { border-color:#063!important; }

div.infobox.necromancer .heading,
div.infobox.necromancer .subheading { background-color:#063!important; }

div.infobox.asura dd,
div.infobox.asura dt { border-color:#63c!important; }

div.infobox.asura .heading,
div.infobox.asura .subheading { background-color:#63c!important; }

div.infobox.charr dd,
div.infobox.charr dt { border-color:#900!important; }

div.infobox.charr .heading,
div.infobox.charr .subheading { background-color:#900!important; }

div.infobox.human dd,
div.infobox.human dt { border-color:#c90!important; }

div.infobox.human .heading,
div.infobox.human .subheading { background-color:#c90!important; }

div.infobox.norn dd,
div.infobox.norn dt { border-color:#069!important; }

div.infobox.norn .heading,
div.infobox.norn .subheading { background-color:#069!important; }

div.infobox.sylvari dd,
div.infobox.sylvari dt { border-color:#060!important; }

div.infobox.sylvari .heading,
div.infobox.sylvari .subheading { background-color:#060!important; }

div.infobox.boon dd,
div.infobox.boon dt { border-color:#399!important; }

div.infobox.boon .heading,
div.infobox.boon .subheading { background-color:#399!important; }

div.infobox.condition dd,
div.infobox.condition dt { border-color:#363!important; }

div.infobox.condition .heading,
div.infobox.condition .subheading { background-color:#363!important; }

div.infobox.armor dd,
div.infobox.weapon dd,
div.infobox.item dd,
div.infobox.armor dt,
div.infobox.weapon dt,
div.infobox.item dt { border-color:#C30; }

div.infobox.armor .heading,
div.infobox.weapon .heading,
div.infobox.item .heading,
div.infobox.armor .subheading,
div.infobox.weapon .subheading,
div.infobox.item .subheading { background:#C30; }

div.infobox.skin dd,
div.infobox.skin dt { border-color:#C4003E; }

div.infobox.skin .heading,
div.infobox.skin .subheading { background:#C4003E; }

div.infobox.recipe {
  width:250px;
  display:inline-block;
  float:none;
  clear:none;
  vertical-align:top;
  font-size:1em;
  margin:0 1em 1em 0;
}

div.infobox.recipe .heading,
div.infobox.recipe .subheading {
  font-size:1.133em;
  background:#533610;
}

div.infobox.recipe .wrapper { padding:0 10px; }

div.infobox.crafting .heading,
div.infobox.crafting .subheading { background:#533610; }

div.infobox.crafting dd,
div.infobox.recipe dd,
div.infobox.crafting dt,
div.infobox.recipe dt { border-color:#533610; }

div.infobox.npc dd,
div.infobox.npc dt { border-color:#390; }

div.infobox.npc .heading,
div.infobox.npc .subheading { background:#390; }

div.infobox.skill dd,
div.infobox.trait dd,
div.infobox.skill dt,
div.infobox.trait dt { border-color:#999; }

div.infobox.skill .heading,
div.infobox.trait .heading,
div.infobox.skill .subheading,
div.infobox.trait .subheading { background:#444; }

div.infobox.skill .icon > div { border:2px solid #111; }

div.infobox.effect .condition { background:#363; }

div.infobox.effect .boon { background:#399; }

div.infobox.pet dd,
div.infobox.pet dt { border-color:#360; }

div.infobox.pet .heading,
div.infobox.pet .subheading { background:#360; }

div.infobox.quest dd,
div.infobox.quest dt { border-color:#F90; }

div.infobox.quest .heading,
div.infobox.quest .subheading { background:#F90; }

div.infobox.area dd,
div.infobox.area dt { border-color:#306; }

div.infobox.area .heading,
div.infobox.area .subheading { background:#306; }

/* Дополнительные стили для инфобокcов */
div.infobox.specialization,
div.infobox.trait,
div.infobox.effect,
div.infobox.crafting,
div.infobox.item {
  width: 260px;
}

div.infobox.specialization dt, 
div.infobox.trait dt,
div.infobox.effect dt,
div.infobox.crafting dt,
div.infobox.item dt {
  width: 87px;
  line-height: 20px;
}

/** NAV BARS (headings are done with infobox headings) **/
div.nav {
  position:relative;
  width:500px;
  margin:auto;
}

div.nav .box {
  position:relative;
  font-size:.9230769231em;
  border-spacing:0;
  overflow:visible;
  min-height:60px;
  border:1px solid #AAA;
  margin:5px;
  padding:0;
}

div.nav .heading {
  font-family:Arial, sans-serif!important;
  background-color:#888;
  font-size:1.083em;
  line-height:100%;
  margin:-1px -1px 0;
  padding:.769em 0;
}

div.nav .subheading {
  font-family:Arial, sans-serif;
  font-size:1em;
  font-size-adjust:.52;
  padding:.833em 0;
}

.nav .selflink { font-weight:bold; }

div.nav dt,
div.nav dd,
div.infobox dt,
div.infobox dd,
div.nav table { line-height:1.667em; }

div.nav .center {
  text-align:center;
  margin:10px 0;
}

div.nav .box table {
  background-color:transparent;
  border-collapse:collapse;
  width:100%;
  margin:.667em 0;
}

div.nav dt {
  float:left;
  text-align:right;
  width:125px;
  clear:left;
  border-right:2px solid #999;
  margin:0 -2px 0 0;
  padding:2px 8px;
}

div.nav dd {
  float:left;
  text-align:left;
  border-left:2px solid #888;
  width:325px;
  margin:0;
  padding:2px 8px;
}

div.nav table th {
  text-align:right;
  border-right:2px solid #888;
  vertical-align:top;
  padding:2px 8px;
}

div.nav table td { padding:2px 8px; }

div.nav table td a,
div.nav table td strong.selflink { white-space:nowrap; }

div.nav.thin .box {
  width:400px;
  margin-left:50px;
}

div.nav.thin dt { width:75px; }

div.nav.thin dd { width:290px; }

div.nav.wide .box {
  width:600px;
  margin-left:-50px;
}

div.nav.wide dt { width:150px; }

div.nav.wide dd { width:400px; }

div.nav .heading .selflink { font-weight:bold !important; }

div.nav.npc .heading { background-color:#6C3; }

div.nav.npc dd,
div.nav.npc dt,
div.nav.npc table th { border-color:#6C3; }

div.nav.pve .heading { background-color:#FC6; }

div.nav.pve dd,
div.nav.pve dt,
div.nav.pve table th { border-color:#FC6; }

div.nav.equip .heading { background-color:#F96; }

div.nav.equip dd,
div.nav.equip dt,
div.nav.equip table th { border-color:#F96; }

div.nav.mech1 .heading { background-color:#69C; }

div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th { border-color:#69C; }

div.nav.mech2 .heading { background-color:#3CC; }

div.nav.mech2 dd,
div.nav.mech2 dt,
div.nav.mech2 table th { border-color:#3CC; }

div.nav.location .heading { background-color:#96C; }

div.nav.location dd,
div.nav.location dt,
div.nav.location table th { border-color:#96C; }

div.nav.lore .heading { background-color:#C6C; }

div.nav.lore dd,
div.nav.lore dt,
div.nav.lore table th { border-color:#C6C; }

div.nav.promo .heading { background-color:#9C3; }

div.nav.promo dd,
div.nav.promo dt,
div.nav.promo table th { border-color:#9C3; }

div.nav.quest .heading { background-color:#F8B57D; }

div.nav.quest dd,
div.nav.quest dt,
div.nav.quest table th { border-color:#F8B57D; }

div.nav.condition .heading { background-color:#51A651; }

div.nav.condition dd,
div.nav.condition dt,
div.nav.condition table th { border-color:#51A651; }

div.nav.hom .heading { background-color:#C96; }

div.nav.hom dd,
div.nav.hom dt,
div.nav.hom table th { border-color:#C96; }

div.nav.crafting .heading,
div.nav.recipe .heading { background-color:#963; }

div.nav.crafting dd,
div.nav.hom dt,
div.nav.crafting table th,
div.nav.recipe dd,
div.nav.hom dt,
div.nav.recipe table th { border-color:#963; }

div.nav.guardian .heading,
div.nav.guardian .subheading { background-color:#39C; }

div.nav.guardian dd,
div.nav.guardian dt,
div.nav.guardian table th { border-color:#39C; }

div.nav.revenant .heading,
div.nav.revenant .subheading { background-color:#C23F3A; }

div.nav.revenant dd,
div.nav.revenant dt,
div.nav.revenant table th { border-color:#C23F3A; }

div.nav.warrior .heading,
div.nav.warrior .subheading { background-color:#F93; }

div.nav.warrior dd,
div.nav.warrior dt,
div.nav.warrior table th { border-color:#F93; }

div.nav.engineer .heading,
div.nav.engineer .subheading { background-color:#963; }

div.nav.engineer dd,
div.nav.engineer dt,
div.nav.engineer table th { border-color:#963; }

div.nav.ranger .heading,
div.nav.ranger .subheading { background-color:#6C3; }

div.nav.ranger dd,
div.nav.ranger dt,
div.nav.ranger table th { border-color:#6C3; }

div.nav.thief .heading,
div.nav.thief .subheading { background-color:#C66; }

div.nav.thief dd,
div.nav.thief dt,
div.nav.thief table th { border-color:#C66; }

div.nav.elementalist .heading,
div.nav.elementalist .subheading { background-color:#EC5752; }

div.nav.elementalist dd,
div.nav.elementalist dt,
div.nav.elementalist table th { border-color:#EC5752; }

div.nav.mesmer .heading,
div.nav.mesmer .subheading { background-color:#939; }

div.nav.mesmer dd,
div.nav.mesmer dt,
div.nav.mesmer table th { border-color:#939; }

div.nav.necromancer .heading,
div.nav.necromancer .subheading { background-color:#396; }

div.nav.necromancer dd,
div.nav.necromancer dt,
div.nav.necromancer table th { border-color:#396; }

div.nav.asura .heading,
div.nav.asura .subheading { background-color:#96F; }

div.nav.asura dd,
div.nav.asura dt,
div.nav.asura table th { border-color:#96F; }

div.nav.charr .heading,
div.nav.charr .subheading { background-color:#D25D6B; }

div.nav.charr dd,
div.nav.charr dt,
div.nav.charr table th { border-color:#D25D6B; }

div.nav.human .heading,
div.nav.human .subheading { background-color:#FC3; }

div.nav.human dd,
div.nav.human dt,
div.nav.human table th { border-color:#FC3; }

div.nav.norn .heading,
div.nav.norn .subheading { background-color:#6CF; }

div.nav.norn dd,
div.nav.norn dt,
div.nav.norn table th { border-color:#6CF; }

div.nav.sylvari .heading,
div.nav.sylvari .subheading { background-color:#3C3; }

div.nav.sylvari dd,
div.nav.sylvari dt,
div.nav.sylvari table th { border-color:#3C3; }

/** PRINTER CHANGES **/
@media print {
#content {
  border:0 solid #FFF;
  box-shadow:none;
  border-radius:0;
}

#mainpagenavigation th,
div.infobox .heading,
div.infobox .subheading,
div.nav .heading,
div.nav .subheading {
  color:#000!important;
  text-shadow:none!important;
  border-width:0!important;
}
table.table > :first-child > tr:first-child,
table.table > :first-child > tr:first-child > *,
.table > tbody > tr > * { border:1px solid #000!important; }
.table { border-collapse:collapse!important; }
}

/* Hiding icon redlinks */
span.thumb-icon a.new {
  color:transparent;
  display:inline-block;
  font:0/0 a;
  overflow:hidden;
  vertical-align:middle;
}

/* Item icons */
span.thumb-icon.item-icon.small a.new {
  background-image:url("/images/thumb/7/74/Skill.png/20px-Skill.png");
  height:20px;
  width:20px;
}
span.thumb-icon.item-icon.medium a.new {
  background-image:url("/images/thumb/7/74/Skill.png/35px-Skill.png");
  height:35px;
  width:35px;
}

/* Infobox icons */
div.infobox-icon a.new {
  color:transparent;
  display:inline-block;
  font:0/0 a;
  overflow:hidden;
  vertical-align:middle;
  background-image:url("/images/thumb/7/74/Skill.png/40px-Skill.png");
  height:40px;
  width:40px;
}
div.skill-infobox-icon a.new {
  color:transparent;
  display:inline-block;
  font:0/0 a;
  overflow:hidden;
  vertical-align:middle;
  background-image:url("/images/thumb/7/74/Skill.png/48px-Skill.png");
  height:48px;
  width:48px;
}

/* Attribute prefix spacing (usually in infoboxes) */
.prefixwrapper dl {
    margin: 0;
}

/* Skill icons */
/* These will require more work since the template takes a continuous size parameter, rather than discrete size values */
*+html span.thumb-icon a.new { display: inline; } /* IE7 fix */
* html span.thumb-icon a.new { display: inline; } /* IE6 fix */

/* Inline icons */
/* div is used by [[Template:Icon]] */
div.inline-icon {
  display:inline-block;
  bottom:2px;
  overflow:visible;
  height:1.5384615385em;
  margin:0 0.167em;
}
/* span is used by [[Template:Effect icon]] */
span.inline-icon {
  display:inline-block;
  bottom:2px;
  overflow:visible;
  height:1.5384615385em;
}

/* Masthead links */
#upperBar {
  position:absolute;
  top:0;
  left:156px;
  height:30px;
  z-index:4;
  font-size-adjust:0.52;
}
#upperBar ul {
  padding:0px;
  margin:0px;
  list-style:none;
}
#upperBar ul li {
  margin:0;
  padding:0px;
  display:inline-block;
  font-family:"EasonPro","Times New Roman","serif";
}
#upperBar ul li a {
  color:#F1F9E2;
  text-transform:uppercase;
  font-size:12px;
  padding:8px 10px;
  line-height:2.6;
}
#upperBar ul li a:hover {
  text-decoration:none;
  color:white;
}
#upperBar ul li:first-child a:hover {
  background:url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
  background-position:-121px -30px;
}
#upperBar ul li:first-child+li a:hover {
  background:url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
  background-position:-206px -30px;
}
#upperBar ul li:first-child+li+li a:hover {
  background:url(/images/c/c7/Masthead_hover_background.png) no-repeat 0 -30px;
  background-position:-274px -30px;
}

/** Restore sort icons for sortable table headers **/
/* These are inserted as CSS background-image, which clashes with our fancy gradient overlays */
table.jquery-tablesorter th.headerSort {
  background-image:url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=);
  background-image:url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20Z)!ie;
  padding:0.5em;
  padding-right:21px;
}
table.jquery-tablesorter th.headerSortDown {
  background-image:url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==);
  background-image:url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20Z)!ie;
}
table.jquery-tablesorter th.headerSortUp {
  background-image:url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==);
  background-image:url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20Z)!ie;
}

/* And finally jquery overlays for tables that also use .table classes (two background images) */
table.table.jquery-tablesorter th.headerSort {
  background-image:url(data:image/gif;base64,R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=), url("/images/c/cc/Infobox_header_overlay.png");
  background-image:url(/resources/jquery/images/sort_both.gif?2012-12-04T21:08:20Z)!ie;
  background-repeat:no-repeat, repeat;
  background-position:100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortDown {
  background-image:url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==), url("/images/c/cc/Infobox_header_overlay.png");
  background-image:url(/resources/jquery/images/sort_down.gif?2012-12-04T21:08:20Z)!ie;
  background-repeat:no-repeat, repeat;
  background-position:100% 50%, 0% 0%;
}
table.table.jquery-tablesorter th.headerSortUp {
  background-image:url(data:image/gif;base64,R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==), url("/images/c/cc/Infobox_header_overlay.png");
  background-image:url(/resources/jquery/images/sort_up.gif?2012-12-04T21:08:20Z)!ie;
  background-repeat:no-repeat, repeat;
  background-position:100% 50%, 0% 0%;
}

/* Recipe boxes that don't look like infoboxes */
div.recipe-box {
  /* from div.infobox.recipe */
  min-width:300px;
  display:inline-block;
  float:none;
  clear:none;
  vertical-align:top;
  font-size:1em;
  margin:0 1em 0 0;
  /* from div.infobox */
  position:relative;
  background:#FFF;
  border:1px solid #AAA;
  padding:0;
  /* from div.infobox, div.nav .box */
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFEEEEEE);
  background-image:linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-o-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-moz-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-webkit-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-ms-linear-gradient(top,#FFF 0%,#EEE 100%);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(1,#EEE));
}

div.recipe-box::after {
  /* from div.infobox:after */
  bottom:-4px;
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}

div.recipe-box .subheading,
div.recipe-box .heading {
  text-align:center;
  background-color:#D3C0A8;
  padding:2px;
  font-weight:bold;
  background-image:url("/images/c/cc/Infobox_header_overlay.png")!important;
  border:1px solid rgba(0,0,0,0.25);
  margin:-1px -1px 5px!important;
}

div.recipe-box .subheading { border-width:0 1px; }

div.recipe-box dl { margin:10px 0; }

div.recipe-box dt {
  float:left;
  text-align:right;
  width:78px;
  line-height:1em;
  font-weight:700;
  clear:left;
  border-right:2px solid #A99A86;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 3px;
  line-height:1.667em;
}

div.recipe-box dd {
  float:left;
  border-left:2px solid #999;
  margin:0;
  padding:2px 7px;
}

/* For generic ingredient lists anywhere on the wiki */
div.ingredients dt {
  float:left;
  clear:left;
  text-align:right;
  font-weight:normal;
  width:25px;
  margin:0 -2px 0 0;
  padding:2px 2px 2px 3px;
  line-height:1.667em;
  border:none;
}

div.ingredients.wide dt { width:50px; }

div.ingredients dd {
  float:left;
  margin:0;
  padding:2px 7px;
  border:none;
}

div.ingredients dl { margin:2px 0; }

/* jqplot data labels (a SMW result format); improve readability */
.jqplot-data-label {
  color:white;
  text-shadow:1px 1px black;
}
.srf-jqplot-plot.bar.jqplot-target {
  color:black;
  font-size:120%;
}

/* For Semantic Forms with multiple template instances, such as for a row template. */
body.page-Glob_of_Ectoplasm_salvage_research .multipleTemplateList p,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .multipleTemplateList p { display:none; }
body.page-Glob_of_Ectoplasm_salvage_research div.multipleTemplateInstance.multipleTemplate,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research div.multipleTemplateInstance {
  padding:0px 5px !important;
  margin:0px !important;
  background:none !important;
  border:none !important;
}
.table.form-row::after               { background:none; }
.form-row tr th span input           { text-align:center; line-height:1; }
.form-row tr th span input.left      { text-align:left; }
input.form-lineheight                { height:20px; }
input.form-lineheight[type=checkbox] { margin:0px; }
select.form-lineheight               { height:30px; }

/* Remove top margin for ul within bug/anomaly templates */
.buglist ul { margin-top:0; }

/* Hide and reduce margins of horizontal rules between multiple navs */
.nav ~ hr {
  background-color:transparent;
  margin:0.5em 0 !important;
}

/* Hide smw annotation notice */
#smw-form-editpage-help { display:none; }

/* Fix last row spacing in SMW generated galleries */
.srf-gallery ul.gallery { text-align:left; }

/* Reduce width of SMW columns in ul format */
.smw-ul-columns div {
  width:unset !important;
  min-width:250px;
}

/**
 * Style for horizontal lists (separator following item).
 * @source mediawiki.org/wiki/Snippets/Horizontal_lists
 * @revision 6 (2014-05-09)
 * @author mediawiki.org/wiki/User:Edokter
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " • ";
    font-weight: bold;
    margin: 0 2px;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

/* Deletion page field indents */
@media screen and (min-width: 820px) {
    #mw-deleteconfirm-table div label { display: inline-block; width: 170px; text-align:right; margin-bottom:5px; }
    #mw-deleteconfirm-table input#wpWatch { margin-left: 156px; }
}

/* Class for [[Template:Trait compact table]] */
.faded img {
    opacity: 0.2;
}

/* Class for skill history project */
.skill-history {
    padding: 0.2em 0.5em 0.5em 0.5em;
    margin-bottom: 0.5em;
    border: 1px #AAA dashed;
    background-color: #f6f3e4;
}
.skill-history li {
    padding: 0.1em 0em;
}

/* SMW further results */
.table+.smw-template-furtherresults {
    display: block;
}
.table+.smw-template-furtherresults a {
    background: none;
    color: #0645AD;
}

/** Стили для JavaScript-виджетов **/
/* Trading Post prices (MediaWiki:TPprices.js) */
.gw2-tpprice {
  white-space: nowrap;
  text-align: right;
} 
.gw2-tpprice > img {
  position: relative;
  bottom: 1px;
  width: 15px;
  height: 15px;
}

/* Game links (MediaWiki:GameLinks.js) */
input.chatlink {
    font-size: 1em;
    position: absolute;
    margin-left: -2px;
    display: none;
    width: 6.6em;
}

/** Стили для mw-indicators **/
.mw-indicators {
    margin-top: -10px;
}