body {background:#0b0c10;color:#d3d3d3}
h1, h2, h3, h4, h5, h6 {color:#fff;text-shadow:0 1px 0 #000}
h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline {border-bottom:1px solid #204154;padding-bottom:3px;text-decoration:none}
a {color:#00aeef;text-decoration:none}
a:hover, #uctl a:hover {color:#66cef5}
a:hover, a:hover span {text-decoration:underline}
a img {border-color:#204154}
hr {border-color:#204154}

#logo {background:none;width:125px}
#logo a {background:url(/rift/i/logo-combined.png) 0 5px no-repeat;width:125px}
#wrapper {background:#1b222a url(/rift/i/bg-blue.jpg)}
#body {background:url(/rift/i/colmain-left.png) top left repeat-y}
#row-top {background:url(/rift/i/rowtop-bg.png)}
#row-top-inner {background:url(/rift/i/rowtop-left.png) no-repeat}
#row-top-inner-2 {background:url(/rift/i/rowtop-right.png) right no-repeat}
#col-right {background:#0c1013 url(/rift/i/colright-180.jpg)}
#col-right-inner {background:url(/rift/i/colright-180-top.png) no-repeat}
#col-right-inner-2 {background:url(/rift/i/colright-180-bot.png) bottom no-repeat}
#col-main {background:url(/rift/i/colmain-top.png) top repeat-x}
#col-main-inner {background:url(/rift/i/colmain-right.png) top right repeat-y}
#col-main-inner-2 {background:url(/rift/i/colmain-bot.png) bottom repeat-x}
footer .block-content {background:#1b222a url(/rift/i/bg-blue.jpg)}
footer .footer-featured-sites ul li a, footer .footer-zam .footer-social .footer-callout, footer .footer-zam .footer-social-links
    {background:#0c1013}

#col-main-extras * {background:url(/rift/i/colmain-corners.png);height:9px;position:absolute;width:9px}
#col-main-extras b {left:0;top:0}
#col-main-extras i {background-position:top right;right:0;top:0}
#col-main-extras em {background-position:bottom right;bottom:0;right:0}
#col-main-extras var {background-position:bottom left;bottom:0;left:0}

.tower-to-cube #col-right, .right-column-content #col-right {background:#0c1013 url(/rift/i/colright-300.jpg)}
.tower-to-cube #col-right-inner, .right-column-content #col-right-inner {background:url(/rift/i/colright-300-top.png) no-repeat}
.tower-to-cube #col-right-inner-2, .right-column-content #col-right-inner-2 {background:url(/rift/i/colright-300-bot.png) bottom no-repeat}

#menu_horiz {background:url(/rift/i/nav.png);border:0 !important/*;border-top:1px solid #8d9195 !important;border-bottom:1px solid #1b1c1e !important;height:33px;top:-1px*/}
#menu_horiz a {line-height:34px}
#nav a, #user-login a {background:url(/rift/i/subnav.png?2) -900px 0 no-repeat !important;color:#fff;text-shadow:0 1px 0 #000}
#nav a:hover, #user-login a:hover {color:#66cef5}
#nav div {background:#000;border-bottom:0 !important;border-color:#000/*;background:#204154;border-color:#000;padding:2px*//*;width:160px*/}
#nav div a {border-top:1px solid #3e566e;border-bottom:1px solid #000 !important}
#nav div li {background:#24313e url(/rift/i/subnav.png?2) repeat-x}
#nav div li:hover {background:#364a5d url(/rift/i/subnav.png?2) -450px 0 repeat-x}
#nav > ul > li:hover > a {background:url(/rift/i/nav.png) 0 -35px !important;border-left-color:transparent}
#nav > ul > li:first-child:hover > a {border-left-color:#454e5b}
#nav .has-sub:hover > a, #nav > ul > li:hover > a, #nav a:hover {/*background:url(/i/white-15.png) !important*/;border-top-color:#5d81a5;color:#66cef5}
#nav a.header {background:#141c24 !important;border-top-color:#1d242c}
#menu_horiz .cols-2 > ul, #menu_horiz .cols-3 > ul {border-color:#000}
#menu_horiz li li.has-sub > a {background:url(/i/arrow-right-spaced-white.png) right no-repeat !important}
/*.pre-ie9 #menu_horiz li li a {width:140px\9}*/
#menu_horiz > li > div {left:-1px;top:34px !important}
#menu_horiz li.has-sub:hover li div, #menu_horiz li.has-sub.hov li div {left:135px;*left:160px}

#nav .menu-new {padding:0 0 0 2px;position:relative}
#nav .menu-new span {background:url(/rift/i/new.gif);height:27px;left:-17px;position:absolute;top:-8px;width:27px}
#nav li li .menu-new {padding:0 0 0 10px}
#nav li li .menu-new span {background-position:bottom;left:-8px;top:-6px}
.pre-ie9 #nav li li .menu-new span {top:-5px}

#menu_horiz > li > a {border-left:1px solid #454e5b;border-right:1px solid #08090c}
/*#menu_horiz > li:first-child > a {border-left:0}*/
.nc-community {border-right:1px solid #454e5b}
.nc-account-code {border-left:1px solid #08090c}
.nc-account-code > a {border-right:0 !important}
/*#menu_horiz > li:hover > a {border-left-color:#454e5b;border-right-color:#08090c;border-right-color:transparent}*/

#livesearch ul {background:#061118 url(/rift/i/fade-top-small.png) repeat-x;border-color:#204154;border-top:0}
#livesearch a span {background:#061118;color:#aaa}
#livesearch li:first-child a span {background:#061118 url(/rift/i/fade-top-small.png) repeat-x}
#livesearch .hlight a, #livesearch li.hlight a span {background:#132936;color:#66cef5}
#livesearch .hlight a span {color:#fff !important}

.box, .bcont, .mform, .mform2, .mformDeleted, #msgSmilies, .datatable, #dialogue-cont .cont, .wiki, .infobox, .toc, .gametag, .wframe, .opaque_bigthumb, .mainpagebox, #video-infobox, .no-template, .wiki-cats, .msgPreview, .msgMain, .pages span, .pages a, .tablist a, ul.ma, #featured-promos .cont {background:#061118 url(/rift/i/fade-top-small.png) repeat-x;border:1px solid #204154}
.bcont .bcont, .wiki .box, .wiki .bcont, .wiki .mform, .wiki .mform2, .wiki .datatable, .wiki .infobox, .wiki .toc, .wiki .gametag, .wiki .wframe, .wiki .opaque_bigthumb, .wiki .mainpagebox, .wiki .pages span, .wiki .pages a, .wiki .tablist a, .path ul, .wiki-nav .tools ul, .msgUMex, .msgPreview {background:#09161e url(/rift/i/fade-top-small.png) repeat-x;border:1px solid #204154}
.db-wiki .wiki .box, .db-wiki .wiki .bcont, .db-wiki .wiki .mform, .db-wiki .wiki .mform2, .db-wiki .wiki .datatable, .db-wiki .wiki .infobox, .db-wiki .wiki .toc, .db-wiki .wiki .gametag, .db-wiki .wiki .wframe, .db-wiki .wiki .opaque_bigthumb, .db-wiki .wiki .mainpagebox, .db-wiki .wiki .pages span, .db-wiki .wiki .pages a, .db-wiki .wiki .tablist a, .db-wiki .wiki-nav .tools ul {background-color:#061118} /* Back to normal again when it's on a DB page without a wiki wrapper... */
.datatable {background-image:none}
.msgMain:target {border-color:#136d92}
.msgWhoFrame, .msgContentFrame {background:url(/rift/i/fade-top-small.png) repeat-x}

.front .box .header, .front .box .subhead, #game-column .box .header, #game-column .box h3, .box.link-list .header {border-color:#204154;color:#fff;font-weight:bold;text-shadow:0 1px 0 #000}

.bcont {padding:10px}
.path .has-sub:hover > a {color:#fff}
#dialogue-cont .cont, #dialogue-shadow {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
#notifications {background:#000;border-color:#204154}
.alert > .box {box-shadow:0 0 5px rgba(61,124,161,.5);-moz-box-shadow:0 0 5px rgba(61,124,161,.5);-webkit-box-shadow:0 0 5px rgba(61,124,161,.5)}
.alert h3 {color:#fff}
.pre-ie9 .alert {border:1px solid #204154}
.box .header, .datatable th, .wiki-nav, .infobox th, .msgHeaderFrame {background:#1f262f url(/rift/i/header.jpg) repeat-x;border-bottom:1px solid #204154}
.box .header {line-height:18px}
.story .Title .Byline {border-color:#204154;color:#74a9bf}
.story .Subhead {border-color:#204154}
.IMIcont {border:1px solid #204154}
/* .tablist a {background:#191f26 url(/rift/i/header-dark.png) 0 -1px repeat-x;border-bottom:0;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;padding:5px 10px !important}
.tablist .current a {background:#1f262f url(/rift/i/header.jpg) 0 -1px repeat-x} */
.tablist {overflow:hidden}
.tablist li {height:27px;padding-right:11px}
.tablist a {background:url(/rift/i/tabs.png) 0 -125px;border:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;padding:6px 0 102px 11px !important;*padding-bottom:5px !important;position:relative}
.tablist b {background:url(/rift/i/tabs.png) right -125px;display:block;height:125px;*height:27px;position:absolute;right:-11px;top:0;width:11px}
.tablist .current a {background-position:0 0}
.tablist .current b {background-position:right 0}

.lr, .s2-lr, #twitter-feed li {background:url(/i/white-03.png)}
.dr {background:url(/i/black-15.png)}
.s2-dr {background:none}
#twitter-feed li:nth-child(even) {background:none}
.link-list .s2-lr, .link-list .s2-dr, .list .s2-lr, .list .s2-dr {border-color:#204154 !important}
.pop-meter {background-image:url(/rift/i/pop-meter.png)}

.datatable caption {background:#061118 url(/rift/i/fade-top-small.png) repeat-x;border-color:#204154}
.wiki .datatable caption {background:#09161e url(/rift/i/fade-top-small.png) repeat-x}
.datatable tbody > tr:first-child > td {background:url(/rift/i/fade-top-small.png) repeat-x}
.datatable th {border-left:1px solid #0f222d !important;line-height:24px}
.datatable th:first-child {border-left:1px solid #204154 !important}
.datatable td {border-color:#132936;border-left:1px solid #132936 !important}
.datatable td:first-child {border-left:1px solid #204154 !important}
.datatable .lr, .datatable .dr {background:none;border-bottom:1px solid #132936}
.datatable .lr > td:first-child, .datatable .dr > td:first-child, .datatable td.lr:first-child, .datatable td.dr:first-child {border-left:1px solid #204154}
.datatable .lr > td:last-child, .datatable .dr > td:last-child, .datatable td.lr:last-child, .datatable td.dr:last-child {border-right:1px solid #204154}
.datatable tr.lr:last-child, .datatable tr.dr:last-child, .datatable tr:last-child .lr, .datatable tr:last-child .dr {border-bottom:1px solid #204154}
.datatable tr:hover {background:url(/i/white-03.png) !important}
.datatable.no-hover tr:hover, .datatable tr.no-hover:hover {background:none !important}
.datatable tbody > tr:first-child:hover > td {*background:url(/i/white-03.png) !important}
.mdeleted {background:url(/i/black-35.png)}
.datatable .mdeleted:hover {background:#000}
.datatable small {font-size:11px}

#livetable .lr td {background:#09161e url(/i/white-03.png);border-left:0 !important}
#livetable .dr td {background:#09161e;border-left:0 !important}
#livetable .firstrow {border-bottom:0}

#featured-news {background:#204154}
#featured-news .tablist {background:url(/rift/i/featured-selector.png)}
#featured-news .tablist li {height:auto;padding:0}
#featured-news .tablist a img {border-color:#000 !important}
#featured-news .tablist .current a img {border-color:#15678a !important;box-shadow:0px 0px 5px #000;-moz-box-shadow:0px 0px 5px #000;-webkit-box-shadow:0px 0px 5px #000}
#featured-news .tablist .current span {background:none}
#featured-news .story a {border-color:#204154}
#featured-news .story a var {color:#00aeef}
#featured-news .story a:hover var {color:#66cef5}

td.rift-progressbars {padding:10px;text-align:left}
.rift-progressbars div, .rift-progressbars var, .rift-progressbars b, .rift-progressbars i {height:20px;line-height:20px}
.rift-progressbars div.world, .rift-progressbars .world var, .rift-progressbars .world b, .rift-progressbars .world i {height:15px;line-height:15px}
.rift-progressbars div {font-size:13px;margin:0;position:relative;text-shadow:0 1px 0 rgba(255,255,255,.35);width:280px}
.rift-progressbars div.world {font-size:11px}
.rift-progressbars var {display:block}
.rift-progressbars b, .rift-progressbars i {font-weight:normal;position:absolute;right:4px;top:0}
.rift-progressbars i {background:url(/rift/i/bars.png) 0 -70px no-repeat;font-weight:bold;font-style:normal;left:0}
.rift-progressbars .world i {font-weight:normal}
.rift-progressbars i span {background:url(/rift/i/bars.png) 0 -105px;padding:0 0 0 20px}
.rift-progressbars .world i span {background:url(/rift/i/bars.png) 1px -127px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .rift-progressbars i span {background-position:0 -104px}
  .rift-progressbars .world i span {background-position:1px -126px}
}

.poll-results var, .rift-progressbars var {background:#5b5b5b url(/rift/i/bars.png)}
.poll-results div, .rift-progressbars div {background:#000 url(/rift/i/bars.png) 0 -20px;border-bottom:1px solid #13191e;border-right:1px solid #13191e;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.35)}
.rift-progressbars .world var {background-color:#446b44;background-position:0 -40px}
.rift-progressbars div.world {background-position:0 -55px}

.blocklink, .imaged-list a span, .video-list .video-link b, #mini-features a, #twitter-feed li, .link-list .cont a, #rss-feed .cont a, #countdown-clock span, #countdown-clock a:hover span, #game-column .game-news li, #narrow-featured-news li {border-color:#204154 !important}

.forumList caption a {color:#fff}
.msgQuote {background:#061118;border-color:#204154}
.msgQuote .source {background:#1f262f;color:#fff}

.spoiler, .spoiler * {color:#ccc !important;background:#ccc !important}
.spoiler:hover, .spoiler:hover * {color:inherit !important;background:none !important}

.databox, .db-infobox {padding:0 10px}
table.databox, table.db-infobox {border-spacing:7px;padding:0}
table.databox th, .db-infobox th {padding:0;text-align:right;vertical-align:top}
table.databox td, .db-infobox td {padding:0;vertical-align:top}
.db-infobox {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;float:right;line-height:1.5em;max-width:230px;margin:0 0 10px;min-width:200px}
.db-infobox .header {color:#fff;font-weight:bold;margin:10px 0;padding:0}
.db-infobox ul {margin:10px 0;padding:0 0 0 15px}
.db-infobox ol {margin:10px 0;padding:0 0 0 20px}
.db-infobox div.c {margin:10px 0}
.db-infobox .col {border-spacing:4px;margin:0 20px 0 0;float:left}

table.db-infobox {border-collapse:collapse;max-width:230px}
table.db-infobox td {padding:4px 8px;text-align:right}
table.db-infobox td.c {text-align:center}
table.db-infobox th {padding:4px 8px;text-align:left}

.db-editbutton .wiki-edit-wrapper {margin-right:9px;margin-top:9px}

.db-wiki {margin:10px 0}

.db-header {border-bottom:1px solid #204154;margin-bottom:5px;padding-bottom:3px;text-decoration:none}

.db-rewardtext {color:#74a9bf;float:left;line-height:38px}

.datatable .c-table, .datatable .c-table tr, .datatable .c-table tr:hover, .datatable .c-table td {background:0 !important;border:0 !important;margin:0 auto;padding:0 !important}

.listfilters {margin:25px 0}
.listfilters td {padding-right:20px}
.listfilters input {width:50px}
.listfilters .stdwidth {width:150px}
.listfilters select.stdwidth {width:156px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .listfilters select.stdwidth {width:154px}
}

.riftfaction {background:url(/rift/i/factions.png);float:left;height:32px;width:32px}
.riftfaction.defiant {background-position:center}
.riftfaction.guardian {background-position:bottom}
.datatable .riftfaction {float:none;margin:0 auto}

.riftfaction-small {background:url(/rift/i/factions-16x.png) no-repeat;padding:0 0 0 19px}
.riftfaction-small.defiant {background-position:left}
.riftfaction-small.guardian {background-position:bottom left}

.riftcalling-small {background:url(/rift/i/callings-16x.png) no-repeat;padding:0 0 0 19px}
.riftcalling-small.rogue {background-position:0 -16px}
.riftcalling-small.mage {background-position:0 -32px}
.riftcalling-small.cleric {background-position:0 -48px}

.riftsoul-small {padding:0 0 0 19px;position:relative}
.riftsoul-small img {height:16px;left:0;position:absolute;top:0;width:16px}
.riftsoul-small span {background:url(/rift/i/icon-small-corners-light.png);height:16px;left:0;position:absolute;top:0;width:16px}
.bcont .riftsoul-small span, .db-infobox .riftsoul-small span {background:url(/rift/i/icon-small-corners.png)}

.rift-currency {padding:0 19px 0 0;position:relative}
.rift-currency img {height:16px;position:absolute;right:0;top:0;width:16px}
.rift-currency span {background:url(/rift/i/icon-small-corners-light.png);height:16px;position:absolute;right:0;top:0;width:16px}
.datatable .rift-currency span, .bcont .rift-currency span, .db-infobox .rift-currency span {background:url(/rift/i/icon-small-corners.png)}

.rift-firsts {background:url(/rift/i/leaderboard-icons.gif) top right no-repeat;padding:0 20px 0 0;position:relative}
.rift-firsts span {color:#061118;position:absolute;right:-1em}
.rift-firsts.shard {background-position:right -18px}
.rift-firsts.achievement {background-position:right -36px;padding:0 19px 0 0}
.rift-firsts.npc {background-position:right -54px;padding:0 21px 0 0}
.rift-firsts.item {background-position:right -72px;padding:0 21px 0 0}
.rift-firsts.quest {background-position:right -91px}
.rift-firsts.recipe {background-position:right -109px}
.rift-firsts.collection {background-position:right -127px;padding:0 21px 0 0}

.rift-guildlinks {display:inline;position:relative}
.rift-guildlinks span {display:none;font-size:11px;left:-4px;margin:0;padding:2px 4px;position:absolute;text-align:left;white-space:nowrap;z-index:1}
.rift-guildlinks span a {display:block}
.rift-guildlinks.show > a {color:#fff;cursor:default;text-decoration:none !important}
.rift-guildlinks.show span {display:block}

.icon-link {line-height:38px}
.icon-link.block {display:block;height:38px;padding:0 0 0 43px;position:relative}
.icon-link-sml {font-size:12px;line-height:18px}
a.icon-link *, a.icon-link-sml * {cursor:pointer}
a.icon-link:hover {text-decoration:none !important}

.rifticon {cursor:default;display:inline-block;height:38px;margin:0 4px 0 0;overflow:hidden;position:relative;text-decoration:none !important;vertical-align:middle;width:39px}
.rifticon-sml {height:19px;margin:0 2px 0 0;vertical-align:top;width:20px}
a .rifticon {cursor:pointer}
.icon-link.block .rifticon {left:0;position:absolute;top:0}
.rifticon b {background:url(/rift/i/icon-borders-32.png) no-repeat;display:block;height:38px;left:0;position:absolute;top:0;width:43px;z-index:1}
.rifticon-sml b {background-image:url(/rift/i/icon-borders-16.png);height:19px;width:20px}
a:hover .rifticon b {background-position:bottom left}
/* #st-abilities .rifticon {display:block;float:none;margin:0 auto !important}
   #st-abilities .rifticon b {width:39px} */

.rifticon img {height:32px;left:3px;position:absolute;top:3px;width:32px}
a:active .rifticon img {height:30px;left:4px;top:4px;width:30px}
.rifticon-sml img {height:16px;left:2px;top:2px;width:16px}
a:active .rifticon-sml img {height:14px;left:3px;top:3px;width:14px}

a:hover .rifticon, a:hover .rifticon * {text-decoration:none !important}
.icon-count {bottom:0;color:#000;font:bold 13px Arial,Helvetica,sans-serif;position:absolute;right:0}
.icon-count, .icon-count span {text-decoration:none !important}
.icon-count span {left:2px;position:absolute;top:0}
.icon-count span span {left:0;top:2px}
.icon-count span span span {left:-2px;top:0}
.icon-count span span span span {color:#fff;left:1px;top:-1px}
.rifticon-sml .icon-count {font:bold 10px Verdana,Arial,Helvetica,sans-serif;margin:2px 3px !important}
.rifticon .icon-count {margin:2px 4px}

.icon-text {color:#000;font:bold 8px Verdana,Arial,Helvetica,sans-serif;left:0;position:absolute;right:0;top:-1px;width:32px}
.icon-text span {position:relative}
.icon-text, .icon-text span {text-decoration:none !important}
.icon-text span span {left:2px;position:absolute;top:0}
.icon-text span span span {left:0;top:2px}
.icon-text span span span span {left:-2px;top:0}
.icon-text span span span span span {color:#f0d080;left:1px;top:-1px}
.rifticon-sml .icon-text {display:none}

.icon-link.has-desc {line-height:normal;text-decoration:none !important}
.icon-link.has-desc .text {position:relative;top:3px}
.icon-link.has-desc .desc {color:#d3d3d3;font-size:11px;opacity:1;filter:alpha(opacity=100);position:relative;text-decoration:none !important;top:3px}
.icon-link.has-desc.zam-icon {float:left}

#soultree {overflow:hidden;position:relative}
#soultree.initial .tabwrapper > div > * {display:none}
#soultree.initial #st-status {display:block}
#soultree.initial #st-status h1 span {display:none}
#soultree.initial #st-status div {display:none}
#soultree.initial #st-status #calling {display:block}
#soultree.initial #st-intro {display:block;font-size:20px;left:335px;position:absolute;right:335px;text-align:center;top:210px}
#soultree.initial #st-intro a {float:left;height:64px;line-height:64px;margin:10px 0 0 22px;padding:0 0 0 79px;position:relative;text-align:left;width:66px}
#soultree.initial #st-intro a:hover {color:#abe4fa;text-decoration:none}
#soultree.initial #st-intro a span {background:url(/rift/i/st/frame.png?1) 0 -1024px;height:64px;left:0;line-height:64px;position:absolute;top:0;width:64px}
#soultree.initial #st-intro a#warrior {margin-top:30px}
#soultree.initial #st-intro a#rogue span {background-position:-64px -1024px}
#soultree.initial #st-intro a#mage span {background-position:-128px -1024px}
#soultree.initial #st-intro a#cleric span {background-position:-192px -1024px}
#soultree.initial #st-intro-links {display:block;left:521px;position:absolute;top:286px}
#soultree.initial #st-intro-links a {clear:both;float:left;margin:0 0 52px !important}
#soultree.initial #st-wrapper {display:block}
#soultree.initial .st-frame > * {visibility:hidden}

#st-status {background:url(/rift/i/st/status.png);height:123px;position:absolute;width:950px;*z-index:2}
#st-status h1 {color:#000;font-size:15px;font-weight:bold;left:0;margin:0;position:absolute;right:0;text-align:center;text-shadow:0 0 5px #fff;top:21px;width:950px}
#st-status span {position:relative}
#st-status h1 a {background:url(/rift/i/st/status.png) 0 -123px;display:block;font-size:0;margin:0 0 0 2px;padding:12px 12px;position:absolute;right:-22px;top:-4px}
#st-status h1 a:hover {background-position:-32px -123px}
#st-status h1 a:hover:active {background-position:-64px -123px}
#st-status #callings {margin:-15px 0 0 134px;text-align:left}
#st-status #callings > a {background:url(/rift/i/st/status.png) -1068px 0;color:#fff;font-size:13px;height:32px;line-height:32px;padding:0 0 0 11px;position:absolute;right:0;*text-align:left !important;top:-7px;width:117px}
#st-status #callings > a:hover {background-position:-1068px -32px;text-decoration:none;text-shadow:0 0 2px #fff}
#st-status #callings > a:hover:active {background-position:-1068px -64px}
#st-status #callings span {background:url(/rift/i/st/status.png) -950px 0;display:none;height:100px;left:-123px;*left:-119px;padding:4px 0 0;position:absolute;*text-align:left !important;top:21px;width:118px;z-index:1}
#st-status #callings span a {color:#fff;display:block;line-height:22px;padding:0 0 0 15px}
#st-status #callings.show span {display:block}
#st-status>div {font-size:16px;height:56px;line-height:56px;position:absolute;left:40px;text-align:center;text-shadow:0 2px 2px #000;top:49px;width:245px}
#st-status #points {font-size:15px;line-height:18px;height:54px;padding:1px 0}
#st-status #calling {left:300px;right:300px;width:auto}
#st-status #link {line-height:22px;height:44px;padding:6px 0;left:auto;right:40px}

#st-links {position:static !important}
#st-links .st-links-tab {background:#1f262f url(/rift/i/header.jpg) 0 -1px repeat-x;border:1px solid #204154;border-bottom:0;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;bottom:-5px;bottom:-6px\9;display:none;left:-11px;position:absolute;right:-11px;top:-5px;top:-20px\9;*top:-5px}
#st-links > div {box-shadow:0 5px 5px rgba(0,0,0,.75);-moz-box-shadow:0 5px 5px rgba(0,0,0,.75);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.75);display:none;height:auto;left:auto;line-height:normal;margin:0;padding:10px;right:-5px;top:51px;width:234px;z-index:2;position:absolute}
#st-links > div table {border-collapse:collapse;font-size:13px;margin:0 0 8px;text-align:left}
#st-links > div td {padding:10px 0 0 10px}
#st-links > div tr:first-child td {padding-top:0}
#st-links > div td:first-child {padding-left:0}
#st-links > div input {width:105px}
#st-links .st-links-close {background:url(/rift/i/st/sprite.png?1) -320px 0;height:36px;position:absolute;right:-18px;top:-18px;width:36px}
#st-links .st-links-close:hover {background-position:-320px -64px}
#st-links .st-links-close:hover:active {background-position:-320px -128px}
#st-links.show > span a {color:#fff;cursor:default;text-decoration:none !important;text-shadow:none}
#st-links.show .st-links-tab, #st-links.show>div {display:block;text-shadow:none}

#st-intro, #st-intro-links {display:none}
#st-wrapper {height:1024px;margin:0 !important;padding:0 0 2px;*zoom:100%}
#st-topbuilds-link {position:absolute;right:14px;top:133px}
.st-frame {background:url(/rift/i/st/frame.png?1);float:left;height:1010px;margin:3px 1px 0;padding:5px 7px 9px}
.st {background-color:#000;background-position:center;background-repeat:no-repeat;min-height:805px;min-height:860px;min-height:1010px;position:relative;width:300px;*z-index:1}
.st .inner {background:url(/rift/i/st/fade.png);overflow:hidden}
.st .inner-2 {background:url(/rift/i/st/fade.png) right bottom}
.st .reset {background:url(/rift/i/st/frame.png?1) -256px -1024px;height:17px;opacity:.5;position:absolute;right:5px;top:5px;width:17px;z-index:1}
.st .reset:hover {opacity:1}
.st .branches {cursor:default;margin:0 0 0 -7px;padding:14px 0 0;position:relative;*zoom:100%}
.st .branches div {height:59px;float:left;margin:0 0 13px 21px;position:relative;width:52px}
.st .branches div div {float:none;margin:0}
.st .branches .req {background:url(/rift/i/st/sprite.png?1) -640px 0 no-repeat;bottom:59px;height:14px;left:14px;position:absolute;width:24px}
.st .branches .req div {background:url(/rift/i/st/sprite.png?1) -640px -16px no-repeat;bottom:0;height:auto;left:0;position:absolute;right:0;top:160px;width:auto}
.st .branches .req.available {background:url(/rift/i/st/sprite.png?1) -672px 0 no-repeat}
.st .branches .req.available div {background:url(/rift/i/st/sprite.png?1) -672px -16px no-repeat}
.st .branches .req.active {background:url(/rift/i/st/sprite.png?1) -704px 0 no-repeat}
.st .branches .req.active div {background:url(/rift/i/st/sprite.png?1) -704px -16px no-repeat}
.st .branches .req.dist-2 {height:86px}
.st .branches .req.dist-3 {height:158px}
.st .branches .req.dist-4 {height:230px}
.st .branches .req.dist-5 {height:302px}
.st .branches .req-l, .st .branches .req-r {background:url(/rift/i/st/sprite.png?1) -736px -96px no-repeat;bottom:20px;height:24px;position:absolute;right:52px;width:21px}
.st .branches .req-l.available {background:url(/rift/i/st/sprite.png?1) -736px -128px no-repeat}
.st .branches .req-l.active {background:url(/rift/i/st/sprite.png?1) -736px -160px no-repeat}
.st .branches .req-r {background:url(/rift/i/st/sprite.png?1) right 0 no-repeat;left:52px;right:auto}
.st .branches .req-r.available {background:url(/rift/i/st/sprite.png?1) right -32px no-repeat}
.st .branches .req-r.active {background:url(/rift/i/st/sprite.png?1) right -64px no-repeat}
.st .branches .req-l.dist-2, .st .branches .req-r.dist-2 {width:94px}
.st .branches .req-l.dist-3, .st .branches .req-r.dist-3 {width:167px}

.st .branches .req-angle-l, .st .branches .req-angle-r {background:url(/rift/i/st/sprite.png?1) -752px -96px no-repeat;bottom:20px;height:24px;position:absolute;right:52px;width:35px}
.st .branches .req-angle-l.available {background:url(/rift/i/st/sprite.png?1) -752px -128px no-repeat}
.st .branches .req-angle-l.active {background:url(/rift/i/st/sprite.png?1) -752px -160px no-repeat}
.st .branches .req-angle-r {background:url(/rift/i/st/sprite.png?1) -736px 0 no-repeat;left:52px;right:auto}
.st .branches .req-angle-r.available {background:url(/rift/i/st/sprite.png?1) -736px -32px no-repeat}
.st .branches .req-angle-r.active {background:url(/rift/i/st/sprite.png?1) -736px -64px no-repeat}

.st .branches .req-angle-l.dist-2, .st .branches .req-angle-r.dist-2, .st .branches .req-angle-l.dist-3, .st .branches .req-angle-r.dist-3 {width:108px}
.st .branches .req-angle-l.dist-3 div, .st .branches .req-angle-r.dist-3 div {background:url(/rift/i/st/sprite.png?1) -752px -96px no-repeat;bottom:auto;height:24px;left:auto;position:absolute;right:-73px;top:0;width:73px}
.st .branches .req-angle-l.available.dist-3 div, .st .branches .req-angle-r.available.dist-3 div {background:url(/rift/i/st/sprite.png?1) -752px -128px no-repeat}
.st .branches .req-angle-l.active.dist-3 div, .st .branches .req-angle-r.active.dist-3 div {background:url(/rift/i/st/sprite.png?1) -752px -160px no-repeat}
.st .branches .req-angle-l.dist-3 div {left:-73px;right:auto}

#st-wrapper .st .branches .req-angle-l .req-angle {background:url(/rift/i/st/sprite.png?1) -640px -224px no-repeat;bottom:0;height:18px;left:-24px;position:absolute;right:auto;top:0;width:24px}
#st-wrapper .st .branches .req-angle-l.available .req-angle {background:url(/rift/i/st/sprite.png?1) -672px -224px no-repeat}
#st-wrapper .st .branches .req-angle-l.active .req-angle {background:url(/rift/i/st/sprite.png?1) -704px -224px no-repeat}
#st-wrapper .st .branches .req-angle-l.dist-3 .req-angle {left:-97px}

#st-wrapper .st .branches .req-angle-r .req-angle {background:url(/rift/i/st/sprite.png?1) -640px -192px no-repeat;bottom:0;height:18px;left:auto;position:absolute;right:-24px;top:0;width:24px}
#st-wrapper .st .branches .req-angle-r.available .req-angle {background:url(/rift/i/st/sprite.png?1) -672px -192px no-repeat}
#st-wrapper .st .branches .req-angle-r.active .req-angle {background:url(/rift/i/st/sprite.png?1) -704px -192px no-repeat}
#st-wrapper .st .branches .req-angle-r.dist-3 .req-angle {right:-97px}

#st-wrapper .st .branches .req-angle-l div.req-angle-u, .st .branches .req-angle-r div.req-angle-u {background:url(/rift/i/st/sprite.png?1) -640px 0 no-repeat;bottom:auto;height:29px;left:0;position:absolute;top:-29px;width:24px}
#st-wrapper .st .branches .req-angle-l.available div.req-angle-u, .st .branches .req-angle-r.available div.req-angle-u {background:url(/rift/i/st/sprite.png?1) -672px 0 no-repeat}
#st-wrapper .st .branches .req-angle-l.active div.req-angle-u, .st .branches .req-angle-r.active div.req-angle-u {background:url(/rift/i/st/sprite.png?1) -704px 0 no-repeat}
#st-wrapper .st .branches .req-angle-l div.req-angle-u.dist-vert-2, .st .branches .req-angle-r div.req-angle-u.dist-vert-2 {height:101px;top:-101px}
#st-wrapper .st .branches .req-angle-l div.req-angle-u.dist-vert-3, .st .branches .req-angle-r div.req-angle-u.dist-vert-3 {height:173px;top:-173px}
#st-wrapper .st .branches .req-angle-l div.req-angle-u.dist-vert-4, .st .branches .req-angle-r div.req-angle-u.dist-vert-4 {height:173px;top:-245px}
#st-wrapper .st .branches .req-angle-l div.req-angle-u.dist-vert-4 div, .st .branches .req-angle-r div.req-angle-u.dist-vert-4 div {background:url(/rift/i/st/sprite.png?1) -640px -16px no-repeat;bottom:-72px;display:block;height:72px;left:0;position:absolute;top:auto;width:24px}
#st-wrapper .st .branches .req-angle-l div.req-angle-u.dist-vert-5, .st .branches .req-angle-r div.req-angle-u.dist-vert-5 {height:173px;top:-317px}
#st-wrapper .st .branches .req-angle-l div.req-angle-u.dist-vert-5 div, .st .branches .req-angle-r div.req-angle-u.dist-vert-5 div {background:url(/rift/i/st/sprite.png?1) -640px -16px no-repeat;bottom:-144px;display:block;height:144px;left:0;position:absolute;top:auto;width:24px}
#st-wrapper .st .branches .req-angle-l.available div.req-angle-u.dist-vert-4 div, .st .branches .req-angle-r.available div.req-angle-u.dist-vert-4 div, #st-wrapper .st .branches .req-angle-l.available div.req-angle-u.dist-vert-5 div, .st .branches .req-angle-r.available div.req-angle-u.dist-vert-5 div {background:url(/rift/i/st/sprite.png?1) -672px -16px no-repeat}
#st-wrapper .st .branches .req-angle-l.active div.req-angle-u.dist-vert-4 div, .st .branches .req-angle-r.active div.req-angle-u.dist-vert-4 div, #st-wrapper .st .branches .req-angle-l.active div.req-angle-u.dist-vert-5 div, .st .branches .req-angle-r.active div.req-angle-u.dist-vert-5 div {background:url(/rift/i/st/sprite.png?1) -704px -16px no-repeat}

#st-wrapper .st .branches .req-angle-l div.req-angle-u div, .st .branches .req-angle-r div.req-angle-u div {display:none} /* vertical extension */

.st .branches img, .st .branches var {height:38px;left:7px;position:absolute;top:7px;width:38px}
.st .branches em {height:49px;left:0;position:absolute;top:0;width:52px;z-index:1}
.st .branches b, .st .branches a {background:url(/rift/i/st/sprite.png?1) -64px -64px;display:block;height:59px;position:absolute;width:52px}
.st .branches .available b {background-position:-128px -64px}
.st .branches .active b {background-position:-192px -64px}
.st .branches a {background:none;height:49px;z-index:1}
.st .branches .available.hover a, .st .branches .active.hover a {background:url(/rift/i/st/sprite.png?1) -256px 0}
.st .branches .available.hover:active a, .st .branches .active.hover:active a {background:url(/rift/i/st/sprite.png?1) -256px -64px}
.st .branches .available.hover:active img, .st .branches .active.hover:active img {height:34px;left:9px;top:9px;width:34px}
.st .branches i {bottom:0;color:#cf1313;font:bold 12px Arial,Helvetica,sans-serif;left:0;position:absolute;right:0;text-align:center;text-shadow:0 0 2px #000}
.st .branches .available i, .st .branches .active i {color:#000;text-shadow:none}
.st .trunk {display:block;height:684px;left:141px;overflow:hidden;position:absolute;top:0;width:32px}
.st .trunk b, .st .trunk i {background:url(/rift/i/st/sprite.png?1);display:block;height:500px;position:static;width:32px}
.st .trunk b {background-position:-32px 0;height:160px}
.st .trunk b {margin-top:592px}
.st .trunk.access-t2 b {margin-top:520px}
.st .trunk.access-t3 b {margin-top:448px}
.st .trunk.access-t4 b {margin-top:376px}
.st .trunk.access-t5 b {margin-top:304px}
.st .trunk.access-t6 b {margin-top:232px}
.st .trunk.access-t7 b {margin-top:160px}
.st .trunk.access-t8 b {margin-top:88px}
.st .trunk.access-t9 b {margin-top:16px}
.st .clear {float:none !important;height:0 !important;margin:0 !important}
.st .info {background:url(/rift/i/st/sprite.png?1) -64px -220px;height:64px;margin:12px 0 0;position:relative;width:300px}
.st .info .souls {background:url(/rift/i/st/sprite.png?1) -384px 0;display:none;height:351px;padding:35px 12px 13px 7px;position:absolute;right:-250px;*right:27px !important;top:-170px;*top:-420px;width:227px;z-index:2}
.st-frame:last-child {margin-right:0 !important}
.st-frame:last-child .st .info .souls {left:-250px !important;*left:auto !important;right:auto !important;*right:27px !important}
.souls.last-child {left:-250px !important;*left:auto !important;right:auto !important;*right:27px !important}
.st .info .souls .x {background:url(/rift/i/st/sprite.png?1) -320px 0;height:36px;position:absolute;right:-7px;top:-5px;width:36px}
.st .info .souls .x:hover {background-position:-320px -64px}
.st .info .souls .x:hover:active {background-position:-320px -128px}
.st .info .souls .cont {height:351px;overflow:auto}
.st .info .souls .cont a {background:url(/rift/i/st/sprite.png?1) -64px -306px;color:#fff;display:block;font-weight:bold;height:30px;line-height:30px;padding:0 0 0 34px;position:relative;text-shadow:0 2px 1px #000}
.st .info .souls .cont a:hover {background-position:-64px -336px;text-decoration:none}
.st .info .souls .cont span {background:url(/rift/i/st/sprite.png?1) -256px -128px;display:block;height:26px;left:4px;position:absolute;top:2px;width:26px}
.st .info .souls .cont a:hover span {background-position:-256px -160px}
.st .info .souls .cont img {height:20px;left:7px;position:absolute;top:5px;width:20px}
.st .info .souls .cont var {height:34px;left:29px;position:absolute;top:-2px}
.st .info .level {color:#fbc863;font-size:22px;position:absolute;right:199px;top:20px}
.st .info .name {border-collapse:collapse;color:#fdfdfc;font-size:12px;font-weight:bold;height:32px;left:188px;line-height:16px;position:absolute;text-align:center;text-transform:uppercase;text-shadow:0 0 5px #ffd685;top:16px;width:110px}
.st .info .name td {height:32px;padding:0;vertical-align:middle}
.st .info .icon {left:117px;position:absolute;top:-16px;z-index:1}
.st .info .icon img, .st .info .icon var {height:48px;left:8px;position:absolute;top:21px;width:48px}
.st .info .icon b, .st .info .icon a {background:url(/rift/i/st/sprite.png?1) -64px -128px;display:block;height:77px;position:absolute;width:64px}
.st .info .icon a {background:none}
.st .info .icon:hover b {background-position:-128px -128px}
.st .info .icon:hover:active b {background-position:-192px -128px}
.st .roots {margin:9px 0 0 27px;position:relative}
.st .roots div {float:left;height:32px;left:101px;padding:6px;position:absolute;top:0;width:32px}
.st .roots img, .st .roots var {height:31px;position:absolute;width:31px;z-index:1}
.st .roots var {left:4px;top:5px}
.st .roots b {background:url(/rift/i/st/sprite.png?1) -160px 0;bottom:0;display:block;height:44px;left:0;position:absolute;right:0;top:0;z-index:1}
.st .roots .active b {background:url(/rift/i/st/sprite.png?1) -208px 0}
.st .roots a {color:#cf1313;display:block;height:38px;left:2px;line-height:42px;position:absolute;text-shadow:0 0 2px #000;text-align:center;text-decoration:none;top:1px;width:39px;z-index:1}
.st .roots em {font-style:normal;font-weight:bold}
.st .roots .active em {display:none}
.st .roots i {background:url(/rift/i/st/sprite.png?1) -96px 0;display:block;height:32px;position:absolute;right:-19px;*right:-11px;top:6px;width:32px}
.st .roots .active i {background:url(/rift/i/st/sprite.png?1) -128px 0}
.st .roots .vert i {background-position:-64px 0;right:6px;top:-20px;*top:-11px}
.st .roots .root-0.vert i {*top:-15px}
.st .roots .vert.active i {background-position:0 0}
.st .roots .left i {right:31px;*right:23px}
.st .roots .root-1 {left:51px}
.st .roots .root-2 {left:1px}
.st .roots .root-3 {left:1px;top:50px}
.st .roots .root-4 {left:51px;top:50px}
.st .roots .root-5 {left:101px;top:50px}
.st .roots .root-6 {left:151px;top:50px}
.st .roots .root-7 {left:201px;top:50px}
.st .roots .root-8 {left:201px;top:100px}
.st .roots .root-9 {left:151px;top:100px}
.st .roots .root-10 {left:101px;top:100px}
.st .roots .root-11 {left:51px;top:100px}
.st .roots .root-12 {left:1px;top:100px}
.st .roots .root-13 {left:1px;top:150px}
.st .roots .root-14 {left:51px;top:150px}
.st .roots .root-15 {left:101px;top:150px}
.st .roots .root-16 {left:151px;top:150px}
.st .roots .root-17 {left:201px;top:150px}
.st .roots .root-18 {left:201px;top:200px}
.st .roots .root-19 {left:151px;top:200px}
.st .roots .root-20 {left:101px;top:200px}
.st .roots .root-21 {left:51px;top:200px}
.st .roots .root-22 {left:1px;top:200px}
.st .roots .root-23 {left:1px;top:250px}
.st .roots .root-24 {left:51px;top:250px}
.st .roots .root-25 {left:101px;top:250px}
.st .roots .root-26 {left:151px;top:250px}
.st .roots .root-27 {left:201px;top:250px}
#st-abilities, #st-comments {margin:15px 0 0}
#soultree h2 {margin:0 0 5px 0}
#soultree .tabwrapper h2 {margin-left:1px}
#st-comments .msgCtrlBar {margin-top:0}

.map-icon {background:url(/rift/i/map-icons.png) 0 -56px;height:14px;position:absolute;width:14px}
.map-icon.calling-trainer {background-position:0 0}
.map-icon.skill-trainer {background-position:-14px 0}
.map-icon.merchant {background-position:-28px 0}
.map-icon.bank {background-position:-42px 0}
.map-icon.auction {background-position:-56px 0}
.map-icon.quest {background-position:-70px 0}
.map-icon.loot {background-position:0 -14px}
.map-icon.loot.trash {background-position:-14px -14px}
.map-icon.loot.common {background-position:-28px -14px}
.map-icon.loot.uncommon {background-position:0 -28px}
.map-icon.loot.rare {background-position:-14px -28px}
.map-icon.loot.epic {background-position:-28px -28px}
.map-icon.loot.relic {background-position:0 -42px}
.map-icon.loot.transcendent {background-position:-14px -42px}
.map-icon.loot.quest {background-position:0 -14px}
.map-icon.quest-start {background-position:-42px -14px}
.map-icon.quest-complete {background-position:-56px -14px}
.map-icon.rift {background-position:-70px -14px}
.map-icon.porticulum-master {background-position:-42px -28px}
.map-icon.mail {background-position:-56px -28px}
.map-icon.warfront-master {background-position:-70px -28px}
.map-icon.healer {background-position:-42px -42px}
.map-icon.gossip {background-position:-56px -42px}
.map-icon.collection {background-position:-70px -42px}
.map-icon.x {background-position:-14px -56px}
.map-icon.city {background-position:-28px -56px}
.map-icon.dungeon {background-position:-42px -56px}
.map-icon.flag {background-position:-56px -56px}
.map-icon.sun {background-position:-70px -56px}
.map-icon.node {background-position:0 -70px}
.map-icon.node.mining {background-position:-14px -70px}
.map-icon.node.wood {background-position:-28px -70px}
.map-icon.node.plants {background-position:-42px -70px}

/* NF */
#lightbox #lightbox-close, .forums .post-buttons a, .forums .f-read, .forums .f-unread, .forums .f-lastpost img, #forum table .f-thread, #forum table .f-newthread, #forum table .f-newreplies, #forum table .f-sticky, #forum table .f-lock, .post .head .f-rateup span, .post .head a.button, .post .head .actions a, #posts h1 small a, #messages h1 small a, .post a.post-link, .post .poster .user .name .online, .f-follow span, .f-quote span, .f-sticky span, .f-lock span, .f-move span, .f-report span, .compact .f-report span, .f-nuke span, .f-unnuke span, .f-bookmark span, .f-edit span, .f-reply span, .f-pm span, .f-delete span, .f-add span, .f-remove span, .f-ignore span, .pre-ie9 .forums .f-read, .pre-ie9 .forums .f-unread, .pre-ie9 .forums .f-lastpost img, .pre-ie9 #forum table .f-thread, .pre-ie9 #forum table .f-newthread, .pre-ie9 #forum table .f-newreplies, .pre-ie9 #forum table .f-sticky, .pre-ie9 #forum table .f-lock, .pre-ie9 .post .head .f-rateup span, .pre-ie9 .f-follow span, .pre-ie9 .f-quote span, .pre-ie9 .f-sticky span, .pre-ie9 .f-lock span, .pre-ie9 .f-move span, .pre-ie9 .f-report span, .pre-ie9 .compact .f-report span, .pre-ie9 .f-nuke span, .pre-ie9 .f-unnuke span, .pre-ie9 .f-bookmark span, .pre-ie9 .f-edit span, .pre-ie9 .f-reply span, .pre-ie9 .f-pm span, .pre-ie9 .f-delete span, .f-add span, .f-remove span, .f-ignore span, .f-message, #user #config #close, .f-gtalk, .f-aim, .f-msn, .f-icq, .f-skype, .f-fb, .f-tw, .forums #markup .help, .forums #markup .quote, .pm-inbox, .pm-sent, .pm-saved, .pm-drafts {background-image:url(/rift/i/forum-sprite.png?1)}

.f-search input.inactive {color:#999}

.forums .post-buttons a {background-color:#1a2c4d}
.forums .post-buttons a:hover {background-color:#1f345b}
.forums .post-buttons a span {color:#fff}
.forums .post-buttons a:hover span {color:#fff}
.forums .post-buttons a:active:hover {background-color:#0e2144}
.forums .post-buttons a.disabled-button {background:#061118 !important;border-color:#204154}
.forums .post-buttons a.disabled-button span {color:#ddd}
#posts h1 small a, #messages h1 small a {background-color:#1a2d4e;color:#fff !important;text-shadow:none}
#posts h1 small a:hover, #messages h1 small a:hover {background-color:#1f345b}
#posts h1 small a:active:hover, #messages h1 small a:active:hover {background-color:#0e2144}
.post .head a.button, .post .head .actions a, .post a.post-link {background-color:#224167;color:#fff !important}
.post .head a.button:hover, .post .head .actions a:hover, .post a.post-link:hover {background-color:#284c79}
.post .head a.button:active:hover, .post .head .actions a:active:hover, .post a.post-link:active:hover {background-color:#16365f}

#forums table, #forum table, #messages .f-table {background:#061118;border-color:#204154}
#forums th, #forum th, #messages .f-table th {background:#1f262f url(/rift/i/header.jpg) repeat-x;border-color:#204154;border-left:1px solid #0f222d;color:#fff}
#forums th:first-child, #forum th:first-child, #messages .f-table th:first-child, #forums th.forumcat {border-left:0}
#forums td, #forum td, #messages .f-table td {border-color:#132936;border-left:1px solid #132936}
#forums td:first-child, #forum td:first-child, #messages .f-table td:first-child, #forums td.forumname {border-left:0}
#forum tr, #messages .f-table tr {background:transparent}
#forum tr:hover, #messages .f-table tr:hover {background:url(/i/white-03.png)}
#forum .deleted {background:url(/i/black-35.png)}
#forum .icon {padding:4px 6px}

.post {background:#061118 url(/rift/i/post.gif) repeat-y;border-color:#204154}
.post .head, .post.post-filtered {background:#1f262f url(/rift/i/header.jpg) repeat-x;border-color:#204154}
.post .head .info {color:#aaa}
.post .head .info span span, .post .head .info .actions span, .post .head .subject {color:#fff}
.post .head .info .nukes > span {background:#1f262f url(/rift/i/header.jpg) repeat-x;border-color:#204154}
.post .head .info span .details, .post .poster {background:#1f262f url(/rift/i/header.jpg) 0 -28px repeat-x;border-color:#204154}
.post .body {background:url(/rift/i/fade-top-small.png) repeat-x}
.post .body .sig {color:#888}
.post .body .sig .bar {color:#777}

.post:target, .post:target ~ .post-necro {border-color:#2f5f7b;box-shadow:0 1px 5px rgba(255,255,255,0.3);-moz-box-shadow:0 1px 5px rgba(255,255,255,0.3);-webkit-box-shadow:0 1px 5px rgba(255,255,255,0.3)}

.post .quote {background:#061118;border-color:#204154}
.post .quote .source {background:#1f262f;color:#fff}

.post-necro {background:#1f262f url(/i/fade-black-top-28-20.png) repeat-x}
.post-necro b {color:#fff}

.forums #colors, #f-jump span {color:#00aeef}
.forums #colors:hover, .forums #smilies:hover a, #f-jump:hover span {color:#fff}

.pre-ie9 .spoiler-block > span {background:#464651}

.pre-ie9 .forums .post-buttons a, .pre-ie9 .post .head a.button, .pre-ie9 .post .head .actions a, .pre-ie9 #posts h1 small a, .pre-ie9 #messages h1 small a, .pre-ie9 .post a.post-link, .pre-ie9 .forums .post-buttons a b, .pre-ie9 .post .head a.button b, .pre-ie9 .post .head .actions a b, .pre-ie9 #posts h1 small a b, .pre-ie9 #messages h1 small a b, .pre-ie9 .post a.post-link b {background-image:url(/rift/i/forum-buttons.png)}

/* Wiki */
.wiki-nav .cur, .wiki-nav .tools:hover {background:#191f26 url(/rift/i/header-dark.png) repeat-x}
.wiki-nav .cur a, .wiki-nav .tools > a {color:#fff}
.wiki-nav .tools ul {right:-1px}
.wheader {border-bottom:1px solid #204154;padding-bottom:5px}
.wiki-cont .toc {float:right;margin:0 0 5px 5px;width:250px}
.infobox, .infobox th, .infobox td {border-color:#204154 !important;border-radius:0 !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important}
.wframe {border:1px solid #204154}
.gametag {border-collapse:separate !important;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;float:right;margin:.5em;padding:.1em}
.darkbg {background-color:#020608;border-color:#204154 !important}
.medbg {background-color:#040d12;border-color:#204154 !important}
.lightbg {background-color:#0b1b24;border-color:#204154 !important}
.opaque_bigthumb {border-color:#204154 !important}
.mainpagebox {border-collapse:separate !important;border-spacing:2px;margin:5px}
.mainpagebox th {background:#151515 url(/i/other-white-10.png) bottom repeat-x;border-bottom:1px solid #204154;font-weight:bold;padding:3px 6px}
.wiki-recessed {background:#000 url(/i/other-white-15.png) bottom repeat-x;border-color:#204154}

.wiki-edit {background:none !important;height:27px;border:0 !important;width:143px}
.wiki-edit a {background:url(/rift/i/wiki-edit-button.png);height:27px;padding:0;width:106px}
.wiki-edit a:hover {background-position:left}
.wiki-edit a:hover:active {background-position:left bottom}
.wiki-edit a span {display:none}
.wiki-edit .more {padding:0}
.wiki-edit .more a {background-position:top right;border:0;margin:0 0 0 1px;padding:0;width:36px}
.wiki-edit .more a:hover {background-position:right}
.wiki-edit .more a:hover:active {background-position:bottom right}
.wiki-edit .more > span:first-child {background:url(/rift/i/wiki-edit-button.png) -106px 0;height:27px;left:0;position:absolute;top:0;width:1px}
.wiki-edit .more a span {display:none}
.wiki-edit .more .bcont {border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;background:#06292d;border-color:#5a6453;box-shadow:inset 0 1px 3px #000;-moz-box-shadow:inset 0 1px 3px #000;-webkit-box-shadow:inset 0 1px 3px #000;right:19px;top:24px}
.wiki-edit .more .bcont a {background:none;color:#fff;height:auto;width:auto}

#st-updateabils {background:url(/rift/i/updateabilities-button.png);float:right;height:27px;margin:-10px 0 0;padding:0;width:143px}
#st-updateabils:hover {background-position:left}
#st-updateabils:hover, #st-updateabils:hover span {text-decoration:none}
#st-updateabils:hover:active {background-position:left bottom}
#st-updateabils span {display:none}

.text-button {background:#1f262f url(/rift/i/header.jpg) 0 -1px repeat-x;border-color:#204154;color:#fff}
.text-button.round {background:#1f262f url(/rift/i/header.jpg) 0 -1px repeat-x;color:#00aeef}
.text-button.round:hover {color:#66cef5}

/* Tooltips */
.rtt-gen td {color:#fbfbfb !important}
.rtt {color:#fbfbfb !important;font:13px Arial,Helvetica,sans-serif !important;max-width:256px;position:relative}
.rtt table {border-collapse:collapse;color:#fbfbfb;font:13px Arial,Helvetica,sans-serif;*table-layout:fixed}
.rtt td {overflow:hidden;padding:0}
.rtt th {background:url(/rift/i/tooltip.png) bottom left;font-size:1px;height:14px;padding:0;width:50%}
.rtt th.r {background-position:bottom right}
.rtt .rtt-cont {background:url(/rift/i/tooltip.png) 0 -8px;margin:0 15px 0 0;padding:10px 0 0 15px;position:relative}
.rtt .rtt-cont-cap {background:url(/rift/i/tooltip.png) right -8px;bottom:0;position:absolute;right:-15px;top:0;width:15px}
.rtt .rtt-name {color:#fc3;font-size:15px !important;width:228px;word-wrap:break-word}
.rtt .rtt-name.auto-width {width:auto}
.rtt .rtt-indent {margin-left:10px}
.rtt .rtt-r {float:right}
.rtt .rtt-div {background:url(/rift/i/tooltip.png);font-size:1px;height:8px;margin:2px -7px;width:242px}
.rtt .rtt-vendor {margin:3px 0 0;text-align:right}
.rtt-s, .rtt-g, .rtt-p, .rift-s, .rift-g, .rift-p {background:url(/rift/i/coins.png?1) top right no-repeat;padding:0 17px 0 0}
.rtt-g, .rift-g {background-position:right}
.rtt-p, .rift-p {background-position:bottom right}
.rtt .rtt-invalid {color:#f00;margin:5px 0 0}
.rtt-recipe {margin:0 -5px 20px 0}
.rtt-ingredients {line-height:18px}
.rtt-ingredients div {margin-left:10px}

/* Quality Colors */
.q0 a, .q1 a, .q2 a, .q3 a, .q4 a, .q5 a, .q6 a, .rift-q0 a, .rift-q1 a, .rift-q2 a, .rift-q3 a, .rift-q4 a, .rift-q5 a, .rift-q6 a, .rift-quest a, .riftitem-q0 a, .riftitem-q1 a, .riftitem-q2 a, .riftitem-q3 a, .riftitem-q4 a, .riftitem-q5 a, .riftitem-q6 a, .riftitem-q7 a  {text-decoration:underline !important}
.q0, .rift-q0, .rift-trash {color:#888 !important} /* Trash */
.q1, .rift-q1, .rift-common {color:#fbfbfb !important} /* Common */
.q2, .rift-q2, .rift-uncommon {color:#0c0 !important} /* Uncommon */
.q3, .rift-q3, .rift-rare {color:#267ffa !important} /* Rare */
.q4, .rift-q4, .rift-epic {color:#ad48fb !important} /* Epic */
.q5, .rift-q5 {color:#ff8000} /* Relic */
.q6, .rift-q6 {color:red} /* Transcendent */
.rift-quest, .rift-quest-item {color:#fbf200 !important} /* Quest */
.rift-flavortext {color:#fbc864} /* Flavor Text */

/* Difficulty Colors */
.rift-diff-0 {color:#888 !important}
.rift-diff-1 {color:#0c0 !important}
.rift-diff-2 {color:#ff0 !important}
.rift-diff-3 {color:#ff8040 !important}
.rift-diff-4 {color:#d22 !important}

/* React Colors */
.rift-react-h, .rift-neg {color:#d22 !important}
.rift-react-n {color:#ff0 !important}
.rift-react-f, .rift-pos {color:#0c0 !important}

/* Achievements */
.rach {color:#fbfbfb !important;font:13px Arial,Helvetica,sans-serif !important;position:relative;text-shadow:1px 1px 1px #000;width:412px}
.rach table {border-collapse:collapse;*table-layout:fixed;width:412px}
.rach td {padding:0}
.rach th {background:url(/rift/i/achievement.png?2) bottom left;font-size:1px;height:58px;padding:0;width:50%}
.rach th.r {background-position:bottom right}
.rach .rach-icon {position:absolute;left:1px;top:6px;z-index:1}
.rach .rach-icon img {background:#000;height:48px;left:14px;max-width:none !important;position:absolute;top:15px;width:48px}
.rach .rach-icon div {background:url(/rift/i/achievement.png?2);height:78px;left:0;position:absolute;top:0;width:77px}
.rach .rach-cont {background:url(/rift/i/achievement.png?2) 0 -142px;padding:17px 0 0 18px;position:relative}
.rach .rach-name {color:#d8cb99;font-size:18px;left:78px;margin:0 0 0 60px;text-transform:uppercase;width:285px;word-wrap:break-word;z-index:1}
.rach .rach-time {color:#d8cb99;position:absolute;right:56px;top:21px;z-index:1}
.rach .rach-desc {margin:-1px 0 14px 60px;padding:0 55px 0 0;z-index:1}
.rach .rach-points {background:url(/rift/i/achievement.png?2) -77px 0;color:#fb8b48;font-size:24px;height:69px;line-height:70px;padding:0 1px 0 0;position:absolute;right:-14px;text-align:center;top:6px;width:68px;z-index:1}
.rach ul {list-style:none;margin:30px 0 0 -2px;overflow:visible;padding:0;*zoom:100%}
.rach ul li {background:url(/rift/i/achievement.png?2) -146px 4px no-repeat;line-height:19px;margin:0;padding:0 0 0 20px;float:left;position:relative;top:0;width:172px;z-index:1}
.rach ul li.check {background-position:-358px 2px}
.rach ul .clear {clear:left;float:none;font-size:0;height:0}
.rach ul .rach-cont-cap {background:url(/rift/i/achievement.png?2) right -142px;bottom:0;position:absolute;right:0;top:0;width:15px;z-index:0;*z-index:-1}

/* Quests */
.rquest {color:#fbfbfb !important;font:13px Arial,Helvetica,sans-serif !important;position:relative;width:320px}
.rquest table {border-collapse:collapse;color:#fbfbfb;font:13px Arial,Helvetica,sans-serif;*table-layout:fixed;width:320px}
.rquest td {padding:0}
.rquest th {background:url(/rift/i/quest.png) bottom left;font-size:1px;height:29px;padding:0;width:50%}
.rquest th.r {background-position:bottom right}
.rquest .rquest-cont-wrap {position:relative}
.rquest .rquest-cont {line-height:20px !important;margin:0 0 -14px 0;overflow:hidden;padding:14px 32px 0;position:relative}
.rquest .rquest-bg {background:url(/rift/i/quest.png) 0 -234px;bottom:14px;left:0;position:absolute;right:0;top:0}
.rquest .rquest-name {color:#f8f3c8;font-size:17px !important;line-height:normal !important;width:256px;word-wrap:break-word}
.rquest .rquest-name div {background:url(/rift/i/quest.png) no-repeat;height:29px;margin:-17px 0 0 -15px;*position:relative;*z-index:-1}
.rquest .rquest-header, .rquest .rquest-subhead {color:#f8f3c8;line-height:normal !important;text-transform:uppercase}
.rquest .rquest-subhead {font-size:11px !important;line-height:20px !important}
.rquest .rquest-indent {margin-left:10px}
.rquest .rquest-header div {background:url(/rift/i/quest.png) 0 -29px no-repeat;height:5px;margin:0 0 0 -8px}
.rquest .rquest-topmargin {margin-top:15px}
.rquest .rquest-objectives {line-height:normal !important;list-style:none;margin:2px 0 10px;padding:0}
.rquest .rquest-objectives li {background:url(/rift/i/quest.png) 2px -37px no-repeat;background-position:2px -38px\9;padding:0 0 0 18px}
.rquest .rquest-objectives li.check {background-position:0 -140px;background-position:0 -142px\9}
.pre-ie9 .rquest .rquest-objectives li {background-position:2px -37px;*background-position:2px -35px}
.pre-ie9 .rquest .rquest-objectives li.check {background-position:0 -140px;*background-position:0 -138px}
.rquest .rquest-rewards {line-height:normal !important;margin:2px 0 10px}
.rquest .rquest-rewards:last-child {margin-bottom:0}
.rquest .rquest-reward {float:left;height:auto;margin:0 0 4px;overflow:hidden;position:relative;width:128px}
.rquest .rquest-reward .text {float:left;height:auto;left:39px;line-height:normal;min-height:38px;padding:0;position:static;word-wrap:break-word;width:85px}
.rquest .rquest-reward .zam-icon, .rquest .rquest-rewards .zam-icon {float:left}
.rquest .rquest-xp span {color:#199ba5}
.rquest .rquest-r {float:right}
.rquest .rquest-div {background:url(/rift/i/quest.png);font-size:1px;height:8px;margin:2px -7px;width:242px}
.rquest .rquest-vendor {text-align:right}
.rquest .rquest-invalid {color:#f00;margin:5px 0 0}

.rcol {color:#fbfbfb !important;font:13px Arial,Helvetica,sans-serif !important;position:relative;width:290px}
.rcol table {border-collapse:collapse;color:#fbfbfb;font:13px Arial,Helvetica,sans-serif;*table-layout:fixed}
.rcol td {overflow:hidden;padding:0}
.rcol th {background:url(/rift/i/collection.png) bottom left;font-size:1px;height:14px;padding:0;width:50%}
.rcol th.r {background-position:bottom right}
.rcol .rcol-cont {background:url(/rift/i/collection.png) 0 -234px;padding:12px 15px 0;position:relative}
.rcol .rcol-name {color:#fc3;color:#f8f3c8;font-size:17px !important;line-height:normal !important;width:260px;word-wrap:break-word}
.rcol .rcol-name div {background:url(/rift/i/collection.png) no-repeat;height:29px;margin:-17px 0 0 -3px;*position:relative;*z-index:-1}
.rcol .rcol-desc {margin:0 0 10px}
.rcol .rcol-items {margin:0 0 0 1px;padding:0 0 4px}
.rcol .rcol-items .rifticon {margin:0 2px}
.rcol .rcol-indent {margin-left:10px}
.rcol .rcol-r {float:right}
.rcol .rcol-div {background:url(/rift/i/collection.png);font-size:1px;height:8px;margin:2px -7px;width:242px}
.rcol .clear {*font-size:0;*height:0}
.rcol .zam-icon {float:left}

.zr-addicon {padding:0 0 0 22px}
.zamrift-icon {position:relative}
.zamrift-icon img {height:16px;left:-19px;position:absolute;top:-1px;width:16px}
.zamrift-icon b {background:url(/rift/i/icon-borders-16.png);display:block;height:19px;left:-21px;position:absolute;top:-2px;width:20px}

.calling {float:left;margin:0 4px 0 0;height:32px;width:32px}
.calling span {background:url(/rift/i/callings-32x.png);float:left;height:32px;width:32px}
.calling.cleric span {background-position:0 -32px}
.calling.rogue span {background-position:0 -64px}
.calling.mage span {background-position:0 -96px}
.c .calling, .c .calling span {display:block;float:none;margin:0 auto}

.rift-topbuilds a {height:38px}
.rift-topbuilds .bcont a {padding:5px !important}
.rift-topbuilds .bcont a b {filter:none;padding:0}
.rift-topbuilds a:hover, .rift-topbuilds .bcont a:hover span {text-decoration:none !important}
.rift-topbuilds .calling {padding:3px 0;height:38px}
.rift-topbuilds .pvx, .rift-topbuilds .type {color:#ccc;font-size:11px;opacity:1;filter:alpha(opacity=100);position:absolute;right:7px;top:5px}
.rift-topbuilds .bcont a:hover .pvx, .rift-topbuilds .bcont a:hover .type {color:#fff}
.rift-topbuilds .type {bottom:5px;top:auto}
.rift-topbuilds .cover {background:url(/rift/i/st/buildlist-hover.png) 0 47px no-repeat;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}
.rift-topbuilds a:hover .cover {background-position:center}

.rift-buildlink {height:38px}
.rift-buildlink-icons {float:left;height:38px;position:relative;width:142px}
.rift-buildlink-icons .cover {background:url(/rift/i/st/buildlist-hover.png) 0 47px no-repeat;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}
.rift-buildlink-icons:hover, .rift-buildlink-icons:hover span {text-decoration:none !important}
.rift-buildlink-icons:hover .cover {background-position:right}
.rift-buildlink-comments {float:left;line-height:38px}

.secondary-links a, .filter-links a, .filter-link {color:#66cef5}
.secondary-links a:hover, .filter-links a:hover, .filter-link:hover {color:#fff}

.rift-colrewards {border-collapse:collapse;margin:5px 0 0;width:410px}
.rift-colrewards td {padding:0 3px 3px 0;vertical-align:middle;width:200px}
.rift-colrewards .icon-link {display:block;float:left;height:38px;line-height:normal}
.rift-colrewards .icon-link:hover {text-decoration:none}
.rift-colrewards .text {background:#061118;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 0 1px rgba(255,255,255,.15);-moz-box-shadow:0 0 1px rgba(255,255,255,.15);-webkit-box-shadow:0 0 1px rgba(255,255,255,.15);float:left;height:32px;margin:0 0 0 -3px;overflow:hidden;padding:1px 2px 1px 4px;position:relative;top:2px;width:156px}
.pre-ie9 .rift-colrewards .icon-link .text {background:0}

#db-front {background:#0b0c10 url(/rift/i/db-front.jpg) top no-repeat;padding:35px 0 0}
.db-front #user-login {right:10px;top:3px}
.db-front #user-login a, .db-front p a {color:#66cef5}
.db-front #user-login a:hover, .db-front p a:hover {color:#fff}
.db-front h1 {height:128px;margin:0 auto 22px;overflow:hidden;position:relative;width:185px}
.db-front h1 img {left:-325px;position:absolute;top:-35px}

.db-front form {margin:0 auto;padding:0 24px 0 0;position:relative;width:400px;*z-index:3}
.db-front input {background:transparent;border:0;font-size:20px;height:24px;padding:3px 0;width:400px}
.db-front form a {display:block;height:24px;position:absolute;right:0;top:0;width:24px}

.db-front #nav {height:29px;margin:11px auto 40px;padding:0 0 0 5px;position:static}
.db-front #menu_horiz {background:none;height:29px;position:static}
.db-front #menu_horiz a {line-height:26px}
.db-front #menu_horiz > li > div {top:27px !important}
.db-front #nav > ul > .nc-media {display:none}
.db-front #nav > ul > li > a {border:0 !important}
.db-front #nav .nc-account-code {position:absolute;right:5px;top:5px}
.db-front #nav .nc-account-code em {right:-5px}

.db-front #menu_horiz > li {border:1px solid transparent;position:relative}
.db-front #nav #menu_horiz > li > a {border-top:1px solid transparent !important;padding:0 10px !important}
.db-front #nav #menu_horiz > li:hover > a {background:none !important;border-top:1px solid #5d81a5 !important}
.db-front #nav #menu_horiz > .has-sub > a {background:url(/i/arrow-down-spaced-white.png) right no-repeat !important;border-top:1px solid transparent !important;padding:0 22px 0 10px !important}
.db-front #nav #menu_horiz > .has-sub:hover > a {background:url(/i/arrow-down-spaced-white.png) right no-repeat !important;border-top:1px solid #5d81a5 !important}
.db-front #nav #menu_horiz > .has-sub:hover, .db-front #nav #menu_horiz > li:hover {background:#364a5d url(/rift/i/subnav.png?2) -450px 0 repeat-x;border-color:#000}
.db-front #nav > ul > li > a > .menu-new {padding:0}
.db-front #nav > ul > li > a > .menu-new span {display:none}

.db-front #livesearch {position:absolute;right:-4px;top:30px;top:32px;z-index:3}
.db-front #livesearch ul {border-top:1px solid #204154;width:431px}
.db-front #livesearch a {width:421px}

#db-oneliner {font-size:12px;left:-100px;position:absolute;right:-100px;text-align:center;top:-47px}

#db-feature {height:164px;margin:90px auto 75px;position:relative;width:382px}
#db-feature.wide-2 {width:484px}
#db-feature.has-oneliner {margin:120px auto 66px}
#db-feature-image {height:211px;left:0;margin:-25px 0 0 -27px;padding:0;position:relative;top:0;width:535px;z-index:0}
#db-feature-link, #db-feature-link2 {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;height:158px;position:absolute;right:3px;top:28px;width:180px}
#db-feature-link:hover, #db-feature-link2:hover {background:#fff;opacity:.05;filter:alpha(opacity=5)}
.wide-2 #db-feature-link {right:105px}
.wide-2 #db-feature-link2 {width:99px}
#db-feature ul {height:150px;left:0;margin:0;overflow:hidden;padding:8px 0 0 26px;position:absolute;text-shadow:0 1px 0 #000;top:25px;width:166px;*z-index:1}
#db-feature li {padding:3px 0}
#db-feature li.spacer {height:11px;list-style:none}
#db-feature a {color:#6e6;color:#d3d3d3;color:#66cef5}
#db-feature a:hover {color:#fff}

.db-front p {color:#666;font:11px Arial,Helvetica,sans-serif;text-align:center}
.db-front p img {border:0;left:-1px;padding:0 0 2px;position:relative;top:1px;vertical-align:middle}

.db-skinned {background-color:#000;background-position:top;background-repeat:no-repeat}
.db-skinned #db-front {background-color:#000;background-position:top;background-repeat:no-repeat;min-height:900px;padding-top:25px}
.db-front.db-skinned h1 {margin-bottom:12px}
.db-front.db-skinned h1 img {left:-124px;top:1px}
.db-front.db-skinned #nav {margin-top:4px}
.db-front.db-skinned form div:first-child {background:url(/rift/i/db-front-skinned.png) 0 -138px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 5px #000;-moz-box-shadow:0 1px 5px #000;-webkit-box-shadow:0 1px 5px #000;height:32px;left:-5px;position:absolute;top:-1px;width:433px}
.db-front.db-skinned form, .db-front.db-skinned input {z-index:3}
.db-front.db-skinned input {position:relative}
.db-front.db-skinned p {color:#fff;text-shadow:0 1px 1px #000;visibility:hidden}
.db-skinned #db-oneliner {text-shadow:0 1px 2px #000}
.db-skinned #db-skin {margin:0 auto;position:relative;width:516px}
.db-skinned #db-skin a {*background:url(/i/blank.gif);display:block;height:527px;position:absolute;top:-25px;width:800px}
.db-skinned #db-skin #skin-left {left:-800px}
.db-skinned #db-skin #skin-right {right:-800px}
.db-skinned #db-skin #skin-row {height:250px;left:-800px;right:-800px;top:502px;width:auto}

.db-front.db-skinned #nav #menu_horiz > .has-sub > a {background:none !important;padding:0 10px !important}
.db-front.db-skinned #nav {width:522px !important}

#pa {height:591px;margin:13px auto 0;position:relative;width:943px}
#pa-bg {background:#000 url(/rift/i/planar-attunement-bgs.jpg) 0 528px no-repeat;height:529px;left:5px;position:relative;top:16px;width:932px}
#pa.earth #pa-bg {background-position:0 0}
#pa.air #pa-bg {background-position:0 -529px}
#pa.fire #pa-bg {background-position:0 -1058px}
#pa.water #pa-bg {background-position:0 -1587px}
#pa.life #pa-bg {background-position:0 -2116px}
#pa.death #pa-bg {background-position:0 -2645px}
#pa.war #pa-bg {background-position:0 -3174px}
#pa-frame {background:url(/rift/i/planar-attunement.png?2);height:591px;left:0;position:absolute;top:0;width:943px}
#pa-frame > div {display:none}
#pa.earth #pa-frame #pa-earth, #pa.air #pa-frame #pa-air, #pa.fire #pa-frame #pa-fire, #pa.water #pa-frame #pa-water, #pa.life #pa-frame #pa-life, #pa.death #pa-frame #pa-death, #pa.war #pa-frame #pa-war, #pa.summary #pa-frame #pa-summary {display:block}
#pa-summary {bottom:90px;left:35px;overflow:auto;padding-right:10px;position:absolute;right:35px;top:70px}
#pa .pa-title {color:#fff;font-size:24px;left:0;position:absolute;right:0;text-align:center;text-shadow:0 0 10px #fff;text-transform:uppercase;top:95px}
#pa .set {height:273px;left:351px;position:absolute;right:352px;top:175px;width:240px}
#pa .set.left {left:55px;right:auto}
#pa .set.right {left:auto;right:55px}
#pa .set .reset {background:url(/i/fam3/cross.png);height:16px;opacity:.5;position:absolute;right:5px;top:5px;width:16px;z-index:1}
#pa .set .reset:hover {opacity:1}
#pa .set .max {background:url(/i/fam3/tick.png);height:16px;opacity:.5;position:absolute;right:26px;top:5px;width:16px;z-index:1}
#pa .set .max:hover {opacity:1}
#pa .set.maxed .max {cursor:default;opacity:1}
#pa-status {text-shadow:0 1px 3px #000}
#pa-points, #pa-links {bottom:18px;font-size:15px;left:115px;padding-bottom:7px;position:absolute;text-align:center;width:220px;z-index:1}
#pa-points {white-space:nowrap;width:200px}
#pa-wrapper.intro #pa-status, #pa-wrapper.hide #pa-status {display:none}
#pa-links {bottom:14px;left:auto;right:115px}
#pa-build-link, #pa-link-url {display:none}

#pa-build-link-display {bottom:0;left:0;position:absolute;right:0;text-align:center;top:0;z-index:11}
#pa-build-link-display .bcont {left:335px;position:absolute;right:335px;top:230px}
#pa-build-link-display table {text-align:left;margin:0 0 5px;width:100%}
#pa-links-close {background:url(/rift/i/planar-attunement.png?2) -246px -726px;height:36px;position:absolute;right:-18px;top:-18px;width:36px}
#pa-links-close:hover {background-position:-246px -762px}
#pa-links-close:hover:active {background-position:-246px -798px}

#pa-calling {bottom:43px;font-size:15px;position:absolute;right:261px}
#pa-calling #callings > a {background:url(/rift/i/planar-attunement.png?2) -118px -729px;color:#fff;font-size:13px;height:32px;left:52px;line-height:33px;padding:0 0 0 11px;position:absolute;*text-align:left !important;text-shadow:none;top:-9px;width:117px}
#pa-calling #callings > a, x:-moz-any-link {top:-7px} /* Firefox is being dumb. */
#pa-calling #callings > a:hover {background-position:-118px -761px;text-decoration:none;text-shadow:0 0 2px #fff}
#pa-calling #callings > a:hover:active {background-position:-118px -793px}
#pa-calling #callings span {background:url(/rift/i/planar-attunement.png?2) 0 -729px;bottom:21px;display:none;height:92px;left:57px;*left:61px;padding:12px 0 0;position:absolute;*text-align:left !important;width:118px;z-index:11}
#pa-calling #callings span a {color:#fff;display:block;font-size:16px;line-height:22px;padding:0 0 0 15px}
#pa-calling #callings.show span {display:block}

#pa-plane {bottom:25px;left:319px;position:absolute}
#pa-plane .rifticon {background:url(/rift/i/planar-attunement.png?2) -624px -591px;float:left;margin:0}
#pa-plane .rifticon.air {background-position:-660px -591px}
#pa-plane .rifticon.fire {background-position:-696px -591px}
#pa-plane .rifticon.water {background-position:-732px -591px}
#pa-plane .rifticon.life {background-position:-768px -591px}
#pa-plane .rifticon.death {background-position:-804px -591px}
#pa-plane .rifticon.war {background-position:-840px -591px}
#pa-plane .icon-link:active .rifticon {background:url(/rift/i/planar-attunement.png?2) -624px -626px}
#pa-plane .icon-link:active .rifticon.air {background-position:-660px -626px}
#pa-plane .icon-link:active .rifticon.fire {background-position:-696px -626px}
#pa-plane .icon-link:active .rifticon.water {background-position:-732px -626px}
#pa-plane .icon-link:active .rifticon.life {background-position:-768px -626px}
#pa-plane .icon-link:active .rifticon.death {background-position:-804px -626px}
#pa-plane .icon-link:active .rifticon.war {background-position:-840px -626px}
#pa-plane .rifticon img {display:none}
#pa-summary-link {float:left;font-weight:bold;line-height:19px;margin:0 0 0 2px}

/* If we start using .rift-hexicon outside of the PA calc some elements of .rift-hexicon will need to be moved to be PA calc-specific */
.rift-hexicon {border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;cursor:default;height:45px;position:relative;text-decoration:none !important;width:48px}
.rift-hexicon.available {cursor:pointer}
.rift-hexicon span {background:url(/rift/i/planar-attunement.png?2);display:block;height:45px;left:0;position:absolute;text-decoration:none !important;top:0;width:48px}
.rift-hexicon .type {background-position:-239px -591px}
.rift-hexicon .type.stat {background-position:-287px -591px}
.rift-hexicon .type.bane {background-position:-335px -591px}
.rift-hexicon .type.weap {background-position:-383px -591px}
.rift-hexicon .type.def {background-position:-431px -591px}
.rift-hexicon .type.util {background-position:-479px -591px}
.rift-hexicon .type.abil {background:none}
.rift-hexicon .type.abil img {bottom:0;height:48px;left:0;position:absolute;right:0;top:-2px;width:48px}
.rift-hexicon .darken {background-position:-239px -681px}
.rift-hexicon.available .darken, .rift-hexicon.active .darken {display:none}
.rift-hexicon .frame {background-position:-239px -636px}
.rift-hexicon em {display:block;height:17px;left:6px;position:absolute;top:14px;width:36px}

.earth .rift-hexicon .frame {background-position:-287px -636px}
.earth .rift-hexicon.empty.available .frame {background-position:-575px -681px}
.earth .rift-hexicon.available .frame, .earth .rift-hexicon.active .frame {background-position:-287px -681px}

.air .rift-hexicon .frame {background-position:-431px -636px}
.air .rift-hexicon.empty.available .frame {background-position:-719px -681px}
.air .rift-hexicon.available .frame, .air .rift-hexicon.active .frame {background-position:-431px -681px}

.fire .rift-hexicon .frame {background-position:-335px -636px}
.fire .rift-hexicon.empty.available .frame {background-position:-623px -681px}
.fire .rift-hexicon.available .frame, .fire .rift-hexicon.active .frame {background-position:-335px -681px}

.water .rift-hexicon .frame {background-position:-383px -636px}
.water .rift-hexicon.empty.available .frame {background-position:-671px -681px}
.water .rift-hexicon.available .frame, .water .rift-hexicon.active .frame {background-position:-383px -681px}

.life .rift-hexicon .frame {background-position:-527px -636px}
.life .rift-hexicon.empty.available .frame {background-position:-815px -681px}
.life .rift-hexicon.available .frame, .life .rift-hexicon.active .frame {background-position:-527px -681px}

.death .rift-hexicon .frame {background-position:-479px -636px}
.death .rift-hexicon.empty.available .frame {background-position:-767px -681px}
.death .rift-hexicon.available .frame, .death .rift-hexicon.active .frame {background-position:-479px -681px}

.war .rift-hexicon .frame {background-position:-575px -636px}
.war .rift-hexicon.empty.available .frame {background-position:-863px -681px}
.war .rift-hexicon.available .frame, .war .rift-hexicon.active .frame {background-position:-575px -591px}

.rift-hexicon .ranks {background:none;bottom:0;color:#000;display:none;font:bold 11px Arial,Helvetica,sans-serif;height:auto;letter-spacing:-0.1em;line-height:24px;text-align:center;text-shadow:0 0 2px #fff;top:auto}
.rift-hexicon.available .ranks, .rift-hexicon.active .ranks {display:block}
.rift-hexicon .cost {background:none;color:#fff;display:none;font:bold 9px Verdana,Arial,Helvetica,sans-serif;line-height:26px;text-align:center;text-shadow:0 1px 2px #000}
.rift-hexicon.available .cost, .rift-hexicon:hover .cost {display:block}
.rift-hexicon.available:hover .cost {color:#dbdbba}

.rift-hexicon.empty {cursor:default}
.rift-hexicon.empty span {display:none !important;z-index:0}
.rift-hexicon.empty .frame {display:block !important}

.locked .rift-hexicon .type, .locked .rift-hexicon .darken, .locked .rift-hexicon .ranks, .locked .rift-hexicon .cost {display:none}
.locked .rift-hexicon .frame {background-position:-239px -636px !important}
.locked .lock {bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:10}
.locked .lock div {background:url(/rift/i/planar-attunement.png?2) 0 -591px;height:138px;left:0;position:absolute;top:67px;width:240px}
.locked .reset, .locked .max {display:none}

#pa .set .rift-hexicon {position:absolute}
#pa .h1  {left:96px;top:0}
#pa .h2  {left:64px;top:19px}
#pa .h3  {left:128px;top:19px}
#pa .h4  {left:32px;top:38px}
#pa .h5  {left:96px;top:38px}
#pa .h6  {left:160px;top:38px}
#pa .h7  {left:0;top:57px}
#pa .h8  {left:64px;top:57px}
#pa .h9  {left:128px;top:57px}
#pa .h10 {left:192px;top:57px}
#pa .h11 {left:32px;top:76px}
#pa .h12 {left:96px;top:76px}
#pa .h13 {left:160px;top:76px}
#pa .h14 {left:0;top:95px}
#pa .h15 {left:64px;top:95px}
#pa .h16 {left:128px;top:95px}
#pa .h17 {left:192px;top:95px}
#pa .h18 {left:32px;top:114px}
#pa .h19 {left:96px;top:114px}
#pa .h20 {left:160px;top:114px}
#pa .h21 {left:0;top:133px}
#pa .h22 {left:64px;top:133px}
#pa .h23 {left:128px;top:133px}
#pa .h24 {left:192px;top:133px}
#pa .h25 {left:32px;top:152px}
#pa .h26 {left:96px;top:152px}
#pa .h27 {left:160px;top:152px}
#pa .h28 {left:0;top:171px}
#pa .h29 {left:64px;top:171px}
#pa .h30 {left:128px;top:171px}
#pa .h31 {left:192px;top:171px}
#pa .h32 {left:32px;top:190px}
#pa .h33 {left:96px;top:190px}
#pa .h34 {left:160px;top:190px}
#pa .h35 {left:64px;top:209px}
#pa .h36 {left:128px;top:209px}
#pa .h37 {left:96px;top:228px}

#pa-intro {display:none;font-size:20px;left:335px;position:absolute;right:335px;text-align:center;top:120px;z-index:1}
#pa-wrapper.intro #pa-intro {display:block}
#pa-intro a {float:left;height:64px;line-height:64px;margin:10px 0 0 72px;padding:0 0 0 79px;position:relative;text-align:left;width:66px}
#pa-intro a:hover {color:#abe4fa;text-decoration:none}
#pa-intro a span {background:url(/rift/i/st/frame.png?1) 0 -874px;height:64px;left:0;line-height:64px;position:absolute;top:0;width:64px}
#pa-intro a#warrior {margin-top:30px}
#pa-intro a#rogue span {background-position:-64px -874px}
#pa-intro a#mage span {background-position:-128px -874px}
#pa-intro a#cleric span {background-position:-192px -874px}
