/* 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: 640px;
}

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

.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 {
    background: url(http://gf1.geo.gfsrv.net/cdnea/685724e9b32b06c4b0adfbb87b183f.jpg) no-repeat scroll left -614px transparent;
    height: 27px;
    margin: 1em auto;
    padding: 4px 0 0;
    width: 188px;
}

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

#encyclopedia .hide_filter {
    background: url(http://gf1.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;
}

.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(http://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;
}

.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(http://gf1.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) no-repeat scroll left top transparent;
    border: 1px solid #000;
    border-top: none;
}

.item_detail table td,.item_detail table th {
    background-color: #021e33;
    background-color: rgba(2,30,51,0.7);
    border:0;
    padding: 5px 10px;
    width: 150px;
    border-top: 1px solid #193B58;
    border-bottom: 1px solid #08131C;
}

.item_detail .row_odd td,.item_detail .row_odd th {
    background-color: #132d43;
    background-color: rgba(19,46,67,0.7);
}

.item_detail table th {
    text-align: left;
    font-weight: normal;
    background-image: url(http://gf1.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(http://gf1.geo.gfsrv.net/cdn5a/1bc56dbd9b7640ea578e3ee216da2a.gif); }
#encyclopedia .silver, .silver { background: url(http://gf1.geo.gfsrv.net/cdn5a/1bc56dbd9b7640ea578e3ee216da2a.gif) -30px top; }
#encyclopedia .bronze, .bronze { background: url(http://gf1.geo.gfsrv.net/cdn5a/1bc56dbd9b7640ea578e3ee216da2a.gif) -60px top; }

.comments .comment, .search_result {
    background: #285B9A; /* old browsers */
    background: -moz-linear-gradient(top, #285B9A 0%, #1D4372 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#285B9A), color-stop(100%,#1D4372));
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #285B9A;
    -webkit-box-shadow: 0 0 1px #000000;
    -moz-box-shadow: 0 0 1px #000000;
    box-shadow: 0 0 1px #000000;
    display: block;
    margin: 10px 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 div:hover, .search_result:hover {
    background: -moz-linear-gradient(top, #1b4d88 0%, #122d4b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b4d88), color-stop(100%,#122d4b));
}

.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 #0D1F35;
    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(http://gf1.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;
    color: #8ACEE3;
}

.enc_nav_util li {
    float: left;
    padding: 1px 7px;
}

/* tablesorter */

table.tablesorter thead tr .header span {
    background-image: url(http://gf1.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(http://gf1.geo.gfsrv.net/cdn4b/852c04f9b94a81effd9004f59153bf.gif);
    text-decoration: underline;
}
table.tablesorter thead tr .headerSortDown span {
    background-image: url(http://gf1.geo.gfsrv.net/cdnd0/e71a9333f7e1818eb59316d80bfc2f.gif);
    text-decoration: underline;
}
.tablesorter th span {
    width: 100%;
    display: block;
    padding-left: 12px;
}
.sortName { display: none; }

/* quests */

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(http://gf1.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(http://gf1.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(http://gf1.geo.gfsrv.net/cdnda/01637702908bb5e513886026f351fa.jpg);
    width: 700px;
}

.lex_box_inner, .search_box_inner {
    background:url(http://gf1.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;
}

.search_box_inner {
    background: url(http://gf1.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;
    -webkit-box-shadow: 0 0 3px #000000;
    -moz-box-shadow: 0 0 3px #000000;
    box-shadow: 0 0 3px #000000;
    /*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 td {
    _height: 24px;
    min-height: 24px !important;
    position: relative;
}

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

.enc_result td, .thread_item {
    padding: 6px 10px;
    border: 0 none;
    border-top: 1px solid #2a768d;
    word-wrap: break-word;
    word-break: keep-all;
    /*    border-left: 1px solid #2a768d;
        border-right: 1px solid #000;*/
    border-bottom: 1px solid #000;
    background: #072B40; /* old browsers */
    background: -moz-linear-gradient(top, #072B40 0%, #0A1924 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#072B40), color-stop(100%,#0A1924)); /* webkit */
}

.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: 500px;
}

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

.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: middle;
}

.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:hover {
    color: #FFE79B;
}

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

#forum.enc_result table a:visited {
    color: #529db1;
}

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

.enc_result .odd td, .thread_odd {
    background: #114462; /* old browsers */
    background: -moz-linear-gradient(top, #114462 0%, #0C374F 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114462), color-stop(100%,#0C374F)); /* webkit */
}

.enc_result tr:hover td, .thread_item:hover {
    background: -moz-linear-gradient(top, #114462 0%, #207B9A 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#114462), color-stop(100%,#207B9A)); /* webkit */
}

.lex_box_small {
    background: #000 url(http://gf1.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(http://gf1.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 {
    background: url(http://gf1.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 {
    background: url(http://gf1.geo.gfsrv.net/cdnfb/97ffff1d27537362d03d9248e752a9.png);
}

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

#encyclopedia .helplink {
    padding: 0.3em 24px 0.3em 18px;
    background: url(http://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_controls a:hover, .filter_active a:hover {
    text-decoration: underline;
}

.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: 5px 7px;
    margin: 2px;
}

.enc_pager a:hover, .thread_controls a.active, #forum .enc_pager a.active {
    margin: 1px;
    text-decoration: none;
    background-color: #17375D;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17375D), color-stop(100%,#111E31));
    background: -moz-linear-gradient(top, #17375D 0%, #111E31 100%);
    -webkit-box-shadow: 0 0 1px #000000;
    -moz-box-shadow: 0 0 1px #000000;
    box-shadow: 0 0 1px #000000;
    border: 1px solid #17375D;
}

.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;
    -webkit-border-radius: 5px;
    -mozilla-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 {
    position: absolute;
    right: 10px;
    top: 12px;
    padding: 5px 7px;
    border-radius: 5px;
    background-color: #17375D;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17375D), color-stop(100%,#111E31));
    background: -moz-linear-gradient(top, #17375D 0%, #111E31 100%);
    -webkit-box-shadow: 0 0 1px #000000;
    -moz-box-shadow: 0 0 1px #000000;
    box-shadow: 0 0 1px #000000;
    border: 1px solid #17375D;
}

.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(http://gf1.geo.gfsrv.net/cdn11/f3cfee29c2b42850aebcadc9058ff3.gif) left top repeat-x;
}

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

#enc_overlay {
/*        background: url(http://gf1.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(/cdn/img/ui/share.png) }
span#enc_comment { background-image: url(/cdn/img/ui/comment.png) }
span#enc_remember { background-image: url(http://gf1.geo.gfsrv.net/cdn0b/20d5383f2325dcdc2732543a6742f3.png); width: 23px; }

.row_pinned  span#enc_remember, .row_pinned span#enc_remember:hover {
    background: url(http://gf1.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(http://gf1.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: 0px;
}

#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(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.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 {
    float: left;
    padding-left: 20px;
    width: 580px;
}

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

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

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

.forum_item {
    padding: 12px;
    width: 239px;
    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: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-shadow: #002438 0 0 2px;
}

.forum_extraItems .forum_item { display: none; }

.forum_groupNoDesc .forum_item {
    height: 35px;
}

.forum_item: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));
}

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

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

.forum_item h3 a {
    color: #A4F7FF;
}

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

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

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

.forum_icon img {
    width: 32px;
    height: 32px;
}

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

.forum_showMore a { color: #fff; }

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

/* thread list */

#forum .enc_pager a, .thread_controls a  {
    /*    background:#114462;*/
    border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    line-height: 15px;
    min-width: 15px;
    padding: 2px;
    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 {
    background: #207B9A;
}

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

#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(http://gf1.geo.gfsrv.net/cdnc7/aa4edbbd84bb51b1ec85ec8364d0a3.png) left 25% no-repeat;
    float: left;
}

.state_sticky { background-image: url(http://gf1.geo.gfsrv.net/cdnbc/83729decab7d12cb6b43d25b679032.png); }
.state_new { background-image: url(http://gf1.geo.gfsrv.net/cdn07/92575ad5abb9ba116e9c0f21f21b15.png); }
.state_new_hot { background-image: url(http://gf1.geo.gfsrv.net/cdn46/f3c58b39e5d381df7001afb100f8c2.png); }
.state_hot { background-image: url(http://gf1.geo.gfsrv.net/cdnaf/2182f652e8480d5d683b868d58b4dc.png); }
.state_closed { background-image: url(http://gf1.geo.gfsrv.net/cdn72/d0e3f15b615d2f57b1ba70d5bc1d5b.png); }

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

span.staff {
    padding-right: 52px;
    background: url(http://gf1.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;
    padding-left: 15px;
    background: url(http://gf1.geo.gfsrv.net/cdn8b/99d52faa65cc3bf6faa4924633e930.gif) left center no-repeat;
    right: 0;
    top: 30%;
}

/* thread */

.thread_controls a  {
    padding: 5px 7px !important;
    border: 0;
    border-radius: 5px;
    font-weight: bold;
}

.thread_controls a:hover  {
    box-shadow: 1px 1px 1px black;
    -moz-box-shadow: 1px 1px 1px black;
    -webkit-box-shadow: 1px 1px 1px black;
}

.thread_item p {
    color: #8ACEE3;
}

.thread_item .submit {
    background: url(http://gf1.geo.gfsrv.net/cdnea/685724e9b32b06c4b0adfbb87b183f.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: 217px;
    float: left;
    text-shadow: #002438 0 0 2px;
}

.spkr_title {
    width: 141px;
    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 {
    font-size: 0.7375em;
    padding: 3px 0 8px 0;
}

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

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

.spkr_name {
    font-weight: bold;
    color: #9EE9FF;
    text-decoration: none;
    font-size: 0.75em;
}

.spkr_slogan {
    font-weight: bold;
}

.spkr_slogan, .spkr_class {
    font-size: 0.6875em;
}

.thread_meta {
    font-size: 0.6875em;
    text-align: left;
    line-height: 150%;
    margin-bottom: 10px;
}

.thread_nr {
    font-weight: bold;
    float:right;
}

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

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

.thread_body, #thread_replyForm {
    margin: 0 10px 0 217px;
    word-wrap: break-word;
    word-break: keep-all;
    min-height: 100px;
}

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

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

.thread_controls {
    font-size: 0.5875em;
    clear: both;
    padding: 0.5em 0 0.5em 210px;
    visibility: hidden;
    position: relative;
}

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

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

#thread_replyForm .submit {
    float: right;
}

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

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

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

#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;
}

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

/* 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: 0px 0px 10px #000000;
    -moz-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 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(http://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(http://gf1.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: 0px 0px 8px #000;
    -moz-box-shadow: 0px 0px 8px #000;
    box-shadow: 0px 0px 8px #000;
    cursor: pointer;
}

.skill_overlay:hover {
    -webkit-box-shadow: 0px 0px 4px #ba9343;
    -moz-box-shadow: 0px 0px 4px #ba9343;
    box-shadow: 0px 0px 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: 0px 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: 0em;
}

.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 {
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000 inset;
}

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

.skill_tip .tipSolution {
    margin: 0 -16px -16px;
    background: #222 url(http://gf1.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(http://gf1.geo.gfsrv.net/cdnec/e5114156ca62747b1bc579f4723f4e.gif) no-repeat 0 0px;}

.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(http://gf1.geo.gfsrv.net/cdned/bceb695961406022270a7097c040b8.png);
}

.answerclass {
    background: url(http://gf1.geo.gfsrv.net/cdnea/685724e9b32b06c4b0adfbb87b183f.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;
}

/*blockquote{
    background:#207B9A;
    opacity: 50%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin:.25em 0em 1em;
    padding: .5em 1em 1em 1em;
    quotes:"\201C""\201D";
    box-shadow: 1px 1px 1px #072B40;
}
blockquote:before{color:#9EE9FF;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}
blockquote :first-child{display:inline;}
blockquote :last-child{margin-bottom:0;}

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

blockquote.forum_quote {
    color: #E9BD7F !important;
    border-color: rgba(255, 222, 112, 0.4);
}

blockquote.forum_quote p {
    font-style:normal;
}

blockquote {
    border-color: #FFDE70;
}

blockquote {
    border-color: #000000;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 3px;
    margin: 0 0 5px 25px;
    padding: 10px;
}

blockquote div {
    padding-bottom: 5px;
}

.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: 48%;
    float: left;
    clear: left;
}

.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;
    float: left;
    clear: none;
}

.character_info {
    background-image: url('/cdn/img/character/info.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('/cdn/img/character/hp_valorian.png');
}

.character_info .faction.id-1 {
    background-image: url('/cdn/img/character/hp_derion.png');
}

.character_info .faction.id-4, .character_info .faction.id-2 {
    background-image: url('/cdn/img/character/hp_gor.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;
}

/* 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(/cdn/img/tree/vline.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(/cdn/img/tree/node.png) no-repeat !important;
}

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

ul.tree li.last {
    background: #000 url(/cdn/img/tree/lastnode.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(17,68,98,0.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    line-height: 15px;
    min-width: 15px;
    padding: 2px;
    text-align: right;
    text-decoration: none;
    color: #ddd;
    float:right;
    margin-top: -16px;
    font-size: 11px;
}

.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: 2px;
    text-align: right;
    text-decoration: none;
    color: #ddd;
    float:right;
    margin-top: -16px;
    font-size: 11px;
}

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

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

.rankingTable #scrollFrame {
    height: 580px;
}

#scrollFrame.characterTable, #scrollFrame.forumTable {
    height: 540px;
}

#scrollFrame.postTable {
    height: 540px;
}

.search_box_inner #scrollFrame {
    width: 100%;
}

.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;
}

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