.fc-guide {
}

    .fc-guide table  {
        border-spacing:0;
        border-collapse:collapse;
    }

    .fc-guide .detailsPage .territoryDetailsPage {
    }

        .fc-guide .detailsPage .territoryDetailsPage .mapContainer {
            position: relative;
            padding-bottom: 30px;
        }

            .fc-guide .detailsPage .territoryDetailsPage .mapContainer .map {
                margin-left: auto;
                margin-right: auto;
                z-index: 900;
            }

            .fc-guide .detailsPage .territoryDetailsPage .mapContainer a {
                text-decoration: none !important;
                color: black;
            }

                .fc-guide .detailsPage .territoryDetailsPage .mapContainer a:visited {
                    text-decoration: none !important;
                    color: black;
                }

                .fc-guide .detailsPage .territoryDetailsPage .mapContainer a:active {
                    text-decoration: none !important;
                    color: #0d5182;
                }

                .fc-guide .detailsPage .territoryDetailsPage .mapContainer a:hover {
                    text-decoration: none !important;
                    color: #0d5182;
                }

            .fc-guide .detailsPage .territoryDetailsPage .mapContainer .bubble {
                display: table-row;
                cursor: pointer;
                position: absolute;
                z-index: 1000;
                background-color: #FFFBEE;
                padding-left: 4px;
                padding-right: 8px;
                -webkit-border-radius: .3em;
                -moz-border-radius: .3em;
                border-radius: .3em;
                border: 1px solid black;
                font-size: 90%;
                background-image: -ms-linear-gradient(top, #FFFFFE 0%, #FFF1C1 100%);
                background-image: -moz-linear-gradient(top, #FFFFFE 0%, #FFF1C1 100%);
                background-image: -o-linear-gradient(top, #FFFFFE 0%, #FFF1C1 100%);
                background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFFFFE), color-stop(1, #FFF1C1));
                background-image: -webkit-linear-gradient(top, #FFFFFE 0%, #FFF1C1 100%);
            }

                .fc-guide .detailsPage .territoryDetailsPage .mapContainer .bubble .image {
                    display: table-cell;
                    width: 20px;
                    height: 20px;
                    text-align: left;
                    vertical-align: middle;
                    padding-top: 2px;
                    padding-right: 4px;
                }

                .fc-guide .detailsPage .territoryDetailsPage .mapContainer .bubble .text {
                    display: table-cell;
                    text-align: left;
                    vertical-align: middle;
                }

                .fc-guide .detailsPage .territoryDetailsPage .mapContainer .bubble:hover {
                    border: 1px solid black;
                    background-image: -ms-linear-gradient(top, #FFF1C1 0%, #FFFFFE 100%);
                    background-image: -moz-linear-gradient(top, #FFF1C1 0%, #FFFFFE 100%);
                    background-image: -o-linear-gradient(top, #FFF1C1 0%, #FFFFFE 100%);
                    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFF1C1), color-stop(1, #FFFFFE));
                    background-image: -webkit-linear-gradient(top, #FFF1C1 0%, #FFFFFE 100%);
                }

                .fc-guide .detailsPage .territoryDetailsPage .mapContainer .bubble:active {
                    border: 1px solid black;
                    background-image: -ms-linear-gradient(top, #FFF1C1 0%, #FFFFFE 100%);
                    background-image: -moz-linear-gradient(top, #FFF1C1 0%, #FFFFFE 100%);
                    background-image: -o-linear-gradient(top, #FFF1C1 0%, #FFFFFE 100%);
                    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFF1C1), color-stop(1, #FFFFFE));
                    background-image: -webkit-linear-gradient(top, #FFF1C1 0%, #FFFFFE 100%);
                }

    .fc-guide .detailsPage {
    }

        .fc-guide .detailsPage .dungeonDetailsPage {
        }

            .fc-guide .detailsPage .dungeonDetailsPage .map {
                background: url('/images/v5/guide/gameguide/dungeons/scroll.jpg') 0 0 no-repeat;
                width: 785px;
                height: 594px;
                margin-left: auto;
                margin-right: auto;
                position: relative;
            }

            .fc-guide .detailsPage .dungeonDetailsPage img {
                margin-right: auto;
                margin-left: auto;
                max-height: 500px;
                max-width: 700px;
            }

            .fc-guide .detailsPage .dungeonDetailsPage .description {
                width: 800px;
                margin-left: auto;
                margin-right: auto;
                padding-top: 10px;
                padding-bottom: 10px;
            }

            .fc-guide .detailsPage .dungeonDetailsPage .introduction {
                width: 800px;
                margin-left: auto;
                margin-right: auto;
                padding-top: 20px;
                padding-bottom: 20px;
                font-style: italic;
            }

            .fc-guide .detailsPage .dungeonDetailsPage .encountersSection {
                text-align: center;
            }

                .fc-guide .detailsPage .dungeonDetailsPage .encountersSection .row {
                    display: table-row;
                }

                .fc-guide .detailsPage .dungeonDetailsPage .encountersSection .cell {
                    padding: 5px;
                    display: table-cell;
                }

            .fc-guide .detailsPage .dungeonDetailsPage .encounter {
            }

                .fc-guide .detailsPage .dungeonDetailsPage .encounter .image {
                }

                    .fc-guide .detailsPage .dungeonDetailsPage .encounter .image img {
                        height: 150px;
                    }

                .fc-guide .detailsPage .dungeonDetailsPage .encounter .name {
                    font-size: 90%;
                    color: rgb(113, 55, 0);
                }

    .fc-guide .dungeonsSection {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

        .fc-guide .dungeonsSection .row {
            display: table-row;
        }

            .fc-guide .dungeonsSection .row .cell {
                display: table-cell;
                padding: 10px;
            }

        .fc-guide .dungeonsSection .dungeon {
            height: 104px;
            width: 140px;
        }

    .fc-guide .indexPage {
    }

    .fc-guide .sectionTitle {
        display: block;
        width: 100%;
        text-align: center;
    }

    .fc-guide .listPage {
    }

    .fc-guide .sectionBox {
        background: url('/images/v5/guide/gameguide/sectionBox.jpg') no-repeat;
        width: 176px;
        height: 124px;
    }

        .fc-guide .sectionBox .title {
            text-align: center;
            width: 100%;
            font-weight: bold;
            padding-top: 10px;
            padding-bottom: 8px;
            font-size: 110%;
            font-family: "SignikaNegativeSemibold";
        }

        .fc-guide .sectionBox .items {
            padding-left: 10px;
        }

            .fc-guide .sectionBox .items a {
                color: rgb(71, 35, 0);
                text-decoration: none !important;
            }

                .fc-guide .sectionBox .items a:hover {
                    color: rgb(71, 35, 0);
                    text-decoration: none !important;
                }

            .fc-guide .sectionBox .items .item {
                display: block;
                width: 146px;
                padding-left: 10px;
            }

                .fc-guide .sectionBox .items .item:hover {
                    background-color: rgba(255, 255, 255, 0.50);
                }

                .fc-guide .sectionBox .items .item .innerRow {
                    display: table-row;
                    vertical-align: middle;
                }

                    .fc-guide .sectionBox .items .item .innerRow .image {
                        display: table-cell;
                        vertical-align: middle;
                        text-align: left;
                        height: 24px;
                    }

                    .fc-guide .sectionBox .items .item .innerRow img {
                        padding-top: 2px;
                        width: 20px;
                        height: 20px;
                    }

                    .fc-guide .sectionBox .items .item .innerRow .text {
                        display: table-cell;
                        vertical-align: middle;
                        text-align: left;
                        padding-left: 8px;
                        height: 24px;
                    }


    .fc-guide .sectionBoxRow {
        display: table-row;
        margin-left: auto;
        margin-right: auto;
    }

    .fc-guide .sectionBoxCell {
        padding: 10px;
        display: table-cell;
    }



    .fc-guide .howtoplay {
    }

        .fc-guide .howtoplay .defaultTopSection {
            position: relative;
            margin-left: auto;
            margin-right: auto;
            background: url('/images/v5/guide/howtoplay/default-top.jpg') no-repeat top center;
            width: 946px;
            height: 450px;
        }

            .fc-guide .howtoplay .defaultTopSection .description {
                position: absolute;
                top: 240px;
                left: 180px;
                width: 580px;
            }

        .fc-guide .howtoplay .centeredSection {
            width: 920px;
            margin-left: auto;
            margin-right: auto;
        }


        .fc-guide .howtoplay .defaultCenteredSection {
            width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        .fc-guide .howtoplay .section {
            display: table-row;
            margin-bottom: 30px;
        }

            .fc-guide .howtoplay .section .image {
                display: table-cell;
                vertical-align: middle;
            }

            .fc-guide .howtoplay .section .text {
                vertical-align: top;
                display: table-cell;
            }

        .fc-guide .howtoplay .rightButton {
            width: 100%;
        }

            .fc-guide .howtoplay .rightButton .inner {
                float: right;
                position: relative;
                margin-top: 10px;
            }

        .fc-guide .howtoplay .leftButton {
            width: 100%;
        }

        .fc-guide .howtoplay .rightButton .leftButton {
            position: relative;
            margin-bottom: 10px;
            margin-top: 30px;
        }

        .fc-guide .howtoplay .topSection {
            margin-top: 10px;
            margin-bottom: 40px;
        }

        .fc-guide .howtoplay .verticalSpacing {
            width: 20px;
        }

        .fc-guide .howtoplay .sectionSpacing {
            height: 20px;
        }

    .fc-guide .subSection h4 img {
        height: 24px;
        margin-right: 8px;
    }

    .fc-guide .subSection {
        padding-bottom: 20px;
    }


    .fc-guide .header {
        width: 100%;
        background-color: rgba(255, 255, 255, 0.30);
        border-bottom: 4px solid #7D552E;
        border-right: 1px solid #7D552E;
        border-left: 1px solid #7D552E;
        border-top: 1px solid #7D552E;
        padding-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 910px;
        height: 55px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
    }

        .fc-guide .header .top {
            display: table-row;
        }


            .fc-guide .header .top .imageCell {
                display: table-cell;
                width: 50px;
                height: 50px;
                padding-right: 10px;
                vertical-align: middle;
                text-align: center;
            }

                .fc-guide .header .top .imageCell img {
                    max-width: 50px;
                    max-height: 50px;
                }

            .fc-guide .header .top .textCell {
                vertical-align: top;
                display: table-cell;
                width: 100%;
                padding-top: 2px;
            }

                .fc-guide .header .top .textCell .name {
                    color: #5A2F05;
                    font-family: SignikaNegativeBold;
                    font-size: 21pt;
                    line-height: 21pt;
                    font-weight: 600;
                }

                .fc-guide .header .top .textCell .subtitle {
                    font-size: 80%;
                    font-style: italic;
                }

            .fc-guide .header .top .searchCell {
                vertical-align: top;
                display: table-cell;
                width: 100%;
                padding-top: 4px;
            }

        .fc-guide .header .bottomSeparator {
            background: url('/images/v5/controls/separator.png')repeat-x;
            background-position-x: 0px;
            background-position-y: 5px;
            height: 20px;
            margin-left: auto;
            margin-right: auto;
        }

    .fc-guide .verticalSeparator {
        background: url('/images/v5/controls/separator.png')repeat-x;
        background-position-x: 0px;
        background-position-y: 15px;
        height: 40px;
        margin-left: auto;
        margin-right: auto;
    }

    .fc-guide .regionSection {
        display: block;
    }

        .fc-guide .regionSection .top {
            display: block;
            width: 100%;
        }

            .fc-guide .regionSection .top .textSection {
                display: table-cell;
                float: left;
                vertical-align: top;
                text-align: left;
            }

                .fc-guide .regionSection .top .textSection .name {
                    display: table-row;
                }

                    .fc-guide .regionSection .top .textSection .name .topArrow {
                        vertical-align: middle;
                        display: table-cell;
                        padding-right: 5px;
                    }

                        .fc-guide .regionSection .top .textSection .name .topArrow .image {
                            vertical-align: middle;
                            display: table-cell;
                            width: 17px;
                            height: 18px;
                            background: url('/images/v5/guide/gameguide/topArrow.png') 0 0 no-repeat;
                        }

                    .fc-guide .regionSection .top .textSection .name .text {
                        vertical-align: middle;
                        display: table-cell;
                    }

            .fc-guide .regionSection .top .imageSection {
                float: right;
                height: 130px;
                vertical-align: middle;
                text-align: center;
                display: table-cell;
            }



    .fc-guide .table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0px;
    }

        .fc-guide .table .row {
            background-color: rgba(255, 255, 255, 0.3);
        }

        .fc-guide .table .alternateRow {
            background-color: rgba(179, 143, 93, 0.3);
        }

        .fc-guide .table .cell {
            padding-top: 1px;
            padding-left: 4px;
            padding-right: 4px;
            padding-bottom: 1px;
            vertical-align: middle;
        }

         .fc-guide .table .centered {
             text-align:center;
        }

        .fc-guide .table .firstCell {
            padding-left: 7px;
        }

        .fc-guide .table .row:hover {
            background-color: rgba(10, 0, 0, 0.5);
        }

        .fc-guide .table .alternateRow {
            background-color: rgba(179, 143, 93, 0.3);
        }

            .fc-guide .table .alternateRow:hover {
                background-color: rgba(10, 0, 0, 0.5);
            }

        .fc-guide .table .headerRow {
            height: 28px;
            color: white;
            background: url('/images/v5/guide/gameguide/tableHeaderBackground.png') 0 0 repeat-x;
        }

            .fc-guide .table .headerRow .headerCell {
                text-align: center;
                vertical-align: central;
            }

            .fc-guide .table .headerRow .firstHeaderCell {
                padding-left: 8px;
            }

        .fc-guide .table .norows {
            padding: 15px;
            text-align: center;
            vertical-align: middle;
            color: #303030;
            background-color: rgba(255, 255, 255, 0.3);
        }


    .fc-guide .propertySection {
    }

        .fc-guide .propertySection table {
            padding: 0px;
            border-collapse: collapse;
            border-spacing: 0;
        }

        .fc-guide .propertySection .label {
            display: table-cell;
            padding-right: 8px;
        }

        .fc-guide .propertySection .value {
            color: #381d04;
            display: table-cell;
            padding-right: 8px;
            font-weight: bold;
        }


    .fc-guide .guideItemContainer {
        padding: 0px;
        display: table-cell;
        vertical-align: middle;
        border-collapse: collapse;
        border-spacing: 0px;
        text-decoration: none !important;
        color: black;
        padding: 0px;
    }

        .fc-guide .guideItemContainer:hover {
            outline: none;
            text-decoration: none !important;
            color: #0d5182;
        }

        .fc-guide .guideItemContainer:link {
            outline: none;
            text-decoration: none !important;
        }

        .fc-guide .guideItemContainer:visited {
            outline: none;
            text-decoration: none !important;
        }


        .fc-guide .guideItemContainer a {
            text-decoration: none !important;
            color: black;
            padding: 0px;
        }

            .fc-guide .guideItemContainer a:hover {
                outline: none;
                text-decoration: none !important;
                color: #0d5182;
            }

            .fc-guide .guideItemContainer a:link {
                outline: none;
                text-decoration: none !important;
            }


    .fc-guide guideItemContainer a:visited {
        outline: none;
        text-decoration: none !important;
    }

    .fc-guide .guideItemText {
        padding: 0px;
        border-spacing: 0px;
    }

    .fc-guide .guideItemIcon {
        text-align: center;
        vertical-align:middle;
        padding: 0px;
        padding-right: 8px;
    }

    .fc-guide .guideItemLabel {
        text-align: center;
        vertical-align:middle;
        padding: 0px;
    }

        .fc-guide .guideItemIcon img {
            padding: 0px;
            margin: 0px;
            border: none;
            height: 24px;
            width: 24px;
        }



.gameToolTip {
    display: table-cell;
    color: white;
    font-family: Arial;
    font-size: 10pt;
}

    .gameToolTip table {
        border-spacing: 0px;
        border-collapse: collapse;
    }

    .commonQuality {
        color: #5dc972;
    }

    .superiorQuality {
        color: #dde173;
    }

    .rareQuality {
        color: #3480c9;
    }

    .epicQuality {
        color: #a048c7;
    }

    .legendaryQuality {
        color: #cb7237;
    }

    .gameToolTip .itemOuterContainer {
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        border: 1px solid #97713A;
        background-color: rgba(0, 0, 0, 0.80);
    }

    .gameToolTip .itemInnerContainer {
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        padding: 10px;
        border: 1.5px solid #4F5252;
        margin: 2px;
        background-color: rgba(0, 0, 0, 0.80);
        color: #ADADAD;
    }


    .gameItemToolTip .generalInformationSection .iconCell {
        padding-right: 8px;
        text-align: center;
        vertical-align: central;
    }

        .gameItemToolTip .generalInformationSection .iconCell img {
            max-width: 34px;
            max-height: 34px;
        }

    .gameItemToolTip .generalInformationSection .detailsCell {
        vertical-align: top;
    }

        .gameItemToolTip .generalInformationSection .detailsCell .name {
            color: white;
            font-size: 10pt;
        }

        .gameItemToolTip .generalInformationSection .detailsCell .type {
            color: #a5a5a5;
            font-size: 9pt;
        }

    .gameItemToolTip .combatSection {
        width: 100%;
        text-align: center;
    }

        .gameItemToolTip .combatSection img {
            max-width: 26px;
            max-height: 26px;
        }

        .gameItemToolTip .combatSection .combatSkillIconCell {
            vertical-align: central;
            padding: 0px;
            margin: 0px;
        }

        .gameItemToolTip .combatSection .combatSkillIconValueCell {
            font-weight: bold;
            vertical-align: central;
            padding: 0px;
            margin: 0px;
            padding-right: 8px;
        }

    .gameItemToolTip .skillSection {
        padding-left: 8px;
        width: 100%;
        text-align: center;
    }

        .gameItemToolTip .skillSection .standardSkillIcon {
            background: url(/images/v5/guide/gameguide/tooltips/normal.png) center center no-repeat;
            width: 15px;
            height: 15px;
        }

        .gameItemToolTip .skillSection .magicSkillIcon {
            background: url(/images/v5/guide/gameguide/tooltips/magic.png) center center no-repeat;
            width: 15px;
            height: 15px;
        }

        .gameItemToolTip .skillSection .skillValue {
            text-align: right;
            width: 20px;
            font-size: 9pt;
        }

        .gameItemToolTip .skillSection .skillName {
            padding-left: 8px;
            text-align: left;
            font-size: 9pt;
        }

    .gameToolTip .sectionSpacer {
        height: 8px;
        width: 100%;
    }

           .fc-guide .itemIconCount {
            background-size: 100% auto;
            width:24px;
            height:24px;
            display:table-cell;
            vertical-align:bottom;
            text-align:left;
        }

        .fc-guide .itemIconCount .countLabel{
            display:table-cell;
            background-color:white;
            padding:2px;
            font-size:70%;
            border:1px solid silver;
            text-decoration:none;
            -webkit-border-radius: .4em;
            -moz-border-radius: .4em;
            border-radius: .4em;
        }
        
        
            .gameUnitToolTip {
            }

                .gameUnitToolTip .bannerSection {
                    height: 17px;
                    width: 100%;
                    display: table-cell;
                    text-align: center;
                    position: relative;
                }

                    .gameUnitToolTip .bannerSection .container {
                        height: 17px;
                        width: 232px;
                        position: relative;
                    }

                        .gameUnitToolTip .bannerSection .container .banner {
                            background: url('/images/v5/guide/gameguide/tooltips/unitBanner.png') 0 0 no-repeat;
                            width: 232px;
                            height: 57px;
                            position: absolute;
                            left: 0px;
                            top: -40px;
                        }

                            .gameUnitToolTip .bannerSection .container .banner .title {
                                position: relative;
                                width: 232px;
                                height: 57px;
                                text-align: center;
                                padding-top: 18px;
                                display: table-cell;
                                color: black;
                                font-size: 130%;
                                font-weight: bold;
                                font-family: MatrixScriptRegular;
                            }

                .gameUnitToolTip .imageSection {
                    padding-left: 10px;
                    vertical-align: middle;
                    text-align: center;
                }

                    .gameUnitToolTip .imageSection .standardUnit {
                       
                    }

                        .gameUnitToolTip .imageSection .standardUnit img {
                            max-width:150px
                        }

                    .gameUnitToolTip .imageSection .companion {
                        width: 74px;
                        height: 100px;
                    }

                        .gameUnitToolTip .imageSection .companion .platform {
                            height: 1px;
                            width: 100%;
                            z-index: 1;
                            position: relative;
                        }

                            .gameUnitToolTip .imageSection .companion .platform .image {
                                width: 64px;
                                height: 45px;
                                background: url('/images/v5/guide/gameguide/tooltips/unitPlatform.png') 0 0 no-repeat;
                                top: 55px;
                                left: 5px;
                                position: relative;
                            }

                        .gameUnitToolTip .imageSection .companion .unitImage {
                            height: 85px;
                            width: 74px;
                            z-index: 2;
                            position: relative;
                            display: table-cell;
                            text-align: center;
                            vertical-align: bottom;
                        }

                            .gameUnitToolTip .imageSection .companion .unitImage .image {
                            }

                                .gameUnitToolTip .imageSection .companion .unitImage .image img {
                                    max-width: 74px;
                                    border: none;
                                }

                .gameUnitToolTip .skillSection {
                    padding-left: 10px;
                    vertical-align: middle;
                }

                    .gameUnitToolTip .skillSection .standardSkillIcon {
                        background: url(/images/v5/guide/gameguide/tooltips/normal.png) center center no-repeat;
                        width: 15px;
                        height: 15px;
                    }

                    .gameUnitToolTip .skillSection .magicSkillIcon {
                        background: url(/images/v5/guide/gameguide/tooltips/magic.png) center center no-repeat;
                        width: 15px;
                        height: 15px;
                    }

                    .gameUnitToolTip .skillSection .skillValue {
                        text-align: right;
                        font-size: 9pt;
                    }

                    .gameUnitToolTip .skillSection .skillName {
                        padding-left: 8px;
                        text-align: left;
                        font-size: 9pt;
                    }