body {
    font-family: SignikaNegativeRegular;
    margin: 0;
    padding: 0;
    color: #272019;
    font-size: 10pt;
    overflow-y: scroll;
    overflow-x: auto;
    min-width: 994px;
    height: 100%;
    background: #070E16 url('/images/v5/pages/background-top_v2.jpg') no-repeat top center;
}

html {
    font-family: SignikaNegativeRegular;
    margin: 0;
    padding: 0;
    color: #272019;
    font-size: 10pt;
    height: 100%;
}

img {
    border: 0;
}

a {
    border: 0;
    outline: none;
    user-select: none;
    color: #0d5182;
    text-decoration: none !important;
}

    a:hover {
        text-decoration: none !important;
    }

    a:visited {
        text-decoration: none !important;
    }

    a:link {
        text-decoration: none !important;
    }

h1, h2, h3, h4, h5, h6 {
    color: #381d04;
    margin-top: 0;
    font-weight: normal;
    font-family: SignikaNegativeRegular;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}

h1 {
    color: #5A2F05;
    font-family: SignikaNegativeBold;
    font-size: 21pt;
    line-height: 21pt;
    font-weight: 600;
}

h2 {
    font-size: 19pt;
    line-height: 19pt;
    font-weight: normal;
}

h3 {
    font-size: 17pt;
    line-height: 17pt;
    font-weight: normal;
}

h4 {
    font-size: 15pt;
    line-height: 15pt;
    font-weight: normal;
}

h5 {
    font-size: 13pt;
    line-height: 13pt;
    font-weight: normal;
}

p {
    font-family: SignikaNegativeRegular;
}

a:link {
    border: 0;
    outline: none;
    user-select: none;
    color: #0d5182;
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    color: #46bedb;
    text-decoration: none !important;
    outline: none;
    user-select: none;
}

a:visited {
    color: #0d5182;
}

ul, ol, dl {
    padding: 0;
    margin: 0;
}

hr {
    clear: both;
    background: url('/images/v5/controls/separator.png') repeat-x;
    background-position-x: 0px;
    background-position-y: 10px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    padding: 0px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Fonts
/* ---------------------------------------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'MatrixScriptOldStyleRegular';
    src: local('MatrixScriptOldStyleRegular'), url('/fonts/MatrixRegularOldstyle.eot') format('embedded-opentype'), url('/fonts/MatrixRegularOldstyle.ttf') format('truetype'), url('/fonts/MatrixRegularOldstyle.svg#matrixbookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MatrixScriptRegular';
    src: local('MatrixBookRegular'), url('/fonts/matrixscript-book-fc.eot') format('embedded-opentype'), url('/fonts/matrixscript-book-fc.ttf') format('truetype'), url('/fonts/matrixscript-book-fc.svg#matrixbookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MatrixBookRegular';
    src: local('MatrixBookRegular'), url('/fonts/matrixbook-fc.eot') format('embedded-opentype'), url('/fonts/matrixbook-fc.ttf') format('truetype'), url('/fonts/matrixbook-fc.svg#matrixbookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignikaNegativeLight';
    src: local('SignikaNegativeLight'), url('/fonts/signikanegative-light-fc.eot') format('embedded-opentype'), url('/fonts/signikanegative-light-fc.ttf') format('truetype'), url('/fonts/signikanegative-light-fc.svg#SignikaNegativeLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignikaNegativeRegular';
    src: local('SignikaNegativeRegular'), url('/fonts/signikanegative-regular-fc.eot') format('embedded-opentype'), url('/fonts/signikanegative-regular-fc.ttf') format('truetype'), url('/fonts/signikanegative-regular-fc.svg#SignikaNegativeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignikaNegativeSemibold';
    src: local('SignikaNegativeSemibold'), url('/fonts/signikanegative-semibold-fc.eot') format('embedded-opentype'), url('/fonts/signikanegative-semibold-fc.ttf') format('truetype'), url('/fonts/signikanegative-semibold-fc.svg#SignikaNegativeSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SignikaNegativeBold';
    src: local('SignikaNegativeBold'), url('/fonts/signikanegative-bold-fc.eot') format('embedded-opentype'), url('/fonts/signikanegative-bold-fc.ttf') format('truetype'), url('/fonts/signikanegative-bold-fc.svg#SignikaNegativeBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Main Frame
/* ---------------------------------------------------------------------------------------------------------------------------------- */

.fc-main-frame {
    width: 994px;
    margin-left: auto;
    margin-right: auto;
    font-family: SignikaNegativeRegular;
    font-size: 11pt;
}

    .fc-main-frame .fc-top-section {
        height: 178px;
        width: 100%;
        display: block;
        position: relative;
    }

        .fc-main-frame .fc-top-section a {
            outline: 0;
        }

        .fc-main-frame .fc-top-section .floatingLogo {
            height: 194px;
            width: 329px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

            .fc-main-frame .fc-top-section .floatingLogo .picture_FR {
                user-select: none;
                top: -30px;
                left: 0px;
                position: absolute;
                width: 329px;
                height: 194px;
                z-index: 2000;
                background: url('/images/v5/pages/top-logo-ts.png') no-repeat top left;
            }

            .fc-main-frame .fc-top-section .floatingLogo .picture_EN {
                user-select: none;
                top: -30px;
                left: 0px;
                position: absolute;
                width: 329px;
                height: 227px;
                z-index: 2000;
                background: url('/images/v5/pages/top-logo-ts-beta.png') no-repeat top left;
            }

        .fc-main-frame .fc-top-section .socialBar {
            height: 22px;
            width: 100%;
            left: 0px;
            top: 152px;
            position: absolute;
            z-index: 50;
        }

            .fc-main-frame .fc-top-section .socialBar .facebook {
                display: table-cell;
                padding: 4px;
                /*background-color:rgba(0, 0, 0, 0.05)*/
            }

.fc-fatecraftbar {
    width: 100%;
    height: 50px;
    background-color: transparent;
}

.fc-main-frame .fc-content-top {
    width: 994px;
    height: 150px;
    /*background: url('/images/v5/pages/content-top.jpg') no-repeat top left;*/
}

    .fc-main-frame .fc-content-top .fc-top {
        height: 20px;
        width: 994px;
    }

    .fc-main-frame .fc-content-top .fc-middle {
        height: 95px;
        width: 994px;
    }

        .fc-main-frame .fc-content-top .fc-middle .fc-menu-section {
            margin-left: 20px;
            width: 628px;
            height: 95px;
        }

        .fc-main-frame .fc-content-top .fc-middle .fc-main-right-section {
            float: right;
            margin-right: 20px;
            width: 304px;
            height: 95px;
        }

    .fc-main-frame .fc-content-top .fc-bottom {
        padding-top: 5px;
        padding-left: 20px;
        width: 994px;
    }


.fc-main-frame .fc-content-middle {
    width: 994px;
    background: url('/images/v5/pages/content-background.jpg') repeat-y top left;
    display: table;
}

    .fc-main-frame .fc-content-middle .fc-inner-section {
        min-height: 586px;
        display: block;
    }

    .fc-main-frame .fc-content-middle .fc-full-section {
        margin-left: 20px;
        width: 952px;
        display: block;
    }

    .fc-main-frame .fc-content-middle .fc-main-section {
        margin-left: 20px;
        width: 628px;
        display: block;
    }

    .fc-main-frame .fc-content-middle .fc-right-section {
        float: right;
        margin-right: 20px;
        width: 304px;
        display: block;
    }


/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Fatecraft Bar
/* ---------------------------------------------------------------------------------------------------------------------------------- */

.fc-fatecraftbar {
    width: 100%;
    height: 50px;
}

    .fc-fatecraftbar .fc-main-panel {
        width: 994px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
    }

        .fc-fatecraftbar .fc-main-panel .fc-left-panel {
            width: 497px;
            height: 50px;
            text-align: left;
            overflow: hidden;
            position: relative;
        }

        .fc-fatecraftbar .fc-main-panel .fc-right-panel {
            position: relative;
            float: right;
            width: 497px;
            height: 50px;
            overflow: hidden;
        }

            .fc-fatecraftbar .fc-main-panel .fc-right-panel .fc-right-cell {
                margin-left: 5px;
                height: 50px;
                float: right;
                overflow: hidden;
                display: block;
            }

.fc-vspace-8px {
    height: 8px;
}

.fc-vspace-20px {
    height: 20px;
}

.fc-vspace-12px {
    height: 12px;
}

.fc-vspace-16px {
    height: 16px;
}

.fc-vspace-34px {
    height: 34px;
}

.fc-vspace-25px {
    height: 25px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Main Menu
/* ---------------------------------------------------------------------------------------------------------------------------------- */

.fc-main-menu {
    width: 628px;
    height: 115px;
    background: url('/images/v5/controls/menu/menu-background.jpg') no-repeat top left;
}

.fc-main-menu-button-home {
    cursor: pointer;
    float: left;
    width: 126px;
    height: 95px;
}

.fc-main-menu-button-gameguide {
    cursor: pointer;
    float: left;
    width: 126px;
    height: 95px;
}

.fc-main-menu-button-media {
    cursor: pointer;
    float: left;
    width: 126px;
    height: 95px;
}

.fc-main-menu-button-forums {
    cursor: pointer;
    float: left;
    width: 124px;
    height: 95px;
}

.fc-main-menu-button-shop {
    cursor: pointer;
    float: left;
    width: 126px;
    height: 95px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* Buttons
/* ---------------------------------------------------------------------------------------------------------------------------------- */


.fc-button-white {
    clear: both;
    border: 0;
    background: url(/images/v5/controls/buttons/button-empty.png) 0 0 no-repeat;
    width: 218px;
    height: 45px;
    cursor: pointer;
}

.fc-button-black {
    clear: both;
    border: 0;
    background: url(/images/v5/controls/buttons/black-button.png) 0 0 no-repeat;
    width: 92px;
    height: 23px;
    cursor: pointer;
    color: #efefef;
}

.fc-button-black-small {
    clear: both;
    border: 0;
    background: url(/images/v5/controls/buttons/black-small-button.png) 0 0 no-repeat;
    width: 92px;
    color: #efefef;
    height: 23px;
    cursor: pointer;
}

.fc-button-orange {
    color: #272019;
    clear: both;
    border: 0;
    background: url(/images/v5/controls/buttons/orange-button.png) 0 0 no-repeat;
    width: 46px;
    height: 23px;
    cursor: pointer;
}

.fc-button-send {
    clear: both;
    border: 0;
    background: url(/images/v5/controls/buttons/button-send.jpg) 0 0 no-repeat;
    width: 138px;
    height: 35px;
    cursor: pointer;
}

    .fc-button-send :hover {
        background-position: 0 bottom;
    }

.fc-button-talk-about-it {
    width: 131px;
    height: 29px;
}

    .fc-button-talk-about-it a {
        display: block;
        background: url(/images/v5/controls/buttons/button-talk-about-it.jpg) 0 0 no-repeat;
        width: 131px;
        height: 29px;
    }

        .fc-button-talk-about-it a:hover, .fc-button-talk-about-it a:active {
            width: 131px;
            height: 29px;
            background-position: 0 bottom;
        }

.fc-button-learn-more {
    width: 131px;
    height: 29px;
}

    .fc-button-learn-more a {
        display: block;
        background: url(/images/v5/controls/buttons/button-learn-more.jpg) 0 0 no-repeat;
        width: 131px;
        height: 29px;
    }

        .fc-button-learn-more a:hover, .fc-button-learn-more a:active {
            width: 131px;
            height: 29px;
            background-position: 0 bottom;
        }


.fc-button-how-to-play {
    display: block;
    width: 339px;
    height: 121px;
}

.fc-button-what-is-theriansaga {
    width: 312px;
    height: 121px;
    display: block;
}

.fc-button-medias {
    width: 308px;
    height: 102px;
    display: block;
    background: url(/images/v5/controls/buttons/button-medias.png) 0 0 no-repeat;
}

.fc-button-invite-friend {
    width: 312px;
    height: 79px;
    display: block;
}

.fc-button-continue {
    width: 138px;
    height: 35px;
    background: url(/images/v5/controls/buttons/button-continue.jpg) 0 0 no-repeat;
    display: block;
}


.fc-button-ok {
    width: 138px;
    height: 35px;
    background: url(/images/v5/controls/buttons/button-ok.jpg) 0 0 no-repeat;
    display: block;
}

/* ------------------------------------------------------------------------------- */
/* Medias
/* ------------------------------------------------------------------------------- */

.video-box-666x411 {
    width: 666px;
    height: 411px;
    padding-top: 6px;
    padding-left: 6px;
    background: url(/images/v5/controls/video-box/box-video-666x411.jpg) 0 0 no-repeat;
}

.video-box-751x457 {
    width: 751px;
    padding-top: 6px;
    padding-left: 6px;
    height: 457px;
    background: url(/images/v5/controls/video-box/box-video-751x457.jpg) 0 0 no-repeat;
}

.video-box {
    width: 570px;
    padding-top: 6px;
    padding-left: 6px;
    height: 348px;
    background: url(/images/v5/controls/video-box/box-video.jpg) 0 0 no-repeat;
}

.fc-mediasForm {
    margin-bottom: 50px;
}

    .fc-mediasForm .fc-audioPanel-box {
        margin-top: 10px;
        width: 634px;
        padding-top: 40px;
        padding-left: 38px;
        display: table;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        height: 262px;
        background: url(/images/v5/pages/medias/music-background.jpg) 0 0 no-repeat;
        margin-top: 10px;
    }

fc-mediasForm .fc-audioPanel-box h1 {
    margin-bottom: 20px;
}

.fc-mediasForm .fc-audioPanel-box .musicItem {
    position: relative;
}

    .fc-mediasForm .fc-audioPanel-box .musicItem .playButton {
        left: 2px;
        top: 2px;
        width: 31px;
        height: 29px;
        position: absolute;
        display: block;
    }

        .fc-mediasForm .fc-audioPanel-box .musicItem .playButton a {
            display: block;
            width: 31px;
            height: 29px;
            background: url(/images/v5/pages/medias/music-button-play.jpg) 0 0 no-repeat;
        }

            .fc-mediasForm .fc-audioPanel-box .musicItem .playButton a :hover,
            .fc-mediasForm .fc-audioPanel-box .musicItem .playButton a :active {
                background-position: 0 bottom;
            }

    .fc-mediasForm .fc-audioPanel-box .musicItem .title {
        padding-left: 50px;
        font-family: 'SignikaNegativeSemibold';
        font-size: 10.5pt;
        height: 14pt;
    }

    .fc-mediasForm .fc-audioPanel-box .musicItem .subtitle {
        padding-left: 50px;
        color: #713700;
        font-size: 9pt;
    }

.fc-mediasForm .screenshots-row {
    width: 580px;
    height: 96px;
}

    .fc-mediasForm .screenshots-row .screenshot {
        float: left;
        width: 125px;
        height: 86px;
        margin-right: 18px;
        background: url(/images/v5/pages/medias/box-screenshot.jpg) 0 0 no-repeat;
    }

        .fc-mediasForm .screenshots-row .screenshot img {
            margin-top: 4px;
            margin-left: 4px;
            width: 116px;
            height: 78px;
        }



.fc-topboxed-section {
    width: 634px;
    min-height: 262px;
    margin-left: auto;
    margin-right: auto;
    background: url(/images/v5/controls/boxes/topboxed-section.jpg) 0 0 no-repeat;
    padding-top: 40px;
    padding-left: 38px;
    margin-bottom: 20px;
}

    .fc-topboxed-section h1 {
        margin-bottom: 10px;
    }


/* ---------------------------------------------------------------------------------------------------- */
/* Most Recent Forum Topics
 /* ---------------------------------------------------------------------------------------------------- */

.fc-recentTopics {
    font-size: 10pt;
    width: 307px;
    min-height: 420px;
    background: url(/images/v5/controls/populartopics/populartopics-background.png) no-repeat;
    margin-bottom: 20px;
}

    .fc-recentTopics .content {
        width: 267px;
        margin-right: auto;
        margin-left: auto;
    }

    .fc-recentTopics .pSection {
        position: relative;
    }

.fc-pTitleSection .pImage {
    position: absolute;
    left: 2px;
    top: 2px;
}

.fc-recentTopics .pTitle {
    position: absolute;
    left: 38px;
    top: 0px;
    font-family: SignikaNegativeSemibold;
}

.fc-recentTopics .content .pSub {
    position: absolute;
    left: 38px;
    top: 18px;
    height: 50px;
    font-size: 11pt;
    font-family: MatrixScriptOldStyleRegular;
    color: #713700;
}

.fc-recentTopics .pContent {
    font-family: SignikaNegativeLight;
    cursor: pointer;
}

    .fc-recentTopics .pContent .forumName {
        width: 307px;
        text-align: right;
        font-size: 10pt;
    }


.fc-recentTopics a {
    text-decoration: none !important;
    color: #272019;
    display: block;
}

    .fc-recentTopics a:hover, .fc-recentTopics a:active {
        text-decoration: none !important;
        color: #272019;
    }

.fc-recentTopics .content hr {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 3px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    background: url(/images/v5/controls/populartopics/topics-separator.png) top repeat-x;
    padding: 0;
    border: 0;
}

/* ----------------------------------------------------------------------- */
/* Bullet Points 
/* ----------------------------------------------------------------------- */

.fc-news-item ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.fc-news-item li {
    list-style-type: none;
    background-image: url(/images/v5/controls/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    padding-left: 15px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.fc-news-item ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.fc-news-item li {
    list-style-type: none;
    background-image: url(/images/v5/controls/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    padding-left: 15px;
    margin-left: 10px;
}


.fc-bullet-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.fc-bullet-list li {
    list-style-type: none;
    background-image: url(/images/v5/controls/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    padding-left: 15px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.fc-bullet-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.fc-bullet-list li {
    list-style-type: none;
    background-image: url(/images/v5/controls/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    padding-left: 15px;
    margin-left: 10px;
}



.fc-main-frame .label {
    font-size: 11pt;
    line-height: 13pt;
}

.fc-main-frame .textbox {
    border: none;
    background: url(/images/v5/controls/textbox/textbox.png) 0 0 no-repeat;
    width: 258px;
    height: 31px;
    padding-left: 2px;
    padding-top: 2px;
}

.fc-main-frame .innerTextbox {
    color: #713700;
    width: 245px;
    height: 24px;
    padding-left: 8px;
    border: none !important;
    background-color: transparent !important;
}


.fc-main-frame .inputLabel {
    font-family: SignikaNegativeSemibold;
    color: #272019;
    padding: 0;
    margin-bottom: 5px;
    padding-left: 3px;
}


/* ------------------------------------------------------------------------------------------------------- */
/* Forms 
/* ------------------------------------------------------------------------------------------------------- */

.fc-checkbox, .fc-radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(/images/v5/controls/checkbox/checkbox-simple.png) no-repeat;
    display: block;
    clear: left;
    float: left;
    cursor: pointer;
}

.fc-checkboxLabel {
    padding-top: 3px;
    padding-left: 4px;
    font-family: SignikaNegativeLight;
}

.fc-radio {
    background: url(/images/v5/controls/radio-simple.png) no-repeat;
}

.fc-radioLabel {
    padding-top: 1px;
    padding-left: 4px;
    font-family: SignikaNegativeLight;
}

/* ABOUT FORM */

.fc-aboutForm {
}

.fc-aboutRoleTitle {
    font-family: SignikaNegativeSemibold;
}

.fc-aboutForm .section1 {
    background: url('/images/v5/pages/about/About-Top.jpg') no-repeat center;
    width: 994px;
    height: 344px;
    margin-bottom: 20px;
}

    .fc-aboutForm .section1 .message {
        position: relative;
        left: 182px;
        top: 255px;
        width: 600px;
    }

.fc-aboutForm .section3 {
    clear: both;
    background: url('/images/v5/pages/about/section3.jpg') 0 0 no-repeat;
    width: 753px;
    height: 172px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
}

    .fc-aboutForm .section3 .message {
        position: absolute;
        left: 40px;
        top: 100px;
        width: 680px;
    }

.fc-aboutForm .section4 {
    position: relative;
    clear: both;
    background: url('/images/v5/pages/about/section3-1.jpg') 0 0 no-repeat;
    width: 870px;
    height: 502px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

    .fc-aboutForm .section4 .title {
        color: #381d04;
        font-family: SignikaNegativeSemibold;
        font-size: 13pt;
        position: absolute;
        left: 210px;
        top: 40px;
        width: 460px;
    }

    .fc-aboutForm .section4 .message {
        color: #381d04;
        font-size: 13pt;
        position: absolute;
        left: 210px;
        top: 100px;
        width: 460px;
    }

.fc-aboutForm .section5 {
    margin-left: auto;
    margin-right: auto;
    width: 690px;
    height: 300px;
    position: relative;
    margin-bottom: 10px;
}

    .fc-aboutForm .section5 .title {
        background: url('/images/v5/pages/about/ourHistoryTitle.jpg') 0 0 no-repeat;
        position: absolute;
        left: 10px;
        top: 10px;
        width: 167px;
        height: 22px;
    }

    .fc-aboutForm .section5 .message {
        left: 10px;
        top: 50px;
        width: 690px;
        position: absolute;
    }


.fc-aboutForm .section6 {
    margin-left: auto;
    margin-right: auto;
    width: 690px;
}

    .fc-aboutForm .section6 .title {
        width: 350px;
        height: 40px;
    }

    .fc-aboutForm .section6 .card {
        width: 360px;
        height: 125px;
        position: relative;
    }

        .fc-aboutForm .section6 .card .avatar {
            position: absolute;
            left: 10px;
            top: 10px;
        }

        .fc-aboutForm .section6 .card .text {
            position: absolute;
            left: 130px;
            top: 10px;
        }

        .fc-aboutForm .section6 .card .memberName {
            margin-top: 20px;
            font-family: SignikaNegativeBold;
        }

        .fc-aboutForm .section6 .card .memberTitle {
            font-family: SignikaNegativeLight;
            font-size: 10pt;
            font-style: italic;
        }

        .fc-aboutForm .section6 .card .memberEmail {
            font-size: 10pt;
        }

        .fc-aboutForm .section6 .card .memberLogo {
            margin-top: 10px;
        }

.fc-aboutForm .section7 {
    margin-left: auto;
    margin-right: auto;
    width: 660px;
    margin-top: 40px;
}

    .fc-aboutForm .section7 .title {
        width: 550px;
        height: 40px;
    }

    .fc-aboutForm .section7 .subTitle {
        margin-bottom: 15px;
    }

    .fc-aboutForm .section7 .section {
        vertical-align: top;
        width: 200px;
    }

    .fc-aboutForm .section7 .sectionTitle {
        font-family: SignikaNegativeSemiBold;
        height: 30px;
    }

    .fc-aboutForm .section7 .card {
        margin-bottom: 15px;
        vertical-align: top;
        background: url('/images/v5/controls/bullet.png') 0 0 no-repeat;
        width: 190px;
        padding-left: 20px;
    }

        .fc-aboutForm .section7 .card .memberName {
            font-family: SignikaNegativeBold;
        }

        .fc-aboutForm .section7 .card .memberTitle {
            font-family: SignikaNegativeLight;
            font-size: 10pt;
            font-style: italic;
        }

/* ------------------------------------------------------------------------------------------------------- */
/* Thanks
/* ------------------------------------------------------------------------------------------------------- */

.fc-thanksForm {
    margin-top: 5px;
    background: url(/images/v5/pages/register/thanks-background.jpg) top center no-repeat;
    width: 952px;
    height: 404px;
}

    .fc-thanksForm .message {
        position: relative;
        left: 263px;
        top: 103px;
        font-family: SignikaNegativeRegular;
        font-size: 11pt;
    }

    .fc-thanksForm .emailAddress {
        color: #713700;
    }


    .fc-thanksForm .confirmMessage {
        position: relative;
        top: 150px;
        left: 280px;
        width: 345px;
        font-family: MatrixBook;
        font-size: 16pt;
        line-height: 14pt;
    }

    .fc-thanksForm .openInboxMessage {
        position: relative;
        top: 167px;
        left: 280px;
        font-size: 9pt;
    }

    .fc-thanksForm .resendEmailMessage {
        position: relative;
        top: 210px;
        left: 263px;
        font-size: 10pt;
    }

/* ------------------------------------------------------------------------------------------------------- */
/* Confirmation
/* ------------------------------------------------------------------------------------------------------- */

.fc-emailConfirmationForm {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background: url(/images/v5/pages/register/confirmation-background.jpg) top center no-repeat;
    width: 905px;
    margin-left: auto;
    margin-right: auto;
    height: 377px;
}

    .fc-emailConfirmationForm .emailAddress {
        color: #713700;
    }

    .fc-emailConfirmationForm .message {
        position: relative;
        left: 268px;
        top: 103px;
    }

    .fc-emailConfirmationForm .useSameAddress {
        position: relative;
        left: 268px;
        top: 130px;
    }

    .fc-emailConfirmationForm .fc-button-send {
        position: relative;
        left: 428px;
        top: 165px;
    }

/* ------------------------------------------------------------------------------------------------------- */
/* Success
/* ------------------------------------------------------------------------------------------------------- */

.fc-successForm {
    margin-top: 5px;
    width: 905px;
    margin-left: auto;
    margin-right: auto;
}

    .fc-successForm .sl {
        background: url(/images/v5/pages/register/success-background-sl.jpg) no-repeat top center;
        width: 994px;
        height: 764px;
        margin-left: auto;
        margin-right: auto;
    }

    .fc-successForm .no-sl {
        background: url(/images/v5/pages/register/success-background.jpg) no-repeat top center;
        width: 994px;
        height: 896px;
        margin-left: auto;
        margin-right: auto;
    }

    .fc-successForm .playButton {
        position: relative;
        left: 425px;
        top: 455px;
        background: url(/images/v5/pages/register/success-button.jpg) no-repeat;
        width: 138px;
        height: 76px;
    }

        .fc-successForm .playButton:hover {
            background-position: 0 bottom;
        }

        .fc-successForm .playButton a {
            display: block;
            width: 138px;
            height: 76px;
        }

    .fc-successForm .message {
        position: relative;
        left: 260px;
        top: 180px;
        width: 484px;
    }

    .fc-successForm .guideMessage {
        position: relative;
        left: 370px;
        top: 260px;
        width: 384px;
        font-size: 10pt;
    }

    .fc-successForm .forumsMessage {
        position: relative;
        left: 370px;
        top: 345px;
        width: 384px;
        font-size: 10pt;
    }

    .fc-successForm .silverlightPanel {
        position: relative;
        left: 255px;
        top: 505px;
        background: url(/images/v5/pages/register/success-silverlight.jpg) no-repeat;
        width: 484px;
        height: 83px;
        padding-left: 86px;
        padding-top: 16px;
    }

        .fc-successForm .silverlightPanel .slmessage {
            color: #555;
            font-size: 9pt;
            width: 384px;
        }



.fc-pressForm {
}

    .fc-pressForm ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .fc-pressForm li {
        list-style-type: none;
        background-image: url(/images/v5/controls/bullet.png);
        background-repeat: no-repeat;
        background-position: 0 -2px;
        padding-left: 15px;
        margin-left: 10px;
        margin-bottom: 5px;
    }

    .fc-pressForm .pressTitle {
        background: url(/images/v5/pages/press/title.png) 0 0 no-repeat;
        width: 317px;
        height: 27px;
        margin-top: 15px;
        margin-bottom: 15px;
    }


    .fc-pressForm .oldPressRelease {
        min-height: 420px;
        background: url(/images/v5/controls/populartopics-background.png) no-repeat;
        margin-bottom: 20px;
    }

        .fc-pressForm .oldPressRelease .rMainContent {
            width: 267px;
            margin-right: auto;
            margin-left: auto;
        }

            .fc-pressForm .oldPressRelease .rMainContent hr {
                margin-top: 10px;
                margin-bottom: 10px;
                height: 3px;
                width: 250px;
                margin-left: auto;
                margin-right: auto;
                background: url(/images/v5/controls/populartopics/topics-separator.png) top repeat-x;
                padding: 0;
                border: 0;
            }

    .fc-pressForm .learnMorePanelTitle {
        background: url(/images/v5/pages/press/learnMore.png) 0 0 no-repeat;
        width: 229px;
        height: 38px;
    }

    .fc-pressForm .learnMorePanel {
        width: 308px;
        margin-left: auto;
        margin-right: auto;
    }

    .fc-pressForm .currentPressRelease {
    }

        .fc-pressForm .currentPressRelease .rMainTitle {
            font-family: SignikaNegativeSemiBold;
            font-size: 15pt;
            margin-bottom: 10px;
            font-size: 15pt;
        }

        .fc-pressForm .currentPressRelease .rTitle {
            font-family: SignikaNegativeSemiBold;
            font-size: 13pt;
        }

        .fc-pressForm .currentPressRelease .rDate {
            color: #713700;
        }

        .fc-pressForm .currentPressRelease .rContent {
            margin-top: 15px;
            margin-bottom: 15px;
        }

    .fc-pressForm .oldPressRelease .rMainContent .rItem {
        font-family: SignikaNegativeLight;
        font-size: 11pt;
    }

        .fc-pressForm .oldPressRelease .rMainContent .rItem .rTitle {
            font-family: SignikaNegativeSemiBold;
            margin-bottom: 10px;
        }

        .fc-pressForm .oldPressRelease .rMainContent .rItem .rContent {
            margin-bottom: 10px;
        }

        .fc-pressForm .oldPressRelease .rMainContent .rItem .rFooter {
            color: #713700;
            text-align: right;
            margin-bottom: 20px;
        }

.fc-gameTechnicalSheet {
    background: url(/images/v5/controls/technicalsheet/technicalsheet.png) 0 0 no-repeat;
    width: 307px;
    height: 363px;
}

    .fc-gameTechnicalSheet .content {
        position: relative;
        top: 50px;
        left: 0px;
    }

    .fc-gameTechnicalSheet .rRow {
    }

        .fc-gameTechnicalSheet .rRow .rTitle {
            font-family: SignikaNegativeSemiBold;
            text-align: right;
            padding-right: 5px;
            width: 130px;
            padding-top: 15px;
            vertical-align: top;
        }

        .fc-gameTechnicalSheet .rRow .rContent {
            color: #713700;
            font-family: SignikaNegativeLight;
            vertical-align: top;
            width: 187px;
            padding-top: 15px;
        }

/* ---------------------------------------------------------------------------------------------------- */
/* Custom Form
/* ---------------------------------------------------------------------------------------------------- */

.fc-panel-576 .top {
    height: 101px;
    width: 576px;
    margin-left: auto;
    margin-right: auto;
    background: url(/images/v5/controls/panel/panel-top.jpg) no-repeat;
}


    .fc-panel-576 .top .content {
        padding-top: 30px;
        width: 478px;
        margin-left: auto;
        margin-right: auto;
    }

.fc-panel-576 .middle {
    width: 576PX;
    margin-right: auto;
    margin-left: auto;
    background: url(/images/v5/controls/panel/panel-middle.jpg) repeat-y;
}

.fc-panel-576 .bottom {
    background-position: bottom;
    height: 50px;
    width: 576PX;
    margin-right: auto;
    margin-left: auto;
    background: url(/images/v5/controls/panel/panel-bottom.jpg) no-repeat left bottom;
}

.fc-panel-576 .middle .content {
    width: 478px;
    margin-left: auto;
    margin-right: auto;
}

.fc-panel-error-576 .top {
    height: 20px;
    width: 576px;
    margin-left: auto;
    margin-right: auto;
    background: url(/images/v5/controls/panel/error-panel-top.jpg) no-repeat;
}


.fc-panel-error-576 .middle {
    width: 576PX;
    margin-right: auto;
    margin-left: auto;
    background: url(/images/v5/controls/panel/error-panel-middle.jpg) repeat-y;
}

.fc-panel-error-576 .bottom {
    background-position: bottom;
    height: 20px;
    width: 576PX;
    margin-right: auto;
    margin-left: auto;
    background: url(/images/v5/controls/panel/error-panel-bottom.jpg) no-repeat left bottom;
}

.fc-simple-panel-error-576 .middle .title {
    width: 500px;
    color: #7F0000;
    margin-left: auto;
    margin-right: auto;
}

.fc-simple-panel-error-576 .middle .content {
    width: 500px;
    color: red;
    margin-left: auto;
    margin-right: auto;
}


.breadcrum {
    padding-top: 4px;
    height: 35px;
}

    .breadcrum .separator {
        float: left;
        background: url('/images/v5/controls/breadcrum/arrow.png') no-repeat;
        width: 9px;
        height: 20px;
        margin-right: 5px;
    }

    .breadcrum .section {
        padding-top: 2px;
        float: left;
        font-family: 'SignikaNegativeSemibold';
        font-size: 10pt;
        margin-right: 5px;
    }

        .breadcrum .section a {
            text-decoration: none !important;
            user-select: none;
            outline: none;
            font-family: 'SignikaNegativeSemibold';
            font-size: 10pt;
        }


/* ---------------------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------------------- */

.fc-main-frame .fc-content-footer {
    position: absolute;
    width: 994px;
    height: 535px;
    font-size: 10pt;
    margin-left: auto;
    margin-right: auto;
    background: url('/images/v5/pages/background-bottom.jpg') no-repeat top left;
    display: normal;
}

    .fc-main-frame .fc-content-footer .facebook {
        position: absolute;
        left: 888px;
        top: 180px;
        float: none;
        width: 44px;
        height: 91px;
        display: block;
    }

        .fc-main-frame .fc-content-footer .facebook a {
            width: 44px;
            height: 91px;
            background: url('/images/v5/pages/button-facebook-flag.png') 0 0 no-repeat;
            cursor: pointer;
            display: block;
        }


    .fc-main-frame .fc-content-footer .twitter {
        position: absolute;
        left: 932px;
        top: 180px;
        display: block;
        width: 44px;
        height: 91px;
    }

    .fc-main-frame .fc-content-footer .facebook a:hover {
        background-position: 0 bottom;
    }

    .fc-main-frame .fc-content-footer .twitter a {
        width: 44px;
        height: 91px;
        background: url('/images/v5/pages/button-twitter-flag.png') 0 0 no-repeat;
        cursor: pointer;
        display: block;
    }

        .fc-main-frame .fc-content-footer .twitter a:hover {
            background-position: 0 bottom;
        }

    .fc-main-frame .fc-content-footer .copyrightSection {
        position: absolute;
        top: 390px;
        left: 20px;
        font-family: MatrixbookRegular;
        font-size: 1em;
        line-height: 1em;
        color: #FFF;
        display: block;
    }

        .fc-main-frame .fc-content-footer .copyrightSection a {
            color: #46bedb;
        }

            .fc-main-frame .fc-content-footer .copyrightSection a:visited {
                color: #46bedb;
            }

            .fc-main-frame .fc-content-footer .copyrightSection a:hover, .fc-content-footer .copyrightSection a:active {
                color: #46bedb;
            }

    .fc-main-frame .fc-content-footer figure.virtysLogo {
        position: absolute;
        left: 382px;
        top: 330px;
        display: block;
    }

    .fc-main-frame .fc-content-footer figure.fatecraftLogo {
        position: absolute;
        left: 738px;
        top: 372px;
        display: block;
    }

/* ------------------------------------------------------------------------------- */
/* Community
/* ------------------------------------------------------------------------------- */

.fc-communityForm {
    width: 635px;
    margin-right: auto;
    margin-left: auto;
}

    .fc-communityForm .message {
        padding-left: 103px;
        padding-top: 35px;
        font-size: 10pt;
    }

    .fc-communityForm h3 {
        margin-bottom: 5px;
    }

    .fc-communityForm .facebook {
        width: 635px;
        height: 122px;
        margin-right: auto;
        margin-left: auto;
        background: url(/images/v5/pages/community/community-facebook.jpg) no-repeat;
    }

    .fc-communityForm .forums {
        width: 635px;
        height: 122px;
        margin-right: auto;
        margin-left: auto;
        background: url(/images/v5/pages/community/community-forum.jpg) no-repeat;
    }

    .fc-communityForm .twitter {
        width: 635px;
        height: 122px;
        margin-right: auto;
        margin-left: auto;
        background: url(/images/v5/pages/community/community-twitter.jpg) no-repeat;
    }

    .fc-communityForm .support {
        width: 635px;
        height: 122px;
        margin-right: auto;
        margin-left: auto;
        background: url(/images/v5/pages/community/community-support.jpg) no-repeat;
    }

/* ------------------------------------------------------------------------------- */
/* Forums
/* ------------------------------------------------------------------------------- */

.fc-forum-page {
}

    .fc-forum-page .fc-forum-header {
        width: 940px;
        margin-right: auto;
        margin-left: auto;
        display: block;
        height: 20px;
    }

        .fc-forum-page .fc-forum-header .fc-warning-message {
            float: left;
            color: darkred;
            font-size: 11pt;
            display: table-cell;
            padding-top: 6px;
            margin-right: 10px;
        }

/* ------------------------------------------------------------------------------- */
/* FCPanel
/* ------------------------------------------------------------------------------- */

.fc-normal-panel-top {
    height: 10px;
    background: url(/images/v5/controls/panel/normal-panel-top.jpg) repeat-x;
}

.fc-normal-panel-bottom {
    height: 10px;
    background: url(/images/v5/controls/panel/normal-panel-bottom.jpg) repeat-x;
}

.fc-normal-panel-left {
    width: 10px;
    background: url(/images/v5/controls/panel/normal-panel-left.jpg) repeat-y;
}

.fc-normal-panel-right {
    width: 10px;
    background: url(/images/v5/controls/panel/normal-panel-right.jpg) repeat-y;
}

.fc-normal-panel-top-right {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/normal-panel-top-right.jpg) no-repeat;
}

.fc-normal-panel-bottom-right {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/normal-panel-bottom-right.jpg) no-repeat;
}

.fc-normal-panel-top-left {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/normal-panel-top-left.jpg) no-repeat;
}

.fc-normal-panel-bottom-left {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/normal-panel-bottom-left.jpg) no-repeat;
}

.fc-normal-panel-center {
    background: url(/images/v5/controls/panel/normal-panel-center.jpg) repeat;
}

.fc-panel-button-area {
    width: 138px;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
}


.fc-light-panel-top {
    height: 10px;
    background: url(/images/v5/controls/panel/light-panel-top.jpg) repeat-x;
}

.fc-light-panel-bottom {
    height: 10px;
    background: url(/images/v5/controls/panel/light-panel-bottom.jpg) repeat-x;
}

.fc-light-panel-left {
    width: 10px;
    background: url(/images/v5/controls/panel/light-panel-left.jpg) repeat-y;
}

.fc-light-panel-right {
    width: 10px;
    background: url(/images/v5/controls/panel/light-panel-right.jpg) repeat-y;
}

.fc-light-panel-top-right {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/light-panel-top-right.jpg) no-repeat;
}

.fc-light-panel-bottom-right {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/light-panel-bottom-right.jpg) no-repeat;
}

.fc-light-panel-top-left {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/light-panel-top-left.jpg) no-repeat;
}

.fc-light-panel-bottom-left {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/light-panel-bottom-left.jpg) no-repeat;
}

.fc-light-panel-center {
    background: url(/images/v5/controls/panel/light-panel-center.jpg) repeat;
}

.fc-red-panel-top {
    height: 10px;
    background: url(/images/v5/controls/panel/red-panel-top.jpg) repeat-x;
}

.fc-red-panel-bottom {
    height: 10px;
    background: url(/images/v5/controls/panel/red-panel-bottom.jpg) repeat-x;
}

.fc-red-panel-left {
    width: 10px;
    background: url(/images/v5/controls/panel/red-panel-left.jpg) repeat-y;
}

.fc-red-panel-right {
    width: 10px;
    background: url(/images/v5/controls/panel/red-panel-right.jpg) repeat-y;
}

.fc-red-panel-top-right {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/red-panel-top-right.jpg) no-repeat;
}

.fc-red-panel-bottom-right {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/red-panel-bottom-right.jpg) no-repeat;
}

.fc-red-panel-top-left {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/red-panel-top-left.jpg) no-repeat;
}

.fc-red-panel-bottom-left {
    height: 10px;
    width: 10px;
    background: url(/images/v5/controls/panel/red-panel-bottom-left.jpg) no-repeat;
}

.fc-red-panel-center {
    background: url(/images/v5/controls/panel/red-panel-center.jpg) repeat;
}

/* ------------------------------------------------------------------------------- */
/* FCUserBar
/* ------------------------------------------------------------------------------- */

.fc-fatecraftbar .fc-userbar {
}

    .fc-fatecraftbar .fc-userbar .fc-userbar-section {
        float: left;
        height: 50px;
        vertical-align: middle;
    }

    .fc-fatecraftbar .fc-userbar .fc-userbar-avatar {
        margin-top: 7px;
        display: block;
        width: 36px;
        height: 36px;
        background: url(/images/v5/controls/fatecraftbar/avatar-bg.jpg) repeat;
    }

        .fc-fatecraftbar .fc-userbar .fc-userbar-avatar .fc-inner-image {
            width: 32px;
            margin-top: 2px;
            margin-left: 2px;
            height: 32px;
            background: url(/images/v5/controls/fatecraftbar/user.png) repeat;
        }

    .fc-fatecraftbar .fc-userbar .fc-userbar-username {
        padding-top: 17px;
        margin-left: 10px;
        display: block;
        font-family: SignikaNegativeSemibold;
        font-size: 10pt;
        color: #FFB400;
    }

    .fc-fatecraftbar .fc-userbar .fc-userbar-credit-icon {
        margin-top: 7px;
        display: block;
        margin-left: 20px;
        width: 23px;
        height: 36px;
        background: url(/images/v5/controls/fatecraftbar/player-bluecrown.png) repeat;
    }

    .fc-fatecraftbar .fc-userbar .fc-userbar-credit-count {
        padding-top: 17px;
        margin-left: 6px;
        display: block;
        font-size: 10pt;
        font-family: SignikaNegativeSemibold;
        color: #69DAFF;
    }

/* ------------------------------------------------------------------------------- */
/* Transaction Table
/* ------------------------------------------------------------------------------- */

.fc-transaction-header {
    margin-bottom: 20px;
}

.fc-transaction-field-label {
    float: left;
    color: #666666;
    margin-right: 10px;
}

.fc-transaction-value {
    font-weight: bold;
}

.fc-transaction-table {
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0;
    border-collapse: collapse;
    border: 4px solid #CECDCA;
}

.fc-transaction-table-row {
    border-top: 1px solid #CECDCA;
    border-bottom: 1px solid #CECDCA;
    background-color: #FCFCFC;
}

.fc-transaction-table-header-row {
    border-top: 1px solid #CECDCA;
    border-bottom: 1px solid #CECDCA;
    background-color: #999999;
    color: white;
}

.fc-transaction-table-header-cell {
    border-left: 1px solid #CECDCA;
    border-right: 1px solid #CECDCA;
    background-color: #999999;
    color: white;
    font-size: 11pt;
    padding: 8px;
    font-family: SignikaNegativeSemibold;
    vertical-align: middle;
}

.fc-transaction-table-row-alternate {
}

.fc-transaction-table-cell {
    vertical-align: middle;
    border-left: 1px solid #CECDCA;
    border-right: 1px solid #CECDCA;
    padding: 6px;
}

.fc-transaction-id-label {
    font-size: 9pt;
}

.fc-account-page {
    position: relative;
    margin-top: 20px;
}

    .fc-account-page .fc-account-name-header {
        color: #381d04;
        font-size: 20pt;
        margin-bottom: 10px;
        font-family: SignikaNegativeSemiBold;
    }


.fc-green-check-24x24 {
    width: 24px;
    height: 24px;
    background: url(/images/v5/controls/green-check.png) no-repeat;
}

.fc-bullet-24x24 {
    width: 24px;
    height: 24px;
    background: url(/images/v5/controls/bullet-24x24.png) no-repeat;
}

/* ---------------- CHARACTER CARD ----------------- */

.fc-character-card {
    position: relative;
    background: url(/images/v5/controls/charactercard/card.png) no-repeat;
    width: 313px;
    height: 111px;
}

    .fc-character-card .name {
        position: absolute;
        left: 105px;
        top: 24px;
        width: 182px;
        height: 27px;
        color: white;
        text-shadow: 2px;
        font-style: normal;
        text-decoration: none !important;
        cursor: pointer;
        text-align: left;
    }

        .fc-character-card .name .text {
            padding-left: 10px;
            padding-top: 5px;
            text-align: left;
            text-shadow: black 2px 2px;
        }

    .fc-character-card .combo {
        background: url(/images/v5/controls/charactercard/name-combo.png) no-repeat;
    }

    .fc-character-card .serverName {
        position: absolute;
        left: 115px;
        top: 54px;
        color: silver;
        text-shadow: 2px;
        font-size: 9pt;
        font-style: normal;
        text-decoration: none !important;
        cursor: pointer;
        text-align: left;
    }

    .fc-character-card .medium-button {
        position: absolute;
        left: 170px;
        top: 55px;
        width: 124px;
        height: 42px;
        cursor: pointer;
        display: table-cell;
        background: url(/images/v5/controls/charactercard/card-button-medium.png) no-repeat;
    }

        .fc-character-card .medium-button .text {
            width: 104px;
            height: 28px;
            color: black;
            position: relative;
            padding-left: 9px;
            padding-top: 4px;
            text-align: center;
            font-size: 10pt;
            display: table-cell;
            vertical-align: middle;
            text-shadow: #F8D784 1px 1px;
        }

    .fc-character-card .select-button {
        position: absolute;
        left: 170px;
        top: 55px;
        width: 124px;
        height: 42px;
        cursor: pointer;
        display: block;
        background: url(/images/v5/controls/charactercard/character-button-select.png) no-repeat;
    }

    .fc-character-card .play-button {
        position: absolute;
        left: 208px;
        top: 55px;
        width: 124px;
        height: 45px;
        cursor: pointer;
        background: url(/images/v5/controls/charactercard/character-button-play.png) no-repeat;
    }

    .fc-character-card .no-play-button {
        position: absolute;
        left: 208px;
        top: 55px;
        width: 124px;
        height: 45px;
        cursor: pointer;
        background: url(/images/v5/controls/charactercard/character-button_noplay.png) no-repeat;
    }

    .fc-character-card .avatar {
        position: absolute;
        left: 18px;
        top: 12px;
        width: 75px;
        height: 75px;
        background-color: #1B2124;
    }

        .fc-character-card .avatar img {
            width: 75px;
            height: 75px;
        }

.fc-maintenance-tooltip {
    position: absolute;
    z-index: 9999;
    width: 480px;
    height: 274px;
    left: -1000px;
    top: -1000px;
    background: url(/images/v5/controls/maintenance-tooltip.png) 0 0 no-repeat;
}

.fc-maintenance-tooltip-title {
    position: absolute;
    top: 30px;
    left: 150px;
    width: 300px;
    height: 40px;
    font-weight: bold;
    color: white;
}

.fc-maintenance-tooltip-message {
    position: absolute;
    top: 70px;
    left: 150px;
    width: 300px;
    color: #FFF7E3;
}

.fc-maintenance-tooltip-footer {
    position: absolute;
    top: 230px;
    left: 150px;
    width: 300px;
    text-align: right;
    color: #FFF7E3;
    font-style: italic;
    display: table-cell;
}

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* News
/* ---------------------------------------------------------------------------------------------------------------------------------- */


.fc-news-section {
}

    .fc-news-section .topSection {
        margin-left: auto;
        margin-right: auto;
        width: 628px;
        padding: 0px;
        margin: 0px;
        display: table-row;
    }

        .fc-news-section .topSection .cell {
            display: table-cell;
            position: relative;
        }

        .fc-news-section .topSection .spacer {
            display: table-cell;
            width: 20px;
        }

    .fc-news-section .topNews {
        width: 145px;
        min-height: 145px;
        position: relative;
    }

    .fc-news-section .icon {
        width: 145px;
        height: 145px;
        background: url('/images/v5/controls/news/news-image-frame.jpg') 0 0 no-repeat;
        position: relative;
    }


        .fc-news-section .icon .image {
            width: 140px;
            height: 140px;
            position: absolute;
            left: 1px;
            top: 1px;
            z-index: 900;
        }

        .fc-news-section .icon .draftFlag {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 101px;
            top: 1px;
            z-index: 1000;
            background: url('/images/v5/controls/news/draft_40x40.png') 0 0 no-repeat;
        }

        .fc-news-section .icon .editFlag {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 1px;
            top: 101px;
            cursor: pointer;
            z-index: 1000;
            background: url('/images/v5/controls/news/edit_40x40.png') 0 0 no-repeat;
        }


        .fc-news-section .icon .deleteFlag {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 1px;
            top: 1px;
            cursor: pointer;
            z-index: 1000;
            background: url('/images/v5/controls/news/delete_40x40.png') 0 0 no-repeat;
        }

    .fc-news-section .topNews .title {
        margin-top: 8px;
        font-family: MatrixScriptOldStyleRegular;
        font-size: 13pt;
        line-height: 11.5pt;
        color: #201D14;
    }

    .fc-news-section .topNews .date {
        font-size: 12pt;
        font-family: MatrixScriptOldStyleRegular;
        color: #71441A;
    }

    .fc-news-section .fc-promo-area {
        width: 628px;
        height: 385px;
        position: relative;
    }

        .fc-news-section .fc-promo-area .image {
            width: 628px;
            height: 360px;
            left: 0px;
            top: 0px;
            position: absolute;
            z-index: 900;
        }

        .fc-news-section .fc-promo-area .draftFlag {
            top: 0px;
            left: 588px;
            position: absolute;
            width: 40px;
            height: 40px;
            background: url('/images/v5/controls/news/draft_40x40.png') 0 0 no-repeat;
            z-index: 1000;
        }

        .fc-news-section .fc-promo-area .editFlag {
            top: 320px;
            left: 0px;
            position: absolute;
            width: 40px;
            height: 40px;
            background: url('/images/v5/controls/news/edit_40x40.png') 0 0 no-repeat;
            z-index: 1000;
            cursor: pointer;
        }

        .fc-news-section .fc-promo-area .deleteFlag {
            top: 0px;
            left: 0px;
            cursor: pointer;
            position: absolute;
            width: 40px;
            height: 40px;
            background: url('/images/v5/controls/news/delete_40x40.png') 0 0 no-repeat;
            z-index: 1000;
        }

.fc-news-section {
}

    .fc-news-section .mainSection {
        width: 628px;
        position: relative;
    }

        .fc-news-section .mainSection .spacer {
            height: 20px;
        }

    .fc-news-section .standardNews {
        margin: 0px;
        padding: 0px;
        display: table-row;
    }

        .fc-news-section .standardNews .iconSection {
            padding: 0px;
            margin: 0px;
            padding-right: 15px;
            display: table-cell;
            vertical-align: top;
        }

        .fc-news-section .standardNews .textSection {
            width: 100%;
            display: table-cell;
            vertical-align: top;
        }

            .fc-news-section .standardNews .textSection .title {
                font-size: 15pt;
                font-family: MatrixScriptOldStyleRegular;
                line-height: 14pt;
            }

            .fc-news-section .standardNews .textSection .date {
                font-size: 12pt;
                font-family: MatrixScriptOldStyleRegular;
                color: #71441A;
            }

            .fc-news-section .standardNews .textSection .mainText {
                display: block;
                font-size: 10.5pt;
                margin-top: 14px;
                margin-bottom: 14px;
                font-family: SignikaNegativeLight;
                min-height: 53px;
            }



            .fc-news-section .standardNews .textSection .buttonSection {
                display: block;
            }

                .fc-news-section .standardNews .textSection .buttonSection .buttonsContainer {
                }

                    .fc-news-section .standardNews .textSection .buttonSection .buttonsContainer .button {
                        float: right;
                        margin-left: 8px;
                    }

    .fc-news-section .separator {
        height: 30px;
        width: 100%;
        background: url('/images/v5/controls/news/spacer.gif') 0 center repeat-x;
    }

.fc-referral-page .topSection {
    position: relative;
    width: 952px;
    height: 590px;
    margin-left: auto;
    margin-right: auto;
    background: url('/images/v5/pages/referral/header-background.jpg') no-repeat;
}

    .fc-referral-page .topSection .title {
        position: absolute;
        left: 0px;
        top: 120px;
        width: 100%;
        text-align: center;
    }

    .fc-referral-page .topSection .description {
        position: absolute;
        left: 265px;
        top: 170px;
        width: 420px;
    }

    .fc-referral-page .topSection .creditsDescription {
        display: table-cell;
        width: 360px;
        height: 60px;
        vertical-align: middle;
    }

    .fc-referral-page .topSection .credits50 {
        position: absolute;
        left: 350px;
        top: 265px;
    }

    .fc-referral-page .topSection .credits100 {
        position: absolute;
        left: 350px;
        top: 355px;
    }

    .fc-referral-page .topSection .credits1000 {
        position: absolute;
        left: 350px;
        top: 450px;
    }


.fc-character-card .buttonPanel {
    position: absolute;
    left: 108px;
    top: 67px;
    width: 176px;
    float: right;
    text-align: right;
    display: table-cell;
}

    .fc-character-card .buttonPanel .innerPanel {
        display: block;
        float: right;
        text-align: right;
        position: relative;
    }

.fc-character-card .characterCardButton {
    position: relative;
    display: table-cell;
    outline: none;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 16px;
    padding-right: 16px;
    color: #431C07;
    font-weight: bold;
    border: 1px solid #E39B06;
    cursor: pointer;
    font-size: 10.5pt;
    margin: 0;
    background-color: #FFC105;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    background-image: -ms-linear-gradient(top, #FFC105 0%, #B15F03 100%);
    background-image: -moz-linear-gradient(top, #FFC105 0%, #B15F03 100%);
    background-image: -o-linear-gradient(top, #FFC105 0%, #B15F03 100%);
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFC105), color-stop(1, #B15F03));
    background-image: -webkit-linear-gradient(top, #FFC105 0%, #B15F03 100%);
}

    .fc-character-card .characterCardButton:visited {
        color: #431C07;
        font-weight: bold;
        border: 1px solid #E39B06;
        text-decoration: none;
        font-style: normal;
    }

    .fc-character-card .characterCardButton:link {
        color: #431C07;
        font-weight: bold;
        border: 1px solid #E39B06;
        text-decoration: none;
        font-style: normal;
    }

    .fc-character-card .characterCardButton:hover {
        color: #422306;
        background-color: #FFF008;
        background-image: -ms-linear-gradient(top, #FFF008 0%, #CF8204 100%);
        background-image: -moz-linear-gradient(top, #FFF008 0%, #CF8204 100%);
        background-image: -o-linear-gradient(top, #FFF008 0%, #CF8204 100%);
        background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFF008), color-stop(1, #CF8204));
        background-image: -webkit-linear-gradient(top, #FFF008 0%, #CF8204 100%);
    }

    .fc-character-card .characterCardButton:active {
        background-color: #FFF008;
        background-image: -ms-linear-gradient(top, #B15F03 0%, #FFC105 100%);
        background-image: -moz-linear-gradient(top, #B15F03 0%, #FFC105 100%);
        background-image: -o-linear-gradient(top, #B15F03 0%, #FFC105 100%);
        background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #B15F03), color-stop(1, #FFC105));
        background-image: -webkit-linear-gradient(top, #B15F03 0%, #FFC105 100%);
    }

.fc-character-card .characterCardMaintenanceButton {
    position: relative;
    display: table-cell;
    outline: none;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 16px;
    padding-right: 16px;
    color: #342B1E;
    font-weight: bold;
    border: 1px solid #876F50;
    cursor: pointer;
    font-size: 11pt;
    margin: 0;
    background-color: #6B583F;
    background-image: -ms-linear-gradient(top, #6B583F 0%, #6B583F 100%);
    background-image: -moz-linear-gradient(top, #6B583F 0%, #6B583F 100%);
    background-image: -o-linear-gradient(top, #6B583F 0%, #6B583F 100%);
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #6B583F), color-stop(1, #6B583F));
    background-image: -webkit-linear-gradient(top, #6B583F 0%, #6B583F 100%);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
}


        .menuButton{
            position:absolute;
            top:0px;
            width:126px;
            height:95px;
            cursor:pointer;
            background-position-y:0px;
            background-repeat:no-repeat;
            background-image:url('/images/v5/pages/menu/fullMenu.jpg');
        }

        .menuHomeButton
        {
            left:0px;
            background-position:0px 0px;
        }

        .menuGuideButton
        {
            left:126px;
            background-position-x:-126px;
            background-position: -126px 0;
        }


        .menuForumsButton
        {
            left:252px;
            background-position-x:-252px;
            background-position: -252px 0;
        }

        .menuAboutButton
        {
            left:376px;
            background-position-x:-376px;
            background-position: -376px 0;
        }

        .menuShopButton
        {
            left:502px;
            background-position-x:-502px;
            background-position: -502px 0;
        }

        .menuButtonSelected{
            background-position-y:-95px;
        }

        .menuButton:hover{
            background-position-y:-190px;
        }

        .menuButton .menuTitle {
            font-family:MatrixScriptRegular;
            color:white;
            position:absolute;
            left:0px;
            top:60px;
            font-size:15pt;
        }

        .menuButton .menuTitle .inner {
            position:relative;
            width:126px;
            text-align:center;
        }

        .menuButton .menuTitle:hover {
            color:white;
        }

        .menuButton .menuTitle:visited {
            color:white;
        }

         .aboutUsButton
    {
        cursor:pointer;
        font-family:MatrixScriptRegular;
        font-size:14pt;
        width:308px;
        height:91px;
        background-position-y:0px;
        background-image:url('/images/v5/controls/buttons/bouton_aboutus.png');
        background-repeat:no-repeat;
        position:relative;
        color:white;
    }

    .aboutUsButton:hover
    {
        background-position-y:-91px;
        color:white;
        text-decoration:none;
    }

    .aboutUsButton:visited
    {
        color:white;
        text-decoration:none;
    }

    .aboutUsButton .buttonText{
        color:white;
        width:210px;
        position:absolute;
        left:88px;
        top:23px;
    }

    .aboutUsButton .buttonText .inner{
        width:210px;
        text-align:center;
    }