html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline
}
html {
line-height:1
}
ol,ul {
list-style:none
}
table {
border-collapse:collapse;
border-spacing:0
}
caption,th,td {
text-align:left;
font-weight:normal;
vertical-align:middle
}
q,blockquote {
quotes:none
}
q:before,q:after,blockquote:before,blockquote:after {
content:"";
content:none
}
a img {
border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
display:block
}
@font-face {
font-family:'FontinSmallCaps';
src:url('/font/fontin-smallcaps-webfont.eot');
src:local("."),url('/font/fontin-smallcaps-webfont.woff') format("woff"),url('/font/fontin-smallcaps-webfont.ttf') format("truetype"),url('/font/fontin-smallcaps-webfont.svg#webfontSCusr8QL') format("svg");
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'FontinRegular';
src:url('/font/fontin-regular-webfont.eot');
src:local("."),url('/font/fontin-regular-webfont.woff') format("woff"),url('/font/fontin-regular-webfont.ttf') format("truetype"),url('/font/fontin-regular-webfont.svg#webfontOAeglf7d') format("svg");
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'FontinItalic';
src:url('/font/fontin-italic-webfont.eot');
src:local("."),url('/font/fontin-italic-webfont.woff') format("woff"),url('/font/fontin-italic-webfont.ttf') format("truetype"),url('/font/fontin-italic-webfont.svg#webfontEqJqoBxP') format("svg");
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'FontinBold';
src:url('/font/fontin-bold-webfont.eot');
src:local("."),url('/font/fontin-bold-webfont.woff') format("woff"),url('/font/fontin-bold-webfont.ttf') format("truetype"),url('/font/fontin-bold-webfont.svg#webfontvK7dhkXe') format("svg");
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'FrizQuadrataC';
src:url('/font/FrizQuadrataC.ttf') format("truetype");
src:url('/font/FrizQuadrataC.eot');
src:local("."),url('/font/FrizQuadrataC.eot?#iefix') format("eot"),url('/font/FrizQuadrataC.woff') format("woff"),url('/font/FrizQuadrataC.ttf') format("truetype");
font-weight:normal;
font-style:normal
}
.FontinSmallCaps,.heading1,.heading3,#twitch-streams-container h1,#monstersPage .act1 h2 a,#monstersPage .act2 h2 a,.eventsListSummary .title,.button1.important,.important.button2,.pagination a.important,.pagination .important.current,.pagination .important.currentPage,.important.editor-control,form.t1 input[type="submit"],.formT1 input[type="submit"],.button1,.button2,.pagination a,.pagination .current,.pagination .currentPage,.editor-control,.forumThreadTitle,.eventCalendar h1,.seasonLadder h1,.shopSpecialsBox .banner,.layoutBox1.defaultTheme .layoutBoxTitle,.layoutBox1.forumTheme .layoutBoxTitle,.layoutBox1.rightBackground1Theme .layoutBoxTitle,.layoutBox1.dynamicPageTheme .layoutBoxTitle,.layoutBox1.shopPurchaseTheme .layoutBoxTitle,.layoutBox1.tempVideoTheme .layoutBoxTitle,.layoutBox1.defaultTheme .topBar .links,.layoutBox1.forumTheme .topBar .links,.layoutBox1.rightBackground1Theme .topBar .links,.layoutBox1.dynamicPageTheme .topBar .links,.layoutBox1.shopPurchaseTheme .topBar .links,.layoutBox1.tempVideoTheme .topBar .links,.layoutBox1.defaultTheme .breadcrumb,.layoutBox1.forumTheme .breadcrumb,.layoutBox1.rightBackground1Theme .breadcrumb,.layoutBox1.dynamicPageTheme .breadcrumb,.layoutBox1.shopPurchaseTheme .breadcrumb,.layoutBox1.tempVideoTheme .breadcrumb,#siteNav,#siteNav a,.seasonInfo .name,.inventoryControls .infoLine1,.inventoryControls .infoLine2,.inventoryControls .infoLine3,.inventoryManagerMenu .characters .character .infoLine1,.inventoryManagerMenu .characters .character .infoLine2,.inventoryManagerMenu .characters .character .infoLine3,.newItemPopup,.shopIndex .category h2,.shopItemPackage .savingsInfo,.shopTopBar1 h1,#shopEndingCountdownContainer h2,.skillsList h1,#itemsPage .content h2,#itemsPage .content h2 a,.eventView .countdownDescription,.eventView h2,.landingBox h1,.landingBox h2,.apiResource h2,.apiResource h3,#guildProfile .guild-header .guild-tag,#guildProfile .guild-header .guild-status,#guildProfile #guildMemberPanel h2,#guildProfile #guildLeaderPanel h2 {
font-weight:normal;
font-style:normal;
line-height:normal;
font-family:'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
font-size-adjust:0.54
}
.ch .FontinSmallCaps,.ch .heading1,.ch .heading3,.ch #twitch-streams-container h1,#twitch-streams-container .ch h1,.ch #monstersPage .act1 h2 a,#monstersPage .act1 h2 .ch a,.ch #monstersPage .act2 h2 a,#monstersPage .act2 h2 .ch a,.ch .eventsListSummary .title,.eventsListSummary .ch .title,.ch .important.button2,.ch .pagination a.important,.pagination .ch a.important,.ch .pagination .important.current,.pagination .ch .important.current,.ch .pagination .important.currentPage,.pagination .ch .important.currentPage,.ch .important.editor-control,.ch form.t1 input[type="submit"],form.t1 .ch input[type="submit"],.ch .formT1 input[type="submit"],.formT1 .ch input[type="submit"],.ch .button1,.ch .button2,.ch .pagination a,.pagination .ch a,.ch .pagination .current,.pagination .ch .current,.ch .pagination .currentPage,.pagination .ch .currentPage,.ch .editor-control,.ch .forumThreadTitle,.ch .eventCalendar h1,.eventCalendar .ch h1,.ch .seasonLadder h1,.seasonLadder .ch h1,.ch .shopSpecialsBox .banner,.shopSpecialsBox .ch .banner,.ch .layoutBox1.defaultTheme .layoutBoxTitle,.layoutBox1.defaultTheme .ch .layoutBoxTitle,.ch .layoutBox1.forumTheme .layoutBoxTitle,.layoutBox1.forumTheme .ch .layoutBoxTitle,.ch .layoutBox1.rightBackground1Theme .layoutBoxTitle,.layoutBox1.rightBackground1Theme .ch .layoutBoxTitle,.ch .layoutBox1.dynamicPageTheme .layoutBoxTitle,.layoutBox1.dynamicPageTheme .ch .layoutBoxTitle,.ch .layoutBox1.shopPurchaseTheme .layoutBoxTitle,.layoutBox1.shopPurchaseTheme .ch .layoutBoxTitle,.ch .layoutBox1.tempVideoTheme .layoutBoxTitle,.layoutBox1.tempVideoTheme .ch .layoutBoxTitle,.ch .layoutBox1.defaultTheme .topBar .links,.layoutBox1.defaultTheme .topBar .ch .links,.ch .layoutBox1.forumTheme .topBar .links,.layoutBox1.forumTheme .topBar .ch .links,.ch .layoutBox1.rightBackground1Theme .topBar .links,.layoutBox1.rightBackground1Theme .topBar .ch .links,.ch .layoutBox1.dynamicPageTheme .topBar .links,.layoutBox1.dynamicPageTheme .topBar .ch .links,.ch .layoutBox1.shopPurchaseTheme .topBar .links,.layoutBox1.shopPurchaseTheme .topBar .ch .links,.ch .layoutBox1.tempVideoTheme .topBar .links,.layoutBox1.tempVideoTheme .topBar .ch .links,.ch .layoutBox1.defaultTheme .breadcrumb,.layoutBox1.defaultTheme .ch .breadcrumb,.ch .layoutBox1.forumTheme .breadcrumb,.layoutBox1.forumTheme .ch .breadcrumb,.ch .layoutBox1.rightBackground1Theme .breadcrumb,.layoutBox1.rightBackground1Theme .ch .breadcrumb,.ch .layoutBox1.dynamicPageTheme .breadcrumb,.layoutBox1.dynamicPageTheme .ch .breadcrumb,.ch .layoutBox1.shopPurchaseTheme .breadcrumb,.layoutBox1.shopPurchaseTheme .ch .breadcrumb,.ch .layoutBox1.tempVideoTheme .breadcrumb,.layoutBox1.tempVideoTheme .ch .breadcrumb,.ch #siteNav,.ch #siteNav a,#siteNav .ch a,.ch .seasonInfo .name,.seasonInfo .ch .name,.ch .inventoryControls .infoLine1,.inventoryControls .ch .infoLine1,.ch .inventoryControls .infoLine2,.inventoryControls .ch .infoLine2,.ch .inventoryControls .infoLine3,.inventoryControls .ch .infoLine3,.ch .inventoryManagerMenu .characters .character .infoLine1,.inventoryManagerMenu .characters .character .ch .infoLine1,.ch .inventoryManagerMenu .characters .character .infoLine2,.inventoryManagerMenu .characters .character .ch .infoLine2,.ch .inventoryManagerMenu .characters .character .infoLine3,.inventoryManagerMenu .characters .character .ch .infoLine3,.ch .newItemPopup,.ch .shopIndex .category h2,.shopIndex .category .ch h2,.ch .shopItemPackage .savingsInfo,.shopItemPackage .ch .savingsInfo,.ch .shopTopBar1 h1,.shopTopBar1 .ch h1,.ch #shopEndingCountdownContainer h2,#shopEndingCountdownContainer .ch h2,.ch .skillsList h1,.skillsList .ch h1,.ch #itemsPage .content h2,#itemsPage .content .ch h2,.ch #itemsPage .content h2 a,#itemsPage .content h2 .ch a,.ch .eventView .countdownDescription,.eventView .ch .countdownDescription,.ch .eventView h2,.eventView .ch h2,.ch .landingBox h1,.landingBox .ch h1,.ch .landingBox h2,.landingBox .ch h2,.ch .apiResource h2,.apiResource .ch h2,.ch .apiResource h3,.apiResource .ch h3,.ch #guildProfile .guild-header .guild-tag,#guildProfile .guild-header .ch .guild-tag,.ch #guildProfile .guild-header .guild-status,#guildProfile .guild-header .ch .guild-status,.ch #guildProfile #guildMemberPanel h2,#guildProfile #guildMemberPanel .ch h2,.ch #guildProfile #guildLeaderPanel h2,#guildProfile #guildLeaderPanel .ch h2 {
font-family:"....", "Microsoft JhengHei", "....", Verdana,Arial,Helvetica,sans-serif
}
.ru_RU .FontinSmallCaps,.ru_RU .heading1,.ru_RU .heading3,.ru_RU #twitch-streams-container h1,#twitch-streams-container .ru_RU h1,.ru_RU #monstersPage .act1 h2 a,#monstersPage .act1 h2 .ru_RU a,.ru_RU #monstersPage .act2 h2 a,#monstersPage .act2 h2 .ru_RU a,.ru_RU .eventsListSummary .title,.eventsListSummary .ru_RU .title,.ru_RU .important.button2,.ru_RU .pagination a.important,.pagination .ru_RU a.important,.ru_RU .pagination .important.current,.pagination .ru_RU .important.current,.ru_RU .pagination .important.currentPage,.pagination .ru_RU .important.currentPage,.ru_RU .important.editor-control,.ru_RU form.t1 input[type="submit"],form.t1 .ru_RU input[type="submit"],.ru_RU .formT1 input[type="submit"],.formT1 .ru_RU input[type="submit"],.ru_RU .button1,.ru_RU .button2,.ru_RU .pagination a,.pagination .ru_RU a,.ru_RU .pagination .current,.pagination .ru_RU .current,.ru_RU .pagination .currentPage,.pagination .ru_RU .currentPage,.ru_RU .editor-control,.ru_RU .forumThreadTitle,.ru_RU .eventCalendar h1,.eventCalendar .ru_RU h1,.ru_RU .seasonLadder h1,.seasonLadder .ru_RU h1,.ru_RU .shopSpecialsBox .banner,.shopSpecialsBox .ru_RU .banner,.ru_RU .layoutBox1.defaultTheme .layoutBoxTitle,.layoutBox1.defaultTheme .ru_RU .layoutBoxTitle,.ru_RU .layoutBox1.forumTheme .layoutBoxTitle,.layoutBox1.forumTheme .ru_RU .layoutBoxTitle,.ru_RU .layoutBox1.rightBackground1Theme .layoutBoxTitle,.layoutBox1.rightBackground1Theme .ru_RU .layoutBoxTitle,.ru_RU .layoutBox1.dynamicPageTheme .layoutBoxTitle,.layoutBox1.dynamicPageTheme .ru_RU .layoutBoxTitle,.ru_RU .layoutBox1.shopPurchaseTheme .layoutBoxTitle,.layoutBox1.shopPurchaseTheme .ru_RU .layoutBoxTitle,.ru_RU .layoutBox1.tempVideoTheme .layoutBoxTitle,.layoutBox1.tempVideoTheme .ru_RU .layoutBoxTitle,.ru_RU .layoutBox1.defaultTheme .topBar .links,.layoutBox1.defaultTheme .topBar .ru_RU .links,.ru_RU .layoutBox1.forumTheme .topBar .links,.layoutBox1.forumTheme .topBar .ru_RU .links,.ru_RU .layoutBox1.rightBackground1Theme .topBar .links,.layoutBox1.rightBackground1Theme .topBar .ru_RU .links,.ru_RU .layoutBox1.dynamicPageTheme .topBar .links,.layoutBox1.dynamicPageTheme .topBar .ru_RU .links,.ru_RU .layoutBox1.shopPurchaseTheme .topBar .links,.layoutBox1.shopPurchaseTheme .topBar .ru_RU .links,.ru_RU .layoutBox1.tempVideoTheme .topBar .links,.layoutBox1.tempVideoTheme .topBar .ru_RU .links,.ru_RU .layoutBox1.defaultTheme .breadcrumb,.layoutBox1.defaultTheme .ru_RU .breadcrumb,.ru_RU .layoutBox1.forumTheme .breadcrumb,.layoutBox1.forumTheme .ru_RU .breadcrumb,.ru_RU .layoutBox1.rightBackground1Theme .breadcrumb,.layoutBox1.rightBackground1Theme .ru_RU .breadcrumb,.ru_RU .layoutBox1.dynamicPageTheme .breadcrumb,.layoutBox1.dynamicPageTheme .ru_RU .breadcrumb,.ru_RU .layoutBox1.shopPurchaseTheme .breadcrumb,.layoutBox1.shopPurchaseTheme .ru_RU .breadcrumb,.ru_RU .layoutBox1.tempVideoTheme .breadcrumb,.layoutBox1.tempVideoTheme .ru_RU .breadcrumb,.ru_RU #siteNav,.ru_RU #siteNav a,#siteNav .ru_RU a,.ru_RU .seasonInfo .name,.seasonInfo .ru_RU .name,.ru_RU .inventoryControls .infoLine1,.inventoryControls .ru_RU .infoLine1,.ru_RU .inventoryControls .infoLine2,.inventoryControls .ru_RU .infoLine2,.ru_RU .inventoryControls .infoLine3,.inventoryControls .ru_RU .infoLine3,.ru_RU .inventoryManagerMenu .characters .character .infoLine1,.inventoryManagerMenu .characters .character .ru_RU .infoLine1,.ru_RU .inventoryManagerMenu .characters .character .infoLine2,.inventoryManagerMenu .characters .character .ru_RU .infoLine2,.ru_RU .inventoryManagerMenu .characters .character .infoLine3,.inventoryManagerMenu .characters .character .ru_RU .infoLine3,.ru_RU .newItemPopup,.ru_RU .shopIndex .category h2,.shopIndex .category .ru_RU h2,.ru_RU .shopItemPackage .savingsInfo,.shopItemPackage .ru_RU .savingsInfo,.ru_RU .shopTopBar1 h1,.shopTopBar1 .ru_RU h1,.ru_RU #shopEndingCountdownContainer h2,#shopEndingCountdownContainer .ru_RU h2,.ru_RU .skillsList h1,.skillsList .ru_RU h1,.ru_RU #itemsPage .content h2,#itemsPage .content .ru_RU h2,.ru_RU #itemsPage .content h2 a,#itemsPage .content h2 .ru_RU a,.ru_RU .eventView .countdownDescription,.eventView .ru_RU .countdownDescription,.ru_RU .eventView h2,.eventView .ru_RU h2,.ru_RU .landingBox h1,.landingBox .ru_RU h1,.ru_RU .landingBox h2,.landingBox .ru_RU h2,.ru_RU .apiResource h2,.apiResource .ru_RU h2,.ru_RU .apiResource h3,.apiResource .ru_RU h3,.ru_RU #guildProfile .guild-header .guild-tag,#guildProfile .guild-header .ru_RU .guild-tag,.ru_RU #guildProfile .guild-header .guild-status,#guildProfile .guild-header .ru_RU .guild-status,.ru_RU #guildProfile #guildMemberPanel h2,#guildProfile #guildMemberPanel .ru_RU h2,.ru_RU #guildProfile #guildLeaderPanel h2,#guildProfile #guildLeaderPanel .ru_RU h2 {
font-family:'FrizQuadrataC', Verdana,Arial,Helvetica,sans-serif
}
.FontinRegular,.heading2,.newsListItem .title a,#sitemap,#openBetaCountdown,#countdownSpecial,#betaInviteTimer,.seasonInfo .playerInfo,.seasonInfo .reward .points,.shopBuyItemModal,shopBuyPackageModal,.shopBuyItemModal h1,shopBuyPackageModal h1,.shopBuyItemModal .totalCost,shopBuyPackageModal .totalCost,#guildProfile #guildMemberPanel .guild .points,#guildProfile #guildLeaderPanel .guild .points,.newsList h1,#stash-tab-container .tab .label {
font-weight:normal;
font-style:normal;
line-height:normal;
font-family:'FontinRegular', Verdana,Arial,Helvetica,sans-serif;
font-size-adjust:0.51
}
.ch .FontinRegular,.ch .heading2,.ch .newsListItem .title a,.newsListItem .title .ch a,.ch #sitemap,.ch #openBetaCountdown,.ch #countdownSpecial,.ch #betaInviteTimer,.ch .seasonInfo .playerInfo,.seasonInfo .ch .playerInfo,.ch .seasonInfo .reward .points,.seasonInfo .reward .ch .points,.ch .shopBuyItemModal,.ch shopBuyPackageModal,.ch .shopBuyItemModal h1,.shopBuyItemModal .ch h1,.ch shopBuyPackageModal h1,shopBuyPackageModal .ch h1,.ch .shopBuyItemModal .totalCost,.shopBuyItemModal .ch .totalCost,.ch shopBuyPackageModal .totalCost,shopBuyPackageModal .ch .totalCost,.ch #guildProfile #guildMemberPanel .guild .points,#guildProfile #guildMemberPanel .guild .ch .points,.ch #guildProfile #guildLeaderPanel .guild .points,#guildProfile #guildLeaderPanel .guild .ch .points,.ch .newsList h1,.newsList .ch h1,.ch #stash-tab-container .tab .label,#stash-tab-container .tab .ch .label {
font-family:"....", "Microsoft JhengHei", "....", Verdana,Arial,Helvetica,sans-serif
}
.FontinItalic {
font-weight:normal;
font-style:normal;
line-height:normal;
font-family:'FontinItalic', Verdana,Arial,Helvetica,sans-serif;
font-size-adjust:0.51
}
.ch .FontinItalic {
font-family:"....", "Microsoft JhengHei", "....", Verdana,Arial,Helvetica,sans-serif
}
.ru_RU .FontinItalic {
font-family:'FrizQuadrataC', Verdana,Arial,Helvetica,sans-serif
}
.FontinBold,blockquote .quote,.eventsList.displaySimple .upcomingControls .heading,.eventsList.displaySimple .inProgressControls .heading,h1.t1 {
font-weight:normal;
font-style:normal;
line-height:normal;
font-family:'FontinBold', Verdana,Arial,Helvetica,sans-serif;
font-size-adjust:0.52
}
.ch .FontinBold,.ch blockquote .quote,blockquote .ch .quote,.ch .eventsList.displaySimple .upcomingControls .heading,.eventsList.displaySimple .upcomingControls .ch .heading,.ch .eventsList.displaySimple .inProgressControls .heading,.eventsList.displaySimple .inProgressControls .ch .heading,.ch h1.t1 {
font-family:"....", "Microsoft JhengHei", "....", Verdana,Arial,Helvetica,sans-serif
}
.ru_RU .FontinBold,.ru_RU blockquote .quote,blockquote .ru_RU .quote,.ru_RU .eventsList.displaySimple .upcomingControls .heading,.eventsList.displaySimple .upcomingControls .ru_RU .heading,.ru_RU .eventsList.displaySimple .inProgressControls .heading,.eventsList.displaySimple .inProgressControls .ru_RU .heading,.ru_RU h1.t1 {
font-family:'FrizQuadrataC', Verdana,Arial,Helvetica,sans-serif
}
h1 {
margin:0px;
padding:0px;
color:#cac2a8;
font-size:2em;
font-weight:bold
}
h1.large {
font-size:340%
}
h1.t1 {
margin:0px 0px 10px 0px
}
h2 {
font-size:1.3em;
margin:0px;
padding:0px;
color:#cac2a8;
font-weight:bold
}
h3 {
margin:0px;
padding:0px;
color:#cac2a8;
font-size:1.15em;
font-weight:bold
}
h3.dark {
margin:0px;
background-color:#000;
color:#CEC59F;
padding:6px 5px
}
h4 {
font-size:110%;
margin:0px 0px;
color:#cac2a8;
font-weight:bold
}
.heading1,.heading3,#twitch-streams-container h1,#monstersPage .act1 h2 a,#monstersPage .act2 h2 a,.eventsListSummary .title {
color:#DFCF99
}
.heading2,.newsListItem .title a {
color:#DFCF99
}
.heading3 {
text-shadow:0px 0px 3px rgba(209,201,179,0.52)
}
.button-sprite-sprite,.uiDeleteButton,.uiEditButton,.uiMoveButton,.uiPrivateMessageButton,.uiQuoteButton,.uiRefreshButton,form.t1 .row.captcha .refresh,.formT1 .row.captcha .refresh,#captcha_refresh {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/button/button-sprite-s95d0b08bac.png') no-repeat
}
.button-sprite-zh-sprite,.ch .uiDeleteButton,.ch .uiEditButton,.ch .uiMoveButton,.ch .uiPrivateMessageButton,.ch .uiQuoteButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/button/button-sprite-zh-s14460b384d.png') no-repeat
}
.button1.important,.important.button2,.pagination a.important,.pagination .important.current,.pagination .important.currentPage,.important.editor-control,form.t1 input[type="submit"],.formT1 input[type="submit"],.button1,.button2,.pagination a,.pagination .current,.pagination .currentPage,.editor-control {
border:1px solid #2C2C2C;
color:#98805E;
padding:0px 5px;
margin:0px 2px 0px 0px;
border-radius:2px;
text-decoration:none;
font-size:115%;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/button/button1-background2.png?1443670916');
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/button/button1-background2.png?1443670916');
background-color:#0F0F0F
}
.important.button2:hover,.pagination a.important:hover,.pagination .important.current:hover,.pagination .important.currentPage:hover,.important.editor-control:hover,form.t1 input[type="submit"]:hover,.formT1 input[type="submit"]:hover,.button1:hover,.button2:hover,.pagination a:hover,.pagination .current:hover,.pagination .currentPage:hover,.editor-control:hover {
cursor:pointer;
text-decoration:underline;
box-shadow:0px 0px 3px rgba(230,225,168,0.24);
text-shadow:0px 0px 1px #E6E1A8;
color:#E9E69F;
border-color:#3C3C3C
}
.buttonActive.important.button2,.pagination a.buttonActive.important,.pagination .buttonActive.important.current,.pagination .buttonActive.important.currentPage,.buttonActive.important.editor-control,form.t1 input.buttonActive[type="submit"],.formT1 input.buttonActive[type="submit"],.buttonActive.button1,.buttonActive.button2,.pagination a.buttonActive,.pagination .buttonActive.current,.pagination .buttonActive.currentPage,.buttonActive.editor-control {
box-shadow:0px 0px 3px rgba(230,225,168,0.24);
text-shadow:0px 0px 1px #E6E1A8;
color:#E9E69F
}
.button1.important,.important.button2,.pagination a.important,.pagination .important.current,.pagination .important.currentPage,.important.editor-control,form.t1 input[type="submit"],.formT1 input[type="submit"] {
color:#d0d2ff;
background-color:#0F0F0F;
font-size:130%;
margin:10px 5px 3px 0
}
.button1.important:hover,.important.button2:hover,.pagination a.important:hover,.pagination .important.current:hover,.pagination .important.currentPage:hover,.important.editor-control:hover,form.t1 input[type="submit"]:hover,.formT1 input[type="submit"]:hover {
color:#e9eaff;
text-shadow:0px 0px 1px #9da1ff;
background-color:#181818
}
.submit_offset.button1.important,.submit_offset.important.button2,.pagination a.submit_offset.important,.pagination .submit_offset.important.current,.pagination .submit_offset.important.currentPage,.submit_offset.important.editor-control,form.t1 input.submit_offset[type="submit"],.formT1 input.submit_offset[type="submit"] {
margin-left:5px;
margin-bottom:8px
}
.button1:disabled,.button2:disabled,.pagination a:disabled,.pagination .current:disabled,.pagination .currentPage:disabled,.editor-control:disabled,.button1:disabled:hover,.button2:disabled:hover,.pagination a:disabled:hover,.pagination .current:disabled:hover,.pagination .currentPage:disabled:hover,.editor-control:disabled:hover {
box-shadow:none;
color:#5F5F5F;
background-color:inherit;
text-shadow:none;
text-decoration:none;
box-shadow:none;
border:1px solid #2C2C2C
}
.button1.download-button,.download-button.button2,.pagination a.download-button,.pagination .download-button.current,.pagination .download-button.currentPage,.download-button.editor-control {
padding:10px 20px;
margin:10px 0px 5px 0px;
display:block;
width:190px;
float:left;
clear:left
}
.button2,.pagination a,.pagination .current,.pagination .currentPage {
font-size:130%
}
.uiButton,.uiDeleteButton,.uiEditButton,.uiMoveButton,.uiPrivateMessageButton,.uiQuoteButton,.uiRefreshButton,form.t1 .row.captcha .refresh,.formT1 .row.captcha .refresh,#captcha_refresh {
display:inline-block;
overflow:hidden;
text-indent:-9999em
}
.uiDeleteButton {
background-position:0 -145px;
width:29px;
height:29px
}
.ch .uiDeleteButton {
background-position:0 -87px;
width:36px;
height:29px
}
.uiEditButton {
background-position:0 -58px;
width:29px;
height:29px
}
.ch .uiEditButton {
background-position:0 -29px;
width:36px;
height:29px
}
.uiMoveButton {
background-position:0 -87px;
width:29px;
height:29px
}
.ch .uiMoveButton {
background-position:0 0;
width:36px;
height:29px
}
.uiPrivateMessageButton {
background-position:0 -29px;
width:36px;
height:29px
}
.ch .uiPrivateMessageButton {
background-position:0 -58px;
width:36px;
height:29px
}
.uiQuoteButton {
background-position:0 -116px;
width:29px;
height:29px
}
.ch .uiQuoteButton {
background-position:0 -116px;
width:36px;
height:29px
}
.uiRefreshButton,form.t1 .row.captcha .refresh,.formT1 .row.captcha .refresh,#captcha_refresh {
background-position:0 0;
width:29px;
height:29px
}
.buttonGroup {
overflow:hidden;
*zoom:1
}
.buttonGroup li {
padding:0px;
margin:0px;
display:inline-block;
border:none;
background:none;
float:left
}
.buttonGroup li .button {
margin:0px
}
#generate_key {
margin:0 305px 0 0
}
.inventory-sprite-sprite,.inventoryControls,.inventoryControls .open,.inventoryControls .open:hover,.inventoryControls .icon.Marauder,.inventoryControls .icon.Shadow,.inventoryControls .icon.Witch,.inventoryControls .icon.Templar,.inventoryControls .icon.Duelist,.inventoryControls .icon.Ranger,.inventoryControls .icon.Scion,.inventoryManagerMenu .characters .character,.inventoryManagerMenu .characters .icon.Marauder,.inventoryManagerMenu .characters .icon.Shadow,.inventoryManagerMenu .characters .icon.Witch,.inventoryManagerMenu .characters .icon.Templar,.inventoryManagerMenu .characters .icon.Duelist,.inventoryManagerMenu .characters .icon.Ranger,.inventoryManagerMenu .characters .icon.Scion {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/inventory-sprite-s132a5a3a14.png') no-repeat
}
.profile-sprite-sprite,.profile .profile-box .box-top,.profile .profile-box .box-bottom,.profile .profile-container .showcase-item,.profile .progress-bar-container .progress-frame,.profile .progress-bar-container .progress-frame.large,.profile .showcase-pin.up,.profile .showcase-move.up,.profile .showcase-pin.up:hover,.profile .showcase-move.up:hover,.profile .showcase-pin.up.disabled,.profile .showcase-move.up.disabled,.profile .showcase-pin.down,.profile .showcase-move.down,.profile .showcase-pin.down:hover,.profile .showcase-move.down:hover,.profile .showcase-pin.down.disabled,.profile .showcase-move.down.disabled,.profile .showcase-pin.delete,.profile .showcase-move.delete,.profile .showcase-pin.delete:hover,.profile .showcase-move.delete:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/profile/profile-sprite-s2b9950ea9d.png') no-repeat
}
.ui-sprite-sprite,.coinHeading1,#itemsPage .content h2,.landingBox h2,#statusBar,#statusBar .statusBarCenter,#statusBar .statusBarRight,.pointsIcon,#socialBar {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/ui-sprite-saab1dfd448.png') no-repeat
}
.profile-link {
display:inline-block
}
.profile-link a {
font-weight:bold;
text-decoration:none
}
.profile-link.achieved,.profile-link.hasTwitch.twitchShow {
padding-bottom:3px
}
.profile-link .achievement {
margin-bottom:-5px;
padding-right:1px
}
.profile-link .twitch {
display:none;
margin-bottom:-5px;
margin-left:6px
}
.profile-link.twitchShow .twitch {
display:inline-block
}
.profile-link.twitchOnline .twitch {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/twitch/online.png?1443670916');
width:22px;
height:22px
}
.profile-link.twitchOffline .twitch {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/twitch/offline.png?1443670916');
width:22px;
height:22px
}
.profile-link.deleted {
font-style:italic;
color:#DE9066
}
.profile-link.forumModerator a,.forumModeratorText,.profile-link.valuedPoster a,.valuedPosterText {
color:#9D9D9D
}
.profile-link.staff a,.staffText,.profile-link.staff.characterName {
color:#DB9F00
}
.profile-link.support a,.supportText {
color:#a37c00
}
#profile-container .roleLabel img {
position:relative;
margin-top:10px
}
#profile-container .supporterLabel img {
left:-9px
}
#profile-container .bronzeSupporterLabel img {
left:-25px
}
#profile-container .silverSupporterLabel img {
left:-31px
}
#profile-container .goldSupporterLabel img {
left:-31px
}
#profile-container .diamondSupporterLabel img {
left:-12px
}
#profile-container .openBetaSupporter img {
left:-7px
}
#profile-container .regalSupporter img {
left:-6px
}
#profile-container .divineSupporter img {
left:-7px
}
#profile-container .exaltedSupporter img {
left:-4px
}
#profile-container .eternalSupporter img {
left:-4px
}
#profile-container .rulerOfWraeclastSupporter img {
left:-4px
}
.in-beta,.in-alpha {
color:#CEC59F;
font-weight:bold
}
.roleLabel {
font-weight:bold
}
.twitchProfilePopup {
z-index:200;
border:1px solid #0F0F0F;
box-shadow:0px 0px 2px 0px #A79055;
background:#000;
min-height:200px;
margin:10px
}
.twitchProfilePopup .name {
padding:2px 4px 4px 4px;
width:312px;
font-weight:bold
}
.twitchProfilePopup img {
display:block
}
.s-pad,table.s-td-pad td {
padding:5px
}
.m-pad,table.m-td-pad td {
padding:10px
}
.l-pad {
padding:20px
}
.xl-pad {
padding:40px
}
.v-s-pad {
padding-top:5px;
padding-bottom:5px
}
.v-m-pad {
padding-top:10px;
padding-bottom:10px
}
.v-l-pad {
padding-top:20px;
padding-bottom:20px
}
.v-xl-pad {
padding-top:40px;
padding-bottom:40px
}
.h-s-pad {
padding-left:5px;
padding-right:5px
}
.h-m-pad {
padding-left:10px;
padding-right:10px
}
.h-l-pad {
padding-left:20px;
padding-right:20px
}
.h-xl-pad {
padding-left:40px;
padding-right:40px
}
.s-marg {
margin:5px
}
.m-marg {
margin:10px
}
.l-marg {
margin:20px
}
.xl-marg {
margin:40px
}
.t-s-marg {
margin-top:5px
}
.t-m-marg {
margin-top:10px
}
.t-l-marg {
margin-top:20px
}
.t-xl-marg {
margin-top:40px
}
.loading {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/loading.gif?1443670923');
background-repeat:no-repeat;
background-position:center;
height:200px
}
.loading-inline {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/loading_small.gif?1443670923') no-repeat center;
width:16px;
height:16px;
display:inline-block
}
.bold {
font-weight:bold
}
.underline {
text-decoration:underline
}
.italic {
font-style:italic
}
.medium {
font-size:1.1em
}
a.error {
color:#ff342f;
text-decoration:none
}
.success {
color:#11AA2D
}
.successBox {
border:1px solid #003300;
margin-bottom:10px
}
.error,form.t1 .element li,.formT1 .element li,.errorText {
color:#ff342f
}
.errorBox {
border:1px solid #ff342f
}
.errors {
color:#ff342f;
padding:0px;
margin:2px 0px;
list-style-type:none
}
.errors li {
padding:0px;
background:transparent
}
.no-display {
display:none
}
.description,.descriptionText,.eventBase .leagueDescription,.eventsList .event .leagueDescription,.eventView .leagueDescription {
color:#566e94
}
.description {
clear:both;
font-size:.95em;
margin-top:2px
}
.description-important {
clear:both;
color:#cac2a8;
font-size:.95em;
margin-bottom:5px
}
.onProbation,.banned {
color:#a10000
}
.view-more {
padding:9px;
text-align:left
}
.vertOrnate1 {
position:relative;
width:920px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/bg-vert-ornate/l.png?1443670915') repeat-y 8px 0px
}
.vertOrnate1 .r {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/bg-vert-ornate/r.png?1443670915') repeat-y 910px 0px
}
.vertOrnate1 .content {
margin-left:50px;
width:820px;
position:relative;
text-align:center
}
.vertOrnate1 form {
display:inline-block;
margin-top:10px
}
.vertOrnate1 .l-ornate {
position:absolute;
left:-47px;
top:50%;
margin-top:-17px;
width:25px;
height:35px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/bg-vert-ornate/l-ornate.png?1443670915') no-repeat top left
}
.vertOrnate1 .r-ornate {
position:absolute;
right:-47px;
top:50%;
margin-top:-17px;
width:23px;
height:35px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/bg-vert-ornate/r-ornate.png?1443670915') no-repeat top left
}
.vertOrnate1 .br {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/bg-vert-ornate/br.png?1443670915') no-repeat top left;
width:51px;
height:35px;
position:absolute;
bottom:-2px;
right:1px
}
.vertOrnate1 .bl {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/bg-vert-ornate/bl.png?1443670915') no-repeat top left;
width:52px;
height:34px;
position:absolute;
bottom:-2px;
left:4px
}
.vertOrnate1 .tr {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/bg-vert-ornate/tr.png?1443670915') no-repeat top left;
width:50px;
height:32px;
position:absolute;
top:-2px;
right:2px
}
.vertOrnate1 .tl {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/bg-vert-ornate/tl.png?1443670915') no-repeat top left;
width:50px;
height:32px;
position:absolute;
top:-2px;
left:4px
}
.generalCopy h4 {
color:#CEC59F;
font-weight:normal
}
.generalCopy .block {
margin-bottom:20px
}
.aboutContent .character {
position:absolute;
right:15px;
bottom:36px
}
.dropCap {
float:left;
margin-bottom:-0.1em;
margin-left:-0.2em;
margin-right:0.12em;
margin-top:-0.25em
}
.button-spacer {
height:25px
}
.padded {
padding:5px
}
.no-padding {
padding:0px 4px
}
img {
border:none
}
.clear {
clear:both
}
.clear_right {
clear:right
}
div.options {
margin-left:18px
}
div.options ul {
margin-left:-18px
}
div.options li {
margin:3px 0px
}
h3.options {
margin-left:18px
}
.bright,div.options a,a.orderCur {
color:#CAC2A8
}
.bright2,.form-description {
color:#BFB383
}
a.bright,div.options ad {
text-decoration:none
}
a {
color:#A38B63
}
a:hover,div.options a:hover {
color:#fff
}
a.big {
color:#C29E6C;
font-size:115%;
font-weight:bold;
text-decoration:none
}
.bullet {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/list_large.jpg?1443670924') -2px -2px no-repeat;
padding-left:17px
}
.text_block {
margin-bottom:15px
}
p {
margin:0px 0px 10px 0px
}
ul {
margin:0px;
padding:0px;
list-style-type:none;
position:relative
}
.listSpaced li {
margin-bottom:15px
}
blockquote {
margin:5px 5px 8px 20px;
padding:7px;
background:#333127 no-repeat;
border:#555141 1px solid;
color:#a79070;
clear:both;
position:relative
}
blockquote .quote {
font-size:42px;
top:0px;
left:6px;
position:absolute
}
blockquote .top {
height:auto !important;
min-height:10px;
height:10px
}
blockquote .bot {
margin-top:8px
}
blockquote cite {
margin-left:15px
}
p.short {
padding-bottom:150px
}
.black_heading {
color:#CEC59F;
font-size:1.1em;
font-weight:bold;
height:20px;
padding:6px 5px;
background-color:#000
}
.padding-s {
padding:5px
}
.med-margin {
margin:10px 5px
}
.hidden {
display:none
}
.centered {
text-align:center
}
.alignRight {
text-align:right
}
.strip-heading {
background-color:#20201D;
padding:10px
}
.error-heading {
color:#ff342f;
padding:10px
}
.spacer {
padding:0px 5px;
color:#3a3124
}
.noDisplay {
display:none
}
strong {
color:#bb9e74;
font-weight:bold
}
tr.red {
background-color:red
}
.fl {
float:left
}
.fr {
float:right
}
.botControlsSpacer {
height:27px;
position:relative
}
.botControls {
top:6px;
position:absolute;
bottom:10px;
width:100%
}
.botControls .pagination {
padding-left:5px
}
.betaKeyBox {
color:#53697F
}
.betaKeyUsed {
color:red
}
.betaKeyUsed .key {
text-decoration:line-through
}
.bbHeading {
margin-bottom:5px
}
.largeSkillContainer {
text-align:center
}
.largeSkillContainer img {
margin:2px 0px
}
#terms_of_use {
height:450px;
width:100%
}
#terms_of_use div {
overflow-y:scroll;
height:100%;
padding-right:5px
}
.terms-of-use h1 {
font-size:120%;
text-align:left;
margin-bottom:10px
}
#terms-of-use-container .terms-of-use h1 {
font-size:100%
}
.coinHeading1,#itemsPage .content h2,.landingBox h2 {
background-position:0 0;
padding-left:32px
}
.link2,#statusBar .row2,#statusBar .row2 a,.inventoryControls .open {
text-decoration:none;
color:#00b6ff
}
.link2:hover,#statusBar .row2:hover,#statusBar .row2 a:hover,.inventoryControls .open:hover {
color:#00d2ff
}
em {
font-style:italic
}
.colorBoxTheme1 #cboxClose {
background-position:0 0;
height:40px;
width:37px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/button/CloseButton1.png?1443670914');
top:2px;
right:1px;
z-index:5
}
.colorBoxTheme1 #cboxClose:hover {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/button/CloseButton1Hover.png?1443670914');
background-position:0 0
}
.colorBoxTheme1.hideClose #cboxClose {
display:none !important
}
.colorBoxTheme1 #cboxContent {
border:1px solid #23260B;
box-shadow:0px 0px 4px 0px rgba(185,142,50,0.8)
}
.colorBoxTheme1 #cboxTopLeft,.colorBoxTheme1 #cboxTopCenter,.colorBoxTheme1 #cboxTopRight,.colorBoxTheme1 #cboxMiddleLeft,.colorBoxTheme1 #cboxMiddleRight,.colorBoxTheme1 #cboxBottomLeft,.colorBoxTheme1 #cboxBottomCenter,.colorBoxTheme1 #cboxBottomCenter,.colorBoxTheme1 #cboxBottomRight {
background:none
}
.colorBoxPanelTheme #cboxClose {
background-position:0 0;
height:25px;
width:25px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/UI/button/close-normal.png?1443764310');
top:49px;
right:21px;
border:0px none
}
.colorBoxPanelTheme #cboxClose:hover {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/UI/button/close-hover.png?1443764310');
background-position:0 0
}
.colorBoxPanelTheme.hideClose #cboxClose {
display:none !important
}
.hoverPopup {
position:relative
}
.hoverPopup .popup {
display:none
}
.hoverPopup:hover .popup,.hoverPopup .popup:hover .popup {
display:block;
position:absolute;
left:100%;
top:0px
}
.hoverPopup:hover .popup.lower,.hoverPopup .popup:hover .popup.lower {
bottom:-4px;
top:auto
}
.poeScroll .jspVerticalBar {
width:29px
}
.poeScroll .jspVerticalBar .jspTrack {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/UI/scrollbar/track.png?1443764310');
width:29px;
height:32px
}
.poeScroll .jspVerticalBar .jspArrowUp {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/UI/scrollbar/up.png?1443764310');
width:29px;
height:18px
}
.poeScroll .jspVerticalBar .jspArrowDown {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/UI/scrollbar/down.png?1443764310');
width:29px;
height:16px
}
.poeScroll .jspVerticalBar .jspDrag {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/UI/scrollbar/thumb-middle.png?1443764310')
}
.poeScroll .jspVerticalBar .jspDragTop {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/UI/scrollbar/thumb-top.png?1443764310');
width:29px;
height:16px;
top:0px;
left:0px
}
.poeScroll .jspVerticalBar .jspDragBottom {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/UI/scrollbar/thumb-bottom.png?1443764310');
width:29px;
height:16px;
position:absolute;
bottom:0px;
left:0px
}
small {
font-size:smaller
}
.floatRight {
float:right
}
.clearfix {
overflow:hidden;
*zoom:1
}
.download-sprite-sprite,#downloadButton,.downloadNowButton,#downloadButton span,.downloadNowButton span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/button/download-sprite-sc01d8f1451.png') no-repeat
}
.download-sprite-ch-sprite,.zh_TW #downloadButton,.zh_TW .downloadNowButton,.zh_TW #downloadButton span,.zh_TW .downloadNowButton span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/button/download-sprite-ch-sd318bdf669.png') no-repeat
}
.download-sprite-th_TH-sprite,.th_TH #downloadButton,.th_TH .downloadNowButton,.th_TH #downloadButton span,.th_TH .downloadNowButton span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/button/download-sprite-th_TH-sc744540ae5.png') no-repeat
}
.download-sprite-ru_RU-sprite,.ru_RU #downloadButton,.ru_RU .downloadNowButton,.ru_RU #downloadButton span,.ru_RU .downloadNowButton span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/button/download-sprite-ru_RU-s52437b310e.png') no-repeat
}
.play-free-sprite,#signupButton,.signupButton,#signupButton span,.signupButton span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/button/play-free-sa8b37840c7.png') no-repeat
}
.play-free-ch-sprite,.zh_TW #signupButton,.zh_TW .signupButton,.zh_TW #signupButton span,.zh_TW .signupButton span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/button/play-free-ch-s0be3ff0a84.png') no-repeat
}
.play-free-th_TH-sprite,.th_TH #signupButton,.th_TH .signupButton,.th_TH #signupButton span,.th_TH .signupButton span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/button/play-free-th_TH-sf339e9c351.png') no-repeat
}
.play-free-ru_RU-sprite,.ru_RU #signupButton,.ru_RU .signupButton,.ru_RU #signupButton span,.ru_RU .signupButton span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/button/play-free-ru_RU-s085d1307a2.png') no-repeat
}
.inventory-sprite-sprite,.inventoryControls,.inventoryControls .open,.inventoryControls .open:hover,.inventoryControls .icon.Marauder,.inventoryControls .icon.Shadow,.inventoryControls .icon.Witch,.inventoryControls .icon.Templar,.inventoryControls .icon.Duelist,.inventoryControls .icon.Ranger,.inventoryControls .icon.Scion,.inventoryManagerMenu .characters .character,.inventoryManagerMenu .characters .icon.Marauder,.inventoryManagerMenu .characters .icon.Shadow,.inventoryManagerMenu .characters .icon.Witch,.inventoryManagerMenu .characters .icon.Templar,.inventoryManagerMenu .characters .icon.Duelist,.inventoryManagerMenu .characters .icon.Ranger,.inventoryManagerMenu .characters .icon.Scion {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/inventory-sprite-s132a5a3a14.png') no-repeat
}
.profile-sprite-sprite,.profile .profile-box .box-top,.profile .profile-box .box-bottom,.profile .profile-container .showcase-item,.profile .progress-bar-container .progress-frame,.profile .progress-bar-container .progress-frame.large,.profile .showcase-pin.up,.profile .showcase-move.up,.profile .showcase-pin.up:hover,.profile .showcase-move.up:hover,.profile .showcase-pin.up.disabled,.profile .showcase-move.up.disabled,.profile .showcase-pin.down,.profile .showcase-move.down,.profile .showcase-pin.down:hover,.profile .showcase-move.down:hover,.profile .showcase-pin.down.disabled,.profile .showcase-move.down.disabled,.profile .showcase-pin.delete,.profile .showcase-move.delete,.profile .showcase-pin.delete:hover,.profile .showcase-move.delete:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/profile/profile-sprite-s2b9950ea9d.png') no-repeat
}
.ui-sprite-sprite,.coinHeading1,#itemsPage .content h2,.landingBox h2,#statusBar,#statusBar .statusBarCenter,#statusBar .statusBarRight,.pointsIcon,#socialBar {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/ui-sprite-saab1dfd448.png') no-repeat
}
html {
font-size:62.5%;
height:100%
}
body {
line-height:1.3;
margin:0px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.3em;
background:#000;
height:100%
}
body.ch {
font-family:"....", "Microsoft JhengHei", "....", Verdana, Arial, Helvetica, sans-serif
}
body,.defaultText {
color:#a38d6d
}
#mainHeader {
position:relative;
text-align:left;
margin-left:auto;
margin-right:auto;
width:934px;
width:980px;
z-index:102;
height:217px;
display:block
}
#mainHeader {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/header.png?1443670916') no-repeat top center
}
#mainHeader.ch {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/header_garena_zh_TW.png?1443670916') no-repeat top center
}
#mainHeader.th_TH {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/header_garena_th_TH.png?1443670916') no-repeat top center
}
#mainHeader.ru_RU {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/header_garena_ru_RU.png?1443670916') no-repeat top center
}
#statusBar {
position:absolute;
top:0px;
left:0px;
background-position:0 -95px;
min-width:359px;
height:41px;
padding:3px 0px
}
#statusBar .loggedInStatus {
min-width:160px;
display:inline-block
}
#statusBar .privateMessageStatus {
min-width:83px;
display:inline-block;
text-align:center
}
#statusBar .privateMessageStatus.hasMessages {
color:#ECFF17;
font-weight:bold;
text-shadow:0px 0px 4px rgba(255,120,44,0.72)
}
#statusBar .privateMessageStatus.hasMessages:hover {
color:#FBFFCF
}
#statusBar .row1,#statusBar .row2 {
position:relative;
padding:0px 60px 0px 27px
}
#statusBar .row1 {
font-size:90%
}
#statusBar .row1 .purchaseLink {
text-decoration:none
}
#statusBar .row1 .statusItem {
margin-right:19px
}
#statusBar .row2 .statusItem {
margin-right:22px
}
#statusBar .row2,#statusBar .row2 a {
font-size:90%
}
#statusBar .row2.loggedOut {
margin-top:10px;
margin-left:6px
}
#statusBar .statusBarCenter {
position:absolute;
left:220px;
right:135px;
top:0px;
bottom:0px;
background-position:0 -189px;
height:ui-sprite-sprite(status-bar-repeat)-2;
background-repeat:repeat-x
}
#statusBar .statusBarRight {
background-position:0 -142px;
width:137px;
height:45px;
position:absolute;
right:0px;
top:0px
}
#statusBar .profile-link.achieved,#statusBar .profile-link.hasTwitch {
padding-bottom:0px;
margin-top:-3px
}
.pointsIcon {
background-position:0 -79px;
width:16px;
height:16px;
display:inline-block;
vertical-align:middle;
margin-left:4px;
position:relative;
top:-1px
}
#socialBar {
top:0px;
right:4px;
background-position:0 -32px;
width:304px;
height:38px;
padding:9px 28px 0px 28px;
position:absolute
}
#socialBar .facebook {
float:right;
overflow:hidden
}
#socialBar .twitterFollow {
float:right;
margin:0px 12px
}
#socialBar .twitter {
float:right
}
#socialBar .twGameForum img {
float:right;
width:80px;
margin:0px 38px 0px 12px
}
#siteContainer {
position:relative;
width:100%;
text-align:center;
z-index:100;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/header.png?1443670916') no-repeat center top;
backface-visibility:hidden;
-webkit-backface-visibility:hidden
}
#siteCentered {
position:relative;
text-align:left;
margin-left:auto;
margin-right:auto;
z-index:0;
width:980px;
background:#000 url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/background-awakening-release.jpg?1443670916') no-repeat top center
}
#mainContainer {
position:relative;
text-align:left;
margin-left:auto;
margin-right:auto;
z-index:100;
width:934px;
padding:4px 21px 0px 23px;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/header.png?1443670916') no-repeat center -217px
}
#mainContainerBg,#footerBg {
z-index:-1;
position:absolute;
top:0px;
right:0px;
left:0px;
bottom:0px;
background:rgba(0,0,0,0.7);
margin:2px 29px 7px 29px;
box-shadow:0px 2px 4px 2px rgba(0,0,0,0.88);
background:rgba(0,0,0,0.91)
}
#footerBg {
border-radius:0px 0px 2px 2px
}
#footer {
margin-top:1px;
position:relative;
width:920px;
min-height:97px;
padding:25px 30px 0px 30px
}
#footerImage {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/footer.png?1443670916') no-repeat top center;
width:960px;
height:112px;
position:absolute;
top:-39px;
left:10px
}
#mainLogoLink {
position:absolute;
left:349px;
top:16px;
height:0px;
padding-top:143px;
width:222px;
overflow:hidden;
display:block;
z-index:9999
}
#largeHeaderButton {
position:absolute;
bottom:82px;
right:10px;
z-index:2
}
#downloadButton,.downloadNowButton,#signupButton,.signupButton {
text-indent:-9999em;
overflow:hidden;
display:block
}
#downloadButton span,.downloadNowButton span,#signupButton span,.signupButton span {
opacity:0;
display:block;
-webkit-transition:0.07s linear opacity;
-moz-transition:0.07s linear opacity;
-o-transition:0.07s linear opacity;
transition:0.07s linear opacity
}
#downloadButton:hover span,.downloadNowButton:hover span,#signupButton:hover span,.signupButton:hover span {
opacity:1
}
#downloadButton,.downloadNowButton {
background-position:0 -76px;
width:267px;
height:76px
}
#downloadButton span,.downloadNowButton span {
background-position:0 0;
width:267px;
height:76px
}
.zh_TW #downloadButton,.zh_TW .downloadNowButton {
background-position:0 -76px;
width:267px;
height:76px
}
.zh_TW #downloadButton span,.zh_TW .downloadNowButton span {
background-position:0 0;
width:267px;
height:76px
}
.th_TH #downloadButton,.th_TH .downloadNowButton {
background-position:0 -76px;
width:267px;
height:76px
}
.th_TH #downloadButton span,.th_TH .downloadNowButton span {
background-position:0 0;
width:267px;
height:76px
}
.ru_RU #downloadButton,.ru_RU .downloadNowButton {
background-position:0 -76px;
width:267px;
height:76px
}
.ru_RU #downloadButton span,.ru_RU .downloadNowButton span {
background-position:0 0;
width:267px;
height:76px
}
#signupButton,.signupButton {
background-position:0 -76px;
width:267px;
height:76px
}
#signupButton span,.signupButton span {
background-position:0 0;
width:267px;
height:76px
}
.zh_TW #signupButton,.zh_TW .signupButton {
background-position:0 -76px;
width:267px;
height:76px
}
.zh_TW #signupButton span,.zh_TW .signupButton span {
background-position:0 0;
width:267px;
height:76px
}
.th_TH #signupButton,.th_TH .signupButton {
background-position:0 -76px;
width:267px;
height:76px
}
.th_TH #signupButton span,.th_TH .signupButton span {
background-position:0 0;
width:267px;
height:76px
}
.ru_RU #signupButton,.ru_RU .signupButton {
background-position:0 -76px;
width:267px;
height:76px
}
.ru_RU #signupButton span,.ru_RU .signupButton span {
background-position:0 0;
width:267px;
height:76px
}
#sitemap {
text-align:left;
font-size:110%;
overflow:hidden;
*zoom:1;
min-height:128px
}
#sitemap a {
text-decoration:none;
color:#4D4A45
}
#sitemap a:hover {
color:#6D6A65
}
#sitemap li {
background:none;
padding:3px 0px
}
#sitemap .column {
padding:0px 10px;
width:108.33333px;
float:left;
position:relative
}
#sitemap .centerColumn {
padding:0px;
width:150px;
margin-top:2px
}
#footer .copyright {
margin-right:15px
}
#footer .bottom {
text-align:left;
border-top:1px solid #0F0F0F;
margin-top:8px;
padding:9px 9px 10px 9px;
color:#3F3D39;
box-shadow:0px 0px 10px 1px #000 inset;
background:rgba(0,0,0,0.36)
}
#footer .bottom a {
color:#3F3D39
}
#footer .bottom a:hover {
color:#6D6A65
}
#footer .bottom.garenaFooter {
overflow:hidden;
font-size:11px;
line-height:18px
}
#footer .bottom.garenaFooter .logo {
float:left;
box-shadow:none
}
#footer .bottom.garenaFooter .logo.garenaLogo {
padding-top:10px;
margin-top:16px
}
#footer .bottom.garenaFooter .copyright {
float:left;
width:520px;
padding-top:19px
}
#footer .bottom.garenaFooter.ch .copyright {
width:260px;
margin-right:5px;
font-size:9px;
line-height:15px
}
#footer .bottom.garenaFooter.ch .rating {
width:245px;
float:left;
padding-top:15px
}
#footer .bottom.garenaFooter.ch .rating img {
width:50px;
padding-top:5px
}
#footer .bottom.garenaFooter.ch .rating .rating-icon {
float:left
}
#footer .bottom.garenaFooter.ch .rating .legal {
float:left;
margin-left:10px;
width:170px;
line-height:16px
}
#footer .bottom.garenaFooter.ch .social {
width:30px;
float:left;
padding-top:20px
}
#footer .bottom.garenaFooter.ch .social img {
width:30px
}
#footer .logo {
padding:10px 9px 3px 10px;
display:block;
box-shadow:0px 0px 10px 1px #000 inset;
background:rgba(0,0,0,0)
}
::-webkit-input-placeholder {
color:#4c4848;
font-style:italic;
padding:2px;
font-size:smaller
}
:-moz-placeholder {
color:#4c4848;
font-style:italic
}
::-moz-placeholder {
color:#4c4848;
font-style:italic
}
:-ms-input-placeholder {
color:#4c4848;
font-style:italic
}
#garenaContainer {
clear:both
}
#garena1 {
overflow:hidden
}
#garena2 .shopSpecialsBox {
float:left
}
#garena2 #garenaEvents {
width:610px;
overflow:hidden;
margin-bottom:0px
}
#garena2 #garenaEvents .eventsListSummary {
position:relative
}
#garena2 #garenaEvents .eventsListSummary h2.title {
padding-left:5px
}
#garena2 #garenaEvents .eventsListSummary .eventsList {
overflow:hidden
}
#garena2 #garenaEvents .eventsListSummary .eventsList .event {
float:left;
width:271px;
margin:5px 10px 10px 5px
}
#garena2 #garenaEvents .eventsListSummary .controls {
height:106px
}
#garena2 #garenaLivestreams {
clear:both;
margin-top:0px;
width:910px;
overflow:hidden
}
#garena2 #garenaLivestreams .twitchTvWidget {
position:relative;
padding-left:6px
}
#garena2 #garenaLivestreams .twitchTvWidget .stream {
float:left;
margin-right:15px;
padding-top:5px
}
#garena2 #garenaLivestreams .twitchTvWidget .controls {
height:160px
}
#garena2 .controls {
width:30px;
background:#000;
position:absolute;
left:583px;
top:45px
}
#garena2 .controls .leftButton {
width:28px;
height:35px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/tabs-control/LeftButton.png?1443764307');
cursor:pointer;
position:absolute;
bottom:0px
}
#garena2 .controls .leftButton:hover {
background-position:0px -35px
}
#garena2 .controls .rightButton {
width:28px;
height:35px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/tabs-control/RightButton.png?1443764307');
cursor:pointer;
position:absolute;
top:0px
}
#garena2 .controls .rightButton:hover {
background-position:0px -35px
}
#garena2 .shopSpecialsBox .banner {
left:-10px;
top:17px
}
#garena2 .shopSpecialsBox .special {
top:1px;
left:-10px;
width:285px
}
#garena2 #garenaSpecials.noEvents {
float:right
}
#garena2 #garenaLivestreams.noEvents {
float:left;
clear:none;
width:620px
}
#garena3 {
overflow:hidden;
clear:both
}
.awds-sprite,.awds-awdsm {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/awakening/aw-buttons/awds-s743409df7a.png') no-repeat
}
.awdl-sprite,.awdl-awdl {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/awakening/aw-buttons/awdl-s3561293c85.png') no-repeat
}
.awdstw-sprite,.awdstw-awdsm {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/awakening/aw-buttons/awdstw-s6318102386.png') no-repeat
}
.awdltw-sprite,.awdltw-awdl {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/awakening/aw-buttons/awdltw-s11c034b237.png') no-repeat
}
.awds-awdsm {
background-position:0 0
}
.awdl-awdl {
background-position:0 0
}
.awdstw-awdsm {
background-position:0 -61px
}
.awdltw-awdl {
background-position:0 -111px
}
body {
min-width:720px
}
*:focus {
outline:none
}
.awakening-page-supporter {
width:100%;
height:100px;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/info_badge_normal.png?1443670920') 49% 0 no-repeat;
margin:-18px 0px;
z-index:20
}
.awakening-page-supporter:hover {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/info_badge_hover.png?1443670923') 49% 0 no-repeat
}
.awakening {
font-family:"FontinRegular","Verdana","Arial","Helvetica","sans-serif";
font-weight:bold;
font-size:16px;
word-spacing:0.7px
}
.awakening header {
font-family:"FontinSmallCaps","Verdana","Arial","Helvetica","sans-serif"
}
.awakening a {
font-style:normal
}
.awakening a:link {
color:#43a2e6
}
.awakening a:hover {
color:#2996d1
}
.awakening a:visited {
color:#43a2e6
}
.awakening-container {
color:#9f9fa1;
margin-left:auto;
margin-right:auto;
position:relative
}
.awakening-content {
width:100%;
position:absolute;
top:170px
}
.awakening-content p {
width:500px
}
.awakening-content .coming-soon {
font-style:italic;
font-size:14px;
color:#737373
}
#awakening-download-small {
width:250px;
height:60px;
display:block
}
#awakening-signup-button-small:hover {
background-position:0px -61px
}
#awakening-signup-large,#awl-button {
width:455px;
height:110px;
background-position:0px 0px;
display:block
}
#awakening-signup-large:hover {
background-position:0px -112px
}
.zh_TW #awakening-countdown {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/small_timer_zh_TW.png?1443670920')
}
.ru_RU #awakening-countdown {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/small_timer_ru_RU.png?1443670923')
}
header.awakening {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/header_text.jpg?1443670923');
height:840px
}
header.awakening-page-header {
height:1000px
}
header .awakening-content {
width:730px;
padding-top:330px
}
header .awakening-video {
position:absolute;
cursor:pointer;
left:157px;
top:500px
}
header #awakening-countdown {
width:505px;
height:80px;
position:absolute;
z-index:-1;
left:100px;
top:400px;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/small_timer.png?1443670923') no-repeat
}
header #awakening-countdown .countdown {
position:absolute;
width:299px;
height:30px;
top:12px;
left:112px;
line-height:28px;
color:#ffd777;
font-size:23px;
text-align:center
}
header #awakening-countdown .countdown .countdown_section,header #awakening-countdown .countdown .countdown-section {
color:#ffd777
}
header #awakening-countdown .countdown div {
position:absolute;
width:53px;
height:29px
}
header #awakening-countdown .countdown .days {
left:6px
}
header #awakening-countdown .countdown .hours {
left:85px
}
header #awakening-countdown .countdown .minutes {
left:166px
}
header #awakening-countdown .countdown .seconds {
left:246px
}
header #awakening-countdown span {
-webkit-transition:20ms ease all;
-moz-transition:20ms ease all;
-o-transition:20ms ease all;
transition:20ms ease all;
display:block;
opacity:0;
width:244px;
height:60px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/widget/open-beta-countdown/download-hover.png?1443670915')
}
header #awakening-countdown:hover span {
opacity:1
}
header #awakening-countdown .countdown div {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
header #awakening-countdown .countdown div.start {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
color:#fff;
text-shadow:0px 0px 5px #ffd777
}
header #awakening-countdown .countdown div.done {
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
color:#ffd777;
text-shadow:none
}
header #awakening-countdown .countdown div.zero {
text-shadow:0px 0px 5px #b61d10;
color:#B61D10
}
header .awakening-split {
width:250px;
float:left;
height:130px
}
header .awakening-split.signup {
float:right;
margin-right:-40px
}
header .awakening-split.video {
cursor:pointer;
margin-left:-70px
}
header .awakening-split.video img {
border:1px solid #000;
box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4)
}
header .awakening-split .splash {
height:235px;
width:320px;
left:400px;
top:46px;
position:absolute
}
header.awakening,footer.awakening {
position:relative;
width:100%;
background-repeat:no-repeat;
background-position:49.9% 0
}
header.awakening .awakening-content,footer.awakening .awakening-content {
position:relative;
margin-left:auto;
margin-right:auto;
z-index:5
}
header.awakening .awakening-content .layoutBox1,footer.awakening .awakening-content .layoutBox1 {
width:585px
}
section {
width:100%;
position:relative;
background-size:cover;
background-repeat:no-repeat
}
section.awakening {
position:relative;
background-repeat:no-repeat;
background-position:49.9% 0;
background-size:inherit
}
section.awakening.awakening-right header {
width:400px
}
section.awakening header {
color:#ffa007;
height:25px;
font-size:28px;
width:100%;
position:absolute;
top:130px
}
section.awakening.act4 {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/710BestAwakens.jpg?1443670923')
}
section.awakening.leagues {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/710NewLeagues.jpg?1443670923')
}
section.awakening.skills {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/skills.jpg?1443670920')
}
section.awakening.skills header {
left:700px
}
section.awakening.skills .awakening-content p {
padding-left:700px
}
section.awakening.jewels {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/jewels.jpg?1443670923')
}
section.awakening.jewels header {
left:2px;
top:170px
}
section.awakening.jewels .awakening-content {
top:210px
}
section.awakening.jewels .awakening-content .jewel-items {
position:relative;
margin-top:200px;
width:500px
}
section.awakening.jewels .awakening-content .jewel-items .itemInfo {
font-size:12px;
font-style:italic;
color:#737373;
text-align:center
}
section.awakening.jewels .awakening-content .jewel-item {
width:60px;
float:left;
margin:10px
}
section.awakening.items {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/items_sword.jpg?1443670920')
}
section.awakening.items header {
left:700px
}
section.awakening.items .awakening-content p {
padding-left:700px
}
section.awakening.items .awakening-content .unique-items {
position:relative;
margin-top:-90px;
margin-left:200px;
width:500px
}
section.awakening.items .awakening-content .unique-items .itemInfo {
font-size:12px;
font-style:italic;
color:#737373;
text-align:center
}
section.awakening.items .awakening-content .unique-item {
width:100px;
float:left;
margin:10px
}
section.awakening.qol {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/qol.jpg?1443670923')
}
footer.awakening {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/footer.jpg?1443670920');
height:762px
}
footer.awakening .awakening-container {
height:680px
}
footer.awakening .awakening-container .screenshots {
top:410px;
left:-156px;
width:1100px;
position:absolute
}
footer.awakening .awakening-container .screenshots .awakening-ss {
position:relative;
float:left;
width:150px;
height:94px;
margin-right:20px;
border:1px solid #000;
box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4)
}
footer.awakening .awakening-container .footer-signup {
position:absolute;
top:520px;
left:122px;
width:455px
}
footer.awakening .awakening-container .awakening-content {
width:600px;
top:40px;
left:0px
}
@media (min-width: 1200px) {
.awakening-container {
width:1200px;
height:710px
}
.awakening {
height:710px
}
}
@media (max-width: 1199px) {
#awakening-signup-large,#awl-button {
width:305px;
height:74px
}
#awakening-signup-large {
background-position:0px 0px
}
#awakening-signup-large:hover {
background-position:0px -75px
}
#awakening-signup-large:active {
background-position:0px -150px
}
#awakening-signup-large {
background-size:305px
}
header.awakening {
height:516px
}
header.awakening .awakening-video {
top:340px
}
header.awakening-page-header {
height:800px
}
header .awakening-content {
padding-top:110px
}
header #awakening-countdown {
top:282px;
left:100px
}
footer.awakening {
height:448px;
overflow:hidden
}
footer.awakening .awakening-container {
height:448px
}
footer.awakening .awakening-container .screenshots {
top:225px;
width:735px;
left:0px;
margin-left:-36px
}
footer.awakening .awakening-container .screenshots .awakening-ss {
width:110px;
height:70px;
margin-right:10px
}
footer.awakening .awakening-container .footer-signup {
width:300px;
top:310px;
left:173px
}
header.awakening,footer.awakening,section.awakening {
background-size:cover
}
section.awakening {
height:435px
}
section.awakening header {
top:90px
}
section.awakening .awakening-content {
top:130px
}
section.awakening .awakening-content p {
width:450px
}
section.awakening.awakening-right header {
top:60px;
left:350px
}
section.awakening.awakening-right .awakening-content {
top:104px
}
section.awakening.awakening-right .awakening-content p {
padding-left:350px;
width:390px
}
section.awakening.jewels header {
top:60px
}
section.awakening.jewels .awakening-content {
top:104px
}
section.awakening.jewels .awakening-content .jewel-items {
margin-top:110px
}
section.awakening.items .awakening-content .unique-items {
margin-left:-90px;
margin-top:-140px
}
section.awakening.items .awakening-content .unique-items .itemInfo {
width:190px;
float:left;
margin-top:-37px;
margin-left:99px
}
section.awakening.items .awakening-content .unique-item {
width:100px;
float:left;
margin:2px
}
section .awakening-container {
width:720px;
height:435px
}
}
.aw-info p,p.aw-info {
color:#737373;
text-align:center;
width:auto
}
.awakening-message {
font-weight:normal;
font-size:14px;
width:250px
}
.awakening-message .message {
color:#8a0108
}
.awakening-message .aw-info {
margin-top:15px
}
body.zh_TW header.awakening-page-header {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/header_text_zh_TW.jpg?1443670923')
}
body.zh_TW .awakening-page-supporter {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/info_badge_normal_zh_TW.png?1443670918') 49% 0 no-repeat
}
body.zh_TW .awakening-page-supporter:hover {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/info_badge_hover_zh_TW.png?1443670920') 49% 0 no-repeat
}
body.ru_RU section.awakening header,body.ru_RU header.awakening header,body.ru_RU footer.awakening header {
font-size:22px
}
body.ru_RU p {
font-weight:normal
}
body.ru_RU .itemInfo {
font-weight:normal;
font-size:11px
}
header.awinfo .awakening-container {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/awbordertop.png?1443670921') no-repeat 50% 0px;
background-size:1200px
}
header.awinfo .awakening-container header {
top:100px
}
header.awinfo .awakening-container .awakening-content {
padding-top:120px
}
header.awinfo .awinfo-separator {
top:696px
}
footer.awinfo .awakening-container {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/awborderbot.png?1443670921') no-repeat 50% 100%;
background-size:1200px
}
.awinfo {
min-width:900px;
height:600px
}
.awinfo p {
font-size:14px;
font-family:"FontinRegular","Verdana","Arial","Helvetica","sans-serif";
text-align:justify;
margin-bottom:6px
}
.awinfo header {
position:absolute;
font-family:"FontinSmallCaps","Verdana","Arial","Helvetica","sans-serif";
font-size:28px;
color:#ffa007
}
.awinfo .awakening-container {
background-size:1200px;
width:1200px
}
.awinfo .awakening-container header {
width:500px
}
.awinfo .awakening-container .awakening-content {
top:80px;
width:1200px
}
.awinfo .awinfo-center {
margin-left:auto;
margin-right:auto
}
.awinfo .awinfo-separator {
height:12px;
width:100%;
background-size:1200px;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/separator.png?1443670921') 50% -28px no-repeat;
z-index:10;
position:absolute;
top:596px
}
.awinfo .awinfo-separator-comingsoon {
width:100%;
height:26px;
top:90px;
position:absolute;
font-family:"FontinSmallCaps","Verdana","Arial","Helvetica","sans-serif";
font-size:22px;
color:#ffa007;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/comingsoon.png?1443670921');
background-position:50% -28px
}
.awinfo .awinfo-separator-comingsoon .separator-text {
text-align:center;
text-shadow:2px 2px 3px #111
}
.awinfo .itemInfo {
font-size:12px;
font-style:italic;
color:#737373;
text-align:center
}
.awinfo .awinfo-gem {
width:500px;
height:50px;
position:absolute;
top:250px
}
.awinfo .awinfo-gem .awinfo-gem-item {
width:50px;
margin-left:auto;
margin-right:auto
}
.awinfo .awinfo-locked {
width:100%;
height:220px;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/lockedinfo.png?1443670921') no-repeat 0 0
}
.awinfo .awinfo-locked p.coming-soon {
margin-left:188px;
padding-top:210px
}
.awinfo .awinfo-items {
position:absolute;
z-index:3
}
.awinfo .awinfo-items .awinfo-items-large {
width:820px
}
.awinfo .awinfo-items .awinfo-items-mini {
width:510px
}
.awinfo .awinfo-items .awinfo-item {
float:left
}
.awinfo.awinfo-left header,.awinfo.awinfo-right header {
padding:0px 50px;
top:20px;
font-size:32px
}
.awinfo.awinfo-left p,.awinfo.awinfo-right p {
padding:0px 50px
}
.awinfo.awinfo-left .awinfo-gem {
left:50px
}
.awinfo.awinfo-right .awinfo-gem {
left:650px
}
.awinfo.awinfo-right .awakening-container header {
margin-top:10px;
height:40px;
width:auto;
float:right;
text-align:right;
position:relative
}
.awinfo.awinfo-right .awakening-container .awakening-content p {
position:relative;
float:right;
width:500px;
padding-left:300px
}
.awinfo.beastmore {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710Belly.jpg?1443670921');
overflow:visible
}
.awinfo.beastmore .awakening-container {
height:800px
}
.awinfo.beastmore .awakening-container .awakening-content {
width:auto;
top:80px;
left:0px
}
.awinfo.nightmare {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/nightmare.jpg?1443670921');
height:754px
}
.awinfo.nightmare .awinfo-separator {
top:746px
}
.awinfo.nightmare .awakening-container {
width:720px
}
.awinfo.nightmare .awakening-container header {
top:10px;
left:766px;
width:320px
}
.awinfo.nightmare .awakening-container .awakening-content {
top:50px
}
.awinfo.nightmare .awakening-container .awakening-content p {
padding-left:470px;
width:600px
}
.awinfo.actfour {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/areaheader.jpg?1443670921');
height:876px
}
.awinfo.actfour .awinfo-separator {
top:869px
}
.awinfo.actfour .awakening-container header {
top:110px;
left:54px
}
.awinfo.actfour .awakening-container .awakening-content {
top:160px;
width:1090px;
padding:0
}
.awinfo.actfour .awakening-container .awakening-content p {
width:455px
}
.awinfo.skills-header {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/skills.jpg?1443670921');
height:710px
}
.awinfo.skills-header .awakening-container .skills-header {
top:80px
}
.awinfo.skills-header .awakening-container .awakening-content {
padding-top:80px
}
.awinfo.jewels-header {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710NewSource.jpg?1443670921');
height:710px
}
.awinfo.jewels-header .awakening-container .awakening-content {
padding-top:80px
}
.awinfo.jewels-unique {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710ModifyGem.jpg?1443670921')
}
.awinfo.jewels-unique .awakening-container .awakening-content {
top:110px
}
.awinfo.jewels-unique .awinfo-items {
top:0px;
left:580px
}
.awinfo.jewels-crafted {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710Craft.jpg?1443670921')
}
.awinfo.jewels-crafted .awinfo-items {
top:0px;
right:580px
}
.awinfo.leagues-header {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710NewLeagues.jpg?1443670921');
height:710px
}
.awinfo.leagues-header .awakening-container .awakening-content {
padding-top:80px
}
.awinfo.leagues-header .awakening-container .awinfo-video {
margin-top:360px;
margin-left:42px
}
.awinfo.warbands {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600Warbands.jpg?1443670921')
}
.awinfo.tempest {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600Tempest.jpg?1443670921')
}
.awinfo.improvements-header {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/qol.jpg?1443670923');
height:710px
}
.awinfo.improvements-header .awakening-container header {
top:110px
}
.awinfo.improvements-header .awakening-container .awakening-content {
padding-top:80px
}
.awinfo.improvements-sync {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710Sync.jpg?1443670921')
}
.awinfo.improvements-sync .awakening-container header {
width:520px
}
.awinfo.improvements-filters {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710ItemFilters.jpg?1443670921')
}
.awinfo.improvements-qol {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710Qol.jpg?1443670921')
}
.awinfo.improvements-rebalance {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710Rebalance.jpg?1443670921')
}
.awinfo.improvements-rebalance .awakening-container header {
margin-top:0px
}
.awinfo.abyssal {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/abyssal.jpg?1443670921')
}
.awinfo.rallying {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/rallying.jpg?1443670921')
}
.awinfo.icegolem {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/icegolem.jpg?1443670921')
}
.awinfo.flamegolem {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/flamegolem.jpg?1443670921')
}
.awinfo.chaosgolem {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/chaosgolem.jpg?1443670921')
}
.awinfo.vigilant {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/vigilant.jpg?1443670921')
}
.awinfo.fortify {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/fortify.jpg?1443670921')
}
.awinfo.blood {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/blood.jpg?1443670921')
}
.awinfo.detonate-mines {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600Detonate.jpg?1443670921')
}
.awinfo.hypothermia {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600Hypothermia.jpg?1443670921')
}
.awinfo.icecrash {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600IceCrash.jpg?1443670921')
}
.awinfo.innervate {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600Innervate.jpg?1443670921')
}
.awinfo.trap-and-mine-damage {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600MineTrapDamage.jpg?1443670921')
}
.awinfo.fire-nova-mine {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600NovaMine.jpg?1443670921')
}
.awinfo.magma-orb {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600FireMortar.jpg?1443670921')
}
.awinfo.wild-strike {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600WildStrike.jpg?1443670921')
}
.awinfo.frost-blades {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600FrostBlades.jpg?1443670921')
}
.awinfo.flame-dash {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600FlameDash.jpg?1443670921')
}
.awinfo.phase-run {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/600PhaseRun.jpg?1443670921')
}
.awinfo.ice-bite {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/710IceBite.jpg?1443670921')
}
.awinfo.skillsmore {
background:transparent;
overflow:visible;
height:112px
}
.awinfo.skillsmore .awakening-container {
height:108px;
background-position:50% 100%;
margin-top:-8px
}
.awinfo.items-header {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/maraketh.jpg?1443670921');
height:500px
}
.awinfo.items-header .awakening-container .awakening-content {
padding-top:80px
}
.awinfo.items-header .awakening-container .awakening-content .awinfo-items {
margin-left:100px
}
.awinfo.items-header .awakening-container .awakening-content .awinfo-items .itemContentLayout {
margin:0
}
.awinfo.items-header .awinfo-separator {
top:496px
}
.awinfo.divination {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/DivinationCards.jpg?1443670921')
}
.awinfo.uniques-footer {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/awinfo/uniqueitems.jpg?1443670921')
}
.awinfo.uniques-footer .awakening-container {
height:1344px
}
.awinfo.uniques-footer .awakening-container .awakening-content {
width:1200px;
top:80px
}
.awinfo.uniques-footer .awakening-container .awakening-content .awinfo-items {
top:190px;
width:1200px
}
@media (max-width: 1199px) {
header.awinfo .awakening-container {
background-size:900px
}
header.awinfo .awakening-container header {
top:80px
}
header.awinfo .awakening-container .awakening-content {
padding-top:120px
}
header.awinfo .awinfo-separator {
top:446px
}
footer.awinfo .awakening-container {
background-size:900px
}
.awinfo .awakening-container {
width:900px;
background-size:900px
}
.awinfo .awakening-container .awakening-content {
width:900px
}
.awinfo .awinfo-separator {
top:430px;
background-size:900px;
background-position:50% -10px
}
.awinfo .awinfo-separator-comingsoon {
top:70px;
background-position:50% -12px
}
.awinfo .awinfo-left header {
top:30px
}
.awinfo.awinfo-right .awinfo-gem {
left:420px;
width:430px
}
.awinfo.awinfo-right .awakening-container .awakening-content p {
padding-left:350px;
width:430px
}
.awinfo.actfour {
height:546px
}
.awinfo.actfour .awinfo-separator {
top:539px
}
.awinfo.actfour .awakening-container {
background-size:900px;
width:900px;
height:546px
}
.awinfo.actfour .awakening-container header {
left:34px;
top:84px
}
.awinfo.actfour .awakening-container .awakening-content {
width:850px;
position:absolute;
top:132px;
left:32px
}
.awinfo.actfour .awakening-container .awakening-content p {
width:430px
}
.awinfo.nightmare {
height:462px;
overflow:hidden
}
.awinfo.nightmare .awinfo-separator {
top:455px
}
.awinfo.nightmare .awakening-container header {
left:470px
}
.awinfo.nightmare .awakening-container .awakening-content p {
padding-left:350px;
width:430px
}
.awinfo.beastmore .awakening-container {
height:450px;
width:900px;
background-size:900px
}
.awinfo.beastmore .awakening-container .awakening-content {
width:auto;
top:80px;
left:0px
}
.awinfo.skills-header {
height:450px
}
.awinfo.skillsmore {
height:82px
}
.awinfo.skillsmore .awakening-container {
height:82px
}
.awinfo.items-header {
height:453px
}
.awinfo.items-header .awakening-container .awakening-content .awinfo-items {
margin-left:-10px
}
.awinfo.items-header .awinfo-separator {
top:448px
}
.awinfo.jewels-header {
height:450px
}
.awinfo.improvements-header {
height:450px
}
.awinfo.uniques-footer {
height:600px;
overflow:visible
}
.awinfo.uniques-footer .awakening-container {
height:1330px
}
.awinfo.uniques-footer .awakening-container .awakening-content {
width:900px
}
.awinfo.uniques-footer .awakening-container .awakening-content .awinfo-items {
width:900px
}
}
.ladderView,.seasonLadder {
position:relative
}
.ladderView table,.seasonLadder table {
clear:both;
border:1px solid #1a1a1a
}
.ladderView thead,.seasonLadder thead {
background:#181818
}
.ladderView th,.seasonLadder th {
padding:5px;
color:#dfcf99
}
.ladderView tr:nth-child(even),.seasonLadder tr:nth-child(even) {
background:#0d0f0d
}
.ladderView td,.seasonLadder td {
padding:3px 5px
}
.ladderView .pagination,.seasonLadder .pagination {
padding:3px 0px 0px 0px !important
}
.ladderView .dead,.seasonLadder .dead {
color:#353535
}
.ladderView .deadText,.seasonLadder .deadText {
color:#b80000;
font-size:smaller
}
.ladderView h2 {
float:left
}
.ladderView .controls {
float:right;
margin-bottom:3px
}
.ladderView .refresh {
margin:0px 5px
}
.ladderView.empty {
display:none
}
.ladderView .entry .onlineStatus {
padding:4px;
width:15px
}
.ladderView .entry .rank {
width:75px
}
.ladderView .entry .account {
width:160px
}
.ladderView .entry .character {
width:240px
}
.ladderView .entry .class {
width:100px
}
.ladderView .entry .level {
width:80px
}
.ladderView .entry.finishTime .account {
width:130px
}
.ladderView .entry.finishTime .character {
width:150px
}
.ladderView .entry .points,.ladderView .entry .tiebreaker,.ladderView .entry .gamesPlayed {
width:120px
}
.ladderView .entry.newRound {
border-top:1px solid #7B725D
}
.ladderView .loading {
display:none;
position:absolute;
width:100%;
z-index:10
}
#signature-races .seasons-list {
z-index:1000;
float:right;
margin-top:-40px;
margin-right:20px;
position:relative
}
ul li {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/list/t1.png?1443670916') no-repeat scroll 4px 3px;
padding-left:20px
}
form {
padding:0px;
margin:0px;
padding:0px
}
form.t1 fieldset,.formT1 fieldset,.poeForm table.border {
border:1px solid #1D1D1D;
border-collapse:collapse;
box-shadow:0px 0px 3px 2px rgba(31,31,31,0.7);
background:rgba(18,18,18,0.41);
background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(17,17,17,0.9)), color-stop(40%, rgba(12,12,12,0.3)), color-stop(100%, rgba(22,22,22,0.9)));
background-image:-webkit-linear-gradient(left, rgba(17,17,17,0.9),rgba(12,12,12,0.3) 40%,rgba(22,22,22,0.9));
background-image:-moz-linear-gradient(left, rgba(17,17,17,0.9),rgba(12,12,12,0.3) 40%,rgba(22,22,22,0.9));
background-image:-o-linear-gradient(left, rgba(17,17,17,0.9),rgba(12,12,12,0.3) 40%,rgba(22,22,22,0.9));
background-image:linear-gradient(left, rgba(17,17,17,0.9),rgba(12,12,12,0.3) 40%,rgba(22,22,22,0.9))
}
form.t1 label,.formT1 label,.poeForm label {
color:#B8B5A5
}
form.t1 textarea,form.t1 input[type="text"],form.t1 input[type="password"],form.t1 select,.formT1 textarea,.formT1 input[type="text"],.formT1 input[type="password"],.formT1 select,.poeForm textarea,.poeForm input.textInput,.poeForm input.passwordInput,.poeForm input.captcha,.poeForm select,.pagination .perPageOptions {
background-color:#222222;
background-color:rgba(42,42,42,0.9);
color:#BEB698;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
form.t1 textarea:focus,form.t1 input[type="text"]:focus,form.t1 input[type="password"]:focus,form.t1 select:focus,.formT1 textarea:focus,.formT1 input[type="text"]:focus,.formT1 input[type="password"]:focus,.formT1 select:focus,.poeForm textarea:focus,.poeForm input.textInput:focus,.poeForm input.passwordInput:focus,.poeForm input.captcha:focus,.poeForm select:focus,.pagination .perPageOptions:focus {
outline:none
}
form.t1 *,.formT1 * {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
form.t1 .row,.formT1 .row {
margin:10px 5px 5px 5px
}
form.t1 .row:first-child,.formT1 .row:first-child {
margin-top:5px
}
form.t1 .row.wide,.formT1 .row.wide {
margin-left:0px;
margin-right:0px
}
form.t1 .row>*,.formT1 .row>* {
vertical-align:top;
position:relative
}
form.t1 .row.error label,form.t1 .element li.row label,form.t1 .formT1 .element li.row label,.formT1 .element form.t1 li.row label,.formT1 .row.error label,.formT1 form.t1 .element li.row label,form.t1 .element .formT1 li.row label,.formT1 .element li.row label {
text-shadow:0px 0px 4px #522424
}
form.t1 .row.error.hash,form.t1 .element li.row.hash,form.t1 .formT1 .element li.row.hash,.formT1 .element form.t1 li.row.hash,.formT1 .row.error.hash,.formT1 form.t1 .element li.row.hash,form.t1 .element .formT1 li.row.hash,.formT1 .element li.row.hash {
display:block
}
form.t1 .row.captcha label,.formT1 .row.captcha label {
font-size:smaller
}
form.t1 .row.captcha input[type="text"],.formT1 .row.captcha input[type="text"] {
text-align:center;
letter-spacing:20px
}
form.t1 .row.captcha .refresh,.formT1 .row.captcha .refresh {
position:absolute;
top:15px;
right:3px;
cursor:pointer;
text-align:center;
padding:0px;
margin:0px
}
form.t1 .row.stacked label,.formT1 .row.stacked label {
width:100%;
max-width:none;
padding:2px;
display:block
}
form.t1 .row.stacked input,.formT1 .row.stacked input {
text-align:center
}
form.t1 .row.stacked .element,.formT1 .row.stacked .element {
width:100%;
display:block;
max-width:none
}
form.t1 .row.hash,.formT1 .row.hash {
display:none
}
form.t1 label,.formT1 label {
width:25%;
max-width:160px;
display:inline-block;
padding-right:5px
}
form.t1 .element,.formT1 .element {
display:inline-block;
width:75%;
max-width:600px
}
form.t1 .element li,.formT1 .element li {
font-size:smaller;
border-radius:2px;
border:1px solid #1F1919;
padding:2px 3px 3px 3px;
margin:1px 0px;
background:#0C0000;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #110d0d), color-stop(80%, #181818), color-stop(100%, #111111));
background-image:-webkit-linear-gradient(top, #110d0d,#181818 80%,#111111);
background-image:-moz-linear-gradient(top, #110d0d,#181818 80%,#111111);
background-image:-o-linear-gradient(top, #110d0d,#181818 80%,#111111);
background-image:linear-gradient(top, #110d0d,#181818 80%,#111111)
}
form.t1 textarea,form.t1 input[type="text"],form.t1 input[type="password"],.formT1 textarea,.formT1 input[type="text"],.formT1 input[type="password"] {
padding:1px
}
form.t1 textarea,form.t1 input[type="text"],form.t1 input[type="password"],form.t1 select,.formT1 textarea,.formT1 input[type="text"],.formT1 input[type="password"],.formT1 select {
width:100%
}
.form_base_s {
width:398px
}
form.t1 .emailSuggestion,.formT1 .emailSuggestion,.poeForm .emailSuggestion {
display:none;
color:#e2af0b;
word-wrap:break-word;
word-break:break-all
}
form.t1 .emailSuggestion .suggestedEmail,.formT1 .emailSuggestion .suggestedEmail,.poeForm .emailSuggestion .suggestedEmail {
font-weight:bold;
color:#f3bc0f;
font-style:italic
}
.poeForm table {
border-collapse:collapse;
color:#cac2a8
}
.poeForm input.textInput,.poeForm input.passwordInput,.poeForm input.captcha {
width:49%
}
.poeForm textarea {
width:100%;
padding:2px;
height:200px
}
.poeForm.formForumPost textarea,.poeForm.formForumThread textarea {
height:400px
}
.poeForm .captchaSecondColumn td {
text-align:left
}
.poeForm .defaultCaptcha {
text-align:left
}
.poeForm .recaptchaRow .recaptchaContainer {
padding:7px 10px 11px
}
.poeForm textarea.moderatorNotes {
width:310px;
height:120px
}
dl.poeForm dd {
margin-bottom:10px
}
.layoutBoxHalf .poeForm input.textInput,.layoutBoxHalf .poeForm input.passwordInput,.layoutBoxHalf .poeForm input.captcha {
width:276px
}
.layoutBoxHalf .poeForm .accountCaptcha {
text-align:center
}
.layoutBoxHalf .poeForm .accountCaptcha input.captcha {
width:420px
}
.layoutBoxFull .poeForm input.textInput,.layoutBoxFull .poeForm input.passwordInput,.layoutBoxFull .poeForm input.captcha {
width:368px
}
.layoutBoxFull .forumSearchForm {
float:right;
margin:2px 5px 0px 5px;
width:230px;
display:inline-block
}
.layoutBoxFull .forumSearchForm .formTextInline {
float:none
}
.layoutBoxFull .forumSearchForm input.textInput {
background:rgba(0,0,0,0.2);
padding-left:3px;
padding-right:3px;
width:100%;
border-radius:1px
}
.form-container-m table.form_base {
width:398px
}
table.border {
border:1px solid #30302E;
border-collapse:collapse;
background:none;
margin-bottom:15px
}
table.no-border {
margin-left:5px;
border:none
}
table.no-border td {
padding:0px
}
.form_base td {
padding:0px;
vertical-align:top
}
td.center {
text-align:center
}
td.label {
padding:5px;
width:96px
}
tr.input-row td {
padding:5px
}
.form-td-left {
min-width:153px
}
.form-label-td {
min-width:153px
}
label {
font-weight:bold
}
td.file input {
color:#cac2a8
}
td.file .form-text-l {
width:270px
}
.form-container-m td.text input {
width:270px
}
.form-container-m td.password input {
width:270px
}
.formInline .formTextInline,.formInline .formImageInline {
float:left
}
td.checkbox input {
width:auto;
margin:0px;
padding:0px
}
input.text-captcha {
width:282px
}
input.checkbox {
border:0px;
padding:0px;
margin-right:5px;
height:12px;
width:12px;
color:#000
}
.form_base select {
background-color:#000;
color:#cac2a8;
width:369px
}
.form_base .hash .errors {
text-align:left;
margin-bottom:10px
}
.form-text-l {
width:375px;
position:relative;
background:#000 url('https://p7p4m6s5.ssl.hwcdn.net/image/form/text_l.png?1443670917') repeat-y
}
.form-text-l-big {
width:475px
}
.form-container-m .form-text-l {
width:277px
}
.formForumPost .text input,.formForumThread .text input {
width:476px
}
.formForumPost .form-text-l,.formForumThread .form-text-l {
width:482px
}
td.center .form-text-l {
display:inline-block
}
.form-text-r {
position:relative;
width:100%;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/form/text_r.png?1443670917') right repeat-y
}
.form-text-top {
display:block;
position:relative;
width:100%;
height:2px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/form/text_tl.png?1443670917') no-repeat;
line-height:1px;
font-size:1px
}
.form-text-top span {
height:2px;
line-height:1px;
font-size:1px;
display:block;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/form/text_tr.png?1443670917') no-repeat top right
}
.form-text-bottom {
line-height:1px;
font-size:1px;
clear:both;
width:100%;
height:2px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/form/text_bl.png?1443670917') repeat-x
}
.form-text-bottom span {
line-height:1px;
font-size:1px;
height:2px;
display:block;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/form/text_br.png?1443670917') no-repeat bottom right;
position:relative
}
.form-error td {
padding-bottom:3px
}
.form-error .errors {
padding:5px;
border:1px solid
}
.input-row td.captcha .form-text-l {
display:inline-block
}
.captcha-default .img-container {
position:relative
}
td.captcha {
padding-bottom:15px
}
td.captcha .form-text-l {
width:398px
}
td.captcha input {
border:none;
width:392px;
text-align:center;
letter-spacing:20px;
color:#cac2a8;
margin:1px 3px
}
input.image {
margin:0px
}
.form_base .image-row input {
margin-right:10px
}
.form-multi-checkbox label {
margin-left:10px;
left:0px;
margin:0px;
vertical-align:top;
padding:0px
}
td.form-multi-checkbox input {
float:none;
margin:3px 4px 0px 0px;
width:auto;
padding:0px
}
#captcha {
padding:0px;
position:relative
}
#captcha img {
height:48px
}
#captcha_refresh {
position:absolute;
top:15px;
right:3px;
cursor:pointer;
text-align:center;
padding:0px;
margin:0px
}
.confirm-form-submit-left {
margin-right:20px
}
.confirm-form-submit {
background:#231c18 url('https://p7p4m6s5.ssl.hwcdn.net/image/form/button-gradient.png?1443670917') repeat-x;
cursor:pointer;
padding:2px;
color:#886F56;
border:1px solid #3F3C33
}
.confirm-form-submit:hover {
cursor:pointer;
color:#C29E6C;
border-color:#C29E6C
}
.form_base .text input.pollRemoveOption {
width:auto
}
.formHeading {
margin-bottom:10px
}
.forumTable {
border-collapse:separate
}
.forumTable tr.expand-category {
cursor:pointer
}
.forumTable th {
padding:0px;
border-bottom:1px solid black;
background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1e1f1e), color-stop(100%, #1b1b1b));
background:-webkit-linear-gradient(#1e1f1e,#1b1b1b);
background:-moz-linear-gradient(#1e1f1e,#1b1b1b);
background:-o-linear-gradient(#1e1f1e,#1b1b1b);
background:linear-gradient(#1e1f1e,#1b1b1b)
}
.forumTable th .forumHeadingImg {
float:left
}
.forumTable th .view-more-button {
width:100px;
float:left;
padding:6px 2px 2px 2px;
font-size:14px
}
.forumTable td {
padding:5px;
border:1px solid #050505;
border-bottom:none;
border-right:none
}
.forumTable td.first {
border-left:none
}
.forumTable .staff td.content-container,.forumTable .support td.content-container,.forumTable .valued_poster td.content-container {
color:#CEC59F;
border-right:1px solid #050505
}
.forumTable .staff td.content-container .signature,.forumTable .support td.content-container .signature,.forumTable .valued_poster td.content-container .signature {
color:#aaa384
}
.forumTable .staff td.content-container .signature a,.forumTable .support td.content-container .signature a,.forumTable .valued_poster td.content-container .signature a {
color:#b4ae93
}
.forumTable .staff td {
border:1px solid #db9f00
}
.forumTable .staff+tr.staff td {
border-top:none
}
.forumTable .support td {
border:1px solid #867747
}
.forumTable .support+tr.support td {
border-top:none
}
.forumTable .valued_poster td {
border:1px solid #9d9d9d
}
.forumTable .valued_poster+tr.support td {
border-top:none
}
.forumTable td.post_info {
border-left:1px solid #050505
}
.forumTable .newsPost {
background:#000
}
.forumTable .newsPost td {
padding:0px;
border:none
}
.forumTable .newsPost .posted-by {
float:left;
text-align:left
}
.forumTable .newsPost .posted-by .roleLabel {
text-align:left
}
.forumTable .newsPost .posted-by .roleLabel.secondary {
display:none
}
.forumTable .newsPost .buttons {
float:right
}
.forumTable .newsPostInfo {
background:#030303;
border-top:2px solid #080808
}
.forumTable .newsPostInfo td {
padding:17px 17px 5px 17px
}
.forumTable tr {
background-color:#1a1b18
}
.forumTable tr.heading {
background:#1e1f1e;
height:25px
}
.forumTable tr blockquote {
background-color:#232420;
border-color:#343630;
border-radius:2px;
box-shadow:0px 0px 2px 1px #343630
}
.forumTable tr blockquote.staff {
border:1px solid #755500
}
.forumTable tr blockquote.staff.support {
border:1px solid #433c24
}
.forumTable tr .signature {
color:#5e4f45;
font-size:90%
}
.forumTable tr .signature a {
color:#715e53
}
.forumTable tr .signature a:hover {
color:#eee
}
.forumTable tr .last_edited_by {
color:#4d4a47;
font-style:italic;
margin-top:6px
}
.forumTable tr.even {
background-color:#0f0f0f
}
.forumTable tr.even blockquote {
background-color:#181818;
border-color:#292929;
box-shadow:0px 0px 2px 1px #292929
}
.forumTable tr.even blockquote.staff {
border:1px solid #755500
}
.forumTable tr.even blockquote.staff.support {
border:1px solid #433c24
}
.forumTable tr.even .signature {
color:#5d4e45
}
.forumTable tr.even .last_edited_by {
color:#4c4947
}
.forumTable tr.even.staff td.content-container .signature {
color:#a7a082
}
.forumTable td.last_post {
word-wrap:break-word;
max-width:190px
}
.forumIndexTable .forum {
width:530px
}
.forumIndexTable .threads,.forumIndexTable .posts {
width:75px;
text-align:center
}
.viewForumTable .flags {
width:74px
}
.viewForumTable .thread {
width:475px
}
.viewForumTable .replies {
width:71px;
text-align:center
}
.viewForumTable .views {
width:71px;
text-align:center
}
.viewForumTable .deleteShadowButton {
float:left;
display:block;
padding:0px 3px;
margin-top:4px;
width:66px;
text-align:center
}
.viewForumTable .support-icon {
margin:5px 0px 0px 5px
}
.forumPostListTable tr {
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #181818), color-stop(10%, #1a1b18), color-stop(80%, #1a1b18), color-stop(100%, #181818));
background-image:-webkit-linear-gradient(#181818,#1a1b18 10%,#1a1b18 80%,#181818);
background-image:-moz-linear-gradient(#181818,#1a1b18 10%,#1a1b18 80%,#181818);
background-image:-o-linear-gradient(#181818,#1a1b18 10%,#1a1b18 80%,#181818);
background-image:linear-gradient(#181818,#1a1b18 10%,#1a1b18 80%,#181818)
}
.forumPostListTable tr.even {
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #121212), color-stop(10%, #0f0f0f), color-stop(80%, #0f0f0f), color-stop(100%, #121212));
background-image:-webkit-linear-gradient(#121212 0%,#0f0f0f 10%,#0f0f0f 80%,#121212);
background-image:-moz-linear-gradient(#121212 0%,#0f0f0f 10%,#0f0f0f 80%,#121212);
background-image:-o-linear-gradient(#121212 0%,#0f0f0f 10%,#0f0f0f 80%,#121212);
background-image:linear-gradient(#121212 0%,#0f0f0f 10%,#0f0f0f 80%,#121212)
}
.forumPostListTable td {
vertical-align:top;
border-top:2px solid #1B1B1B
}
.forumPostListTable .content-container {
padding:10px 7px;
width:650px
}
.forumPostListTable .content {
overflow-x:auto;
height:auto !important;
min-height:205px;
height:205px;
margin-bottom:10px;
width:675px
}
.forumPostListTable .signature {
border-top:1px solid #333;
padding-top:5px;
word-wrap:break-word;
word-break:break-all
}
.forumPostListTable .post_info_content {
margin-bottom:20px;
padding:0px 2px
}
.forumPostListTable .post_info_content .report-post {
text-align:center
}
.forumPostListTable .post_info_content .report-post a {
text-decoration:none;
font-size:10px
}
.forumPostListTable .post_info_content .report-post a:hover {
text-decoration:underline
}
.forumPostListTable .post_anchor {
position:relative;
top:-30px
}
.forumPostListTable .post_anchor:target+div+div.posted-by .posted-by-link {
color:#CEC59F;
font-weight:bold
}
.forumPostListTable .posted-by {
text-align:center;
margin-bottom:10px
}
.forumPostListTable .roleLabel {
text-align:center;
margin-bottom:10px;
font-weight:bold;
margin-top:5px
}
.forumPostListTable .roleLabel.supportText {
font-size:90%;
margin-top:10px
}
.forumPostListTable .avatar {
padding:10px;
text-align:center
}
.forumPostListTable .avatar .thumb-frame {
display:inline-block
}
.forumPostListTable .buttons {
text-align:center
}
.forumPostListTable .buttons a {
margin:0px 1px
}
.forumPostListTable .newsPost .content {
width:auto
}
.forumPostListTable td.post_info {
max-width:217px;
word-wrap:break-word
}
.forumThreadTitle {
margin:10px;
color:#CEC59F;
font-size:180%;
text-shadow:0px 0px 2px #8c7f48
}
.forumControls .pagination {
float:left
}
.forumControls .mainButtons {
float:right;
padding:5px;
position:relative
}
.forumControls .mainButtons #search-button {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/icons/search.png?1443670923') no-repeat top left;
width:16px;
height:15px;
position:absolute;
top:8px;
left:-25px;
display:block
}
.forumControls .mainButtons #search-button:hover {
color:#E9E69F
}
.forumControls #my-posts-button {
position:absolute;
right:365px;
top:34px
}
.newsBbcodeInfo .item {
overflow:hidden;
*zoom:1;
margin-bottom:9px;
border:1px solid #111;
padding:5px
}
.newsBbcodeInfo .item .itemInfo {
float:left
}
.newsBbcodeInfo .item .code {
color:#aaa;
font-weight:bold
}
.newsBbcodeInfo .item .attributes {
float:left;
margin-left:30px
}
.newsBbcodeInfo .item .attributes .title {
color:#aaa
}
.newsBbcodeInfo .item .attributes .attribute .name {
font-weight:bold;
margin-right:10px
}
.newsBbcodeInfo .item .attributes .attribute .values {
font-style:italic
}
.newsBbcodeInfo .item .attributes .attribute .description {
margin-left:10px
}
.forumDraftStatus {
overflow:hidden;
*zoom:1;
margin:0px 5px 10px 5px
}
.forumDraftStatus .loading-inline {
vertical-align:middle;
padding-left:15px
}
.forumDraftStatus .savingStatus {
float:left;
color:#887c6a
}
.forumDraftStatus .lastSave {
float:right;
color:#505050
}
.forumDraftStatus .revertible {
font-weight:bold;
color:#e99831
}
#forum-report-box {
display:none;
padding:10px
}
#forum-report-box h3,#forum-report-box select {
margin-bottom:10px
}
.poeBorder1,form.t1 textarea,form.t1 input[type="text"],form.t1 input[type="password"],form.t1 select,.formT1 textarea,.formT1 input[type="text"],.formT1 input[type="password"],.formT1 select,.poeForm textarea,.poeForm input.textInput,.poeForm input.passwordInput,.poeForm input.captcha,.poeForm select,.pagination .perPageOptions {
border:1px solid #1D1D1C;
border-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/border/border1.png?1443670924') 3 3 3 3 repeat;
border-width:3px
}
.poeBorder3 {
border:1px solid #1D1D1C;
border-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/border/border3.png?1443670924') 3 3 3 3 repeat;
border-width:3px
}
.poeBorder1Active,form.t1 textarea:focus,form.t1 input[type="text"]:focus,form.t1 input[type="password"]:focus,form.t1 select:focus,.formT1 textarea:focus,.formT1 input[type="text"]:focus,.formT1 input[type="password"]:focus,.formT1 select:focus,.poeForm textarea:focus,.poeForm input.textInput:focus,.poeForm input.passwordInput:focus,.poeForm input.captcha:focus,.poeForm select:focus,.pagination .perPageOptions:focus,.poeBorder3Active {
border:1px solid #534e45;
border-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/border/border1-active.png?1443670924') 3 3 3 3 repeat;
border-width:3px
}
.poeBorder1Error,form.t1 .row.error textarea,form.t1 .element li.row textarea,form.t1 .formT1 .element li.row textarea,.formT1 .element form.t1 li.row textarea,form.t1 .row.error input[type="text"],form.t1 .element li.row input[type="text"],form.t1 .formT1 .element li.row input[type="text"],.formT1 .element form.t1 li.row input[type="text"],form.t1 .row.error input[type="password"],form.t1 .element li.row input[type="password"],form.t1 .formT1 .element li.row input[type="password"],.formT1 .element form.t1 li.row input[type="password"],form.t1 .row.error select,form.t1 .element li.row select,form.t1 .formT1 .element li.row select,.formT1 .element form.t1 li.row select,.formT1 .row.error textarea,.formT1 form.t1 .element li.row textarea,form.t1 .element .formT1 li.row textarea,.formT1 .element li.row textarea,.formT1 .row.error input[type="text"],.formT1 form.t1 .element li.row input[type="text"],form.t1 .element .formT1 li.row input[type="text"],.formT1 .element li.row input[type="text"],.formT1 .row.error input[type="password"],.formT1 form.t1 .element li.row input[type="password"],form.t1 .element .formT1 li.row input[type="password"],.formT1 .element li.row input[type="password"],.formT1 .row.error select,.formT1 form.t1 .element li.row select,form.t1 .element .formT1 li.row select,.formT1 .element li.row select,.poeBorder3Error {
border:1px solid #7C0909;
border-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/border/border1-error.png?1443670924') 3 3 3 3 repeat;
border-width:3px
}
.poeBorder2,.forumPostListTable .avatar.frame1 img,#monstersPage .act1 .icons img,#monstersPage .act2 .icons img {
border:1px solid #23260B;
box-shadow:0px 0px 4px 0px rgba(153,167,67,0.55)
}
.spoilerVisible .spoilerContent {
display:block
}
.spoilerHidden .spoilerContent {
display:none
}
.spoiler {
margin:5px 5px 10px 10px;
box-shadow:0px 0px 4px #1A1A1A
}
.spoiler .spoilerTitle {
border:1px solid #0F0F0F;
font-weight:bold;
padding:3px 6px;
background-color:#252521;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #252521), color-stop(100%, #1f1f1f));
background-image:-webkit-linear-gradient(#252521,#1f1f1f);
background-image:-moz-linear-gradient(#252521,#1f1f1f);
background-image:-o-linear-gradient(#252521,#1f1f1f);
background-image:linear-gradient(#252521,#1f1f1f);
border-radius:1px 1px 0px 0px
}
.spoiler .spoilerTitle span {
margin-right:10px
}
.spoiler .spoilerTitle input {
text-align:center
}
.spoiler .spoilerTitle input:hover {
text-align:center
}
.spoiler .spoilerContent {
padding:5px;
border:1px solid #0F0F0F;
border-width:0px 1px 1px 1px;
background-color:#1E1F1C;
border-radius:0px 0px 2px 2px;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1e1f1c), color-stop(74%, #1e1f1c), color-stop(100%, #222222));
background-image:-webkit-linear-gradient(#1e1f1c,#1e1f1c 74%,#222222);
background-image:-moz-linear-gradient(#1e1f1c,#1e1f1c 74%,#222222);
background-image:-o-linear-gradient(#1e1f1c,#1e1f1c 74%,#222222);
background-image:linear-gradient(#1e1f1c,#1e1f1c 74%,#222222)
}
.even .spoiler .spoilerContent {
background-color:#161616;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #161616), color-stop(74%, #161616), color-stop(100%, #1a1a1a));
background-image:-webkit-linear-gradient(#161616,#161616 74%,#1a1a1a);
background-image:-moz-linear-gradient(#161616,#161616 74%,#1a1a1a);
background-image:-o-linear-gradient(#161616,#161616 74%,#1a1a1a);
background-image:linear-gradient(#161616,#161616 74%,#1a1a1a)
}
.even .spoiler .spoilerTitle {
background-color:#1B1E1B;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1b1e1b), color-stop(100%, #1a1a1a));
background-image:-webkit-linear-gradient(#1b1e1b,#1a1a1a);
background-image:-moz-linear-gradient(#1b1e1b,#1a1a1a);
background-image:-o-linear-gradient(#1b1e1b,#1a1a1a);
background-image:linear-gradient(#1b1e1b,#1a1a1a)
}
div.jp-playlist-player,div.jp-single-player {
width:154px
}
div.jp-interface {
position:relative;
width:154px;
height:91px
}
div.jp-interface ul.jp-controls {
list-style-type:none;
padding:0px;
margin:0px
}
div.jp-interface ul.jp-controls li {
position:absolute
}
div.jp-interface ul.jp-controls a {
position:absolute;
overflow:hidden;
text-indent:-9999px
}
div.playTimeBar {
position:absolute;
top:71px;
left:10px;
width:128px;
color:#8d6224
}
div.jp-play-time {
float:left
}
div.jp-total-time {
float:right
}
div.progress-container {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/audio/controls.png?1443670915') -1px -178px no-repeat;
position:absolute;
top:32px;
width:118px;
height:11px;
top:51px;
left:11px;
padding:4px
}
div.jp-progress {
position:relative;
height:100%;
width:100%;
overflow:hidden;
width:118px
}
div.jp-load-bar {
background:url("../image/audio/controls.png") -5px -199px no-repeat;
width:100%;
height:100%;
cursor:pointer;
overflow:hidden;
position:relative
}
div.jp-play-bar {
width:0px;
height:100%;
position:relative;
overflow:hidden
}
div.jp-load-bar .load-bar-cap {
height:100%;
position:absolute;
top:0px;
right:-1px;
width:1px;
background:url("../image/audio/controls.png") -5px -214px repeat-x
}
div.jp-play-bar .play-bar-cap {
height:100%;
position:absolute;
right:0px;
top:0px;
width:2px;
background:url("../image/audio/controls.png") -5px -228px repeat-x
}
a.jp-play,a.jp-pause {
top:5px;
left:40px;
width:40px;
height:40px
}
a.jp-play {
background:url("../image/audio/controls.png") -1px -1px no-repeat
}
a.jp-pause {
background:url("../image/audio/controls.png") -1px -43px no-repeat
}
a.jp-stop {
left:120px;
top:10px;
width:29px;
height:29px;
background:url("../image/audio/controls.png") -1px -147px no-repeat
}
.jp-single-player a.jp-play,.jp-single-player a.jp-pause {
left:26px
}
.jp-single-player a.jp-stop {
left:92px
}
a.jp-previous {
left:5px;
top:10px;
width:29px;
height:29px;
background:url("../image/audio/controls.png") -1px -85px no-repeat
}
a.jp-next {
left:85px;
top:10px;
width:29px;
height:29px;
background:url("../image/audio/controls.png") -1px -116px no-repeat
}
.jp-playlist li {
text-align:center;
padding:2px 0px;
background:none
}
.jp-playlist-open,.jp-playlist-close {
margin:5px 0px
}
a.jplayer_playlist_current {
color:#ABB0FF
}
li.jplayer_playlist_current span {
background:url("../image/list_large.jpg") top left no-repeat;
margin-left:-20px
}
span.jplayer_playlist_current a {
padding-left:20px
}
#twitch-streams-container {
margin-top:14px
}
#twitch-streams-container:first-child {
margin-top:0px
}
.twitchTvWidget .stream {
padding:12px 0px 0px 0px;
float:left;
width:285px
}
.twitchTvWidget .stream img {
width:285px;
height:160.3125px;
margin:0px 0px
}
.twitchTvWidget .stream .status {
font-weight:bold;
padding:6px 0px;
display:block;
word-wrap:break-word
}
.twitchTvWidget .stream a {
text-decoration:none
}
.twitchTvWidget .stream .name,.twitchTvWidget .stream .viewers {
color:#7A6A2A
}
.twitchTvWidget .stream .info {
margin:0px 0px
}
.twitchTvWidget .stream .nameCont {
float:left
}
.twitchTvWidget .stream .viewersCont {
float:right
}
#openBetaCountdownTop {
display:none
}
#openBetaCountdown {
height:252px;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/release_timer_awakening.jpg?1443670923') no-repeat center top;
margin-top:-1px;
margin-left:0px
}
#openBetaCountdown.noclick {
cursor:default
}
#openBetaCountdown .countdown {
position:absolute;
width:299px;
height:30px;
top:153px;
left:306px;
line-height:28px;
color:#ffd777;
font-size:23px;
text-align:center
}
#openBetaCountdown .countdown .countdown_section,#openBetaCountdown .countdown .countdown-section {
color:#ffd777
}
#openBetaCountdown .countdown div {
position:absolute;
width:53px;
height:29px
}
#openBetaCountdown .countdown .days {
left:6px
}
#openBetaCountdown .countdown .hours {
left:85px
}
#openBetaCountdown .countdown .minutes {
left:166px
}
#openBetaCountdown .countdown .seconds {
left:246px
}
#openBetaCountdown .download {
display:none;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/widget/open-beta-countdown/download.png?1443670915');
width:244px;
height:60px;
position:absolute;
bottom:38px;
right:39px
}
#openBetaCountdown .download span {
-webkit-transition:20ms ease all;
-moz-transition:20ms ease all;
-o-transition:20ms ease all;
transition:20ms ease all;
display:block;
opacity:0;
width:244px;
height:60px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/widget/open-beta-countdown/download-hover.png?1443670915')
}
#openBetaCountdown .download:hover span {
opacity:1
}
#openBetaCountdown .newsLink {
display:block;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/widget/countdown/clickmore.jpg?1443670914');
width:439px;
height:31px;
position:absolute;
bottom:8px;
left:251px
}
#openBetaCountdown .newsLink span {
-webkit-transition:20ms ease all;
-moz-transition:20ms ease all;
-o-transition:20ms ease all;
transition:20ms ease all;
display:block;
opacity:0;
width:439px;
height:31px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/widget/countdown/clickmorehover.jpg?1443670914')
}
#openBetaCountdown .newsLink:hover span {
opacity:1
}
#openBetaCountdown .countdown div {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
#openBetaCountdown .countdown div.start {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
color:#fff;
text-shadow:0px 0px 5px #ffd777
}
#openBetaCountdown .countdown div.done {
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
color:#ffd777;
text-shadow:none
}
#openBetaCountdown .countdown div.zero {
text-shadow:0px 0px 5px #b61d10;
color:#B61D10
}
body.zh_TW #openBetaCountdown {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/release_timer_awakening_zh_TW.jpg?1443670918')
}
body.sg #openBetaCountdown {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/release_timer_awakening_sg.jpg?1443670920')
}
body.ru_RU #openBetaCountdown {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/release_timer_awakening_ru_RU.jpg?1443670923')
}
body.ru_RU #openBetaCountdown .countdown {
left:299px
}
#countdownSpecial .countdown {
position:absolute;
width:299px;
height:30px;
top:107px;
left:306px;
line-height:28px;
color:#ffd777;
font-size:23px;
text-align:center
}
#countdownSpecial .countdown .countdown_section,#countdownSpecial .countdown .countdown-section {
color:#ffd777
}
#countdownSpecial .countdown div {
position:absolute;
width:53px;
height:29px
}
#countdownSpecial .countdown .days {
left:6px
}
#countdownSpecial .countdown .hours {
left:85px
}
#countdownSpecial .countdown .minutes {
left:166px
}
#countdownSpecial .countdown .seconds {
left:246px
}
#betaInviteTimerTop {
display:none
}
#betaInviteTimer {
margin-top:-1px;
margin-left:0px;
display:none;
cursor:pointer
}
#betaInviteTimer .betaInviteTimerAwakening {
height:252px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/beta_timer_awakening.jpg?1443670923') no-repeat center top
}
#betaInviteTimer.noclick {
cursor:default
}
#betaInviteTimer .name {
margin:0px
}
#betaInviteTimer .activeContainer {
position:relative;
width:920px;
height:200px;
line-height:28px;
color:#ffd777;
font-size:23px;
text-align:center
}
#betaInviteTimer .activeContainer .countdown {
position:absolute;
left:158px;
top:145px;
height:32px;
width:132px
}
#betaInviteTimer .activeContainer .countdown div {
position:absolute;
width:30px
}
#betaInviteTimer .activeContainer .countdown .minutes {
left:12px
}
#betaInviteTimer .activeContainer .countdown .seconds {
left:92px
}
#betaInviteTimer .activeContainer .awinvite {
position:absolute;
top:145px;
left:435px;
width:340px;
height:30px;
font-size:14px
}
#betaInviteTimer .activeContainer .awinvite div {
padding-top:2px;
position:absolute;
width:150px;
height:30px
}
#betaInviteTimer .activeContainer .awinvite .lastInvite {
left:0px
}
#betaInviteTimer .activeContainer .awinvite .nextInvite {
left:192px
}
#betaInviteTimer span.countdown-period {
display:none
}
#betaInviteTimer .download {
display:none;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/widget/open-beta-countdown/download.png?1443670915');
width:244px;
height:60px;
position:absolute;
bottom:38px;
right:39px
}
#betaInviteTimer .download span {
-webkit-transition:20ms ease all;
-moz-transition:20ms ease all;
-o-transition:20ms ease all;
transition:20ms ease all;
display:block;
opacity:0;
width:244px;
height:60px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/widget/open-beta-countdown/download-hover.png?1443670915')
}
#betaInviteTimer .download:hover span {
opacity:1
}
#betaInviteTimer .newsLink {
display:block;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/widget/countdown/clickmore.jpg?1443670914');
width:439px;
height:31px;
position:absolute;
bottom:8px;
left:251px
}
#betaInviteTimer .newsLink span {
-webkit-transition:20ms ease all;
-moz-transition:20ms ease all;
-o-transition:20ms ease all;
transition:20ms ease all;
display:block;
opacity:0;
width:439px;
height:31px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/widget/countdown/clickmorehover.jpg?1443670914')
}
#betaInviteTimer .newsLink:hover span {
opacity:1
}
#betaInviteTimer .countdown div {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
#betaInviteTimer .countdown div.start {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
color:#fff;
text-shadow:0px 0px 5px #ffd777
}
#betaInviteTimer .countdown div.done {
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
color:#ffd777;
text-shadow:none
}
body.zh_TW #betaInviteTimer .betaInviteTimerAwakening {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/beta_timer_awakening_zh_TW.jpg?1443670923') no-repeat center top
}
#topSplash {
max-width:920px
}
.eventCalendar h1 {
margin:5px
}
.eventCalendar .description {
margin:7px 7px 9px 7px
}
.eventCalendar .entries {
display:table;
border-collapse:collapse
}
.eventCalendar .header {
display:table-row;
color:silver;
font-weight:bold;
text-align:center
}
.eventCalendar .header .col {
display:table-cell;
padding:5px
}
.eventCalendar .week {
display:table-row
}
.eventCalendar .periodsInfo,.eventCalendar .day {
display:table-cell;
vertical-align:top;
width:119px
}
.eventCalendar .periodsInfo {
width:79px;
text-align:right;
color:silver
}
.eventCalendar .periodsInfo .label {
height:28px;
padding:5px
}
.eventCalendar .day .label,.eventCalendar .periodsInfo .label {
text-align:right;
padding:5px;
font-weight:bold;
height:17px;
font-size:11px;
background:#272727;
color:silver
}
.eventCalendar .periodsInfo,.eventCalendar .day {
border:1px solid #333
}
.eventCalendar .event {
margin:12px 0px
}
.eventCalendar .event:first-child {
margin-top:0px
}
.eventCalendar .event:last-child {
margin-bottom:0px
}
.eventCalendar .event,.eventCalendar .event a {
font-size:10px;
color:#ffbd0f
}
.eventCalendar .event.complete,.eventCalendar .event.complete a {
color:#424242
}
.eventCalendar .event.inProgress,.eventCalendar .event.inProgress a {
color:#fff
}
.eventCalendar .event a:hover {
color:#ffcd49
}
.eventCalendar .period {
padding:7px;
border-top:1px solid #000;
border-bottom:1px solid #000
}
.eventCalendar .periods :not(:last-child),.eventCalendar .periodsInfo :not(:last-child) {
border-bottom:none
}
.eventCalendar .period:nth-child(even) {
background:#181818
}
.eventCalendar .sponsors {
overflow:hidden;
position:relative;
top:-3px
}
.eventCalendar .sponsors a {
float:left
}
.eventCalendar .sponsors a img {
width:460px;
opacity:0.85
}
.eventCalendar .sponsors a img:hover {
opacity:1
}
.eventCalendar .prizesLink {
position:relative;
top:-6px
}
.eventCalendar .prizesLink img {
opacity:0.85
}
.eventCalendar .prizesLink img:hover {
opacity:1
}
.seasonLadder {
position:relative;
margin:0px;
padding:10px
}
.seasonLadder select.seasons {
float:right;
margin:11px 2px 5px
}
.seasonLadder h1 {
margin:7px;
float:left
}
.seasonLadder table {
clear:both
}
.seasonLadder .pagination {
background:#000
}
.seasonLadder .loading {
display:none;
position:absolute;
width:100%;
z-index:10
}
.seasonLadder .rank {
width:75px
}
.seasonLadder .points {
width:390px
}
.seasonLadder .ladder-types {
clear:both;
margin-bottom:10px;
padding-left:10px
}
.seasonLadder .ladder-types button {
margin-top:5px
}
.shopSpecialsBox {
position:relative
}
.shopSpecialsBox .banner {
z-index:2;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/deal-background-large.png?1443670909');
height:83px;
width:291px;
padding-top:10px;
position:relative;
top:3px;
color:#ffe86e;
text-align:center;
line-height:24px;
text-shadow:0px 0px 3px red
}
.shopSpecialsBox .banner .l1 {
font-size:24px;
letter-spacing:-1px
}
.shopSpecialsBox .banner .l1.zero {
padding-top:15px
}
.shopSpecialsBox .banner .l2 {
font-size:35px;
letter-spacing:-2px;
margin-top:6px
}
.shopSpecialsBox .banner .l2 .percent {
font-size:27px
}
.shopSpecialsBox .special {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/Art/2DArt/Shop/item/ShopItemBackground.jpg?1442998628');
height:159px;
position:relative;
top:-18px;
margin-bottom:-18px
}
.shopSpecialsBox .special .name {
color:#ffda4d;
font-size:18px;
text-decoration:none;
position:relative;
top:18px;
left:12px;
z-index:100;
width:175px;
display:block
}
.shopSpecialsBox .special .name:hover {
text-shadow:0px 0px 5px rgba(219,195,153,0.56)
}
.shopSpecialsBox .special.package,.shopSpecialsBox .special.category {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/daily-deal/categories/ShopItemPackageBackground.jpg?1443670911')
}
.shopSpecialsBox .special .itemImage {
z-index:1;
position:absolute;
bottom:0px;
right:0px;
max-width:285px;
max-height:160px
}
.shopSpecialsBox .special .time {
position:absolute;
bottom:2px;
left:6px;
z-index:2;
color:#585858;
font-size:14px
}
.shopSpecialsBox .special .description {
position:absolute;
top:58px;
left:12px;
line-height:16px;
z-index:3;
width:120px;
height:50px;
color:#0cabe5
}
.shopSpecialsBox .special .buyButton1,.shopSpecialsBox .special .shopBuyItemModal .buyButton,.shopBuyItemModal .shopSpecialsBox .special .buyButton,.shopSpecialsBox .special shopBuyPackageModal .buyButton,shopBuyPackageModal .shopSpecialsBox .special .buyButton,.shopSpecialsBox .special .shopShopButton {
left:197px;
display:block;
z-index:10;
top:12px;
position:absolute
}
.shopSpecialsBox .special .shopShopButton {
left:10px
}
.shopSpecialsBox .special.long .name {
width:255px
}
.shopSpecialsBox .special.long .buyButton1,.shopSpecialsBox .special.long .shopBuyItemModal .buyButton,.shopBuyItemModal .shopSpecialsBox .special.long .buyButton,.shopSpecialsBox .special.long shopBuyPackageModal .buyButton,shopBuyPackageModal .shopSpecialsBox .special.long .buyButton {
top:96px
}
.shopSpecialsBox .special.longest .name {
width:255px;
font-size:16px
}
.shopSpecialsBox .special.longest .buyButton1,.shopSpecialsBox .special.longest .shopBuyItemModal .buyButton,.shopBuyItemModal .shopSpecialsBox .special.longest .buyButton,.shopSpecialsBox .special.longest shopBuyPackageModal .buyButton,shopBuyPackageModal .shopSpecialsBox .special.longest .buyButton {
top:96px
}
.imageUploader {
display:inline-block;
position:relative;
cursor:pointer
}
.imageUploader progress {
display:none;
position:absolute;
bottom:0px;
left:0px;
width:100%
}
.imageUploader .okText {
position:absolute;
font-size:10px;
left:0;
bottom:0;
right:0;
color:#5cff34;
text-align:center;
padding:2px;
display:none;
background:rgba(61,61,61,0.84);
margin:1px
}
.imageUploader .dropArea {
width:80px;
height:80px;
border:1px solid #333;
background:#222;
z-index:10;
-webkit-transition:0.2s ease-out;
-moz-transition:0.2s ease-out;
-o-transition:0.2s ease-out;
transition:0.2s ease-out
}
.imageUploader.new .dropArea {
width:160px;
height:160px;
background:#0c0c0c;
border:1px solid #242424
}
.imageUploader.success .dropArea {
border:1px solid #3F3;
background:#2A2
}
.imageUploader.success .okText {
display:block
}
.imageUploader.selected:not(.new):not(.dragOver) .dropArea {
border:1px solid #d37333;
background:#251500;
box-shadow:0px 0px 3px #f60
}
.imageUploader.deleting .dropArea {
border:1px solid #F33 !important;
background:#A22 !important
}
.imageUploader.dragOver .dropArea {
border-color:#262;
background:#252
}
.imageUploader.uploading progress {
display:block
}
.border-container {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/border-l.jpg?1443670923') left repeat-y
}
.border-t {
width:100%;
height:8px;
padding:0px;
margin:0px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/border-tl.jpg?1443670924') no-repeat top left
}
.border-t span {
position:absolute;
height:8px;
width:8px;
top:0px;
right:0px
}
.border-b {
position:relative;
width:100%;
height:8px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/border-bl.jpg?1443670915') no-repeat bottom left
}
.border-b span {
position:absolute;
height:8px;
width:8px;
bottom:0px;
right:0px
}
.box-container {
background:#000 url('https://p7p4m6s5.ssl.hwcdn.net/image/box-l.jpg?1443670924') left repeat-y;
position:relative
}
.box,.botControlsSpacer {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-r.jpg?1443670924') right repeat-y transparent
}
.box {
padding:5px 10px;
margin:0px;
z-index:100;
position:relative
}
.box.no-padding {
padding:0px 4px
}
.content-container-base {
position:relative;
float:left;
display:inline
}
.content-container-margin {
margin:10px 0px 0px 10px
}
.content-container-l {
position:relative;
float:left;
width:775px;
margin:10px 0px 0px 10px;
display:inline
}
.main-header-container {
margin-top:35px
}
.content-basic {
min-height:5px;
height:auto !important;
height:5px;
padding:0px 4px
}
.content-l {
min-height:5px;
height:auto !important;
height:5px;
padding:20px 10px 10px 10px
}
.content-l-n {
min-height:5px;
height:auto !important;
height:5px
}
.content-l-np {
min-height:200px;
height:auto !important;
height:200px;
padding:10px 10px 10px 10px
}
.content-container-s {
position:relative;
float:left;
width:320px;
margin:35px 0px 0px 10px
}
.content-s {
min-height:150px;
height:auto !important;
height:150px;
padding:20px 10px 10px 10px
}
.content-container-2col {
display:inline;
position:relative;
float:left;
width:382px;
margin:35px 0px 0px 10px
}
.content-2col {
min-height:200px;
height:auto !important;
height:200px;
padding:26px 10px 10px 10px
}
.content-container-m {
position:relative;
float:left;
width:442px;
margin:35px 0px 0px 10px
}
.content-m {
min-height:200px;
height:auto !important;
height:200px;
padding:28px 10px 10px 10px
}
.form-container-l {
display:inline;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/form/background.png?1443670917');
position:relative;
float:left;
margin-top:35px;
margin-left:10px;
width:775px
}
.form-container-l .content-container-l {
margin-top:0px;
margin-left:0px
}
.form-container-l .box-container {
background-color:transparent
}
.form-container-s {
background-color:#222319;
position:relative;
float:left;
display:inline;
margin-top:35px;
margin-left:10px;
width:320px
}
.form-container-s .content-container-s {
margin-top:0px;
margin-left:0px
}
.form-container-s .box-container {
background-color:transparent
}
.form-container-m {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/form/background.png?1443670917');
position:relative;
float:left;
display:inline;
margin-top:35px;
margin-left:10px;
width:442px
}
.form-container-m .content-container-m {
margin-top:0px;
margin-left:0px
}
.form-container-m .box-container {
background-color:transparent
}
.box-header {
position:absolute;
top:-20px;
left:3px
}
.box_header_red {
position:absolute;
top:-32px;
left:9px
}
.box_ornate_blue {
position:absolute;
top:-47px;
left:9px;
width:146px;
height:63px
}
.box_footer_green {
position:relative;
bottom:-42px;
margin-top:-42px;
left:12px
}
.box-t {
width:100%;
height:4px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-tl.jpg?1443670923') no-repeat top left;
line-height:1px;
font-size:1px
}
.box-t span {
position:relative;
display:block;
height:4px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-tr.jpg?1443670924') no-repeat top right;
line-height:1px;
font-size:1px
}
.box-t-main-header {
width:100%;
height:33px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/header/main.jpg?1443670917') no-repeat top left;
line-height:1px;
font-size:1px
}
.box-t-main-header-b {
width:100%;
height:61px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/header/main_breadcrumb.jpg?1443670917') no-repeat top left;
line-height:1px;
font-size:1px
}
.box-t-title-b-m {
width:100%;
height:100px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/header/title_b_m.jpg?1443670917') no-repeat top left;
line-height:1px;
font-size:1px
}
.box-b-lb-nm {
height:38px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/header/bot_lb_nm.jpg?1443670917') no-repeat top left
}
.box-b-b-nm {
height:34px;
width:100%;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/header/bot_b_nm.jpg?1443670917') no-repeat top left
}
.box-b-b-m {
position:relative;
height:72px;
width:100%;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/header/bot_b_m.jpg?1443670917') no-repeat top left
}
.box-b-nb-m {
position:relative;
height:42px;
width:100%;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/header/bot_nb_m.jpg?1443670917') no-repeat top left
}
.box-container .menuContainer,.box-container .botMenuContainer {
height:34px;
left:4px;
position:absolute;
width:767px
}
.box-container .topTitleContent {
position:absolute;
top:0px;
right:0px;
height:33px
}
.box-container .menuContainer {
top:63px
}
.box-b-b-m .botMenuContainer {
top:34px
}
.box-b-nb-m .botMenuContainer {
top:4px
}
.menuContainer .pagination,.botMenuContainer .pagination {
margin-top:2px;
display:inline-block
}
.menuContainer h3 {
margin:8px 0px 0px 8px
}
.main-header-title {
width:100%
}
.main-header-title img {
position:relative;
left:23px
}
.box-footer {
position:absolute;
bottom:-17px;
left:50px
}
.box-b,.box-b-nb-nm {
height:4px;
width:100%;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-bl.jpg?1443670908') no-repeat bottom left;
line-height:1px;
font-size:1px
}
.box-b span,.box-b-nb-nm span {
height:4px;
position:relative;
display:block;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-br.jpg?1443670908') no-repeat bottom right;
line-height:1px;
font-size:1px
}
.box-bnew {
width:100%;
height:20px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-bl.jpg?1443670908') no-repeat bottom left
}
.breadcrumb-container,.breadcrumb-container-bot {
position:absolute;
left:101px;
font-size:1.1em;
color:#BFB383;
overflow:hidden;
width:574px;
white-space:nowrap;
text-overflow:ellipsis
}
.breadcrumb-container {
top:37px
}
.breadcrumb-container-bot {
bottom:9px
}
.box-b-b-m .breadcrumb-container-bot {
bottom:46px
}
.breadcrumb-container a,.breadcrumb-container-bot a {
color:#BFB383;
text-decoration:none
}
.main_ornate {
position:absolute;
top:-34px;
left:5px;
width:765px;
height:34px
}
#menu-float {
position:relative;
float:left;
width:165px;
margin:40px 0px 0px 0px
}
#menu {
position:relative;
width:165px
}
#menu-content {
padding:5px 0px
}
#menu2 {
position:relative;
width:165px;
margin:47px 0px 0px 0px
}
#menu2-content,#menu3-content {
padding:5px 0px
}
#menu-2 {
position:relative;
width:165px;
margin-top:70px
}
#menu3 {
position:relative;
width:165px;
margin:47px 0px 118px 0px
}
.page_header {
top:0px;
left:0px;
margin:-11px 0px 0px 6px;
z-index:101;
position:absolute
}
.ornate {
top:-27px;
left:-5px;
z-index:100;
position:absolute;
height:49px;
width:87px;
display:block
}
#lower {
float:left;
position:relative;
margin:10px 0px 0px 0px;
width:400px
}
#lower-content {
min-height:400px;
height:400px
}
#character {
position:absolute;
bottom:-50px;
right:-80px;
z-index:300
}
.large-closing-ornate {
text-align:center;
padding:5px
}
.vert-ornate .content {
position:relative;
text-align:center;
display:inline-block
}
.vert-ornate .l,.vert-ornate .r {
position:absolute;
top:50%
}
.vert-ornate-1 {
margin:10px;
font-weight:bold;
font-size:1.2em
}
.vert-ornate-1 .content {
margin:0px 29px
}
.vert-ornate-1 .l {
margin-top:-13px;
left:-29px
}
.vert-ornate-1 .r {
margin-top:-13px;
right:-29px
}
.vert-ornate-2 {
margin:10px;
font-weight:bold;
font-size:1.2em
}
.vert-ornate-2 .content {
margin:0px 62px
}
.vert-ornate-2 .l {
margin-top:-15px;
left:-59px
}
.vert-ornate-2 .r {
margin-top:-15px;
right:-62px
}
.vert-ornate-3 .l {
margin-top:-58px;
left:-11px
}
.vert-ornate-3 .r {
margin-top:-58px;
right:-11px
}
.content-container-l .no-overflow {
overflow:hidden;
max-width:750px
}
.layoutBox,.layoutBox1 {
float:left;
display:inline;
position:relative;
margin-top:0px;
margin-bottom:7px;
background:#191919;
background:rgba(25,25,25,0.5);
border-radius:1px;
border:1px solid #1B1B1B
}
.layoutBox .layoutBoxTitle,.layoutBox1 .layoutBoxTitle {
z-index:101
}
.layoutBox .layoutBoxOrnate,.layoutBox1 .layoutBoxOrnate {
z-index:100;
position:absolute;
display:block
}
.layoutBox .layoutBoxBotControlsSpacer,.layoutBox1 .layoutBoxBotControlsSpacer {
height:27px;
position:relative
}
.layoutBox .layoutBoxBotControls,.layoutBox1 .layoutBoxBotControls {
top:6px;
position:absolute;
bottom:10px;
width:100%
}
.layoutBox .layoutBoxBotControls .pagination,.layoutBox1 .layoutBoxBotControls .pagination {
padding-left:5px
}
.layoutBox.hidden,.hidden.layoutBox1 {
display:none
}
.layoutBoxHalf {
width:456.5px;
margin-left:6px
}
.layoutBoxFull {
width:920px;
margin-left:5px
}
.fullscreen {
overflow:hidden
}
.fullscreen .layoutBoxFull {
width:100%;
margin:0px
}
.layoutBoxSmall {
width:302px;
margin-left:6px
}
.layoutBoxMedium {
width:611px;
margin-left:6px
}
.layoutBoxBorder1 .layoutBoxL,.layoutBox1 .layoutBoxL {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-l.jpg?1443670924');
background-repeat:repeat-y
}
.layoutBoxBorder1.padded,.padded.layoutBox1 {
padding:0px
}
.layoutBoxBorder1.padded .layoutBoxContent,.padded.layoutBox1 .layoutBoxContent {
padding:10px 14px
}
.layoutBoxBorder1 .layoutBoxBotControlsSpacer,.layoutBox1 .layoutBoxBotControlsSpacer {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-r.jpg?1443670924') right repeat-y transparent
}
.layoutBoxBorder1 .layoutBoxBotControls,.layoutBox1 .layoutBoxBotControls {
top:6px;
position:absolute;
bottom:10px;
width:100%;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-r.jpg?1443670924') right repeat-y transparent
}
.layoutBox1.hasOrnate {
margin-top:41px
}
.layoutBox1 .layoutBoxT {
height:33px
}
.layoutBox1 .layoutBoxT span {
background:none
}
.layoutBox1.defaultTheme,.layoutBox1.forumTheme,.layoutBox1.rightBackground1Theme,.layoutBox1.dynamicPageTheme,.layoutBox1.shopPurchaseTheme,.layoutBox1.tempVideoTheme {
border:1px solid #1B1B1B;
box-shadow:0px 0px 3px 0px #1B1B1B
}
.layoutBox1.defaultTheme .layoutBoxTitle,.layoutBox1.forumTheme .layoutBoxTitle,.layoutBox1.rightBackground1Theme .layoutBoxTitle,.layoutBox1.dynamicPageTheme .layoutBoxTitle,.layoutBox1.shopPurchaseTheme .layoutBoxTitle,.layoutBox1.tempVideoTheme .layoutBoxTitle {
color:#cec59f;
font-size:180%;
padding:5px 10px;
text-shadow:0px 0px 2px #ac9c5b
}
.layoutBox1.defaultTheme .layoutBoxTitle a,.layoutBox1.forumTheme .layoutBoxTitle a,.layoutBox1.rightBackground1Theme .layoutBoxTitle a,.layoutBox1.dynamicPageTheme .layoutBoxTitle a,.layoutBox1.shopPurchaseTheme .layoutBoxTitle a,.layoutBox1.tempVideoTheme .layoutBoxTitle a {
color:#cec59f
}
.layoutBox1.defaultTheme .botBar,.layoutBox1.forumTheme .botBar,.layoutBox1.rightBackground1Theme .botBar,.layoutBox1.dynamicPageTheme .botBar,.layoutBox1.shopPurchaseTheme .botBar,.layoutBox1.tempVideoTheme .botBar,.layoutBox1.defaultTheme .topBar,.layoutBox1.forumTheme .topBar,.layoutBox1.rightBackground1Theme .topBar,.layoutBox1.dynamicPageTheme .topBar,.layoutBox1.shopPurchaseTheme .topBar,.layoutBox1.tempVideoTheme .topBar {
clear:both;
overflow:hidden;
*zoom:1
}
.layoutBox1.defaultTheme .botBar,.layoutBox1.forumTheme .botBar,.layoutBox1.rightBackground1Theme .botBar,.layoutBox1.dynamicPageTheme .botBar,.layoutBox1.shopPurchaseTheme .botBar,.layoutBox1.tempVideoTheme .botBar,.layoutBox1.defaultTheme .topBar,.layoutBox1.forumTheme .topBar,.layoutBox1.rightBackground1Theme .topBar,.layoutBox1.dynamicPageTheme .topBar,.layoutBox1.shopPurchaseTheme .topBar,.layoutBox1.tempVideoTheme .topBar,.layoutBox1.defaultTheme .topBar.last,.layoutBox1.forumTheme .topBar.last,.layoutBox1.rightBackground1Theme .topBar.last,.layoutBox1.dynamicPageTheme .topBar.last,.layoutBox1.shopPurchaseTheme .topBar.last,.layoutBox1.tempVideoTheme .topBar.last,.layoutBox1.defaultTheme .botBar.first,.layoutBox1.forumTheme .botBar.first,.layoutBox1.rightBackground1Theme .botBar.first,.layoutBox1.dynamicPageTheme .botBar.first,.layoutBox1.shopPurchaseTheme .botBar.first,.layoutBox1.tempVideoTheme .botBar.first {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/breadcrumb-background.png?1443670916') left repeat-y #000;
box-shadow:0px 0px 4px 0px #1F1A0F inset;
border:1px solid #050505;
background-image:-webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #0c0c0c), color-stop(40%, #0c0c0c), color-stop(100%, #131313));
background-image:-webkit-linear-gradient(right, #0c0c0c,#0c0c0c 40%,#131313);
background-image:-moz-linear-gradient(right, #0c0c0c,#0c0c0c 40%,#131313);
background-image:-o-linear-gradient(right, #0c0c0c,#0c0c0c 40%,#131313);
background-image:linear-gradient(right, #0c0c0c,#0c0c0c 40%,#131313)
}
.layoutBox1.defaultTheme .topBar.first,.layoutBox1.forumTheme .topBar.first,.layoutBox1.rightBackground1Theme .topBar.first,.layoutBox1.dynamicPageTheme .topBar.first,.layoutBox1.shopPurchaseTheme .topBar.first,.layoutBox1.tempVideoTheme .topBar.first {
border-radius:2px 2px 0px 0px
}
.layoutBox1.defaultTheme .botBar.last,.layoutBox1.forumTheme .botBar.last,.layoutBox1.rightBackground1Theme .botBar.last,.layoutBox1.dynamicPageTheme .botBar.last,.layoutBox1.shopPurchaseTheme .botBar.last,.layoutBox1.tempVideoTheme .botBar.last {
border-radius:0px 0px 2px 2px
}
.layoutBox1.defaultTheme .topBar,.layoutBox1.forumTheme .topBar,.layoutBox1.rightBackground1Theme .topBar,.layoutBox1.dynamicPageTheme .topBar,.layoutBox1.shopPurchaseTheme .topBar,.layoutBox1.tempVideoTheme .topBar {
border-bottom:none
}
.layoutBox1.defaultTheme .topBar .links,.layoutBox1.forumTheme .topBar .links,.layoutBox1.rightBackground1Theme .topBar .links,.layoutBox1.dynamicPageTheme .topBar .links,.layoutBox1.shopPurchaseTheme .topBar .links,.layoutBox1.tempVideoTheme .topBar .links {
color:#b49e79;
font-size:1.1em
}
.layoutBox1.defaultTheme .topBar .links .separator,.layoutBox1.forumTheme .topBar .links .separator,.layoutBox1.rightBackground1Theme .topBar .links .separator,.layoutBox1.dynamicPageTheme .topBar .links .separator,.layoutBox1.shopPurchaseTheme .topBar .links .separator,.layoutBox1.tempVideoTheme .topBar .links .separator {
float:left;
color:#7E6E6E;
margin:5px 10px 5px 0px
}
.layoutBox1.defaultTheme .topBar .links a,.layoutBox1.forumTheme .topBar .links a,.layoutBox1.rightBackground1Theme .topBar .links a,.layoutBox1.dynamicPageTheme .topBar .links a,.layoutBox1.shopPurchaseTheme .topBar .links a,.layoutBox1.tempVideoTheme .topBar .links a {
color:#cec59f;
text-decoration:none
}
.layoutBox1.defaultTheme .topBar .links a:hover,.layoutBox1.forumTheme .topBar .links a:hover,.layoutBox1.rightBackground1Theme .topBar .links a:hover,.layoutBox1.dynamicPageTheme .topBar .links a:hover,.layoutBox1.shopPurchaseTheme .topBar .links a:hover,.layoutBox1.tempVideoTheme .topBar .links a:hover {
text-decoration:none;
text-shadow:0px 0px 2px #8c7f48
}
.layoutBox1.defaultTheme .topBar .links .header,.layoutBox1.forumTheme .topBar .links .header,.layoutBox1.rightBackground1Theme .topBar .links .header,.layoutBox1.dynamicPageTheme .topBar .links .header,.layoutBox1.shopPurchaseTheme .topBar .links .header,.layoutBox1.tempVideoTheme .topBar .links .header {
float:left;
padding:0px 10px;
margin:5px 0px
}
.layoutBox1.defaultTheme .topBar .links .selection,.layoutBox1.forumTheme .topBar .links .selection,.layoutBox1.rightBackground1Theme .topBar .links .selection,.layoutBox1.dynamicPageTheme .topBar .links .selection,.layoutBox1.shopPurchaseTheme .topBar .links .selection,.layoutBox1.tempVideoTheme .topBar .links .selection {
float:left
}
.layoutBox1.defaultTheme .topBar .links .selection a,.layoutBox1.forumTheme .topBar .links .selection a,.layoutBox1.rightBackground1Theme .topBar .links .selection a,.layoutBox1.dynamicPageTheme .topBar .links .selection a,.layoutBox1.shopPurchaseTheme .topBar .links .selection a,.layoutBox1.tempVideoTheme .topBar .links .selection a {
padding:5px 10px;
display:block;
background:#1D1D1D;
border-left:1px solid #050505
}
.layoutBox1.defaultTheme .topBar .links .selection a:hover,.layoutBox1.forumTheme .topBar .links .selection a:hover,.layoutBox1.rightBackground1Theme .topBar .links .selection a:hover,.layoutBox1.dynamicPageTheme .topBar .links .selection a:hover,.layoutBox1.shopPurchaseTheme .topBar .links .selection a:hover,.layoutBox1.tempVideoTheme .topBar .links .selection a:hover {
background:#2F2F2F
}
.layoutBox1.defaultTheme .topBar .links .selection:last-child a,.layoutBox1.forumTheme .topBar .links .selection:last-child a,.layoutBox1.rightBackground1Theme .topBar .links .selection:last-child a,.layoutBox1.dynamicPageTheme .topBar .links .selection:last-child a,.layoutBox1.shopPurchaseTheme .topBar .links .selection:last-child a,.layoutBox1.tempVideoTheme .topBar .links .selection:last-child a {
border-right:1px solid #050505
}
.layoutBox1.defaultTheme .topBar .links .selection.selected a,.layoutBox1.forumTheme .topBar .links .selection.selected a,.layoutBox1.rightBackground1Theme .topBar .links .selection.selected a,.layoutBox1.dynamicPageTheme .topBar .links .selection.selected a,.layoutBox1.shopPurchaseTheme .topBar .links .selection.selected a,.layoutBox1.tempVideoTheme .topBar .links .selection.selected a {
background:#2F2F2F;
text-decoration:none;
text-shadow:0px 0px 2px #8c7f48
}
.layoutBox1.defaultTheme .botBar,.layoutBox1.forumTheme .botBar,.layoutBox1.rightBackground1Theme .botBar,.layoutBox1.dynamicPageTheme .botBar,.layoutBox1.shopPurchaseTheme .botBar,.layoutBox1.tempVideoTheme .botBar {
border-top:none
}
.layoutBox1.defaultTheme .breadcrumb,.layoutBox1.forumTheme .breadcrumb,.layoutBox1.rightBackground1Theme .breadcrumb,.layoutBox1.dynamicPageTheme .breadcrumb,.layoutBox1.shopPurchaseTheme .breadcrumb,.layoutBox1.tempVideoTheme .breadcrumb {
margin:0px;
padding:5px 9px;
left:101px;
right:101px;
font-size:1.1em;
color:#b49e79;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.layoutBox1.defaultTheme .breadcrumb .separator,.layoutBox1.forumTheme .breadcrumb .separator,.layoutBox1.rightBackground1Theme .breadcrumb .separator,.layoutBox1.dynamicPageTheme .breadcrumb .separator,.layoutBox1.shopPurchaseTheme .breadcrumb .separator,.layoutBox1.tempVideoTheme .breadcrumb .separator {
padding:0px 10px;
color:#7E6E6E
}
.layoutBox1.defaultTheme .breadcrumb a,.layoutBox1.forumTheme .breadcrumb a,.layoutBox1.rightBackground1Theme .breadcrumb a,.layoutBox1.dynamicPageTheme .breadcrumb a,.layoutBox1.shopPurchaseTheme .breadcrumb a,.layoutBox1.tempVideoTheme .breadcrumb a {
color:#cec59f;
text-decoration:none
}
.layoutBox1.defaultTheme .breadcrumb a:hover,.layoutBox1.forumTheme .breadcrumb a:hover,.layoutBox1.rightBackground1Theme .breadcrumb a:hover,.layoutBox1.dynamicPageTheme .breadcrumb a:hover,.layoutBox1.shopPurchaseTheme .breadcrumb a:hover,.layoutBox1.tempVideoTheme .breadcrumb a:hover {
text-decoration:underline;
text-shadow:0px 0px 2px #8c7f48
}
.layoutBox1.forumTheme {
border:1px solid #302E2E
}
.layoutBox1.rightBackground1Theme {
background:#0d0d0d url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/map.png?1443670916') no-repeat top right
}
.layoutBox1.rightBackground1Theme .poeForm {
width:50%
}
.layoutBox1.rightBackground1Theme .botBar,.layoutBox1.rightBackground1Theme .topBar,.layoutBox1.rightBackground1Theme .topBar.last,.layoutBox1.rightBackground1Theme .botBar.first {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/breadcrumb-background.png?1443670916') left repeat-y transparent;
border:1px solid rgba(5,5,5,0.29);
background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #131313), color-stop(60%, rgba(12,12,12,0.3)), color-stop(100%, rgba(12,12,12,0)));
background-image:-webkit-linear-gradient(left, #131313,rgba(12,12,12,0.3) 60%,rgba(12,12,12,0));
background-image:-moz-linear-gradient(left, #131313,rgba(12,12,12,0.3) 60%,rgba(12,12,12,0));
background-image:-o-linear-gradient(left, #131313,rgba(12,12,12,0.3) 60%,rgba(12,12,12,0));
background-image:linear-gradient(left, #131313,rgba(12,12,12,0.3) 60%,rgba(12,12,12,0))
}
.layoutBox1.dynamicPageTheme {
background:#000
}
.layoutBox1.darkTheme {
background:#000
}
.layoutBox1.noneTheme {
background:transparent;
border:none
}
.layoutBox1.shopPurchaseTheme {
background:#000
}
.layoutBox1.tempVideoTheme {
width:376px
}
.layoutBoxBorder1 .layoutBoxL,.layoutBox1 .layoutBoxL {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-l.jpg?1443670924');
background-repeat:repeat-y
}
.layoutBoxBorder1.padded,.padded.layoutBox1 {
padding:0px
}
.layoutBoxBorder1.padded .layoutBoxContent,.padded.layoutBox1 .layoutBoxContent {
padding:10px 14px
}
.layoutBoxBorder1 .layoutBoxBotControlsSpacer,.layoutBox1 .layoutBoxBotControlsSpacer {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-r.jpg?1443670924') right repeat-y transparent
}
.layoutBoxBorder1 .layoutBoxBotControls,.layoutBox1 .layoutBoxBotControls {
top:6px;
position:absolute;
bottom:10px;
width:100%;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/box-r.jpg?1443670924') right repeat-y transparent
}
.dropdown-sprite-sprite,#siteNav div.dropDown .top,#siteNav div.dropDown .bot {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/navigation/dropdown/dropdown-sprite-s4940d70804.png') no-repeat
}
.nav-button-sprite-sprite,#siteNav #nav-game a,#siteNav #nav-game a span,#siteNav #nav-media a,#siteNav #nav-media a span,#siteNav #nav-home a,#siteNav #nav-home a span,#siteNav #nav-forum a,#siteNav #nav-forum a span,#siteNav #nav-events a,#siteNav #nav-events a span,#siteNav #nav-shop a,#siteNav #nav-shop a span,#siteNav #nav-ladders a,#siteNav #nav-ladders a span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/navigation/nav-button-sprite-s2c88f1b070.png') no-repeat
}
.nav-button-sprite-zh-sprite,#siteNav.zh_TW #nav-game a,#siteNav.zh_TW #nav-game a span,#siteNav.zh_TW #nav-media a,#siteNav.zh_TW #nav-media a span,#siteNav.zh_TW #nav-home a,#siteNav.zh_TW #nav-home a span,#siteNav.zh_TW #nav-forum a,#siteNav.zh_TW #nav-forum a span,#siteNav.zh_TW #nav-events a,#siteNav.zh_TW #nav-events a span,#siteNav.zh_TW #nav-shop a,#siteNav.zh_TW #nav-shop a span,#siteNav.zh_TW #nav-ladders a,#siteNav.zh_TW #nav-ladders a span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/navigation/nav-button-sprite-zh-s1493064126.png') no-repeat
}
.nav-button-sprite-th_TH-sprite,#siteNav.th_TH #nav-game a,#siteNav.th_TH #nav-game a span,#siteNav.th_TH #nav-media a,#siteNav.th_TH #nav-media a span,#siteNav.th_TH #nav-home a,#siteNav.th_TH #nav-home a span,#siteNav.th_TH #nav-forum a,#siteNav.th_TH #nav-forum a span,#siteNav.th_TH #nav-events a,#siteNav.th_TH #nav-events a span,#siteNav.th_TH #nav-shop a,#siteNav.th_TH #nav-shop a span,#siteNav.th_TH #nav-ladders a,#siteNav.th_TH #nav-ladders a span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/navigation/nav-button-sprite-th_TH-sff87da8e1f.png') no-repeat
}
.nav-button-sprite-ru_RU-sprite,#siteNav.ru_RU #nav-game a,#siteNav.ru_RU #nav-game a span,#siteNav.ru_RU #nav-media a,#siteNav.ru_RU #nav-media a span,#siteNav.ru_RU #nav-home a,#siteNav.ru_RU #nav-home a span,#siteNav.ru_RU #nav-forum a,#siteNav.ru_RU #nav-forum a span,#siteNav.ru_RU #nav-events a,#siteNav.ru_RU #nav-events a span,#siteNav.ru_RU #nav-shop a,#siteNav.ru_RU #nav-shop a span,#siteNav.ru_RU #nav-ladders a,#siteNav.ru_RU #nav-ladders a span {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/layout/navigation/nav-button-sprite-ru_RU-s2f51825e02.png') no-repeat
}
#siteNav {
list-style:none;
font-weight:bold;
font-size:150%;
position:absolute;
bottom:-2px;
left:0px;
right:0px;
z-index:20
}
#siteNav #nav-game a,#siteNav #nav-game a span {
background-position:0 -400px;
width:119px;
height:50px
}
#siteNav #nav-game a span {
background-position:0 -450px
}
#siteNav #nav-game a {
overflow:hidden;
text-indent:-9999em
}
#siteNav #nav-game a span {
display:block;
opacity:0
}
#siteNav #nav-game ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav #nav-game:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav #nav-game:hover div.dropDown {
left:-55px
}
#siteNav #nav-media a,#siteNav #nav-media a span {
background-position:0 0;
width:119px;
height:50px
}
#siteNav #nav-media a span {
background-position:0 -50px
}
#siteNav #nav-media a {
overflow:hidden;
text-indent:-9999em
}
#siteNav #nav-media a span {
display:block;
opacity:0
}
#siteNav #nav-media ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav #nav-media:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav #nav-media:hover div.dropDown {
left:-55px
}
#siteNav #nav-home {
margin-left:82px
}
#siteNav #nav-home a,#siteNav #nav-home a span {
background-position:0 -500px;
width:111px;
height:50px
}
#siteNav #nav-home a span {
background-position:0 -550px
}
#siteNav #nav-home a {
overflow:hidden;
text-indent:-9999em
}
#siteNav #nav-home a span {
display:block;
opacity:0
}
#siteNav #nav-home ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav #nav-home:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav #nav-home:hover div.dropDown {
left:-59px
}
#siteNav #nav-forum a,#siteNav #nav-forum a span {
background-position:0 -100px;
width:119px;
height:50px
}
#siteNav #nav-forum a span {
background-position:0 -150px
}
#siteNav #nav-forum a {
overflow:hidden;
text-indent:-9999em
}
#siteNav #nav-forum a span {
display:block;
opacity:0
}
#siteNav #nav-forum ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav #nav-forum:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav #nav-forum:hover div.dropDown {
left:-55px
}
#siteNav #nav-events {
margin-left:116px
}
#siteNav #nav-events a,#siteNav #nav-events a span {
background-position:0 -300px;
width:120px;
height:50px
}
#siteNav #nav-events a span {
background-position:0 -350px
}
#siteNav #nav-events a {
overflow:hidden;
text-indent:-9999em
}
#siteNav #nav-events a span {
display:block;
opacity:0
}
#siteNav #nav-events ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav #nav-events:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav #nav-events:hover div.dropDown {
left:-54.5px
}
#siteNav #nav-shop a,#siteNav #nav-shop a span {
background-position:0 -600px;
width:112px;
height:50px
}
#siteNav #nav-shop a span {
background-position:0 -650px
}
#siteNav #nav-shop a {
overflow:hidden;
text-indent:-9999em
}
#siteNav #nav-shop a span {
display:block;
opacity:0
}
#siteNav #nav-shop ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav #nav-shop:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav #nav-shop:hover div.dropDown {
left:-58.5px
}
#siteNav #nav-ladders a,#siteNav #nav-ladders a span {
background-position:0 -200px;
width:119px;
height:50px
}
#siteNav #nav-ladders a span {
background-position:0 -250px
}
#siteNav #nav-ladders a {
overflow:hidden;
text-indent:-9999em
}
#siteNav #nav-ladders a span {
display:block;
opacity:0
}
#siteNav #nav-ladders ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav #nav-ladders:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav #nav-ladders:hover div.dropDown {
left:-55px
}
#siteNav.zh_TW #nav-game a,#siteNav.zh_TW #nav-game a span {
background-position:0 -200px;
width:119px;
height:50px
}
#siteNav.zh_TW #nav-game a span {
background-position:0 -250px
}
#siteNav.zh_TW #nav-game a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.zh_TW #nav-game a span {
display:block;
opacity:0
}
#siteNav.zh_TW #nav-game ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.zh_TW #nav-game:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.zh_TW #nav-game:hover div.dropDown {
left:-55px
}
#siteNav.zh_TW #nav-media a,#siteNav.zh_TW #nav-media a span {
background-position:0 0;
width:119px;
height:50px
}
#siteNav.zh_TW #nav-media a span {
background-position:0 -50px
}
#siteNav.zh_TW #nav-media a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.zh_TW #nav-media a span {
display:block;
opacity:0
}
#siteNav.zh_TW #nav-media ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.zh_TW #nav-media:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.zh_TW #nav-media:hover div.dropDown {
left:-55px
}
#siteNav.zh_TW #nav-home a,#siteNav.zh_TW #nav-home a span {
background-position:0 -500px;
width:111px;
height:50px
}
#siteNav.zh_TW #nav-home a span {
background-position:0 -550px
}
#siteNav.zh_TW #nav-home a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.zh_TW #nav-home a span {
display:block;
opacity:0
}
#siteNav.zh_TW #nav-home ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.zh_TW #nav-home:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.zh_TW #nav-home:hover div.dropDown {
left:-59px
}
#siteNav.zh_TW #nav-forum a,#siteNav.zh_TW #nav-forum a span {
background-position:0 -400px;
width:119px;
height:50px
}
#siteNav.zh_TW #nav-forum a span {
background-position:0 -450px
}
#siteNav.zh_TW #nav-forum a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.zh_TW #nav-forum a span {
display:block;
opacity:0
}
#siteNav.zh_TW #nav-forum ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.zh_TW #nav-forum:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.zh_TW #nav-forum:hover div.dropDown {
left:-55px
}
#siteNav.zh_TW #nav-events a,#siteNav.zh_TW #nav-events a span {
background-position:0 -100px;
width:120px;
height:50px
}
#siteNav.zh_TW #nav-events a span {
background-position:0 -150px
}
#siteNav.zh_TW #nav-events a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.zh_TW #nav-events a span {
display:block;
opacity:0
}
#siteNav.zh_TW #nav-events ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.zh_TW #nav-events:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.zh_TW #nav-events:hover div.dropDown {
left:-54.5px
}
#siteNav.zh_TW #nav-shop a,#siteNav.zh_TW #nav-shop a span {
background-position:0 -600px;
width:112px;
height:50px
}
#siteNav.zh_TW #nav-shop a span {
background-position:0 -650px
}
#siteNav.zh_TW #nav-shop a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.zh_TW #nav-shop a span {
display:block;
opacity:0
}
#siteNav.zh_TW #nav-shop ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.zh_TW #nav-shop:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.zh_TW #nav-shop:hover div.dropDown {
left:-58.5px
}
#siteNav.zh_TW #nav-ladders a,#siteNav.zh_TW #nav-ladders a span {
background-position:0 -300px;
width:119px;
height:50px
}
#siteNav.zh_TW #nav-ladders a span {
background-position:0 -350px
}
#siteNav.zh_TW #nav-ladders a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.zh_TW #nav-ladders a span {
display:block;
opacity:0
}
#siteNav.zh_TW #nav-ladders ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.zh_TW #nav-ladders:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.zh_TW #nav-ladders:hover div.dropDown {
left:-55px
}
#siteNav.th_TH #nav-game a,#siteNav.th_TH #nav-game a span {
background-position:0 -400px;
width:119px;
height:50px
}
#siteNav.th_TH #nav-game a span {
background-position:0 -450px
}
#siteNav.th_TH #nav-game a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.th_TH #nav-game a span {
display:block;
opacity:0
}
#siteNav.th_TH #nav-game ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.th_TH #nav-game:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.th_TH #nav-game:hover div.dropDown {
left:-55px
}
#siteNav.th_TH #nav-media a,#siteNav.th_TH #nav-media a span {
background-position:0 0;
width:119px;
height:50px
}
#siteNav.th_TH #nav-media a span {
background-position:0 -50px
}
#siteNav.th_TH #nav-media a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.th_TH #nav-media a span {
display:block;
opacity:0
}
#siteNav.th_TH #nav-media ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.th_TH #nav-media:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.th_TH #nav-media:hover div.dropDown {
left:-55px
}
#siteNav.th_TH #nav-home a,#siteNav.th_TH #nav-home a span {
background-position:0 -500px;
width:111px;
height:50px
}
#siteNav.th_TH #nav-home a span {
background-position:0 -550px
}
#siteNav.th_TH #nav-home a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.th_TH #nav-home a span {
display:block;
opacity:0
}
#siteNav.th_TH #nav-home ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.th_TH #nav-home:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.th_TH #nav-home:hover div.dropDown {
left:-59px
}
#siteNav.th_TH #nav-forum a,#siteNav.th_TH #nav-forum a span {
background-position:0 -200px;
width:119px;
height:50px
}
#siteNav.th_TH #nav-forum a span {
background-position:0 -250px
}
#siteNav.th_TH #nav-forum a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.th_TH #nav-forum a span {
display:block;
opacity:0
}
#siteNav.th_TH #nav-forum ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.th_TH #nav-forum:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.th_TH #nav-forum:hover div.dropDown {
left:-55px
}
#siteNav.th_TH #nav-events a,#siteNav.th_TH #nav-events a span {
background-position:0 -300px;
width:120px;
height:50px
}
#siteNav.th_TH #nav-events a span {
background-position:0 -350px
}
#siteNav.th_TH #nav-events a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.th_TH #nav-events a span {
display:block;
opacity:0
}
#siteNav.th_TH #nav-events ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.th_TH #nav-events:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.th_TH #nav-events:hover div.dropDown {
left:-54.5px
}
#siteNav.th_TH #nav-shop a,#siteNav.th_TH #nav-shop a span {
background-position:0 -600px;
width:112px;
height:50px
}
#siteNav.th_TH #nav-shop a span {
background-position:0 -650px
}
#siteNav.th_TH #nav-shop a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.th_TH #nav-shop a span {
display:block;
opacity:0
}
#siteNav.th_TH #nav-shop ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.th_TH #nav-shop:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.th_TH #nav-shop:hover div.dropDown {
left:-58.5px
}
#siteNav.th_TH #nav-ladders a,#siteNav.th_TH #nav-ladders a span {
background-position:0 -100px;
width:119px;
height:50px
}
#siteNav.th_TH #nav-ladders a span {
background-position:0 -150px
}
#siteNav.th_TH #nav-ladders a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.th_TH #nav-ladders a span {
display:block;
opacity:0
}
#siteNav.th_TH #nav-ladders ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.th_TH #nav-ladders:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.th_TH #nav-ladders:hover div.dropDown {
left:-55px
}
#siteNav.ru_RU li {
font-size:14px
}
#siteNav.ru_RU a {
font-size:14px
}
#siteNav.ru_RU #nav-game a,#siteNav.ru_RU #nav-game a span {
background-position:0 -500px;
width:119px;
height:50px
}
#siteNav.ru_RU #nav-game a span {
background-position:0 -550px
}
#siteNav.ru_RU #nav-game a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.ru_RU #nav-game a span {
display:block;
opacity:0
}
#siteNav.ru_RU #nav-game ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.ru_RU #nav-game:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.ru_RU #nav-game:hover div.dropDown {
left:-55px
}
#siteNav.ru_RU #nav-media a,#siteNav.ru_RU #nav-media a span {
background-position:0 -300px;
width:119px;
height:50px
}
#siteNav.ru_RU #nav-media a span {
background-position:0 -350px
}
#siteNav.ru_RU #nav-media a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.ru_RU #nav-media a span {
display:block;
opacity:0
}
#siteNav.ru_RU #nav-media ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.ru_RU #nav-media:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.ru_RU #nav-media:hover div.dropDown {
left:-55px
}
#siteNav.ru_RU #nav-home a,#siteNav.ru_RU #nav-home a span {
background-position:0 -100px;
width:111px;
height:50px
}
#siteNav.ru_RU #nav-home a span {
background-position:0 -150px
}
#siteNav.ru_RU #nav-home a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.ru_RU #nav-home a span {
display:block;
opacity:0
}
#siteNav.ru_RU #nav-home ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.ru_RU #nav-home:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.ru_RU #nav-home:hover div.dropDown {
left:-59px
}
#siteNav.ru_RU #nav-forum a,#siteNav.ru_RU #nav-forum a span {
background-position:0 -400px;
width:119px;
height:50px
}
#siteNav.ru_RU #nav-forum a span {
background-position:0 -450px
}
#siteNav.ru_RU #nav-forum a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.ru_RU #nav-forum a span {
display:block;
opacity:0
}
#siteNav.ru_RU #nav-forum ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.ru_RU #nav-forum:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.ru_RU #nav-forum:hover div.dropDown {
left:-55px
}
#siteNav.ru_RU #nav-events a,#siteNav.ru_RU #nav-events a span {
background-position:0 0;
width:120px;
height:50px
}
#siteNav.ru_RU #nav-events a span {
background-position:0 -50px
}
#siteNav.ru_RU #nav-events a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.ru_RU #nav-events a span {
display:block;
opacity:0
}
#siteNav.ru_RU #nav-events ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.ru_RU #nav-events:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.ru_RU #nav-events:hover div.dropDown {
left:-54.5px
}
#siteNav.ru_RU #nav-shop a,#siteNav.ru_RU #nav-shop a span {
background-position:0 -200px;
width:112px;
height:50px
}
#siteNav.ru_RU #nav-shop a span {
background-position:0 -250px
}
#siteNav.ru_RU #nav-shop a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.ru_RU #nav-shop a span {
display:block;
opacity:0
}
#siteNav.ru_RU #nav-shop ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.ru_RU #nav-shop:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.ru_RU #nav-shop:hover div.dropDown {
left:-58.5px
}
#siteNav.ru_RU #nav-ladders a,#siteNav.ru_RU #nav-ladders a span {
background-position:0 -600px;
width:119px;
height:50px
}
#siteNav.ru_RU #nav-ladders a span {
background-position:0 -650px
}
#siteNav.ru_RU #nav-ladders a {
overflow:hidden;
text-indent:-9999em
}
#siteNav.ru_RU #nav-ladders a span {
display:block;
opacity:0
}
#siteNav.ru_RU #nav-ladders ul a {
text-decoration:none;
background:none;
text-indent:0em;
width:auto;
height:auto
}
#siteNav.ru_RU #nav-ladders:hover a span {
-webkit-transition:0.2s linear opacity;
-moz-transition:0.2s linear opacity;
-o-transition:0.2s linear opacity;
transition:0.2s linear opacity;
opacity:1
}
#siteNav.ru_RU #nav-ladders:hover div.dropDown {
left:-55px
}
#siteNav a {
display:block;
padding:0px;
text-decoration:none;
color:#e8ba7f;
font-size:18.5px
}
#siteNav a:hover {
color:#FAE3B9;
text-shadow:0px 0px 3px #F58A43
}
#siteNav li {
float:left;
position:relative;
background:none;
padding:0px;
cursor:default
}
#siteNav li .separator {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/forum/forum-sep.png?1443670904') no-repeat center center;
height:20px
}
#siteNav div.dropDown {
left:-10000px;
position:absolute;
list-style:none;
padding:0px 20px 30px 20px;
opacity:0;
text-align:center;
z-index:20;
font-size:90%;
-webkit-transform:translateZ(0)
}
#siteNav div.dropDown ul {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/layout/navigation/dropdown/frame-background.png?1443670916') repeat-y top left;
width:189px;
padding:10px 0px 10px 0px
}
#siteNav div.dropDown .top,#siteNav div.dropDown .bot {
left:12.5px;
position:absolute;
z-index:20
}
#siteNav div.dropDown .top {
background-position:0 -24px;
width:204px;
height:24px;
top:-14px
}
#siteNav div.dropDown .bot {
background-position:0 0;
width:204px;
height:24px;
bottom:17px
}
#siteNav div.dropDown a {
white-space:nowrap
}
#siteNav div.dropDown li {
padding-top:1px;
float:none
}
#siteNav li:hover div.dropDown {
-webkit-transition:0.175s linear opacity;
-moz-transition:0.175s linear opacity;
-o-transition:0.175s linear opacity;
transition:0.175s linear opacity;
opacity:1
}
#siteNav li:hover div.dropDown a {
text-decoration:none
}
#siteNav li:hover div.dropDown li a:hover {
background:rgba(114,81,62,0.1)
}
#siteNav li.hoverHide div.dropDown {
opacity:0;
left:-10000px
}
#siteNav li.hoverShow div.dropDown {
opacity:1
}
#mainAdminNav {
position:absolute;
right:22px;
bottom:82px;
width:270px;
font-size:90%
}
#mainAdminNav a {
color:rgba(145,142,139,0.87);
margin:0px 7px 3px 0px;
float:left;
text-decoration:none;
background:rgba(41,41,41,0.63);
padding:2px;
border-radius:2px
}
#mainAdminNav a:hover {
color:#fff
}
.sbox-container {
float:left
}
.sbox {
width:300px;
margin:0px 0px 6px 6px
}
.mbox-container {
float:left
}
.mbox {
width:607px;
margin:0px 0px 6px 6px
}
.hbox-container {
float:left
}
.hbox,.itemDataIndex .itemGroup {
width:454px;
margin:0px 6px 6px 0px
}
.seasonInfo {
background-color:#000;
background-position:top right;
background-repeat:no-repeat;
position:relative;
clear:both;
height:638px;
width:920px
}
.seasonInfo .pointsBackground {
position:absolute;
top:440px;
left:0px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/one-small.jpg?1443670917');
height:206px;
width:920px
}
.seasonInfo#race-season-one {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/one.jpg?1443670917')
}
.seasonInfo#race-season-one .pointsBackground {
display:none
}
.seasonInfo#race-season-one.garena {
background:#000 url('https://p7p4m6s5.ssl.hwcdn.net/image/season/six.jpg?1443670917') top right no-repeat
}
.seasonInfo#race-season-one.garena .pointsBackground {
display:block;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/six-background.jpg?1443670917');
height:217px;
top:410px
}
.seasonInfo#race-season-one.garena.small .pointsBackground {
display:none
}
.seasonInfo#race-season-two {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/two.jpg?1443670917')
}
.seasonInfo#race-season-two.garena {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/seven.jpg?1443670917')
}
.seasonInfo#race-season-two.garena .pointsBackground {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/six-background.jpg?1443670917');
height:217px;
top:410px
}
.seasonInfo#race-season-three {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/three.jpg?1443670917')
}
.seasonInfo#race-season-three.garena {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/eight.png?1443670917')
}
.seasonInfo#race-season-three.garena .pointsBackground {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/six-background.jpg?1443670917');
height:217px;
top:410px
}
.seasonInfo#race-season-three.garena_tw {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/eleven.jpg?1443670917')
}
.seasonInfo#race-season-three.garena_tw .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#race-season-three .pointsBackground {
display:none
}
.seasonInfo#race-season-four {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/four-top-bg.jpg?1443670917')
}
.seasonInfo#race-season-four.garena {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/nine.jpg?1443670917')
}
.seasonInfo#race-season-four.garena .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#race-season-five {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/five.jpg?1443670917')
}
.seasonInfo#race-season-five.garena {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/ten.jpg?1443670917')
}
.seasonInfo#race-season-five.garena .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#mini-race-week {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/eleven.jpg?1443670917')
}
.seasonInfo#mini-race-week.garena,.seasonInfo#mini-race-week.garena_sg {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/eleven.jpg?1443670917')
}
.seasonInfo#mini-race-week.garena .pointsBackground,.seasonInfo#mini-race-week.garena_sg .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#race-season-six {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/six.jpg?1443670917')
}
.seasonInfo#race-season-six.garena,.seasonInfo#race-season-six.garena_sg {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/eleven.jpg?1443670917')
}
.seasonInfo#race-season-six.garena .pointsBackground,.seasonInfo#race-season-six.garena_sg .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#race-season-six .pointsBackground {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/six-background.jpg?1443670917');
height:217px;
top:410px
}
.seasonInfo#race-season-seven {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/seven.jpg?1443670917')
}
.seasonInfo#race-season-seven .pointsBackground {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/six-background.jpg?1443670917');
height:217px;
top:410px
}
.seasonInfo#race-season-eight {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/eight.png?1443670917')
}
.seasonInfo#race-season-eight .pointsBackground {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/six-background.jpg?1443670917');
height:217px;
top:410px
}
.seasonInfo#race-season-nine {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/nine.jpg?1443670917')
}
.seasonInfo#race-season-nine .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#race-season-ten {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/ten.jpg?1443670917')
}
.seasonInfo#race-season-ten .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#race-season,.seasonInfo#race-season-eleven,.seasonInfo#tw-race-season-three,.seasonInfo#sg-race-season-six,.seasonInfo#pre-awakening-race {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/eleven.jpg?1443670917')
}
.seasonInfo#race-season .pointsBackground,.seasonInfo#race-season-eleven .pointsBackground,.seasonInfo#tw-race-season-three .pointsBackground,.seasonInfo#sg-race-season-six .pointsBackground,.seasonInfo#pre-awakening-race .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#emberwake-race-season,.seasonInfo#race-it-red {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/emberwake.jpg?1443670917')
}
.seasonInfo#bloodgrip-race-season {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/bloodgrip.jpg?1443670917')
}
.seasonInfo#bloodgrip-race-season .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#us-pvp-season-two,.seasonInfo#eu-pvp-season-two,.seasonInfo#pvp-season-two {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/pvp/two.jpg?1443670917');
height:668px
}
.seasonInfo#us-pvp-season-two.small,.seasonInfo#eu-pvp-season-two.small,.seasonInfo#pvp-season-two.small {
height:288px
}
.seasonInfo#us-pvp-season-two .pointsBackground,.seasonInfo#eu-pvp-season-two .pointsBackground,.seasonInfo#pvp-season-two .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo#us-pvp-season-one,.seasonInfo#eu-pvp-season-one,.seasonInfo#pvp-season-one {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/pvp/one.jpg?1443670917');
height:668px
}
.seasonInfo#us-pvp-season-one.small,.seasonInfo#eu-pvp-season-one.small,.seasonInfo#pvp-season-one.small {
height:288px
}
.seasonInfo#us-pvp-season-one .pointsBackground,.seasonInfo#eu-pvp-season-one .pointsBackground,.seasonInfo#pvp-season-one .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.seasonInfo .name {
margin-bottom:10px;
font-size:40px
}
.seasonInfo .content {
position:absolute;
top:20px;
left:20px;
width:530px;
z-index:150
}
.seasonInfo.small {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/one-small.jpg?1443670917') !important;
height:288px;
width:920px;
padding-top:50px
}
.seasonInfo.small .pointsBackground {
display:none
}
.seasonInfo .playerInfo {
position:absolute;
height:32px;
font-size:140%;
left:18px;
bottom:0px
}
.seasonInfo .pointsProgress {
position:absolute;
left:18px;
bottom:37px;
height:37px;
width:883px
}
.seasonInfo .pointsProgress .frame {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/meter-frame.png?1443670917');
height:37px;
width:883px;
position:absolute;
top:0px;
left:0px
}
.seasonInfo .pointsProgress .barContainer {
position:absolute;
top:15px;
height:9px;
width:879px
}
.seasonInfo .pointsProgress .barContainer .bar {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/meter-fill.png?1443670917');
height:9px;
width:0px;
-webkit-transition:7s ease width;
-moz-transition:7s ease width;
-o-transition:7s ease width;
transition:7s ease width
}
.seasonInfo.small .playerInfo {
height:62px
}
.seasonInfo.small .pointsProgress {
bottom:67px
}
.seasonInfo .reward {
position:absolute;
bottom:27px
}
.seasonInfo .reward .newItemContainer {
position:absolute;
bottom:0px;
right:5px
}
.seasonInfo .reward .newItemContainer.smaller .icon img {
width:85%
}
.seasonInfo .reward.achieved .points {
color:#f0dbb6
}
.seasonInfo .reward .points {
font-size:23px;
position:absolute;
bottom:7px;
right:-29px;
width:60px;
text-align:center;
color:#e9d78f;
z-index:5;
text-shadow:0px 0px 3px rgba(112,104,71,0.8)
}
.seasonInfo .reward.last .points {
text-align:right;
right:0px
}
.seasonInfo .reward.last .marker {
display:none
}
.seasonInfo .reward .marker {
height:21px;
width:36px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/reward-marker.png?1443670917');
position:absolute;
bottom:-12px;
right:-18px
}
.lifetimeSeasonInfo {
display:none
}
.ch .seasonInfo#race-season-one.garena {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/nine.jpg?1443670917')
}
.ch .seasonInfo#race-season-one.garena .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
.ch .seasonInfo#race-season-two.garena {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/ten.jpg?1443670917')
}
.ch .seasonInfo#race-season-two.garena .pointsBackground {
background-image:none !important;
height:0px;
top:0px
}
#passiveSkillTree {
position:relative
}
#passiveSkillTree canvas {
top:0px;
left:0px;
position:absolute
}
#skillTreeMainCanvas {
background:#000;
z-index:1000
}
#skillTreeMidCanvas {
z-index:1001
}
#skillTreeTopCanvas {
z-index:1002
}
#passiveSkillTree .error,#passiveSkillTree form.t1 .element li,form.t1 .element #passiveSkillTree li,#passiveSkillTree .formT1 .element li,.formT1 .element #passiveSkillTree li {
font-size:110%;
padding:5px
}
#passiveSkillTreeControls {
background:#0E0E0E;
border-top:2px solid #0F0F0F;
text-align:center;
display:none
}
#passiveControlsForm {
display:inline-block;
text-align:left
}
#passiveControlsForm .label {
font-size:120%
}
#passiveControlsForm .skillTreeInfo {
font-size:120%;
clear:both;
float:left;
padding:10px 5px 2px 6px;
color:#888
}
#passiveControlsForm .flContainer {
float:left;
padding:3px 0px 3px 6px;
min-height:45px
}
#passiveControlsForm .buttonContainer {
float:left;
padding:3px 5px 5px 5px
}
#passiveControlsForm .highlightSimilarNodesContainer,#passiveControlsForm .highlightShortestPathsContainer,#passiveControlsForm .muteContainer {
float:left;
padding:14px 15px 13px 15px
}
#passiveControlsForm .permaLinkContainer .label {
float:left
}
#passiveControlsForm .permaLinkContainer .bbcodePermaLinkCont {
float:right
}
#passiveControlsForm #element-permaLink {
clear:both
}
#passiveControlsForm #buildNameContainer {
display:none
}
#passiveControlsForm textarea,#passiveControlsForm input.textInput,#passiveControlsForm select {
width:294px
}
#passiveControlsForm .controlsTop {
float:left
}
#passiveControlsForm .controlsBottom {
float:left
}
#inventory-controls {
position:absolute;
top:48px;
left:20px
}
.inventoryControls {
background-position:0 -546px;
width:328px;
height:100px
}
.inventoryControls .infoLine1,.inventoryControls .infoLine2,.inventoryControls .infoLine3 {
left:103px;
position:absolute
}
.inventoryControls .infoLine1,.inventoryControls .infoLine2 {
font-size:147%;
padding:4px 9px;
cursor:pointer;
text-shadow:0px 0px 3px #000
}
.inventoryControls .infoLine1:hover,.inventoryControls .infoLine2:hover {
color:#eCcBa9
}
.inventoryControls .infoLine1 {
top:4px
}
.inventoryControls .infoLine2 {
top:44px
}
.inventoryControls .infoLine3 {
font-size:110%;
top:80px;
padding:0px 9px;
color:#757575
}
.inventoryControls .open {
font-size:8px;
top:83px;
left:3px;
position:absolute;
display:block;
background-position:0 -226px;
width:100px;
height:11px;
font-size:9px;
background:none;
letter-spacing:-1px
}
.inventoryControls .open:hover {
background-position:-100px -226px;
width:100px;
height:11px;
background:none
}
.inventoryControls .icon {
position:absolute;
top:0px;
left:0px;
cursor:pointer
}
.inventoryControls .icon.Marauder {
background-position:-110px 0;
width:110px;
height:80px
}
.inventoryControls .icon.Shadow {
background-position:-200px -226px;
width:110px;
height:80px
}
.inventoryControls .icon.Witch {
background-position:0 -306px;
width:110px;
height:80px
}
.inventoryControls .icon.Templar {
background-position:-190px -306px;
width:110px;
height:80px
}
.inventoryControls .icon.Duelist {
background-position:0 -386px;
width:110px;
height:80px
}
.inventoryControls .icon.Ranger {
background-position:0 0;
width:110px;
height:80px
}
.inventoryControls .icon.Scion {
background-position:-110px -386px;
width:110px;
height:80px
}
.ch .inventoryControls .open {
font-size:12px;
background:none
}
.ch .inventoryControls .open:hover {
background:none
}
.inventoryManager {
position:relative;
width:931px
}
.inventoryManager .activePanel {
float:left;
position:relative;
width:600px
}
.inventoryManagerMenu {
position:relative;
float:left;
min-width:200px;
width:331px;
min-height:223px
}
.inventoryManagerMenu .inventoryButton {
cursor:pointer
}
.inventoryManagerMenu .showInventoryButton {
position:absolute;
right:0px;
top:0px;
width:26px;
height:125px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/Inventory_Tab.png?1443764310')
}
.inventoryManagerMenu .showInventoryButton.active {
background-position:-26px 0px
}
.inventoryManagerMenu .showStashButton {
position:absolute;
right:0px;
top:125px;
width:26px;
height:88px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/Stash_Tab.png?1443764310')
}
.inventoryManagerMenu .showStashButton.active {
background-position:-26px 0px
}
.inventoryManagerMenu .showMTXStashButton {
position:absolute;
right:0px;
top:213px;
width:26px;
height:198px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/MTX_Tab.png?1443764310')
}
.inventoryManagerMenu .showMTXStashButton.active {
background-position:-26px 0px
}
.inventoryManagerMenu .showSkillTreeButton {
position:absolute;
right:0px;
top:461px;
width:26px;
height:137px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/Passive_Tree_Tab.png?1443764310')
}
.inventoryManagerMenu .showSkillTreeButton.active {
background-position:-26px 0px
}
.inventoryManagerMenu .characters {
width:303px;
height:781px;
overflow:hidden
}
.inventoryManagerMenu .characters .character {
position:relative;
margin:0px;
padding:0px;
background-position:0 -646px;
height:80px;
width:287px
}
.inventoryManagerMenu .characters .character .infoLine1,.inventoryManagerMenu .characters .character .infoLine2,.inventoryManagerMenu .characters .character .infoLine3 {
left:83px;
position:absolute
}
.inventoryManagerMenu .characters .character .infoLine1,.inventoryManagerMenu .characters .character .infoLine2 {
font-size:14px;
padding:3px 9px;
cursor:pointer
}
.inventoryManagerMenu .characters .character .infoLine1:hover,.inventoryManagerMenu .characters .character .infoLine2:hover {
color:#eCcBa9
}
.inventoryManagerMenu .characters .character .infoLine1 {
top:15px;
width:174px
}
.inventoryManagerMenu .characters .character .infoLine2 {
top:41px
}
.inventoryManagerMenu .characters .character .infoLine3 {
font-size:110%;
top:64px;
padding:0px 9px;
color:#757575
}
.inventoryManagerMenu .characters .character.active .characterName {
color:#FCDBB9;
text-shadow:0px 0px 1px #E7DCC8
}
.inventoryManagerMenu .characters .icon {
position:absolute;
top:0px;
left:0px;
cursor:pointer
}
.inventoryManagerMenu .characters .icon.Marauder {
background-position:0 -466px;
width:80px;
height:80px
}
.inventoryManagerMenu .characters .icon.Shadow {
background-position:-188px -114px;
width:80px;
height:80px
}
.inventoryManagerMenu .characters .icon.Witch {
background-position:-110px -306px;
width:80px;
height:80px
}
.inventoryManagerMenu .characters .icon.Templar {
background-position:-220px -386px;
width:80px;
height:80px
}
.inventoryManagerMenu .characters .icon.Duelist {
background-position:-108px -114px;
width:80px;
height:80px
}
.inventoryManagerMenu .characters .icon.Ranger {
background-position:-28px -114px;
width:80px;
height:80px
}
.inventoryManagerMenu .characters .icon.Scion {
background-position:-220px 0;
width:80px;
height:80px
}
.mainInventoryPanel {
width:600px;
height:781px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/MainInventory.png?1443764307')
}
.mainInventoryPanel .weaponSwap1,.mainInventoryPanel .weaponSwap2 {
display:none;
position:absolute;
top:87px
}
.mainInventoryPanel .weaponSwap1.left,.mainInventoryPanel .weaponSwap2.left {
left:92px
}
.mainInventoryPanel .weaponSwap1.right,.mainInventoryPanel .weaponSwap2.right {
right:92px
}
.mainInventoryPanel .weaponSwap1 {
width:44px;
height:24px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/WeaponSwap1.png?1443764310')
}
.mainInventoryPanel .weaponSwap2 {
width:44px;
height:24px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/WeaponSwap2.png?1443764310')
}
.mainInventoryPanel .weaponSwapMini {
width:47px;
height:81px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/WeaponSwapMini.png?1443764310');
position:absolute;
top:106px;
display:none
}
.mainInventoryPanel .weaponSwapMini img {
position:absolute
}
.mainInventoryPanel .weaponSwapMini.left {
left:168px
}
.mainInventoryPanel .weaponSwapMini.right {
right:168px
}
#colorbox.inventoryManagerColorbox #cboxTopLeft {
width:21px;
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/inventory-controls.png?1443670917') no-repeat -101px 0
}
#colorbox.inventoryManagerColorbox #cboxTopRight {
width:21px;
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/inventory-controls.png?1443670917') no-repeat -130px 0
}
#colorbox.inventoryManagerColorbox #cboxBottomLeft {
width:21px;
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/inventory-controls.png?1443670917') no-repeat -101px -29px
}
#colorbox.inventoryManagerColorbox #cboxBottomRight {
width:21px;
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/inventory-controls.png?1443670917') no-repeat -130px -29px
}
#colorbox.inventoryManagerColorbox #cboxMiddleLeft {
width:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/inventory-controls.png?1443670917') left top repeat-y
}
#colorbox.inventoryManagerColorbox #cboxMiddleRight {
width:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/inventory-controls.png?1443670917') right top repeat-y
}
#colorbox.inventoryManagerColorbox #cboxTopCenter {
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/inventory-border.png?1443670917') 0 0 repeat-x
}
#colorbox.inventoryManagerColorbox #cboxBottomCenter {
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/inventory-border.png?1443670917') 0 -29px repeat-x
}
#colorbox.inventoryManagerColorbox #cboxLoadedContent {
overflow:hidden !important
}
#profile-inventory-controls .characters {
height:528px;
overflow:hidden;
border:1px solid #332622;
border-right:0px
}
#profile-inventory-controls .characters .character {
top:0px
}
#profile-inventory-controls .mainInventoryPanel {
width:600px;
height:531px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/MainInventoryNoBags.png?1443764308')
}
#profile-inventory-controls.inventoryManager {
padding-top:5px;
width:909px;
position:relative;
left:-6px
}
#profile-inventory-controls .inventoryManagerMenu {
width:303px
}
.stashPanel {
position:relative;
width:600px;
height:781px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/Stash.png?1443764309')
}
.stashPanel .tabControl .leftButton {
width:28px;
height:35px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/tabs-control/LeftButton.png?1443764307')
}
.stashPanel .tabControl .leftButton:hover {
background-position:0px -35px
}
.stashPanel .tabControl .rightButton {
width:28px;
height:35px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/tabs-control/RightButton.png?1443764307')
}
.stashPanel .tabControl .rightButton:hover {
background-position:0px -35px
}
.stashPanel .tabControl .tabSelectButton {
width:29px;
height:35px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/tabs-control/ExpandButton.png?1443764307')
}
.stashPanel .tabControl .tabSelectButton:hover {
background-position:0px -35px
}
.stashPanel.mtxStashPanel {
width:600px;
height:781px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/gen/inventory/MTXStash.png?1443764310')
}
.stashPanel.mtxStashPanel .border.t {
top:168px;
left:30px;
width:535px;
height:3px
}
.stashPanel.mtxStashPanel .border.b {
top:687px;
left:30px;
width:535px;
height:3px
}
.stashPanel.mtxStashPanel .border.l {
top:174px;
left:24px;
width:3px;
height:510px
}
.stashPanel.mtxStashPanel .border.r {
top:174px;
left:568px;
width:3px;
height:510px
}
.stashPanel.mtxStashPanel .border.tl {
top:168px;
left:24px;
width:6px;
height:6px
}
.stashPanel.mtxStashPanel .border.tr {
top:168px;
left:565px;
width:6px;
height:6px
}
.stashPanel.mtxStashPanel .border.br {
top:684px;
left:565px;
width:6px;
height:6px
}
.stashPanel.mtxStashPanel .border.bl {
top:684px;
left:24px;
width:6px;
height:6px
}
.stashPanel .border {
position:absolute
}
.stashPanel .border.t {
top:135px;
left:15px;
width:570px;
height:3px
}
.stashPanel .border.b {
top:714px;
left:15px;
width:570px;
height:3px
}
.stashPanel .border.l {
top:141px;
left:9px;
width:3px;
height:570px
}
.stashPanel .border.r {
top:141px;
left:588px;
width:3px;
height:570px
}
.stashPanel .border.tl {
top:135px;
left:9px;
width:6px;
height:6px
}
.stashPanel .border.tr {
top:135px;
left:585px;
width:6px;
height:6px
}
.stashPanel .border.br {
top:711px;
left:585px;
width:6px;
height:6px
}
.stashPanel .border.bl {
top:711px;
left:9px;
width:6px;
height:6px
}
.stashTabSelect {
overflow:scroll;
height:500px;
position:absolute;
top:0px;
left:0px;
background:#000;
border:1px solid #8a633d;
display:none;
z-index:10000
}
.stashTabSelect .option {
padding:2px 5px;
text-align:left;
color:#f0dcb9;
border:1px solid transparent
}
.stashTabSelect .option:hover {
cursor:pointer;
border:1px solid #8c5f35
}
#dcard-baseType {
height:500px
}
#dcard-baseMod {
height:500px
}
.dcard-massiveSelect {
height:500px
}
.divinationCards {
padding:10px;
overflow:hidden;
word-wrap:break-word
}
.divinationCards .cardStatus {
margin-top:230px
}
.divinationCards .cardList .cardStats {
padding:10px 0px
}
.divinationCards .cardList .cardName {
font-weight:bold
}
.divinationCards .divinationImage {
text-align:right
}
.divinationCardsList {
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/awakening/divinationcards.png?1443670923') no-repeat bottom right;
min-height:1140px
}
.itemPopupContainer {
position:relative;
text-align:center;
z-index:10000;
min-width:262.88032px;
max-width:547.66734px
}
.itemGemPopup {
z-index:1450
}
.itemBoxContent {
position:relative;
background:top right repeat-y;
font-size:110%
}
.itemInline {
clear:both
}
.itemInline .itemIconContainer {
float:left
}
.itemTitleBar {
background:top left repeat-x;
position:relative;
margin-top:-6px;
margin-bottom:-9px
}
.itemTitleBar .l {
position:absolute
}
.itemTitleBar .r {
position:absolute
}
.itemSeperator {
background:top left repeat-x;
position:relative
}
.itemSeperator .l {
position:absolute
}
.itemSeperator .r {
position:absolute
}
.explicitMod,.implicitMod {
color:#8888FF
}
.cosmeticMod {
color:#aa9e82
}
.unmet {
color:#d20000
}
.craftedMod {
color:#b4b4ff
}
.textUnique,.flavourText,.uniqueitem {
color:#af6025
}
.flavourText {
font-style:italic
}
.textRare {
color:#FFFF77
}
.textMagic {
color:#8888FF
}
.textNormal {
color:#C8C8C8
}
.textGem {
color:#AA9E82
}
.textCurrency {
color:#AA9E82
}
.textWhiteItem {
color:#c8c8c8
}
.textRareItem {
color:#ff7
}
.textMagicItem {
color:#88f
}
.textGemItem {
color:#1ba29b
}
.textCurrencyItem {
color:#aa9e82
}
.textUniqueItem {
color:#af6025
}
.textQuestItem {
color:#4ae63a
}
.itemContainer {
z-index:350;
position:relative;
margin-bottom:20px
}
.itemContainer noscript {
position:absolute;
bottom:23px;
left:0px;
text-align:center;
color:red;
opacity:.5;
font-style:italic;
font-size:72%;
background:#111
}
.itemContainerNotVerified noscript {
bottom:2px
}
.itemContainerContentLayoutNotInline {
float:left
}
.itemContainerContentLayoutNotInline .itemIconContainer {
padding:0px 10px
}
.itemContainerVerified {
margin-bottom:24px
}
.itemNotInline .itemIcon {
cursor:pointer
}
.itemIconContainer {
text-align:center
}
.itemIcon {
display:inline-block;
margin-top:5px;
text-align:center;
position:relative
}
.itemContainer .verified {
font-weight:bold;
color:#AAA;
border:1px solid #333;
background-color:#000;
padding:1px 4px
}
.itemHovered .verified {
border:1px solid #444;
color:#FFFF77
}
.itemIcon .socket img {
position:relative
}
.itemIcon .socket {
position:relative;
overflow:hidden;
float:left
}
.itemIcon .socketRight {
float:right
}
.itemStatusPopup {
margin-top:0px;
display:none;
position:absolute;
z-index:400;
text-align:center;
color:#fee;
border:1px solid #333;
background-color:#000;
padding:1px 3px 2px 3px;
font-style:italic
}
.verifiedItemStatusPopup {
margin-top:24px
}
.lc,.descrText span,.secDescriptionText span {
display:inline-block;
padding:0px 10px
}
.itemSmartLayoutBreak {
clear:both
}
.itemFragment {
float:left;
position:relative;
background:#000;
opacity:.3
}
.itemFragment.iW1 {
width:47.4645px
}
.itemFragment.iW2 {
width:94.92901px
}
.itemFragment.iH1 {
height:47.4645px
}
.itemFragment.iH2 {
height:94.92901px
}
.itemFragment.iH3 {
height:142.39351px
}
.itemFragment.iH4 {
height:189.85801px
}
.itemFragment.itemVerified {
margin-bottom:19px
}
.itemFragment noscript {
text-align:center;
font-size:80%;
position:absolute;
top:0px;
right:0px;
left:0px;
bottom:0px;
padding-top:5px
}
.itemFragment noscript span:before {
content:"Javascript required"
}
.noJS .itemFragment {
clear:both;
float:none
}
.itemContentLayout {
float:left;
margin:5px 5px 5px 5px
}
.itemContentLayout.iW1.itemVerified {
width:65px
}
.itemInfoBox,.itemLeaguePopup,.newItemContainer .verifiedStatus {
font-weight:bold;
color:#AAA;
border:1px solid #333;
background-color:#000;
padding:1px 4px;
text-align:center
}
.itemLeaguePopup {
font-weight:normal;
font-style:italic;
margin-top:3px;
display:none;
z-index:200
}
.newItemContainer {
background:transparent
}
.newItemContainer .iconContainer {
position:relative;
text-align:center
}
.newItemContainer .icon {
display:inline-block;
position:relative
}
.newItemContainer .leaguePopup {
visibility:hidden
}
.newItemContainer .verifiedStatus {
font-size:87%;
min-height:15px;
word-wrap:break-word
}
.newItemContainer.hovered .verifiedStatus {
border:1px solid #444;
color:#FFFF77
}
.newItemContainer .verticalLink,.newItemContainer.iW1 .socketLink0,.newItemContainer.iW1 .socketLink1,.newItemContainer.iW1 .socketLink2,.newItemContainer.iW2 .socketLink1,.newItemContainer.iW2 .socketLink3 {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjM6e3M6NDoidHlw/ZSI7czo2OiJzb2NrZXQi/O3M6Mjoic3QiO3M6NDoi/bGluayI7czo0OiJ2ZXJ0/IjtiOjE7fWk6MTtpOjEz/O30,/e74ea91157/Socket_Link_Vertical.png");
width:15.21298px;
height:37.72819px
}
.newItemContainer .horizontalLink,.newItemContainer.iW2 .socketLink0,.newItemContainer.iW2 .socketLink2,.newItemContainer.iW2 .socketLink4 {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjM6e3M6NDoidHlw/ZSI7czo2OiJzb2NrZXQi/O3M6Mjoic3QiO3M6NDoi/bGluayI7czo0OiJ2ZXJ0/IjtiOjA7fWk6MTtpOjEz/O30,/88e64a4f5d/Socket_Link_Horizontal.png");
width:37.72819px;
height:15.21298px
}
.newItemContainer .socketLink {
position:absolute;
z-index:1
}
.newItemContainer .sockets {
position:absolute;
top:0px;
left:0px;
display:none
}
.newItemContainer.showSockets .sockets {
display:block !important
}
.newItemContainer.iW1 .socketLink0 {
left:16.12576px;
top:28.60041px
}
.newItemContainer.iW1 .socketLink1 {
left:16.12576px;
top:76.06491px
}
.newItemContainer.iW1 .socketLink2 {
left:16.12576px;
top:123.52941px
}
.newItemContainer.iW1 .icon {
width:47.4645px
}
.newItemContainer.iW1 .sockets {
width:47.4645px
}
.newItemContainer.iW1.iH2 .sockets.numSockets1 {
top:23.73225px
}
.newItemContainer.iW1.iH3 .sockets.numSockets1 {
top:47.4645px
}
.newItemContainer.iW1.iH3 .sockets.numSockets2 {
top:23.73225px
}
.newItemContainer.iW1.iH4 .sockets.numSockets1 {
top:71.19675px
}
.newItemContainer.iW1.iH4 .sockets.numSockets2 {
top:47.4645px
}
.newItemContainer.iW1.iH4 .sockets.numSockets3 {
top:23.73225px
}
.newItemContainer.iW2 .icon {
width:94.92901px
}
.newItemContainer.iW2 .socketLink0 {
left:28.60041px;
top:16.12576px
}
.newItemContainer.iW2 .socketLink1 {
left:63.59026px;
top:28.60041px
}
.newItemContainer.iW2 .socketLink2 {
left:28.60041px;
top:63.59026px
}
.newItemContainer.iW2 .socketLink3 {
left:16.12576px;
top:76.06491px
}
.newItemContainer.iW2 .socketLink4 {
left:28.60041px;
top:111.05477px
}
.newItemContainer.iW2 .sockets {
width:94.92901px
}
.newItemContainer.iW2.iH1 .sockets.numSockets1,.newItemContainer.iW2.iH2 .sockets.numSockets1,.newItemContainer.iW2.iH3 .sockets.numSockets1,.newItemContainer.iW2.iH4 .sockets.numSockets1 {
left:23.73225px
}
.newItemContainer.iW2.iH2 .sockets.numSockets1,.newItemContainer.iW2.iH2 .sockets.numSockets2 {
top:23.73225px
}
.newItemContainer.iW2.iH3 .sockets.numSockets1,.newItemContainer.iW2.iH3 .sockets.numSockets2 {
top:47.4645px
}
.newItemContainer.iW2.iH3 .sockets.numSockets3,.newItemContainer.iW2.iH3 .sockets.numSockets4 {
top:23.73225px
}
.newItemContainer.iW2.iH4 .sockets.numSockets1,.newItemContainer.iW2.iH4 .sockets.numSockets2 {
top:71.19675px
}
.newItemContainer.iW2.iH4 .sockets.numSockets3,.newItemContainer.iW2.iH4 .sockets.numSockets4 {
top:47.4645px
}
.newItemContainer.iW2.iH4 .sockets.numSockets5,.newItemContainer.iW2.iH4 .sockets.numSockets6 {
top:23.73225px
}
.newItemContainer .socket {
height:47.4645px;
width:47.4645px;
float:left
}
.newItemContainer .socket.socketed:hover {
background-position:0px -50px;
cursor:pointer
}
.newItemContainer .socketRight {
float:right
}
.newItemContainer .socketStr {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjM6e3M6Mjoic3Qi/O3M6MDoiIjtzOjY6ImNv/bG91ciI7czoxOiJTIjtz/OjE6InMiO2Q6MC42MDg1/MTkyNjk3NzY4NzYzMTt9/aToxO2k6MTM7fQ,,/2dc1283e63/Socket.png")
}
.newItemContainer .socketStr.socketed {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJTIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJTIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/889e5e9df3/Socket.png")
}
.newItemContainer .socketStr.genGem {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJTIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/72f865001e/Socket.png")
}
.newItemContainer .socketStr.socketSupport {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjQ6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJTIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJTIjt9/aToxO2k6MTM7fQ,,/e3600d7891/Socket.png")
}
.newItemContainer .socketStr.socketSupport.genGem {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJTIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/72f865001e/Socket.png")
}
.newItemContainer .socketDex {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjM6e3M6Mjoic3Qi/O3M6MDoiIjtzOjY6ImNv/bG91ciI7czoxOiJEIjtz/OjE6InMiO2Q6MC42MDg1/MTkyNjk3NzY4NzYzMTt9/aToxO2k6MTM7fQ,,/dab7154ddd/Socket.png")
}
.newItemContainer .socketDex.socketed {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJEIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJEIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/f2228e8d48/Socket.png")
}
.newItemContainer .socketDex.genGem {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJEIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/1be25613a7/Socket.png")
}
.newItemContainer .socketDex.socketSupport {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjQ6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJEIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJEIjt9/aToxO2k6MTM7fQ,,/50f5056ed1/Socket.png")
}
.newItemContainer .socketDex.socketSupport.genGem {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJEIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/1be25613a7/Socket.png")
}
.newItemContainer .socketInt {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjM6e3M6Mjoic3Qi/O3M6MDoiIjtzOjY6ImNv/bG91ciI7czoxOiJJIjtz/OjE6InMiO2Q6MC42MDg1/MTkyNjk3NzY4NzYzMTt9/aToxO2k6MTM7fQ,,/cbddce2542/Socket.png")
}
.newItemContainer .socketInt.socketed {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJJIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJJIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/15fff51b36/Socket.png")
}
.newItemContainer .socketInt.genGem {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJJIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/8403722ada/Socket.png")
}
.newItemContainer .socketInt.socketSupport {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjQ6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJJIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJJIjt9/aToxO2k6MTM7fQ,,/50b50f7586/Socket.png")
}
.newItemContainer .socketInt.socketSupport.genGem {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJJIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/8403722ada/Socket.png")
}
.newItemContainer .socketGen {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjM6e3M6Mjoic3Qi/O3M6MDoiIjtzOjY6ImNv/bG91ciI7czoxOiJHIjtz/OjE6InMiO2Q6MC42MDg1/MTkyNjk3NzY4NzYzMTt9/aToxO2k6MTM7fQ,,/16d9a0bec9/Socket.png")
}
.newItemContainer .socketGen.socketed {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJHIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/945b0d9d2f/Socket.png")
}
.newItemContainer .socketGen.genGem {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJHIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/945b0d9d2f/Socket.png")
}
.newItemContainer .socketGen.socketSupport {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJHIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/945b0d9d2f/Socket.png")
}
.newItemContainer .socketGen.socketSupport.genGem {
background-image:url("/gen/image/YTozOntpOjA7aTo1O2k6/MjthOjU6e3M6Mjoic3Qi/O3M6Njoic3ByaXRlIjtz/OjY6ImNvbG91ciI7czox/OiJHIjtzOjE6InMiO2Q6/MC42MDg1MTkyNjk3NzY4/NzYzMTtzOjk6ImdlbUNv/bG91ciI7czoxOiJHIjtz/OjY6ImFjdGl2ZSI7Yjox/O31pOjE7aToxMzt9/945b0d9d2f/Socket.png")
}
.itemPlaced {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/game_ui/inventory_item_background.png?1443670908')
}
.itemPlaced.ipW1 {
width:47.4645px
}
.itemPlaced.ipW2 {
width:94.92901px
}
.itemPlaced.ipW3 {
width:142.39351px
}
.itemPlaced.ipW4 {
width:189.85801px
}
.itemPlaced.ipH1 {
height:47.4645px
}
.itemPlaced.ipH2 {
height:94.92901px
}
.itemPlaced.ipH3 {
height:142.39351px
}
.itemPlaced.ipH4 {
height:189.85801px
}
.itemPlaced.iH1.ipH2 .iconContainer {
top:23.73225px
}
.itemPlaced.iH1.ipH3 .iconContainer {
top:47.4645px
}
.itemPlaced.iH2.ipH3 .iconContainer {
top:23.73225px
}
.itemPlaced.iH1.ipH4 .iconContainer {
top:71.19675px
}
.itemPlaced.iH2.ipH4 .iconContainer {
top:47.4645px
}
.itemPlaced.iH3.ipH4 .iconContainer {
top:23.73225px
}
.itemPlaced.unidentified {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/game_ui/item_bg_unidentified.png?1443670908')
}
.newItemPopup {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/game_ui/hover_background.png?1443670908') repeat 0 0 transparent;
color:#7f7f7f;
margin:0px 7px
}
.newItemPopup .colourDefault {
color:#fff
}
.newItemPopup .colourAugmented {
color:#88f
}
.newItemPopup .colourUnmet {
color:#d20000
}
.newItemPopup .colourPhysicalDamage {
color:#fff
}
.newItemPopup .colourFireDamage {
color:#960000
}
.newItemPopup .colourColdDamage {
color:#366492
}
.newItemPopup .colourLightningDamage {
color:gold
}
.newItemPopup .colourChaosDamage {
color:#d02090
}
.newItemPopup .itemHeader {
font-size:19px;
line-height:1em
}
.newItemPopup .content {
padding:0.4em 0em 0.5em 0em
}
.newItemPopup .secDescrText {
padding:0px 1em
}
.newItemPopup.normalPopup .itemName,.newItemPopup.normalPopup .secDescrText {
color:#c8c8c8
}
.newItemPopup.rarePopup .itemName,.newItemPopup.rarePopup .secDescrText {
color:#ff7
}
.newItemPopup.magicPopup .itemName,.newItemPopup.magicPopup .secDescrText {
color:#88f
}
.newItemPopup.gemPopup .itemName,.newItemPopup.gemPopup .secDescrText {
color:#1ba29b
}
.newItemPopup.currencyPopup .itemName,.newItemPopup.currencyPopup .secDescrText {
color:#aa9e82
}
.newItemPopup.uniquePopup .itemName,.newItemPopup.uniquePopup .secDescrText {
color:#af6025
}
.newItemPopup.questPopup .itemName,.newItemPopup.questPopup .secDescrText {
color:#4ae63a
}
.newItemPopup.divinationPopup {
max-width:268px;
height:401px;
background:transparent;
font-size:14px
}
.newItemPopup.divinationPopup .cardFace {
position:absolute;
left:19px;
top:28px;
height:170px;
width:242px;
background:#1e1e1e
}
.newItemPopup.divinationPopup .itemBoxContent {
z-index:3;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/Art/2DItems/Divination/Images/DivinationCard.png?scale=1?1442998748') no-repeat center;
width:268px;
height:401px
}
.newItemPopup.divinationPopup .itemBoxContent .itemHeader {
padding-top:10px
}
.newItemPopup.divinationPopup .itemBoxContent .itemHeader .itemName {
font-size:16px
}
.newItemPopup.divinationPopup .itemBoxContent .explicitModsWrapper {
position:absolute;
top:200px;
width:234px;
left:17px;
height:70px;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d
}
.newItemPopup.divinationPopup .itemBoxContent .explicitModsWrapper .explicitModsContainer {
position:relative;
top:50%;
transform:translateY(-50%)
}
.newItemPopup.divinationPopup .itemBoxContent .stackSize {
color:#c8c8c8;
width:40px;
height:22px;
top:188px;
left:26px;
position:absolute
}
.newItemPopup.divinationPopup .itemBoxContent .flavourTextWrapper {
position:absolute;
top:270px;
left:17px;
width:234px;
height:120px
}
.newItemPopup.divinationPopup .itemBoxContent .flavourTextWrapper .flavourTextContainer {
position:relative;
top:50%;
transform:translateY(-50%)
}
.newItemPopup.divinationPopup .itemBoxContent .flavourTextWrapper .flavourTextContainer .flavourText {
line-height:1
}
.newItemPopup.divinationPopup .itemName,.newItemPopup.divinationPopup .secDescrText {
color:#2d2d2d
}
.newItemPopup.divinationPopup .default {
color:#7f7f7f
}
.newItemPopup.divinationPopup .uniqueitem {
color:#af6025
}
.newItemPopup.divinationPopup .rareitem {
color:#ff7
}
.newItemPopup.divinationPopup .magicitem {
color:#88f
}
.newItemPopup.divinationPopup .whiteitem {
color:#c8c8c8
}
.newItemPopup.divinationPopup .gemitem {
color:#1ba29b
}
.newItemPopup.divinationPopup .currencyitem {
color:#aa9e82
}
.newItemPopup.divinationPopup .questitem {
color:#4ae63a
}
.newItemPopup.divinationPopup .crafted {
color:#b4b4ff
}
.newItemPopup.divinationPopup .divination {
color:#aae6e6
}
.newItemPopup.divinationPopup .corrupted {
color:#d20000
}
.newItemPopup .descrText {
font-style:italic
}
.newItemPopup .value {
color:#fff
}
.newItemPopup .augmented {
color:#88f
}
.newItemPopup .unmet {
color:#d20000
}
.newItemPopup .lc {
padding:0px 6.08519px
}
.newItemPopup .experienceBar {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/Art/2DArt/UIImages/Items/ExperienceBar.png?scale=1&v=348dcaa8cf0072b4b66d0105e50a44913');
width:211px;
height:12px;
margin:0 4px;
display:inline-block;
text-align:left
}
.newItemPopup .experienceBar .fill {
width:203px;
display:inline-block;
margin:0px 4px
}
.newItemPopup .experienceBar .fill span {
display:inline-block;
height:12px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/Art/2DArt/UIImages/Items/ExperienceFill.png?scale=1&v=497877da160ee54149594647ffd428733') repeat-x
}
.normalPopup .itemName .lc {
padding:7.23428px 30px 7.23428px 30px
}
.normalPopup .doubleLine .itemName .lc {
padding:-1.51048px 30px -0.75524px 30px
}
.normalPopup .doubleLine .typeLine .lc {
padding:-0.75524px 30px -1.51048px 30px
}
.normalPopup .itemHeader {
background:red
}
.normalPopup .itemHeader {
background:#000;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteMiddle.png?scale=1&v=800c88925978db435f458f4fb19c88303");
height:33px
}
.normalPopup .itemHeader .l {
display:block;
left:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteLeft.png?scale=1&v=b3a74fc64fa0afd7c02f228de352247d3")
}
.normalPopup .itemHeader .r {
display:block;
right:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteRight.png?scale=1&v=ade4cf6cb9d8bd8ea29249ed83ebf4503")
}
.normalPopup .itemHeader.doubleLine {
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteMiddle.png?scale=1&v=800c88925978db435f458f4fb19c88303");
height:33px
}
.normalPopup .itemHeader.doubleLine .l {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteLeft.png?scale=1&v=b3a74fc64fa0afd7c02f228de352247d3")
}
.normalPopup .itemHeader.doubleLine .r {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteRight.png?scale=1&v=ade4cf6cb9d8bd8ea29249ed83ebf4503")
}
.normalPopup .separator {
background:url("/image/Art/2DArt/UIImages/Items/SeparatorWhite.png?scale=1&v=09e0916eeee92602700f5d249c09bb743") center no-repeat;
height:7.91075px;
margin:1px 0px
}
.whitePopup .itemName .lc {
padding:7.23428px 30px 7.23428px 30px
}
.whitePopup .doubleLine .itemName .lc {
padding:-1.51048px 30px -0.75524px 30px
}
.whitePopup .doubleLine .typeLine .lc {
padding:-0.75524px 30px -1.51048px 30px
}
.whitePopup .itemHeader {
background:red
}
.whitePopup .itemHeader {
background:#000;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteMiddle.png?scale=1&v=800c88925978db435f458f4fb19c88303");
height:33px
}
.whitePopup .itemHeader .l {
display:block;
left:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteLeft.png?scale=1&v=b3a74fc64fa0afd7c02f228de352247d3")
}
.whitePopup .itemHeader .r {
display:block;
right:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteRight.png?scale=1&v=ade4cf6cb9d8bd8ea29249ed83ebf4503")
}
.whitePopup .itemHeader.doubleLine {
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteMiddle.png?scale=1&v=800c88925978db435f458f4fb19c88303");
height:33px
}
.whitePopup .itemHeader.doubleLine .l {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteLeft.png?scale=1&v=b3a74fc64fa0afd7c02f228de352247d3")
}
.whitePopup .itemHeader.doubleLine .r {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderWhiteRight.png?scale=1&v=ade4cf6cb9d8bd8ea29249ed83ebf4503")
}
.whitePopup .separator {
background:url("/image/Art/2DArt/UIImages/Items/SeparatorWhite.png?scale=1&v=09e0916eeee92602700f5d249c09bb743") center no-repeat;
height:7.91075px;
margin:1px 0px
}
.magicPopup .itemName .lc {
padding:7.23428px 30px 7.23428px 30px
}
.magicPopup .doubleLine .itemName .lc {
padding:-1.51048px 30px -0.75524px 30px
}
.magicPopup .doubleLine .typeLine .lc {
padding:-0.75524px 30px -1.51048px 30px
}
.magicPopup .itemHeader {
background:red
}
.magicPopup .itemHeader {
background:#000;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderMagicMiddle.png?scale=1&v=f1b14ee55eec3fdea97d5eef52dfd6123");
height:33px
}
.magicPopup .itemHeader .l {
display:block;
left:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderMagicLeft.png?scale=1&v=bd01114bdfbf1e7400f30b94e734a6513")
}
.magicPopup .itemHeader .r {
display:block;
right:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderMagicRight.png?scale=1&v=f2144b4e8e8d1b59a6a320dd69eb71633")
}
.magicPopup .itemHeader.doubleLine {
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderMagicMiddle.png?scale=1&v=f1b14ee55eec3fdea97d5eef52dfd6123");
height:33px
}
.magicPopup .itemHeader.doubleLine .l {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderMagicLeft.png?scale=1&v=bd01114bdfbf1e7400f30b94e734a6513")
}
.magicPopup .itemHeader.doubleLine .r {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderMagicRight.png?scale=1&v=f2144b4e8e8d1b59a6a320dd69eb71633")
}
.magicPopup .separator {
background:url("/image/Art/2DArt/UIImages/Items/SeparatorMagic.png?scale=1&v=464a93d2142f9c9676f20e06f85af7a03") center no-repeat;
height:7.91075px;
margin:1px 0px
}
.rarePopup .itemName .lc {
padding:7.23428px 30px 7.23428px 30px
}
.rarePopup .doubleLine .itemName .lc {
padding:5.18323px 45px 2.59162px 45px
}
.rarePopup .doubleLine .typeLine .lc {
padding:2.59162px 45px 5.18323px 45px
}
.rarePopup .itemHeader {
background:red
}
.rarePopup .itemHeader {
background:#000;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderRareSingleLineMiddle.png?scale=1&v=db12657456d480b0d350e6530e5a3c863");
height:33px
}
.rarePopup .itemHeader .l {
display:block;
left:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderRareSingleLineLeft.png?scale=1&v=84b4304d10cabfc94c793c7a13d89b273")
}
.rarePopup .itemHeader .r {
display:block;
right:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderRareSingleLineRight.png?scale=1&v=1f542cd56e64611fb2bac1248aba36e33")
}
.rarePopup .itemHeader.doubleLine {
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderRareMiddle.png?scale=1&v=2a9bc46046532795600f120446dafb6c3");
height:53px
}
.rarePopup .itemHeader.doubleLine .l {
width:43px;
height:53px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderRareLeft.png?scale=1&v=7448ef1292102bd805ec18458c0e7c273")
}
.rarePopup .itemHeader.doubleLine .r {
width:43px;
height:53px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderRareRight.png?scale=1&v=17cd430429ef807fc14b181a42423d313")
}
.rarePopup .separator {
background:url("/image/Art/2DArt/UIImages/Items/SeparatorRare.png?scale=1&v=94882fd9eea5bff76a7962a9ec0dd3263") center no-repeat;
height:7.91075px;
margin:1px 0px
}
.uniquePopup .itemName .lc {
padding:7.23428px 30px 7.23428px 30px
}
.uniquePopup .doubleLine .itemName .lc {
padding:5.18323px 45px 2.59162px 45px
}
.uniquePopup .doubleLine .typeLine .lc {
padding:2.59162px 45px 5.18323px 45px
}
.uniquePopup .itemHeader {
background:red
}
.uniquePopup .itemHeader {
background:#000;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderUniqueSingleLineMiddle.png?scale=1&v=795f91aac65ed5893447fa3d9b976a303");
height:33px
}
.uniquePopup .itemHeader .l {
display:block;
left:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderUniqueSingleLineLeft.png?scale=1&v=dea1928896b704b5bdb12eaeff186b533")
}
.uniquePopup .itemHeader .r {
display:block;
right:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderUniqueSingleLineRight.png?scale=1&v=fc3c69ee7e44631ac3d2e624c17e527a3")
}
.uniquePopup .itemHeader.doubleLine {
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderUniqueMiddle.png?scale=1&v=c992ff3d42f93942a86a165cb7dbba903");
height:53px
}
.uniquePopup .itemHeader.doubleLine .l {
width:43px;
height:53px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderUniqueLeft.png?scale=1&v=9b657613dc0e3c19f5c27f54558a1a463")
}
.uniquePopup .itemHeader.doubleLine .r {
width:43px;
height:53px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderUniqueRight.png?scale=1&v=b0a3c8fb9eb55c8667a4791e1164953a3")
}
.uniquePopup .separator {
background:url("/image/Art/2DArt/UIImages/Items/SeparatorUnique.png?scale=1&v=bdf0e0541ff8d2a7191264a28fd5cb3b3") center no-repeat;
height:7.91075px;
margin:1px 0px
}
.gemPopup .itemName .lc {
padding:7.23428px 30px 7.23428px 30px
}
.gemPopup .doubleLine .itemName .lc {
padding:-1.51048px 30px -0.75524px 30px
}
.gemPopup .doubleLine .typeLine .lc {
padding:-0.75524px 30px -1.51048px 30px
}
.gemPopup .itemHeader {
background:red
}
.gemPopup .itemHeader {
background:#000;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderGemMiddle.png?scale=1&v=42d6823ba7b3575128cb4cf73f4ae3223");
height:33px
}
.gemPopup .itemHeader .l {
display:block;
left:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderGemLeft.png?scale=1&v=18de0059089783e48c20b0617f8723f13")
}
.gemPopup .itemHeader .r {
display:block;
right:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderGemRight.png?scale=1&v=d8a0f1eea3adefe24a08bb7bd3d6f71d3")
}
.gemPopup .itemHeader.doubleLine {
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderGemMiddle.png?scale=1&v=42d6823ba7b3575128cb4cf73f4ae3223");
height:33px
}
.gemPopup .itemHeader.doubleLine .l {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderGemLeft.png?scale=1&v=18de0059089783e48c20b0617f8723f13")
}
.gemPopup .itemHeader.doubleLine .r {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderGemRight.png?scale=1&v=d8a0f1eea3adefe24a08bb7bd3d6f71d3")
}
.gemPopup .separator {
background:url("/image/Art/2DArt/UIImages/Items/SeparatorGem.png?scale=1&v=188b3b5126a77432b03f90e24a89b02a3") center no-repeat;
height:7.91075px;
margin:1px 0px
}
.currencyPopup .itemName .lc {
padding:7.23428px 30px 7.23428px 30px
}
.currencyPopup .doubleLine .itemName .lc {
padding:-1.51048px 30px -0.75524px 30px
}
.currencyPopup .doubleLine .typeLine .lc {
padding:-0.75524px 30px -1.51048px 30px
}
.currencyPopup .itemHeader {
background:red
}
.currencyPopup .itemHeader {
background:#000;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderCurrencyMiddle.png?scale=1&v=1ea58b550f3b91da03a1eccd9cddba603");
height:33px
}
.currencyPopup .itemHeader .l {
display:block;
left:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderCurrencyLeft.png?scale=1&v=edcc1774f53e65050bb906a20ba45a653")
}
.currencyPopup .itemHeader .r {
display:block;
right:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderCurrencyRight.png?scale=1&v=933da82639f285202d374b71c99302973")
}
.currencyPopup .itemHeader.doubleLine {
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderCurrencyMiddle.png?scale=1&v=1ea58b550f3b91da03a1eccd9cddba603");
height:33px
}
.currencyPopup .itemHeader.doubleLine .l {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderCurrencyLeft.png?scale=1&v=edcc1774f53e65050bb906a20ba45a653")
}
.currencyPopup .itemHeader.doubleLine .r {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderCurrencyRight.png?scale=1&v=933da82639f285202d374b71c99302973")
}
.currencyPopup .separator {
background:url("/image/Art/2DArt/UIImages/Items/SeparatorCurrency.png?scale=1&v=2d9ab33132337c50fa926d3ca1a614d83") center no-repeat;
height:7.91075px;
margin:1px 0px
}
.questPopup .itemName .lc {
padding:7.23428px 30px 7.23428px 30px
}
.questPopup .doubleLine .itemName .lc {
padding:-1.51048px 30px -0.75524px 30px
}
.questPopup .doubleLine .typeLine .lc {
padding:-0.75524px 30px -1.51048px 30px
}
.questPopup .itemHeader {
background:red
}
.questPopup .itemHeader {
background:#000;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderQuestMiddle.png?scale=1&v=b6aa6e80f874d56952ca8cf0c7e459303");
height:33px
}
.questPopup .itemHeader .l {
display:block;
left:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderQuestLeft.png?scale=1&v=d0a4c7cbe73de1cb014c46d2a48433493")
}
.questPopup .itemHeader .r {
display:block;
right:0px;
top:0px;
position:absolute;
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderQuestRight.png?scale=1&v=dec63a6ca4d498aeac99e3d7bf53a1003")
}
.questPopup .itemHeader.doubleLine {
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderQuestMiddle.png?scale=1&v=b6aa6e80f874d56952ca8cf0c7e459303");
height:33px
}
.questPopup .itemHeader.doubleLine .l {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderQuestLeft.png?scale=1&v=d0a4c7cbe73de1cb014c46d2a48433493")
}
.questPopup .itemHeader.doubleLine .r {
width:28px;
height:33px;
background-image:url("/image/Art/2DArt/UIImages/Items/ItemHeaderQuestRight.png?scale=1&v=dec63a6ca4d498aeac99e3d7bf53a1003")
}
.questPopup .separator {
background:url("/image/Art/2DArt/UIImages/Items/SeparatorQuest.png?scale=1&v=547ada8ae6d635f530a76ad596d7205f3") center no-repeat;
height:7.91075px;
margin:1px 0px
}
.buyButton1,.shopBuyItemModal .buyButton,shopBuyPackageModal .buyButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/BuyButton.png?1443670910');
width:74px;
height:37px
}
.buyButton1:hover,.shopBuyItemModal .buyButton:hover,shopBuyPackageModal .buyButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/BuyButtonHover.png?1443670910')
}
.zh_TW .buyButton1,.zh_TW .shopBuyItemModal .buyButton,.shopBuyItemModal .zh_TW .buyButton,.zh_TW shopBuyPackageModal .buyButton,shopBuyPackageModal .zh_TW .buyButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/BuyButton.png?1443670910');
width:74px;
height:37px
}
.zh_TW .buyButton1:hover,.zh_TW .shopBuyItemModal .buyButton:hover,.shopBuyItemModal .zh_TW .buyButton:hover,.zh_TW shopBuyPackageModal .buyButton:hover,shopBuyPackageModal .zh_TW .buyButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/BuyButtonHover.png?1443670910')
}
.th_TH .buyButton1,.th_TH .shopBuyItemModal .buyButton,.shopBuyItemModal .th_TH .buyButton,.th_TH shopBuyPackageModal .buyButton,shopBuyPackageModal .th_TH .buyButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/BuyButton.png?1443670910');
width:74px;
height:37px
}
.th_TH .buyButton1:hover,.th_TH .shopBuyItemModal .buyButton:hover,.shopBuyItemModal .th_TH .buyButton:hover,.th_TH shopBuyPackageModal .buyButton:hover,shopBuyPackageModal .th_TH .buyButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/BuyButtonHover.png?1443670910')
}
.ru_RU .buyButton1,.ru_RU .shopBuyItemModal .buyButton,.shopBuyItemModal .ru_RU .buyButton,.ru_RU shopBuyPackageModal .buyButton,shopBuyPackageModal .ru_RU .buyButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/BuyButton.png?1443670910');
width:74px;
height:37px
}
.ru_RU .buyButton1:hover,.ru_RU .shopBuyItemModal .buyButton:hover,.shopBuyItemModal .ru_RU .buyButton:hover,.ru_RU shopBuyPackageModal .buyButton:hover,shopBuyPackageModal .ru_RU .buyButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/BuyButtonHover.png?1443670910')
}
.ru_RU .shopIndex .category h2 {
font-size:22px
}
.shop_item {
float:left;
padding:5px;
background-color:#2B2B23;
width:166px;
text-align:center;
margin:0px 5px 5px 0px;
border:1px solid;
border-color:#000 #333 #333 #000;
min-height:110px
}
h3.purchased {
margin-top:10px
}
.item_cost {
color:#CFC6A0
}
.shop_item_bought {
background-color:#2d412c
}
.shopPurchase .r16Label.active {
margin:0px 0px 10px 5px
}
.shopPurchase,.shopPurchaseComplete {
background:url("../../image/shop/guilloche.gif?v=1") no-repeat scroll right bottom transparent;
height:auto !important;
min-height:506px;
height:506px
}
.layoutBoxFull.boaCompra {
width:1045px
}
.loading.boaCompra {
padding-top:20px
}
.shopPurchase .shopItem {
font-size:150%
}
.shopItemBase {
position:relative
}
.shopItemBase .original-price {
text-decoration:line-through;
position:absolute;
right:90px;
top:20px;
margin-right:75px
}
.shopItemBase .disablingLoadingContainer {
display:none;
position:absolute;
top:0;
left:0;
background:url("../../image/game_ui/hover_background.png") repeat;
border:1px solid #1F1F1F;
box-shadow:0 0 5px #473F31 inset;
-moz-box-shadow:0 0 5px #473F31 inset;
-webkit-box-shadow:0 0 5px #473F31 inset
}
.shopItemBase .disablingLoadingContainer .loadingText {
padding:5px;
color:#BBBE9D;
position:absolute;
top:0;
left:0
}
.shopPurchase .shopExistingOptionContainer .label,.shopPurchase .shopOption {
color:#DFCF99
}
.shopPurchase .optionTitle,.shopFormHeading {
color:#CAE9FE;
font-size:170%;
padding:5px
}
.shopPurchase .optionBox,.shopFormContainer {
height:auto !important;
margin:20px 10px 20px 10px;
min-height:355px;
height:355px;
width:435px;
float:right
}
.shopFormContainer {
float:left
}
.shopPurchase .useCreditCardOptionBox,.shopPurchase .boaCompraOptionBox {
float:left
}
.shopPurchase .useCreditCardOptionBox.loading,.shopPurchase .boaCompraOptionBox.loading {
height:auto;
min-height:50px
}
.shopPurchase .useCreditCardOptionBox.loading .shopForm,.shopPurchase .boaCompraOptionBox.loading .shopForm {
visibility:hidden
}
.shopPurchase .useCreditCardOptionBox .optionContent {
position:relative
}
.shopPurchase .useCreditCardOptionBox .cvvRow img {
float:right
}
.shopPurchase .useCreditCardOptionBox .cvvRow .hint {
font-size:75%;
color:#aaa;
margin-top:5px;
display:inline-block
}
.shopPurchase .useCreditCardOptionBox .creditCardJSRequired div {
background:none repeat scroll 0 0 #000000;
font-size:120%;
position:absolute;
bottom:0;
left:0;
top:0;
right:0;
text-align:center;
z-index:200;
padding:20px 10px
}
.shopPurchase .useExistingOptionBoxHasCards {
float:left;
margin-left:0px
}
.shopPurchase .useCreditCardOptionBoxHasCards {
float:right;
margin-left:0px
}
.shopPurchase .useCreditCardOptionBox .optionContent,.shopFormContainer .content {
border:1px solid #172025;
box-shadow:0 0 12px #172025 inset
}
.shopPurchase .optionBox .optionContent {
height:auto !important;
padding:5px
}
.shopFormContainer .content {
height:auto !important;
padding:5px
}
.shopPurchase .shopExistingOptionContainer {
border:1px solid #1B2326;
box-shadow:0 0 5px #1B2326 inset;
margin-bottom:10px;
position:relative;
background:#121619
}
.shopPurchase .shopExistingOptionContainer.loading {
height:auto;
min-height:50px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/loading.gif?1443670923');
background-repeat:no-repeat;
background-position:center
}
.shopPurchase .shopExistingOptionContainer.loading .shopFormExistingCard {
visibility:hidden
}
.shopPurchase .shopExistingOptionContainer .error,.shopPurchase .shopExistingOptionContainer form.t1 .element li,form.t1 .element .shopPurchase .shopExistingOptionContainer li,.shopPurchase .shopExistingOptionContainer .formT1 .element li,.formT1 .element .shopPurchase .shopExistingOptionContainer li {
padding:5px 10px
}
.shopPurchase .shopExistingOptionContainer .header {
background:url("../../image/shop/header_credit.gif") no-repeat scroll left top #1d2225;
color:#FEFEFE;
font-size:149%;
min-height:34px;
padding:4px 0 0 4px
}
.shopPurchase .shopPaypalOptionContainer .header,.shopPurchase .shopBoaCompraPayPalOptionContainer .header {
background:url("../../image/shop/header_paypal.gif") no-repeat scroll left top #1d2225
}
.shopPurchase .shopBoaCompraOptionContainer .header {
background:url("../../image/shop/header_boacompra.png") no-repeat scroll left top #1d2225
}
.shopPurchase .shopBoaCompraCreditCardOptionContainer .header {
background:url("../../image/shop/header_creditcard.png") no-repeat scroll left top #1d2225
}
.shopPurchase .shopBoaCompraBoletoOptionContainer .header {
background:url("../../image/shop/header_boleto.png") no-repeat scroll left top #1d2225
}
.shopPurchase .shopBoaCompraTransferOptionContainer .header {
background:url("../../image/shop/header_transfer.png") no-repeat scroll left top #1d2225
}
.shopPurchase .shopBoaCompraPagseguroOptionContainer .header {
background:url("../../image/shop/header_pagseguro.png") no-repeat scroll left top #1d2225
}
.shopPurchase .shopBoaCompraGoldOptionContainer .header {
background:url("../../image/shop/header_boacompragold.png") no-repeat scroll left top #1d2225
}
.shopPurchase .shopPaysafeCardOptionContainer .header {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/header_paysafecard.png?1443670912') no-repeat scroll left top #1d2225
}
.shopPurchase .shopKarmaKoinOptionContainer .header {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/header_karmakoin3.png?1443670910') no-repeat scroll left top #1d2225
}
.shopPurchase .shopKarmaKoinOptionContainer #karma-koin-form label {
width:90px;
margin-top:10px
}
.shopPurchase .shopKarmaKoinOptionContainer #karma-koin-form input[name=karmakoin_pin] {
margin-top:10px
}
.shopPurchase .shopKarmaKoinOptionContainer #karma-koin-form input[name=submit] {
float:right
}
.shopPurchase .shopExistingOptionContainer .header .shopBuyButton,.shopPurchase .shopExistingOptionContainer .header .shopSubmitBuyButton {
position:absolute;
top:-1px;
right:-1px
}
.shopPurchase .shopExistingOptionContainer .details {
color:#4F7083;
padding:3px 3px 3px 7px
}
.shopPurchase .shopExistingOptionContainer a {
color:#7FA0A3
}
.shopPurchase .shopExistingOptionContainer a:hover {
color:#fff
}
.shopPurchase .supportContact {
text-align:center
}
.shopPurchase .shopExistingOptionContainer .remove {
padding:0px 0px 6px 6px
}
.shopPurchase .shopOption {
margin-right:5px;
text-decoration:underline;
font-style:italic
}
.shopForm .payment-errors {
font-weight:bold
}
.shopForm .formRow {
clear:both;
padding:3px
}
.shopForm .formSubmitRow {
padding:0px;
margin-top:24px
}
.shopForm .errors {
margin-left:162px;
margin-bottom:8px
}
.shopForm .formAddressCountryRow {
margin-bottom:26px
}
.shopForm input,.shopForm select {
background:none repeat scroll 0 0 #B0CFE3;
border:1px solid #B0CFE3;
border-radius:2px 2px 2px 2px;
color:#000000
}
.shopForm select {
width:170px
}
.shopForm label {
color:#4F7083;
display:block;
float:left;
margin-left:2px;
padding-right:8px;
width:150px;
margin-bottom:5px
}
.shopForm .lastRow {
clear:left;
position:relative;
min-height:39px;
margin-top:10px
}
.shopForm .lastRow .shopSubmitBuyButton {
position:absolute;
bottom:-1px;
right:-1px
}
.shopForm .secLastRow {
margin-bottom:20px
}
.shopForm .lastRow input,.shopForm .shopSubmitBuyButton,.shopForm .shopSubmitNextButton {
border:none
}
.shopForm .formSubmitRow .alignRight {
float:right
}
.shopForm .lastRow label {
float:none;
padding:2px 0 0 5px
}
.shopForm .lastRow .saveForLater {
float:left;
margin:5px 10px 0px 7px
}
.shopForm .loading,.shopPurchase .shopFormExistingCard .loading {
background:url("../../image/loading_small.gif") no-repeat scroll 0 center transparent;
height:auto;
padding:0 0 0 25px;
display:none
}
.shopForm #international_shipping {
display:none
}
.shopPurchase .shopFormExistingCard .loading {
padding:5px 5px 5px 25px;
margin-left:5px
}
.shopForm .loading {
margin-bottom:10px
}
.shopForm .loadingVisible,.shopPurchase .shopFormExistingCard .submitRow .loadingVisible {
display:block
}
.paymentPackagesList {
position:relative;
padding:0px
}
.paymentPackagesList .pointPacks {
height:210px;
width:920px;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/point_packs.jpg?1443670909') no-repeat 0 0;
padding-top:50px
}
.paymentPackagesList .pointPacks .package {
width:900px;
height:59px;
margin:0px
}
.paymentPackagesList .pointPacks .package .bottom {
background:transparent;
height:50px;
margin-top:10px;
font-weight:bold
}
.paymentPackagesList .pointPacks .package .points {
top:0;
left:400px;
color:#fdeb85;
text-shadow:0px 0px 6px #bb9727;
padding-left:20px;
font-size:30px;
width:200px;
text-align:left
}
.paymentPackagesList .pointPacks .package .price {
top:0;
left:610px
}
.paymentPackagesList .pointPacks .package .shopButton {
top:0;
left:775px
}
.paymentPackagesList .packsBelow {
background:#000 url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/supporter-packs-below.jpg?1443670909') no-repeat right 11px;
height:128px;
width:400px;
position:absolute;
right:14px;
bottom:25px
}
.paymentPackagesList h1 {
font-size:26px
}
.paymentPackagesList .purchaseDescription {
margin-bottom:7px;
display:inline-block;
background:#000;
padding:5px;
margin-top:14px;
margin-right:10px;
width:457px;
float:left
}
.paymentPackagesList .purchaseDescription .description {
color:#9f9fa1
}
.paymentPackagesList.wide .purchaseDescription {
width:auto
}
.paymentPackagesList.wide .package {
margin:1px 0px 5px 0px
}
.paymentPackagesList .package {
float:left;
margin:1px 10px 5px 0
}
.paymentPackagesList .package .bottom {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/Art/2DArt/Shop/pack/pack_bg.jpg?1442998709') no-repeat scroll left top transparent;
height:206px;
position:relative;
width:124px
}
.paymentPackagesList .package .top {
position:relative
}
.paymentPackagesList .package .top img {
position:relative;
left:-2px
}
.paymentPackagesList .package .top .left {
float:left;
width:360px
}
.paymentPackagesList .package .top .shopCoinStatusBox {
float:right
}
.paymentPackagesList .package .description {
padding-bottom:10px;
min-height:50px
}
.paymentPackagesList .package .shopButton {
left:6px;
position:absolute;
top:161px
}
.paymentPackagesList .package .points {
color:#fee4a7;
font-size:18px;
position:absolute;
top:69px;
left:0px;
width:124px;
text-align:center
}
.paymentPackagesList .package .price {
text-shadow:0 0 5px #0DC10B;
color:#0DC10B;
font-size:243%;
padding:1px;
position:absolute;
text-align:center;
top:102px;
width:121px
}
.paymentPackagesList .package.special .price {
text-shadow:0 0 3px #0DC10B;
left:13px;
top:97px;
font-size:170%;
text-align:left
}
.paymentPackagesList .package.special .price img.cross {
position:absolute;
left:-10px;
top:6px
}
.paymentPackagesList .package.special .price.specialPrice {
text-shadow:0 0 8px #fe1b08;
color:#ffdf32;
top:119px;
left:0px;
text-align:center;
width:121px;
font-size:190%
}
.paymentPackagesList .package.special .price.specialPrice .now {
font-size:50%
}
.paymentPackagesList .name {
font-size:137%;
line-height:1em;
padding:4px;
position:absolute;
text-align:center;
text-shadow:0 0 2px #262626;
top:30px;
width:119px
}
.shopCoinStatusBox {
text-align:center;
float:right
}
.shopCoinStatusBox .guildCoinInfo {
float:left;
width:180px;
text-align:center;
font-size:11px;
padding:2px 4px 0px 0px;
color:#686868
}
.shopCoinStatusBox .coins {
float:left;
height:31px;
width:166px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/coinamount_small.gif?1443670909');
background-repeat:no-repeat;
background-position:top left;
padding:8px 0 0;
text-align:right
}
.shopCoinStatusBox .coins .amount {
font-size:19px;
color:#FFF;
margin-right:38px;
line-height:1
}
.shopCoinStatusBox .coins .label {
font-size:141%;
color:#ffdca4
}
.shopCoinStatusBox.error,form.t1 .element li.shopCoinStatusBox,.formT1 .element li.shopCoinStatusBox {
height:59px;
padding:2px;
width:212px
}
.shopCoinStatusBox .purchaseLink {
float:left;
width:166px;
height:31px
}
.shopCoinStatusBox .purchaseLink a {
color:#E0E1AA;
font-size:120%
}
.shopCoinStatusBox .purchaseLink a:hover {
color:#FFF
}
.zh_TW .shopCoinStatusBox .purchaseLink {
width:166px;
height:31px
}
.th_TH .shopCoinStatusBox .purchaseLink {
width:166px;
height:31px
}
.ru_RU .shopCoinStatusBox .purchaseLink {
width:166px;
height:31px
}
.shopInfoBar {
background:url("../../image/shop/head_bg.gif?v=1") no-repeat scroll 0 0 transparent;
height:63px;
position:relative
}
.shopInfoBar .crumbImage {
float:left
}
.shopInfoBar.layout1 .shopCoinStatusBox {
width:332px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/coinamount_small.gif?1443670909');
background-repeat:no-repeat;
background-position:top left
}
.shopInfoBar.layout1 .purchaseLink {
top:0px;
right:0px
}
.shopHorizontalDivider {
width:920px;
height:23px;
background:url("../../image/shop/topstripe.gif?v=1") no-repeat scroll 0 0 transparent
}
.shopBuyButton,.shopBuyCoinsButton,.shopBackButton,.shopSubmitBuyButton,.shopBuyButtonAppearDisabled,.shopUpgradeButton1,.shopUpgradeButton2 {
width:112px;
height:39px;
display:inline-block;
position:relative
}
.shopGoShoppingButton {
width:166px;
height:31px;
display:inline-block;
position:relative;
background:url("../../image/shop/shopping_default.gif") no-repeat scroll 0 0 transparent
}
.shopGoShoppingButton:hover {
background:url("../../image/shop/shopping_hover.gif") no-repeat scroll 0 0 transparent
}
.shopGoShoppingButtonDisabled {
width:166px;
height:31px;
display:inline-block;
position:relative;
background:url("../../image/shop/shopping_pressed.gif") no-repeat scroll 0 0 transparent;
display:none
}
.shopGoShoppingButtonDisabled span {
display:none
}
.shopShopButton {
width:74px;
height:37px;
display:inline-block;
position:relative;
background:url("../../image/shop/item/ShopButton.png") no-repeat scroll 0 0 transparent
}
.shopShopButton:hover {
background:url("../../image/shop/item/ShopButtonHover.png") no-repeat scroll 0 0 transparent
}
.shopButton .ornamentL,.shopButton .ornamentR {
position:absolute;
top:6px
}
.shopButton .ornamentL {
left:-107px
}
.shopButton .ornamentR {
right:-107px
}
.shopButton span,.shopBuyMoreCoinsButton span {
display:none
}
.shopBuyButton {
background:url("../../image/shop/buy_default.gif") no-repeat scroll 0 0 transparent
}
.shopBuyButton:hover,.shopBuyButtonAppearDisabled:hover {
background:url("../../image/shop/buy_hover.gif") no-repeat scroll 0 0 transparent
}
.shopUpgradeButton1 {
background:url("../../image/shop/upgrade_default.gif") no-repeat scroll 0 0 transparent
}
.shopUpgradeButton1:hover {
background:url("../../image/shop/upgrade_hover.gif") no-repeat scroll 0 0 transparent
}
.shopUpgradeButton2 {
background:url("../../image/shop/upgrade_green_default.gif") no-repeat scroll 0 0 transparent
}
.shopUpgradeButton2:hover {
background:url("../../image/shop/upgrade_green_hover.gif") no-repeat scroll 0 0 transparent
}
.shopBuyButtonAppearDisabled {
background:url("../../image/shop/buy_pressed.gif") no-repeat scroll 0 0 transparent
}
.shopBuyCoinsButton {
background:url("../../image/shop/buycoins_default.gif") no-repeat scroll 0 0 transparent
}
.shopBuyCoinsButton:hover {
background:url("../../image/shop/buycoins_hover.gif") no-repeat scroll 0 0 transparent
}
.shopBackButton {
background:url("../../image/shop/back_default.gif") no-repeat scroll 0 0 transparent
}
.zh_TW .shopBackButton {
background:url("../../image/shop/zh_TW/back_default.png") no-repeat scroll 0 0 transparent
}
.th_TH .shopBackButton {
background:url("../../image/shop/th_TH/back_default.png") no-repeat scroll 0 0 transparent
}
.ru_RU .shopBackButton {
background:url("../../image/shop/ru_RU/back_default.png") no-repeat scroll 0 0 transparent
}
.shopBackButton:hover {
background:url("../../image/shop/back_hover.gif") no-repeat scroll 0 0 transparent
}
.zh_TW .shopBackButton:hover {
background:url("../../image/shop/zh/back_hover.png") no-repeat scroll 0 0 transparent
}
.th_TH .shopBackButton:hover {
background:url("../../image/shop/th_TH/back_hover.png") no-repeat scroll 0 0 transparent
}
.ru_RU .shopBackButton:hover {
background:url("../../image/shop/ru_RU/back_hover.png") no-repeat scroll 0 0 transparent
}
.shopBuyMoreCoinsButton {
display:inline-block;
position:relative;
width:166px;
height:31px;
background:url("../../image/shop/buymore_default.gif") no-repeat scroll 0 0 transparent
}
.zh_TW .shopBuyMoreCoinsButton {
background:url("../../image/shop/zh/buymore_default.png") no-repeat scroll 0 0 transparent
}
.th_TH .shopBuyMoreCoinsButton {
background:url("../../image/shop/th_TH/buymore_default.png") no-repeat scroll 0 0 transparent
}
.ru_RU .shopBuyMoreCoinsButton {
background:url("../../image/shop/ru_RU/buymore_default.png") no-repeat scroll 0 0 transparent
}
.shopBuyMoreCoinsButton:hover {
background:url("../../image/shop/buymore_hover.gif") no-repeat scroll 0 0 transparent
}
.zh_TW .shopBuyMoreCoinsButton:hover {
background:url("../../image/shop/zh/buymore_hover.png") no-repeat scroll 0 0 transparent
}
.th_TH .shopBuyMoreCoinsButton:hover {
background:url("../../image/shop/th_TH/buymore_hover.png") no-repeat scroll 0 0 transparent
}
.ru_RU .shopBuyMoreCoinsButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/ru_RU/buymore_hover.png?1443670909') no-repeat scroll 0 0 transparent
}
.shopGivePointsToGuildButton {
display:inline-block;
position:relative;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/give_to_guild_default.jpg?1443670911');
width:166px;
height:31px
}
.shopGivePointsToGuildButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/give_to_guild_hover.jpg?1443670909');
width:166px;
height:31px
}
.shopGivePointsToGuildButton span {
display:none
}
.zh_TW .shopGivePointsToGuildButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/zh/give_to_guild_default.jpg?1443670910');
width:166px;
height:31px
}
.zh_TW .shopGivePointsToGuildButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/zh/give_to_guild_hover.jpg?1443670910');
width:166px;
height:31px
}
.th_TH .shopGivePointsToGuildButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/th_TH/give_to_guild_default.jpg?1443670908');
width:166px;
height:31px
}
.th_TH .shopGivePointsToGuildButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/th_TH/give_to_guild_hover.jpg?1443670908');
width:166px;
height:31px
}
.ru_RU .shopGivePointsToGuildButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/ru_RU/give_to_guild_default.jpg?1443670909');
width:166px;
height:31px
}
.ru_RU .shopGivePointsToGuildButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/ru_RU/give_to_guild_hover.jpg?1443670909');
width:166px;
height:31px
}
.shopItem,.shopPackage {
float:left;
margin:5px 0 0 5px;
position:relative;
width:431px
}
.shopPackage {
background:url("../../image/shop/bgpackage.gif") no-repeat 0 0 transparent;
height:327px
}
.shopItem .left,.shopPackage .left {
position:absolute;
width:112px;
height:152px;
top:5px;
left:5px
}
.shopPackage .left {
height:312px
}
.shopPackage .left .originalPrice,.shopPackage .left .discount {
left:11px;
position:absolute
}
.shopPackage .left .originalPrice {
top:127px
}
.shopPackage .left .discount {
top:173px
}
.shopPackage .left .originalPrice .value,.shopPackage .left .discount .value {
color:#f4eae8
}
.shopPackage .left .savings {
position:absolute;
text-align:center;
top:222px;
width:112px
}
.shopPackage .left .savings .label {
font-weight:bold;
color:#320700;
line-height:1em;
padding-top:2px
}
.shopPackage .left .savings .value {
color:#FFDA4D;
font-size:156%;
line-height:1em
}
.shopItem .left .shopItemIcon {
margin-left:2px
}
.shopItem .left .shopBuyButton,.shopItem .left .shopBuyButtonAppearDisabled {
position:absolute;
bottom:0px;
left:0px
}
.shopPackage .left .shopBuyButton,.shopPackage .left .shopBuyButtonAppearDisabled {
position:absolute;
bottom:0px;
left:0px
}
.shopPackage .pricingInfo {
margin-top:15px
}
.shopPackage .pricingInfo .label {
color:#ACD0ED
}
.shopPackage .pricingInfo {
font-size:110%
}
.shopPackageItem {
border:1px solid #333;
background:#070707;
margin:5px 0px 5px 5px;
padding:4px
}
.shopItem .bottom {
margin-top:10px;
padding:0px 15px 10px 15px;
position:absolute;
bottom:0px;
left:0px;
width:234px;
font-size:130%
}
.shopItemIcon {
width:107px;
position:relative
}
.shopItemIcon .cost {
color:#FFDA4D;
font-size:231%;
font-weight:bold;
left:0;
position:absolute;
text-align:right;
top:66px;
width:76px
}
.shopItem .costSmall,.shopPackage .costSmall {
bottom:0;
height:22px;
position:absolute;
right:4px;
text-align:right;
width:240px;
color:#7A593A;
font-size:115%
}
.shopItem .costSmall.cantAfford,.shopPackage .costSmall.cantAfford,.shopBuyItemModal .costBox.cantAfford .balance {
color:#85241e
}
.shopItem .buyButton {
float:right
}
.shopItem .name,.shopPackageItem .name {
color:#daa468
}
.shopItemName a,.shopPrePurchaseItemContainer .shopItemName {
font-size:126%;
color:#daa466
}
.shopItemName,.shopPackage .packageName {
height:39px;
padding:4px 6px;
position:absolute;
right:4px;
top:7px;
width:288px
}
.shopPackage .shopItemName a {
color:#B2DDFF;
font-size:120%;
font-weight:bold
}
.shopItem .shopItemName a,.shopPackage .shopItemName a {
text-decoration:none
}
.shopPackage .description {
height:240px
}
.shopPackage .packageDescription {
margin-top:26px
}
.shopPackage .packageDescription .containsLabel {
margin-bottom:7px
}
.shopPackage .packageDescription .packageItem .name {
float:left
}
.shopPackage .packageDescription .packageItem .cost {
float:right;
color:#cee1ef;
padding-right:14px
}
.shopBuyItemModal,shopBuyPackageModal {
background:#0f0c0a;
position:relative;
display:none;
width:896px;
height:366px
}
.shopBuyItemModal.guildNoPermissions .buyButtonDisabled,shopBuyPackageModal.guildNoPermissions .buyButtonDisabled {
display:block
}
.shopBuyItemModal .heading,shopBuyPackageModal .heading {
height:59px
}
.shopBuyItemModal .description,shopBuyPackageModal .description {
margin:10px;
text-shadow:0px 0px 8px rgba(0,18,97,0.88);
font-weight:bold;
font-size:13px
}
.shopBuyItemModal .secondaryDescription,shopBuyPackageModal .secondaryDescription {
margin:10px;
color:#ae926d;
font-size:12px
}
.shopBuyItemModal .name,shopBuyPackageModal .name {
font-size:15px;
color:#ffda4d
}
.shopBuyItemModal .videoEmbed,shopBuyPackageModal .videoEmbed {
position:absolute;
top:0px;
left:0px
}
.shopBuyItemModal .largeImage,shopBuyPackageModal .largeImage {
overflow:hidden;
height:366px
}
.shopBuyItemModal .content,shopBuyPackageModal .content {
height:366px;
width:256px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ModalBackground.jpg?1443670910');
position:absolute;
top:0px;
right:0px;
padding:0px;
margin:0px;
z-index:2
}
.shopBuyItemModal .friends,shopBuyPackageModal .friends {
position:absolute;
top:0px;
right:0px;
z-index:1;
padding:20px 10px;
width:180px;
height:326px
}
.shopBuyItemModal .friends select,shopBuyPackageModal .friends select {
width:175px;
margin-top:10px
}
.shopBuyItemModal .friends .friend-selector,shopBuyPackageModal .friends .friend-selector {
border-top:1px solid #665a3f;
margin-top:10px;
height:308px;
overflow-y:auto
}
.shopBuyItemModal .friends .friend-selector .row,shopBuyPackageModal .friends .friend-selector .row {
background:#232222;
clear:both;
overflow:hidden;
border-bottom:1px solid #665a3f;
padding:5px 10px;
cursor:pointer
}
.shopBuyItemModal .friends .friend-selector .row.even,shopBuyPackageModal .friends .friend-selector .row.even {
background:#181818
}
.shopBuyItemModal .friends .friend-selector .row:hover,shopBuyPackageModal .friends .friend-selector .row:hover {
background:#B39627;
color:black
}
.shopBuyItemModal .friends .friend-selector .row.selected,shopBuyPackageModal .friends .friend-selector .row.selected {
background:#ffda4d;
color:black
}
.shopBuyItemModal .buy-for-friend,shopBuyPackageModal .buy-for-friend {
position:absolute;
bottom:55px;
left:650px;
width:120px;
z-index:3
}
.shopBuyItemModal h1,shopBuyPackageModal h1 {
top:0px;
padding:32px 10px 0px 15px;
position:relative;
width:auto;
font-size:24px
}
.shopBuyItemModal .savings,shopBuyPackageModal .savings {
margin:5px 10px;
overflow:hidden;
*zoom:1
}
.shopBuyItemModal .savings .label,shopBuyPackageModal .savings .label {
display:inline-block;
min-width:150px;
float:left
}
.shopBuyItemModal .savings .value,shopBuyPackageModal .savings .value {
float:right
}
.shopBuyItemModal .lineItems,shopBuyPackageModal .lineItems {
overflow:hidden;
*zoom:1;
margin:5px 10px
}
.shopBuyItemModal .lineItem,shopBuyPackageModal .lineItem {
overflow:hidden;
*zoom:1
}
.shopBuyItemModal .lineItem .name,.shopBuyItemModal .lineItem .cost,shopBuyPackageModal .lineItem .name,shopBuyPackageModal .lineItem .cost {
color:#ffda4d;
line-height:1em;
font-size:13px
}
.shopBuyItemModal .lineItem .name,shopBuyPackageModal .lineItem .name {
float:left
}
.shopBuyItemModal .lineItem .cost,shopBuyPackageModal .lineItem .cost {
float:right
}
.shopBuyItemModal .lineItem .description,shopBuyPackageModal .lineItem .description {
margin:0px
}
.shopBuyItemModal .totalCost,shopBuyPackageModal .totalCost {
position:absolute;
bottom:54px;
left:0px;
margin:5px 10px;
right:0px;
color:#ffda4d;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ShopItemCoin.png?1443670910');
background-position:top right;
background-repeat:no-repeat;
text-align:right;
padding-right:39px;
min-height:39px;
font-size:22px;
line-height:36px
}
.shopBuyItemModal .buyButton,.shopBuyItemModal .buyPointsButton,.shopBuyItemModal .backButton,.shopBuyItemModal .buyButtonDisabled,shopBuyPackageModal .buyButton,shopBuyPackageModal .buyPointsButton,shopBuyPackageModal .backButton,shopBuyPackageModal .buyButtonDisabled {
position:absolute;
bottom:15px
}
.shopBuyItemModal .buyButton,shopBuyPackageModal .buyButton {
left:91px
}
.shopBuyItemModal .buyPointsButton,shopBuyPackageModal .buyPointsButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/BuyPointsButton.png?1443670910');
width:162px;
height:48px;
left:47px
}
.shopBuyItemModal .buyPointsButton:hover,shopBuyPackageModal .buyPointsButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/BuyPointsButtonHover.png?1443670910')
}
.shopBuyItemModal .backButton,shopBuyPackageModal .backButton {
display:none;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/BackButton.png?1443670910');
width:84px;
height:37px;
left:86px
}
.shopBuyItemModal .backButton:hover,shopBuyPackageModal .backButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/BackButtonHover.png?1443670910')
}
.shopBuyItemModal .buyButtonDisabled,shopBuyPackageModal .buyButtonDisabled {
display:none;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/BuyButtonDisabled.png?1443670910');
width:74px;
height:37px;
left:91px
}
.shopBuyItemModal .purchasingInfo,.shopBuyItemModal .purchasedInfo,.shopBuyItemModal .errorInfo,shopBuyPackageModal .purchasingInfo,shopBuyPackageModal .purchasedInfo,shopBuyPackageModal .errorInfo {
display:none;
position:absolute;
left:0px;
right:0px;
bottom:54px;
color:#ffc46c;
text-align:center;
padding:10px
}
.shopBuyItemModal .purchasingInfo .loading-inline,shopBuyPackageModal .purchasingInfo .loading-inline {
margin-right:5px
}
.shopBuyItemModal .errorInfo,shopBuyPackageModal .errorInfo {
color:red
}
.shopBuyItemModal .guildMessage,shopBuyPackageModal .guildMessage {
position:absolute;
bottom:89px;
padding:13px
}
.zh_TW .shopBuyItemModal .buyPointsButton,shopBuyPackageModal .buyPointsButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/BuyPointsButton.png?1443670910');
width:162px;
height:48px;
left:47px
}
.zh_TW .shopBuyItemModal .buyPointsButton:hover,shopBuyPackageModal .buyPointsButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/BuyPointsButtonHover.png?1443670910')
}
.zh_TW .shopBuyItemModal .backButton,shopBuyPackageModal .backButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/BackButton.png?1443670910');
width:84px;
height:37px;
left:86px
}
.zh_TW .shopBuyItemModal .backButton:hover,shopBuyPackageModal .backButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/BackButtonHover.png?1443670910')
}
.zh_TW .shopBuyItemModal .buyButtonDisabled,shopBuyPackageModal .buyButtonDisabled {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/BuyButtonDisabled.png?1443670910');
width:74px;
height:37px;
left:91px
}
.th_TH .shopBuyItemModal .buyPointsButton,shopBuyPackageModal .buyPointsButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/BuyPointsButton.png?1443670910');
width:162px;
height:48px;
left:47px
}
.th_TH .shopBuyItemModal .buyPointsButton:hover,shopBuyPackageModal .buyPointsButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/BuyPointsButtonHover.png?1443670910')
}
.th_TH .shopBuyItemModal .backButton,shopBuyPackageModal .backButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/BackButton.png?1443670910');
width:84px;
height:37px;
left:86px
}
.th_TH .shopBuyItemModal .backButton:hover,shopBuyPackageModal .backButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/BackButtonHover.png?1443670910')
}
.th_TH .shopBuyItemModal .buyButtonDisabled,shopBuyPackageModal .buyButtonDisabled {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/BuyButtonDisabled.png?1443670910');
width:74px;
height:37px;
left:91px
}
.ru_RU .shopBuyItemModal .buyPointsButton,shopBuyPackageModal .buyPointsButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/BuyPointsButton.png?1443670910');
width:166px;
height:31px;
left:45px
}
.ru_RU .shopBuyItemModal .buyPointsButton:hover,shopBuyPackageModal .buyPointsButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/BuyPointsButtonHover.png?1443670910')
}
.ru_RU .shopBuyItemModal .backButton,shopBuyPackageModal .backButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/BackButton.png?1443670910');
width:84px;
height:37px;
left:86px
}
.ru_RU .shopBuyItemModal .backButton:hover,shopBuyPackageModal .backButton:hover {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/BackButtonHover.png?1443670910')
}
.ru_RU .shopBuyItemModal .buyButtonDisabled,shopBuyPackageModal .buyButtonDisabled {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/BuyButtonDisabled.png?1443670910');
width:74px;
height:37px;
left:91px
}
.shopModalDivider {
height:3px;
margin:10px 0px;
background:url("../../image/shop/stripe.gif") repeat-x scroll 0 0 transparent;
clear:both
}
.shopModalPricingSummary {
position:relative
}
.shopPackageInfo {
color:#cae9fe
}
.shopPackageInfo .purchase,.shopPackageInfo .package,.shopPackageInfo .purchase {
float:left
}
.shopPackageInfo .package {
background:none repeat scroll 0 0 #1D2225;
color:#DFCF99;
font-size:145%;
min-height:28px;
padding:10px 5px 0
}
.shopPackageInfo .purchase {
background:url("../../image/shop/header_fade.gif") no-repeat scroll left top transparent;
display:inline-block;
font-size:150%;
min-height:38px;
min-width:130px
}
.shopPackageInfo .purchase div {
margin-top:8px;
float:left
}
.shopPackageInfo .purchase .coins {
padding:0 15px
}
.shopPackageInfo .purchase .price {
padding-left:6px;
color:#FFFFFF
}
.shopPackageInfo .purchase .shipping {
font-style:italic;
font-size:80%;
margin-left:10px
}
.shopLargeCoinStatusBox {
background:url("../../image/shop/coin.gif") no-repeat scroll left top transparent;
width:219px;
height:311px;
position:relative
}
.shopLargeCoinStatusBox .coins {
color:#000000;
font-size:215%;
font-weight:bold;
left:0;
position:absolute;
text-align:center;
top:132px;
width:219px
}
.shopPurchaseComplete .purchaseDescription {
color:#c9e9fe;
font-size:130%;
margin:24px 0px
}
.shopPurchaseComplete .supportInfo {
color:#AB9066;
font-size:113%;
font-style:italic;
margin-top:80px
}
.shopPurchaseComplete .signature {
font-style:italic;
color:#42505b;
font-size:130%
}
.shopPurchaseComplete .shopPurchaseCompleteContent {
float:left;
padding:10px;
width:670px
}
.shopPurchaseComplete .shopLargeCoinStatusBox {
float:right;
margin-top:10px
}
.shopPurchaseComplete .shopLargeCoinStatusBox .shopGoShoppingButton,.shopPurchaseComplete .shopLargeCoinStatusBox .shopGoShoppingButtonDisabled {
left:27px;
position:absolute;
top:180px
}
.shopPurchaseComplete .recentlyViewed {
padding:10px
}
.shopPurchaseComplete .recentlyViewed h2 {
color:#536677;
font-size:232%
}
.shopPurchaseComplete .recentlyViewed .shopItem {
margin-left:0px
}
.shopShowDuringPurchase {
display:none
}
.shopDisabledButton {
cursor:default
}
.shopItems {
padding-bottom:5px
}
.donationPackageList {
padding-top:1px;
position:relative;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/bgheader.gif?1443670912') no-repeat left top
}
.donationPackageList .modalContainer {
display:none
}
.donationPackageList img.rhoaTop {
position:absolute;
top:-20px;
right:-8px
}
.donationPackageList img.jinx {
position:absolute;
top:63px;
right:49px
}
.donationPackageList .top h1 {
position:absolute;
top:10px;
left:32px
}
.donationPackageList .additionalHeading {
margin:6px 10px 15px 10px;
font-style:italic;
color:#B46000
}
.donationPackageList .replacesExistingItem {
color:#d12929;
font-style:italic;
margin-top:0px;
display:inline-block;
font-size:90%;
margin-bottom:2px
}
.donationPackageList .top .description {
margin:10px 10px 0px 31px;
padding:5px;
background:#000;
color:#9f9fa1
}
.donationPackageList .purchaseDescription {
margin-bottom:50px
}
.donationPackageList .package {
position:relative;
width:100%;
overflow:hidden;
margin-top:-3px
}
.donationPackageList .divider {
background:url("../../image/shop/middlestripe.gif") no-repeat top center;
height:7px
}
.donationPackageList .package .description {
position:relative;
margin:62px 0px 0px 23px;
width:516px;
color:#ae926d;
line-height:2em;
display:block;
padding:0px 4px 10px 4px;
background:#000
}
.donationPackageList .package h2 {
font-size:210%;
position:relative;
top:14px;
left:20px;
color:#b8daf2
}
.donationPackageList .package h2 {
font-size:210%;
position:absolute;
top:14px;
left:20px
}
.donationPackageList .left {
float:left;
position:relative;
width:400px
}
.donationPackageList .rightPanel {
float:right;
padding-top:62px
}
.donationPackageList .right {
float:right;
clear:right;
width:300px;
margin-right:18px;
margin-top:5px;
position:relative
}
.donationPackageList .right .border-top {
position:absolute;
top:-40px;
height:90px;
width:310px;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/pack/awakening/border-top.png?1443670912') no-repeat top left;
z-index:1
}
.donationPackageList .right .border-bot {
height:90px;
position:absolute;
bottom:0px;
width:310px;
background:transparent url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/pack/awakening/border-bot.png?1443670912') no-repeat bottom left;
z-index:1
}
.donationPackageList .assetLink {
font-size:smaller;
color:#e9bf3b;
text-decoration:underline
}
.donationPackageList a:hover .assetLink {
color:#f8ecc5
}
.donationPackageList .contentsContainer {
position:relative;
margin-bottom:97px;
z-index:5
}
.donationPackageList .contents {
padding:4px 4px 4px 28px;
position:relative;
min-height:80px
}
.donationPackageList .contents a {
text-decoration:none
}
.donationPackageList .contents a:hover {
color:#fff
}
.donationPackageList .contents strong {
font-weight:normal;
color:#b46000
}
.donationPackageList .contents strong a {
color:#b46000
}
.donationPackageList .contents strong a:hover {
color:#fff
}
.donationPackageList .contents ul {
z-index:50
}
.donationPackageList .contents ul.upgrading-packs li {
background:transparent url("../../image/list/t1.png") no-repeat scroll 5px 5px;
padding:0px 0px 3px 20px
}
.donationPackageList .contents li {
background:transparent url("../../image/list_large_awakening.png") no-repeat scroll 4px 3px;
padding:2px 0px 5px 26px
}
.donationPackageList .bot {
margin-top:0px;
position:relative
}
.donationPackageList .bot .shopBuyButton,.donationPackageList .bot .shopUpgradeButton1,.donationPackageList .bot .shopUpgradeButton2 {
position:absolute;
top:10px;
right:24px
}
.donationPackageList .price {
color:#0DC10B;
text-shadow:0 0 10px #177111;
font-size:243%;
padding:1px;
position:absolute;
text-align:center;
width:150px;
top:9px;
padding-left:3px;
left:14px
}
.donationPackageList .price .currency {
font-size:55%;
padding-left:5px
}
.donationPackageList .packNameImage {
bottom:-120px;
left:16px;
position:absolute
}
.donationPackageList .notesBlock {
margin:22px 18px
}
.donationPackageList .notesBlock .pullImg {
margin-right:-18px
}
.donationPackageList .notesBlock h2 {
margin-bottom:10px;
font-size:156%
}
.donationPackageList .notesBlock h3 {
font-size:100%;
display:inline
}
.donationPackageList .notesBlock li {
margin:5px 0px
}
.shopIndex {
overflow:hidden;
*zoom:1
}
.shopIndex .category {
float:left;
position:relative;
opacity:.9;
-webkit-transition:20ms ease all;
-moz-transition:20ms ease all;
-o-transition:20ms ease all;
transition:20ms ease all;
margin:2px 0px 0px 12px
}
.shopIndex .category:hover {
opacity:1
}
.shopIndex .category:hover h2 {
text-shadow:0px 0px 3px rgba(247,172,103,0.82)
}
.shopIndex .category h2 {
color:#FFB94A;
position:absolute;
top:14px;
left:31px;
font-size:31px
}
.shopItem,.shopItemPackage {
float:left;
height:161px;
margin:5px 0px 0px 5px;
position:relative;
position:relative
}
.shopItem .name,.shopItem .price,.shopItemPackage .name,.shopItemPackage .price {
color:#ffda4d
}
.shopItem .name,.shopItemPackage .name {
display:block;
position:absolute;
top:19px;
left:14px;
font-size:18px;
line-height:normal;
text-decoration:none
}
.shopItem .name.long,.shopItemPackage .name.long {
font-size:15px
}
.shopItem .name:hover,.shopItemPackage .name:hover {
text-shadow:0px 0px 5px rgba(219,195,153,0.56)
}
.shopItem.singleItemOwned .name:hover,.shopItemPackage.singleItemOwned .name:hover {
text-shadow:none
}
.shopItem img.itemImage,.shopItemPackage img.itemImage {
position:absolute;
right:0px
}
.shopItem .price,.shopItemPackage .price {
font-size:21px;
line-height:37px;
position:absolute;
top:11px;
right:90px;
padding-right:33px;
min-height:39px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ShopItemCoin.png?1443670910');
background-repeat:no-repeat;
background-position:top right
}
.shopItem .buyButton,.shopItemPackage .buyButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/BuyButton.png?1443670910');
width:74px;
height:37px;
position:absolute;
top:11px;
right:14px
}
.shopItem .buyButton .hover,.shopItemPackage .buyButton .hover {
-webkit-transition:70ms ease all;
-moz-transition:70ms ease all;
-o-transition:70ms ease all;
transition:70ms ease all;
display:block;
opacity:0;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/BuyButtonHover.png?1443670910');
background-repeat:no-repeat;
background-position:top left;
width:74px;
height:37px
}
.shopItem .buyButton:hover .hover,.shopItemPackage .buyButton:hover .hover {
display:block;
opacity:1
}
.shopItem .description,.shopItemPackage .description {
position:absolute;
left:14px;
top:59px;
font-size:105%;
text-shadow:0px 0px 8px rgba(0,18,97,0.88)
}
.shopItem .preview,.shopItemPackage .preview {
position:absolute;
bottom:2px;
left:10px;
padding-left:26px;
min-height:14px;
opacity:.8;
color:#ffda4d;
text-decoration:none;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ShopItemVideoIcon.png?1443670910');
background-repeat:no-repeat;
background-position:top left;
-webkit-transition:20ms ease all;
-moz-transition:20ms ease all;
-o-transition:20ms ease all;
transition:20ms ease all
}
.shopItem .preview:hover,.shopItemPackage .preview:hover {
opacity:1;
text-shadow:0px 0px 3px #fff
}
.shopItem .singleOwnedIcon,.shopItemPackage .singleOwnedIcon {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/AlreadyOwned.png?1443670910');
width:74px;
height:37px;
top:12px;
right:13px;
position:absolute
}
.shopItem.purchasesPackage .price,.shopItemPackage.purchasesPackage .price {
background:none;
padding:0px;
color:green;
color:#0DC10B;
text-shadow:0 0 10px #177111
}
.zh_TW .shopItem .singleOwnedIcon,.zh_TW .shopItemPackage .singleOwnedIcon {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/AlreadyOwned.png?1443670910');
width:74px;
height:37px
}
.zh_TW .shopItem .buyButton,.zh_TW .shopItemPackage .buyButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/BuyButton.png?1443670910');
width:74px;
height:37px
}
.zh_TW .shopItem .buyButton .hover,.zh_TW .shopItemPackage .buyButton .hover {
-webkit-transition:70ms ease all;
-moz-transition:70ms ease all;
-o-transition:70ms ease all;
transition:70ms ease all;
display:block;
opacity:0;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/BuyButtonHover.png?1443670910');
background-repeat:no-repeat;
background-position:top left;
width:74px;
height:37px
}
.zh_TW .shopItem .buyButton:hover .hover,.zh_TW .shopItemPackage .buyButton:hover .hover {
display:block;
opacity:1
}
.th_TH .shopItem .singleOwnedIcon,.th_TH .shopItemPackage .singleOwnedIcon {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/AlreadyOwned.png?1443670910');
width:74px;
height:37px
}
.th_TH .shopItem .buyButton,.th_TH .shopItemPackage .buyButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/BuyButton.png?1443670910');
width:74px;
height:37px
}
.th_TH .shopItem .buyButton .hover,.th_TH .shopItemPackage .buyButton .hover {
-webkit-transition:70ms ease all;
-moz-transition:70ms ease all;
-o-transition:70ms ease all;
transition:70ms ease all;
display:block;
opacity:0;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/BuyButtonHover.png?1443670910');
background-repeat:no-repeat;
background-position:top left;
width:74px;
height:37px
}
.th_TH .shopItem .buyButton:hover .hover,.th_TH .shopItemPackage .buyButton:hover .hover {
display:block;
opacity:1
}
.ru_RU .shopItem .singleOwnedIcon,.ru_RU .shopItemPackage .singleOwnedIcon {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/AlreadyOwned.png?1443670910');
width:74px;
height:37px
}
.ru_RU .shopItem .buyButton,.ru_RU .shopItemPackage .buyButton {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/BuyButton.png?1443670910');
width:74px;
height:37px
}
.ru_RU .shopItem .buyButton .hover,.ru_RU .shopItemPackage .buyButton .hover {
-webkit-transition:70ms ease all;
-moz-transition:70ms ease all;
-o-transition:70ms ease all;
transition:70ms ease all;
display:block;
opacity:0;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/BuyButtonHover.png?1443670910');
background-repeat:no-repeat;
background-position:top left;
width:74px;
height:37px
}
.ru_RU .shopItem .buyButton:hover .hover,.ru_RU .shopItemPackage .buyButton:hover .hover {
display:block;
opacity:1
}
.shopItem .onSaleIcon,.shopItemPackage .onSaleIcon,.category .onSaleIcon,.shopBuyItemModal .onSaleIcon {
position:absolute;
bottom:0px;
right:0px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/Sale.png?1443670910');
width:80px;
height:51px
}
.zh_TW .shopItem .onSaleIcon,.zh_TW .shopItemPackage .onSaleIcon,.zh_TW .category .onSaleIcon,.zh_TW .shopBuyItemModal .onSaleIcon {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/zh/Sale.png?1443670910');
width:80px;
height:51px
}
.th_TH .shopItem .onSaleIcon,.th_TH .shopItemPackage .onSaleIcon,.th_TH .category .onSaleIcon,.th_TH .shopBuyItemModal .onSaleIcon {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/th_TH/Sale.png?1443670910');
width:80px;
height:51px
}
.ru_RU .shopItem .onSaleIcon,.ru_RU .shopItemPackage .onSaleIcon,.ru_RU .category .onSaleIcon,.ru_RU .shopBuyItemModal .onSaleIcon {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ru_RU/Sale.png?1443670910');
width:80px;
height:51px
}
.shopItemPackage .onSaleIcon {
bottom:168px
}
.shopBuyItemModal .onSaleIcon {
left:10px;
bottom:75px
}
.shopItem {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/Art/2DArt/Shop/item/ShopItemBackground.jpg?1442998628');
width:453px;
height:161px
}
.shopItem img.itemImage {
top:0px
}
.shopItem .description {
height:77px;
width:248px
}
.shopItemPackage {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/Art/2DArt/Shop/item/PackageBackground.jpg?1442998628');
width:453px;
height:327px
}
.shopItemPackage img.itemImage {
bottom:0px
}
.shopItemPackage .description {
width:423px;
height:105px
}
.shopItemPackage .savingsInfo {
position:absolute;
bottom:32px;
left:4px;
height:40px;
width:114px;
text-align:center;
color:#330600;
line-height:1em;
font-size:14px;
text-shadow:0px 0px 5px #ffe180,0px 0px 2px #fff;
font-weight:bold
}
.shopItemPackage .savingsInfo .label {
padding:4px 0px 1px 4px
}
.shopItemPackage .savingsInfo .amount {
font-size:18px;
padding-left:20px;
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ShopItemCoinSmall.png?1443670910');
background-repeat:no-repeat;
background-position:top left
}
.shopPreviewModal {
display:none;
background:#030303
}
.shopTopBar1 {
overflow:hidden;
*zoom:1
}
.shopTopBar1 h1 {
color:#ffda4d;
font-size:26px;
padding:2px 8px;
text-shadow:0px 0px 9px rgba(255,255,255,0.36),0px 0px 3px rgba(219,131,0,0.44);
float:left
}
.shopTopBar1 .shopInfoBar {
height:auto;
float:right
}
.shopUpgradeErrors {
padding:10px
}
.boaCompraPayment .layoutBox1.defaultTheme,.boaCompraPayment .layoutBox1.forumTheme,.boaCompraPayment .layoutBox1.rightBackground1Theme,.boaCompraPayment .layoutBox1.dynamicPageTheme,.boaCompraPayment .layoutBox1.shopPurchaseTheme,.boaCompraPayment .layoutBox1.tempVideoTheme {
width:1046px
}
.boaCompraPayment .shopPurchaseComplete {
height:628px !important
}
.boaCompraPayment .shopPurchaseComplete .supportInfo {
margin-top:206px
}
#shopEndingCountdownContainer {
color:red;
overflow:hidden;
*zoom:1
}
#shopEndingCountdownContainer h2 {
color:red;
margin-bottom:8px;
font-size:18px
}
#shopEndingCountdownContainer .info {
float:left;
width:480px
}
#shopEndingCountdownContainer .countdownContainer {
float:right;
width:210px
}
#shopEndingCountdownContainer .countdownContainer .countdown_row,#shopEndingCountdownContainer .countdownContainer .countdown-row {
clear:none
}
.ru_RU .shopItem .description {
width:290px
}
.ru_RU .shopItemPackage .name {
max-width:270px
}
.skillsList h1 {
font-size:47px;
text-shadow:0px 0px 2px #978c65
}
.skillsList .skill {
overflow:hidden;
*zoom:1;
margin:20px 0px 45px 0px
}
.skillsList .skill .skill-frame-1 {
float:left;
margin:11px 0px 0px 30px
}
.skillsList .skill .skill-frame-1 .image {
overflow:hidden
}
.skillsList .skill .content {
float:left;
width:600px;
margin-left:30px
}
.supportGems td {
vertical-align:middle
}
.supportGems img {
width:40px
}
#downloadPageList {
overflow:hidden;
*zoom:1
}
#downloadPageList .downloads {
float:left
}
#downloadPageList .r16Label {
float:right;
margin-bottom:10px
}
#monstersPage {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/monsters/monsters-background.jpg?1443670916') no-repeat top left;
min-height:2123px
}
#monstersPage .content {
width:550px;
font-size:13px
}
#monstersPage .act1 {
position:absolute;
top:480px;
left:50px;
width:400px
}
#monstersPage .act2 {
position:absolute;
top:1160px;
left:480px;
width:400px
}
#monstersPage .act1 h2,#monstersPage .act2 h2 {
margin-bottom:15px;
font-size:160%
}
#monstersPage .act1 h2 a,#monstersPage .act2 h2 a {
text-decoration:none
}
#monstersPage .act1 .icons img,#monstersPage .act2 .icons img {
display:inline-block;
margin:0px 47px 42px 0px
}
#monstersPage .act1 .icons a,#monstersPage .act2 .icons a {
display:inline-block
}
.monstersMenu .thumb-frame-container {
width:125px;
margin-bottom:13px
}
.monstersMenu .thumb-frame-container .content {
width:94px;
margin-top:2px;
margin-bottom:13px
}
.monstersMenu .thumb-frame {
width:80px
}
#itemsPage {
background:#050505 url('https://p7p4m6s5.ssl.hwcdn.net/image/item/items-background.jpg?1443670907') no-repeat top left;
min-height:664px
}
#itemsPage .content {
width:519px;
padding:10px 25px
}
#itemsPage .content h1 {
margin-bottom:45px
}
#itemsPage .content h2 {
font-size:190%
}
#itemsPage .content p {
margin:0px 0px 5px 0px
}
#itemsPage .content .section {
margin:21px 0px
}
#itemsPage .content .viewMore {
color:#566A77;
font-style:italic
}
#itemsPage .content .viewMore a {
color:#506674
}
#itemsPage .content .viewMore a:hover {
color:#7086a4
}
.eventBase .date,.eventsList .event .date,.eventView .date {
padding:0px;
color:#74706a
}
.eventsList {
clear:both
}
.eventsList .eventsTop,.eventsList .eventsBottom {
overflow:hidden
}
.eventsList .event {
margin:5px 2px;
padding:10px;
border:1px solid #000
}
.eventsList .event a.name {
font-size:110%;
text-decoration:none;
color:#bbb
}
.eventsList .event a.name:hover {
text-decoration:underline
}
.eventsList .event .details {
margin-left:15px
}
.eventsList .event .prizes {
padding:12px 0px 0px 0px
}
.eventsList .event .prizes .title {
margin-bottom:5px;
color:#aaa
}
.eventsList .event .prize {
float:left;
border:1px solid;
margin:0px 4px 4px 4px;
padding:0px 2px;
background:#000;
border:1px solid #333;
color:#bbb
}
.eventsList .event .claimedPrize {
opacity:.5
}
.eventsList .event .rules {
margin:10px 0px 10px 3px
}
.eventsList .upcomingEvent {
background:#00000D;
border:1px solid #2222aa
}
.eventsList .upcomingEvent .name {
color:#bbbbe3
}
.eventsList .upcomingEvent .countdown {
color:#c9c9d5
}
.eventsList .upcomingEvent .inProgressText {
display:none
}
.eventsList .inProgressEvent {
background:#000D00;
border:1px solid #33ee33
}
.eventsList .inProgressEvent .name {
color:#bbf7bb;
font-weight:bold
}
.eventsList .inProgressEvent .countdown {
color:#c6ecc6
}
.eventsList .inProgressEvent .upcomingText {
display:none
}
.eventsList .completeEvent .name {
color:#6e6e6e
}
.eventsList .countdown {
float:right;
color:#ccc
}
.eventsList .countdown .countdown_amount,.eventsList .countdown .countdown-amount {
font-size:140%
}
.eventsList.displaySimple .upcomingControls .heading {
display:inline-block;
margin:4px
}
.eventsList.displaySimple .inProgressControls .heading {
display:inline-block;
margin:4px
}
.eventsList.displaySimple .event {
width:357px;
display:inline-block;
border-left:none;
border-bottom:none;
vertical-align:top
}
.eventView {
background:#111;
padding:10px;
border:1px solid #222
}
.eventView .twitchWidget {
display:none;
background:#fff;
margin-top:15px;
margin-bottom:15px;
border:1px solid #333;
position:relative;
overflow:hidden;
*zoom:1
}
.eventView .twitchWidget object {
background:#000;
display:block;
float:left
}
.eventView .twitchWidget iframe {
float:left
}
.eventView .twitchWidget h2 {
padding:5px;
background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #020202), color-stop(40%, #292929), color-stop(100%, #131313));
background-image:-webkit-linear-gradient(left, #020202,#292929 40%,#131313);
background-image:-moz-linear-gradient(left, #020202,#292929 40%,#131313);
background-image:-o-linear-gradient(left, #020202,#292929 40%,#131313);
background-image:linear-gradient(left, #020202,#292929 40%,#131313)
}
.eventView .twitchWidget h2 a {
color:#fff;
text-decoration:none
}
.eventView .twitchWidget h2 a:hover {
text-decoration:underline
}
.eventView .twitchWidget .close {
position:absolute;
top:-1px;
right:-3px
}
.eventView .details {
overflow:hidden;
*zoom:1
}
.eventView .details.hasCountdown .left {
width:600px
}
.eventView .details .left {
float:left
}
.eventView .leagueDescription {
margin-bottom:10px
}
.eventView .countdownContainer,.eventView .finishedMessage {
float:right;
width:270px;
border:1px solid #222;
background:#161616;
padding:5px;
border-radius:2px;
box-shadow:1px 1px 6px #0E0E0E inset
}
.eventView .finishedMessage {
text-align:center;
color:#818181
}
.eventView .countdownDescription {
text-align:center;
font-size:150%;
color:#91917C;
margin-bottom:5px
}
.eventView .countdown {
padding:4px;
font-size:69%
}
.eventView .rules {
margin-top:10px
}
.eventView .rules .name {
font-weight:bold;
margin-right:10px
}
.eventView .registrationOpen {
color:green
}
.eventView .ladderView {
margin-top:10px
}
.eventsListSummary .title {
font-size:210%
}
.eventsListSummary .event {
margin:13px 0px 0px 0px;
padding-top:4px;
border:1px solid;
border-color:#141414;
background-color:#0c0b0b;
padding:6px
}
.eventsListSummary .event .name a {
color:#DB9F00;
font-size:110%;
text-decoration:none
}
.eventsListSummary .event .name a:hover {
color:#ffbd0f
}
.eventsListSummary .event .info {
overflow:hidden;
*zoom:1
}
.eventsListSummary .event .time {
float:left;
color:#585858;
font-style:italic
}
.eventsListSummary .event .registrationStatus {
float:right
}
.eventsListSummary .event .registrationStatus.open {
color:#318525
}
.eventsListSummary .upcomingEvents {
margin-top:14px
}
.eventsListSummary .currentEvents {
margin-top:13px
}
.landingBox {
position:relative
}
.landingBox h2 {
font-size:22px;
text-shadow:0px 0px 3px rgba(0,0,0,0.91)
}
.landingBox .itemInfo {
font-style:italic;
position:absolute;
font-size:90%
}
.landingBox .content,.landingBox .content2 {
position:absolute
}
.landingBox .content p,.landingBox .content2 p {
font-size:14px;
line-height:21px;
margin-top:10px
}
.landingBox.intro {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/OverviewTOP.jpg?1443670923') top left;
height:794px
}
.landingBox.intro .content {
top:562px;
left:487px;
width:412px
}
.landingBox.intro .content2 {
top:816px;
left:106px;
width:698px
}
.landingBox.intro .video {
position:absolute;
top:550px;
left:40px
}
.landingBox.intro .classes {
top:889px;
left:54px
}
.landingBox.intro .gameOfTheYear {
display:block;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/emblems/gamespot_goty-2013-indicias-PC.png?1443670916');
width:363px;
height:481px;
background-size:contain;
position:absolute
}
.landingBox.intro.isLoggedIn .gameOfTheYear {
width:137.94px;
height:182.78px;
left:88px;
top:197px
}
.landingBox.intro.notLoggedIn .gameOfTheYear {
width:108.9px;
height:144.3px;
right:16px;
top:374px
}
.landingBox.intro h1,.landingBox.intro h2 {
font-weight:normal;
top:27px;
left:33px;
font-size:24px;
position:absolute;
text-shadow:0px 0px 7px rgba(0,0,0,0.88)
}
.landingBox.intro h2 {
position:absolute;
top:90px;
left:37px;
font-size:20px;
color:#F3E000;
padding:0px;
background:transparent;
margin:0px
}
.landingBox.intro .classes {
position:absolute;
overflow:hidden;
*zoom:1
}
.landingBox.intro .classes div {
float:left;
margin-right:8px
}
.landingBox.intro .classes a {
display:block
}
.landingBox.intro .classes .name {
text-decoration:none;
text-align:center
}
.landingBox.intro #create_account {
position:absolute;
left:37px;
width:375px;
top:120px;
overflow:hidden;
padding:8px;
background:rgba(11,10,14,0.9);
border-radius:3px;
border:1px solid #141414;
box-shadow:0px 0px 9px 3px rgba(0,5,10,0.86)
}
.landingBox.intro #create_account fieldset {
border:1px solid rgba(5,5,5,0.2);
background:rgba(14,14,14,0.16);
background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(17,17,17,0.1)), color-stop(40%, rgba(12,12,12,0.1)), color-stop(100%, rgba(22,22,22,0.1)));
background-image:-webkit-linear-gradient(left, rgba(17,17,17,0.1),rgba(12,12,12,0.1) 40%,rgba(22,22,22,0.1));
background-image:-moz-linear-gradient(left, rgba(17,17,17,0.1),rgba(12,12,12,0.1) 40%,rgba(22,22,22,0.1));
background-image:-o-linear-gradient(left, rgba(17,17,17,0.1),rgba(12,12,12,0.1) 40%,rgba(22,22,22,0.1));
background-image:linear-gradient(left, rgba(17,17,17,0.1),rgba(12,12,12,0.1) 40%,rgba(22,22,22,0.1));
border-radius:3px;
box-shadow:0px 0px 3px 0px #181818
}
.landingBox.intro #create_account .row {
margin:10px 2px 5px 3px
}
.landingBox.intro #create_account input[type="text"],.landingBox.intro #create_account input[type="password"] {
border:1px solid #5A778F;
box-shadow:0px 0px 2px #007aff;
color:#849ec4
}
.landingBox.intro #create_account input[type="text"]:focus,.landingBox.intro #create_account input[type="password"]:focus {
border:1px solid #9E7938;
box-shadow:0px 0px 2px #A0A08A;
outline:none
}
.landingBox.intro #create_account input[type="submit"] {
border:1px solid #575E85;
text-shadow:0px 0px 1px #9da1ff
}
.landingBox.skill {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/SkillGems.jpg?1443670923') top left;
height:603px
}
.landingBox.skill .content {
top:44px;
left:343px;
width:541px
}
.landingBox.skill .unique {
position:absolute;
top:220px;
left:86px
}
.landingBox.skill .skillGems {
position:absolute;
top:48px;
left:39px;
width:300px
}
.landingBox.skill .supportGems {
position:absolute;
top:142px;
left:39px;
width:300px
}
.landingBox.skill .itemInfo {
top:546px;
left:87px
}
.landingBox.item {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/ItemSystem.jpg?1443670924') top left;
height:603px
}
.landingBox.item .content {
top:16px;
left:26px;
width:547px
}
.landingBox.item .items {
width:540px;
position:absolute;
top:215px;
left:13px
}
.landingBox.item .items .newItemContainer {
margin-right:16px
}
.landingBox.item .flask {
position:absolute;
top:10px;
left:576px
}
.landingBox.item .itemInfo {
top:323px;
left:200px
}
.landingBox.monster {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/WorldOfWraeclast.jpg?1443670924') top left;
height:603px
}
.landingBox.monster .content {
top:225px;
left:447px;
width:453px
}
.landingBox.leagues {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/LeagueEvents.jpg?1443670923') top left;
height:603px
}
.landingBox.leagues .content {
top:45px;
left:47px;
width:483px
}
.landingBox.leagues .content2 {
top:307px;
left:47px;
width:333px
}
.landingBox.leagues .demigods {
position:absolute;
top:318px;
left:389px
}
.landingBox.leagues .donationBanner {
position:absolute;
bottom:0px;
left:8px
}
.landingBox.leagues .signupButton {
position:absolute;
bottom:100px;
left:45px
}
.landingBox.passiveSkillTree {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/PassiveSkillTree.jpg?1443670923') top left;
height:603px
}
.landingBox.passiveSkillTree .content {
top:25px;
left:27px;
width:632px
}
.landingBox.passiveSkillTree .skillTreeLink {
position:absolute;
top:19px;
right:11px
}
.layoutBox1 .landingBox .newItemContainer .socket {
width:78px;
height:78px
}
.layoutBox1 .landingBox .newItemContainer .socketStr.socketed {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/StrSocketActive.png?1443670924')
}
.layoutBox1 .landingBox .newItemContainer .socketStr.socketed.socketSupport {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/StrSocketSupport.png?1443670923')
}
.layoutBox1 .landingBox .newItemContainer .socketStr.socketed:hover {
background-position:0px -80px
}
.layoutBox1 .landingBox .newItemContainer .socketInt.socketed {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/IntSocketActive.png?1443670923')
}
.layoutBox1 .landingBox .newItemContainer .socketInt.socketed.socketSupport {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/IntSocketSupport.png?1443670923')
}
.layoutBox1 .landingBox .newItemContainer .socketInt.socketed:hover {
background-position:0px -80px
}
.layoutBox1 .landingBox .newItemContainer .socketDex.socketed {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/DexSocketActive.png?1443670923')
}
.layoutBox1 .landingBox .newItemContainer .socketDex.socketed.socketSupport {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/DexSocketSupport.png?1443670923')
}
.layoutBox1 .landingBox .newItemContainer .socketDex.socketed:hover {
background-position:0px -80px
}
.layoutBox1 .landingBox .newItemContainer.iW1 {
width:78px
}
.layoutBox1 .landingBox .newItemContainer.iW1 .icon {
width:78px
}
.layoutBox1 .landingBox .newItemContainer.iW2 {
width:156px
}
.layoutBox1 .landingBox .newItemContainer.iW2 .icon {
width:156px
}
.layoutBox1 .landingBox .newItemContainer.iW2 .sockets {
width:156px
}
.layoutBox1 .landingBox .newItemContainer.iW2 .socketLink0,.layoutBox1 .landingBox .newItemContainer.iW2 .socketLink2 {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/LinkHoriz.png?1443670923');
width:62px;
height:25px
}
.layoutBox1 .landingBox .newItemContainer.iW2 .socketLink0 {
left:47px;
top:26.5px
}
.layoutBox1 .landingBox .newItemContainer.iW2 .socketLink1,.layoutBox1 .landingBox .newItemContainer.iW2 .socketLink3 {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/landing-page/LinkVert.png?1443670923');
width:25px;
height:62px
}
.layoutBox1 .landingBox .newItemContainer.iW2 .socketLink1 {
top:47px;
left:104.5px
}
.layoutBox1 .landingBox .newItemContainer.iW2 .socketLink2 {
top:106px;
left:47px
}
.layoutBox1 .landingBox .newItemContainer.iW2 .socketLink3 {
top:125px;
left:26.5px
}
.layoutBox1 .landingBox .newItemContainer.iW2.iH4 .sockets {
top:39px
}
body.ru_RU .landingBox.leagues .content2 {
top:340px
}
pre.prettyprint {
margin:5px 0px;
padding:7px !important;
border:1px solid #201e18 !important;
background:rgba(0,0,0,0.5);
overflow-y:scroll;
max-height:400px
}
pre.prettyprint .kwd {
color:#c0b9a0
}
pre.prettyprint .str {
color:#b4b15f
}
pre.prettyprint .pun {
color:#a57440
}
pre.prettyprint .lit {
color:#ca814f
}
pre.prettyprint .pln {
color:silver
}
.apiResource h2,.apiResource h3 {
color:#a5a8a8
}
.apiResource .parameters {
margin:20px 0px 30px 0px
}
.apiResource .parameters .parameter {
overflow:hidden;
*zoom:1;
margin:5px 0px 21px 0px;
padding-left:2px
}
.apiResource .parameters .parameter .name {
display:block;
float:left;
width:150px;
color:#caad88;
font-weight:bold
}
.apiResource .parameters .parameter p {
margin-left:150px
}
.apiResource .parameters .parameter .required,.apiResource .parameters .parameter .optional {
display:block;
font-style:italic;
font-weight:normal
}
.apiResource .parameters .parameter .required {
color:#87c21d
}
.apiResource .parameters .parameter .optional {
color:#575757
}
.apiResource .parameters .parameter code {
border:1px solid #414141;
display:inline-block;
padding:0px 2px
}
.apiResource .example {
background:#111;
padding:5px;
border:1px solid #444;
box-shadow:0px 0px 3px #444
}
.apiResource .example h3 {
margin-top:10px
}
#apiErrors th {
font-weight:bold;
padding:4px 2px
}
#apiErrors td {
padding:4px;
border:1px solid #313130
}
#apiErrors section {
margin-bottom:15px
}
.forum-table td.last_post {
max-width:170px;
overflow:hidden;
word-wrap:break-word
}
.forum-table-container {
min-height:400px;
height:auto !important;
height:400px;
margin:0px;
position:relative
}
.forum-table .last_edited_by {
margin-top:10px;
color:#888
}
.forum-table td.post_info {
max-width:200px;
overflow:hidden;
word-wrap:break-word
}
.view-more-forums {
padding-right:10px
}
.flags div {
width:71px
}
.flags .sticky {
float:left;
width:21px;
height:26px;
margin-right:3px
}
.flags .staff {
float:left;
margin-right:2px;
margin-top:1px;
width:27px;
height:26px
}
.flags .locked {
float:left;
width:16px;
height:26px;
margin-top:1px
}
.flags .poll {
float:left;
width:16px;
height:14px;
margin-top:1px;
padding-top:7px;
padding-left:2px
}
.flags .off img {
display:none
}
.forum-table .staff .content-container {
color:#CEC59F;
border:1px solid #DB9F00;
border-right:1px solid #000
}
.forum-table .staff+tr:not(.staff) .content-container {
border-top:none
}
.forum-table .staff+tr:not(.staff) .post_info {
border-top:none
}
.forum-table .staff .post_info {
border:1px solid #DB9F00;
border-left:1px solid #000
}
.posted-by-link {
text-decoration:none
}
.forum_pagination a {
text-decoration:none;
margin-left:8px;
font-size:0.9em;
line-height:1.5em;
padding:0px 3px;
background-color:#0F0F0F;
border:1px solid;
border-color:#1F1D1D #2F2F2F #2F2F2F #1F1D1D;
box-shadow:1px 1px 0px 0px rgba(0,0,0,0.52) inset;
border-radius:1px
}
.forum_pagination a:hover {
border-color:#2F2F2F #1F1D1D #1F1D1D #2F2F2F;
box-shadow:1px 1px 0px 0px rgba(0,0,0,0.52)
}
.forum_pagination a.first {
text-decoration:none;
margin-left:0px
}
.forum_breadcrumb {
margin:3px 0px 10px 0px;
font-weight:bold
}
.forum_breadcrumb a {
text-decoration:none
}
.forum_breadcrumb a:hover {
color:#fff
}
#forum_new_thread {
z-index:100;
position:absolute;
bottom:-8px;
right:7px
}
#forum_post_reply {
position:absolute;
bottom:-8px;
right:7px;
color:#000;
z-index:100
}
.total_results {
font-style:italic
}
.forum_name {
position:relative;
margin-bottom:5px
}
.forum_name a {
font-weight:bold;
text-decoration:none;
font-size:115%;
color:#C29E6C;
color:#B99C74
}
.thread_title {
margin-bottom:5px;
position:relative
}
.thread_title .title {
width:436px;
margin-right:25px;
overflow:hidden
}
.thread_title .title .movedText {
color:#B8A387;
text-shadow:0px 0px 4px #444;
font-size:90%;
font-style:italic
}
.thread_title .status,.forum_name .status {
position:relative;
width:15px;
height:15px;
float:left;
margin:2px 5px 0px 0px
}
.thread_title .status div,.forum_name .status div {
position:absolute;
top:0px;
left:0px
}
.forum_name .name {
margin-right:18px;
overflow:hidden
}
.thread_title a {
font-weight:bold;
text-decoration:none;
font-size:105%;
color:#C29E6C;
color:#B99C74
}
.forum_name a:hover,.thread_title a:hover {
color:#FFE5B5;
text-shadow:0px 0px 2px #494742
}
.thread_heading {
color:#CEC59F;
font-size:1.1em;
font-weight:bold;
padding:6px 5px;
overflow:hidden
}
.post_anchor:target {
color:#CEC59F;
font-weight:bold
}
.post_by_account {
text-decoration:none;
font-weight:bold;
word-break:break-all
}
.clear_viewed,.setReadButton {
border:1px solid #2B2B2B;
cursor:pointer;
padding:0px 2px;
position:absolute;
right:0px;
top:0px;
background:rgba(17,17,17,0.47);
color:#7C7C7C
}
.clear_viewed:hover,.setReadButton:hover {
border:1px solid #3b3b3b;
color:#8c8c8c
}
.post_date {
font-size:80%
}
.pollForm .pollOption {
width:10px
}
.pollQuestion {
padding:0px 0px 5px 5px
}
.pollResults {
width:750px
}
.pollResults td,.pollForm td {
border-color:#222319
}
.pollResults .pollBarCont {
width:425px;
padding-top:5px
}
.pollResults .pollBar {
height:9px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/poll/bar_repeat.jpg?1443670923') repeat-x
}
.poBar {
width:425px
}
.poBar,.poPercent {
background-color:#0D0F0D
}
.poName {
zoom:1;
width:250px
}
.poVotes {
width:60px
}
.poPercent {
width:50px
}
.contentStart {
position:relative
}
.layoutBoxTitleBar .searchForm {
float:right;
margin:3px 3px 0px 0px
}
.layoutBoxTitleBar .searchForm .formTextInline {
margin:3px 4px 0px 0px
}
.layoutBoxTitleBar .searchForm .form-text-l {
width:140px
}
.layoutBoxTitleBar .searchForm .text input {
width:134px
}
.forumBotControls .reply,.forumBotControls .newThread {
float:right;
padding-right:8px
}
.postHistory .content {
min-height:5px;
margin:0px
}
.postHistory .post_info_content {
margin:0px
}
.postHistory .post_info_content .revert_content {
margin-top:10px
}
.postHistory .post_info_content .current_version {
color:#cec59f;
font-weight:bold;
margin-top:10px
}
.postHistory .post_info_content .version_num {
margin-top:10px
}
.goto_original_current {
position:absolute;
top:12px;
right:12px;
font-size:10px
}
.forum-table .postBy {
margin-top:2px
}
.forumSortContainer {
background:none repeat scroll 0 0 #1C1E1B;
border:1px solid #2D2929;
color:#886F56;
padding:5px
}
.forumSortContainer .form_base select {
width:114px
}
.forumSortContainer .form-text-l {
width:120px;
display:inline-block
}
.forumSortContainer .submit2 {
margin:0px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px
}
table {
width:100%;
margin:0px;
text-align:left;
padding:0px;
border-collapse:collapse
}
th {
text-align:inherit;
padding:0px
}
.norm th {
padding:5px
}
td {
vertical-align:top
}
tr.even {
background-color:#0d0f0d
}
tr.heading {
background:transparent;
height:25px
}
#screenshots_box {
float:left;
width:356px;
margin:10px 0px 0px 34px
}
#screenshots_box .thumb-frame {
margin:17px 0px 0px 0px
}
.mainNewsControls .pagination {
float:left
}
.mainSearchForm {
padding:15px 10px 5px 10px
}
.mainSearchForm select {
min-width:370px
}
.mainSearchForm select#forums {
min-height:177px
}
.search-results td {
padding:5px
}
#search_results tr {
background-color:#20201D
}
#search_results tr.heading {
background-color:#000
}
#search_results tr.even {
background-color:#0D0F0D
}
#search_results .type {
font-weight:bold;
width:90px;
color:#CFC28E
}
#search_results .details div {
width:190px
}
#search_results .details div div {
overflow:hidden;
margin-bottom:5px
}
.search-results div.content {
height:auto !important;
min-height:137px;
overflow-x:auto;
width:600px
}
.searchExample,.outlinedInfo {
background-color:#0E0D0D;
padding:5px;
border:1px solid #242322
}
.pm-current {
background-color:#111
}
.pm-current td {
padding:5px
}
.pm-current .subject {
color:#C29E6C;
font-size:115%;
font-weight:bold;
text-decoration:none;
margin-bottom:6px
}
.pm-list td {
padding:5px
}
.pm-list .status {
width:50px
}
.pm-list .checkbox {
float:right
}
.pm-list .subject a {
float:left;
color:#C29E6C;
font-size:115%;
font-weight:bold;
text-decoration:none
}
.pm-list a:hover {
color:#FFF
}
.pm-list .important {
border-left:4px solid #c67333;
padding-left:3px
}
.pm-history td {
padding:5px
}
.pm-history .message-details {
border:1px solid #000;
border-right:none;
border-left:none
}
.pm-history .subject a {
color:#C29E6C;
font-size:115%;
font-weight:bold;
text-decoration:none
}
.pm-history .subject a:hover {
color:#FFF
}
.pm-history tr.current-message {
background-color:#223
}
#pm-list-controls {
margin-top:10px;
padding:5px;
text-align:right
}
#pm-list-controls div {
margin-top:5px
}
.pm-list .m-date {
font-size:80%
}
.pm-recipient-subform {
border:1px solid #3F3C33;
margin-bottom:15px
}
.pm-recipient-subform td {
padding:5px
}
.pm-remove-recipient div {
min-width:120px;
width:auto !important;
width:120px;
height:23px;
float:left;
margin-left:5px
}
.pm-remove-recipient a {
float:left;
margin-left:5px
}
.pm-remove-recipient input {
float:left;
background:#231c18 url('https://p7p4m6s5.ssl.hwcdn.net/image/form/button-gradient.png?1443670917') repeat-x;
border:1px solid;
font-size:.8em;
padding:0px 2px;
color:#886F56
}
.pm-remove-recipient input:hover {
cursor:pointer;
color:#FF342F
}
.pm-compose-form .pm-add-recipient-button,.submit2 {
width:auto;
background:#231c18 url('https://p7p4m6s5.ssl.hwcdn.net/image/form/button-gradient.png?1443670917') repeat-x;
border:1px solid #3F3C33;
padding:2px;
color:#886F56;
margin-bottom:8px
}
.pm-add-recipient-button:hover,.submit2:hover {
cursor:pointer;
color:#C29E6C;
background-position:0px 0px;
border-color:#C29E6C
}
.pm-compose-form .add-recipient-buttons {
width:76px;
padding-left:0px
}
.pm-compose-form .add-recipient-buttons input {
width:100%;
margin-bottom:10px
}
#pm-post-reply {
padding:5px
}
tr.pmAddRecipient textarea {
height:100px
}
#private_messages_status {
position:absolute;
bottom:-15px;
left:25px;
width:177px;
height:19px;
padding:3px 6px;
font-weight:bold;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/pm_status.jpg?1443670915');
text-align:center
}
#private_messages_status a {
text-decoration:none;
color:#FFBA00
}
#private_messages_status a:hover {
text-decoration:none;
color:#FFF
}
#hideReadForm {
position:absolute;
top:41px;
right:36px;
z-index:100000
}
.profile {
width:922px;
margin:0px auto;
overflow:hidden
}
.profile .profile-box {
float:left;
width:304px;
height:154px;
position:relative;
padding:7px 9px 7px 10px;
margin:10px 0px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/window-sides.png?1443670917') repeat-y top left
}
.profile .profile-box .character-more {
position:absolute;
bottom:17px;
right:15px;
font-size:10px
}
.profile .profile-box .box-top {
position:absolute;
top:0px;
left:0px;
background-position:0 0;
height:41px;
width:324px
}
.profile .profile-box .box-bottom {
position:absolute;
bottom:-6px;
left:0px;
background-position:-324px 0;
height:41px;
width:324px
}
.profile .profile-box .box-inner {
background:#0c0b0b;
padding:0px 8px;
height:100%
}
.profile .profile-box .rewards {
margin-top:12px
}
.profile .profile-box p {
line-height:20px
}
.profile .profile-box h2 {
font-family:'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
margin-bottom:5px;
font-size:1.4em
}
.profile .profile-box.achievements {
margin-left:15px
}
.profile .profile-box.achievements .challenge-level {
position:absolute;
right:18px;
top:10px
}
.profile .profile-box.pvp {
margin-left:15px
}
.profile .profile-box .coming-soon {
font-style:italic;
padding-top:35px;
text-align:center
}
.profile .frame {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/frame-middle.png?1443670917') repeat-y top left;
width:656px;
position:relative;
margin:10px 0px
}
.profile .frame .top {
position:absolute;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/frame-top.png?1443670917');
height:33px;
width:656px;
top:0px;
left:0px
}
.profile .frame .bottom {
position:absolute;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/frame-bottom.png?1443670917');
height:33px;
width:656px;
bottom:0px;
left:0px
}
.profile .frame .background {
position:absolute;
top:5px;
left:5px;
right:6px;
bottom:6px;
background:rgba(0,0,0,0.76)
}
.profile .frame .content {
padding:10px 14px 5px 14px;
z-index:2;
position:relative;
overflow:hidden;
*zoom:1
}
.profile .profile-details {
position:relative;
float:right;
width:227px;
min-height:748px;
background:#191a17 url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-right.jpg?1443670917') no-repeat top left;
padding:15px 0px;
font-size:12.5px
}
.profile .profile-details .details-top {
position:absolute;
top:0px;
left:0px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-right.jpg?1443670917') no-repeat top left;
width:227px;
height:759px
}
.profile .profile-details .details-bottom {
position:absolute;
bottom:0px;
left:0px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-bottomright.jpg?1443670917') no-repeat top left;
width:227px;
height:24px
}
.profile .profile-details .details-inner {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-right-bg.jpg?1443670917') repeat-y top left;
padding:9px 20px;
height:100%
}
.profile .profile-details .details-inner .details-content {
position:relative
}
.profile .avatar {
width:100%;
float:left;
text-align:center
}
.profile .customAvatarProfile .avatar {
width:161px
}
.profile .profile-top {
padding-right:11px;
height:45px;
position:relative;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-top.jpg?1443670917') no-repeat top left
}
.profile .profile-top .tab-links {
overflow:hidden;
margin:0px 0px 1px 15px;
position:absolute;
bottom:0px
}
.profile .profile-top .tab-links .tab {
display:inline-block;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/tab-off.png?1443670917') no-repeat top right;
height:23px;
position:relative;
margin-left:5px;
font-size:12px;
line-height:23px;
color:#D1C39B
}
.profile .profile-top .tab-links .tab span {
display:inline-block;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/tab-off.png?1443670917') no-repeat top left;
height:23px;
top:0px;
position:relative;
left:-9px;
padding-left:11px;
margin-right:2px
}
.profile .profile-top .tab-links .tab.active,.profile .profile-top .tab-links .tab:hover {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/tab-on.png?1443670917')
}
.profile .profile-top .tab-links .tab.active span,.profile .profile-top .tab-links .tab:hover span {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/tab-on.png?1443670917')
}
.profile .profile-name {
padding:0px 15px 10px 20px
}
.profile .details {
clear:both
}
.profile .shopCoinStatusBox {
float:left;
position:absolute;
right:4px;
top:56px
}
.profile .customAvatarProfile .details {
width:731px
}
.profile .customAvatarProfile.mine .details {
width:731px
}
.profile .profileTransactions .transaction {
padding:5px
}
.profile .profileTransactions .transactionEven {
background:#111
}
.profile .profileTransactions .transaction .el {
float:left;
margin:5px
}
.profile .profileTransactions .transaction .id {
min-width:60px
}
.profile .profileTransactions .transaction .packageName {
min-width:180px;
font-size:150%
}
.profile .profileTransactions .transaction .date {
float:right
}
.profile .profileTransactions .transaction .upgrade {
float:right
}
.profile .profileTransactions .transaction .status {
font-weight:bold;
float:right
}
.profile .profileTransactions .transaction .statusComplete {
color:LawnGreen
}
.profile .profileTransactions .transaction .upgradeToInfo,.profile .profileTransactions .transaction .upgradeFromInfo,.profile .profileTransactions .transaction .mergeToInfo,.profile .profileTransactions .transaction .mergeFromInfo {
clear:both;
padding:5px 5px 5px 27px;
font-style:italic
}
.profile .profile-container {
float:left;
width:695px;
min-height:748px;
padding:15px 0px;
position:relative
}
.profile .profile-container.fullwidth {
width:922px
}
.profile .profile-container.fullwidth .layoutBox1 {
width:883px;
float:none;
display:block
}
.profile .profile-container.fullwidth .container-top {
width:922px;
background:#191a17 url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-full.jpg?1443670917') no-repeat top left
}
.profile .profile-container.fullwidth .container-bottom {
height:19px;
width:922px;
background:#191a17 url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-full-bottom.jpg?1443670917') no-repeat top left
}
.profile .profile-container.fullwidth .container-inner {
background:#191a17 url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-full-bg.jpg?1443670917') repeat-y top left
}
.profile .profile-container #showcase {
padding-left:1px
}
.profile .profile-container .incomplete {
display:none
}
.profile .profile-container .incomplete .showcase-item {
opacity:0.6
}
.profile .profile-container .showcase-item {
line-height:50px;
position:relative;
background-position:0 -305px;
height:55px;
padding:10px 20px;
margin:10px 0px;
cursor:default
}
.profile .profile-container .showcase-item h2 {
font-size:1.5em;
font-family:'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
float:left
}
.profile .profile-container .showcase-item .icon {
float:left;
width:33px;
height:33px;
margin-top:9px;
margin-right:10px
}
.profile .profile-container .showcase-item .description {
left:inherit;
right:-5px;
bottom:72px;
top:inherit;
color:#00b6ff;
font-size:12px;
line-height:18px;
z-index:1500;
height:134px
}
.profile .profile-container .showcase-item .description .box-inner {
padding-top:10px;
padding-bottom:10px;
height:114px
}
.profile .profile-container .profile-boxes {
overflow:hidden
}
.profile .profile-container .container-bottom {
position:absolute;
bottom:1px;
left:0px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-bottomleft.jpg?1443670917') no-repeat top left;
width:695px;
height:24px
}
.profile .profile-container .container-top {
position:absolute;
top:0px;
left:0px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-left.jpg?1443670917') no-repeat top left;
width:695px;
height:759px
}
.profile .profile-container .container-inner {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/profile-left-bg.jpg?1443670917') repeat-y top left;
padding:0px 15px;
height:100%
}
.profile .profile-container .container-inner .container-content {
position:relative
}
.profile .progress-bar-container {
height:22px;
position:relative;
padding-bottom:14px;
margin:5px 0px;
overflow:hidden;
width:288px
}
.profile .progress-bar-container.large {
padding-right:6px;
width:648px
}
.profile .progress-bar-container .progress-bar {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/progress-bar.png?1443670917') repeat-x top left;
position:absolute;
top:0px;
z-index:500
}
.profile .progress-bar-container .progress-frame {
background-position:-35px -72px;
width:100%;
height:27px;
position:absolute;
top:0px;
z-index:1000
}
.profile .progress-bar-container .progress-frame.large {
background-position:0 -41px;
height:27px
}
.profile .progress-bar-container .progress-tick {
float:left;
position:relative;
z-index:1200
}
.profile .progress-bar-container .progress-tick img {
float:right;
position:relative;
top:9px;
left:11px
}
.profile .showcase-manage {
position:absolute;
right:20px;
top:26px
}
.profile .showcase-pin,.profile .showcase-move {
cursor:pointer;
font-size:10px
}
.profile .showcase-pin .move-icon,.profile .showcase-move .move-icon {
width:20px;
height:20px;
vertical-align:middle
}
.profile .showcase-pin.up,.profile .showcase-move.up {
background-position:-100px -380px;
width:20px;
height:16px;
position:absolute;
right:26px;
top:-6px
}
.profile .showcase-pin.up:hover,.profile .showcase-move.up:hover {
background-position:-40px -380px
}
.profile .showcase-pin.up.disabled,.profile .showcase-move.up.disabled {
background-position:-20px -380px
}
.profile .showcase-pin.down,.profile .showcase-move.down {
background-position:0 -380px;
width:20px;
height:16px;
position:absolute;
right:26px;
top:10px
}
.profile .showcase-pin.down:hover,.profile .showcase-move.down:hover {
background-position:-60px -380px
}
.profile .showcase-pin.down.disabled,.profile .showcase-move.down.disabled {
background-position:-80px -380px
}
.profile .showcase-pin.delete,.profile .showcase-move.delete {
background-position:-142px -380px;
width:22px;
height:22px;
position:absolute;
right:0px
}
.profile .showcase-pin.delete:hover,.profile .showcase-move.delete:hover {
background-position:-120px -380px
}
.profile .showcase-pin.add,.profile .showcase-move.add {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/profile/pin.png?1443670917') no-repeat top left;
height:16px;
width:16px;
display:inline-block;
margin-left:10px
}
.profile .showcase-message {
opacity:0;
color:#11AA2D;
height:16px
}
.profile .info {
color:#00b6ff;
font-size:12.5px
}
.profile .info.small {
font-size:11px
}
.profile h1 {
font-family:'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
font-weight:normal
}
.profile h1.name {
text-align:center;
padding-bottom:10px
}
.profile h2 {
font-family:'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:1.8em
}
.profile #seasonInfoContainer {
position:relative;
margin:15px 0px;
left:7px
}
.profile #seasonInfoContainer #seasonInfo {
z-index:9999999;
position:relative;
left:-22px
}
.profile #seasonInfoContainer #seasonInfo .seasonInfo {
background:none !important
}
.profile #seasonInfoContainer #seasonInfo .seasonInfo h1 {
display:none
}
.profile #seasonInfoContainer #seasonInfo .seasonInfo .pointsProgress {
z-index:10000
}
.profile #seasonInfoContainer #seasonInfo .seasonInfo .pointsProgress .frame {
margin:0px
}
.profile #seasonInfoContainer #seasonFrame {
position:absolute;
top:0px;
left:-22px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/season/one-small.jpg?');
height:317px;
width:916px
}
.profile #seasonInfoContainer #seasonFrame img {
width:922px
}
.profile .seasons-list,.profile .challenge-list {
float:right
}
.profile #recent-events {
margin-top:10px;
position:relative
}
.profile #recent-events .history {
border-bottom:1px solid #665a3f
}
.profile #recent-events div.row {
background:#232222;
clear:both;
overflow:hidden;
border-top:1px solid #665a3f
}
.profile #recent-events div.row.heading {
font-weight:bold;
background:#0d0f0d;
border-top:1px solid #665a3f
}
.profile #recent-events div.row.even {
background:#0d0f0d
}
.profile #recent-events div.row .cell {
float:left;
padding:5px 10px
}
.profile #recent-events div.row .cell.name {
width:650px
}
.profile #recent-events div.row .cell.points {
width:100px
}
.profile #recent-events div.row.trophy {
background:#0d0f0d
}
.profile #recent-events div.row.trophy .name {
padding-left:30px;
width:630px
}
.profile #recent-events .loading-inline {
position:absolute;
right:60px;
top:-25px;
padding-left:40px
}
.profile .profile-character {
position:relative;
overflow:hidden;
margin:10px 0px
}
.profile .profile-character .character-icon {
float:left
}
.profile .profile-character .character-icon.small img {
height:50px;
width:52px
}
.profile .profile-character .character-info {
float:left;
padding-left:10px;
width:200px;
height:48px;
overflow:hidden
}
.profile #privacy-settings {
font-weight:bold
}
.profile #privacy-settings .privacy-setting {
margin:5px 0px
}
#lost_password .lost_verification {
color:#fff;
float:right;
margin-right:15px;
text-decoration:none
}
#lost_password .lost_verification:hover {
text-decoration:underline
}
#item-data-home .itemTypeContainer {
position:absolute
}
#item-data-home-weapon .icon {
float:left;
margin:10px 0px 0px 22px
}
#item-data-home-weapon .label {
position:absolute;
top:70px;
left:130px
}
#item-data-home-armour {
position:relative;
height:190px
}
#item-data-home-armour .icon {
margin:32px 0px 0px 12px
}
#item-data-home-armour .label {
position:absolute;
top:70px;
left:104px
}
#item-data-home-currency {
position:relative;
height:160px
}
#item-data-home-currency .icon {
margin:38px 0px 32px 40px
}
#item-data-home-currency .label {
position:absolute;
top:32px;
left:115px
}
#item-data-home-jewelry {
position:relative;
height:160px
}
#item-data-home-jewelry .icon {
margin:38px 0px 32px 40px
}
#item-data-home-jewelry .label {
position:absolute;
top:32px;
left:104px
}
#item-data-home-prefixmod {
position:relative;
height:160px
}
#item-data-home-prefixmod .icon {
margin:38px 0px 32px 40px
}
#item-data-home-prefixmod .label {
position:absolute;
top:32px;
left:115px
}
#item-data-home-suffixmod {
position:relative;
height:160px
}
#item-data-home-suffixmod .icon {
margin:38px 0px 32px 40px
}
#item-data-home-suffixmod .label {
position:absolute;
top:32px;
left:104px
}
.itemDataTable th {
vertical-align:middle;
text-align:center;
padding:3px
}
.itemDataTable td {
vertical-align:middle;
text-align:center;
padding:3px
}
.itemDataIcon {
cursor:pointer
}
.itemDataTable .name,.itemDataTable .class {
text-align:left
}
.itemDataIconHover {
position:absolute;
padding-right:10px;
z-index:100
}
.itemDataIconHover img {
background:#000
}
.itemDataTable .even_mod {
color:#686868;
background-color:#0d0f0d
}
.itemDataTable .odd_mod {
color:#535353
}
.itemDataIndex {
padding-top:24px
}
.itemDataIndex .itemGroup {
display:block;
float:left
}
.itemDataIndex .itemGroup .image {
opacity:.6;
min-width:96px;
display:inline-block;
vertical-align:middle;
text-align:center
}
.itemDataIndex .itemGroup .label {
opacity:.8;
display:inline-block;
vertical-align:middle;
padding:67px 0px
}
.itemDataIndex .itemGroup:hover .image,.itemDataIndex .itemGroup:hover .label {
opacity:1
}
.itemDataIndex .itemGroup.large {
min-height:230px
}
#ladder_league_form {
float:right;
padding:8px 8px 0px 0px
}
#ladder_league_form label {
float:left;
margin-top:2px
}
#ladder_league_form #league_select {
float:left;
margin:2px 10px
}
#ladder_league_form label #league_form_submit {
float:left
}
.ladderDownloadCSV {
float:left;
margin:0px 10px;
padding:8px 0px 10px 0px
}
.ladderStatus {
background-color:#111;
margin:0px 10px;
padding:10px;
border:1px solid #222
}
.ladderStatus .status {
float:left
}
.ladderStatusCountdownActive .status {
width:350px
}
.ladderStatus .waitStartText {
color:#008003
}
.ladderStatus .inProgressText {
color:#ffff05
}
.ladderStatus .completeText {
color:#ff0003
}
.ladderStatus .status ul {
margin-top:10px
}
.ladderStatus .countdownBox {
float:right;
width:339px;
background:#111;
border:1px solid #333;
border-color:#000 #333 #333 #000;
padding:6px 10px
}
.ladderStatus .countdownLabel {
font-size:147%;
margin-bottom:5px;
text-align:center
}
.ladderTable td {
padding:3px 5px
}
.ladderTable td.onlineStatus {
padding:4px;
width:15px
}
.faqContent .question {
margin-bottom:10px
}
.faqContent .question a {
color:#CEC59F;
text-decoration:none
}
.faqContent .question a:target {
color:#CEC59F;
font-weight:bold
}
.faqContent .answer {
margin-bottom:20px
}
.faqContent a {
margin-bottom:10px
}
.faqContent p {
margin:20px 0px
}
.faqMenu li,.areasMenu li {
margin:10px 0px;
background:none;
padding:0px
}
.faqMenu li a {
color:#abb0ff;
text-decoration:none
}
.faqMenu li a:hover {
color:#fff
}
#monstersPage {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/monsters/monsters-background.jpg?1443670916') no-repeat top left;
min-height:2123px
}
#monstersPage .content {
width:550px;
font-size:13px
}
#monstersPage .act1 {
position:absolute;
top:480px;
left:50px;
width:400px
}
#monstersPage .act2 {
position:absolute;
top:1160px;
left:480px;
width:400px
}
#monstersPage .act1 h2,#monstersPage .act2 h2 {
margin-bottom:15px;
font-size:160%
}
#monstersPage .act1 h2 a,#monstersPage .act2 h2 a {
text-decoration:none
}
#monstersPage .act1 .icons img,#monstersPage .act2 .icons img {
display:inline-block;
margin:0px 47px 42px 0px
}
#monstersPage .act1 .icons a,#monstersPage .act2 .icons a {
display:inline-block
}
.monstersMenu .thumb-frame-container {
width:125px;
margin-bottom:13px
}
.monstersMenu .thumb-frame-container .content {
width:94px;
margin-top:2px;
margin-bottom:13px
}
.monstersMenu .thumb-frame {
width:80px
}
.areasMenu li {
text-align:center
}
.areasMenu li a {
color:#cac2a8;
text-decoration:none;
font-weight:bold
}
.areasMenu li a:hover {
color:#fff
}
#login_area {
position:absolute;
top:253px;
left:42px;
width:253px;
height:43px;
padding:0px
}
#login_area .field {
border:none;
padding:0px;
color:#fff;
width:147px;
background-color:#000;
margin:0px
}
#login_area #login_area_email {
position:absolute;
top:4px;
right:4px
}
#login_area #login_area_password {
position:absolute;
bottom:4px;
right:4px
}
#login_area_remember_me_img {
position:absolute;
left:164px;
top:47px
}
#login_area_remember_me {
position:absolute;
left:281px;
top:50px;
padding:0px;
margin:3px 3px 3px 4px;
height:13px;
width:13px
}
#login_area_loading {
display:none;
position:absolute;
background:#000 url('https://p7p4m6s5.ssl.hwcdn.net/image/loading_small.gif?1443670923') no-repeat 122px center;
top:5px;
left:102px;
width:131px;
height:18px;
padding:8px
}
#login_status {
color:#CEC59F;
font-weight:bold;
left:25px;
position:absolute;
text-align:center;
width:188px;
padding:2px 6px;
width:177px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/login_status_large.jpg?1443670916') repeat scroll 0 0 transparent;
bottom:-10px;
height:75px
}
#login_status .profile-link {
color:#CEC59F
}
#login_status .profile-link:hover {
color:#FFF
}
#login_status .logout {
position:absolute;
left:195px;
top:0
}
#login_status.hasMessage {
bottom:12px
}
#login_status.hasMessage .logout {
top:22px
}
#login_status .top {
left:5px;
position:absolute;
top:5px;
width:178px
}
#login_status .middle {
left:6px;
position:absolute;
top:23px;
width:178px;
word-wrap:break-word
}
#login_status .bottom {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/coinamount2.gif?1443670908') no-repeat scroll left top transparent;
height:35px;
left:5px;
position:absolute;
top:40px;
width:178px
}
#login_status .amount {
color:#FFFFFF;
font-size:127%;
right:37px;
position:relative
}
#login_status .label {
color:#FFDCA4;
font-size:141%
}
#login_status .coins {
left:0;
position:absolute;
text-align:right;
top:6px;
width:178px
}
#login_status .bottom a {
text-decoration:none
}
#create_button {
position:absolute;
top:45px;
left:-26px;
cursor:pointer
}
#login_button {
position:absolute;
top:45px;
left:74px
}
#login_loading {
background-image:url("../../image/loading_small.gif");
background-repeat:no-repeat;
background-position:center;
width:16px;
height:16px;
display:none;
float:left;
position:relative;
top:5px;
left:10px
}
#login {
overflow:hidden;
*zoom:1;
min-height:180px
}
#login .lost_password {
float:left;
color:#fff;
text-decoration:none;
margin-right:15px
}
#login .lost_password:hover {
text-decoration:underline
}
#login .form_base dd {
height:auto !important;
min-height:0px;
height:auto
}
#login #login_submit,#login #create_submit {
float:right;
margin:0px 0px 5px 15px
}
#login #steam_login {
text-align:center;
margin-top:95px;
color:#5F5A5A;
position:absolute;
right:83px;
bottom:31px
}
#login #garena_login {
text-align:center;
position:absolute;
color:#5F5A5A;
right:83px;
top:50px;
font-weight:bold
}
#guildProfile table {
width:auto;
line-height:22px
}
#guildProfile .details td {
padding:0px 5px 2px 0px
}
#guildProfile .guild-header {
margin-bottom:10px
}
#guildProfile .guild-header .guild-tag {
font-size:1.4em;
text-align:center;
color:#cac2a8;
width:100%;
margin:0px
}
#guildProfile .guild-header .guild-status {
font-style:italic;
text-align:center;
color:#918D82;
margin:0px
}
#guildProfile h1.name {
padding-bottom:0px
}
#guildProfile .members {
margin-top:10px
}
#guildProfile .members .member {
padding:0px 3px 2px 2px;
vertical-align:text-bottom;
border-bottom:1px solid #3a3222;
line-height:22px
}
#guildProfile .members .profile-link {
word-break:break-word;
max-width:120px
}
#guildProfile .members .memberType {
color:#575757;
float:right;
font-size:11px
}
#guildProfile .profile-box.achievements {
margin-left:0px
}
#guildProfile .profile-box.seasons {
margin-left:15px
}
#guildProfile .profile-box.pvp {
margin-left:0px
}
#guildProfile .profile-box.my-guild {
margin-left:15px
}
#guildProfile #guildMemberPanel h2,#guildProfile #guildLeaderPanel h2 {
padding:5px;
font-size:1.4em
}
#guildProfile #guildMemberPanel p,#guildProfile #guildLeaderPanel p {
margin-left:5px;
margin-right:5px
}
#guildProfile #guildMemberPanel .guild .left,#guildProfile #guildLeaderPanel .guild .left {
margin-right:150px
}
#guildProfile #guildMemberPanel .guild .details,#guildProfile #guildLeaderPanel .guild .details {
margin:0px 5px 10px 5px
}
#guildProfile #guildMemberPanel .guild .points,#guildProfile #guildLeaderPanel .guild .points {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/shop/item/ShopItemCoin.png?1443670910') no-repeat top right;
min-height:39px;
padding-right:36px;
font-size:29px;
margin:0px 5px 5px 5px;
color:#ffda4d;
position:absolute;
top:10px;
right:10px
}
#guildProfile #guildMemberPanel .guild .balance,#guildProfile #guildLeaderPanel .guild .balance {
padding-bottom:10px
}
#guildProfile #guildMemberPanel .entries,#guildProfile #guildLeaderPanel .entries {
margin:0px -7px
}
#guildProfile #guildMemberPanel .createTransaction .element,#guildProfile #guildLeaderPanel .createTransaction .element {
max-width:200px
}
#guildProfile #guildMemberPanel .formT1,#guildProfile #guildLeaderPanel .formT1 {
width:320px
}
#guildProfile #guildMemberPanel .transaction,#guildProfile #guildLeaderPanel .transaction {
overflow:hidden;
*zoom:1;
border-top:1px solid #181818;
padding:5px
}
#guildProfile #guildMemberPanel .transaction:nth-child(even),#guildProfile #guildLeaderPanel .transaction:nth-child(even) {
background:#090909;
border-top:1px solid #242424
}
#guildProfile #guildMemberPanel .transaction.cancelled .status,#guildProfile #guildMemberPanel .transaction.rejected .status,#guildProfile #guildLeaderPanel .transaction.cancelled .status,#guildProfile #guildLeaderPanel .transaction.rejected .status {
color:#e21b1b
}
#guildProfile #guildMemberPanel .transaction.complete .status,#guildProfile #guildLeaderPanel .transaction.complete .status {
color:#16b000
}
#guildProfile #guildMemberPanel .transaction .points,#guildProfile #guildLeaderPanel .transaction .points {
color:#ffda4d
}
#guildProfile #guildMemberPanel .transaction .txInfo,#guildProfile #guildLeaderPanel .transaction .txInfo {
font-size:115%;
overflow:hidden;
*zoom:1
}
#guildProfile #guildMemberPanel .transaction .txInfo .left,#guildProfile #guildLeaderPanel .transaction .txInfo .left {
float:left
}
#guildProfile #guildMemberPanel .transaction .status,#guildProfile #guildLeaderPanel .transaction .status {
background:#050505;
padding:1px 4px 1px 2px;
border:1px solid #222;
border-radius:3px;
float:left;
clear:both;
margin-top:2px;
font-size:smaller
}
#guildProfile #guildMemberPanel .transaction .createdAt,#guildProfile #guildLeaderPanel .transaction .createdAt {
float:right;
font-size:small;
color:#5C5C5C
}
#classesPageIcons .sbox {
width:232px;
margin-left:28px
}
#classesPageIcons .thumb-frame-container {
width:115px
}
#classesPageIcons .thumb-frame-container.scion {
margin-left:57px;
margin-top:8px
}
.pagination {
overflow:hidden;
*zoom:1
}
.pagination .perPageOptions {
float:right;
margin:0px
}
.pagination .textLinks {
float:left
}
.pagination .prev,.pagination .next {
float:left
}
.pagination_spacer {
height:25px
}
.pagination {
padding:5px
}
.pagination a,.pagination .current,.pagination .currentPage {
border-color:#222;
text-decoration:none;
margin:2px;
font-size:130%
}
.pagination a:hover,.pagination .current:hover,.pagination .currentPage:hover {
box-shadow:0px 0px 3px rgba(230,225,168,0.24);
text-shadow:0px 0px 1px #E6E1A8;
color:#E9E69F
}
.pagination .separator {
padding:1px
}
.pagination a,.pagination .current {
color:#cec59f
}
.pagination .current,.pagination .currentPage {
top:0px;
color:#e0d7c7;
text-shadow:0px 0px 1px #8d764e;
font-weight:bold;
box-shadow:0px 0px 2px 1px #242424 inset;
border-color:#4d4737
}
.terms-of-use blockquote {
margin:13px 0px 13px 20px;
padding:0px;
border:none;
background:none;
color:#98805E
}
.terms-of-use ol {
list-style-type:decimal;
padding-left:34px;
padding-top:10px
}
.terms-of-use li {
background:none;
padding:0px
}
.newsArticleTitle {
background-color:#222319;
padding:10px
}
.newsArticleTitle .title {
float:left;
width:480px
}
.newsArticleTitle .date {
float:right;
width:250px;
text-align:right;
color:#686868
}
#news {
padding:1px
}
.newsList {
overflow:hidden;
*zoom:1;
padding-top:12px
}
.newsList h1 {
color:#DFCF99;
padding-left:5px
}
.newsList .rss,.newsList .browseLink {
padding:5px 10px 5px 5px;
color:#cec59f
}
.newsList .rss:hover,.newsList .browseLink:hover {
color:#fff
}
.newsList .rss {
float:right;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/icons/rss/feed-icon-14x14.png?1443670923') no-repeat left 7px;
padding:5px 10px 0px 20px
}
.newsList .browseLink {
float:left
}
.newsList .browseLink,.newsList .rss {
color:#585858
}
.newsList .browseLink:hover,.newsList .rss:hover {
color:#686868
}
.newsListItem {
margin:13px 0px 0px;
border:1px solid;
border-color:#141414;
padding:6px;
background-color:#0c0b0b;
position:relative
}
.newsListItem .title {
margin-right:190px;
margin-bottom:2px
}
.newsListItem .title a {
font-size:100%;
font-weight:bold;
text-decoration:none
}
.newsListItem .title a:hover {
color:#fff
}
.newsListItem .date {
position:absolute;
top:7px;
right:10px;
color:#585858;
font-style:italic;
font-size:90%
}
.news-item {
background-color:#161616;
min-height:60px;
padding:6px;
margin-bottom:1px
}
#news .even,.news-item-even {
background-color:#0D0F0D
}
.news-item .title {
float:left;
margin-bottom:10px;
width:480px
}
.news-item .s-pad,.news-item .m-pad,.news-item .l-pad {
padding:0px
}
.news-item .date {
float:right;
width:250px;
text-align:right
}
.news-item .content {
clear:both
}
.news-item .social-small {
padding:10px 0px 0px 0px
}
.newsText {
float:left;
width:620px
}
.newsImage {
float:right
}
#promotedNewsVideo {
margin:20px 0px
}
#newsSidebar:first-child {
margin-top:0px
}
#newsSidebar .layoutBoxContent {
margin-left:17px
}
#mainNewsItems {
overflow:hidden;
*zoom:1
}
#mainNewsItem {
float:left
}
#secondaryNewsItem {
float:right
}
#newsItem3 {
margin-top:14px
}
.editor-controls {
padding-left:5px;
margin-top:5px
}
.editor-controls .b {
font-weight:bold
}
.editor-controls .i {
font-style:italic
}
.editor-controls .u {
text-decoration:underline
}
.social-large {
margin-left:170px;
padding:5px
}
.social-large .fb_share_count_nub_top {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/social/facebook/share_bit.png?1443670916')
}
.social-small .fb_share_count_nub_right {
background-image:url('https://p7p4m6s5.ssl.hwcdn.net/image/social/facebook/share_small_bit.png?1443670916')
}
.social-small {
margin-left:3px;
padding:6px 5px 5px 5px
}
.social-large .button,.social-small .button {
float:left;
margin-right:15px
}
.social-small .twitter {
margin-right:0px
}
.twitter-timeline {
width:920px
}
.frame-1 {
margin-top:21px;
overflow:hidden
}
.frame-ornate-1 {
position:absolute;
top:-19px
}
.skill-frame-1 {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/borders/skill-frame-1.png?1443670924') no-repeat left top;
width:219px;
height:177px;
padding:14px 4px
}
.thumb-frame-container {
float:left;
display:block;
width:146px;
text-align:center
}
#screenshots_box .thumb-frame-container {
width:167px
}
.thumb-frame-container .thumb-frame {
display:inline-block;
width:80px
}
.thumb-frame-container .thumb-frame-2 {
width:80px
}
.thumb-frame .frame {
width:80px;
height:80px;
display:inline-block
}
.thumb-frame-thin .frame {
height:52px
}
.thumb-frame-2 .frame {
width:80px
}
.areaThumb {
position:absolute;
top:31px;
right:29px
}
.thumb-frame-container .content {
text-align:center;
margin-bottom:10px;
margin-top:2px;
margin-bottom:13px;
color:#cac2a8;
font-size:125%
}
#global-notification {
margin-bottom:10px
}
.globalNotification .notification,.globalNotification .shutdown {
margin:4px 0
}
.globalNotification .notification {
font-size:120%
}
.globalNotification .shutdown {
color:#FF1F1F;
font-size:120%
}
.globalNotification .shutdown .countdown {
display:inline-block;
font-weight:bold
}
.globalNotification .shutdown .countdown_section,.globalNotification .shutdown .countdown_amount,.globalNotification .shutdown .countdown-section,.globalNotification .shutdown .countdown-amount {
font-size:100%
}
#beta-container {
margin-bottom:20px
}
.betaCountdown .countdown_row,.betaCountdown .countdown-row {
display:block;
float:left
}
.betaCountdown .lastInvite .label,.betaCountdown .nextInvite .label {
font-size:120%;
color:#cac2a8
}
.betaCountdown .lastInvite,.betaCountdown .nextInvite {
width:142px
}
.betaCountdown .lastInvite .label,.betaCountdown .nextInvite .label {
padding-bottom:2px;
text-align:center
}
.betaCountdown .lastInvite .name,.betaCountdown .nextInvite .name {
font-size:120%;
text-align:center;
overflow:hidden;
margin:0px 5px
}
.betaCountdown .status {
float:left
}
.betaCountdown .p2Status {
padding-top:5px
}
.betaCountdown .lastInvite {
float:left
}
.betaCountdown .countdown {
width:306px;
float:left
}
.betaCountdown .nextInvite {
float:right
}
.betaCountdown .nextInvite .name .none {
color:#733
}
.betaCountdown .activeContainer {
display:none
}
.betaCountdown .loading {
display:none;
height:47px
}
.betaCountdown .countdown_amount,.betaCountdown .countdown-amount {
font-size:150%
}
.betaCountdown h2 {
font-weight:bold
}
.betaCountdown p {
padding:5px
}
#poe-popup-container {
position:absolute;
width:800px;
left:-1000px
}
#publicGameAccessCountdown {
display:none;
position:relative;
margin-top:34px;
margin-left:10px;
margin:12px 0px -8px 10px;
clear:both
}
#publicGameAccessCountdown a {
display:block
}
#publicGameAccessCountdown .countdown {
display:none;
position:absolute;
top:82px;
left:206px;
width:356px;
height:30px;
color:#a30800;
font-size:170%;
text-align:center
}
#publicGameAccessCountdown .countdown .countdown_section,#publicGameAccessCountdown .countdown .countdown-section {
color:#a30800
}
#publicGameAccessCountdown .countdown div {
position:absolute;
width:53px;
height:29px
}
#publicGameAccessCountdown .countdown .days {
left:7px
}
#publicGameAccessCountdown .countdown .hours {
left:102px
}
#publicGameAccessCountdown .countdown .minutes {
left:197px
}
#publicGameAccessCountdown .countdown .seconds {
left:297px
}
.donationBanner {
position:relative;
margin-top:34px;
margin-left:10px;
margin:13px 0px 15px 10px;
text-align:center
}
.donationBannerSmall {
margin:11px 0px 10px 10px
}
.donationBannerTiny {
margin:0px
}
#character-window-content {
height:240px;
padding:0px;
z-index:10
}
#character-window {
margin-top:17px;
position:relative;
padding:0px
}
#character-window .box {
height:224px;
padding:0px;
position:relative
}
#character-window .leftButton,#character-window .rightButton {
cursor:pointer;
opacity:.8
}
#character-window .leftButton:hover,#character-window .rightButton:hover {
opacity:1
}
#character-window .leftButton {
position:absolute;
top:229px;
left:-6px;
z-index:100
}
#character-window .rightButton {
position:absolute;
top:229px;
right:-6px;
z-index:100
}
#character-window .character {
display:block;
top:6px;
position:absolute;
opacity:.7
}
#character-window .character-frame {
position:absolute;
top:-23px;
left:-35px;
z-index:80
}
#character-window .character-name {
position:absolute;
top:226px;
left:-29px;
font-weight:bold;
font-size:110%;
color:#000;
text-align:center;
width:174px;
z-index:81;
cursor:pointer
}
#character-window .character_container {
position:absolute;
top:0px;
width:112px;
height:100%
}
#character-window .character_container:hover .character {
opacity:1
}
#character-window .character-clickable {
position:absolute;
display:block;
cursor:pointer;
width:112px;
top:6px;
height:210px;
z-index:100;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/character-window/clickable.gif?1443670915')
}
#inventory-window {
float:left;
position:relative;
display:inline;
margin:10px 0px 0px 10px
}
#stash {
position:relative
}
#inventory-minimize,#stash-minimize {
position:absolute;
bottom:13px;
left:14px;
width:48px;
height:48px
}
#inventory-menu {
float:right;
position:relative;
display:inline;
display:none;
margin:10px 0px 0px 10px;
width:163px
}
#item-window {
width:775px;
float:right;
position:relative
}
#inventory-window .itemIconContainer {
text-align:left
}
#inventory-window .itemIconContainer {
margin-bottom:0px
}
#inventory-window .itemIcon {
position:relative;
margin:0px;
padding:0px
}
#inventory-menu-nav {
margin-bottom:16px
}
#inventory,#stash {
display:none
}
#stash-tab-container {
bottom:643px;
position:absolute;
left:11px;
width:577px;
text-align:center
}
.mtxStashPanel #stash-tab-container {
bottom:610px
}
#stash-tab-container .tab {
display:inline-block;
bottom:0px;
overflow:hidden;
cursor:pointer
}
#stash-tab-container .tab .l {
float:left
}
#stash-tab-container .tab .r {
float:left
}
#stash-tab-container .tab .label {
float:left;
font-size:16px;
line-height:27px
}
.stashTabContainer .tabs {
position:absolute;
left:0px;
bottom:0px;
z-index:4;
padding:0px;
right:0px
}
.stashTabContainer .tabsOverflow {
overflow:hidden;
height:50px;
bottom:3px
}
.stashTabContainer .leftControls {
position:absolute;
left:0px;
bottom:0px;
z-index:5;
display:none
}
.stashTabContainer .leftButton {
float:left;
cursor:pointer
}
.stashTabContainer .rightControls {
position:absolute;
right:0px;
bottom:0px;
z-index:5;
display:none
}
.stashTabContainer .rightControls .rightButton {
float:left;
cursor:pointer
}
.stashTabContainer .rightControls .tabSelectButton {
float:right;
cursor:pointer
}
#stash .stashTab {
position:absolute;
background-repeat:no-repeat
}
#loading {
display:none
}
#loading-content {
height:899px
}
#inventory-menu-content-container {
height:400px
}
#inventory-menu-content-container .displayGroup {
margin-top:10px
}
#inventory-menu-content-container .displayGroup h3 {
margin-bottom:3px
}
#inventory-menu-content-container .displayGroup span.content {
margin-left:5px
}
#inventory-menu-loading {
display:none
}
#inventory-menu-loading .loadingText {
vertical-align:top
}
.countdown_rtl,.countdown-rtl {
direction:rtl
}
.countdown_holding span,.countdown-holding span {
background-color:#ccc
}
.countdown_row,.countdown-row {
clear:both;
width:100%;
padding:0px 2px;
text-align:center
}
.countdown_show1 .countdown_section,.countdown-show1 .countdown-section {
width:98%
}
.countdown_show2 .countdown_section,.countdown-show2 .countdown-section {
width:48%
}
.countdown_show3 .countdown_section,.countdown-show3 .countdown-section {
width:32.5%
}
.countdown_show4 .countdown_section,.countdown-show4 .countdown-section {
width:24.5%
}
.countdown_show5 .countdown_section,.countdown-show5 .countdown-section {
width:19.5%
}
.countdown_show6 .countdown_section,.countdown-show6 .countdown-section {
width:16.25%
}
.countdown_show7 .countdown_section,.countdown-show7 .countdown-section {
width:14%
}
.countdown_section,.countdown-section {
display:block;
float:left;
font-size:110%;
text-align:center;
font-weight:normal;
font-style:normal;
line-height:normal;
font-family:'FontinBold', Verdana,Arial,Helvetica,sans-serif;
font-size-adjust:0.52
}
.countdown_amount,.countdown-amount {
font-size:200%
}
.countdown_descr,.countdown-descr {
display:block;
width:100%
}
.countdown-period {
display:block
}
.jspContainer {
overflow:hidden;
position:relative
}
.jspPane {
position:absolute
}
.jspVerticalBar {
position:absolute;
top:0;
right:0;
width:16px;
height:100%;
background:black
}
.jspHorizontalBar {
position:absolute;
bottom:0;
left:0;
width:100%;
height:16px;
background:black
}
.jspVerticalBar *,.jspHorizontalBar * {
margin:0;
padding:0
}
.jspCap {
display:none
}
.jspHorizontalBar .jspCap {
float:left
}
.jspTrack {
background:#dde;
position:relative
}
.jspDrag {
background:#bbd;
position:relative;
top:0;
left:0;
cursor:pointer
}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {
float:left;
height:100%
}
.jspArrow {
background:#50506d;
text-indent:-20000px;
display:block;
cursor:pointer
}
.jspArrow.jspDisabled {
cursor:default;
background:#80808d
}
.jspVerticalBar .jspArrow {
height:16px
}
.jspHorizontalBar .jspArrow {
width:16px;
float:left;
height:100%
}
.jspVerticalBar .jspArrow:focus {
outline:none
}
.jspCorner {
background:#eeeef4;
float:left;
height:100%
}
* html .jspCorner {
margin:0 -3px 0 0
}
#colorbox,#cboxOverlay,#cboxWrapper {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden
}
#cboxOverlay {
position:fixed;
width:100%;
height:100%
}
#cboxMiddleLeft,#cboxBottomLeft {
clear:left
}
#cboxContent {
position:relative
}
#cboxLoadedContent {
overflow:auto
}
#cboxTitle {
margin:0
}
#cboxLoadingOverlay,#cboxLoadingGraphic {
position:absolute;
top:0;
left:0;
width:100%
}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
cursor:pointer
}
.cboxPhoto {
float:left;
margin:auto;
border:0;
display:block
}
.cboxIframe {
width:100%;
height:100%;
display:block;
border:0
}
#cboxOverlay {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/overlay.png?1443670917') repeat 0 0
}
#cboxTopLeft {
width:21px;
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/controls.png?1443670917') no-repeat -101px 0
}
#cboxTopRight {
width:21px;
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/controls.png?1443670917') no-repeat -130px 0
}
#cboxBottomLeft {
width:21px;
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/controls.png?1443670917') no-repeat -101px -29px
}
#cboxBottomRight {
width:21px;
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/controls.png?1443670917') no-repeat -130px -29px
}
#cboxMiddleLeft {
width:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/controls.png?1443670917') left top repeat-y
}
#cboxMiddleRight {
width:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/controls.png?1443670917') right top repeat-y
}
#cboxTopCenter {
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/border.png?1443670917') 0 0 repeat-x
}
#cboxBottomCenter {
height:21px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/border.png?1443670917') 0 -29px repeat-x
}
#cboxContent {
background:#000;
overflow:hidden
}
.cboxIframe {
background:#fff
}
#cboxError {
padding:50px;
border:1px solid #ccc
}
#cboxTitle {
position:absolute;
bottom:4px;
left:0;
text-align:center;
width:100%;
color:#949494
}
#cboxCurrent {
position:absolute;
bottom:4px;
left:58px;
color:#949494
}
#cboxSlideshow {
position:absolute;
bottom:4px;
right:30px;
color:#0092ef
}
#cboxPrevious {
position:absolute;
bottom:0;
left:0;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/controls.png?1443670917') no-repeat -75px 0;
width:25px;
height:25px;
text-indent:-9999px
}
#cboxPrevious:hover {
background-position:-75px -25px
}
#cboxNext {
position:absolute;
bottom:0;
left:27px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/controls.png?1443670917') no-repeat -50px 0;
width:25px;
height:25px;
text-indent:-9999px
}
#cboxNext:hover {
background-position:-50px -25px
}
#cboxLoadingOverlay {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/loading_background.png?1443670917') no-repeat center center
}
#cboxLoadingGraphic {
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/loading.gif?1443670917') no-repeat center center
}
#cboxClose {
position:absolute;
top:7px;
right:3px;
background:url('https://p7p4m6s5.ssl.hwcdn.net/image/colorbox/controls.png?1443670917') no-repeat -25px 0;
width:25px;
height:25px;
text-indent:-9999px;
border:0 none
}
#cboxClose:hover {
background-position:-25px -25px
}
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)
}
#nprogress {
pointer-events:none;
-webkit-pointer-events:none
}
#nprogress .bar {
background:#29d;
position:fixed;
z-index:100;
top:0;
left:0;
width:100%;
height:2px
}
#nprogress .peg {
display:block;
position:absolute;
right:0px;
width:100px;
height:100%;
box-shadow:0 0 10px #29d, 0 0 5px #29d;
opacity:1.0;
-webkit-transform:rotate(3deg) translate(0px, -4px);
-moz-transform:rotate(3deg) translate(0px, -4px);
-ms-transform:rotate(3deg) translate(0px, -4px);
-o-transform:rotate(3deg) translate(0px, -4px);
transform:rotate(3deg) translate(0px, -4px)
}
#nprogress .spinner {
display:block;
position:fixed;
z-index:100;
top:15px;
right:15px
}
#nprogress .spinner-icon {
width:14px;
height:14px;
border:solid 2px transparent;
border-top-color:#29d;
border-left-color:#29d;
border-radius:10px;
-webkit-animation:nprogress-spinner 400ms linear infinite;
-moz-animation:nprogress-spinner 400ms linear infinite;
-ms-animation:nprogress-spinner 400ms linear infinite;
-o-animation:nprogress-spinner 400ms linear infinite;
animation:nprogress-spinner 400ms linear infinite
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes nprogress-spinner {
0% {
-moz-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-o-keyframes nprogress-spinner {
0% {
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-ms-keyframes nprogress-spinner {
0% {
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes nprogress-spinner {
0% {
transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
transform:rotate(360deg);
transform:rotate(360deg)
}
}
#nprogress .bar {
background:#ff8500;
z-index:1000;
background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255,20,0,0.18)), color-stop(100%, #ff0000));
background-image:-webkit-linear-gradient(left, rgba(255,20,0,0.18),#ff0000);
background-image:-moz-linear-gradient(left, rgba(255,20,0,0.18),#ff0000);
background-image:-o-linear-gradient(left, rgba(255,20,0,0.18),#ff0000);
background-image:linear-gradient(left, rgba(255,20,0,0.18),#ff0000)
}
#nprogress .bar .peg {
box-shadow:0 0 10px #FFFF00, 0 0 5px #FFFFFF
}
#nprogress .spinner {
z-index:1000;
top:11px;
right:11px
}
#nprogress .spinner-icon {
border:solid 2px rgba(224,224,224,0.06);
border-top-color:rgba(255,203,155,0.3);
border-left-color:rgba(255,214,207,0.44)
}