@charset "UTF-8";

/* Fonts */
@font-face {
    font-family: "OpenSans";
    font-weight: normal;
    font-style: normal;
    src: url("/editor/css.gw2skills.net/fonts/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("/editor/css.gw2skills.net/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("/editor/css.gw2skills.net/fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
}

@font-face {
    font-family: "OpenSans";
    font-weight: normal;
    font-style: italic;
    src: url("/editor/css.gw2skills.net/fonts/OpenSansItalic/OpenSansItalic.eot?#iefix") format("embedded-opentype"), url("/editor/css.gw2skills.net/fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("/editor/css.gw2skills.net/fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
}

@font-face {
    font-family: "OpenSans";
    font-weight: bold;
    font-style: normal;
    src: url("/editor/css.gw2skills.net/fonts/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype"), url("/editor/css.gw2skills.net/fonts/OpenSansBold/OpenSansBold.woff") format("woff"), url("/editor/css.gw2skills.net/fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
}

@font-face {
    font-family: "OpenSans";
    font-weight: 500;
    font-style: normal;
    src: url("/editor/css.gw2skills.net/fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix") format("embedded-opentype"), url("/editor/css.gw2skills.net/fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("/editor/css.gw2skills.net/fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "OpenSans";
    font-weight: 500;
    font-style: italic;
    src: url("/editor/css.gw2skills.net/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/editor/css.gw2skills.net/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"), url("/editor/css.gw2skills.net/fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
}


/* Base */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  color: #9f0101;
  text-decoration: none; }

a:hover {
  color: #107d91;
  text-decoration: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

strong, b { font-weight: 500; }
em, i { font-style: italic; }

input:focus,
textarea:focus,
select:focus { outline: none; }

html, body {
  width: 100%;
  min-width: 1024px;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  font-weight: normal;
  background-color: #f9f9f7;
  color: #222222; }

body { background: url("/editor/img.gw2skills.net/bg/footer-bg.jpg") center bottom no-repeat; }

.inner  { width: 1000px; margin: 0 auto; box-sizing: border-box; }
.inner::after { display: block; width: 100%; clear: both; margin: 0; padding: 0; content: ""; }
.clear  { clear: both; margin: 0; padding: 0; height: 1px; }
.left   { float: left !important; }
.right  { float: right !important; }
.center { text-align: center !important; }
.hidden { display: none !important; }



/* Loading animation */
.loading-ball { background-color: rgba(12,88,102,0.4); border: 10px solid rgba(12,88,102,0.9); opacity: .9; border-left: 10px solid rgba(0,0,0,0); border-radius: 120px; box-shadow: 0 0 40px #0c5866; width: 120px; height: 120px; margin: 280px auto; -moz-animation: spin 4s infinite linear; -webkit-animation: spin 4s infinite linear; }
.loading-ball-1 { background-color: rgba(255,255,255,.7); border: 10px solid rgba(12,88,102,0.9); opacity: .9; border-left: 10px solid rgba(0,0,0,0); border-radius: 120px; box-shadow: 0 0 20px #0c5866; width: 80px; height: 80px; margin: 0 auto; position: relative; top: -400px; -moz-animation: spinoff 2s infinite linear; -webkit-animation: spinoff 2s infinite linear; }
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } }
@-moz-keyframes spinoff { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@-webkit-keyframes spinoff { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } }


h1 { font-size: 38px; line-height: 44px; margin: 0; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; }
h1 a { color: #000000; text-decoration: none; }
h1 a:hover { color: #9f0101; }

/* Hints */
.hint-text { color: #ffffff; font-size: 13px; padding: 6px 20px; background-color: rgba(30,57,61,.98); border: solid 1px #ffffff; text-shadow: 2px 2px 1px rgba(0,0,0,.8); display: block; margin: 5px 15px; box-shadow: 3px 3px 3px rgba(0,0,0,.5); }
.hint-white, .hint-white-right { display: block; box-sizing: border-box; border: solid 1px #c9c9c9; border-top: solid 4px #3e413e; box-shadow: -1px -1px 3px rgba(255,255,255,0.5), 1px -1px 3px rgba(255,255,255,0.5),  1px 1px 3px rgba(0,0,0,0.15), -1px 1px 3px rgba(0,0,0,0.15); background-color: rgba(255,255,255,.975); margin: 5px 15px; text-align: center; }
.hint-text-white, .hint-text-white *, .hint-text-white-right, .hint-text-white-right * { color: #107d91; font-size: 13px; padding: 6px 20px; margin: 5px 15px; text-shadow: 1px 1px 2px rgba(0,0,0,.2); }
.hint-white-right { margin: 5px 0 5px -2px; }
.hint-text-white-right, .hint-text-white-right * { }
.hint-brush { display: block; width: 320px; height: 75px; background: url("/editor/img.gw2skills.net/bg/hint-brush.png") 0 0 no-repeat; margin: 0 0 0 3px; padding: 17px 10px 10px 15px; text-align: center; }
.hint-text-brush, .hint-text-brush * { color: #ffffff; font-size: 16px; font-style: italic; padding: 0; margin: 0; text-shadow: 2px 2px 1px rgba(0,0,0,.8); text-align: center; width: 180px; }

/* Skill stats */
.skill-stat {}
.skill-stat li { list-style: none; float: right; }

/* Skill facts*/
.sfact { clear: left; margin: 0 0 3px 0; padding: 0; }
.sfact dt { float: left; margin: 0; padding: 0; position: relative; }
.sfact span { position: absolute; top: 0; left: 0; }
.sfact .mode_ico { display: none; }
.sfact .mode_ico.trait_mode { background-image: none; background-color: #000000; }
.sfact * img { border: 0; width: 22px; height: 22px; margin: 1px; display: block; box-sizing: border-box; }
.sfact .multi { display: block; width: 26px; padding-top: 9px; text-align: right; font-size: 13px; font-weight: bold; }
.sfact dd { line-height: 1.1em; font-size: 12px; margin: 0; padding: 0; display: table-cell; vertical-align: middle; height: 24px; position: relative; padding-left: 30px; }
.sfact.txt dd { line-height: 1.3em; font-size: 13px; }
.sfact .traited { color: #77bbff; }
.sfact.attuned .sf_ico { left: 26px; }
.sfact.attuned .mode_ico { display: block; width: 24px; height: 24px; left: 0 !important; }
.sfact.attuned .mode_ico img { border: solid 1px #000000; }
.sfact.attuned .multi { left: 26px; }
.sfact.attuned dd { padding-left: 56px; }


/* Header */
.header .menu { width: 100%; background: #042025 url("/editor/img.gw2skills.net/bg/header-normal-ua.jpg") center top no-repeat; height: 130px; color: #ffffff; }
.header::after { display: block; content: ""; width: 100%; min-width: 1000px; height: 30px; margin: -6px 0 0 0; position: relative; background: url("/editor/img.gw2skills.net/bg/xpbar.png") 0 -20px repeat-x; border: none; box-sizing: border-box; }
.header.mainpage .menu { background-image: url("/editor/img.gw2skills.net/bg/header-main-ua.jpg"); height: 150px; }
.header.mainpage::after { height: 45px; margin-top: -25px; background-position: 0 0;}

.header .menu ul { display: block; }
.header .menu ul li { float: left; list-style: none; color: #ffffff; text-transform: uppercase; }
.header .menu ul li > a { color: #ffffff; text-transform: uppercase; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
.header .menu ul li a:hover { color: #ffba01; }
.header .menu ul .selected > a { color: #ffba01; }

.header .top-menu { display: block; float: right; width: 700px; height: 130px; }
.header.mainpage .top-menu { width: 590px; height: 150px; }

.header .funcs { float: right; margin-right: 10px; }
.header .funcs li { display: block; width: 24px; height: 24px; margin: 0px; position: relative; }
.header .funcs .form-wrapper { box-sizing: border-box; position: absolute; top: 11px; right: 0; display: block; width: 24px; height: 26px; margin: 0; border: none; overflow: hidden; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
.header .funcs .search .search-field { display: block; width: 0px; height: 20px; padding: 0; font-size: 0px; color: #000000; position: absolute; top: 0; left: 30px; border: none; background-color: #ffffff; }
.header .funcs .search .search-submit { width: 26px; height: 26px; background: url("/editor/img.gw2skills.net/base/main-buttons-24x24.png") 1px 1px no-repeat; border: none; position: absolute; top: 0; right: 0; }
.header .funcs li.opened .form-wrapper { width: 300px; border: solid 1px #ffba01; background-color: #ffffff; }
.header .funcs li.opened .search-field { display: block; width: 270px; padding: 0px 4px 2px 4px; font-size: 14px; font-family: OpenSans; border: solid 1px #ffffff; left: 0px; }
.header .funcs li.opened .search-submit { background-color: #ffba01; top: -1px; right: -1px; }

.search-field::-webkit-input-placeholder { color: #4b4b4b; text-transform: uppercase; }
.search-field::-moz-placeholder          { color: #4b4b4b; text-transform: uppercase; }
.search-field:-moz-placeholder           { color: #4b4b4b; text-transform: uppercase; }
.search-field:-ms-input-placeholder      { color: #4b4b4b; text-transform: uppercase; }


.header .lang { float: right; margin-right: 15px; }
.header .links { float: left; }
.header .lang li, .header .links li { margin: 15px 0; padding: 0 14px; border-left: solid 1px #798689; height: 14px; }
.header.mainpage .lang li, .header.mainpage .links li { margin: 18px 0; }
.header .lang li a, .header .links li a { font-size: 12px; line-height: 14px; padding: 0; display: block; }

.header .main-menu { float: left; }
.header .main-menu li { padding: 0 22px; height: 58px; margin: 32px 0 0 0; }
.header.mainpage .main-menu li { padding: 0 22px; height: 58px; margin: 42px 0 0 0; }
.header .main-menu li > a { font-size: 22px; line-height: 36px; text-shadow: 2px 2px 1px rgba(0,0,0,.8); }
.header .main-menu li:last-child > a { font-size: 36px; line-height: 25px; }

.header .main-menu { width: 700px; }
.header.mainpage .main-menu { width: 600px; }
.header .lang li:first-child, .header .links li:first-child, .header .main-menu li:first-child { padding-left: 0; border-left: none; }
.header .menu .logo { width: 300px; height: 130px; display: block; background: url("/editor/img.gw2skills.net/logo/gw2skills-normal.png") -10px 15px no-repeat; text-indent: -9999px; }
.header.mainpage .menu .logo { width: 400px; height: 150px; background: url("/editor/img.gw2skills.net/logo/gw2skills-main.png") 0 0 no-repeat; }

.header .actual { position: absolute; top: 0; left: 0; width: 100%; height: 1px; }
.header .actual dl { float: right; height: 1px; }
.header .actual dl dt { color: #ffffff; font-size: 18px; float: right; text-align: right; position: relative; top: 70px; right: 10px; }
.header .actual dl dt span { text-transform: uppercase; font-size: 13px; margin-right: 10px; }
.header .actual dl dt.selected { color: #ffba01; }
.header .actual dl dd { color: #9f0101; font-size: 14px; font-style: italic; white-space: nowrap; text-align: right; position: relative; top: 147px; right: 10px; text-shadow: #ffffff -1px -1px 1px, #ffffff 1px 1px 1px; }
.header.mainpage .actual dl dt { top: 86px; }
.header.mainpage .actual dl dt span { display: none; }
.header.mainpage .actual dl dd { top: 155px; }

/* Wiki Map */
.header .main-menu .wiki { }
.header .main-menu .wiki-content { display: block; position: absolute; top: 122px; left: 0; width: 100%; min-width: 1000px; height: 0; background: #042025 url("/editor/img.gw2skills.net/bg/wiki-menu.png") 0 0 repeat-x; color: #ffffff; z-index: 50; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; opacity: 0; }
.header.mainpage .main-menu .wiki-content { top: 150px; }
.header .main-menu .wiki .wiki-content::before { display: block; content: ""; background: url("/editor/img.gw2skills.net/bg/wiki-menu-topline.png") top center no-repeat; background-size: cover; height: 1px; width: 100%; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; opacity: 0; }
.header .main-menu .wiki-content .inner { display: none; }
.header .main-menu .wiki.opened > a { color: #ffba01; }
.header .main-menu .wiki.opened .wiki-content { display: block; height: 560px; box-shadow: 0 3px 3px rgba(0,0,0,0.50); opacity: 1; }
.header .main-menu .wiki.opened .wiki-content::before { opacity: 1; }
.header .main-menu .wiki.opened .wiki-content .inner { display: block; }

.wiki .wiki-content { position: relative; }
.wiki .wiki-content .close-button { display: block; float: right; width: 24px; height: 24px; background: url("/editor/img.gw2skills.net/base/main-buttons-24x24.png") -24px 0 no-repeat; margin: -15px 5px 0 0; position: absolute; top: 0; right: 0; }
.wiki .wiki-content .close-button:hover { background-position: -24px -24px; cursor: pointer; }

.wiki .wiki-content section { display: block; margin: 0; position: relative; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; height: 0px; }
.wiki.opened .wiki-content section { }
.wiki.opened .wiki-content section:nth-child(1) { width: 100%; height: 285px; }
.wiki.opened .wiki-content section:nth-child(2) { width: 66%; float: left; height: auto; }
.wiki.opened .wiki-content section:nth-child(3) { width: 33%; float: right; height: auto; }

.wiki-content h2, .wiki-content h2 a { text-transform: none; color: #ffffff; font-size: 18px; font-weight: bold; }
.wiki-content h3, .wiki-content h3 a { text-transform: none; color: #ffffff; font-size: 14px; font-weight: normal; }
.wiki-content p, .wiki-content p a   { text-transform: none; color: #3f807f; font-size: 12px; }
.wiki-content * a:hover, .wiki-content .hover a { color: #ffba01; }
.wiki-content p a::after { content: " - "; }
.wiki-content p a:hover::after { color: #3f807f; }
.wiki-content p a:last-child::after { content: ""; }
.wiki-content h2 { margin: 0 20px 10px 20px; line-height: 20px; }
.wiki-content h3 { margin: 0 20px 2px 20px; line-height: 16px; }
.wiki-content p  { margin: 0 20px 8px 20px; line-height: 14px; }
.wiki-content .inner section:first-child p  { margin-bottom: 13px; }
.wiki-content h2 + p { margin-top: -8px; }
.wiki-content section > h2 { margin-top: 13px; }
.wiki-content section:nth-child(2) .column { width: 50%; float: left; margin: 0; padding: 0; }
.wiki-content section:nth-child(1) h2 { margin-top: 15px; }
.wiki-content section:nth-child(1) ul { width: 490px; float: left; }
.wiki-content section:nth-child(1) .column { width: 250px; float: left; margin: 0px 0 0 0; padding: 0; box-sizing: border-box; }
.wiki-content section.de:nth-child(1) .column { margin-top: -35px; }
.wiki-content section:nth-child(1) p { margin-right: 0px; }
.wiki-content section:nth-child(1)::after { display: block; content: ""; background: url("/editor/img.gw2skills.net/bg/wiki-menu-section-topline.png") 0 0 no-repeat; width: 1000px; height: 200px; position: absolute; top: 280px; }

/* Professions Small */
.professions-small { width: 490px; height: 250px; display: block; position: relative; margin: 0; left: 20px; }
.professions-small li { display: block; height: 250px !important; list-style: none; position: absolute; top: 2px; left: 0; padding: 0 !important; margin: 0 !important;  }
.professions-small .profmap, .professions-small .profmap img { width: 480px; }

.professions-small .engineer            { width: 200px; left: -3px; background: url("/editor/img.gw2skills.net/professions/small/engineer.png") 0 29px no-repeat; }
.professions-small .engineer.hover      { background-position: -200px 29px; }
.professions-small .revenant            { width: 200px; left: 65px; background: url("/editor/img.gw2skills.net/professions/small/revenant.png") 0 -2px no-repeat; }
.professions-small .revenant.hover      { background-position: -200px -2px; }
.professions-small .thief               { width: 120px; left: 100px; background: url("/editor/img.gw2skills.net/professions/small/thief.png") 0 70px no-repeat; }
.professions-small .thief.hover         { background-position: -120px 70px; }
.professions-small .mesmer              { width: 125px; left: 275px; background: url("/editor/img.gw2skills.net/professions/small/mesmer.png") 0 2px no-repeat; }
.professions-small .mesmer.hover        { background-position: -125px 2px; }
.professions-small .guardian            { width: 210px; left: 270px; background: url("/editor/img.gw2skills.net/professions/small/guardian.png") 0 30px no-repeat; }
.professions-small .guardian.hover      { background-position: -210px 30px; }
.professions-small .warrior             { width: 180px; left: 171px; background: url("/editor/img.gw2skills.net/professions/small/warrior.png") 0 1px no-repeat; }
.professions-small .warrior.hover       { background-position: -180px 1px; }
.professions-small .ranger              { width: 200px; left: 205px; background: url("/editor/img.gw2skills.net/professions/small/ranger.png") 0 164px no-repeat; }
.professions-small .ranger.hover        { background-position: -200px 164px; }
.professions-small .necromancer         { width: 165px; left: 38px; background: url("/editor/img.gw2skills.net/professions/small/necromancer.png") 0 134px no-repeat; }
.professions-small .necromancer.hover   { background-position: -165px 134px; }
.professions-small .elementalist        { width: 150px; left: 162px; background: url("/editor/img.gw2skills.net/professions/small/elementalist.png") 0 79px no-repeat; }
.professions-small .elementalist.hover  { background-position: -150px 79px; }

/* Professions Large */
.professions-large { width: 100%; height: 450px; background: #ffffff url("/editor/img.gw2skills.net/bg/profession-large.jpg") center top no-repeat; box-shadow: 0 3px 3px rgba(0,0,0,0.50) inset; }
.professions-large ul { width: 100%; height: 450px; display: block; position: relative; }
.professions-large ul li { display: block; list-style: none; position: absolute; top: 0; left: 0; }
.professions-large .profmap { display: block; width: 1000px; height: 432px; position: relative; top: -450px; }
.professions-large .profmap img { width: 1000px; height: 432px; }

.professions-large .engineer        { width: 400px; height: 450px; left: 16px; background: url("/editor/img.gw2skills.net/professions/large/engineer.png") 0 13px no-repeat; }
.professions-large .engineer.hover  { background-position: -400px 13px; }
.professions-large .revenant        { width: 400px; height: 450px; left: 167px; background: url("/editor/img.gw2skills.net/professions/large/revenant.png") 0 -52px no-repeat; }
.professions-large .revenant.hover  { background-position: -400px -52px; }
.professions-large .thief           { width: 250px; height: 450px; left: 231px; background: url("/editor/img.gw2skills.net/professions/large/thief.png") 0 124px no-repeat; }
.professions-large .thief.hover     { background-position: -250px 124px; }
.professions-large .mesmer          { width: 250px; height: 450px; left: 584px; background: url("/editor/img.gw2skills.net/professions/large/mesmer.png") 0 -38px no-repeat; }
.professions-large .mesmer.hover    { background-position: -250px -38px; }
.professions-large .guardian        { width: 350px; height: 450px; left: 638px; background: url("/editor/img.gw2skills.net/professions/large/guardian.png") 0 11px no-repeat; }
.professions-large .guardian.hover  { background-position: -350px 11px; }
.professions-large .warrior         { width: 350px; height: 450px; left: 378px; background: url("/editor/img.gw2skills.net/professions/large/warrior.png") 0 -38px no-repeat; }
.professions-large .warrior.hover   { background-position: -350px -38px; }
.professions-large .ranger          { width: 450px; height: 450px; left: 440px; background: url("/editor/img.gw2skills.net/professions/large/ranger.png") 0 280px no-repeat; }
.professions-large .ranger.hover    { background-position: -450px 280px; }
.professions-large .necromancer     { width: 350px; height: 450px; left: 107px; background: url("/editor/img.gw2skills.net/professions/large/necromancer.png") 0 227px no-repeat; }
.professions-large .necromancer.hover { background-position: -350px 227px; }
.professions-large .elementalist        { width: 300px; height: 450px; left: 358px; background: url("/editor/img.gw2skills.net/professions/large/elementalist.png") 0 99px no-repeat; }
.professions-large .elementalist.hover  { background-position: -300px 99px; }


/* Footer */
.footer { width: 100%; padding: 80px 0 30px 0; }
.footer .gw2skills, .footer .anet { width: 480px; margin: 0; padding: 0; margin-left: 10px; float: left; }
.footer .links { height: 100px; }
.footer .links h3 { margin: 0 0 10px 0; }
.footer .links h3 a { color: #00272e; font-size: 16px; font-weight: bold; text-shadow: 2px 2px 1px rgba(255,255,255,.5); }
.footer .links ul { display: block; clear: left; }
.footer .links ul li { font-size: 12px; float: left; list-style: none; }
.footer .links ul li::after { content: "-"; color: #9f0101; display: inline-block; margin: 0 4px; }
.footer .links ul li:last-child::after { content: ""; }
.footer .links .mainlinks a { font-size: 14px; text-transform: uppercase; }
.footer .anet .links a { display: block; margin-right: 40px; float: left; }
.footer .copyrights { color: #4b4b4b; padding-right: 30px; }
.footer .copyrights, .footer .copyrights a { font-size: 12px; line-height: 14px; text-shadow: 2px 2px 1px rgba(255,255,255,.5); }
.footer .copyrights p { margin-bottom: 15px; }
.footer .copyrights .counter + p, .footer .copyrights .counter + p + p { margin-left: 110px; }
.footer .counter { width: 88px; float: left; margin: -14px 20px 0 0; }


/* Message window */
.mw-overlay { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(209,209,207,.75); z-index: 99; }
.mw-content { display: block; box-sizing: border-box; width: 800px; height: 600px; border: solid 1px #c9c9c9; border-top: none; position: relative; box-shadow: 1px 1px 3px rgba(0,0,0,0.25), -1px 1px 3px rgba(0,0,0,0.25); background: #ffffff; margin: 0px auto; }
.mw-content::before { display: block; width: 800px; margin-left: -1px; height: 4px; content: ""; background-color: #3e413e; }
.mw-content .mw-close { position: absolute; top: 0; }
.mw-content .mw-data { position: absolute; top: 0; }
.mw-content .mw-data div { display: none; }
.mw-content .mw-data .mw-sendfom h6 { font-size: 24px; line-height: 32px; font-style: italic; color: #064652; margin: 2px 0 0 80px; background: url("/editor/img.gw2skills.net/bg/sendform.png") 575px 5px no-repeat; display: block; width: 700px; height: 80px; padding-top: 25px; }
.mw-content .mw-data .mw-sendfom h6::after { position: absolute; top: 80px; left: 70px; display: block; width: 500px; height: 20px; content: ""; background: url("/editor/img.gw2skills.net/bg/post-user.png") 0 0 no-repeat; }
.mw-content .mw-data .mw-sendfom h6 + label { margin-top: 10px; }
.mw-content .mw-data .mw-sendfom label { display: block; margin: 0 80px 10px 80px; color: #000000; text-transform: uppercase; font-size: 10px; font-weight: 500; }
.mw-content .mw-data .mw-sendfom label input,
.mw-content .mw-data .mw-sendfom label textarea,
.mw-content .mw-data .mw-sendfom label select { display: block; font-family: OpenSans, sans-serif; font-size: 15px; color: #01484f; background-color: #f9f9f7; border: solid 1px #b2b2b2; line-height: 26px; width: 640px; height: 30px; margin-top: 3px; margin-bottom: 10px; padding: 0 5px; }
.mw-content .mw-data .mw-sendfom label select { margin-top: 20px; width: 650px; font-weight: 500; }
.mw-content .mw-data .mw-sendfom label select option:first-child { color: #808085; background-color: #f2f1ef; border-bottom: solid 1px #a3c2c9; }
.mw-content .mw-data .mw-sendfom label textarea { height: 100px; resize: none; }
.mw-content .mw-data .mw-sendfom label input:focus,
.mw-content .mw-data .mw-sendfom label textarea:focus,
.mw-content .mw-data .mw-sendfom label select:focus { border: solid 1px #1c6a79; }
.mw-content .mw-data .mw-sendfom label .form-comment { height: 200px; }
.mw-content .mw-info { position: absolute; top: 100px; left: 70px; display: none; width: 670px; height: 350px; }
.mw-content .mw-info p { font-size: 20px; line-height: 32px; color: #010101; padding: 20px; height: 350px; display: table-cell; vertical-align: middle; background-color: #ffffff; width: 670px; text-align: center; font-weight: bold; }
.mw-content .mw-captcha { display: none; width: 100%; height: 400px; position: absolute; top: 100px; background-color: #ffffff; }
.mw-content .mw-captcha p { margin: 100px 80px 40px 80px; }
.mw-content .mw-captcha .captcha-image { display: block; border: none; width: 150px; height: 50px; box-sizing: border-box; background-color: #f9f9f7; margin-left: 140px; float: left; }
.mw-content .mw-captcha .captcha-image img { display: block; border: none; width: 150px; height: 50px; }
.mw-content .mw-captcha a { cursor: pointer; float: left; display: block; margin: 0 60px 0 20px; height: 50px; font-size: 13px; line-height: 75px; border-bottom: dotted 1px #9f0101; }
.mw-content .mw-captcha label { color: #000000; text-transform: uppercase; font-size: 10px; display: block; height: 50px; }
.mw-content .mw-captcha input { display: block; font-family: OpenSans, sans-serif; font-size: 15px; color: #01484f; background-color: #f9f9f7; border: solid 1px #b2b2b2; line-height: 26px; width: 150px; height: 30px; margin-top: 3px; margin-bottom: 10px; padding: 0 5px; }
.mw-content .mw-captcha input:focus { border: solid 1px #1c6a79; outline: none; }
.mw-content .mw-buttons { display: block; position: absolute; bottom: 0; left: 0; margin: 40px 195px; }
.mw-content .mw-buttons li { float: left; display: block; width: 180px; height: 50px; background: #909090 url("/editor/img.gw2skills.net/editor/UI/bg/qlink-button.png") 0 0 no-repeat; color: #fef0cd; font-size: 14px; font-weight: 500; text-transform: uppercase; text-align: center; line-height: 52px; text-shadow: 2px 2px 1px rgba(0,0,0,.5); opacity: .92; margin: 0 10px; }
.mw-content .mw-buttons .close { color: #f0f0f0; background-position: 0 -50px; }
.mw-content .mw-buttons .ok { margin-left: 115px; }
.mw-content .mw-buttons li:hover { color: #ffffff; cursor: pointer; opacity: 1; }
.mw-content .mw-loading { position: absolute; top: 4px; width: 100%; height: 594px; display: none; box-sizing: border-box; border: solid 1px #ffffff; background-color: #ffffff; }
.mw-content .mw-loading .loading-animation { width: 250px; height: 250px; margin: 220px auto; }
.mw-content .mw-loading .loading-ball { margin: 60px auto; }
.mw-content .mw-loading .loading-ball-1 { top: -180px; }

.mw-content.reminder { width: 950px; background: #ffffff url("/editor/img.gw2skills.net/bg/reminder-bg.jpg") no-repeat 0 0; }
.mw-content.reminder::before { width: 950px; }
.mw-content.reminder .mw-data .reminder-message { display: block; }
.mw-content .mw-data .reminder-message h6 { font-size: 24px; line-height: 32px; font-style: italic; color: #064652; margin: 40px 0 25px 50px; background: none; }
.mw-content .mw-data .reminder-message p { font-size: 15px; line-height: 20px; color: #010101; padding: 0 0 0 50px; width: 550px; }
.mw-content .mw-data .reminder-message aside { font-size: 14px; color: #317890; font-style: italic; position: absolute; top: 555px; left: 50px; text-shadow: 1px 1px 4px rgba(255,255,255,0.95), -1px 1px 4px rgba(255,255,255,0.95); }
.mw-content .mw-data .reminder-message nav { display: none; }
.mw-content .mw-data .reminder-message aside::before { content: "*"; margin: 0 10px 0 0; }
.mw-content.reminder .mw-buttons { top: 468px; margin: 0 0 0 50px; }
.mw-content.reminder .mw-buttons li { margin: 0; }
.mw-content.reminder .mw-buttons .submit { width: 350px; background-image: url("/editor/img.gw2skills.net/bg/reminder-button.png"); }
.mw-content.reminder .mw-buttons .close { margin-left: 340px; }


/* Content */
/*.content { width: 100%; min-height: 485px; margin: 10px 0 35px 0; } */
.content { width: 100%; min-height: 485px; min-height: calc(100vh - 495px); margin: 10px 0 35px 0; }
.header.mainpage + .content { min-height: calc(100vh - 900px); }
.content::after { display: block; content: ""; clear: both; }

.content .column { margin: 0; margin-left: 20px; padding: 0; box-sizing: border-box; float: left; }
.content .column:first-child { margin-left: 0; }
.content .column:last-child::after { content: ""; clear: both; }
.content .banner-column { margin-left: 0; }

/* Search */
.search-results { width: 660px;  }
.search-results h1 { font-size: 32px; line-height: 36px; margin: 10px 40px 25px 15px; }
.search-results .full-search { display: block; width: 645px; margin: 0 40px 0 15px; height: 50px; }
.search-results .full-search input { box-sizing: border-box; font-family: OpenSans, sans-serif; font-size: 15px; color: #01484f; height: 50px; border: solid 3px #71878b; }
.search-results .full-search input[type=text] { display: block; width: 470px; margin: 0; float: left; background-color: #ffffff; padding: 0 10px; }
.search-results .full-search input[type=submit] { display: block; width: 150px; margin: 0; background-color: #71878b; color: #bdd0d4; font-weight: 500; font-size: 12px; text-transform: uppercase; }
.search-results .full-search input[type=text]:focus { border: solid 3px #f17400; outline: none; }
.search-results .full-search input[type=text]:focus + input[type=submit]{ border: solid 3px #f17400; background-color: #f17400; color: #fcf0d1; }
.search-results .full-search input[type=submit]:hover,
.search-results .full-search input[type=text]:focus + input[type=submit]:hover { cursor: pointer; color: #ffffff; }
.search-results .full-search input::-webkit-input-placeholder { color: #4b4b4b; }
.search-results .full-search input::-moz-placeholder          { color: #4b4b4b; }
.search-results .full-search input:-moz-placeholder           { color: #4b4b4b; }
.search-results .full-search input:-ms-input-placeholder      { color: #4b4b4b; }

.search-results .results-list { margin: 20px 40px 25px 15px; }
.search-results .results-list h2 { font-size: 14px; margin-left: 20px; }
.search-results .results-list .no-results { font-weight: 500; margin-top: 30px; margin-left: 0; font-size: 16px; }
.search-results .results-list ul { margin: 25px 20px; }
.search-results .results-list li { list-style: none; clear: left; margin-bottom: 15px; height: 36px; }
.search-results .results-list li a { display: inline-block; position: relative; }
.search-results .results-list li span { display: inline-block; }
.search-results .results-list .ico { border: solid 2px #000000; box-sizing: border-box; width: 36px; height: 36px; background-color: #000000; }
.search-results .results-list .ico.trait { border: none; background-color: rgba(0,0,0,0); }
.search-results .results-list .ico.trait img { width: 36px; height: 36px; }
.search-results .results-list .ico img { width: 32px; height: 32px;  }
.search-results .results-list .name { height: 32px; position: absolute; top: 8px; left: 44px; white-space: nowrap; }


/* News anounce */
.mainpage-news { width: 660px; }
.mainpage-news h1 { font-size: 32px; line-height: 36px; margin: 25px 10px 0 10px; }
.news-anounce { margin: 10px 0; padding: 0; box-sizing: border-box; }
.news-anounce > li { float: left; width: 320px; height: 265px; overflow: hidden; box-sizing: border-box; background: url("/editor/img.gw2skills.net/bg/v-gradient-gray.png") 0 0 repeat-x; position: relative; margin-left: 20px; }
.news-anounce > li::before { display: block; content: ""; width: 320px; height: 1px; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 repeat-y; position: absolute; top: 0; }
.news-anounce > li:nth-child(3n+1) { margin-left: 0px; }
.mainpage-news .news-anounce > li:nth-child(3n+1) { margin-left: 20px; }
.mainpage-news .news-anounce > li:nth-child(2n+1) { margin-left: 0px; }

.news-anounce > li article { position: absolute; top: 0; height: 170px; width: 320px; box-sizing: border-box; padding: 15px 13px; text-overflow: ellipsis; overflow: hidden;  }
.news-anounce > li article * { display: none; }
.news-anounce > li article::after { display: block; height: 20px; width: 320px; box-sizing: border-box; content: ""; position: absolute; bottom: 0; background: url("/editor/img.gw2skills.net/bg/fix-block-gradient.png") 0 0 repeat-x; margin-left: -15px; }
.news-anounce > li article h2 { font-weight: bold; font-size: 18px; line-height: 22px; color: #064652; margin-bottom: 10px; }
.news-anounce > li article h2 a { color: #064652; }
.news-anounce > li article h2 a:hover { color: #9f0101; }
.news-anounce > li article p,
.news-anounce > li article p * { font-size: 14px; text-overflow: ellipsis; overflow: hidden; line-height: 16px; }
.news-anounce > li article h2,
.news-anounce > li article h2 a,
.news-anounce > li article h2 + p { display: block !important; text-overflow: ellipsis; overflow: hidden; }
.news-anounce > li article h2 + p::after { content: " ..."; }
.news-anounce > li article p a { display: inline-block; color: #222222; }
.news-anounce > li article p a:hover { color: #117c90; }
.news-anounce .links { margin: 0; padding: 0; display: block; width: 320px; height: 25px; position: absolute; top: 170px; }
.news-anounce .links::after { content: ""; clear: left; }
.news-anounce .links li { float: left; list-style: none; }
.news-anounce .links li:first-child { margin-left: 13px; }
.news-anounce .links li::after { display: inline-block; margin: 0 4px; color: #9f0101; content: "|"; }
.news-anounce .links li:last-child::after { content: ""; }
.news-anounce .links li a { font-size: 13px; }
.news-anounce time { margin: 0; padding: 0; width: 320px; height: 25px; float: right; text-align: right; font-size: 14px; font-style: italic; color: #117c90; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 no-repeat; line-height: 32px; position: absolute; top: 195px; }


/* Wiki Index */
.mainpage-wiki-index { width: 320px; }
.mainpage-wiki-index h1 { font-size: 32px; line-height: 36px; margin: 25px 10px 0 10px; }
.mainpage-wiki-index .wiki-shortlist { display: block; width: 320px; height: 450px; box-sizing: border-box; background: url("/editor/img.gw2skills.net/bg/v-gradient-gray.png") 0 0 repeat-x; margin: 10px 0; }
.mainpage-wiki-index .wiki-shortlist::before { display: block; content: ""; width: 320px; height: 1px; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 repeat-y; }
.mainpage-wiki-index .wiki-shortlist h2 { font-weight: bold; font-size: 18px; line-height: 22px; color: #064652; margin: 10px 13px 2px 13px; }
.mainpage-wiki-index .wiki-shortlist h2:first-child { margin-top: 15px; }
.mainpage-wiki-index .wiki-shortlist h2 a { color: #064652; }
.mainpage-wiki-index .wiki-shortlist h3 { font-size: 14px; color: #222222; margin: 0 13px; line-height: 18px; }
.mainpage-wiki-index .wiki-shortlist h3 a { color: #222222; }
.mainpage-wiki-index .wiki-shortlist p { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px 25px 4px 13px; line-height: 16px; }
.mainpage-wiki-index .wiki-shortlist h2 a:hover { color: #9f0101; }
.mainpage-wiki-index .wiki-shortlist h3 a:hover,
.mainpage-wiki-index .wiki-shortlist p a:hover { color: #107d91; }
.mainpage-wiki-index .wiki-shortlist p a::after { content: ", "; }
.mainpage-wiki-index .wiki-shortlist p a:last-child::after { content: ""; }
.mainpage-wiki-index .bottom-link { margin: 0; padding: 0; width: 320px; height: 25px; float: right; text-align: right; font-size: 14px; font-style: italic; color: #117c90; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 no-repeat; line-height: 32px; }
.mainpage-wiki-index .bottom-link a { color: #117c90; }
.mainpage-wiki-index .bottom-link a:hover { color: #9f0101; }

.mainpage-wiki-index .wiki-shortlist.multiline { height: auto; padding-bottom: 15px; margin-top: 30px; }
.mainpage-wiki-index .wiki-shortlist.multiline p { white-space: normal; }


/* Error Page*/
.error404 { width: 100%; height: 500px; background: url("/editor/img.gw2skills.net/bg/deadmoa.jpg") 600px 100px no-repeat; }
.error404 .error-header { padding: 130px 400px 20px 60px; }
.error404 .error-header h1 { font-size: 38px; line-height: 44px; margin: 0; }
.error404 .error-header p { font-size: 24px; line-height: 32px; font-style: italic; color: #064652; }
.error404 .error-description { padding: 60px 400px 0 60px; background: url("/editor/img.gw2skills.net/base/h-line-wide-down.png") 0 0 no-repeat; }
.error404 .error-description p { font-size: 18px; line-height: 24px; }

.error404 .error-debug { padding: 30px 400px 0 60px; }
.error404 .error-debug h2 { font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; }
.error404 .error-debug p { font-size: 14px; line-height: 18px; }


/* News Full List */
.news-fulllist { width: 1000px; }
.news-fulllist h1 { font-size: 32px; line-height: 36px; margin: 10px 40px 0px 15px; }

.pager-full { width: 1000px; }

.pager { display: block; width: 100%; height: 65px; margin: 10px 0 50px -20px; background: url("/editor/img.gw2skills.net/bg/pager.png") 50px 25px no-repeat; }
.pager::after { clear: both; }
.pager li { float: left; list-style: none; display: block; width: 40px; height: 65px; margin: -20px 3px 0 0; font-weight: 500; background: url("/editor/img.gw2skills.net/bg/pager-page.png") 0 0 no-repeat; text-align: center; line-height: 70px; font-size: 15px; }
.pager li a { color: #dfdfdf; display: block; width: 40px; }
.pager li a:hover { color: #ffffff; }
.pager .selected { color: #ffffff; background-position: -40px 0; line-height: 60px; }
.pager li:first-child { height: 25px; width: 100%; padding: 0 10px; margin: 0; background: url("/editor/img.gw2skills.net/base/h-line.png") left bottom repeat-x; text-align: left; line-height: 24px; color: #000000; font-size: 13px; }
.pager li:first-child::after { content: ":"; }
.pager li:nth-child(2) { margin-left: 150px; }

/* News Text */
.news-text { width: 670px; background: url("/editor/img.gw2skills.net/base/v-line.png") 669px 0 repeat-y; padding-bottom: 25px !important; margin-top: 15px !important; }
.news-text h1 { font-size: 32px; line-height: 36px; margin: 10px 40px 0px 15px; }
.news-text time { display: block; font-size: 20px; line-height: 24px; font-style: italic; color: #085766; margin: 15px 40px 0 15px; }
.news-text .social-media { display: block; height: 24px; float: right; margin: 15px 30px; }
.news-text .social-media li { float: left; display: block; width: 24px; height: 24px; list-style: none; background: url("/editor/img.gw2skills.net/base/social-media-24x24.png") 0 0 no-repeat; margin-left: 5px; }
.news-text .social-media li a { text-indent: -9999px; display: block; width: 24px; height: 24px; }
.news-text .social-media .facebook    { background-position: -24px 0; }
.news-text .social-media .twitter     { background-position: -48px 0; }
.news-text .social-media .vk          { background-position: -72px 0; }
.news-text .social-media .google-plus { background-position: -96px 0; }
.news-text .social-media .facebook:hover    { background-position: -24px -24px; }
.news-text .social-media .twitter:hover     { background-position: -48px -24px; }
.news-text .social-media .vk:hover          { background-position: -72px -24px; }
.news-text .social-media .google-plus:hover { background-position: -96px -24px; }
.paragraph-text { display: block; box-sizing: border-box; padding: 40px 40px 0 15px; font-size: 16px; line-height: 22px; }
.paragraph-text p,
.paragraph-text ul,
.paragraph-text ol { margin: 0 0 25px 0; }
.paragraph-text li { margin: 0 20px 15px 30px; padding: 0 0 0 5px; }
.paragraph-text h2 { margin: 0 0 20px 0; font-size: 20px; line-height: 32px; font-weight: 500; }

.news-text .bottom-links { float: right; margin: 20px 40px 0 0; }
.news-text .bottom-links li { float: left; list-style: none; color: #9f0101; border-right: solid 1px #9f0101; padding: 0 15px; }
.news-text .bottom-links li:last-child { border-right: none; padding-right: 0; }
.news-text .bottom-links::after { content: ""; display: block; width: 100%; clear: both; }

.comments-section { display: block; margin-top: 100px; }
.comments-section h2 { font-size: 24px; line-height: 32px; margin: 0 15px; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; }
.comments-section .comments { display: block; margin: 0 40px 0 15px; }
.comments-section .comments::before { display: block; content: ""; width: 100%; height: 25px; background: url("/editor/img.gw2skills.net/base/top-border.png") left bottom no-repeat; }
.comments-section .comments li { list-style: none; width: 100%; display: block; min-height: 150px; background: url("/editor/img.gw2skills.net/bg/post-user.png") 0 0 no-repeat; position: relative; padding: 30px 0 15px 15px; }
.comments-section .comments li .name { width: 210px; height: 25px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #085766; font-size: 16px; line-height: 20px; }
.comments-section .comments li time  { width: 210px; height: 15px; display: block; color: #117c90; font-style: italic; font-size: 12px; line-height: 16px; margin: 0; }
.comments-section .comments li .post { display: block; margin: -40px 0 0 230px; font-size: 13px; }
.comments-section .comments .admin-post { background-image: url("/editor/img.gw2skills.net/bg/post-admin.png"); }
.comments-section .comments .admin-post .name { color: #ffffff; padding-left: 15px; text-shadow: -1px 0 1px #9b0704, 0 -1px 1px #9b0704, 0 1px 1px #9b0704, 1px 0 1px #9b0704, 0 0 1px #9b0704, 0 0 1px #9b0704, 0 0 1px #9b0704, 3px 3px 3px rgba(0,0,0,.5); }
.comments-section .comments .admin-post .name a { color: #ffffff; }
.comments-section .comments .admin-post .name a:hover { text-decoration: underline; }
.comments-section .comments .admin-post time  { color: #ffffff; padding-left: 15px; text-shadow: -1px 0 1px #9b0704, 0 -1px 1px #9b0704, 0 1px 1px #9b0704, 1px 0 1px #9b0704, 0 0 1px #9b0704, 0 0 1px #9b0704, 0 0 1px #9b0704, 3px 3px 3px rgba(0,0,0,.5); }


/* Latest News Index*/
.latestnews-index { width: 320px; margin-left: 10px !important; }
.latestnews-index h2 { font-size: 24px; line-height: 32px; margin: 25px 10px 30px 20px; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; }
.latestnews-index h2 a { color: #000000; }
.latestnews-index h2 a:hover { color: #9f0101; }
.latestnews-index p { margin: 0px 10px 15px 20px; }
.latestnews-index p a { color: #085766; font-weight: 500; }
.latestnews-index ul { margin: 0 20px; }
.latestnews-index ul li { list-style: none; margin-bottom: 30px; }
.latestnews-index ul li a { color: #085766; font-weight: 500; display: block; }
.latestnews-index ul li time { display: block; color: #000000; font-style: italic; font-size: 12px; }
.latestnews-index ul li a:hover, .latestnews-index ul li a:hover time, .latestnews-index p a:hover { color: #9f0101; }
.latestnews-index .bottom-link { text-align: right; margin: 0 10px 0 0; }
.latestnews-index .bottom-link a { color: #9f0101; font-weight: normal; }
.latestnews-index .bottom-link a:hover { color: #085766; }

/* FAQ */
.faq-text { width: 1000px; padding-bottom: 25px !important; padding-top: 15px !important; }
.faq-text h1 { font-size: 32px; line-height: 36px; margin: 10px 40px 0px 15px; }
.faq-text .faq { margin: 40px 15px;  }

.faq-text .faq dt::before { display: block; float: left; content: "Q"; color: #d5e8ed; font-weight: bold; font-size: 36px; width: 40px; height: 40px; margin: 5px 0 0 -50px;}
.faq-text .faq dt { margin-left: 50px; font-weight: 500; font-size: 16px; line-height: 24px; }
.faq-text .faq dd { margin-left: 50px; padding: 10px 15px 45px 0; font-size: 16px; line-height: 24px; }


/* Credits */
.developers { }
.developers li { list-style: none; margin: 0 0 15px 0; }
.developers li::after { display: block; content: ""; width: 300px; height: 1px; border-bottom: dotted 1px #c7cacc; }
.developers .position { display: block; float: left; width: 300px; padding: 0 0 5px 0; font-style: italic; }
.developers .people { display: block; margin: 0 0 0 330px; padding: 0 0 5px 0; }
.developers .people a { color: #085766; }
.developers .people a:hover { color: #9f0101; }
.latestnews-index.contacts p { font-size: 16px; line-height: 24px; }
.latestnews-index.contacts p a { display: block; margin-top: 10px; }

/* Donate */
.donate .yandex, .donate .paypal { display: block; display: block; width: 625px; height: 215px; box-sizing: border-box; border: solid 1px #c9c9c9; border-top: none; box-shadow: 1px 1px 3px rgba(0,0,0,0.15), -1px 1px 3px rgba(0,0,0,0.15); background-color: #ffffff; margin-bottom: 30px; overflow: hidden; }
.donate .yandex::before, .donate .paypal::before { display: block; width: 625px; margin-left: -1px; height: 4px; content: ""; background-color: #3e413e; }
.donate .yandex iframe { position: relative; top: -2px; left: -10px; border: none; box-shadow: none; }
.donate .paypal { text-align: center; background: #ffffff url("/editor/img.gw2skills.net/logo/paypal.png") no-repeat 400px 85px; }
.donate .paypal .paypal-button { display: block; width: 180px; height: 50px; opacity: .92; margin: 80px 0 0 100px; }
.donate .paypal .paypal-button:hover { cursor: pointer; opacity: 1; }

.latestnews-index.donate h2 { font-style: italic; text-transform: none; }
.latestnews-index.donate p { font-style: italic; font-size: 15px; line-height: 24px; color: #085766; }
.latestnews-index.donate .thanks { font-weight: 500; color: #000000; }


/* Wikimap Full  */
.wikimap-fullsize { width: 1000px; padding-bottom: 25px !important; padding-top: 15px !important; }
.wikimap-fullsize h1 { font-size: 32px; line-height: 36px; margin: 10px 40px 0px 15px; }
.wikimap-fullsize .wikimap { margin: 0 15px 40px 15px; }

.wikimap-fullsize .wikimap h2 { font-weight: 500; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #000000; margin: 25px 0 5px 0; }
.wikimap-fullsize .wikimap h3 { font-weight: 500; font-size: 15px; line-height: 20px; color: #000000; margin: 0 0 0 0; }
.wikimap-fullsize .wikimap p { font-size: 14px; line-height: 18px; margin-bottom: 15px; }
.wikimap-fullsize .wikimap h2 a, .wikimap-fullsize .wikimap h3 a { color: #000000; }
.wikimap-fullsize .wikimap h2 a:hover, .wikimap-fullsize .wikimap h3 a:hover { color: #9f0101; }

.wikimap-fullsize .wikimap .column { float: left; width: 350px; }
.wikimap-fullsize .wikimap .column + .column { float: left; width: 600px; }


/* Skill full description */
.skillinfo-left { width: 660px; }
.skill-description { margin: 20px 40px 30px 15px; }
.skill-description .skill-name { margin: 0 0 30px 0; }
.skill-description .skill-name h1 { font-size: 32px; line-height: 36px; margin: 0; }
.skill-description .skill-name p  { display: block; font-size: 18px; line-height: 24px; font-style: italic; color: #085766; margin: 0; }
.skill-description article p { margin: 0 0 15px 0; font-size: 16px; line-height: 22px; }
.skill-description article p b { font-weight: 500; }
.skill-description article p em { color: #808080; }
.skill-description article p:nth-child(2) { font-size: 14px; line-height: 20px; color: #085766; }

.skill-description .sfact { margin: 0 0 10px 20px; line-height: 16px; width: 500px; }
.pvx-info .sfact { margin: 0 0 5px 0; line-height: 16px; width: 280px; }
.skill-description p + .sfact { margin-top: 25px; }
.skill-description .sfact .multi, .pvx-info .sfact .multi { color: #04b325; text-shadow: #ffffff -1px -1px 1px; width: 33px; padding-top: 12px; font-size: 13px; font-weight: bold; }
.skill-description .sfact dd, .pvx-info .sfact dd { color: #1e1e1e; text-shadow: none; line-height: 16px; padding-left: 37px; font-size: 13px; }
.skill-description .sfact.attuned dd, .pvx-info .sfact.attuned dd { padding-left: 64px; }
.pvx-info .sfact .multi, .pvx-info .sfact dd { font-size: 12px; line-height: 12px; }
.sfact .coef { color: #117c90; margin-left: 5px; font-size: 12px; }
.sfact .coef:hover { color: #9f0101; }
.sfact .coef::before { content: "[ "; color: #1e1e1e; font-size: 13px; }
.sfact .coef::after { content: " ]"; color: #1e1e1e; font-size: 13px; }

.skillinfo-left .skill-alt { margin-top: 50px;  }
.skillinfo-left .skill-alt::before { display: block; width: 100%; height: 1px; content: ""; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 no-repeat; }
.skillinfo-left h2 { font-size: 24px; line-height: 32px; margin: 30px 40px 15px 15px; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; }
.skillinfo-left .skill-list { margin: 0 40px 50px 15px; }
.skillinfo-left .skill-list li { list-style: none; }

/* Skill stats */
.skillinfo-right { width: 320px; }
.skill-brief { margin-top: 20px; }
.skill-brief header { display: block; width: 320px; height: 50px; box-sizing: border-box; border-bottom: solid 2px #001d21; background: url("/editor/img.gw2skills.net/bg/skill-info-stats.png") 0 0 no-repeat; }
.skill-brief header h4 { display: block; box-sizing: border-box; width: 70px; height: 70px; background-color: #000000; float: left; border: solid 1px #ffffff; margin: -4px 0 0 10px; }
.skill-brief header h4 img { width: 64px; height: 64px; border: 0; margin: 2px; }
.skill-brief header h4.trait-ico { background: none; border: none; margin-top: -8px; }
.skill-brief header h4.trait-ico img {}
.skill-brief .skill-stat li { margin: 13px 10px 0 0px; height: 24px; color: #ffffff; font-size: 16px; font-style: italic; text-shadow: #000000 1px 1px 2px; cursor: default; }

.brief-info { display: block; width: 320px; box-sizing: border-box; border: solid 2px #bfc6c7; border-top: none; font-size: 13px; padding: 35px 0 25px 0; background: url("/editor/img.gw2skills.net/bg/skill-brief-info.png") -3px 0 repeat-y; }
.brief-info dl { width: 100%; margin-bottom: 5px; }
.brief-info dl::after { clear: left; display: block; content: ""; }
.brief-info dt { width: 115px; float: left; text-align: right; font-weight: 500; margin-left: 5px; }
.brief-info dt::after { content: ":"; }
.brief-info dd { width: 160px; margin-left: 145px; }
.brief-info .compact dd { margin-top: -2px; }
.brief-info .replacement { margin-top: 10px; }
.brief-info .replacement ul { }
.brief-info .replacement li { list-style: none; float: left; }
.brief-info .replacement > ul:first-child li { }
.brief-info .replacement li a { display: block; margin: 0 5px 5px 0; padding: 0; width: 26px; height: 26px; background-color: #000000; }
.brief-info .replacement a img { width: 24px; height: 24px; border: 0; margin: 1px; }
.brief-info .replacement .chain li { }
.brief-info .replacement .chain li a { margin: 0; display: inline-block; }
.brief-info .replacement .chain li::after { display: inline-block; content: "→"; float: right; line-height: 24px; margin: 0 2px; font-size: 12px; }
.brief-info .replacement .chain li:last-child::after { content: ""; }

.pvx-brief { margin-top: 10px; }
.skillinfo-right > .pvx-brief:nth-child(2) { margin-top: 20px; }
.skillinfo-right > .pvx-brief:nth-child(2)::before { display: block; width: 100%; height: 1px; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 no-repeat; margin-bottom: 20px; content: ""; }
.pvx-brief header h4 { display: inline-block; width: 80px; height: 50px; background: none; border: none; margin: 0; color: #ffffff; font-size: 24px; text-shadow: #000000 1px 1px 2px; line-height: 48px; text-align: center; }
.pvx-info { display: block; width: 320px; box-sizing: border-box; border: solid 2px #bfc6c7; border-top: none; font-size: 13px; padding: 20px; }

/* Wiki Info Nav */
.wiki-brief { margin: 25px 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.15), -1px 1px 3px rgba(0,0,0,0.15); }
.wiki-brief header { display: block; width: 320px; height: 50px; box-sizing: border-box; border-bottom: solid 2px #3e4129; background: #777b5a url("/editor/img.gw2skills.net/bg/wiki-brief-nav.png") 0 0 no-repeat; }
.wiki-brief header h3 { font-size: 18px; font-weight: 500; color: #ffffff; text-shadow: #000000 1px 1px 2px; margin: 0 15px; line-height: 48px; }
.wiki-brief header .header-icon { display: block; width: 64px; height: 64px; box-sizing: border-box; position: relative; top: -55px; left: 250px; }
.wiki-brief header .header-icon img { display: block; width: 64px; height: 64px; border: none; margin: 0; }
.wiki-brief header .header-icon.effect { left: 240px; }
.wiki-brief header .header-icon.effect img { width: 32px; height: 32px; margin: 16px 0 16px 32px; }
.wiki-brief .brief-info { background-image: none; background-color: #f3f3ef; border-color: #888984; padding: 25px 0; }
.wiki-brief .brief-info h4 { font-size: 14px; color: #222222; margin: 0 15px 5px 15px; line-height: 18px; }
.wiki-brief .brief-info h4 a { color: #222222; }
.wiki-brief .brief-info p { font-size: 13px; margin: 0px 15px 10px 15px; line-height: 16px; }
.wiki-brief .brief-info h4 a:hover,
.wiki-brief .brief-info p a:hover { color: #107d91; }
.wiki-brief .brief-info p a::after { content: ", "; }
.wiki-brief .brief-info p a:last-child::after { content: ""; }
.wiki-brief .brief-info .prof-nav { margin: 0 15px; }
.wiki-brief .brief-info nav + .prof-nav { border-top: solid 2px #bdbeb6; padding: 15px 0 0 0; margin-top: 30px; }
.wiki-brief .brief-info .prof-nav h4, .wiki-brief .brief-info .prof-nav p { margin-left: 0; margin-right: 0; }
.wiki-brief .brief-info .prof-nav p a::after { content: " - "; }
.wiki-brief .brief-info .prof-nav p a:last-child::after { content: ""; }


/* Wiki Effect Info */
.action-list { margin: 20px 0; }
.action-list li { list-style: none; font-size: 16px; margin-bottom: 10px; font-style: italic; }
.action-list li .pvx { font-style: normal; display: block; float: left; width: 100px; }
.action-list li .pvx::after { }
.action-list li .pvx + span { margin-left: 100px; display: block; }
.action-list li em { font-style: normal; color: #107d91; }
.action-list li em b { color: #660101; font-weight: 500; }
.action-list li:first-child { font-weight: bold; font-style: normal; }
.action-list li:first-child::after { content: ":"; font-style: normal; }

/* Combo effects */
.combo-description { }
.combo-description h2 { margin: 25px 0 15px 0; font-size: 18px; line-height: 32px; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none;  }
.combo-description table { border: none; margin: 0 0 50px 0; padding: 0; width: 640px; margin-left: 0px; }
.combo-description table thead tr { margin: 0; padding: 0; border: none; }
.combo-description table thead tr td { margin: 0; padding: 5px; border: none; border-bottom: solid 2px #313328; background-color: #4f5140; font-weight: 500; text-transform: uppercase; color: #ffffff; font-size: 12px; height: 32px; vertical-align: middle; }
.combo-description table thead tr td:first-child { padding-left: 10px; }
.combo-description table tbody tr { margin: 0; padding: 0; border: none; }
.combo-description table tbody tr td { height: 36px; vertical-align: middle; padding: 5px; font-size: 13px; line-height: 16px; border: none; }
.combo-description table tbody tr td:first-child { padding-left: 10px; }
.combo-description table tbody tr td { border-bottom: solid 1px #d0d2c7; }
.combo-description table tbody tr:nth-child(even) td { background-color: #f3f3ef; }
.combo-description table tbody tr td:first-child img { width: 24px; height: 24px; }
.combo-description table tbody tr td .sfact { width: 250px; margin-bottom: 1px; }
.combo-description table tbody tr td .sfact dd { padding-left: 34px; font-size: 12px; }


/* Trait modify */
.trait-modify { margin: 50px 40px 25px 0px; }
.trait-modify::before { display: block; width: 100%; height: 1px; content: ""; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 no-repeat; }
.trait-modify h2 { font-size: 18px; line-height: 32px; margin: 30px 40px 15px 15px; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; }
.trait-modify ul { margin: 25px 20px; }
.trait-modify li { list-style: none; clear: left; margin-bottom: 15px; height: 32px; }
.trait-modify li a { display: inline-block; position: relative; }
.trait-modify li span { display: inline-block; }
.trait-modify .prof-race-ico { box-sizing: border-box; width: 32px; height: 32px; }
.trait-modify .ico { border: none; box-sizing: border-box; width: 32px; height: 32px; }
.trait-modify .ico img { width: 32px; height: 32px; }
.trait-modify .name { position: absolute; top: 6px; left: 76px; white-space: nowrap; }

/* Skills & Traits List */
.source-list { margin: 10px 15px; }
.source-list::before { display: block; width: 100%; height: 1px; content: ""; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 no-repeat; }
.combo-description + .source-list::before { content: none; }
.source-list h2 { font-size: 18px; line-height: 32px; margin: 30px 0 15px 0; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; }
.source-list h3 { font-size: 14px; font-weight: 500; color: #000000; text-decoration: none; height: 32px; line-height: 30px; clear: left; padding-top: 25px; }
.source-list h2 + h3 { padding-top: 0; }
.source-list h3 span { display: inline-block; float: left; margin-right: 2px; }
.source-list ul { margin: 5px 0 0 5px; }
.source-list ul li { list-style: none; margin: 0 20px 2px 0px; height: 24px; }
.source-list li a { display: inline-block; position: relative; }
.source-list li span { display: inline-block; }
.source-list li .ico { border: none; box-sizing: border-box; width: 24px; height: 24px; }
.source-list li .name { position: absolute; top: 2px; left: 32px; white-space: nowrap; }
.source-list li .name .chance { color: #222222; font-style: italic; }
.source-list li .ico img { width: 24px; height: 24px; }
.source-list.skill-list li .ico { background-color: #000000; }
.source-list.skill-list li .ico img { width: 22px; height: 22px; margin: 1px; }
.source-list.node-list::before { content: none; }
.source-list.node-list li { margin-bottom: 10px; }
.source-list.trait-list { margin-bottom: 50px; }
.source-list.combo-list li { margin-bottom: 10px; }
.source-list.combo-list li .name { position: relative; top: -8px; left: 2px; }
.source-list.combo-list li .plus { position: relative; top: -8px; left: 2px; margin: 0 5px; }

/* Profession's Brief */
.prof-description { font-size: 14px; color: #222222; }
.prof-description blockquote { font-size: 16px; font-weight: 500; font-style: italic; color: #84b2b7; margin: 0 40px 30px 100px; }
.prof-description blockquote::before { content: "”"; font-size: 56px; display: block; float: left; margin-left: -35px; margin-right: 5px; width: 32px; height: 32px; line-height: 36px; }
.prof-description p { font-size: 14px !important; color: #222222 !important; }
.prof-description h2 { font-size: 18px; line-height: 32px; margin: 30px 0 0 0; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; }
.prof-description h3 { font-size: 16px; font-weight: 500; color: #000000; text-decoration: none; height: 32px; line-height: 30px; clear: left; margin: 15px 0 5px 0; }
.prof-description h3 span { float: left; }
.prof-description h3 .name { margin-left: 5px; }
.prof-description .profession-weapon { width: 550px; margin-bottom: 25px; margin-top: 10px; }
.prof-description .profession-weapon tbody tr td { font-size: 13px; }
.prof-description .profession-weapon tbody .subheader td,
.prof-description .profession-weapon tbody tr:first-child td { border-top: solid 2px #313328 !important; }
.prof-description .profession-weapon tbody tr td:first-child { padding-left: 10px; }
.prof-description .profession-weapon tbody tr td a,
.prof-description .profession-weapon tbody tr td span { display: block; clear: both; margin: 0; padding: 0; height: 20px; line-height: 18px; }
.prof-description .profession-weapon .subheader td .prof-race-ico { width: 32px; height: 32px; }
.prof-description .profession-weapon .subheader td .name { line-height: 32px; }
.prof-description .profession-weapon tbody tr:nth-child(odd) td  { background-color: #f3f3ef; }
.prof-description .profession-weapon tbody tr:nth-child(even) td { background-color: #f9f9f7; }
.prof-description .profession-weapon tbody tr td:nth-child(1) { width: 200px; }
.prof-description .profession-weapon tbody tr td:nth-child(2) { width: 200px; }
.prof-description .profession-weapon tbody tr td:nth-child(3) { width: 150px; }
.prof-description .wiki-nav { margin-left: 20px; margin-top: 10px; }
.prof-description .wiki-nav li { color: #9f0101; margin-bottom: 5px; }

/* Profession Special */
.prof-special { font-size: 14px; color: #222222; width: 980px; }
.prof-special p { font-size: 14px !important; color: #222222 !important; }
.prof-special h2 { font-size: 18px; line-height: 32px; margin: 20px 0; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; }
.prof-special h2::after { display: block; width: 100%; height: 1px; content: ""; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 no-repeat; }
.prof-special h2 .quicknav { margin-top: 0; }
.prof-special h3 { font-size: 14px; font-weight: 500; color: #000000; text-decoration: none; height: 32px; line-height: 30px; clear: left; margin: 0; }
.prof-special h3 .quicknav { font-weight: normal; }
.prof-special table + h3,
.prof-special table + a + h3 { margin-top: -30px; }
.prof-special h3.petfamily { position: relative; font-size: 16px; }
.prof-special h3.petfamily + table { margin: 10px 0 60px 0; }
.prof-special h3.petfamily > a { position: absolute; top: 0px; }
.prof-special h3.petfamily a span { display: block; float: left; }
.prof-special h3.petfamily .name { margin-left: 10px; color: #000000; }

/* Skills and Traits - Nav */
.nav-targets ul { margin: 0 20px 40px 30px; }
.nav-targets ul li { margin-bottom: 5px; font-size: 14px; }
.nav-targets ul li, .nav-targets ul li a { color: #085766; }
.nav-targets ul li a:hover { color: #9f0101; }
.nav-targets ul::after { display: block; width: 300px; height: 1px; margin-left: -30px; margin-top: 15px; background-color: #bad4d8; content: ""; }
.nav-targets ul li ul { margin: 4px 20px; }
.nav-targets ul li ul li { font-size: 13px; margin-bottom: 3px; }
.nav-targets ul li ul::after { content: none; }

/* Skills and Traits - Header */
.skill-trait-title { margin: 25px 0 15px 0px !important; font-size: 18px; line-height: 32px; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; width: 980px; }
.skill-trait-title::after { display: block; width: 980px; height: 1px; content: ""; background: url("/editor/img.gw2skills.net/base/h-line.png") 0 0 repeat-x; margin: 5px 0 0 0; }
.quicknav { display: inline-block; float: right; font-size: 12px; text-transform: none; margin-top: 6px; }
.quicknav::before { content: "[ "; }
.quicknav::after { content: " ]"; }

.traitline-title .is-elite { text-transform: none; font-size: 16px; margin-left: 10px; display: inline-block; padding: 0; }
.traitline-title .is-elite::before { content: "("; }
.traitline-title .is-elite::after { content: ")"; }
.traitline-title .english { display: none; }
.traitline-title::before { display: block; box-sizing: border-box; width: 48px; height: 48px; content: ""; float: left; margin: -14px 10px 0 0; }

.double-line { line-height: 20px; }
.double-line::before { margin-top: 4px; }
.double-line .quicknav { margin-top: -24px; }
.double-line .is-elite { line-height: 20px;  }
.double-line .english { display: block; font-size: 16px; line-height: 24px; font-style: italic; color: #085766; margin: 0; text-transform: none; }

.weapon-title { clear: left; margin: 25px 0 10px 0; height: 32px; display: block; width: 980px; }
.weapon-title a span { display: block; }
.weapon-title .weapon-ico { width: 32px; height: 32px; box-sizing: border-box; float: left; }
.weapon-title .weapon-name { font-size: 18px; line-height: 16px; font-weight: 500; text-transform: none; color: #000000; margin-left: 45px; margin-top: -4px; }
.weapon-title .hands { display: block; font-size: 14px; line-height: 20px; font-style: italic; color: #085766; margin: 0; text-transform: none; margin-left: 45px; }
.weapon-title .quicknav { margin-top: -20px; }

.used-skill-title { clear: left; margin: 25px 0 0 0; height: 32px; display: block; width: 980px; }
.used-skill-title a span { display: block; float: left; }
.used-skill-title a .skill-ico { width: 32px; height: 32px; box-sizing: border-box; border: solid 2px #000000; }
.used-skill-title a .skill-ico img { width: 28px; height: 28px; }
.used-skill-title a .skill-name { font-size: 16px; line-height: 32px; font-weight: normal; text-transform: none; color: #000000; margin-left: 10px; }
.used-skill-title a:hover .skill-name { color: #9f0101; }


/* Skills and Traits - Table */
.skill-trait-list { border: none; margin: 0 0 50px 0; padding: 0; width: 980px; }
.skill-trait-list thead tr { margin: 0; padding: 0; border: none; }
.skill-trait-list thead tr td { margin: 0; padding: 5px; border: none; border-bottom: solid 2px #313328; background-color: #4f5140; font-weight: 500; text-transform: uppercase; color: #ffffff; font-size: 12px; height: 32px; vertical-align: middle; text-align: center; }
.skill-trait-list thead tr td:first-child { padding-left: 10px; }
.skill-trait-list thead tr .stat-ico { text-align: center; }
.skill-trait-list thead tr .stat-ico .table-ico { display: inline-block; }
.skill-trait-list tbody tr { margin: 0; padding: 0; border: none; }
.skill-trait-list tbody tr td { height: 32px; vertical-align: middle; padding: 5px; font-size: 12px; line-height: 14px; border: none; }
.skill-trait-list tbody tr td:first-child { padding-left: 5px; }
.skill-trait-list tbody tr td { border-top: solid 1px #e4e5e0; }
.skill-trait-list tbody tr td a,
.skill-trait-list tbody tr td span { display: table-cell; vertical-align: middle; height: 24px; line-height: 24px; float: left; margin: 0; }
.skill-trait-list tbody tr td:first-child a,
.skill-trait-list tbody tr td:first-child span { margin-left: 5px; }
.skill-trait-list tbody tr td a + a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skill-trait-list tbody tr td a + a,
.skill-trait-list tbody tr td span + a { padding-left: 6px; }
.skill-trait-list tbody tr:nth-child(even) td { background-color: #f3f3ef; }
.skill-trait-list tbody tr td:first-child img { width: 24px; height: 24px; }
.skill-trait-list tbody .subheader td { padding: 2px 10px !important; height: 28px; background-color: #d0d2c7 !important; border-bottom: solid 1px #888883 !important; border-top: solid 1px #888883 !important; color: #064652; font-weight: 500; text-transform: uppercase; vertical-align: middle; line-height: 32px; text-align: left !important; }
.skill-trait-list tbody .subheader:first-child td { border-top: none !important; }
.skill-trait-list tbody .subheader td .prof-race-ico { display: inline-block; margin-left: -3px; float: left; }
.skill-trait-list tbody .subheader td .prof-race-ico + span { display: table-cell; height: 32px; vertical-align: middle; padding-left: 3px; }
.skill-trait-list tbody .subheader.elite-spec a { height: 32px; color: #064652; }
.skill-trait-list tbody .subheader.elite-spec a .weapon-name { line-height: 32px; }
.skill-trait-list tbody .subheader.elite-spec a:hover { color: #9f0101; }
.skill-trait-list tbody .subheader.elite-spec .prof-race-ico { width: 32px; height: 32px; }
.skill-trait-list tbody .subheader.elite-spec .prof-race-ico + span { line-height: 32px; }
.skill-trait-list tbody tr:last-child td { border-bottom: solid 1px #888883; }
.skill-trait-list tbody tr.bordered td { border-top: solid 1px #888883; }

.skill-trait-list tbody .subheader.elite-spec a,
.skill-trait-list tbody .subheader.elite-spec td > span:first-child { margin-left: 0 !important; }


.skill-trait-list .replace-type,
.skill-trait-list .skill-image { width: 24px; height: 24px; display: inline-block; }
.skill-trait-list .skill-image img { width: 22px; height: 22px; border: solid 1px #000000; }

.traitline tbody tr td:nth-child(1) { width: 375px; }
.traitline tbody tr td:nth-child(2) { width: 40px; text-align: center; }
.traitline tbody tr td:nth-child(3) { width: 565px; }

.weapon-skills tbody tr td span + a + a { width: 250px; }
.weapon-skills tbody tr td .double-attune + a + a { width: 210px; }
.weapon-skills tbody tr td .double-attune + a { margin-left: 10px; }
.weapon-skills { }
.weapon-skills tbody .subheader td > span:first-child { margin-left: 0 !important; }
.weapon-skills tbody .attune-header td { border-bottom-color: #dfe0db !important; background-color: #e4e5e0 !important; }
.weapon-skills tbody .weapon-2 td:nth-child(1) { padding: 0px !important; }
.weapon-skills tbody .weapon-2 .weapon-ico { margin-top: -4px; }
.weapon-skills tbody .weapon-2 .weapon-ico::before { width: 28px; height: 28px; background-image: none; background-color: #435968; border: solid 1px #000000; }
.weapon-skills tbody .weapon-2 .weapon-ico::after { top: -30px; left: -2px; }
.weapon-skills tbody tr td:nth-child(1) { width: 20px; text-align: center; }
.weapon-skills tbody tr td:nth-child(2) { width: 320px; }
.weapon-skills tbody tr td:nth-child(3) { width: 120px; text-align: center; font-weight: 500; }
.weapon-skills tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.weapon-skills tbody tr td:nth-child(5) { width: 40px; text-align: center; }
.weapon-skills tbody tr td:nth-child(6) { width: 430px; }

.weapon-skills.thief tbody tr td span + a + a { width: 220px; }
.weapon-skills.thief tbody tr td:nth-child(2) { width: 290px; }
.weapon-skills.thief tbody tr td:nth-child(6) { width: 40px; text-align: center; }
.weapon-skills.thief tbody tr td:nth-child(7) { width: 410px; }

.weapon-skills.revenant tbody tr td span + a + a { width: 220px; }
.weapon-skills.revenant tbody tr td:nth-child(2) { width: 290px; }
.weapon-skills.revenant tbody tr td:nth-child(6) { width: 40px; text-align: center; }
.weapon-skills.revenant tbody tr td:nth-child(7) { width: 410px; }


.slot-skills tbody tr td span + a + a { width: 220px; }
.slot-skills tbody tr td:nth-child(1) { width: 320px; }
.slot-skills tbody tr td:nth-child(2) { width: 140px; text-align: center; font-weight: 500; }
.slot-skills tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.slot-skills tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.slot-skills tbody tr td:nth-child(5) { width: 40px; text-align: center; }
.slot-skills tbody tr td:nth-child(6) { width: 450px; }

.slot-skills.revenant tbody tr td span + a + a { width: 190px; }
.slot-skills.revenant tbody tr td:nth-child(1) { width: 300px; }
.slot-skills.revenant tbody tr td:nth-child(2) { width: 120px; text-align: center; font-weight: 500; }
.slot-skills.revenant tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.slot-skills.revenant tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.slot-skills.revenant tbody tr td:nth-child(5) { width: 40px; text-align: center; }
.slot-skills.revenant tbody tr td:nth-child(6) { width: 40px; text-align: center; }
.slot-skills.revenant tbody tr td:nth-child(7) { width: 40px; text-align: center; }
.slot-skills.revenant tbody tr td:nth-child(8) { width: 410px; }

.downed-skills tbody tr td:nth-child(1) { width: 20px; text-align: center; }
.downed-skills tbody tr td:nth-child(2) { width: 230px; }
.downed-skills tbody tr td:nth-child(3) { width: 140px; text-align: center; font-weight: 500; }
.downed-skills tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.downed-skills tbody tr td:nth-child(5) { width: 40px; text-align: center; }
.downed-skills tbody tr td:nth-child(6) { width: 500px; }

.downed-skills.thief tbody tr td span + a + a { width: 150px; }

.auxiliary-skills tbody tr td span + a + a { width: 180px; }
.auxiliary-skills { margin: 0 !important; position: relative; top: -20px; }
.auxiliary-skills tbody tr td:nth-child(1) { width: 20px; text-align: center; }
.auxiliary-skills tbody tr td:nth-child(2) { width: 250px; }
.auxiliary-skills tbody tr td:nth-child(3) { width: 120px; text-align: center; font-weight: 500; }
.auxiliary-skills tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.auxiliary-skills tbody tr td:nth-child(5) { width: 40px; text-align: center; }
.auxiliary-skills tbody tr td:nth-child(6) { width: 500px; }

/* Mechanincs Tables */
.mechanic tbody tr td a + a { width: 340px; }
.mechanic tbody tr td span + a + a { width: 310px; }
.mechanic tbody tr td:nth-child(1) { width: 20px; text-align: center; }
.mechanic tbody tr td:nth-child(2) { width: 380px; }
.mechanic tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.mechanic tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.mechanic tbody tr td:nth-child(5) { width: 500px; }

.mechanic tbody tr td:nth-child(2) .weapon-ico { margin-top: -2px; }
.mechanic tbody tr td:nth-child(2) .weapon-ico::before { width: 28px; height: 28px; background-image: none; background-color: #435968; border: solid 1px #000000; }
.mechanic tbody tr td:nth-child(2) .weapon-ico::after { top: -30px; left: -2px; }

.mechanic.elementalist tbody .subheader td { padding-left: 5px !important; }
.mechanic.elementalist tbody tr td a + a { width: 340px; }
.mechanic.elementalist tbody tr td:nth-child(1) { width: 20px; text-align: center; }
.mechanic.elementalist tbody tr td:nth-child(2) { width: 420px; }
.mechanic.elementalist tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.elementalist tbody tr td:nth-child(4) { width: 500px; text-align: left; }

.mechanic.elementalist.hot tbody tr td:nth-child(2) { width: 380px; }
.mechanic.elementalist.hot tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.mechanic.elementalist.hot tbody tr td:nth-child(5) { width: 500px; }

.mechanic.elementalist.pof tbody .subheader td { height: 36px; }
.mechanic.elementalist.pof tbody tr td a + a { width: 280px; }
.mechanic.elementalist.pof tbody tr td .double-attune { width: 60px; }
.mechanic.elementalist.pof tbody tr td .double-attune span { float: left; margin-left: 2px; }
.mechanic.elementalist.pof tbody tr td:nth-child(1) { width: 70px; text-align: center; }
.mechanic.elementalist.pof tbody tr td:nth-child(2) { width: 330px; }
.mechanic.elementalist.pof tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.elementalist.pof tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.mechanic.elementalist.pof tbody tr td:nth-child(5) { width: 500px; }

.mechanic.elementalist.eod tbody tr td a + a { width: 280px; }
.mechanic.elementalist.eod tbody tr td:nth-child(1) { width: 20px; text-align: center; }
.mechanic.elementalist.eod tbody tr td:nth-child(2) { width: 380px; }
.mechanic.elementalist.eod tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.elementalist.eod tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.mechanic.elementalist.eod tbody tr td:nth-child(5) { width: 500px; text-align: left; }

.mechanic.elementalist.voe tbody tr td a + a { width: 280px; }
.mechanic.elementalist.voe tbody tr td:nth-child(1) { width: 20px; text-align: center; }
.mechanic.elementalist.voe tbody tr td:nth-child(2) { width: 380px; }
.mechanic.elementalist.voe tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.elementalist.voe tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.mechanic.elementalist.voe tbody tr td:nth-child(5) { width: 500px; text-align: left; }


.mechanic.warrior.core tbody tr td { height: 40px; }
.mechanic.warrior.core tbody tr td span + a + a { width: 270px; }
.mechanic.warrior.hot tbody tr td { height: 40px; }
.mechanic.warrior.hot tbody tr td span + a + a { width: 270px; }

.mechanic.warrior tbody .attune-header td { border-bottom: solid 1px #888883 !important; border-top: solid 2px #888883 !important; background-color: #e4e5e0 !important; }
.mechanic.warrior tbody .attune-header:first-child td { border-top: none; }

.mechanic.necromancer tbody .attune-header td { border-bottom: solid 1px #888883 !important; border-top: solid 2px #888883 !important; background-color: #e4e5e0 !important; }

.mechanic.guardian tbody .attune-header td { border-bottom: solid 1px #888883 !important; border-top: solid 2px #888883 !important; background-color: #e4e5e0 !important; }
.mechanic.guardian tbody .attune-header:first-child td { border-top: none; }

.mechanic tbody .stolen-skill td { height: 36px; }
.mechanic tbody .stolen-skill .prof-race-ico { width: 32px; height: 32px; margin: 0; padding: 0; }
.mechanic tbody .dodge-skill td a + a { width: 360px; }
.mechanic tbody .dodge-skill td:nth-child(1) { width: 400px; text-align: left; }
.mechanic tbody .dodge-skill td:nth-child(2) { width: 40px; text-align: center; }
.mechanic tbody .dodge-skill td:nth-child(3) { width: 40px; text-align: center; }
.mechanic tbody .dodge-skill td:nth-child(4) { width: 500px; text-align: left; }

.mechanic.thief tbody .attune-header td { border-bottom: solid 1px #888883 !important; border-top: solid 2px #888883 !important; background-color: #e4e5e0 !important; }
.mechanic.thief.hot tbody .dodge-skill td a + a { width: 320px; }
.mechanic.thief.hot tbody .dodge-skill td:nth-child(1) { width: 400px; text-align: left; }
.mechanic.thief.hot tbody .dodge-skill td:nth-child(2) { width: 40px; text-align: center; }
.mechanic.thief.hot tbody .dodge-skill td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.thief.hot tbody .dodge-skill td:nth-child(4) { width: 500px; text-align: left; }

.mechanic.engineer tbody tr td a + a { width: 390px; }
.mechanic.engineer tbody tr td span + a + a { width: 380px; }
.mechanic.engineer tbody tr td:nth-child(1) {  width: 20px; text-align: center; }
.mechanic.engineer tbody tr td:nth-child(2) { width: 480px; text-align: left; }
.mechanic.engineer tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.engineer tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.mechanic.engineer tbody tr td:nth-child(5) { width: 400px; text-align: left; }

.mechanic.toolbelt tbody tr td a + a { width: 200px; }
.mechanic.toolbelt tbody tr td:nth-child(1) { width: 250px; text-align: left; }
.mechanic.toolbelt tbody tr td:nth-child(2) { width: 250px; }
.mechanic.toolbelt tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.toolbelt tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.mechanic.toolbelt tbody tr td:nth-child(5) { width: 400px; }

.mechanic.engineer tbody .attune-header td { border-bottom: solid 1px #888883 !important; border-top: solid 2px #888883 !important; background-color: #e4e5e0 !important; }

.mechanic.engineer.voe tbody .morph-skill td a + a { width: 390px; }
.mechanic.engineer.voe tbody .morph-skill td:nth-child(1) { width: 500px; text-align: left; }
.mechanic.engineer.voe tbody .morph-skill td:nth-child(2) { width: 40px; text-align: center; }
.mechanic.engineer.voe tbody .morph-skill td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.engineer.voe tbody .morph-skill td:nth-child(4) { width: 400px; text-align: left; }


.mechanic.mesmer.pof tbody tr td { height: 40px; }
.mechanic.mesmer.pof tbody tr td span + a + a { width: 270px; }

.mechanic.revenant tbody tr td a + a { width: 300px; }
.mechanic.revenant tbody tr td span + a + a { width: 280px; }
.mechanic.revenant tbody tr td:nth-child(1) { width: 20px; text-align: center; }
.mechanic.revenant tbody tr td:nth-child(2) { width: 360px; text-align: left; }
.mechanic.revenant tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.revenant tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.mechanic.revenant tbody tr td:nth-child(5) { width: 40px; text-align: center; }
.mechanic.revenant tbody tr td:nth-child(6) { width: 40px; text-align: center; }
.mechanic.revenant tbody tr td:nth-child(7) { width: 460px; text-align: left; }

.mechanic.revenant tbody .legend td a + a { width: 300px; }
.mechanic.revenant tbody .legend td:nth-child(1) { width: 360px; text-align: left; }
.mechanic.revenant tbody .legend td:nth-child(2) { width: 40px; text-align: center; }
.mechanic.revenant tbody .legend td:nth-child(3) { width: 40px; text-align: center; }
.mechanic.revenant tbody .legend td:nth-child(4) { width: 40px; text-align: center; }
.mechanic.revenant tbody .legend td:nth-child(5) { width: 40px; text-align: center; }
.mechanic.revenant tbody .legend td:nth-child(6) { width: 460px; text-align: left; }


.mechanic.ranger tbody .attune-header td { border-bottom: solid 1px #888883 !important; background-color: #e4e5e0 !important; }
.mechanic.ranger.eod tbody tr td { height: 40px; }
.mechanic.ranger.eod tbody tr td span + a + a { width: 270px; }

.pet-skills tbody tr td a + a { width: 280px; }
.pet-skills tbody tr td span + a + a { width: 250px; }
.pet-skills tbody tr td:nth-child(1) { width: 180px; text-align: left; font-weight: 500; padding-left: 10px; background-color: #d0d2c7 !important; color: #064652; }
.pet-skills tbody tr td:nth-child(2) { width: 320px; text-align: left; padding-left: 10px; }
.pet-skills tbody tr td:nth-child(3) { width: 40px; text-align: center; }
.pet-skills tbody tr td:nth-child(4) { width: 40px; text-align: center; }
.pet-skills tbody tr td:nth-child(7) { width: 400px; text-align: left; }
.pet-skills tbody .newpet td { border-top: solid 1px #888883 !important; }
.pet-skills tbody .newpet td:first-child { padding-left: 0; }
.pet-skills tbody .newpet + tr td { border-top: solid 1px #d0d2c7; }
.pet-skills tbody .family td:nth-child(1) { background-color: #e4e5e0 !important; }

.pet-skills tbody tr td .pet-ico { width: 48px; height: 48px; position: relative; }
.pet-skills tbody tr td .pet-ico::before { display: block; content: ""; width: 30px; height: 30px; box-sizing: border-box; border: solid 2px #383838; background-color: #bfb891; position: absolute; top: 10px; left: 12px; }
.pet-skills tbody tr td .pet-ico img { width: 48px; height: 48px; position: absolute; }
.pet-skills tbody tr td .pet-name { width: 110px; height: 50px; line-height: 16px; margin-top: 8px; }

.pet-tribes tbody tr td:nth-child(1) a + a { width: 140px; }
.pet-tribes tbody tr td:nth-child(1) { border-top: solid 1px #888883 !important; }

.pet-tribes-matrix { margin-top: -30px !important; }
.pet-tribes-matrix thead tr td { padding-top: 8px; height: 36px; text-align: left; padding-left: 15px; }
.pet-tribes-matrix tbody tr td:nth-child(1) { width: 180px; border-top: solid 1px #888883 !important; }
.pet-tribes-matrix tbody tr td:nth-child(2) { width: 160px; text-align: left; padding-left: 5px; }
.pet-tribes-matrix tbody tr td:nth-child(3) { width: 160px; text-align: left; padding-left: 5px; }
.pet-tribes-matrix tbody tr td:nth-child(4) { width: 160px; text-align: left; padding-left: 5px; }
.pet-tribes-matrix tbody tr td:nth-child(5) { width: 160px; text-align: left; padding-left: 5px; }
.pet-tribes-matrix tbody tr td:nth-child(6) { width: 160px; text-align: left; padding-left: 5px; }


/* Banners */
.banners { margin-top: 15px; }
.banners li { list-style: none; margin: 0 0 20px 20px; display: block; width: 320px; height: 196px; box-sizing: border-box; border: solid 1px #c9c9c9; border-top: none; position: relative; box-shadow: 1px 1px 3px rgba(0,0,0,0.15), -1px 1px 3px rgba(0,0,0,0.15); background-color: #ffffff; }
.banners li::before { display: block; width: 318px; height: 4px; content: ""; background-color: #3e413e; }
.banners li a { position: absolute; top: 0; left: 0; display: block; width: 320px; height: 196px; border: none; z-index: 2; text-indent: -9999px; }
.banners.row-banners li { float: left; }
.row-banners > li:nth-child(3n+1) { margin-left: 0px; }


/* Changelog */
.changelog-text { width: 820px; background: url("/editor/img.gw2skills.net/base/v-line.png") 819px 0 repeat-y; padding-bottom: 25px !important; margin-top: 15px !important; }
.changelog-text h1 { font-size: 32px; line-height: 36px; margin: 10px 40px 0px 15px; }
.changelog-text .paragraph-text { display: block; box-sizing: border-box; padding: 40px 40px 0 15px; font-size: 16px; line-height: 22px; }
.changelog-text .paragraph-text h2 { font-size: 20px; line-height: 22px; display: block; float: left; font-style: italic; color: #9f0101; width: 80px; }
.changelog-text .paragraph-text time { display: block; font-size: 12px; line-height: 20px; font-style: normal; color: #085766; font-weight: 500; }
.changelog-text .paragraph-text h3 { margin: 0 0 10px 120px; font-size: 16px; line-height: 24px; font-weight: 500; }
.changelog-text .paragraph-text ul + h2 { margin-top: 0px; padding-top: 10px; border-top: solid 1px #c8cfd1; }
.changelog-text .paragraph-text ul + h2 + h3 { margin-top: 30px; }
.changelog-text .paragraph-text ul { margin: 0 0 25px 120px; }
.changelog-text .paragraph-text li { margin: 0 10px 5px 15px; padding: 0 0 0 5px; font-size: 14px; line-height: 20px; }


/* Changelog Version Index */
.changelog-index { width: 170px; margin-left: 10px !important; }
.changelog-index h3 { font-size: 18px; line-height: 24px; margin: 25px 10px 20px 20px; font-weight: normal; text-transform: uppercase; color: #000000; text-decoration: none; }
.changelog-index ul { margin: 0 40px; }
.changelog-index ul li { list-style: none; margin-bottom: 10px; }
.changelog-index ul li a { color: #085766; font-weight: 500; display: block; }
.changelog-index ul li a:hover { color: #9f0101; }