/* Layout */

* {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    text-decoration: none;
}

*:focus {
    outline: 0 none;
}

hr {
    background-color: #fff;

    border-width: 0;
    color: #fff;
    height: 1px;

    line-height: 0;

    page-break-after: always;
    text-align: center;

    margin: .75em 0 .5em;
}

ul li { list-style: none; }

html, body {
    width:100%;
    height: 100%;
    background: #000 url(//gf2.geo.gfsrv.net/cdn78/59ad78df222be12ef3c12bf518a47d.jpg) center top no-repeat;
    /*box-shadow: 10px -10px 35px #8e4a41;*/
}

#selectName > #name{
    width: 50%;
    margin: 30px 25%;
    height: 35px;
    border: 1px solid #EEE;
    background: -moz-linear-gradient(top, #8C8C8C 0%, white 37%);
    background: -webkit-linear-gradient(top, #8C8C8C 0%,white 37%);
    background: -ms-linear-gradient(top, #8C8C8C 0%,white 37%);
    background: linear-gradient(top, #8C8C8C 0%,white 37%);
}
#selectName > span.submit{
    margin: 0 25%;
    width: 50%;
    padding: 0;
}

body {
    font-family: Verdana, sans-serif !important;
    color: #fff;
}

del {
    text-decoration: line-through;
}

u {
    text-decoration: underline;
}

#nav_main>ul>li>a, h1, .content_teaser h2, .news_head h2, span.submit strong, .answerclass, .ibTitle span,
.media_title span, .channel, #account .loginLink, .ltTitle, .slideText h3,
#content .buttonBig h3, #account_handle strong, .usertab strong, #logout span, .contentBox .shop_showcase h2,
#content_related .button h3, .content_teaser label, .ranking span, .ib_more span, #content .contentBox *:not(.shopBtn_inner)>h2,
.news_body h2, .buttonXXL span, #shop_btnNav>ul>li>a {
    font-weight: bold;
}

#nav_main .homelink:link, #nav_main .homelink:visited {
    border: 0 none;
    left: -15px;
    top: -155px;
    z-index: 999;
    padding: 0;
}

#nav_main .homelink:link, #nav_main .homelink:visited, .homelink .hlA, .homelink .hlB {
    display: block;
    width: 320px;
    height: 160px;
    position: absolute;
}

.homelink .hlA, .homelink .hlB {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: url(//gf1.geo.gfsrv.net/cdnc3/ebf2dabe3cd1d8e0c225c8b8ecb085.png);
    overflow: hidden;
    text-indent: -1000px;
    left: 0;
    top: 0;
}

.homelink.country_hu .hlA, .homelink.country_hu .hlB {
    background: url(//gf2.geo.gfsrv.net/cdn75/bf39d7f437c32107076a9e4e9874e2.png);
}

.homelink .hlB {
    background-position: 0 -178px;
    opacity: 0;
}

.homelink:hover .hlB { opacity: 0.99; }

#outerShell {
    background: #000 url(//gf2.geo.gfsrv.net/cdn78/59ad78df222be12ef3c12bf518a47d.jpg) center top no-repeat;
    width: 100%;
    overflow: visible;
}

#outerShell.legacy_background  {
    background: #000 url(//gf1.geo.gfsrv.net/cdnfe/248c166f93aa9fc38b26675cef520c.jpg) center top no-repeat !important;
}

#play_online #outerShell {
    background-image: url(//gf3.geo.gfsrv.net/cdne0/c59f1e4374a503cfeff3e48d0cee49.jpg);
    min-height: 100%;
}

#innerShell {
    width: 1094px;
    margin: 0 auto -265px;
    padding-top: 165px;
    position: relative;
}

#content {
    background: url(//gf3.geo.gfsrv.net/cdnb6/d61df2a01926955510b875f6b1be9d.jpg) center top no-repeat;
    min-height: 1024px;
    padding: 15px 60px;
    position: relative;
}

#content.bgPic1 {
    background: url(//gf3.geo.gfsrv.net/cdnb4/ccb7748301b1ddfd93ef87b083247b.jpg) center top no-repeat;
}

#content.mainAreaGallery {
    background: url(//gf1.geo.gfsrv.net/cdn96/c90b08497ec67878439cf11aa03362.jpg) center top no-repeat;
    min-height: 1024px;
}

#content.mainAreaEncyclopedia, #content.mainAreaForum {
    background: url(//gf3.geo.gfsrv.net/cdn27/f68480359a93460444d3b9251b51d1.jpg) center top no-repeat;
    min-height: 1024px;
}

#content_main {
    float: right;
    width: 749px;
    padding: 12px 0 0 0;
    overflow: hidden;
    position: relative;
}

#content_related {
    float: left;
    width: 225px;
    padding: 12px 0 0 0;
    position: relative;
    z-index: 899;
}

#content_related .footer {
    text-align: center;
}

.col-left {
    width: 48%;
    float: left;
}

.col-right {
    width: 48%;
    float: right;
}

.col-right-nohead { padding-top: 2.25em; }

.infoBlock p { padding-left: 10px; }
.infoBlock strong { text-indent: -10px; }
.reqTable {
    font-size: 0.6875em;
    padding-left: 10px;
}

.reqTable th,.reqTable td { padding: 0 15px 1px 0; color: #000 !important; }
.reqTable th { text-align: left; }

/* Buttons */

.button-wrapper, .package .progress, .shop-package .progress, .accLogout, span.submit, .enc_action, .enc_nav_util, a.itemBuy, div.itemBuy, .balance, .thread_controls {
    position: absolute;
    display: block;
    font-size: 0.825em;
    font-weight: bold;
    line-height: 32px;
    background-color: #09111A;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #101D2D), color-stop(0, #09111A));
    background-image: -webkit-linear-gradient(center bottom, #101D2D 0%, #09111A 100%);
    background-image: -moz-linear-gradient(top, #101D2D 0%, #09111A 100%);
    background-image: -o-linear-gradient(top, #101D2D 0%, #09111A 100%);
    background-image: -ms-linear-gradient(top, #101D2D 0%, #09111A 100%);
    background-image: linear-gradient(top, #101D2D 0%,#09111A 100%);
    float: left;
    padding: 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0,rgba(0,0,0,0.5) 0 1px 1px 1px inset;
    -moz-box-shadow: rgba(255,255,255,0.1) 0 1px 0,rgba(0,0,0,0.5) 0 1px 1px 1px inset;
    box-shadow: rgba(255,255,255,0.1) 0 1px 0,rgba(0,0,0,0.5) 0 1px 1px 1px inset;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    width: 200px;
    -webkit-background-clip: padding-box;
    -moz-background-clip:  padding-box;
    background-clip: padding-box;
}

.button-face, .package .progress .status, .shop-package .progress .status, .package .progress .bar, .shop-package .progress .bar, .accLogout span,
span.submit strong, span.submit a strong, .enc_action a, .enc_nav_util li a, a.itemBuy span, div.itemBuy span, .balance strong, .thread_controls a {
    display: block;
    margin: 0;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #2D70A4;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #589CD0), color-stop(0, #2D70A4));
    background-image: -webkit-linear-gradient(center bottom, #589CD0 0%, #2D70A4 100%);
    background-image: -moz-linear-gradient(top, #589CD0 0%, #2D70A4 100%);
    background-image: -o-linear-gradient(top, #589CD0 0%, #2D70A4 100%);
    background-image: -ms-linear-gradient(top, #589CD0 0%, #2D70A4 100%);
    background-image: linear-gradient(top, #589CD0 0%,#2D70A4 100%);
    -moz-box-shadow: rgba(255,255,255,0.3) 0 1px 0 inset,#1F4489 0 1px 0,rgba(0,0,0,0.3) 0 2px 2px;
    -webkit-box-shadow: rgba(255,255,255,0.3) 0 1px 0 inset,#1F4489 0 1px 0,rgba(0,0,0,0.3) 0 2px 2px;
    box-shadow: rgba(255,255,255,0.3) 0 1px 0 inset,#1F4489 0 1px 0,rgba(0,0,0,0.3) 0 2px 2px;
    text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
    border: 1px solid #3E7AA8;
    border-top: 1px solid #508FBE;
    border-bottom: 3px solid #25608E;
    text-align: center;
    text-decoration: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.button-wrapper .button-face:hover, .package .progress a.bar:hover, .shop-package .progress a.bar:hover, .accLogout:hover span,
span.submit strong:hover, span.submit a.copy.hover strong, .enc_action a:hover, .enc_nav_util li a:hover, a.itemBuy:hover span, .balance:hover strong,
.thread_controls a:hover {
    background-color: #327EB8;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #6CA8D5), color-stop(0, #327EB8));
    background-image: -webkit-linear-gradient(center bottom, #6CA8D5 0%, #327EB8 100%);
    background-image: -moz-linear-gradient(top, #6CA8D5 0%, #327EB8 100%);
    background-image: -o-linear-gradient(top, #6CA8D5 0%, #327EB8 100%);
    background-image: -ms-linear-gradient(top, #6CA8D5 0%, #327EB8 100%);
    background-image: linear-gradient(top, #6CA8D5 0%,#327EB8 100%);
    border: 1px solid #4587BA;
    border-top: 1px solid #639AC5;
    border-bottom: 3px solid #2A6EA2;
    text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
    cursor: pointer;
    text-decoration: none;
}

.button-wrapper .button-face.disabled, .package .progress.disabled .bar, .package .progress.disabled .bar:hover, .package .progress.disabled .bar:active,
.balance strong, .balance:hover strong, .balance:active strong, a.itemBuy.needMoney span, div.itemBuy.needMoney span, span.submit.needMoney strong {
    margin-top: 2px;
    background-color: #707070;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #9c9c9c), color-stop(0, #707070));
    background-image: -webkit-linear-gradient(center bottom, #9c9c9c 0%, #707070 100%);
    background-image: -moz-linear-gradient(top, #9c9c9c 0%, #707070 100%);
    background-image: -o-linear-gradient(top, #9c9c9c 0%, #707070 100%);
    background-image: -ms-linear-gradient(top, #9c9c9c 0%, #707070 100%);
    background-image: linear-gradient(top, #9c9c9c 0%,#707070 100%);
    -moz-box-shadow: rgba(255,255,255,0.1) 0 1px 0 inset,#555 0 1px 0,rgba(0,0,0,0.3) 0 2px 2px;
    -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0 inset,#555 0 1px 0,rgba(0,0,0,0.3) 0 2px 2px;
    box-shadow: rgba(255,255,255,0.1) 0 1px 0 inset,#555 0 1px 0,rgba(0,0,0,0.3) 0 2px 2px;
    text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
    border: 1px solid #777;
    border-top: 1px solid #bebebe;
    border-bottom: 3px solid #555;
    outline: 0;
    cursor: default;
}

.button-wrapper .button-face:active, .package .progress a.bar:active, .accLogout:active span,
span.submit:active strong, span.submit a.copy.active strong, .enc_action a:active, .enc_nav_util li a:active, a.itemBuy:active span, div.itemBuy.needMoney span, .balance:active strong, .balance:focus strong,
a.itemBuy.needMoney span, span.submit.needMoney strong, .thread_controls a:active {
    border-bottom-width: 1px !important;
    outline: 0;
    margin-top: 2px !important;
}

.thread_controls a:active {
    margin-top: 0;
}

/* FancyBox */

#fancybox-overlay { z-index: 100001 !important; }
#fancybox-wrap { z-index: 100002 !important; }

.overlayForm input {
    margin: 0.5em 0 0 0;
    padding: 3px;
    color: #000;
}

#globalMessage, #reportInfo, #loginInfo, .replyTo img, .replyTo .comment_feedback, .replyTo .comment_vote, #writeComment, #uploadScreen, #shareIt,.overlayForm #enc_sharePane  .close {
    display: none;
}

.overlayForm #enc_sharePane {
    display: block;
    width: 530px;
    height: 240px;
    overflow: hidden;
    top: 0;
    left: 0;
    right: auto;
    background: none;
    font-size: 1em;
}

#fancybox-content {
    background-color: #000;
}

.overlayForm  {
    width: 540px;
    min-height: 250px;
    padding: 10px 10px 10px 10px;
    background: #091c27; /* old browsers */
    background: -moz-linear-gradient(top, rgba(10,56,86,1), rgba(9,28,39,1)); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,56,86,1)), color-stop(100%,rgba(9,28,39,1))); /* webkit */
}

.overlayForm form, .overlayMsg form  {
    width: 100%;
    overflow: hidden
}

/* news */

.mainAreaNews #content_main {
    padding: 12px 0 0 12px;
    width: 708px;
}

.mainAreaLeft #content_related,
.mainAreaNews #content_related {
    width: 247px;
}

.mainAreaNews #nav_macro {
    width: 235px;
}

/* media */

.mainAreaGallery #content_main {
    padding: 26px 0 0 30px;
    height: 560px;
}

.mainAreaOnly #content_main {
    float: none;
    width: 100%;
}


/* gallery */

.mainAreaGallery h1 {
    margin-bottom: 30px;
}

#pager {
    bottom: 18px;
    height: 22px;
    left: 162px;
    position: absolute;
    width: 525px;
    padding: 8px 70px 0;
    text-align: center;
    font-size: 0.6875em;
    font-weight: bold;
}

.news #pager {
    position: relative;
    top: 0;
    left: 0;
    width: 399px;
    background: url(//gf1.geo.gfsrv.net/cdn6d/d18e01cd13ea35425031fc450fc9db.jpg) left -6px no-repeat;
    height: 43px;
    padding: 29px 150px 0;
    /* margin-bottom: 110px; */
}

#pager span {
    margin: 0 5px;
}

#pager a {
    text-decoration: none;
}

#pager a:hover {
    color: #fff;
}

#pager_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 1002;
    outline: 0 none;
    overflow: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    cursor: progress;
}

#pager_overlay img {
    position: relative;
    left: 50%;
    top: 60px;
    margin-left: -8px;
}

.pagerControlLeft, .pagerControlRight {
    position: absolute;
    left: 12px;
    top: 5px;
}

.pagerControlRight {
    left: auto;
    right: 12px;
}

.news .pagerControlLeft, .news .pagerControlRight {
    left: 105px;
    top: 26px;
}

.news .pagerControlRight {
    left: auto;
    right: 105px;
}

.pagerControlRight span, .pagerControlLeft span {
    display: none;
}

.pagerControlRight a, .pagerControlLeft a {
    float: left;
    height: 22px;
    width: 18px;
    margin: 0 0 0 8px;
}

.pagerFirst { background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) left -407px no-repeat; }
.pagerPrev { background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) -22px -407px no-repeat; }
.pagerNext{ background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) left -437px no-repeat; }
.pagerLast  { background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) -20px -437px no-repeat; }

/* normal subpages */

.mainAreaLeft #content_main {
    float: left;
    padding: 12px 10px 0 0;
    width: 710px;
}

.mainAreaLeft #content_related {
    float: right;
}

.mainAreaLeft .contentBox {
    margin-left: 10px;
}
.contentBox ul, .news_body ul {
    padding: 0.6em 0;
}

.contentBox ul ul, .news_body ul ul {
    margin: 0 0 .5em 0;
    padding: 0 0 0 2em;
}

.contentBox ul ul li, .news_body ul ul li {
    display: list-item;
    background-image: none;
    color: white;
    margin-bottom: .25em;
}

.contentBox form ul ul li, .news_body form ul ul li {
    list-style-type: none;
}

.contentBox ul ul li:last-child, .news_body ul ul li:last-child { margin-bottom: 0; }

.contentBox ul li, .item_detail ul li, .contentBox ol li, .item_detail ol li, .news_body ul li  {
    line-height: 120%;
    min-height: 16px;
    font-size: 0.75em;
    color: #ffe79b;
    margin: 0 0 0.5em 0;
    display: block;
    padding-left: 28px;
    background: url(//gf1.geo.gfsrv.net/cdn98/906ac2d96466a3757736bd20382d9a.png) 12px 2px no-repeat;
}

.contentBox ul li strong, .item_detail ul li strong, .contentBox ol li strong, .item_detail ol li strong, .news_body ul li strong {
    border-bottom: 1px solid;
}

.contentBox ul li a, .news_body ul li a {
    text-decoration: none;
    border-bottom: 0;
}

.item_detail ol li {
    display: list-item;
    list-style-position: inside;
}

.mainAreaNews .news_body img {
    float: right !important;
}

.news_body table {
    font-size: 12px;
    margin: 1em auto 2em;
    width: 80%;
    border-collapse: collapse;
}

.news_body thead th {
    text-align: left;
    padding: 0 1em .5em 0;
    border-bottom: 1px solid white;
}

.news_body tbody td {
    padding: .25em 2em .25em 0;
    border-bottom: 1px dotted white;
    width: auto;
}

.contentBox {
    /*width: 699px;*/
    width: 739px;
    margin: 0 0 1em 0;
    -webkit-box-shadow: 0 0 5px #000000;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
    -moz-border-radius: 17px;
    border-radius: 17px;
}

.cBoxTitle {
    height: 31px;
    padding: 11px 16px 0;
    background: url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) no-repeat scroll left -64px transparent;
    -moz-border-radius: 17px 17px 0 0;
    border-radius: 17px 17px 0 0;
}

.mainAreaLeft .cBoxTitle {
    background-position: left -106px;
}

.cBoxBody {
    background: url(//gf2.geo.gfsrv.net/cdna6/4591749514ffed599a6d31826d7178.jpg) left bottom repeat-y;

    -moz-border-radius: 0 0 17px 17px;
    border-radius: 0 0 17px 17px;
}

.cBoxInner {
    padding: 15px 16px;
    margin: 0 auto;
    background: url(//gf2.geo.gfsrv.net/cdna6/4591749514ffed599a6d31826d7178.jpg) -1480px bottom no-repeat;
    /*min-height: 370px;*/
    -moz-border-radius: 0 0 17px 17px;
    border-radius: 0 0 17px 17px;
    overflow: hidden;
    min-height: 370px;
}

.contentBoxPlain .cBoxInner {
    background: url(//gf2.geo.gfsrv.net/cdna6/4591749514ffed599a6d31826d7178.jpg) -741px bottom no-repeat;
}

/* Layout - main area in left column */

.mainAreaLeft .contentBox {
    width: 699px;
}

.mainAreaLeft .cBoxBody {
    background: url(//gf3.geo.gfsrv.net/cdn20/15d414403178270294ffb516e06e25.jpg) left bottom repeat-y;
}

.mainAreaLeft .cBoxInner {
    background: url(//gf3.geo.gfsrv.net/cdn20/15d414403178270294ffb516e06e25.jpg) -699px bottom no-repeat;
}

.contentLeft, .contentRight {
    height: 580px;
    width: 80px;
    position: absolute;
    z-index: 0;
    top: 0;
}

.contentLeft {
    background: url(//gf3.geo.gfsrv.net/cdn84/f410a3e2c90af68bdec24c0fa732aa.png) left top no-repeat;
    left: 0;
}

#content.bgPic1 .contentLeft {
    background: url(//gf3.geo.gfsrv.net/cdn84/f410a3e2c90af68bdec24c0fa732aa.png) left -1160px no-repeat;
}

.contentRight {
    background: url(//gf3.geo.gfsrv.net/cdn84/f410a3e2c90af68bdec24c0fa732aa.png) right -580px no-repeat;
    right: 0;
}


/* nav_macro  */

#nav_macro {
    padding: 10px 0 30px 0;
    width: 225px;
    float: left;
}

#nav_macro ul {
    background: url(//gf3.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) -860px -158px no-repeat;
}

#nav_macro li {
    display: block;
    background: url(//gf3.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) -860px bottom no-repeat;
    padding-bottom: 1px;
}

#nav_macro li a, .related_info {
    color: #fff;
    font-size: 0.75em;
    display: block;
    padding: 17px 5px 17px 26px;
    text-shadow: 2px 2px 3px #000000;
}

.related_info {
    background: url(//gf1.geo.gfsrv.net/cdn68/f98ecd5d2b7fed4b6ba8bcbec948ce.png) 5px 17px no-repeat;
    font-size: 0.6875em;
}

.mainAreaNews #nav_macro a {
    font-size: 1.125em;
}

.mainAreaNews #nav_macro a span {
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) -65px -395px no-repeat;
    padding-left: 28px;
    margin-left: -25px;
}



.mainAreaNews #nav_macro li.current a span {
    background-position: -65px -413px;
}

#nav_macro a:hover, #nav_macro .current a {
    background: url(//gf3.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) -1426px bottom no-repeat;
}

/* nav_macro level2 */

#nav_macro ul ul {
    background: none;
    padding: 0.5em 0 1em 48px;
    background: url(//gf3.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) -860px -158px no-repeat;
}

#nav_macro ul ul li {
    background: none !important;
}

#nav_macro ul ul a, #nav_macro ul ul .current a, #nav_macro ul ul a:hover {
    display: inline;
    background: none !important;
    padding: 0;
    line-height: 180%;
}

.mainAreaNews #nav_macro ul ul a {
    font-size: 0.667em;
}

.mainAreaNews #nav_macro ul ul a span {
    background: none;
    padding-left: 0;
    margin-left: 0;
}

#nav_macro ul ul a:hover, #nav_macro ul .current ul .current a {
    text-shadow: 0 0 3px #ffffff;
}

.channel {
    font-size: 1.875em;
    color: #fff;
    margin: 0 0 1em 16px;
}

/* Login / Account */

#account {
    position: absolute;
    top: 32px;
    right: 56px;
    width: 315px;

    background: #000;
    background: rgba(0, 0, 0, 0.85);
    border: 1px solid black;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 0 3px 0 black;
    -moz-box-shadow: 0 0 3px 0 black;
    box-shadow: 0 0 3px 0 black;
}

.accSection {
    position: relative;
    min-height: 32px;
    padding: 5px;
}

.accSection.largeSection {
    min-height: 58px;
}

.accSection:last-child { border-bottom: 0; text-shadow: 0 0 2px black; }

.accSection p { font-size: 0.625em; padding-right: 3px }

.accLanguage {
    position: relative;
    font-size: 11px;
    text-align: center;
    padding-bottom: 8px;
    color: #9EE9FF;
}

.play .accLanguage {
    margin-top: 10px;
}

#language_select_wrapper {
    position: absolute;
    top: -14px;
    left: 50px;
    padding: 10px;
    border-radius: 5px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9;
}

#language_select {
    width: 200px;
}

.accStats {
    border-top: 1px solid #001;
    border-bottom: 1px solid #223344;
    margin-top: 0;
    min-height: 70px;
    padding: 5px 0 5px 10px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
    line-height: 1.05em;
    position: relative;
    border-radius: 5px;
    clear: right;
}

.accStats .icon_faction_small, .accStats .icon_class_small {
    float: right;
}

.accMiniStats {
    height: 26px;
    min-height: 0;
}

.accMiniStats, .accMiniStats p.accTitle {
    line-height: 25px !important;
}

.accMiniStats p.accTitle, .accMiniStats .accInfo {
    display: inline-block;
}

.accMiniStats .icon_faction_small, .accMiniStats .icon_face_small, .accMiniStats .icon_class_small {
    display: inline-block;
    clear: none;
}

.accMiniStats .icon_face_small {
    float: left;
    margin-right: .5em !important;
}

.accLink {
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) no-repeat scroll -62px -156px transparent;
    color: #9EE9FF;
    display: block;
    padding: 5px 0 5px 24px;
    margin-left: 5px;
    margin-top: -3px;
    text-decoration: none;
    font-size: 0.6875em;
    text-shadow: 0 0 3px black;
}

.messenger_avatar {
    width: 60px;
    height: 60px;
    float: left;
    margin: 5px 10px 5px 0;
    position: relative;
    z-index: 9;
    border: 0 solid #111;
    -webkit-box-shadow: 0 0 3px black;
    -moz-box-shadow: 0 0 3px black;
    box-shadow: 0 0 3px black;
    border-image: none;
}

.messenger_avatar {
    width: 36px;
    height: 36px;
}

.avatar_dummy {
    margin: 0 10px 10px 5px;
}

.avatar_preview {
    width: 60px;
    height: 60px;
    float: left;
    margin: 5px 10px 5px 0;
    position: relative;
    z-index: 9;
    border-image: none;
}

.avatar_preview img, .messenger_avatar img {
    cursor: pointer;
    position: relative;
    top: -60px;
}

.avatar_dummy img {
    cursor: default;
}

.accCurrent {
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.accCurrent:hover {
    -webkit-box-shadow: 0 0 6px black;
    -moz-box-shadow: 0 0 6px black;
    box-shadow: 0 0 6px black;
}

.accHolder {
    position: absolute;
    right: -3px;
    top: -3px;
    width: auto;
    height: 60px;
    overflow: hidden;
    white-space: nowrap;
    display: none;
    border: 3px solid #000;
    background: #000;
    -webkit-box-shadow: 0 0 1px 1px #ffffff;
    -moz-box-shadow: 0 0 1px 1px #ffffff;
    box-shadow: 0 0 1px 1px #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.accHolder div { display: inline; }
.accHolder span { display: none; }

.avatar_preview .accActive {
    top: 0;
}

.accSection p.accTitle {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0;
    overflow: hidden;
}

.accSection .accInfo {
    font-size: 0.7em;
}

.accHolder .accInfo {
    display: none;
}

.accSection .accInfo div {
    float: left;
}

.accDiscrete { color: #b5b5b5; }

.accLogout {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 9px;
    line-height: 9px;
    padding: 4px;
    width: auto;
}

.accLogout span {
    display: block;
    border-radius: 3px;
    padding: 3px 5px;
    color: #fff;
}

.accStones {
    text-indent: 22px;
    background: url(//gf2.geo.gfsrv.net/cdn42/bf4aa7765e1e591b5d0238a3f54737.png) left top no-repeat;
    overflow: hidden;
    position: absolute;
    margin: 0;
    padding: 0 0 1px 0;
    top: 10px;
    right: 10px;
}

.accMiniStats .accStones {
    left: inherit;
    right: 10px;
}

.loginLink {
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) no-repeat scroll -65px -553px, url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) no-repeat scroll right -581px transparent;
    padding: 0 16px 0 21px;
    text-decoration: none;
    display: inline-block;
    margin: 0 0 2px 0;
}

.regLink {
    font-size: 0.6725em;
    margin-left: 21px;
}

.regLink, .regLink a {
    letter-spacing: -1px;
    color: #9aa7aa;
    white-space: nowrap;
}

.regLink a {
    font-weight: bold;
    color: #FFDE70;
    text-decoration: underline !important;
}

/* Login overlay */

#login {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 45px;
    left: 50%;
    width: 370px;
    margin-left: -185px;
    overflow: hidden;
    /* shadow */
    -webkit-box-shadow: 0 0 5px 1px #000000;
    -moz-box-shadow: 0 0 5px 1px #000000;
    box-shadow: 0 0 5px 1px #000000;
    /* border */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /* gradient */
    background: rgb(46,46,46); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(46,46,46) 0%, rgb(18,16,11) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(46,46,46)), color-stop(100%,rgb(18,16,11))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(46,46,46) 0%,rgb(18,16,11) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(46,46,46) 0%,rgb(18,16,11) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgb(46,46,46) 0%,rgb(18,16,11) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(46,46,46) 0%,rgb(18,16,11) 100%); /* W3C */
}

#login form {
    clear: both;
}

.ltSection {
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #000000;
    padding: 25px 40px 15px;
    clear: both;
}

.ltSection:first-child { border-top: 0; }

.ltSection:last-child { border-bottom: 0; }

.ltSection .facebook_login_text {
    font-size: .75em;
    margin: 0 0 10px 0;
    clear: both;
}

.fb-login-button {
    min-width: 70px;
    height: 22px;
}

.ltTitle {
    font-size: 1em;
    display: block;
    text-decoration: none;
    outline: 0 none;
    padding-bottom: 2px;
}

.ltSubline { font-size: 0.6825em; }

.loginTab {
    overflow: hidden;
    height: 50px;
    padding: 15px 0 0 35px;
    float: left;
    width: 150px;
    cursor: pointer;
    /* gradient */
    background: rgb(16,73,90); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(16,73,90) 0%, rgb(11,50,62) 99%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, rgb(16,73,90) 0%,rgb(11,50,62) 99%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, rgb(16,73,90) 0%,rgb(11,50,62) 99%); /* IE10+ */
    background: linear-gradient(top, rgb(16,73,90) 0%,rgb(11,50,62) 99%); /* W3C */
}

.loginTab:last-child {
    padding: 20px 0 0 18px;
    width: 167px;
}

.loginTab:not(.ltActive) {
    /* shadow */
    -webkit-box-shadow: inset -5px -5px 6px 1px #000;
    -moz-box-shadow: inset -5px -5px 6px 1px #000;
    box-shadow: inset -5px -5px 6px 1px #000;
}

.loginTab:last-child:not(.ltActive) {
    /* shadow */
    -webkit-box-shadow: inset 5px -5px 6px 1px #000;
    -moz-box-shadow: inset 5px -5px 6px 1px #000;
    box-shadow: inset 5px -5px 6px 1px #000;
}

.loginTab:not(.ltActive):hover {
    -webkit-box-shadow: inset 0 0 15px 5px #1a728a;
    -moz-box-shadow: inset 0 0 15px 5px #1a728a;
    box-shadow: inset 0 0 15px 5px #1a728a;
}

.ltActive { background: none; }

.ltActive .ltTitle { font-size: 1.375em; }

.ltSubline { display: block; }
.ltActive .ltSubline { display: none; }

.ltContent {
    display: none;
}

#shade {
    background: #023949 url(//gf1.geo.gfsrv.net/cdnc7/7e107d96490a49c772978f70910e3e.jpg) center top fixed;
    opacity: 0.85;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9998;
    display: none;
}

#login label {
    display: block;
    margin: 0 0 0.5em 0;
    font-size: 0.8125em;
    width: 100%;
}

#login .ltErrors label {
    color: #fff;
    font-size: 0.6875em;
}

.ltFieldname, .ltErrorIntro {
    color: #fc3939;
    font-weight: bold;
    display: block;
    font-size: 0.75em;
}

.ltFieldname {
    font-size: 1.09em;
    margin-bottom: 3px;
}

.wrongCredentials { display: none; }

#login input {
    width: 100%;
    padding: 0.4em 0.5em;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: white;
    background: -moz-linear-gradient(top, #8C8C8C 0%, white 37%);
    background: -webkit-linear-gradient(top, #8C8C8C 0%,white 37%);
    background: -ms-linear-gradient(top, #8C8C8C 0%,white 37%);
    background: linear-gradient(top, #8C8C8C 0%,white 37%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #EEE;
}

#login input[type="checkbox"] {
    float: left;
    width: auto;
    margin: 3px 10px 3px 0;
}

#login input:focus {
    -webkit-box-shadow: 0 0 5px 1px #ffeb81;
    -moz-box-shadow: 0 0 5px 1px #ffeb81;
    box-shadow: 0 0 5px 1px #ffeb81;
}

#login p {
    line-height: 135%;
}

#login .submit {
    width: 280px;
    clear: both;
}

.fbButton {
    display: block;
    width: 84px;
    height: 32px;
    float: left;
    margin: 0 10px 10px 0;
    background: url(//gf3.geo.gfsrv.net/cdnbe/499dc7bf62f407a9e964020c0cac4f.gif);
    text-indent: -9999px;
    overflow: hidden;
}

form .showmypass input {
    float: left;
    margin: 0 10px 10px;
    width: auto;
}

#remember {
    width: 35px;
    height: 33px;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 17px;
    background: url(//gf1.geo.gfsrv.net/cdn0b/20d5383f2325dcdc2732543a6742f3.png) 0 0 no-repeat;
}

.news #remember {
    right: 2px;
    top: 5px;
}

.mainAreaGallery #remember {
    right: 52px;
    top: 22px;
}

#remember:hover { background-position: 0 -33px; }
#remember.pinned { background: url(//gf2.geo.gfsrv.net/cdn71/6daa1046c8bf0e3747b3248ad4aeec.png) 0 5px no-repeat; }

input.hidden {
    width: 1px;
    height: 1px;
    line-height: 1px;
    position: absolute;
    visibility: hidden;
}

.survey {
    margin: 1.5em .5em;
}

.login label, .register label, .survey label, #messenger #thread_replyForm label {
    display: block;
    font-size: 0.875em;
    margin: 0 0 0.5em 0;
    color: #fff;
    font-weight: bold;
}

#content .login label, .survey label, #messenger #thread_replyForm label {
    font-size: 0.75em;
}

.survey label.question {
    margin-top: 1.5em;
    clear: both;
}

#content .login label.small, .survey label.small {
    font-size: 0.6em;
}

.login input, .login select, .register input, #messenger #thread_replyForm input, .survey input {
    border: 1px solid #999;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 232px;
    padding: 0.4em 4px;
    color: #000;
    font-size: 0.6875em;
    background: #fff;
    background: -moz-linear-gradient(top, #999 14%, #FFF 64%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#999), color-stop(64%,#FFF)); /* webkit */
}

.login.inlineBox input {
    width: 265px;
}

.login.inlineBox select {
    width: 100%;
    margin: .5em 0;
}

.inlineBox small {
    font-size: 9px;
}

.survey span.small {
    font-size: 9px;
    clear: both;
    display: block;
    margin-bottom: .5em;
}

.survey select, input {
    margin-bottom: 1em;
}

#messenger #thread_replyForm input, .survey input, .survey select {
    width: 400px;
}

#messenger #thread_replyForm input.large {
    width: 680px;
}

.inlineBox input[type="checkbox"], .survey input[type="checkbox"], .survey input[type="radio"] {
    float: left;
    width: auto;
    margin: 3px 10px 3px 0;
}

.login input:focus, .register input:focus, .survey input:focus {
    -moz-box-shadow: 0 0 15px #fff;
    -webkit-box-shadow: 0 0 15px #fff;
}

.login span.submit, .register span.submit, .survey span.submit { margin: 8px 0 0 0; }

span.submit {
    position: relative;
    text-align: center;
    width: 265px;
    font-size: 0.825em;
    text-decoration: none;
}

span.submit strong, span.submit a strong {
    color: white;
    outline: 0;
    font-weight: bold;
    outline: none;
    display: block;
    border-radius: 3px;
}

span.submit a.copy {
    border: 0;
    outline: 0;
}

span.submit, span.submit strong, span.submit a {
    outline: 0 !important;
}

#messenger .enc_controls span.submit {
    position: absolute;
    top: 6px;
    width: auto;
    line-height: 16px;
    margin: 0 4px 0 0;
}

#messenger .enc_controls span.submit strong {
    padding: 1px 10px;
}

/* Validation */
.ltErrors { display: none }

input.invalid {
    -webkit-box-shadow: 0 0 5px 1px #D8000C;
    -moz-box-shadow: 0 0 5px 1px #D8000C;
    box-shadow: 0 0 5px 1px #D8000C;
    color: #D8000C !important;
}

#content label.invalid {
    color: #FC3939 !important;
    font-weight: normal !important;
    margin: -0.7em 0 1em 0 !important;
}

.moonstones {
    padding: 0 28px 0 5px;
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) right -471px no-repeat;
    color: #FFE79B;
}

#user { padding-right: 28px; }

#logout {
    text-align: center;
}

#logout a {
    color: #ffa800;
    text-decoration: none;
}

/* validation */

.cBoxInner .info { background: #BDE5F8 url(//gf2.geo.gfsrv.net/cdnd9/ccf8821c30acee69a3beaaf2149b1c.png); }
.cBoxInner .success { background: #DFF2BF url(//gf1.geo.gfsrv.net/cdnfb/97ffff1d27537362d03d9248e752a9.png); }
.cBoxInner .warning { background: #FEEFB3 url(//gf3.geo.gfsrv.net/cdn26/4c0dd19df57eb392896479a3b44854.png); }
.cBoxInner .error { background: #FFBABA url(//gf1.geo.gfsrv.net/cdn3f/b22fec3cbddcd064528316f26c7c4c.png); }

.cBoxInner .info, .cBoxInner .info * { color: rgba(0, 82, 155, 1); color: #00529B; }
.cBoxInner .success, .cBoxInner .success * { color: rgba(79, 138, 16, 1); color: #4F8A10; }
.cBoxInner .warning, .cBoxInner .warning * { color: rgba(159, 96, 0, 1); color: #9F6000; }
.cBoxInner .error, .cBoxInner .error * { color: rgba(216, 0, 12, 1); color: #D8000C; }

.cBoxInner .info p, .cBoxInner .success p, .cBoxInner .warning p, .cBoxInner .error p {
    color: #000;
}

.cBoxInner .info a, .cBoxInner .success a, .cBoxInner .warning a, .cBoxInner .error a {
    text-decoration: underline;
}

.cBoxInner .info, .cBoxInner .success, .cBoxInner .warning, .cBoxInner .error {
    border: 0;
    font-size: .9em;
    line-height: 1.25em;
    background-repeat: no-repeat;
    background-position: 8px 1em;
    text-align: left;
    border-radius: 5px;
    padding: 10px 10px 10px 50px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cBoxInner .info, .cBoxInner .success, .cBoxInner .warning, .cBoxInner .error {
    margin: 1em 0;
    display: inline-block;
}

.overlayMsg { background: #fff; width: 520px; overflow: hidden; }
.overlayMsg div { margin-bottom: 10px; }
.overlayMsg div:last-child { margin-bottom: 0; }

/* Inline Box */

.inlineBox {
    width: 328px;
    margin: 8px 3px 10px 3px;
    float: left;
    background: url(//gf3.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) -1096px top no-repeat;
    clear: left;
    border-radius: 18px;
}

.media.inlineBox {
    text-align: center;
}

.ibInner {
    min-height: 150px;
    padding: 20px 25px 15px 25px;
    position: relative;
}

#forum .ibInner {
    padding: 20px 15px 15px 15px;
}

.media .ibInner {
    background: url(//gf3.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) -1670px bottom no-repeat;
    border-radius: 18px;
}

.inlineBox img {
    border: 0 none;
    height: 110px;
}

.media.inlineBox img {
    height: 110px;
}

.inlineBox .buttonBig {
    margin: 15px auto;
}

.ibLastInRow {
    margin-right: 0;
    float: right;
    clear: right;
}

.ib_more a {
    font-weight: bold;
    text-decoration: none;
    line-height: 230%;
    white-space: nowrap;
}

.ib_more span {
}

.ibTitle {
    text-align: center;
    margin: 0 0 5px 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 140%;
}

.ibTitle a { text-decoration: none; }

.mainAreaShop .cBoxInner {
    width: 710px;
}

.mainAreaShop .cBoxInner p {
    margin: 0.7em 0 0 0;
}

.mainAreaShop .ibTitle {
    min-height: 40px;
    width: 196px;
    margin-bottom: 10px;
}

.ibVisual {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

/* Media Box */

.mediaBox {
    background: url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) -1800px -40px no-repeat;
    width: 185px;
    height: 195px;
    padding: 12px 16px 0 17px;
    margin: 0 15px 15px 0;
    float: left;
    position: relative;

    -webkit-box-shadow: 0 0 5px #000000;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;

    -moz-border-radius: 18px;
    border-radius: 18px;
}

.mediaBox a {
    opacity: 0.8;
}

.mediaBox a:hover {
    opacity: 1;
}

.mediaBox .ibTitle {

    font-size: 0.75em;
    min-height: 34px;
}

.mediaBox img {
    width: 175px;
    height: 125px;
    display: block;
    margin: 0 auto;
}

.mediaSizes {
    font-size: 0.6875em;
    background: #000;
    opacity: 0.9;
    position: absolute;
    padding: 10px 10px 10px 25px;
    width: 140px;
    right: 21px;
    bottom: 21px;
    line-height: 1.6em;
    display: none;
}

ul.mediaSizes li { list-style-type: disc; }

/* Teaser elements */

.teaserEl .button p, .slideText p {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 0 2px #000000;
}

.slideText p {
    font-weight: normal;
    font-size: 14px;
}

.button p, .buttonBig p {
    padding: 0 90px 0 0;
    line-height: 110%;
}

.teaserEl h3 {
    margin: 0 0.5em 0.2em 0;
    color: #333;
    font-size: 0.9em;
}

.buttonBig h3 {
    font-size: 1em !important;
    margin: 0 0 .4em 0 !important;
}

.teaserBox h3 {
    font-size: 0.75em;
    display: inline;
    color: #fff;
}

.teaserBox {
    background: url(//gf3.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) left top no-repeat;
    min-height: 84px;
    margin-top: 6px;
    padding: 15px 0 18px 15px;
}

.teaserBox  ul {
    font-size: 0.8125em;
    list-style-type: none;
    padding: 1em 2em 0;
    line-height: 165%;
}

.teaserBox ul li {
    margin: 0 0 0.1em 0;
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) no-repeat scroll -65px -395px transparent;
    margin-left: -20px;
    padding-left: 20px;
}


.teaserInLine, .teaserInLine * {
    line-height: 100%;
    vertical-align: middle;
    text-transform: none;
}

.teaserEl a:link, .teaserEl a:visited,
.button a, .buttonBig a, .buttonXXL a  {
    color: #fff;
    text-decoration: none;
}

.buttonBig a, .buttonBig a:hover, .buttonBig a:link  {
    color: #000 !important;
}

/* Buttons */

.button, .buttonBig, .buttonXXL {
    padding: 10px 8px;
    margin: 0 0 17px 0;
    width: 223px;
    cursor: pointer;
    overflow: hidden;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 10px 3px #000000;
    -moz-box-shadow: 0 0 10px 3px #000000;
    box-shadow: 0 0 10px 3px #000000;
}

.button {
    height: 71px;
}

.buttonBig {
    height: 93px;
}

.buttonBig p {
    color: #000;
    font-weight: bold;
    text-shadow: 0 0 5px #79ffff;
    margin: auto;
}

.buttonXXL {
    height: 105px;
    width: 279px;
    text-align: center;
    font-size: 2.2em;
    margin: 10px 0 17px 0;
}

.buttonXXL .XXLtext {
    font-size: 1.2em;
    display: block;
    margin-top: 32px;
}

.buttonAccount			{ background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) left top no-repeat; }
.buttonAccount:hover 	{ background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) left -91px no-repeat; }

.buttonShop			{ background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) left -182px no-repeat; }
.buttonShop:hover 	{ background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) left -273px no-repeat; }

.buttonNew			{ background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) left -364px no-repeat; }
.buttonNew:hover 	{ background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) left -489px no-repeat; }

.buttonDownload			{ background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) left -1162px no-repeat; }
.buttonDownload:hover 	{ background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) left -1256px no-repeat; }

.buttonReg			{ background: url(//gf2.geo.gfsrv.net/cdn44/4f4b3a18939fe179d7792e145ea15c.jpg) left -856px no-repeat; }

.facebook, .twitter {
    width: 56px;
    height: 56px;
    display: inline-block;
    line-height: 200px;
    overflow: hidden;
}

.facebook { background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) -4px -100px no-repeat; }

.twitter { background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) -4px -40px no-repeat; }

/* Ranking */

ul.ranking {
    list-style-type: none;
    margin: 0 0 35px 0;
}

ul.ranking li {
    display: block;
    color: #FFE79B;
    font-size: 0.75em;
    margin: 0 0.2em 1em 0;
    clear: both;
}

ul.ranking span.points {
    float: right;
}

/* Tabs */

.ct_body .tabs {
    background: url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) -1740px -251px no-repeat;
}

.ui-tabs {
    padding: 0 12px;
}
.ui-tabs .ui-tabs-nav {
    overflow: hidden;
    padding: 0;
}
.ui-tabs .ui-tabs-nav li {
    float: left;
    list-style-type: none;
    white-space: nowrap;
    font-size: 0.75em;
    height: 29px;
    margin: 0 1px 0 0;
    padding: 0 0 0 14px;
    background: url(//gf1.geo.gfsrv.net/cdn94/1f5f95f0bc551deb6d56ff7977ed29.gif) left top no-repeat;
}
.ui-tabs .ui-tabs-nav li a {
    padding: 0 14px 0 0;
    overflow: hidden;
    display: block;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    border-bottom: 0;
    font-weight: bold;
    outline: 0 none;
    background: url(//gf1.geo.gfsrv.net/cdn94/1f5f95f0bc551deb6d56ff7977ed29.gif) right -65px no-repeat;
}
.ui-tabs .ui-tabs-nav li span {
    display: block;
    /*min-width: 85px;*/
    background: url(//gf1.geo.gfsrv.net/cdn94/1f5f95f0bc551deb6d56ff7977ed29.gif) center -132px repeat-y;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active span, .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover span {
    background: url(//gf1.geo.gfsrv.net/cdn94/1f5f95f0bc551deb6d56ff7977ed29.gif) center -161px repeat-y;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background-position: left -32px;
    height: 32px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {
    background-position: right -97px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: default;
    color: #A4F7FF;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
    color: #fff;
}
.ui-tabs .ui-tabs-panel {
    padding: 1em 5px;
}
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs-nav a:hover { color: #A4F7FF !important; }

/* Content elements */

a {
    /*color: #ffe79b;*/
    color: #FFDE70;
}

a:hover { color: #fff; }

h1 {
    color: #ffda6a;
    font-size: 1em;
}

h2 {
    color: #ffda6a;
    font-size: 1em;
    margin: 0 0 1em 0;
}

.contentBox h2, .news_body h2  {
    padding-top: .25em;
}

h3 {
    font-size: 1em;
    line-height: 135%;
    color: #fff;
    margin: 0 0 0.4em 0;
}

h4 {
    font-size: 0.75em;
    padding: 8px 0 8px 0;
}

.news_body h3, .cBoxInner h3 {
    clear: both;
    font-size: 0.9em;
    margin: .5em 0 .5em 0;
    color: #ffda6a;
}

.cBoxInner li h3 {
    font-size: 13px;
}

.itemDetail h3 {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
}

p, .showmypass label {
    line-height: 140%;
    font-size: 0.75em;
    color: #fff;
    margin: 0 0 0.7em 0;
}

p.help {
    line-height: 190%;
    font-size: 0.75em;
    font-weight: bold;
    padding: 0 0 1.5em 0;
}

p.help:first-letter { font-size: 1.5em; }

em {
    font-size: 1.09em;
    color: #fff;
}

/*
    .itemDetail h2,
    .cBoxInner>h2 {
        font-family: "Times New Roman";
        font-size: 1.1em;
        font-weight: bold;
        font-style: italic;
        background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) -70px 6px no-repeat;
        padding-left: 15px;
        margin-left: -14px;
        color: #fff;
        text-transform: none;
    }*/

.cBoxInner * h3 {
    background: none;
}

.news_body img {
    margin-bottom: 8px;
    border: 0;
}

.news_body .fancybox {
    background: url(//gf3.geo.gfsrv.net/cdnbc/3b5a616416ccec6f43d3ebd9c70c06.png) right center no-repeat;
    padding-right: 18px;
    display: inline-block;
}

.news_body .fancybox:hover {
    background-image: url(//gf3.geo.gfsrv.net/cdn5b/138ba03918e81165a940b566805610.png);
}

.caption {
    display: block;
    font-size: 0.7em;
    margin: 0.1em 0 0.6em;
    text-align: center;
}

.alignLeft {
    border: 0 solid #216b83;
    margin: 3px 8px 8px 0;
    float: left;
}

.alignRight {
    border: 0 solid #216b83;
    margin: 0 0 8px 8px;
    float: right;
}

#results .alignLeft, .alignRight {
    margin: 0 10px 0 0;
}

/* Content teaser */

.content_teaser {
    position: relative;
    background: #03090e url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) -1400px -140px no-repeat;
    float: left;
    margin: 0 0 2em 10px;
    width: 338px;
}

.content_teaser h2 {
    padding: 10px 0 0 18px;
    height: 44px;
    margin: 0;
}

.ct_right {
    float: right;
}

.ct_end {
    width: 338px;
    height: 134px;
    background: url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) -1400px top no-repeat;
}

.ct_end div {
    width: 338px;
    height: 16px;
    position: absolute;
    bottom: -16px;
    background: url(//gf3.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) -259px bottom no-repeat;

}

.ct_body {
    padding: 0 15px 19px 16px;
    margin-bottom: -134px;
    min-height: 270px;
    width: 307px;
    position: relative;
}

.poll {
    padding: 12px 14px 0 14px;
}

/* News */

.news {
    margin: 0 0 30px 0;
    width: 699px;

    -webkit-box-shadow: 0 0 5px #000000;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
    -moz-border-radius: 17px;
    border-radius: 17px;
}

.mainAreaLeft .news {
    margin-left: 10px;
}

.news_head {
    position: relative;
    height: 28px;
    padding: 11px 16px 0;
    background: url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) no-repeat scroll left -148px transparent;
    -moz-border-radius: 17px 17px 0 0;
    border-radius: 17px 17px 0 0;
}

.contentBox .news_head {
    height: 32px;
}

p.news_cat {
    font-size: 0.5625em;
    margin: 0 0 1.7em 0;
    display: inline-block;
    position:absolute;
    right: 40px;
    top: 12px;
}

.news_detail p.news_cat {
    font-size: 0.5625em;
    margin: 0 0 1.7em 0;
    display: inline-block;
    position:static;
    right: 40px;
    top: 12px;
}

.news_body {
    overflow: hidden;
}

.news_body div { margin-top: 26px; }
.news_detail .news_body div { margin-top: 10px; }

.news_closed .news_body {
    display: none;
}

.news_title {
    cursor: pointer;
    outline: 0 none;
}

.news_more, .archivelink, .backlink, .helplink {
    color: #9ee9ff;
    font-weight: bold;
    display: inline-block;
    padding: 0.3em 28px 0.6em 0;
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) right -156px no-repeat;
    text-decoration: none;
    font-size: 0.625em;
    float: left;
    clear: both;
}

.archivelink, .backlink, .helplink {
    position: absolute;
    right: 10px;
    top: 10px;
    background-position: right -186px;
    font-size: 0.625em;
}

.news_more:hover, .archivelink:hover {
    text-decoration: underline;
}

.news_head h2 {
    margin: 0;
    letter-spacing: 1px;
    padding-right: 200px;
    line-height: 1.2em;
}

.news_handle, .forum_groupHandle, .transfer_groupHandle {
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) -8px -210px no-repeat;
    width: 24px;
    height: 23px;
    display: block;
    overflow: hidden;
    text-indent: -2000px;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
}

.news_closed .news_handle, .forum_groupClosed, .transfer_groupClosed {
    background-position: -55px -210px;
}

/* news open */

.news_item {
    padding: 10px 15px 5px 40px;
    font-size: 1.1em;
    margin: 0;
    background: #061016 url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) left -227px no-repeat;
    overflow: hidden;
    position: relative;
}

.news_title  h3,.news_title  h2 {
    padding: 2px 0 2px 28px;
    margin: 0 25px 0 -28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    font-size: 0.75em;
    text-transform: none;
    color: #fff;
    line-height: 135%;
}

.news_title  h2 a {
    color: #fff;
    text-decoration: none;
}

.news_title  h3.news_cat_3,.news_title  h2.news_cat_3 { background: url(//gf3.geo.gfsrv.net/cdn23/a1bf3e2ba87b3b6193ce7e0bc44903.png) 0 1px no-repeat; }
.news_title  h3.news_cat_4,.news_title  h2.news_cat_4 { background: url(//gf1.geo.gfsrv.net/cdnc8/99cfaa6b52934834f249cd64d5bec9.png) 0 1px no-repeat; }
.news_title  h3.news_cat_5,.news_title  h2.news_cat_5 { background: url(//gf3.geo.gfsrv.net/cdne9/01e470b8c1bea250c57e4479d8e003.png) 0 1px no-repeat; }
.news_title  h3.news_cat_6,.news_title  h2.news_cat_6 { background: url(//gf1.geo.gfsrv.net/cdn0c/c0edcb00625bf9bf274d5000d798db.png) 0 1px no-repeat; }
.news_title  h3.news_cat_19,.news_title  h2.news_cat_19 { background: url(//gf1.geo.gfsrv.net/cdn0c/c0edcb00625bf9bf274d5000d798db.png) 0 1px no-repeat; }

div .news .news_even {
    background: #093853 url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) -700px -227px no-repeat;
}

/* news closed */

.news .news_closed {
    background: #061016 url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) left -187px no-repeat;
}

.news .news_closed.news_even {
    background: #093853 url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) -700px -187px no-repeat;
}

.ui-state-active .news_cat {
    right: auto;
    left: 40px;
    top: 30px;
}

.news_detail  { background: url(//gf3.geo.gfsrv.net/cdn52/23065c1bf5e818548ba5fb81b14851.jpg) repeat-y; }

div .news_detail .news_item  {
    background-color: transparent;
}

/* Slider */
#slideshow {
    margin: 0 0 10px 10px;
    width: 706px;
    height: 302px;
    -webkit-user-select: none; /* Safari, Chrome */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE */
}

#slideshow .slide {
    position: absolute;
    opacity: 1;
    display: block;
}

#slideshow .slide img {
    width: 706px;
    height: 302px;
    border-radius: 5px;
    box-shadow: 0 0 2px black;
}

.shop_showcase #slideshow {
    height: 246px;
    margin: 0 0 1em 0;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.5);
}

.shop_showcase #slideshow .slide {
    width: 90%;
    padding: 0 10px;
    margin-top: 45px;
}

.shop_showcase #slideshow .slide img {
    width: auto;
    height: auto;
    margin-left: 10px;
}

.shop_showcase {

}

#slideshow #nav {
    position: absolute;
    top: 5px;
    right: 5px;
    width: auto;
    z-index: 9;
}

#slideshow .header h2 {
    padding: 10px 15px;
    float: left;
}

#slideshow .header span {
    float: left;
    margin-top: 12px;
    font-size: .8em;
}

.shop_showcase #slideshow #nav {
    top: auto;
    bottom: 10px;
    left: 10px;
}

#slideshow #nav a img {
    width: 72px;
    border-radius: 3px;
}

#slideshow #nav a {
    display: block;
    float: left;
    height: 31px;
    padding: 0;
    overflow: hidden;
    margin-left: 5px;
    border-radius: 3px;
    background: #111;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF1111111');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#111));
    background: -moz-linear-gradient(top, #000 0%, #111 100%);
    box-shadow: 0 0 3px black;
}

.shop_showcase #slideshow #nav a {
    height: 48px;
}

.shop_showcase #slideshow #nav a, .shop_showcase #slideshow #nav a img {
    width: 48px;
}

#slideshow #nav a img {
    opacity: 0.3;
}

#slideshow #nav a:hover {
}

#slideshow #nav .activeSlide {
    box-shadow: 0 0 3px #1E3857;
}

#slideshow #nav a:hover img, #slideshow #nav .activeSlide img {
    opacity: 1;
}

.slideText {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    padding-top: 5px;
    display: block;
    background: #000000; /* old browsers */
    background: -moz-linear-gradient(top, #000000 0%, transparent 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,transparent)); /* webkit */
}

.shop_showcase .slideText {
    width: 515px;
    height: 119px;
    top: 0;
    left: 164px;
    padding: 5px;
    background-color: rgba(0,0,0, 0.5);
    border-radius: 5px;
}

.slideText h3, .slideText p {
    padding: 0 70px 0 12px;
}

.slideText h3 {
    margin-bottom: 0.1em;
    line-height: 1.2;
    color: #FFE788;
    font-size: 1.375em;
    letter-spacing: 1px;
}

.shop_showcase .slideText h3 {
    margin-top: 0;
    font-size: 1.2em;
}

.slideText h3 a, .tocItem h3 a { text-decoration: none;  }

#slideControl {
    position: absolute;
    right: 1em;
    bottom: 40px;
    z-index: 9;
}

.shop_showcase #slideControl {
    right: 15px;
    bottom: 20px;
}

#slideControl span {
    height: 30px;
    width: 22px;
    display: inline-block;
    overflow: hidden;
    line-height: 100px;
    cursor: pointer;
}

.slidePrev {
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) -3px top no-repeat;
}

.slideNext {
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) -25px top no-repeat;
}

/* Footer */

#footer {
    padding-top: 285px;
    background: url(//gf2.geo.gfsrv.net/cdna1/64d3e0be4f9ad51ec0c8e66ad2cf65.jpg) center top no-repeat;
}

.footer_inner {
    overflow: hidden;
    width: 950px;
    margin: 0 auto 2em auto;
}

#footer h2, #content_related h2, .tabs h2 {
    display: none;
}

#footer h3 {
    color: #5ddfff;
    font-size: 0.6875em;
    margin-bottom: 1.2em;
}

#footer a:link, #footer a:visited, #footer a:hover {
    text-decoration: none;
    color: #fff;
}

#footer a:hover {
    text-decoration: underline;
}

#footer img {
    border: 0;
}

#footer .top {
    color: #5ddfff !important;
    text-decoration: underline !important;
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) right -265px no-repeat;
    font-size: 0.6875em;
    font-weight: bold;
    padding-right: 20px;
}

#footer ul {
    font-size: 0.625em;
    list-style-type: none;
}

#footer ul li {
    margin: 0 0 0.6em 0;
}

.footer_left {
    width: 80%;
    float: left;
    overflow: hidden;
}

.footer_left div {
    float: left;
    margin: 0 50px 0 0;
    max-width: 150px;
    overflow: hidden;
}

.footer_right {
    width: 20%;
    float: right;
    text-align: right;
}

.footer_right div {
}

.footer_right img {
    margin: 0 0 5px 5px;
}

.footer_right .legal_logos a {
    display: inline-block;
    float: right;
    min-height: 72px;
}

.copyright {
    font-size: 10px;
    text-align: right;
    float: right;
    width: 60%;
    clear: both;
}

.copyright span {
    display: block;
    color: #777;
    font-size: 9px;
}

#footer .facebook, #footer .twitter {
    width: auto;
    height: auto;
    line-height: 30px;
    margin-bottom: 8px;
    font-size: 1.1em;
    vertical-align: middle;
    display: inline-block;
    padding-left: 40px;
    font-weight: bold;
}

#footer .facebook { background-position: left -370px; }
#footer .twitter { background-position: left -326px; }

#fb_invite_link {
    display: block;
    float: left;
    background-color: #F8F8F8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
    background-image: -moz-linear-gradient(top,#fff,#dedede);
    background-image: -o-linear-gradient(top,#fff,#dedede);
    background-image: -ms-linear-gradient(top,#fff,#dedede);
    background-image: linear-gradient(top,#fff,#dedede);
    border: #CCC solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    max-width: 98%;
    overflow: hidden;
    border-image: none;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    margin: 0 10px 0 0;
}

#fb_invite_link span {
    padding: 0 7px 0 27px;
    background-image: url(//gf1.geo.gfsrv.net/cdn33/8d3eba98f761667209921b09154bb9.png);
    background-repeat: no-repeat;
    background-position: 7% 50%;
}

#twitter-button-wrapper {
    display: block;
    float: left;
}

/* Forms */

[type=hidden] { display: none; }

form { position: relative; }

.content_teaser form {
    padding: 0.5em 0;
}

fieldset {
    border: 0 none;
}

input, label, textarea {
    font-family: Verdana, sans-serif;
    font-size: 0.75em;
}

input, label {
    color: #ffe79b;
    display: inline-block;
    margin: 0 0.2em 1.5em 0;
}

li input, li label {
    font-size: 1em;
    margin-bottom: 0.7em;
}

#language_selector {
    width: 100%;
}

.hidden { display: none !important; }

.submit { color: #000; }
.submit a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: -12px;
    padding-top: 12px;
}
.submit a:hover {
    text-decoration: none !important;
}

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

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

/* search */

#search {
    position: relative;
    overflow: hidden;
    margin: 0 7px 0 10px;
    padding: 5px 30px 2px 8px;
    height: 20px;
    background: #02090D url(//gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) left top no-repeat;
    font-size: 0.75em;
    width: 202px;
    float: right;
}

.searchButton {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: transparent url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) left -240px no-repeat;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    text-indent: -200px;
    overflow: hidden;
}

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

.searchTerm {
    border: 0 none;
    background: 0 none;
    margin: 0;
    width: 100%;
    color: #333;
    font-size: 1em;
}

div.search_result {
    width: auto;
}

.search_box_inner .search_result {
    font-size: 13px !important;
}

div.result_content, .result_title span, .result_link, .result_byline {
    font-size: 0.6875em;
}

.result_link a {
    color: #104462;
}

div.result_content {
    margin: 0 0 0.5em;
    line-height: 135%;
    color: #fff;
}

.result_byline {
    margin: 0.8em 0;
    background: #104462;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0.3em 0.7em;
    display: inline-block;
}

.result_title {
    margin: 0 0 0.5em;
    line-height: 135%;
}

.result_title a {
    font-size: 0.875em;
}

.result_date {
    font-weight: bold;
    color: #fff;
}

/* Nav */

.nav li {
    list-style-type: none;
    display: inline-block;
}

.nav a:link, .nav a:visited, .nav a:hover {
    text-decoration: none;
}

/* nav_path */

#nav_path {
    position: relative;
    z-index: 1;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(4,12,26,0.6);
    margin: 0 0 1px 9px;
    /*margin-right: 265px;*/
    white-space: nowrap;
    overflow: hidden;
}

#nav_path ul {
    padding: 5px 8px 7px 8px;
    font-size: 0.6875em;
    height: 14px;
}

#nav_path span {
    color: #a4f7ff;
    font-weight: bold;
    background: url(//gf2.geo.gfsrv.net/cdn77/5a96a565163170ba492430fa1e11ef.png) right -27px no-repeat;
    padding-right: 18px;
    margin-right: 6px;
    color: #fff;
}

#nav_path a:hover span, .notepad a:hover {
    color: #a4f7ff;
}

#nav_path .current span {
    color: #a4f7ff;
    background: none;
}

.notepad, .cash_shop_inventory {
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(4,12,26,0.6);
    float: right;
    margin: 0 0 0 10px;
    padding: 0 70px 0 0;
    position: relative;
    text-align: right;
    width: 115px;
}

.cash_shop_inventory {
    min-width: 100px;
    max-width: 250px;
    white-space: nowrap;
    padding-left: 40px;
}

.mainAreaEncHome .notepad, .mainAreaEncHome .cash_shop_inventory { margin-right: 20px; }

.notepad_open {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

div.notepad_open > a { color: #A4F7FF; }

.notepad a, .cash_shop_inventory a {
    color: #fff;
    font: bold 0.6875em/26px Arial;
    text-decoration: none;
    outline: 0 none;
    max-width: 165px;
    overflow: hidden;
}

.cash_shop_inventory a {
}

.notepad li a {
    display: block;
    height: 32px;
    margin-bottom: 0.6em;
    white-space: nowrap;
}

.notepad img {
    margin-right: 5px;
}

.notepad li, .notepad li * {
    vertical-align: middle;
}

.notepad span, .cash_shop_inventory span {
    background: url(//gf2.geo.gfsrv.net/cdnd5/5c2e71150d6f09bf4b8c2242e7ff97.png) no-repeat right;
    display: block;
    height: 50px;
    position: absolute;
    right: 5px;
    top: -10px;
    width: 55px;
    z-index: 998;
}

.cash_shop_inventory span {
    background: url(//gf3.geo.gfsrv.net/cdnee/053309ffdcd6a41f524743d61de348.png) no-repeat right;
    width: 26px;
    height: 25px;
    right: 15px;
    top: -1px;
}

.notepad div, .cash_shop_inventory div {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: rgba(4,12,26,0.6);
    position: absolute;
    left: 0;
    top: 26px;
    width: 165px;
    text-align: left;
    padding: 25px 10px 3px 10px;
    z-index: 997;
    display: none;
}

.notepadAll {
    display: block;
    text-align: center;
}

.mainAreaEncHome #search { display: none; }
.mainAreaEncHome #nav_path { margin-right: 15px; }

/* nav_main */

#nav_main {
    height: 79px;
    width: 969px;
    padding: 25px 25px 0;
    margin: 0 auto;
    background: url(//gf2.geo.gfsrv.net/cdn13/97342be639b3ad38305dbb0181a40b.png) left top no-repeat;
    position: relative;
}

#nav_main ul {
    width: 100%;
    display: block;
    display: table;
    text-align: center;
}

#nav_main ul ul { display: none; }

#nav_main ul li {
    list-style-type: none;
    font-weight: bold;
    display: table-cell;
}

#nav_main ul li .cufon {
    padding: 0 1px;
}

#nav_main a:link, #nav_main a:visited, #nav_main a:hover {
    color: #ffe788;
    outline: 0 none;
    padding: 16px 8px 0;
    border-right: 1px solid #206a9c;
    border-left: 1px solid #0c181f;
    height: 36px;
    display: block;
}

#nav_main img {
    position: relative;
    top: -48px;
    right: -35%;
}

#nav_main>ul>li>a:hover, #nav_main > ul > li.active > a {
    background: url(//gf2.geo.gfsrv.net/cdn74/e0d5cf79041f8f6107d2ba197374ff.gif) left -111px repeat-x;
}

#nav_main>ul>li.first>a {
    border-left: 0 none;
    background-position: left -1px;
}

#nav_main>ul>li.last>a {
    border-right: 0 none;
    background-position: right -56px;
}

#nav_main.dropdown ul ul, #user ul {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 0 5px #000000;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000;
}
#nav_main.dropdown ul ul li:last-child, #user ul li:last-child {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
#nav_main.dropdown ul li, #user {
    /*    Breaks the layout...*/
    /*    position: relative; --Declare X and Y axis base for sub navigation--*/
}

#nav_main.dropdown .first ul { left: 35px; }
#nav_main.dropdown .last ul { right: 35px; }

#nav_main.dropdown ul li span, #user span { /*--Drop down trigger styles--*/
    width: 20px;
    height: 18px;
    float: left;
    background: url(//gf3.geo.gfsrv.net/cdne4/0b8e0480628fd7ce1f7f55a6fce4b2.png) no-repeat 0 top;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 9px;
}
/*
                #nav_main.dropdown ul li span:hover, #user span:hover {
                    background-position: 0 -35px;
                }*/
#nav_main ul li.subOpen span, #user.subOpen span, #nav_main ul li.subOpen span:hover, #user.subOpen span:hover {
    background-position: 0 -70px;
}
#nav_main.dropdown ul li ul, #user ul {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    top: 79px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    width: 170px;
    border: 1px solid #111;
    z-index: 1001;
}
#nav_main.dropdown ul li ul li, #user ul li{
    margin: 0; padding: 0;
    clear: both;
    width: 170px;
    font-size: 0.6875em;
    display: block;
    overflow: hidden;
}
#nav_main.dropdown ul ul a:link, #nav_main.dropdown ul ul a:visited, #nav_main.dropdown ul ul a:hover,
#user ul a:link, #user ul a:visited, #user ul a:hover {
    color: #FFFFFF;
    padding: 9px 5px 9px 22px;
    text-decoration: none;
    width: 142px;
    height: auto;
    float: left;
    background: #0a1727 url(//gf1.geo.gfsrv.net/cdnf4/1c3f46cfb90ca07b3858f4356da610.gif) no-repeat 10px center;
    text-transform: none;
    text-align: left;
    font-weight: normal;
    border-top: 1px solid #000; /*--Create bevel effect--*/
    border-bottom: 1px solid #10243D; /*--Create bevel effect--*/
    border-right: 1px solid #10243D; /*--Create bevel effect--*/
}
#nav_main.dropdown ul ul a:hover, #nav_main.dropdown ul .subOpen ul a:hover,
#user ul a:hover {
    background: #133246 url(//gf1.geo.gfsrv.net/cdnf4/1c3f46cfb90ca07b3858f4356da610.gif) no-repeat 10px center;
    border-bottom: 1px solid #183E58; /*--Create bevel effect--*/
    border-right: 1px solid #183E58; /*--Create bevel effect--*/
}

.navHighlight { font-weight: bold !important; }

/* toc */

.toc {
    display: inline-block;
    margin: 0.5em 0;
}
.toc ul { padding-top:0; }
.toc ul li {
    background: none;
    padding: 0;
    margin: 0 0 0.7em;
    list-style: decimal inside;
    display: list-item;
    min-height: 0;
}

/* toc races and classes */

.tocItem {
    clear: both;
    margin: 0 0 0.5em 0;
    overflow: hidden;
}

.tocIntro {
    min-height: 100px;
    font-weight: bold;
}

.support_iframe {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    width:895px;
    height:1000px;
    display:block;

}

/* Cufon */

#nav_main a, h1, h2, h3, .cBoxBody ul, .mediaBox span, .channel {
    visibility: hidden;
}

.cufon-ready #nav_main a, .cufon-ready h1, .cufon-ready h2, .cufon-ready h3, .cufon-ready .cBoxBody ul,
.cufon-ready .mediaBox span, .cufon-ready .channel {
    visibility: visible;
}

/* Clearing */

.floatholder { overflow:hidden; }

.clerasil:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clerasil { display: block; }

.nowrap {
    white-space: nowrap;
}

#leaderboard {
    width: 665px;
    margin: 0;
    padding: 0;
    font-size: 0.7em;
    -webkit-box-shadow: 0 0 2px #000000;
    -moz-box-shadow: 0 0 2px #000000;
    box-shadow: 0 0 2px #000000;
}

#leaderboard th {
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 5px 0 5px 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%);
}

#leaderboard td {
    position: relative;
    padding: 5px 5px 5px 10px;
    border: 0 none;
    background-color: #182C44;
    border-top: 1px solid #1E3857;
    border-bottom: 1px solid #050f1c;
    padding: 5px 6px;
}

#leaderboard .odd td {
}

#leaderboard td div.rank {
    position: relative;
    _height: 30px;
    min-height: 30px;
}

#leaderboard .alignLeft {
    margin: 3px 3px 3px 0;
}

#leaderboard .item_classWrap a {
    font-weight: bold;
}

.rank_change {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    font-size: 0.7em;
    font-weight: bold;
    padding: 2px 4px;
    line-height: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #D2A92D;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D2A92D), color-stop(100%,#93761F));
    background: -moz-linear-gradient(top, #D2A92D 0%, #93761F 100%);
    border: 1px solid #D2A92D;
    text-shadow: 0 0 2px black;
}

td.rank .rank_change {
    bottom: 8px;
    right: 4px;
}

.clearfix {
    clear: both;
}

.icon_faction_small img, .icon_faction_big img, .icon_face_small img, .icon_face_big img, .icon_face_max img, .icon_class_small img, .icon_class_big img {
    visibility: hidden;
}

.icon_face_small, .icon_face_big, .icon_face_max, .icon_class_small, .icon_class_big, .icon_faction_small, .icon_faction_big {
    background-image: url(//gf3.geo.gfsrv.net/cdn89/61e2f779bf1e832e24df079a927e99.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    overflow: hidden;
    width: 25px;
    float: left;
}

.icon_face_small, .icon_face_big, .icon_class_small, .icon_class_big {
    -moz-box-shadow: 0 0 2px black;
    -webkit-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
}

.icon_faction_small {
    background-image: url(//gf2.geo.gfsrv.net/cdn7d/6a7805684d88cddd0e5e5f395e5572.png);
}

.icon_faction_big {
    background-image: url(//gf1.geo.gfsrv.net/cdnfb/5193e61ba9da31e6d3f88723120456.png);
    height: 36px;
    width: 36px;
}

.icon_class_small {
    background-image: url(//gf2.geo.gfsrv.net/cdnd0/393ca626c0a3ab32b0dd1470f4e9b9.png);
}

.icon_class_big {
    background-image: url(//gf1.geo.gfsrv.net/cdnc5/b529a666507a6e02f04a8039104d83.png);
    height: 36px;
    width: 36px;
}

.icon_face_big {
    background-image: url(//gf1.geo.gfsrv.net/cdnf5/0fb2aa023923bdf29f0cfbb98e10f8.png);
    height: 36px;
    width: 36px;
}

.icon_face_max {
    background-image: url(//gf2.geo.gfsrv.net/cdnd7/5d55374d6cfefe3f888e06c73650ec.png);
    height: 64px;
    width: 64px;
}

.accCurrent .icon_face_max {
    position: relative;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
}

.icon_display {
    display: inline-block;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    margin-right: 1em;
    float: left;
    -moz-box-shadow: 0 0 2px black;
    -webkit-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
}

.avatar .icon_display {
    margin: 1em auto;
    float: none;
}

.icon_avatar_user {
    background-image: url(//gf3.geo.gfsrv.net/cdn26/b094fbd03020f17fa9cd1e17856298.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 56px;
    overflow: hidden;
    width: 56px;
    float:left;
    border: 1px solid #2A768D;
}

.fb-login-button {
    float: right;
    margin: 5px;
}

#login .fb-login-button {
    float: left; margin-right: 20px;
}

#content_related .fb-login-button {
    padding: 3px 7px 10px 10px;
    margin-right: 10px;
    -webkit-box-shadow: 0 0 3px #000000;
    -moz-box-shadow: 0 0 3px #000000;
    box-shadow: 1px 1px 0 #000000;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgb(255,255,255);
    background: rgba(255,255,255, 1); /* firefox and webkit */
}

/* enable underline in forums bbcode */
.force_underline{
    text-decoration: underline;
}

.bbc_underline{
    text-decoration: underline;
}

.teaserBox .enc_result {
    margin-top: 1em;
}

.server-status {
    position: relative;
    clear: both;
    margin: 0 0 .15em;
    padding: 0;
    background-color: #000;
    background-color: rgba(22, 22, 22, 0.3);
    border-top: 1px solid #000;
    border-bottom: 1px solid #222;
    border-radius: 3px;
}

.server-status h4 {
    display: inline-block;
    font-weight: normal;
    padding-left: 1em;
}

.teaserBox .status-title {
    display: block;
    padding-bottom: 1em;
    margin: 7px 0 0 0;
    text-shadow: 0 0 2px black;
}

.bubble {
    padding: 0 8px;
    margin: 5px;
    float: right;
    clear: right;
    position: relative;
    font-size: 7px;
    font-weight: bold;
    line-height: 16px;
    color: #9EE9FF;
    text-shadow: 0 0 2px black;
    border-radius: 5px;
    background-color: #17375D;
}

.bubble.IDS_SERVER_LOW, .bubble.green {
    color: #E9FF9E;
    background-color: #175E1B;
}

.bubble.IDS_SERVER_NORMAL, .bubble.orange {
    color: #fff;
    background-color: #FF8000;
}

.bubble.IDS_SERVER_FULL, .bubble.red {
    color: #fff;
    background-color: #710314;
}

.bubble.icon {
    padding: 0 24px 0 8px;
}

.bubble .ui-icon {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 4px;
}

.detail_cell .bubble {
    margin: 0 0 0 10px;
}

.package {
    position: relative;
    clear: both;
    margin: 0;
    background-color: #182C44;
    border-top: 1px solid #1E3857;
    border-bottom: 1px solid #050f1c;
    padding: 5px 6px;
    box-shadow: 0 0 3px black;
}

.shop-package {
    position: relative;
    top: 35px;
}

.package .icon {
    float: left;
    width: 48px;
    height: 48px;
    margin: 10px 0 0 0;
}

.package .icon img {
    width: 48px;
    height: 48px;
}

.package .desc-wrapper {
    min-height: 48px;
    padding: 0 10px;
    border-radius: 5px;
}

.package .desc {
    min-height: 64px;
    display: block;
    float: left;
    width: 370px;
    padding: 5px 10px;
}

.package .desc h4 {
    font-weight: normal;
    color: #75A6CC;
}

.package .desc ul {
    margin: 0;
    padding: 0;
}

.package .options {
    position: absolute;
    top: 50%;
    right: 5px;
    min-height: 54px;
    padding: 5px 5px 5px 10px;
    margin: -35px 0 0 0;
    text-align: right;
}

.package .progress, .shop-package .progress {
    position: absolute;
    font-size: 0.825em;
    font-weight: bold;
    line-height: 32px;
    margin-top: -28px;
    top: 50%;
    right: 30px;
    width: 200px;
}

.shop-package .progress {
    position: relative;
    width: 190px;
    margin: -20px 0 0 0;
    top: inherit;
    right: inherit;
    line-height: 13px;
}

.package .progress .bar, .shop-package .progress .bar {
    margin: 2px 0 0 0;
    color: #fff;
}

.package .progress a.bar:active, .shop-package .progress a.bar:active {
    margin-top: 4px;
}

.package .progress .status, .shop-package .progress .status {
    height: 1px;
}

.package .progress .status span {
    display: none;
}

.shop-package .progress .status span {
    top: -18px;
    font-size: 10px;
    display: block;
    position: absolute;
    width: 180px;
}

.package .desc-wrapper p, .package ul li {
    color: #fff;
    text-shadow: 0 0 2px black;
    font-size: 10px;
    margin: .25em 0 0 0;
    line-height: 16px;
}

.package .progress .status-wrapper, .shop-package .progress .status-wrapper {
    border-radius: 5px;
    border: 1px solid #111;
    border-top: 1px solid #000;
    border-bottom: 1px solid #222;
    background-color: black;
    background-color: rgba(0,0,0, 0.5);
    padding-bottom: 1px;
}

.package .item_classWrap a, .package .item_classWrap h4 {
    font-weight: bold;
    font-size: 0.825em;
    text-shadow: 0 0 3px black;
}

.package .item_classWrap h4 {
    padding: 0;
    margin: 0 0 .25em 0;
}

.package .item_classWrap span {
    padding: 5px 15px 5px 0;
}

.itemStack {
    position: absolute;
    display: block;
    font-size: .8em;
    font-weight: bold;
    left: 25px;
    bottom: 8px;
    border-top: 1px solid #1D4372;
    border-bottom: 1px solid #182944;
    background: #17375D;
    /*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17375D', endColorstr='#111E31');*/
    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%);
    text-shadow: 1px 1px 1px black;
    box-shadow: 1px 1px 1px black;
    -moz-box-shadow: 1px 1px 1px black;
    -webkit-box-shadow: 1px 1px 1px black;
    padding: 5px 7px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 99;
}

.package .itemStack {
    left: inherit;
    top: inherit;
    right: 5px;
    bottom: 4px;
}

#dialog-rewards .reward {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 64px;
}

#dialog-rewards .reward .itemStack {
    color: white;
    left: inherit;
    right: -5px;
    bottom: -5px;
}

.linkMessage {
    position: absolute;
    bottom: -72px;
    left: 0;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
    display: none;
    width: 90%;
}

#notification-wrapper {
    position: relative;
    left: 10px;
    bottom: 0;
    width: 220px;
 }

#notification-wrapper a {
    font-size: 9px;
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 16px;
    color: #9EE9FF;
    vertical-align: top;
}

#notification-wrapper .ui-icon {
    vertical-align: text-bottom;
}

#notification-wrapper a:hover {
    color: white;
}

#notification-wrapper a.new {
    color: #FFDE70;
}



/*
Monkeypatch to make login and registration
form submit buttons not look like any other button on homepage. :P

@WDUX Task ID 82
*/
.home #loginArea span.submit,
.home #regArea span.submit {
    /*specifity wars*/
    float:none;
    padding:0;
    border:none;
    border-radius: 0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    filter:none;
    /* /specifity wars*/

    display:block;
    margin: 0 auto 10px;
    width:280px;
    height:37px;
    background: url('//gf1.geo.gfsrv.net/cdn64/2de8406e53691afa7fb7218384ba97.jpg') top left no-repeat;
}

.home #loginArea span.submit:hover,
.home #regArea span.submit:hover {
    background-position: left -37px;
}

.home #loginArea span.submit strong,
.home #regArea span.submit strong {
    /*specifity wars*/
    float:none;
    padding:0;
    border:none;
    border-radius: 0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    filter:none;
    background:none;
    /* /specifity wars*/

    font-size:22px;
}


/*
Monkeypatch to make logged-out login and account creation box in the upper right
look different from the logged-in kind - and add yet another button style
because it seems like we don't have enough already....

@WDUX Task ID 82
*/
#account.offline {
    /*specifity wars*/
    background:none;
    border:none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    /* /specifity wars*/


    background: url('//gf3.geo.gfsrv.net/cdne9/a192d3f34423ed43b9e072f3136e79.png') top left no-repeat;
    width:373px; height:152px;
    right:34px;
    position:absolute;
    top:0px;
}

/*specifity wars*/
#account.offline .accSection {
    width:100%; height: 100%;
    margin:0; padding:0;
    position:relative;top:32px;
}
/* /specifity wars*/

#account.offline .loginLink {
    position:absolute;
    left:59px; top:10px;
}

#account.offline .regLink {
    position:absolute;
    left:59px; top:56px;
    width:254px; height:43px;
    margin:0; padding:0;
}
#account.offline .regLink a {
    display:block;
    width:100%; height:100%;
    margin:0; padding:0;
    background: url('//gf3.geo.gfsrv.net/cdn50/de3d5a926f41bd1838ca3d7f2df673.jpg') left -300px no-repeat;
    font-size:22px;
    text-decoration: none !important;
    text-align:center;
    line-height:38px;
    font-weight:normal;
}

#account.offline .regLink a:hover {
    background-position:0 0;
    text-decoration: none !important;
}

#cross-promo {
    position:absolute;
    left:1060px;
    top:-85px;
    width:auto;
    height:auto;
}

.item_ammount {
    color:white;
    font-size:10px;
}

#zshop #login {
    display:block;
    position:relative;
    top:0;
    left:0;
    margin:0;
}

#zshop #loginArea {
    display:block;
}

#zshop .wrongCredentials{
    display:block;
}