Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
a {word-wrap: break-word;}

a, a:visited, .mw-body a.external, .mw-body a.external:visited, .mw-body a.extiw:visited, .mbTV, .mbYT, .mbYTplaylist, .mbGfycat, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, span.label, .mbhoveron:hover > span.label {color: #106ecc; border-bottom: 1px solid transparent;}

.mw-body a:hover, #mw-head a:hover, .mw-body a.external:hover, .mw-body a.external:visited:hover, .mbTV:hover, .mbYT:hover, .mbYTplaylist:hover, .mbGfycat:hover, div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:visited:hover, span.label:hover, .mbhoveron:hover > span.label {text-decoration: none; border-bottom: 1px solid #106ecc; cursor: pointer;}

.mbhoveron > a:hover {border-bottom: 0;}

/* Miscellaneous changes */
/* CategoryTree smoother font */
.CategoryTreeSection > .CategoryTreeItem > .CategoryTreeBullet > .CategoryTreeToggle, .CategoryTreeSection > .CategoryTreeItem > .CategoryTreeEmptyBullet { font-family: Arial; font-size: 80%; }

/* Dismissable Site Notice */
div.mw-dismissable-notice .mw-dismissable-notice-body { margin:0; margin-bottom:.5em; }
div.mw-dismissable-notice .mw-dismissable-notice-close { margin-right:5px; }

.accordNext {cursor: pointer; padding: 0.25em 0.75em; background-color: #d9d9d9;}
.accordNext:after {background-image: url('http://metabattle.com/wiki/images/1/1d/Plus_box_icon.png');}
.accordNext.expanded:after {background-image: url('http://metabattle.com/wiki/images/b/b5/Minus_box_icon.png');}
.accordNext:after, .accordNext.expanded:after {
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0.25em;}
.accordNext + * {padding: 0.25em 0.75em;}

.mbTV, .mbYT, .mbYTplaylist, .mbGfycat {border-bottom: 1px solid transparent;}

video.gfycat {display: block;}

.rating-template-meta {background: #666666 url(http://metabattle.com/wiki/images/d/da/Texture_33-155672.png); color: #CCC; border: 1px solid #242424;}
.rating-template-non-meta {background: #F5F5F5 url(http://metabattle.com/wiki/images/7/71/Texture_F5-155672.png); color: #666; border: 1px solid #aaa;}

.fancybox-overlay {z-index: 9999;}

.icon-star > img {vertical-align: top;}

.redteamcolor {color: #D50000;}
.blueteamcolor {color: #2046DF;}

div#siteNotice {font-size: 1.2em; text-align: left;}
.banner, .linkbanner {width: 100%; display: table; background: #fff url('http://www-cdn.jtvnw.net/images/xarth/bg_noise.png'); color: #444; margin: -1em 0 1em;}
div#siteNotice .banner, div#siteNotice .linkbanner {margin-top: 0em;}
.banner > div:first-child, .linkbanner > div:first-child {width: 118px; padding-left: 10px; display: table-cell; vertical-align: middle;}
.banner > div:last-child, .linkbanner > div:last-child {display: table-cell; vertical-align: middle;}
div.linkbanner:hover > div:last-child > p:after {content: "icon"; /* text-indent: -999em; */ display: inline; width: 48px; height: 48px; background: url(/wiki/skins/common/images/external-link-icon-dark.png) 0px 0px no-repeat; /* margin: 5% 0 0 45%; */ background-size: 20px 20px; color: transparent;}
.mainpagetwitch {
    background: #6441a5 url('http://www-cdn.jtvnw.net/images/xarth/bg_noise.png');
    color: #fff;
    /* margin: -1em 0 1em; */
    padding: 0.5em 1em;
    cursor: pointer;
}
.mainpagetwitch > img {padding-right: 1em;}

.pvp-shoutcast {width: 100%; display: table; background: #19191f url('http://www-cdn.jtvnw.net/images/xarth/bg_noise.png'); color: white; margin: -1em 0 1em;}
.pvp-shoutcast > div:first-child {width: 118px; padding-left: 10px; display: table-cell; vertical-align: middle;}
div.pvp-shoutcast:hover > div:last-child > p:after {content: "icon"; /* text-indent: -999em; */ display: inline; width: 48px; height: 48px; background: url(/wiki/skins/common/images/external-link-icon.png) 0px 0px no-repeat; /* margin: 5% 0 0 45%; */ background-size: 20px 20px; color: transparent;}

.qqmore {width: 100%; display: table; background: #0aad82; color: white; margin: -1em 0 1em; padding-left: 10px;}
/* .qqmore > div:first-child {width: 118px; padding-left: 10px; display: table-cell; vertical-align: middle;}
div.qqmore:hover > div:last-child > p:after {content: "icon"; /* text-indent: -999em; */ display: inline; width: 48px; height: 48px; background: url(/wiki/skins/common/images/external-link-icon.png) 0px 0px no-repeat; /* margin: 5% 0 0 45%; */ background-size: 20px 20px; color: transparent;} */

/*find all the "new page"/red links to convert as well*/
div.vectorTabs li.new a:hover, div.vectorTabs li.new a:visited:hover {text-decoration: none; border-bottom: 1px solid #a55858;}

.mbTV, .mbYT, .mbYTplaylist, .mbGfycat {display: inline; cursor: pointer;}
div#toc {float: right; margin-left: 1.5em; padding: .66em 1em .33em; border: 0;} /*  margin-bottom: 1em; */
.tocnumber {display:none;}
div#mw-panel {position: fixed}
.floatleft {float: left}
.floatright {float: right}
.clear {clear: both}
.gold {color: #ffcc77;}
.runesigil {color: #ffaa00;}
.rare {color: #ffdd22;}
.masterwork {color: #2bbc0d;}
.magic {color: #679ce5;}
.bgeee {background-color: #eee;}
.colorFFF {color: #fff;}
@font-face {
    font-family: 'Menomonia';
    src: url('/fonts/menomonia/08-02-12/font/menomonia.eot');
    src: url('/fonts/menomonia/08-02-12/font/menomonia.eot?#iefix') format('embedded-opentype'),
         url('/fonts/menomonia/08-02-12/font/menomonia.woff') format('woff'),
         url('/fonts/menomonia/08-02-12/font/menomonia.ttf') format('truetype'),
         url('/fonts/menomonia/08-02-12/font/menomonia.svg#MenomoniaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.Menomonia {font-family: 'Menomonia';}
/*Fonts*/
@font-face
{
  font-family: 'EasonPro';
  src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: 'EasonPro';
  src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face
{
  font-family: 'EasonPro';
  src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face
{
	font-family: 'CronosPro';
	src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-regular-webfont.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

@font-face
{
	font-family: 'CronosPro';
	src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-italic-webfont.woff') format('woff');
	font-weight:normal;
	font-style:italic;
}

@font-face
{
	font-family: 'CronosPro';
	src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-semibold-webfont.woff') format('woff');
	font-weight:bold;
	font-style:normal;
}

@font-face
{
	font-family: 'CronosPro';
	src: url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/cronos/v1/cronospro-semibolditalic-webfont.woff') format('woff');
	font-weight:bold;
	font-style:italic;
}

.w52 {width: 52px;}
.w295 {width: 295px;}
.h52 {height: 52px;}

/* Header Tags */
h1#firstHeading > span {margin-right: 0.5em}
div.htag {display: inline-block}
span.htag {background: #ccc; padding: .5em 1.25em; margin: .5em; font-size: .5em; position: relative; bottom: .5em;}
span.htag:first-child {margin-left: 0;}
div.htag > .PvE {background-color: #;}
div.htag > .WvW {background-color: #;}
div.htag > .PvP {background-color: #;}
div.htag > .General {background-color: #;}
div.htag > .Dungeon {background-color: #;}
div.htag > .WorldBoss {background-color: #;}
div.htag > .Zerg {background-color: #;}
div.htag > .Roaming {background-color: #;}
div.htag > .Conquest {background-color: #;}
div.htag > .Meta {background-color: #;}
div.htag > .Great {background-color: #;}
div.htag > .Good {background-color: #;}
div.htag > .Trial {background-color: #;}
div.htag > .Testing {background-color: #;}
div.htag > .Archived {background-color: #;}
div.htag > .Trash {background-color: #;}
div.htag > .Guardian {background-color: #;}
div.htag > .Warrior {background-color: #;}
div.htag > .Engineer {background-color: #;}
div.htag > .Ranger {background-color: #;}
div.htag > .Thief {background-color: #;}
div.htag > .Elementalist {background-color: #;}
div.htag > .Mesmer {background-color: #;}
div.htag > .Necromancer {background-color: #;}

/* Logo */
#p-logo {left: 16px;} /* was 0.5em */
#p-logo {top: -155px;} /* -160px */
#p-logo > a {background-image: url(/wiki/skins/common/images/logo-default.png); background-size: 197px 154px} /* 180px 154px for original; 197px 154px for green */

/* Left Navbar */
div#mw-panel {padding: 2em 1em 0; width: 9em;} /* 1em */
#mw-panel.collapsible-nav .portal {background-image: none; padding: 1em 0 !important; margin: 0;}
#mw-panel.collapsible-nav .portal.first {margin-top: 0em !important; padding-top: 0em !important;}
#mw-panel.collapsible-nav .portal.first h3 {display: none;}
.client-js #p-navigation-label { display: none; }
#mw-panel.collapsible-nav .portal.persistent .body {margin: 0em;}
div#mw-panel div.portal div.body {margin: 0; background-image: none;}

/* main-page */
.page-MetaBattle_Wiki #contentSub {display: none;}
.main-page-title {font-size: 1.5em; margin:0.5em; text-align:center; font-family: EasonPro}
.main-page-title span {padding: 0 .25em;}
.main-page-title span.small {font-size: 0.75em; padding: 0;}
.main-page-intro {width:100%; display: table; color: #454545; font-size: .9em;}
.main-page-intro > div:first-child {width: 150px; display: table-cell; vertical-align: middle;}
.main-page-intro > div:first-child > img {padding-top: .9em;}
.main-page-intro > div:last-child {display: table-cell; vertical-align: top;}
.main-page-intro ul {list-style: none; padding: 0; margin: 0 0 0 1.25em;}
.main-page-intro > ul {margin-left: .25em;}
.main-page-intro li {margin-bottom: 0;}
.main-page-intro li::before {content: "•"; color: rgb(148, 137, 123); padding-right: .5em; font-size: 1.25em; line-height: 1.5em;}

/* Profession Builds Header */
div.All-Profession-Builds-Category {}
div.All-Profession-Builds-Category > div {float: left;}
div.All-Profession-Builds-Category > div > div {float: left;}
div.All-Profession-Builds-Category > div > div > div {float: left;}
div.All-Profession-Builds-Category > div > div > div > div {float: left; color: #666; font-style: italic; font-weight: bold; background: #ccc; padding: .75em; width: 122px; text-align: center}
div.All-Profession-Builds-Category > div > div > div > div > img {padding-right: .25em; position: relative; top: -2px;}
div.All-Profession-Builds-Category > div > div > div > div > a {color: #000; text-decoration: none; font-weight: normal; font-style: normal;}
div.All-Profession-Builds-Category > div > div > div > div > a:hover {color: #1a1a1a; text-decoration: underline;}
div.All-Profession-Builds-Category div.Guardian {background: #b9e0ec}
div.All-Profession-Builds-Category div.Guardian > img {top: -1px;}
div.All-Profession-Builds-Category div.Warrior {background: #ffe8b3}
div.All-Profession-Builds-Category div.Engineer {background: #e8bc84}
div.All-Profession-Builds-Category div.Ranger {background: #c7efa2}
div.All-Profession-Builds-Category div.Thief {background: #dec6c9}
div.All-Profession-Builds-Category div.Elementalist {background: #fbc5c3}
div.All-Profession-Builds-Category div.Necromancer {background: #a9d3b7}
div.All-Profession-Builds-Category div.Necromancer > img {top: 0px;}
div.All-Profession-Builds-Category div.Mesmer {background: #dbbcea}
div.All-Profession-Builds-Category div.Mesmer > img {top: 0px;}

/* Hover Tooltips */
span.label {font-weight: normal;}

.mbhoveron {
	cursor:pointer; display: inline-block;
}
.mbhi {position: relative; display: inline-block !important;}
.mbinfo {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height: 16px;
	color: #f0f0f0;
	display: none;
	max-width: 295px;
	background: #182b38 url('http://metabattle.com/wiki/images/2/29/Hover-Tooltip-Texture.png') no-repeat 0px 0px;
	text-shadow: 1px 1px #000;
	border: 2px solid #050504;
	opacity: .925;
	padding: 5px;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:1;
}
.mbinfo > .mbinfo-main {

}
.mbinfo .title {
	margin: 0px 0px .5em;
}
.mbinfo .title > div.title-name {
	float: left;
	color: #ffcc77;
}
.mbinfo .title > div.title-details {
	float: right;
}
.mbinfo .title > div.title-details > div {
	display: inline-block;
	margin-right: .333em;
}
.mbinfo .title > div.title-details > div:last-child {
	margin-right: 0em;
}
.mbinfo .title > div.title-details > div > span {
	font-size: 16px;
	line-height: 16px;
	/*font-family: 'Segoe UI', Arial;*/
	padding-right: 1px;
	position: relative;
	/*top: 1px;*/
}
.mbinfo .title > div.title-name > img {
	border: 1px solid #bbb;
	border-left: 1px solid rgba(255,255,255,.7);
	border-top: 1px solid rgba(255,255,255,.7);
	border-right: 1px solid rgba(255,255,255,.45);
	border-bottom: 1px solid rgba(255,255,255,.45);
        margin-right: .33em;
}
.mbinfo .title > div.title-name > .runesigil {
	padding-left: .5em;
}
.mbinfo div.desc-det {
	color: #aaa;
	list-style: none outside;
	margin: .75em 0px 0px;
	padding: 0px;
}
.mbinfo div.desc-det > span.noma {
	margin: 0;
	line-height: 1.25em;
	display: block;
	padding: 0;
}
.mbinfo div.desc-det > div {
	display: block;
	clear: both;
	margin-bottom: -4px;
}
.mbinfo div.desc-det > div > a {
	float: left;
}
.mbinfo div.desc-det > div > sub {
	float: left;
	position: relative;
	left: 15px;
	top: -6px;
	text-align: right;
	width: 15px;
	color: #39FF00;
	clear: both;
	font-size: 14px;
	text-shadow: -1px 0 black,0 1px black,1px 0 black,0 -1px black;
	line-height: 0px;
}
.mbinfo div.desc-det > div > sub.linked {
	left: 46px;
}
.mbinfo div.desc-det > div > sub.icon-2 {
	left: 46px;
}
.mbinfo div.desc-det > div > span {
	height: 32px;
	margin-bottom: 2px; /* is this needed? */
	padding-left: 5px;
	display: block;
	display: table-cell;
	vertical-align: middle;
	line-height: 13px;
}
.mbinfo div.desc-det.food > div.len + div {
  padding-top: 1em;
}
.mbinfo div.desc-det.food > div > span > span {
  display: block;
  line-height: 1;
  padding-top: .25em;
}
.mbinfo div.desc-det.food > div > span > span:first-child {
  padding-top: 0em;
}
.mbinfo div.desc-det.food > div > a {
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.mbinfo div.desc-det > div.consumable-tag {
    margin-top: 1em;
    color: #fff;
}
.mbinfo div > span:last-child {
	margin-bottom: 0px;
}
/* delete next i think */
.mbinfo div.desc-det > span, span.icon {
  background-repeat:no-repeat;
  padding: 0 0 0 32px;
}

/* Main Page Builds Intro */
.builds-intro {
    width: 100%; 
    margin-top: 1em;
    padding-top: 1.5em;
}
.builds-intro-first {
    border-top: 1px dashed #D9D9D9;
    padding-top: 1em;
}
.builds-intro-pve, .builds-intro-GvG, .builds-intro-pvp, .builds-intro-soldiers, .builds-intro-adventurers, .builds-intro-scholars {width: 32%; float: left; margin-right: 2%; text-align: center;}
.builds-intro-pvp, .builds-intro-scholars {margin-right: 0%;}
.builds-intro-soldiers, .builds-intro-adventurers, .builds-intro-scholars {/*padding-top: 325px;*/ padding-bottom: 0.5em;}
.builds-intro-soldiers {/*background: url('http://metabattle.com/wiki/images/3/38/SoldiersGW2.jpg') no-repeat center top;*/}
.builds-intro-adventurers {/*background: url('http://metabattle.com/wiki/images/d/da/AdventurersGW2.jpg') no-repeat center -10px;*/}
.builds-intro-scholars {/*background: url('http://metabattle.com/wiki/images/2/2d/ScholarsGW2.jpg') no-repeat center top;*/}
div.builds-intro > div > div > div.mbhi > div.mbhoveron > span {color: rgba(0, 0, 0, 0.8);}
div.builds-intro > div > div:hover > div.mbhi > div.mbhoveron > span {color: rgba(0, 0, 0, 1); border-bottom: 1px solid #000;}

div.builds-intro > div > div > div.mbhi > div.mbhoveron {width: 100%; padding: .25em 0; margin: .25em 0; font-size: 1.25em;}
div.builds-intro > div > div > div.mbhi > div.mbhoveron > img {padding-right: 0.33em;}
.builds-intro-header {background-color:#d3d3d3; cursor: pointer; margin: 1em 0 0; padding: 0;}
.builds-intro-list {display: none; padding: 0 0 1.5em;}
.builds-intro-list p.title {background-color: rgba(150,150,150,.1); font-size: 1.1em;}
div#content .builds-intro-list p.title {margin-top: 1.5em;}
div#content .builds-intro-list p.title img {margin-right: .5em;}
div#content .builds-intro-list p.title:first-child {margin-top: 0em;}
div#content .builds-intro-list p.title.test {padding-top: 1.5em; border-top: 1px solid rgba(0,0,0,0.1);}
div#content .builds-intro-list p.title.test, div#content .builds-intro-list p.title.draft {background: none;}
.builds-intro-list .metateam a:before, .builds-intro-list .goodteam a:before {font-size: .6em; font-spacing: 2px; letter-spacing: .2em; padding: .25em .25em .25em .4em; vertical-align: middle; margin-right: .5em;}
.builds-intro-list .metateam a:before {content: 'Meta'; color: #E6BA5A; background: rgba(34, 34, 34, 0.9); border: 1px solid rgba(34, 34, 34, 0.9);}
.builds-intro-list .goodteam a:before {content: 'Good';     color: #657583; background: #E5E5E5; border: 1px solid #aaa;}
.builds-intro-pve > div {background: #f7dfa3; border: 0px solid #d19600;}
.builds-intro-pve > div.builds-intro-list {background: rgb(255, 244, 216);}
.builds-intro-GvG > div {background: #b8cae5; border: 0px solid #6680a8;}
.builds-intro-GvG > div.builds-intro-list {background: #D8E3F4;}
.builds-intro-pvp > div {background: #cab7e6; border: 0px solid #5521a4;}
.builds-intro-pvp > div.builds-intro-list {background: #E7DCF9;}
.builds-intro-header-guardian {background: rgba(180,235,255,0.9); border: 0px solid rgb(0, 86, 100);}
.builds-intro-list-guardian {background: rgba(235, 250, 255, 0.901961);}
.builds-intro-header-revenant {background: rgba(255, 184, 184, 0.9); border: 0px solid 0px solid rgb(97, 0, 0);}
.builds-intro-list-revenant {background: rgba(232, 207, 207, 0.9);}
.builds-intro-header-warrior {background: rgba(255, 236, 180, 0.9); border: 0px solid rgb(100, 86, 0);}
.builds-intro-list-warrior {background: rgba(255, 251, 239, 0.9);}
.builds-intro-header-engineer {background: rgba(255, 215, 180, 0.9); border: 0px solid rgb(100, 68, 0);}
.builds-intro-list-engineer {background: rgba(255, 245, 237, 0.9);}
.builds-intro-header-ranger {background: rgba(216, 255, 180, 0.9); border: 0px solid rgb(48, 100, 0);}
.builds-intro-list-ranger {background: rgba(246, 255, 237, 0.9);}
.builds-intro-header-thief {background: rgba(226, 183, 183, 0.9); border: 0px solid rgb(100, 0, 0);}
.builds-intro-list-thief {background: rgba(231, 219, 219, 0.9);}
.builds-intro-header-elementalist {background: rgba(255, 180, 180, 0.9); border: 0px solid rgb(132, 0, 0);}
.builds-intro-list-elementalist {background: rgba(255, 230, 230, 0.9);}
.builds-intro-header-mesmer {background: rgba(255, 180, 255, 0.9); border: 0px solid rgb(100, 0, 70);}
.builds-intro-list-mesmer {background: rgba(255, 234, 255, 0.9);}
.builds-intro-header-necromancer {background: rgba(180, 255, 212, 0.9); border: 0px solid rgb(0, 100, 49);}
.builds-intro-list-necromancer {background: rgba(235, 255, 244, 0.9);}


/* Main Page Builds Template */
.main-builds-meta, .main-builds-great, .main-builds-good, .main-builds-all, .main-builds-testing, .main-builds-trial {font-weight: bold;}
.main-builds-meta a, .main-builds-meta a:hover {color: #7a007a}
.main-builds-great a, .main-builds-great a:hover {color: #17b117}
.main-builds-good a, .main-builds-good a:hover {color: #728805}
.main-builds-all a, .main-builds-all a:hover {color: #72471c}
.main-builds-testing a, .main-builds-testing a:hover {color: #5858c1}
.main-builds-trial a, .main-builds-trial a:hover {color: #c15858}
div.main-builds {margin-bottom: 1.5em; min-width: 650px;}
div.main-page-footer {min-width: 650px; padding-top: 2em; margin: 0.5em 0 1.5em;}
div.main-builds > span.main-builds-header {display: inline-block; font-size: 24px; position: relative; top: 10px; padding-left: .25em;}
div.main-builds > div {margin-top: 1em;}
div.main-builds > div > div {float: left; border-bottom: 1px solid #ccc;}
div.main-page-footer > div {float: left; border-bottom: 0px solid #ccc; width: 32%; margin-right: 2%;}
div.main-page-footer > div.col3 {margin-right: 0%;}
div.main-page-footer > div > div > div {padding: 0px 1em; text-align: center; margin-bottom: 1em; font-size: 1.15em;}
div.main-page-footer > div > div > div:last-child {border-bottom: 0.5em;}
div.main-builds-PvE > div > div {border-bottom-color: #d19600;}
div.main-builds-GvG > div > div {border-bottom-color: #6680a8;}
div.main-builds-PvP > div > div {border-bottom-color: #5521a4;}
div.main-builds-Miscellaneous > div > div {border-bottom-color: #21a421;}
div.main-builds > div > div.main-builds-untested {border-bottom: 1px dashed #999;}
div.main-builds > div > div > div {text-align: center;}
div.main-builds > div > div > div:first-child {font-weight: bold; border-bottom: 1px solid #ccc;}
div.main-builds-PvE > div > div > div:first-child {background: #f7dfa3; border-bottom-color: #d19600;}
div.main-builds-GvG > div > div > div:first-child {background: #b8cae5; border-bottom-color: #6680a8;}
div.main-builds-PvP > div > div > div:first-child {background: #cab7e6; border-bottom-color: #5521a4;}
div.main-builds-Miscellaneous > div > div > div:first-child {background: #bae6b7; border-bottom-color: #21a421;}
div.main-page-latw > div:first-child, div.main-page-bbp > div:first-child, div.main-page-oaab > div:first-child, div.main-page-guides > div:first-child {background: #eee; border-bottom: 1px solid #ccc; font-weight: bold;}
div.main-page-latw {margin-bottom: 1.5em;}
div.main-page-footer > div.main-page-latw {border-bottom-color: #5ccef5}
div.main-page-latw > div:first-child {background: #D5DDF4; border-bottom-color: #5B7DE2}
div.main-page-footer > div.main-page-oaab {border-bottom-color: #AE5B5D}
div.main-page-oaab > div:first-child {background: #EAC8C9; border-bottom-color: #AE5B5D;}
div.main-page-footer > div.main-page-bbp {border-bottom-color: #766847}
div.main-page-bbp > div:first-child {background: #F0E3C5; border-bottom-color: #766847}
div.main-page-footer > div.main-page-guides {border-bottom-color: #21a421}
div.main-page-guides > div:first-child {background: #bae6b7; border-bottom-color: #21a421;}
div.main-page-bbp > div > div > a {padding-left: 0.5em;}
div.main-builds-type {min-width: 100px; width: 20%;}
div.main-builds > div > div.main-builds-type > div {text-align: left}
div.main-builds-type > div:first-child {padding-left: 1em;}
div.main-builds-type > div > div {padding-left: 2em; text-align: left}
div.main-builds-rows > div > div {width: 150px; display: inline-block;}
div.main-builds-working {min-width: 315px; width: 54%; margin-right: 2%;}
div.main-builds-working > div.main-builds-rows > div > div {min-width: 75px; width: 24%;}
div.main-builds-untested {min-width: 155px; width: 24%;}
div.main-builds > div > div.main-builds-untested > div:first-child {background: #ddd; border-bottom: 1px dashed #999; font-weight: normal; font-style: italic;}
div.main-builds-untested > div.main-builds-rows > div > div {min-width: 75px; width: 48%;}
div.main-builds > div > div > div:last-child {}
div.main-builds > div > div.main-builds-untested > div:last-child {}

.redtable a.extiw, .yellowtable a.extiw, .bluetable a.extiw, .redtable a.extiw:visited, .yellowtable a.extiw:visited, .bluetable a.extiw:visited {color: #0645ad;}

.redtable {width: 100%; background-color: #ffe0d6; border-collapse: collapse; border: 1px solid #ec4c2c;}

.redtable td {border: 1px solid #ec4c2c; padding-left: 5px;}

.purpletable {width: 100%; background-color: #cab7e6; border-collapse: collapse; border: 1px solid #5521a4;}

.purpletable td {border: 1px solid #5521a4; padding-left: 5px;}

.bluetable {width: 100%; background-color: #6680a8; border-collapse: collapse; border: 1px solid #6680a8;}

.bluetable td {border: 1px solid #6680a8; padding-left: 5px;}

.yellowtable {width: 100%; background-color: #fff8dc; border-collapse: collapse; border: 1px solid #ecb42c;}

.yellowtable td {border: 1px solid #ecb42c; padding-left: 5px;}

.sredtable{width: 800px; background-color: #ffe0d6; border-collapse: collapse; border: 2px solid #ec4c2c;}

.sredtable td {border: 1px solid #ec4c2c;}

.weapontable{text-align: left; width: 900px;}

.bluetable {width: 100%; background-color: #E3F3FF; border-collapse: collapse; border: 1px solid #5CCEF5;}

.bluetable td {border: 1px solid #5CCEF5; padding-left: 5px;}

#mw-page-base {background-image: none; background-color: transparent;}

body {background-color: #fff; background-image: url("http://metabattle.com/wiki/skins/common/images/metabattle-paint-strokes-green.png"); background-repeat: no-repeat; background-position: left top;}

/* TEST LAYOUT STARTS HERE */
#p-personal ul { padding-left: 0;}
#p-personal {background-color: white; margin-top: -5px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
body {background-attachment: fixed;}
/* TEST LAYOUT ENDS HERE */

.tagtable {float: left; display: inline; list-style: none;}

/* Traits Template */
.change-to {font-size: 1.25em; line-height: 1em;}
.trait-allocation{}
.trait-line{}
.trait-minor-mesmer{}
.trait-master{}
.Hexagon-Trait{display: inline;}
.Traits > div {float:left; width: 125px; position: relative; top: 5px;}
.Traits > div > div.Hexagon-Trait {float:left; padding-left:20px; position: relative;}
.Traits > div:first-child {width: 160px; padding-left: 10px; color: #fff;}
.Traits > div:first-child > div:last-child {/*font-family: 'Menomonia';*/ font-size: 48px; line-height: 1em; text-align: center; width: 20px; display: inline-block; position: relative; top: 16px; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.Traits > div:first-child > div:first-child {position: relative; top: 3.5px; width: 115px; display: inline-block; top: 5px; font-size: 15px; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.Traits > div {padding-top: 12px;}
.Traits > div:first-child {padding-top:0px}
.Traits > div > div:first-child {padding-top: 7px;}
.Traits > div.trait-info > div:first-child {padding-top: 0px;}
.Traits-Header > div:first-child {color: #000; width: 630px; top: 0px; padding-left: 0px;}
.Traits-Header > div > span:first-child {width: 245px; text-align: left; font-weight: bold; font-size: 16px; line-height: 1em;}
.Traits-Header > div > span {width: 125px; display: inline-block; text-align: center;}
div.trait-info > div:first-child {margin: 8px 0px 0px 0px; top: 0px;}
div.trait-info{color: #fff; width: 65px; font-size: 10px; padding: 0px 5px 0px 0px; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
div.Traits-GW2SkillsLink {height: inherit; text-align: right; font-size: 10px;}

/* Background of Trait Lines */
.Traits {width: 630px; height: 90px; margin-bottom: 2px;}
.Traits-Header {height: 1.25em; display: inline-block; font-size: 10px;}
.Traits-Guardian-1, .Traits-Guardian-2, .Traits-Guardian-3, .Traits-Guardian-4, .Traits-Guardian-5 {
     background: url('http://metabattle.com/wiki/images/4/44/Guardian-trait_sheet.jpg') no-repeat
}
.Traits-Warrior-1, .Traits-Warrior-2, .Traits-Warrior-3, .Traits-Warrior-4, .Traits-Warrior-5 {
     background: url('http://metabattle.com/wiki/images/e/ed/Warrior-trait_sheet.jpg') no-repeat
}
.Traits-Engineer-1, .Traits-Engineer-2, .Traits-Engineer-3, .Traits-Engineer-4, .Traits-Engineer-5 {
     background: url('http://metabattle.com/wiki/images/6/6b/Engineer-trait_sheet.jpg') no-repeat
}
.Traits-Ranger-1, .Traits-Ranger-2, .Traits-Ranger-3, .Traits-Ranger-4, .Traits-Ranger-5 {
     background: url('http://metabattle.com/wiki/images/4/46/Ranger-trait_sheet.jpg') no-repeat
}
.Traits-Thief-1, .Traits-Thief-2, .Traits-Thief-3, .Traits-Thief-4, .Traits-Thief-5 {
     background: url('http://metabattle.com/wiki/images/0/01/Thief-trait_sheet.jpg') no-repeat
}
.Traits-Elementalist-1, .Traits-Elementalist-2, .Traits-Elementalist-3, .Traits-Elementalist-4, .Traits-Elementalist-5 {
     background: url('http://metabattle.com/wiki/images/1/19/Elemetalist-trait_sheet.jpg') no-repeat
}
.Traits-Mesmer-1, .Traits-Mesmer-2, .Traits-Mesmer-3, .Traits-Mesmer-4, .Traits-Mesmer-5 {
     background: url('http://metabattle.com/wiki/images/8/8d/Mesmer-trait_sheet.jpg') no-repeat
}
.Traits-Necromancer-1, .Traits-Necromancer-2, .Traits-Necromancer-3, .Traits-Necromancer-4, .Traits-Necromancer-5 {
     background: url('http://metabattle.com/wiki/images/5/5e/Necromancer-trait_sheet.jpg') no-repeat
}
.Traits-Guardian-1, .Traits-Warrior-1, .Traits-Engineer-1, .Traits-Ranger-1, .Traits-Thief-1, .Traits-Elementalist-1, .Traits-Mesmer-1, .Traits-Necromancer-1 {
     background-position: 0px 0px;
}
.Traits-Guardian-2, .Traits-Warrior-2, .Traits-Engineer-2, .Traits-Ranger-2, .Traits-Thief-2, .Traits-Elementalist-2, .Traits-Mesmer-2, .Traits-Necromancer-2 {
     background-position: -632px 0px;
}
.Traits-Guardian-3, .Traits-Warrior-3, .Traits-Engineer-3, .Traits-Ranger-3, .Traits-Thief-3, .Traits-Elementalist-3, .Traits-Mesmer-3, .Traits-Necromancer-3 {
     background-position: -1264px 0px;
}
.Traits-Guardian-4, .Traits-Warrior-4, .Traits-Engineer-4, .Traits-Ranger-4, .Traits-Thief-4, .Traits-Elementalist-4, .Traits-Mesmer-4, .Traits-Necromancer-4 {
     background-position:-1896px 0px;
}
.Traits-Guardian-5, .Traits-Warrior-5, .Traits-Engineer-5, .Traits-Ranger-5, .Traits-Thief-5, .Traits-Elementalist-5, .Traits-Mesmer-5, .Traits-Necromancer-5 {
     background-position: -2528px 0px;
}

/* Concise Traits */
.Concise-Traits {display: inline-block; background: #182b38 url(http://metabattle.com/wiki/images/2/29/Hover-Tooltip-Texture.png) no-repeat 0px 0px; border: 2px solid black; margin-right: 1.25em; margin-bottom: 1.75em;}
.Concise-Traits:last-child {margin-right: 0; margin-bottom: 1em;}
.Concise-Traits > .Traits, .Concise-Traits > .Traits-Header > div:first-child {background: none; background-color: rgba(0,0,0,0.2);}
.Concise-Traits > .Traits {width: 320px; margin-bottom: 0px; height: 60px;}
.Concise-Traits > .Traits:last-child {padding-bottom: 0.75em;}
.Concise-Traits > .Traits > div {width: 90px; padding-top: 0px;}
.Concise-Traits > .Traits > div > div.Hexagon-Trait {padding-left: 0px;}
.Concise-Traits > .Traits > div > div:first-child {padding-right: 3px;}
.Concise-Traits > .Traits > div:first-child {width: 20px; text-align: right; padding-right: 8px;}
.Concise-Traits > .Traits > div:first-child > div:first-child {display: none;}
.Concise-Traits > .Traits > div:first-child > div:last-child {top: 10px; font-size: 36px;}
.Concise-Traits > .Traits > div.trait-info {display: none;}
.Concise-Traits > div.Traits-Header  {height: 1.25em;}
.Concise-Traits > .Traits-Header > div:first-child {top: -4px; width: 300px; padding: .5em 1em 1em;}
.Concise-Traits > .Traits-Header > div > span {display: none;}
.Concise-Traits > .Traits-Header > div > span:first-child {display: block; width: 300px; font-size: 12px; text-align: center; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; position: relative; top: 4px;}
.Concise-Traits > .Traits-Header > div:first-child, .Concise-Traits > .Traits > div:first-child > div:last-child {color: #e5e5e5}
.Concise-Traits > .Traits-Header > div:first-child {}
.Concise-Traits > .Traits-Warrior-1, .Concise-Traits > .Traits-Guardian-1, .Concise-Traits > .Traits-Engineer-1, .Concise-Traits > .Traits-Ranger-1, .Concise-Traits > .Traits-Thief-1, .Concise-Traits > .Traits-Elementalist-1, .Concise-Traits > .Traits-Mesmer-1, .Concise-Traits > .Traits-Necromancer-1 {margin-top: 5px;}

/* Templates */
/* Merge */
div.merge{width: 100%; text-align: center; padding: 1em 0; background: #FFF8E0; margin: 3em 0;}

/* Wiki Signatures Custom CSS */

.Chase-Signature {display: inline-block; color:#0A9374;}
.Chase-Signature > span.talk > a, .Chase-Signature > span.talk > strong {font-size: 12px;}
.Chase-Signature > strong {display:inline; font-weight: normal;}
.Chase-Signature > a {color:#0A9374; display:inline; font-weight: normal;}
.Chase-Signature > * > a {display:inline; color:#FCB7B7;}
.Chase-Signature > * > strong {display:inline; color:#FCB7B7;}
.Chase-Signature > *:first-child, .Chase-Signature > *:last-child {display: inline; color:#AEAEAE;}

/* New Design -- Modern+GW2 Mixed */
body {background-color: #f5f5f5; font-family: CronosPro;}
pre, .mw-code {font-size: 0.8em; line-height: 2em;}
div.vectorMenu li a {font-size: 1em;}

div#mw-panel div.portal div.body ul li, #p-personal li {font-size: 0.85em;}

#p-personal {background: rgba(255, 255, 255, 0.75); padding: 0 1.25em .33em .33em; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; right: 0em;}
#p-personal li {line-height: 0.85em;}

#left-navigation, #right-navigation {margin-top: 2em;}
#left-navigation a:hover, #right-navigation a:hover {border-bottom: 0;}

div.vectorTabs {background: none; padding-left: 0px; font-size: 1.25em;}
div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li.selected, div.vectorTabs span, div.vectorMenu h3 a {background-image: none;}
div.vectorTabs ul li {background: rgba(255, 255, 255, 0.85);}
div.vectorTabs ul li:hover {background: rgba(255, 255, 255, 0.95);}
div.vectorTabs ul li.selected {background: #fff;}
div.vectorTabs ul li.selected:hover {background: #fff; cursor: default;}
div.vectorTabs span a {padding-top: .75em;}
#ca-unwatch.icon a, #ca-watch.icon a {padding-top: 2.5em;}


div#simpleSearch {background-image: none; height: 1.25em; margin-top: 0.65em; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.2);}

#bodyContent {line-height: 1.5; font-size: 1.2em;}

div#content {border: 0px; color: #333; padding: 1.25em;}
h1, h2, h3, h4, h5, h6 {border-bottom: 0px;}

div#content h1, div#content h2, div#content #firstHeading {font-family: EasonPro}

div#content h1, div#content #firstHeading {font-size: 2.75em;}

#content > h2:first-child {margin-top: 0; padding-top: 0; border-top: 0; width: auto;}

div#content h2 {font-size: 1.75em; margin-top: 1.4em; display: block;}
div#content h2:before {content: ''; display: block; width: 100%; padding-bottom: 1em; border-top: 1px solid #d8d8d8;}
#toc + div + h2:before, div#content #toc + h2:before, #mw-content-text center:first-child + h2:before {display: none;}
div#bodyContent p + #toc + h2:before {display: block;}
div#content p + h2, div#content ul + h2, div#content > p + #toc + h2 {margin-top: 1em;}

/* toc h2 */
div#content #toctitle > h2 {border-top: 0px; margin-top: 0; font-family: EasonPro; font-weight: 100;}
div#content #toctitle > h2:before {display: none;}

.archive-box {float: right; margin-left: 1em; background: rgb(234, 231, 226); padding: 0em 1em;}

h2, h3 {display: table;}
h2 > span.mw-editsection, h3 > span.mw-editsection {display: table-cell; vertical-align: middle; padding-left: 0em; margin-left: 0em; position: relative; top: 1.25em;}

h2 > span.mw-editsection {float: right;}
h3 > span.mw-editsection {top: 0em; padding-left: 1em;}

div#content h3 {font-size: 1.375em;}

div#content h3 > span:first-child {font-weight: 100; font-style:italic;}

div#content h4 {font-size: 1.1875em;}

div#content h4 > span:first-child {border-bottom: 1px solid #999; font-weight: 100;}

.rating-bold {display: none;}
#rating_ {display: inline; font-size: 16px;}
#rating_ > .rating-score {display: inline;}
.rating-score::after {content: " Build Rating"; font-size: 1.2em;}
#rating_ > .rating-score > .voteboxrate {display: inline; font-size: 1.2em; font-weight: bold;}
.rating-voted::first-letter {text-transform: capitalize;}
.rating-voted {position: inherit; font-size: 16px; line-height: inherit; display: inline-block; }
.rating-total {color: #999; letter-spacing: 1px; display: block; font-size: 16px;}
.rating-section {margin-bottom: 1.5em;}

@media screen body.ns-talk dl {margin-top: 0; margin-bottom: 0;}
body.ns-talk .mw-content-ltr dl, body.ns-talk .mw-content-rtl .mw-content-ltr dl, body.ns-talk .mw-content-ltr dl {margin-top: 0; margin-bottom: 0;}

body.ns-talk .mw-content-ltr dd, body.ns-talk .mw-content-rtl body.ns-talk .mw-content-ltr dd {
    border-left: 2px solid rgba(227, 227, 227, 0.90);
    margin: .8em 0 0 0; 
    padding: .8em .4em .4em 1.6em;
}

body.ns-talk .mw-content-ltr dl:only-child > dd {padding-top: .4em; margin-top: 0;}
body.ns-talk .mw-content-ltr pre + dl dd {padding-top: .4em; margin-top: 0;}

body.ns-talk .mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd {background: #f9f9f9}


body.ns-talk .mw-content-ltr dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd,
body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd {background: #f0f0f0}


/* Wintersday CSS 
div#p-personal, div#mw-panel {z-index:9999}
div#left-navigation, div#right-navigation, div#content {position: relative; z-index:9999}
#p-logo {left: 0px; top: -160px;}
#p-logo > a {width: 11em; height: 258px; background: url(/wiki/skins/common/images/logo-wintersday.png) -7px -38px no-repeat; background-size: 208px 296px;}
body.mediawiki {background-image: url(/wiki/skins/common/images/metabattle-paint-strokes-wintersday.png);}
div#mw-panel {padding-top: 7em}
div#flake > img {font-size: 0px;}
div#flake:before {color: rgba(179, 225, 232, 0.5); content: '\2737';}
*/

/* Galaxians text build bar starts here */

.BuildBar {border-collapse:collapse;border-spacing:0;margin: 0 auto;}
.BuildBar td{padding: 0 3px 0 0;}

.BuildBar sub {
	float: left;
	position: relative;
	left: 21px;
	top: -3px;
	text-align: right;
	width: 15px;
	color: #fff;
	clear: both;
	font-size: 18px;
	text-shadow: -1px 0 black,0 1px black,1px 0 black,0 -1px black;
	line-height: 0px;
}

.BuildBarContainer {
     width: 940px;
     height: 161px;
     text-align: center !important;
     background-image: url("http://metabattle.com/wiki/images/a/a0/Warrior-build-bar.png");
     padding-top: 14px;
     background-repeat: no-repeat;
}

/* Galaxians text build bar ends here */

/* Specializations */
.concon {
  display: table;
  padding: .25em .25em .25em 1em;
  background: #F5F5F5;
}
.concon .left, .concon .right {
  display: inline-block;
  vertical-align: middle;
}
.concon .left {
  width: 280px;
  text-align: center;
}
.concon .left .rune-amulet {
  width: 280px;
  text-align: center;
  margin-left: 0px !important;
}
.concon .right {
  margin-left: 2em;
}
.specialization {
  background-color: #eee;
  vertical-align: middle;
  padding: 6px;
  display: table-cell;
  display: table;
  margin-top: 0px;
  border-top: 1px solid #ccc
  min-width: 655px;
}
.specialization.concise {
  background-size: 457px !important;
}
.specialization:first-child {margin-top: 0em;}
.specialization > *  {
  display: inline-block;
  vertical-align: middle;
}
.specialization > .label {
  width: 222px;
  margin-right: 16px;
  text-align: center;
  background: rgba(0,0,0,0.5);
  color: #eee;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.specialization.concise > .label {
  width: 156px;
}
.specialization > .minor {
  width: 36px;
}
.specialization.concise > .minor {
  display: none;
}
.specialization > .major {
  width: 36px;
}
.specialization.concise > .major {
  width: 24px;
  padding-left: 12px;
}
.specialization.concise > .label + .minor + .line + .major {
  padding-left: 0px;
}
.specialization > .line {
    padding: 0 8px;
}
.specialization.concise > .line {
  display: none;
}
.specialization > .line > img {
  width: 28px;
  height: 1px;
  border-bottom: 1px solid #E7E7E7;
  margin: -8px;
}
.line.midtop {
  transform: translateY(-66.6666%) rotate(-45deg);
}
.line.midbot {
  transform: translateY(66.6666%) rotate(45deg);
}
.line.topmid {
  transform: translateY(-66.6666%) rotate(45deg);
}
.line.botmid {
  transform: translateY(66.6666%) rotate(-45deg);
}

.mbhi.inactive {opacity: 0.5}
.concise .mbhi.inactive {visibility: hidden;}
.mbhi.inactive:hover {opacity: 1}
.mbinfo .title > div.title-name.trait > img {border: 0;}
.mbhi.label {display: inline-block !important;}

.concise a > img {width: 24px; height: 27px;}

h3+p+.specialization {margin-top: 0}
h3+.specialization {margin-top: 0}
div#content .specialization + p {margin-top: 0em;}
.specialization + .specialization {border-top: 2px solid #222}
.specialization + p > b {
  display: block;
  text-align: center;
  background-color: #444;
  width: 230px;
  font-weight: 100;
  font-style: italic;
  font-size: .75em;
  color: #eee;
  border-top: .25em solid #999;
  border-top: 0;
  overflow: hidden;
  position: relative;
  text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444;
}
.specialization+p>b:before {
  content: '';
  transform: rotate(-45deg);
  transform-origin: top right;
  height: 100%;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
}
.specialization + p + ul {
  margin-top: -.2em;
  margin-left: 0em;
  padding-left: 1.2em;
  border: 0px solid #eee;
  border-top: 0px;
  border-right: 0px;
  display: table;
}
ul + .specialization {margin-top: 2em;}

/* Specialization Backgrounds */
/* ele */
.specialization.air-magic, .specialization.air {background: url('http://metabattle.com/wiki/images/specializations/1012034.png') no-repeat}
.specialization.air-magic > .label, .specialization.air > .label {background: rgba(19, 12, 32, 0.50);}
.specialization.air-magic + p > b, .specialization.air + p > b {background: rgba(19, 12, 32, 0.75);}
.specialization.arcana, .specialization.arcane {background: url('http://metabattle.com/wiki/images/specializations/1012035.png') no-repeat}
.specialization.arcana > .label, .specialization.arcane > .label {background: rgba(193, 138, 55, 0.0);}
.specialization.arcana + p > b, .specialization.arcane + p > b {background: rgba(134, 51, 16, 0.75);}
.specialization.earth-magic, .specialization.earth {background: url('http://metabattle.com/wiki/images/specializations/1012037.png') no-repeat}
.specialization.earth-magic > .label, .specialization.earth > .label {background: rgba(133, 95, 64, 0.5);}
.specialization.earth-magic + p > b, .specialization.earth + p > b {background: rgba(133, 95, 64, 0.75);}
.specialization.fire {background: url('http://metabattle.com/wiki/images/specializations/1012038.png') no-repeat}
.specialization.fire > .label {background: rgba(38, 6, 2, 0.4);}
.specialization.fire + p > b {background: rgba(82, 21, 5, 0.75);}
.specialization.water-magic, .specialization.water {background: url('http://metabattle.com/wiki/images/specializations/1012039.png') no-repeat}
.specialization.water-magic > .label, .specialization.water > .label {background: rgba(16, 56, 68, 0.0);}
.specialization.water-magic + p > b, .specialization.water + p > b {background: rgba(16, 56, 68, 0.75);}
.specialization.tempest {background: url('http://metabattle.com/wiki/images/specializations/1012036.png') no-repeat}
.specialization.tempest > .label {background: rgba(32, 24, 16, 0.5);}
.specialization.tempest + p > b {background: rgba(35, 43, 49, 0.75);}
/* engi */
.specialization.alchemy {background: url('http://metabattle.com/wiki/images/specializations/1012040.png') no-repeat}
.specialization.alchemy > .label {background: rgba(98, 63, 65, 0.6); -webkit-border-radius: 0px 16px 16px 0px; -o-border-radius: 0px 16px 16px 0px; -moz-border-radius: 0px 16px 16px 0px;}
.specialization.alchemy + p > b {background: rgba(98, 63, 65, 0.75);}
.specialization.explosives {background: url('http://metabattle.com/wiki/images/specializations/1012041.png') no-repeat}
.specialization.explosives > .label {background: rgba(76, 33, 27, 0.5); -webkit-border-radius: 0px 16px 16px 0px; -o-border-radius: 0px 16px 16px 0px; -moz-border-radius: 0px 16px 16px 0px;}
.specialization.explosives + p > b {background: rgba(76, 33, 27, 0.75);}
.specialization.firearms {background: url('http://metabattle.com/wiki/images/specializations/1012042.png') no-repeat}
.specialization.firearms > .label {background: rgba(104, 68, 54, 0.2);}
.specialization.firearms + p > b {background: rgba(104, 68, 54, 0.75);}
.specialization.inventions {background: url('http://metabattle.com/wiki/images/specializations/1012043.png') no-repeat}
.specialization.inventions > .label {background: rgba(49, 39, 38, 0.33);}
.specialization.inventions + p > b {background: rgba(76, 47, 43, 0.75);}
.specialization.tools {background: url('http://metabattle.com/wiki/images/specializations/1012044.png') no-repeat}
.specialization.tools > .label {background: rgba(87, 39, 10, 0.0);}
.specialization.tools + p > b {background: rgba(87, 39, 10, 0.75);}
.specialization.scrapper {background: url('http://metabattle.com/wiki/images/specializations/1128516.png') no-repeat}
.specialization.scrapper > .label {background: none; background-image: linear-gradient( to right, rgba(33, 28, 24, 0.5), rgba(90, 106, 109, 0.5) );}
.specialization.scrapper + p > b {background: rgba(99, 89, 74, 0.75);}
/* guard */
.specialization.honor {background: url('http://metabattle.com/wiki/images/specializations/1012046.png') no-repeat}
.specialization.honor > .label {background: rgba(41, 113, 172, 0.2);}
.specialization.honor + p > b {background: rgba(19, 35, 49, 0.75);}
.specialization.radiance {background: url('http://metabattle.com/wiki/images/specializations/1012047.png') no-repeat}
.specialization.radiance > .label {background: rgba(10, 39, 65, 0.0);}
.specialization.radiance + p > b {background: none; background-image: linear-gradient( to right, rgba(19, 59, 98, 0.75), rgba(30, 101, 137, 0.75) );}
.specialization.valor {background: url('http://metabattle.com/wiki/images/specializations/1012048.png') no-repeat}
.specialization.valor > .label {background: rgba(5, 66, 82, 0.2);}
.specialization.valor + p > b {background: none; background-image: linear-gradient( to right, rgba(10, 53, 74, 0.75), rgba(24, 93, 139, 0.75) );}
.specialization.virtues {background: url('http://metabattle.com/wiki/images/specializations/1012049.png') no-repeat}
.specialization.virtues > .label {background: rgba(27, 55, 52, 0.2);}
.specialization.virtues + p > b {background: rgba(27, 55, 52, 0.75);}
.specialization.zeal {background: url('http://metabattle.com/wiki/images/specializations/1012050.png') no-repeat}
.specialization.zeal > .label {background: rgba(10, 71, 85, 0.1);}
.specialization.zeal + p > b {background: rgba(10, 71, 85, 0.75);}
.specialization.dragonhunter {background: url('http://metabattle.com/wiki/images/specializations/1012045.png') no-repeat}
.specialization.dragonhunter > .label {background: rgba(35, 66, 115, 0.75);}
.specialization.dragonhunter + p > b {background: rgba(5, 22, 68, 0.75);}
/* mesmer */
.specialization.chaos {background: url('http://metabattle.com/wiki/images/specializations/1012052.png') no-repeat}
.specialization.chaos > .label {background: rgba(82, 51, 98, 0.33);}
.specialization.chaos + p > b {background: rgba(82, 51, 98, 0.75);}
.specialization.domination {background: url('http://metabattle.com/wiki/images/specializations/1012056.png') no-repeat}
.specialization.domination > .label {background: rgba(68, 8, 46, 0.15);}
.specialization.domination + p > b {background: rgba(52, 17, 63, 0.75);}
.specialization.dueling {background: url('http://metabattle.com/wiki/images/specializations/1012058.png') no-repeat}
.specialization.dueling > .label {background: rgba(76, 60, 112, 0.33);}
.specialization.dueling + p > b {background: rgba(76, 60, 112, 0.75);}
.specialization.illusions {background: url('http://metabattle.com/wiki/images/specializations/1012062.png') no-repeat}
.specialization.illusions > .label {background: rgba(183, 82, 153, 0.2);}
.specialization.illusions + p > b {background: rgba(183, 82, 153, 0.75);}
.specialization.inspiration {background: url('http://metabattle.com/wiki/images/specializations/1012060.png') no-repeat}
.specialization.inspiration > .label {background: rgba(142, 66, 170, 0.5);}
.specialization.inspiration + p > b {background: rgba(142, 66, 170, 0.75);}
/*.specialization.inspiration > .label {color: #000; text-shadow: -1px 0 #d6d6d6, 0 1px #eee, 1px 0 #eee, 0 -1px #d6d6d6;}*/
.specialization.chronomancer {background: url('http://metabattle.com/wiki/images/specializations/1012054.png') no-repeat}
.specialization.chronomancer > .label {background: rgba(139, 79, 161, 0.61);}
.specialization.chronomancer + p > b {background: rgba(74, 129, 139, 0.75);}
/* necromancer */
.specialization.blood-magic {background: url('http://metabattle.com/wiki/images/specializations/1012064.png') no-repeat}
.specialization.blood-magic > .label {background: rgba(35, 118, 13, 0.5);}
.specialization.blood-magic + p > b {background: rgba(35, 118, 13, 0.75);}
.specialization.curses {background: url('http://metabattle.com/wiki/images/specializations/1012066.png') no-repeat}
.specialization.curses > .label {background: rgba(153, 168, 71, 0.25);}
.specialization.curses + p > b {background: rgba(153, 168, 71, 0.75);}
.specialization.death-magic {background: url('http://metabattle.com/wiki/images/specializations/1012068.png') no-repeat}
.specialization.death-magic > .label {background: rgba(57, 105, 52, 0.2);}
.specialization.death-magic + p > b {background: rgba(57, 105, 52, 0.75);}
.specialization.soul-reaping {background: url('http://metabattle.com/wiki/images/specializations/1012072.png') no-repeat}
.specialization.soul-reaping > .label {background: rgba(27, 136, 38, 0.5);}
.specialization.soul-reaping + p > b {background: rgba(27, 136, 38, 0.75);}
.specialization.spite {background: url('http://metabattle.com/wiki/images/specializations/1012074.png') no-repeat}
.specialization.spite > .label {background: rgba(65, 125, 57, 0.33);}
.specialization.spite + p > b {background: rgba(65, 125, 57, 0.75);}
.specialization.reaper {background: url('http://metabattle.com/wiki/images/specializations/1012070.png') no-repeat}
.specialization.reaper > .label {background: rgba(0, 0, 0, 0.2);}
.specialization.reaper + p > b {background: rgba(41, 113, 68, 0.75);}
/* ranger */
.specialization.beastmastery {background: url('http://metabattle.com/wiki/images/specializations/1012076.png') no-repeat}
.specialization.beastmastery > .label {background: rgba(24, 32, 0, 0.5);}
.specialization.beastmastery + p > b {background: rgba(24, 32, 0, 0.75);}
.specialization.nature-magic {background: url('http://metabattle.com/wiki/images/specializations/1012082.png') no-repeat}
.specialization.nature-magic > .label {background: rgba(52, 71, 5, 0.5);}
.specialization.nature-magic + p > b {background: rgba(52, 71, 5, 0.75);}
.specialization.marksmanship {background: url('http://metabattle.com/wiki/images/specializations/1012080.png') no-repeat}
.specialization.marksmanship > .label {background: rgba(90, 64, 8, 0.5);}
.specialization.marksmanship + p > b {background: rgba(90, 64, 8, 0.75);}
/*.specialization.marksmanship > .label {color: #000; text-shadow: -1px 0 #d6d6d6, 0 1px #eee, 1px 0 #eee, 0 -1px #d6d6d6;}*/
.specialization.skirmishing {background: url('http://metabattle.com/wiki/images/specializations/1012084.png') no-repeat}
.specialization.skirmishing > .label {background: rgba(41, 44, 24, 0.5);}
.specialization.skirmishing + p > b {background: rgba(41, 44, 24, 0.75);}
/*.specialization.skirmishing> .label {color: #000; text-shadow: -1px 0 #d6d6d6, 0 1px #eee, 1px 0 #eee, 0 -1px #d6d6d6;}*/
.specialization.wilderness-survival {background: url('http://metabattle.com/wiki/images/specializations/1012086.png') no-repeat}
.specialization.wilderness-survival > .label {background: rgba(79, 71, 16, 0.4);}
.specialization.wilderness-survival + p > b {background: rgba(79, 71, 16, 0.75);}
.specialization.druid {background: url('http://metabattle.com/wiki/images/specializations/1012077.png') no-repeat}
.specialization.druid > .label {background: none; background-image: linear-gradient( to right, rgba(117, 135, 167, 0.5), rgba(93, 128, 104, 0.33) );}
.specialization.druid + p > b {background: rgba(46, 79, 41, 0.75);}
/* revenant */
.specialization.corruption {background: url('http://metabattle.com/wiki/images/specializations/1012088.png') no-repeat}
.specialization.corruption > .label {background: rgba(159, 36, 21, 0);}
.specialization.corruption + p > b {background: rgba(167, 29, 27, 0.75);}
.specialization.devastation {background: url('http://metabattle.com/wiki/images/specializations/1012090.png') no-repeat}
.specialization.devastation > .label {background: rgba(19, 12, 13, 0.65);}
.specialization.devastation + p > b {background: rgba(38, 9, 10, 0.75);}
.specialization.invocation {background: url('http://metabattle.com/wiki/images/specializations/1012094.png') no-repeat}
.specialization.invocation > .label {background: rgba(5, 6, 10, 0.65);}
.specialization.invocation + p > b {background: rgba(19, 49, 63, 0.75);}
/*.specialization.invocation > .label {color: #000; text-shadow: -1px 0 #d6d6d6, 0 1px #eee, 1px 0 #eee, 0 -1px #d6d6d6;}*/
.specialization.retribution {background: url('http://metabattle.com/wiki/images/specializations/1012096.png') no-repeat}
.specialization.retribution > .label {background: rgba(98, 68, 82, 0.5);}
.specialization.retribution + p > b {background: rgba(63, 68, 106, 0.75);}
.specialization.salvation {background: url('http://metabattle.com/wiki/images/specializations/1012098.png') no-repeat}
.specialization.salvation > .label {background: rgba(49, 49, 71, 0.5);}
.specialization.salvation + p > b {background: rgba(43, 52, 76, 0.75);}
.specialization.herald {background: url('http://metabattle.com/wiki/images/specializations/1012092.png') no-repeat}
.specialization.herald > .label {background: none; background-image: linear-gradient( to right, rgba(23, 39, 49, 0.15), rgba(49, 109, 180, 0.5) );}
.specialization.herald + p > b {background: rgba(128, 55, 82, 0.75);}
/* thief */
.specialization.acrobatics {background: url('http://metabattle.com/wiki/images/specializations/1012099.png') no-repeat}
.specialization.acrobatics > .label {background: rgba(60, 14, 13, 0.66);}
.specialization.acrobatics + p > b {background: rgba(60, 14, 13, 0.75);}
.specialization.critical-strikes {background: url('http://metabattle.com/wiki/images/specializations/1012100.png') no-repeat}
.specialization.critical-strikes > .label {background: rgba(71, 21, 19, 0.33);}
.specialization.critical-strikes + p > b {background: rgba(71, 21, 19, 0.75);}
.specialization.deadly-arts {background: url('http://metabattle.com/wiki/images/specializations/1012102.png') no-repeat}
.specialization.deadly-arts > .label {background: rgba(85, 25, 19, 0.0);}
.specialization.deadly-arts + p > b {background: rgba(85, 25, 19, 0.75);}
.specialization.shadow-arts {background: url('http://metabattle.com/wiki/images/specializations/1012103.png') no-repeat}
.specialization.shadow-arts > .label {background: rgba(82, 28, 32, 0.5);}
.specialization.shadow-arts + p > b {background: rgba(82, 28, 32, 0.75);}
.specialization.trickery {background: url('http://metabattle.com/wiki/images/specializations/1012104.png') no-repeat}
.specialization.trickery > .label {background: rgba(60, 13, 16, 0.33);}
.specialization.trickery + p > b {background: rgba(60, 13, 16, 0.75);}
.specialization.daredevil {background: url('http://metabattle.com/wiki/images/specializations/1012101.png') no-repeat}
.specialization.daredevil > .label {background: rgba(60, 13, 16, 0.0);}
.specialization.daredevil + p > b {background: rgba(104, 76, 71, 0.75);}
/* warrior */
.specialization.arms {background: url('http://metabattle.com/wiki/images/specializations/1012105.png') no-repeat}
.specialization.arms > .label {background: rgba(150, 129, 123, 0.0);}
.specialization.arms + p > b {background: rgba(148, 137, 131, 0.75);}
.specialization.defense {background: url('http://metabattle.com/wiki/images/specializations/1012107.png') no-repeat}
.specialization.defense > .label {background: rgba(164, 141, 106, 0.0);}
.specialization.defense + p > b {background: rgba(139, 117, 82, 0.75);}
.specialization.discipline {background: url('http://metabattle.com/wiki/images/specializations/1012108.png') no-repeat}
.specialization.discipline > .label {background: rgba(167, 82, 52, 0.0);}
.specialization.discipline + p > b {background: rgba(167, 82, 52, 0.75);}
.specialization.strength {background: url('http://metabattle.com/wiki/images/specializations/1012109.png') no-repeat}
.specialization.strength > .label {background: rgba(128, 101, 54, .0);}
.specialization.strength + p > b {background: rgba(128, 101, 54, .75);}
.specialization.tactics {background: url('http://metabattle.com/wiki/images/specializations/1012110.png') no-repeat}
.specialization.tactics > .label {background: rgba(180, 52, 8, 0.0);}
.specialization.tactics + p > b {background: rgba(164, 129, 65, 0.75);}
.specialization.berserker {background: url('http://metabattle.com/wiki/images/specializations/1012106.png') no-repeat}
.specialization.berserker > .label {background: rgba(180, 52, 8, 0.0);}
.specialization.berserker + p > b {background: rgba(51, 25, 15, 0.75);}

/* New "SkillBar" */
.skillbar > .skills {display: table;}
.skillbar > .skills > div {display: inline-flex; vertical-align: middle;}
.skillbar > .skills > div.heal {padding: 0 1em;}
.skillbar > .skills > div.elite {padding: 0 0 0 1em;}
.skillbar > .titles > div {display: inline-block; text-align: center;}
.skillbar > .titles > div.label {width: 320px;}
.skillbar > .titles > div.heal {padding: 0 .75em; width: 64px;}
.skillbar > .titles > div.utility {width: 190px;}
.skillbar > .titles > div.elite {padding-left: 1em; width: 62px;}
.skillbar + .skillbar {margin-top: 1em;}

/* Additional mechanic icons rules */
.skillbar > .engineer-mechanics, .mesmer-mechanics {margin-left:2em;}
.skillbar > .guardian-mechanics {margin-left:5.85em;}
/* Custom positioning */
.pet {
    overflow: hidden;
    display: inline-block;
}
.skillbar > .ranger-mechanics > div:nth-child(1) > .pet-skill {
    margin-top:65px;
    margin-left:-45px;
}
/* Bit of spacing between first and second pet */
.skillbar > .ranger-mechanics > div:nth-child(1) > div:nth-child(2) {
    margin-right: 1.3em;
}
/* Smaller icon */
.skillbar > .ranger-mechanics > div:nth-child(1) > .pet-skill > .mbhi > .mbhoveron {
    width: 42px;
    height: 42px;
    overflow: hidden;
}
/* Crop skill a bit for a smoother display */
.skillbar > .ranger-mechanics > div:nth-child(1) > .pet-skill > .mbhi > .mbhoveron > a > img {margin: -3px;}
/* Position Celestial Avatar */
.skillbar > .ranger-mechanics > div:nth-child(2) {
    margin-left: 2.8em;
    margin-bottom: -2.6em;
}

/* Position Facet of Nature aligned over energy bar */
.skillbar > .revenant-mechanics > div:nth-child(3) {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -0.25em;
}
/* Alignment */
.skillbar > .revenant-mechanics > div:nth-child(3) > .facet-of-nature {
    margin-left: 3.15em;
}
/* Crop */
.skillbar > .revenant-mechanics > div:nth-child(3) > .facet-of-nature > .mbhi > .mbhoveron {
    width: 34px;
    height: 34px;
    overflow: hidden;
}
.skillbar > .revenant-mechanics > div:nth-child(3) > .facet-of-nature > .mbhi > .mbhoveron > a > img {margin: -2px;}
.skillbar > .thief-mechanics > .initiative-bar {
    background: url('http://metabattle.com/wiki/images/c/cd/Initiative_point_%28small%29.png');
    height: 18px;
    width: 228px;
    margin-bottom: -1.25em;
}

/* Profession mechanic miscellaneous UI */
.profession-mechanic-ui-necromancer {
    display: inline-flex;
    width: 272px;
    height: 16px;
    background-color: #02A202;
    border: 1px solid #004A00;
    margin-right: -2px;
}
.profession-mechanic-ui-mesmer {
    background: url('http://metabattle.com/wiki/images/7/7c/Mesmer_mechanics_illusions.png') no-repeat;
    display: inline-flex;
    width: 96px;
    height: 32px;
    margin-bottom: 5px;
    margin-left: 2.6em;
}
.profession-mechanic-ui-warrior {
    display: inline-flex;
    height: 18px;
    margin-right: -2px;
}
.profession-mechanic-ui-warrior > div {
    height: 16px;
    width: 84px;
    border: 1px solid #99772E;
    margin-right: 8px;
}
.profession-mechanic-ui-warrior > div:nth-child(1){
    background: -webkit-linear-gradient(left, #F8E77D, #EFD92B); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #F8E77D, #EFD92B); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #F8E77D, #EFD92B); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #F8E77D, #EFD92B); /* Standard syntax */
}
.profession-mechanic-ui-warrior > div:nth-child(2){
    background: -webkit-linear-gradient(left, #EFD92B, #E6A31E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #EFD92B, #E6A31E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #EFD92B, #E6A31E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #EFD92B, #E6A31E); /* Standard syntax */
}
.profession-mechanic-ui-warrior > div:nth-child(3){
    background: -webkit-linear-gradient(left, #E6A31E, #E36808); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #E6A31E, #E36808); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #E6A31E, #E36808); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #E6A31E, #E36808); /* Standard syntax */
    margin-right: 0;
}
.profession-mechanic-ui-berserker{
    width: 224px;
    height: 16px;
    display: inline-flex;
    background-color: #FFC74D;
    border: 1px solid #99772E;
    margin-right: -2px;
}
.profession-mechanic-ui-revenant{
    display: inline-flex;
    height: 30px;
    width: 172px;
}
.profession-mechanic-ui-revenant > div:nth-child(1){
    width: 82px;
    height: 15px;
    margin-top: 0.11em;
    margin-left: -0.2em;
}
.profession-mechanic-ui-revenant > div:nth-child(2){
    margin-top: -0.35em;
    margin-left: -4.4em;
}

.empty-skill-slot {width: 62px; height: 60px; display: inline-block; background: #444; -webkit-box-shadow: inset 0 0 8px 8px #000; box-shadow: inset 0 0 8px 8px #000;}

.revlegends > div {display: inline-block; border: 1px solid #333; width: 36px; height: 36px; vertical-align: middle;}
.revlegends {padding-left: 2em;}
.revlegends + .skillbar {padding-top: .75em;}

/* Rating Tab */
.rating > .bar {
  width: 300px;
  height: .25em;
  background: #ccc;
}
.rating > .bar > .upvotes {
  height: .25em;
  background-color: #167ac6;
  float: left;
}
.rating > .points {line-height: 1; padding-top: .25em;}
.rating > .points > div {display: inline-block;}
.rating > .points > div:first-child {
  font-size: 1.5em;
}
.rating > .points > .number {font-size: 2em;}

fieldset.admintools, fieldset.userratebox {
  border: 0;
  margin: 0;
  padding: 0;
  line-height: inherit;
}
.accordNext.admintools {margin-top: 0;}
fieldset.userratebox, .allratings {margin-top: 3em;}
.accordNext + fieldset.admintools {display: none;}
fieldset.admintools {
  background: #eee;
}
fieldset.userratebox input[type="checkbox"] {
  display: none;
}
fieldset.userratebox #checkboxHeart {
  vertical-align: middle;
}
fieldset.userratebox #checkboxHeart + label span {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url('/wiki/extensions/Rating/images/dislike.png') left top no-repeat;
  cursor: pointer;
}
fieldset.userratebox #checkboxHeart:checked + label span {
    background: url('/wiki/extensions/Rating/images/like.png') left top no-repeat;
}
fieldset.userratebox textarea {
  font-family: inherit;
  font-size: inherit;
  border: 1px solid #a9a9a9;
  background-color: #fff;
  color: #333;
  height: 10em;
  line-height: 1.5;
  padding: 0.25em .5em 0 1.875em;
  margin-top: 0.25em !important;
}
fieldset.userratebox #textareaCharactersLeft {border: 1px solid #a9a9a9; border-top: 0; background: #f0f0f0; padding-left: .25em;}
fieldset.userratebox textarea:focus {background-color: #fff;}
fieldset.userratebox input[type=submit] {
  background-color: #eee;
  border: 0;
  padding: .5em 1em;
  color: #333;
  font-style: italic;
  margin-top: 1em;
  cursor:pointer;
  border: 1px solid #ccc;
}
fieldset.userratebox input[type=submit]:hover {
  background-color: #0E5DAB;
  color: #fff;
  text-decoration: underline;
  border-color: #106ecc;
}
fieldset.userratebox .guidelines {display: none;}
fieldset.userratebox .guidelines.accordNext {display: inline-block; margin-left: 1em;}

.allratings > span {
  font-size: 1.5em;
  margin-top: 1em;
}
.comment-meta {
  display: inline-block;
}
div.comment {
  font-size: inherit;
  font-family: inherit;
  border: 0;
  padding: inherit;
  margin: inherit;
  padding: 0 .5em 0 1.875em;
  word-wrap: break-word;
  line-height: 1.5;
}
div.comment + .comment-meta {margin-top: 2em;}
.comment-meta > .date {color: #999;}

.recentratingspage .upvotegreen, .recentratingspage .downvotered {}
.recentratingspage .upvotegreen {color: #006400;}
.recentratingspage .downvotered {color: #8b0000;}
.recentratingspage .timeonday {color: #777;}

/* Equipment - Weapons */
.weapon-sets > div {position: relative;}
.weapon-sets > div > div {display: inline-block;}
.weapon-sets > div > img {position: absolute; left: 48px;}
.weapon-sets > div:first-child > img {top: 15px;}
.weapon-sets > div:first-child > .weapon2 {margin-left: 8px;}
.weapon-sets > div:last-child > img {top: 2px;}
.weapon-sets > div:last-child {margin-top: 8px;}
.weapon-sets .sigil1 {margin-left: 12px;}
.weapon-sets .sigil2 {margin-left: 32px;}
.weapon-sets .weapon1, .weapon-sets .weapon2 {background: #555;}
.weapon-sets .weapon1 {width: 60px; height: 60px; display: inline-block; vertical-align: middle;}
.weapon-sets .weapon2 {vertical-align: middle; width: 48px; height: 48px;}
.weapon-sets .sigil1, .weapon-sets .sigil2 {width: 36px; height: 36px; display: inline-block; vertical-align: middle; background: #777}
.weapon-sets.ws1, .weapon-sets.ws2 {display: inline-block;}
.weapon-sets.ws1 {width: 116px;}
.weapon-sets.ws2 {margin-left: 42px;}
.weapon-sets.ws2+.clear+.weapon-sets.ws1, .weapon-sets.ws2+.clear+.weapon-sets.ws1+.weapon-sets.ws2, .armor-upgrades+.clear+.weapon-sets.ws1, .armor-upgrades+.clear+.weapon-sets.ws1+.weapon-sets.ws2 {margin-top: 42px;}
.weapon-sets.ws1 + .rune-amulet {margin-top: 32px;}
.weapon-sets.ws1 + .weapon-sets.ws2 + .rune-amulet {margin-top: 32px; margin-left: 73px;}
.rune-amulet > div {display: inline-block;}
.rune-amulet > .rune {margin-right: 4px;}
.armor-upgrades {display: inline-block; vertical-align: top;}
.weapon-sets.ws1 + .armor-upgrades, .weapon-sets.ws2 + .armor-upgrades {margin-left: 42px;}
.armor-upgrades span.six {font-size: 1.5em; vertical-align: middle; margin-right: 8px;}
.armor-upgrades span.five, .armor-upgrades span.one {font-size: 1.33em; width: 24px; text-align: right; display: inline-block; margin-right: 8px; vertical-align: middle;}
.armor-upgrades div.one {margin-top: 5px;}
.armor-upgrades div.five {position: relative; top: 6px;}
.armor-upgrades div.fivecon {height: 60px;}


/* Halloween CSS
::-moz-selection { 
background-color: #DA863E; 
color: #ffffff;
}
::selection {
background-color: #DA863E;
color: #ffffff;
}
.mw-plusminus-neg {color: #CC5555;}
.mw-plusminus-pos {color: #169416;}
fieldset {border-color: #666;}
.mw-changeslist-legend {border-color: #999;}
#p-logo {left: 6px;}
#p-logo > a {background-image: url(/wiki/skins/common/images/logo-hallowen.png); background-size: 137px 145px;}
body.mediawiki {background-image: url(/wiki/skins/common/images/bghalloween.jpg); background-color: #222;}
div#mw-panel {color: #CDA859}
div#mw-panel div.portal div.body {background-image: none; border-top: 1px solid #333}
div#mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a {color: #F5B25B}
#p-personal {background-color: rgba(34, 34, 34, 0.2)}
#p-personal a, #p-personal a:hover {color: #FBC784}
div#simpleSearch {background-color:rgba(255, 255, 255, 0.13); background-image: none; border-color: #666}
div#simpleSearch input {color: #f5f5f5;}
div.vectorMenu h3 a {background-image: none; border-right: 1px #666 solid;}
div#content {background-color: #333; color: #ccc;}
div.vectorTabs ul li {background: rgba(50,50,50,0.5)}
div.vectorTabs ul li.selected {background: #333;}
div.vectorTabs ul li:hover, div.vectorTabs ul li.selected:hover {background: #111;}
#footer a, #footer a:hover {color: #425F8D}
div#footer ul li{color: #666}
#footer-poweredbyico {opacity: 0.33}
h1, h2, h3, h4, h5, h6 {color: #fff}
a, a:visited, .mw-body a.external, .mw-body a.external:visited, .mw-body a.extiw:visited, .mbTV, .mbYT, .mbYTplaylist, .mbGfycat, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, span.label, .mbhoveron:hover > span.label {color: #F5B25B !important;}
.mw-body a:hover, #mw-head a:hover, .mw-body a.external:hover, .mw-body a.external:visited:hover, .mbTV:hover, .mbYT:hover, .mbYTplaylist:hover, .mbGfycat:hover, div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:visited:hover, span.label:hover, .mbhoveron:hover > span.label {border-bottom-color: #F5B25B}
textarea {background: #222; color: #ddd; border: 0; padding: 1em; outline: none;}
.editOptions {background-color: #444; border-color: #222;}
input.mw-summary {background: #222; color: #ddd; border: 0; padding: 0.5em;}
.specialization+p>b:before {background: #333 !important;}
ul {list-style-image: url(http://metabattle.com/wiki/skins/common/images/bullet-point-halloween.png);}
#pagehistory li {
    border: 1px solid #292929;
}
#pagehistory li.selected {
    background-color: #292929;
    border: 1px dashed #000;
}
.empty-skill-slot {
    background: #161616;
}
div#content h2:before {
    border-top-color: #525252;
}
table.wikitable {
    background-color: #292929;
    border: 1px #222 solid;
    color: #ccc;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #212121;
    color: #ddd;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px #111 solid;
    padding: .5em;
}
li.gallerybox div.thumb {
    border: 1px solid #222;
    background-color: #292929;
}
.fancybox-skin {
    background: #292929;
    color: #999;
}
span.mw-editsection-bracket {
    color: #999;
}
table.diff {background: #222;}
td.diff-context {
    background: #222;
    border-color: #7B7B7B;
    color: #ccc;
}
td.diff-addedline .diffchange {
    background: #1E4163;
}
td.diff-addedline {
    border-color: #2F5D8A;
}
td.diff-deletedline .diffchange {
    background: #755200;
}
td.diff-deletedline {
    border-color: #AF8729;
}
pre, .mw-code {
    background: #222;
    color: #ddd;
    border-color: #666;
}
.builds-intro-pve > div.builds-intro-list {background: rgba(255, 244, 216, 0.1)}
.builds-intro-GvG > div.builds-intro-list {background: rgba(216, 227, 244, 0.1)}
.builds-intro-pvp > div.builds-intro-list {background: rgba(231, 220, 249, 0.1)}
.builds-intro-list-guardian {background: rgba(235, 250, 255, 0.1)}
.builds-intro-list-revenant {background: rgba(232, 207, 207, 0.1)}
.builds-intro-list-warrior {background: rgba(255, 251, 239, 0.1)}
.builds-intro-list-engineer {background: rgba(255,245,237,0.1)}
.builds-intro-list-ranger {background: rgba(246,255,237,0.1)}
.builds-intro-list-thief {background: rgba(231,219,219,0.1)}
.builds-intro-list-elementalist {background: rgba(255,230,230,0.1)}
.builds-intro-list-mesmer {background: rgba(255,234,255,0.1)}
.builds-intro-list-necromancer {background: rgba(235,255,244,0.1)}
body.ns-talk .mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd {background: #292929;}
body.ns-talk .mw-content-ltr dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd {background: #222;}
body.ns-talk .mw-content-ltr dd, body.ns-talk .mw-content-rtl body.ns-talk .mw-content-ltr dd {border-left-color: rgb(60, 60, 60)}
.catlinks {background-color: #292929; border-color: #222;}
#toc, .toc, .mw-warning {background-color: #222;}
.archive-box {background: rgb(37, 25, 4)}
.rating > .bar {background: #333}
.accordNext {background: #212121; color: #666}
fieldset.userratebox textarea {
  border: 1px solid #222;
  background-color: #222;
  color: #ccc;
}
fieldset.userratebox #textareaCharactersLeft {
  border: 1px solid #222; 
  background: #292929;}
fieldset.userratebox textarea:focus {
  background-color: #222;
}
fieldset.userratebox input[type=submit] {
  background-color: #eee;
  color: #333;
  border: 1px solid #ccc;
}
fieldset.userratebox input[type=submit]:hover {
  background-color: #F5922F;
  border-color: #F5922F;
}
*/