/* encyclopedia */

#encyclopedia, #forum {
    width: 955px;
    margin: 0 0 5em 10px;
}

.search_box #encyclopedia, .contentBox #encyclopedia {
    width: auto;
    margin: 0;
}

.enc_home {
    padding: 0 0 0 12px;
    min-height: 860px;
}

.error_page {
    padding: 2em 5em;
    text-align: center;
}

.error_page h3 {
    white-space: nowrap;
    font-size: 13px;
    font-weight: normal;
}

.error_page h3 a {
    text-decoration: underline;
}

.enc_home .lex_box_small {
    margin-right: 5px;
    padding-top: 1em !important;
}

#filter {
    margin: 45px 15px 0 0;
    width: 190px;
    float: left;
}

#encyclopedia .filter {
    border: 1px solid #0D1F35;
    background: #0D1F35;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0D1F35), color-stop(100%,#081321));
    background: -moz-linear-gradient(top, #0D1F35 0%, #081321 100%);
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    height: 75px;
    margin: 0 auto .5em auto;
    width: 188px;
}

#tableForm.filterTable {
    width: 679px;
    float: right;
    background: #0D1F35;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0D1F35), color-stop(100%,#081321));
    background: -moz-linear-gradient(top, #0D1F35 0%, #081321 100%);
}

#encyclopedia .filter h3 {
    color: #fff;
    font: bold 12px/23px Arial;
    padding: 0 0 0 15px;
    border-bottom: 1px solid #0D1F35;
    text-shadow: #002438 0 0 2px;
}

#encyclopedia .filter select {
    margin: 5px 0 10px 15px;
    padding: 0 0 0 5px;
    width: 160px;
}

#encyclopedia .filter option {
    padding: 2px 0 0 5px;
}

#encyclopedia .filter input {
    margin: 5px 10px;
    width: 40px;
    color: #000;
}

#encyclopedia .submit {
    width: 180px;
}

#encyclopedia .submit:hover {
    background-position: left -645px;
}

#encyclopedia .hide_filter {
    background: url(//gf2.geo.gfsrv.net/cdn71/c9d57a8d61d93c65bbf4edea1bbbb3.gif) no-repeat scroll 0 4px;
    padding-left: 18px;
}

#encyclopedia .hide {
    background-position: 0 -19px;
}

#encyclopedia .filter_active {
    font-size: 0.6875em;
    color: #FFDE70;
    padding: 10px 5px 0;
    text-align: center;
    width: 95%;
    position: absolute;
    top: 0;
}

#encyclopedia .filter_active span {
    font-style: italic;
    font-weight: bold;
}

#encyclopedia h1, #forum h1 {
    height: 31px;
    padding: 13px 20px 0;
    margin-bottom: 15px;
    white-space: nowrap;
    width: 898px;
    overflow: hidden;
}

#mail-wrapper {
    position: absolute;
    top: 24px;
    right: 26px;
    min-width: 150px;
    font-size: .7em;
    text-align: right;
}

#mail-wrapper a {
    line-height: 24px;
    color: #75A6CC;
}

#mail-wrapper .ui-icon {
    margin-bottom: -3px;
}

#mail-wrapper .new-messages {
    color: #FFDE70;
}

#mail-wrapper .new-messages:hover {
    color: #fff;
}

.mainAreaSearch .ui-tabs-nav,
#encyclopedia .ui-tabs-nav {
    position: relative;
    height: 32px;
    bottom: -3px;
    left: 16px;
    text-align: center;
    font-size: 0.9em;
    clear: both;
    z-index: 1;
}

#encyclopedia .ui-tabs-nav li {
    margin-right: 5px;
    min-width: 80px;
}

/* encyclopedia detail page */

#detail, #community {
    position: relative;
    clear: both;
    margin-bottom: 1em;
    overflow: hidden;
}

img.avatar {
    float: left;
    margin-right: 20px;
}

.item_detail .detail_left {
    vertical-align: top;
    width: 380px;
    float: left;
    margin-right: 20px;
}

.lex_box_small .item_detail table.detail_left {
    vertical-align: top;
    width: 245px;
    margin: 10px 0 0 12px;
}

.lex_box .item_detail table.detail_left {
    vertical-align: top;
    width: 290px;
    margin: 3px 0 10px 15px;
}

.lex_box_small .item_detail .detail_merchant table {
    width: 430px;
    float: none;
    margin: 0;
}

.lex_box .detail_monster {
    height: 406px;
    padding-right: 1px;
    overflow: auto;
}

.monster_pic {
    float: left;
    width: 150px;
    background: #000;
    border: 1px solid black;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0;
    margin: 3px auto 100px;
    box-shadow: 0 0 3px black;
}

.monster_pic img {
    background: black url(//gf1.geo.gfsrv.net/cdn00/3ba0539da554c0e4af90217d1bbb7f.jpg) center bottom no-repeat;
    outline: none;
    margin: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 150px;
    min-height: 146px;
}

.mini_avatar {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    float: left;
    background-color: black;
    text-align: center;
    border: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-box-shadow: 0 0 2px black;
    -moz-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
}

.mini_avatar img {
    height: 32px;
}

#map {
    background: #032138;
    border:1px solid #3c8bc7;
    display: block;
    margin: 0 auto;
    width: 400px;
    height: 400px;
}

.item_detail #map {
    position: relative;
    height: 400px;
    width: 400px;
    margin: 10px 0 0 0;
    float: right;
    display:block;
    border: 1px solid black;
    box-shadow: 0 0 3px black;
}

#map .caption, .item_detail #map .caption {
    float: none;
    position: absolute;
    font-size: 9px;
    top: -14px;
    left: -14px;
}

.item_detail .detail_right {
    vertical-align: top;
    width: 380px;
    float: left;
}

#encyclopedia .item_detail .submit {
    margin: 1em 0;
}

.item_detail table {
/*    background: url(//gf3.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) no-repeat scroll left top transparent;*/
}

.item_detail table td,.item_detail table th {
    border:0;
    padding: 5px 10px;
    width: 150px;
    background-color: #111F30;
    border-top: 1px solid #14263C;
    border-bottom: 1px solid black;
}

.item_detail .row_odd td,.item_detail .row_odd th {
    background-color: #0B1521;
    border-top: 1px solid #14263C;
    border-bottom: 1px solid #050F1C;
}

.item_detail table th {
    text-align: left;
    font-weight: normal;
    background-image: url(//gf2.geo.gfsrv.net/cdn4b/0cec0ab61f3911569dd07e4cc0d550.png);
    background-position: 7px center;
    background-repeat: no-repeat;
    width: 120px;
    padding-left: 22px;
}

.item_detail td {
    color: #8acee3;
}

#encyclopedia .gold, .gold, #encyclopedia .silver, .silver, #encyclopedia .bronze, .bronze {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 10px 0 2px;
    padding: 0;
}

#encyclopedia .gold, .gold { background: url(//gf3.geo.gfsrv.net/cdn5a/1bc56dbd9b7640ea578e3ee216da2a.gif); }
#encyclopedia .silver, .silver { background: url(//gf3.geo.gfsrv.net/cdn5a/1bc56dbd9b7640ea578e3ee216da2a.gif) -30px top; }
#encyclopedia .bronze, .bronze { background: url(//gf3.geo.gfsrv.net/cdn5a/1bc56dbd9b7640ea578e3ee216da2a.gif) -60px top; }

.comments .comment, .search_result {
    background-color: #182C44;
    border-top: 1px solid #1E3857;
    border-bottom: 1px solid #050F1C;
    -webkit-box-shadow: 0 0 1px #000000;
    -moz-box-shadow: 0 0 1px #000000;
    box-shadow: 0 0 1px #000000;
    display: block;
    margin: 0;
    padding: 10px;
}

.comments .comment {
    position: relative;
}

.comments .comment .sub-left, .comments .comment .sub-right {
    display: inline-block;
    position: absolute;
    left: 10px;
    bottom: 8px;
}

.comments .comment .sub-right {
    left: auto;
    right: 10px;
}

.comments a {
    color: #C0D6E8;
}

.comments div:hover a, .search_result:hover {
    color: white;
}

.lex_box_small .comments { padding: 15px 0 0; }

.lex_box_small .comments div {
    width: 410px;
    padding: 7px 10px;
}

.comments img {
    float: left;
    margin: 0 10px 0 0;
}

.comments .comment span {
    border-bottom: 1px solid #050F1C;
    padding-bottom: 3px;
    border-collapse: separate;
    display: block;
    font-size: 0.8em;
    line-height: 20px;
}

.enc_home .comments span {
    line-height: 20px;
}

.comments p, .result_content {
    border-top: 1px solid #104462;
    padding: 0.6em 0;
    color: #8ACEE3;
}

.enc_home .comments p {
    margin: 0;
}

.comments em {
    font-size: 0.6875em;
    font-weight: normal;
}

.comment_useless p, .comment_useless .comment_feedback, .comment_useless .comment_vote a, span.show_useless_comment {
    display: none;
}

.comment_useless .show_useless_comment {	display: block; }

.comment_feedback, .comment_vote, .show_useless_comment {
    float: right;
    margin-left: 15px;
}

.formatButtons {
    background: url(//gf2.geo.gfsrv.net/cdna7/3f4ac1a775e309b6255eb5035abe98.jpg) left top repeat-x;
    padding: 5px;
    height: 20px;
}

.overlayForm textarea {
    display: block;
    width: 100%;
    height: 150px;
}

.textareaInfo, .uploadInfo {
    display: block;
    text-align: right;
    font-size: 0.6875em;
    margin: 5px 0 20px 0;
}

.uploadInfo { text-align: left; }

.replyTo {
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom: 1px solid #104462;
}

.replyTo p { color: #8ACEE3; margin-top: 0.5em; }
.replyTo span { font-size: 0.75em; font-weight: bold; }

.enc_nav_util {
    position: absolute;
    right: 20px !important;
    top: 0 !important;
    font-size: 0.5875em;
    font-weight: bold;
    z-index: 100;
}

.enc_nav_util li {
    float: left;
}

.enc_nav_util li a, .enc_nav_util li span {
    padding: 1px 10px;
    margin: 0 2px;
    color: #fff;
}

/* tablesorter */

table.tablesorter thead tr .header span {
    background-image: url(//gf3.geo.gfsrv.net/cdn2c/ec0d16a7f091b6a894ae5469765ce1.gif);
    background-repeat: no-repeat;
    background-position: -7px center;
    cursor: pointer;
}
table.tablesorter thead tr .headerSortUp span {
    background-image: url(//gf2.geo.gfsrv.net/cdn4b/852c04f9b94a81effd9004f59153bf.gif);
    text-decoration: underline;
}
table.tablesorter thead tr .headerSortDown span {
    background-image: url(//gf2.geo.gfsrv.net/cdnd0/e71a9333f7e1818eb59316d80bfc2f.gif);
    text-decoration: underline;
}
.tablesorter th span {
    width: 100%;
    display: block;
    padding-left: 12px;
}
.sortName { display: none; }

/* quests */

.item_detail blockquote p {
    font-style: italic;
    margin: 0.5em 0;
}

cite {
    font-weight: bold;
    font-style: normal;
    font-size: 0.8125em;
}

.questgiver span {
    display: inline-block;
    margin: 10px 10px 10px 0;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #3C8BC7;
    padding: 2px;
}

.questgiver img {
    background: #032138;
    margin: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
}

.questlevel strong, .questgiver strong {
    font-size: 1.181em;
}

.questgiver strong {
    line-height: 180px;
    vertical-align: top;
}

.item_detail a { text-decoration: none; }
.item_detail a:hover { text-decoration: underline; }
.detail_merchant a:hover {
    text-decoration: none;
}

div.detail_right {
    border-left: 1px solid #ccc;
    padding-left: 30px;
}

.item_detail ul li, .item_detail ol li {
    color: #fff;
    margin: 0 0 0.7em;
    font-size: .9em;
    display: inline-block;
    line-height: 24px;
}

.item_detail ul li span {
    background: url(//gf2.geo.gfsrv.net/cdn4b/0cec0ab61f3911569dd07e4cc0d550.png) left center no-repeat;
    padding-left: 16px;
}

.item_detail ul li, .item_detail ul li span, .item_detail ul li img { vertical-align: middle; }

.item_detail ul li {
    background: none !important;
}

.tiplink { position: relative; }
.tiplink ul li { padding-left: 0; }
.tiplink, .tiplink img { vertical-align: middle; }
.tiplink:hover .tooltip { display: block; }

.tiplink .tooltip {
    display: none;
    position: absolute;
    right: -190px;
    width: 150px;
    top: -35px;
    font-size: 1em;
}

.tiplink .tooltip .pointer {
    top: 40px;
}

.tooltip {
    display: none;
    position: absolute;
    left: -999px;
    top: -999px;
}

/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
*/
.bt-content {
    font-size: small;
    color: #000;
    line-height: normal;
}

.weapon-img {float:left; margin: 25px 15px 5px 25px; }

/* styling for active target elements - usually for background hilighting */
.bt-active {
    /* example:
    background-color: yellow !important;
    */
}

/* encyclopedia search result */

.lex_box, .search_box {
    background: #000 url(//gf3.geo.gfsrv.net/cdn5d/b5dd1762f7f9a0e5b9c496186c2071.jpg) left top no-repeat;
    padding: 2em 0 0 !important;
    margin: 0 auto;
    width: 924px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}

.search_box {
    background-image: url(//gf2.geo.gfsrv.net/cdnda/01637702908bb5e513886026f351fa.jpg);
    width: 700px;
}

.lex_box_inner, .search_box_inner {
    background:url(//gf2.geo.gfsrv.net/cdndf/5c60035f27f14363e84aa9db749bd3.png) left bottom no-repeat !important;
    padding: 0 20px 20px;
    min-height: 400px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    overflow: hidden;
    position: relative;
}

.search_box_inner {
    background: url(//gf3.geo.gfsrv.net/cdnb1/c8efb180f50550ce25c9ad96387f27.png) left bottom no-repeat !important;
}

#encyclopedia .lex_box_inner {
    margin: 0 0 10px;
    min-height:325px;
}

.lex_box table, .lex_box_small table, .enc_result table {
    width: 100%;
    font-size: 12px;
/*    border-collapse: collapse*/
}

.lex_box table td table, .lex_box_small table td table, .enc_result table td table {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.enc_result {
    table-layout: fixed;
}

.enc_result th {
    color: #CFDFF2;
    font-weight: bold;
    text-align: left;
    padding: 10px 10px;
    /*    border-left: 1px solid #66a0b1;
        border-right: 1px solid #184e6d;*/
    border-top: 1px solid #122B4A;
    border-bottom: 1px solid #03070C;
    background: #0D1F35;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0D1F35), color-stop(100%,#081321));
    background: -moz-linear-gradient(top, #0D1F35 0%, #081321 100%);
}

.enc_result th.center {
    text-align: center;
}

.enc_result td {
    _height: 24px;
    min-height: 24px !important;
    position: relative;
}

.enc_result td.rank {
    width: 50px;
    line-height: 40px;
    height: auto;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 6px 0;
}

.enc_result td, .thread_item {
    padding: 6px 10px;
    border: 0 none;
    word-wrap: break-word;
    word-break: keep-all;
    position: relative;
    background-color: #182C44;
    border-top: 1px solid #1E3857;
    border-bottom: 1px solid #050F1C;
}

.search_box .enc_result td {
    word-break: break-all;
}

.cash_shop {
    width: 690px;
}

.cash_shop_table {
    max-height: 400px;
    padding-right: 16px;
    overflow: hidden;
    overflow-y: auto;
}

.enc_result.cash_shop_table table {
    width: 540px;
}

.enc_result.cash_shop_table td.icon, .enc_result.cash_shop td.icon {
    width: 48px;
}

.enc_result.cash_shop_table td.name div, .enc_result.cash_shop td.name div {
    position: relative;
}

.enc_result.cash_shop_table td .itemStack, .enc_result.cash_shop .itemStack {
    left: auto;
    bottom: auto;
    top: 0;
    right: 15px;
}

.enc_result.cash_shop_table td .ibVisual, .enc_result.cash_shop .ibVisual {
    text-align: left;
}

td, td * {
    vertical-align: top;
}

.item_classWrap {
    display: block;
    min-height: 32px;
}

td.item_classWrap {
    display: table-cell;
}

.item_classWrap img {
    float: left;
    margin-right: 5px;
}

.item_classWrap span {
    display: block;
    font-size: 10px;
    line-height: 12px;
}

.item_classWrap a span {
    color: #fff;
}

.item_classWrap span strong {
    white-space: nowrap;
}

.enc_result table a:link, .enc_result table a:visited {
    color: #9ee9ff;
    text-decoration: none;
    font-weight: bold;
    text-shadow: #002438 0 0 2px;
}

.enc_result table a.read {
    font-weight: normal;
}

.enc_result table a:hover {
    color: #FFE79B;
}

#forum.enc_result table a:link {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-shadow: #002438 0 0 2px;
}

#forum.enc_result table a:visited {
    color: #75A6CC;
}

#forum.enc_result table a:hover {
    color: #FFE79B;
}

#forum.enc_result table a.last_post {
    font-weight: normal;
}

#forum.enc_result table a.last_post:hover {
    text-decoration: underline;
}

.enc_result .odd td, .thread_odd {
}

.lex_box_small {
    background: #000 url(//gf2.geo.gfsrv.net/cdn70/493f2b2fc3c6f893f470735abd5bd6.jpg) left top no-repeat;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin: 0;
    padding: 2em 0 0 !important;
    width: 463px;
    float: left;
    position: relative;
}

.lex_box_small.map {
    margin-left: 5px;
}

.lex_box_small_inner {
    background:url(//gf2.geo.gfsrv.net/cdn1d/a1207d4e4f34f863421bff9a2a11ff.png) left bottom no-repeat !important;
    padding: 0 16px 20px;
    min-height: 200px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}

.update_selected_character, .update_selected_character_sso, .referral_payment_no, .referral_payment_yes {
    background: url(//gf3.geo.gfsrv.net/cdn51/38b9fac2bf512f607d47412ef48b68.png);
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.update_selected_character:hover, .charSelected .update_selected_character, .referral_payment_yes, .update_selected_character_sso:hover, .charSelected .update_selected_character_sso {
    background: url(//gf1.geo.gfsrv.net/cdnfb/97ffff1d27537362d03d9248e752a9.png);
}

.referral_payment_no, .referral_payment_yes {
    cursor: default;
}

.rewards_wrapper p {
    text-align: center;
}

table.referral_rewards {
    width: 80%;
    margin: 0 auto 1em auto;
}

table.referral_rewards th {
    text-align: center;
}

table.referral_rewards td {
    vertical-align: middle;
}

.referral_friends td {
    vertical-align: middle;
}

.referral_rewards .reward {
    position: relative;
    width: 64px;
    height: 52px;
    display: inline-block;
}

.referral_rewards .reward .itemStack {
    left: 0;
    bottom: 0;
}

#encyclopedia .backlink, #encyclopedia .helplink {
    right: 24px;
    top: 30px;
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) left -530px no-repeat;
    padding: 0 24px 0.6em 18px;
}

#encyclopedia .helplink {
    padding: 0.3em 24px 0.3em 18px;
    background: url(//gf1.geo.gfsrv.net/cdn68/f98ecd5d2b7fed4b6ba8bcbec948ce.png) 0 0 no-repeat;
}


/* table controls */

.enc_controls {
    padding: 10px 12px;
    height: 24px;
    font-size: 0.6875em;
    text-align: left;
    position: relative;
    border-top: 1px solid #1D4372;
    border-bottom: 1px solid #03070C;
    background: #122B4A;
    /*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#122B4A', endColorstr='#0D1F35');*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#122B4A), color-stop(100%,#0D1F35));
    background: -moz-linear-gradient(top, #122B4A 0%, #0D1F35 100%);
    margin: 0;
}

#encyclopedia .enc_controls {
    text-align: center;
}

.tabs .enc_controls {
/*    margin: -5px 0 15px 0;*/
}

.enc_controls h2 {
    line-height: 24px;
    float: left;
    color: #fff;
    margin: 0;
}

.enc_controls a, .filter_active a {
    margin: 0 2px;
}

.enc_pager {
}

.enc_position, .enc_pager a {
    width: 200px;
    text-align: center;
    display: inline-block;
    font-size: .9em;
    font-weight: bold;
    padding: 5px 0;
    border-radius: 5px;
    text-shadow: 0 0 2px #111E31;
}

.enc_pager a {
    width: auto;
    float: left;
    padding: 7px;
    margin: 0 2px;
}

.enc_pager a:hover, .thread_controls a.active, #forum .enc_pager a.active {
    text-decoration: none;
    background-color: #0D1F35;
    background-color: rgba(0,0,0,0.25);
}

.enc_pager a.enc_next, .enc_pager a.enc_last {
    float: right;
}

.enc_search {
    position: relative;
    display: block;
    font-weight: bold;
    padding: 0 0 0 3px;
    margin-top: 10px;
    height: 28px;
    border-radius: 5px;
}

.enc_search .searchButton {
    position: absolute;
    width: 24px !important;
    height: 24px !important;
    top: 3px;
    right: 8px;
}

#encyclopedia .filter input.searchButton {
    margin: 0;
}

#enc_searchq {
    padding: 2px 3px;
    width: 135px !important;
    color: #bbb;
    margin: 0;
}

#enc_searchq.normal {
    color: #000;
}

.enc_action, .enc_nav_util {
    right: 10px;
    top: 6px;
    padding: 4px;
    line-height: 16px;
    width: auto;
}

.enc_nav_util {
    padding: 4px 2px;
}

.enc_action a {
    color: white;
    margin: 0;
    padding: 1px 10px;
}

#messenger .enc_action {
    padding: 4px 0 4px 4px;
}

#messenger .enc_action.left_column {
    right: auto;
    left: 10px;
}

#messenger .enc_action a {
    float: right;
    clear: none;
    margin: 0 4px 0 0;
}

.enc_searchbig {
    text-align: center;
    width: 470px;
    margin: 40px auto 0 auto;
}

.enc_searchbig form {
    position: relative;
}

.enc_searchbig #enc_searchq {
    width: 420px !important;
    padding: 6px 35px 6px 5px;
    font-size: 1.2em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #333;
    border: 1px solid #fff;
    background: #fff url(//gf2.geo.gfsrv.net/cdn11/f3cfee29c2b42850aebcadc9058ff3.gif) left top repeat-x;
}

.enc_searchbig .enc_submit {
    right: 10px;
    top: 50%;
    margin-top: -8px;
    background: url(//gf3.geo.gfsrv.net/cdne8/2dc27029270c8889f8b21c7a25a54b.gif) center top no-repeat;
    height: 16px;
}

#enc_overlay {
/*        background: url(//gf3.geo.gfsrv.net/cdnba/cc7e9d23925e6e29722380fb20243e.png);*/
    float: right;
    position: relative;
    top: 0;
    right: 0;
    z-index: 199;
    display: none;
    padding: 0 10px 0 0;
}

#enc_overlay.shareOpen {
    display: block !important;
}

#enc_overlay, #enc_overlay * {
    vertical-align: middle;
}

#enc_overlay span {
    width: 32px;
    height: 32px;
    margin: 0;
    float: right;
    text-indent: -9999px;
    cursor: pointer;
    position: relative;
    z-index: 999;
    background-repeat: no-repeat
}

#enc_overlay span.tooltip {
    width: auto;
    height: auto;
    margin: 14px 0 0 10px;
    float: none;
    text-indent: 0;
}

#enc_overlay span:hover, .shareOpen #enc_share {
    background-position: left -33px;
}

span#enc_share { background-image: url(//gf3.geo.gfsrv.net/cdneb/4fb75dcebbb815f92db4eb95391c4e.png) }
span#enc_comment { background-image: url(//gf1.geo.gfsrv.net/cdn00/33ce56e5998979863436756f2296b6.png) }
span#enc_remember { background-image: url(//gf1.geo.gfsrv.net/cdn0b/20d5383f2325dcdc2732543a6742f3.png); width: 23px; }

.row_pinned  span#enc_remember, .row_pinned span#enc_remember:hover {
    background: url(//gf2.geo.gfsrv.net/cdn71/6daa1046c8bf0e3747b3248ad4aeec.png) 0 4px no-repeat;
    width: 35px;
}

#enc_sharePane {
    display: none;
    background: #000;
    position: absolute;
    right: -300px;
    width: 270px;
    padding: 15px;
    font-size: 1.34em;
    border-radius: 0 10px 10px 10px;
    -moz-border-radius: 0 10px 10px 10px;
}

.openTop #enc_sharePane {
    bottom: 0;
    -moz-border-radius: 10px 10px 10px 0;
    border-radius: 10px 10px 10px 0;
}

#enc_sharePane label {
    width: 90px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1em;
}

#enc_sharePane input {
    width: 400px;
    color: #000;
    margin-bottom: 1em;
}

.shareOpen #enc_sharePane {
    display: block !important;
}

#enc_overlay span.close, .skill_tip .skill_tipClose {
    background: url(//gf2.geo.gfsrv.net/cdn11/e57e492ee0311540967cc7a1e6e3e2.png) repeat scroll -40px 0 transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -25px;
    width: 30px;
    z-index: 999;
}

/* screenshots */

.screens {
    padding: 0 0 0 8px;
    overflow: hidden;
}

.lex_box_small .screens {
    padding: 15px 0 0 50px;
}

.screen {
    float: left;
    margin: 0 30px 10px 0;
    text-align: center;
    width: 150px;
    height: 180px;
    overflow: hidden;
    font-size: 0.625em;
}

.screens .lastinrow {
    margin-right: 0;
}

.screen img, .screen_item  {
    display: block;
    margin: 0 0 5px 0;
}

/* superfish menu */

#dropdown {
    position: relative;
    z-index: 100;
    text-align: center;
    margin: 15px 0 40px 0;
    font-size: 0.75em;
}

#dropdown li {
    display: inline;
    position: relative;
    margin: 0 10px;
    text-align: left;
}

#dropdown li ul {
    position: absolute;
    left: 0;
    top: 1.8em;
    background-color: #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 15px #000000;
    -moz-box-shadow: 0 0 15px #000000;
    -webkit-box-shadow: 0 0 15px #000000;
    border: 1px solid #4d4d4d;
}

#dropdown li ul ul {
    left: 150px;
    right: auto;
    top: 0;
}

#dropdown li ul li {
    display: block;
    margin: 0;
}

#dropdown a {
    padding: 6px 20px 6px 5px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

#dropdown .no_submenu a {
    padding-right: 0;
}

#dropdown a:hover {
    color: #A4F7FF;
}

#dropdown li ul li a {
    padding: 6px 10px 6px 20px;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    min-width: 120px;
    max-width: 200px;
    font-size: 0.9167em;
    font-weight: normal;
    overflow: hidden;
    border-bottom: 1px solid #4d4d4d;
}

#dropdown li ul li:last-child>a {
    border-bottom: none;
}

#dropdown li ul li.sfHover a {
    background-color: #383838;
    color: #A4F7FF;
}

#dropdown li ul li a:hover {
    background-color: #383838 !important;
    color: #A4F7FF !important;
}

#dropdown li ul li.sfHover li a {
    background-color: transparent;
    color: #fff;
}

.sf-sub-indicator {
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) no-repeat scroll -55px -210px transparent;
    height: 23px;
    overflow: hidden;
    position: absolute;
    text-indent: -2000px;
    top: -4px;
    right: -2px;
    width: 24px;
    padding: 0;
}

ul ul .sf-sub-indicator {
    top: 1px;
    right: 1px;
}

/* forum */

#forum .ibLastInRow { padding-right: 20px; }

.forum_types, .transfer_types {
    float: left;
    padding-left: 20px;
    width: 580px;
}

.transfer_types {
    width: 100%;
    padding: 0;
}

.forum_types h2, .transfer_types h3 {
    clear: both;
    color: #fff;
    margin-top: 23px;
    padding-left: 28px;
    position: relative;
    cursor: pointer;
    font-size: 0.6875em;
}

.forum_types h3 a, .transfer_types h3 a {
    text-decoration: none;
}

.forum_group, .transfer_group {
    padding: 5px 0 0 30px;
    overflow: hidden;
}

.forum_item, .transfer_item {
    padding: 12px;
    width: 490px;
    max-height: 75px;
    margin: 0 10px 10px 0;
    float: left;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 3px #000000;
    -moz-box-shadow: 1px 1px 3px #000000;
    box-shadow: 1px 1px 3px #000000;
    border: 1px solid #17375d;
    background-color: #17375d;
    background: -moz-linear-gradient(top, #17375d 0%, #0D1F35 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17375d), color-stop(100%,#0D1F35));
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: #002438 0 0 2px;
}

.forum_item img {
    border: 0;
}

.transfer_item {
    width: 620px;
    min-height: 48px;
    max-height: 400px;
}

.forum_extraItems .forum_item { display: none; }

.forum_groupNoDesc .forum_item {
    height: 35px;
    width: 140px;
}

.forum_item:hover, .transfer_item:hover:not(.disabled):not(.no_hover) {
    border: 1px solid #1b4d88;
    background-color: #1b4d88;
    background: -moz-linear-gradient(top, #1b4d88 0%, #13365E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b4d88), color-stop(100%, #13365E));
}

.transfer_item.disabled {
    border: 1px solid #373737;
    background-color: #373737;
    background: -moz-linear-gradient(top, #373737 0%, #1F1F1F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(100%, #1F1F1F));
    cursor: default;
}

.forum_item h3, .transfer_item h4 {
    font-size: 0.75em;
    padding-bottom: 0;
}

.transfer_item h4 {
    padding-top: 2px;
}

.forum_groupNoDesc .forum_item h3 {
    padding-top: 6px;
    border-bottom: 0 none;
}

.forum_item h3 a, .transfer_item h4 a {
    color: #A4F7FF;
}

.transfer_item.disabled a {
    color: #fff;
    cursor: default;
}

.forum_item h3, .forum_item p, .transfer_item h4, .transfer_item p, .transfer_item ol {
    margin-left: 38px;
}

.transfer_item ol li {
    color: white;
    margin-bottom: 2px;
}

.transfer_item ul {
    width: 60%;
    float: right;
}

.transfer_item ul li {
    color: #FFE79B;
}

.forum_item p, .transfer_item p {
    font-size: 0.70em;
}

.forum_icon, .transfer_icon {
    float: left;
    margin: 0 5px 5px 0;
}

.forum_icon img, .transfer_icon img {
    width: 32px;
    height: 32px;
    border: 0;
}

.forum_showMore, .transfer_showMore {
    text-align: right;
    margin-right: 20px;
}

.forum_showMore a, .transfer_showMore a { color: #fff; }

.forum_groupHandle, .transfer_groupHandle {
    top: -3px;
    right: auto;
    left: 0;
}

.transfer-button-wrapper {
    float: right;
    margin: 10px 30px 0 0;
}

.transfer-terms-wrapper {
    border-bottom: 1px solid #0D1F35;
    width: 95%;
    padding-right: 5%;
    height: 250px;
    margin-bottom: 1em;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
 }

.transfer-terms-wrapper p {
    margin-left: 0;
    clear: both;
}

.transfer-terms-wrapper ul {
    width: 100%;
}

.transfer_item label, .transfer_item input {
    float: right;
    margin-left: 10px;
    margin-bottom: .5em;
    line-height: 12px;
}

.transfer_info p {
    color: #111 !important;
}

.transfer_info ul li {
    color: #333 !important;
}

/* thread list */

#forum .enc_pager a, .thread_controls a  {
    /*    background:#114462;*/
    border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
    color: #ffde70;
}

#forum .enc_pager a.active, #forum .enc_pager a:hover, .thread_controls a.active, .thread_controls a:hover {
    color: #fff;
}

.thread_controls a.active, .thread_controls a:hover {
}

#forum .enc_pager a:active, .thread_controls a:active  {
    color: #B0FBFF;
}
.thread_controls a:active  {
    margin: 0 !important;
}

#forum td {
    padding: 7px 10px;
}

#forum td div {
    position: relative;
}

#forum td:first-child {
    border-right: 0 none;
}

#forum td:nth-child(2), #forum th:nth-child(2) {
    border-left: 0 none;
}

#forum td:nth-child(2) {
    font-size: 90%;
}

.state_def, .state_sticky, .state_new, .state_new_hot, .state_hot, .state_closed {
    padding: .5em 0 0 30px;
    margin: 0 50px 0 0;
    min-height: 24px;
    _height: 24px;
    line-height: 1.25em;
    display: inline-block;
    background: url(//gf1.geo.gfsrv.net/cdn0d/74b32b46386cc5d4e3528add8302b4.png) left 25% no-repeat;
    float: left;
}

.state_sticky { background-image: url(//gf2.geo.gfsrv.net/cdndf/5950096bc307b93b6441f167454a75.png); }
.state_new { background-image: url(//gf1.geo.gfsrv.net/cdnc9/537c1d7ce22f2c1a8a5a2b5cecb424.png); }
.state_new_hot { background-image: url(//gf2.geo.gfsrv.net/cdn46/233339c6b0e670730bbe15772af89a.png); }
.state_hot { background-image: url(//gf1.geo.gfsrv.net/cdnfd/88cacc7b05582400adb5585ffe1877.png); }
.state_closed { background-image: url(//gf2.geo.gfsrv.net/cdn72/d0e3f15b615d2f57b1ba70d5bc1d5b.png); }

#forum table a.author {
    font-weight: normal;
}

span.staff {
    padding-right: 52px;
    background: url(//gf2.geo.gfsrv.net/cdnd4/7ea18654acbdcedf932e16ae571e4b.png) right center no-repeat;
    color: #fff;
    display: inline-block;
}

#forum.enc_result .thread_pages a {
    font-weight: normal !important;
    text-decoration: underline;
}

#forum .enc_nav {
    display: block;
    left: 27px;
    position: relative;
    top: 3px;
}

.thread_pages {
    display: block;
    position: absolute;
    right: 0;
    top: 30%;
}

/* thread */

.thread_controls a  {
    padding: 2px 7px;
    color: white;
}

.thread_controls a:hover {
}

.thread_item p {
    color: #C0D6E8;
    font-size: 1em;
}

.thread_item .submit {
    background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) no-repeat scroll left -614px transparent;
    height: 27px;
    margin: 1em auto 0;
    padding: 4px 0 0;
    width: 188px;
}

.thread_item .submit:hover {
    background-position: left -645px;
}

.thread_speaker {
    width: 200px;
    left: 10px;
    top: 30px;
    line-height: 14px;
    font-size: 11.25px;
    padding: 0;
    margin: 0 10px 10px 0;
    display: inline-block;
    clear: left;
    float: left;
}

.thread_reply .thread_speaker {
    width: 200px;
}

.thread_speaker.create {
    top: 0;
}

.thread_speaker .avatar_preview {
    margin-top: 0;
}

.thread_like {
    display: inline-block;
    font-size: 10px;
    position: absolute;
    bottom: 1.25em;
    right: 16px;
    text-align: right;
}

.thread_like a {
    color: #75A6CC;
    height: 16px;
}

.thread_like a:hover {
    color: #75A6CC;
    text-decoration: underline;
}

.thread_like a .ui-icon, .thread_nr .ui-icon {
    vertical-align: text-bottom;
}

.thread_like .others {
    /* display: none; */
    background-color: black;
    padding: 3px 5px;
    margin-top: 3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .thread_like a .ui-icon, .thread_nr .ui-icon {
        margin-bottom: -2px;
    }
}

.thread_like a.unlike_button {
    color: #75A6CC;
}

.spkr_title {
    width: 130px;
    overflow: hidden;
    float: right;
}

.spkr_title .icon_class_small, .spkr_title .icon_faction_small {
    margin: 5px 3px 2px 2px !important;
    float: left;
}

.thread_speaker img {
    border: 0;
    margin: 0 0 5px;
}

.thread_speaker p {
    padding: 3px 0 8px 0;
    font-size: 14px;
}

.spkr_view {
    display: inline-block;
    background: url(//gf3.geo.gfsrv.net/cdne8/2dc27029270c8889f8b21c7a25a54b.gif) left top no-repeat;
    width: 25px;
    height: 25px;
    background: transparent url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) left -240px no-repeat;
    text-indent: -200px;
    overflow: hidden;
    visibility: hidden;
}

.spkr_view:hover {
    background-position: -25px -240px;
}

.spkr_name {
    color: #75A6CC;
    text-decoration: none;
}

.spkr_slogan {
    font-weight: normal;
}

.admin_slogan {
    color: #ffe788;
    font-weight: bold;
}

.spkr_slogan, .spkr_class {
}

.thread_meta {
    font-size: 10px;
    text-align: left;
    line-height: 150%;
    margin-bottom: 1em;
    padding: .25em 0 .5em;
    position: relative;
    border-bottom: 1px solid #1E3857;
    top: 0;
}

.thread_nr {
    font-weight: bold;
}

.thread_date {
    float:right;
}

.thread_nr a {
    color: #75A6CC;
}

.spkr_class, .thread_rating {
    color: #ccc;
}

.thread_date, .thread_meta a {
    color: #75A6CC;
    color: rgba(117,166,204,0.5);
}

.thread_votes {
    line-height: 250%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.thread_body, #thread_replyForm {
    margin: 0 0 5px 215px;
    padding: 5px 0 32px 20px;
    word-wrap: break-word;
    word-break: keep-all;
    min-height: 40px;
}

.thread_body {
    font-size: 12px;
}

.thread_body img {
    max-width: 600px;
    max-height: 300px;
}

.thread_body ol, .thread_body ul {
    margin-left: 20px;
    margin-bottom: .5em;
}

.thread_body ul li {
    list-style-type: square;
}

.thread_body ol li, .bbcol.decimal li {
    list-style-type: decimal;
}

#messenger #thread_replyForm {
    margin: 0 0 5px 0;
}

.thread_body > .post_signature {
    padding: 1em 0 0;
    margin: 2em 0 .5em;
    border-top: 1px solid #1E3857;
    color: #75A6CC;
    max-height: 380px;
    overflow: hidden;
}

.thread_body > .post_signature > img {
    max-width: 600px;
    max-height: 300px;
}

#messenger #thread_replyForm {
    border: 0;
    padding: 0;
}

#thread_replyForm textarea{
    max-width: 600px;
    min-width: 300px;
    min-height: 200px;
}

#messenger #thread_replyForm textarea {
    min-width: 600px;
    max-width: 690px;
}

.thread_reply {
    position: relative;
    padding: 12px 10px;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
}

#messenger .thread_reply {
    padding: 12px 5px;
}

#messenger h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin: .5em 5px .25em;
}

#messenger .thread_reply .thread_speaker {
    display: none;
    visibility: hidden;
}

.thread_reply .thread_controls {
    position: absolute;
    right: 0;
    top: 0;
    visibility: visible;
    padding-left: 0;
}

.maketopic{
    max-width: 653px !important;
    min-width: 653px !important;
    min-height: 370px !important;
}

.thread_controls {
    font-size: 0.5875em;
    position: absolute;
    left: 260px;
    bottom: 10px;
    clear: none;
    visibility: hidden;
    line-height: 16px;
    width: auto;
}

.thread_item:hover .thread_controls, .thread_item:hover  .spkr_view {
    visibility: visible;
}

#thread_replyForm .submit {
    float: right;
}

#reply_title {
    width: 100%;
    color: #000;
    margin: 10px 0;
}

#reply_msg {
    width: 100%;
    height: 200px;
    margin: 5px 0;
}

#messenger #reply_msg {
    margin-bottom: 20px;
}

#thread_replyForm > #reply_title,
#thread_replyForm > #reply_msg {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 5px;
}

.thread_replyButtons {
    overflow: hidden;
    width: 300px;
}

/* Talentplaner */

#talentplaner {
    width: 852px;
    margin: 0 auto;
    position: relative;
}

#tp_nav {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

#tp_nav a {
    display: inline-block;
    margin: 0 5px;
    font-size: 0.75em;
    background: #000;
    border: 2px solid #b08e5b;
    color: #b08e5b;
    padding: 8px 10px;
    text-decoration: none;
    -webkit-box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
    position: relative;
    top: 0;
}

#tp_nav a.active {
    font-weight: bold;
}

#tp_nav a.active, #tp_nav a:hover {
    color: #dcb376;
    border-color: #dcb376;
}

#tp_nav a:hover {
    top: -8px;
}

#tp_nav span {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 6px;
    background-image: url(//gf1.geo.gfsrv.net/cdnc5/b529a666507a6e02f04a8039104d83.png);
    background-repeat: no-repeat;
}

.warrior { background-position: 0 0; }
.shadowrunner { background-position: -36px 0; }
.archer { background-position: -72px 0; }
.magician { background-position: -108px 0; }
.priest { background-position: -144px 0; }
.summoner { background-position: -180px 0; }

.tp_col, .tp_tree {
    width: 276px;
    height: 436px;
    background-repeat: no-repeat;
}

.tp_tree {
    height: 386px;
    position: relative;
}

.tp_col {
    height: 435px;
    float: left;
    margin: 0 4px;
    background-image: url(//gf2.geo.gfsrv.net/cdnad/ac7f6a07f69a349d7cf8b028acf0d7.jpg);
    -webkit-box-shadow: 2px 2px 5px #000000;
    -moz-box-shadow: 2px 2px 5px #000000;
    box-shadow: 2px 2px 5px #000000;
}

.tp_col2 { background-position: -276px 0; }
.tp_col3 { background-position: -552px 0; }

.tp_col, #tp_nav a, #tp_info, #tp_resetAll a, #tp_link {
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#talentplaner #left_points, #talentplaner #total_points {
    font-weight: bold;
    text-shadow: 1px 1px 0 black;
    padding: 3px 7px;
    border-radius: 5px;
    background: #207B9A; /* old browsers */
    background: -moz-linear-gradient(top, #207B9A 0%, #216173 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#207B9A), color-stop(100%,#216173)); /* webkit */
}

.tp_body, #tp_info, #tp_resetAll {
    margin-bottom: 10px;
}

.tp_title {
    height: 50px;
    padding: 6px 10px;
    font-size: 0.75em;
    position: relative;
}

.tp_title a {
    right: 10px;
    position: absolute;
    visibility: hidden;
}

.tp_col:hover .tp_title a {
    visibility: visible;
}

.tp_body:hover .tp_col {
    opacity: 0.8;
}

.tp_body:hover .tp_col:hover {
    opacity: 1;
}

.tp_title strong {
    color: #ffde70;
    font-size: 1.25em;
}

#tp_info, #tp_resetAll a {
    text-align: center;
    margin-bottom: 10px;
    font-size: 0.75em;
    padding: 6px 0 6px;
    background: #000;
    display: block;
}

#tp_resetAll a {
    color: #fff;
    text-decoration: underline;
}

#tp_resetAll a:hover {
    background: #222;
}

#tp_link {
    padding: 6px 15px 15px;
    background: #222;
}

#tp_link input {
    width: 100%;
    margin: 0;
    color: #000;
}

.skill_overlay {
    position: absolute;
    z-index: 999;
    width: 32px;
    height: 32px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #aaa;
    border-right: 3px solid #858585;
    border-bottom: 3px solid #858585;
    -webkit-box-shadow: 0 0 8px #000;
    -moz-box-shadow: 0 0 8px #000;
    box-shadow: 0 0 8px #000;
    cursor: pointer;
}

.skill_overlay:hover {
    -webkit-box-shadow: 0 0 4px #ba9343;
    -moz-box-shadow: 0 0 4px #ba9343;
    box-shadow: 0 0 4px #ba9343;
}

.skill_over_red {
    border: 3px solid #CC0000;
    border-right: 3px solid #800000;
    border-bottom: 3px solid #800000;
}

.skill_over_green {
    border: 3px solid #008000;
    border-right: 3px solid #004D00;
    border-bottom: 3px solid #004D00;
}

.skill_plus {
    position: absolute;
    left: 1px;
    top: 0;
}

.skill_text {
    background: #520807;
    border: 1px solid #ba9343;
    color: #d9ac6c;
    font-size: 0.625em;
    padding: 0 3px;
    position: absolute;
    z-index: 52;
    right: -8px;
    bottom: -8px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.item_tip { display: none; }

.skill_tip {
    text-align: left;
    padding: 0 8px 8px;
}

.skill_tip h4, .skill_tip p {
    font-size: 1em;
    line-height: 130%;
    margin-bottom: 0;
}

.skill_tip h4 {
    font-size: 1.2em;
}

.skill_tip ul, .skill_tip p {
    margin-bottom: 1.2em;
}

.skill_tip ul li {
    margin-bottom: 0.3em;
    font-weight: bold;
}

.skill_blockedBy { color: #9c2b16; }

.skill_tip .skill_tipClose {
    right: -5px;
    top: -5px;
}

.skill_tip .tipSolution {
    margin: 0 -16px -16px;
    background: #222 url(//gf2.geo.gfsrv.net/cdnd9/ccf8821c30acee69a3beaaf2149b1c.png) 16px 3px no-repeat;
    padding: 8px 16px 12px 54px;
    color:#ccc;
}

.dot {position:absolute;height:7px;width:7px;background:url(//gf3.geo.gfsrv.net/cdnec/e5114156ca62747b1bc579f4723f4e.gif) no-repeat 0 0;}

.thread_controls .editpost:hover {
    color: #FFFFFF;
    background: none repeat scroll 0 0 #207B9A;
}

.thread_controls .editpost {
    background: none repeat scroll 0 0 #114462;
    border: 0;
    padding: 5px 7px !important;
    color: #DDDDDD;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    line-height: 15px;
    min-width: 15px;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    font-size:11px;
    cursor:pointer;
    font-family: Verdana,sans-serif;
}

.staff_post_color{
    color:#ebcc67;
}

.staff_post_bg {
    background-image: url(//gf2.geo.gfsrv.net/cdn1d/ffec4018995a1fc3b21a2760bc9e53.png);
}

.answerclass {
    background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) no-repeat scroll left -614px transparent;
    display: block;
    height: 27px;
    margin: 1em auto;
    padding: 4px 0 0;
    width: 188px;
    cursor:pointer;
    text-align:center;
}

.answerclass:hover {
    background-position: left -645px;
}

#commentsubmit,
.edit_button,
.report_button,
.answer_button,
.quote_button {
    cursor:pointer;
}

/* bbcodes */

em.bbc {
    font-size: 1em;
}

.bbc_center {
    text-align: center;
}

.bbc_left {
    text-align: left;
}

.bbc_right {
    text-align: right;
}

input.bbc_spoiler_show {
    padding: 2px 5px;
    margin-bottom: 0 !important;
    color: black;
}

div.bbc_spoiler_content {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #0D1F35;
    padding: 5px 10px;
    margin: .25em 0;
}

blockquote.ipsBlockquote {
    display: block;
    padding: 8.5px 15px;
    margin: 0 0 1em 0;
    font-size: 12.025px;
    line-height: 18px;
    background-color: #0D1F35;
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    white-space: pre;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

blockquote.ipsBlockquote p {
    font-style:normal;
    margin: 0.5em 0;
}

blockquote {
    border-color: #FFDE70;
}

blockquote div {
    padding-bottom: 5px;
}

blockquote p:empty {
    visibility: hidden;
    display: none;
}

.quote_poster {
    font-size:12px;
    font-family: Verdana,sans-serif;
    color:#E9BD7F !important;
}

.character.item_detail .detail_left, .character.item_detail .detail_right, .character.item_detail .detail_cell, .item_detail .detail_cell {
    width: 405px;
    float: left;
    clear: left;
}

.package.detail_right {
    background-color: #111f30;
    border: 0;
    border-top: 1px solid #14263c;
    border-bottom: 1px solid #050f1c;
    padding: 10px;
}

.package .detail_right {
    width: 200px;
}

.character.item_detail .detail_right {
    float: right;
    clear: right;
}

.item_detail .detail_cell {
    width: 40%;
    margin: 1em 1em 0;
    clear: none;
}

.item_detail .detail_cell th {
    width: 33%;
    line-height: 16px;
}

.character.item_detail .detail_cell {
    display: block;
    width: 280px;
    margin: 4px 0 4px 10px;
    float: left;
    clear: none;
}

.character_info {
    background-image: url('//gf3.geo.gfsrv.net/cdnea/9011c526d7e62caed559a4a598ceaf.png');
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 424px;
    height: 300px;
}

.character_info .avatar, .character_info .character_class {
    position: absolute;
    top: 121px;
    left: 89px;
    margin-left: -18px;
    z-index: 9;
}

.character_info .character_class {
    left: 163px;
}

.character_info .items {
    width: 100%;
    height: 100%;
}

.character_info .items .item {
    width: 32px;
    height: 32px;
    line-height: 1em;
    position: absolute;
    z-index: 999;
}

.character_info .items .item .tooltip {
    z-index: 9;
    font-size: .8em;
}

.character_info .items .icon_display {
    display: block;
    float: left;
    margin: 5px;
}

.character_info .items a {
    margin-top: 10px;
    font-size: .7em;
}

.character_info .faction {
    width: 251px;
    height: 137px;
    position: absolute;
    top: 13px;
    left: 62px;
}

.character_info .faction .health, .character_info .faction .mana {
    position: absolute;
    font-size: .7em;
    top: 45px;
    right: 15px;
    font-weight: bold;
    text-shadow: black 1px 1px 1px;
}

.character_info .faction .mana {
    top: 79px;
}

.character_info .faction.id-0 {
    background-image: url('//gf1.geo.gfsrv.net/cdn93/2b93790ae796b5322bb2841118b7c3.png');
}

.character_info .faction.id-1 {
    background-image: url('//gf2.geo.gfsrv.net/cdn77/e39a7b2372b5a9cf38c2518a5f9de3.png');
}

.character_info .faction.id-4, .character_info .faction.id-2 {
    background-image: url('//gf3.geo.gfsrv.net/cdn80/84c36240771b6c93318c1259db523f.png');
}

.character_info .skills {
    position: absolute;
    top: 273px;
    left: 20px;
    -webkit-box-shadow: 0 0 2px black;
    -moz-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
    color: #9EE9FF;
}

.character_info .skills div {
    font-weight: bold;
    float: left;
    font-size: .8em;
    padding: 1px 8px 3px;
}

.character_info .skills .points {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    margin-left: 10px;
    -moz-border-radius: 3x;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid black;
    border-bottom: 1px solid #111;
}

.t_Content table th {
    text-align: left;
}

/* Weapons and Accessories */
.position-0, .position-1, .position-2, .position-9, .position-10, .position-11, .position-12, .position-13 {
    top: 230px;
    left: 120px;
}

.position-1 { left: 46px; }
.position-2 { left: 83px; }
.position-10 { left: 188px; }
.position-11 { left: 225px; }
.position-9 { left: 262px; }
.position-12 { left: 299px; }
.position-13 { left: 336px; }

/* Armor */
.position-3, .position-4, .position-5, .position-6, .position-7, .position-8 {
    left: 373px;
    top: 45px;
}

.position-5 { top: 82px; }
.position-6 { top: 119px; }
.position-8 { top: 156px; }
.position-7 { top: 193px; }
.position-4 { top: 230px; }

/* Costumes */
.position-15, .position-16, .position-17, .position-18 {
    left: 336px;
    top: 45px;
}

.position-16 { top: 82px; }
.position-17 { top: 119px; }
.position-18 { top: 156px; }

.social_container {
    margin-top: 10px;
    height: 42px;
    width: 100%;
}

.social_container .left {
    float: left;
}

.social_container .right {
    float: right;
}

ul.tree, ul.tree ul {
    list-style-type: none;
    background: url(//gf1.geo.gfsrv.net/cdn95/009d03d75d4c636e918c6efd065c92.png) repeat-y !important;
    margin: 0;
    padding: 0;
}

ul.tree ul {
    margin-left: 0;
}

ul.tree li {
    display: list-item;
    margin: 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px !important;
    background: url(//gf3.geo.gfsrv.net/cdn86/55f302341fa0bcc68d91d3120ad9c6.png) no-repeat !important;
}

ul.tree li span {
    background-position: 0 -1px;
}

ul.tree li.last {
    background: #000 url(//gf1.geo.gfsrv.net/cdn66/cfba91c45bd02be0925e748943848e.png) no-repeat !important;
}

.item_detail div.avatar {
    width: 80px;
    float: left;
    margin-right: 20px;
    min-height: 300px;
    text-align: center;
}

.item_detail .detail_left {
    margin-bottom: 1em;
}

.item_detail .detail_left td, .item_detail .detail_right td {
    min-height: 22px;
}

.item_detail .detail_left td ul li, .item_detail .detail_right td ul li {
    font-weight: normal;
    padding: 0;
    margin: 3px 0;
    font-size: 1em;
    line-height: 1.3em;
}

.forcelist li {
    color: #8ACEE3;
    list-style:square;
    font-size: 0.7875em;
    margin-left: 15px;
}

.topic_item{
    font-size: 11px;
}

.topic_item a {
    vertical-align: text-top;
}

.thread_edited {
    background-color:rgba(0,0,0,0.2);
    border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    line-height: 15px;
    min-width: 15px;
    padding: 3px 5px;
    text-decoration: none;
    color: #ddd;
    font-size: 11px;
    clear: left;
}

.thread_reported {
    background-color:rgba(255,0,0,0.4);
    border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    line-height: 15px;
    min-width: 15px;
    padding: 3px 5px;
    text-decoration: none;
    color: #ddd;
    font-size: 11px;
    clear: left;
}

#fancybox-outer, #fancybox-content {
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background-color: white;
    border-color: white !important;
}

#scrollFrame {
    width: 680px;
    min-height: 460px;
    position: relative;
    overflow: hidden;
}

.rankingTable #scrollFrame {
    height: 540px;
}

#scrollFrame.characterTable {
    height: 520px;
}

#scrollFrame.postTable {
    height: 520px;
}

#scrollFrame.forumTable {
    height: 520px;
}

#scrollFrame.forumTable td {
    height: 38px;
}

#scrollFrame.forumTable .topic_item {
    float: right;
}

.search_box_inner #scrollFrame {
    width: 100%;
    max-width: 660px;
}

.map .detail {
    height:400px; width:400px; position:relative; display:block;
}

.lex_box_small .item_detail .detail_merchant table {
    width: 410px;
}

.lex_box_small .item_detail .detail_merchant {
    overflow: auto;
    height: 400px;
}

.item_detail table td, .item_detail table th {
    width: auto;
    line-height: 18px;
}

.character.item_detail td {
    text-align: right;
}

.character.item_detail td h3 {
    text-align: left;
}

.character.item_detail th {
    white-space: nowrap;
}

.item_detail table th.large, .item_detail table td.large {
    width: 60%;
}

div#nav_macro li small {
    background-color: #0A1727;
    padding: 2px 5px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */
}

#forum-banner-side {
    width:auto;
    height:auto;
    position: absolute;
    left: 97%;
    top: -100px;
}

#forum-banner-side img {
    padding-top: 13px;
}

#forum-banner-top {
    width:auto;
    height:auto;
    position: relative;
    text-align:center;
    margin: 0 auto 10px;
}

/* disable this submit button */
.pageButton {
    visibility: hidden;
    display: none;
}

.enc_dropdown {
    margin: 0;
    float: left;
    line-height: 15px;
    margin-top: 5px;
}