@charset "utf-8";
/*####################################################################
###
### Description: Tera Website Main Stylesheet 
### Version: 1.0
### Author: Sebastian Jagoschuetz
### 
### Colors: #EEEEEE normal txt on dark BG
###              #FFFFFF link
###              #FFFFFF underlined hover
### 
#####################################################################*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 12, 2013 */

@font-face {
    font-family: 'pt_serifitalic';
    src: url('//gf2.geo.gfsrv.net/cdna3/035f0933d9ff06cfe8a4060b385ced.eot');
    src: url('//gf2.geo.gfsrv.net/cdna3/035f0933d9ff06cfe8a4060b385ced.eot?#iefix') format('embedded-opentype'),
    url('//gf3.geo.gfsrv.net/cdne1/458e075b173d9ab26e8f04a74e5439.woff') format('woff'),
    url('//gf1.geo.gfsrv.net/cdnf7/29bdcc6097c86d55ecdcb71738a5ce.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_serifregular';
    src: url('//gf1.geo.gfsrv.net/cdn0c/d3d9fbacf674309587bc5a9ebdeb1e.eot');
    src: url('//gf1.geo.gfsrv.net/cdn0c/d3d9fbacf674309587bc5a9ebdeb1e.eot?#iefix') format('embedded-opentype'),
    url('//gf1.geo.gfsrv.net/cdn92/b27f7d13a36ecffb502d4d853c10fb.woff') format('woff'),
    url('//gf3.geo.gfsrv.net/cdne4/659937773ef643d0b7ceadc8f874a6.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('//gf1.geo.gfsrv.net/cdn95/1f9de60712b5f0aefa3466fbc2f3e9.eot');
    src: url('//gf1.geo.gfsrv.net/cdn95/1f9de60712b5f0aefa3466fbc2f3e9.eot?#iefix') format('embedded-opentype'),
    url('//gf3.geo.gfsrv.net/cdn5f/4414105c891fdcc6b191db82982e42.woff') format('woff'),
    url('//gf1.geo.gfsrv.net/cdn99/c50181faf299225836444dde592ccc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_serifbold';
    src: url('//gf2.geo.gfsrv.net/cdn7f/382e19a24bec48a6ff50e8132e72dc.eot');
    src: url('//gf2.geo.gfsrv.net/cdn7f/382e19a24bec48a6ff50e8132e72dc.eot?#iefix') format('embedded-opentype'),
    url('//gf3.geo.gfsrv.net/cdnb1/cd5ee1233e5f76a97fe7061c592814.woff') format('woff'),
    url('//gf1.geo.gfsrv.net/cdn05/17a05cae5730aab3c0f94b9f4b867d.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html,
button,
input,
select,
textarea {
    color: #222;
    font-family: 'pt_sansregular', sans-serif;
    border-radius: 5px;
}

label {
    color: #fff;
}

body {
    background: #000 url("//gf1.geo.gfsrv.net/cdn3a/b1cd61d42e7185799c4c0bacbaed44.jpg") no-repeat 50% 0;
    color: #EEE;
    font-family: 'pt_serifregular', serif;
    font-size: 14px;
    line-height: 1.4;
    padding: 32px 0 0;
    text-rendering: optimizeLegibility;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

images {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

h2 {
    color: #fff;
}

h1, h2, h3 {
    font-family: 'pt_serifregular', serif;
    text-transform: uppercase;
}

h4 {
    font-family: 'pt_serifregular', serif;
}

h3 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0 0 5px;

    color: #eabc41;
    font-family: 'pt_serifitalic';
    font-weight: normal;
}

h3 .btn {float: right;}

.news_list h3 {
    border-color: #000;
    color: #000;
    background: url("//gf2.geo.gfsrv.net/cdn7b/b8b68c2b28c734dc64e7a2707bafd0.png") no-repeat 0 bottom;
}
#newsDetails .news_list h3, .content_block h3 {
    background: url("//gf3.geo.gfsrv.net/cdnbf/6577757b03e7dc95d0e78424f2dd0d.jpg") no-repeat 0 bottom;
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 8px;
}
.fancybox-inner h3 {
    font-family: 'pt_serifitalic';
    font-weight: normal;
    color: #eabc41;
    font-size: 25px;
    border-bottom: 1px solid #abacac;
}

.fancybox-inner h3, #newsDetails h3 {
    font-family: 'pt_serifitalic';
    font-weight: normal;
    color: #eabc41;
    font-size: 25px;
}

.fancybox-inner h3 {
    border-bottom: 1px solid #abacac;
}

table#transferTable .simpleBtn {
    margin-bottom: 0;
}

.fancybox-inner .simpleBtn, .vertical_form .simpleBtn {
    margin-top: 30px;
}

a:link{color:#ebdcaf; outline: none; font-weight: normal; text-decoration: none; font-family: 'pt_serifbold';}
a:visited{color:#ebdcaf; outline: none;}
a:hover {color:#fff; outline: none;}
a:active{color:#fff; outline: none;}

h4 a:link, h4 a:hover {
    color: #fff;
}

b, strong {
    font-family:'pt_serifbold';
    font-weight:normal;
}

#content a:hover, #content #relatedArticle a:hover {

    text-decoration: underline;
}

input[type=radio] {
    margin: 0 5px 0 10px;
}


blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #fff;
}

blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -6px;
    top: -20px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}
/*
############################
####  GLOBAL STUFF
############################
*/

/*### SPRITE INIT ### */
.icon_page_link,
.info_h3 i,
#charTransfer h4 span,
.icon_download,
#managementContainer label,
.btn_download p,
.btn_download2 p,
aside li,
section ul li,
.gf_logo,
.runewalker_logo,
.safe_play,
.usk,
.pegi,
#socialBar ul li.icon_facebook,
#socialBar ul li.icon_twitter,
#socialBar ul li.icon_youtube,
#socialBar ul li.icon_rss,
#breadcrumb,
.liquid-slider-wrapper .liquid-nav .current:after,
.liquid-slider-wrapper .liquid-nav a.current,
.user_icon,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.btn_blue,
.btn {
    background: url('//gf1.geo.gfsrv.net/cdn64/a71495115980acf868fb6cf528d1d5.png') no-repeat;
}
.liquid-slider-wrapper .liquid-nav a{
    cursor:pointer;
    font-family:'pt_serifbold';
    width:122px !important;
    display: block;
    font-weight: normal;
}

aside ul,
section ul {
    padding: 0;
}

aside li,
section ul li {
    background-position: -350px -403px;
    list-style: none;
    margin: 0 0 15px;
    padding: 0 0 0 35px;
}

input[type=text],
input[type=email],
input[type=password]{
    border:1px solid #000;
    -moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
    box-shadow: inset 0px 0px 0px 1px #ffffff;
    /*Inner elements should not cover inner shadows*/
    /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/

    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/

    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #D0D0D0, #ffffff);
    background-image: -ms-linear-gradient(top, #D0D0D0, #ffffff);
    background-image: -webkit-linear-gradient(top, #D0D0D0, #ffffff);
    background-image: linear-gradient(top, #D0D0D0, #ffffff);
    /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
    padding: 4px 5px 5px 5px;
}
input.btn,
a.btn {

}

input.btn {
    color: #d3942e;
    border-color: #d3942e;
}

.btn {
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 #000000;
    vertical-align: middle;
}

.regBtn {
    display: block;
    color: #e0e039 !important;
    text-align: left;
    text-decoration: underline !important;
    padding-left: 3px;
}
.steam_cnt {
    overflow: visible !important;
}
.steam-btn {
    background: #085394;
    padding: 9px 20px;
    color: white;
    border-radius: 3px;
    border: 1px solid #ffffff80;
    margin-bottom: 10px;
    display: block;
}
.steam-btn:hover {
    background: #1e6394;
}

.steam-btn img{
    width: 24px;
    vertical-align: bottom;
    margin-right: 5px !important;
    float: none !important;
    border: none !important;
}

.simpleBtn2 > p,
.simpleBtn > p {
    font-family: 'pt_serifbold', serif;
    font-weight: normal;
}

.simpleBtn2, .simpleBtn2:link, .simpleBtn2:visited,
.simpleBtn, .simpleBtn:link, .simpleBtn:visited {
    font-family: 'pt_serifregular', serif;
    margin-bottom: 18px;
    font-weight: bold;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-height: 21px;
    font-size: 14px;
    color: #000000;
    display: inline-block;
    min-width: 170px;
    padding: 6px 20px 6px 20px;
    text-align: center;
    text-decoration: none !important;
    background: #f1b916;
    background: -moz-linear-gradient(
        top,
        #fcd512 0%,
        #f1b916);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#fcd512),
        to(#f1b916));
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #c2a42b;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0 4px 4px 4px rgba(255,247,85,0.7);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0 4px 4px 4px rgba(255,247,85,0.7);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0 4px 4px 4px rgba(255,247,85,0.7);
}

.lt-ie8 .simpleBtn2, .lt-ie8 .simpleBtn {
    height: auto;
    width: 100%;
    overflow: visible;
}

.simpleBtn2, .simpleBtn2:link, .simpleBtn2:visited {
    background: #ff8300;
    background: -moz-linear-gradient(
        top,
        #ff8300 0%,
        #e28a2b);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ff8300),
        to(#e28a2b));
    -moz-box-shadow:
        inset 0 4px 4px 4px rgba(255,131,0,0.7);
    -webkit-box-shadow:
        inset 0 4px 4px 4px rgba(255,131,0,0.7);
    box-shadow:
        inset 0 4px 4px 4px rgba(255,131,0,0.7);
}

.simpleBtn:hover {
    background: #fcd512;
}

.simpleBtn2:hover {
    background: #ff8300;
}

.fancybox-wrap .simpleBtn, .vertical_form .simpleBtn {
    min-width: 230px;
}

#login .simpleBtn, #login .simpleBtn2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

#login .simpleBtn2 {
    left: 15px;
}

.fancybox-wrap .simpleBtn:hover {
    color: #000000;
}

#loginLogout .simpleBtn {
    display: block;
    margin-top: 20px;
    line-height: 25px;
}

.loginContainerInfo {
    font-family: 'pt_serifbold';
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    white-space: nowrap;
    display: block;
    margin-bottom: 7px;
}

.icon-link,
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("//gf2.geo.gfsrv.net/cdnd4/fef5262f29f592560fb59918a1c052.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.btn-group {
    position: relative;
    /*display: inline-block;*/
    display: block;
    *display: inline;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    *zoom: 1;
}

.btn-group:first-child {
    *margin-left: 0;
}

.btn-group + .btn-group {
    margin-left: 5px;
}

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group > .btn + .btn {
    margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
    font-size: 14px;
}

.btn-group > .btn-mini {
    font-size: 10.5px;
}

.btn-group > .btn-small {
    font-size: 11.9px;
}

.btn-group > .btn-large {
    font-size: 17.5px;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
    z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    background: none;
    border: 0;
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
}

.btn-group > .btn-mini + .dropdown-toggle {
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group .dropdown-toggle:hover {
    background: #1C1C1C;
}
.btn-group.open .btn.dropdown-toggle {
    background-color: #1C1C1C;
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0;
}

.dropup,
.dropdown {
    position: relative;
}
.dropdown-toggle {
    *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0;
}

.container nav {
    z-index: 999;
    position: relative;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}
.container .dropdown-menu {
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 1px 0 0;
    list-style: none;
    background-color: #000;
    border-left: 1px solid #ac8c65;
    border-right: 1px solid #ac8c65;
    border-bottom: 1px solid #ac8c65;

    -webkit-box-shadow: 0 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 5px #000;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-decoration: none;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #212121;
    border-bottom: 1px solid #232323;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
    font-family: 'pt_sansregular';
    text-decoration: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #ffffff;
    background-position: 0 -709px;
    background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: default;
}
.open {
    *z-index: 1000;
}
.open > .dropdown-menu {
    display: block;
}
.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px;
}



/*icon setting*/

.icon-link,
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("//gf2.geo.gfsrv.net/cdnd4/fef5262f29f592560fb59918a1c052.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.success i,
.warning i,
.fancybox-inner .icon-check,
.icon-info-sign,
nav .dropdown-menu [class^="icon-"],
nav .dropdown-menu [class*=" icon-"],
#changePasswordForm [class^="icon-"],
#changePasswordForm [class*=" icon-"],
.btn_red [class^="icon-"],
.btn_red [class*=" icon-"],
.icon-white,
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("//gf1.geo.gfsrv.net/cdn9b/bc6e9602998a385c2ea13df56470fd.png");
}
.pagination {
    margin: 50px auto 0;
    text-align: center;
    max-width: 562px;
}

.pagination ul {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    padding: 12px 8px 10px;
    background-color: #040301;
    background-color: rgba(4,3,1,0.7);
    border: 1px solid #653c26;
}

.pagination ul > li {
    background-image: none;
    display: inline;
    padding: 0;
    margin: 0;
}

.pagination ul > li.first {
    float: left;
}

.pagination ul > li.last {
    float: right;
}

.pagination ul > li > a,
.pagination ul > li > span {
    padding: 4px 5px;
    line-height: 20px;
    text-decoration: none;
    border-left-width: 0;
    color: #eabc41;
    font-weight: normal;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #fff;
}

.icon-lock {
    background-position: -287px -24px;
    float: left;
}

.icon-extern {background-position: -120px -72px;}
.icon-link {
    background: url("//gf1.geo.gfsrv.net/cdn64/a71495115980acf868fb6cf528d1d5.png") no-repeat 0 0;
}
.user_icon {
    background-position: -168px 0;
}

.icon-next-gold {
    background: url(//gf1.geo.gfsrv.net/cdn64/a71495115980acf868fb6cf528d1d5.png) no-repeat;
    background-position: -355px -372px;
    width: 20px;
    height: 20px;
}

.icon-download-alt {
    background-position: -96px -24px;
}


a.btn-link {
    border-color: transparent;
    border-radius: 0 0 0 0;
    cursor: pointer;
    text-decoration: underline;
    text-shadow: none;
    vertical-align: baseline;
}
a.btn-link, .btn-link:active, a.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}
a.btn-link:hover, a.btn-link:focus {
    background-color: transparent;
}

.btn_red {
    background-position: 50% -40px;
    border:1px solid #000000;
    box-shadow: 0 0 1px #FFF inset;
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin-top: -2px;
    height: 30px;
    padding: 0 15px;
}

.btn_red:hover {
    background-position: 50% 0;
}

article > .btn_black {
    clear: right;
    float: right;
    margin-top: 30px;
}

article > .btn_black_back {
    float: left;
}

.btn_black {
    font-size: 13px;
    background: url("//gf2.geo.gfsrv.net/cdna8/4e028b1a3fb0147c2771ef4c7df3e8.jpg") 0 0 no-repeat;
}

.btn_black > span {
    color: #e29f31;
    font-size: 14px;
    vertical-align: middle;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    min-width: 200px;
    display: inline-block;
    background: url("//gf2.geo.gfsrv.net/cdna8/4e028b1a3fb0147c2771ef4c7df3e8.jpg") right -36px no-repeat;
    font-family: 'pt_serifregular', serif;
}

.btn_black > span:hover {
    color: #fff;
}

.btn_blue {
    border: 1px solid #000;
    background-position: -25px -385px;
    padding: 5px 20px;
}

.btn_blue:hover {
    background-position: -25px -385px;
}
.icon-info-sign {
    background-position: -120px -96px;
}
.icon_download,
.user_icon {
    background-position: -360px -273px;
    display: inline-block;
    width: 16px;
    height: 20px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
}

form.vertical_form input.checkbox {
    width: 13px;
}

form.vertical_form label.checkbox {
    width: 130px;
}

form.vertical_form label,
form.vertical_form input {
    display: block;
    float: none;
    width: 218px;
}

form.vertical_form input {
    margin-bottom: 10px;
}

.success,
.warning {
    color: #fff;
    background: #cd4016;
    border: 2px solid #FFF;
    padding: 10px;
}
.success {background: #528250;}
div.success {margin: 15px 0;}
/*
############################
####  HEADER
############################
*/

header {
    position: relative;
}

#breadcrumb,
header,
nav ul {
    margin: 0 auto;
    width:960px;
}

#loginLogout{
    position: absolute;
    right: 53px;
    top: 32px;
    text-align: center;
}

#loginLogout .btn {
    width:150px;
}

#loginContainer {display: none;}

.logo {
    display: block;
    height: 140px;
    width: 337px;
    background: url('//gf3.geo.gfsrv.net/cdnbf/84a2085a4a22cc3dffa4307699553c.png') no-repeat 0 -40px;
    margin: 0 auto 10px;
}

h1 {
    width: 337px;
    height: 256px;
    margin: -5px auto -23px;
}
h1 > a {
    background: url('//gf3.geo.gfsrv.net/cdn55/f4ef71d2cb334fb0299746a5dc5c77.png') no-repeat;
    display: block;
    width: 337px;
    height: 256px;
    /*    -webkit-transition: -webkit-transform .2s ease-in-out;
        -moz-transition: -webkit-transform .2s ease-in-out;
        -o-transition: -webkit-transform .2s ease-in-out;
        -ms-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;*/
}
/*h1 a:hover {
    -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
*/
#promoSlider {
    height:217px;
    position: relative;
    width:600px;
    margin: 15px auto 0;
    /* Move left by half the width of the thumbnail bar, in order to center content under logo */
    left: -63px;
}
#promoSlider .carousel li {
    float: none;
}
#slider-wrapper {
    width: 580px !important;
    position: relative;
    border: 1px solid #d1af80;
    -webkit-box-shadow: 3px 3px 10px #000;
    -moz-box-shadow: 3px 3px 10px #000;
    box-shadow: 3px 3px 10px #000;
    overflow: hidden;
}

#promoSlider {
    display:none;
}

#promoSliderPlaceHolder {
    width:600px;
    height:232px;
}

#promoSlider .caption {
    background: #000;
    background: -moz-linear-gradient(top,  rgba(86,86,86,0.5) 0%, rgba(0,0,0,1.0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,0.5)), color-stop(100%,rgba(0,0,0,1.0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(86,86,86,0.5) 0%,rgba(0,0,0,1.0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(86,86,86,0.5) 0%,rgba(0,0,0,1.0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(86,86,86,0.5) 0%,rgba(0,0,0,1.0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(86,86,86,0.5) 0%,rgba(0,0,0,1.0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00565656', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    height: 71px;
    left: 0;
    position: absolute;
    right: 0;
}

#promoSlider .caption h2 {
    font-size: 18px;
    line-height: normal;
    margin: 4px 0 2px;
    padding: 3px 15px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 443px;
    font-weight: normal;
}
#promoSlider .caption p {
    font-size: 13px;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 15px 0px;
}
#promoSlider img {
    width: 454px;
    height: 213px;
}
#promoSlider .thumbnail {
    display: none;
}

#callToAction {
    position: absolute;
    right: 38px;
    bottom: -5px;
}

#callToAction > a {
    font-family: 'pt_serifbold', serif;
    position: absolute;
    text-decoration: none;
    top: 0;
    left: 0;
    text-align: center;
    padding: 145px 40px 0;
    width: 120px;
    height: 105px;
    color: #fff;
    text-shadow: 3px 3px 3px #000;
}
#callToAction h2 {
    color: inherit;
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

#callToAction li {
    line-height: 30px;
}
#callToAction .btn {
    background-position: 0 -364px;
    display: block;
    font-size: 24px;
    height: 57px;
    line-height: 35px;
    margin: 15px auto;
    padding: 7px 0 20px;
    width: 338px;
}
#callToAction .btn:hover {
    background-position: 0 -448px;
}
#callToAction .btn span {
    display: block;
    font-size: 14px;
    line-height: 14px;
}
#callToAction img {
    display: none;
}
.lt-ie9 #callToAction img {
    display: block;
}

#callToAction div#Stage {
    position: relative;
    height: 250px;
    width: 200px;
    z-index: 0;
    overflow: hidden;
    display: block;
    background: url('//gf2.geo.gfsrv.net/cdna0/0f1b0edd5e4632275ab7cff95b5d4a.png') no-repeat;
    animation: sprite 3s steps(75) infinite;
}

@keyframes sprite {
    100% {
        background-position: -15000px 0;
    }
}


#userBox {
    background: url('//gf3.geo.gfsrv.net/cdn26/6aa8077ae11269bf569044cb351387.png') no-repeat;
    float: right;
    height: 218px;
    padding: 7px;
    margin: 0 0 40px;
    width: 331px;
}
#userBox h3 {
    border-bottom:3px solid #000;
    margin:0;
    padding: 10px 10px 5px
}
#userBox .user_box_info {
    border-top: 1px solid #524b4c;
    padding:10px;
}
#userBox .user_box_info p {margin: 0 0 10px;}
#userBox .user_box_info .tera_club_timer {
    color: #999;
    font-size: 14px;
}
#userBox .user_box_info strong {
    font-size: 16px;
    float: right;
}
#userBox .user_box_info .account_name {float: none;}

/*
############################
#### NAV
############################
*/
.container nav {
    font-family: 'pt_serifregular', serif;
    background: url('//gf2.geo.gfsrv.net/cdn42/be523bffc04d4e5086ad0a9b0d38c0.png') no-repeat 50% 0;
    height: 48px;
    padding: 11px 0 5px 0;
    margin-top: 20px;
    width: 100%;
}
.container nav ul {
    width: 924px;
    margin: 0 auto;
    padding: 0;
    display: table;
}
.container nav > ul > li {
    display: table-cell;
    height: 16px;
    line-height: 16px;
    border-right: 1px solid #ac8c65;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.btn-group > a{
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
}
.lt-ie8 .container nav > ul > li {
    display: inline;
}
/*nav .btn-group {
    position: static;
}*/

nav ul li:last-child {
    border-right: none;
}
.container nav li li {
    padding: 0;
}

.container nav ul li:hover, .container nav ul li.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}

.container nav ul li a.btn {
    background: none;
    padding: 0 20px;
}

.container nav ul li.active a.btn {
    text-shadow: -1px -1px 0 #000;
    color: #ebdcaf;
}
nav ul li .btn-group a.btn {
    padding: 7px 6px 6px 20px;
    color: #fff;
}

nav ul li .btn-group a.btn:hover {
    color: #ebdcaf;
}

.container nav ul li .btn-group .caret{
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}
.container nav ul li li {
    float: none;
}
.container nav ul ul {
    width:auto;
    text-align: left;
}

#breadcrumbContainer {
    background: url('//gf3.geo.gfsrv.net/cdn55/3ab5c0688c95e3fbe6d225281550db.png') 50% bottom no-repeat;
    padding: 40px 0 5px;
}
.game.index #breadcrumbContainer {
    background: url('//gf3.geo.gfsrv.net/cdn50/a48eaccb3297443a5bd0889443c147.png') 50% bottom no-repeat;
    padding: 4px 0px 4px;
    position: relative;
    margin-left: 1px;
}
.game.index #content{
    margin: 0 auto -4px;
    padding: 0 0 0px;
}

#breadcrumb {
    background: none;
    font-size: 12px;
    list-style: none;
    margin: 5px auto;
    padding: 0;
    width: 920px;
}
#staticContent {
    min-height: 1000px;
    min-width: 1062px;
    margin-left: -51px;
    margin-top: -5px;
    background: #000 url('//gf2.geo.gfsrv.net/cdn4a/4021b3ae9eb95ea2b48bdb99129fa2.jpg') repeat-y center 0;
}

#breadcrumb > li {
    display: inline-block;
    *display: inline;
    text-shadow: 0 1px 0 #000;
    *zoom: 1;
}

#breadcrumb > li > .divider {
    padding: 0 5px;
    color: #ccc;
}

#breadcrumb > .active {
    color: #999999;
}
/*
############################
#### CONTENT
############################
*/
#content {
    margin: 0 auto;
    padding: 0 0 30px;
    width: 960px;
}
.content_repeat {
    background: url('//gf3.geo.gfsrv.net/cdne6/a5ae4793b9a61195d42b74358f77d7.png') repeat-y 50% 0;
}
.content_head {
    background: url('//gf2.geo.gfsrv.net/cdn48/4b0caba482785f2d3dbb6283c75206.png') no-repeat 50% 0;
}
.content_foot {

}

.one_column,
.two_column {
    min-height: 676px;
    padding: 5px 20px 20px;
    margin: 0 auto;
    width: 920px;
}
.two_column {
    float: left;
    margin: 5px 0 20px 20px;
    padding: 0;
    width:580px;
}
.one_column {
    background: #080300 url('//gf1.geo.gfsrv.net/cdn6c/5e0d9bb0f4a5bf1e56b37004e375b7.jpg') no-repeat 0 0;
    margin: 5px 0 20px 20px;
    width: 882px;
    border: 1px solid #372b16;
}

.teaser_text {width:580px; }

.teaser {
    font-family: 'pt_serifregular', serif;
    position: relative;
    margin-bottom: 18px;
    cursor: pointer;
    display: block;
}

.teaser-event {
    left: 3px;
}

.teaser .title {
    top: 12px;
    color: #FFC86E;
    font-size: 11px;
    text-transform: uppercase;
}

.teaser .teaser-txt {
    color: #ddd;
    bottom: 11px;
    font-size: 20px;
    width: 170px;

    overflow: hidden;
    max-width: 280px;
    max-height: 4em;
    display: block;
}

.teaser .frame {
    background: url('//gf3.geo.gfsrv.net/cdn50/586cedceab274d53cc9623a1a388f7.png') no-repeat 1px 0;
    width: 343px;
    height: 136px;
    position: absolute;
    top: -15px;
    left: -14px;
}

.teaser-big .frame {
    background-position: -343px 0;
    height: 301px;
}

.teaser .title, .teaser .teaser-txt {
    position: absolute;
    display: block;
    left: 15px;
    text-shadow: 0 1px 3px black,0 1px 3px black;
}

.teaser-playnow {
    text-align: center;
    width: 325px;
}

.teaser-playnow .teaser-txt {
    font-size: 14px;
    top: 50px;
    bottom: auto;
    text-align: center;
    width: auto;
    left: 0;
    margin: 0 23px;
}

.teaser-playnow .title {
    font-size: 25px;
    text-align: center;
    width: 100%;
    left: 0;
}

.teaser:hover .title, .teaser:hover .teaser-txt {
    color:#ebdcaf;
}

aside {
    float: left;
    padding: 20px 15px 20px 0;
    width: 325px;
}

.content_repeat h2 {
    font-size: 28px;
    text-transform: uppercase;
    margin: 10px 0 4px 0;
    font-family: 'pt_serifbold', serif;
    font-weight:normal;
}

.two_column > h2, .two_column > p {
    margin-left: 8px;
}

.col_right h2 {
    font-size: 22px;
}

.news_list {
    border: 0px solid #382b16;
}

.col_left {
    float: left;
    width: 578px
}
.col_right {
    float: right;
    margin: 5px 20px 20px 0;
    padding: 0;
    width: 325px;
}

#register li, #authenticatedRel li {
    background-image: none;
    margin: 0;
    padding: 0;
}

.col_right h3 {font-size: 18px;}
.col_right .btn_red {width: 230px;}
.content_block {
    margin: 0 0 20px;
}

/*### Payment ###*/
#paymentFrame{
    margin: 10px auto;
    width: 800px;
}

/*### NEWS ###*/

#newsContainer, #newsDetails, #community {
    background: url('//gf1.geo.gfsrv.net/cdncf/fe61b5cff0cbd3b5e8f4d7c2fcc9d6.jpg') no-repeat 0 0;
    /*box-shadow: 3px 3px 10px #000;*/
}

article {
    background: #090603 url('//gf2.geo.gfsrv.net/cdnad/33beffea8b56d558753671204544a9.jpg') no-repeat 0 0;
    padding: 8px 8px 30px 8px;
    position: relative;
}

#newsDetails article, #community .overview_list {
    background: #271208 url('/cdn/images/news_detail.bg.jpg') no-repeat 0 0;
    background: url('//gf3.geo.gfsrv.net/cdn53/5820385230392ebb9f4d7c23a05ae1.jpg') no-repeat 0 0, url('//gf2.geo.gfsrv.net/cdn10/d42cc0bad760deec7c554148c1431e.jpg') repeat-y 0 0;
}

#newsDetails article {
    padding:10px 20px 20px 20px;
}


.featured_article_img img {
    display: block;
    box-shadow: 0 1px 5px #000;
    position: relative;
    border: 1px solid #dca242;
}

.featured_article {
    /*height: 110px;*/
    border: 1px solid #382b16;margin-bottom:10px;
}
.featured_article.last {
    height: 200px;
}

article h3 {
    border: 0;
    font-size: 20px;
    margin: -4px 0 15px;
    padding: 0 0 5px;
    font-family: 'pt_serifitalic';
}

article > h3 > a:link, article > h3 > a:visited {
    color: #eabc41;
    text-decoration: none;
    font-weight: normal;
    font-family: 'pt_serifitalic';
}

.articleHeader {
    width:580px;
    height:50px;
    margin:0 0 0 0;
    padding:0;
}

.articleThumbnail {
    float: left;
    margin-right: 10px;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    border: 1px solid #d1af80;
}
.firstArticleThumbnail {
    width: 580px;
    height: 150px;
}
.firstArticleThumbnail img {
    width: 577px;
    height: 148px;
    border: 1px solid #d1af80;
}

/*### showArticle ###*/
#showArticle h1 {
    color: #eabc41;
    width: 547px;
    margin: 5px 15px;
    height: auto;
    font-size: 30px;
}

#showArticle h2 {
    font-family: 'pt_serifregular', serif;
    font-weight: normal;
    width: 536px;
    margin: 5px 26px;
    height: auto;
    font-size: 24px;
    text-transform: none;
    color: #fff;
}

#showArticle h3 {
    color: #fff;
    margin: 5px 0 5px 45px !important;
    background: none !important;
    padding: 0 !important;
    font-size: 20px !important;
    text-transform: none;
}

#showArticle ul {
    margin: 10px 70px;
    list-style-type: circle;
}

#showArticle ul br {
    display: none;
}

#showArticle ol {
    margin: 10px 70px;
    padding:0;
}

#showArticle ol br {
    display: none;
}

#showArticle ol li {
    background: none;
    margin: 0;
    padding: 0;
}

#showArticle ul li {
    background: none;
    list-style: circle;
    margin: 0;
    padding: 0;
}

#showArticle .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#showArticle .alignright {
    display: inline;
    float: right;
}
#showArticle .alignleft {
    display: inline;
    float: left;
}

#content article > h3 > a:hover {
    color: #ebdcaf;
    text-decoration: none;
}

h2 > a:link, h2 > a:visited {
    font-size: 14px;
    color: #e29f31;
    float: right;
    text-decoration: none;
    padding: 10px 10px 0 0;
}

#newsDetails h3 {
    font-size: 30px;
}
.meta_data {
    font-family:'pt_serifbold';
    font-weight: normal;
    color: #ebdcaf;
    font-size: 11px;
    margin: 0 0 5px;
}

.meta_data > a, a.read_more {
    color: #ebdcaf;
    text-decoration: none;
}

.news_thumb {
    border: 1px solid #dca242;
    font-size: 0;
    float: left;
    padding: 1px;
}

#relatedArticle li:hover img,
.news_thumb:hover {background-color: #000;}
.preview_news p,
.preview_news h3 {
    padding: 0 0 5px 120px;
}

.read_more {
    display: inline-block;
    font-weight: bold;
    text-align: right;
    float: right;
    /*margin-top: -10px;*/
    background: url("//gf2.geo.gfsrv.net/cdn4e/5df22fc476bdf594d3ae625ca3018c.png") no-repeat right 50%;
    padding-right: 32px;
    font-family: 'pt_serifregular', serif;
    margin-bottom: 15px;
    font-size: 14px;
}
li > .read_more {
    float: none;
}

.read_more_left {
    float: none;
    display: inline-block;

}

.short_desc {
    width: 475px;
}

.plate_icon {
    background-image: url("//gf1.geo.gfsrv.net/cdn64/a71495115980acf868fb6cf528d1d5.png");
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.plate .teaser {
    float: right;
    margin: 0 0 15px 15px;
}

.plate_facebook { background-position: 0 -496px; }
.plate_youtube { background-position: 0 -459px; }
.plate_twitter { background-position: 0 -422px; }
.plate_forum { background-position: -37px -496px; }
.plate_cast { background-position: -37px -459px; }
.plate_support { background-position: -37px -422px; }


.plate_small, .overview_list .plate_small {
    border-radius: 3px;
    border: 1px solid #372613;
    /*outline: 3px solid rgba(0,0,0,0.5);*/
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
    padding: 15px;
}

.plate_small > b {
    font-weight: normal;
    font-family: 'pt_serifitalic';
}

.plate_small > h3 {
    border-bottom: 0;
    padding-bottom: 0;
}

.teaser-social {
    line-height: 47px;
    padding: 10px 0;
    text-align: center;
    margin-bottom:15px;
}

.teaser-social h2 {
    display: inline;
    margin: 0;
    color: #DEE1DE;
}

.teaser-social .plate_icon {
    float: none;
    display: inline-block;
    position: relative;
    top: 9px;
    margin: 0 0 0 5px;
}

.plate {
    padding: 20px 15px;
    margin: 0 0 25px;
    background-color: rgb(0,0,0);
    background: rgba(0,0,0,0.7) url("//gf3.geo.gfsrv.net/cdnbf/6577757b03e7dc95d0e78424f2dd0d.jpg") no-repeat 50% 0;
}

#register > .plate, #clientDownload > .plate, #helpSupport > .plate, #mediaOverview > div > .plate {
    margin-left: -20px;
    margin-right: -20px;
    display: block;
}

.lt-ie8 #mediaOverview > div > .plate {
    position: relative;
    width: 100%;
}

.plate > .simpleBtn {
    float: right;
    margin: 0 0 15px 15px;
}

.deleteAccount {
    border: 2px solid #9d5100;
    text-align: center;
}

.container .deleteAccount > h2 {
    background: none;
}

.container .deleteAccount a {
    float: none;
}

.section_trenner {
    background: #140d07 url('//gf2.geo.gfsrv.net/cdnad/33beffea8b56d558753671204544a9.jpg') no-repeat 0 -125px;
    padding: 20px;
    text-align: right;
    width: 540px;
}

.quicklink_server:link,
.quicklink_faq:link,
.quicklink_patch:link,
.quicklink_server:visited,
.quicklink_faq:visited,
.quicklink_patch:visited{
    background: url('/cdn/images/quicklink_bg.jpg') no-repeat 0 0;
    color: #323232;
    float: left;
    font: 20px/40px "Constantia";
    height: 48px;
    padding: 0 10px 101px;
    margin: 30px 11px 0 0;
    text-decoration: none;
    width: 166px;
}

.quicklink_patch:link {
    background-position:-196px 0px;
}
.quicklink_faq:link {
    background-position:-394px 0px;
    margin: 30px 0 0;
}

.quicklink_server:hover,
.quicklink_faq:hover,
.quicklink_patch:hover {
    background-position:0 -150px;
    color:#000;
}
.quicklink_patch:hover {
    background-position:-196px -150px;
}
.quicklink_faq:hover {
    background-position:-394px -150px;
}

.video_bg {
    background: url('//gf3.geo.gfsrv.net/cdn5a/436194d491b8b858ef5bb1dcbf947a.jpg') no-repeat;
    height: 215px;
    padding: 0 10px;
    width: 305px;
    box-shadow: 0 1px 5px #000;
}
.video_bg p {
    height: 32px;
    line-height: 35px;
    margin: 0;
    text-align: center;
}
.video_bg iframe {box-shadow: 0 -5px 10px #000;}

.teaser .btn_download {
    margin: -90px auto 34px;
    display: block;
    position: relative;
}

.btn_download > p,
.btn_download2 > p {
    background-position: -340px -638px;
    display: inline-block;
    /*font-size: 16px;*/
    height: auto;
    line-height: 20px;
    margin: 0;
    padding: 2px 30px 8px 30px;
    text-align: center;
    width: auto;
    text-shadow: none;
}

.btn_download2 > p {
    background-position: -340px -461px;
}

.simpleBtn > p > span, .simpleBtn > span, .simpleBtn2 > p > span, .simpleBtn2 > span {
    font-size: 22px;
    line-height: 22px;
}

.promo {
    border: 1px solid #828282;
    display: block;
    font-size: 0;
    margin: 25px 0 0;
}

/*### News Detail ###*/
#newsDetails .meta_data {
    margin: 0 0 15px;
}

.youtube_embedded,
.article_pic {
    border: 1px solid #dca242;
    display: block;
    font-size: 0;
    margin: 15px 0;
    padding: 1px;
}
.align_left {
    float: left;
    margin: 5px 15px 15px 0;
}
.align_right {
    float: right;
    margin: 5px 0 15px 15px;
}

.relatedList li:after,
#relatedArticle li:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url("//gf1.geo.gfsrv.net/cdn64/a71495115980acf868fb6cf528d1d5.png") no-repeat -356px -372px;
    position: absolute;
    right: 0;
    top: 30px;
}
.relatedList li:after {
    background-position: -364px -311px;
    top: 10px;
}
.relatedList li,
#relatedArticle li {
    position: relative;
    border-top:1px solid #000;
    color:#000;
    height: 53px;
    padding: 10px;
    background: url("//gf1.geo.gfsrv.net/cdnf5/f4fbdda09be39f158b15f576bb28de.jpg") no-repeat left top;
}
.relatedList {
    background: url("//gf1.geo.gfsrv.net/cdnf5/f4fbdda09be39f158b15f576bb28de.jpg") no-repeat left top;
}
.relatedList li {
    height: auto;
    padding: 5px 10px;
    margin: 0;
    background: none;
    border-top: 1px solid #70490d;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.relatedList li:first-child {
    border-top: none;
}
.relatedList h4,
#relatedArticle h4 {
    border: 0;
    font-size: 14px;
    margin: 0 0 3px;
    font-family: 'pt_serifregular', serif;
}
.relatedList h4 {
    margin: 0;
}
.relatedList a:link, .relatedList a:visited,
#relatedArticle a:link, #relatedArticle a:visited {
    color: #eabc41;
    text-decoration: none;
}
#relatedArticle li img {
    border: 1px solid #dca242;
    float: left;
    margin: 0 10px 0 0;
    padding: 1px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.relatedList li:hover,
#relatedArticle li:hover {
    cursor: pointer;
}

/*### Accountmanagement ###*/

#managementContainer .col_left {
    width: 510px;
}

#managementContainer .col_right {
    margin-right: 0;
    margin-top: 0;
}

#managementContainer label {
    background-position: -360px -84px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 0 25px;
    width: 160px;
}
#managementContainer .col_left .btn {float:right;}

#managementContainer label + span {
    font-size: 16px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#managementContainer span.lastchange {
    white-space: normal;
    font-size: 13px;
}

.col_right .black_bg {padding:5px; min-height: inherit;}
.col_right .black_bg div {
    background: url('/cdn/images/col_right_black_bg.jpg') no-repeat #000;
    color: #fff;
    text-align: center;
    padding: 5px;
}
.black_bg h3 {border-color:#FFF;}

#clientDownload, #register, #managementContainer, #mediaOverview, #mediaCategory, #romOverview {
    background: url('//gf2.geo.gfsrv.net/cdn7a/77637598a15294b500303d808cfd04.jpg') no-repeat;
    margin: -3px -19px 0;
    padding: 5px 20px 0;
    min-height: 650px;
}
#register {
    background-image: url('//gf1.geo.gfsrv.net/cdn6b/818c50642065d1bff0672e5d336dd7.jpg');
}
#managementContainer, #mediaOverview, #mediaCategory, #romOverview {
    background-image: url('//gf1.geo.gfsrv.net/cdn91/c23587a3601ddd671ef02e9440863c.jpg');
}

#login .col_right,
.download_client div {
}
.download_client h3 {
    border: 0 none;
    font-size: 30px;
    line-height: 20px;
    margin: 15px 0 0;
    text-align: center;
}
.download_client h3 span {
    font-size: 18px;
}
.download_client ul {
    font-weight: bold;
    padding: 15px 0 15px 130px;
}

.download_client ul li {
    padding: 0 0 0 25px;
}

.download_client a {
    background-position: 50% -207px;
    font-size: 18px;
    line-height: 45px;
    height: 45px;
}
.download_client a:hover {
    background-position: 50% -297px;
}

.icon_download {
    background-position: -353px -480px;
    height: 32px;
    margin: -5px 0 0;
    vertical-align: middle;
    width: 30px;
}

/*### Accountoverview ###*/


.teaser_content {
    margin-bottom: 20px;
}

.teaser_content h2 {
    background: url("//gf1.geo.gfsrv.net/cdnf5/f4fbdda09be39f158b15f576bb28de.jpg") no-repeat left bottom;
    margin-bottom: 10px;
}

.content_block .read_more {
    margin: 0;
}

.content_block p .read_more {
    width: 92px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.content_block .simpleBtn, .teaser_content .simpleBtn {
    float: right;
}

.content_block img {
    border:1px solid #888888;
    float: left;
    margin: 0 25px 0 0;
}

.account_infos li {
    background: none;
    padding: 10px 0 0 0;
    margin: 0;
}

.account_infos li span {
    display: inline-block;
    font-weight: bold;
    width: 150px;
}

.col_left .black_bg {
    border: 1px solid #000;
    color: #FFF;
    padding: 15px;
}

.col_left .black_bg input[type=text] {
    width: 340px;
}

/*### Register ###*/

#register .col_left {
    float: none;
    margin: 0;
    padding: 25px;
    width: 450px;
}

#register .col_left label {
    float: left;
    font-size: 80px;
    font-weight: bold;
    height: 200px;
    margin: 0 25px 0 0;
    font-family: 'pt_serifregular', serif;
}
#register .col_left h3 {margin: 0 0 15px 50px; border: none;}
#register .col_left .btn-link {color:#fff;}

.icon_page_link,
#register .col_right {
    margin: 0;
    padding: 15px;
    width: 345px;
}

#registrationForm label {
    display: block;
}
#registrationForm input[type=text],
#registrationForm input[type=email],
#registrationForm input[type=password] {
    width: 330px;
    margin-bottom: 10px;
}

#secureBox {margin: 5px 0 20px 0;}
.secure_pw_bar_box {
    background: none repeat scroll 0 0 rgba(172, 196, 204, 0.5);
    box-shadow: 0 1px 1px #000000 inset, 0 0 20px rgba(88, 109, 119, 0.5) inset, 0 1px 0 rgba(219, 244, 255, 0.42);
    height: 14px;
    float: left;
    margin: 0 5px 0;
    width: 285px;
}

#changePassword .secure_pw_bar_box {width: 190px;}

#securePWBar {
    background: none repeat scroll 0 0 #4A0606;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.27) inset, 0 1px rgba(255, 255, 255, 0.4) inset;
    height: 14px;
    width: 0;
}
.agb_box {
    font-size: 11px;
    line-height: 14px;
    margin-bottom:15px;
    float:left;
    width: 345px;
}

.coppa_box {
    font-size: 11px;
    line-height: 14px;
}

.permalogin_box {
    font-size: 11px;
    line-height: 14px;
    margin: 20px 0 0 0;
}

#loginPermaLogin {
    float: left;
    margin: 0 5px 0 0;
}

#agbCheck {
    float: left;
    margin: 0 5px 0 0;
}
.newsletter_box {
    font-size: 11px;
    line-height: 14px;
}
#newsletterCheck {
     float: left;
     margin: 0 5px 0 0;
 }

#coppaCheck {
    float: left;
    margin: 0px 5px 0 0;
}

#registrationForm .btn_red {
    width: 325px;
}

#register .simpleBtn, #register .simpleBtn2 {
    width: 340px;
}
#register .btn_download, #register .btn_download2 {margin: 20px 0 0;}

.icon-check {
    background-position: -288px 0;
}

/*### LOGIN ###*/
#changeEmail,
#changePassword,
#login {
    width: 744px;
}

#changeEmail,
#changePassword{
    overflow: hidden;
}

#securityoptions h3,
#addScreenname h3,
#changeEmail h3,
#changePassword h3,
#login h3 {margin: 0}

#changeEmail .col_left,
#changePassword .col_left,
#login .col_left,
#retention_rewards .col_left{
    border-right:1px solid #777777;
    float: left;
    padding: 0 25px 0 0;
    width: 230px;
    min-height: 260px;
    position: relative;
}
#changeEmail .col_right,
#changePassword .col_right,
#login .col_right,
#retention_rewards .col_right{
    float: left;
    margin-top: 0;
    padding: 0 0 0 15px;
    width: 452px;
    min-height: 260px;
    position: relative;
}

#changePassword .btn_red,
#changeEmail .btn_red,
#login .btn_red {
    margin: 15px 0 0;
    width: 230px;
}
.primary_options {
    padding: 15px 0;
}

.secondary_options {
    border-top: 1px solid #3D3D3D;
    padding: 15px 0 0;
}

form .btn-link {
    text-align: right;
    width: 230px;
}

#login .btn_blue {float: right;}
/*### Change E-Mail & Password ###*/

#changePassword .col_right h4,
#changeEmail .col_right h4 {font-size: 14px; margin-top: 0;}
#changePassword .col_right ul,
#changeEmail .col_right ul {
    color:#c8c8c8;
    font-size: 12px;
}

/*### add Screenname ###*/
#lostPassword{
    margin: auto;
    width: 520px;
    overflow:hidden;
}
#securityoptions,
#addScreenname {width: 530px;}
/*#lostPassword input[type=text],*/
#addScreenname input[type=text] {
    margin: 0 5px 0 0;
    width: 280px;
}
/*#lostPassword label,*/
#addScreenname label {
    display: block;
}
/*### Security Options  ###*/
#securityoptionsForm {
    margin: 0 auto;
    width: 500px;
}
#securityoptions label {
    display: block;
    line-height: 13px;
    margin: 0 0 10px;
    width: auto;
}
#securityoptions input[type=radio],
#securityoptions input[type=checkbox]{
    float:left;
    margin: 0 5px 0 0;
    padding: 0;
    width: auto;
}

#securityoptions .label_check {
    margin: 0 5px 20px 15px;
}
#securityoptions .btn_red {
    margin: 30px auto 0;
}
/*### Character Transfer ###*/
.chartransfer_info {
    background: url('/cdn/images/chartransfer/chartransfer_info_bg.jpg') no-repeat;
    padding: 15px 15px 15px 115px;
    color: #fff;
}
.chartransfer_info h4 {
    font-size: 16px;
    margin: 0 0 5px;
}
.arrow_trenner {
    background: url('/cdn/images/chartransfer/arrow_trenner.png') no-repeat;
    margin: 5px auto;
    height:22px;
    width: 43px;
}
.info_h3 i,
#charTransfer h4 span {
    background-position: -345px -748px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    font-style: normal;
    height: 33px;
    line-height: 31px;
    margin: 0 5px 0 0;
    text-align: center;
    text-transform: lowercase;
    width: 30px;
}
#charTransfer select {
    border:1px solid #000;
    margin: 0 15px;
    width: 220px;
}
.step_1,
.step_2,
.step_3 {
    background: url("/cdn/images/chartransfer/chartransfer_step_bg.jpg") no-repeat scroll 0 0 transparent;
    height: 60px;
    padding: 40px 15px 0;
    text-align: center;
}
.step_2 {background-position: 0 -115px;}
.step_3 {background-position: 0 -230px; text-align: left;}
.step_3 .btn_red {float: right;}

.info_h3 i {float: left;}
.transfer_status table th {text-align: left;}
.transfer_status table tr td:first-child {padding: 0 15px 0 0;}

.transfer_status .inactive {color:#ba3400;}
.transfer_status .active {color:#5b9500;}

.transfer_status legend {margin:15px 0; }
.transfer_status legend strong {padding: 0 5px; }

/*### Help and Support ###*/
.overview_list {
    list-style: none;
    padding: 30px 0 0 0;
    margin: 0 -20px;
}
.overview_list li {
    background: none;
    float: left;
    padding: 0;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eabc40;
    -webkit-box-shadow: 3px 3px 6px #000;
    -moz-box-shadow: 3px 3px 6px #000;
    box-shadow: 3px 3px 6px #000;
}
#community .overview_list {
    margin: 0;
}
#community .overview_list li {
    width: 514px;
    margin-left: 14px;
}
#community .simpleBtn {
    margin-bottom: 0;
}

.overview_list li .hover_stat {
    background: #1b0f08;
    background: rgba(35, 22, 14, 0.95);
    bottom: -160px;
    display: block;
    height: 202px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    margin: 0 1px;
    padding: 0 10px;
}
.overview_list p {
    overflow: hidden;
}
.overview_list h3 {
    border-bottom: none;
    margin: 6px 0 8px 0;
    padding: 0;
}

.help_link_forum,
.help_link_support,
.help_link_faq {
    background: url('//gf2.geo.gfsrv.net/cdn1c/09e88c5b3220b2a2f1a53fd21502b5.jpg') no-repeat;
    display: block;
    height: 42px;
    padding: 0 10px 161px;
    width: 274px;
}

.help_link_forum p,
.help_link_support p,
.help_link_faq p {
    font-size: 13px;
}


.help_link_forum {background-position: -302px 0;}
.help_link_support {background-position: -604px 0; }

#helpSupport table {
    color:#adadad;
    font-size: 12px;
}

#helpSupport table th,
#helpSupport table tr td:first-child {color: #FFF;}
#helpSupport table th,
#helpSupport table td {
    padding: 5px 15px;
    text-align: left;
    vertical-align: top;
}

#helpSupport table th {
    color: #eabc41;
}

/*### FAQ ###*/
.accordion-toggle {
    background: url("//gf1.geo.gfsrv.net/cdnce/1f0300e4a2ff137182c773aff1f4f8.png") no-repeat scroll 15px 5px transparent;
}
.accordion .active {
    background-image: url('//gf1.geo.gfsrv.net/cdnc4/e7322ac52d65785b175f1bd4c746ca.png');
}

/*### Patchlog ###*/

#patchlog .col_left ul {
    padding: 20px
}

.col_right .white_foot h4:first-child {
    margin: 0 0 15px;
}

/*### Serverstate ###*/
.server_status_box {
    background: url('/cdn/images/serverstatus/server_status_bg.png') no-repeat right top;
    padding: 0 300px 0 0;
    min-height: 548px;
}

#serverStatus table {
    box-shadow: 0 0 5px #7e7e7e inset;
    text-align: center;
    width: 580px;
}
#serverStatus table th,
#serverStatus table td {
    border-top: 1px solid #7e7e7e;
    padding: 10px;
}
#serverStatus .status_green,
#serverStatus .status_red {
    background: url('/cdn/images/serverstatus/traffic_lights.png') no-repeat 0 0;
    display: inline-block;
    height: 25px;
    width: 20px
}

#serverStatus .status_red {background-position: 0 -48px;}

/*### mediaOverview ###*/

#mediaOverview .read_more {
    margin-top: 5px;
}

#mediaOverview h3 {
    margin-bottom: 0;
}

#mediaOverview .col_right {
    width: 410px;
    margin-top: 0;
    margin-right: 0;
}

#mediaOverview .col_left {
    width: 454px;
}

#mediaCategory .tab-pane > ul > li,
#mediaOverview li {
    background-image: none;
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
}

.video_overview {
    padding: 20px 0 10px;
}

.youtube_link {
    display: block;
    position: relative;
}
.youtube_link img {
    border: 1px solid #000;
    margin: 0 15px 0 0;
    float: left;
}

.frame_big {
    /*background: url('/cdn/images/media/frame_big.png') no-repeat 0 0;*/
    position: absolute;
    left: -4px;
    top: -8px;
    width: 463px;
    height: 266px;
}

.frame_xtrabig {
    /*background: url('/cdn/images/media/frame_xxl.png') no-repeat 0 0;*/
    position: absolute;
    left: -6px;
    top: -6px;
    width: 864px;
    height: 525px;
}

.play_btn_big,
.play_btn_small {
    /*background: url('/cdn/images/media/play_btn.png') no-repeat 0 0;*/
    left: 77px;
    height: 33px;
    position: absolute;
    top: 35px;
    width: 33px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -moz-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
}

.img_thumb {
    position: relative;
    display:block;
    /*overflow: hidden;*/
}
.zoom_icon {
    /*background: url('/cdn/images/media/zoom_icon.png') no-repeat 0 0;*/
    height: 53px;
    left: 50%;
    position: absolute;
    top: 50%;
    margin: -26px 0 0 -26px;
    width: 53px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.img_thumb:hover .zoom_icon {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.play_btn_big {
    background-position: 0 -70px;
    height: 48px;
    left: 215px;
    top: 108px;
    width: 48px;
}

.youtube_link:hover .play_btn_small,
.youtube_link:hover .play_btn_big {
    background-position: 0 -120px;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.youtube_link:hover .play_btn_small {
    background-position: 0 -35px;
}

#mediaOverview li iframe {
    float: left;
    margin: 0 15px 0 0;
}
#mediaCategory a img,
#mediaOverview a img {
    background: #653c26;
    border:1px solid #000;
    padding: 1px;
}
#mediaCategory a:hover img,
#mediaOverview a:hover img {
    background: #fff;
}

#mediaCategory .tab-pane li h4,
#mediaOverview li h4 {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /*für Opera*/
    /*white-space: nowrap;  */
}

.video_overview .col_left h4 {
    font-size: 20px;
    margin: 0 0 5px;
}
.video_overview .col_left .youtube_link img, #mediaCategory .youtube_link img {float: none;}

.wallpaper_overview,
.screenshot_overview {
    float: left;
    width: 425px;
}

.media_overview {
    float: left;
    width: 100%;
    padding: 20px 0 10px;
}

.wallpaper_overview {
    margin: 0 0 0 30px;
}
#mediaCategory .tab-pane > ul > li,
#mediaOverview .wallpaper_overview li,
#mediaOverview .screenshot_overview li, #mediaOverview .media_overview li {
    float: left;
    width: 138px;
    margin-right: 7px;
}
#mediaCategory .tab-pane > ul > li {
    padding: 4px;
    width: 200px;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
    margin-right: 12px;
}

#mediaCategory .tab-pane li.last,
#mediaOverview .wallpaper_overview li.last,
#mediaOverview .screenshot_overview li.last {padding: 0;}
#mediaCategory h4,
#mediaOverview .wallpaper_overview h4,
#mediaOverview .screenshot_overview h4 {font-size: 13px;}
#romOverview p,
#mediaCategory p,
#mediaOverview .wallpaper_overview p,
#mediaOverview .video_overview  p,
#mediaOverview .screenshot_overview p {color: #eabc41; margin-bottom: 0; font-size: 13px;}

/*### Media Detail ###*/

#mediaDetail {width: 900px;}

.download_option {
    left: 0;
    margin:0;
    position: absolute;
    top: -24px;
    width: 100%;
    font-size: 14px;
}
.download_option > span {
    text-align: center;
    display: block;
}
/*ROMCAST*/
.romcast_overview > ul > li {
    float: left;
    margin-left: 22px;
    position: relative;
}
.romcast_overview > ul > li.plate_small {
    padding: 8px;
}
.romcast_overview > ul {
    margin-left: -4px;
}

.romcast_overview .youtube_link > img {
    margin: 0 0 5px;
}

.romcast_overview .play_btn_small {
    left: 110px;
    top: 53px;
}

.romcast_overview h4 {
    margin: 0;
    clear: both;
}

.romcastMain {
    margin: 0 auto 20px;
    width: 848px;
    height: 520px;
    display: block;
}

.romcastMain .play_btn_big {
    left: 400px;
    top: 215px;
}

.romcast_overview h3 {
    background: url("//gf2.geo.gfsrv.net/cdn7b/b8b68c2b28c734dc64e7a2707bafd0.png") no-repeat 50% bottom;
}

/*
############################
#### FOOTER
############################
*/
div.footerBackground {
    background-color: black;
}

footer {
    color: #828282;
    height: 450px;
    background: url('//gf3.geo.gfsrv.net/cdne1/db96fbb40b5672fdb236d1a96da5f7.jpg') 0 0 no-repeat;
    font-family: 'pt_serifregular', serif;
    text-transform: uppercase;
    padding-top: 45px;
}

footer > div, footer > p {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

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

footer ul {list-style: none;}

#socialBar {
    margin: 15px auto;
    padding: 15px 0;
}

#socialBar ul {
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 60%;
}
#socialBar ul li {
    float: left;
    margin: 0 25px 0 0;
    height: 20px;

}
#socialBar ul h4 {
    margin: 0;
    font-size: 13px;
    line-height: 15px;
}
#socialBar ul li a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 28px;
}
#socialBar ul li.icon_facebook {background-position: -355px -181px;}
#socialBar ul li.icon_twitter {background-position: -355px -201px;}
#socialBar ul li.icon_youtube {background-position: -355px -221px;}
#socialBar ul li.icon_rss {background-position: -355px -240px;}

footer form {
    float: right;
    text-align: right;
    width: 40%;
}
.content_trenner {
    border: none;
    background: url('/cdn/images/content_trenner.png') no-repeat 50% 0;
    height: 13px;
    margin: 20px 0;
    width: auto;
}
.footer_sitemap_column {
    float: left;
    margin: 0 60px 0 0;
}
.footer_sitemap_column h3 {
    font-size: 14px;
}
.footer_sitemap_column a {
    text-decoration: none;
}
.footer_sitemap_column ul {
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.child_protection {
    display: block;
    text-align: center;
    border-top: 1px solid #666;
    padding: 28px 0;
}

.child_protection li {
    margin: 0 0 0 15px;
    display: inline-block;
}

.lt-ie8 .child_protection li {
    display: inline;
}

.usk,
.pegi,
.safe_play {
    background-position: 0 -630px;
    display: block;
    height: 70px;
    width:64px;
}
.usk {background-position: -71px -630px;}
.pegi  {background-position: -150px -630px;}

.gf_logo,
.runewalker_logo {
    background-position: 0 -543px;
    display: inline-block;
    height: 85px;
    margin: 0 15px;
    width: 238px;
}
.runewalker_logo {
    background-position: 0 -75px;
}

footer p {
    text-align: center;
}

.legal_line,
.legal_links {
    font-size: 11px;
}

.legal_links a {
    margin: 0 15px;
    text-transform: uppercase;
}

/*
############################
#### PLUGINS
############################
*/

.edgeLoad-EDGE-21173346 { visibility:hidden; }

.collapse.in {
    height: auto;
}
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}
.accordion{margin:20px 0;}
.accordion-group{margin-bottom:2px;}
.accordion-heading{border-bottom:0;}
.accordion-heading .accordion-toggle{display:block;padding:8px 15px 8px 50px;}
.accordion-toggle{cursor:pointer;}
.accordion-toggle p {border-bottom: 1px solid #000;margin:0; padding: 0 0 10px;}
.accordion-inner{padding: 9px 15px 9px 50px;}
.carousel{position:relative;margin-bottom:20px;line-height:1;}
.carousel-inner{overflow:hidden;width:100%;position:relative;}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1;}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block;}
.carousel-inner>.active{left:0;}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%;}
.carousel-inner>.next{left:100%;}
.carousel-inner>.prev{left:-100%;}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0;}
.carousel-inner>.active.left{left:-100%;}
.carousel-inner>.active.right{left:100%;}
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
.carousel-control:hover,.carousel-control:focus{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none;}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255, 255, 255, 0.25);border-radius:5px;}
.carousel-indicators .active{background-color:#fff;}
.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#333333;background:rgba(0, 0, 0, 0.75);}
.carousel-caption h4,.carousel-caption p{color:#ffffff;line-height:20px;}
.carousel-caption h4{margin:0 0 5px;}
.carousel-caption p{margin-bottom:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-3px;padding:5px 0;}
.tooltip.right{margin-left:3px;padding:0 5px;}
.tooltip.bottom{margin-top:3px;padding:5px 0;}
.tooltip.left{margin-left:-3px;padding:0 5px;}
.tooltip-inner{max-width:200px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;}

/***********************************************************************
*
*  Liquid Slider
*  Kevin Batdorf
*
*  http://liquidslider.kevinbatdorf.com
*
*  GPL license 
*
************************************************************************/

/******************************************************
* No JavaScript
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
.no-js .liquid-slider {
    height:232px;
    overflow:scroll;
}

/******************************************************
* Preloader
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
.liquid-slider-wrapper .liquid-slider-preloader {
    background: url(//gf1.geo.gfsrv.net/cdnc2/67986174218afac4323110eefdd616.gif) #f2f2f2 no-repeat center 75px;
    opacity:.90;
    /* Do not edit below this line */
    width:100%;
    height:200%;
    position:absolute;
    top:0;
    left:0;
}

/******************************************************************
* Base Styles 
* The styles here will apply to everything. I recommend you keep
* the styles in here specific to mobile defices, then use
* the media queries at the bottom to define further styles for larger
* screen-sizes. Think Mobile First. But be cautious of how
* your site will look in older IE browsers.
*
* Additional media queries are at the bottom of this document
******************************************************************/
.liquid-slider-wrapper {
    margin:0 auto;
    /* Do not edit below this line */
    overflow: auto;
    position: relative;
}

/******************************************************
* Main Container
* This is the main container (minus the navigation).
* Be sure to match the width with the .panel class, 
* or it won't work properly. Also, width only applies
* if you are not using the responsive setting.
*
* The responsive slider will interpret the width as the
* max width instead
*******************************************************/
.liquid-slider-wrapper .liquid-slider {
    background: #f2f2f2;
    width: 454px;
    /* Do not edit below this line */
    float: left;
    overflow: hidden;
    position: relative;
}
.liquid-slider-wrapper .panel-container {
    /* Do not edit below this line */
    position: relative;

}
.liquid-slider-wrapper .liquid-slider .panel-container .fadeClass {
    /* Do not edit below this line */
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

/******************************************************
* Panels
* This is for the panels. If you are using the 
* responsive setting, this will act as the max-width
* for the entire slider.
*******************************************************/
.liquid-slider-wrapper .liquid-slider .panel {

    /* Do not edit below this line */
    display: block;
    float: left;
    height: 213px;
    width: 454px;
}

/******************************************************
* These provide a base starting point for images and
* video. However, you will have to add more rules
* based on the content you use. Use the @media queries 
* at the bottom of this file.
*******************************************************/
.liquid-slider-wrapper .liquid-slider .panel images{
    /*
    width:100%;
    height:auto;
    margin:0 5px;
    */
}

.liquid-slider-wrapper .liquid-slider .panel video {
    /*
    width:100%;
    height:auto;
    */
}

/******************************************************
* This is mainly used to adjust the padding inside each 
* panel. If you are using the responsive setting, you
* need to use the settings below as this will not apply.
*******************************************************/
.liquid-slider-wrapper .liquid-slider .panel-wrapper {
    padding: 0px;
    height: 213px;
    /* Do not edit below this line */
    position:relative;
}

/*****************************************************
* This will adjust styles for all navigation tabs
* less of course the select box used for mobile 
* navigation. The .current styles will apply only to 
* the current tab.
*
* You may use this section to create navigation for
* mobile devices if you set mobileNavigation: false
* Be sure to edit media queries for larger devices below
* I have included an example below in comments.
*
* .currentCrossLink refers to external crosslinking.
*******************************************************/

.liquid-slider-wrapper .liquid-nav a {
    background: #000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
.liquid-slider-wrapper .liquid-nav a:hover {
    background-color: #282828;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.liquid-slider-wrapper .liquid-nav a.current {
    background-position: -249px -540px;
    cursor: default;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.liquid-slider-wrapper .liquid-nav a.current:hover {
    background-color: transparent;
    color: #fff;
}
.liquid-slider-wrapper .liquid-nav .current:after {
    background-position: -363px -335px;
    content: "";
    height: 22px;
    right: -10px;
    position: absolute;
    top: 24px;
    width: 11px;
}
.currentCrossLink {
    font-weight: bold;
}
.liquid-slider-wrapper .liquid-nav ul {
    padding:0;
    /* Do not edit below this line */
    clear: both;
    display: block;
    margin: auto;
}
.liquid-slider-wrapper .liquid-nav ul li {
    position: relative;
    /* Do not edit below this line */
    display: block;
    height: 71px;
}
.liquid-slider-wrapper .liquid-nav ul li a {
    font-size: 12px;
    vertical-align: middle;
    display: table-cell;
    /* Do not edit below this line */
    height: 71px;
    text-decoration: none;
    width: 106px;
}
.liquid-slider-wrapper .liquid-nav ul li a div {
    width: 122px;
    height: 67px;
    background-position: center;
    background-size: cover;
    border: solid #222222 2px;
    background-clip: padding-box;
}
.liquid-slider-wrapper .liquid-nav ul li a.current div {
    background-clip: padding-box;
    border:solid #e34705 2px;
}
.lt-ie8 .liquid-slider-wrapper .liquid-nav ul li a {
    display: inline-block;
}
/*****************************************************
* Mobile Menu
* This will adjust styles for selectbox styles. I have
* included a simple example to create a custom select
* box.
*******************************************************/
.liquid-slider-wrapper .liquid-nav {
    float: left;
    overflow:hidden;
    clear:both;
    width: 126px;
}
.liquid-slider-wrapper .liquid-slider-select-box {
    /* Delete these if you want the standard select box.
       Also delete the rules below */

    width: 100%;
    height: 35px;
    overflow: hidden;
    background: url(//gf1.geo.gfsrv.net/cdn66/544fa6d0268e348b74847b5264fac3.png) no-repeat right #ddd;

}
.liquid-slider-wrapper .liquid-slider-select-box select {
    /* If you want the standard select box, use
    width:100%
    And delete the rest of the styling here */

    width: 150%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
    background: transparent;
    padding: 5px;
    font-size: 110%;
    border: 1px solid #bbb;
    height: 35px;
    cursor:pointer;
}

/******************************************************
* Arrows
* This section refers to both the non-graphical and 
* graphical navigation arrows. 
*
* Some settings will be overwritten when using the 
* responsive setting.
*******************************************************/
.liquid-slider-wrapper .liquid-nav-left, .liquid-slider-wrapper .liquid-nav-right {
    /* Do not edit below this line */
    float: left;
}
.liquid-slider-wrapper .liquid-nav-left a, .liquid-slider-wrapper .liquid-nav-right a {
    /* non-graphical arrows */
    background: #000;
    color: #fff;
    padding: 5px;
    width: 100px;
    /* Do not edit below this line */
    display: block;
    text-align: center;
    text-decoration: none;
}
.liquid-slider-wrapper .liquid-nav-left-arrow, .liquid-slider-wrapper .liquid-nav-right-arrow {
    cursor: pointer;
    /* Do not edit below this line */
    float: left;
}
.liquid-slider-wrapper .liquid-nav-left-arrow a, .liquid-slider-wrapper .liquid-nav-right-arrow a {
    /* Do not edit below this line */
    display: block;
}
.liquid-slider-wrapper .liquid-nav-left, .liquid-slider-wrapper .liquid-nav-left-arrow {
    /* Do not edit below this line */
    clear: both;
}
.liquid-slider-wrapper .liquid-nav-right-arrow {
    width: 25px;
    height: 25px;
    background: url(//gf2.geo.gfsrv.net/cdn40/49b35029f678eb7335e9d7c5cc416b.png) no-repeat top right;
    margin-top: 50px;
    margin-right: 5px;
    /* Do not edit below this line */
    position:relative;
}
.liquid-slider-wrapper .liquid-nav-left-arrow {
    width: 25px;
    height: 25px;
    background: url(//gf2.geo.gfsrv.net/cdn40/49b35029f678eb7335e9d7c5cc416b.png) no-repeat top left;
    margin-top: 50px;
    margin-left: 5px;
    /* Do not edit below this line */
    position:relative;
}
.liquid-slider-wrapper .liquid-nav-left-arrow:hover {
    /* Left graphical arrows hover */
    background: url(//gf2.geo.gfsrv.net/cdn40/49b35029f678eb7335e9d7c5cc416b.png) no-repeat bottom left;
}
.liquid-slider-wrapper .liquid-nav-left-arrow:active {
    /* Left graphical arrows click */
}
.liquid-slider-wrapper .liquid-nav-right-arrow:hover {
    /* Right graphical arrows hover */
    background: url(//gf2.geo.gfsrv.net/cdn40/49b35029f678eb7335e9d7c5cc416b.png) no-repeat bottom right;
}
.liquid-slider-wrapper .liquid-nav-right-arrow:active {
    /* Right graphical arrows click */
}
.arrows .liquid-slider {
    /* Margin between slider and arrows */
    margin: 0 10px;
}
.liquid-slider-wrapper .liquid-nav {
    position: relative;
    z-index: 5;
    overflow: visible;
}


/******************************************************
* Responsive Styles
* Here are the main responsive styles. This mostly 
* covers the arrows, and most of the settings can be
* applied above.
*******************************************************/
.liquid-responsive .liquid-slider {
    /* Do not edit below this line */
    width: 100%;
    margin: 0;
}
.liquid-responsive .liquid-slider .panel .panel-wrapper {
    padding: 10px;
}
.liquid-responsive .liquid-nav-left {
    /* Left non-graphical arrows */
    /* Do not edit below this line */
    position: absolute;
    left: 0;
    z-index: 1;
}
.liquid-responsive .liquid-nav-left a {
    /* Left non-graphical arrows */
    background: #9A9A9A;
    width: 80px;
}
.liquid-responsive .liquid-nav-left a:hover {
    /* Left non-graphical hover */
    background: #747474;
}
.liquid-responsive .liquid-nav-right {
    /* Right non-graphical arrows */
    /* Do not edit below this line */
    position: absolute;
    right: 0;
    z-index: 1;
}
.liquid-responsive .liquid-nav-right a {
    /* Right non-graphical arrows */
    background: #9A9A9A;
    width: 80px;
}
.liquid-responsive .liquid-nav-right a:hover {
    /* Right non-graphical arrows hover */
    background: #747474;
}
.liquid-responsive .liquid-nav-left-arrow {
    /* Do not edit below this line */
    position: absolute;
    left: 0;
    z-index: 1;
}
.liquid-responsive .liquid-nav-right-arrow {
    /* Do not edit below this line */
    position: absolute;
    right: 0;
    z-index: 1;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    background: #666666; /* Old browsers */
    background: -moz-linear-gradient(top,  #666666 0%, #010101 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#010101)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #666666 0%,#010101 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #666666 0%,#010101 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #666666 0%,#010101 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #666666 0%,#010101 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#010101',GradientType=0 ); /* IE6-9 */

    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    background: #150501;
    position: relative;
    color: #FFF;
    border: 1px solid #dca242;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #f3a116;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('//gf3.geo.gfsrv.net/cdn50/748eb0d50b513b0fc140f5e36ab232.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('//gf1.geo.gfsrv.net/cdn32/8cc0f6c78211485058d460e80f4fa8.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 80%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('//gf1.geo.gfsrv.net/cdn32/5472601571f31e1bf00674c368d335.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('//gf2.geo.gfsrv.net/cdn77/aeaa52715b898b73c74d68c630330e.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('//gf1.geo.gfsrv.net/cdn66/cc24194117d8b762f442346c5e4735.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('//gf1.geo.gfsrv.net/cdnf9/2938639fa894a0e8ded1c3368abe98.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}



/*### Bootstrap Tabs ###*/
.nav-tabs:before, .nav-tabs:after {
    content: "";
    display: table;
    line-height: 0;
}
.nav-tabs:after {
    clear: both;
}
section .nav-tabs > li {
    background: none;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px 0 0;
}
.nav-tabs > li > a {
    line-height: 14px;
    margin-right: 2px;
    padding-left: 40px;
    padding-right: 40px;
}
.nav-tabs {
    border-bottom: 5px solid #151515;
    margin: 25px -20px 15px;
    padding-left: 20px;
}
.nav-tabs > li {
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    background: #151515;
    border-bottom: 1px solid #151515;
    display: block;
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    box-shadow: 0px -1px 3px #000000;
    text-decoration: none;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-color: #818181 #818181 transparent;
}
.nav-tabs > .active {padding: 0;}
section .nav-tabs > .active > a, section .nav-tabs > .active > a:hover, section .nav-tabs > .active > a:focus {

    border: 1px solid #372613;
    outline: 3px solid rgba(0,0,0,0.5);
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);

    color: #fff;
    cursor: default;
    padding-bottom: 6px;
    padding-top: 6px;
}

.nav-tabs.nav-stacked {
    border-bottom: 0 none;
}
.nav-tabs.nav-stacked > li > a {
    border: 1px solid #DDDDDD;
    border-radius: 0 0 0 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus {
    border-color: #DDDDDD;
    z-index: 2;
}

.tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus {
    border-color: #999999;
}

.tabbable:before, .tabbable:after {
    content: "";
    display: table;
    line-height: 0;
}
.tabbable:after {
    clear: both;
}
.tab-content {
    /*overflow: auto;*/
    clear: both;
}
.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
    border-bottom: 0 none;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.tabs-below > .nav-tabs {
    border-top: 1px solid #DDDDDD;
}
.tabs-below > .nav-tabs > li {
    margin-bottom: 0;
    margin-top: -1px;
}
.tabs-below > .nav-tabs > li > a {
    border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
    border-bottom-color: transparent;
    border-top-color: #DDDDDD;
}
.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #DDDDDD #DDDDDD;
}
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
    float: none;
}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    margin-bottom: 3px;
    margin-right: 0;
    min-width: 74px;
}
.tabs-left > .nav-tabs {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin-right: 19px;
}
.tabs-left > .nav-tabs > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: -1px;
}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
    border-color: #EEEEEE #DDDDDD #EEEEEE #EEEEEE;
}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
    border-color: #DDDDDD transparent #DDDDDD #DDDDDD;
}
.tabs-right > .nav-tabs {
    border-left: 1px solid #DDDDDD;
    float: right;
    margin-left: 19px;
}
.tabs-right > .nav-tabs > li > a {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
}
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
    border-color: #EEEEEE #EEEEEE #EEEEEE #DDDDDD;
}
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus {
    border-color: #DDDDDD #DDDDDD #DDDDDD transparent;
}


/* VALIDATION ENGINE*/
/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }

.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }

.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left;
}

.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none;
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position:relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    border: 2px solid #ddd;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0px 0 0 12px;
    top:2px;
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}

/* ==========================================================================
   Message boxes
   ========================================================================== */

.message_box {
    color:#555;
    border-radius:10px;
    font-size:11px;
    padding:10px 36px;
    margin:10px 0;
    display: inline-block;
}
.message_box > span {
    font-weight:bold;
    text-transform:uppercase;
}
.error {
    background:#ffecec url('//gf1.geo.gfsrv.net/cdn93/d23857d03b5a44187dc574ce1e5465.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url('//gf2.geo.gfsrv.net/cdn73/197733740767729f71ccfd0d72e03b.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 url('//gf2.geo.gfsrv.net/cdndc/5512924fdd1df2b9158f11d6c07a05.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url('//gf1.geo.gfsrv.net/cdn3d/0191d064e33a2f4eb27c5585a1d501.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.red {color:#cb0000; font-weight: bold;}

.align_center {text-align: center;}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.netbarspace {
    margin-top: 32px;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    images {
        page-break-inside: avoid;
    }

    images {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


#payment-table-a
{
    width: 520px;
    border-collapse: collapse;
    text-align: left;
}
#payment-table-a th
{
    font-size: 14px;
    font-weight: normal;
    color: white;
    padding: 10px 8px;
    border-bottom: 1px solid brown;
}
#payment-table-a td
{
    color: white;
    padding: 9px 8px 0px 8px;
}

#sp-table-a
{
    width: 520px;
    border-collapse: collapse;
    text-align: left;
    font-size: 11px;
    font-family: tahoma, arial, verdana, sans-serif;
}
#sp-table-a th
{
    font-size: 14px;
    font-weight: normal;
    color: white;
    padding: 10px 8px;
    border-bottom: 1px solid brown;
}
#sp-table-a td
{
    color: white;
    padding: 9px 8px 0px 8px;
}

.fancybox-title-top-wrap {
    position: absolute;
    left: 0;
    margin-top: -60px;
    padding: 5px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 5px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.payment_content {
    text-decoration: none;
    color: #ebdcaf;
    font-weight: bold;
    cursor: pointer;
}

#accountNameUrl {
    color:white;
}

#accountNameUrl:hover {
    text-decoration:underline;
}

#maintenance {
    min-height: 400px;
    padding-top:25px;
}

#maintenance .plate {
    margin-left: -20px;
    margin-right: -20px;
    display: block;
}

#maintenance .overview_list {
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0 -20px;
}
#retention_rewards h3{
    margin-top:10px;
    text-align: center;
}

#retention_rewards #subtitle{
    font-size:18px;text-align: center;margin-top:-15px;margin-bottom:20px;
}

#retention_rewards .web
{
    position:relative;
    top:120px;
}

#retention_rewards .submit
{
    width:300px;
}

#retention_rewards .primary_options {
    padding-bottom:0px;
}

#retention_rewards .col_left{
    width: 413px;
    border-right: 1px solid #4f3921;
}

#retention_rewards .col_right{
    width: 386px;
}

#retention_rewards .horizontalCenteringFirst{
    float: right;
    right: 50%;
    position: relative;
}

#retention_rewards .form {
    margin-left:15px;
}

#retention_rewards .horizontalCenteringLast{
    float: right;
    right: -50%;
    position: relative;
}

#retention_rewards .rewardsSection{
    text-align: center;
}

#retention_rewards .cell{
    text-align:left;
    clear:both;
}

#retention_rewards .block {
    padding-left:40px;
}

#retention_rewards #character {
    width:300px; padding: 5px
}

#retention_rewards p{
    display: block;
    width: 100%;
}

#retention_rewards .reward{
    width:100%;
}

#retention_rewards .reward .image{
    float:left;
    height:70px;
    width:70px;
}

#retention_rewards .reward .name{
    position:relative;
    top:20px;
}

#retention_rewards .plate{
    margin: 0 -16px 25px;
    padding: 20px 0;
}
#retention_rewards .overview_list{
    margin: 0 -4px;
    padding: 20px 0 0 0;
}

#retention_rewards #error{
    height:300px;
}

.fontBig {
    font-size:16px
}

#retention_rewards #error_message {
    position: relative;
    top: 150px;
}

.styled-select {
    background: url('//gf2.geo.gfsrv.net/cdn77/d4925c6ffc70456293d15aaad768ff.png') no-repeat 96% 0;
    height: 29px;
    overflow: hidden;
    width: 240px;
    border: 1px solid #866419;
}
.styled-select select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 29px;
    padding: 5px; /* If you add too much padding here, the options won't show in IE */
    width: 268px;
}

/* -------------------- Colors: Background */
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.black select   { color: #fff; }

.multiSelecBox {
    width: 370px;
    height: 300px;
    background: none;
    border: none;
    color:#ffffff;
}

#magicwardrobe_container label, #charactertransfer_container label {
    font-size:12px;
}

#magicwardrobe_container select.server_selection, #charactertransfer_container select.server_selection {
    width: 270px;
    padding: 5px;
}

#charactertransfer_container select.server_selection {
    padding: 5px;
}

#magicwardrobe_container .wide-plate, #charactertransfer_container .wide-plate {
    width: 850px;
}

#magicwardrobe_container .item_plate {
    width: 42%;
    height:400px;
}

#magicwardrobe_container #next_button, #charactertransfer_container #next_button {
    float:left;
    position:relative;
    left:20px;
}

#magicwardrobe_container #arrow {
    font-size: 30px;
    position: relative;
    top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

#magicwardrobe_container .left, #charactertransfer_container .left {
    float: left;
}

#magicwardrobe_container #slot_count {
    margin-top:12px;
}

#magicwardrobe_container #transferbutton {
    min-width: 30px;
    position: relative;
    left: 12px;
    top: 150px;
}

#magicwardrobe_container .content_block h3, #charactertransfer_container .content_block h3 {
    font-size:18px;
}

#magicwardrobe_container #hint {
    margin-top:-20px;
}

.highlight {
    color:#eabc41;
}

.highlight_green {
    color:lawngreen;
}

table#transferTable td {
    padding: 10px;
}