@charset "UTF-8";

/* Overwrite defaults */
.content .column:nth-child(2) { margin-left: 0; }
.banners.row-banners { width: 1000px; }

/* Core structure */
.editor { display: block; width: 1000px; height: 760px; position: relative; overflow: hidden; }
.editor li { list-style: none; }
.ui-ico32, .ui-ico32::before, .ui-ico32::after,
.ui-tmpbuffs::before,
.ui-summary::before,
.editor .blue-buttons li,
.editor .menu-element32 li::before,
.editor .menu-element32::after,
.editor .menu-selector::after,
.skill-slots .sequence li,
.editor-menu .menu-filter .group li,
.editor-menu .menu-filter .group li::before,
.editor-menu .menu-filter .group li::after,
.editor-menu.pet .menu-pets li::before,
.editor-menu.equip .profil,
.editor .ui-summary_section.summary-combo ul::after,
.editor .ui-stat_ico::before,
.editor .ui-tmpbuffs .buffs-single::before { background: url("/editor/img.gw2skills.net/editor/UI/ui-icons-32x32.v17.png") 0 -64px no-repeat; width: 32px; height: 32px; display: block; }
.ui-ico48,
.ui-armor-summary li,
.ui-mainmenu .menu-element48 li::before,
.ui-mainmenu .menu-element48 li::after { background: url("/editor/img.gw2skills.net/editor/UI/ui-icons-48x48.v4.png") 48px 48px no-repeat; width: 48px; height: 48px; display: block; }
.ui-tmpbuffs .buffs-stacked .buff-ico,
.ui-tmpbuffs .buffs-single li { background: url("/editor/img.gw2skills.net/editor/UI/tmpbuffs-icons-32a24.v15.png") 0 0 no-repeat; }
.ui-ico-armor,
.editor-menu.equip .menu-content .profil::before { background: url("/editor/img.gw2skills.net/editor/UI/ui-ico-armor-56x56.v5.png") 56px -56px no-repeat; width: 56px; height: 56px; display: block; }
.ui-summary_section ul li { display: block; width: 24px; height: 24px; background: url("/editor/img.gw2skills.net/editor/UI/summary-icons-24x24.v4.png") 24px 24px no-repeat; }


/* Base grid */
.ui-grid { display: block; margin: 0; padding: 0; box-sizing: border-box; overflow: hidden; }
.ui-grid_header { width: 1000px; height: 142px; }
.ui-grid_window { width: 1000px; height: 450px; background: url("/editor/img.gw2skills.net/editor/UI/bg/main-window.jpg") 0px 2px no-repeat; }
.ui-grid_footer { width: 1000px; height: 168px; }
.ui-grid_loading,
.ui-grid_message,
.ui-grid_loadmenu { width: 1000px; height: 760px; position: absolute; top: 0; background-color: rgba(249,249,247,.75); z-index: 10; display: none; }
.ui-lang { height: 21px; background: url("/editor/img.gw2skills.net/editor/UI/bg/headers.png") 0 13px no-repeat; }
.ui-mainmenu { height: 77px; background: url("/editor/img.gw2skills.net/editor/UI/bg/headers.png") 0 -8px no-repeat; }
    .ui-mainmenu_section { float: left; height: 75px; margin-top: 1px; border-right: solid 1px #182428; border-bottom: solid 3px #182428; box-sizing: border-box; }
    .ui-mainmenu_section.menu-profs { width: 192px; }
    .ui-mainmenu_section.menu-wsets { width: 466px; margin-right: 1px; }
    .ui-mainmenu_section.menu-modes::before { display: block; float: left; width: 1px; height: 77px; background-color: #ffffff; content: ""; margin-left: -2px; }
    .ui-mainmenu_section.menu-modes { width: 341px; border-left: solid 1px #182428; border-right: none; }
    .ui-mainmenu_section h3 { height: 25px; border-top: solid 1px #001323; border-bottom: solid 1px #001323; box-sizing: border-box; color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: 500; line-height: 22px; white-space: nowrap; overflow: hidden; width: 100%; }
    .ui-mainmenu_section h3 span { float: left; text-align: center; overflow: hidden; text-overflow: ellipsis; }

.ui-tmpbuffs { width: 1000px; height: 44px; border-bottom: solid 1px #1a252a; top: 98px; position: absolute; }
.ui-tabs { width: 820px; height: 449px; border: solid 1px #1a252a; border-left: none; float: left; margin-top: 1px; margin-right: 1px; }
.ui-stats { width: 179px; height: 449px; border: solid 1px #1a252a; border-right: none; margin-top: 1px; }
.ui-armor-summary { width: 60px; height: 50px; position: absolute; top: 455px; left: 935px; }
.ui-trait-summary { width: 180px; height: 50px; position: absolute; top: 530px; left: 820px; }
.ui-summary { height: 92px; }
.ui-qlink { height: 76px; border-top: solid 1px #898a8f; background: url("/editor/img.gw2skills.net/editor/UI/bg/qlink-section.jpg") 0 0 no-repeat; padding-top: 10px; }



/* Message window */
.ui-grid_message .message-box { display: block; box-sizing: border-box; width: 600px; height: 346px; 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: #ffffff url("/editor/img.gw2skills.net/editor/UI/bg/message.png") 510px 10px no-repeat; margin: 200px auto; }
.ui-grid_message .message-box::before { display: block; margin-left: -1px; width: 600px; height: 4px; content: ""; background-color: #3e413e; }
.ui-grid_message .message-box h6 { font-size: 24px; line-height: 32px; font-style: italic; color: #064652; margin: 25px 40px; }
.ui-grid_message .message-box p::before { position: absolute; top: 80px; left: 30px; display: block; width: 480px; height: 20px; content: ""; background: url("/editor/img.gw2skills.net/bg/post-user.png") 0 0 no-repeat; }
.ui-grid_message .message-box p { font-size: 14px; line-height: 20px; color: #010101; padding: 0 40px; height: 160px; display: table-cell; vertical-align: middle; }
.ui-grid_message .message-box .buttons { position: absolute; bottom: 0; left: 0; margin: 30px 95px; }
.ui-grid_message .message-box .buttons li { float: left; display: block; width: 180px; height: 50px; background: 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; }
.ui-grid_message .message-box .buttons .reset { color: #f0f0f0; background-position: 0 -50px; }
.ui-grid_message .message-box .buttons .submit:hover,
.ui-grid_message .message-box .buttons .reset:hover { color: #ffffff; cursor: pointer; opacity: 1; }
.ui-grid_message .message-box.submit-only .buttons { margin: 30px 195px; }
.ui-grid_message .message-box.submit-only .buttons .reset { display: none; }

/* Load Menu */
.ui-grid_loadmenu .message-box { display: block; box-sizing: border-box; width: 600px; height: 346px; 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: #ffffff url("/editor/img.gw2skills.net/editor/UI/bg/load.png") 510px 10px no-repeat; margin: 200px auto; }
.ui-grid_loadmenu .message-box::before { display: block; margin-left: -1px; width: 600px; height: 4px; content: ""; background-color: #3e413e; }
.ui-grid_loadmenu .message-box h6 { font-size: 24px; line-height: 32px; font-style: italic; color: #064652; margin: 25px 40px; }
.ui-grid_loadmenu .message-box h6::after { position: absolute; top: 80px; left: 30px; display: block; width: 480px; height: 20px; content: ""; background: url("/editor/img.gw2skills.net/bg/post-user.png") 0 0 no-repeat; }
.ui-grid_loadmenu .message-box .buttons { position: absolute; bottom: 0; left: 0; margin: 30px 95px; }
.ui-grid_loadmenu .message-box .buttons li { float: left; display: block; width: 180px; height: 50px; background: 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; }
.ui-grid_loadmenu .message-box .buttons .reset { color: #f0f0f0; background-position: 0 -50px; }
.ui-grid_loadmenu .message-box .buttons .submit:hover,
.ui-grid_loadmenu .message-box .buttons .reset:hover { color: #ffffff; cursor: pointer; opacity: 1; }

.ui-grid_loadmenu .message-box h6 + label { margin-top: 60px; }
.ui-grid_loadmenu .message-box label { display: block; margin: 0 30px 20px 30px; color: #000000; text-transform: uppercase; font-size: 10px; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.ui-grid_loadmenu .message-box input { display: block; font-family: OpenSans, sans-serif; font-size: 13px; color: #1c6a79; background-color: #f9f9f7; border: solid 1px #b2b2b2; line-height: 20px; width: 525px; height: 30px; margin-top: 3px; margin-bottom: 10px; padding: 0 5px; }
.ui-grid_loadmenu .message-box input:focus { border: solid 1px #1c6a79; outline: none; }
.ui-grid_loadmenu .message-box .checkbox { cursor: pointer; position: relative; font-size: 14px; font-weight: 400; line-height: 24px; padding-left: 35px; }
.ui-grid_loadmenu .message-box .checkbox input { opacity: 0; width: 0; height: 0; cursor: pointer; position: absolute; }
.ui-grid_loadmenu .message-box .checkbox span { position: absolute; top: 0; left: 0; display: block; box-sizing: border-box; height: 24px; width: 24px; background-color: #f9f9f7; border: solid 1px #b2b2b2; }
.ui-grid_loadmenu .message-box .checkbox:hover span { border-color: #1c6a79; }
.ui-grid_loadmenu .message-box .checkbox input:checked + span { }
.ui-grid_loadmenu .message-box .checkbox input:checked + span::after { content: ""; position: absolute; left: 7px; top: 3px; width: 5px; height: 10px; border: solid #064652; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Language menu */
.ui-lang .lang-ico { float: left; width: 12px; height: 14px; background-position: -1124px 0; text-indent: -9999px; margin-left: 3px; }
.ui-lang .lang-ico:hover { cursor: pointer; }
.lang-ico.ru { background-position: -896px 0; }
.lang-ico.en { background-position: -920px 0; }
.lang-ico.de { background-position: -932px 0; }
.lang-ico.fr { background-position: -944px 0; }
.lang-ico.ru:hover { background-position: -896px -14px; }
.lang-ico.en:hover { background-position: -920px -14px; }
.lang-ico.de:hover { background-position: -932px -14px; }
.lang-ico.fr:hover { background-position: -944px -14px; }

/* 32x50 buttons */
.editor .blue-buttons { padding: 0; margin: 0; }
.editor .blue-buttons li { padding: 0; margin: 0; display: block; width: 32px; height: 50px; background-color: #4b85a4; background-position: 5000px 5000px; }
.editor .blue-buttons .load { background-position: -1184px -160px; }
.editor .blue-buttons .load:hover { cursor: pointer; background-position: -1216px -160px; }
.editor .blue-buttons .copy { background-position: -1184px -96px; }
.editor .blue-buttons .copy:hover { cursor: pointer; background-position: -1216px -96px; }


/* Main menu */
.ui-mainmenu_section .menu-button { width: 32px; height: 22px; background-position: -192px 5px; margin: 0; }
.ui-mainmenu_section .menu-button:hover { cursor: pointer; background-position: -192px -14px; }
.menu-profs span:nth-child(2) { width: 156px; }
.menu-wsets .menu-button { background: none; }
.menu-wsets span:nth-child(2) { width: 130px; }
.menu-wsets span:nth-child(3) { width: 130px; }
.menu-wsets span:nth-child(4) { width: 145px; margin-left: 20px; }
.menu-modes span:nth-child(1) { width: 165px; }

.menu-element32 { }
.ui-mainmenu .menu-element32 li { display: block; width: 32px; height: 32px; position: relative; }
.ui-mainmenu .menu-element32 li::before { display: block; width: 32px; height: 32px; position: absolute; top: 0; content: ""; background-position: -32px 0px; z-index: 1; }
.ui-mainmenu .menu-element32 li:hover::before { display: block; width: 32px; height: 32px; position: relative; top: 0; left: 0; content: ""; background-position: -64px 0px; }

.ui-mainmenu .menu-element32 .ui-ico32 { }
.ui-mainmenu .menu-element32 .ui-ico32::before { background-position: -96px 0px; }
.ui-mainmenu .menu-element32 .ui-ico32:hover::before { background-position: -128px 0px; }
.ui-mainmenu .menu-element32 .ui-ico32::after { display: block; width: 32px; height: 32px; position: absolute; top: 0; background-position: 32px 32px; z-index: 2; content: ""; }

.ui-mainmenu .menu-element32::after { display: block; content: ""; width: 34px; height: 10px; background-position: -340px 0; position: absolute; top: 88px; margin-left: -1px; -webkit-transition:.5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.ui-mainmenu .menu-element32.double-set::after { width: 74px; background-position: -320px 0; }
.ui-mainmenu .menu-element32 li { float: left; margin-top: 7px; cursor: pointer; }
.ui-mainmenu .menu-element48 li { float: left; margin-top: -28px; cursor: pointer; width: 60px; height: 75px; background-position: 0 100px; }
.ui-mainmenu .menu-element48 li::before { display: block; width: 60px; height: 75px; content: ""; position: absolute; top: 19px; background-position: -12px -6px; }
.ui-mainmenu .menu-element48 li::after { display: block; width: 48px; height: 48px; position: absolute; top: 25px; margin-left: 12px; content: ""; background-position: 0 100px; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; opacity: .75; }
.ui-mainmenu .menu-element48 li:hover::after { opacity: 1; }

.menu-profs .blue-buttons { float: left; width: 32px; height: 47px; }
.menu-profs .blue-buttons li { height: 47px; }
.menu-profs .blue-buttons .load { background-position: -1184px -161px; }
.menu-profs .blue-buttons .load:hover { background-position: -1216px -161px; }
.menu-profs .menu-element32 { margin-left: 70px; }
.menu-profs .menu-element32::after { display: none; }
.menu-profs .menu-element32 li:last-child { margin-left: 20px; }

.menu-wsets .menu-element32 .swap-button { background-position: -256px 0; }
.menu-wsets .menu-element32 .swap-button::before { display: none !important; }
.menu-wsets .menu-element32 .swap-button:hover { background-position: -288px 0; }
.menu-wsets .aqua-weapon li:hover::before { background-position: -32px 0px; }
.menu-wsets .aqua-weapon .ui-ico32:hover::before { background-position: -96px 0px; }
.menu-wsets .aqua-weapon .swap-button, .menu-wsets .aqua-weapon .swap-button:hover { background-position: -224px 0; }
.menu-wsets .menu-element32.terra-weapon { margin-left: 58px; }
.menu-wsets .double-set.terra-weapon::after { margin-left: 7px; }
.menu-wsets .aqua-weapon::after { display: none; }
.menu-wsets .menu-element32.terra-weapon li { margin-left: 8px; }
.menu-wsets .menu-element32.terra-weapon .swap-button { margin-left: 13px; margin-right: 5px; }
.menu-wsets .menu-element32.aqua-weapon { float: right; margin-right: 24px; }
.menu-wsets .menu-element32.aqua-weapon .swap-button { margin-left: 3px; margin-right: 3px; }

.menu-modes .menu-element32 { margin-left: 40px; }
.menu-modes .env-mode li { margin-right: 20px; }
.menu-modes .env-mode li::before { display: none !important; }
.menu-modes .env-mode .terra-mode, .menu-modes .env-mode .terra-mode:hover { background-position: -512px 0; }
.menu-modes .env-mode .aqua-mode { background-position: -544px 0; }
.menu-modes .env-mode .aqua-mode:hover { background-position: -576px 0; }
.menu-modes .pvx-mode { float: right; }
.menu-modes .pvx-mode .pve-button::after { background-position: -192px 0; }
.menu-modes .pvx-mode .wvw-button::after { background-position: -240px 0; }
.menu-modes .pvx-mode .pvp-button::after { background-position: -288px 0; }



/* UI behavior */
.editor.loading .ui-grid_loading,
.editor.message .ui-grid_message,
.editor.loadmenu .ui-grid_loadmenu { display: block; }
.editor.init-loading .ui-grid_loading { display: block; background-color: #f9f9f7; }
.editor.loading.message .ui-grid_loading, .editor.init-loading.message .ui-grid_loading { display: none; }
.editor.empty .menu-profs li:nth-child(2)::before { background-position: 0 0; opacity: 1; cursor: default; }
.editor.empty .menu-wsets .terra-weapon li::before, .editor.empty .menu-wsets .aqua-weapon li::before { background-position: 0 0; opacity: 1; }
.editor.empty .menu-wsets .terra-weapon li:hover::before, .editor.empty .menu-wsets .aqua-weapon li::before { cursor: default; }
.editor.empty .menu-wsets .swap-button, .editor.empty.underwater .menu-wsets .swap-button, .editor.empty.underwater .menu-wsets .swap-button:hover { background-position: -224px 0; cursor: default; }
.editor.empty .menu-wsets .terra-weapon::after, .editor.empty .menu-wsets .aqua-weapon::after { content: none; }
.editor.empty .menu-wsets .menu-button:hover { background-position: -192px 5px; cursor: default; }
.editor.empty .ui-tab1 .tabmenu .state-modes, .editor.empty .ui-tab1 .weapon-skills .control-buttons { display: none; }
.editor.empty .ui-tab2 .open, .editor.empty .ui-tab2 .tl-selector { cursor: default }
.editor.empty .ui-tab2 .open::after { content: none; }
.editor.empty .skill-slots .skill:hover .selector::after { background-position: -640px 0; }
.editor.empty .skill-slots .skill { cursor: default; }
.editor.empty .ui-trait-summary, .editor.empty .ui-armor-summary { display: none; }

.editor.blocked-fskills .special-skills, .editor.blocked-fskills .state-modes .special, .editor.blocked-fskills .state-modes .tmp { display: none !important; }
.editor.skill-used .ui-tab1 .weapon-skills .control-buttons .swap { display: none; }
.editor.skill-used .ui-tab1 .weapon-skills .control-buttons .drop { display: block; }

.editor.single-wset .menu-wsets .terra-weapon .set2::before, .editor.single-wset .menu-wsets .aqua-weapon li:last-child::before { background-position: 0 0; opacity: 1; cursor: default; }
.editor.single-wset .menu-wsets .terra-weapon .swap-button, .editor.single-wset .menu-wsets .terra-weapon .swap-button:hover,
.editor.single-wset .menu-wsets .aqua-weapon .swap-button, .editor.single-wset .menu-wsets .aqua-weapon .swap-button:hover { background-position: -224px 0; cursor: default !important; }
.editor.single-wset .menu-wsets .aqua-weapon li { cursor: default; }
.editor.single-wset .control-buttons .swap { display: none; }
.editor.single-wset.pvp .ui-tab3 .wset-2.terra { display: none; }
.editor .menu-wsets .aqua-weapon li:last-child, .editor .menu-wsets .aqua-weapon li:first-child { cursor: default; }


.editor.underwater .menu-wsets .terra-weapon .swap-button:hover, .editor .menu-wsets .aqua-weapon .swap-button:hover { cursor: default; }
.editor.underwater .menu-wsets .aqua-weapon .swap-button:hover { cursor: pointer; }

.editor.pve .pvx-mode .pve-button::before { background-position: -108px -6px; }
.editor.pve .pvx-mode .pve-button::after { background-position: -192px -48px; opacity: 1; }
.editor.wvw .pvx-mode .wvw-button::before { background-position: -108px -6px; }
.editor.wvw .pvx-mode .wvw-button::after { background-position: -240px -48px; opacity: 1; }
.editor.pvp .pvx-mode .pvp-button::before { background-position: -108px -6px; }
.editor.pvp .pvx-mode .pvp-button::after { background-position: -288px -48px; opacity: 1; }
.editor.pvp .menu-profs li:nth-child(2)::before { background-position: 0 0; cursor: default; }
.editor.pvp .env-mode .aqua-mode, .editor.pvp .env-mode .aqua-mode:hover { background-position: -544px 0; opacity: .35; cursor: default; }
.editor.pvp .aqua-weapon li { cursor: default; }
.editor.pvp .aqua-weapon li::after { display: none; }
.editor.pvp .aqua-weapon li::before, .editor.pvp .aqua-weapon li:hover::before { background-position: 0 0; cursor: default; opacity: 1; }
.editor.pvp .ui-stats ul li:last-child { display: none; }
.editor.pvp .ui-stats ul li:nth-last-child(2) { border-bottom: none; }
.editor .ui-tmpbuffs .buffs-single.wvw { display: none; }
.editor.wvw .ui-tmpbuffs .buffs-single.wvw { display: block; }
.editor.pvp .ui-tmpbuffs .buffs-single.common .reinf-armor { display: none; }
.editor.pvp .ui-tabs .ui-tab4, .editor.wvw .ui-tabs .ui-tab4 { display: none; }

.editor.underwater .aqua-mode, .editor.underwater .aqua-mode:hover { background-position: -608px 0; }
.editor.underwater .env-mode .terra-mode { background-position: -448px 0; }
.editor.underwater .env-mode .terra-mode:hover { background-position: -480px 0; }
.editor.underwater .env-mode::after { margin-left: 51px; }
.editor.underwater .aqua-weapon li::before, .editor.underwater .aqua-weapon li::after { opacity: 1; }
.editor .aqua-weapon li::before, .editor.underwater .terra-weapon li::before { opacity: .5; }
.editor .aqua-weapon li::after, .editor.underwater .terra-weapon li::after { opacity: .7; }
.editor.underwater .aqua-weapon .swap-button { background-position: -256px 0; }
.editor.underwater .aqua-weapon .swap-button:hover { background-position: -288px 0; }
.editor.underwater .terra-weapon .swap-button, .editor.underwater .terra-weapon .swap-button:hover { background-position: -224px 0; }
.editor.wset-2 .terra-weapon::after { margin-left: 137px; }
.editor.underwater .terra-weapon::after { margin-left: 280px; width: 34px; background-position: -340px 0; }
.editor.underwater.wset-2 .terra-weapon::after { margin-left: 350px; width: 34px; background-position: -340px 0; }

.editor.wset-2 .weapon-skills .control-buttons .swap::after { background-position: -192px -192px; }

.editor.tab1 .ui-tabs .ui-tab1 .ui-tabico, .editor.tab1 .ui-tabs .ui-tab1 .ui-tabico:hover::after,
.editor.tab2 .ui-tabs .ui-tab2 .ui-tabico, .editor.tab2 .ui-tabs .ui-tab2 .ui-tabico:hover::after,
.editor.tab3 .ui-tabs .ui-tab3 .ui-tabico, .editor.tab3 .ui-tabs .ui-tab3 .ui-tabico:hover::after,
.editor.tab3 .ui-tabs .ui-tab4 .ui-tabico, .editor.tab4 .ui-tabs .ui-tab4 .ui-tabico:hover::after { cursor: default !important; }

.editor.tab2 .ui-tabs .ui-tab1 .ui-tabico:hover::after { background-position: -928px -128px; cursor: pointer; }
.editor.tab2 .ui-tabs .ui-tab2 .ui-tabico:hover::after { background-position: -960px -96px; cursor: pointer; }
.editor.tab2 .ui-tabs .ui-tab2 .tab-content { display: block; }
.editor.tab2 .ui-tabs .ui-tab1 .tab-content, .ui-tabs .ui-tab3 .tab-content, .ui-tabs .ui-tab4 .tab-content { display: none; }
.editor.tab2 .ui-tabs .ui-tab2 { width: 770px; }
.editor.tab2 .ui-tabs .ui-tab1, .editor.tab2 .ui-tabs .ui-tab3, .editor.tab2 .ui-tabs .ui-tab4 { width: 0px; }
.editor.tab2 .ui-tabs .ui-tab2 .ui-tabico::before { content: ""; }
.editor.tab2 .ui-tabs .ui-tab1 .ui-tabico::before, .ui-tabs .ui-tab3 .ui-tabico::before, .ui-tabs .ui-tab4 .ui-tabico::before { content: none; }

.editor.tab3 .ui-tabs .ui-tab1 .ui-tabico:hover::after { background-position: -928px -128px; cursor: pointer; }
.editor.tab3 .ui-tabs .ui-tab3 .ui-tabico:hover::after { background-position: -992px -96px; cursor: pointer; }
.editor.tab3 .ui-tabs .ui-tab3 .tab-content { display: block; }
.editor.tab3 .ui-tabs .ui-tab3 { width: 770px; }
.editor.tab3 .ui-tabs .ui-tab1, .editor.tab3 .ui-tabs .ui-tab2, .editor.tab3 .ui-tabs .ui-tab4 { width: 0px; }
.editor.tab3 .ui-tabs .ui-tab1 .tab-content, .ui-tabs .ui-tab2 .tab-content, .ui-tabs .ui-tab4 .tab-content { display: none; }
.editor.tab3 .ui-tabs .ui-tab3 .ui-tabico::before { content: ""; }
.editor.tab3 .ui-tabs .ui-tab1 .ui-tabico::before, .ui-tabs .ui-tab2 .ui-tabico::before, .ui-tabs .ui-tab4 .ui-tabico::before { content: none; }

.editor.tab4 .ui-tabs .ui-tab1 .ui-tabico:hover::after { background-position: -928px -128px; cursor: pointer; }
.editor.tab4 .ui-tabs .ui-tab4 .ui-tabico:hover::after { background-position: -1152px -192px; cursor: pointer; }
.editor.tab4 .ui-tabs .ui-tab4 .tab-content { display: block; }
.editor.tab4 .ui-tabs .ui-tab4 { width: 770px; }
.editor.tab4 .ui-tabs .ui-tab1, .editor.tab4 .ui-tabs .ui-tab2, .editor.tab4 .ui-tabs .ui-tab3 { width: 0px; }
.editor.tab4 .ui-tabs .ui-tab1 .tab-content, .ui-tabs .ui-tab2 .tab-content, .ui-tabs .ui-tab3 .tab-content { display: none; }
.editor.tab4 .ui-tabs .ui-tab4 .ui-tabico::before { content: ""; }
.editor.tab4 .ui-tabs .ui-tab1 .ui-tabico::before, .ui-tabs .ui-tab2 .ui-tabico::before, .ui-tabs .ui-tab3 .ui-tabico::before { content: none; }


.editor.high-target .target-level .low { background-position: -452px -38px; }
.editor.high-target .target-level .low:hover { background-position: -442px -38px; }
.editor.high-target .target-level .medium { background-position: -452px -19px; }
.editor.high-target .target-level .high { background-position: -452px 0px; }
.editor.high-target .target-level .high:hover { background-position: -452px 0px; }
.editor.high-target .target-level .high:hover + .medium { background-position: -452px -19px; }
.editor.medium-target .target-level .low { background-position: -452px -38px; }
.editor.medium-target .target-level .low:hover { background-position: -442px -38px; }
.editor.medium-target .target-level .medium { background-position: -452px -19px; }
.editor.medium-target .target-level .medium:hover { background-position: -452px -19px; }
.editor.medium-target .target-level .high:hover + .medium { background-position: -452px -19px; }

.editor.downed-mode .state-modes .downed, .editor.downed-mode .state-modes .downed:hover { background-position: 0 -192px; }
.editor.tmp-mode .state-modes .tmp, .editor.tmp-mode .state-modes .tmp:hover { background-position: -432px -192px; }

.editor.thief .state-modes .special { display: block !important; background-position: -96px -96px; }
.editor.thief .state-modes .special:hover { display: block; background-position: -96px -144px; }
.editor.thief.blocked-fskills.underwater .state-modes .special { display: none !important; }
.editor.thief.special-mode .state-modes .special,
.editor.thief.special-mode .state-modes .special:hover { display: block; background-position: -96px -192px; }
.editor.warrior.elite-6 .state-modes .special { display: block; background-position: -144px -96px; }
.editor.warrior.elite-6 .state-modes .special:hover { display: block; background-position: -144px -144px; }
.editor.warrior.elite-6.special-mode .state-modes .special,
.editor.warrior.elite-6.special-mode .state-modes .special:hover { display: block; background-position: -144px -192px; }
.editor.ranger.elite-7 .state-modes .special { display: block; background-position: -192px -96px; }
.editor.ranger.elite-7 .state-modes .special:hover { display: block; background-position: -192px -144px; }
.editor.ranger.elite-7.special-mode .state-modes .special,
.editor.ranger.elite-7.special-mode .state-modes .special:hover { display: block; background-position: -192px -192px; }
.editor.mesmer.elite-7 .state-modes .special { display: block; background-position: -240px -96px; }
.editor.mesmer.elite-7 .state-modes .special:hover { display: block; background-position: -240px -144px; }
.editor.mesmer.elite-7.special-mode .state-modes .special,
.editor.mesmer.elite-7.special-mode .state-modes .special:hover { display: block; background-position: -240px -192px; }
.editor.ranger.elite-8 .state-modes .special { display: block; background-position: -288px -96px; }
.editor.ranger.elite-8 .state-modes .special:hover { display: block; background-position: -288px -144px; }
.editor.ranger.elite-8.special-mode .state-modes .special,
.editor.ranger.elite-8.special-mode .state-modes .special:hover { display: block; background-position: -288px -192px; }
.editor.ranger.elite-8.special-mode .state-modes .tmp { display: block; }
.editor.engineer.elite-8 .state-modes .special { display: block; background-position: -336px -96px; }
.editor.engineer.elite-8 .state-modes .special:hover { display: block; background-position: -336px -144px; }
.editor.engineer.elite-8.special-mode .state-modes .special,
.editor.engineer.elite-8.special-mode .state-modes .special:hover { display: block; background-position: -336px -192px; }
.editor.engineer.elite-9 .state-modes .special { display: block; background-position: -384px -96px; }
.editor.engineer.elite-9 .state-modes .special:hover { display: block; background-position: -384px -144px; }
.editor.engineer.elite-9.special-mode .state-modes .special,
.editor.engineer.elite-9.special-mode .state-modes .special:hover { display: block; background-position: -384px -192px; }
.editor.revenant.elite-9 .state-modes .special { display: block; background-position: -144px -240px; }
.editor.revenant.elite-9 .state-modes .special:hover { display: block; background-position: -144px -288px; }
.editor.revenant.elite-9.special-mode .state-modes .special,
.editor.revenant.elite-9.special-mode .state-modes .special:hover { display: block; background-position: -144px -336px; }

.editor.elementalist.elite-9 .state-modes .special                               { display: block; background-position:   0px -240px; }
.editor.elementalist.elite-9.familiar-1 .state-modes .special:hover              { display: block; background-position:   0px -288px; }
.editor.elementalist.elite-9.familiar-1.special-mode .state-modes .special,
.editor.elementalist.elite-9.familiar-1.special-mode .state-modes .special:hover { display: block; background-position:   0px -336px; }
.editor.elementalist.elite-9.familiar-2 .state-modes .special:hover              { display: block; background-position: -48px -288px; }
.editor.elementalist.elite-9.familiar-2.special-mode .state-modes .special,
.editor.elementalist.elite-9.familiar-2.special-mode .state-modes .special:hover { display: block; background-position: -48px -336px; }
.editor.elementalist.elite-9.familiar-3 .state-modes .special:hover              { display: block; background-position: -96px -288px; }
.editor.elementalist.elite-9.familiar-3.special-mode .state-modes .special,
.editor.elementalist.elite-9.familiar-3.special-mode .state-modes .special:hover { display: block; background-position: -96px -336px; }
.editor.elementalist.elite-9.familiar-4 .state-modes .special:hover              { display: block; background-position: -48px -240px; }
.editor.elementalist.elite-9.familiar-4.special-mode .state-modes .special,
.editor.elementalist.elite-9.familiar-4.special-mode .state-modes .special:hover { display: block; background-position: -96px -240px; }


.editor.skill-used .control-buttons .swap, .editor.downed-mode .control-buttons .swap { display: none; }
.editor.skill-used .control-buttons .drop, .editor.downed-mode .control-buttons .drop { display: block; }


.editor.tab2.no-trait-preview .trait-preview { width: 30px; }
.editor.tab2.no-trait-preview .trait-preview .subheader { text-indent: -9999px; overflow: hidden; }
.editor.tab2.no-trait-preview .trait-preview .subheader .delete { width: 32px; height: 32px; background-position: -832px 0px; margin: -4px -11px; }
.editor.tab2.no-trait-preview .trait-preview .subheader .delete:hover { background-position: -864px 0px; }
.editor.tab2.no-trait-preview .trait-preview .traitrows { display: none; }
.editor.tab2.fixed-preview .trait-preview { width: 235px; }
.editor.tab2.fixed-preview .trait-preview .subheader { text-indent: 0; overflow: hidden; }
.editor.tab2.fixed-preview .trait-preview .traitrows { display: block; }
.editor.tab2.fixed-preview .trait-preview .subheader .delete { width: 16px; height: 16px; background-position: -672px 0px; margin-top: 4px; margin-right: -4px; }
.editor.tab2.fixed-preview .trait-preview .subheader .delete:hover { background-position: -672px -16px; }


.editor.elementalist .ui-tab .tab-content::before { width: 290px; background: url("/editor/img.gw2skills.net/professions/large/elementalist.png") -300px 0px no-repeat; right: -30px; top: 100px;  }
.editor.elementalist .ui-tab1 .tab-content::before { right: 200px; top: 60px; }
.editor.warrior .ui-tab .tab-content::before { width: 350px; background: url("/editor/img.gw2skills.net/professions/large/warrior.png") -350px 0px no-repeat; right: -20px; top: 50px; }
.editor.warrior .ui-tab1 .tab-content::before { right: 210px; top: 20px; }
.editor.ranger .ui-tab .tab-content::before { width: 450px; background: url("/editor/img.gw2skills.net/professions/large/ranger.png") -450px 0px no-repeat; right: -70px; top: 285px; }
.editor.ranger .ui-tab1 .tab-content::before { right: 150px;  }
.editor.necromancer .ui-tab .tab-content::before { width: 350px; background: url("/editor/img.gw2skills.net/professions/large/necromancer.png") -350px 0px no-repeat; right: -40px; top: 230px; }
.editor.necromancer .ui-tab1 .tab-content::before { right: 180px; }
.editor.guardian .ui-tab .tab-content::before { width: 350px; background: url("/editor/img.gw2skills.net/professions/large/guardian.png") -350px 0px no-repeat;  right: 0px; top: 35px; }
.editor.guardian .ui-tab1 .tab-content::before { right: 230px; top: 70px; }
.editor.thief .ui-tab .tab-content::before { width: 250px; background: url("/editor/img.gw2skills.net/professions/large/thief.png") -250px 0px no-repeat; right: 40px; top: 180px; }
.editor.thief .ui-tab1 .tab-content::before { right: 270px; top: 50px; }
.editor.engineer .ui-tab .tab-content::before { width: 400px; background: url("/editor/img.gw2skills.net/professions/large/engineer.png") -400px 0px no-repeat; right: -80px; top: 80px; }
.editor.engineer .ui-tab1 .tab-content::before { right: 100px; top: 130px; }
.editor.mesmer .ui-tab .tab-content::before { width: 250px; background: url("/editor/img.gw2skills.net/professions/large/mesmer.png") -250px 0px no-repeat; right: 0px; top: 30px; }
.editor.mesmer .ui-tab1 .tab-content::before { right: 250px; top: 20px; }
.editor.revenant .ui-tab .tab-content::before { width: 400px; background: url("/editor/img.gw2skills.net/professions/large/revenant.png") -400px 0px no-repeat; right: -90px; top: 90px; }
.editor.revenant .ui-tab1 .tab-content::before { right: 180px; top: 30px; }

.ui-tabs .ui-tab3 .tab-content::before { content: none !important; }
.editor.pvp .ui-tabs .ui-tab3 .tab-content::before { content: "" !important; }
.editor.tab3 .ui-stats h3::after { content: ""; }
.editor.pvp.tab3 .ui-stats h3::after { content: none; }
.editor.pvp.tab3 .subheader .reset-upgrade { display: none; }


/* Main window */
.ui-tabs { position: relative; }
.ui-tabs .ui-tab { position: absolute; top: 0; left: 50px; width: 0px; height: 447px; }
.ui-tabs .ui-tab1 { width: 770px; }
.ui-tabs .ui-tab .ui-tabico { background: none; display: block; width: 50px; height: 48px; box-sizing: border-box; left: -50px; cursor: pointer; }
.ui-tabs .ui-tab .tab-content { display: block; left: 0px; width: 770px; height: 447px; position: relative; }
.ui-tabs .ui-tab.ui-tab1 .ui-tabico { position: absolute; top: 20px; }
.ui-tabs .ui-tab.ui-tab2 .ui-tabico { position: absolute; top: 70px; }
.ui-tabs .ui-tab.ui-tab3 .ui-tabico { position: absolute; top: 120px; }
.ui-tabs .ui-tab.ui-tab4 .ui-tabico { position: absolute; top: 170px; }
.ui-tabs .ui-tab .ui-tabico::before { display: block; box-sizing: border-box; width: 50px; height: 48px; background: #ffffff url("/editor/img.gw2skills.net/editor/UI/bg/tab.png") 0 0 no-repeat; content: ""; }
.ui-tabs .ui-tab .ui-tabico::after  { box-sizing: border-box; content: ''; position: absolute; top: 7px; left: 12px; background-position: 32px 32px; }
.ui-tabs .ui-tab1 .ui-tabico::after { background-position:  -928px -96px; }
.ui-tabs .ui-tab2 .ui-tabico::after { background-position:  -960px -96px; }
.ui-tabs .ui-tab3 .ui-tabico::after { background-position:  -992px -96px; }
.ui-tabs .ui-tab4 .ui-tabico::after { background-position: -1152px -192px; }
.ui-tabs .ui-tab1 .ui-tabico:hover::after { background-position:  -928px -128px; cursor: pointer; }
.ui-tabs .ui-tab2 .ui-tabico:hover::after { background-position:  -960px -128px; cursor: pointer; }
.ui-tabs .ui-tab3 .ui-tabico:hover::after { background-position:  -992px -128px; cursor: pointer; }
.ui-tabs .ui-tab4 .ui-tabico:hover::after { background-position: -1152px -224px; cursor: pointer; }
.ui-tabs .ui-tab2 .tab-content, .ui-tabs .ui-tab3 .tab-content, .ui-tabs .ui-tab4 .tab-content { display: none; }
.ui-tabs .ui-tab2 .ui-tabico::before, .ui-tabs .ui-tab3 .ui-tabico::before, .ui-tabs .ui-tab4 .ui-tabico::before { content: none; }
.ui-tabs .ui-tab1 .ui-tabico:hover::after { background-position: -928px -96px; cursor: pointer; }

.tab-grid { display: block; position: absolute; box-sizing: border-box; width: auto; height: auto; }

.ui-tabs .subheader { display: block; width: auto;box-sizing: border-box; height: 26px; border-bottom: solid 1px #182428; background: #414d52 url("/editor/img.gw2skills.net/editor/UI/bg/headers.png") 0 -85px no-repeat; color: #ffffff; font-size: 11px; font-weight: 500; text-transform: uppercase; text-shadow: 2px 2px 1px rgba(0,0,0,.5); line-height: 24px; padding: 0 10px; }
.ui-tabs .subheader .delete { float: right; display: block; width: 16px; height: 16px; background-position: -672px 0; margin-top: 4px; margin-right: -4px; }
.ui-tabs .subheader .delete:hover { background-position: -672px -16px; cursor: pointer; }
.ui-tabs .subheader .reset { float: right; display: block; width: 16px; height: 16px; background-position: -704px 0; margin-top: 4px; margin-right: -4px; }
.ui-tabs .subheader .reset:hover { background-position: -704px -16px; cursor: pointer; }
.ui-tabs .subheader .reset-upgrade { float: right; display: block; width: 16px; height: 16px; background-position: -1216px -32px; margin-top: 4px; margin-right: 2px; }
.ui-tabs .subheader .reset-upgrade:hover { background-position: -1216px -48px; cursor: pointer; }

.ui-tabs .ui-tab .tab-content::before { display: block; position: absolute; width: 0; height: 430px; opacity: .35; content: ""; }


/* Tab 1 */
.tab-grid.tabmenu { left: 490px; top: 0px; width: 280px; height: 120px; background: url("/editor/img.gw2skills.net/editor/UI/bg/main-window.jpg") top right no-repeat; }
.tab-grid.special-skills { left: 32px; top: -2px; width: 450px; height: 170px; }
.tab-grid.special-skills .minion-skills { left: 380px; top: 100px; width: 250px; height: 50px; }
.tab-grid.weapon-skills { left: 0px; top: 173px; width: 400px; height: 270px; }
.tab-grid.slot-skills { left: 412px; top: 157px; width: 350px; height: 285px; }

.tabmenu .target-level { width: 96px; height: 96px; position: absolute; top: 15px; left: 155px; background-position: -336px 0; box-sizing: border-box; }
.tabmenu .target-level li { display: block; width: 10px; height: 18px; margin: 0 0 1px 67px; cursor: pointer; box-sizing: border-box; }
.tabmenu .target-level .dummy { width: 45px; height: 70px; cursor: default; position: absolute; top: 10px; left: 15px; margin: 0; }
.tabmenu .target-level .dummy + li { margin-top: 21px; }
.tabmenu .target-level .low { background-position: -452px -38px; }
.tabmenu .target-level .medium { background-position: -432px -19px; }
.tabmenu .target-level .medium:hover { background-position: -442px -19px; }
.tabmenu .target-level .high { background-position: -432px 0px; }
.tabmenu .target-level .high:hover { background-position: -442px 0px; }
.tabmenu .target-level .high:hover + .medium { background-position: -442px -19px; }

.tabmenu .state-modes { width: 155px; height: 48px; position: absolute; top: 45px; left: 0px; }
.tabmenu .state-modes li { float: right; margin-left: 2px; cursor: pointer; }
.tabmenu .state-modes .downed { background-position: 0 -96px; }
.tabmenu .state-modes .downed:hover { background-position: 0 -144px; }
.tabmenu .state-modes .special { display: none; }
.tabmenu .state-modes .tmp { display: none; background-position: -432px -96px; }
.tabmenu .state-modes .tmp:hover { background-position: -432px -144px; }

.weapon-skills .control-buttons { width: 32px; height: 32px; position: absolute; top: 16px; }
.weapon-skills .control-buttons li { cursor: pointer; }
.weapon-skills .control-buttons .swap { background-position: -768px -32px; }
.weapon-skills .control-buttons .swap:hover { background-position: -800px -32px; }
.weapon-skills .control-buttons .drop { background-position: -896px -32px; display: none; }
.weapon-skills .control-buttons .drop:hover { background-position: -928px -32px; }

.weapon-skills .control-buttons .swap::after { display: block; content: ''; width: 32px; height: 32px; background-position: -192px -160px; position: absolute; top: 26px; }


.skill-slots { }
.skill-slots > li { width: 68px; margin-right: 2px; position: relative; float: left; }
.skill-slots .skill { }
.skill-slots .skill:hover { cursor: pointer; }
.skill-slots .selector { width: 68px; height: 15px; background: none; background-color: #465658; }
.skill-slots .selector::after { width: 15px; height: 15px; display: block; content: ""; background-position: -640px 0; position: relative; margin-left: 50px; }
.skill-slots .skill:hover .selector::after { background-position: -640px -16px; }
.skill-slots .skill-ico { box-sizing: border-box; border: solid 2px #000; width: 68px; height: 68px; background-position: -1088px -32px; }
.skill-slots .skill-ico::after { background-position: -736px -32px; position: relative; margin: 14px auto; opacity: 1; }
.skill-slots .skill-ico img { border: none; width: 64px; height: 64px; }
.skill-slots .skill-ico img + .skill-ammo { display: block; position: absolute; top: 2px; right: 4px; font-size: 12px; font-weight: 500; text-shadow: 2px 0px 2px rgba(0,0,0,1), 0px 2px 2px rgba(0,0,0,1), -2px 0px 2px rgba(0,0,0,1), 0px -2px 2px rgba(0,0,0,1); color: #ffffff; text-align: right; }
.skill-slots .slot-ico { position: absolute; width: 20px; height: 20px; background-position: 0 -104px; }
.skill-slots .slot-ico::after { position: relative; width: 20px; height: 20px; background-position: -20px -104px; }
.skill-slots .sequence {}
.skill-slots .sequence li { box-sizing: border-box; border: solid 2px #000; width: 60px; height: 60px; background-position: -1088px -32px; margin: auto; margin-bottom: 2px; }
.skill-slots .sequence li:first-child { margin-top: 16px; }
.skill-slots .sequence li img { border: none; width: 56px; height: 56px; }
.skill-slots .sequence li img + .skill-ammo { display: block; position: relative; top: -60px; right: 2px; font-size: 12px; font-weight: 500; text-shadow: 2px 0px 2px rgba(0,0,0,1), 0px 2px 2px rgba(0,0,0,1), -2px 0px 2px rgba(0,0,0,1), 0px -2px 2px rgba(0,0,0,1); color: #ffffff; text-align: right; }
.skill-slots .use-button { margin: auto; margin-top: 26px; background-position: -48px -96px; display: none; cursor: pointer; }
.skill-slots .use-button:hover { background-position: -48px -144px; }
.aimed .slot-ico::after { content: ""; }
.usable .use-button { display: block; }
.used .use-button, .used .use-button:hover { display: block; background-position: -48px -192px; }
.locked .skill-ico::after { content: ""; }
.locked .skill-ico *, .locked .sequence, .locked .slot-ico::after, .locked .use-button { display: none !important; }
.unavailable .skill-ico img { opacity: .5; filter: grayscale(100%); }
.unavailable .skill-ico::after { content: ""; background-position: -400px 0; width: 16px; height: 16px; }

.weapon-skills .skill-slots { position: absolute; left: 32px; }
.weapon-skills .skill:hover { cursor: default; }
.weapon-skills .selector, .weapon-skills .use-button { display: none; }
.weapon-skills .slot-ico { top: 58px; left: 24px; }
.weapon-skills .skill-slots > li:nth-child(1) .slot-ico { background-position: -40px -104px; }
.weapon-skills .skill-slots > li:nth-child(2) .slot-ico { background-position: -60px -104px; }
.weapon-skills .skill-slots > li:nth-child(3) .slot-ico { background-position: -80px -104px; }
.weapon-skills .skill-slots > li:nth-child(4) .slot-ico { background-position: -100px -104px; }
.weapon-skills .skill-slots > li:nth-child(5) .slot-ico { background-position: -120px -104px; }

.slot-skills .skill-slots { position: absolute; left: 0px; top: 1px; }
.slot-skills .slot-ico { top: 73px; left: 24px; }
.slot-skills .skill-ico img + .skill-ammo { top: 16px; }
.slot-skills .skill-slots > li:nth-child(1) .slot-ico { background-position: -140px -104px; }
.slot-skills .skill-slots > li:nth-child(2) .slot-ico { background-position: -160px -104px; }
.slot-skills .skill-slots > li:nth-child(3) .slot-ico { background-position: -180px -104px; }
.slot-skills .skill-slots > li:nth-child(4) .slot-ico { background-position: -200px -104px; }
.slot-skills .skill-slots > li:nth-child(5) .slot-ico { background-position: -220px -104px; }

.special-skills .mechanic { position: absolute; display: block; width: 0px; height: 0px; }
.special-skills .skill-slots { position: absolute; left: 0px; top: 0px; height: 170px; }
.special-skills .skill:hover { cursor: default; }
.special-skills .skill-slots > li { width: 52px; height: 170px; overflow: hidden; display: none; }
.special-skills .skill-slots > li:nth-child(1) { display: none; }
.special-skills .skill { position: absolute; bottom: 29px; left: 0; }
.special-skills .skill-ico { width: 52px; height: 52px; }
.special-skills .skill-ico img { width: 48px; height: 48px; }
.special-skills .slot-ico { bottom: 20px; left: 16px; }
.special-skills .selector { display: none; }
.special-skills .selector::after { margin-left: 34px; }
.special-skills .sequence li { width: 44px; height: 44px; position: absolute; bottom: 88px; left: 4px; }
.special-skills .sequence li img { width: 40px; height: 40px; }
.special-skills .sequence li:not(:first-child) { display: none; }
.special-skills .use-button { width: 48px; height: 48px; position: absolute; bottom: 94px; left: 2px; margin: 0; }
.special-skills .skill-slots > li:nth-child(1) .slot-ico { background-position: -240px -104px; }
.special-skills .skill-slots > li:nth-child(2) .slot-ico { background-position: -260px -104px; }
.special-skills .skill-slots > li:nth-child(3) .slot-ico { background-position: -280px -104px; }
.special-skills .skill-slots > li:nth-child(4) .slot-ico { background-position: -300px -104px; }
.special-skills .skill-slots > li:nth-child(5) .slot-ico { background-position: -320px -104px; }
.special-skills .skill-slots > li:nth-child(6) .slot-ico { background-position: -340px -104px; }

.special-skills .control-buttons { position: absolute; left: 0px; top: 0px; }
.special-skills .control-buttons li { position: absolute; cursor: pointer; display: none; }
.special-skills .control-buttons .swap-pet { background-position: -768px -32px; }
.special-skills .control-buttons .swap-pet:hover { background-position: -800px -32px; }
.special-skills .control-buttons .swap-legend { background-position: -832px -32px; }
.special-skills .control-buttons .swap-legend:hover { background-position: -864px -32px; }

.special-skills .control-buttons .swap-pet::after { display: block; content: ''; width: 32px; height: 32px; background-position: -192px -160px; position: absolute; top: 26px; }
.special-skills .control-buttons .swap-pet.pet-2::after { background-position: -192px -192px; }


.minion-skills { position: absolute; left: 0px; top: 0px; height: 20px; display: none; }
.minion-skills .skill:hover { cursor: default; }
.minion-skills li { width: 44px !important; height: 44px !important; overflow: hidden; display: block; padding: 0; margin-top: 6px; }
.minion-skills li:first-child { height: 125px !important; margin-top: -75px; }
.minion-skills .skill { position: absolute; bottom: 0; left: 0; }
.minion-skills .skill-ico { width: 44px; height: 44px; }
.minion-skills .skill-ico img { width: 40px; height: 40px; }
.special-skills .minion-skills .sequence li { width: 36px !important; height: 36px !important; position: absolute; left: 4px; }
.special-skills .minion-skills .sequence li img { width: 32px; height: 32px; }
.special-skills .minion-skills .sequence li:nth-child(1) { display: block; bottom: 46px; }
.special-skills .minion-skills .sequence li:nth-child(2) { display: block; bottom: 84px; }


/* Elementalist */
.editor.elementalist #F1, .editor.elementalist #F2, .editor.elementalist #F3, .editor.elementalist #F4 { display: block; }
.editor.elementalist #F1 .skill-ico, .editor.elementalist #F2 .skill-ico, .editor.elementalist #F3 .skill-ico, .editor.elementalist #F4 .skill-ico { cursor: pointer; }
.editor.elementalist.attuned-1 #F1,
.editor.elementalist.attuned-2 #F2,
.editor.elementalist.attuned-3 #F3,
.editor.elementalist.attuned-4 #F4 { width: 60px; }
.editor.elementalist.attuned-1 #F1 .skill-ico,
.editor.elementalist.attuned-2 #F2 .skill-ico,
.editor.elementalist.attuned-3 #F3 .skill-ico,
.editor.elementalist.attuned-4 #F4 .skill-ico { width: 60px; height: 60px; }
.editor.elementalist.attuned-1 #F1 .skill-ico img,
.editor.elementalist.attuned-2 #F2 .skill-ico img,
.editor.elementalist.attuned-3 #F3 .skill-ico img,
.editor.elementalist.attuned-4 #F4 .skill-ico img { width: 56px; height: 56px; }

.editor.elementalist.attuned-1 #F1 .slot-ico,
.editor.elementalist.attuned-2 #F2 .slot-ico,
.editor.elementalist.attuned-3 #F3 .slot-ico,
.editor.elementalist.attuned-4 #F4 .slot-ico { left: 20px; }

.editor.elementalist.attuned-1 #F1 .skill-ico, .editor.elementalist.elite-7.second-attuned-1 #F1 .skill-ico { border-color: #ef6102; }
.editor.elementalist.attuned-2 #F2 .skill-ico, .editor.elementalist.elite-7.second-attuned-2 #F2 .skill-ico { border-color: #359dfa; }
.editor.elementalist.attuned-3 #F3 .skill-ico, .editor.elementalist.elite-7.second-attuned-3 #F3 .skill-ico { border-color: #803beb; }
.editor.elementalist.attuned-4 #F4 .skill-ico, .editor.elementalist.elite-7.second-attuned-4 #F4 .skill-ico { border-color: #eac518; }


/* Weaver */
.editor.elementalist.elite-7 .mechanic { width: 348px; height: 10px; background: url("/editor/img.gw2skills.net/editor/mechanic/elementalist.png") 0 0 no-repeat; bottom: 4px; }
.editor.elementalist.elite-7 .mechanic::before, .editor.elementalist.elite-7 .mechanic::after { box-sizing: border-box; display: block; width: 348px; height: 10px; position: absolute; content: ""; background: url("/editor/img.gw2skills.net/editor/mechanic/elementalist.png") 0 0 no-repeat; }
.editor.elementalist.elite-7 .mechanic::before { width: 180px; right: 0; }
.editor.elementalist.elite-7.attuned-1 .mechanic { background-position: 0px -10px; }
.editor.elementalist.elite-7.attuned-2 .mechanic { background-position: 0px -20px; }
.editor.elementalist.elite-7.attuned-3 .mechanic { background-position: 0px -30px; }
.editor.elementalist.elite-7.attuned-4 .mechanic { background-position: 0px -40px; }
.editor.elementalist.elite-7.attuned-1 .mechanic::before { background-position: -173px -10px; }
.editor.elementalist.elite-7.attuned-2 .mechanic::before { background-position: -173px -20px; }
.editor.elementalist.elite-7.attuned-3 .mechanic::before { background-position: -173px -30px; }
.editor.elementalist.elite-7.attuned-4 .mechanic::before { background-position: -173px -40px; }
.editor.elementalist.elite-7.second-attuned-1 .mechanic::before { background-position: -173px -10px !important; }
.editor.elementalist.elite-7.second-attuned-2 .mechanic::before { background-position: -173px -20px !important; }
.editor.elementalist.elite-7.second-attuned-3 .mechanic::before { background-position: -173px -30px !important; }
.editor.elementalist.elite-7.second-attuned-4 .mechanic::before { background-position: -173px -40px !important; }

/* Catalyst */
.editor.elementalist.elite-8 #F5 { display: block; margin-left: 20px; }
.editor.elementalist.elite-8 .mechanic { width: 1px; height: 1px; bottom: 4px; }
.editor.elementalist.elite-8 .mechanic::after { display: block; position: absolute; bottom: 25px; left: 232px; width: 2px; height: 52px; background-color: #000000; content: ""; }
.editor.elementalist.elite-8 .special-skills .skill-slots > li:nth-child(6) .sequence li { margin-bottom: 10px; }
.editor.elementalist.elite-8 .special-skills .skill-slots > li:nth-child(6) .skill .selector { display: block; height: 8px; }
.editor.elementalist.elite-8 .special-skills .skill-slots > li:nth-child(6) .skill .selector::after { display: none; }
.editor.elementalist.elite-8.attuned-1 .special-skills .skill-slots > li:nth-child(6) .skill .selector { background-color: #ef6102; }
.editor.elementalist.elite-8.attuned-2 .special-skills .skill-slots > li:nth-child(6) .skill .selector { background-color: #359dfa; }
.editor.elementalist.elite-8.attuned-3 .special-skills .skill-slots > li:nth-child(6) .skill .selector { background-color: #803beb; }
.editor.elementalist.elite-8.attuned-4 .special-skills .skill-slots > li:nth-child(6) .skill .selector { background-color: #eac518; }

/* Evoker */
.editor.elementalist.elite-9 #F5 { display: block; margin-left: 20px; width: 60px; }
.editor.elementalist.elite-9 #F5 .skill-ico { width: 60px; height: 60px; }
.editor.elementalist.elite-9 #F5 .skill-ico img { width: 56px; height: 56px; }
.editor.elementalist.elite-9 #F5 .skill { cursor: pointer; }
.editor.elementalist.elite-9 #F5 .selector { display: block; margin-left: 0px; cursor: pointer; }
.editor.elementalist.elite-9 #F5 .selector::after { margin-left: 42px; }
.editor.elementalist.elite-9 #F5 .slot-ico { left: 20px; }

/* Warrior */
.editor.warrior #F1 { display: block; margin-left: 210px; }
.editor.warrior .mechanic { width: 208px; height: 80px; bottom: 29px; }
.editor.warrior .mechanic::after { display: block; width: 208px; height: 10px; content: ""; bottom: 0; position: absolute; background: url("/editor/img.gw2skills.net/editor/mechanic/warrior.v3.png") 0 0 no-repeat; }

/* Berserker */
.editor.warrior.elite-6 #F2 { display: block; }
.editor.warrior.elite-6.special-mode .mechanic::after { background-position: 0 -10px; }
.editor.warrior.elite-6.special-mode .mechanic { background: url("/editor/img.gw2skills.net/editor/mechanic/warrior.v3.png") 0 -55px no-repeat; }

/* Spellbreaker */
.editor.warrior.elite-7 #F2 { display: block; }
.editor.warrior.elite-7 .mechanic::after { background-position: 0 -20px; }

/* Bladesworn */
.editor.warrior.elite-8 #F1 { margin-left: 0; }
.editor.warrior.elite-8 #F2 { display: block; }
.editor.warrior.elite-8 .mechanic { margin-left: 120px; }
.editor.warrior.elite-8 .mechanic::after { height: 45px; width: 150px; background-position: 0 -130px; }
.editor.warrior.elite-8.modified .mechanic::after { height: 45px; width: 150px; background-position: -150px -130px; }

/* Paragon */
.editor.warrior.elite-9 #F1 { margin-left: 0; }
.editor.warrior.elite-9 #F2,
.editor.warrior.elite-9 #F3,
.editor.warrior.elite-9 #F4 { display: block; }
.editor.warrior.elite-9 #F2 .skill,
.editor.warrior.elite-9 #F3 .skill,
.editor.warrior.elite-9 #F4 .skill { cursor: pointer; }
.editor.warrior.elite-9 #F2 { margin-left: 20px; }
.editor.warrior.elite-9 .mechanic { background: url("/editor/img.gw2skills.net/editor/mechanic/warrior.v3.png") -235px 0px no-repeat; width: 65px; height: 45px; left: 280px; }
.editor.warrior.elite-9 .mechanic::after { bottom: -22px; background-position: 0 -175px; width: 277px; left: -280px; }
.editor.warrior.elite-9 .mechanic::before { display: block; position: absolute; top: -6px; left: -218px; width: 2px; height: 52px; background-color: #000000; content: ""; }

.editor.warrior.elite-9.attuned-2 #F2,
.editor.warrior.elite-9.attuned-3 #F3,
.editor.warrior.elite-9.attuned-4 #F4 { width: 60px; }
.editor.warrior.elite-9.attuned-2 #F2 .skill-ico,
.editor.warrior.elite-9.attuned-3 #F3 .skill-ico,
.editor.warrior.elite-9.attuned-4 #F4 .skill-ico { width: 60px; height: 60px; }
.editor.warrior.elite-9.attuned-2 #F2 .skill-ico img,
.editor.warrior.elite-9.attuned-3 #F3 .skill-ico img,
.editor.warrior.elite-9.attuned-4 #F4 .skill-ico img { width: 56px; height: 56px; }

.editor.warrior.elite-9.attuned-2 #F2 .slot-ico,
.editor.warrior.elite-9.attuned-3 #F3 .slot-ico,
.editor.warrior.elite-9.attuned-4 #F4 .slot-ico { left: 20px; }

.editor.warrior.elite-9 #F2 .use-button,
.editor.warrior.elite-9 #F3 .use-button,
.editor.warrior.elite-9 #F4 .use-button { display: block; }
.editor.warrior.attuned-2.elite-9 #F2 .use-button,
.editor.warrior.attuned-3.elite-9 #F3 .use-button,
.editor.warrior.attuned-4.elite-9 #F4 .use-button { background-position: -48px -192px; left: 6px; }

/* Ranger */
.editor.ranger #F1, .editor.ranger #F2, .editor.ranger #F3, .editor.ranger #F4 { display: block; width: 44px; }
.editor.ranger .special-skills .slot-ico { display: none; }
.editor.ranger #F4 .slot-ico { display: block; background-position: -280px -104px; }
.editor.ranger #F4 .slot-ico { bottom: 28px; left: 13px; }
.editor.ranger #F1 .skill, .editor.ranger #F2 .skill, .editor.ranger #F3 .skill, .editor.ranger #F4 .skill { bottom: 37px; }
.editor.ranger #F1 .skill-ico, .editor.ranger #F2 .skill-ico, .editor.ranger #F3 .skill-ico, .editor.ranger #F4 .skill-ico { width: 44px; height: 44px; }
.editor.ranger #F1 .skill-ico img, .editor.ranger #F2 .skill-ico img, .editor.ranger #F3 .skill-ico img, .editor.ranger #F4 .skill-ico img { width: 40px; height: 40px; }
.editor.ranger #F1 { margin-left: 36px; }
.editor.ranger #F3 { margin-right: 10px; }
.editor.ranger #F0 { display: block; position: absolute; margin: 0; left: 230px; width: 88px; }
.editor.ranger #F0 .skill { width: 68px; left: 19px; bottom: 21px; cursor: pointer; }
.editor.ranger #F0 .selector { display: block; margin-bottom: 15px; }
.editor.ranger #F0 .selector::after { margin-left: 50px; }
.editor.ranger #F0 .skill-ico { width: 60px; height: 60px; }
.editor.ranger.has-pet #F0 .skill-ico { background-position: -1024px -32px; }
.editor.ranger #F0 .skill-ico img { width: 88px; height: 88px; display: block; margin-left: -21px; margin-top: -16px; }

.editor.ranger .swap-pet { display: block; top: 103px; left: 320px; }

.editor.ranger .mechanic { width: 285px; height: 108px; bottom: 16px; }
.editor.ranger .mechanic::before { display: block; width: 32px; height: 32px; content: ""; bottom: 25px; position: absolute; background: url("/editor/img.gw2skills.net/editor/mechanic/ranger.v2.png") -226px 0 no-repeat; }
.editor.ranger .mechanic::after { display: block; width: 226px; height: 10px; content: ""; bottom: 0; position: absolute; background: url("/editor/img.gw2skills.net/editor/mechanic/ranger.v2.png") 0 0 no-repeat; }

/* Druid */
.editor.ranger.elite-6 #F5 { display: block; position: absolute; margin: 0; left: 381px; width: 88px; }
.editor.ranger.elite-6 #F5 .slot-ico { display: block; }

/* Soulbeast */
.editor.ranger.elite-7.special-mode #F1, .editor.ranger.elite-7.special-mode #F2, .editor.ranger.elite-7.special-mode #F3, .editor.ranger.elite-7.special-mode #F4 { width: 52px; }
.editor.ranger.elite-7.special-mode #F1 .skill, .editor.ranger.elite-7.special-mode #F2 .skill, .editor.ranger.elite-7.special-mode #F3 .skill, .editor.ranger.elite-7.special-mode #F4 .skill { bottom: 29px; }
.editor.ranger.elite-7.special-mode #F5 .skill { bottom: 36px; }
.editor.ranger.elite-7.special-mode #F1 .skill-ico, .editor.ranger.elite-7.special-mode #F2 .skill-ico, .editor.ranger.elite-7.special-mode #F3 .skill-ico, .editor.ranger.elite-7.special-mode #F4 .skill-ico { width: 52px; height: 52px; }
.editor.ranger.elite-7.special-mode #F1 .skill-ico img, .editor.ranger.elite-7.special-mode #F2 .skill-ico img, .editor.ranger.elite-7.special-mode #F3 .skill-ico img, .editor.ranger.elite-7.special-mode #F4 .skill-ico img { width: 48px; height: 48px; }
.editor.ranger.elite-7.special-mode #F1 .slot-ico, .editor.ranger.elite-7.special-mode #F2 .slot-ico, .editor.ranger.elite-7.special-mode #F3 .slot-ico, .editor.ranger.elite-7.special-mode #F4 .slot-ico { display: block; }
.editor.ranger.elite-7.special-mode #F1 { margin-left: 0px; }

.editor.ranger.elite-7.special-mode #F4 { display: none; }
.editor.ranger.elite-7.special-mode #F5 { display: block; }
.editor.ranger.elite-7.special-mode #F5 { width: 36px; top: 20px; left: 52px; }
.editor.ranger.elite-7.special-mode #F5 .skill-ico { width: 36px; height: 36px; }
.editor.ranger.elite-7.special-mode #F5 .skill-ico img { width: 32px; height: 32px; }
.editor.ranger.elite-7.special-mode #F5 .slot-ico { display: none; }

.editor.ranger.elite-7.modified.special-mode #F4 { display: block; margin-left: -8px; }
.editor.ranger.elite-7.modified.special-mode #F4 .slot-ico { background-position: -320px -104px; bottom: 20px; left: 16px; }
.editor.ranger.elite-7.modified.special-mode #F5 { left: 6px; }

.editor.ranger.elite-7.special-mode .mechanic { background: url("/editor/img.gw2skills.net/editor/mechanic/ranger.v2.png") 0 -44px no-repeat; height: 90px; bottom: 34px; }
.editor.ranger.elite-7.special-mode .mechanic::before, .editor.ranger.elite-7.special-mode .mechanic::after { content: none; }

/* Untamed */
.editor.ranger.elite-8 #F1 .slot-ico,
.editor.ranger.elite-8 #F2 .slot-ico,
.editor.ranger.elite-8 #F3 .slot-ico { display: block; bottom: 28px; left: 12px; }
.editor.ranger.elite-8 #F4 { display: none; }
.editor.ranger.elite-8 #F5 { display: block; position: absolute; margin: 0; left: 381px; width: 88px; }
.editor.ranger.elite-8 #F5 .slot-ico { display: block; }

/* Galeshot */
.editor.ranger.elite-9 #F5 { display: block; position: absolute; margin: 0; left: 381px; width: 88px; }
.editor.ranger.elite-9 #F5 .slot-ico { display: block; }
.editor.ranger.elite-9 .mechanic { background: url("/editor/img.gw2skills.net/editor/mechanic/ranger.v2.png") 0 -140px no-repeat; height: 25px; width: 140px; top: 38px; left: 337px; }
.editor.ranger.elite-9 .mechanic::before { left: -337px; top: 59px; }
.editor.ranger.elite-9 .mechanic::after { left: -337px; top: 106px; }


/* Necromancer */
.editor.necromancer #F1 { display: block; margin-left: 210px; }
.editor.necromancer .mechanic { width: 348px; height: 80px; bottom: 4px; }
.editor.necromancer .mechanic::after { display: block; width: 208px; height: 10px; content: ""; bottom: 25px; position: absolute; background: url("/editor/img.gw2skills.net/editor/mechanic/necromancer.v2.png") 0 0 no-repeat; }

/* Scourge */
.editor.necromancer.elite-7 #F2,
.editor.necromancer.elite-7 #F3,
.editor.necromancer.elite-7 #F4,
.editor.necromancer.elite-7 #F5 { display: block; }
.editor.necromancer.elite-7 #F2 { margin-left: 72px; }
.editor.necromancer.elite-7 #F1 { margin-left: 0; width: 60px; }
.editor.necromancer.elite-7 #F1 .skill-ico { width: 60px; height: 60px; }
.editor.necromancer.elite-7 #F1 .skill-ico img { width: 56px; height: 56px; }
.editor.necromancer.elite-7 #F1 .slot-ico { left: 20px; }
.editor.necromancer.elite-7 .mechanic::after { width: 348px; bottom: 4px; background-position: 0 -10px; }
.editor.necromancer.elite-7 .mechanic::before { display: block; width: 35px; height: 45px; position: absolute; bottom: 32px; left: 71px; background: url("/editor/img.gw2skills.net/editor/mechanic/necromancer.v2.png") -348px 0 no-repeat; content: ""; }
.editor.necromancer.elite-7.modified .mechanic::before { background-position: -393px 0; }

/* Harbinger */
.editor.necromancer.modified.elite-8 #F0 { display: block; position: absolute; margin: 0; left: 270px; }
.editor.necromancer.modified.elite-8 #F0 .slot-ico { display: none; }

/* Ritualist */
.editor.necromancer.elite-9 #F2,
.editor.necromancer.elite-9 #F3,
.editor.necromancer.elite-9 #F4 { display: block; }
.editor.necromancer.elite-9 #F2 { margin-left: 72px; }
.editor.necromancer.elite-9 #F1 { margin-left: 0; width: 60px; }
.editor.necromancer.elite-9 #F1 .skill-ico { width: 60px; height: 60px; }
.editor.necromancer.elite-9 #F1 .skill-ico img { width: 56px; height: 56px; }
.editor.necromancer.elite-9 #F1 .slot-ico { left: 20px; }
.editor.necromancer.elite-9 .mechanic::after { width: 348px; bottom: 4px; background-position: 0 -20px; }
.editor.necromancer.elite-9 #F2.unavailable .skill-ico::after,
.editor.necromancer.elite-9 #F3.unavailable .skill-ico::after,
.editor.necromancer.elite-9 #F4.unavailable .skill-ico::after { margin-top: -36px; }


/* Guardian */
.editor.guardian #F1, .editor.guardian #F2, .editor.guardian #F3 { display: block; }
.editor.guardian #F1 { margin-left: 92px; }
.editor.guardian .mechanic { width: 348px; height: 90px; bottom: 15px; background: url("/editor/img.gw2skills.net/editor/mechanic/guardian.png") 0 0 no-repeat; }

/* Firebrand */
.editor.guardian.elite-7 #F1 { margin-left: 0; }
.editor.guardian.elite-7 .mechanic::before, .editor.guardian.elite-7 .mechanic::after { display: block; position: absolute; background: url("/editor/img.gw2skills.net/editor/mechanic/guardian.png") 0 0 no-repeat; }
.editor.guardian.elite-7 .mechanic::before { width: 348px; height: 65px; background-position: 0 -90px; content: ""; top: 18px; }
.editor.guardian.elite-7 .mechanic::after { width: 100px; height: 36px; background-position: 0 -155px; content: ""; top: 35px; left: 170px; }
.editor.guardian.elite-7.modified .mechanic::after { width: 140px; background-position: -100px -155px; }

/* Luminary */
.editor.guardian.elite-9 #F1 { margin-left: 52px; }
.editor.guardian.elite-9 #F4 { margin-left: 20px; display: block; }
.editor.guardian.elite-9 .mechanic::after { display: block; position: absolute; top: 24px; left: 223px; width: 2px; height: 52px; background-color: #000000; content: ""; }


/* Thief */
.editor.thief #F1, .editor.thief #F2 { display: block; }
.editor.thief #F2 .skill { cursor: pointer; }
.editor.thief #F2 .selector { display: block; }
.editor.thief #F2 .selector::after { margin-left: 34px; }
.editor.thief .skill-slots #F2 .skill-ico img + .skill-ammo,
.editor.thief .skill-slots #F3 .skill-ico img + .skill-ammo,
.editor.thief .skill-slots #F4 .skill-ico img + .skill-ammo { top: 17px; right: 20px; }
.editor.thief .mechanic,
.editor.thief .mechanic::after { width: 230px; height: 25px; bottom: 30px; left: 130px; background: url("/editor/img.gw2skills.net/editor/mechanic/thief.v3.png") 0 0 repeat-x; }
.editor.thief.modified .mechanic { background-position: 0px -25px; }

.editor.thief.rifle-action .state-modes .tmp { display: block; margin-right: 5px; background-position: -384px -240px; }
.editor.thief.rifle-action .state-modes .tmp:hover { background-position: -384px -288px; }
.editor.tmp-mode.thief.rifle-action .state-modes .tmp { background-position: -384px -336px; }
.editor.tmp-mode.thief.rifle-action .state-modes .tmp:hover { background-position: -384px -384px; }

/* Daredevil */
.editor.thief.modified-2.elite-6 #F0 { display: block; position: absolute; margin: 0; left: 380px; }
.editor.thief.modified-2.elite-6 #F0 .slot-ico { display: none; }

/* Deadeye */
.editor.thief.elite-7 .mechanic::after { display: block; content: ''; height: 15px; width: 75px; background-position: 0 -122px; margin-top: -20px; }
.editor.thief.modified-2.elite-7 .mechanic::after { width: 105px; }

.editor.thief .control-buttons .reset { top: 90px; left: 112px; background-position: -720px 0; cursor: pointer; width: 16px; height: 16px; }
.editor.thief .control-buttons .reset:hover { background-position: -720px -16px; }
.editor.thief .control-buttons .stolen { top: 35px; left: 64px; cursor: default; }

.editor.thief.stolen-1 .control-buttons .reset, .editor.thief.stolen-2 .control-buttons .reset, .editor.thief.stolen-3 .control-buttons .reset,
.editor.thief.stolen-4 .control-buttons .reset, .editor.thief.stolen-5 .control-buttons .reset, .editor.thief.stolen-6 .control-buttons .reset,
.editor.thief.stolen-7 .control-buttons .reset, .editor.thief.stolen-8 .control-buttons .reset, .editor.thief.stolen-9 .control-buttons .reset
    { display: block; }
.editor.thief.stolen-1 .control-buttons .stolen { display: block; background-position: 0px -224px; }
.editor.thief.stolen-2 .control-buttons .stolen { display: block; background-position: -32px -224px; }
.editor.thief.stolen-3 .control-buttons .stolen { display: block; background-position: -64px -224px; }
.editor.thief.stolen-4 .control-buttons .stolen { display: block; background-position: -96px -224px; }
.editor.thief.stolen-5 .control-buttons .stolen { display: block; background-position: -128px -224px; }
.editor.thief.stolen-6 .control-buttons .stolen { display: block; background-position: -160px -224px; }
.editor.thief.stolen-7 .control-buttons .stolen { display: block; background-position: -192px -224px; }
.editor.thief.stolen-8 .control-buttons .stolen { display: block; background-position: -224px -224px; }
.editor.thief.stolen-9 .control-buttons .stolen { display: block; background-position: -256px -224px; }

/* Specter */
.editor.thief.elite-8 .control-buttons .reset,
.editor.thief.elite-8 .control-buttons .stolen { display: none; }
.editor.thief.elite-8 #F2 .skill { cursor: default; }
.editor.thief.elite-8 #F2 .selector { display: none; }
.editor.thief.elite-8 #F2 .skill-slots .skill-ico img + .skill-ammo { top: 2px; right: 4px; }

.editor.thief.elite-8 .mechanic { bottom: 46px; left: 120px; }
.editor.thief.elite-8 .mechanic::after { display: block; content: ''; height: 10px; width: 230px; background-position: 0 -137px; margin-top: 32px; }

/* Antiquary */
.editor.thief.elite-9 #F2 { margin-left: 10px; display: block; }
.editor.thief.elite-9 .mechanic { width: 155px; height: 36px; background-position: 0 -50px; left: 195px; }
.editor.thief.elite-9 .mechanic::before { display: block; position: absolute; top: -15px; left: -138px; width: 2px; height: 52px; background-color: #000000; content: ""; }
.editor.thief.elite-9 #F3 { display: block; }
.editor.thief.elite-9 #F3 .skill { cursor: pointer; }
.editor.thief.elite-9 #F3 .selector { display: block; }
.editor.thief.elite-9 #F3 .selector::after { margin-left: 34px; }

.editor.thief.elite-9.modified .mechanic { background-position: 0 -86px; }
.editor.thief.elite-9.modified-2 #F4 { display: block; }
.editor.thief.elite-9.modified-2 #F4 .skill { cursor: pointer; }
.editor.thief.elite-9.modified-2 #F4 .selector { display: block; }
.editor.thief.elite-9.modified-2 #F4 .selector::after { margin-left: 34px; }

.editor.thief.elite-9.modified-3 #F4 { display: block; }
.editor.thief.elite-9.modified-3 #F4 .skill { cursor: default; }
.editor.thief.elite-9.modified-3 #F4 .selector { display: none; }

.editor.thief.elite-9.modified-2 .mechanic,
.editor.thief.elite-9.modified-3 .mechanic { left: 250px; }
.editor.thief.elite-9.modified-2 .mechanic::before,
.editor.thief.elite-9.modified-3 .mechanic::before { left: -193px; }

.editor.thief.elite-9.stolen-artifact .control-buttons .reset { top: 90px; left: 174px; background-position: -720px 0; cursor: pointer; width: 16px; height: 16px; display: block; }
.editor.thief.elite-9.stolen-artifact .control-buttons .reset:hover { background-position: -720px -16px; }
.editor.thief.elite-9.stolen-artifact.modified-2 .control-buttons .reset,
.editor.thief.elite-9.stolen-artifact.modified-3 .control-buttons .reset { left: 228px; }


/* Engineer */
.editor.engineer #F1, .editor.engineer #F2, .editor.engineer #F3, .editor.engineer #F4, .editor.engineer #F5 { display: block; }
.editor.engineer .mechanic::before { display: none; position: absolute; bottom: 0; background: url("/editor/img.gw2skills.net/editor/mechanic/engineer.v2.png") 0 0 no-repeat; content: none; }


/* Scrapper */
.editor.engineer.elite-6 #F5 { margin-left: 20px; }
.editor.engineer.elite-6 .mechanic { width: 348px; height: 60px; bottom: 4px; }
.editor.engineer.elite-6 .mechanic::after { display: block; position: absolute; bottom: 25px; left: 225px; width: 2px; height: 52px; background-color: #000000; content: ""; }

/* Holosmith */
.editor.engineer.elite-7 #F5 { margin-left: 20px; }
.editor.engineer.elite-7 .mechanic { width: 348px; height: 60px; bottom: 4px; }
.editor.engineer.elite-7 .mechanic::after { display: block; position: absolute; bottom: 25px; left: 225px; width: 2px; height: 52px; background-color: #000000; content: ""; }
.editor.engineer.elite-7 .mechanic::before { display: block; position: absolute; bottom: 0; width: 348px; height: 10px; background: url("/editor/img.gw2skills.net/editor/mechanic/engineer.v2.png") 0 0 no-repeat; content: ""; }
.editor.engineer.elite-7.modified .mechanic::before { background-position: 0 -10px; }

/* Mechanist */
.editor.engineer.elite-8 #F5 { display: none; }
.editor.engineer.elite-8 #F1, .editor.engineer.elite-8 #F2, .editor.engineer.elite-8 #F3 { display: none; }
.editor.engineer.elite-8.special-mode #F1,
.editor.engineer.elite-8.special-mode #F2,
.editor.engineer.elite-8.special-mode #F3,
.editor.engineer.elite-8.special-mode .minion-skills,
.editor.engineer.elite-8.special-mode .minion-skills li { display: block; }
.editor.engineer.elite-8.special-mode .minion-skills li:nth-child(5) { display: none; }
.editor.engineer.elite-8.modified .minion-skills,
.editor.engineer.elite-8.modified .minion-skills li:first-child { display: block; }
.editor.engineer.elite-8 #F1, .editor.engineer.elite-8 #F2, .editor.engineer.elite-8 #F3 { width: 44px; }
.editor.engineer.elite-8 #F1 .skill, .editor.engineer.elite-8 #F2 .skill, .editor.engineer.elite-8 #F3 .skill { bottom: 36px; }
.editor.engineer.elite-8 #F1 .skill-ico, .editor.engineer.elite-8 #F2 .skill-ico, .editor.engineer.elite-8 #F3 .skill-ico { width: 44px; height: 44px; }
.editor.engineer.elite-8 #F1 .skill-ico img, .editor.engineer.elite-8 #F2 .skill-ico img, .editor.engineer.elite-8 #F3 .skill-ico img { width: 40px; height: 40px; }
.editor.engineer.elite-8 #F1 .slot-ico, .editor.engineer.elite-8 #F2 .slot-ico, .editor.engineer.elite-8 #F3 .slot-ico { display: block; bottom: 30px; left: 12px; }
.editor.engineer.elite-8 #F1 { margin-left: 0px; margin-right: 0; }
.editor.engineer.elite-8 #F2, .editor.engineer.elite-8 #F3 { margin-left: 3px; margin-right: 0; }

.editor.engineer.elite-8 #F4 { width: 60px; position: absolute; margin: 0; left: 145px; }
.editor.engineer.elite-8 #F4 .skill { bottom: 20px; }
.editor.engineer.elite-8 #F4 .skill-ico { width: 60px; height: 60px; }
.editor.engineer.elite-8 #F4 .skill-ico img { width: 56px; height: 56px; }
.editor.engineer.elite-8 #F4 .slot-ico { display: block; bottom: 12px; left: 21px; }

.editor.engineer.elite-8 #F0 { display: block; position: absolute; margin: 0; left: 218px; width: 145px; }
.editor.engineer.elite-8 #F0 .slot-ico { display: none; }
.editor.engineer.elite-8 #F0 .skill { bottom: 20px; margin-left: 70px; }
.editor.engineer.elite-8 #F0 .skill-ico { width: 60px; height: 60px; background-position: -1024px -32px;  }
.editor.engineer.elite-8 #F0 .skill-ico img { width: 145px; height: 100px; display: block; margin-left: -71px; margin-top: -41px; }

.editor.underwater.engineer.elite-8 .state-modes .special,
.editor.underwater.engineer.elite-8 .minion-skills { display: none !important; }
.editor.underwater.engineer.elite-8 #F1, .editor.underwater.engineer.elite-8 #F2, .editor.underwater.engineer.elite-8 #F3 { display: none; }

.editor.engineer.elite-8.special-mode .mechanic::before { display: block; top: 140px; width: 138px; height: 10px; content: ""; background-position: 0 -20px; }

/* Amalgam */
.editor.engineer.elite-9 #F2 .skill,
.editor.engineer.elite-9 #F3 .skill,
.editor.engineer.elite-9 #F4 .skill     { cursor: pointer; }
.editor.engineer.elite-9 #F2 .selector,
.editor.engineer.elite-9 #F3 .selector,
.editor.engineer.elite-9 #F4 .selector  { display: block; }
.editor.engineer.elite-9 #F2 .selector::after,
.editor.engineer.elite-9 #F3 .selector::after,
.editor.engineer.elite-9 #F4 .selector::after { margin-left: 34px; }



/* Mesmer */
.editor.mesmer #F1, .editor.mesmer #F2, .editor.mesmer #F3, .editor.mesmer #F4 { display: block; }
.editor.mesmer .mechanic { width: 85px; height: 25px; top: 51px; left: 64px; background: url("/editor/img.gw2skills.net/editor/mechanic/mesmer.v4.png") 0 0 no-repeat; }

/* Chronomancer */
.editor.mesmer.elite-6 #F5 { margin-left: 20px; display: block; }
.editor.mesmer.elite-6 .mechanic::after { display: block; position: absolute; top: 38px; left: 160px; width: 2px; height: 52px; background-color: #000000; content: ""; }

/* Virtuoso */
.editor.mesmer.elite-8 #F5 { margin-left: 20px; display: block; }
.editor.mesmer.elite-8 .mechanic { width: 100px; height: 20px; background-position: 0 -25px; top: 60px; left: 56px; }
.editor.mesmer.elite-8 .mechanic::after { display: block; position: absolute; top: 29px; left: 168px; width: 2px; height: 52px; background-color: #000000; content: ""; }

/* Troubadour */
.editor.mesmer.elite-9 #F5 { margin-left: 20px; display: block; }
.editor.mesmer.elite-9 .mechanic { width: 120px; height: 45px; background-position: 0 -45px; top: 35px; left: 0px; }
.editor.mesmer.elite-9 .mechanic::after { display: block; position: absolute; top: 54px; left: 156px; width: 2px; height: 52px; background-color: #000000; content: ""; }



/* Revenant */
.editor.revenant #F1, .editor.revenant #F0 { display: block; }
.editor.revenant #F1 .skill, .editor.revenant #F0 .skill { cursor: pointer; }
.editor.revenant #F1 .selector, .editor.revenant #F0 .selector { display: block; }
.editor.revenant #F0 { margin-right: 7px; margin-left: 69px; }
.editor.revenant #F0 .skill-ico img { opacity: .3; }
.editor.revenant #F0 .slot-ico { display: none; }
.editor.revenant .swap-legend { display: block; top: 99px; left: 108px; }

.editor.revenant #F2 { display: block; width: 44px; margin-left: 60px; }
.editor.revenant #F2 .slot-ico { bottom: 82px; left: 13px; }
.editor.revenant #F2 .skill { bottom: 90px; }
.editor.revenant #F2 .skill-ico { width: 44px; height: 44px; }
.editor.revenant #F2 .skill-ico img { width: 40px; height: 40px; }

.editor.revenant .mechanic { width: 170px; height: 35px; background: url("/editor/img.gw2skills.net/editor/mechanic/revenant.v5.png") 0 0 no-repeat; bottom: 29px; left: 179px; }
.editor.revenant.legend-1 .mechanic { background-position: 0 -35px; }
.editor.revenant.legend-2 .mechanic { background-position: 0 -70px; }
.editor.revenant.legend-3 .mechanic { background-position: 0 -105px; }
.editor.revenant.legend-4 .mechanic { background-position: 0 -140px; }
.editor.revenant.legend-5 .mechanic { background-position: 0 -175px; }
.editor.revenant.legend-6 .mechanic { background-position: 0 -210px; }
.editor.revenant.legend-7 .mechanic { background-position: 0 -245px; }
.editor.revenant.legend-8 .mechanic { background-position: 0 -280px; }

/* Harold */
.editor.revenant.elite-6 #F2 { display: block; position: absolute; left: 0px; width: 52px; margin-left: 0; }
.editor.revenant.elite-6 #F2 .slot-ico { bottom: 21px; left: 16px; }
.editor.revenant.elite-6 #F2 .skill { bottom: 29px; }
.editor.revenant.elite-6 #F2 .skill-ico { width: 52px; height: 52px; }
.editor.revenant.elite-6 #F2 .skill-ico img { width: 48px; height: 48px; }

/* Renegade */
.editor.revenant.elite-7 #F2, .editor.revenant.elite-7 #F3, .editor.revenant.elite-7 #F4 { display: block; width: 44px; }
.editor.revenant.elite-7 #F2 { margin-left: 31px; }
.editor.revenant.elite-7 #F2 .slot-ico, .editor.revenant.elite-7 #F3 .slot-ico, .editor.revenant.elite-7 #F4 .slot-ico { bottom: 82px; left: 13px; }
.editor.revenant.elite-7 #F2 .skill, .editor.revenant.elite-7 #F3 .skill, .editor.revenant.elite-7 #F4 .skill { bottom: 90px; }
.editor.revenant.elite-7 #F2 .skill-ico, .editor.revenant.elite-7 #F3 .skill-ico, .editor.revenant.elite-7 #F4 .skill-ico { width: 44px; height: 44px; }
.editor.revenant.elite-7 #F2 .skill-ico img, .editor.revenant.elite-7 #F3 .skill-ico img, .editor.revenant.elite-7 #F4 .skill-ico img { width: 40px; height: 40px; }

/* Vindicator */
.editor.revenant.elite-8 #F5 { display: block; position: absolute; margin: 0; left: 380px; }
.editor.revenant.elite-8 #F5 .slot-ico { display: none; }

.editor.revenant.legend-7.elite-8 #F2 { margin-left: 35px; }
.editor.revenant.legend-7.elite-8 #F3 { display: block; width: 44px; }
.editor.revenant.legend-7.elite-8 #F3 .slot-ico { bottom: 82px; left: 13px; }
.editor.revenant.legend-7.elite-8 #F3 .skill { bottom: 90px; }
.editor.revenant.legend-7.elite-8 #F3 .skill-ico { width: 44px; height: 44px; }
.editor.revenant.legend-7.elite-8 #F3 .skill-ico img { width: 40px; height: 40px; }

.editor.revenant.legend-7 .state-modes .tmp { display: block; margin-right: 40px; background-position: -432px -240px; }
.editor.revenant.legend-7 .state-modes .tmp:hover { background-position: -432px -288px; }
.editor.tmp-mode.revenant.legend-7 .state-modes .tmp { background-position: -432px -336px; }
.editor.tmp-mode.revenant.legend-7 .state-modes .tmp:hover { background-position: -432px -384px; }

/* Conduit */
.editor.revenant.elite-9 .mechanic::before { display: block; width: 110px; height: 10px; content: ""; top: -50px; left: -110px; position: absolute; background: url("/editor/img.gw2skills.net/editor/mechanic/revenant.v4.png") 0px -315px no-repeat; }
.editor.revenant.elite-9.modified .mechanic::before { width: 110px; left: -110px; }
.editor.revenant.elite-9 #F2 { margin-left: 35px; }
.editor.revenant.elite-9 #F3 { display: block; width: 44px; }
.editor.revenant.elite-9 #F3 .slot-ico { bottom: 82px; left: 13px; }
.editor.revenant.elite-9 #F3 .skill { bottom: 90px; }
.editor.revenant.elite-9 #F3 .skill-ico { width: 44px; height: 44px; }
.editor.revenant.elite-9 #F3 .skill-ico img { width: 40px; height: 40px; }


/*
 ==============================================================
*/

/* Tab 2 */
.ui-tab2 .reset-32, .ui-tab3 .reset-32  { position: absolute; top: 5px; left: 1px; background-position: -768px 0px; text-indent: -9999px; }
.ui-tab2 .reset-32:hover, .ui-tab3 .reset-32:hover { background-position: -800px 0px; cursor: pointer; }
.ui-tab2 .reset-32.blocked, .ui-tab3 .reset-32.blocked,
.ui-tab2 .reset-32.blocked:hover, .ui-tab3 .reset-32.blocked:hover { background-position: -736px 0px; cursor: default; }

.traitrows { display: block; position: absolute; top: 10px; left: 60px; width: 470px; }
.traitrows li { display: block; width: 470px; height: 140px; overflow: hidden; }
.traitrows li .delete { float: right; background-position: -688px 0; width: 16px; height: 16px; margin: 0px 8px 0 0; display: none; }
.traitrows li .delete:hover { background-position: -688px -16px; cursor: pointer; }
.traitrows li .open { display: block; float: left; width: 30px; height: 114px; margin-top: 0px; background: none; background-color: #49585a; cursor: pointer; }
.traitrows li .open::after { content: ""; background-position: -960px -32px; display: block; width: 32px; height: 32px; margin: 40px 0; }
.traitrows li .open:hover::after { background-position: -992px -32px; }
.traitrows li .tl-name { height: 26px; overflow: hidden; color: #0e2226; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 32px; text-indent: -9999px; }
.traitrows .traitline { display: block; width: 414px; height: 114px; box-sizing: border-box; border: solid 2px #6d7875; margin-left: 30px; background: #c1c4c5 url("/editor/img.gw2skills.net/editor/UI/bg/trait-line.jpg") 0 0 no-repeat; }

.traitline .tl-selector { display: block; position: relative; top: -2px; left: -2px; width: 414px; height: 114px; cursor: pointer; box-sizing: border-box; }
.traitrows .selected .traitline .tl-selector { width: 64px; height: 64px; top: 23px; left: 20px; }
.traitline .tl-ico { display: none; width: 64px; height: 64px; float: left; margin: 23px 20px; }
.traitline .traits { display: none; position: relative; margin: 0; }
.traitline .traits li { display: block; width: 28px; height: 28px; position: absolute; box-sizing: border-box; opacity: .5; }
.traitline .traits li:hover { opacity: .75; cursor: pointer; }
.traitline .traits li:nth-child(1) { left: 0px; }
.traitline .traits li:nth-child(2),
.traitline .traits li:nth-child(3),
.traitline .traits li:nth-child(4) { left: 51px; }
.traitline .traits li:nth-child(4n+1) { top: 38px; width: 32px; height: 32px; opacity: 1; }
.traitline .traits li:nth-child(4n+2) { top: 8px; }
.traitline .traits li:nth-child(4n+3) { top: 41px; }
.traitline .traits li:nth-child(4n+4) { top: 74px; }

.traitrows .x1 .x1, .traitrows .x1 .x1:hover,
.traitrows .x2 .x2, .traitrows .x2 .x2:hover,
.traitrows .x3 .x3, .traitrows .x3 .x3:hover,
.traitrows .x4 .x4, .traitrows .x4 .x4:hover,
.traitrows .x5 .x5, .traitrows .x5 .x5:hover,
.traitrows .x6 .x6, .traitrows .x6 .x6:hover,
.traitrows .x7 .x7, .traitrows .x7 .x7:hover,
.traitrows .x8 .x8, .traitrows .x8 .x8:hover,
.traitrows .x9 .x9, .traitrows .x9 .x9:hover { opacity: 1; }

.traitline .traits.adept { width: 100px; height: 110px; float: left; margin-left: 5px; }
.traitline .traits.master { width: 100px; height: 110px; float: left; }
.traitline .traits.grandmaster { width: 80px; height: 110px; float: left; }

.traitrows .x1 .adept { background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") 0 0 no-repeat; }
.traitrows .x2 .adept { background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") -200px 0 no-repeat; }
.traitrows .x3 .adept { background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") -100px 0 no-repeat; }
.traitrows .x4 .master { background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") 0 0 no-repeat; }
.traitrows .x5 .master { background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") -200px 0 no-repeat; }
.traitrows .x6 .master { background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") -100px 0 no-repeat; }
.traitrows .x7 .grandmaster { background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") 0 0 no-repeat; }
.traitrows .x8 .grandmaster { background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") -200px 0 no-repeat; }
.traitrows .x9 .grandmaster { background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") -100px 0 no-repeat; }

.traitline .traits li span { display: block; width: 26px; height: 26px; box-sizing: border-box; background-color: rgba(0,0,0,.3); border: solid 1px rgba(0,0,0,.5); margin: 1px; }
.traitline .traits li span:hover { background-color: rgba(0,0,0,.2); border: solid 1px rgba(255,255,255,1); }

.traitrows .x1 .x1 span,
.traitrows .x2 .x2 span,
.traitrows .x3 .x3 span,
.traitrows .x4 .x4 span,
.traitrows .x5 .x5 span,
.traitrows .x6 .x6 span,
.traitrows .x7 .x7 span,
.traitrows .x8 .x8 span,
.traitrows .x9 .x9 span { display: none; }

.traitrows .selected h5 { text-indent: 0; }
.traitrows .selected .delete,
.traitrows .selected .traitline .tl-ico, .traitrows .selected .traitline .traits { display: block; }
.traitrows .selected .traitline { border-color: #000000; background-color: #97b0bb; background-position: 0 -110px; }
.traitrows .selected.elite h5 { color: #bd0040; }
.traitrows .selected.elite .traitline { border-color: #bd0040; background-color: #8e9ec0; background-position: 0 -220px; }


/* Traits preview */
.trait-preview { float: right; height: 100%; width: 235px; box-sizing: border-box; border-left: solid 1px #182428; background-color: rgba(213,219,219,1); overflow: hidden; -webkit-transition: width .3s; -moz-transition: width .3s; -o-transition: width .3s; transition: width .3s; opacity: .85; }
.trait-preview .subheader { width: auto; overflow: hidden; line-height: 27px; }
.trait-preview .trait-preview-scroll { position: relative; top: 3px; overflow: hidden; width: 234px; height: 418px; opacity: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; background-color: rgba(213,219,219,1); display: none; }

.editor.elementalist .trait-preview .trait-preview-scroll,
.editor.warrior .trait-preview .trait-preview-scroll,
.editor.ranger .trait-preview .trait-preview-scroll,
.editor.necromancer .trait-preview .trait-preview-scroll,
.editor.guardian .trait-preview .trait-preview-scroll,
.editor.thief .trait-preview .trait-preview-scroll,
.editor.engineer .trait-preview .trait-preview-scroll,
.editor.mesmer .trait-preview .trait-preview-scroll,
.editor.revenant .trait-preview .trait-preview-scroll { display: block; }

.trait-preview:hover .trait-preview-scroll { opacity: 1; }
.trait-preview .traitrows { width: 230px; height: 100%; position: relative; left: 0; top: 0; width: 210px; margin-left: 5px; }
.trait-preview .traitrows li { width: 210px !important; }
.trait-preview .traitrows .tl-name { height: 20px; text-indent: 0; font-weight: normal; line-height: 20px; width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 5px; text-shadow: 1px 1px 1px rgba(255,255,255,1); }
.trait-preview .traitline { background: none; border: none; border-bottom: solid 1px #a1aaac; width: 210px; margin: 0 0 5px 0; height: 112px; }
.trait-preview .tl-ico { display: block; margin-left: 2px; margin-right: 10px; opacity: .65; }
.trait-preview .traits { box-sizing: border-box; display: block; height: 111px; border-left: solid 1px #a1aaac; margin-left: 73px; background: url("/editor/img.gw2skills.net/editor/UI/bg/traitline-connection.png") left bottom no-repeat; }
.trait-preview .traits li { position: relative; top: 0 !important; left: 0 !important; float: left; margin: 5px 2px 3px 0; width: 28px !important; height: 28px !important; opacity: .65; }
.trait-preview .traits li:hover { opacity: 1 !important; }
.trait-preview .traits li:nth-child(4n+1) { margin: 3px 6px 0px 3px; width: 32px !important; height: 32px !important; opacity: .65; }

.trait-preview { width: 30px; }
.trait-preview .subheader { text-indent: -9999px; }
.trait-preview .subheader .delete { width: 32px; height: 32px; background-position: -832px 0px; margin: -4px -11px; }
.trait-preview .subheader .delete:hover { background-position: -864px 0px; }
.trait-preview .traitrows { display: none; }

.trait-preview:hover { width: 235px; opacity: 1; }
.trait-preview:hover .subheader { text-indent: 0; }
.trait-preview:hover .traitrows { display: block; }
.trait-preview:hover .subheader .delete { width: 16px; height: 16px; background-position: -672px -32px; margin-top: 4px; margin-right: -4px; }
.trait-preview:hover .subheader .delete:hover { background-position: -672px -48px; }


/* Tab 3 */
.tab3 .tab-grid { background: url("/editor/img.gw2skills.net/editor/UI/bg/tab3-column.png") top right repeat-y; }
.tab-grid.weapon { top: 0; left: 33px; width: 363px; height: 335px; border-right: solid 1px #ffffff; }
.tab-grid.armor { top: 0; left: 396px; width: 160px; height: 450px; border-right: solid 1px #ffffff; border-left: solid 1px #182428; }
.tab-grid.trinket { top: 0; left: 556px; width: 213px; height: 450px; border-left: solid 1px #182428; }
.tab-grid.buff { top: 335px; left: 56px; width: 340px; height: 115px; border-right: solid 1px #ffffff; border-top: solid 1px #182428; }
.editor.pve .tab-grid.buff { left: 33px; width: 363px; }
.tab3 .subheader .pvp { display: none; text-align: center; width: 90%; float: left; }

.tab3 .wset { display: block; box-sizing: border-box; float: left; width: 155px;  position: relative; margin: 20px 0 0 7px; }
.tab3 .wset .wset-marker { display: block; background: none; box-sizing: border-box; border: solid 2px #b2c0c4; border-top: none; position: absolute; width: 160px; height: 10px; left: -3px; bottom: 2px; }
.tab3 .wset .wset-marker::before { content: ""; background-position: -160px -160px; margin-left: 32px; margin-top: -7px; position: absolute; }
.tab3 .wset .wset-marker::after { content: ""; background-position: -928px -160px; margin-left: 158px; margin-top: -19px; position: absolute; }
.tab3 .wset-2 { margin-left: 35px; }
.tab3 .wset-2 .wset-marker::before { background-position: -160px -192px; }
.tab3 .wset-2 .wset-marker::after { content: none; }
.tab3 .wset.aqua { margin-top: 30px; }
.tab3 .wset.aqua .wset-marker::after { background-position: -960px -160px; margin-top: -23px; }
.wset-1.terra .wset-marker::before { background-position: -192px -160px; }
.editor.wset-2 .wset-1.terra .wset-marker::before, .editor.underwater .wset-1.terra .wset-marker::before { background-position: -160px -160px; }
.editor.wset-2 .wset-2.terra .wset-marker::before { background-position: -192px -192px; }
.editor.underwater .wset-2.terra .wset-marker::before { background-position: -160px -192px; }
.editor.underwater .wset-1.aqua .wset-marker::before { background-position: -192px -160px; }
.editor.underwater.wset-2 .wset-1.aqua .wset-marker::before { background-position: -160px -160px; }
.editor.underwater.wset-2 .wset-2.aqua .wset-marker::before { background-position: -192px -192px; }

.wset-1.terra .wset-marker,
.editor.wset-2 .wset-2.terra .wset-marker,
.editor.underwater .wset-1.aqua .wset-marker,
.editor.underwater.wset-2 .wset-2.aqua .wset-marker { border-color: #000000; }
.editor.wset-2 .wset-1.terra .wset-marker,
.editor.underwater .wset-1.terra .wset-marker,
.editor.underwater .wset-2.terra .wset-marker,
.editor.underwater.wset-2 .wset-1.aqua .wset-marker { border-color: #b2c0c4; }

.editor.empty .wset-1 .wset-marker::before, .editor.empty.underwater .wset-1 .wset-marker::before { background-position: -160px -160px; }
.editor.empty .wset-2 .wset-marker::before, .editor.empty.underwater .wset-2 .wset-marker::before { background-position: -160px -192px; }

.editor.empty .wset-1 .wset-marker, .editor.empty.underwater .wset-1 .wset-marker,
.editor.empty .wset-2 .wset-marker, .editor.empty.underwater .wset-2 .wset-marker { border-color: #b2c0c4; }

.editor.pvp .wset-1 .wset-marker, .editor.pvp .wset-2 .wset-marker { border-color: #d0d0d0 !important; }

.tab3 .set { display: block; box-sizing: border-box; float: left; position: relative; margin: 5px 0 0 0; }

.tab3 .elements { margin-top: 0px; }
.tab3 .elements > li { display: block; width: 140px; height: 80px; }

.buff .elements > li { float: left; }
.buff .elements li:nth-child(3) { display: none; }

.editor.pve .buff .elements { margin-left: -28px; }
.editor.pve .buff .elements > li { width: 114px; }
.editor.pve .buff .elements li:nth-child(3) { display: block; }

.tab3 .elements .action .menu { background-position: -720px -32px; width: 16px; height: 16px; position: absolute; top: -3px; left: -2px; }
.tab3 .elements .action .menu:hover { background-position: -720px -48px; cursor: pointer; }
.tab3 .elements .action .delete { background-position: -688px 0px; width: 16px; height: 16px; position: absolute; top: -1px; left: 94px; }
.tab3 .elements .action .delete:hover { background-position: -688px -16px; cursor: pointer; }
.tab3 .elements .action .food { background-position: -896px -128px; position: relative; top: 12px; left: 0px; }
.tab3 .elements .action .utility { background-position: -896px -160px; position: relative; top: 12px; left: 0px; }
.tab3 .elements .action .fractal { background-position: -1152px -160px; position: relative; top: 12px; left: 0px; }


.tab3 .elements > li ul { position: absolute; }
.tab3 .elements > li ul > li { position: absolute; display: block; box-sizing: border-box; }
.tab3 .elements .element { display: block; box-sizing: border-box; width: 0px; height: 0px; }
.tab3 .elements .element .ui-ico32 { display: block; width: 60px; height: 60px; border: solid 2px #000000; top: 0; left: 15px; background-position: -1088px -32px; }
.tab3 .elements .element .ui-ico-armor { display: none; left: 17px; width: 56px; height: 56px; top: 2px; background-position: -616px -56px; }
.tab3 .elements .element .ui-ico-item { display: block; width: 60px; height: 60px; border: solid 2px #000000; top: 0; left: 15px; cursor: pointer; }

.tab3 .elements .upgrade { left: 79px; }
.tab3 .elements .upgrade + .upgrade { left: 117px; }
.tab3 .elements .upgrade .ui-ico32 { display: block; width: 36px; height: 36px; border: solid 2px #000000; top: 0; left: 0px; background-position: -1088px -32px; }
.tab3 .elements .upgrade .ui-ico32::after { background-position: -1216px -64px; content: ""; opacity: .75; margin-left: 1px; }
.tab3 .elements .upgrade .ui-ico-armor { display: none; }
.tab3 .elements .upgrade .ui-ico-item { display: block; width: 36px; height: 36px; border: solid 2px #000000; top: 0; left: 0px; cursor: pointer; }

.tab3 .elements .infusion { margin-top: 38px; left: 79px; display: none; }
.tab3 .elements .infusion + .infusion { left: 109px; }
.tab3 .elements .infusion .ui-ico32 { display: block; width: 28px; height: 28px; border: solid 2px #000000; top: 0; left: 0px; background-position: -1088px -32px; }
.tab3 .elements .infusion .ui-ico32::after { background-position: -1251px -68px; width: 28px; height: 28px; content: ""; opacity: .75; }
.tab3 .elements .infusion .ui-ico-item { display: block; width: 28px; height: 28px; border: solid 2px #000000; top: 0; left: 0px; cursor: pointer; }

.tab3 .elements .profil.asc .infusion { display: block; }

.tab3 .elements .profil .element .ui-ico-item::before { border: solid 3px #d0d0d0; width: 58px; height: 58px; margin-left: -1px; margin-top: -1px; box-sizing: border-box; display: block; content: ''; }
.tab3 .elements .profil.com .element .ui-ico-item::before { border-color: #ffffff; }
.tab3 .elements .profil.fin .element .ui-ico-item::before { border-color: #4f9dfe; }
.tab3 .elements .profil.mas .element .ui-ico-item::before { border-color: #2dc50e; }
.tab3 .elements .profil.rar .element .ui-ico-item::before { border-color: #ffe51f; }
.tab3 .elements .profil.exo .element .ui-ico-item::before { border-color: #fda500; }
.tab3 .elements .profil.asc .element .ui-ico-item::before { border-color: #ff4484; }
.tab3 .elements .profil.leg .element .ui-ico-item::before { border-color: #a02ef7; }

.tab3 .elements .profil .element .ui-ico-item { background-color: rgba(0,0,0,0); }
.tab3 .elements .profil .element .ui-ico-item::after { width: 44px; height: 44px; display: block; content: ""; position: absolute; bottom: 5px; right: 5px; }


.elements .element .ui-ico-item img { border: none; width: 56px; height: 56px; }
.elements .upgrade .ui-ico-item img { border: none; width: 32px; height: 32px; }
.elements .infusion img { border: none; width: 24px; height: 24px; }


.tab3 .weapon .elements .element *, .tab3 .weapon .elements .action, .tab3 .weapon .elements .upgrade { display: none; }
.tab3 .weapon .elements .element { width: 60px; height: 60px; background: #f0f0f0; border: solid 2px #d0d0d0; left: 15px; }
.tab3 .weapon .elements .armed .element { background: none; border: none; }
.tab3 .weapon .armed .element *, .tab3 .weapon .armed .action, .tab3 .weapon .armed .upgrade { display: block; }
.tab3 .weapon .elements .armed .element * { left: 0; }
.tab3 .weapon .elements .armed .element .ui-ico-armor { left: 2px; }
.tab3 .weapon .armed .upgrade + .upgrade { display: none; }
.tab3 .weapon .two-hands + li .element *, .tab3 .weapon .two-hands + li .action, .tab3 .weapon .two-hands + li .upgrade { display: none; }
.tab3 .weapon .two-hands + li .element { display: block; width: 60px; height: 60px; background: #f0f0f0; border: solid 2px #d0d0d0; left: 15px; }
.weapon .elements .armed.two-hands .upgrade + .upgrade { display: block; }
.weapon .elements .profil.asc.armed .infusion + .infusion { display: none; }
.weapon .elements .profil.asc.armed.two-hands .infusion + .infusion { display: block; }

.armor .set { margin-left: 6px; margin-top: 7px; }
.armor .elements > li { height: 70px; }
.armor .elements .infusion { margin-top: 0; left: 117px; }
.armor .elements .element .ui-ico-armor { display: block; width: 56px; height: 56px; top: 2px; }
.armor .elements .element.helm .ui-ico-armor { background-position: 0 -112px; }
.armor .elements .element.shoulders .ui-ico-armor { background-position: -56px -112px; }
.armor .elements .element.coat .ui-ico-armor { background-position: -112px -112px; }
.armor .elements .element.gloves .ui-ico-armor { background-position: -168px -112px; }
.armor .elements .element.leggings .ui-ico-armor { background-position: -224px -112px; }
.armor .elements .element.boots .ui-ico-armor { background-position: -280px -112px; }

.trinket .set { margin-left: 6px; margin-top: 7px; }
.trinket .elements > li { height: 70px; }
.trinket .elements li:nth-child(7) { position: absolute; left: 125px; top: 0; }
.trinket .elements li:nth-child(7) .element { left: -15px; }
.trinket .elements li:nth-child(7) .action { left: 0; }
.trinket .elements li:nth-child(7) .action li { left: 61px; }
.trinket .elements .upgrade { display: none; }
.trinket .elements .infusion { margin-top: 0; }
.trinket .elements .exo .upgrade,
.trinket .elements .rar .upgrade,
.trinket .elements .mas .upgrade,
.trinket .elements .fin .upgrade,
.trinket .elements .com .upgrade { display: block; }
.trinket .elements .infusion + .infusion + .infusion { left: 139px; }
.trinket .elements .element .ui-ico-armor { display: block; width: 56px; height: 56px; top: 2px; }
.trinket .elements .element.amulet .ui-ico-armor { background-position: -336px -112px; }
.trinket .elements .element.ring .ui-ico-armor { background-position: -392px -112px; }
.trinket .elements .element.earring .ui-ico-armor { background-position: -448px -112px; }
.trinket .elements .element.back .ui-ico-armor { background-position: -504px -112px; }
.trinket .elements .element.relic .ui-ico-armor { background-position: -560px -56px; }

.buff .set { margin-left: 24px; margin-top: 7px; }
.buff .elements .element .ui-ico32, .buff .elements .element .ui-ico-item { left: 32px; }

.buff .elements li:nth-child(3) { }
.buff .elements li:nth-child(3) .action .delete { left: 70px; }
.buff .elements li:nth-child(3) .element .ui-ico32 { width: 36px; height: 36px; cursor: pointer; }
.buff .elements li:nth-child(3) .element.mastery .ui-ico-armor { display: block; width: 32px; height: 32px; top: 2px; left: 34px; background-position: -0px -232px; }
.buff .elements li:nth-child(3) .element.mastery .ui-ico-item { width: 36px; height: 36px; }
.buff .elements li:nth-child(3) .element.mastery .ui-ico-item img { width: 32px; height: 32px; }

.tab3 .elements .potion { margin-top: 38px; display: block; }
.tab3 .elements .potion.potion-1 { left: 232px; }
.tab3 .elements .potion.potion-2 { left: 262px; }
.tab3 .elements .potion.potion-3 { left: 292px; }
.tab3 .elements .potion .ui-ico32 { display: block; width: 28px; height: 28px; border: solid 2px #000000; top: 0; left: 0px; background-position: -1088px -32px; }
.tab3 .elements .potion .ui-ico-item { display: block; width: 28px; height: 28px; border: solid 2px #000000; top: 0; left: 0px; cursor: pointer; opacity: .35; }
.tab3 .elements .potion .ui-ico-item img { width: 24px; height: 24px; }
.tab3 .elements .potion .ui-ico-item::after { width: 28px; height: 4px; content: none; display: block; background-color: #a80000; position: relative; top: 0px; left: -2px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; }
.tab3 .elements .potion .ui-ico-item:hover { opacity: .7; }
.tab3 .elements .potion.selected .ui-ico-item { opacity: 1; }
.tab3 .elements .potion .ui-ico-item:hover::after { content: ""; opacity: .8; }
.tab3 .elements .potion.selected .ui-ico-item::after { content: ""; }


.editor.pvp .subheader .pve { display: none; }
.editor.pvp .subheader .pvp { display: inline-block; }
.editor.pvp .ui-tab3 .tab-grid { background: none; }
.editor.pvp .aqua, .editor.pvp .buff, .editor.pvp .trinket .subheader, .editor.pvp .elements { display: none; }

.editor.pvp .weapon, .editor.pvp .armor, .editor.pvp .trinket { width: 250px; height: 250px; top: 85px; }
.editor.pvp .weapon { left: 140px; }
.editor.pvp .armor { border-right: none; left: 390px; }
.editor.pvp .trinket { left: 390px; width: 0px; }

.editor.pvp .elements > li, .editor.pvp .action, .editor.pvp .element, .editor.pvp .infusion, .editor.pvp .trinket .upgrade, .editor.pvp .trinket .infusion { display: none; }
.editor.pvp .armor .elements > li:first-child, .editor.pvp .trinket .elements > li:first-child, .editor.pvp .trinket .elements > li:first-child .element,
.editor.pvp .trinket .elements > li:last-child, .editor.pvp .trinket .elements > li:last-child .element,
.editor.pvp .armor .elements, .editor.pvp .trinket .elements, .editor.pvp .weapon .terra .elements, .editor.pvp .weapon .terra .elements > li,
.editor.pvp .weapon .terra .element { display: block; }

.editor.pvp .weapon .wset-marker { position: absolute; top: 0px; left: 70px; border: solid 2px #d0d0d0; background-color: #f0f0f0; width: 60px; height: 60px; }
.editor.pvp .weapon .wset-marker::before { margin-left: -55px; top: 36px; }
.editor.pvp .weapon .wset-marker::after { box-sizing: border-box; content: ""; background: none; width: 60px; height: 60px; border: solid 2px #d0d0d0; background-color: #f0f0f0; top: -2px; left: 64px; margin: 0; }

.editor.pvp .weapon .wset, .editor.pvp .weapon .elements { position: absolute; top: 0; left: 0; margin: 0; }
.editor.pvp .weapon .elements > li, .editor.pvp .weapon .elements > li * { position: absolute; margin: 0; top: 0; left: 0; }
.editor.pvp .weapon .elements .element, .editor.pvp .weapon .elements .element * { cursor: default; }

.editor.pvp .weapon .wset { top: 55px; left: 16px; }
.editor.pvp .weapon .wset-2 { top: 155px; left: 16px; }
.editor.pvp .weapon .wset .element, .editor.pvp .weapon .wset .element * { width: 32px; height: 32px; top: 0; left: 0; margin: 0; border: none; }
.editor.pvp .weapon .wset .elements .element { }
.editor.pvp .weapon .wset .elements .element .ui-ico32 { background-position: -96px 0; }
.editor.pvp .weapon .wset .elements .element .ui-ico32::before { display: none; }
.editor.pvp .weapon .wset .elements .element .ui-ico-armor { display: none; }

.editor.pvp .weapon .wset .elements > li:nth-child(2) .element { left: 33px; }

.editor.pvp .weapon .wset .upgrade, .editor.pvp .weapon .wset .upgrade * { width: 60px; height: 60px; top: 0; left: 0; margin: 0; }
.editor.pvp .weapon .wset .upgrade { left: 70px; width: 60px; height: 60px; }
.editor.pvp .weapon .wset .upgrade + .upgrade { left: 136px; }
.editor.pvp .weapon .elements > li:nth-child(2) .upgrade { left: 136px; }
.editor.pvp .weapon .wset .upgrade .ui-ico-armor { display: block; box-sizing: border-box; width: 56px; height: 56px; margin: 2px; background-position: -616px -112px; }

.editor.pvp .armor .set, .editor.pvp .trinket .set { top: 0; margin: 0; left: 0; }
.editor.pvp .armor .elements > li, .editor.pvp .trinket .elements > li { width: 0; height: 0; left: 0; top: 0; }
.editor.pvp .armor .upgrade, .editor.pvp .armor .upgrade *, .editor.pvp .armor .element *  { width: 60px; height: 60px; top: 0; left: 0; margin: 0; }
.editor.pvp .armor .elements { position: absolute; top: 46px; left: 65px; }
.editor.pvp .trinket .elements { position: absolute; top: 72px; left: 116px; }
.editor.pvp .trinket .elements > li:last-child { position: absolute; top: 66px; left: -18px; }
.editor.pvp .upgrade .ui-ico32::after { content: none; }
.editor.pvp .armor .upgrade .ui-ico-armor { display: block; box-sizing: border-box; width: 56px; height: 56px; margin: 2px; background-position: -560px -112px; }

.editor.pvp .weapon .elements li { width: 0; height: 0; display: block; }
.editor.pvp .infusion { display: none !important; }

.editor.pvp .tab3 * img { display: none; }
.editor.pvp .weapon .element .ui-ico-item img, .editor.pvp .trinket .element .ui-ico-item img,
.editor.pvp .weapon .upgrade .ui-ico-item img, .editor.pvp .armor .upgrade .ui-ico-item img { display: block; width: 56px; height: 56px; }

.editor.pvp .weapon .element .ui-ico-item { background-color: transparent; }
.editor.pvp .weapon .element .ui-ico-item::after { content: none; }


/* Tab 4 */
.tab4 .jadebot-ico { background: url("/editor/img.gw2skills.net/editor/UI/bg/jadebot.png") top left no-repeat; width: 150px; height: 225px; left: 120px; top: 80px; }

.tab4 .subheader { text-align: center; width: 95%; float: left; }

.tab4 .elements > li ul { position: absolute; }
.tab4 .elements > li ul > li { position: absolute; display: block; box-sizing: border-box; }
.tab4 .elements .element { display: block; box-sizing: border-box; width: 0px; height: 0px; }
.tab4 .elements .element .ui-ico32 { display: block; width: 60px; height: 60px; border: solid 2px #000000; top: 0; left: 15px; background-position: -1088px -32px; }
.tab4 .elements .element .ui-ico-armor { display: block; left: 17px; width: 56px; height: 56px; top: 2px; background-position: -616px -56px; }
.tab4 .elements .element .ui-ico-item { display: block; width: 60px; height: 60px; border: solid 2px #000000; top: 0; left: 15px; cursor: pointer; }

.tab4 .module { width: 280px; height: 250px; top: 110px; left: 320px; }
.tab4 .module .set { position: absolute; top: 50px; left: 85px; }

.tab4 .elements .element.powercore .ui-ico-armor { background-position: -392px -56px; }



/* Weapons Icons 56x56 Blank */
.armed.greatsword .element .ui-ico-armor  { background-position: 0 0; }
.armed.hammer .element .ui-ico-armor      { background-position: -56px 0; }
.armed.longbow .element .ui-ico-armor     { background-position: -112px 0; }
.armed.rifle .element .ui-ico-armor       { background-position: -168px 0; }
.armed.shortbow .element .ui-ico-armor    { background-position: -224px 0; }
.armed.staff .element .ui-ico-armor       { background-position: -280px 0; }
.armed.axe .element .ui-ico-armor         { background-position: -336px 0; }
.armed.dagger .element .ui-ico-armor      { background-position: -392px 0; }
.armed.mace .element .ui-ico-armor        { background-position: -448px 0; }
.armed.pistol .element .ui-ico-armor      { background-position: -504px 0; }
.armed.scepter .element .ui-ico-armor     { background-position: -560px 0; }
.armed.sword .element .ui-ico-armor       { background-position: -616px 0; }
.armed.focus .element .ui-ico-armor       { background-position: 0 -56px; }
.armed.shield .element .ui-ico-armor      { background-position: -56px -56px; }
.armed.torch .element .ui-ico-armor       { background-position: -112px -56px; }
.armed.warhorn .element .ui-ico-armor     { background-position: -168px -56px; }
.armed.harpoon_gun .element .ui-ico-armor { background-position: -224px -56px; }
.armed.landspear .element .ui-ico-armor,
.armed.spear .element .ui-ico-armor       { background-position: -280px -56px; }
.armed.trident .element .ui-ico-armor     { background-position: -336px -56px; }

/* Weapon Icons PvP */
.armed .element .ui-ico32::after { content: ""; }
.armed.landspear .element .ui-ico32::after   { background-position: -256px -128px; }
.armed.greatsword .element .ui-ico32::after  { background-position: -288px -128px; }
.armed.hammer .element .ui-ico32::after      { background-position: -320px -128px; }
.armed.longbow .element .ui-ico32::after     { background-position: -352px -128px; }
.armed.rifle .element .ui-ico32::after       { background-position: -384px -128px; }
.armed.shortbow .element .ui-ico32::after    { background-position: -416px -128px; }
.armed.staff .element .ui-ico32::after       { background-position: -448px -128px; }
.armed.axe .element .ui-ico32::after         { background-position: -480px -128px; }
.armed.dagger .element .ui-ico32::after      { background-position: -512px -128px; }
.armed.mace .element .ui-ico32::after        { background-position: -544px -128px; }
.armed.pistol .element .ui-ico32::after      { background-position: -576px -128px; }
.armed.scepter .element .ui-ico32::after     { background-position: -608px -128px; }
.armed.sword .element .ui-ico32::after       { background-position: -640px -128px; }
.armed.focus .element .ui-ico32::after       { background-position: -672px -128px; }
.armed.shield .element .ui-ico32::after      { background-position: -704px -128px; }
.armed.torch .element .ui-ico32::after       { background-position: -736px -128px; }
.armed.warhorn .element .ui-ico32::after     { background-position: -768px -128px; }
.armed.harpoon_gun .element .ui-ico32::after { background-position: -800px -128px; }
.armed.spear .element .ui-ico32::after       { background-position: -832px -128px; }
.armed.trident .element .ui-ico32::after     { background-position: -864px -128px; }

/* Profil 32x32 */
.tab3 .elements .profil .element .ui-ico-armor { width: 32px; height: 32px; margin: 0px; background-position: -616px -168px; }
.tab3 .elements .profil.greatsword .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.greatsword::before { background-position: 0px -168px; }
.tab3 .elements .profil.hammer .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.hammer::before { background-position: -32px -168px; }
.tab3 .elements .profil.longbow .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.longbow::before { background-position: -64px -168px; }
.tab3 .elements .profil.rifle .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.rifle::before { background-position: -96px -168px; }
.tab3 .elements .profil.shortbow .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.shortbow::before { background-position: -128px -168px; }
.tab3 .elements .profil.staff .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.staff::before { background-position: -160px -168px; }
.tab3 .elements .profil.axe .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.axe::before { background-position: -192px -168px; }
.tab3 .elements .profil.dagger .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.dagger::before { background-position: -224px -168px; }
.tab3 .elements .profil.mace .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.mace::before { background-position: -256px -168px; }
.tab3 .elements .profil.pistol .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.pistol::before { background-position: -288px -168px; }
.tab3 .elements .profil.scepter .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.scepter::before { background-position: -320px -168px; }
.tab3 .elements .profil.sword .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.sword::before { background-position: -352px -168px; }
.tab3 .elements .profil.focus .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.focus::before { background-position: -384px -168px; }
.tab3 .elements .profil.shield .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.shield::before { background-position: -416px -168px; }
.tab3 .elements .profil.torch .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.torch::before { background-position: -448px -168px; }
.tab3 .elements .profil.warhorn .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.warhorn::before { background-position: -480px -168px; }
.tab3 .elements .profil.harpoon_gun .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.harpoon_gun::before { background-position: -512px -168px; }
.tab3 .elements .profil.spear .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.spear::before { background-position: -544px -168px; }
.tab3 .elements .profil.trident .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.trident::before { background-position: -576px -168px; }
.tab3 .elements .profil.landspear .element .ui-ico-armor, .editor-menu.equip .menu-content .profil.landspear::before { background-position: -608px -168px; }

.tab3 .elements .profil .helm .ui-ico-armor, .editor-menu.equip .menu-content .profil.helm::before { background-position: 0px -200px; }
.tab3 .elements .profil .shoulders .ui-ico-armor, .editor-menu.equip .menu-content .profil.shoulders::before  { background-position: -32px -200px; }
.tab3 .elements .profil .coat .ui-ico-armor, .editor-menu.equip .menu-content .profil.coat::before  { background-position: -64px -200px; }
.tab3 .elements .profil .gloves .ui-ico-armor, .editor-menu.equip .menu-content .profil.gloves::before  { background-position: -96px -200px; }
.tab3 .elements .profil .leggings .ui-ico-armor, .editor-menu.equip .menu-content .profil.leggings::before  { background-position: -128px -200px; }
.tab3 .elements .profil .boots .ui-ico-armor, .editor-menu.equip .menu-content .profil.boots::before  { background-position: -160px -200px; }
.tab3 .elements .profil .amulet .ui-ico-armor, .editor-menu.equip .menu-content .profil.amulet::before  { background-position: -192px -200px; }
.tab3 .elements .profil .ring .ui-ico-armor, .editor-menu.equip .menu-content .profil.ring::before  { background-position: -224px -200px; }
.tab3 .elements .profil .earring .ui-ico-armor, .editor-menu.equip .menu-content .profil.earring::before  { background-position: -256px -200px; }
.tab3 .elements .profil .back .ui-ico-armor, .editor-menu.equip .menu-content .profil.back::before  { background-position: -288px -200px; }



/* Character stats */
.ui-stats { position: relative; }
.ui-stats h3 { height: 26px; border-bottom: solid 2px #182428; font-size: 15px; font-style: italic; color: #ffffff; line-height: 26px; padding: 0 5px 0 10px; text-transform: uppercase; text-shadow: 2px 2px 1px rgba(0,0,0,.5); }
.ui-stats .level { float: right; font-size: 20px; font-style: italic; color: #920101; line-height: 24px; text-shadow: none; }
.ui-stats h3::after { display: block; position: relative; width: 170px; height: 170px; top: 250px; background: url("/editor/img.gw2skills.net/editor/UI/bg/professions_170x170.jpg") 200px 200px no-repeat; }
.editor.elementalist .ui-stats h3::after { background-position: 0 0; }
.editor.warrior .ui-stats h3::after { background-position: -180px 0; }
.editor.ranger .ui-stats h3::after { background-position: -350px 0; }
.editor.necromancer .ui-stats h3::after { background-position: 0 -170px; }
.editor.guardian .ui-stats h3::after { background-position: -190px -170px; }
.editor.thief .ui-stats h3::after { background-position: -340px -170px; }
.editor.engineer .ui-stats h3::after { background-position: 0 -340px; }
.editor.mesmer .ui-stats h3::after { background-position: -180px -340px; }
.editor.revenant .ui-stats h3::after { background-position: -350px -340px; }

.ui-stats ul { float: left; width: 89px; display: block; height: 270px; margin-top: 1px; position: absolute; background: url("/editor/img.gw2skills.net/editor/UI/bg/stats-column.png") 0 0 no-repeat; }
.ui-stats ul + ul { left: 89px; }
.ui-stats ul li { display: block; height: 30px; background: none; width: 48px; box-sizing: border-box; border-top: solid 1px #ffffff; border-bottom: solid 1px #9aa3a4; margin-left: 31px; color: #004259; font-size: 12px; line-height: 28px; padding-left: 5px; white-space: nowrap; text-shadow: 1px 1px #ffffff; }
.ui-stats ul li.modified { font-style: italic; color: #01ad10; text-shadow: 1px 1px #e0e0e0; }
.ui-stats ul li:first-child { border-top: none; }
.ui-stats ul li::before { content: ""; width: 31px; height: 30px; box-sizing: border-box; display: block; margin: -1px 0 0 -36px; position: relative; left: 0; float: left; border-right: solid 1px #49585a; background-position: 32px 32px; }
.ui-stats ul li::after { content: "..."; display: inline; padding-left: 1px; }
.ui-stats ul li:first-child::before { border-top: solid 1px #49585a; margin-top: 0; }
.ui-stats ul li:last-child { border-bottom: none; }
.ui-stats .ui-ico32 { background-position: 32px 32px; }
.ui-stats ul li:hover { color: #9f0101; cursor: pointer; }

.editor.elementalist .ui-stats ul li::after,
.editor.warrior .ui-stats ul li::after,
.editor.ranger .ui-stats ul li::after,
.editor.necromancer .ui-stats ul li::after,
.editor.guardian .ui-stats ul li::after,
.editor.thief .ui-stats ul li::after,
.editor.engineer .ui-stats ul li::after,
.editor.mesmer .ui-stats ul li::after,
.editor.revenant .ui-stats ul li::after { content: none; }

.editor.elementalist .ui-stats ul .percent::after,
.editor.warrior .ui-stats ul .percent::after,
.editor.ranger .ui-stats ul .percent::after,
.editor.necromancer .ui-stats ul .percent::after,
.editor.guardian .ui-stats ul .percent::after,
.editor.thief .ui-stats ul .percent::after,
.editor.engineer .ui-stats ul .percent::after,
.editor.mesmer .ui-stats ul .percent::after,
.editor.revenant .ui-stats ul .percent::after { content: "%"; display: inline; padding-left: 1px; }

.ui-ico32.pow::before { background-position: -1025px -97px; }
.ui-ico32.tou::before { background-position: -1057px -97px; }
.ui-ico32.vit::before { background-position: -1089px -97px; }
.ui-ico32.pre::before { background-position: -1121px -97px; }
.ui-ico32.fer::before { background-position: -1057px -161px; }
.ui-ico32.mal::before { background-position: -1089px -161px; }
.ui-ico32.exp::before { background-position: -1121px -161px; }
.ui-ico32.con::before { background-position: -1121px -193px; }
.ui-ico32.agr::before { background-position: -1025px -129px; }
.ui-ico32.def::before { background-position: -1057px -129px; }
.ui-ico32.health::before { background-position: -1089px -129px; }
.ui-ico32.crit::before { background-position: -1121px -129px; }
.ui-ico32.crtd::before { background-position: -1057px -193px; }
.ui-ico32.com::before { background-position: -1089px -193px; }
.ui-ico32.conddur::before { background-position: -1121px -161px; }
.ui-ico32.boondur::before { background-position: -1121px -193px; }
.ui-ico32.mag::before { background-position: -1025px -161px; }

.editor.elementalist .ui-stats .ui-ico32.special::before { background-position:   -1px -225px; }
.editor.warrior .ui-stats .ui-ico32.special::before      { background-position:  -33px -225px; }
.editor.ranger .ui-stats .ui-ico32.special::before       { background-position:  -65px -225px; }
.editor.necromancer .ui-stats .ui-ico32.special::before  { background-position:  -97px -225px; }
.editor.guardian .ui-stats .ui-ico32.special::before     { background-position: -129px -225px; }
.editor.thief .ui-stats .ui-ico32.special::before        { background-position: -161px -225px; }
.editor.engineer .ui-stats .ui-ico32.special::before     { background-position: -193px -225px; }
.editor.mesmer .ui-stats .ui-ico32.special::before       { background-position: -225px -225px; }
.editor.revenant .ui-stats .ui-ico32.special::before     { background-position: -257px -225px; }

.editor.elementalist.elite-6 .ui-stats .ui-ico32.special::before { background-position: -289px -225px; }
.editor.warrior.elite-6 .ui-stats .ui-ico32.special::before      { background-position: -321px -225px; }
.editor.ranger.elite-6 .ui-stats .ui-ico32.special::before       { background-position: -353px -225px; }
.editor.necromancer.elite-6 .ui-stats .ui-ico32.special::before  { background-position: -385px -225px; }
.editor.guardian.elite-6 .ui-stats .ui-ico32.special::before     { background-position: -417px -225px; }
.editor.thief.elite-6 .ui-stats .ui-ico32.special::before        { background-position: -449px -225px; }
.editor.engineer.elite-6 .ui-stats .ui-ico32.special::before     { background-position: -481px -225px; }
.editor.mesmer.elite-6 .ui-stats .ui-ico32.special::before       { background-position: -513px -225px; }
.editor.revenant.elite-6 .ui-stats .ui-ico32.special::before     { background-position: -545px -225px; }

.editor.elementalist.elite-7 .ui-stats .ui-ico32.special::before { background-position: -577px -225px; }
.editor.warrior.elite-7 .ui-stats .ui-ico32.special::before      { background-position: -609px -225px; }
.editor.ranger.elite-7 .ui-stats .ui-ico32.special::before       { background-position: -641px -225px; }
.editor.necromancer.elite-7 .ui-stats .ui-ico32.special::before  { background-position: -673px -225px; }
.editor.guardian.elite-7 .ui-stats .ui-ico32.special::before     { background-position: -705px -225px; }
.editor.thief.elite-7 .ui-stats .ui-ico32.special::before        { background-position: -737px -225px; }
.editor.engineer.elite-7 .ui-stats .ui-ico32.special::before     { background-position: -769px -225px; }
.editor.mesmer.elite-7 .ui-stats .ui-ico32.special::before       { background-position: -801px -225px; }
.editor.revenant.elite-7 .ui-stats .ui-ico32.special::before     { background-position: -833px -225px; }

.editor.elementalist.elite-8 .ui-stats .ui-ico32.special::before { background-position:  -865px -225px; }
.editor.warrior.elite-8 .ui-stats .ui-ico32.special::before      { background-position:  -897px -225px; }
.editor.ranger.elite-8 .ui-stats .ui-ico32.special::before       { background-position:  -929px -225px; }
.editor.necromancer.elite-8 .ui-stats .ui-ico32.special::before  { background-position:  -961px -225px; }
.editor.guardian.elite-8 .ui-stats .ui-ico32.special::before     { background-position:  -993px -225px; }
.editor.thief.elite-8 .ui-stats .ui-ico32.special::before        { background-position: -1025px -225px; }
.editor.engineer.elite-8 .ui-stats .ui-ico32.special::before     { background-position: -1057px -225px; }
.editor.mesmer.elite-8 .ui-stats .ui-ico32.special::before       { background-position: -1089px -225px; }
.editor.revenant.elite-8 .ui-stats .ui-ico32.special::before     { background-position: -1121px -225px; }

.editor.elementalist.elite-9 .ui-stats .ui-ico32.special::before { background-position:   -1px -321px; }
.editor.warrior.elite-9 .ui-stats .ui-ico32.special::before      { background-position:  -33px -321px; }
.editor.ranger.elite-9 .ui-stats .ui-ico32.special::before       { background-position:  -65px -321px; }
.editor.necromancer.elite-9 .ui-stats .ui-ico32.special::before  { background-position:  -97px -321px; }
.editor.guardian.elite-9 .ui-stats .ui-ico32.special::before     { background-position: -129px -321px; }
.editor.thief.elite-9 .ui-stats .ui-ico32.special::before        { background-position: -161px -321px; }
.editor.engineer.elite-9 .ui-stats .ui-ico32.special::before     { background-position: -193px -321px; }
.editor.mesmer.elite-9 .ui-stats .ui-ico32.special::before       { background-position: -225px -321px; }
.editor.revenant.elite-9 .ui-stats .ui-ico32.special::before     { background-position: -257px -321px; }

/* Trait Summary */
.ui-trait-summary li { display: block; width: 48px; height: 48px; float: left; margin-left: 8px; opacity: 0.5; }
.ui-trait-summary li:first-child { margin-left: 12px; }
.ui-trait-summary .selected { opacity: .95; }
.ui-trait-summary .selected:hover { opacity: 1; cursor: pointer; }

/* Armor Summary */
.ui-armor-summary::before { display: block; content: ""; width: 70px; height: 3px; box-sizing: border-box; border: solid 1px #49585a; border-left: none; border-right: none; }
.ui-armor-summary li { display: block; width: 48px; height: 38px; opacity: .95; background-position: -432px -58px; margin-left: 12px; margin-top: 5px; }
.ui-armor-summary li:hover { opacity: 1; cursor: pointer; }


/* Tmp Buffs */
.ui-tmpbuffs { overflow: visible; }
.ui-tmpbuffs::before { display: block; content: ""; width: 32px; height: 32px; background-position: -1248px -32px; position: absolute; top: 5px; left: 10px; }
.ui-tmpbuffs ul { float: left; box-sizing: border-box; height: 32px; margin-top: 5px; margin-left: 8px; }
.ui-tmpbuffs ul li { float: left; }
.ui-tmpbuffs .select-all-32 { float: right; background-position: -1152px -64px; margin-top: 5px; }
.ui-tmpbuffs .select-all-32:hover { background-position: -1184px -64px; cursor: pointer; }
.ui-tmpbuffs .reset-32 { float: right; background-position: -768px 0px; margin-top: 5px; }
.ui-tmpbuffs .reset-32:hover { background-position: -800px 0px; cursor: pointer; }
.ui-tmpbuffs .reset-32.blocked,
.ui-tmpbuffs .reset-32.blocked:hover { background-position: -736px 0px; cursor: default; }

.ui-tmpbuffs .buffs-stacked { margin-left: 70px; }
.ui-tmpbuffs .buffs-stacked li { width: 52px; position: relative; }
.ui-tmpbuffs .buffs-stacked .buff-ico { display: block; width: 32px; height: 32px; box-sizing: border-box; float: left; }
.ui-tmpbuffs .buffs-stacked .buff-selector { display: none; width: 16px; height: 16px; background-position: -640px -16px; opacity: .65; margin-left: 0px; float: left; }
.ui-tmpbuffs .buffs-stacked .buff-selector:hover { cursor: pointer; background-position: -640px -16px; opacity: 1; }
.ui-tmpbuffs .buffs-stacked .buff-stacks { float: left; max-height: 0; width: 0px; height: 0; box-sizing: border-box; border: none; margin: 3px 0 0 32px; }
.ui-tmpbuffs .buffs-stacked .buff-stacks li { clear: both; display: none; width: 50px; color: #ffffff; font-size: 12px; padding: 2px 10px; }
.ui-tmpbuffs .buffs-stacked .buff-stacks li:hover { color: #ffba01; }
.ui-tmpbuffs .buffs-stacked .buff-stacks li::before { content: "x"; }
.ui-tmpbuffs .buffs-stacked .buff-stacks:hover { border: solid 2px #000000; background: #191f21; height: auto; max-height: 250px; width: 50px; }
.ui-tmpbuffs .buffs-stacked .buff-stacks:hover li { display: block; cursor: pointer; width: 25px; }
.ui-tmpbuffs .buffs-stacked .buff-stacks li:first-child { display: block; margin-top: -20px; color: #920101; font-style: italic; font-weight: 500; font-size: 14px; text-shadow: 1px 1px 1px rgba(0,0,0,.5); padding: 0; height: 20px; width: 20px; padding: 2px; }
.ui-tmpbuffs .buffs-stacked .buff-stacks li:first-child:hover { color: #920101; }
.ui-tmpbuffs .buffs-stacked .buff-stacks:hover li:first-child { padding: 0; }
.ui-tmpbuffs .buffs-stacked .buff-stacks li:first-child::before { content: none; }
.ui-tmpbuffs .buffs-stacked .buff-stacks:hover li:nth-child(2) { margin-top: 5px; }
.ui-tmpbuffs .buffs-stacked .buff-stacks:hover li:last-child { margin-bottom: 5px; }

.ui-tmpbuffs .buffs-stacked .buff-stacks.hide li { display: none !important; }
.ui-tmpbuffs .buffs-stacked .buff-stacks.hide li:first-child { display: block !important; }

.ui-tmpbuffs .buffs-stacked .sigil .buff-stacks { display: none; }
.ui-tmpbuffs .buffs-stacked .sigil.active .buff-stacks { display: block; }
.ui-tmpbuffs .buffs-stacked .two-sigil.active .buff-selector { display: block; }
.ui-tmpbuffs .buffs-stacked .relic { display: none; }
.ui-tmpbuffs .buffs-stacked .relic.active { display: block; }


.ui-tmpbuffs .buffs-single { margin-top: 8px; }
.ui-tmpbuffs .buffs-single li { width: 24px; height: 24px; box-sizing: border-box; margin: 0 2px 0 0; }
.ui-tmpbuffs .buffs-single li::after { display: block; width: 24px; height: 3px; background-color: #d4d4d4; content: ""; margin-top: 25px; margin-left: 0px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; }
.ui-tmpbuffs .buffs-single li:hover { cursor: pointer; }
.ui-tmpbuffs .buffs-single li:hover::after,
.ui-tmpbuffs .buffs-single .checked::after { background-color: #a80000; }
.ui-tmpbuffs .buffs-single.boons li, .ui-tmpbuffs .buffs-single .w22,
.ui-tmpbuffs .buffs-single.boons li::after, .ui-tmpbuffs .buffs-single .w22::after { width: 22px;  }

.editor .ui-tmpbuffs .buffs-single::before { display: block; width: 16px; height: 16px; float: left; content: ""; margin: 6px 3px 0 0; }
.editor .ui-tmpbuffs .buffs-single.boons::before { content: none; }
.editor .ui-tmpbuffs .buffs-single.elementalist::before { background-position: -160px -128px; }
.editor .ui-tmpbuffs .buffs-single.warrior::before { background-position: -176px -128px; }
.editor .ui-tmpbuffs .buffs-single.ranger::before { background-position: -192px -128px; }
.editor .ui-tmpbuffs .buffs-single.necromancer::before { background-position: -208px -128px; }
.editor .ui-tmpbuffs .buffs-single.guardian::before { background-position: -224px -128px; }
.editor .ui-tmpbuffs .buffs-single.thief::before { background-position: -160px -144px; }
.editor .ui-tmpbuffs .buffs-single.engineer::before { background-position: -176px -144px; }
.editor .ui-tmpbuffs .buffs-single.mesmer::before { background-position: -192px -144px; }
.editor .ui-tmpbuffs .buffs-single.revenant::before { background-position: -208px -144px; }
.editor .ui-tmpbuffs .buffs-single.wvw::before { background-position: -224px -144px; }

.ui-tmpbuffs .buffs-stacked .might .buff-ico { background-position: -32px 0; }
.ui-tmpbuffs .buffs-stacked .sigil .buff-ico { background-position: -64px 0; }
.ui-tmpbuffs .buffs-stacked .sigil.active .buff-ico { background-position: -96px 0; }
.ui-tmpbuffs .buffs-stacked .relic .buff-ico { background-position: -384px -256px; }

.ui-tmpbuffs .buffs-stacked .elite { display: none; }
.ui-tmpbuffs .buffs-stacked .elite.malice,
.ui-tmpbuffs .buffs-stacked .elite.kalla,
.ui-tmpbuffs .buffs-stacked .elite.insight,
.ui-tmpbuffs .buffs-stacked .elite.sandsage,
.ui-tmpbuffs .buffs-stacked .elite.blight,
.ui-tmpbuffs .buffs-stacked .elite.lethaltempo,
.ui-tmpbuffs .buffs-stacked .elite.elem_empow,
.ui-tmpbuffs .buffs-stacked .elite.guns_glory,
.ui-tmpbuffs .buffs-stacked .elite.nat_bal,
.ui-tmpbuffs .buffs-stacked .elite.fer_symb,
.ui-tmpbuffs .buffs-stacked .elite.deadly_blades,
.ui-tmpbuffs .buffs-stacked .elite.elem_rage,
.ui-tmpbuffs .buffs-stacked .elite.phantom_pain,
.ui-tmpbuffs .buffs-stacked .elite.windforce_buff,
.ui-tmpbuffs .buffs-stacked .elite.emp_armament,
.ui-tmpbuffs .buffs-stacked .elite.combat_high,
.ui-tmpbuffs .buffs-stacked .elite.will_host,
.ui-tmpbuffs .buffs-stacked .elite.instrument_play,
.ui-tmpbuffs .buffs-stacked .elite.explgrowth
{ display: block; }

.ui-tmpbuffs .buffs-stacked .elite.malice .buff-ico             { background-position: -128px 0; }
.ui-tmpbuffs .buffs-stacked .elite.kalla .buff-ico              { background-position: -160px 0; }
.ui-tmpbuffs .buffs-stacked .elite.insight .buff-ico            { background-position: -192px 0; }
.ui-tmpbuffs .buffs-stacked .elite.sandsage .buff-ico           { background-position: -224px 0; }
.ui-tmpbuffs .buffs-stacked .elite.blight .buff-ico             { background-position: -320px 0; }
.ui-tmpbuffs .buffs-stacked .elite.lethaltempo .buff-ico        { background-position: -352px 0; }
.ui-tmpbuffs .buffs-stacked .elite.elem_empow .buff-ico         { background-position: -352px -32px; }
.ui-tmpbuffs .buffs-stacked .elite.guns_glory .buff-ico         { background-position: -384px -32px; }
.ui-tmpbuffs .buffs-stacked .elite.nat_bal .buff-ico            { background-position: -384px -128px; }
.ui-tmpbuffs .buffs-stacked .elite.fer_symb .buff-ico           { background-position: -352px -96px; }
.ui-tmpbuffs .buffs-stacked .elite.deadly_blades .buff-ico      { background-position: -384px -96px; }
.ui-tmpbuffs .buffs-stacked .elite.elem_rage .buff-ico          { background-position: -352px -128px; }
.ui-tmpbuffs .buffs-stacked .elite.phantom_pain .buff-ico       { background-position: -352px -192px; }
.ui-tmpbuffs .buffs-stacked .elite.windforce_buff .buff-ico     { background-position: -384px -224px; }
.ui-tmpbuffs .buffs-stacked .elite.emp_armament .buff-ico       { background-position: -288px -160px; }
.ui-tmpbuffs .buffs-stacked .elite.combat_high .buff-ico        { background-position: -320px -128px; }
.ui-tmpbuffs .buffs-stacked .elite.will_host .buff-ico          { background-position: -320px -160px; }
.ui-tmpbuffs .buffs-stacked .elite.instrument_play .buff-ico    { background-position: -288px -192px; }
.ui-tmpbuffs .buffs-stacked .elite.explgrowth .buff-ico         { background-position: -320px -192px; }


.ui-tmpbuffs .buffs-stacked .spec { display: none; }
.ui-tmpbuffs .buffs-stacked .spec.carapace,
.ui-tmpbuffs .buffs-stacked .spec.exptemper,
.ui-tmpbuffs .buffs-stacked .spec.compoundpower,
.ui-tmpbuffs .buffs-stacked .spec.trans_tempest,
.ui-tmpbuffs .buffs-stacked .spec.weaver_prow,
.ui-tmpbuffs .buffs-stacked .spec.aura_empow,
.ui-tmpbuffs .buffs-stacked .spec.furious,
.ui-tmpbuffs .buffs-stacked .spec.light_feet,
.ui-tmpbuffs .buffs-stacked .spec.fam_prowess,
.ui-tmpbuffs .buffs-stacked .spec.exhil_ephemera
{ display: block; }

.ui-tmpbuffs .buffs-stacked .spec.carapace .buff-ico        { background-position: -256px 0; }
.ui-tmpbuffs .buffs-stacked .spec.exptemper .buff-ico       { background-position: -288px 0; }
.ui-tmpbuffs .buffs-stacked .spec.compoundpower .buff-ico   { background-position: -384px 0; }
.ui-tmpbuffs .buffs-stacked .spec.aura_empow .buff-ico      { background-position: -352px -64px; }
.ui-tmpbuffs .buffs-stacked .spec.furious .buff-ico         { background-position: -384px -64px; }
.ui-tmpbuffs .buffs-stacked .spec.trans_tempest .buff-ico   { background-position: -352px -160px; }
.ui-tmpbuffs .buffs-stacked .spec.weaver_prow .buff-ico     { background-position: -384px -160px; }
.ui-tmpbuffs .buffs-stacked .spec.light_feet .buff-ico      { background-position: -384px -192px; }
.ui-tmpbuffs .buffs-stacked .spec.fam_prowess .buff-ico     { background-position: -352px -224px; }
.ui-tmpbuffs .buffs-stacked .spec.exhil_ephemera .buff-ico  { background-position: -288px -128px; }


.ui-tmpbuffs .boons .aegis { background-position: -1px -32px; }
.ui-tmpbuffs .boons .alacrity { background-position: -1px -56px; }
.ui-tmpbuffs .boons .fury { background-position: -1px -80px; }
.ui-tmpbuffs .boons .protection { background-position: -1px -104px; }
.ui-tmpbuffs .boons .quickness { background-position: -1px -128px; }
.ui-tmpbuffs .boons .regen { background-position: -1px -152px; }
.ui-tmpbuffs .boons .resistance { background-position: -1px -176px; }
.ui-tmpbuffs .boons .resolution { background-position: -1px -200px; }
.ui-tmpbuffs .boons .stability { background-position: -1px -224px; }
.ui-tmpbuffs .boons .swiftness { background-position: -1px -248px; }
.ui-tmpbuffs .boons .vigor { background-position: -1px -272px; }
.ui-tmpbuffs .boons .aegis.checked { background-position: -25px -32px; }
.ui-tmpbuffs .boons .alacrity.checked { background-position: -25px -56px; }
.ui-tmpbuffs .boons .fury.checked { background-position: -25px -80px; }
.ui-tmpbuffs .boons .protection.checked { background-position: -25px -104px; }
.ui-tmpbuffs .boons .quickness.checked { background-position: -25px -128px; }
.ui-tmpbuffs .boons .regen.checked { background-position: -25px -152px; }
.ui-tmpbuffs .boons .resistance.checked { background-position: -25px -176px; }
.ui-tmpbuffs .boons .resolution.checked { background-position: -25px -200px; }
.ui-tmpbuffs .boons .stability.checked { background-position: -25px -224px; }
.ui-tmpbuffs .boons .swiftness.checked { background-position: -25px -248px; }
.ui-tmpbuffs .boons .vigor.checked { background-position: -25px -272px; }

.ui-tmpbuffs .warrior .banner-defense { background-position: -48px -32px; }
.ui-tmpbuffs .warrior .banner-discipline { background-position: -48px -56px; }
.ui-tmpbuffs .warrior .banner-strength { background-position: -48px -80px; }
.ui-tmpbuffs .warrior .banner-tactics { background-position: -48px -104px; }
.ui-tmpbuffs .warrior .empower-allies { background-position: -48px -128px; }
.ui-tmpbuffs .warrior .banner-defense.checked { background-position: -72px -32px; }
.ui-tmpbuffs .warrior .banner-discipline.checked { background-position: -72px -56px; }
.ui-tmpbuffs .warrior .banner-strength.checked { background-position: -72px -80px; }
.ui-tmpbuffs .warrior .banner-tactics.checked { background-position: -72px -104px; }
.ui-tmpbuffs .warrior .empower-allies.checked { background-position: -72px -128px; }

.ui-tmpbuffs .ranger .glyph-empow { background-position: -96px -32px; }
.ui-tmpbuffs .ranger .glyph-empow-celest { background-position: -96px -56px; }
.ui-tmpbuffs .ranger .spotter { background-position: -96px -80px; }
.ui-tmpbuffs .ranger .grace-land { background-position: -96px -104px; }
.ui-tmpbuffs .ranger .glyph-empow.checked { background-position: -120px -32px; }
.ui-tmpbuffs .ranger .glyph-empow-celest.checked { background-position: -120px -56px; }
.ui-tmpbuffs .ranger .spotter.checked { background-position: -120px -80px; }
.ui-tmpbuffs .ranger .grace-land.checked { background-position: -120px -104px; }

.ui-tmpbuffs .engineer .pinpoint { background-position: -144px -32px; }
.ui-tmpbuffs .engineer .pinpoint.checked { background-position: -168px -32px; }

.ui-tmpbuffs .revenant .assassin-presence { background-position: -240px -56px; }
.ui-tmpbuffs .revenant .assassin-presence.checked { background-position: -264px -56px; }

.ui-tmpbuffs .wvw .wvw-1 { background-position: -288px -32px; }
.ui-tmpbuffs .wvw .wvw-2 { background-position: -288px -56px; }
.ui-tmpbuffs .wvw .wvw-3 { background-position: -289px -80px; }
.ui-tmpbuffs .wvw .wvw-1.checked { background-position: -312px -32px; }
.ui-tmpbuffs .wvw .wvw-2.checked { background-position: -312px -56px; }
.ui-tmpbuffs .wvw .wvw-3.checked { background-position: -313px -80px; }

.ui-tmpbuffs .common .reinf-armor { background-position: -288px -104px; }
.ui-tmpbuffs .common .reinf-armor.checked { background-position: -312px -104px; }


/* Summary */
.ui-summary::before { display: block; width: 32px; height: 32px; content: ""; background-position: -896px -96px; float: left; margin: 25px 34px 30px 14px; }
.ui-summary .ui-summary_section { float: left; margin: 8px 10px 0 0; }
.ui-summary_section h3 { color: #000000; font-size: 12px; text-transform: uppercase; height: 16px; overflow: hidden; text-overflow: ellipsis; }
.ui-summary_section ul { float: left; display: block; height: 60px; margin-top: 5px; }
.ui-summary_section ul li { float: left; margin: 0 2px 4px 0; box-sizing: border-box; }

.ui-summary_section.summary-conditions { width: 182px; }
.ui-summary_section.summary-boons { width: 156px; }
.ui-summary_section.summary-control { width: 104px; }
.ui-summary_section.summary-auras { width: 104px; }
.ui-summary_section.summary-misc { width: 104px; }
.ui-summary_section.summary-combo { width: 210px; }
.ui-summary_section.summary-combo ul:nth-child(2) { width: 130px; }
.ui-summary_section.summary-combo ul:nth-child(2)::after { display: block; width: 32px; height: 32px; content: ""; background-position: -992px -160px; margin: 11px 0; margin-left: 120px; }
.ui-summary_section.summary-combo ul:nth-child(3) { width: 52px; margin-left: 20px; }

/* Boons */
.summary-boons .aegis { background-position: 0 -72px; }
.summary-boons .alacrity { background-position: -24px -72px; }
.summary-boons .fury { background-position: -48px -72px; }
.summary-boons .might { background-position: -72px -72px; }
.summary-boons .protection { background-position: -96px -72px; }
.summary-boons .quickness { background-position: -120px -72px; }
.summary-boons .regen { background-position: -144px -72px; }
.summary-boons .resistance { background-position: -168px -72px; }
.summary-boons .resolution { background-position: -192px -72px; }
.summary-boons .stability { background-position: -216px -72px; }
.summary-boons .swiftness { background-position: -240px -72px; }
.summary-boons .vigor { background-position: -264px -72px; }

.summary-boons.aegis .aegis { background-position: 0 -96px; }
.summary-boons.alacrity .alacrity { background-position: -24px -96px; }
.summary-boons.fury .fury { background-position: -48px -96px; }
.summary-boons.might .might { background-position: -72px -96px; }
.summary-boons.protection .protection { background-position: -96px -96px; }
.summary-boons.quickness .quickness { background-position: -120px -96px; }
.summary-boons.regen .regen { background-position: -144px -96px; }
.summary-boons.resistance .resistance { background-position: -168px -96px; }
.summary-boons.resolution .resolution { background-position: -192px -96px; }
.summary-boons.stability .stability { background-position: -216px -96px; }
.summary-boons.swiftness .swiftness { background-position: -240px -96px }
.summary-boons.vigor .vigor { background-position: -264px -96px }

.summary-boons.aegis .aegis:hover { background-position: 0 -120px; cursor: pointer; }
.summary-boons.alacrity .alacrity:hover { background-position: -24px -120px; cursor: pointer; }
.summary-boons.fury .fury:hover { background-position: -48px -120px; cursor: pointer; }
.summary-boons.might .might:hover { background-position: -72px -120px; cursor: pointer; }
.summary-boons.protection .protection:hover { background-position: -96px -120px; cursor: pointer; }
.summary-boons.quickness .quickness:hover { background-position: -120px -120px; cursor: pointer; }
.summary-boons.regen .regen:hover { background-position: -144px -120px; cursor: pointer; }
.summary-boons.resistance .resistance:hover { background-position: -168px -120px; cursor: pointer; }
.summary-boons.resolution .resolution:hover { background-position: -192px -120px; cursor: pointer; }
.summary-boons.stability .stability:hover { background-position: -216px -120px; cursor: pointer; }
.summary-boons.swiftness .swiftness:hover { background-position: -240px -120px; cursor: pointer; }
.summary-boons.vigor .vigor:hover { background-position: -264px -120px; cursor: pointer; }

/* Conditions */
.summary-conditions .bleeding { background-position: 0 0; }
.summary-conditions .blindness { background-position: -24px 0; }
.summary-conditions .burning { background-position: -48px 0; }
.summary-conditions .chilled { background-position: -72px 0; }
.summary-conditions .confusion { background-position: -96px 0; }
.summary-conditions .cripple { background-position: -120px 0; }
.summary-conditions .fear { background-position: -144px 0; }
.summary-conditions .immobilize { background-position: -168px 0; }
.summary-conditions .poison { background-position: -192px 0; }
.summary-conditions .slow { background-position: -216px 0; }
.summary-conditions .torment { background-position: -240px 0; }
.summary-conditions .vulnerability { background-position: -264px 0; }
.summary-conditions .weakness { background-position: -288px 0; }
.summary-conditions .taunt { background-position: -312px 0; }

.summary-conditions.bleeding .bleeding { background-position: 0 -24px; }
.summary-conditions.blindness .blindness { background-position: -24px -24px; }
.summary-conditions.burning .burning { background-position: -48px -24px; }
.summary-conditions.chilled .chilled { background-position: -72px -24px; }
.summary-conditions.confusion .confusion { background-position: -96px -24px; }
.summary-conditions.cripple .cripple { background-position: -120px -24px; }
.summary-conditions.fear .fear { background-position: -144px -24px; }
.summary-conditions.immobilize .immobilize { background-position: -168px -24px; }
.summary-conditions.poison .poison { background-position: -192px -24px; }
.summary-conditions.slow .slow { background-position: -216px -24px; }
.summary-conditions.torment .torment { background-position: -240px -24px; }
.summary-conditions.vulnerability .vulnerability { background-position: -264px -24px; }
.summary-conditions.weakness .weakness { background-position: -288px -24px; }
.summary-conditions.taunt .taunt { background-position: -312px -24px; }

.summary-conditions.bleeding .bleeding:hover { background-position: 0 -48px; cursor: pointer; }
.summary-conditions.blindness .blindness:hover { background-position: -24px -48px; cursor: pointer; }
.summary-conditions.burning .burning:hover { background-position: -48px -48px; cursor: pointer; }
.summary-conditions.chilled .chilled:hover { background-position: -72px -48px; cursor: pointer; }
.summary-conditions.confusion .confusion:hover { background-position: -96px -48px; cursor: pointer; }
.summary-conditions.cripple .cripple:hover { background-position: -120px -48px; cursor: pointer; }
.summary-conditions.fear .fear:hover { background-position: -144px -48px; cursor: pointer; }
.summary-conditions.immobilize .immobilize:hover { background-position: -168px -48px; cursor: pointer; }
.summary-conditions.poison .poison:hover { background-position: -192px -48px; cursor: pointer; }
.summary-conditions.slow .slow:hover { background-position: -216px -48px; cursor: pointer; }
.summary-conditions.torment .torment:hover { background-position: -240px -48px; cursor: pointer; }
.summary-conditions.vulnerability .vulnerability:hover { background-position: -264px -48px; cursor: pointer; }
.summary-conditions.weakness .weakness:hover { background-position: -288px -48px; cursor: pointer; }
.summary-conditions.taunt .taunt:hover { background-position: -312px -48px; cursor: pointer; }

/* Control */
.summary-control .daze { background-position: 0px -144px; }
.summary-control .float { background-position: -24px -144px; }
.summary-control .knockback { background-position: -48px -144px; }
.summary-control .knockdown { background-position: -72px -144px; }
.summary-control .launch { background-position: -96px -144px; }
.summary-control .pull { background-position: -120px -144px; }
.summary-control .sink { background-position: -144px -144px; }
.summary-control .stun { background-position: -168px -144px; }

.summary-control.daze .daze { background-position: 0px -168px; }
.summary-control.float .float { background-position: -24px -168px; }
.summary-control.knockback .knockback { background-position: -48px -168px; }
.summary-control.knockdown .knockdown { background-position: -72px -168px; }
.summary-control.launch .launch { background-position: -96px -168px; }
.summary-control.pull .pull { background-position: -120px -168px; }
.summary-control.sink .sink { background-position: -144px -168px; }
.summary-control.stun .stun { background-position: -168px -168px; }

.summary-control.daze .daze:hover { background-position: 0px -192px; cursor: pointer; }
.summary-control.float .float:hover { background-position: -24px -192px; cursor: pointer; }
.summary-control.knockback .knockback:hover { background-position: -48px -192px; cursor: pointer; }
.summary-control.knockdown .knockdown:hover { background-position: -72px -192px; cursor: pointer; }
.summary-control.launch .launch:hover { background-position: -96px -192px; cursor: pointer; }
.summary-control.pull .pull:hover { background-position: -120px -192px; cursor: pointer; }
.summary-control.sink .sink:hover { background-position: -144px -192px; cursor: pointer; }
.summary-control.stun .stun:hover { background-position: -168px -192px; cursor: pointer; }

/* Auras */
.summary-auras .fire_aura { background-position: 0px -288px; }
.summary-auras .frost_aura { background-position: -24px -288px; }
.summary-auras .shocking_aura { background-position: -48px -288px; }
.summary-auras .magnetic_aura { background-position: -72px -288px; }
.summary-auras .light_aura { background-position: -96px -288px; }
.summary-auras .chaos_aura { background-position: -120px -288px; }
.summary-auras .dark_aura { background-position: -144px -288px; }

.summary-auras.fire_aura .fire_aura { background-position: 0px -312px; }
.summary-auras.frost_aura .frost_aura { background-position: -24px -312px; }
.summary-auras.shocking_aura .shocking_aura { background-position: -48px -312px; }
.summary-auras.magnetic_aura .magnetic_aura { background-position: -72px -312px; }
.summary-auras.light_aura .light_aura { background-position: -96px -312px; }
.summary-auras.chaos_aura .chaos_aura { background-position: -120px -312px; }
.summary-auras.dark_aura .dark_aura { background-position: -144px -312px; }

.summary-auras.fire_aura .fire_aura:hover { background-position: 0px -336px; cursor: pointer; }
.summary-auras.frost_aura .frost_aura:hover { background-position: -24px -336px; cursor: pointer; }
.summary-auras.shocking_aura .shocking_aura:hover { background-position: -48px -336px; cursor: pointer; }
.summary-auras.magnetic_aura .magnetic_aura:hover { background-position: -72px -336px; cursor: pointer; }
.summary-auras.light_aura .light_aura:hover { background-position: -96px -336px; cursor: pointer; }
.summary-auras.chaos_aura .chaos_aura:hover { background-position: -120px -336px; cursor: pointer; }
.summary-auras.dark_aura .dark_aura:hover { background-position: -144px -336px; cursor: pointer; }

/* Misc */
.summary-misc .barrier { background-position: -192px -144px; }
.summary-misc .breaks_stun { background-position: -216px -144px; }
.summary-misc .healing { background-position: -240px -144px; }
.summary-misc .stealth { background-position: -264px -144px; }
.summary-misc .superspeed { background-position: -288px -144px; }
.summary-misc .teleport { background-position: -312px -144px; }
.summary-misc .evade { background-position: -336px -144px; }

.summary-misc.barrier .barrier { background-position: -192px -168px; }
.summary-misc.breaks_stun .breaks_stun { background-position: -216px -168px; }
.summary-misc.healing .healing { background-position: -240px -168px; }
.summary-misc.stealth .stealth { background-position: -264px -168px; }
.summary-misc.superspeed .superspeed { background-position: -288px -168px; }
.summary-misc.teleport .teleport { background-position: -312px -168px; }
.summary-misc.evade .evade { background-position: -336px -168px; }

.summary-misc.barrier .barrier:hover { background-position: -192px -192px; cursor: pointer; }
.summary-misc.breaks_stun .breaks_stun:hover { background-position: -216px -192px; cursor: pointer; }
.summary-misc.healing .healing:hover { background-position: -240px -192px; cursor: pointer; }
.summary-misc.stealth .stealth:hover { background-position: -264px -192px; cursor: pointer; }
.summary-misc.superspeed .superspeed:hover { background-position: -288px -192px; cursor: pointer; }
.summary-misc.teleport .teleport:hover { background-position: -312px -192px; cursor: pointer; }
.summary-misc.evade .evade:hover { background-position: -336px -192px; cursor: pointer; }

/* Combo */
.summary-combo .blast { background-position: 0px -216px; }
.summary-combo .dark { background-position: -24px -216px; }
.summary-combo .ethereal { background-position: -48px -216px; }
.summary-combo .fire { background-position: -72px -216px; }
.summary-combo .ice { background-position: -96px -216px; }
.summary-combo .leap { background-position: -120px -216px; }
.summary-combo .light { background-position: -144px -216px; }
.summary-combo .lightning { background-position: -168px -216px; }
.summary-combo .physical_projectile { background-position: -192px -216px; }
.summary-combo .poison { background-position: -216px -216px; }
.summary-combo .smoke { background-position: -240px -216px; }
.summary-combo .water { background-position: -264px -216px; }
.summary-combo .whirl { background-position: -288px -216px; }

.summary-combo.blast .blast { background-position: 0px -240px; }
.summary-combo.dark .dark { background-position: -24px -240px; }
.summary-combo.ethereal .ethereal { background-position: -48px -240px; }
.summary-combo.fire .fire { background-position: -72px -240px; }
.summary-combo.ice .ice { background-position: -96px -240px; }
.summary-combo.leap .leap { background-position: -120px -240px; }
.summary-combo.light .light { background-position: -144px -240px; }
.summary-combo.lightning .lightning { background-position: -168px -240px; }
.summary-combo.physical_projectile .physical_projectile { background-position: -192px -240px; }
.summary-combo.poison .poison { background-position: -216px -240px; }
.summary-combo.smoke .smoke { background-position: -240px -240px; }
.summary-combo.water .water { background-position: -264px -240px; }
.summary-combo.whirl .whirl { background-position: -288px -240px; }

.summary-combo.blast .blast:hover { background-position: 0px -264px; cursor: pointer; }
.summary-combo.dark .dark:hover { background-position: -24px -264px; cursor: pointer; }
.summary-combo.ethereal .ethereal:hover { background-position: -48px -264px; cursor: pointer; }
.summary-combo.fire .fire:hover { background-position: -72px -264px; cursor: pointer; }
.summary-combo.ice .ice:hover { background-position: -96px -264px; cursor: pointer; }
.summary-combo.leap .leap:hover { background-position: -120px -264px; cursor: pointer; }
.summary-combo.light .light:hover { background-position: -144px -264px; cursor: pointer; }
.summary-combo.lightning .lightning:hover { background-position: -168px -264px; cursor: pointer; }
.summary-combo.physical_projectile .physical_projectile:hover { background-position: -192px -264px; cursor: pointer; }
.summary-combo.poison .poison:hover { background-position: -216px -264px; cursor: pointer; }
.summary-combo.smoke .smoke:hover { background-position: -240px -264px; cursor: pointer; }
.summary-combo.water .water:hover { background-position: -264px -264px; cursor: pointer; }
.summary-combo.whirl .whirl:hover { background-position: -288px -264px; cursor: pointer; }



/* Qlink */
.ui-qlink .code-type { width: 50px; height: 50px; border: none; display: block; float: left; margin: 0; padding: 0; margin-left: 80px; }
.ui-qlink .code-type li { display: block; box-sizing: border-box; width: 50px; height: 25px; background-color: #ffffff; background-position: 5000px 5000px; border: solid 1px #6d7875; border-right: none; }
.ui-qlink .code-type li::after { display: block; content: ""; margin: 0 auto; width: 32px; height: 24px; }
.ui-qlink .qlink-tcode { float: left; border: solid 1px #6d7875; border-left: none; border-right: none; box-sizing: border-box; width: 650px; height: 50px; background-color: #ffffff; color: #900000; }
.ui-qlink .qlink-tcode textarea { border: none; box-sizing: border-box; width: 650px; height: 46px; background-color: #ffffff; color: #900000; font-family: OpenSans, sans-serif; font-size: 11px; padding: 5px 10px; line-height: 16px; resize: none; margin: 1px 0; }
.ui-qlink .qlink-tcode textarea:hover, .ui-qlink .qlink-tcode textarea:focus { outline: none; }
.ui-qlink .blue-buttons { width: 32px; height: 50px; display: block; float: left; margin: 0; padding: 0; }
.ui-qlink .qlink-button { float: right; display: block; width: 180px; height: 50px; background: 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: .95; }
.ui-qlink .qlink-button:hover { color: #ffffff; cursor: pointer; opacity: 1; }
.ui-qlink.empty .blue-buttons .copy, .ui-qlink.empty .blue-buttons .copy:hover { background-position: -1152px -96px !important; cursor: default !important; }

.ui-qlink .code-type .qlink-code { border-bottom: none; }
.ui-qlink .code-type .qlink-code::after { background-position: -1248px -133px; }
.ui-qlink .code-type .chatlink-code { border-top: solid 1px #373c3e; border-right: solid 1px #373c3e; background-color: #6d7875; }
.ui-qlink .code-type .chatlink-code::after  { background-position: -1248px -164px; opacity: .8; }
.ui-qlink .code-type .chatlink-code:hover { cursor: pointer; }
.ui-qlink .code-type .chatlink-code:hover::after { opacity: 1; }

.ui-qlink.chatlink .code-type .qlink-code { border-bottom: solid 1px #373c3e; border-right: solid 1px #373c3e; background-color: #6d7875; }
.ui-qlink.chatlink .code-type .qlink-code::after { background-position: -1248px -101px; opacity: .8; }
.ui-qlink.chatlink .code-type .qlink-code:hover { cursor: pointer; }
.ui-qlink.chatlink .code-type .qlink-code:hover::after { opacity: 1; }
.ui-qlink.chatlink .code-type .chatlink-code { border: solid 1px #6d7875; border-top: none; border-right: none; background-color: #ffffff; }
.ui-qlink.chatlink .code-type .chatlink-code::after  { background-position: -1248px -196px; opacity: 1; }
.ui-qlink.chatlink .code-type .chatlink-code:hover { cursor: default; }


/* Main menu - Core */
.editor-menu { box-sizing: border-box; width: auto; height: auto; border: solid 2px #000000; box-shadow: -1px -1px 3px rgba(255,255,255,0.5), 1px -1px 3px rgba(255,255,255,0.5), 2px 2px 3px rgba(0,0,0,0.4); position: absolute; top: 22px; left: 0; z-index: 5; display: none; }
.editor-menu::before { content: ''; display: block; width: 100%; height: 100%; background: url("/editor/img.gw2skills.net/bg/show-info.jpg") 0 0; position: relative; top: 0; left: 0; opacity: .98; }
.editor-menu .menu-header .menu-close, .editor-menu .menu-header .menu-title, .editor-menu .menu-header .menu-prw-title,
.editor-menu .menu-filter, .editor-menu .menu-filter .group, .editor-menu .menu-filter .finder { position: absolute; top: 0; left: 0; display: none; }
.editor-menu .menu-header, .editor-menu .menu-content { position: absolute; top: 0; left: 0; display: block; width: 100%; }
.editor-menu .menu-header .menu-close { float: right; background-position: -672px 0px; width: 16px; height: 16px; position: relative; margin: 3px 5px; }
.editor-menu .menu-header .menu-close:hover { cursor: pointer; background-position: -672px -16px; }

.editor-menu .menu-header .menu-title { font-weight: 500; font-size: 14px; color: #fee0ad; width: 100%; text-align: center; margin: 5px 0; }
.editor-menu .menu-header .menu-prw-title { font-weight: 500; font-size: 12px; text-transform: uppercase; color: #ffffff; width: 100%; text-align: left; margin: 0 0 5px 0; }

.editor-menu .menu-filter, .editor-menu .menu-filter .group { cursor: default !important; box-sizing: border-box; }
.editor-menu .menu-filter, .editor-menu .menu-filter .group li { float: left; box-sizing: border-box; opacity: .5; width: 32px; height: 32px; margin: 0; padding: 0; }
.editor-menu .menu-filter, .editor-menu .menu-filter .group li:hover { cursor: pointer; opacity: .7; }
.editor-menu .menu-filter, .editor-menu .menu-filter .group li.selected, .editor-menu .menu-filter, .editor-menu .menu-filter .group li.selected:hover { opacity: 1; }

.editor-menu .menu-filter .finder { margin: 0; padding: 0; width: 100%; height: 32px; }
.editor-menu .menu-filter .finder li { position: absolute; top: 0; display: block; margin: 0; padding: 0; box-sizing: border-box; }
.editor-menu .menu-filter .finder .selector { display: block; width: 75%; height: 32px; left: 0; padding: 8px 6px; }
.editor-menu .menu-filter .finder .search { display: none; box-sizing: border-box; width: 75%; height: 32px; left: 0; padding: 6px; }
.editor-menu .menu-filter .finder .selector select,
.editor-menu .menu-filter .finder .search input { width: 100%; height: 24px; box-sizing: border-box; border: none; border-bottom: solid 1px #000000; }
.editor-menu .menu-filter .finder .search input { margin-top: 2px; }
.editor-menu .menu-filter .finder .search input:-moz-placeholder { color: #ffffff; }
.editor-menu .menu-filter .finder .search input::-webkit-input-placeholder { color: #ffffff; }
.editor-menu .menu-filter .finder .selector select,
.editor-menu .menu-filter .finder .selector select option,
.editor-menu .menu-filter .finder .search input { background-color: #404d51; color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,.3); padding: 0px 4px; font-size: 12px; }
.editor-menu .menu-filter .finder .selector select:disabled { opacity: .4; }
.editor-menu .menu-filter .finder .finder-button { width: 32px; height: 32px; display: block; border-left: solid 1px #64696c; right: 0; }
.editor-menu .menu-filter .finder .finder-button .ui-ico32 { width: 16px; height: 16px; display: inline-block; background-position: -640px -32px; position: relative; top: 8px; left: 8px; }
.editor-menu .menu-filter .finder .finder-button:hover { cursor: pointer; }
.editor-menu .menu-filter .finder .finder-button:hover .ui-ico32 { background-position: -640px -48px; }


.editor-menu .menu-content .menu-top { float: left; box-sizing: border-box; margin: 15px 0; }
.editor-menu .menu-content .menu-top:nth-child(1) { margin-left: 14px; }
.editor-menu .menu-content .menu-top:nth-child(2) { margin-left: 11px; }
.editor-menu .menu-content .menu-top:nth-child(3) { margin-left: 3px; }
.editor-menu .menu-content .menu-top:nth-child(4) { margin-left: 16px; }
.editor-menu .menu-content .menu-top:nth-child(5) { margin-left: 80px; }
.editor-menu .menu-content .menu-top:nth-child(6) { margin-left: 8px; }
.editor-menu .menu-content .menu-top:nth-child(7) { margin-left: 68px; }
.editor-menu .menu-content .menu-top:nth-child(8) { margin-left: 8px; }

.editor-menu .menu-selector { display: none; cursor: pointer; }


/* PRW */
.editor-menu.prw-full { display: block; width: 600px; height: 410px; }
.editor-menu.prw-full .menu-header .menu-close { display: block; }
.editor-menu.prw-full .menu-header .menu-prw-title { display: block; box-sizing: border-box; width: 570px; height: 25px; }
.editor-menu.prw-full .menu-header .menu-prw-title span { float: left; }
.editor-menu.prw-full .menu-header .menu-prw-title .menu-button { width: 32px; height: 22px; background-position: -192px 5px; margin: -1px 0 0 1px; }

.editor-menu.prw-full .menu-header .menu-prw-title span:nth-child(2) { width: 225px; text-align: center; margin-top: 3px; }
.editor-menu.prw-full .menu-header .menu-prw-title span:nth-child(3) { width: 120px; text-align: center; margin-top: 3px; margin-left: 30px; }
.editor-menu.prw-full .menu-header .menu-prw-title span:nth-child(4) { width: 120px; text-align: center; margin-top: 3px; margin-left: 20px; }

.editor-menu.prw-full .menu-content { width: 535px; top: 20px; }
.editor-menu.prw-full .menu-content .apply-button { display: block; width: 160px; height: 32px; box-sizing: border-box; border: solid 1px #545a5d; background-color: #2d3537; font-size: 12px; color: #545a5d; text-transform: uppercase; font-weight: 500; text-align: center; line-height: 30px; text-shadow: 1px 1px 1px rgba(0,0,0,.5); position: absolute; top: 340px; right: -15px; }
.ui-ico32.apply-button { background-position: -736px -96px !important; color: #fef0cd !important; border: none !important; line-height: 32px !important; opacity: .92; }
.ui-ico32.apply-button:hover { color: #ffffff !important; cursor: pointer; opacity: 1; }

.editor-menu.prw-full .menu-content .menu-top:nth-child(1)::after { display: block; width: 1px; height: 350px; background-color: #a6a9aa; top: -19px; left: 262px; content: ''; position: absolute; }

.editor-menu.prw-full .menu-content .menu-top:nth-child(1) { margin-left: 16px; }
.editor-menu.prw-full .menu-content .menu-top:nth-child(2) { margin-left: 11px; }
.editor-menu.prw-full .menu-content .menu-top:nth-child(3) { margin-left: 3px; }
.editor-menu.prw-full .menu-content .menu-top:nth-child(4) { margin-left: 3px; }
.editor-menu.prw-full .menu-content .menu-top:nth-child(5) { margin-left: 3px; }
.editor-menu.prw-full .menu-content .menu-top:nth-child(6) { margin-left: 16px; }
.editor-menu.prw-full .menu-content .menu-top:nth-child(7) { margin-left: 70px; }
.editor-menu.prw-full .menu-content .menu-top:nth-child(8) { margin-left: 8px; }
.editor-menu.prw-full .menu-content .menu-top:nth-child(9) { margin-left: 68px; }
.editor-menu.prw-full .menu-content .menu-top:nth-child(10) { margin-left: 8px; }

.editor-menu.prw-full.y10 { height: 445px; }
.editor-menu.prw-full.y10 .menu-content .apply-button { top: 375px; }
.editor-menu.prw-full.y10 .menu-content .menu-top:nth-child(1)::after { height: 385px; }
.editor-menu.prw-full.y11 { height: 480px; }
.editor-menu.prw-full.y11 .menu-content .apply-button { top: 410px; }
.editor-menu.prw-full.y11 .menu-content .menu-top:nth-child(1)::after { height: 420px; }
.editor-menu.prw-full.y12 { height: 515px; }
.editor-menu.prw-full.y12 .menu-content .apply-button { top: 445px; }
.editor-menu.prw-full.y12 .menu-content .menu-top:nth-child(1)::after { height: 455px; }


.editor-menu .menu-content .menu-top li { display: block; width: 32px; height: 32px; position: relative; box-sizing: border-box; text-indent: -9999px; margin-bottom: 3px; cursor: pointer; }
.editor-menu .menu-content .menu-top li::before { display: block; width: 32px; height: 32px; position: absolute; top: 0; content: ""; z-index: 6; }
.editor-menu .menu-content .menu-top .ui-ico32 { }
.editor-menu .menu-content .menu-top .ui-ico32::before { background-position: -704px -96px; opacity: .55; }
.editor-menu .menu-content .menu-top .ui-ico32::after { display: block; width: 32px; height: 32px; position: absolute; top: 0; background-position: 32px 32px; z-index: 7; content: ""; opacity: .55; }
.editor-menu .menu-content .menu-top .ui-ico32:hover::before, .editor-menu .menu-content .menu-top .ui-ico32:hover::after { opacity: 1; }

.editor-menu .menu-content .menu-top.blocked li { cursor: default !important; }
.editor-menu .menu-content .menu-top.blocked .ui-ico32::before, .editor-menu .menu-content .menu-top.blocked .ui-ico32::after,
.editor-menu .menu-content .menu-top.blocked .ui-ico32:hover::before, .editor-menu .menu-content .menu-top.blocked .ui-ico32:hover::after { opacity: .2; }

.editor-menu .menu-content .menu-top .ui-ico32.choosed::before { background-position: -160px 0; content: ''; }
.editor-menu .menu-content .menu-top .ui-ico32.choosed::before, .editor-menu .menu-content .menu-top .ui-ico32.choosed::after,
.editor-menu .menu-content .menu-top .ui-ico32.choosed:hover::before, .editor-menu .menu-content .menu-top .ui-ico32.choosed:hover::after { opacity: 1; }

.editor-menu .menu-content .menu-top .ui-ico32.unknown,
.editor-menu .menu-content .menu-top .ui-ico32.unknown::before, .editor-menu .menu-content .menu-top .ui-ico32.unknown::after { opacity: .4 !important; }
.editor-menu .menu-content .menu-top .ui-ico32.unknown:hover,
.editor-menu .menu-content .menu-top .ui-ico32.unknown:hover::before, .editor-menu .menu-content .menu-top .ui-ico32.unknown:hover::after { cursor: default !important; opacity: .4; }


/* RAW */
.editor-menu.row-menu { height: 45px; top: 48px; min-width: 100px; }
.editor-menu.row-menu .menu-header .menu-close { display: block; }
.editor-menu.row-menu .menu-header .menu-title { display: block; box-sizing: border-box; width: 46px; height: 41px; }
.editor-menu.row-menu .menu-content { border-left: solid 1px #a6a9aa; margin: 0 0 0 46px; padding: 4px 10px; }
.editor-menu.row-menu .menu-content .menu-top { margin: 0; display: inline-block; }
.editor-menu.row-menu .menu-content .menu-top li { float: left; margin-right: 3px; }

/* Profession - RAW */
.editor-menu.prof { width: 410px; height: 200px; }
.editor-menu.prof .menu-content { width: 315px; }
.editor-menu.prof .menu-content .menu-top:nth-child(2) { margin-top: 8px; }

/* Race - RAW */
.editor-menu.race { width: 270px; }
.editor-menu.race .menu-content { width: 175px; }

/* xN - RAW */
.editor-menu.x2  { width: 165px; }
.editor-menu.x2 .menu-content { width: 70px; }
.editor-menu.x3  { width: 200px; }
.editor-menu.x3 .menu-content  { width: 105px; }
.editor-menu.x4  { width: 235px; }
.editor-menu.x4 .menu-content  { width: 140px; }
.editor-menu.x5  { width: 270px; }
.editor-menu.x5 .menu-content  { width: 175px; }
.editor-menu.x6  { width: 305px; }
.editor-menu.x6 .menu-content  { width: 210px; }
.editor-menu.x7  { width: 340px; }
.editor-menu.x7 .menu-content  { width: 245px; }
.editor-menu.x8  { width: 375px; }
.editor-menu.x8 .menu-content  { width: 280px; }
.editor-menu.x9  { width: 410px; }
.editor-menu.x9 .menu-content  { width: 315px; }
.editor-menu.x10 { width: 445px; }
.editor-menu.x10 .menu-content { width: 350px; }
.editor-menu.x11 { width: 480px; }
.editor-menu.x11 .menu-content { width: 385px; }
.editor-menu.x12 { width: 515px; }
.editor-menu.x12 .menu-content { width: 420px; }

/* SKILLS */
.editor-menu.skill-menu { height: 105px; min-width: 200px; }
.editor-menu.skill-menu .menu-header .menu-close { display: block; }
.editor-menu.skill-menu .menu-header .menu-title { display: block; }
.editor-menu.skill-menu .menu-content { margin-top: 35px; width: 100%; }
.editor-menu.skill-menu .menu-content .menu-skill { box-sizing: border-box; padding-left: 8px; }
.editor-menu.skill-menu .menu-content .menu-skill li { float: left; display: block; width: 50px; height: 50px; box-sizing: border-box; border: solid 1px #000000; margin: 0 0 3px 3px; opacity: .93; }
.editor-menu.skill-menu .menu-content .menu-skill li.choosed { border-color: #f0f0f0; opacity: .4; }
.editor-menu.skill-menu .menu-content .menu-skill li img { display: block; width: 48px; height: 48px; margin: 0; padding: 0; }
.editor-menu.skill-menu .menu-content .menu-skill li:hover { border-color: #ffc621; cursor: pointer; opacity: 1; }
.editor-menu.skill-menu .menu-content .menu-skill li.choosed:hover { opacity: .6; }

.editor-menu.skill-menu .menu-selector { display: block; width: 68px; height: 18px; background-color: #212629; margin: 0 auto; }
.editor-menu.skill-menu .menu-selector::after { display: block; content: ''; width: 15px; height: 15px; background-position: -656px -16px; position: relative; left: 50px; top: 3px; }
.editor-menu.skill-menu.steal .menu-selector,
.editor-menu.skill-menu.artifact .menu-selector,
.editor-menu.skill-menu.morph .menu-selector,
.editor-menu.skill-menu.legend .menu-selector { width: 52px; }
.editor-menu.skill-menu.steal .menu-selector::after,
.editor-menu.skill-menu.artifact .menu-selector::after,
.editor-menu.skill-menu.morph .menu-selector::after,
.editor-menu.skill-menu.legend .menu-selector::after { left: 34px; }

.editor-menu.skill-menu.familiar .menu-selector { width: 60px; }
.editor-menu.skill-menu.familiar .menu-selector::after { left: 42px; }


.editor-menu.skill-menu.x4, .editor-menu.skill-menu.x4 .menu-content { width: 235px; }
.editor-menu.skill-menu.x5, .editor-menu.skill-menu.x5 .menu-content { width: 288px; }
.editor-menu.skill-menu.x6, .editor-menu.skill-menu.x6 .menu-content { width: 341px; }
.editor-menu.skill-menu.x7, .editor-menu.skill-menu.x7 .menu-content { width: 394px; }
.editor-menu.skill-menu.x8, .editor-menu.skill-menu.x8 .menu-content { width: 447px; }
.editor-menu.skill-menu.x9, .editor-menu.skill-menu.x9 .menu-content { width: 954px; }
.editor-menu.skill-menu.y2 { height: 158px; }
.editor-menu.skill-menu.y3 { height: 211px; }
.editor-menu.skill-menu.y4 { height: 264px; }

.editor-menu.skill-menu.util .menu-skill { position: relative; }
.editor-menu.skill-menu.util .menu-skill li { position: absolute; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(4n+1) { top: 0; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(4n+2) { top: 53px; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(4n+3) { top: 106px; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(4n+4) { top: 159px; }

.editor-menu.skill-menu.util .menu-skill li:nth-child(n+5) { left: 60px; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(n+9) { left: 113px; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(n+13) { left: 166px; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(n+17) { left: 219px; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(n+21) { left: 272px; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(n+25) { left: 325px; }
.editor-menu.skill-menu.util .menu-skill li:nth-child(n+29) { left: 378px; }

.editor-menu.skill-menu.steal .menu-top { margin-top: 0; }
.editor-menu.skill-menu.steal .menu-top li { float: left; margin-right: 3px; margin-bottom: 3px; }
.editor-menu.skill-menu.steal { height: 120px; }

.editor.revenant .editor-menu.skill-menu.util .menu-skill li { position: relative; float: left; top: 0; left: 0; }


/* Mastery */
.editor-menu.mastery { width: 200px; height: 100px; }
.editor-menu.mastery .menu-content { width: 160px; height: 60px; margin: 38px 0 0 14px; padding: 0 0 0 4px; }
.editor-menu.mastery .menu-content ul { display: block; height: 59px; width: 160px; overflow: hidden; }
.editor-menu.mastery .menu-content li { float: left; display: block; width: 50px; height: 50px; box-sizing: border-box; margin: 0 3px 3px 0; border: solid 1px #000000; }
.editor-menu.mastery .menu-content li:hover { cursor: pointer; border-color: #ffc621; }
.editor-menu.mastery .menu-content li img { border: none; width: 48px; height: 48px; opacity: .92; }
.editor-menu.mastery .menu-content li:hover img { opacity: 1; }
.editor-menu.mastery .menu-selector { display: block; width: 36px; height: 4px; background-color: #000000; margin: 0 auto; }
.editor-menu.mastery .menu-selector::after { display: none; }

/* Jade Bot Module */
.editor-menu.jbmodule { width: 310px; height: 180px; }
.editor-menu.jbmodule .menu-content { width: 280px; height: 140px; margin: 38px 0 0 14px; padding: 0 0 0 4px; }
.editor-menu.jbmodule .menu-content ul { display: block; height: 139px; width: 280px; overflow: hidden; }
.editor-menu.jbmodule .menu-content li { float: left; display: block; width: 50px; height: 50px; box-sizing: border-box; margin: 0 3px 3px 0; border: solid 1px #000000; }
.editor-menu.jbmodule .menu-content li:hover { cursor: pointer; border-color: #ffc621; }
.editor-menu.jbmodule .menu-content li img { border: none; width: 48px; height: 48px; opacity: .92; }
.editor-menu.jbmodule .menu-content li:hover img { opacity: 1; }
.editor-menu.jbmodule .menu-selector { display: block; width: 60px; height: 4px; background-color: #000000; margin: 0 auto; }
.editor-menu.jbmodule .menu-selector::after { display: none; }


/* Generic menu */
.editor-menu.group-menu { min-width: 200px; }
.editor-menu.group-menu .menu-header::after { content: ''; display: block; height: 1px; background-color: #ffffff; box-sizing: border-box; margin: 38px 4px 0 4px; }
.editor-menu.group-menu .menu-header .menu-close { display: block; }
.editor-menu.group-menu .menu-filter, .editor-menu.group-menu .menu-filter .group { display: block; }
.editor-menu.group-menu .menu-content { width: 100%; display: block; }

.editor-menu.group-menu .menu-filter { width: 90%; box-sizing: border-box; margin: 4px 0 0 4px; }
.editor-menu.group-menu .menu-filter .group { width: 100%; }
.editor-menu.group-menu .menu-filter .group li { }


/* EQ */
.editor-menu.equip { width: 340px; height: 245px; }
.editor-menu.equip .menu-content { width: 320px; height: 160px; margin: 78px 0 0 4px; padding: 0 0 0 4px; }
.editor-menu.equip .menu-content ul { display: block; height: 159px; width: 320px; overflow: hidden; }
.editor-menu.equip .menu-content li { float: left; display: block; width: 50px; height: 50px; box-sizing: border-box; margin: 0 3px 3px 0; border: solid 1px #000000; }
.editor-menu.equip .menu-content li:hover { cursor: pointer; border-color: #ffc621; }
.editor-menu.equip .menu-content li img { border: none; width: 48px; height: 48px; opacity: .92; }
.editor-menu.equip .menu-content li:hover img { opacity: 1; }

.editor-menu.equip .menu-content li.profil { background-position: -1088px -32px; }
.editor-menu.equip .menu-content li.profil::before { width: 32px; height: 32px; margin: 0px; background-position: -616px -168px; content: ""; display: block; }
.editor-menu.equip .menu-content li.profil::after { box-sizing: border-box; display: block; width: 48px; height: 48px; content: ""; margin-top: -32px; border-bottom: solid 3px #d0d0d0; }

.editor-menu.equip .menu-content .search-list li.profil::before, .editor-menu.equip .menu-content .search-list li.profil::before { content: none; }

.editor-menu.equip .menu-content .profil.com::after, .editor-menu.equip .menu-content .profil.com:hover,
.editor-menu.equip .menu-content .search-list .li-ico.profil.com::before { border-color: #ffffff; }
.editor-menu.equip .menu-content .profil.fin::after, .editor-menu.equip .menu-content .profil.fin:hover,
.editor-menu.equip .menu-content .search-list .li-ico.profil.fin::before { border-color: #4f9dfe; }
.editor-menu.equip .menu-content .profil.mas::after, .editor-menu.equip .menu-content .profil.mas:hover,
.editor-menu.equip .menu-content .search-list .li-ico.profil.mas::before { border-color: #2dc50e; }
.editor-menu.equip .menu-content .profil.rar::after, .editor-menu.equip .menu-content .profil.rar:hover,
.editor-menu.equip .menu-content .search-list .li-ico.profil.rar::before { border-color: #ffe51f; }
.editor-menu.equip .menu-content .profil.exo::after, .editor-menu.equip .menu-content .profil.exo:hover,
.editor-menu.equip .menu-content .search-list .li-ico.profil.exo::before { border-color: #fda500; }
.editor-menu.equip .menu-content .profil.asc::after, .editor-menu.equip .menu-content .profil.asc:hover,
.editor-menu.equip .menu-content .search-list .li-ico.profil.asc::before { border-color: #ff4484; }
.editor-menu.equip .menu-content .profil.leg::after, .editor-menu.equip .menu-content .profil.leg:hover,
.editor-menu.equip .menu-content .search-list .profil.leg::before { border-color: #a02ef7; }


.editor-menu.equip .menu-content .search-list { height: 160px; }
.editor-menu.equip .menu-content .search-list li { width: 310px; height: 40px; margin: 0; padding: 0; border: none; background: url(/editor/img.gw2skills.net/editor/UI/bg/search-list-li.png) 0 0 no-repeat; }
.editor-menu.equip .menu-content .search-list li span { box-sizing: border-box; display: block; float: left; }
.editor-menu.equip .menu-content .search-list li .li-ico { width: 34px; height: 34px; padding: 0px; margin: 3px 5px; border: solid 1px #000000; }
.editor-menu.equip .menu-content .search-list li .li-ico img { width: 32px; height: 32px; padding: 0; margin: 0; }
.editor-menu.equip .menu-content .search-list li .li-text { color: #ffffff; padding-left: 5px; width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 40px; text-shadow: 2px 2px 1px rgba(0,0,0,.5); }
.editor-menu.equip .menu-content .search-list li:hover {}
.editor-menu.equip .menu-content .search-list li:hover .li-ico { border-color: #ffc621; }
.editor-menu.equip .menu-content .search-list li:hover .li-text { color: #ffc621; }

.editor-menu.equip .menu-content .search-list .empty { color: #e0e0e0; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 44px; text-shadow: 1px 1px 1px rgba(0,0,0,.7); font-style: italic; }
.editor-menu.equip .menu-content .search-list .empty:hover { cursor: default; }

.editor-menu.equip .menu-content .search-list .li-ico.profil { width: 33px; height: 33px; border: none; margin: 0 5px 0 0; }
.editor-menu.equip .menu-content .search-list .li-ico.profil::before { display: block; width: 30px; height: 3px; box-sizing: border-box; border: none; border-bottom: solid 3px #000000; content: ''; background: none !important; margin: 34px 0 0 3px; }

.editor-menu.equip .menu-selector { display: block; width: 60px; height: 4px; background-color: #000000; margin: 0 auto; }
.editor-menu.equip.up .menu-selector { width: 36px; }
.editor-menu.equip.inf .menu-selector { width: 28px; }
.editor-menu.equip.v-invert .menu-selector { margin-top: -247px; }
.editor-menu.equip.x-invert .menu-selector { margin-left: 103px; }

.editor-menu.equip .menu-filter .finder { display: block; top: 35px; width: 330px; }
.editor-menu.equip .menu-filter .finder .selector { width: 290px; }
.editor-menu.equip .menu-filter .finder .search { width: 290px; }
.editor-menu.equip .menu-filter .finder .finder-button { }

.editor-menu.equip.search .menu-filter .finder .selector { display: none; }
.editor-menu.equip.search .menu-filter .finder .search { display: block; }
.editor-menu.equip.search .menu-filter .finder .finder-button .ui-ico32 { background-position: -656px -32px; }
.editor-menu.equip.search .menu-filter .finder .finder-button:hover .ui-ico32 { background-position: -656px -48px; }


.editor-menu.equip .menu-filter .group { }
.editor-menu.equip .menu-filter .group li { width: 30px; height: 30px; margin-top: -3px; }
.editor-menu.equip .menu-filter .group li::before { display: block; box-sizing: border-box; content: ""; width: 32px; height: 16px; margin-top: 16px; }

.editor-menu.equip .menu-filter .group .com::before { background-position: -416px -32px; }
.editor-menu.equip .menu-filter .group .fin::before { background-position: -448px -32px; }
.editor-menu.equip .menu-filter .group .mas::before { background-position: -480px -32px; }
.editor-menu.equip .menu-filter .group .rar::before { background-position: -512px -32px; }
.editor-menu.equip .menu-filter .group .exo::before { background-position: -544px -32px; }
.editor-menu.equip .menu-filter .group .asc::before { background-position: -576px -32px; }
.editor-menu.equip .menu-filter .group .leg::before { background-position: -608px -32px; }

.editor-menu.equip .menu-filter .group .lvl-80::before { background-position: -448px -32px; }
.editor-menu.equip .menu-filter .group .lvl-60::before { background-position: -416px -48px; }
.editor-menu.equip .menu-filter .group .lvl-40::before { background-position: -448px -48px; }
.editor-menu.equip .menu-filter .group .lvl-20::before { background-position: -480px -48px; }
.editor-menu.equip .menu-filter .group .lvl-0::before  { background-position: -512px -48px; }

.editor-menu.equip .menu-filter .group li::after { display: block; box-sizing: border-box; content: ""; width: 32px; height: 32px; margin-top: -32px; }
.editor-menu.equip .menu-filter .group .w::after,
.editor-menu.equip .menu-filter .group .sharpen::after { background-position: 0px -32px; }
.editor-menu.equip .menu-filter .group .helm::after,
.editor-menu.equip .menu-filter .group .shoulders::after,
.editor-menu.equip .menu-filter .group .coat::after,
.editor-menu.equip .menu-filter .group .gloves::after,
.editor-menu.equip .menu-filter .group .leggings::after,
.editor-menu.equip .menu-filter .group .boots::after,
.editor-menu.equip .menu-filter .group .back::after { background-position: -32px -32px; }
.editor-menu.equip .menu-filter .group .amulet::after,
.editor-menu.equip .menu-filter .group .ring::after,
.editor-menu.equip .menu-filter .group .earring::after,
.editor-menu.equip .menu-filter .group .crystal::after { background-position: -64px -32px; }
.editor-menu.equip .menu-filter .group .sigil::after { background-position: -96px -32px; }
.editor-menu.equip .menu-filter .group .rune::after { background-position: -128px -32px; }
.editor-menu.equip .menu-filter .group .jewel::after { background-position: -160px -32px; }
.editor-menu.equip .menu-filter .group .gemstone::after { background-position: -192px -32px; }
.editor-menu.equip .menu-filter .group .crest::after { background-position: -224px -32px; }
.editor-menu.equip .menu-filter .group .infusion::after,
.editor-menu.equip .menu-filter .group .enrichment::after { background-position: -256px -32px; }
.editor-menu.equip .menu-filter .group .food::after { background-position: -288px -32px; }
.editor-menu.equip .menu-filter .group .oil::after { background-position: -320px -32px; }
.editor-menu.equip .menu-filter .group .doubloon::after { background-position: -352px -32px; }
.editor-menu.equip .menu-filter .group .writ::after { background-position: -384px -32px; }
.editor-menu.equip .menu-filter .group .enhancement::after { background-position: -1152px -32px; }
.editor-menu.equip .menu-filter .group .relic::after { background-position: -1184px -32px; }

.editor-menu.equip .menu-filter .group .lvl-60::before,
.editor-menu.equip .menu-filter .group .lvl-40::before,
.editor-menu.equip .menu-filter .group .lvl-20::before,
.editor-menu.equip .menu-filter .group .lvl-0::before  { margin-top: 19px; }

.editor-menu.equip .menu-filter .group .lvl-60::after,
.editor-menu.equip .menu-filter .group .lvl-40::after,
.editor-menu.equip .menu-filter .group .lvl-20::after,
.editor-menu.equip .menu-filter .group .lvl-0::after  { margin-top: -35px; }


/* PETS */
.editor-menu.pet .menu-filter { width: 95%; box-sizing: border-box; margin: 4px 0 0 4px; }
.editor-menu.pet .menu-filter .group { width: 100%; }
.editor-menu.pet .menu-filter .group li { margin-right: 1px; }

.editor-menu.pet .menu-filter .group .armor_fish        { background-position: -32px -64px; }
.editor-menu.pet .menu-filter .group .bird              { background-position: -64px -64px; }
.editor-menu.pet .menu-filter .group .canine            { background-position: -96px -64px; }
.editor-menu.pet .menu-filter .group .devourer          { background-position: -128px -64px; }
.editor-menu.pet .menu-filter .group .drake             { background-position: -160px -64px; }
.editor-menu.pet .menu-filter .group .feline            { background-position: -192px -64px; }
.editor-menu.pet .menu-filter .group .jellyfish         { background-position: -224px -64px; }
.editor-menu.pet .menu-filter .group .moa               { background-position: -256px -64px; }
.editor-menu.pet .menu-filter .group .porcine           { background-position: -288px -64px; }
.editor-menu.pet .menu-filter .group .shark             { background-position: -320px -64px; }
.editor-menu.pet .menu-filter .group .spider            { background-position: -352px -64px; }
.editor-menu.pet .menu-filter .group .ursine            { background-position: -384px -64px; }
.editor-menu.pet .menu-filter .group .wyvern            { background-position: -416px -64px; }
.editor-menu.pet .menu-filter .group .bristleback       { background-position: -448px -64px; }
.editor-menu.pet .menu-filter .group .smokescale        { background-position: -480px -64px; }
.editor-menu.pet .menu-filter .group .gazelle           { background-position: -512px -64px; }
.editor-menu.pet .menu-filter .group .iboga             { background-position: -544px -64px; }
.editor-menu.pet .menu-filter .group .jacaranda         { background-position: -576px -64px; }
.editor-menu.pet .menu-filter .group .phoenix           { background-position: -608px -64px; }
.editor-menu.pet .menu-filter .group .turtle            { background-position: -640px -64px; }
.editor-menu.pet .menu-filter .group .wallow            { background-position: -672px -64px; }
.editor-menu.pet .menu-filter .group .burrowing_shark   { background-position: -704px -64px; }
.editor-menu.pet .menu-filter .group .chak              { background-position: -736px -64px; }
.editor-menu.pet .menu-filter .group .kryptis           { background-position: -768px -64px; }
.editor-menu.pet .menu-filter .group .warclaw           { background-position: -800px -64px; }
.editor-menu.pet .menu-filter .group .bee               { background-position: -832px -64px; }
.editor-menu.pet .menu-filter .group .raptor            { background-position: -864px -64px; }

.editor-menu.pet .menu-content .menu-pets { box-sizing: border-box; padding-left: 8px; }
.editor-menu.pet .menu-content .menu-pets li { float: left; display: block; width: 64px; height: 64px; box-sizing: border-box; margin: 10px 5px 10px 0; position: relative; }
.editor-menu.pet .menu-content .menu-pets li img { position: absolute; top: 0; left: 0; width: 64px; height: 64px; }
.editor-menu.pet .menu-content .menu-pets li::before { content: ''; display: block; width: 44px; height: 44px; box-sizing: border-box; border: solid 2px #000000; position: absolute; top: 10px; left: 14px; background-position: -1088px -32px; opacity: .93; }
.editor-menu.pet .menu-content .menu-pets li.choosed::before { background-position: -1024px -32px; }
.editor-menu.pet .menu-content .menu-pets li:hover { cursor: pointer; opacity: 1; }
.editor-menu.pet .menu-content .menu-pets li:hover::before { background-position: -1024px -32px; border-color: #ffc621; }

.editor-menu.pet .menu-selector { display: block; width: 68px; height: 15px; background-color: #212629; margin: 0 auto; }
.editor-menu.pet .menu-selector::after { display: block; content: ''; width: 15px; height: 15px; background-position: -656px -16px; position: relative; left: 50px; top: 0px; }


.editor-menu.pet                     { width: 630px; height: 155px; }
.editor-menu.pet .menu-header::after { margin: 70px 4px 0 4px; }
.editor-menu.pet .menu-content       { width: 625px; height: 70px; margin: 72px 0 0 4px; padding: 0 4px 0 0; }
.editor-menu.pet .menu-filter .group { width: 610px; height: 64px; }

.editor-menu.pet.x7                     { width: 380px; height: 120px; }
.editor-menu.pet.x7 .menu-header::after { margin: 38px 4px 0 4px; }
.editor-menu.pet.x7 .menu-content       { width: 375px; height: 70px; margin: 40px 0 0 4px; padding: 0 4px 0 0; }
.editor-menu.pet.x7 .menu-filter .group { width: 350px; }

/*
.editor-menu.pet.x21 { width: 730px; height: 120px; }
.editor-menu.pet.x21 .menu-content { width: 720px; height: 70px; margin: 40px 0 0 4px; padding: 0 4px 0 0; }
.editor-menu.pet.x21 .menu-filter .group { width: 700px; }

.editor-menu.pet.x22 { width: 750px; height: 120px; }
.editor-menu.pet.x22 .menu-content { width: 750px; height: 70px; margin: 40px 0 0 4px; padding: 0 4px 0 0; }
.editor-menu.pet.x22 .menu-filter .group { width: 730px; }

.editor-menu.pet.x23,
.editor-menu.pet.x24 { width: 630px; height: 155px; }
.editor-menu.pet.x23 .menu-header::after,
.editor-menu.pet.x24 .menu-header::after { margin: 70px 4px 0 4px; }
.editor-menu.pet.x23 .menu-content,
.editor-menu.pet.x24 .menu-content { width: 625px; height: 70px; margin: 72px 0 0 4px; padding: 0 4px 0 0; }
.editor-menu.pet.x23 .menu-filter .group
.editor-menu.pet.x24 .menu-filter .group { width: 610px; height: 64px; }
*/

/* SPECIALIZATION */
.editor-menu.spec-menu { height: 114px; min-width: 300px; }
.editor-menu.spec-menu .menu-header .menu-close { display: block; }
.editor-menu.spec-menu .menu-header .menu-title { display: block; }
.editor-menu.spec-menu .menu-content { margin-top: 35px; }
.editor-menu.spec-menu .menu-content .menu-specialization { margin-left: 15px; display: inline-block; }
.editor-menu.spec-menu .menu-content .menu-specialization li { float: left; display: block; width: 64px; height: 64px; margin-right: 6px; margin-bottom: 6px; }
.editor-menu.spec-menu .menu-content .menu-specialization li:hover { cursor: pointer; }
.editor-menu.spec-menu .menu-content .menu-specialization .tl-ico { display: block; width: 64px; height: 64px; box-sizing: border-box; opacity: .85; }
.editor-menu.spec-menu .menu-content .menu-specialization li:hover .tl-ico { opacity: 1; }

.editor-menu.spec-menu .menu-content .menu-specialization .choosed .tl-ico, .editor-menu.spec-menu .menu-content .menu-specialization .choosed:hover .tl-ico { opacity: .25; }
.editor-menu.spec-menu .menu-content .menu-specialization .choosed:hover { cursor: default; }

.editor-menu.spec-menu.x5 { width: 435px; }
.editor-menu.spec-menu.x5 .menu-content { width: 425px; }
.editor-menu.spec-menu.x7 { width: 530px; }
.editor-menu.spec-menu.x7 .menu-content { width: 520px; }
.editor-menu.spec-menu.x8 { width: 600px; }
.editor-menu.spec-menu.x8 .menu-content { width: 590px; }
.editor-menu.spec-menu.x9 { width: 435px; height: 185px; }
.editor-menu.spec-menu.x9 .menu-content { width: 425px; }


/* Copy & Delete */
.editor-menu.cnd-menu { height: 165px; width: 250px; }
.editor-menu.cnd-menu .menu-header .menu-close { display: block; float: left; margin: -2px 0 0 0; background-position: -704px -32px; }
.editor-menu.cnd-menu .menu-header .menu-close:hover { background-position: -704px -48px; }
.editor-menu.cnd-menu .menu-header .menu-title { display: block; text-align: left; margin: 2px 15px 5px 24px; }
.editor-menu.cnd-menu .menu-content { margin-top: 30px; }
.editor-menu.cnd-menu .menu-content .menu-copy-delete { margin-left: 20px; display: inline-block; width: 200px; }
.editor-menu.cnd-menu .menu-content .menu-copy-delete li { display: block; color: #606060; font-size: 12px; white-space: nowrap; width: 200px; padding: 1px 4px; cursor: default; }
.editor-menu.cnd-menu .menu-content .menu-copy-delete .action { color: #ffffff; text-shadow: 2px 2px 1px rgba(0,0,0,.7); }
.editor-menu.cnd-menu .menu-content .menu-copy-delete .action:hover { cursor: pointer; color: #ffb733; background-color: rgba(255,255,255,.08); -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
/* checkbox */
.editor-menu.cnd-menu li label { display: block; margin: 6px 0 0 0; font-style: italic; cursor: default;  position: relative; padding-left: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.editor-menu.cnd-menu li.check-action label { color: #ffffff; text-shadow: 2px 2px 1px rgba(0,0,0,.7); }
.editor-menu.cnd-menu li.check-action label:hover { cursor: pointer; color: #ffb733; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
.editor-menu.cnd-menu li label input { display: block; opacity: 0; width: 0; height: 0; cursor: pointer; position: absolute; }
.editor-menu.cnd-menu li label span { position: absolute; top: 2px; left: 0; display: block; box-sizing: border-box; height: 12px; width: 12px; background-color: rgba(0,0,0,0); border: solid 1px #606060; }
.editor-menu.cnd-menu li.check-action label span { background-color: #303f45; border-color: #dddede; }
.editor-menu.cnd-menu li.check-action label:hover span { background-color: #3e4f56; }
.editor-menu.cnd-menu li.check-action label input:checked + span::after { content: ""; position: absolute; left: 3px; top: 1px; width: 2px; height: 5px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }



/* Sigil Effects */
.editor-menu.sigil-menu { height: 100px; min-width: 120px; }
.editor-menu.sigil-menu .menu-header .menu-close { display: block; }
.editor-menu.sigil-menu .menu-header .menu-title { display: block; }
.editor-menu.sigil-menu .menu-content { margin-top: 35px; width: 100%; }
.editor-menu.sigil-menu .menu-filter, .editor-menu.sigil-menu .menu-filter .group { display: none; }
.editor-menu.sigil-menu .menu-content .menu-sigil { box-sizing: border-box; padding-left: 10px; }
.editor-menu.sigil-menu .menu-content .menu-sigil li { float: left; display: block; width: 50px; height: 50px; box-sizing: border-box; border: solid 1px #000000; margin: 0 0 3px 3px; opacity: .93; }
.editor-menu.sigil-menu .menu-content .menu-sigil li.choosed { border-color: #f0f0f0; opacity: .4; }
.editor-menu.sigil-menu .menu-content .menu-sigil li img { display: block; width: 48px; height: 48px; margin: 0; padding: 0; }
.editor-menu.sigil-menu .menu-content .menu-sigil li:hover { border-color: #ffc621; cursor: pointer; opacity: 1; }
.editor-menu.sigil-menu .menu-content .menu-sigil li.choosed:hover { opacity: .6; }

.editor-menu.sigil-menu .menu-selector { display: block; width: 48px; height: 4px; background-color: #000000; margin: 0 auto; }
.editor-menu.sigil-menu .menu-selector::after { content: none; }

.editor-menu.sigil-menu.x2 .menu-content { width: 130px; }
.editor-menu.sigil-menu.x2 .menu-content .menu-sigil { padding-left: 24px; }
.editor-menu.sigil-menu.x3 .menu-content { width: 180px; }
.editor-menu.sigil-menu.x3 .menu-content .menu-sigil { padding-left: 16px; }
.editor-menu.sigil-menu.x4 .menu-content { width: 250px; }


/* 32x32 Icon Set */
.ui-ico32.unknown::after        { background-position:  -24px -160px !important; }

.ui-ico32.elementalist::after   { background-position:    0px -256px !important; }
.ui-ico32.warrior::after        { background-position:  -32px -256px !important; }
.ui-ico32.ranger::after         { background-position:  -64px -256px !important; }
.ui-ico32.necromancer::after    { background-position:  -96px -256px !important; }
.ui-ico32.guardian::after       { background-position: -128px -256px !important; }
.ui-ico32.thief::after          { background-position: -160px -256px !important; }
.ui-ico32.engineer::after       { background-position: -192px -256px !important; }
.ui-ico32.mesmer::after         { background-position: -224px -256px !important; }
.ui-ico32.revenant::after       { background-position: -256px -256px !important; }

.ui-ico32.tempest::after        { background-position: -288px -256px !important; }
.ui-ico32.berserker::after      { background-position: -320px -256px !important; }
.ui-ico32.druid::after          { background-position: -352px -256px !important; }
.ui-ico32.reaper::after         { background-position: -384px -256px !important; }
.ui-ico32.dragonhunter::after   { background-position: -416px -256px !important; }
.ui-ico32.daredevil::after      { background-position: -448px -256px !important; }
.ui-ico32.scrapper::after       { background-position: -480px -256px !important; }
.ui-ico32.chronomancer::after   { background-position: -512px -256px !important; }
.ui-ico32.herald::after         { background-position: -544px -256px !important; }

.ui-ico32.weaver::after         { background-position: -576px -256px !important; }
.ui-ico32.spellbreaker::after   { background-position: -608px -256px !important; }
.ui-ico32.soulbeast::after      { background-position: -640px -256px !important; }
.ui-ico32.scourge::after        { background-position: -672px -256px !important; }
.ui-ico32.firebrand::after      { background-position: -704px -256px !important; }
.ui-ico32.deadeye::after        { background-position: -736px -256px !important; }
.ui-ico32.holosmith::after      { background-position: -768px -256px !important; }
.ui-ico32.mirage::after         { background-position: -800px -256px !important; }
.ui-ico32.renegade::after       { background-position: -832px -256px !important; }

.ui-ico32.catalyst::after       { background-position:  -864px -256px !important; }
.ui-ico32.bladesworn::after     { background-position:  -896px -256px !important; }
.ui-ico32.untamed::after        { background-position:  -928px -256px !important; }
.ui-ico32.harbinger::after      { background-position:  -960px -256px !important; }
.ui-ico32.willbender::after     { background-position:  -992px -256px !important; }
.ui-ico32.specter::after        { background-position: -1024px -256px !important; }
.ui-ico32.mechanist::after      { background-position: -1056px -256px !important; }
.ui-ico32.virtuoso::after       { background-position: -1088px -256px !important; }
.ui-ico32.vindicator::after     { background-position: -1120px -256px !important; }

.ui-ico32.evoker::after         { background-position:    0px -352px !important; }
.ui-ico32.paragon::after        { background-position:  -32px -352px !important; }
.ui-ico32.galeshot::after       { background-position:  -64px -352px !important; }
.ui-ico32.ritualist::after      { background-position:  -96px -352px !important; }
.ui-ico32.luminary::after       { background-position: -128px -352px !important; }
.ui-ico32.antiquary::after      { background-position: -160px -352px !important; }
.ui-ico32.amalgam::after        { background-position: -192px -352px !important; }
.ui-ico32.troubadour::after     { background-position: -224px -352px !important; }
.ui-ico32.conduit::after        { background-position: -256px -352px !important; }

.ui-ico32.human::after          { background-position:    0px -128px !important; }
.ui-ico32.charr::after          { background-position:  -32px -128px !important; }
.ui-ico32.norn::after           { background-position:  -64px -128px !important; }
.ui-ico32.asura::after          { background-position:  -96px -128px !important; }
.ui-ico32.sylvari::after        { background-position: -128px -128px !important; }

.ui-ico32.elementalist.choosed::after   { background-position:    0px -288px !important; }
.ui-ico32.warrior.choosed::after        { background-position:  -32px -288px !important; }
.ui-ico32.ranger.choosed::after         { background-position:  -64px -288px !important; }
.ui-ico32.necromancer.choosed::after    { background-position:  -96px -288px !important; }
.ui-ico32.guardian.choosed::after       { background-position: -128px -288px !important; }
.ui-ico32.thief.choosed::after          { background-position: -160px -288px !important; }
.ui-ico32.engineer.choosed::after       { background-position: -192px -288px !important; }
.ui-ico32.mesmer.choosed::after         { background-position: -224px -288px !important; }
.ui-ico32.revenant.choosed::after       { background-position: -256px -288px !important; }

.ui-ico32.tempest.choosed::after        { background-position: -288px -288px !important; }
.ui-ico32.berserker.choosed::after      { background-position: -320px -288px !important; }
.ui-ico32.druid.choosed::after          { background-position: -352px -288px !important; }
.ui-ico32.reaper.choosed::after         { background-position: -384px -288px !important; }
.ui-ico32.dragonhunter.choosed::after   { background-position: -416px -288px !important; }
.ui-ico32.daredevil.choosed::after      { background-position: -448px -288px !important; }
.ui-ico32.scrapper.choosed::after       { background-position: -480px -288px !important; }
.ui-ico32.chronomancer.choosed::after   { background-position: -512px -288px !important; }
.ui-ico32.herald.choosed::after         { background-position: -544px -288px !important; }

.ui-ico32.weaver.choosed::after         { background-position: -576px -288px !important; }
.ui-ico32.spellbreaker.choosed::after   { background-position: -608px -288px !important; }
.ui-ico32.soulbeast.choosed::after      { background-position: -640px -288px !important; }
.ui-ico32.scourge.choosed::after        { background-position: -672px -288px !important; }
.ui-ico32.firebrand.choosed::after      { background-position: -704px -288px !important; }
.ui-ico32.deadeye.choosed::after        { background-position: -736px -288px !important; }
.ui-ico32.holosmith.choosed::after      { background-position: -768px -288px !important; }
.ui-ico32.mirage.choosed::after         { background-position: -800px -288px !important; }
.ui-ico32.renegade.choosed::after       { background-position: -832px -288px !important; }

.ui-ico32.catalyst.choosed::after       { background-position:  -864px -288px !important; }
.ui-ico32.bladesworn.choosed::after     { background-position:  -896px -288px !important; }
.ui-ico32.untamed.choosed::after        { background-position:  -928px -288px !important; }
.ui-ico32.harbinger.choosed::after      { background-position:  -960px -288px !important; }
.ui-ico32.willbender.choosed::after     { background-position:  -992px -288px !important; }
.ui-ico32.specter.choosed::after        { background-position: -1024px -288px !important; }
.ui-ico32.mechanist.choosed::after      { background-position: -1056px -288px !important; }
.ui-ico32.virtuoso.choosed::after       { background-position: -1088px -288px !important; }
.ui-ico32.vindicator.choosed::after     { background-position: -1120px -288px !important; }

.ui-ico32.evoker.choosed::after         { background-position:    0px -384px !important; }
.ui-ico32.paragon.choosed::after        { background-position:  -32px -384px !important; }
.ui-ico32.galeshot.choosed::after       { background-position:  -64px -384px !important; }
.ui-ico32.ritualist.choosed::after      { background-position:  -96px -384px !important; }
.ui-ico32.luminary.choosed::after       { background-position: -128px -384px !important; }
.ui-ico32.antiquary.choosed::after      { background-position: -160px -384px !important; }
.ui-ico32.amalgam.choosed::after        { background-position: -192px -384px !important; }
.ui-ico32.troubadour.choosed::after     { background-position: -224px -384px !important; }
.ui-ico32.conduit.choosed::after        { background-position: -256px -384px !important; }

.ui-ico32.human.choosed::after          { background-position:    0px -160px !important; }
.ui-ico32.charr.choosed::after          { background-position:  -32px -160px !important; }
.ui-ico32.norn.choosed::after           { background-position:  -64px -160px !important; }
.ui-ico32.asura.choosed::after          { background-position:  -96px -160px !important; }
.ui-ico32.sylvari.choosed::after        { background-position: -128px -160px !important; }


.ui-ico32.landspear::after          { background-position: -256px -128px !important; }
.ui-ico32.greatsword::after         { background-position: -288px -128px !important; }
.ui-ico32.hammer::after             { background-position: -320px -128px !important; }
.ui-ico32.longbow::after            { background-position: -352px -128px !important; }
.ui-ico32.rifle::after              { background-position: -384px -128px !important; }
.ui-ico32.shortbow::after           { background-position: -416px -128px !important; }
.ui-ico32.staff::after              { background-position: -448px -128px !important; }
.ui-ico32.axe::after                { background-position: -480px -128px !important; }
.ui-ico32.dagger::after             { background-position: -512px -128px !important; }
.ui-ico32.mace::after               { background-position: -544px -128px !important; }
.ui-ico32.pistol::after             { background-position: -576px -128px !important; }
.ui-ico32.scepter::after            { background-position: -608px -128px !important; }
.ui-ico32.sword::after              { background-position: -640px -128px !important; }
.ui-ico32.focus::after              { background-position: -672px -128px !important; }
.ui-ico32.shield::after             { background-position: -704px -128px !important; }
.ui-ico32.torch::after              { background-position: -736px -128px !important; }
.ui-ico32.warhorn::after            { background-position: -768px -128px !important; }
.ui-ico32.harpoon_gun::after        { background-position: -800px -128px !important; }
.ui-ico32.spear::after              { background-position: -832px -128px !important; }
.ui-ico32.trident::after            { background-position: -864px -128px !important; }

.ui-ico32.landspear.exo::after      { background-position: -256px -160px !important; }
.ui-ico32.greatsword.exo::after     { background-position: -288px -160px !important; }
.ui-ico32.hammer.exo::after         { background-position: -320px -160px !important; }
.ui-ico32.longbow.exo::after        { background-position: -352px -160px !important; }
.ui-ico32.rifle.exo::after          { background-position: -384px -160px !important; }
.ui-ico32.shortbow.exo::after       { background-position: -416px -160px !important; }
.ui-ico32.staff.exo::after          { background-position: -448px -160px !important; }
.ui-ico32.axe.exo::after            { background-position: -480px -160px !important; }
.ui-ico32.dagger.exo::after         { background-position: -512px -160px !important; }
.ui-ico32.mace.exo::after           { background-position: -544px -160px !important; }
.ui-ico32.pistol.exo::after         { background-position: -576px -160px !important; }
.ui-ico32.scepter.exo::after        { background-position: -608px -160px !important; }
.ui-ico32.sword.exo::after          { background-position: -640px -160px !important; }
.ui-ico32.focus.exo::after          { background-position: -672px -160px !important; }
.ui-ico32.shield.exo::after         { background-position: -704px -160px !important; }
.ui-ico32.torch.exo::after          { background-position: -736px -160px !important; }
.ui-ico32.warhorn.exo::after        { background-position: -768px -160px !important; }
.ui-ico32.harpoon_gun.exo::after    { background-position: -800px -160px !important; }
.ui-ico32.spear.exo::after          { background-position: -832px -160px !important; }
.ui-ico32.trident.exo::after        { background-position: -864px -160px !important; }

.ui-ico32.landspear.asc::after      { background-position: -256px -192px !important; }
.ui-ico32.greatsword.asc::after     { background-position: -288px -192px !important; }
.ui-ico32.hammer.asc::after         { background-position: -320px -192px !important; }
.ui-ico32.longbow.asc::after        { background-position: -352px -192px !important; }
.ui-ico32.rifle.asc::after          { background-position: -384px -192px !important; }
.ui-ico32.shortbow.asc::after       { background-position: -416px -192px !important; }
.ui-ico32.staff.asc::after          { background-position: -448px -192px !important; }
.ui-ico32.axe.asc::after            { background-position: -480px -192px !important; }
.ui-ico32.dagger.asc::after         { background-position: -512px -192px !important; }
.ui-ico32.mace.asc::after           { background-position: -544px -192px !important; }
.ui-ico32.pistol.asc::after         { background-position: -576px -192px !important; }
.ui-ico32.scepter.asc::after        { background-position: -608px -192px !important; }
.ui-ico32.sword.asc::after          { background-position: -640px -192px !important; }
.ui-ico32.focus.asc::after          { background-position: -672px -192px !important; }
.ui-ico32.shield.asc::after         { background-position: -704px -192px !important; }
.ui-ico32.torch.asc::after          { background-position: -736px -192px !important; }
.ui-ico32.warhorn.asc::after        { background-position: -768px -192px !important; }
.ui-ico32.harpoon_gun.asc::after    { background-position: -800px -192px !important; }
.ui-ico32.spear.asc::after          { background-position: -832px -192px !important; }
.ui-ico32.trident.asc::after        { background-position: -864px -192px !important; }