@font-face {
    font-family: 'Purista';
    src: url('../fonts/PuristaMedium.woff') format('woff');
}

#base-header {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
}

.btn {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
}

a.btn {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
}

.map-thumb {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
}

.loggedout-usp-container .geoleaderboards .map {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
}

#serverbrowser-filters {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
}

    #serverbrowser-filters .box-content {
        -ms-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        user-select: none;
    }

#soldierportraits-container #soldierimage {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

#base-header .game-bar .dropdown-bar .soldierstats-box .rank .points {
    -webkit-user-select: all;
    -moz-user-select: all;
    -o-user-select: all;
    user-select: all;
}

#base-header .game-bar .dropdown-bar .soldierstats-box .rank .experience {
    -webkit-user-select: all;
    -moz-user-select: all;
    -o-user-select: all;
    user-select: all;
}

#base-header .game-bar .grid-container::before {
    line-height: 0;
    display: table;
    content: "";
}

#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom::before {
    line-height: 0;
    display: table;
    content: "";
}

.emblemselect.dialog .emblem-items::before {
    line-height: 0;
    display: table;
    content: "";
}

.soldierselect.dialog .soldier-list > li > a::before {
    line-height: 0;
    display: table;
    content: "";
}

#serverbrowser-filters .box-content::before {
    line-height: 0;
    display: table;
    content: "";
}

#server-page > header::before {
    line-height: 0;
    display: table;
    content: "";
}

#server-page-settings dl::before {
    line-height: 0;
    display: table;
    content: "";
}

#server-page-slot-info dl::before {
    line-height: 0;
    display: table;
    content: "";
}

body #base-container #user .profile-info::before {
    line-height: 0;
    display: table;
    content: "";
}

.forum-search-results-item-title::before {
    line-height: 0;
    display: table;
    content: "";
}

.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name::before {
    line-height: 0;
    display: table;
    content: "";
}

.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags::before {
    line-height: 0;
    display: table;
    content: "";
}

.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted::before {
    line-height: 0;
    display: table;
    content: "";
}

.base-clear::before {
    line-height: 0;
    display: table;
    content: "";
}

.share-widgets::before {
    line-height: 0;
    display: table;
    content: "";
}

#base-header .game-bar .grid-container::after {
    line-height: 0;
    display: table;
    content: "";
}

#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom::after {
    line-height: 0;
    display: table;
    content: "";
}

.emblemselect.dialog .emblem-items::after {
    line-height: 0;
    display: table;
    content: "";
}

.soldierselect.dialog .soldier-list > li > a::after {
    line-height: 0;
    display: table;
    content: "";
}

#serverbrowser-filters .box-content::after {
    line-height: 0;
    display: table;
    content: "";
}

#server-page > header::after {
    line-height: 0;
    display: table;
    content: "";
}

#server-page-settings dl::after {
    line-height: 0;
    display: table;
    content: "";
}

#server-page-slot-info dl::after {
    line-height: 0;
    display: table;
    content: "";
}

body #base-container #user .profile-info::after {
    line-height: 0;
    display: table;
    content: "";
}

.forum-search-results-item-title::after {
    line-height: 0;
    display: table;
    content: "";
}

.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name::after {
    line-height: 0;
    display: table;
    content: "";
}

.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags::after {
    line-height: 0;
    display: table;
    content: "";
}

.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted::after {
    line-height: 0;
    display: table;
    content: "";
}

.base-clear::after {
    line-height: 0;
    display: table;
    content: "";
}

.share-widgets::after {
    line-height: 0;
    display: table;
    content: "";
}

#base-header .game-bar .grid-container::after {
    clear: both;
}

#base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom::after {
    clear: both;
}

.emblemselect.dialog .emblem-items::after {
    clear: both;
}

.soldierselect.dialog .soldier-list > li > a::after {
    clear: both;
}

#serverbrowser-filters .box-content::after {
    clear: both;
}

#server-page > header::after {
    clear: both;
}

#server-page-settings dl::after {
    clear: both;
}

#server-page-slot-info dl::after {
    clear: both;
}

body #base-container #user .profile-info::after {
    clear: both;
}

.forum-search-results-item-title::after {
    clear: both;
}

.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name::after {
    clear: both;
}

.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags::after {
    clear: both;
}

.forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted::after {
    clear: both;
}

.base-clear::after {
    clear: both;
}

.share-widgets::after {
    clear: both;
}

#serverbrowser .server-filter {
    color: rgb(255, 255, 255);
    position: relative;
}

#serverbrowser .collapsed.server-filter > header {
    cursor: pointer;
}

#serverbrowser .collapsed.server-filter > section {
    display: none;
}

#serverbrowser .collapsed.server-filter > footer {
    display: none;
}

body {
    font-family: Arial, sans-serif;
    font-size: 16px;
}

h1 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
}

h2 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
}

h3 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
}

h4 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
}

h5 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
}

h6 {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
}

h1 {
    text-transform: uppercase;
}

h2 {
    text-transform: uppercase;
}

h3 {
    text-transform: uppercase;
}

h1 {
    line-height: 40px;
    font-size: 36px;
    margin-bottom: 8px;
}

h2 {
    line-height: 40px;
    font-size: 36px;
    margin-bottom: 8px;
}

h3 {
    line-height: 40px;
    font-size: 33px;
    margin-bottom: 8px;
}

h4 {
    line-height: 32px;
    font-size: 29px;
}

h5 {
    text-transform: uppercase;
    line-height: 32px;
    font-size: 23px;
    margin-bottom: 8px;
}

h6 {
    text-transform: uppercase;
    line-height: 24px;
    font-size: 18px;
}

strong {
    font-weight: bold;
}

b {
    font-weight: bold;
}

em {
    font-style: italic;
}

i {
    font-style: italic;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
        /*color:black;*/
    }

small {
    font-size: 70%;
}

.header-dropdown-active #base-header .game-bar .dropdown-bar {
    box-shadow: 0px 0px 30px 10px rgba(185,243,255,0.15);
}

#base-ajax-loading {
    transition: opacity 0.2s ease-out;
    top: 3px;
    display: none;
    position: relative;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
}

.ajax-loading #base-ajax-loading {
    display: inline-block;
}

.ajax-loading #base-notices {
    opacity: 0;
}

.base-premium #community-bar .game-logo .game-bf3.logo {
    background-position: 50% 50%;
    width: 170px;
    background-image: url("../img/header-logo-premium.png");
    background-size: 121px;
}

body.premium #base-header .premium-bg.grid-container {
    /*background: url("../img/overlay-p.png") no-repeat 0px -48px;*/
    width: 992px;
    height: 48px;
    position: relative;
}

body.premium #base-header .fade.premium-bg {
    background-position: 0px 0px;
    transition: background-position 1s linear 1s;
    -webkit-transition: background-position 1s linear 1s;
    -moz-transition: background-position 1s linear 1s;
}

body.show-section-select #community-bar .dropdown-bar {
    height: 128px;
}

    body.show-section-select #community-bar .dropdown-bar .game-box {
        opacity: 1;
    }

body.show-section-select #community-bar .outerarrow .arrow {
    margin-top: -9px;
    border-top-color: transparent;
    border-bottom-color: rgb(255, 255, 255);
    opacity: 0.75;
}

body.show-section-select #base-container::before {
    height: 210px;
}

#community-bar {
    /*background: rgba(8, 13, 16, 0.98);*/
    position: relative;
    /*background: #121C23 none repeat scroll 0% 0%;*/
    /*background: rgba(18, 28, 35, 0.84) none repeat scroll 0% 0%;*/
    /*background: #000 none repeat scroll 0% 0%;*/
    /*background: rgba(58, 128, 165, 0.74) none repeat scroll 0% 0%;*/
    background: rgba(10, 14, 20, 0.95);
}

    #community-bar .game-logo {
        display: inline-block;
        position: relative;
        z-index: 1;
    }

        #community-bar .game-logo .ajax-loading-wrapper {
            top: 9px;
            right: 100%;
            margin-right: 10px;
            position: absolute;
            z-index: 0;
            cursor: default;
        }

        #community-bar .game-logo .logo {
            background-position: 0px 50%;
            width: 175px;
            height: 48px;
            display: block;
            background-repeat: no-repeat;
            background-size: 165px;
        }

        #community-bar .game-logo .game-bf3.logo {
            background-image: url("../base/bf3/bf3-logo-m.png");
        }

/*Login horni lista */
#community-bar .game-logo .game-bf4.logo {
    /* width: 170px;*/
    /*background-image: url("../img/bf3-logo-m.png");*/
}

#community-bar .game-logo .premium.game-admin.logo {
    background-position: 50% 50%;
    background-image: url("/img/admin/header-logo-admin-premium.png");
    background-size: 121px;
}

#community-bar .game-logo .premium.game-bfbc2.logo {
    background-position: 50% 50%;
    background-image: url("/img/header-logo-bfbc2-premium.png");
    background-size: 121px;
}

#community-bar .game-logo .premium.game-bf3.logo {
    background-position: 50% 50%;
    background-image: url("/img/header-logo-bf3-premium.png");
    background-size: 121px;
}

#community-bar .game-logo .premium.game-bf4.logo {
    background-position: 50% 50%;
    background-image: url("/img/header-logo-bf4-premium.png");
    background-size: 121px;
}

#community-bar .game-logo .premium.game-bfh.logo {
    background-position: 50% 50%;
    background-image: url("/img/header-logo-bfh-premium.png");
    background-size: 121px;
}

#community-bar .game-logo .premium.game-mohw.logo {
    background-position: 50% 50%;
    background-image: url("/img/header-logo-mohw-premium.png");
    background-size: 121px;
}

#community-bar .game-logo .premium.game-bf1.logo {
    background-position: 50% 50%;
    background-image: url("/img/header-logo-bf1-premium.png");
    background-size: 121px;
}
#community-bar .game-logo .cte.logo {
    background-image: url("../base/bf4/header-logo-bf4-cte.png");
}

#community-bar .game-logo .game-mohw.logo {
    background-image: url("../d34ymitoc1pg7m.cloudfront.net/mohw/mohw-logo-9c9d7e49.png");
}

#community-bar .battlelog-logo {
    left: 0px;
    top: 0px;
    border-right-color: currentColor;
    border-right-width: 0px;
    border-right-style: none;
    display: inline-block;
    position: absolute;
    z-index: 1;
}

    #community-bar .battlelog-logo .logo {
        background: url("../img/battlelog-logo-082bd9ee.png") no-repeat 0px 50% / contain;
        width: 95px;
        height: 48px;
        display: block;
    }

    #community-bar .battlelog-logo .boostXP {
        width: 290px;
        height: 48px;
        display: block;
		margin-left: 46px;
		margin-top: 17px;
		content: arrow;
		text-decoration: none;
		opacity: 0.75;
    }

#community-bar .user-tools {
    top: 0px;
    text-align: left;
    right: 0px;
    position: absolute;
}

#community-bar .dropdown-bar {
    background: url("../common/community-dropdown-bg.png") rgb(21, 23, 24);
    transition: height 0.2s ease-out;
    height: 0px;
    text-align: left;
    overflow: hidden;
    position: relative;
    -webkit-transition: height 0.2s ease-out;
    -moz-transition: height 0.2s ease-out;
}

#community-bar .dropdown-bar .base-game-selector .game-box.game-bfbc2 {
    width: 170px;
	margin-left:19px;	
    background-image: url("../img/misc/section-selection-bfbc2.png");
}

#community-bar .dropdown-bar .base-game-selector .game-box.game-bf3 {
    width: 170px;
	margin-left:5px;	
    background-image: url("../img/misc/section-selection-bf3.png");
}

#community-bar .dropdown-bar .base-game-selector .game-box.game-bf4 {
    width: 175px;
	margin-left:5px;
    background-image: url("../img/misc/section-selection-bf4.png");
}

#community-bar .dropdown-bar .base-game-selector .game-box.game-bfh {
	width: 165px;
	margin-left:5px;	
    background-image: url("../img/misc/section-selection-bfh.png");
}

#community-bar .dropdown-bar .base-game-selector .game-box.game-mohw {
	width: 119px;
	margin-left:5px;	
	background-image: url("../img/misc/section-selection-mohw.png");
}

#community-bar .dropdown-bar .base-game-selector .game-box.game-bf1 {
    width: 165px;
	margin-left:5px;	
	background-image: url("../img/misc/section-selection-bf1.png");
}

    #community-bar .dropdown-bar .grid-container {
        padding: 5px 0px;
        text-align: center;
    }

        #community-bar .dropdown-bar .grid-container .row {
            display: inline-block;
        }

    #community-bar .dropdown-bar .base-game-selector .game-box {
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
        opacity: 0;
    }

#community-bar .inner-wrapper {
    height: 48px;
    text-align: center;
    position: relative;
    z-index: 3;
}

#community-bar .outerarrow {
    left: 100%;
    top: 20%;
    width: 20px;
    height: 30px;
    position: absolute;
    cursor: pointer;
}

    #community-bar .outerarrow .arrow {
        border-width: 6px;
        border-style: solid;
        border-color: rgb(255, 255, 255) transparent transparent;
        transform-origin: center 50%;
        transition: 0.1s ease-out, opacity;
        border-image: none;
        left: 0%;
        top: 50%;
        margin-top: -3px;
        margin-left: 4px;
        position: absolute;
        cursor: pointer;
        opacity: 0.3;
        -webkit-transition: all 0.1s ease-out, opacity 0;
        -moz-transition: all 0.1s ease-out, opacity 0;
        -webkit-transform-origin: center 50%;
        -moz-transform-origin: center 50%;
        -o-transform-origin: center 50%;
    }

        #community-bar .outerarrow .arrow:hover {
            opacity: 0.75;
        }

#base-header {
    left: 0px;
    top: 0px;
    right: 0px;
    position: fixed;
    z-index: 1000;
}

    #base-header .alert {
        background: black;
        text-align: center;
        margin-bottom: 0px;
        border-bottom-color: rgb(53, 58, 63);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    #base-header .grid-container {
		left: 0px;
		top: 0px;
		right: 0px;
		position: fixed;
		z-index: 1000;
        width: 992px;
        position: relative;
        /*background: transparent url("../img/overlay-p.png") no-repeat scroll 0px -48px;*/
        /*height: 48px;*/
        background-position: 0px 0px;
        /*transition: background-position 1s linear 1s;*/
    }
	
    #base-header .game-bar {
        position: relative;
    }

        #base-header .game-bar .inner-wrapper {
            height: 47px;
            border-top-color: rgb(53, 58, 63);
            /*border-top-width: 1px;*/
            border-top-style: solid;
            position: relative;
            z-index: 1;
            background-image: linear-gradient(rgba(19, 22, 26, 0.98) 0%, rgba(19, 22, 26, 0.92) 100%);
            border-top-width: 1px;
            border-top-style: solid;
            position: relative;
            z-index: 1;
            background-image: linear-gradient(rgba(19, 22, 26, 1.0) 0%, rgba(19, 22, 26, 1.0) 100%);
        }

        #base-header .game-bar .main-nav {
            float: left;
            position: relative;
            z-index: 2;
        }

            #base-header .game-bar .main-nav .base-section-menu {
                float: left;
            }

            #base-header .game-bar .main-nav .pull-right {
                /*float: right;*/
                float: right !important;
                position: relative;
                z-index: 2;
            }

            #base-header .game-bar .main-nav .base-section-menu .pull-right {
                /*float: right;*/
                float: right !important;
            }

            #base-header .game-bar .main-nav .base-section-menu > li {
                border-right-color: rgb(53, 58, 63);
                border-right-width: 1px;
                border-right-style: solid;
                float: left;
                position: relative;
            }

                #base-header .game-bar .main-nav .base-section-menu > li:first-child {
                    border-left-color: rgb(53, 58, 63);
                    border-left-width: 1px;
                    border-left-style: solid;
                }

                #base-header .game-bar .main-nav .base-section-menu > li.nav-home a {
                    padding-left: 0px;
                }

                    #base-header .game-bar .main-nav .base-section-menu > li.nav-home a .icon-home {
                        transition: opacity 0.1s ease-out;
                        top: 2px;
                        position: relative;
                        opacity: 0.75;
                        -webkit-transition: opacity 0.1s ease-out;
                        -moz-transition: opacity 0.1s ease-out;
                    }

                    #base-header .game-bar .main-nav .base-section-menu > li.nav-home a:hover .icon-home {
                        opacity: 1;
                    }

                #base-header .game-bar .main-nav .base-section-menu > li.has-dropdown {
                    cursor: pointer;
                }

                    #base-header .game-bar .main-nav .base-section-menu > li.has-dropdown::after {
                        border-width: 4px;
                        border-style: solid;
                        border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255) transparent;
                        border-image: none;
                        right: 2px;
                        bottom: 2px;
                        display: block;
                        position: absolute;
                        z-index: 1;
                        content: "";
                        opacity: 0.1;
                    }

                #base-header .game-bar .main-nav .base-section-menu > li.soldier .profile-soldier-image {
                    left: 0px;
                    bottom: 0px;
                    position: absolute;
                    z-index: 2;
                }

                #base-header .game-bar .main-nav .base-section-menu > li.soldier .profile-soldier-image2 {
                    left: 50px;
                    bottom: 0px;
                    position: absolute;
                    z-index: 2;
                }

                #base-header .game-bar .main-nav .base-section-menu > li.soldier .header-soldier-rank {
                    left: 28px;
                    top: -7px;
                    height: 64px;
                    overflow: hidden;
                    position: absolute;
                    z-index: 2;
                    transform: scale(0.75);
                    -webkit-transform: scale(0.75);
                    -moz-transform: scale(0.75);
                    -o-transform: scale(0.75);
                }

                #base-header .game-bar .main-nav .base-section-menu > li.soldier .icon-platform {
                    left: 81px;
                    bottom: 4px;
                    line-height: 11px;
                    position: absolute;
                    z-index: 100;
                }

                #base-header .game-bar .main-nav .base-section-menu > li.soldier > a {
                    padding-left: 80px;
                }

                #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).active > a {
                    color: rgb(0, 0, 0);
                    cursor: default;
                    box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.2), 0px 0px 7px 1px rgba(224,244,248,0.3);
                    background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%);
                    background-color: rgb(255, 255, 255);
                }

                    #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).active > a:hover {
                        color: rgb(0, 0, 0);
                        cursor: default;
                        box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.2), 0px 0px 7px 1px rgba(224,244,248,0.3);
                        background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%);
                        background-color: rgb(255, 255, 255);
                    }

                #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).focused.active > a {
                    color: rgb(0, 0, 0);
                    cursor: default;
                    box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.2), 0px 0px 7px 1px rgba(224,244,248,0.3);
                    background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%);
                    background-color: rgb(255, 255, 255);
                }

                #base-header .game-bar .main-nav .base-section-menu > li.has-dropdown.active::after {
                    border-width: 4px;
                    border-style: solid;
                    border-color: transparent rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) transparent;
                    border-image: none;
                }

                #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home) > a:hover {
                    background: rgb(10, 14, 20);
                    color: rgb(255, 255, 255);
                }

                #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).focused > a {
                    background: rgb(10, 14, 20);
                    color: rgb(255, 255, 255);
                }

                #base-header .game-bar .main-nav .base-section-menu > li > div.feature-disabled {
                    cursor: default;
                }

                #base-header .game-bar .main-nav .base-section-menu > li > div.feature-disabled {
                    padding: 0px 10px;
                    height: 47px;
                    color: rgb(213, 221, 229);
                    text-transform: uppercase;
                    line-height: 47px;
                    font-family: Purista, sans-serif;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    text-decoration: none;
                    display: block;
                    position: relative;
                }

                #base-header .game-bar .main-nav .base-section-menu > li > a {
                    padding: 0px 10px;
                    height: 47px;
                    color: rgb(213, 221, 229);
                    text-transform: uppercase;
                    line-height: 47px;
                    font-family: Purista, sans-serif;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    text-decoration: none;
                    display: block;
                    position: relative;
                }

        #base-header .game-bar .dropdown-bar {
            padding: 0px;
            transition: height 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            /*height: 0px;*/
            color: rgb(255, 255, 255);
            overflow: hidden;
            position: relative;
            z-index: 0;
            background-color: rgb(10, 14, 20);
            -webkit-transition: height 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            -moz-transition: height 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }

.enabled {
    height: 216px;
}

#base-header .game-bar .dropdown-bar a:not(.btn) {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

    #base-header .game-bar .dropdown-bar a:not(.btn):hover {
        text-decoration: underline;
    }

    #base-header .game-bar .dropdown-bar a:not(.btn)[disabled] {
        color: rgb(102, 102, 102);
    }

        #base-header .game-bar .dropdown-bar a:not(.btn)[disabled] i {
            opacity: 0.75;
        }

#base-header .game-bar .dropdown-bar > .dropdown-content {
    transition: opacity 0.1s ease-out;
    left: 0px;
    top: 0px;
    right: 0px;
    padding-top: 16px;
    padding-bottom: 10px;
    position: absolute;
    z-index: 0;
    min-height: 190px;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
}

#base-header .game-bar .dropdown-bar > .active.dropdown-content {
    z-index: 1;
    opacity: 1;
}

#base-header .game-bar .dropdown-bar > .dropdown-content .recommended {
    height: 190px;
}

#base-header .game-bar .dropdown-bar section > header {
    margin-bottom: 6px;
    cursor: default;
}

    #base-header .game-bar .dropdown-bar section > header h1 {
        color: rgb(137, 137, 137);
        text-transform: uppercase;
        line-height: 22px;
        font-family: Purista, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
    }

    #base-header .game-bar .dropdown-bar section > header + .dropdown-menu {
        margin-top: -11px;
    }

#base-header .game-bar .dropdown-bar .dropdown-menu {
    position: relative;
}

    #base-header .game-bar .dropdown-bar .dropdown-menu > a {
        margin: 0px 0px 7px;
        padding: 1px 0px 0px 16px;
        text-transform: uppercase;
        line-height: 31px;
        font-family: Purista, sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        display: block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    #base-header .game-bar .dropdown-bar .dropdown-menu div {
        margin: 0px 0px 7px;
        padding: 1px 0px 0px 16px;
        text-transform: uppercase;
        line-height: 31px;
        font-family: Purista, sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        text-decoration: none;
        display: block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    #base-header .game-bar .dropdown-bar .dropdown-menu > a [class^='icon-'] {
        margin-right: 6px;
    }

    #base-header .game-bar .dropdown-bar .dropdown-menu > a [class*=' icon-'] {
        margin-right: 6px;
    }

    #base-header .game-bar .dropdown-bar .dropdown-menu div [class^='icon-'] {
        margin-right: 6px;
    }

    #base-header .game-bar .dropdown-bar .dropdown-menu div [class*=' icon-'] {
        margin-right: 6px;
    }

    #base-header .game-bar .dropdown-bar .dropdown-menu > a:hover {
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.1);
    }

#base-header .game-bar .dropdown-bar .recommended-servers {
    margin-top: 4px;
}

    #base-header .game-bar .dropdown-bar .recommended-servers a:hover {
        text-decoration: none;
    }

    #base-header .game-bar .dropdown-bar .recommended-servers > header {
        margin-bottom: 8px;
    }

    #base-header .game-bar .dropdown-bar .recommended-servers:hover > .server {
        opacity: 0.75;
    }

    #base-header .game-bar .dropdown-bar .recommended-servers > .server {
        height: 42px;
        color: rgb(255, 255, 255);
        line-height: 14px;
        padding-left: 72px;
        font-size: 12px;
        margin-bottom: 10px;
        position: relative;
        cursor: pointer;
    }

        #base-header .game-bar .dropdown-bar .recommended-servers > .server:hover {
            opacity: 1;
        }

        #base-header .game-bar .dropdown-bar .recommended-servers > .server .map-thumb {
            left: 0px;
            top: 0px;
            position: absolute;
        }

        #base-header .game-bar .dropdown-bar .recommended-servers > .server .server-name {
            top: -2px;
            width: 100%;
            overflow: hidden;
            padding-bottom: 1px;
            font-weight: bold;
            white-space: nowrap;
            position: relative;
            -ms-text-overflow: ellipsis;
        }

        #base-header .game-bar .dropdown-bar .recommended-servers > .server .details {
            color: rgb(168, 168, 168);
            padding-bottom: 2px;
            white-space: nowrap;
        }

            #base-header .game-bar .dropdown-bar .recommended-servers > .server .details > span {
                width: 255px;
                overflow: hidden;
                margin-right: 8px;
                float: left;
                -ms-text-overflow: ellipsis;
            }

        #base-header .game-bar .dropdown-bar .recommended-servers > .server .recommend-reason {
            color: rgb(168, 168, 168);
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

            #base-header .game-bar .dropdown-bar .recommended-servers > .server .recommend-reason em {
                color: rgb(255, 255, 255);
                font-style: italic;
            }

#base-header .game-bar .dropdown-bar .platoons-list:hover .platoon-item {
    opacity: 0.75;
}

#base-header .game-bar .dropdown-bar .platoons-list .platoon-item {
    margin-bottom: 10px;
    min-height: 26px;
}

    #base-header .game-bar .dropdown-bar .platoons-list .platoon-item:hover {
        opacity: 1;
    }

#base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item > a {
    padding-right: 72px;
}

#base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item .invite-response-actions {
    top: 0px;
    width: 62px;
    right: 0px;
    position: absolute;
}

    #base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item .invite-response-actions .response-button {
        border: 0px currentColor;
        border-image: none;
        width: 25px;
        height: 26px;
        margin-left: 6px;
        float: left;
        cursor: pointer;
    }

#base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item .accept.invite-response-actions {
    background: url("../comcenter/friend-accept-button.png");
}

#base-header .game-bar .dropdown-bar .platoons-list .platoon-invite.platoon-item .deny.invite-response-actions {
    background: url("../comcenter/friend-deny-button.png");
}

#base-header .game-bar .dropdown-bar .platoons-list .platoon-item > a {
    padding: 0px 0px 0px 36px;
    height: 26px;
    color: rgb(168, 168, 168);
    font-size: 12px;
    text-decoration: none;
    display: block;
    position: relative;
    cursor: pointer;
}

#base-header .game-bar .dropdown-bar .platoons-list .platoon-item .primary-indicator {
    background: url("../base/shared/check.png") no-repeat;
    left: -14px;
    top: 10px;
    width: 11px;
    height: 8px;
    position: absolute;
}

#base-header .game-bar .dropdown-bar .platoons-list .platoon-item .emblem {
    left: 0px;
    top: 0px;
    width: 26px;
    height: 26px;
    position: absolute;
}

#base-header .game-bar .dropdown-bar .platoons-list .platoon-item .name {
    padding: 1px 0px;
    top: -2px;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    -ms-text-overflow: ellipsis;
}

#base-header .game-bar .dropdown-bar .soldierstats-box {
    color: rgb(255, 255, 255);
    position: relative;
    min-height: 190px;
}

    #base-header .game-bar .dropdown-bar .soldierstats-box .loadticker-wrapper {
        padding: 50px 0px;
        text-align: center;
    }

    #base-header .game-bar .dropdown-bar .soldierstats-box .soldier-switch {
        left: 0px;
        bottom: 0px;
        color: rgb(236, 236, 236);
        font-size: 12px;
        position: absolute;
        z-index: 1;
        cursor: pointer;
    }

    #base-header .game-bar .dropdown-bar .soldierstats-box header {
        position: relative;
        z-index: 1;
    }

        #base-header .game-bar .dropdown-bar .soldierstats-box header .name {
            font-family: Purista, sans-serif;
            font-size: 23px;
            font-style: normal;
            font-weight: 600;
            margin-bottom: 10px;
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box header .platform {
            margin-bottom: 10px;
        }

            #base-header .game-bar .dropdown-bar .soldierstats-box header .platform::before {
                line-height: 0;
                display: table;
                content: "";
            }

            #base-header .game-bar .dropdown-bar .soldierstats-box header .platform::after {
                line-height: 0;
                display: table;
                content: "";
            }

            #base-header .game-bar .dropdown-bar .soldierstats-box header .platform::after {
                clear: both;
            }

    #base-header .game-bar .dropdown-bar .soldierstats-box .rank {
        position: relative;
        z-index: 1;
        min-height: 64px;
    }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank::before {
            line-height: 0;
            display: table;
            content: "";
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank::after {
            line-height: 0;
            display: table;
            content: "";
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank::after {
            clear: both;
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank .rank-progress {
            padding-left: 64px;
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank .insignia {
            left: 0px;
            top: 0px;
            position: absolute;
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank .title {
            font-family: Purista, sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            margin-bottom: 2px;
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank .progress-bar {
            width: 150px;
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank .points {
            color: rgb(255, 255, 255);
            font-size: 12px;
            float: left;
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank .experience {
            color: rgb(255, 255, 255);
            font-size: 12px;
            float: left;
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank .points em {
            color: rgb(255, 255, 255);
            font-style: normal;
        }

        #base-header .game-bar .dropdown-bar .soldierstats-box .rank .experience em {
            color: rgb(255, 255, 255);
            font-style: normal;
        }

#base-header .game-bar .dropdown-bar .soldierstats-pic-container {
    top: 30px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
}

#base-header .game-bar .dropdown-bar .padder {
    padding-right: 16px;
}

#base-header .sticky-bar {
    position: relative;
    z-index: -3;
}

#facebook-bar {
    background: rgba(0, 0, 0, 0.8);
    height: 168px;
    color: rgb(255, 255, 255);
    padding-top: 16px;
    margin-top: 96px;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    #facebook-bar a.avatar {
        width: 136px;
        height: 136px;
        margin-right: 16px;
        float: left;
    }

    #facebook-bar .buy {
        float: right;
        position: relative;
    }

        #facebook-bar .buy i.box-art {
            width: 140px;
            height: 119px;
            margin-bottom: 8px;
            margin-left: 30px;
            display: block;
            background-image: url("../d34ymitoc1pg7m.cloudfront.net/bf4/bf4-boxshots-e75e198f.png");
            background-size: 100%;
        }

        #facebook-bar .buy a.btn {
            right: 4px;
            bottom: -10px;
            position: absolute;
        }

    #facebook-bar .info-content {
        color: rgb(168, 168, 168);
        font-size: 14px;
    }

        #facebook-bar .info-content h3 {
            margin: 0px;
            color: rgb(245, 170, 37);
            text-transform: none;
            font-family: Purista, sans-serif;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
        }

        #facebook-bar .info-content p {
            margin-bottom: 12px;
        }

            #facebook-bar .info-content p a.learn-more {
                color: rgb(255, 255, 255);
            }

#base-header-secondary-nav {
    line-height: 47px;
    float: right;
    position: relative;
    z-index: 1;
}

    #base-header-secondary-nav > ul {
        overflow: hidden;
    }

        #base-header-secondary-nav > ul > li {
            padding-left: 10px;
            float: left;
        }

            #base-header-secondary-nav > ul > li.active a {
                color: rgb(255, 255, 255);
                opacity: 1;
            }

            #base-header-secondary-nav > ul > li > a {
                color: rgb(219, 219, 219);
                text-transform: uppercase;
                font-family: Purista, sans-serif;
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                text-decoration: none;
                display: block;
                opacity: 0.75;
            }

                #base-header-secondary-nav > ul > li > a.premium-link {
                    color: rgb(228, 183, 68);
                }

                #base-header-secondary-nav > ul > li > a.premium {
                    background: url("../base/bf4/logo-p-s.png") no-repeat 0px 17px;
                    width: 82px;
                    color: rgb(205, 165, 29);
                    text-indent: 100%;
                    overflow: hidden;
                }

                #base-header-secondary-nav > ul > li > a:hover {
                    opacity: 1;
                }

#base-header-user-tools .header-signup-link {
    left: -1px;
    height: 13px;
    color: rgb(255, 255, 255);
    line-height: 13px;
    padding-left: 5px;
    font-size: 12px;
    margin-top: 10px;
    border-left-color: rgb(60, 64, 66);
    border-left-width: 1px;
    border-left-style: solid;
    float: left;
    position: relative;
}

#base-header-user-tools .header-login-button {
    height: 47px;
    float: left;
}

#base-header-user-tools .popover-visible.header-login-button {
    background: rgb(10, 14, 20);
}

    #base-header-user-tools .popover-visible.header-login-button .login-btn {
        background: none;
        cursor: default;
    }

        #base-header-user-tools .popover-visible.header-login-button .login-btn:hover {
            background: none;
        }

#base-header-user-tools .header-login-button .login-btn {
    background: none;
    margin: 0px;
    padding: 0px 5px;
    outline: 0px;
    border: 0px currentColor;
    border-image: none;
    color: rgb(255, 255, 255);
    line-height: 33px;
    font-size: 12px;
    cursor: pointer;
}

    #base-header-user-tools .header-login-button .login-btn:hover span {
        text-decoration: underline;
    }

#base-header-user-tools .base-login-remember {
    font-size: 12px;
}

#base-header-user-tools .tools > li {
    float: left;
}

    #base-header-user-tools .tools > li:last-child .tools-item {
        right: 0px;
        z-index: 0;
    }

#base-header-user-tools .tools .tools-item {
    margin: 6px 0px 0px;
    height: 36px;
    right: -1px;
    position: relative;
    z-index: 1;
    min-width: 36px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#base-header-user-tools .tools .comcenter-toggle.tools-item {
    margin-left: 8px;
}

#base-header-user-tools .tools .tools-item + .popover {
    transform: translateY(13px);
    -webkit-transform: translateY(13px);
    -moz-transform: translateY(13px);
    -o-transform: translateY(13px);
}

    #base-header-user-tools .tools .tools-item + .popover .fail.gamemanager-state {
        background: none;
    }

    #base-header-user-tools .tools .tools-item + .popover .success.gamemanager-state {
        background: none;
    }

#base-header-user-tools .tools .tools-item:hover {
    background: rgb(25, 28, 33);
}

#base-header-user-tools .tools .popover-visible.tools-item {
    background: rgb(53, 58, 63);
    z-index: 2;
}

#base-header-user-tools .tools .pro.tools-item {
    right: 0px;
    z-index: 0;
    cursor: pointer;
}

#base-header-user-tools .tools .popover-visible.pro.tools-item .username {
    color: rgb(255, 255, 255);
}

#base-header-user-tools .tools .pro.tools-item:hover .username {
    color: rgb(255, 255, 255);
}

#base-header-user-tools .tools .pro.tools-item .avatar {
    float: right;
    position: relative;
}

#base-header-user-tools .tools .pro.tools-item .username {
    margin: 2px 0px 0px;
    padding: 0px 12px 0px 11px;
    color: rgb(213, 221, 229);
    line-height: 32px;
    font-size: 12px;
    display: inline-block;
}

    #base-header-user-tools .tools .pro.tools-item .username:hover {
        text-decoration: none;
    }

#base-header-user-tools .tools .log {
    cursor: pointer;
}

    #base-header-user-tools .tools .log::after {
        background: url("../img/header-icons.png") no-repeat left top;
        left: 3px;
        top: 3px;
        width: 30px;
        height: 30px;
        display: block;
        position: relative;
        content: "";
        opacity: 0.3;
    }

@media not all, not all {
    #base-header-user-tools .tools .log::after {
        background-image: url("../img/header-icons@2x.png");
        background-size: 240px 60px;
    }
}

#base-header-user-tools .tools .log:hover::after {
    opacity: 1;
}

#base-header-user-tools .tools .log:active::after {
    opacity: 1;
}

#base-header-user-tools .tools .popover-visible.log::after {
    opacity: 1;
}

#base-header-user-tools .tools .notifications.log::after {
    background-position: -90px 0px;
}

#base-header-user-tools .tools .highlight.notifications.log::after {
    background-position: -90px -30px;
}

#base-header-user-tools .tools .missions.log::after {
    background-position: -120px 0px;
}

#base-header-user-tools .tools .highlight.missions.log::after {
    background-position: -120px -30px;
}

#base-header-user-tools .tools .reports.log::after {
    background-position: -60px 0px;
}

#base-header-user-tools .tools .highlight.reports.log::after {
    background-position: -60px -30px;
}

#base-header-user-tools .tools .matches.log::after {
    background-position: -30px 0px;
}

#base-header-user-tools .tools .highlight.matches.log::after {
    background-position: -30px -30px;
}

#base-header-user-tools .tools .gamemanager.log::after {
    background-position: 0px 0px;
}

#base-header-user-tools .tools .highlight.gamemanager.log::after {
    background-position: 0px -30px;
}

#base-header-user-tools .tools .gamemanager.log {
    display: none;
}

    #base-header-user-tools .tools .gamemanager.log .base-section-menu-dropdown {
        width: 304px;
        line-height: 16px;
    }

#base-header-user-tools .tools .highlight.log {
    position: relative;
}

    #base-header-user-tools .tools .highlight.log::after {
        opacity: 1;
        background-position-y: -30px;
    }

#base-header-user-tools .tools .log > div[data-bind-toggle=popover] {
    width: 100%;
    height: 100%;
}

#base-header-user-tools .login-tools.tools .tools-item {
    background: none;
}

    #base-header-user-tools .login-tools.tools .tools-item:hover {
        background: none;
    }

#base-header-user-tools .login-tools.tools .popover {
    padding: 0px;
    color: rgb(168, 168, 168);
}

    #base-header-user-tools .login-tools.tools .popover input.base-login-input {
        color: rgb(255, 255, 255);
        padding-left: 0px;
    }

#base-header-user-tools .tools .popover {
    background: rgb(10, 14, 20);
    border: 0px currentColor;
    border-image: none;
    width: 272px;
    margin-top: -11px;
    filter: none;
    z-index: -1;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
}

    #base-header-user-tools .tools .popover .popover-callout {
        display: none;
    }

    #base-header-user-tools .tools .popover .popover-body {
        color: rgb(168, 168, 168);
        border-top-color: currentColor;
        border-top-width: 0px;
        border-top-style: none;
    }

        #base-header-user-tools .tools .popover .popover-body li {
            font-weight: bold;
        }

            #base-header-user-tools .tools .popover .popover-body li:hover > a {
                background: rgba(255, 255, 255, 0.1);
            }

            #base-header-user-tools .tools .popover .popover-body li:first-child > a {
                border-top-color: currentColor;
                border-top-width: medium;
                border-top-style: none;
            }

            #base-header-user-tools .tools .popover .popover-body li > a {
                color: rgb(168, 168, 168);
                border-top-color: rgb(48, 47, 51);
                border-top-width: 1px;
                border-top-style: solid;
            }

                #base-header-user-tools .tools .popover .popover-body li > a#toggleInvisible span {
                    padding-right: 25px;
                }

        #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a {
            color: rgb(255, 255, 255);
            padding-left: 36px;
            font-weight: normal;
            position: relative;
        }

            #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a [class^='icon-'] {
                left: 12px;
                top: 50%;
                margin-top: -7px;
                position: absolute;
            }

            #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown a [class*=' icon-'] {
                left: 12px;
                top: 50%;
                margin-top: -7px;
                position: absolute;
            }

        #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown li.facebook i.fb-icon {
            background: url("../base/shared/icon-fb-share.png");
            left: 12px;
            top: 50%;
            width: 14px;
            height: 14px;
            margin-top: -7px;
            position: absolute;
        }

        #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown li.facebook div.switch {
            margin: 0px;
            top: 9px;
            right: 10px;
            position: absolute;
        }

        #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .signout a {
            color: rgb(168, 168, 168);
        }

        #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .invisible-mode {
            height: 25px;
            line-height: 25px;
            padding-right: 10px;
            padding-left: 35px;
            font-size: 12px;
        }

            #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .invisible-mode #goVisible {
                top: 6px;
                float: right;
                position: relative;
                cursor: pointer;
            }

        #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression {
            padding: 12px 14px 5px;
            font-size: 12px;
            background-color: rgba(72, 140, 90, 0.8);
        }

            #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div {
                margin-top: 4px;
            }

                #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div span {
                    color: rgb(255, 255, 255);
                    padding-left: 0px;
                    font-size: 12px;
                }

                #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .profile-progression .completion-progression > div a {
                    color: rgb(255, 255, 255);
                    padding-left: 0px;
                    font-size: 12px;
                }

        #base-header-user-tools .tools .popover .popover-body .admin a {
            padding-left: 36px;
            font-weight: normal;
        }

        #base-header-user-tools .tools .popover .popover-body .profile-icon-box {
            width: 36px;
            height: 36px;
            text-align: center;
            float: left;
        }

            #base-header-user-tools .tools .popover .popover-body .profile-icon-box .profile-icon {
                background: url("../common/profilehead.png") no-repeat 100% 50%;
                margin: auto;
                top: 18px;
                width: 11px;
                height: 11px;
                display: block;
                position: relative;
            }

            #base-header-user-tools .tools .popover .popover-body .profile-icon-box .invis-icon {
                background: url("../common/profileinvis.png") no-repeat 100% 50%;
                margin: auto;
                top: 13px;
                width: 11px;
                height: 11px;
                display: block;
                position: relative;
            }

        #base-header-user-tools .tools .popover .popover-body li.profile > a {
            color: rgb(255, 255, 255);
            line-height: 16px;
            padding-top: 6px;
            padding-bottom: 6px;
            font-weight: normal;
        }

        #base-header-user-tools .tools .popover .popover-body li.profile span {
            color: rgb(138, 138, 138);
            font-size: 11px;
            display: block;
        }

        #base-header-user-tools .tools .popover .popover-body li.signout > a {
            text-align: right;
            padding-right: 10px;
            font-weight: normal;
        }

    #base-header-user-tools .tools .popover .base-header-login-dropdown {
        padding: 0px;
    }

        #base-header-user-tools .tools .popover .base-header-login-dropdown #base-login-ajax-loader {
            margin: 0px;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            display: none;
            position: absolute;
            z-index: 2;
            background-color: rgba(0, 0, 0, 0.6);
        }

            #base-header-user-tools .tools .popover .base-header-login-dropdown #base-login-ajax-loader .small.loader {
                margin: -16px auto 0px;
                top: 50%;
                display: block;
                position: relative;
            }

        #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container {
            padding: 16px;
        }

            #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .originconnect-status {
                display: none;
            }

            #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom {
                margin-top: 16px;
                min-height: 28px;
            }

                #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom .base-login-rmbrme {
                    font-size: 12px;
                    margin-top: 3px;
                    margin-left: 0px;
                    float: left;
                }

                #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom label {
                    top: -1px;
                    position: relative;
                }

                #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-bottom .base-login-submitbutton {
                    margin: 0px;
                }

            #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-popup-account-actions {
                width: 272px;
                padding-top: 6px;
                padding-bottom: 6px;
            }

            #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-input-wrapper.common-form-input-wrapper {
                background: rgb(255, 255, 255);
                line-height: 13px;
                margin-bottom: 10px;
                position: relative;
            }

            #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container :last-child.base-login-input-wrapper.common-form-input-wrapper {
                margin-bottom: 0px;
            }

            #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-input-wrapper.common-form-input-wrapper input {
                background: none;
                padding: 8px;
                border: 0px currentColor;
                border-image: none;
                width: 100%;
                color: rgb(0, 0, 0);
                font-size: 12px;
                box-sizing: border-box;
            }

            #base-header-user-tools .tools .popover .base-header-login-dropdown .form-container .base-login-input-wrapper.common-form-input-wrapper span {
                left: 11px;
                top: 9px;
                color: rgb(138, 138, 138);
                font-size: 12px;
            }

        #base-header-user-tools .tools .popover .base-header-login-dropdown footer {
            text-align: center;
            border-top-color: rgba(255, 255, 255, 0.1);
            border-top-width: 1px;
            border-top-style: solid;
        }

            #base-header-user-tools .tools .popover .base-header-login-dropdown footer a {
                color: rgb(168, 168, 168);
                text-transform: none;
                line-height: 22px;
                font-size: 12px;
            }

.base-game-selector::before {
    line-height: 0;
    display: table;
    content: "";
}

.base-game-selector::after {
    line-height: 0;
    display: table;
    content: "";
}

.base-game-selector::after {
    clear: both;
}

.base-game-selector .game-box {
    background-position: center;
    transition: opacity 0.2s ease-out;
    width: 160px;
    height: 116px;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    display: block;
    position: relative;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
}

    .base-game-selector .game-box .game-box-text {
        background: rgba(0, 0, 0, 0.35);
        line-height: 160px;
    }

        .base-game-selector .game-box .game-box-text:hover {
            background: rgba(0, 0, 0, 0.7);
        }

    .base-game-selector .game-box .game-box-image {
        margin: 0px 0px 0px -193px;
        border: 0px currentColor;
        border-image: none;
        left: 96%;
        top: 0px;
        width: 230px;
        display: block;
        position: absolute;
        z-index: 0;
    }

.base-game-selector .game-mohw.game-box .game-box-image {
    margin-left: -118px;
}

.base-game-selector .active.game-box {
    cursor: default;
}

    .base-game-selector .active.game-box::before {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
        position: absolute;
        z-index: 2;
        content: "";
        box-shadow: inset 0px 0px 0px 4px #ff9900;
    }

.base-game-selector .game-box::after {
    transition: opacity 0.1s ease-out;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    position: absolute;
    z-index: 1;
    content: "";
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
}

.base-game-selector .game-box:hover::after {
    transition: opacity ease-out;
    opacity: 0;
    -webkit-transition: opacity 0 ease-out;
    -moz-transition: opacity 0 ease-out;
}

.base-game-selector .active.game-box::after {
    transition: opacity ease-out;
    opacity: 0;
    -webkit-transition: opacity 0 ease-out;
    -moz-transition: opacity 0 ease-out;
}

body {
    color: rgb(255, 255, 255);
}

h1 {
    color: rgb(255, 255, 255);
}

h2 {
    color: rgb(255, 255, 255);
}

h3 {
    color: rgb(255, 255, 255);
}

h4 {
    color: rgb(255, 255, 255);
}

h5 {
    color: rgb(255, 255, 255);
}

a {
    color: rgb(255, 255, 255);
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

html:not(.is-touch) {
    height: 100%;
}

    html:not(.is-touch) body {
        height: 100%;
    }

    html:not(.is-touch) #viewport {
        height: 100%;
    }

    html:not(.is-touch) #base-page {
        height: 100%;
    }

body {
    background-color: rgb(35, 13, 13);
}

    body.is-cte {
        background: rgb(49, 49, 49) !important;
    }

    body.is-loggedout.is-cte #receipt-container {
        margin-bottom: 10px;
    }

    body.is-loggedout.is-cte #base-container::before {
        height: 48px;
    }

    body.is-cte .loggedout-usp-container {
        height: 710px;
    }

#base-background {
    /* background: url("/img/bg-video-overlay-dcc29baf.jpg") no-repeat 50% 0px rgb(35, 13, 13);  */
    /* background: url("/img/bg-bf3-premium-3b9d9943.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/bg-bf3-x2-c8d1f78b.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/bg10.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/battlefield-3-carrier.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/battlefield-wallpaper.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/Battlefield_3_-_Operation_Metro_Screenshot_1.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/Game-Battlefield-4-Dragons-Teeth-Game-HD-Wallpaper-1920x1080.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/125071-ah6-battlefield-3-armored-kill-desert-desert-city-ea-games-explosion-gfx-helicopters-little-bird-m1a1-abrams-tank.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/battlefield-3,-military-helicopter,-tank,-desert-191453.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/battlefield_3_142.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/bg.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/bg-bf3-x2-c8d1f78b.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/bg-bf3-premium-3b9d9943.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/battlefield 3 screenshot.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/bg2.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/bg-xp4-20dbcfdb.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/1I9T1.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: url("/img/bg.jpg") no-repeat 50% 0px rgb(35, 13, 13); */
    /* background: #1E1E1E url("/img/bg1.jpg") repeat fixed;*/
    text-align: center;
	z-index: -99;	
}

    #base-background .video-container {
		position: fixed;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		transform: translateX(-50%) translateY(-50%);
		background-size: cover;
		transition: 1s opacity;
    }

    #base-background .show.video-container {
        opacity: 1;
		position: relative;
	    display: grid;
	    place-items: center;
	    height: 70vh;
	    width: 70vw;
	    margin: 0 auto;
    }

    #base-background .video-container video {
    }

#esnlaunch_container {
    left: -1px;
    top: -1px;
    position: fixed;
}

#base-container {
    min-height: 100%;
}

#base-container {
    margin: 0px auto;
    width: 992px;
    position: relative;
}

body.battlescreen #base-container {
    margin: 0px;
    padding: 0px;
    width: auto;
}

h1.primary {
    margin: 0px 0px 16px;
    padding: 1px 16px 0px;
    color: rgb(255, 255, 255);
    line-height: 39px;
    letter-spacing: -1px;
    display: inline-block;
    position: relative;
    background-color: rgba(7, 7, 7, 0.6);
}

#base-container .content > section > header h1.wrappable {
    margin: 0px 0px 16px;
    padding: 1px 16px 0px;
    color: rgb(255, 255, 255);
    line-height: 39px;
    letter-spacing: -1px;
    display: inline-block;
    position: relative;
    background-color: rgba(7, 7, 7, 0.6);
}

.forum-start-title h1 {
    margin: 0px 0px 16px;
    padding: 1px 16px 0px;
    color: rgb(255, 255, 255);
    line-height: 39px;
    letter-spacing: -1px;
    display: inline-block;
    position: relative;
    background-color: rgba(7, 7, 7, 0.6);
}

.forum-page-title h1 {
    margin: 0px 0px 16px;
    padding: 1px 16px 0px;
    color: rgb(255, 255, 255);
    line-height: 39px;
    letter-spacing: -1px;
    display: inline-block;
    position: relative;
    background-color: rgba(7, 7, 7, 0.6);
}

.missions-details .header h1.wrappable {
    margin: 0px 0px 16px;
    padding: 1px 16px 0px;
    color: rgb(255, 255, 255);
    line-height: 39px;
    letter-spacing: -1px;
    display: inline-block;
    position: relative;
    background-color: rgba(7, 7, 7, 0.6);
}

.devblog .header h1 {
    margin: 0px 0px 16px;
    padding: 1px 16px 0px;
    color: rgb(255, 255, 255);
    line-height: 39px;
    letter-spacing: -1px;
    display: inline-block;
    position: relative;
    background-color: rgba(7, 7, 7, 0.6);
}

#battlereport > header h1 {
    margin: 0px 0px 16px;
    padding: 1px 16px 0px;
    color: rgb(255, 255, 255);
    line-height: 39px;
    letter-spacing: -1px;
    display: inline-block;
    position: relative;
    background-color: rgba(7, 7, 7, 0.6);
}

#base-container .content > section > header h1 {
    margin: 0px 0px 16px;
    padding: 1px 16px 0px;
    color: rgb(255, 255, 255);
    line-height: 39px;
    letter-spacing: -1px;
    display: inline-block;
    position: relative;
    /*background-color: rgba(7, 7, 7, 0.6);*/
    background-color: rgba(7, 7, 7, 0.88);
}

    #base-container .content > section > header h1.wrappable {
        background: rgba(7, 7, 7, 0.6);
        left: 16px;
        top: 1px;
        text-transform: none;
        line-height: 44px;
        padding-left: 0px;
        display: inline;
        white-space: pre-wrap;
        position: relative;
    }

.forum-start-title h1 {
    background: rgba(7, 7, 7, 0.6);
    left: 16px;
    top: 1px;
    text-transform: none;
    line-height: 44px;
    padding-left: 0px;
    display: inline;
    white-space: pre-wrap;
    position: relative;
}

.forum-page-title h1 {
    background: rgba(7, 7, 7, 0.6);
    left: 16px;
    top: 1px;
    text-transform: none;
    line-height: 44px;
    padding-left: 0px;
    display: inline;
    white-space: pre-wrap;
    position: relative;
}

.missions-details .header h1.wrappable {
    background: rgba(7, 7, 7, 0.6);
    left: 16px;
    top: 1px;
    text-transform: none;
    line-height: 44px;
    padding-left: 0px;
    display: inline;
    white-space: pre-wrap;
    position: relative;
}

.devblog .header h1 {
    background: rgba(7, 7, 7, 0.6);
    left: 16px;
    top: 1px;
    text-transform: none;
    line-height: 44px;
    padding-left: 0px;
    display: inline;
    white-space: pre-wrap;
    position: relative;
}

#base-container .content > section > header h1.wrappable::before {
    background: rgba(7, 7, 7, 0.6);
    left: -16px;
    top: 0px;
    width: 16px;
    bottom: 0px;
    display: block;
    position: absolute;
    content: "";
}

.forum-start-title h1::before {
    background: rgba(7, 7, 7, 0.6);
    left: -16px;
    top: 0px;
    width: 16px;
    bottom: 0px;
    display: block;
    position: absolute;
    content: "";
}

.forum-page-title h1::before {
    background: rgba(7, 7, 7, 0.6);
    left: -16px;
    top: 0px;
    width: 16px;
    bottom: 0px;
    display: block;
    position: absolute;
    content: "";
}

.missions-details .header h1.wrappable::before {
    background: rgba(7, 7, 7, 0.6);
    left: -16px;
    top: 0px;
    width: 16px;
    bottom: 0px;
    display: block;
    position: absolute;
    content: "";
}

.devblog .header h1::before {
    background: rgba(7, 7, 7, 0.6);
    left: -16px;
    top: 0px;
    width: 16px;
    bottom: 0px;
    display: block;
    position: absolute;
    content: "";
}

table.table-hover > tbody > tr:hover td {
    background-color: rgba(7, 7, 7, 0.6);
}

html:not(.is-ios) table.table th {
    background-clip: padding-box;
}

html:not(.is-ios) table.table td {
    background-clip: padding-box;
}

table.table {
    width: 100%;
    margin-bottom: 16px;
    border-collapse: collapse;
    box-sizing: border-box;
    border-spacing: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    table.table .center {
        text-align: center;
    }

    table.table .middle {
        vertical-align: middle;
    }

    table.table .right {
        text-align: right;
    }

    table.table .valign {
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    table.table th {
        border-width: 0px 1px 1px 0px;
        /*border-style: none solid solid none;*/
        border-color: currentColor transparent transparent currentColor;
        /*padding: 10px;*/
        padding: 0px;
        border-image: none;
        color: rgb(255, 255, 255);
        white-space: nowrap;
        position: relative;
        background-color: rgba(7, 7, 7, 0.5);
        /*padding-left: 8px;*/
    }

    table.table td {
        border-width: 0px 1px 1px 0px;
        border-style: none solid solid none;
        border-color: currentColor transparent transparent currentColor;
        padding: 10px;
        border-image: none;
        color: rgb(255, 255, 255);
        white-space: nowrap;
        position: relative;
        /*background-color: rgba(7, 7, 7, 0.5);*/
        /*background-color: rgb(29, 35, 44);*/
        /*background-color: rgba(7, 7, 7, 0.5);*/
        /*background-color: rgba(111, 110, 119, 0.61);*/
        /*background-color: rgba(31, 37, 44, 0.32);*/
        /*background-color: rgba(7, 7, 7, 0.4);*/
        /*background-color: rgba(7, 7, 7, 0.71);*/
        /*background-color: rgba(27, 32, 41, 0.56);*/
        background-color: rgba(27, 32, 41, 0.78);
    }

    table.table th:last-child {
        border-right-color: currentColor;
        border-right-width: 0px;
        border-right-style: none;
        box-shadow: none;
    }

    table.table th.no-separator {
        border-right-color: currentColor;
        border-right-width: 0px;
        border-right-style: none;
        box-shadow: none;
    }

    table.table td:last-child {
        border-right-color: currentColor;
        border-right-width: 0px;
        border-right-style: none;
        box-shadow: none;
    }

    table.table td.no-separator {
        border-right-color: currentColor;
        border-right-width: 0px;
        border-right-style: none;
        box-shadow: none;
    }

    table.table th.less-padding {
        padding: 0px 6px;
    }

    table.table td.less-padding {
        padding: 0px 6px;
    }

    table.table th.center {
        text-align: center;
    }

    table.table td.center {
        text-align: center;
    }

    table.table th.right {
        text-align: right;
    }

    table.table td.right {
        text-align: right;
    }

    table.table th .pos-rel {
        width: 100%;
        height: 100%;
        position: relative;
    }

    table.table td .pos-rel {
        width: 100%;
        height: 100%;
        position: relative;
    }

    table.table tbody tr:last-child td {
        border-bottom-color: currentColor;
        border-bottom-width: 0px;
        border-bottom-style: none;
    }

    table.table tbody tr:last-child th {
        border-bottom-color: currentColor;
        border-bottom-width: 0px;
        border-bottom-style: none;
    }

    table.table tfoot tr:last-child td {
        border-bottom-color: currentColor;
        border-bottom-width: 0px;
        border-bottom-style: none;
    }

    table.table tfoot tr:last-child th {
        border-bottom-color: currentColor;
        border-bottom-width: 0px;
        border-bottom-style: none;
    }

    table.table > thead th {
        /*color: rgb(168, 168, 168);*/
        text-transform: uppercase;
        font-family: Purista;
        font-size: 14px;
        color: #D5DDE5;
        line-height: 23px;
        background-color: rgba(0, 0, 0, 0.75);
        margin-bottom: 1px;
        /*background-color: rgba(7, 7, 7, 0.8);*/
        /*color: rgb(0, 0, 0);*/
        cursor: default;
        /*box-shadow: inset 0px 10px 15px 0px rgba(0,0,0,0.2), 0px 0px 7px 1px rgba(224,244,248,0.3);*/
        /*background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%);*/
        /*color:#fff;*/
        /*background-color: rgb(0, 0, 0);*/
        /*background-color: rgb(255, 255, 255);*/
    }

    table.table > tfoot th {
        color: rgb(168, 168, 168);
        text-transform: uppercase;
        font-size: 11px;
        background-color: rgba(7, 7, 7, 0.8);
    }

    table.table > tfoot th {
        line-height: 25px;
    }

    table.table > tbody > tr {
        position: relative;
    }

        table.table > tbody > tr.active {
            box-shadow: 0px 0px 7px 0px #e0f4f8;
        }

            table.table > tbody > tr.active > td {
                color: rgb(0, 0, 0);
                background-image: linear-gradient(rgb(215, 215, 215) 0%, rgba(215, 215, 215, 0) 50%);
                background-color: rgb(255, 255, 255);
            }

                table.table > tbody > tr.active > td.no-separator {
                    box-shadow: none;
                }

                table.table > tbody > tr.active > td:last-child {
                    box-shadow: none;
                }

table.table-leaderboard {
    font-size: 12px;
}

table.table-hover.table-leaderboard tbody tr {
    cursor: pointer;
}

table.table-leaderboard .position {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
}

table.table-leaderboard .score {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
}

table.table-leaderboard .position {
    width: 28px;
    text-align: center;
    font-size: 16px;
}

table.table-leaderboard .me .position {
    background: rgb(235, 202, 47);
    color: rgb(0, 0, 0);
}

table.table-leaderboard .score {
    text-align: right;
    font-size: 16px;
}

table.table-leaderboard .user {
    color: rgb(138, 138, 138);
    line-height: 14px;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

    table.table-leaderboard .user a {
        color: rgb(255, 255, 255);
        font-weight: bold;
    }

table.table-leaderboard .avatar {
    margin: -5px 8px -5px 0px;
    float: left;
}

table.table-leaderboard .common-playername-personaname {
    font-weight: bold;
    margin-bottom: 2px;
}

table.table-leaderboard .solo.common-playername-personaname {
    margin-top: 7px;
}

table.table-leaderboard .common-playername-username {
    color: rgb(168, 168, 168);
}

table.table-leaderboard .played-rounds {
    width: 50px;
    color: rgb(128, 128, 128);
}

    table.table-leaderboard .played-rounds .dots {
        margin-top: -4px;
    }

        table.table-leaderboard .played-rounds .dots > li {
            border: 1px solid rgb(113, 113, 113);
            border-image: none;
            width: 7px;
            height: 7px;
            display: inline-block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

            table.table-leaderboard .played-rounds .dots > li.active {
                background: rgb(255, 255, 255);
                border: currentColor;
                border-image: none;
            }

table.table-leaderboard .status {
    color: rgb(168, 168, 168);
    text-transform: uppercase;
}

table.table-leaderboard .show-more {
    line-height: 8px;
    cursor: pointer;
}

    table.table-leaderboard .show-more td::after {
        display: inline;
        position: relative;
        content: "? ? ?";
    }

#footer-wrapper {
    background: none;
    height: 207px;
    bottom: -207px;
    color: rgb(168, 168, 168);
    clear: both;
    position: absolute;
    z-index: 0;
}

.footer-mirror {
    left: 1px;
    width: 1024px;
    height: 54px;
    bottom: -54px;
    position: absolute;
}

.base-content-full-width .footer-mirror {
    display: none;
}

.base-content-full-width #footer {
    background: none;
    padding-bottom: 54px;
}

#footer-social {
    padding-top: 21px;
    margin-bottom: 22px;
    min-height: 201px;
}

    #footer-social #footer-social {
        padding-top: 30px;
    }

    #footer-social .footer-box {
        margin: 0px 50px 0px 0px;
        width: 280px;
        float: left;
        position: relative;
        min-height: 201px;
    }

        #footer-social .footer-box .footer-box-header {
            color: rgb(255, 255, 255);
            text-transform: uppercase;
            font-family: Tahoma, Arial, sans-serif;
            font-size: 11px;
            font-weight: bold;
            margin-bottom: 16px;
        }

.base-content-full-width #footer-social .footer-box .footer-box-header {
    color: rgb(53, 53, 53);
}

#footer-social .last.footer-box {
    width: 330px;
    margin-right: 0px;
}

#footer-poll .footer-poll-title {
    padding: 0px 0px 6px;
    color: rgb(255, 255, 255);
    line-height: 1.3;
    font-size: 12px;
}

.base-content-full-width #footer-poll .footer-poll-title {
    color: rgb(53, 53, 53);
}

#footer-poll .footer-poll-novoting {
    line-height: 1.2;
    font-size: 14px;
    font-weight: bold;
}

#footer-poll .footer-poll-voted-spacer {
    height: 20px;
}

#footer-poll .footer-poll-totalvotes {
    margin: 10px 0px;
    color: rgb(138, 138, 138);
    font-size: 12px;
}

#footer-poll .footer-poll-notloggedin {
    margin: 10px 0px;
    color: rgb(138, 138, 138);
    font-size: 12px;
}

.base-content-full-width #footer-poll .footer-poll-totalvotes {
    color: rgb(53, 53, 53);
}

.base-content-full-width #footer-poll .footer-poll-notloggedin {
    color: rgb(53, 53, 53);
}

#footer-poll .footer-poll-notloggedin {
    font-size: 10px;
    margin-top: 14px;
    float: right;
}

    #footer-poll .footer-poll-notloggedin a {
        font-size: 10px;
    }

#footer-poll .footer-poll-totalvotes {
    font-size: 11px;
    margin-top: 15px;
    float: left;
}

#footer-poll #footer-poll-form {
    margin: 0px;
}

#footer-poll-form input[type=submit] {
    margin: 10px 0px 0px;
}

#footer-poll-form .footer-poll-answer {
    margin: 2px 0px;
    color: rgb(165, 165, 165);
    clear: both;
}

.base-content-full-width #footer-poll-form .footer-poll-answer {
    color: rgb(96, 96, 96);
}

#footer-poll-form .on.footer-poll-answer label span {
    background-position: 0px -10px;
}

#footer-poll-form .footer-poll-answer .checkboxicon {
    background: url("../main/poll-checkbox.png") no-repeat 0px 0px;
    top: 1px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#footer-poll-form .footer-poll-answer input {
    display: none;
}

#footer-poll-form .footer-poll-answer label {
    font-size: 12px;
    font-weight: normal;
}

#footer-poll-form .footer-pollanswer-radio {
    margin: 8px 10px 0px 0px;
}

#footer-poll .footer-poll-answertitle {
    margin: 6px 0px;
    color: rgb(165, 165, 165);
    overflow: hidden;
}

.base-content-full-width #footer-poll .footer-poll-answertitle {
    color: rgb(53, 53, 53);
}

#footer-poll .footer-poll-answertitle div.text-answer {
    width: 238px;
    font-size: 12px;
    font-weight: normal;
    float: left;
}

#footer-poll .footer-poll-answertitle div.answer-percentage {
    width: 40px;
    text-align: right;
    clear: right;
    font-size: 12px;
    font-weight: normal;
    float: right;
}

#footer-blog-list .footer-list-item {
    margin-bottom: 14px;
}

#footer-blog-list .footer-item-title {
    line-height: 20px;
    font-size: 12px;
}

#footer-blog-list .footer-item-info {
    color: rgb(138, 138, 138);
    font-size: 11px;
    margin-top: 4px;
}

    #footer-blog-list .footer-item-info a {
        font-size: 11px;
        font-weight: normal;
    }

    #footer-blog-list .footer-item-info .footer-item-info-created {
        margin-right: 10px;
    }

#footer-twitter .main-officialupdate-item {
    padding: 0px 0px 4px;
    border-bottom-color: currentColor;
    border-bottom-width: medium;
    border-bottom-style: none;
}

#footer-twitter .main-officialupdate-item-content {
    color: rgb(165, 165, 165);
    line-height: 19px;
    padding-top: 1px;
    padding-bottom: 6px;
    font-size: 12px;
}

#footer-twitter .main-officialupdate-item-subcontent {
    color: rgb(138, 138, 138);
    padding-top: 2px;
}

#footer-highlighted .footer-box {
    height: 128px;
    text-align: center;
    margin-top: 13px;
    vertical-align: middle;
    float: left;
    display: table-cell;
}

    #footer-highlighted .footer-box a {
        vertical-align: middle;
        display: inline-block;
    }

        #footer-highlighted .footer-box a + a {
            margin-left: 10px;
        }

    #footer-highlighted .footer-box#footer-frostbite {
        margin-left: 62px;
    }

    #footer-highlighted .footer-box#footer-esn {
        margin-left: 62px;
    }

    #footer-highlighted .footer-box#footer-ratings {
        float: right;
    }

#footer-diceea a {
    margin-top: 27px;
}

    #footer-diceea a + a {
        margin-left: 20px !important;
    }

#footer-frostbite a {
    margin-top: 20px;
}

#footer-esn a {
    margin-top: 26px;
    vertical-align: bottom !important;
}

#footer-ratings .footer-rating-image a {
    margin-top: 15px;
    margin-left: 0px;
}

#footer-change-lang {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

#footer-allrightsreserved {
    color: rgb(168, 168, 168);
    line-height: 14px;
    font-size: 11px;
    max-width: 860px;
}

    #footer-allrightsreserved .sep {
        color: rgba(255, 255, 255, 0.3);
        padding-right: 4px;
        padding-left: 4px;
    }

#footer-links .sep {
    color: rgba(255, 255, 255, 0.3);
    padding-right: 4px;
    padding-left: 4px;
}

#footer-links {
    line-height: 16px;
    margin-top: 8px;
}

    #footer-links li {
        padding: 0px 5px 0px 0px;
        font-size: 11px;
        display: inline;
    }

        #footer-links li:first-child {
            padding-left: 0px;
            border-left-color: currentColor;
            border-left-width: 0px;
            border-left-style: none;
        }

        #footer-links li a {
            color: rgb(168, 168, 168);
            font-weight: normal;
            text-decoration: none;
            margin-right: 5px;
        }

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

            #footer-links li a.footer-link-highlighted {
                font-weight: bold;
            }

#footer-highlighted .footer-box-header {
    text-align: center;
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    max-width: 180px;
}

#footer-legal {
    padding: 15px 0px 16px;
    border-top-color: rgba(255, 255, 255, 0.2);
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
}

html.ugm-showing #footer-legal {
    padding-bottom: 80px;
}

#footer-share {
    top: 8px;
    height: 20px;
    right: 0px;
    position: absolute;
}

    #footer-share ul {
        margin: 0px;
        padding: 0px;
        position: relative;
    }

        #footer-share ul li {
            margin-right: 15px;
            float: left;
            position: relative;
        }

            #footer-share ul li.last {
                margin-right: 0px;
            }

            #footer-share ul li a {
                width: 100%;
                height: 100%;
                display: block;
                position: relative;
            }

                #footer-share ul li a#footer-facebook-logo {
                    width: 24px;
                    height: 24px;
                    background-image: url("../footer/icon-facebook.png");
                }

                #footer-share ul li a#footer-twitter-logo {
                    width: 24px;
                    height: 20px;
                    margin-top: 2px;
                    background-image: url("../footer/icon-twitter.png");
                }

                #footer-share ul li a#footer-youtube-logo {
                    width: 50px;
                    height: 20px;
                    margin-top: 2px;
                    background-image: url("../footer/icon-youtube.png");
                }

.footer-ratings-continent {
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    font-size: 9px;
}

.footer-show-poll {
    right: 0px;
    bottom: 19px;
    position: absolute;
}

.footer-show-poll-vote.footer-show-poll {
    bottom: 10px;
}

#footer-poll .common-percentbar-container {
    background: rgb(0, 0, 0);
    border-color: rgb(70, 70, 70);
}

.base-content-full-width #footer-poll .common-percentbar-container {
    background: rgb(255, 255, 255);
    border-color: rgb(202, 202, 202);
}

#footer-poll .common-percentbar-container div {
    background-color: rgb(255, 255, 255);
}

.base-content-full-width #footer-poll .common-percentbar-container div {
    background-color: rgb(53, 53, 53);
}

.footer-rating-image {
    float: left;
}

.rating-eu.footer-rating-image {
    width: 75px;
}

.rating-us.footer-rating-image {
    width: 170px;
    overflow: hidden;
    margin-left: 55px;
}

    .rating-us.footer-rating-image a {
        float: left;
    }

    .rating-us.footer-rating-image .more-info {
        width: 100px;
        text-align: left;
        line-height: 15px;
        font-size: 11px;
        margin-top: 20px;
        margin-left: 8px;
        float: left;
    }

#footer-logo-esrb {
    position: relative;
}

#home-footer {
    margin-top: 16px;
}

    #home-footer .row-tight .span2 .box-content {
        height: 300px;
    }

    #home-footer #tweets {
        float: left;
    }

    #home-footer .main-officialupdate-item {
        line-height: 16px;
        font-size: 12px;
    }

    #home-footer .main-officialupdate-item-content {
        margin-bottom: 10px;
        margin-left: 40px;
    }

    #home-footer .main-officialupdate-icon-twitteravatar {
        margin-top: 3px;
        margin-right: 5px;
        float: left;
    }

form.inline label {
    display: inline-block;
}

form.inline input {
    display: inline-block;
}

form.inline button {
    display: inline-block;
}

form.inline select {
    display: inline-block;
}

form.inline textarea {
    display: inline-block;
}

form fieldset.inline label {
    display: inline-block;
}

form fieldset.inline input {
    display: inline-block;
}

form fieldset.inline button {
    display: inline-block;
}

form fieldset.inline select {
    display: inline-block;
}

form fieldset.inline textarea {
    display: inline-block;
}

form.inline label + input {
    margin-left: 8px;
}

form.inline label + button {
    margin-left: 8px;
}

form.inline label + select {
    margin-left: 8px;
}

form.inline label + textarea {
    margin-left: 8px;
}

form.inline input + input {
    margin-left: 8px;
}

form.inline input + button {
    margin-left: 8px;
}

form.inline input + select {
    margin-left: 8px;
}

form.inline input + textarea {
    margin-left: 8px;
}

form.inline button + input {
    margin-left: 8px;
}

form.inline button + button {
    margin-left: 8px;
}

form.inline button + select {
    margin-left: 8px;
}

form.inline button + textarea {
    margin-left: 8px;
}

form.inline select + input {
    margin-left: 8px;
}

form.inline select + button {
    margin-left: 8px;
}

form.inline select + select {
    margin-left: 8px;
}

form.inline select + textarea {
    margin-left: 8px;
}

form.inline textarea + input {
    margin-left: 8px;
}

form.inline textarea + button {
    margin-left: 8px;
}

form.inline textarea + select {
    margin-left: 8px;
}

form.inline textarea + textarea {
    margin-left: 8px;
}

form fieldset.inline label + input {
    margin-left: 8px;
}

form fieldset.inline label + button {
    margin-left: 8px;
}

form fieldset.inline label + select {
    margin-left: 8px;
}

form fieldset.inline label + textarea {
    margin-left: 8px;
}

form fieldset.inline input + input {
    margin-left: 8px;
}

form fieldset.inline input + button {
    margin-left: 8px;
}

form fieldset.inline input + select {
    margin-left: 8px;
}

form fieldset.inline input + textarea {
    margin-left: 8px;
}

form fieldset.inline button + input {
    margin-left: 8px;
}

form fieldset.inline button + button {
    margin-left: 8px;
}

form fieldset.inline button + select {
    margin-left: 8px;
}

form fieldset.inline button + textarea {
    margin-left: 8px;
}

form fieldset.inline select + input {
    margin-left: 8px;
}

form fieldset.inline select + button {
    margin-left: 8px;
}

form fieldset.inline select + select {
    margin-left: 8px;
}

form fieldset.inline select + textarea {
    margin-left: 8px;
}

form fieldset.inline textarea + input {
    margin-left: 8px;
}

form fieldset.inline textarea + button {
    margin-left: 8px;
}

form fieldset.inline textarea + select {
    margin-left: 8px;
}

form fieldset.inline textarea + textarea {
    margin-left: 8px;
}

.input {
    background: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 3px 8px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    color: rgb(213, 221, 229);
}

input[type=text] {
    /*background: rgba(0, 0, 0, 0.5);*/
    background: rgb(250, 255, 189);
    margin: 0px;
    padding: 3px 8px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    /*color: rgb(213, 221, 229);*/
    color: rgb(0, 0, 0);
}

input[type=password] {
    /*background: rgba(0, 0, 0, 0.5);*/
    background: rgb(250, 255, 189);
    margin: 0px;
    padding: 3px 8px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    /*color: rgb(213, 221, 229);*/
    color: rgb(0, 0, 0);
}

input[type=email] {
    background: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 3px 8px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    color: rgb(213, 221, 229);
}

input[type=number] {
    background: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 3px 8px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    color: rgb(213, 221, 229);
}

input[type=search] {
    background: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 3px 8px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    color: rgb(213, 221, 229);
}

select {
    background: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 3px 8px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    color: rgb(213, 221, 229);
}

textarea {
    background: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 3px 8px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    color: rgb(213, 221, 229);
}

.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap {
    background: rgba(0, 0, 0, 0.5);
    margin: 0px;
    padding: 3px 8px;
    border: 1px solid rgba(250, 246, 246, 0.6);
    border-image: none;
    color: rgb(213, 221, 229);
}

.input:hover {
    border-color: rgb(255, 255, 255);
}

input[type=text]:hover {
    border-color: rgb(255, 255, 255);
}

input[type=password]:hover {
    border-color: rgb(255, 255, 255);
}

input[type=email]:hover {
    border-color: rgb(255, 255, 255);
}

input[type=number]:hover {
    border-color: rgb(255, 255, 255);
}

input[type=search]:hover {
    border-color: rgb(255, 255, 255);
}

select:hover {
    border-color: rgb(255, 255, 255);
}

textarea:hover {
    border-color: rgb(255, 255, 255);
}

.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:hover {
    border-color: rgb(255, 255, 255);
}

.input:focus {
    border-color: rgb(255, 255, 255);
}

input[type=text]:focus {
    border-color: rgb(255, 255, 255);
}

input[type=password]:focus {
    border-color: rgb(255, 255, 255);
}

input[type=email]:focus {
    border-color: rgb(255, 255, 255);
}

input[type=number]:focus {
    border-color: rgb(255, 255, 255);
}

input[type=search]:focus {
    border-color: rgb(255, 255, 255);
}

select:focus {
    border-color: rgb(255, 255, 255);
}

textarea:focus {
    border-color: rgb(255, 255, 255);
}

.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:focus {
    border-color: rgb(255, 255, 255);
}

.input:active {
    border-color: rgb(255, 255, 255);
}

input[type=text]:active {
    border-color: rgb(255, 255, 255);
}

input[type=password]:active {
    border-color: rgb(255, 255, 255);
}

input[type=email]:active {
    border-color: rgb(255, 255, 255);
}

input[type=number]:active {
    border-color: rgb(255, 255, 255);
}

input[type=search]:active {
    border-color: rgb(255, 255, 255);
}

select:active {
    border-color: rgb(255, 255, 255);
}

textarea:active {
    border-color: rgb(255, 255, 255);
}

.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:active {
    border-color: rgb(255, 255, 255);
}

.input:focus {
    /*color: rgb(255, 255, 255);*/
    color: rgb(0, 0, 0);
}

input[type=text]:focus {
    /*color: rgb(255, 255, 255);*/
    color: rgb(0, 0, 0);
}

input[type=password]:focus {
    /*color: rgb(255, 255, 255);*/
    color: rgb(0, 0, 0);
}

input[type=email]:focus {
    /*color: rgb(255, 255, 255);*/
    color: rgb(0, 0, 0);
}

input[type=number]:focus {
    color: rgb(255, 255, 255);
}

input[type=search]:focus {
    color: rgb(255, 255, 255);
}

select:focus {
    color: rgb(255, 255, 255);
}

textarea:focus {
    color: rgb(255, 255, 255);
}

.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:focus {
    color: rgb(255, 255, 255);
}

.input:active {
    color: rgb(255, 255, 255);
}

input[type=text]:active {
    color: rgb(255, 255, 255);
}

input[type=password]:active {
    color: rgb(255, 255, 255);
}

input[type=email]:active {
    color: rgb(255, 255, 255);
}

input[type=number]:active {
    color: rgb(255, 255, 255);
}

input[type=search]:active {
    color: rgb(255, 255, 255);
}

select:active {
    color: rgb(255, 255, 255);
}

textarea:active {
    color: rgb(255, 255, 255);
}

.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap:active {
    color: rgb(255, 255, 255);
}

.block.input {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input[type=text].block {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input[type=password].block {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input[type=email].block {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input[type=number].block {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

input[type=search].block {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

select.block {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

textarea.block {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.battlefeed .list .item .feed-story-comments .feed-comment-form .feed-comment-form-textarea-wrap.block {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

@media not all {
    input[type=radio] {
        background: rgba(0, 0, 0, 0.5);
        padding: 1px;
        border-radius: 3px;
        border: 1px solid rgb(142, 142, 142);
        border-image: none;
        width: 10px;
        height: 10px;
        line-height: 1em;
        margin-top: -2px;
        margin-right: 2px;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        input[type=radio]:checked {
            border-color: rgb(255, 255, 255);
            position: relative;
            box-shadow: 0px 0px 2px rgba(0,0,0,0.8);
        }

            input[type=radio]:checked::after {
                background: rgb(255, 255, 255);
                border-radius: 2px;
                left: 1px;
                top: 1px;
                right: 1px;
                bottom: 1px;
                position: absolute;
                content: "";
            }

        input[type=radio]:disabled {
            cursor: default;
            opacity: 0.5;
        }

    input[type=checkbox] {
        background: rgba(0, 0, 0, 0.5);
        padding: 1px;
        border: 1px solid rgb(142, 142, 142);
        border-image: none;
        width: 10px;
        height: 10px;
        line-height: 1em;
        margin-top: 1px;
        margin-right: 2px;
        vertical-align: middle;
        cursor: pointer;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        input[type=checkbox]:checked {
            background-position: center;
            border: 1px solid rgb(255, 255, 255);
            border-image: none;
            position: relative;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAMAAAA40HREAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDFGMjIyNjgzRDYyMTFFM0JGNUQ4QTZBMERENkFBNkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDFGMjIyNjkzRDYyMTFFM0JGNUQ4QTZBMERENkFBNkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MUYyMjI2NjNENjIxMUUzQkY1RDhBNkEwREQ2QUE2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MUYyMjI2NzNENjIxMUUzQkY1RDhBNkEwREQ2QUE2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PriiGpsAAAAGUExURf///////1V89WwAAAACdFJOU/8A5bcwSgAAAB9JREFUeNpiYAQDBgYoBWYACQYwBjIZoUJgxMgIEGAAAuAAHcl9Sj8AAAAASUVORK5CYII=");
            background-repeat: no-repeat;
        }

        input[type=checkbox]:active {
            border-color: rgb(255, 255, 255);
        }

        input[type=checkbox]:focus {
            border-color: rgb(255, 255, 255);
        }

        input[type=checkbox]:disabled {
            cursor: default;
            opacity: 0.5;
        }
}

.btn {
    margin: 0px;
    padding: 0px 25px;
    border: 1px solid rgb(213, 221, 229);
    border-image: none;
    height: 40px;
    text-align: center;
    color: rgb(213, 221, 229);
    text-transform: uppercase;
    line-height: 38px;
    overflow: hidden;
    font-family: Purista, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%);
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a.btn {
    margin: 0px;
    padding: 0px 25px;
    border: 1px solid rgb(213, 221, 229);
    border-image: none;
    height: 40px;
    text-align: center;
    color: rgb(213, 221, 229);
    text-transform: uppercase;
    line-height: 38px;
    overflow: hidden;
    font-family: Purista, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%);
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

:not([disabled]):not(.disabled).btn:hover {
    border-color: white;
    color: white;
    text-shadow: 0px 0px 0.5em rgba(255,255,255,0.8);
    background-image: linear-gradient(rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
}

a:not([disabled]):not(.disabled).btn:hover {
    border-color: white;
    color: white;
    text-shadow: 0px 0px 0.5em rgba(255,255,255,0.8);
    background-image: linear-gradient(rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
}

:not([disabled]):not(.disabled).btn:active {
    border: 1px solid rgb(183, 157, 131);
    border-image: none;
    color: black;
    text-shadow: none;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
    background-color: rgba(0, 0, 0, 0);
}

:not([disabled]):not(.disabled).active.btn {
    border: 1px solid rgb(183, 157, 131);
    border-image: none;
    color: black;
    text-shadow: none;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
    background-color: rgba(0, 0, 0, 0);
}

a:not([disabled]):not(.disabled).btn:active {
    border: 1px solid rgb(183, 157, 131);
    border-image: none;
    color: black;
    text-shadow: none;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
    background-color: rgba(0, 0, 0, 0);
}

a:not([disabled]):not(.disabled).active.btn {
    border: 1px solid rgb(183, 157, 131);
    border-image: none;
    color: black;
    text-shadow: none;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
    background-color: rgba(0, 0, 0, 0);
}

.btn-primary.btn {
    border: 1px solid rgb(255, 153, 0);
    border-image: none;
    color: rgb(255, 153, 0);
    box-sizing: border-box;
    background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%);
    background-color: transparent;
    -moz-box-sizing: border-box;
}

a.btn-primary.btn {
    border: 1px solid rgb(255, 153, 0);
    border-image: none;
    color: rgb(255, 153, 0);
    box-sizing: border-box;
    background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%);
    background-color: transparent;
    -moz-box-sizing: border-box;
}

:not([disabled]):not(.disabled).btn-primary.btn:hover {
    border-color: rgb(255, 191, 102);
    color: rgb(255, 191, 102);
    text-shadow: 0px 0px 0.5em rgba(255,191,101,0.8);
    background-image: linear-gradient(rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
}

a:not([disabled]):not(.disabled).btn-primary.btn:hover {
    border-color: rgb(255, 191, 102);
    color: rgb(255, 191, 102);
    text-shadow: 0px 0px 0.5em rgba(255,191,101,0.8);
    background-image: linear-gradient(rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
}

:not([disabled]):not(.disabled).btn-primary.btn:active {
    border: 1px solid rgb(183, 157, 131);
    border-image: none;
    color: black;
    text-shadow: none;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
    background-color: rgba(0, 0, 0, 0);
}

:not([disabled]):not(.disabled).active.btn-primary.btn {
    border: 1px solid rgb(183, 157, 131);
    border-image: none;
    color: black;
    text-shadow: none;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
    background-color: rgba(0, 0, 0, 0);
}

a:not([disabled]):not(.disabled).btn-primary.btn:active {
    border: 1px solid rgb(183, 157, 131);
    border-image: none;
    color: black;
    text-shadow: none;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
    background-color: rgba(0, 0, 0, 0);
}

a:not([disabled]):not(.disabled).active.btn-primary.btn {
    border: 1px solid rgb(183, 157, 131);
    border-image: none;
    color: black;
    text-shadow: none;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
    background-color: rgba(0, 0, 0, 0);
}

.btn-inverse.btn {
    border: 1px solid rgb(7, 7, 7);
    border-image: none;
    color: rgb(7, 7, 7);
    box-sizing: border-box;
    background-image: linear-gradient(rgba(213, 221, 229, 0.6) 0%, rgba(213, 221, 229, 0.3) 100%);
    background-color: transparent;
    -moz-box-sizing: border-box;
}

a.btn-inverse.btn {
    border: 1px solid rgb(7, 7, 7);
    border-image: none;
    color: rgb(7, 7, 7);
    box-sizing: border-box;
    background-image: linear-gradient(rgba(213, 221, 229, 0.6) 0%, rgba(213, 221, 229, 0.3) 100%);
    background-color: transparent;
    -moz-box-sizing: border-box;
}

:not([disabled]):not(.disabled).btn-inverse.btn:hover {
    border-color: rgb(58, 58, 58);
    color: rgb(58, 58, 58);
    text-shadow: 0px 0px 0.5em rgba(58,58,58,0.8);
    background-image: linear-gradient(rgba(228, 233, 238, 0.6) 0%, rgba(255, 255, 255, 0.8) 100%);
}

a:not([disabled]):not(.disabled).btn-inverse.btn:hover {
    border-color: rgb(58, 58, 58);
    color: rgb(58, 58, 58);
    text-shadow: 0px 0px 0.5em rgba(58,58,58,0.8);
    background-image: linear-gradient(rgba(228, 233, 238, 0.6) 0%, rgba(255, 255, 255, 0.8) 100%);
}

:not([disabled]):not(.disabled).btn-inverse.btn:active {
    border: 1px solid black;
    border-image: none;
    color: white;
    text-shadow: none;
    background-image: linear-gradient(rgb(58, 58, 58) 0%, rgb(7, 7, 7) 50%, rgb(0, 0, 0) 100%);
    background-color: rgba(0, 0, 0, 0);
}

:not([disabled]):not(.disabled).active.btn-inverse.btn {
    border: 1px solid black;
    border-image: none;
    color: white;
    text-shadow: none;
    background-image: linear-gradient(rgb(58, 58, 58) 0%, rgb(7, 7, 7) 50%, rgb(0, 0, 0) 100%);
    background-color: rgba(0, 0, 0, 0);
}

a:not([disabled]):not(.disabled).btn-inverse.btn:active {
    border: 1px solid black;
    border-image: none;
    color: white;
    text-shadow: none;
    background-image: linear-gradient(rgb(58, 58, 58) 0%, rgb(7, 7, 7) 50%, rgb(0, 0, 0) 100%);
    background-color: rgba(0, 0, 0, 0);
}

a:not([disabled]):not(.disabled).active.btn-inverse.btn {
    border: 1px solid black;
    border-image: none;
    color: white;
    text-shadow: none;
    background-image: linear-gradient(rgb(58, 58, 58) 0%, rgb(7, 7, 7) 50%, rgb(0, 0, 0) 100%);
    background-color: rgba(0, 0, 0, 0);
}

.btn-subtle.btn {
    background: none;
    border: 1px solid transparent !important;
    border-image: none !important;
    color: rgb(213, 221, 229);
}

.btn-clean.btn {
    background: none;
    border: 1px solid transparent !important;
    border-image: none !important;
    color: rgb(213, 221, 229);
}

a.btn-subtle.btn {
    background: none;
    border: 1px solid transparent !important;
    border-image: none !important;
    color: rgb(213, 221, 229);
}

a.btn-clean.btn {
    background: none;
    border: 1px solid transparent !important;
    border-image: none !important;
    color: rgb(213, 221, 229);
}

:not([disabled]):not(.disabled).btn-subtle.btn:hover {
    background: none;
    color: rgb(255, 255, 255);
}

:not([disabled]):not(.disabled).btn-clean.btn:hover {
    background: none;
    color: rgb(255, 255, 255);
}

a:not([disabled]):not(.disabled).btn-subtle.btn:hover {
    background: none;
    color: rgb(255, 255, 255);
}

a:not([disabled]):not(.disabled).btn-clean.btn:hover {
    background: none;
    color: rgb(255, 255, 255);
}

:not([disabled]):not(.disabled).btn-subtle.btn:active {
    background: none;
    color: rgb(255, 255, 255);
}

:not([disabled]):not(.disabled).btn-clean.btn:active {
    background: none;
    color: rgb(255, 255, 255);
}

a:not([disabled]):not(.disabled).btn-subtle.btn:active {
    background: none;
    color: rgb(255, 255, 255);
}

a:not([disabled]):not(.disabled).btn-clean.btn:active {
    background: none;
    color: rgb(255, 255, 255);
}

.btn-large.btn {
    padding: 0px 40px;
    height: 47px;
    line-height: 45px;
    font-size: 23px;
}

a.btn-large.btn {
    padding: 0px 40px;
    height: 47px;
    line-height: 45px;
    font-size: 23px;
}

.btn-small.btn {
    padding: 0px 25px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
}

a.btn-small.btn {
    padding: 0px 25px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
}

.btn-logout.btn {
    width: 140px;
    font-size: 14px;
    text-transform: none;
    border: 0px;
    border-top: 1px solid #302F33;
    color: #FFF;
    padding-left: 36px;
    font-weight: normal;
    position: relative;
    vertical-align: top;
}

.btnlogout {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    margin: 0px;
    /*padding: 0px 25px;*/
    padding: 0px 0px;
    border: 1px solid rgb(213, 221, 229);
    border-image: none;
    height: 40px;
    text-align: center;
    color: rgb(213, 221, 229);
    text-transform: none;
    line-height: 38px;
    overflow: hidden;
    /*font-family: Purista, sans-serif;*/
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    /*background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%);*/
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 200px;
    color: #FFF;
    padding-left: 130px;
    font-weight: normal;
    position: relative;
    line-height: 35px;
    font-size: 12px;
    text-decoration: none;
    display: block;
    border: 0px solid rgb(213, 221, 229);
    border-top: 1px solid #302F33;
    margin-top: 0px;
}

a.btnlogout {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    margin: 0px;
    /*padding: 0px 25px;*/
    padding: 0px 0px;
    border: 0px solid rgb(213, 221, 229);
    border-top: 1px solid rgb(213, 221, 229);
    border-image: none;
    height: 40px;
    text-align: center;
    color: rgb(213, 221, 229);
    text-transform: none;
    line-height: 38px;
    overflow: hidden;
    font-family: Arial,sans-serif;
    /*font-family: Purista, sans-serif;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    /*background-image: linear-gradient(rgba(7, 7, 7, 0.6) 0%, rgba(7, 7, 7, 0.3) 100%);*/
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 200px;
    color: #FFF;
    padding-left: 130px;
    font-weight: normal;
    position: relative;
    border-top: 1px solid #302F33;
    line-height: 35px;
    font-size: 12px;
    text-decoration: none;
    display: block;
}


.btn-small.btn .icon-search {
    top: 2px;
    position: relative;
}

a.btn-small.btn .icon-search {
    top: 2px;
    position: relative;
}

.btn-tiny.btn {
    padding: 0px 10px;
    height: 24px;
    line-height: 22px;
    font-size: 13px;
}

a.btn-tiny.btn {
    padding: 0px 10px;
    height: 24px;
    line-height: 22px;
    font-size: 13px;
}

.btn-tiny.btn .icon-premium-p {
    left: -4px;
    top: 2px;
    position: relative;
}

a.btn-tiny.btn .icon-premium-p {
    left: -4px;
    top: 2px;
    position: relative;
}

[disabled].btn {
    cursor: default;
    opacity: 0.5;
}

.disabled.btn {
    cursor: default;
    opacity: 0.5;
}

.donotequip {
    cursor: default;
    opacity: 0.5;
}


.is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle {
    cursor: default;
    opacity: 0.5;
}

a[disabled].btn {
    cursor: default;
    opacity: 0.5;
}

a.disabled.btn {
    cursor: default;
    opacity: 0.5;
}

.is-touch #serverbrowser aside .action-buttons-container a.starred.favorite-toggle {
    cursor: default;
    opacity: 0.5;
}

.arrow.btn::before {
    right: 0.2em;
    bottom: 0.15em;
    font-size: 0.7em;
    position: relative;
    content: "> ";
}

a.arrow.btn::before {
    right: 0.2em;
    bottom: 0.15em;
    font-size: 0.7em;
    position: relative;
    content: "> ";
}

.arrow-down.btn::after {
    left: 0.2em;
    bottom: 0.15em;
    line-height: 1;
    font-size: 0.7em;
    position: relative;
    content: " �";
}

a.arrow-down.btn::after {
    left: 0.2em;
    bottom: 0.15em;
    line-height: 1;
    font-size: 0.7em;
    position: relative;
    content: " �";
}

.btn-block.btn {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    display: block;
}

a.btn-block.btn {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    display: block;
}

.btn > [class^='icon-'] {
    opacity: 0.8;
}

.btn > [class*=' icon-'] {
    opacity: 0.8;
}

a.btn > [class^='icon-'] {
    opacity: 0.8;
}

a.btn > [class*=' icon-'] {
    opacity: 0.8;
}

:not(.disabled).btn:hover > [class^='icon-'] {
    opacity: 1;
}

:not(.disabled).btn:hover > [class*=' icon-'] {
    opacity: 1;
}

a:not(.disabled).btn:hover > [class^='icon-'] {
    opacity: 1;
}

a:not(.disabled).btn:hover > [class*=' icon-'] {
    opacity: 1;
}

:not(.disabled).btn-subtle.btn:hover {
    background-color: rgba(7, 7, 7, 0.35);
}

a:not(.disabled).btn-subtle.btn:hover {
    background-color: rgba(7, 7, 7, 0.35);
}

.map-thumb {
    width: 48px;
    height: 33px;
    position: relative;
}

    .map-thumb img {
        width: 100%;
        height: 100%;
    }

    .map-thumb .quick-join {
        background: rgba(0, 0, 0, 0.8);
        border: 1px solid rgba(255, 255, 255, 0.9);
        border-image: none;
        left: 10px;
        top: 3px;
        width: 25px;
        height: 25px;
        position: absolute;
        z-index: 1;
        opacity: 0;
    }

        .map-thumb .quick-join::after {
            text-align: center;
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.2;
            font-size: 19px;
            vertical-align: middle;
            display: block;
            content: "?";
        }

    .map-thumb:hover .quick-join {
        opacity: 1;
    }

.medium.map-thumb {
    width: 62px;
    height: 42px;
}

    .medium.map-thumb .quick-join {
        left: 13px;
        top: 5px;
        width: 30px;
        height: 30px;
    }

        .medium.map-thumb .quick-join::after {
            line-height: 1.4;
        }

article:hover .map-thumb .quick-join {
    opacity: 1;
}

tr:hover .map-thumb .quick-join {
    opacity: 1;
}

.firemode-icon {
    background: url("../common/warsaw/firemode-icons.png") no-repeat;
    width: 23px;
    height: 15px;
    display: inline-block;
}

.disabled.firemode-icon {
    opacity: 0.6;
}

.auto.firemode-icon {
    background-position: 0px 0px;
}

.burst.firemode-icon {
    background-position: 0px -18px;
}

.single.firemode-icon {
    background-position: 0px -36px;
}

.common-kit-icon {
    background: url("../profile/bf3/stats/stats-time-icons.png") no-repeat;
    width: 22px;
    height: 22px;
}

.kit-1.common-kit-icon {
    background-position: -26px 2px;
}

.kit-2.common-kit-icon {
    background-position: 1px -26px;
}

.kit-8.common-kit-icon {
    background-position: 1px 1px;
}

.kit-32.common-kit-icon {
    background-position: -26px -26px;
}

.kit-icon {
    display: inline-block;
    background-repeat: no-repeat;
}

.xsmall.kit-icon {
    width: 15px;
    height: 15px;
    background-image: url("../common/warsaw/kit-icons-xsmall.png");
}

.kit-1.xsmall.kit-icon {
    background-position: 0px 0px;
}

.assault.xsmall.kit-icon {
    background-position: 0px 0px;
}

.kit-2.xsmall.kit-icon {
    background-position: -17px 0px;
}

.engineer.xsmall.kit-icon {
    background-position: -17px 0px;
}

.kit-32.xsmall.kit-icon {
    background-position: -30px 0px;
}

.support.xsmall.kit-icon {
    background-position: -30px 0px;
}

.kit-8.xsmall.kit-icon {
    background-position: -45px 0px;
}

.recon.xsmall.kit-icon {
    background-position: -45px 0px;
}

.small.kit-icon {
    width: 32px;
    height: 32px;
    background-image: url("../img/kit-icons-small.png");
}

.kit-1.small.kit-icon {
    background-position: 0px 0px;
}

.assault.small.kit-icon {
    background-position: 0px 0px;
}

.kit-2.small.kit-icon {
    background-position: -32px 0px;
}

.engineer.small.kit-icon {
    background-position: -32px 0px;
}

.kit-32.small.kit-icon {
    background-position: -64px 0px;
}

.support.small.kit-icon {
    background-position: -64px 0px;
}

.kit-8.small.kit-icon {
    background-position: -96px 0px;
}

.recon.small.kit-icon {
    background-position: -96px 0px;
}

.kit-2048.small.kit-icon {
    background-position: -128px 0px;
}

.commander.small.kit-icon {
    background-position: -128px 0px;
}

.kit-88.small.kit-icon {
    background-position: -159px 0px;
}

.hacker.small.kit-icon {
    background-position: -160px 0px;
}

.medium.kit-icon {
    width: 52px;
    height: 52px;
    background-image: url("../common/warsaw/kit-icons-medium.png");
}

.kit-1.medium.kit-icon {
    background-position: 0px 0px;
}

.assault.medium.kit-icon {
    background-position: 0px 0px;
}

.kit-2.medium.kit-icon {
    background-position: -52px 0px;
}

.engineer.medium.kit-icon {
    background-position: -52px 0px;
}

.kit-32.medium.kit-icon {
    background-position: -104px 0px;
}

.support.medium.kit-icon {
    background-position: -104px 0px;
}

.kit-8.medium.kit-icon {
    background-position: -156px 0px;
}

.recon.medium.kit-icon {
    background-position: -156px 0px;
}

.kit-2048.medium.kit-icon {
    background-position: -208px 0px;
}

.commander.medium.kit-icon {
    background-position: -208px 0px;
}

.xsmall.vehicle-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("../common/warsaw/vehicle-icons-xsmall.png");
    background-repeat: no-repeat;
}

.vehicle-3.xsmall.vehicle-icon {
    background-position: -57px -5px;
}

.fast-attack-boat.xsmall.vehicle-icon {
    background-position: -57px -5px;
}

.vehicle-6.xsmall.vehicle-icon {
    background-position: -109px -5px;
}

.heli-attack.xsmall.vehicle-icon {
    background-position: -109px -5px;
}

.vehicle-5.xsmall.vehicle-icon {
    background-position: -135px -5px;
}

.heli-scout.xsmall.vehicle-icon {
    background-position: -135px -5px;
}

.vehicle-8.xsmall.vehicle-icon {
    background-position: -161px -5px;
}

.heli-transport.xsmall.vehicle-icon {
    background-position: -161px -5px;
}

.vehicle-4.xsmall.vehicle-icon {
    background-position: -187px -5px;
}

.jet-attack.xsmall.vehicle-icon {
    background-position: -187px -5px;
}

.vehicle-7.xsmall.vehicle-icon {
    background-position: -213px -5px;
}

.jet-ground-attack.xsmall.vehicle-icon {
    background-position: -213px -5px;
}

.vehicle-2.xsmall.vehicle-icon {
    background-position: -317px -5px;
}

.mobile-aa.xsmall.vehicle-icon {
    background-position: -317px -5px;
}

.vehicle-1.xsmall.vehicle-icon {
    background-position: -577px -5px;
}

.tank-ifv.xsmall.vehicle-icon {
    background-position: -577px -5px;
}

.vehicle-0.xsmall.vehicle-icon {
    background-position: -629px -5px;
}

.tank-mbt.xsmall.vehicle-icon {
    background-position: -629px -5px;
}

.list-icon {
    width: 76px;
    height: 24px;
    margin-left: 1px;
    float: left;
    display: inline-block;
    background-image: url("../common/buttons/list-buttons.png");
    background-color: rgba(0, 0, 0, 0.45);
}

.thumbs.list-icon {
    background-position: 0px -24px;
}

.rows.list-icon {
    background-position: 76px -24px;
}

.active.list-icon {
    box-shadow: 0px 0px 7px 0px #e0f4f8;
    background-color: rgb(255, 255, 255);
}

.thumbs.active.list-icon {
    background-position: 0px 0px;
}

.rows.active.list-icon {
    background-position: 76px 0px;
}

.tag-icon-list {
    margin: 2px 3px 0px 0px;
    float: left;
}

    .tag-icon-list li {
        margin-right: 2px;
        float: left;
    }

.xp-icon {
    border: 1px solid rgb(255, 255, 255);
    border-image: none;
    width: 19px;
    height: 19px;
    display: inline-block;
    box-sizing: border-box;
    background-image: url("../profile/bf4/icon-bf4-xp-17x17.png");
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

[data-xpack='xp1'].xp-icon {
    background-position: -18px 0px;
}

[data-xpack='xp2'].xp-icon {
    background-position: -36px 0px;
}

[data-xpack='xp3'].xp-icon {
    background-position: -54px 0px;
}

[data-xpack='xp4'].xp-icon {
    background-position: -72px 0px;
}

.dialog .popup-reportabuse-body {
    height: 300px;
}

.dialog-friends.dialog .dialog-body {
    height: 268px !important;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
}

.dialog ul.avatars p {
    padding: 10px 16px;
    color: rgb(87, 87, 87);
    font-size: 12px;
}

.dialog ul.avatars {
    width: 100%;
    position: relative;
}

    .dialog ul.avatars li {
        background: url("../base/bfbc2/loggedin-clean-heading2.png") no-repeat left bottom;
        padding: 6px;
        float: none;
        position: relative;
    }

        .dialog ul.avatars li.selected {
            background: rgba(255, 255, 255, 0.7);
            color: rgb(0, 0, 0);
        }

            .dialog ul.avatars li.selected .base-friends-username {
                font-weight: bold;
            }

            .dialog ul.avatars li.selected .base-friends-selectbutton {
                opacity: 0.4;
            }

        .dialog ul.avatars li.non-selectable {
            opacity: 0.6;
        }

            .dialog ul.avatars li.non-selectable .base-friends-selectbutton {
                display: none;
            }

.dialog ul.avatar-only.avatars li {
    background: none;
    float: left;
    display: inline-block;
}

.dialog ul.avatars li.last {
    background: none;
}

.dialog ul.avatars li img {
    float: left;
}

    .dialog ul.avatars li img.main-profile-status-icon {
        margin: 5px 5px 0px 12px;
    }

.dialog ul.avatars li a {
    line-height: 18px;
}

.dialog ul.avatars .base-friends-avatar {
    margin-right: 10px;
    float: left;
}

.dialog ul.avatars .base-friends-username {
    float: left;
}

    .dialog ul.avatars .base-friends-username a {
        text-decoration: none;
    }

.dialog ul.avatars .base-friends-selectbutton {
    top: 2px;
    float: right;
    position: relative;
}

.dialog > header a {
    color: rgb(168, 168, 168);
}

.dialog > header .no-transform {
    text-transform: none;
}

.joinflow-origin-not-started.dialog #joinflow-origin-missing-image {
    background: url("../joinflow/origin.png") no-repeat center / cover;
    margin: 10px;
    width: 106px;
    height: 106px;
    float: left;
    position: relative;
}

.joinflow-origin-not-started.dialog footer {
    text-align: right;
    margin-right: 8px;
}

.joinflow-origin-not-started.dialog .bullet {
    height: 30px;
    margin-bottom: 12px;
}

.joinflow-origin-not-started.dialog #joinflow-pluginpopup-info .loader {
    margin-right: 6px;
}

.joinflow-origin-not-started.dialog .bullet-number {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 30px;
    height: 30px;
    text-align: center;
    color: rgb(0, 0, 0);
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    margin-right: 8px;
    float: left;
}

.joinflow-origin-not-started.dialog .bullet-text {
    width: 380px;
    line-height: 17px;
    float: left;
}

.joinflow-origin-not-started.dialog .one-line.bullet-text {
    line-height: 30px;
}

.identity2.dialog {
    background: rgb(251, 251, 251);
    border: 0px currentColor;
    border-image: none;
    width: 900px;
}

#base-bf3-html .identity2.dialog {
    margin-left: -450px;
}

#base-mohw-html .identity2.dialog {
    margin-left: -450px;
}

.identity2.dialog .background-loader {
    left: 50%;
    top: 100px;
    margin-left: -16px;
    position: absolute;
    z-index: 0;
}

.identity2.dialog .icon-dialog-close {
    background: url("../base/shared/bright-close.png") no-repeat center;
    left: 5px !important;
    top: 8px !important;
    width: 30px;
    height: 30px;
    right: auto !important;
    padding-right: 6px;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    opacity: 0.6;
}

#base-mohw-html .identity2.dialog .icon-dialog-close {
    background-image: url("../base/shared/dark-close.png");
}

.identity2.dialog .icon-dialog-close:hover {
    opacity: 1;
}

.identity2.dialog .dialog-body {
    padding: 0px;
}

.identity2.dialog iframe {
    width: 100%;
    height: 500px;
    display: block;
    position: relative;
    z-index: 1;
}

.identity2.dialog footer {
    display: none;
}

.punkbuster.dialog {
    width: 630px;
}

.cloning.emblempreview.dialog .dialog-body .loader {
    display: block;
}

.emblempreview.dialog .dialog-body {
    text-align: center;
    position: relative;
}

    .emblempreview.dialog .dialog-body .loader {
        left: 50%;
        top: 50%;
        margin-top: -12px;
        margin-left: -9px;
        display: none;
        position: absolute;
    }

.emblemselect.dialog {
    width: 572px;
}

    .emblemselect.dialog .emblems-loading {
        margin: 30px auto 10px;
        display: block;
    }

    .emblemselect.dialog .emblem-items .item {
        width: 100px;
        text-align: center;
        text-decoration: none;
        margin-left: 10px;
        float: left;
        min-height: 148px;
    }

    .emblemselect.dialog .emblem-items .item-none.item {
        margin-left: 0px;
    }

    .emblemselect.dialog .emblem-items .active.item .edit-link {
        opacity: 1;
    }

    .emblemselect.dialog .emblem-items .active.item .emblem {
        cursor: default;
        opacity: 1;
        box-shadow: inset 0px 0px 10px 4px rgba(255,255,255,0.2);
    }

    .emblemselect.dialog .emblem-items .disabled.item {
        opacity: 0.3;
    }

        .emblemselect.dialog .emblem-items .disabled.item .emblem {
            opacity: 1;
        }

        .emblemselect.dialog .emblem-items .disabled.item:hover .emblem {
            cursor: default;
        }

    .emblemselect.dialog .emblem-items .item-platoon.item .emblem {
        background: rgb(168, 168, 168);
    }

    .emblemselect.dialog .emblem-items .item-none.item .emblem {
        background: none;
        text-align: center;
        color: rgb(255, 255, 255);
    }

    .emblemselect.dialog .emblem-items .item-create.item .emblem {
        background: none;
        text-align: center;
        color: rgb(255, 255, 255);
    }

    .emblemselect.dialog .emblem-items .item-none.item .emblem::before {
        line-height: 100px;
        font-size: 100px;
        content: "X";
    }

    .emblemselect.dialog .emblem-items .item-create.item .emblem::before {
        line-height: 100px;
        font-size: 100px;
        content: "X";
    }

    .emblemselect.dialog .emblem-items .item-create.item .emblem {
        border-radius: 0px;
        box-shadow: inset 0px 0px 0px 2px #fff;
    }

        .emblemselect.dialog .emblem-items .item-create.item .emblem::before {
            content: "+";
        }

    .emblemselect.dialog .emblem-items .item h1 {
        margin: 0px;
        text-align: left;
        color: rgb(168, 168, 168);
        text-transform: uppercase;
        line-height: 24px;
        font-family: Purista, sans-serif;
        font-size: 13px;
        font-weight: normal;
        cursor: default;
    }

    .emblemselect.dialog .emblem-items .item .emblem {
        border-radius: 2px;
        transition: box-shadow 0.5s;
        width: 100px;
        height: 100px;
        margin-bottom: 8px;
        display: block;
        cursor: pointer;
        opacity: 0.7;
        -webkit-transition: box-shadow 0.5s ease;
        -moz-transition: box-shadow 0.5s ease;
    }

    .emblemselect.dialog .emblem-items .item :first-child.emblem {
        margin-top: 24px;
    }

    .emblemselect.dialog .emblem-items .item .emblem:hover {
        opacity: 1;
    }

    .emblemselect.dialog .emblem-items .item .emblem img {
        width: 100px;
        height: 100px;
        display: block;
    }

    .emblemselect.dialog .emblem-items .item .edit-link {
        font-size: 12px;
    }

.soldierselect.dialog section {
    padding: 0px;
    -ms-overflow-y: scroll;
    max-height: 300px;
}

.soldierselect.dialog .soldier-list > li > a {
    padding: 10px;
    line-height: 30px;
    display: block;
    position: relative;
}

    .soldierselect.dialog .soldier-list > li > a .bfh-game-platform {
        width: 100px;
        display: inline-block;
    }

    .soldierselect.dialog .soldier-list > li > a:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

.soldierselect.dialog .soldier-list > li .clan-tag {
    line-height: 24px;
    padding-bottom: 2px;
    font-size: 16px;
    font-weight: bold;
}

.soldierselect.dialog .soldier-list > li .name {
    line-height: 24px;
    padding-bottom: 2px;
    font-size: 16px;
    font-weight: bold;
}

.soldierselect.dialog .soldier-list > li .gameicon {
    top: 1px;
    margin-right: 10px;
    vertical-align: text-bottom;
    display: inline-block;
    position: relative;
    min-width: 26px;
}

.dialog .soldierselect-description {
    text-align: left;
    line-height: 16px;
    font-size: 11px;
    float: left;
    max-width: 360px;
}

.dialog #soldierimage li {
    float: left;
    position: relative;
}

    .dialog #soldierimage li .icon-premium-p {
        right: 6px;
        bottom: 6px;
        position: absolute;
    }

.dialog a:not(.btn) {
    text-decoration: underline;
}

    .dialog a:not(.btn):hover {
        color: rgb(128, 128, 128);
    }

    .dialog a:not(.btn):active {
        color: rgb(128, 128, 128);
    }

.dialog .popup-reportabuse-show-type {
    margin-bottom: 10px;
}

    .dialog .popup-reportabuse-show-type select {
        cursor: pointer;
    }

    .dialog .popup-reportabuse-show-type .popup-reportabuse-text {
        line-height: 24px;
        font-weight: bold;
        margin-right: 6px;
    }

.dialog .popup-gameinvite-avatar {
    width: 65px;
    margin-left: 5px;
    float: left;
}

.dialog .popup-gameinvite-serverinfo-firstrow {
    color: rgb(168, 168, 168);
}

.dialog .popup-gameinvite-content {
    margin-left: 82px;
}

.dialog .popup-gameinvite-serverinfo-map {
    overflow: hidden;
}

    .dialog .popup-gameinvite-serverinfo-map img {
        width: auto;
        height: 100px;
        margin-left: -95px;
        display: block;
    }

.dialog .popup-gameinvite-serverinfo-gameicon {
    display: inline-block;
}

    .dialog .popup-gameinvite-serverinfo-gameicon span {
        margin-bottom: -2px;
    }

.dialog .popup-gameinvite-servername a {
    padding: 3px 0px;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

.dialog .popup-party-invitetext {
    line-height: 60px;
}

.popup-coop-invite.dialog .popup-gameinvite-serverinfo-map {
    width: 75px;
    float: left;
}

    .popup-coop-invite.dialog .popup-gameinvite-serverinfo-map img {
        height: auto;
        margin-left: 0px;
    }

.popup-coop-invite.dialog .popup-coop-info {
    float: left;
}

.popup-bannedpersona.dialog {
    text-align: center;
}

.bfh-feedback-dialog.dialog {
    width: 1020px;
    height: 90%;
    margin-left: -510px;
    background-color: rgb(255, 255, 255);
}

    .bfh-feedback-dialog.dialog .dialog-body {
        padding: 0px;
        -ms-overflow-x: auto;
        -ms-overflow-y: hidden;
        background-color: rgb(255, 255, 255);
    }

html:not(.is-touch) body:not(.no-comcenter) #dialog-container .bfh-feedback-dialog {
    margin-left: -392px;
}

#base-bf4-html .popup-coop-invite.dialog .popup-gameinvite-serverinfo-container {
    padding-top: 10px;
    padding-bottom: 6px;
}

.track-item-dialog {
    width: 574px;
}

    .track-item-dialog .dialog-body {
        padding-bottom: 0px;
    }

    .track-item-dialog #selected-track-item {
        width: 180px;
        height: 150px;
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
    }

    .track-item-dialog .suggestion-box {
        width: 180px;
        height: 150px;
        text-align: center;
        overflow: hidden;
        float: left;
        position: relative;
        background-color: rgb(32, 32, 38);
    }

        .track-item-dialog .suggestion-box:hover {
            background-color: rgb(38, 38, 45);
        }

    .track-item-dialog :first-child.suggestion-box {
        margin-right: 1px;
    }

    .track-item-dialog :last-child.suggestion-box {
        margin-left: 1px;
    }

    .track-item-dialog .active.suggestion-box {
        background-color: rgba(255, 255, 255, 0.1);
    }

        .track-item-dialog .active.suggestion-box .current {
            display: none;
        }

    .track-item-dialog .suggestion-box strong {
        left: 15px;
        top: 10px;
        padding-right: 15px;
        position: absolute;
    }

    .track-item-dialog .suggestion-box .image {
        margin: 40px auto 0px;
    }

    .track-item-dialog .suggestion-box .progress-bar {
        width: 100%;
        bottom: 0px;
        margin-bottom: 0px;
        position: absolute;
    }

    .track-item-dialog .suggestion-box .green-check-small {
        width: 12px;
        height: 12px;
        right: 3px;
        bottom: 10px;
        position: absolute;
        background-image: url("../battledash/images/icons/green-check-small.png");
    }

#gamenotstarting-resolve-origin {
    margin-top: 8px;
    margin-bottom: 24px;
    list-style-type: circle;
}

.share-br-dialog {
    width: 680px;
}

    .share-br-dialog .avatar {
        float: left;
    }

    .share-br-dialog .content-container {
        width: 548px;
        margin-left: 15px;
        float: left;
    }

    .share-br-dialog .share-comment {
        margin-bottom: 8px;
    }

        .share-br-dialog .share-comment textarea {
            width: 548px;
            height: 75px;
            font-family: Arial, sans-serif;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

    .share-br-dialog footer .facebook-sharing {
        padding-left: 22px;
        margin-left: 75px;
        float: left;
        position: relative;
    }

        .share-br-dialog footer .facebook-sharing i.fb-icon {
            background: url("../base/shared/icon-fb-share.png") 0% 0% / 100%;
            left: 0px;
            top: 3px;
            width: 11px;
            height: 11px;
            position: absolute;
        }

        .share-br-dialog footer .facebook-sharing a {
            text-decoration: none;
            margin-right: 8px;
        }

        .share-br-dialog footer .facebook-sharing .switch {
            top: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
            position: relative;
        }

    .share-br-dialog footer .btn-container {
        margin-right: 25px;
        float: right;
    }

.feed-story-body p.feed-br-share-text {
    padding: 4px 0px;
}

.dialog-share-content {
    background-color: rgb(48, 48, 48);
}

a.feed-item-anchor-battlereport:hover {
    text-decoration: none !important;
}

.battlefeed .list .battlereport-feed-item {
    margin: 10px 0px 3px;
    width: 548px;
}

.battlereport-feed-item {
    margin: 10px 0px 3px;
    width: 548px;
}

.battlefeed .list .battlereport-feed-item header {
    margin: 0px !important;
    padding: 0px !important;
    height: 163px;
}

.battlereport-feed-item header {
    margin: 0px !important;
    padding: 0px !important;
    height: 163px;
}

.battlefeed .list .battlereport-feed-item .prize .box-content {
    padding: 8px;
}

.battlereport-feed-item .prize .box-content {
    padding: 8px;
}

.battlefeed .list .battlereport-feed-item .info-list li {
    margin: 1px 0px 0px 1px;
    width: 106px;
    text-align: center;
    color: rgb(255, 255, 255);
    overflow: hidden;
    float: left;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5);
}

.battlereport-feed-item .info-list li {
    margin: 1px 0px 0px 1px;
    width: 106px;
    text-align: center;
    color: rgb(255, 255, 255);
    overflow: hidden;
    float: left;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5);
}

.battlefeed .list .battlereport-feed-item .info-list li h5 {
    margin: 10px auto 0px;
    padding: 0px;
    line-height: 14px;
    font-size: 14px;
}

.battlereport-feed-item .info-list li h5 {
    margin: 10px auto 0px;
    padding: 0px;
    line-height: 14px;
    font-size: 14px;
}

.battlefeed .list .battlereport-feed-item .info-list li strong {
    line-height: 36px;
    font-size: 24px;
    font-weight: bold;
}

.battlereport-feed-item .info-list li strong {
    line-height: 36px;
    font-size: 24px;
    font-weight: bold;
}

.battlefeed .list .battlereport-feed-item .info-list li.small {
    height: 65px;
}

.battlereport-feed-item .info-list li.small {
    height: 65px;
}

.battlefeed .list .battlereport-feed-item .info-list li.medium {
    width: 213px;
    height: 85px;
    position: relative;
}

.battlereport-feed-item .info-list li.medium {
    width: 213px;
    height: 85px;
    position: relative;
}

.battlefeed .list .battlereport-feed-item .info-list li.medium h5 {
    margin: 0px auto 4px;
    padding: 5px 0px 3px;
    background-color: rgb(0, 0, 0);
}

.battlereport-feed-item .info-list li.medium h5 {
    margin: 0px auto 4px;
    padding: 5px 0px 3px;
    background-color: rgb(0, 0, 0);
}

.battlefeed .list .battlereport-feed-item .info-list li.medium .na {
    color: rgb(102, 102, 102);
    margin-top: 20px;
    display: block;
}

.battlereport-feed-item .info-list li.medium .na {
    color: rgb(102, 102, 102);
    margin-top: 20px;
    display: block;
}

.battlefeed .list .battlereport-feed-item .info-list li.medium .kit-icon {
    margin-top: 10px;
}

.battlereport-feed-item .info-list li.medium .kit-icon {
    margin-top: 10px;
}

.battlefeed .list .battlereport-feed-item .info-list li.large {
    width: 120px;
    height: 151px;
    margin-left: 0px;
}

.battlereport-feed-item .info-list li.large {
    width: 120px;
    height: 151px;
    margin-left: 0px;
}

.battlefeed .list .battlereport-feed-item .info-list li.large .team-position {
    margin: 15px auto 32px;
    line-height: 40px;
    font-size: 38px;
    display: block;
}

.battlereport-feed-item .info-list li.large .team-position {
    margin: 15px auto 32px;
    line-height: 40px;
    font-size: 38px;
    display: block;
}

.popup-feedback-container {
    max-height: 320px;
}

    .popup-feedback-container .hidden {
        display: none;
    }

    .popup-feedback-container .feedback-manual {
        margin-bottom: 16px;
    }

        .popup-feedback-container .feedback-manual p {
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 10px;
        }

    .popup-feedback-container .feedback-manual-download {
        padding: 6px;
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-image: none;
        text-decoration: none !important;
        margin-top: 6px;
        margin-right: 6px;
    }

.dialog-battlescreen {
    width: 800px;
}

.is-app .dialog-battlescreen {
    margin-left: -400px;
}

.dialog-battlescreen h6 {
    color: rgb(168, 168, 168);
    line-height: 24px;
}

.dialog-battlescreen .apps {
    color: rgb(168, 168, 168);
}

    .dialog-battlescreen .apps a + a {
        margin-left: 5px;
    }

.dialog-battlescreen .info {
    padding: 20px 0px 0px 20px;
    width: 310px;
}

.dialog-battlescreen .smartglass {
    margin-bottom: 5px;
}

.dialog-battlescreen p {
    padding: 2px 0px 4px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

.dialog-feedback {
    width: 560px;
}

    .dialog-feedback .sprite {
        background: url("//eaassets-a.akamaihd.net/battlelog/bb/bf4/dialog/dialog-feedback-1169fcb7.png") no-repeat center;
        width: 82px;
        display: inline-block;
    }

    .dialog-feedback .ea.sprite {
        background-position: 0px 0px;
        width: 57px;
        height: 58px;
        margin-top: -5px;
        vertical-align: middle;
    }

    .dialog-feedback .accounts.sprite {
        background-position: 0px -68px;
        height: 67px;
    }

    .dialog-feedback .troubleshooting.sprite {
        background-position: -1px -145px;
        height: 67px;
    }

    .dialog-feedback .connectivity.sprite {
        background-position: 0px -218px;
        width: 81px;
        height: 67px;
    }

    .dialog-feedback .battlelog.sprite {
        background-position: 0px -285px;
        width: 49px;
        height: 42px;
        margin-top: -5px;
        margin-right: 8px;
        vertical-align: middle;
    }

    .dialog-feedback .help-ea-com.sprite {
        background-position: 0px -337px;
        width: 55px;
        height: 32px;
    }

    .dialog-feedback .answer-hq.sprite {
        background-position: 0px -379px;
        width: 52px;
        height: 45px;
    }

    .dialog-feedback h1 {
        line-height: 55px;
        margin-bottom: 16px;
    }

    .dialog-feedback h2 {
        margin: 16px 0px;
        line-height: 55px;
        font-size: 26px !important;
    }

    .dialog-feedback .boxes a {
        text-decoration: none !important;
        position: relative;
    }

    .dialog-feedback .buttons a {
        text-decoration: none !important;
        position: relative;
    }

    .dialog-feedback .boxes a:hover {
        color: rgb(255, 255, 255);
    }

    .dialog-feedback .buttons a:hover {
        color: rgb(255, 255, 255);
    }

    .dialog-feedback .boxes a:hover::after {
        opacity: 1;
    }

    .dialog-feedback .buttons a:hover::after {
        opacity: 1;
    }

    .dialog-feedback .boxes a::after {
        transition: opacity 0.1s ease-out;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
        position: absolute;
        content: "";
        opacity: 0;
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-transition: 0.1s opacity ease-out;
        -moz-transition: 0.1s opacity ease-out;
    }

    .dialog-feedback .buttons a::after {
        transition: opacity 0.1s ease-out;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
        position: absolute;
        content: "";
        opacity: 0;
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-transition: 0.1s opacity ease-out;
        -moz-transition: 0.1s opacity ease-out;
    }

    .dialog-feedback .boxes a {
        padding: 16px;
        width: calc(33% - 37px);
        text-align: center;
        color: rgb(255, 255, 255);
        margin-right: 10px;
        float: left;
        display: block;
        min-height: 132px;
    }

        .dialog-feedback .boxes a i {
            margin: 8px;
        }

        .dialog-feedback .boxes a h3 {
            margin: 0px;
            text-align: left;
            color: rgb(255, 255, 255);
            line-height: 22px;
            font-size: 18px;
            -webkit-margin-after: 0;
        }

        .dialog-feedback .boxes a:nth-child(1) {
            background-color: rgb(42, 59, 68);
        }

        .dialog-feedback .boxes a:nth-child(2) {
            background-color: rgb(98, 63, 53);
        }

        .dialog-feedback .boxes a:nth-child(3) {
            margin-right: 0px;
            background-color: rgb(50, 91, 90);
        }

    .dialog-feedback .buttons a {
        float: left;
        display: block;
    }

    .dialog-feedback .more-help a {
        float: left;
        display: block;
    }

    .dialog-feedback .buttons a {
        padding: 8px 16px;
        color: rgb(255, 255, 255);
        font-size: 18px;
        margin-bottom: 10px;
        background-color: rgb(42, 59, 68);
    }

        .dialog-feedback .buttons a.half {
            width: calc(50% - 37px);
            margin-right: 10px;
        }

        .dialog-feedback .buttons a:nth-child(2n).half {
            margin-right: 0px;
        }

        .dialog-feedback .buttons a.full {
            width: calc(100% - 32px);
        }

    .dialog-feedback .more-help a {
        width: calc(50% - 10px);
        text-decoration: none !important;
        margin-right: 10px;
    }

        .dialog-feedback .more-help a:nth-child(2n) {
            margin-right: 0px;
        }

    .dialog-feedback .more-help i {
        margin-right: 16px;
    }

        .dialog-feedback .more-help i.help-ea-com {
            margin-top: 5px;
        }

        .dialog-feedback .more-help i.answer-hq {
            margin-top: 2px;
        }

.breadcrumb {
    list-style: none;
    margin: 0px 0px 5px;
    padding: 0px;
}

.small.breadcrumb li {
    margin-right: 5px;
}

.small.breadcrumb a {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

    .small.breadcrumb a::before {
        border-width: 12px 0px 12px 7px;
    }

    .small.breadcrumb a::after {
        border-width: 12px 0px 12px 7px;
    }

    .small.breadcrumb a::before {
        left: -7px;
    }

    .small.breadcrumb a::after {
        right: -7px;
    }

.small.breadcrumb li a {
    font-family: arial, sans-serif;
}

.medium.breadcrumb a {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.large.breadcrumb a {
    height: 32px;
    line-height: 32px;
    font-size: 23px;
}

    .large.breadcrumb a::before {
        border-width: 16px 0px 16px 9px;
    }

    .large.breadcrumb a::after {
        border-width: 16px 0px 16px 9px;
    }

.large.breadcrumb li a {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.breadcrumb li {
    margin: 0px 7px 0px 0px;
    display: inline-block;
}

    .breadcrumb li a {
        background: rgba(0, 0, 0, 0.5);
        padding: 0px 12px 0px 10px;
        text-decoration: none;
        display: block;
        position: relative;
        cursor: pointer;
    }

        .breadcrumb li a::before {
            background: none;
            border-width: 15px 0px 15px 9px;
            border-style: solid;
            top: 0px;
            width: 0px;
            height: 0px;
            position: absolute;
            content: " ";
        }

        .breadcrumb li a::after {
            background: none;
            border-width: 15px 0px 15px 9px;
            border-style: solid;
            top: 0px;
            width: 0px;
            height: 0px;
            position: absolute;
            content: " ";
        }

        .breadcrumb li a::before {
            border-color: rgba(0, 0, 0, 0.5) transparent;
            left: -9px;
        }

        .breadcrumb li a::after {
            border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
            right: -9px;
        }

    .breadcrumb li:first-of-type a {
        background: rgba(0, 0, 0, 0.5);
        padding-left: 16px;
    }

        .breadcrumb li:first-of-type a::before {
            display: none;
        }

        .breadcrumb li:first-of-type a::after {
            border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
        }

    .breadcrumb li:hover a {
        background: rgba(0, 0, 0, 0.7);
    }

    .breadcrumb li:active a {
        background: rgba(0, 0, 0, 0.7);
    }

    .breadcrumb li:hover a::before {
        border-color: rgba(0, 0, 0, 0.7) transparent;
    }

    .breadcrumb li:active a::before {
        border-color: rgba(0, 0, 0, 0.7) transparent;
    }

    .breadcrumb li:hover a::after {
        border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
    }

    .breadcrumb li:active a::after {
        border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
    }

    .breadcrumb li:first-of-type:hover a::before {
        display: none;
    }

    .breadcrumb li:first-of-type:active a::before {
        display: none;
    }

    .breadcrumb li:first-of-type:hover a::after {
        border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
    }

    .breadcrumb li:first-of-type:active a::after {
        border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
    }

    .breadcrumb li:last-of-type a {
        background: rgba(0, 0, 0, 0.6);
        cursor: default;
    }

        .breadcrumb li:last-of-type a::before {
            border-color: rgba(0, 0, 0, 0.6) transparent;
        }

        .breadcrumb li:last-of-type a::after {
            border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
        }

    .breadcrumb li:last-of-type:first-of-type a::before {
        display: none;
    }

    .breadcrumb li:last-of-type:first-of-type a::after {
        border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
    }

.ui-select .dropdown li.selected {
    color: black;
    box-shadow: 0px 0px 7px 0px #e0f4f8;
    background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
    background-color: white;
}

.pagination-paginationbutton {
    text-decoration: none;
    margin-right: 5px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left;
    background-color: rgb(239, 239, 239);
}

    .pagination-paginationbutton:hover {
        text-decoration: none;
        background-color: rgb(249, 249, 249);
    }

.pagination-paginationbutton-border {
    border: 1px solid rgb(213, 213, 213);
    border-image: none;
}

.pagination-paginationbutton-inner {
    padding: 1px 7px 0px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    font-weight: normal;
    display: block;
    box-shadow: inset 0px 1px 0px #fff;
}

.pagination-paginationbutton-extra {
    background: url("../forum/pagination-icons.png") no-repeat;
    top: 6px;
    width: 8px;
    height: 9px;
    display: none;
    position: relative;
}

.pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-extra {
    background-position: 0px -38px;
    top: 12px;
    height: 3px;
    display: block;
}

.pagination-type-next.pagination-paginationbutton .pagination-paginationbutton-extra {
    background-position: 0px 0px;
    display: block;
}

.pagination-type-next-disabled.pagination-paginationbutton .pagination-paginationbutton-extra {
    background-position: 0px -9px;
    display: block;
}

.pagination-type-prev.pagination-paginationbutton .pagination-paginationbutton-extra {
    background-position: 0px -19px;
    display: block;
}

.pagination-type-prev-disabled.pagination-paginationbutton .pagination-paginationbutton-extra {
    background-position: 0px -28px;
    display: block;
}

.pagination-pagination-left {
    float: right;
}

.pagination-pagination-right {
    float: left;
}

.pagination-type-on.pagination-paginationbutton {
    background-color: rgb(220, 220, 220);
}

    .pagination-type-on.pagination-paginationbutton:hover {
        cursor: default;
    }

    .pagination-type-on.pagination-paginationbutton .pagination-paginationbutton-border {
        border-width: 1px medium medium;
        border-style: solid none none;
        border-color: rgb(202, 202, 202) currentColor currentColor;
        border-image: none;
    }

    .pagination-type-on.pagination-paginationbutton .pagination-paginationbutton-inner {
        color: rgb(53, 53, 53);
        padding-bottom: 1px;
        font-weight: bold;
        box-shadow: inset 0px 1px 0px #d5d5d5, inset 0px -1px 0px #d5d5d5;
    }

.pagination-type-next-disabled.pagination-paginationbutton {
    color: rgb(220, 220, 220);
    background-color: rgb(240, 240, 240);
}

.pagination-type-prev-disabled.pagination-paginationbutton {
    color: rgb(220, 220, 220);
    background-color: rgb(240, 240, 240);
}

.pagination-type-next-disabled.pagination-paginationbutton .pagination-paginationbutton-border {
    border: 1px solid rgb(232, 232, 232);
    border-image: none;
}

.pagination-type-prev-disabled.pagination-paginationbutton .pagination-paginationbutton-border {
    border: 1px solid rgb(232, 232, 232);
    border-image: none;
}

.pagination-type-next.pagination-paginationbutton {
    margin-right: 0px;
}

.pagination-type-next-disabled.pagination-paginationbutton {
    margin-right: 0px;
}

.pagination-type-dots.pagination-paginationbutton {
    background: none;
    border: currentColor;
    border-image: none;
    height: auto;
    cursor: default;
}

    .pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-border {
        background: none;
        border: currentColor;
        border-image: none;
        height: auto;
        cursor: default;
    }

    .pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-inner {
        background: none;
        border: currentColor;
        border-image: none;
        height: auto;
        cursor: default;
    }

    .pagination-type-dots.pagination-paginationbutton:hover {
        background: none;
        border: currentColor;
        border-image: none;
        height: auto;
        cursor: default;
    }

        .pagination-type-dots.pagination-paginationbutton:hover .pagination-paginationbutton-border {
            background: none;
            border: currentColor;
            border-image: none;
            height: auto;
            cursor: default;
        }

        .pagination-type-dots.pagination-paginationbutton:hover .pagination-paginationbutton-inner {
            background: none;
            border: currentColor;
            border-image: none;
            height: auto;
            cursor: default;
        }

    .pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-inner {
        padding: 0px 2px;
    }

#leaderboard-result .pagination-paginationbutton {
    margin-top: 0px;
}

.pagination-paginationbutton {
    background: none;
    border: currentColor;
    border-image: none;
    margin-right: 1px;
}

    .pagination-paginationbutton:hover {
        background: none;
    }

        .pagination-paginationbutton:hover .pagination-paginationbutton-border {
            border-color: rgb(255, 255, 255);
        }

        .pagination-paginationbutton:hover .pagination-paginationbutton-inner {
            color: rgb(255, 255, 255);
        }

.pagination-type-dots.pagination-paginationbutton {
    margin: 0px 5px;
}

    .pagination-type-dots.pagination-paginationbutton .pagination-paginationbutton-extra {
        top: 11px;
    }

.pagination-paginationbutton-border {
    border: currentColor;
    border-image: none;
    background-color: rgba(7, 7, 7, 0.5);
}

.pagination-paginationbutton-inner {
    color: rgb(213, 221, 229);
    box-shadow: none;
}

.pagination-type-on.pagination-paginationbutton {
    background: none;
}

    .pagination-type-on.pagination-paginationbutton .pagination-paginationbutton-border {
        border: currentColor;
        border-image: none;
    }

    .pagination-type-on.pagination-paginationbutton .pagination-paginationbutton-inner {
        color: black;
        padding-bottom: 0px;
        font-weight: normal;
        box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
        background-color: white;
    }

.pagination-type-next-disabled.pagination-paginationbutton {
    color: rgb(168, 168, 168);
    background-color: transparent;
}

.pagination-type-prev-disabled.pagination-paginationbutton {
    color: rgb(168, 168, 168);
    background-color: transparent;
}

.pagination-type-next-disabled.pagination-paginationbutton .pagination-paginationbutton-border {
    border: currentColor;
    border-image: none;
}

.pagination-type-prev-disabled.pagination-paginationbutton .pagination-paginationbutton-border {
    border: currentColor;
    border-image: none;
}

.pagination-type-next.pagination-paginationbutton .pagination-paginationbutton-extra {
    height: 10px;
    opacity: 0.8;
}

.pagination-type-prev.pagination-paginationbutton .pagination-paginationbutton-extra {
    height: 10px;
    opacity: 0.8;
}

.pagination-type-next.pagination-paginationbutton:hover .pagination-paginationbutton-extra {
    opacity: 1;
}

.pagination-type-prev.pagination-paginationbutton:hover .pagination-paginationbutton-extra {
    opacity: 1;
}

.pagination-type-next-disabled.pagination-paginationbutton .pagination-paginationbutton-extra {
    height: 10px;
    opacity: 0.3;
}

.pagination-type-prev-disabled.pagination-paginationbutton .pagination-paginationbutton-extra {
    height: 10px;
    opacity: 0.3;
}

.pagination-type-next.pagination-paginationbutton .pagination-paginationbutton-extra {
    background-position: 0px -9px;
}

.pagination-type-prev.pagination-paginationbutton .pagination-paginationbutton-extra {
    background-position: 0px -28px;
}

.battlefeed .loading {
    text-align: center;
}

.battlefeed .update {
    padding: 16px;
    border-bottom-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.battlefeed .feeditems .base-item-ribbon-small {
}

.battlefeed .feeditems .awards .awardcontainer {
    padding: 10px;
    border: 1px solid rgb(138, 138, 138);
    border-image: none;
}

.battlefeed .list .item {
    padding: 16px 16px 16px 68px;
    line-height: 16px;
    font-size: 14px;
    position: relative;
}

    .battlefeed .list .item .avatar {
        left: 0px;
        position: absolute;
    }

    .battlefeed .list .item + .item {
        border-top-color: transparent;
        border-top-width: 1px;
        border-top-style: solid;
    }

.battlefeed .list :first-child.item {
    padding-top: 0px;
}

.battlefeed .list :last-child.item {
    padding-bottom: 32px;
}

.battlefeed .list .item span {
    line-height: 16px;
    margin-bottom: 2px;
}

.battlefeed .list .item header {
    margin-bottom: 10px;
}

    .battlefeed .list .item header .username {
        font-weight: bold;
    }

    .battlefeed .list .item header .hooah {
        float: right;
    }

.battlefeed .list .item footer {
    text-transform: none;
}

.battlefeed #profile-status-message #profile-edit-status-button {
    display: none;
}

.battlefeed #profile-status-message #feed-addlinkwithpreviewarea {
    margin-bottom: 8px;
    display: none;
}

.battlefeed #profile-status-message .feed-actions {
    text-align: right;
    float: right;
}

.battlefeed .feed-comment-form {
    font-size: 12px;
}

.battlefeed .feed-comment-text-not-clicked {
    font-size: 12px;
}

.battlefeed .feed-comment-text-clicked {
    font-size: 12px;
}

.battlefeed .feed-comment-form {
    color: rgb(168, 168, 168);
}

.battlefeed .feed-comment-text-not-clicked {
    color: rgb(168, 168, 168);
}

#feed-container {
    margin-top: 1px;
}

    #feed-container .feed-friends .box-content {
        text-align: center;
    }

        #feed-container .feed-friends .box-content h2 {
            font-size: 20px;
        }

        #feed-container .feed-friends .box-content h3 {
            font-size: 16px;
        }

        #feed-container .feed-friends .box-content li {
            margin-bottom: 4px;
        }

    #feed-container .feed-statstransferlink {
        display: inline-block;
    }

        #feed-container .feed-statstransferlink:hover {
            text-decoration: none;
        }

    #feed-container .feed-statstransfer {
        background: rgba(0, 0, 0, 0.5);
        width: 310px;
        height: 54px;
        margin-top: 8px;
        margin-bottom: 8px;
        cursor: pointer;
    }

        #feed-container .feed-statstransfer:hover {
            background: rgba(0, 0, 0, 0.7);
        }

        #feed-container .feed-statstransfer .stats {
            width: 140px;
            text-align: center;
            font-family: Purista, sans-serif;
            font-size: 26px;
            font-style: normal;
            font-weight: 400;
            margin-top: 18px;
            display: inline-block;
        }

        #feed-container .feed-statstransfer .grey.stats {
            color: rgb(204, 204, 204);
        }

        #feed-container .feed-statstransfer .arrow.stats {
            background: url("../feed/arrow_thin_white.png");
            width: 9px;
            height: 18px;
        }

.feed-show-item#feed-container {
    margin-top: 0px;
}

#feed-container .feed-story-creationDate a {
    color: rgb(138, 138, 138);
}

#feed-container .feed-story-playingas a {
    font-size: 11px;
    font-weight: normal;
}

#feed-container .base-profile-link {
    font-weight: bold;
}

#feed-single-event-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

    #feed-single-event-container .feed-single-item {
        border: 0px currentColor;
        border-image: none;
    }

.feed-single-item {
    padding: 10px 0px;
    clear: both;
    font-size: 12px;
    position: relative;
}

.feed-show-item {
    width: 654px;
    min-height: 200px;
}

    .feed-show-item .base-big-title {
        margin-bottom: 16px;
    }

.feed-showlikes-popup .common-popup-content-container {
    width: 495px;
    overflow: hidden;
    max-height: 350px;
}

.feed-showlikes-useritem {
    padding: 5px;
    clear: both;
    position: relative;
}

    .feed-showlikes-useritem:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    .feed-showlikes-useritem div.base-avatar-container {
        display: inline-block;
    }

    .feed-showlikes-useritem a.base-profile-link {
        margin-left: 5px;
        display: inline-block;
        position: relative;
    }

    .feed-showlikes-useritem button {
        top: 5px;
        right: 5px;
        float: right;
        position: relative;
    }

:last-child.feed-events {
    border-bottom-color: currentColor;
    border-bottom-width: medium;
    border-bottom-style: none;
}

:last-child.feed-single-item {
    border-bottom-color: currentColor;
    border-bottom-width: medium;
    border-bottom-style: none;
}

.feed-no-border.feed-events {
    border-top-color: currentColor;
    border-top-width: medium;
    border-top-style: none;
}

.menu-item {
    padding: 10px 0px 5px;
    border-bottom-color: rgb(239, 239, 238);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.feed-post-to {
    font-size: 14px;
    margin-left: 3px;
}

.active.menu-item {
    border: 0px currentColor;
    border-image: none;
}

.feed-show {
    display: block;
}

.feed-bundle-likes {
    background: rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin-left: 45px;
}

.feed-story-likes {
    background: rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin-left: 45px;
}

.feed-story-comments {
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin-left: 45px;
}

.feed-show.feed-story-comments {
    margin-top: 5px;
}

.feed-item-likes a {
    font-size: 11px;
}

.feed-item-likescontainer {
    margin-left: 45px;
}

.feed-story {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.feed-comment-text-not-clicked {
    width: 530px;
    height: 22px;
    line-height: 22px;
    font-family: Arial, sans-serif;
    font-style: italic;
    max-width: 530px;
}

.feed-comment-textarea {
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
}

.feed-comment-text-clicked {
    padding: 6px 8px;
    width: 530px;
    height: 28px;
    font-family: Arial, sans-serif;
    max-width: 530px;
}

.feed-bundle-likes {
    width: 390px;
    line-height: 18px;
    clear: both;
}

.feed-story-likes {
    width: 390px;
    line-height: 18px;
    clear: both;
}

.feed-story-comments {
    width: 390px;
    line-height: 18px;
    clear: both;
}

.feed-sub-events .feed-single-item {
    margin: 5px 0px;
}

.feed-bundle-likes {
    font-size: 11px;
    margin-top: 4px;
    margin-left: 42px;
}

.feed-story-likes {
    padding: 4px 5px;
    margin-top: 5px;
    margin-left: 0px;
}

.feed-story-comments {
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: 402px;
}

.feed-events a {
    text-decoration: none;
}

.feed-story a {
    text-decoration: none;
}

.feed-story-likes a {
    text-decoration: none;
}

.feed-story-comments a {
    text-decoration: none;
}

.feed-events a:hover {
    text-decoration: underline;
}

.feed-story a:hover {
    text-decoration: underline;
}

.feed-story-likes a:hover {
    text-decoration: underline;
}

.feed-story-comments a:hover {
    text-decoration: underline;
}

.feed-avatar-container {
    margin-right: 10px;
    float: left;
    position: relative;
}

.feed-story-content {
    line-height: 18px;
    overflow: hidden;
}

.feed-story-creationDate {
    color: rgb(170, 170, 170);
    font-size: 11px;
}

.feed-story-playingas {
    color: rgb(170, 170, 170);
    font-size: 11px;
}

.feed-story-heading {
    color: rgb(138, 138, 138);
    line-height: 18px;
    -ms-word-wrap: break-word;
}

.feed-story-body {
    color: rgb(255, 255, 255);
    line-height: 18px;
    -ms-word-wrap: break-word;
}

    .feed-story-body p {
        padding-left: 46px;
        -ms-word-wrap: break-word;
    }

.feed-story-heading .feed-info-title {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: bold;
}

#feed-container .feed-story-heading .feed-info-title a {
    font-weight: bold;
}

#feed-container .feed-story-body .feed-info-title a {
    font-weight: bold;
}

.feed-story-heading .feed-info-description {
    color: rgb(138, 138, 138);
    font-size: 11px;
}

.feed-story-heading .limit.feed-info-description {
    width: 400px;
}

.feed-story-heading .feed-info-description ul {
    margin-left: 15px;
}

.wallpost-body {
    width: 410px;
    color: rgb(255, 255, 255);
    -ms-word-wrap: break-word;
}

#main-loggedin-feed .wallpost-body {
    width: 552px;
}

.feed-story-created-content {
    color: rgb(53, 53, 53);
}

#feed-container {
    position: relative;
}

    #feed-container .feed-unavailable {
        padding: 24px 0px;
        font-size: 12px;
        font-style: italic;
    }

#feed-filter-content .feed-view-more-events {
    left: 1px;
    width: 991px;
    bottom: -14px;
}

.feed-view-more-events {
    left: -15px;
    height: 26px;
    text-align: center;
    bottom: 0px;
    line-height: 26px;
    margin-top: 16px;
}

.feed-view-more-events-button {
    width: 602px;
    color: rgb(48, 141, 191);
}

.feed-story-friend-icon {
    top: 4px;
    padding-right: 5px;
    position: relative;
}

.feed-story-small-icon {
    display: inline-block;
}

    .feed-story-small-icon img {
        margin-right: 2px;
        vertical-align: middle;
    }

.feed-story-small-likeicon {
    vertical-align: middle;
}

.feed-story-infoarea-separator {
    top: 1px;
    color: rgb(168, 168, 168);
    padding-right: 2px;
    padding-left: 2px;
    font-size: 11px;
    display: inline-block;
    position: relative;
}

.feed-story-area-game {
    top: 4px;
    line-height: 24px;
    position: relative;
}

.feed-story-content {
    font-size: 14px;
}

.feed-events {
    font-size: 14px;
}

.feed-story-area {
    display: inline-block;
}

.feed-sub-events {
    margin-top: 10px;
    margin-left: 16px;
}

.feed-comment-body {
    line-height: 18px;
    font-size: 11px;
    margin-left: 40px;
    position: relative;
    -ms-word-wrap: break-word;
}

    .feed-comment-body a {
        font-size: 11px;
    }

.feed-comments-item {
    background: rgba(0, 0, 0, 0.05);
    padding: 5px;
    clear: both;
    margin-top: 1px;
    position: relative;
}

.feed-comment-form {
    line-height: 0;
    overflow: hidden;
    clear: both;
    margin-top: 1px;
}

.feed-comments-item .feed-avatar-container {
    margin-right: 5px;
}

.feed-comment-submit-button-area {
    margin-top: 8px;
    margin-right: 0px;
    float: right;
    display: none;
}

.feed-story-infoarea {
    clear: both;
}

    .feed-story-infoarea a {
        font-size: 11px;
    }

.feed-nothing-happening {
    width: 100%;
    line-height: 18px;
    position: relative;
}

    .feed-nothing-happening p {
        padding: 10px 0px;
        color: rgb(82, 82, 82);
        font-size: 12px;
    }

        .feed-nothing-happening p.feed-nothing-happening-empty {
            text-align: center;
            color: rgb(138, 138, 138);
            line-height: 15px;
            padding-top: 13px;
            padding-bottom: 0px;
            font-size: 12px;
            font-style: italic;
        }

    .feed-nothing-happening ul {
        color: rgb(53, 53, 53);
        text-indent: 16px;
        font-size: 12px;
        list-style-type: square;
        list-style-position: inside;
    }

        .feed-nothing-happening ul li {
            padding-bottom: 3px;
        }

.feed-livefeed-item {
    border-bottom-color: rgb(240, 240, 239);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.feed-livefeed-avatar {
    padding: 9px 10px 9px 0px;
    float: left;
}

.feed-livefeed-content {
    font-size: 12px;
    float: left;
}

.feed-livefeed-text {
    color: rgb(47, 48, 48);
    padding-top: 13px;
    float: none;
}

.feed-livefeed-ago {
    color: rgb(138, 138, 138);
    padding-top: 5px;
    font-size: 11px;
    float: none;
}

.battlefeed .list :not(:hover).item .feed-story-area-comment-and-like {
    display: inline-block;
}

.feed-unlike-item a {
    color: rgb(138, 138, 138);
    padding-right: 13px;
    font-size: 11px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.feed-story-content .feed-unlike-item a span.icon {
    background: url("../base/shared/row_icon_chat.png") no-repeat right -26px;
    width: 13px;
    height: 13px;
    display: inline-block;
}

.feed-award-image {
    margin-right: 6px;
    margin-bottom: 10px;
    float: left;
}

    .feed-award-image .common-selected-server-mapimage {
        position: relative;
    }

.feed-gameaccess .common-selected-feed-image {
    border: currentColor;
    border-image: none;
    vertical-align: top;
    display: table-cell;
}

.feed-gameaccess .feed-image-premium.common-selected-feed-image img {
    background: black;
    padding: 10px;
}

.feed-award-info {
    padding-left: 10px;
    font-size: 11px;
    vertical-align: top;
    display: table-cell;
}

.feed-gamereport-info {
    padding-bottom: 10px;
    font-size: 11px;
    float: left;
}

.feed-addedfavserver-gameicon {
    width: 30px;
    height: 10px;
    display: inline-block;
}

.feed-addedfavserver-and {
    font-size: 12px;
    margin-right: 3px;
}

.feed-bundle:hover .feed-story-delete {
    background: url("../base/shared/row_icon_chat_light.png") 0px -26px;
    width: 13px;
    height: 13px;
    float: right;
    position: relative;
    cursor: pointer;
}

.feed-single-item:hover .feed-story-delete {
    background: url("../base/shared/row_icon_chat_light.png") 0px -26px;
    width: 13px;
    height: 13px;
    float: right;
    position: relative;
    cursor: pointer;
}

.feed-bundle:hover .feed-story-delete:hover {
    background-position: 0px -39px;
}

.feed-single-item:hover .feed-story-delete:hover {
    background-position: 0px -39px;
}

.feed-media-preview-remove {
    background: url("../base/shared/row_icon_chat_light.png") 0px -26px;
    width: 13px;
    height: 13px;
    float: right;
    position: relative;
    cursor: pointer;
}

    .feed-media-preview-remove:hover {
        background-position: 0px -39px;
    }

.feed-bundle:hover #feed-optionsbutton {
    background: url("../base/shared/row_icon_chat.png") 0px -26px;
    top: 5px;
    width: 13px;
    height: 13px;
    right: 5px;
    position: absolute;
    cursor: pointer;
}

.feed-single-item:hover #feed-optionsbutton {
    background: url("../base/shared/row_icon_chat.png") 0px -26px;
    top: 5px;
    width: 13px;
    height: 13px;
    right: 5px;
    position: absolute;
    cursor: pointer;
}

.feed-bundle:hover #feed-optionsbutton:hover {
    background-position: 0px -39px;
}

.feed-single-item:hover #feed-optionsbutton:hover {
    background-position: 0px -39px;
}

#feed-optionsbutton-container {
    background: rgb(255, 0, 0);
    top: 0px;
    right: 0px;
    position: absolute;
}

.feed-bundle:hover #feed-story-options {
    background: url("../base/shared/row_icon_chat.png") 0px -26px;
    top: 5px;
    width: 13px;
    height: 13px;
    right: 5px;
    position: relative;
    cursor: pointer;
}

.feed-single-item:hover #feed-story-options {
    background: url("../base/shared/row_icon_chat.png") 0px -26px;
    top: 5px;
    width: 13px;
    height: 13px;
    right: 5px;
    position: relative;
    cursor: pointer;
}

.feed-bundle:hover #feed-story-options:hover {
    background-position: 0px -39px;
}

.feed-single-item:hover #feed-story-options:hover {
    background-position: 0px -39px;
}

#feed-optionsbutton-dropdown {
    border: 1px solid rgb(170, 170, 170);
    border-image: none;
    top: 20px;
    width: 120px;
    right: 0px;
    display: none;
    position: absolute;
    z-index: 100;
    background-color: white;
}

    #feed-optionsbutton-dropdown .active {
        display: block;
    }

.feed-story-report-container {
    margin-top: 5px;
    margin-right: 2px;
    float: right;
    visibility: hidden;
    position: relative;
}

    .feed-story-report-container .common-reportbutton {
        opacity: 0.5;
    }

        .feed-story-report-container .common-reportbutton:hover {
            opacity: 1;
        }

.feed-single-item:hover .feed-item-interaction-area .feed-story-report-container {
    visibility: visible;
}

.feed-comments-item:hover .feed-story-report-container {
    visibility: visible;
}

.feed-bundle:hover .feed-story-report-container {
    visibility: visible;
}

.feed-comments-show {
    background: rgba(0, 0, 0, 0.2);
    padding: 5px;
    color: rgb(48, 141, 191);
    border-bottom-color: currentColor;
    border-bottom-width: 0px;
    border-bottom-style: none;
    cursor: pointer;
}

    .feed-comments-show:hover {
        text-decoration: underline;
    }

.feed-textlimit-counter {
    color: rgb(168, 168, 168);
    font-size: 11px;
    margin-top: 4px;
    position: absolute;
}

.feed-textlimit-fillout {
    margin-top: 19px;
    margin-right: 12px;
    float: right;
    position: relative;
}

.feed-view-center-loader {
    text-align: center;
}

#feed-view-more-events-loading {
    margin-top: 16px;
    margin-right: auto;
    margin-left: auto;
    display: none;
    z-index: 20;
}

.feed-comments-item:hover .feed-story-comment-delete {
    background: url("../base/shared/row_icon_chat_light.png") 0px -26px;
    width: 13px;
    height: 13px;
    margin-top: 5px;
    margin-right: 5px;
    float: right;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

    .feed-comments-item:hover .feed-story-comment-delete:hover {
        background-position: 0px -39px;
        z-index: 2;
    }

.feed-ago {
    font-size: 11px;
}

.feed-item-interaction-area {
    top: 4px;
    width: 40px;
    right: 0px;
    position: absolute;
}

.feed-item-platoonbadge {
    margin-bottom: 6px;
}

.feed-coop-level-complete-icon {
    background: url("../coop/difficulty-sprite.png") no-repeat -2px 2px;
    top: 0px;
    width: 19px;
    height: 19px;
    right: 0px;
    position: absolute;
    z-index: 2;
}

.feed-media-preview {
    width: 100%;
    margin-top: 8px;
    display: table;
    position: relative;
}

#feed-media-preview-view-now-link {
    display: table-row;
}

.feed-media-preview-thumb {
    width: 150px;
    margin-right: 10px;
    margin-left: 0px;
    display: table-cell;
    position: relative;
}

.feed-media-preview-description {
    padding: 0px 0px 0px 12px;
    line-height: 18px;
    vertical-align: top;
    display: table-cell;
}

    .feed-media-preview-description h3 {
        line-height: 18px;
        font-size: 16px;
    }

.feed-media-preview-remove {
    top: 0px;
    right: 6px;
    position: absolute;
}

.feed-media-preview-show-now {
    left: 0px;
    top: 0px;
    width: inherit;
    height: 100%;
    clear: both;
    position: absolute;
}

.feed-media-preview-show-now-icon {
    background: url("../feed/icon-play.png") no-repeat;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    margin-left: -17px;
    position: absolute;
}

.feed-media-preview-show-now:hover .feed-media-preview-show-now-icon {
    background-position: 0px -34px;
}

#feed-addlink-container {
    color: rgb(138, 138, 138);
    padding-top: 8px;
    font-size: 12px;
}

.feed-update-status-terms {
    color: rgb(137, 137, 137);
    font-size: 11px;
    font-weight: normal;
    margin-right: 10px;
}

.feed-update-status-button {
    margin: 8px 0px 10px;
    float: right;
    position: relative;
    z-index: 999;
}

#feed-addlinkwithpreview {
    cursor: pointer;
}

.feed-addlink-container {
    color: rgb(138, 138, 138);
    font-size: 11px;
}

.feed-link-preview-label {
    line-height: 24px;
    font-size: 12px;
}

    .feed-link-preview-label input {
        width: 607px;
        margin-left: -1px;
    }

#feed-hidden-by-admin {
    padding: 30px;
    text-align: center;
    color: rgb(138, 138, 138);
    font-size: 12px;
    display: block;
}

.common-reportbutton-dropdown a {
    color: rgb(0, 0, 0);
    font-weight: normal;
}

form.wallpost .wall-message-container {
    height: 32px;
    overflow: hidden;
}

form.wallpost .btn-small {
    margin-left: 8px;
    box-sizing: border-box;
}

form.wallpost textarea {
    width: 100%;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    resize: none;
}

#feed-share-dialog {
    padding: 5px;
    border-radius: 5px;
    width: 145px;
    height: 92px;
    position: absolute;
    z-index: 5000;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
    background-color: rgb(244, 244, 244);
}

    #feed-share-dialog .share-container {
        padding: 10px;
        width: 125px;
        height: 73px;
        text-align: center;
        background-color: rgb(255, 255, 255);
    }

    #feed-share-dialog .callout::before {
        border: solid transparent;
        border-image: none;
        top: 100%;
        width: 0px;
        height: 0px;
        position: absolute;
        content: " ";
        pointer-events: none;
    }

    #feed-share-dialog .callout::after {
        border-width: 10px;
        border-style: solid;
        border-color: rgb(244, 244, 244) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-image: none;
        left: 50%;
        top: 100%;
        width: 0px;
        height: 0px;
        margin-left: -10px;
        position: absolute;
        content: " ";
        pointer-events: none;
    }

    #feed-share-dialog .close-dialog {
        padding: 5px;
        top: 0px;
        right: 0px;
        color: rgb(34, 34, 34);
        line-height: 10px;
        font-size: 20px;
        position: absolute;
        cursor: pointer;
        background-color: rgb(244, 244, 244);
    }

    #feed-share-dialog .share-option {
        background-position: 50% 50%;
        width: 55px;
        height: 55px;
        display: inline-block;
        cursor: pointer;
        background-repeat: no-repeat;
    }

    #feed-share-dialog .share-tw {
        background-image: url("../feed/share_tw.png");
    }

    #feed-share-dialog .share-fb {
        background-image: url("../feed/share_fb.png");
    }

    #feed-share-dialog .share-link {
        top: 70px;
        width: 125px;
        font-size: 11px;
        display: block;
        position: absolute;
        box-sizing: border-box;
    }

.facebook-infopopup.dialog section.dialog-body {
    padding: 24px 30px;
    font-size: 14px;
}

.facebook-infopopup.dialog h1 {
    background: url("../facebook/icon-fb-l.png") no-repeat center 0px;
    text-align: center;
    line-height: 28px;
    padding-top: 67px;
    padding-right: 70px;
    padding-left: 70px;
    font-size: 23px;
}

.facebook-infopopup.dialog p {
    color: rgb(168, 168, 168);
    margin-top: 24px;
    margin-bottom: 24px;
}

    .facebook-infopopup.dialog p b {
        color: rgb(255, 255, 255);
        font-weight: bold;
    }

.facebook-infopopup.dialog ul {
    padding-left: 16px;
}

    .facebook-infopopup.dialog ul li {
        padding-left: 5px;
        list-style-type: disc;
    }

.facebook-infopopup.dialog footer button {
    margin-right: 7px;
    margin-left: 7px;
}

.facebook-friendfinder.dialog .dialog-body {
    padding: 22px 16px 16px;
    min-height: 60px;
}

    .facebook-friendfinder.dialog .dialog-body .info {
        margin-bottom: 20px;
    }

    .facebook-friendfinder.dialog .dialog-body .friendfinder-content {
        text-align: center;
    }

    .facebook-friendfinder.dialog .dialog-body button.connect {
        margin-top: 4px;
    }

    .facebook-friendfinder.dialog .dialog-body h4 {
        margin: 4px 0px;
        text-align: left;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-family: "Arial";
        font-size: 12px;
        font-weight: bold;
    }

    .facebook-friendfinder.dialog .dialog-body ol li {
        padding-right: 16px;
        margin-bottom: 12px;
    }

        .facebook-friendfinder.dialog .dialog-body ol li:hover {
            background: rgba(255, 255, 255, 0.2);
        }

        .facebook-friendfinder.dialog .dialog-body ol li img {
            margin-right: 12px;
            float: left;
        }

        .facebook-friendfinder.dialog .dialog-body ol li .user-info {
            text-align: left;
            margin-top: 6px;
            float: left;
        }

            .facebook-friendfinder.dialog .dialog-body ol li .user-info .username {
                text-decoration: inherit;
                display: block;
            }

                .facebook-friendfinder.dialog .dialog-body ol li .user-info .username:hover {
                    color: rgb(255, 255, 255);
                    text-decoration: underline;
                }

            .facebook-friendfinder.dialog .dialog-body ol li .user-info .realname {
                color: rgb(168, 168, 168);
                display: block;
            }

        .facebook-friendfinder.dialog .dialog-body ol li button {
            margin-top: 8px;
            float: right;
        }

.facebook-friendfinder.dialog footer {
    padding: 26px;
    border-top-color: rgba(255, 255, 255, 0.1);
    border-top-width: 1px;
    border-top-style: solid;
    display: none;
}

    .facebook-friendfinder.dialog footer .sharing .switch {
        margin-right: 10px;
    }

    .facebook-friendfinder.dialog footer button {
        margin-top: 16px;
    }

#comcenter-area .facebook-friendfinder {
    background: url("../facebook/icon-fb-l.png") no-repeat center 80px;
    text-align: center;
    padding-top: 140px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}

#feed-container .facebook-friendfinder {
    background: url("../facebook/icon-fb-l.png") no-repeat center 80px;
    text-align: center;
    padding-top: 140px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}

#comcenter-area .facebook-friendfinder p {
    color: rgb(168, 168, 168);
    text-transform: none;
    line-height: 1.5em;
    font-family: Arial;
    font-size: 14px;
    margin-bottom: 12px;
}

#feed-container .facebook-friendfinder p {
    color: rgb(168, 168, 168);
    text-transform: none;
    line-height: 1.5em;
    font-family: Arial;
    font-size: 14px;
    margin-bottom: 12px;
}

#comcenter-area .facebook-friendfinder button {
    cursor: pointer;
}

#feed-container .facebook-friendfinder button {
    cursor: pointer;
}

#feed-container .facebook-friendfinder {
    background-position: center 0px;
    padding-top: 55px;
    margin-bottom: 20px;
}

#comcenter-area .comcenter-no-online-friends .facebook-friendfinder {
    margin-right: 0px;
}

.npx-explorer-icon {
    animation: pulsing-icon 2s infinite both;
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    background-image: url("//eaassets-a.akamaihd.net/battlelog/bb/bfh/icons/npx-icon-f371f6ea.png");
    -webkit-animation: pulsing-icon 2s ease infinite both;
    -moz-animation: pulsing-icon 2s ease infinite both;
    -o-animation: pulsing-icon 2s ease infinite both;
}

.fixed.npx-explorer-icon {
    position: fixed;
}

[data-feature='leaderboards'].npx-explorer-icon {
    z-index: 1000;
}

[data-feature='forum'].npx-explorer-icon {
    z-index: 1000;
}

.base-section-menu .npx-explorer-icon {
    left: 50%;
    top: 30px;
}

#base-header-secondary-nav .npx-explorer-icon {
    left: 50%;
    top: 30px;
}

#ugm-action-buttons .npx-explorer-icon {
    left: 7px;
    top: -2px;
}

.loadout.profile-stats-tab {
    position: relative;
}

    .loadout.profile-stats-tab .npx-explorer-icon {
        left: 10px;
        top: 7px;
    }

.npx-tooltip {
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}

.success.npx-tooltip .npx-tooltip-box {
    border-color: rgb(5, 215, 5);
}

    .success.npx-tooltip .npx-tooltip-box::after {
        background-position: center;
        left: 50%;
        top: 0px;
        width: 114px;
        height: 100%;
        margin-left: -57px;
        display: block;
        position: absolute;
        content: " ";
        background-image: url("../npx/check.png");
        background-repeat: no-repeat;
        background-size: contain;
    }

    .success.npx-tooltip .npx-tooltip-box h5 {
        opacity: 0;
    }

    .success.npx-tooltip .npx-tooltip-box p {
        opacity: 0;
    }

    .success.npx-tooltip .npx-tooltip-box .close {
        opacity: 0;
    }

.success.npx-tooltip .arrow {
    background-image: url("../npx/green-arrow.png");
}

.top.success.npx-tooltip .arrow {
    background-image: url("../npx/green-arrow-down.png");
}

.npx-tooltip .arrow {
    left: 50%;
    width: 21px;
    height: 12px;
    margin-left: -10px;
    display: block;
    position: absolute;
    z-index: 90;
    background-image: url("../npx/blue-arrow.png");
    background-repeat: no-repeat;
}

.fixed.npx-tooltip {
    position: fixed;
}

.bottom.npx-tooltip .arrow {
    top: -12px;
}

.top.npx-tooltip .arrow {
    bottom: -12px;
    background-image: url("../npx/blue-arrow-down.png");
}

.npx-tooltip .npx-tooltip-box {
    border-radius: 4px;
    top: 11px;
    width: 220px;
    text-align: left;
    margin-left: -108px;
    display: block;
    position: absolute;
    z-index: 80;
    background-color: rgb(16, 33, 43);
    -webkit-backface-visibility: hidden;
}

    .npx-tooltip .npx-tooltip-box .content {
        margin: 12px;
        overflow: hidden;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-backface-visibility: hidden;
    }

    .npx-tooltip .npx-tooltip-box .close {
        top: 5px;
        width: 11px;
        height: 11px;
        right: 5px;
        display: block;
        position: absolute;
        z-index: 200;
        cursor: pointer;
        background-image: url("../npx/close.png");
    }

    .npx-tooltip .npx-tooltip-box h5 {
        margin: 0px 0px 4px;
        color: rgb(255, 255, 255);
        line-height: 16px;
        font-size: 14px;
    }

    .npx-tooltip .npx-tooltip-box p {
        color: rgb(255, 255, 255);
        line-height: 16px;
        font-size: 12px;
    }

    .npx-tooltip .npx-tooltip-box .swiping-glow {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        z-index: 100;
        -webkit-backface-visibility: hidden;
    }

        .npx-tooltip .npx-tooltip-box .swiping-glow > div {
            left: -150px;
            top: 0px;
            width: 123px;
            height: 100%;
            display: block;
            position: absolute;
            content: " ";
            background-image: url("../npx/swiping-glow.png");
            background-repeat: no-repeat;
            background-size: cover;
        }

@media screen and (min-width:1261px) {
    html:not(.is-touch) body:not(.no-comcenter) .npx-console.dialog {
        width: 980px;
        margin-left: -490px;
    }
}

.npx-console.dialog {
    top: 10%;
    width: 80%;
    height: 80%;
    margin-left: -40%;
    max-height: 500px;
    min-width: 819px;
}

    .npx-console.dialog section {
        padding: 0px;
        height: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .npx-console.dialog .dialog-body {
        padding: 0px;
        height: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .npx-console.dialog .card {
        padding: 0px;
        left: 0px;
        top: 32px;
        height: 100%;
        text-align: center;
        right: 0px;
        bottom: 0px;
        font-family: Purista;
        display: none;
        position: absolute;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .npx-console.dialog .card .card-content {
            margin: 0px auto;
            width: 100%;
            height: 100%;
            padding-top: 50px;
            position: relative;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

            .npx-console.dialog .card .card-content::before {
                line-height: 0;
                display: table;
                content: "";
            }

            .npx-console.dialog .card .card-content::after {
                line-height: 0;
                display: table;
                content: "";
            }

            .npx-console.dialog .card .card-content::after {
                clear: both;
            }

            .npx-console.dialog .card .card-content figure {
                width: 50%;
                float: left;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
            }

            .npx-console.dialog .card .card-content article {
                width: 50%;
                height: 66%;
                text-align: left;
                padding-top: 20px;
                padding-left: 80px;
                float: left;
                position: relative;
                min-height: 300px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
            }

                .npx-console.dialog .card .card-content article h2 {
                    margin: 0px 0px 16px;
                    padding: 0px;
                    text-transform: uppercase;
                    line-height: 1.1em;
                    font-size: 36px;
                }

                .npx-console.dialog .card .card-content article p {
                    margin: 0px 0px 1.5em;
                    padding: 0px;
                    font-size: 19px;
                }

                    .npx-console.dialog .card .card-content article p small {
                        color: rgb(168, 168, 168);
                    }

                .npx-console.dialog .card .card-content article .btn {
                    bottom: 0px;
                    position: absolute;
                }

    .npx-console.dialog .show.card {
        display: block;
        z-index: 10;
    }

.npx-pc.dialog {
    background-position: right bottom;
    width: 845px;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/npx/pc/first-login-1-23e2dc67.png");
    background-repeat: no-repeat;
}

    .npx-pc.dialog .dialog-body {
        padding: 25px 40px;
    }

    .npx-pc.dialog h6 {
        width: 330px;
    }

    .npx-pc.dialog p {
        width: 330px;
    }

    .npx-pc.dialog h1 {
        width: 670px;
        line-height: 50px;
        font-size: 50px;
    }

    .npx-pc.dialog h6 {
        text-transform: none;
        line-height: 28px;
        font-size: 19px;
        font-weight: 400;
    }

    .npx-pc.dialog p {
        color: rgb(168, 168, 168);
        font-size: 14px;
    }

    .npx-pc.dialog footer {
        width: 350px;
    }

.comcenter-icon-notifications-container {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    cursor: pointer;
}

#comcenter-icon-notifications {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    cursor: pointer;
}

#comcenter-icon-game {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    cursor: pointer;
}

#comcenter-icon-inbox {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    cursor: pointer;
}

#comcenter-icon-matches {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    cursor: pointer;
}

.comcenter-icon-notifications-container:hover {
    background: url("../comcenter/taskbar-bg-hover.png");
}

#comcenter-reports-list-loading {
    text-align: center;
    padding-top: 16px;
}

#comcenter-updates-list-loading {
    text-align: center;
    padding-top: 16px;
}

#comcenter-icon-inbox {
    background: url("../comcenter/icons/cc-inbox-inactive.png") no-repeat center;
}

    #comcenter-icon-inbox:hover {
        background: url("../comcenter/cc-inbox-hover.png") no-repeat 1px 1px;
    }

#comcenter-icon-game {
    background: url("../comcenter/icons/cc-reports.png") no-repeat -5px 0px;
}

#comcenter-icon-matches {
    background: url("../comcenter/icons/cc-matches.png") no-repeat -4px 0px;
}

    #comcenter-icon-matches:hover {
        background-position: -4px -40px;
    }

.open#comcenter-icon-matches {
    background-position: -4px -80px;
    background-color: rgb(253, 191, 0);
}

#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn {
    padding: 0px 11px;
    border: 1px solid rgb(255, 153, 0);
    border-image: none;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    float: left;
    opacity: 0.8;
}

.comcenter-chat-content .join-friend-submit-link.btn-small.btn {
    padding: 0px 11px;
    border: 1px solid rgb(255, 153, 0);
    border-image: none;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    float: left;
    opacity: 0.8;
}

#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn:hover {
    opacity: 1;
}

.comcenter-chat-content .join-friend-submit-link.btn-small.btn:hover {
    opacity: 1;
}

#comcenter-tab-friends-content .disabled.join-friend-submit-link.btn-small.btn {
    opacity: 0.5;
}

#comcenter-tab-friends-content .is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle.join-friend-submit-link.btn-small {
    opacity: 0.5;
}

.is-touch #serverbrowser aside .action-buttons-container #comcenter-tab-friends-content .starred.favorite-toggle.join-friend-submit-link.btn-small {
    opacity: 0.5;
}

.comcenter-chat-content .disabled.join-friend-submit-link.btn-small.btn {
    opacity: 0.5;
}

.comcenter-chat-content .is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle.join-friend-submit-link.btn-small {
    opacity: 0.5;
}

.is-touch #serverbrowser aside .action-buttons-container .comcenter-chat-content .starred.favorite-toggle.join-friend-submit-link.btn-small {
    opacity: 0.5;
}

#comcenter-tab-friends-content .btn-primary.join-friend-submit-link.btn-small.btn {
    padding: 0px;
    width: 23px;
    height: 24px;
    margin-top: 2px;
    opacity: 1;
}

.comcenter-chat-content .btn-primary.join-friend-submit-link.btn-small.btn {
    padding: 0px;
    width: 23px;
    height: 24px;
    margin-top: 2px;
    opacity: 1;
}

#comcenter-tab-friends-content .btn-primary.join-friend-submit-link.btn-small.btn i {
    padding-bottom: 1px;
    margin-top: 0px;
    margin-left: 2px;
}

.comcenter-chat-content .btn-primary.join-friend-submit-link.btn-small.btn i {
    padding-bottom: 1px;
    margin-top: 0px;
    margin-left: 2px;
}

#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn i {
    background: url("../base/shared/icon-join.png") no-repeat 0px 0px;
    width: 10px;
    height: 10px;
    margin-top: 8px;
}

.comcenter-chat-content .join-friend-submit-link.btn-small.btn i {
    background: url("../base/shared/icon-join.png") no-repeat 0px 0px;
    width: 10px;
    height: 10px;
    margin-top: 8px;
}

body .comcenter-chat-content .join-friend-submit-link.btn-small.btn {
    margin-top: 0px;
}

.unread#comcenter-icon-game {
    background: url("../comcenter/icons/cc-reports.png") no-repeat -5px -40px;
    cursor: pointer;
}

#comcenter-icon-game:hover {
    background: url("../comcenter/icons/cc-reports.png") no-repeat -5px -40px;
    cursor: pointer;
}

body .open#comcenter-icon-game {
    background: url("../comcenter/icons/cc-reports.png") no-repeat -5px -80px rgb(253, 191, 0);
}

.unread#comcenter-icon-inbox {
    background: url("../comcenter/icons/cc-inbox-open.png") no-repeat center rgb(253, 191, 0);
}

.open#comcenter-icon-inbox {
    background: url("../comcenter/icons/cc-inbox-open.png") no-repeat center rgb(253, 191, 0);
}

#comcenter-icon-notifications {
    background: url("../comcenter/icons/cc-notifications.png") -4px 0px;
}

    #comcenter-icon-notifications:hover {
        background-position: -4px -40px;
    }

.open#comcenter-icon-notifications {
    background-position: -4px 40px;
    background-color: rgb(253, 191, 0);
}

.comcenter-inbox-notifier {
    cursor: pointer;
}

#base-header .comcenter-notification:hover {
    background: rgba(255, 255, 255, 0.1);
}

#base-header .comcenter-inbox-notifier:hover {
    background: rgba(255, 255, 255, 0.1);
}

#base-header .comcenter-notifications-moreinfo:hover {
    background: rgba(255, 255, 255, 0.1);
}

.unread#comcenter-icon-inbox .comcenter-chat-unread {
    display: block;
}

#comcenter .unread.comcenter-chat-taskbar .unread.chat.icon {
    display: block;
}

body #comcenter .active.comcenter-chat-taskbar .unread.chat.icon {
    display: none;
}

.chat-admin-info {
    text-align: center;
    color: rgb(255, 255, 255);
}

.unread#comcenter-icon-notifications {
    background-position: -4px 80px;
}

    .unread#comcenter-icon-notifications .comcenter-chat-unread {
        display: block;
    }

.unread#comcenter-icon-game .comcenter-chat-unread {
    display: block;
}

.open#comcenter-icon-game .comcenter-chat-unread {
    display: none;
}

.open#comcenter-icon-notifications .comcenter-chat-unread {
    display: none;
}

#comcenter {
    left: 0px;
    height: 0px;
    right: 0px;
    bottom: 0px;
    color: rgb(73, 73, 73);
    line-height: 42px;
    font-size: 11px;
    font-weight: bold;
    position: fixed;
    z-index: 2000;
}

    #comcenter #comcenter-inner {
        height: 100%;
    }

.ugm-showing #comcenter {
    bottom: 42px;
}

#comcenter-friends .comcenter-friend {
}

#comcenter-friends .animate-ie9.comcenter-friend-online.comcenter-friend {
    background-color: rgba(168, 168, 168, 0.6);
}

#comcenter-friends .animate-ie9.comcenter-friend-playing.comcenter-friend {
    background-color: rgba(168, 168, 168, 0.6);
}

#comcenter-friends .animate.comcenter-friend-online.comcenter-friend {
    animation-name: comcenter-friend-online;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: 2;
    -webkit-animation-name: comcenter-friend-online;
    -moz-animation-name: comcenter-friend-online;
    -o-animation-name: comcenter-friend-online;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    -webkit-animation-iteration-count: 2;
    -moz-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
}

#comcenter-friends .comcenter-friend-playing.comcenter-friend {
    color: rgb(102, 255, 102);
}

#comcenter-friends .comcenter-friend-online.comcenter-friend {
    color: rgb(102, 255, 102);
}

#comcenter-friends .comcenter-friend-idle.comcenter-friend {
    color: rgb(255, 255, 0);
}

#comcenter-friends .comcenter-friend-offline.comcenter-friend {
    color: rgb(153, 153, 153);
}

    #comcenter-friends .comcenter-friend-offline.comcenter-friend a {
        color: rgb(138, 138, 138);
        font-weight: normal;
        text-decoration: none;
    }

        #comcenter-friends .comcenter-friend-offline.comcenter-friend a:hover {
            color: rgb(138, 138, 138);
            font-weight: normal;
            text-decoration: none;
        }

#comcenter-friends .comcenter-friend-dnd.comcenter-friend {
    color: rgb(255, 153, 153);
}

.comcenter-info {
    margin-left: 3px;
    float: left;
    position: relative;
}

#patcher-events #patching {
    background: rgb(253, 253, 253);
    border-width: 1px 1px 0px;
    border-style: solid solid none;
    border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor;
    border-image: none;
    left: 104px;
    width: 213px;
    bottom: 40px;
    display: none;
    position: absolute;
    z-index: 2000;
}

#comcenter-joinflow {
    background: rgb(253, 253, 253);
    border-width: 1px 1px 0px;
    border-style: solid solid none;
    border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor;
    border-image: none;
    left: 104px;
    width: 213px;
    bottom: 40px;
    display: none;
    position: absolute;
    z-index: 2000;
}

#comcenter-gamereportupdates-preview {
    background: rgb(253, 253, 253);
    border-width: 1px 1px 0px;
    border-style: solid solid none;
    border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor;
    border-image: none;
    left: 104px;
    width: 213px;
    bottom: 40px;
    display: none;
    position: absolute;
    z-index: 2000;
}

#comcenter-inbox-preview {
    background: rgb(253, 253, 253);
    border-width: 1px 1px 0px;
    border-style: solid solid none;
    border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor;
    border-image: none;
    left: 104px;
    width: 213px;
    bottom: 40px;
    display: none;
    position: absolute;
    z-index: 2000;
}

#comcenter-notifications {
    background: rgb(253, 253, 253);
    border-width: 1px 1px 0px;
    border-style: solid solid none;
    border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor;
    border-image: none;
    left: 104px;
    width: 213px;
    bottom: 40px;
    display: none;
    position: absolute;
    z-index: 2000;
}

#comcenter-matches {
    background: rgb(253, 253, 253);
    border-width: 1px 1px 0px;
    border-style: solid solid none;
    border-color: rgb(170, 170, 170) rgb(170, 170, 170) currentColor;
    border-image: none;
    left: 104px;
    width: 213px;
    bottom: 40px;
    display: none;
    position: absolute;
    z-index: 2000;
}

#comcenter-notifications {
    left: 0px;
    width: 230px;
}

#comcenter-matches {
    left: 0px;
    width: 269px;
}

#patcher-events #patching {
    left: -1px;
    top: -225px;
    width: 229px;
    height: 224px;
    display: none;
}

#comcenter-joinflow {
    left: -1px;
    top: -225px;
    width: 229px;
    height: 224px;
    display: none;
}

#patcher-events #patching {
    display: block;
}

#gamecontrol-game-launcher #comcenter-joinflow {
    display: block;
}

#gamecontrol-game-launcher .askForFullscreen#comcenter-joinflow {
    top: -265px;
    height: 264px;
}

#comcenter-gamereportupdates-preview {
    left: -1px;
    width: 229px;
}

#comcenter-inbox-preview {
    left: -1px;
}

.comcenter-notification-icon {
    left: 0px;
    width: 34px;
    float: left;
    position: absolute;
}

.comcenter-notification-text {
    padding-left: 40px;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    min-height: 35px;
}

    .comcenter-notification-text a {
        font-size: 12px;
    }

.missions.comcenter-notification-text {
    min-height: 44px;
}

.comcenter-notifications-bottom {
    background: rgb(255, 198, 0);
    width: 100%;
    height: 4px;
    clear: both;
}

#comcenter-notifications a {
    color: rgb(28, 121, 157);
    font-size: 11px;
    text-decoration: none;
}

.comcenter-notification-title {
    background: rgb(235, 235, 235);
    height: 33px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 33px;
    overflow: hidden;
    padding-left: 12px;
    font-size: 11px;
    font-weight: bold;
    border-bottom-color: rgb(34, 30, 37);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-shadow: 0px 1px #fff;
}

.comcenter-notification-content {
    color: rgb(0, 0, 0);
    -ms-overflow-y: auto;
    max-height: 500px;
}

    .comcenter-notification-content a {
        font-size: 11px;
    }

.comcenter-notification-list {
    position: relative;
}

#challenges .iconbox {
    width: 52px;
}

.comcenter-notification .iconbox {
    left: 0px;
    width: 40px;
    height: 32px;
    position: absolute;
}

.inbox-notification .iconbox {
    left: 0px;
    width: 40px;
    height: 32px;
    position: absolute;
}

.comcenter-notification .icon {
    background: url("../notification/notification-icons.png") no-repeat;
    width: 18px;
    height: 18px;
    overflow: hidden;
    margin-top: 8px;
    margin-left: 8px;
    display: inline-block;
}

.inbox-notification .icon {
    background: url("../notification/notification-icons.png") no-repeat;
    width: 18px;
    height: 18px;
    overflow: hidden;
    margin-top: 8px;
    margin-left: 8px;
    display: inline-block;
}

.comcenter-notification .friend.icon {
    background-position: 0px -18px;
}

.inbox-notification .friend.icon {
    background-position: 0px -18px;
}

.comcenter-notification .comment.icon {
    background-position: 0px -36px;
}

.inbox-notification .comment.icon {
    background-position: 0px -36px;
}

.comcenter-notification .platoon.icon {
    background-position: 0px -54px;
}

.inbox-notification .platoon.icon {
    background-position: 0px -54px;
}

.comcenter-notification .premium.icon {
    background-position: 0px -72px;
}

.inbox-notification .premium.icon {
    background-position: 0px -72px;
}

.comcenter-notifications-one-click {
    cursor: pointer;
}

.comcenter-notification {
    padding: 10px;
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
    border-bottom-color: rgb(48, 47, 51);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.notfound.comcenter-notification {
    height: 42px;
    text-align: center;
    line-height: 42px;
}

.comcenter-notification a {
    color: rgb(255, 255, 255);
    font-weight: normal;
}

.comcenter-notification .base-profile-link {
    font-weight: bold;
}

.not-read.comcenter-notification {
    background: rgba(255, 255, 255, 0.05);
}

:last-child.comcenter-notification {
    border-bottom-color: currentColor;
    border-bottom-width: 0px;
    border-bottom-style: none;
}

.comcenter-notification-ago {
    color: rgb(175, 175, 175);
    font-size: 11px;
    display: block;
}

.comcenter-notifications-moreinfo {
    text-align: center;
    line-height: 28px;
}

    .comcenter-notifications-moreinfo a {
        width: 100%;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-size: 12px;
        text-decoration: none;
        display: inline-block;
    }

        .comcenter-notifications-moreinfo a:hover {
            text-decoration: underline;
        }

.comcenter-section {
    width: 132px;
    height: 100%;
    text-align: center;
    border-right-color: rgb(131, 131, 130);
    border-right-width: 1px;
    border-right-style: solid;
    float: left;
}

    .comcenter-section img {
        margin-top: 7px;
    }

#comcenter-friendbutton {
    border-width: 1px 1px 0px;
    border-style: solid solid none;
    border-color: rgb(57, 57, 57) rgb(57, 57, 57) currentColor;
    border-image: none;
    width: 235px;
    height: 39px;
    line-height: 14px;
    cursor: pointer;
}

.comcenter-divider-left {
    width: 1px;
    height: 40px;
    float: right;
}

.comcenter-divider {
    width: 1px;
    height: 40px;
    float: right;
}

.comcenter-divider-left {
    float: left;
}

.active#comcenter-friendbutton .comcenter-taskbar-info {
    background: url("../comcenter/comcenter-active.png");
    color: rgb(19, 17, 16);
}

#comcenter-friendbutton .comcenter-button-info {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 8px;
}

#comcenter-friendbutton .comcenter-button-title {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 8px;
}

#comcenter-friendbutton .comcenter-button-info {
    width: 116px;
    color: rgb(255, 198, 0);
    text-transform: none;
    overflow: hidden;
    font-weight: normal;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

.active#comcenter-friendbutton .comcenter-button-info {
    color: rgb(88, 65, 11);
    font-weight: normal;
    text-shadow: 0px 1px #fddd82;
}

#comcenter-friendbutton .comcenter-origin-logo {
    background: url("../base/shared/origin-logo.png") no-repeat 210px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}

#comcenter-friendbutton .comcenter-button-title {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    margin-top: 5px;
}

.active#comcenter-friendbutton .comcenter-button-title {
    color: rgb(0, 0, 0);
    text-shadow: 0px 1px #fddd82;
}

#comcenter-friends-list ul li {
    padding: 5px 0px;
    overflow: auto;
    clear: both;
    display: block;
}

    #comcenter-friends-list ul li:hover {
        background-color: rgb(233, 233, 233);
    }

    #comcenter-friends-list ul li img {
        margin: 0px 5px;
        float: left;
    }

    #comcenter-friends-list ul li .main-profile-status-icon {
        margin: 5px 0px 0px 10px;
    }

    #comcenter-friends-list ul li a {
        line-height: 18px;
        text-decoration: none;
        float: left;
    }

.comcenter-chat-header form.join-friend .base-general-dropdown-area {
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    left: 86px;
    top: 30px;
}

#comcenter-friends-list ul li .join-friend .base-button-arrow-tiny {
    background: url("../base/bfbc2/buttons/base-button-arrow-extra-small.png") 0px -36px;
    height: 18px;
    margin-right: 8px;
    float: right;
}

    #comcenter-friends-list ul li .join-friend .base-button-arrow-tiny:hover {
        background: url("../base/bfbc2/buttons/base-button-arrow-extra-small.png") 0px -18px;
    }

    #comcenter-friends-list ul li .join-friend .base-button-arrow-tiny:active {
        background: url("../base/bfbc2/buttons/base-button-arrow-extra-small.png") 0px -36px;
    }

#comcenter li .join-friend {
    height: 5px;
}

#comcenter-friendcounter {
    background: url("../comcenter/friends-online.png") no-repeat left;
    width: 25px;
    height: 100%;
    color: rgb(149, 149, 149);
    padding-left: 10px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-right: 10px;
    float: right;
    position: relative;
}

#comcenter-friendsplaying {
    background: url("../comcenter/friends-playing.png") no-repeat left;
    width: 20px;
    height: 100%;
    color: rgb(149, 149, 149);
    padding-left: 10px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-right: 0px;
    float: right;
    position: relative;
}

.comcenter-item {
    float: left;
}

.comcenter-chat-status-icon {
    width: 18px;
    height: 100%;
    float: left;
}

.comcenter-status-icon {
    width: 18px;
    height: 100%;
    float: left;
}

    .comcenter-status-icon img {
        margin-top: 14px;
        margin-left: 6px;
    }

.comcenter-chat-status-icon img {
    margin-top: 12px;
    margin-left: 6px;
}

.comcenter-dropdownbutton {
    top: 0px;
    width: 18px;
    height: 37px;
    right: 0px;
    display: none;
    position: absolute;
}

.comcenter-dropdownbutton-inner {
    background: url("../comcenter/dropdownbutton.png");
    top: 11px;
    width: 13px;
    height: 13px;
    position: absolute;
}

.comcenter-friend:hover .comcenter-dropdownbutton {
    display: block;
}

.active.comcenter-dropdownbutton {
    display: block;
}

.comcenter-dropdownbutton:hover {
    display: block;
}

.active.comcenter-dropdownbutton .comcenter-dropdownbutton-inner {
    background-position: 0px 13px;
}

.comcenter-dropdownbutton:hover .comcenter-dropdownbutton-inner {
    background-position: 0px 13px;
}

.comcenter-dropdown {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(170, 170, 170);
    border-image: none;
    top: 23px;
    width: 115px;
    right: 6px;
    position: absolute;
    z-index: 100;
}

    .comcenter-dropdown a {
        padding: 0px 10px;
        width: 95px;
        height: 25px;
        line-height: 25px;
        font-size: 11px;
        display: block;
    }

#comcenter-area .comcenter-dropdown li {
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    border-bottom-color: rgb(235, 235, 235);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.comcenter-dropdown li.inactive {
    padding: 0px 10px;
    color: rgb(168, 168, 168);
    cursor: default !important;
}

.comcenter-friend-item .comcenter-dropdown li:hover {
    background: rgb(255, 255, 255);
}

.comcenter-chat-avatar-multi {
    margin-right: 6px;
    float: left;
}

.comcenter-chat-avatar-taskbar {
    margin-right: 6px;
    float: left;
}

.comcenter-avatar {
    margin-right: 6px;
    float: left;
}

.comcenter-chat-avatar {
    margin-right: 6px;
    float: left;
}

#comcenter-friendrequests-list .comcenter-avatar {
    padding-left: 11px;
}

.comcenter-chat-avatar-taskbar {
    margin: 4px 2px 0px;
    line-height: normal;
}

.comcenter-chat-group .comcenter-chat-avatar-taskbar {
    margin-top: 8px;
}

.comcenter-chat-avatar-multi-free-slot {
    background: rgb(32, 32, 32);
    width: 26px;
    height: 26px;
    margin-top: 0px;
    margin-right: 2px;
    margin-left: 0px;
    border-top-color: rgb(32, 32, 32);
    border-top-width: 1px;
    border-top-style: solid;
    float: left;
    position: relative;
}

.comcenter-chat-avatar-multi {
    width: 26px;
    height: 27px;
    line-height: 1;
    margin-top: 0px;
    margin-right: 2px;
    margin-left: 0px;
    position: relative;
}

    .comcenter-chat-avatar-multi:hover .base-general-dropdown-area {
        display: block;
    }

    .comcenter-chat-avatar-multi .base-general-dropdown-area {
        background: rgba(0, 0, 0, 0.9);
        top: 26px;
        width: 140px;
        line-height: 1;
        display: none;
        z-index: 100;
    }

        .comcenter-chat-avatar-multi .base-general-dropdown-area a {
            color: rgb(255, 255, 255);
        }

.comcenter-chat-serverinfo-playing {
    color: rgb(53, 53, 53);
    font-weight: normal;
}

.comcenter-chat-serverinfo a {
    font-size: 11px;
}

.comcenter-chat-serverinfo-notplaying {
    text-align: center;
    color: rgb(149, 149, 149);
}

.comcenter-chat-empty {
    top: 120px;
    width: 200px;
    height: 120px;
    text-align: center;
    position: absolute;
}

.comcenter-no-online-friends {
    padding: 4px;
    text-align: center;
    color: rgb(149, 149, 149);
    line-height: 23px;
    font-size: 12px;
    font-weight: bold;
    z-index: 1;
}

    .comcenter-no-online-friends img {
        margin-top: 18px;
    }

    .comcenter-no-online-friends .loader {
        top: 60px;
        position: relative;
    }

.comcenter-origin-unavailable {
    color: rgb(204, 56, 44);
    padding-top: 20px;
}

#comcenter-tab-settings-content {
    position: relative;
    -ms-overflow-x: hidden;
    -ms-overflow-y: scroll;
}

.chat-header {
    background: rgb(235, 235, 235);
    height: 34px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 33px;
    font-size: 11px;
    font-weight: bold;
    border-bottom-color: rgb(190, 190, 190);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
    text-shadow: 0px 1px #fff;
}

.comcenter-chat-contract {
    background: url("../base/shared/row_icon_chat.png") 0px 0px;
    top: 10px;
    width: 13px;
    height: 13px;
    right: 6px;
    position: absolute;
    cursor: pointer;
}

.chat-header .comcenter-chat-contract {
    right: 22px;
    position: absolute;
}

.chat-header .comcenter-username {
    height: 34px;
    right: 36px;
    position: absolute;
}

.comcenter-chat-group .chat-header .comcenter-chat-contract {
    right: 6px;
    float: right;
    position: relative;
}

.comcenter-close-group {
    background: url("../base/shared/row_icon_chat.png") 0px 26px;
    top: 14px;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    float: right;
    position: relative;
    cursor: pointer;
}

.comcenter-close {
    background: url("../base/shared/row_icon_chat.png") 0px 26px;
    top: 14px;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    float: right;
    position: relative;
    cursor: pointer;
}

.comcenter-chat-party-menu {
    top: 10px;
    margin-right: 4px;
    float: right;
    position: relative;
    cursor: pointer;
}

.comcenter-chat-party-menu-icon {
    background: url("../ui/icons-small.png") no-repeat -14px -42px;
    width: 14px;
    height: 14px;
    position: relative;
    cursor: pointer;
    opacity: 0.3;
}

    .comcenter-chat-party-menu-icon:hover {
        opacity: 0.8;
    }

.comcenter-close-group {
    background-position: 0px 13px;
    display: none;
}

.comcenter-close:hover {
    background-position: 0px 13px;
}

.chat-header .comcenter-close-group {
    top: 10px;
}

.chat-header .comcenter-close {
    top: 10px;
}

.comcenter-notification-padder#comcenter-notifications {
    left: 2px;
}

.chat-header {
    position: relative;
    z-index: 100;
}

.comcenter-contract:hover {
    background-position: 0px -13px;
}

.comcenter-chat-contract:hover {
    background-position: 0px -13px;
}

.chat-members {
    background: rgb(0, 0, 0);
    left: 0px;
    top: 34px;
    right: 0px;
    bottom: 38px;
    display: none;
    position: absolute;
    z-index: 1;
    -ms-overflow-y: auto;
}

    .chat-members .chattitle {
        margin: 0px;
        padding: 0px 6px;
        color: rgb(138, 138, 138);
        text-transform: uppercase;
        line-height: 20px;
        font-family: Tahoma, Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        border-bottom-color: rgba(255, 255, 255, 0.1);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
    }

.showmembers.comcenter-chat-taskbar .chat-members {
    display: block;
}

.chat-members .close-chat-members {
    left: 0px;
    height: 30px;
    text-align: center;
    right: 0px;
    bottom: 0px;
    position: fixed;
}

.chat-members .comcenter-chat-member {
    padding: 6px;
    clear: both;
    border-bottom-color: rgb(46, 46, 46);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
}

    .chat-members .comcenter-chat-member .join-friend-generic-button {
        top: 8px;
        right: 8px;
        position: absolute;
    }

    .chat-members .comcenter-chat-member .comcenter-chat-member-actions {
        top: 4px;
        text-align: right;
        right: 6px;
        position: absolute;
    }

    .chat-members .comcenter-chat-member .comcenter-chat-username {
        color: rgb(138, 138, 138);
        line-height: 18px;
        font-size: 12px;
        font-weight: normal;
        margin-left: 4px;
    }

    .chat-members .comcenter-chat-member .comcenter-chat-member-actions li {
        margin-right: 6px;
        float: left;
    }

.chat-member-close {
    background: rgb(0, 0, 0);
    left: 0px;
    height: 38px;
    text-align: center;
    right: 0px;
    bottom: 0px;
    line-height: 38px;
    border-top-color: rgb(46, 46, 46);
    border-top-width: 1px;
    border-top-style: solid;
    display: none;
    position: absolute;
    z-index: 2;
}

.showmembers.comcenter-chat-taskbar .chat-member-close {
    display: block;
}

.comcenter-chat-group-header {
    background: none;
    height: 34px;
    line-height: 34px;
    clear: both;
    border-top-color: rgb(210, 210, 210);
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
}

.comcenter-chat-header {
    padding: 0px 5px;
    height: 33px;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
}

.comcenter-chat-idle {
    text-align: center;
    color: rgb(138, 138, 138);
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.comcenter-chat-offline {
    text-align: center;
    color: rgb(138, 138, 138);
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.comcenter-chat-server {
    text-align: center;
    color: rgb(138, 138, 138);
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.comcenter-chat-header-origin {
    line-height: 17px;
}

.chat-header-group-chat {
    overflow: hidden;
    padding-left: 6px;
    font-size: 12px;
    float: left;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    max-width: 170px;
    text-shadow: none;
}

.chat-header-group-name-area {
    background: rgb(235, 235, 235);
    left: 5px;
    top: 0px;
    width: 181px;
    display: none;
    position: absolute;
    z-index: 2;
}

.chat-header-submit {
    font-size: 11px;
}

.chat-header-group-chat-editname {
    background: url("../comcenter/chat-edit.png") no-repeat 0px 0px;
    width: 14px;
    height: 14px;
    margin-top: 9px;
    margin-left: 6px;
    float: left;
    display: block;
}

    .chat-header-group-chat-editname:hover {
        background-position: 0px -14px;
    }

.chat-header-group-name-area-input {
    width: 120px;
}

.comcenter-chat-group-avatars {
    margin-top: 0px;
    margin-left: 4px;
    white-space: nowrap;
    position: relative;
}

.comcenter-chat-platoon .comcenter-chat-group-avatars {
    width: 135px;
}

.comcenter-chat-group-expand {
    background: url("../base/shared/row_icon_collapse_expand.png");
    width: 12px;
    height: 12px;
    margin-top: 14px;
    margin-left: 6px;
    float: left;
    cursor: pointer;
}

    .comcenter-chat-group-expand:hover {
        background-position: 0px -12px;
    }

.active.comcenter-chat-group-expand {
    background-position: 0px 24px;
}

    .active.comcenter-chat-group-expand:hover {
        background-position: 0px 12px;
    }

.comcenter-chat-group-expanded-header {
    background: 0px 0px rgb(253, 253, 253);
    top: 76px;
    width: 230px;
    height: 257px;
    display: none;
    position: absolute;
    z-index: 20;
    -ms-overflow-y: scroll;
}

.comcenter-chat-group-usernames {
    clear: both;
    margin-top: 0px;
    margin-left: 6px;
}

    .comcenter-chat-group-usernames a {
        font-size: 11px;
        font-weight: normal;
    }

.comcenter-chat-username-you {
    width: 154px;
    color: rgb(149, 149, 149);
    overflow: hidden;
    font-size: 11px;
    font-weight: bold;
    float: left;
    white-space: nowrap;
}

.comcenter-chat-username-other {
    width: 154px;
    color: rgb(149, 149, 149);
    overflow: hidden;
    font-size: 11px;
    font-weight: bold;
    float: left;
    white-space: nowrap;
}

    .comcenter-chat-username-other a {
        font-size: 11px;
    }

.comcenter-chat-timestamp {
    color: rgb(202, 202, 202);
    font-size: 9px;
    float: right;
}

.comcenter-chat-message-content {
    color: rgb(53, 53, 53);
    clear: both;
    font-size: 12px;
    font-weight: normal;
    -ms-word-wrap: break-word;
}

    .comcenter-chat-message-content .em {
        top: 3px;
        width: 18px;
        height: 18px;
        display: inline-block;
        position: relative;
        -ms-zoom: 1;
    }

.comcenter-chat-same-author {
    padding: 0px 6px 6px;
    line-height: 16px;
}

.comcenter-chat-message-content a {
    font-size: 11px;
}

.comcenter-chat-status-message-content {
    padding: 6px 0px 6px 6px;
    text-align: left;
    color: rgb(53, 53, 53);
    line-height: 16px;
    clear: both;
    font-weight: bold;
    margin-bottom: 1px;
    border-top-color: rgb(235, 235, 235);
    border-top-width: 1px;
    border-top-style: solid;
}

.chat-game-logo {
    margin: 0px 6px;
    float: left;
}

.comcenter-chat-serverinfo {
    color: rgb(48, 141, 191);
    line-height: 30px;
    overflow: hidden;
    margin-left: 1px;
    float: left;
    white-space: nowrap;
}

.comcenter-server-joinbutton {
    top: -2px;
    right: 6px;
    display: block;
    position: absolute;
}

.chat-joinbutton {
    top: 0px;
    right: 6px;
    display: block;
    position: absolute;
}

.comcenter-chat-bottom {
    width: 229px;
    height: 36px;
    position: relative;
}

    .comcenter-chat-bottom .comcenter-chat-bottom-info {
        text-align: center;
        color: rgb(168, 168, 168);
        line-height: 36px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
    }

        .comcenter-chat-bottom .comcenter-chat-bottom-info a {
            color: rgb(255, 255, 255);
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
        }

.user-is-offline.comcenter-chat-bottom {
    background-position: 0px -38px;
}

.disabled.comcenter-chat-bottom {
    background-position: 0px 38px;
}

#comcenter-chats .comcenter-chat-chat {
    background: 0px 0px rgb(255, 255, 255);
    width: 100%;
    height: 302px;
    color: rgb(149, 149, 149);
    position: relative;
    -ms-overflow-y: scroll;
}

#comcenter-chats .comcenter-chat-minisize {
    height: 267px;
}

#comcenter-chats .comcenter-chat-group .comcenter-chat-chat {
    height: 266px;
}

#comcenter-chats .comcenter-chat-platoon .comcenter-chat-chat {
    height: 257px;
}

.comcenter-chat-message {
    padding: 6px;
    line-height: 16px;
    border-top-color: rgb(235, 235, 235);
    border-top-width: 1px;
    border-top-style: solid;
}

.chat-header {
    width: 230px;
    text-transform: none;
}

.comcenter-bottom-row {
    background: url("../comcenter/bottom-yellow.png");
    width: 100%;
    height: 4px;
}

.comcenter-playing-logo {
    width: 26px;
    right: 0px;
    margin-top: 10px;
    margin-right: 4px;
    float: left;
}

.comcenter-chat-group-list {
    width: 213px;
}

#draggables li {
    background: rgb(0, 0, 0);
    padding: 5px;
    border: 0px currentColor;
    border-image: none;
    width: 225px;
    color: rgb(255, 255, 255);
    overflow: hidden;
    list-style-type: none;
}

#draggables li {
    cursor: url(/cdnprefix/local/public/comcenter/cursors/cursor-closedhand.cur), move;
}

    #draggables li a {
        cursor: url(/cdnprefix/local/public/comcenter/cursors/cursor-closedhand.cur), move;
    }

    #draggables li.active {
        background: rgb(53, 53, 53);
    }

    #draggables li .comcenter-interact-container {
        display: none;
    }

    #draggables li .comcenter-dropdownbutton {
        display: none;
    }

.comcenter-friend-item {
    padding-right: 10px;
    clear: both;
}

#comcenter-tabs {
    height: 29px;
    line-height: 29px;
}

.comcenter-tab-small {
    background: url("../comcenter/tab-not-active.png");
    width: 134px;
    height: 29px;
    color: rgb(53, 53, 53);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    float: left;
    cursor: pointer;
    text-shadow: 0px 1px #e0e0e0;
}

.comcenter-tab {
    background: url("../comcenter/tab-not-active.png");
    width: 134px;
    height: 29px;
    color: rgb(53, 53, 53);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    float: left;
    cursor: pointer;
    text-shadow: 0px 1px #e0e0e0;
}

.setting.comcenter-tab-small {
    width: 31px;
    border-left-color: rgb(157, 157, 157);
    border-left-width: 1px;
    border-left-style: solid;
}

.comcenter-setting-icon {
    background: url("../comcenter/icon-settings.png") 0px -17px;
    width: 16px;
    height: 17px;
    margin-top: 7px;
    margin-left: 8px;
}

.active.comcenter-tab .comcenter-setting-icon {
    background: url("../comcenter/icon-settings.png");
}

.title.comcenter-tab {
    float: left;
}

.active.comcenter-tab {
    background: url("../comcenter/tab-active.png");
    color: rgb(255, 197, 0);
    text-shadow: 0px 1px #000000;
}

.comcenter-tab .title {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    margin-left: 10px;
    float: left;
}

.comcenter-tab-content {
    display: block;
}

.active.comcenter-tab-content {
    display: block;
}

.comcenter-tab-line {
    background: rgb(0, 0, 0);
    width: 100%;
    height: 5px;
    clear: both;
}

#comcenter-loading {
    background: rgb(241, 241, 241);
    left: 0px;
    top: 68px;
    width: 270px;
    height: 303px;
    display: none;
    position: absolute;
    z-index: 12;
}

.comcenter-loading-area {
    background: url("../base/shared/loading16x16.gif") no-repeat top;
    margin: 100px auto 0px;
    width: 100px;
    height: 100px;
    text-align: center;
    color: rgb(53, 53, 53);
    padding-top: 48px;
    font-weight: bold;
}

#comcenter-friendrequests-separator {
    position: relative;
}

.chat-header p {
    margin-left: 15px;
}

.comcenter-notification-title {
    padding-left: 12px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
}

.comcenter-friend {
    height: 34px;
    font-weight: bold;
}

    .comcenter-friend .comcenter-friend-avatar {
        background: rgb(255, 255, 255);
        margin: 6px 10px;
        border: 1px solid rgb(220, 220, 220);
        border-image: none;
        width: 21px;
        height: 21px;
        float: left;
    }

    .comcenter-friend .comcenter-username {
        margin-top: 9px;
    }

    .comcenter-friend a {
        color: rgb(48, 141, 191);
        text-decoration: none;
    }

        .comcenter-friend a:hover {
            text-decoration: underline;
        }

.comcenter-friend-playing.ui-draggable-dragging.comcenter-friend .comcenter-username {
    margin-top: 0px;
}

.ui-draggable-dragging.comcenter-friend .comcenter-username-idle.comcenter-username {
    margin-top: 0px;
}

.ui-multidraggable.comcenter-friend {
    background: rgb(68, 68, 68);
    border-bottom-color: rgb(33, 33, 33);
}

    .ui-multidraggable.comcenter-friend:hover {
        background: rgb(68, 68, 68);
        border-bottom-color: rgb(33, 33, 33);
    }

        .ui-multidraggable.comcenter-friend:hover .comcenter-dropdownbutton {
            display: none;
        }

li.comcenter-thisisyou:hover {
    background: none;
    cursor: default;
}

#comcenter-surface-friends {
    display: block;
}

.comcenter-chat-bottom-loader {
    top: 13px;
    right: 11px;
    display: none;
    position: absolute;
}

.comcenter-chat-input-disabled {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 173, 179) rgb(204, 204, 204) rgb(204, 204, 204);
    padding: 0px 3px;
    border-image: none;
    left: -2px;
    top: -4px;
    width: 214px;
    height: 21px;
    color: rgb(0, 0, 0);
    line-height: 19px;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
}

.comcenter-chat-input {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 173, 179) rgb(204, 204, 204) rgb(204, 204, 204);
    padding: 0px 3px;
    border-image: none;
    left: -2px;
    top: -4px;
    width: 214px;
    height: 21px;
    color: rgb(0, 0, 0);
    line-height: 19px;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
}

.comcenter-chat-content {
    background: 0px 0px rgb(255, 255, 255);
    border-width: 1px 1px 0px;
    border-style: solid solid none;
    border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentColor;
    border-image: none;
    width: 230px;
    height: 377px;
    bottom: 0px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 5;
    cursor: default;
    -webkit-backface-visibility: hidden;
}

.comcenter-chat-droppable-content {
    top: 106px;
    width: 231px;
    text-align: center;
    position: absolute;
}

.comcenter-chat-droppable-info {
    top: 10px;
    width: 216px;
    text-align: center;
    position: absolute;
}

.comcenter-chat-droppable {
    background: url("../comcenter/dropzone-party.png");
    padding: 0px;
    left: 0px;
    top: 56px;
    width: 213px;
    height: 300px;
    text-align: center;
    color: rgb(149, 149, 149);
    line-height: 16px;
    font-weight: normal;
    display: none;
    position: absolute;
    z-index: 100;
}

    .comcenter-chat-droppable b {
        color: rgb(0, 0, 0);
    }

.comcenter-chat-content .dragging.comcenter-chat-droppable .comcenter-chat-droppable-content {
    color: rgb(53, 53, 53);
}

.comcenter-chat-content .active.comcenter-chat-droppable .comcenter-chat-droppable-content {
    color: rgb(53, 53, 53);
}

.comcenter-chat-content .dragging.comcenter-chat-droppable {
    background: url("../comcenter/dropzone-active.png");
    width: 230px;
    height: 195px;
}

.comcenter-chat-content .active.comcenter-chat-droppable {
    background: url("../comcenter/dropzone-active.png");
    width: 230px;
    height: 195px;
}

.visible.comcenter-chat-droppable {
    display: block;
}

.comcenter-receipt {
    background: rgb(218, 243, 193);
    left: 0px;
    width: 270px;
    height: 40px;
    text-align: center;
    bottom: 1px;
    color: rgb(53, 53, 53);
    line-height: 40px;
    font-weight: bold;
    border-top-color: rgb(156, 192, 120);
    border-top-width: 1px;
    border-top-style: solid;
    display: none;
    position: absolute;
    z-index: 100;
}

.comcenter-chat-leavechat {
    margin-right: 6px;
    float: right;
}

.contracted.comcenter-chat-taskbar {
    width: 40px;
}

.comcenter-chat-taskbar .comcenter-close {
    display: none;
}

.comcenter-chat-taskbar:hover .comcenter-close {
    background: url("../base/shared/row_icon_chat_light.png") 0px -26px;
    display: block;
}

.comcenter-chat-taskbar .comcenter-close:hover {
    background: url("../base/shared/row_icon_chat_light.png") 0px 13px;
    display: block;
}

#comcenter-search .hidden {
    display: none;
}

.comcenter-search-friends {
    background: url("../comcenter/search.png");
    width: 210px;
    height: 32px;
}

#comcenter-search-friends-input {
    background: none;
    padding: 3px 3px 3px 21px;
    border: currentColor;
    border-image: none;
    top: -5px;
    width: 174px;
    height: 14px;
    color: rgb(53, 53, 53);
    line-height: 14px;
    font-size: 11px;
    margin-left: 6px;
    position: relative;
}

.comcenter-setting {
    background: url("../comcenter/fullwidth-sprite.png");
    width: 33px;
    height: 40px;
    border-left-color: rgb(64, 64, 64);
    border-left-width: 1px;
    border-left-style: solid;
    float: right;
    position: relative;
    z-index: 2;
    cursor: pointer;
    opacity: 0.75;
}

    .comcenter-setting:hover {
        opacity: 1;
    }

.muted.comcenter-setting {
    opacity: 1;
}

.noise.comcenter-setting {
    background-position: -2px -35px;
}

.notselectable#comcenter-friendbutton .muted.noise {
    background-position: -39px -35px;
    background-color: rgb(209, 27, 27);
}

.mic.comcenter-setting {
    background-position: -2px -71px;
}

.ui-dragable {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.ui-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.comcenter-notification-content .comcenter-separator {
    height: 17px;
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    line-height: 18px;
    padding-left: 14px;
    font-family: Purista, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
}

.comcenter-chat-offlineuser {
    background: rgb(248, 248, 248);
    margin: 3px;
    padding: 6px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 193px;
    height: 33px;
    bottom: 0px;
    color: rgb(53, 53, 53);
    line-height: 16px;
    font-weight: normal;
    position: absolute;
}

.comcenter-notification-index-sendlink {
    margin-left: 6px;
    float: left;
}

.comcenter-notification-index-viewlink {
    float: right;
}

li.comcenter-friend-hidden {
    display: none;
}

#comcenter-currentchannel {
    position: relative;
}

    #comcenter-currentchannel .common-dropzone {
        width: 266px;
        height: 100%;
    }

        #comcenter-currentchannel .common-dropzone .common-dropzone-content {
            width: 263px;
            height: 105px;
        }

.comcenter-chat-platoon-header {
    padding: 0px 6px;
    height: 42px;
    line-height: 18px;
    border-bottom-color: rgb(226, 226, 226);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.comcenter-platoonbadge {
    top: 6px;
    position: relative;
}

.comcenter-friendrequestarea {
    width: 68px;
    float: right;
}

.comcenter-friend-request-button {
    border: 0px currentColor;
    border-image: none;
    width: 25px;
    height: 26px;
    margin-top: 5px;
    margin-right: 6px;
    float: left;
    cursor: pointer;
}

.comcenter-taskbar-info {
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 39px;
    float: left;
}

    .comcenter-taskbar-info:hover {
        background: rgba(42, 42, 42, 0.9);
    }

.chat-list-party-privacy {
    background: url("../base/shared/icon-lock.png");
    width: 11px;
    height: 10px;
    margin-top: 11px;
    margin-left: 6px;
    float: left;
    display: block;
    position: relative;
}

.chat-toggle-party-privacy {
    background: url("../base/shared/icon-lock.png");
    width: 11px;
    height: 10px;
    margin-top: 11px;
    margin-left: 6px;
    float: left;
    display: block;
    position: relative;
}

.chat-list-party-privacy:hover {
    text-decoration: none;
    cursor: default;
}

.open.chat-list-party-privacy {
    background-position: -11px 0px;
}

.open.chat-toggle-party-privacy {
    background-position: 0px 0px;
    text-decoration: none;
}

.closed.chat-list-party-privacy {
    background-position: 11px 0px;
}

.closed.chat-toggle-party-privacy {
    background-position: 22px 0px;
    text-decoration: none;
}

#comcenter-create-party-area {
    background: rgb(239, 239, 239);
    height: 32px;
    color: rgb(138, 138, 138);
    line-height: 32px;
    padding-left: 6px;
    border-top-color: rgb(210, 210, 210);
    border-top-width: 2px;
    border-top-style: solid;
}

.comcenter-game-icon {
    margin-top: 1px;
    margin-right: 4px;
    float: left;
}

.comcenter-interact-container {
    top: 0px;
    right: 12px;
    position: absolute;
}

.comcenter-manage-friends {
    background: url("../comcenter/icon-managefriends.png") no-repeat 0px 0px;
    left: 6px;
    top: 0px;
    width: 23px;
    height: 33px;
    text-decoration: none;
    border-right-color: rgb(210, 210, 210);
    border-right-width: 1px;
    border-right-style: solid;
    display: block;
    position: relative;
}

.comcenter-manage-friendsn:hover {
    background-position: 0px -28px;
}

#comcenter-area .join-friend-dropdown {
    border: 1px solid rgb(166, 166, 166);
    border-image: none;
    left: -107px;
    top: 30px;
    width: 130px;
}

.comcenter-chat-bottom-container {
    background: rgb(243, 243, 243);
    border-top-color: rgb(210, 210, 210);
    border-top-width: 1px;
    border-top-style: solid;
}

.comcenter-chat-group-avatars-container {
    margin: 4px 0px;
    position: relative;
}

.comcenter-username-serverinfo {
    overflow: hidden;
    clear: both;
    white-space: nowrap;
    position: relative;
    -ms-text-overflow: ellipsis;
}

.comcenter-chat-platoon-badge {
    top: 4px;
    height: 20px;
    margin-left: 6px;
    float: left;
    position: relative;
}

.comcenter-chat-group-partyserverbutton {
    top: -2px;
    height: 35px;
    margin-right: 4px;
    float: right;
    position: relative;
}

    .comcenter-chat-group-partyserverbutton button {
        line-height: 16px;
    }

.comcenter-chat-group-partyservername {
    line-height: 14px;
    padding-top: 4px;
    margin-left: 6px;
    float: left;
}

.comcenter-chat-group-partyserver {
    background: rgb(243, 243, 243);
    top: 0px;
    width: 230px;
    height: 38px;
    padding-top: 2px;
    border-top-color: rgb(210, 210, 210);
    border-bottom-color: rgb(210, 210, 210);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    position: relative;
    z-index: 1;
}

.comcenter-chat-group-partyservername .common-playing-mode {
    top: 8px;
    position: relative;
}

.comcenter-chatpartyjoin {
    width: 130px;
    float: left;
}

.comcenter-chatpartyjoin-icon {
    width: 116px;
    line-height: 13px;
    overflow: hidden;
    clear: left;
    margin-top: 2px;
    margin-right: 4px;
    float: left;
}

.comcenter-chatpartyjoin-joinbutton {
    margin-right: 2px;
    float: right;
}

.comcenter-chat-group-partyservername-players {
    color: rgb(138, 138, 138);
    float: left;
    cursor: pointer;
}

.comcenter-chat-group-nooneplaying {
    background: rgb(243, 243, 243);
    height: 41px;
    text-align: center;
    color: rgb(138, 138, 138);
    clear: both;
    border-bottom-color: rgb(210, 210, 210);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.comcenter-chat-group-settings {
    background: url("../comcenter/settings.png");
    width: 12px;
    height: 12px;
    margin-top: 7px;
    margin-right: 6px;
    float: right;
    display: block;
    position: relative;
}

    .comcenter-chat-group-settings:hover {
        background-position: 0px -12px;
    }

body .comcenter-chatparty-gameicon {
    left: -4px;
    top: 4px;
    margin-top: 1px;
    margin-right: 0px;
    position: relative;
}

.comcenter-chat-partyowner {
    background: rgb(0, 0, 0);
    top: 0px;
    width: 2px;
    height: 2px;
    position: absolute;
}

.comcenter-chatparty-playingserver {
    width: 100px;
    overflow: hidden;
}

#comcenter-matches-list-empty {
    padding: 10px;
    color: rgb(168, 168, 168);
    font-size: 12px;
    font-weight: normal;
    border-bottom-color: rgb(48, 47, 51);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#comcenter-friends .comcenter-friends-border {
    background: rgb(223, 223, 223);
    left: -1px;
    top: 0px;
    width: 1px;
    height: 100%;
    position: absolute;
    opacity: 0.25;
}

#comcenter-tab-friends-content {
    background: none;
    left: 0px;
    top: 48px;
    right: 0px;
    bottom: 41px;
    overflow: auto;
    margin-bottom: 0px;
    position: absolute;
}

#comcenter-tab-chats {
    background: none;
    left: 0px;
    top: 48px;
    right: 0px;
    bottom: 41px;
    overflow: auto;
    margin-bottom: 0px;
    position: absolute;
}

#comcenter-tab-search {
    background: none;
    left: 0px;
    top: 48px;
    right: 0px;
    bottom: 41px;
    overflow: auto;
    margin-bottom: 0px;
    position: absolute;
}

.app-promotion #comcenter-tab-friends-content {
    bottom: 134px;
}

.app-promotion #comcenter-tab-chats {
    bottom: 134px;
}

.app-promotion #comcenter-tab-search {
    bottom: 134px;
}

.comcenter-taskbar-info {
    display: none;
}

.base-button-party {
    width: 132px;
    margin-left: 2px;
    background-image: url("../comcenter/fullwidth-button-party.png");
}

li.comcenter-found-no-online-friends {
    background: none;
}

li.comcenter-separator {
    height: 18px;
    padding-left: 4px;
    margin-top: 4px;
    margin-left: 2px;
}

#comcenter-friendbutton {
    border: 0px currentColor;
    border-image: none;
}

.comcenter-friend-online .comcenter-username a {
    color: white;
}

.comcenter-friend-playing .comcenter-username a {
    color: white;
}

#comcenter-surface-friendrequests .comcenter-username a {
    color: white;
}

.comcenter-friend-draggable {
    width: 3px;
    height: 8px;
    margin-top: 14px;
    margin-right: 6px;
    margin-left: 1px;
    float: left;
}

.comcenter-friend-draggable-dummy {
    width: 3px;
    height: 8px;
    margin-top: 14px;
    margin-right: 6px;
    margin-left: 1px;
    float: left;
}

.comcenter-friend-draggable {
    background: url("../comcenter/comcenter-draggable.png") 0px 48px;
}

.base-button-party {
    display: none;
}

.comcenter-full-height {
    display: inline;
}

.comcenter-small-height {
    display: none;
}

#comcenter-friendbutton {
    right: 0px;
    bottom: 0px;
    position: absolute;
}

.comcenter-full-height {
    display: none;
}

.comcenter-chat-username-link {
    padding-left: 6px;
    font-size: 12px;
    float: left;
}

#comcenter-friends {
    background: rgba(0, 0, 0, 0.75);
    top: 0px;
    /*width: 237px;*/
    width: 260px;
    right: 0px;
    bottom: 0px;
    font-size: 12px;
    display: block;
    position: fixed;
    z-index: 1001;
}

    #comcenter-friends .jspVerticalBar {
        right: 0px;
    }

        #comcenter-friends .jspVerticalBar .jspDrag {
            border-radius: 0px;
        }

    #comcenter-friends .muted.mic.comcenter-setting {
        background-position: -38px -71px;
        background-color: rgb(209, 27, 27);
    }

    #comcenter-friends #comcenter-friendrequests-list {
        margin-bottom: 6px;
    }

        #comcenter-friends #comcenter-friendrequests-list .comcenter-username a {
            width: 90px;
        }

    #comcenter-friends .comcenter-username-idle {
        padding-top: 1px;
        font-size: 12px;
        margin-top: 0px;
        float: left;
        white-space: nowrap;
    }

    #comcenter-friends .comcenter-username-away {
        color: rgb(138, 138, 138);
        line-height: 15px;
        font-size: 11px;
        font-weight: normal;
    }

    #comcenter-friends #comcenter-tab-friends-content .common-playing-link {
        /*width: 95px;*/
        width: 130px;
        color: rgb(138, 138, 138);
        line-height: 15px;
        font-size: 11px;
        font-weight: normal;
    }

    #comcenter-friends #comcenter-tab-friends-content li {
        padding: 4px 8px;
        position: relative;
    }

        #comcenter-friends #comcenter-tab-friends-content li:hover {
            background: rgba(255, 255, 255, 0.2);
            cursor: pointer;
        }

            #comcenter-friends #comcenter-tab-friends-content li:hover .comcenter-friend-draggable {
                background-position: 0px 0px;
            }

        #comcenter-friends #comcenter-tab-friends-content li.comcenter-friend-playing .comcenter-username {
            color: rgb(160, 160, 160);
            margin-top: 0px;
        }

        #comcenter-friends #comcenter-tab-friends-content li.comcenter-add-friend {
            padding: 8px 8px 8px 19px;
            color: rgb(138, 138, 138);
        }

            #comcenter-friends #comcenter-tab-friends-content li.comcenter-add-friend .icon {
                margin-right: 2px;
            }

        #comcenter-friends #comcenter-tab-friends-content li.comcenter-add-friend-disabled {
            cursor: default;
            opacity: 0.2;
        }

        #comcenter-friends #comcenter-tab-friends-content li.comcenter-found-no-online-friends {
            background: rgb(253, 253, 253);
            text-align: center;
            color: rgb(138, 138, 138);
            cursor: default;
        }

            #comcenter-friends #comcenter-tab-friends-content li.comcenter-found-no-online-friends:hover {
                background: rgb(253, 253, 253);
                text-align: center;
                color: rgb(138, 138, 138);
                cursor: default;
            }

        #comcenter-friends #comcenter-tab-friends-content li.offline.comcenter-separator {
            background: rgba(0, 0, 0, 0.4);
        }

            #comcenter-friends #comcenter-tab-friends-content li.offline.comcenter-separator:hover {
                background: black;
                cursor: pointer;
            }

        #comcenter-friends #comcenter-tab-friends-content li.online.comcenter-separator {
            font-family: Purista, sans-serif;
            font-style: normal;
            font-weight: 600;
        }

            #comcenter-friends #comcenter-tab-friends-content li.online.comcenter-separator:hover {
                background: none;
                cursor: default;
            }

            #comcenter-friends #comcenter-tab-friends-content li.online.comcenter-separator .origin {
                padding-left: 24px;
            }

                #comcenter-friends #comcenter-tab-friends-content li.online.comcenter-separator .origin::before {
                    background: url("../img/comcenter/origin-logo.png");
                    top: 2px;
                    width: 16px;
                    height: 22px;
                    display: block;
                    position: absolute;
                    content: "";
                }

        #comcenter-friends #comcenter-tab-friends-content li.comcenter-searched-for {
            height: 28px;
            color: rgb(53, 53, 53);
            line-height: 28px;
            padding-left: 16px;
        }

            #comcenter-friends #comcenter-tab-friends-content li.comcenter-searched-for:hover {
                background: rgb(253, 253, 253);
                cursor: default;
            }

        #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator {
            color: rgb(138, 138, 138);
            text-transform: uppercase;
            line-height: 20px;
            padding-left: 4px;
            font-family: Purista;
            font-size: 13px;
            white-space: nowrap;
            cursor: pointer;
        }

            #comcenter-friends #comcenter-tab-friends-content li.comcenter-separator .base-left {
                float: none;
            }

        #comcenter-friends #comcenter-tab-friends-content li .join-friend {
            margin-left: 5px;
            float: right;
        }

        #comcenter-friends #comcenter-tab-friends-content li .icon-origin {
            margin: 14px 0px 0px 10px;
            float: right;
        }

        #comcenter-friends #comcenter-tab-friends-content li .icon-mobile {
            margin: 14px 0px 0px 10px;
            float: right;
        }

        #comcenter-friends #comcenter-tab-friends-content li .origin-game-title {
            width: 150px;
        }

    #comcenter-friends .app-promotion {
        overflow: hidden;
        position: absolute;
    }

        #comcenter-friends .app-promotion .box {
            bottom: 43px;
        }

        #comcenter-friends .app-promotion .box-content {
            padding-bottom: 0px;
            background-color: rgba(255, 255, 255, 0.08);
        }

        #comcenter-friends .app-promotion img {
            float: left;
        }

        #comcenter-friends .app-promotion .origin {
            float: none;
        }

        #comcenter-friends .app-promotion .text {
            font-size: 12px;
            margin-left: 64px;
        }

            #comcenter-friends .app-promotion .text .title {
                color: rgb(255, 255, 255);
                font-weight: bold;
                margin-top: 8px;
                display: inline-block;
            }

            #comcenter-friends .app-promotion .text .upsell {
                color: rgb(168, 168, 168);
                margin-top: 8px;
                display: inline-block;
            }

        #comcenter-friends .app-promotion .app-promotion-interaction-area {
            top: 4px;
            width: 20px;
            right: 4px;
            position: absolute;
        }

            #comcenter-friends .app-promotion .app-promotion-interaction-area .app-promotion-close {
                background: url("../base/shared/row_icon_chat_light.png") 0px -26px;
                width: 13px;
                height: 13px;
                float: right;
                position: relative;
                cursor: pointer;
            }

                #comcenter-friends .app-promotion .app-promotion-interaction-area .app-promotion-close:hover {
                    background-position: 0px -39px;
                }

#comcenter .comcenter-interact-party {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter div.comcenter-interact-playing {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter .comcenter-interact-party-invite {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter .comcenter-interact-chat-offline {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter .comcenter-interact-chat {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter-friends .comcenter-interact-party {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter-friends div.comcenter-interact-playing {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter-friends .comcenter-interact-party-invite {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter-friends .comcenter-interact-chat-offline {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter-friends .comcenter-interact-chat {
    border: 0px currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 4px;
    vertical-align: middle;
    float: right;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#comcenter .comcenter-interact-container .comcenter-interact-party {
    margin-top: 9px;
}

#comcenter .comcenter-interact-container div.comcenter-interact-playing {
    margin-top: 9px;
}

#comcenter .comcenter-interact-container .comcenter-interact-party-invite {
    margin-top: 9px;
}

#comcenter .comcenter-interact-container .comcenter-interact-chat-offline {
    margin-top: 9px;
}

#comcenter .comcenter-interact-container .comcenter-interact-chat {
    margin-top: 9px;
}

#comcenter-friends .comcenter-interact-container .comcenter-interact-party {
    margin-top: 9px;
}

#comcenter-friends .comcenter-interact-container div.comcenter-interact-playing {
    margin-top: 9px;
}

#comcenter-friends .comcenter-interact-container .comcenter-interact-party-invite {
    margin-top: 9px;
}

#comcenter-friends .comcenter-interact-container .comcenter-interact-chat-offline {
    margin-top: 9px;
}

#comcenter-friends .comcenter-interact-container .comcenter-interact-chat {
    margin-top: 9px;
}

#comcenter .comcenter-interact-party {
    background: url("../comcenter/icons-interact.png") no-repeat 0px -120px;
}

#comcenter-friends .comcenter-interact-party {
    background: url("../comcenter/icons-interact.png") no-repeat 0px -120px;
}

#comcenter .inParty.comcenter-interact-party {
    background-position: -23px -120px;
}

#comcenter-friends .inParty.comcenter-interact-party {
    background-position: -23px -120px;
}

#comcenter .inParty.comcenter-interact-party:hover {
    background-position: -46px -120px;
}

#comcenter-friends .inParty.comcenter-interact-party:hover {
    background-position: -46px -120px;
}

#comcenter .inParty.comcenter-interact-party:active {
    background-position: -69px -120px;
}

#comcenter-friends .inParty.comcenter-interact-party:active {
    background-position: -69px -120px;
}

#comcenter .comcenter-friend-item:hover .comcenter-interact-chat {
    display: block;
}

#comcenter .comcenter-friend-item:hover .comcenter-interact-party-invite {
    display: block;
}

#comcenter-friends .comcenter-friend-item:hover .comcenter-interact-chat {
    display: block;
}

#comcenter-friends .comcenter-friend-item:hover .comcenter-interact-party-invite {
    display: block;
}

#comcenter .comcenter-interact-party-invite {
    background: url("../comcenter/icons-interact.png") no-repeat -23px -96px;
    display: none;
}

#comcenter .comcenter-interact-chat-offline {
    background: url("../comcenter/icons-interact.png") no-repeat -23px -96px;
    display: none;
}

#comcenter .comcenter-interact-chat {
    background: url("../comcenter/icons-interact.png") no-repeat -23px -96px;
    display: none;
}

#comcenter-friends .comcenter-interact-party-invite {
    background: url("../comcenter/icons-interact.png") no-repeat -23px -96px;
    display: none;
}

#comcenter-friends .comcenter-interact-chat-offline {
    background: url("../comcenter/icons-interact.png") no-repeat -23px -96px;
    display: none;
}

#comcenter-friends .comcenter-interact-chat {
    background: url("../comcenter/icons-interact.png") no-repeat -23px -96px;
    display: none;
}

#comcenter .comcenter-interact-party-invite:hover {
    background-position: -96px -96px;
    cursor: pointer;
}

#comcenter .comcenter-interact-chat-offline:hover {
    background-position: -96px -96px;
    cursor: pointer;
}

#comcenter .comcenter-interact-chat:hover {
    background-position: -96px -96px;
    cursor: pointer;
}

#comcenter-friends .comcenter-interact-party-invite:hover {
    background-position: -96px -96px;
    cursor: pointer;
}

#comcenter-friends .comcenter-interact-chat-offline:hover {
    background-position: -96px -96px;
    cursor: pointer;
}

#comcenter-friends .comcenter-interact-chat:hover {
    background-position: -96px -96px;
    cursor: pointer;
}

#comcenter .comcenter-interact-chat-offline {
    background-position: 0px -96px;
}

#comcenter-friends .comcenter-interact-chat-offline {
    background-position: 0px -96px;
}

#comcenter .chat.icon {
    display: inline-block;
}

#comcenter-friends .chat.icon {
    display: inline-block;
}

#comcenter .group.chat.icon {
    background: url("../comcenter/icon-party.png") no-repeat 0px -5px;
    width: 29px;
    height: 22px;
    vertical-align: baseline;
}

#comcenter-friends .group.chat.icon {
    background: url("../comcenter/icon-party.png") no-repeat 0px -5px;
    width: 29px;
    height: 22px;
    vertical-align: baseline;
}

#comcenter .close.chat.icon {
    background: url("../base/shared/row_icon_chat.png");
    width: 13px;
    height: 13px;
    cursor: pointer;
}

#comcenter .contract.chat.icon {
    background: url("../base/shared/row_icon_chat.png");
    width: 13px;
    height: 13px;
    cursor: pointer;
}

#comcenter-friends .close.chat.icon {
    background: url("../base/shared/row_icon_chat.png");
    width: 13px;
    height: 13px;
    cursor: pointer;
}

#comcenter-friends .contract.chat.icon {
    background: url("../base/shared/row_icon_chat.png");
    width: 13px;
    height: 13px;
    cursor: pointer;
}

#comcenter .inverted.close.chat.icon {
    background-image: url("../base/shared/row_icon_chat_light.png");
}

#comcenter .inverted.contract.chat.icon {
    background-image: url("../base/shared/row_icon_chat_light.png");
}

#comcenter-friends .inverted.close.chat.icon {
    background-image: url("../base/shared/row_icon_chat_light.png");
}

#comcenter-friends .inverted.contract.chat.icon {
    background-image: url("../base/shared/row_icon_chat_light.png");
}

#comcenter .close.chat.icon {
    background-position: 0px 26px;
}

#comcenter-friends .close.chat.icon {
    background-position: 0px 26px;
}

#comcenter .close.chat.icon:hover {
    background-position: 0px 13px;
}

#comcenter-friends .close.chat.icon:hover {
    background-position: 0px 13px;
}

#comcenter .close.chat.icon::after {
    display: none;
}

#comcenter-friends .close.chat.icon::after {
    display: none;
}

#comcenter .contract.chat.icon {
    background-position: 0px 0px;
}

#comcenter-friends .contract.chat.icon {
    background-position: 0px 0px;
}

#comcenter .contract.chat.icon:hover {
    background-position: 0px -13px;
}

#comcenter-friends .contract.chat.icon:hover {
    background-position: 0px -13px;
}

#comcenter .unread.chat.icon {
    background: url("../comcenter/unread.png");
    top: 0px;
    width: 9px;
    height: 9px;
    right: 0px;
    display: none;
    position: absolute;
    z-index: 13;
}

#comcenter-friends .unread.chat.icon {
    background: url("../comcenter/unread.png");
    top: 0px;
    width: 9px;
    height: 9px;
    right: 0px;
    display: none;
    position: absolute;
    z-index: 13;
}

#comcenter .add-friend.chat.icon {
    background: url("../comcenter/fullwidth-addfriend.png") no-repeat;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}

#comcenter-friends .add-friend.chat.icon {
    background: url("../comcenter/fullwidth-addfriend.png") no-repeat;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}

#comcenter-area {
    top: 0px;
    width: 100%;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

.chats#comcenter-area .show-cc-btn {
    opacity: 0.6;
}

.chats#comcenter2-area .show-cc-btn {
    opacity: 0.6;
}

.chats#comcenter-area .show-chat-btn {
    opacity: 1;
}

#friendlist-header {
    height: auto;
    color: rgb(213, 221, 229);
    text-transform: uppercase;
    line-height: 42px;
    font-family: Purista;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 15px;
}

.comcenter-username {
    font-size: 12px;
    float: left;
    position: relative;
}

    .comcenter-username a {
        width: 130px;
        line-height: 18px;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
    }

    .comcenter-username .comcenter-chat-username-link a {
        width: 150px;
        margin-top: 2px;
        margin-bottom: -2px;
        display: block;
    }

    .comcenter-username .comcenter-chat-username-link .comcenter-username-away {
        color: rgb(138, 138, 138);
        line-height: 15px;
        font-size: 11px;
        font-weight: normal;
        text-shadow: none;
    }

    .comcenter-username p {
        clear: both;
        font-size: 11px;
        font-weight: normal;
    }

.comcenter-settings {
    padding: 0px 8px;
    left: 0px;
    height: 41px;
    text-align: center;
    right: 0px;
    bottom: 0px;
    line-height: 41px;
    overflow: hidden;
    border-top-color: rgba(223, 223, 223, 0.15);
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    z-index: 1;
}

    .comcenter-settings .group.icon {
        margin-top: -1px;
        margin-bottom: -5px;
    }

    .comcenter-settings .base-left {
        right: 112px;
        position: absolute;
    }

.comcenter-list li:hover {
    background: rgba(255, 255, 255, 0.2);
}

#comcenter-chats {
    margin: 0px;
    height: 0px;
    right: 8px;
    bottom: 40px;
    position: absolute;
}

.show-comcenter #comcenter-chats {
    right: 242px;
}

#comcenter-chats .comcenter-chat-gameicon {
    margin-top: 6px;
}

#comcenter-chats .comcenter-divider-left {
    float: right;
}

#comcenter-chats .comcenter-chat-avatar {
    margin-right: 0px;
    margin-left: 6px;
    position: relative;
}

#comcenter-chats .comcenter-username a {
    color: rgb(0, 0, 0);
}

#comcenter-chats .comcenter-chat-more-users {
    width: 26px;
    height: 26px;
    text-align: center;
    color: rgb(168, 168, 168);
    line-height: 26px;
    float: left;
}

    #comcenter-chats .comcenter-chat-more-users:hover {
        background: rgba(255, 255, 255, 0.1);
        color: rgb(255, 255, 255);
        cursor: pointer;
    }

#comcenter-chats .comcenter-chat-taskbar-avatar {
    color: rgb(168, 168, 168);
}

    #comcenter-chats .comcenter-chat-taskbar-avatar .username {
        color: rgb(168, 168, 168);
    }

#comcenter-chats .comcenter-chat-taskbar-username {
    color: rgb(168, 168, 168);
}

#comcenter-chats .comcenter-chat-taskbar-button {
    height: 40px;
    overflow: hidden;
    padding-right: 8px;
    padding-left: 8px;
}

    #comcenter-chats .comcenter-chat-taskbar-button .avatar {
        margin: 8px 4px 0px 0px;
        line-height: 1;
        float: left;
        display: inline-block;
        position: relative;
    }

    #comcenter-chats .comcenter-chat-taskbar-button .username {
        width: 71px;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
    }

#comcenter-chats .chat-header .chat.icon {
    margin: 10px 5px 10px 0px;
    float: right;
}

#comcenter-chats .comcenter-chat-taskbar-button:hover .close.icon {
    top: 50%;
    right: 8px;
    margin-top: -6px;
    display: block;
    position: absolute;
}

.comcenter-chat-taskbar-group {
    float: left;
}

.comcenter-chat-group-icon {
    background: url("../comcenter/icon-party.png") no-repeat 0px -5px;
    height: 22px;
}

.chat-header .comcenter-chat-group-icon {
    left: 4px;
    top: -5px;
    position: relative;
}

.comcenter-chat-taskbar-username {
    width: 123px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

    .comcenter-chat-taskbar-username .club-emblem {
        top: 10px;
        margin-right: 3px;
        position: relative;
    }

    .comcenter-chat-taskbar-username .group.icon {
        background-position: 0px -79px;
        top: 5px;
        position: relative;
    }

.active.comcenter-party-chat .group.icon {
    background-position: 0px -41px;
}

.comcenter-chat-taskbar {
    background: rgba(0, 0, 0, 0.9);
    width: 136px;
    height: 40px;
    color: rgb(255, 255, 255);
    margin-left: 1px;
    border-bottom-color: currentColor;
    border-bottom-width: 0px;
    border-bottom-style: none;
    float: right;
    position: relative;
    cursor: pointer;
}

    .comcenter-chat-taskbar:hover {
        background: rgba(42, 42, 42, 0.9);
    }

.active.comcenter-chat-taskbar {
    background: url("../comcenter/comcenter-active.png");
    width: 232px;
    color: rgb(0, 0, 0);
    border-right-color: currentColor;
    border-left-color: currentColor;
    border-right-width: 0px;
    border-left-width: 0px;
    border-right-style: none;
    border-left-style: none;
}

    .active.comcenter-chat-taskbar .icon-close {
        display: block;
    }

    .active.comcenter-chat-taskbar .comcenter-chat-taskbar-username {
        color: rgb(0, 0, 0);
    }

.unread.comcenter-chat-taskbar .unread.icon {
    display: block;
}

.active.comcenter-chat-taskbar .comcenter-chat-content {
    display: block;
}

.comcenter-chat-party-menu-dropdown {
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid rgb(48, 47, 51);
    border-image: none;
    top: 24px;
    width: 120px;
    right: -42px;
    line-height: 26px;
    text-indent: 6px;
    font-size: 11px;
    display: none;
    position: absolute;
    z-index: 10;
    text-shadow: none;
}

    .comcenter-chat-party-menu-dropdown li {
        border-top-color: rgb(48, 47, 51);
        border-top-width: 1px;
        border-top-style: solid;
    }

        .comcenter-chat-party-menu-dropdown li:hover {
            background: rgba(255, 255, 255, 0.2);
        }

    .comcenter-chat-party-menu-dropdown a {
        color: rgb(255, 255, 255);
        font-size: 11px;
        display: block;
    }

.active.comcenter-chat-party-menu .comcenter-chat-party-menu-dropdown {
    display: block;
}

#comcenter {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#comcenter-friends {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#comcenter-chats .comcenter-chat-chat {
    -ms-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

.btn-yes {
    width: 25px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.btn-no {
    width: 25px;
    height: 26px;
    float: left;
    cursor: pointer;
}

.btn-yes {
    background: url("../base/bfbc2/buttons/base_button_yesno.png") no-repeat 0px -26px;
}

.active.btn-yes {
    background-position: 0px -52px;
}

.btn-yes:active {
    background-position: 0px -52px;
}

[disabled].btn-yes:hover {
    background-position: 0px -78px;
    cursor: default;
}

[disabled].btn-yes:active {
    background-position: 0px -78px;
    cursor: default;
}

[disabled].btn-yes {
    background-position: 0px -78px;
    cursor: default;
}

.btn-no {
    background: url("../base/bfbc2/buttons/base_button_yesno.png") no-repeat -25px 0px;
}

    .btn-no:hover {
        background-position: -25px -26px;
    }

.active.btn-no {
    background-position: -25px -52px;
}

.btn-no:active {
    background-position: -25px -52px;
}

[disabled].btn-no:hover {
    background-position: -25px -78px;
    cursor: default;
}

[disabled].btn-no:active {
    background-position: -25px -78px;
    cursor: default;
}

[disabled].btn-no {
    background-position: -25px -78px;
    cursor: default;
}

#friendlist-header {
    position: relative;
}

    #friendlist-header .icon-search {
        background: url("../base/shared/search-icon-white.png") no-repeat 0px 0px;
        padding: 0px;
        top: 12px;
        width: 14px;
        height: 14px;
        right: 16px;
        position: absolute;
        cursor: pointer;
    }

    #friendlist-header form {
        line-height: 1;
        display: none;
    }

        #friendlist-header form input {
            background: rgb(0, 0, 0);
            margin: 0px;
            padding: 4px 8px;
            border: 1px solid rgb(80, 80, 80);
            border-image: none;
            width: 188px;
            color: rgb(255, 255, 255);
        }

            #friendlist-header form input::-ms-clear {
                display: none;
            }

            #friendlist-header form input:focus {
                border-color: rgb(255, 255, 255);
            }

.show-search#comcenter-area #friendlist-header form {
    top: 42px;
    display: block;
    position: relative;
}

    .show-search#comcenter-area #friendlist-header form .icon-close {
        top: 7px;
        right: 22px;
        position: absolute;
        z-index: 1;
        cursor: pointer;
    }

.show-search#comcenter-area #comcenter-tab-chats {
    display: none;
}

.show-search#comcenter-area #comcenter-tab-friends-content {
    display: none;
}

.show-search#comcenter-area #comcenter-tab-search {
    left: 8px;
    top: 80px;
    display: block;
}

.show-search#comcenter-area #comcenter-search-results p {
    padding: 10px;
    color: rgb(255, 255, 255);
}

.show-search#comcenter-area #comcenter-search-results li {
    margin-bottom: 8px;
}

.show-search#comcenter-area #comcenter-search-results i.icon-platform {
    top: 15px;
    display: inline-block;
    position: relative;
}

.comcenter-toggle {
    display: none;
}

.show-cc-btn.comcenter-toggle {
    display: block;
}

.show-chat-btn.comcenter-toggle {
    display: block;
}

    .show-chat-btn.comcenter-toggle button .icon {
        background: url("../base/shared/header-icons.png") no-repeat -240px 0px;
    }

.unread.show-chat-btn.comcenter-toggle button {
    color: orange !important;
}

    .unread.show-chat-btn.comcenter-toggle button .icon {
        background-position: -240px -30px;
    }

.comcenter-toggle button {
    background: none;
    margin: 0px;
    padding: 7px 0px 0px;
    outline: 0px;
    border: 0px currentColor;
    border-image: none;
    width: auto;
    color: rgb(213, 221, 229);
    font-family: Purista, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

    .comcenter-toggle button:not(:hover) {
        opacity: 0.9;
    }

    .comcenter-toggle button .icon {
        background: url("../img/comcenter/header-icons.png") no-repeat -180px 0px;
        top: -3px;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        display: inline-block;
        position: relative;
    }

@media not all, not all {
    .comcenter-toggle button .icon {
        background-image: url("../base/shared/header-icons@2x.png");
        background-size: 240px 60px;
    }
}

#comcenter-challenges-list-loading {
    text-align: center;
}

    #comcenter-challenges-list-loading .loader {
        margin-top: 16px;
    }

#challenges .comcenter-notification-text {
    width: 200px;
    overflow: hidden;
    padding-left: 51px;
    cursor: pointer;
    -ms-text-overflow: ellipsis;
}

    #challenges .comcenter-notification-text span.username {
        color: rgb(255, 255, 255);
        font-weight: bold;
    }

    #challenges .comcenter-notification-text span.mission {
        color: rgb(255, 255, 255);
    }

#react-chats-container .chats-info {
    padding: 16px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 18px;
    font-family: Tahoma, Arial, sans-serif;
}

    #react-chats-container .chats-info h2 {
        color: rgb(138, 138, 138);
        font-size: 14px;
    }

#react-chats-container .comcenter-create-chat {
    margin: 8px;
    width: 220px;
    text-align: center;
}

#react-chats-container .chat-title {
    margin: 0px;
    padding: 6px;
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13px;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
}

#react-chats-container ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

#react-chats-container li {
    list-style: none;
    padding: 8px;
    color: rgb(138, 138, 138);
    line-height: 16px;
    font-size: 13px;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
    cursor: pointer;
}

    #react-chats-container li.kicked {
        opacity: 0.5;
    }

        #react-chats-container li.kicked:hover {
            opacity: 1;
        }

            #react-chats-container li.kicked:hover .leave-btn {
                display: block;
            }

    #react-chats-container li .leave-btn {
        top: 10px;
        right: 18px;
        display: none;
        position: absolute;
    }

    #react-chats-container li.unread .chat-row-info .unreadCount {
        display: block;
    }

    #react-chats-container li.unread::before {
        background: url("../comcenter/unread.png");
        top: 0px;
        width: 9px;
        height: 9px;
        right: 0px;
        position: absolute;
        content: "";
    }

    #react-chats-container li:hover {
        background: rgba(255, 255, 255, 0.2);
    }

    #react-chats-container li.selected {
        color: rgb(0, 0, 0);
        box-shadow: 0px 0px 5px white;
        background-color: rgba(255, 255, 255, 0.8);
    }

    #react-chats-container li .chat-club-emblem {
        width: 44px;
        height: 36px;
        float: left;
    }

    #react-chats-container li .chat-icon {
        width: 44px;
        height: 36px;
        float: left;
    }

    #react-chats-container li .chat-icon {
        position: relative;
    }

    #react-chats-container li .group.chat-icon {
        background: url("../comcenter/chat/group-icon.png") no-repeat left top;
    }

    #react-chats-container li .chat-icon .avatar-container {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        position: absolute;
    }

    #react-chats-container li .chat-club-emblem {
        position: relative;
    }

        #react-chats-container li .chat-club-emblem img {
            left: 6px;
            top: 6px;
            position: absolute;
        }

    #react-chats-container li .chat-row-info {
        width: 174px;
        float: left;
    }

        #react-chats-container li .chat-row-info .usernames {
            overflow: hidden;
            font-size: 14px;
            font-weight: bold;
            margin-right: 8px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

        #react-chats-container li .chat-row-info .unreadCount {
            right: 6px;
            bottom: 8px;
            color: orange;
            font-size: 12px;
            display: none;
            position: absolute;
        }

    #react-chats-container li .lastmessage {
        overflow: hidden;
        font-weight: normal;
        margin-top: 4px;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
    }

        #react-chats-container li .lastmessage .em {
            top: 3px;
            width: 18px;
            height: 18px;
            display: inline-block;
            position: relative;
            -ms-zoom: 1;
        }

    #react-chats-container li.no-user .lastmessage {
        margin-top: 11px;
    }

.show-chat-btn {
    left: 116px;
    top: 0px;
    position: absolute;
    opacity: 0.6;
}

.show-cc-btn {
    left: 46px;
    /*left: -10px;*/
    top: 0px;
    position: absolute;
    opacity: 1;
}

#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn {
    margin-top: 6px;
}

.comcenter-chat-content .join-friend-submit-link.btn-small.btn {
    margin-top: 6px;
}

#comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn i {
    background: url("../img/icons/icon-join.png") no-repeat 0px -10px;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    display: block;
}

#comcenter-tab-friends-content .chat-friend-submit-link.btn-small.btn i {
    background: url("../img/icons/icon-chat.png") no-repeat 0px -5px;
    width: 26px;
    height: 30px;
    margin-top: 4px;
    display: block;
}

.comcenter-chat-content .join-friend-submit-link.btn-small.btn i {
    background: url("../base/shared/icon-join.png") no-repeat 0px -10px;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    display: block;
}

#comcenter-chats .pull-left {
    margin: 0px;
}

#comcenter-chats .comcenter-chat-content {
    border: 1px solid rgb(46, 46, 46);
    border-image: none;
    background-color: rgba(0, 0, 0, 0.85);
}

#comcenter-chats .comcenter-chat-message {
    border-top-color: rgb(29, 29, 29);
    border-top-width: 1px;
    border-top-style: solid;
}

#comcenter-chats :first-child.comcenter-chat-message {
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}

#comcenter-chats .chat-header-group-chat {
    line-height: 32px;
}

#comcenter-chats .chat-header {
    background: rgba(0, 0, 0, 0.45);
    width: 230px;
    height: 34px;
    color: rgb(255, 255, 255);
    line-height: 32px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 1px;
    border-bottom-color: rgb(46, 46, 46);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
    z-index: 100;
}

    #comcenter-chats .chat-header .comcenter-close-group {
        top: 10px;
    }

    #comcenter-chats .chat-header .comcenter-close {
        top: 10px;
    }

#comcenter-chats .comcenter-chat-chat {
    background: none;
    width: 229px;
    height: 298px;
    color: rgb(149, 149, 149);
    margin-top: 1px;
    position: relative;
    -ms-overflow-y: scroll;
}

#comcenter-chats .comcenter-chat-idle {
    background: rgb(0, 0, 0);
    margin-right: -5px;
    margin-left: -5px;
}

#comcenter-chats .comcenter-chat-offline {
    background: rgb(0, 0, 0);
    line-height: 33px;
    margin-right: -5px;
    margin-left: -5px;
}

#comcenter-chats .comcenter-chat-idle {
    border-bottom-color: currentColor;
    border-bottom-width: 0px;
    border-bottom-style: none;
}

#comcenter-chats .comcenter-chat-offline {
    border-bottom-color: currentColor;
    border-bottom-width: 0px;
    border-bottom-style: none;
}

#comcenter-chats .comcenter-chat-server {
    border-bottom-color: currentColor;
    border-bottom-width: 0px;
    border-bottom-style: none;
}

#comcenter-chats .comcenter-chat-input {
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(10, 10, 10, 0.6);
    border-image: none;
    height: 25px;
    padding-top: 10px;
    margin-left: 1px;
}

#comcenter-chats .comcenter-username a {
    color: rgb(255, 255, 255);
    text-shadow: none;
}

#comcenter-chats .active.comcenter-chat-taskbar {
    background: none;
}

#comcenter-chats .comcenter-chat-timestamp {
    color: rgb(138, 138, 138);
}

#comcenter-chats .comcenter-chat-bottom-container {
    background: rgb(0, 0, 0);
    border-top-color: rgb(46, 46, 46);
    border-top-width: 1px;
    border-top-style: solid;
}

    #comcenter-chats .comcenter-chat-bottom-container .comcenter-chat-bottom {
        height: 38px;
        overflow: hidden;
    }

#comcenter-chats .comcenter-chat-message-content {
    color: rgb(211, 211, 211);
}

#comcenter-chats .comcenter-chat-content .comcenter-chat-minisize {
    height: 264px;
}

#comcenter-chats #comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn {
    padding: 0px 7px;
    width: 24px;
    height: 24px;
    margin-top: 4px;
}

#comcenter-chats .comcenter-chat-content .join-friend-submit-link.btn-small.btn {
    padding: 0px 7px;
    width: 24px;
    height: 24px;
    margin-top: 4px;
}

#comcenter-chats #comcenter-tab-friends-content .join-friend-submit-link.btn-small.btn i {
    top: -1px;
    position: relative;
}

#comcenter-chats .comcenter-chat-content .join-friend-submit-link.btn-small.btn i {
    top: -1px;
    position: relative;
}

#comcenter-chats #comcenter-tab-friends-content:hover .join-friend-submit-link.btn-small.btn:hover {
    border: 1px solid rgb(255, 153, 0);
    border-image: none;
}

#comcenter-chats .comcenter-chat-content:hover .join-friend-submit-link.btn-small.btn:hover {
    border: 1px solid rgb(255, 153, 0);
    border-image: none;
}

#comcenter-chats .comcenter-chat-header {
    line-height: 28px;
    border-top-color: currentColor;
    border-bottom-color: rgb(46, 46, 46);
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-bottom-style: solid;
}

#comcenter-chats .comcenter-chat-group-header {
    line-height: 28px;
    border-top-color: currentColor;
    border-bottom-color: rgb(46, 46, 46);
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-bottom-style: solid;
}

#comcenter-chats .comcenter-chat-group-nooneplaying {
    background: none;
    border-bottom-color: rgb(46, 46, 46);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#comcenter-chats .comcenter-chat-group-settings {
    background: url("../comcenter/settings.png") 0px -24px;
    width: 12px;
    height: 12px;
    margin-top: 7px;
    margin-right: 6px;
    float: right;
    display: block;
    position: relative;
    opacity: 0.8;
}

    #comcenter-chats .comcenter-chat-group-settings:hover {
        opacity: 1;
    }

#comcenter-chats .comcenter-chat-group-partyserver {
    background: rgb(0, 0, 0);
    border-top-color: rgb(0, 0, 0);
    border-bottom-color: rgb(46, 46, 46);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

#comcenter-chats .comcenter-chat-status-message-content {
    color: rgb(204, 204, 204);
}

#comcenter-chats .comcenter-chat-status-message-content {
    border-top-color: rgb(46, 46, 46);
    border-top-width: 1px;
    border-top-style: solid;
}

#comcenter-chats .base-general-dropdown-area {
    background: rgb(51, 51, 51);
    top: 0px;
    position: relative;
}

    #comcenter-chats .base-general-dropdown-area ul li {
        height: 34px;
        line-height: 34px;
        border-top-color: rgb(102, 102, 102);
        border-top-width: 1px;
        border-top-style: solid;
        cursor: pointer;
    }

        #comcenter-chats .base-general-dropdown-area ul li a {
            color: rgb(255, 255, 255);
            margin-left: 5px;
        }

.comcenter-chat-droppable-content {
    color: rgb(168, 168, 168);
}

#comcenter-chats .comcenter-chat-droppable {
    background: url("../comcenter/dropzone-party-transparent.png") no-repeat;
}

#comcenter-chats .dragging.comcenter-chat-droppable {
    background: url("../comcenter/dropzone-active.png");
}

#comcenter-chats .active.comcenter-chat-droppable {
    background: url("../comcenter/dropzone-active.png");
}

.unavailable.error-page .box-content {
    padding: 0px;
    height: 300px;
    text-align: center;
}

    .unavailable.error-page .box-content p {
        line-height: 20px;
        margin-top: 140px;
    }

body.originconnect_in_progress #site-gate .gate-form .originconnect-status {
    display: block;
    opacity: 1;
}

body.originconnect_in_progress #site-gate .gate-form .originconnect-fallback {
    max-height: 0px;
}

#site-gate {
    min-height: 0px;
}

    #site-gate .alert {
        margin-bottom: 16px;
    }

    #site-gate #recaptcha_widget_div {
        margin: 8px 0px;
    }

    #site-gate .gate-actions {
        height: 50px;
    }

        #site-gate .gate-actions::before {
            line-height: 0;
            display: table;
            content: "";
        }

        #site-gate .gate-actions::after {
            line-height: 0;
            display: table;
            content: "";
        }

        #site-gate .gate-actions::after {
            clear: both;
        }

        #site-gate .gate-actions .btn-login {
            float: right;
            min-width: 316px;
        }

        #site-gate .gate-actions .btn-get-game {
            float: right;
            min-width: 316px;
        }

    #site-gate .site-gate-footer {
        padding: 0px 16px 16px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        #site-gate .site-gate-footer::before {
            line-height: 0;
            display: table;
            content: "";
        }

        #site-gate .site-gate-footer::after {
            line-height: 0;
            display: table;
            content: "";
        }

        #site-gate .site-gate-footer::after {
            clear: both;
        }

    #site-gate .show-form.site-gate-footer .gate-actions {
        height: auto;
    }

    #site-gate .site-gate-footer .gate-actions {
        margin: 16px 0px 32px;
    }

    #site-gate .site-gate-footer > .btn {
        float: right;
        min-width: 288px;
    }

    #site-gate .site-gate-footer .btn-login {
        margin-left: 8px;
    }

    #site-gate .header-headline {
        margin: 0px;
        padding: 6px 0px;
        color: rgb(255, 255, 255);
        line-height: 40px;
        font-size: 50px;
        display: inline-block;
    }

    #site-gate .logo {
        background-position: center 0px;
        width: 992px;
        margin-bottom: 48px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #site-gate .promo {
        width: 992px;
        margin-top: 94px;
        position: relative;
        z-index: 1;
    }

    #site-gate .base-game-selector {
        margin-top: 16px;
    }

.site-gate-form-wrapper {
    width: 408px;
    margin-left: 16px;
    float: right;
}

    .site-gate-form-wrapper .input-wrapper::before {
        line-height: 0;
        display: table;
        content: "";
    }

    .site-gate-form-wrapper .input-wrapper::after {
        line-height: 0;
        display: table;
        content: "";
    }

    .site-gate-form-wrapper .input-wrapper::after {
        clear: both;
    }

    .site-gate-form-wrapper .originconnect-status {
        margin: 16px 0px;
        padding: 27px 20px;
        width: 282px;
        display: none;
        position: absolute;
        z-index: 1;
        opacity: 0;
        background-color: rgb(26, 26, 26);
        -webkit-transition: opacity 0.2s ease-in;
    }

    .site-gate-form-wrapper .originconnect-working {
        background-position: 0px 50%;
        line-height: 22px;
        padding-left: 35px;
        font-size: 14px;
        font-weight: bold;
        background-image: url("../originconnect/loading_blue.gif");
        background-repeat: no-repeat;
    }

    .site-gate-form-wrapper .originconnect-error {
        background-position: 0px 50%;
        line-height: 22px;
        padding-left: 35px;
        font-size: 14px;
        font-weight: bold;
        background-image: url("../originconnect/loading_blue.gif");
        background-repeat: no-repeat;
    }

    .site-gate-form-wrapper .originconnect-error {
        display: none;
    }

    .site-gate-form-wrapper .originconnect-fallback {
        overflow: hidden;
        max-height: 250px;
        -webkit-transition: max-height 0.2s ease-in;
    }

    .site-gate-form-wrapper .originconnect-error .originconnect-status {
        background-image: url("../originconnect/originicon.png");
    }

    .site-gate-form-wrapper .gate-form-checkbox label {
        padding-top: 1px;
        font-size: 13px;
        float: left;
    }

    .site-gate-form-wrapper .gate-login-form-submit-wrapper {
        text-align: right;
        padding-top: 5px;
    }

    .site-gate-form-wrapper .gate-login-form-extra {
        margin-top: 2px;
    }

        .site-gate-form-wrapper .gate-login-form-extra a {
            color: rgb(138, 138, 138);
            font-size: 12px;
            font-weight: normal;
            margin-right: 8px;
        }

    .site-gate-form-wrapper label.gate-form-input-wrapper.placeholder {
        background: rgb(255, 255, 255);
        width: 200px;
        height: 30px;
        margin-bottom: 5px;
        float: left;
        display: block;
        position: relative;
    }

    .site-gate-form-wrapper label.omega.gate-form-input-wrapper.placeholder {
        margin-left: 8px;
    }

    .site-gate-form-wrapper label.gate-form-input-wrapper.placeholder span {
        transition: 1s ease-out;
        left: 12px;
        top: 0px;
        color: rgb(137, 137, 137);
        line-height: 30px;
        font-size: 14px;
        position: absolute;
        z-index: 0;
        cursor: text;
        opacity: 1;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    }

    .site-gate-form-wrapper label:not(.filled).placeholder input:focus + span {
        transition: linear;
        opacity: 0.5;
        -webkit-transition: all 0 linear;
        -moz-transition: all 0 linear;
    }

    .site-gate-form-wrapper label.filled.placeholder span {
        transition: linear;
        opacity: 0;
        -webkit-transition: all 0 linear;
        -moz-transition: all 0 linear;
    }

    .site-gate-form-wrapper label.placeholder input {
        background: none;
        padding: 5px 12px;
        outline: 0px;
        border: 0px currentColor;
        border-image: none;
        width: 176px;
        height: 20px;
        color: rgb(53, 53, 53);
        line-height: 20px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        position: relative;
        z-index: 1;
    }

    .site-gate-form-wrapper #gate-login-form-info {
        padding-top: 8px;
    }

    .site-gate-form-wrapper .gate-login-form-info-status {
        line-height: 22px;
        font-size: 16px;
        font-weight: bold;
    }

    .site-gate-form-wrapper .gate-login-form-info-secondary {
        line-height: 22px;
        font-size: 14px;
        font-weight: normal;
    }

    .site-gate-form-wrapper .gate-login-form-info-action-button {
        margin-top: 15px;
        min-width: 106px;
    }

    .site-gate-form-wrapper .gate-login-errormsg {
        color: rgb(218, 48, 48);
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 16px;
    }

        .site-gate-form-wrapper .gate-login-errormsg a {
            font-size: 16px;
            font-weight: bold;
        }

    .site-gate-form-wrapper .gate-login-queue {
        display: none;
    }

    .site-gate-form-wrapper .show.gate-login-queue {
        padding-bottom: 2px;
        font-size: 14px;
        display: block;
    }

    .site-gate-form-wrapper table.gate-login-possible {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

        .site-gate-form-wrapper table.gate-login-possible tr td {
            vertical-align: top;
        }

#base-bf4-html #site-gate .header-headline {
    padding: 6px 12px;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    background-color: rgba(7, 7, 7, 0.6);
}

#base-bf4-html #site-gate .logo {
    height: 185px;
    background-image: url("//eaassets-a.akamaihd.net/battlelog/bb/bf4/logos/bf4-logo-large-37d340cd.png");
}

#base-bf4-html #site-gate .site-gate-footer {
    background: rgba(7, 7, 7, 0.5);
    margin-bottom: 16px;
}

#base-bf4-html #site-gate .show-form.site-gate-footer .gate-actions .btn-get-game {
    float: left;
}

#base-bf4-html #site-gate .gate-actions .btn-login {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    float: right;
}

#base-bf4-html #site-gate .gate-actions .btn-get-game {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    float: right;
}

#base-bf4-html #site-gate .gate-actions .btn-get-game {
    overflow: visible;
    padding-left: 86px;
    font-size: 19px;
    position: relative;
}

    #base-bf4-html #site-gate .gate-actions .btn-get-game .game-stack {
        background: url("../main/warsaw/loggedout/getbf-stack.png") no-repeat;
        left: 8px;
        top: -15px;
        width: 68px;
        height: 81px;
        position: absolute;
    }

#base-bf4-html #site-gate .base-game-selector .game-box {
    width: 228px;
}

#base-bf4-html .site-gate-form-wrapper .originconnect-status {
    color: rgb(255, 255, 255);
}

#base-bf4-html .site-gate-form-wrapper .gate-login-form-info-status {
    color: rgb(255, 255, 255);
}

#base-bf4-html .site-gate-form-wrapper .gate-login-form-info-secondary {
    color: rgb(168, 168, 168);
}

#base-bf4-html .site-gate-form-wrapper .gate-login-queue {
    color: rgb(168, 168, 168);
}

#base-bf4-html .site-gate-form-wrapper .gate-form-checkbox label {
    color: rgb(168, 168, 168);
}

.main-404-wrapper {
    margin: 0px auto;
    width: 992px;
    color: rgb(0, 0, 0);
    line-height: 40px;
    padding-top: 20px;
    font-size: 30px;
    position: relative;
}

.main-404-text {
    color: rgb(103, 103, 103);
    padding-top: 25px;
    padding-left: 16px;
    float: left;
}

    .main-404-text p {
        line-height: 16px;
        font-size: 14px;
    }

    .main-404-text h1 {
        font-size: 30px;
        font-weight: bold;
    }

    .main-404-text h3 {
        font-size: 14px;
        font-weight: bold;
    }

    .main-404-text ul {
        margin: 10px 0px;
        padding: 0px;
        list-style-type: none;
    }

    .main-404-text a {
        font-size: 14px;
    }

    .main-404-text ul a {
        font-weight: normal;
    }

    .main-404-text li {
        background: url("../base/shared/li-image.png") no-repeat 0px 18px;
        line-height: 28px;
        padding-left: 10px;
    }

.main-is-online {
    color: rgb(109, 109, 109);
    font-size: 12px;
}

.main-splashinfo-fader-content {
    top: 70px;
    position: relative;
}

    .main-splashinfo-fader-content h1 {
        color: rgb(0, 0, 0);
        font-size: 55px;
        position: relative;
        text-shadow: 0px 1px 0px #fff;
    }

    .main-splashinfo-fader-content h2 {
        line-height: 125%;
        font-size: 22px;
        font-weight: normal;
        margin-top: 20px;
        position: relative;
        text-shadow: 0px 1px 0px #fff;
    }

.main-splashbar {
    background: url("../main/bfbc2/splashbar.png") repeat-x;
    width: 100%;
    height: 89px;
    bottom: 0px;
    position: absolute;
    z-index: 4;
}

#main-middle {
    width: 1024px;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
    background-color: rgb(244, 244, 244);
}

.base-content-full-width #main-middle {
    background: url("//d34ymitoc1pg7m.cloudfront.net/common/backgrounds/light-bg-26fc61c7.jpg") no-repeat top rgb(244, 244, 244);
    width: auto;
}

.mainloggedin-middle {
    background: url("../base/bfbc2/middle-background_column_left.jpg") no-repeat top white;
    width: 100%;
    position: relative;
}

#main-content {
    margin: 0px auto;
    width: 992px;
    padding-top: 16px;
    position: relative;
}

.main-login-register-area {
    margin: 0px auto;
    width: 654px;
    position: relative;
}

.main-login-area {
    margin: 0px auto;
    width: 654px;
    position: relative;
}

.main-login-register-area {
    padding-bottom: 20px;
}

    .main-login-register-area a {
        font-weight: normal;
    }

.main-login-area a {
    font-weight: normal;
}

.main-register-area h1 {
    text-align: center;
    margin-bottom: 16px;
    float: none;
}

.main-register-area .registration-buttons {
    width: 195px;
}

.main-register-area main-login-register-title {
    padding: 5px 0px 16px;
}

.main-login .main-login-floating-image {
    right: -110px;
    bottom: 0px;
    position: absolute;
    z-index: 2;
}

.main-login-area form {
    margin: 10px auto 0px;
    width: 310px;
    text-align: left;
    position: relative;
}

.main-login-register-title {
    margin: 0px auto;
    padding: 22px 0px;
    width: 614px;
    position: relative;
}

.main-login-register-description {
    margin: 0px auto;
    padding: 15px 0px;
    width: 614px;
    font-size: 12px;
    position: relative;
}

.main-login-register-title h1 {
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 35px;
    font-weight: normal;
    display: block;
}

.main-login-register-title p {
    width: 100%;
    text-align: center;
    color: rgb(53, 53, 53);
    line-height: 17px;
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
}

    .main-login-register-title p.faded {
        color: rgb(138, 138, 138);
        font-size: 12px;
    }

.main-login-register-subtitle {
    margin: 0px auto;
    padding: 15px 0px;
    width: 614px;
    position: relative;
}

    .main-login-register-subtitle h2 {
        text-align: center;
        color: rgb(102, 102, 102);
        letter-spacing: 0px;
        font-family: Arial, sans-serif;
        font-size: 18px;
        font-weight: normal;
    }

.main-login-register-closed p {
    padding: 0px 20px 20px;
    text-align: center;
    color: rgb(102, 102, 102);
    line-height: 22px;
    letter-spacing: 0px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.main-login-register-closed a {
    font-size: 14px;
}

#main-eyecatcher {
    width: 438px;
    height: 393px;
    float: left;
}

.main-login-button {
    background: url("../base/shared/button_login.png");
    border: 0px currentColor;
    border-image: none;
    width: 195px;
    height: 42px;
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: 42px;
    padding-left: 45px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    float: left;
    cursor: pointer;
}

.main-login-persist {
    text-align: left;
    color: rgb(102, 102, 102);
    font-size: 12px;
    margin-top: 9px;
    float: left;
}

    .main-login-persist input[type='checkbox'] {
        margin-left: 0px;
    }

#main-login-pleasewait {
    color: rgb(102, 102, 102);
    font-size: 12px;
}

.main-login-links {
    margin-top: 11px;
}

    .main-login-links ul {
        list-style: none;
    }

        .main-login-links ul li {
            margin: 0px;
            font-size: 12px;
        }

#main-login-ajax-loader {
    top: 12px;
    right: 0px;
    display: none;
    position: absolute;
}

#main-splashinfo h1.main-header {
    width: 500px;
    letter-spacing: -1.5px;
    clear: both;
    font-family: Arial, sans-serif;
    font-size: 60px;
    font-weight: bold;
}

#main-splashinfo h2.main-header {
    width: 500px;
    line-height: 36px;
    letter-spacing: -1px;
    clear: both;
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-top: 20px;
}

#main-findserver {
    width: 335px;
    height: 62px;
    line-height: 62px;
    margin-top: 40px;
    position: relative;
}

.single-column {
    width: 318px;
    height: 255px;
    margin-right: 18px;
    float: left;
}

.single-column-last {
    margin-right: 0px;
}

.single-column-height {
    height: 276px;
}

.single-column-first.single-column {
    margin-left: 0px;
}

.single-column-header {
    width: 320px;
    height: 38px;
}

.main-twitter-column ul li.main-last-li {
    color: rgb(107, 107, 107);
    font-size: 12px;
    font-weight: bold;
    border-bottom-color: currentColor;
    border-bottom-width: 0px;
    border-bottom-style: none;
}

    .main-twitter-column ul li.main-last-li div {
        margin-left: 23px;
    }

    .main-twitter-column ul li.main-last-li a {
        font-weight: bold;
        text-decoration: none;
    }

.main-twitter-column p.main-no-tweets {
    margin: 0px 23px 13px;
    padding-top: 13px;
    font-size: 12px;
}

.main-singlecolumn-footer {
    margin: 0px 14px;
    left: 0px;
    width: 290px;
    height: 41px;
    bottom: 0px;
    border-top-color: rgb(237, 237, 237);
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
}

.main-singlecolumn-footertext {
    text-align: center;
    color: rgb(107, 107, 107);
    line-height: 39px;
    font-size: 12px;
}

.main-blogpublishdate {
    margin: 0px 23px 8px;
    font-size: 11px;
}

    .main-blogpublishdate a {
        text-decoration: none;
    }

.main-poll-title {
    padding-top: 13px;
}

    .main-poll-title h4 {
        color: rgb(53, 53, 53);
        line-height: 1.3;
        font-size: 12px;
        font-weight: normal;
    }

.feed-livefeed-avatar {
    padding-top: 10px;
    padding-bottom: 6px;
}

.main-login-text {
    text-align: right;
    color: rgb(53, 53, 53);
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
    float: left;
}

    .main-login-text div {
        height: 43px;
        line-height: 26px;
        margin-top: 10px;
        position: relative;
    }

.main-login-input-wrapper {
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 171, 171) rgb(204, 204, 204) rgb(204, 204, 204);
    border-image: none;
    margin-bottom: 5px;
    float: left;
    position: relative;
}

    .main-login-input-wrapper span {
        left: 13px;
        top: 7px;
        color: rgb(167, 167, 167);
        font-size: 18px;
        position: absolute;
        z-index: 0;
        cursor: text;
    }

    .main-login-input-wrapper input {
        margin: 0px;
        padding: 0px 12px;
        border: currentColor;
        border-image: none;
        width: 284px;
        height: 32px;
        color: rgb(53, 53, 53);
        font-family: Arial, sans-serif;
        font-size: 18px;
    }

.register-container .main-login-text div #personaId {
    margin-top: 10px;
    float: left;
}

.main-poll-novoting {
    line-height: 1.2;
    font-size: 14px;
    font-weight: bold;
}

.main-poll-voted-spacer {
    height: 20px;
}

.main-poll-totalvotes {
    margin: 10px 0px;
    font-size: 12px;
}

.main-poll-notloggedin {
    margin: 10px 0px;
    font-size: 12px;
}

.main-poll-totalvotes {
    color: rgb(53, 53, 53);
    padding-bottom: 15px;
    font-size: 11px;
    margin-top: 15px;
}

#main-poll-form {
    margin: 0px 15px;
}

    #main-poll-form input[type=submit] {
        margin: 20px 0px 0px;
        border: 0px currentColor;
        border-image: none;
    }

    #main-poll-form .main-poll-answer {
        margin: 2px 0px;
        clear: both;
    }

.main-poll-answertitle {
    margin: 6px 0px;
    width: 288px;
    color: rgb(53, 53, 53);
    overflow: hidden;
}

    .main-poll-answertitle div.text-answer {
        width: 248px;
        font-size: 12px;
        font-weight: bold;
        float: left;
    }

    .main-poll-answertitle div.answer-percentage {
        width: 40px;
        text-align: right;
        clear: right;
        font-size: 12px;
        font-weight: normal;
        float: left;
    }

#main-poll-form .main-poll-answer label {
    font-size: 12px;
    font-weight: bold;
}

#main-poll-form .main-pollanswer-radio {
    margin: 10px 10px 0px 0px;
}

#main-loggedin-top {
    width: 992px;
    height: 324px;
}

.main-index-container {
    top: -15px;
    width: 100%;
    overflow: auto;
    clear: both;
    position: relative;
}

.main-loggedin-container {
    margin: 0px auto;
    width: 520px;
    padding-top: 30px;
}

.main-loggedin-submit {
    margin-top: 5px;
    float: right;
    position: relative;
}

#main-loggedin-newsletter {
    background: url("../main/bfbc2/newsletter.png");
    width: 320px;
    height: 203px;
    margin-top: 16px;
    margin-left: 16px;
    float: right;
    position: relative;
}

    #main-loggedin-newsletter #main-newsletter-signup {
        left: 190px;
        top: 103px;
        position: absolute;
    }

    #main-loggedin-newsletter #main-newsletter-view {
        left: 190px;
        top: 145px;
        position: absolute;
    }

    #main-loggedin-newsletter #main-newsletter-signup a {
        color: rgb(248, 248, 248);
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
    }

    #main-loggedin-newsletter #main-newsletter-view a {
        color: rgb(248, 248, 248);
        line-height: 12px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

        #main-loggedin-newsletter #main-newsletter-view a:hover {
            color: rgb(230, 159, 31);
        }

    #main-loggedin-newsletter #main-newsletter-signup a:hover {
        color: rgb(230, 159, 31);
    }

#main-loggedin-content {
    width: 992px;
}

.main-loggedin-playnow-desc {
    padding: 12px 0px 6px;
    color: rgb(53, 53, 53);
    font-size: 11px;
}

    .main-loggedin-playnow-desc a {
        font-size: 11px;
        font-weight: normal;
    }

.main-loggedin-award {
    height: 58px;
    clear: both;
}

.main-loggedin-award-img {
    width: 110px;
    text-align: center;
    float: left;
}

.main-loggedin-award-info {
    width: 210px;
    float: left;
}

.main-loggedin-award-progress {
    padding-bottom: 3px;
    font-size: 12px;
}

.main-loggedin-awarditem-progress {
    left: 1px;
    top: 1px;
    height: 5px;
    position: relative;
    background-color: rgb(39, 40, 41);
}

.main-loggedin-award-title {
    padding-top: 5px;
    padding-bottom: 5px;
}

.main-loggedin-award-desc {
    color: rgb(138, 138, 138);
    line-height: 1.2;
    font-size: 11px;
}

.main-splashbar-container {
    margin: 0px auto;
    width: 992px;
    position: relative;
}

.main-splashbar-signup {
    top: 19px;
    right: 0px;
    position: absolute;
}

.main-splashbar-info {
    margin-top: 16px;
    margin-right: 70px;
    float: left;
}

.main-splashbar-info-text {
    color: rgb(204, 204, 204);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    text-shadow: 0px 1px #000;
}

.main-splashbar-info-amount {
    color: rgb(254, 254, 254);
    font-size: 35px;
    text-shadow: 0px 1px #000;
}

#main-loggedin-leftcolumn {
    width: 320px;
    padding-bottom: 230px;
    margin-top: 0px;
    margin-left: 16px;
    float: right;
}

    #main-loggedin-leftcolumn h3 {
        color: rgb(53, 53, 53);
        line-height: 15px;
        font-family: Tahoma, sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 6px;
    }

        #main-loggedin-leftcolumn h3.grey {
            color: rgb(138, 138, 138);
            text-transform: uppercase;
            font-size: 11px;
        }

    #main-loggedin-leftcolumn .advirticement {
        margin: 12px 0px;
    }

.main-loggedin-leftcolumn-active-console-friends {
    padding-top: 10px;
}

.main-loggedin-leftcolumn-active-console-friend-avatars {
    height: 36px;
}

.main-loggedin-leftcolumn-active-console-friend-avatar {
    width: 36px;
    height: 36px;
    margin-right: 5px;
    float: left;
}

.main-loggedin-leftcolumn-active-soldier {
    margin-bottom: 9px;
    border-bottom-color: rgb(252, 252, 252);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
}

.main-loggedin-leftcolumn-active-soldier-inner {
    height: auto;
    border-bottom-color: rgb(232, 232, 232);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    min-height: 144px;
}

.main-loggedin-leftcolumn-active-soldier-name {
    left: 83px;
    top: 30px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
}

.main-loggedin-leftcolumn-active-soldier-info {
    left: 83px;
    top: 50px;
    color: rgb(138, 138, 138);
    line-height: 20px;
    font-size: 12px;
    position: absolute;
}

.main-loggedin-leftcolumn-active-soldier-info-platform {
    padding-top: 4px;
    padding-right: 3px;
    float: left;
}

.main-loggedin-leftcolumn-active-soldier-info a {
    font-size: 12px;
    font-weight: normal;
}

.main-loggedin-leftcolumn-active-soldier-rank {
    background: url("../main/sidebar_separator_texture.png") no-repeat left bottom;
    left: 0px;
    width: 100%;
    height: 128px;
    bottom: 1px;
    position: absolute;
}

.main-loggedin-leftcolumn-active-soldier-link {
    left: 0px;
    bottom: 0px;
    position: absolute;
}

.bf3-char.main-loggedin-leftcolumn-active-soldier-rank-char-image {
    background: url("../profile/kits/m/bf3-us-assault.png") no-repeat bottom;
}

.main-loggedin-leftcolumn-ad {
    margin-top: 14px;
    margin-bottom: 6px;
}

.main-loggedin-leftcolumn-ad-inner {
    padding: 8px;
}

    .main-loggedin-leftcolumn-ad-inner img {
        display: block;
    }

#main-loggedin-maincolumn {
    width: 656px;
    margin-top: 0px;
    float: right;
}

.main-loggedin-awarditem-progress-container {
    background: rgb(202, 202, 202);
    padding: 1px;
    width: 206px;
    height: 7px;
    overflow: hidden;
}

.main-loggedin-awarditem-progress-container-inner {
    background: rgb(255, 255, 255);
    width: 100%;
    height: 7px;
}

#main-loggedin-next-awards {
    clear: both;
}

#main-loggedin-your-targets {
    clear: both;
}

#main-loggedin-feed-container {
    background: rgb(252, 252, 251);
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: currentColor rgb(215, 216, 216) rgb(215, 216, 216);
    border-image: none;
}

#main-loggedin-createsoldier-container {
    background: rgb(252, 252, 251);
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: currentColor rgb(215, 216, 216) rgb(215, 216, 216);
    padding: 13px;
    border-image: none;
    line-height: 16px;
    font-size: 12px;
}

#main-loggedin-feed {
    margin-top: 1px;
    position: relative;
}

    #main-loggedin-feed .facebook-cta {
        background: url("../facebook/icon-fb-m.png") no-repeat 16px rgba(7, 7, 7, 0.6);
        color: rgb(168, 168, 168);
        line-height: 18px;
        padding-right: 100px;
        padding-left: 56px;
        font-size: 14px;
        position: relative;
    }

        #main-loggedin-feed .facebook-cta b {
            color: rgb(255, 255, 255);
            cursor: pointer;
        }

            #main-loggedin-feed .facebook-cta b:hover {
                text-decoration: underline;
            }

        #main-loggedin-feed .facebook-cta .close {
            background: url("../unifiedgamemanager/close@2x.png") 0% 0% / 100%;
            top: 26px;
            width: 16px;
            height: 16px;
            right: 16px;
            display: block;
            position: absolute;
            cursor: pointer;
        }

#main-loggedin-wb-avatar {
    left: 0px;
    top: 15px;
    position: absolute;
}

#main-loggedin-wb-info {
    float: left;
}

.main-loggedin-wb-info-icon {
    background: url("../main/singedinicons.png");
    width: 27px;
    height: 25px;
    float: left;
    position: relative;
    cursor: pointer;
}

    .main-loggedin-wb-info-icon:hover {
        background-position: -36px 0px;
    }

.main-loggedin-icon-new {
    background: rgb(0, 0, 0);
    padding: 0px 3px;
    top: 0px;
    height: 14px;
    right: 2px;
    color: rgb(245, 169, 5);
    line-height: 14px;
    font-size: 11px;
    display: none;
    position: absolute;
    text-shadow: none;
}

.main-loggedin-wb-info-icon-divider {
    background: url("../main/singedinicons-divider.png");
    width: 1px;
    height: 25px;
    float: left;
}

#main-loggedin-activesoldier {
    background: url("../main/bfbc2/activesoldier.png") no-repeat left bottom;
    left: 340px;
    top: 0px;
    width: 200px;
    height: 90px;
    position: absolute;
}

#main-loggedin-activesoldier-header {
    left: 70px;
    top: 30px;
    color: rgb(138, 138, 138);
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}

#main-loggedin-activesoldier-link {
    left: -72px;
    top: -28px;
    width: 61px;
    height: 87px;
    position: absolute;
}

#main-loggedin-activesoldier-header a {
    line-height: 20px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#main-loggedin-activesoldier-game {
    width: 30px;
    margin-top: 0px;
}

#main-loggedin-wb-info-icon-inbox {
    top: 47px;
    margin-left: 65px;
    position: relative;
}

#main-loggedin-wb-info-icon-gameupdates {
    top: 47px;
    margin-left: 2px;
    position: relative;
}

#main-loggedin-wb-info-icon-notifications {
    top: 47px;
    margin-left: 0px;
    position: relative;
}

.unread#main-loggedin-wb-info-icon-inbox {
    background-position: 36px 0px;
}

.unread#main-loggedin-wb-info-icon-notifications .main-loggedin-icon-new {
    display: block;
}

.unread#main-loggedin-wb-info-icon-inbox .main-loggedin-icon-new {
    display: block;
}

#main-loggedin-wb-info-icon-gameupdates {
    background-position: 0px 50px;
    margin-left: 2px;
    position: relative;
}

    #main-loggedin-wb-info-icon-gameupdates:hover {
        background-position: -36px 50px;
    }

.unread#main-loggedin-wb-info-icon-gameupdates {
    background-position: 36px 50px;
}

#main-loggedin-wb-info-icon-notifications {
    background-position: 0px 25px;
    margin-left: 65px;
    position: relative;
}

    #main-loggedin-wb-info-icon-notifications:hover {
        background-position: -36px 25px;
    }

.unread#main-loggedin-wb-info-icon-notifications {
    background-position: 36px 25px;
}

#main-loggedin-wb-info {
    margin-top: 8px;
    margin-left: 20px;
}

#main-loggedin-wb-username {
    left: 72px;
    top: 27px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    position: absolute;
}

#main-loggedin-wb-container {
    margin: 0px auto;
    top: 0px;
    width: 992px;
    height: 92px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
}

#main-loggedin-wb-bottomline {
    left: 0px;
    width: 100%;
    height: 3px;
    bottom: 0px;
    border-bottom-color: rgb(192, 192, 192);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    position: absolute;
    opacity: 0.2;
}

#main-loggedin-singlecolumns {
    margin: 0px 16px 60px;
    clear: left;
}

    #main-loggedin-singlecolumns .single-column {
        margin: 0px 0px 16px 18px;
    }

    #main-loggedin-singlecolumns :first-child.single-column {
        margin-left: 0px;
    }

.adbox {
    height: 352px;
}

    .adbox .box-content {
        background: url("../main/warsaw/soldier-box.jpg") no-repeat;
        text-align: center;
        position: relative;
    }

    .adbox .btn {
        margin-top: 300px;
    }

#main-loggedin-friends {
    width: 100%;
    position: relative;
}

.profile-clean-heading {
    background: url("../base/bfbc2/loggedin-clean-heading.png") no-repeat left top;
    padding-top: 8px;
    padding-bottom: 4px;
    border-top-color: rgb(224, 223, 223);
    border-top-width: 0px;
    border-top-style: solid;
}

.main-loggedin-clean-heading {
    background: url("../base/bfbc2/loggedin-clean-heading.png") no-repeat left top;
    padding-top: 8px;
    padding-bottom: 4px;
    border-top-color: rgb(224, 223, 223);
    border-top-width: 0px;
    border-top-style: solid;
}

#main-loggedin-friends .main-loggedin-clean-heading {
    background: none;
}

.main-loggedin-clean-heading {
    color: rgb(53, 53, 53);
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

    .main-loggedin-clean-heading h1 {
        font-family: Tahoma, sans-serif;
    }

.main-loggedin-heading {
    background: url("../base/bfbc2/header_x1.png");
    width: 100%;
    height: 38px;
    text-transform: uppercase;
    position: relative;
}

    .main-loggedin-heading h1 {
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        line-height: 38px;
        font-size: 17px;
        margin-left: 16px;
        text-shadow: 0px 1px #000;
    }

#main-loggedin-content #feed-container {
    width: 620px;
}

#main-loggedin-content .feed-container-empty {
    padding: 10px;
    text-align: center;
}

    #main-loggedin-content .feed-container-empty span {
        color: rgb(53, 53, 53);
        padding-bottom: 10px;
        font-size: 14px;
        display: block;
    }

    #main-loggedin-content .feed-container-empty a {
        font-size: 14px;
        font-weight: bold;
    }

#main-trailer-splash-content {
    margin: auto;
    width: 660px;
    height: 405px;
    display: none;
    position: relative;
    z-index: 210;
}

#main-trailer-splash-darkbox {
    left: 0px;
    top: -30px;
    width: 100%;
    height: 1000px;
    display: none;
    position: absolute;
    z-index: 200;
    opacity: 0.95;
    background-color: rgb(21, 21, 21);
}

#main-trailer-thumbnail {
    margin: 0px auto;
    top: 315px;
    width: 992px;
    position: relative;
    z-index: 190;
    cursor: pointer;
}

#main-trailer-thumbnail-img {
    margin: 0px 0px 5px;
}

#main-trailer-caption {
    margin: auto auto auto 5px;
    bottom: -20px;
    color: rgb(53, 53, 53);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    text-shadow: 0px 1px 0px #fff;
}

    #main-trailer-caption:hover {
        color: rgb(48, 141, 191);
        text-decoration: underline;
    }

#main-live-userbar {
    width: 100%;
    bottom: 0px;
    margin-top: 20px;
    position: relative;
}

#loginFeed {
    margin: 110px auto auto;
    width: 992px;
    position: relative;
    z-index: 2;
}

.main-latest-logged-in-players {
    color: rgb(168, 168, 168);
    font-size: 14px;
    font-weight: bold;
}

.main-splash-separator {
    margin: 15px 0px 10px;
}

.main-all-presence {
    margin: 0px auto 110px;
    width: 618px;
}

.main-social {
    background: url("../main/all/footer-sociallogos-big.png");
    margin: 0px 75px 20px 0px;
    text-align: center;
    overflow: hidden;
    float: left;
}

.main-social-last {
    margin-right: 0px;
}

#main-social-facebook {
    width: 158px;
    height: 59px;
}

    #main-social-facebook:hover {
        background-position: 0px -59px;
    }

#main-social-twitter {
    background-position: 0px -118px;
    width: 167px;
    height: 39px;
    margin-top: 12px;
}

    #main-social-twitter:hover {
        background-position: 0px -157px;
    }

#main-social-youtube {
    background-position: 0px -196px;
    width: 127px;
    height: 53px;
}

    #main-social-youtube:hover {
        background-position: 0px -249px;
    }

.main-social-a {
    left: 0px;
    top: 50px;
    padding-top: 80px;
    position: relative;
}

#main-social-a-twitter {
    top: 38px;
    padding-top: 68px;
}

#main-moh {
    top: -20px;
    position: relative;
}

#loginfeed-avatars {
    padding: 5px;
    width: 989px;
    height: 32px;
    overflow: hidden;
    margin-top: 5px;
    background-color: rgb(243, 243, 243);
}

#loginfeed-avatars-container {
    left: 0px;
    width: 1200px;
    white-space: nowrap;
    position: relative;
}

#loginfeed-avatars .base-avatar-container {
    margin: 0px 7px 0px 0px;
    float: left;
}

.main-trailer-vietnam {
    display: none;
}

#main-loggedin-top {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/backgrounds/loggedin-top-6f944a4b.png") repeat-x;
    width: 100%;
    height: 151px;
    position: relative;
}

.main-campaign {
    width: 320px;
    height: 100%;
    float: left;
    position: relative;
}

.main-campaign-label {
    background: url("../main/bf3/shade.png");
    top: 5px;
    width: 113px;
    height: 29px;
    text-align: center;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 29px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    text-shadow: 0px 1px 0px #000;
}

.main-multiplayer-info {
    margin: 10px;
    color: rgb(255, 255, 255);
    line-height: 2.4;
    font-size: 11px;
    float: left;
    position: relative;
}

.main-campaign-info {
    margin: 10px;
    color: rgb(255, 255, 255);
    line-height: 2.4;
    font-size: 11px;
    float: left;
    position: relative;
}

.main-campaign-launch {
    margin-top: 10px;
    margin-right: 10px;
    float: right;
    position: relative;
}

.main-coop {
    width: 352px;
    height: 100%;
    float: left;
    position: relative;
}

.main-multiplayer {
    width: 320px;
    height: 100%;
    float: left;
    position: relative;
}

.main-multiplayer-label {
    background: url("../main/bf3/shade.png");
    top: 5px;
    width: 145px;
    height: 29px;
    text-align: center;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 29px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    text-shadow: 0px 1px 0px #000;
}

    .main-multiplayer-label span {
        float: left;
    }

    .main-multiplayer-label img {
        margin: 9px 10px 0px;
        float: left;
    }

.main-multiplayer-info {
    top: 98px;
    position: relative;
}

.main-multiplayer-launch {
    right: 10px;
    bottom: 12px;
    position: absolute;
}

.main-targetsunlocks {
    width: 654px;
    margin-bottom: 16px;
    border-top-color: rgb(202, 202, 202);
    border-bottom-color: rgb(255, 255, 255);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.main-targetsunlocks-inner {
    border: 1px solid rgb(219, 219, 219);
    border-image: none;
    padding-bottom: 13px;
    position: relative;
    background-color: rgb(231, 231, 231);
}

.main-targetsunlocks-container-left {
    width: 309px;
    float: left;
    position: relative;
}

.main-targetsunlocks-container-right {
    width: 309px;
    float: left;
    position: relative;
}

.main-targetsunlocks-container-left {
    left: 15px;
}

.main-targetsunlocks-container-right {
    margin-right: 14px;
    float: right;
}

.main-targetsunlocks-box-wrapper {
    margin-top: 9px;
}

.main-targetsunlocks-box {
    margin: 0px 10px 10px 0px;
    width: 100px;
    height: 65px;
    float: left;
    position: relative;
    background-color: rgb(223, 223, 223);
}

.last.main-targetsunlocks-box {
    margin-right: 0px;
}

.main-targetstaken-closeform {
    display: none;
}

.main-targetsunlocks-box:hover .main-targetstaken-closeform {
    display: block;
}

.main-targetsunlocks-box-title {
    color: rgb(138, 138, 138);
    font-size: 10px;
}

.taken.main-targetsunlocks-box {
    background: rgb(176, 211, 121);
}

.main-targetsunlocks-target {
    height: 35px;
    color: rgb(53, 53, 53);
    line-height: 35px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    position: relative;
}

.main-targetsunlocks-upcoming {
    height: 35px;
    color: rgb(53, 53, 53);
    line-height: 35px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    position: relative;
}

.main-targetsunlocks-target {
    background: url("../main/all/target.png") no-repeat left;
    left: 15px;
    width: 309px;
    text-indent: 20px;
    float: left;
}

.main-targetsunlocks-upcoming {
    width: 309px;
    margin-right: 14px;
    float: right;
}

.main-targetsunlocks-change {
    line-height: 17px;
    padding-left: 4px;
    font-size: 11px;
    font-weight: normal;
    position: relative;
}

.main-targetsunlocks-viewall {
    left: 15px;
    width: 304px;
    text-align: center;
    bottom: 10px;
    font-weight: normal;
    position: absolute;
}

    .main-targetsunlocks-viewall a {
        font-weight: normal;
    }

.main-targetsunlocks-progress-container {
    background: rgb(202, 202, 202);
    padding: 1px;
    left: 10px;
    width: 80px;
    height: 7px;
    bottom: 6px;
    overflow: hidden;
    position: absolute;
}

.main-targetsunlocks-progress-container-inner {
    background: rgb(255, 255, 255);
    width: 100%;
    height: 7px;
}

.main-targetsunlocks-progress {
    left: 1px;
    top: 1px;
    height: 5px;
    position: relative;
    background-color: rgb(39, 40, 41);
}

.main-targetsunlocks-awardtitle {
    left: 10px;
    width: 130px;
    height: 16px;
    text-align: center;
    bottom: 7px;
    color: rgb(53, 53, 53);
    overflow: hidden;
    font-size: 11px;
    position: absolute;
}

.main-targetsunlocks-statsimage {
    position: absolute;
}

.main-loggedin-upcomingunlocks {
    width: 100%;
    position: relative;
}

.main-loggedin-rankbar {
    left: 70px;
    top: 70px;
    width: 100%;
    margin-top: 0px;
    position: absolute;
}

.main-loggedin-upcomingunlocks {
    left: -10px;
    clear: both;
    position: relative;
    min-height: 65px;
}

.main-loggedin-rankbar a:hover {
    text-decoration: none;
}

.main-loggedin-rankbar-prev {
    margin: 12px 0px 0px;
    float: left;
}

.main-loggedin-rankbar-next {
    margin: 12px 0px 0px;
    float: left;
    opacity: 0.2;
}

.main-loggedin-rankbar-bar {
    width: 131px;
    font-size: 12px;
    margin-top: 15px;
    float: left;
}

.main-loggedin-rankbar-rankName {
    color: rgb(53, 53, 53);
    line-height: 20px;
    font-size: 12px;
}

.main-loggedin-rankbar-points {
    text-align: left;
    color: rgb(138, 138, 138);
    line-height: 18px;
    padding-top: 1px;
    font-size: 11px;
}

    .main-loggedin-rankbar-points strong {
        color: rgb(53, 53, 53);
        font-weight: normal;
    }

.main-loggedin-rankbar-barmeter {
    padding: 1px;
    border: 1px solid rgb(190, 190, 190);
    border-image: none;
    width: 129px;
    height: 7px;
    background-color: rgb(255, 255, 255);
}

    .main-loggedin-rankbar-barmeter div {
        height: 7px;
        max-width: 100%;
        background-color: rgb(53, 53, 53);
    }

.main-loggedin-campaign-map {
    border: 1px solid rgb(224, 224, 223);
    border-image: none;
    width: 66px;
    height: 46px;
    float: left;
}

    .main-loggedin-campaign-map img {
        margin: 2px;
        width: 62px;
        height: 42px;
    }

.main-loggedin-campaign-info {
    width: 154px;
    line-height: 16px;
    overflow: hidden;
    margin-left: 6px;
    float: left;
}

.main-loggedin-campaign-chapter {
    color: rgb(53, 53, 53);
    font-size: 11px;
    font-weight: bold;
}

.main-loggedin-campaign-title {
    font-size: 11px;
}

.main-loggedin-campaign-ago {
    color: rgb(138, 138, 138);
    font-size: 11px;
}

#main-loggedin-campaign {
    margin-top: 14px;
}

#main-loggedin-coop {
    margin-top: 14px;
}

#main-loggedin-multiplayer {
    margin-top: 14px;
}

#main-loggedin-campaign {
    height: 89px;
}

#main-loggedin-coop {
    height: 70px;
}

.main-loggedin-sectiontitle {
    color: rgb(53, 53, 53);
    text-indent: 5px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px;
    text-shadow: 0px 1px #ffffff;
}

.main-loggedin-coop-logo {
    background: url("../campaign/mock-cooplevels.png");
    width: 35px;
    height: 24px;
    margin-top: 5px;
    margin-right: 10px;
    float: left;
}

.main-loggedin-coop-info-text {
    color: rgb(53, 53, 53);
    font-size: 12px;
}

.main-loggedin-coop-info-friends {
    color: rgb(138, 138, 138);
    font-size: 11px;
}

.main-loggedin-section-button {
    float: right;
}

.main-loggedin-coop-info {
    width: 188px;
    line-height: 16px;
    float: left;
}

.main-loggedin-multiplayer-info {
    width: 240px;
    margin-top: 6px;
    float: left;
}

.main-loggedin-multiplayer-title {
    color: rgb(138, 138, 138);
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.main-loggedin-multiplayer-filters {
    color: rgb(138, 138, 138);
    line-height: 16px;
    font-size: 11px;
    margin-top: 6px;
}

    .main-loggedin-multiplayer-filters span {
        font-weight: bold;
    }

    .main-loggedin-multiplayer-filters a {
        font-size: 11px;
        font-weight: normal;
    }

.main-loggedin-server-description {
    color: rgb(138, 138, 138);
    font-family: tahoma, geneva, arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 12px;
}

.main-loggedin-server-infoarea {
    color: rgb(138, 138, 138);
    line-height: 16px;
    font-size: 11px;
    margin-top: 3px;
    margin-left: 6px;
    float: left;
}

.main-loggedin-server {
    clear: left;
    margin-bottom: 10px;
}

.main-loggedin-server-title a {
    font-size: 11px;
}

.main-loggedin-server-map {
    border: 1px solid rgb(224, 224, 223);
    border-image: none;
    width: 66px;
    height: 46px;
    float: left;
}

    .main-loggedin-server-map img {
        margin: 2px;
        width: 62px;
        height: 42px;
    }

.main-targetstaken-close {
    background: url("../base/shared/row_icon_chat.png") 0px 26px;
    border: 0px currentColor;
    border-image: none;
    width: 13px;
    height: 13px;
    margin-top: 4px;
    margin-right: 4px;
    float: right;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

    .main-targetstaken-close:hover {
        background-position: 0px 13px;
    }

.main-targetunlocks-foundnotargets {
    height: 70px;
    text-align: center;
    color: rgb(53, 53, 53);
    line-height: 70px;
    font-size: 12px;
}

.main-targetunlocks-pointsneeded {
    left: 28px;
    top: 88px;
    width: 102px;
    text-align: center;
    color: rgb(138, 138, 138);
    font-size: 11px;
    position: absolute;
}

#main-landing {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/backgrounds/landing_bg-41a2381f.jpg") no-repeat 50% 100% white;
    height: 709px;
    text-align: center;
    position: relative;
}

.main-landing-bg-flick {
    background: no-repeat 50% 100%;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}

.main-landing-inner {
    margin: 0px auto;
    width: 992px;
    height: 100%;
    text-align: left;
    position: relative;
}

.main-landing-middle#main-middle {
    padding-top: 62px;
    position: static;
}

.main-landing-headinfo {
    height: 47px;
    padding-top: 25px;
}

    .main-landing-headinfo table tr td {
        vertical-align: top;
    }

.main-landing-headinfo-line {
    width: 100%;
    height: 1px;
    margin-top: 24px;
    background-color: rgb(149, 161, 155);
}

.main-landing-headinfo-title {
    padding: 14px 13px 0px 12px;
    color: rgb(201, 201, 203);
    font-family: Arial, sans-serif;
    font-size: 20px;
    white-space: nowrap;
}

#main-landing-headinfo-count {
    font-family: Arial, sans-serif;
    font-size: 47px;
    white-space: nowrap;
}

.main-landing-header {
    height: 301px;
    padding-top: 70px;
    position: relative;
}

.main-landing-header-action-link {
    background: no-repeat 0px 50%;
    height: 34px;
    font-family: Arial, sans-serif;
    font-size: 32px;
    font-weight: normal;
    position: absolute;
}

#base-all-body .main-landing-header {
    padding-top: 0px;
}

.main-landing-splashinfo {
    width: 662px;
    padding-top: 14px;
    margin-left: 10px;
    float: left;
}

    .main-landing-splashinfo h1 {
        margin: 0px;
        padding: 0px;
        color: rgb(255, 255, 255);
        line-height: 75px;
        letter-spacing: 0px;
        font-family: Arial, sans-serif;
        font-size: 90px;
        font-weight: normal;
        text-shadow: 0px 1px 2px #222222;
    }

    .main-landing-splashinfo h2 {
        margin: 20px 0px 0px;
        padding: 0px 0px 0px 4px;
        color: rgb(37, 37, 37);
        line-height: 32px;
        letter-spacing: 0px;
        font-family: Arial, sans-serif;
        font-size: 32px;
        font-weight: normal;
    }

.main-landing-logo {
    background: url("../main/all/logo.png") no-repeat 50% 20px;
    width: 320px;
    height: 270px;
    float: left;
}

.main-landing-joincontent {
    height: 410px;
    bottom: -62px;
    position: absolute;
    z-index: 4;
}

.main-landing-joincontent-login {
    background: url("../main/all/login_bg.png") no-repeat rgb(34, 34, 34);
    width: 320px;
    height: 410px;
    text-align: center;
    float: left;
}

.main-landing-joincontent-login-padder {
    padding: 19px 30px;
}

.main-landing-joincontent-login h1 {
    margin: 0px 0px 18px;
    padding: 0px;
    color: rgb(255, 255, 255);
    line-height: 35px;
    font-family: Arial, sans-serif;
    font-size: 35px;
    font-weight: normal;
}

.main-landing-joincontent-login h4 {
    margin: 0px 0px 13px;
    padding: 0px;
    color: rgb(210, 210, 210);
    line-height: 22px;
    font-size: 14px;
}

.main-landing-joincontent-login-seperator {
    background: url("../main/all/login-or-signup-seperator.png") no-repeat;
    margin: 32px 0px 28px;
    width: 260px;
    height: 14px;
}

.main-landing-joincontent-login-seperator-small {
    margin: 15px 0px 11px;
    width: 260px;
    height: 1px;
    background-color: rgb(45, 45, 45);
}

.main-landing-joincontent-login-form-input {
    height: 30px;
    margin-bottom: 5px;
    position: relative;
    background-color: rgb(79, 79, 79);
}

    .main-landing-joincontent-login-form-input label {
        left: 10px;
        top: 9px;
        color: rgb(167, 167, 167);
        font-size: 12px;
        position: absolute;
        z-index: 0;
        cursor: text;
    }

.filled.main-landing-joincontent-login-form-input label {
    display: none;
}

.main-landing-joincontent-login-form-input input {
    margin: 0px;
    padding: 9px 10px 6px !important;
    border: currentColor;
    border-image: none;
    width: 240px;
    height: 15px;
    color: rgb(181, 180, 180);
    line-height: 12px;
    font-size: 12px;
    float: left;
    position: relative;
    z-index: 1;
    background-color: transparent;
}

    .main-landing-joincontent-login-form-input input:focus {
    }

.main-landing-login-form-actions {
    margin-top: 10px;
}

.main-landing-login-form-action-remember {
    text-align: left;
    color: rgb(167, 167, 167);
    font-size: 11px;
    margin-top: 4px;
    float: left;
}

    .main-landing-login-form-action-remember input {
        margin-left: 0px;
    }

    .main-landing-login-form-action-remember label {
        top: -2px;
    }

.main-landing-login-action-lostpassword {
    color: rgb(85, 114, 140);
    font-size: 11px;
    font-weight: normal;
}

.main-landing-joincontent-pitchboxes {
    width: 672px;
    float: left;
}

.main-landing-joincontent-pitchboxes-pitch {
    width: 320px;
    height: 197px;
    text-align: center;
    margin-left: 16px;
    float: left;
    position: relative;
}

.main-landing-joincontent-pitchboxes-pitch-link {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.main-landing-joincontent-pitchbox-bg {
    background: no-repeat;
    left: 0px;
    top: -18px;
    width: 320px;
    height: 215px;
    position: absolute;
    z-index: -1;
}

.main-landing-joincontent-pitchboxes-pitch h1 {
    color: rgb(0, 0, 0);
    line-height: 32px;
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-top: 131px;
}

.main-landing-joincontent-pitchboxes-pitch-info {
    color: rgb(158, 158, 158);
    padding-top: 5px;
    font-size: 12px;
}

.main-landing-joincontent-pitchboxes-pitch-size2 .main-landing-joincontent-pitchboxes-pitch-info {
    padding-top: 7px;
}

.main-landing-liveeventsbox .common-box-title {
    text-align: center;
}

.main-landing-liveeventsbox .common-box-inner {
    padding-bottom: 13px;
}

.main-landing-liveeventsbox .common-box-inner-border {
    height: 322px;
}

.main-landing-stats-separator {
    height: 2px;
    margin-bottom: 15px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: rgb(231, 231, 231);
}

.main-landing-stats {
    margin-bottom: 24px;
}

    .main-landing-stats table {
        width: 100%;
        height: 78px;
    }

    .main-landing-stats h1 {
        margin: 14px 0px 8px 11px;
        padding: 0px;
        color: rgb(171, 171, 171);
        font-family: Tahoma, Arial, sans-serif;
        font-size: 11px;
    }

.main-landing-stats-stat {
    margin: 0px 0px 0px 11px;
    padding: 0px;
    color: rgb(135, 135, 135);
    font-family: Arial, sans-serif;
    font-size: 35px;
}

.main-landing-stats-icon-kills {
    background: url("../main/stats-kills.png") no-repeat 0px 6px;
    width: 71px;
}

.main-landing-stats-icon-users {
    background: url("../main/stats-users.png") no-repeat -6px 5px;
    width: 68px;
}

.main-landing-stats-icon-time {
    background: url("../main/stats-time.png") no-repeat -7px 8px;
    width: 65px;
}

.main-landing-stats-icon-dogtags {
    background: url("../main/stats-dogtags.png") no-repeat -23px 0px;
    width: 49px;
}

.main-landing-loggedin-goto-game {
    margin-top: 8px;
}

.main-landing-loggedin-goto-game-title {
    text-align: left;
}

#main-loggedin-closedbeta p {
    color: rgb(138, 138, 138);
    line-height: 1.4;
    font-size: 12px;
}

#main-loggedin-closedbeta a {
    line-height: 1.4;
    font-size: 12px;
}

.main-targetsunlocks-statsimage-padder {
    width: 25px;
    height: 30px;
    float: left;
}

#main-loggedin-friendsuggest {
    margin-top: 16px;
}

    #main-loggedin-friendsuggest p {
        color: rgb(53, 53, 53);
        font-size: 12px;
        margin-bottom: 16px;
    }

    #main-loggedin-friendsuggest li {
        margin-bottom: 10px;
    }

    #main-loggedin-friendsuggest .base-friends-username {
        width: auto;
        margin-right: 10px;
        float: left;
    }

    #main-loggedin-friendsuggest .base-friends-avatar {
        width: auto;
        margin-right: 10px;
        float: left;
    }

    #main-loggedin-friendsuggest .profile-add-friend {
        margin-top: 5px;
        float: right;
    }

.main-about-intro {
    height: 178px;
    text-align: center;
}

    .main-about-intro h1 {
        color: rgb(0, 0, 0);
        text-transform: uppercase;
        line-height: 68px;
        padding-top: 31px;
        font-family: Arial, sans-serif;
        font-size: 65px;
        font-weight: normal;
    }

    .main-about-intro p {
        color: rgb(53, 53, 53);
        line-height: 33px;
        padding-top: 13px;
        font-family: Arial, sans-serif;
        font-size: 30px;
        font-weight: normal;
    }

.main-about-feature {
    border-bottom-color: rgb(223, 223, 223);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .main-about-feature .main-about-feature-info {
        width: 488px;
        float: left;
        position: relative;
    }

.text-right.main-about-feature .main-about-feature-info {
    float: right;
}

.main-about-feature h2 {
    margin: 43px 0px 0px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 38px;
    font-family: Arial, sans-serif;
    font-size: 35px;
    font-weight: normal;
}

.main-about-feature img {
    float: right;
}

.text-right.main-about-feature img {
    float: left;
}

.main-about-feature-info-intro {
    margin: 7px 0px 0px;
    color: rgb(53, 53, 53);
    line-height: 23px;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
}

.main-about-feature .main-about-feature-info-description {
    margin: 10px 0px 0px;
    color: rgb(119, 119, 119);
    line-height: 23px;
    font-size: 16px;
}

.main-about-foot {
    padding: 40px 0px;
    text-align: center;
}

.main-about-foot-back-home {
    text-transform: uppercase;
    line-height: 53px;
    font-family: Arial, sans-serif;
    font-size: 50px;
    font-weight: normal;
    text-decoration: none;
}

.note {
    margin: 20px auto;
    width: 440px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
}

.main-login-register-area {
    text-align: center;
    min-height: 500px;
}

.main-forgotpassword-label {
    margin: 18px 10px 0px 0px;
    width: 110px;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 12px;
    float: left;
}

.main-forgotpassword-input {
    width: 290px;
    color: rgb(53, 53, 53);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
}

.main-forgotpassword-submit {
    margin: 10px 0px 0px 120px;
}

.main-loggedin-header {
    border-bottom-color: rgb(252, 252, 252);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.main-loggedin-header-inner {
    background: rgba(0, 0, 0, 0.03);
    padding: 16px 16px 0px;
    height: 226px;
    border-bottom-color: rgb(223, 223, 223);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.main-loggedin-header-puffs {
    width: 1024px;
    margin-bottom: 10px;
    position: relative;
}

.main-loggedin-header-puff {
    width: 336px;
    height: 115px;
    margin-right: 8px;
    margin-bottom: 8px;
    float: left;
    display: block;
    position: relative;
}

.last.main-loggedin-header-puff {
    margin-right: 0px;
}

.main-loggedin-header-puff:hover .main-loggedin-header-puff-content {
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
}

.disabled.main-loggedin-header-puff:hover .main-loggedin-header-puff-content {
    background: none;
    cursor: auto;
}

.main-loggedin-header-puff a {
    color: rgb(58, 173, 227);
    font-weight: normal;
}

#main-loggedin-header-puff-multiplayer-groupjoin:hover {
    color: rgb(255, 197, 0);
}

.main-loggedin-header-puff-overlay {
    position: absolute;
}

.puff-disabled:hover {
    cursor: default;
}

#main-loggedin-header-puff-campaign .main-loggedin-header-puff-background {
    background: url("../main/bf3/boxes/bg-campaign-bf3.jpg") no-repeat;
}

#main-loggedin-header-puff-topstory {
    height: 238px;
}

    #main-loggedin-header-puff-topstory a.main-topstory-link {
        display: block;
    }

    #main-loggedin-header-puff-topstory .main-loggedin-header-puff-background {
        height: 100%;
        background-image: url("../main/bf3/boxes/bg-story-bf3.jpg");
        background-size: auto 100%;
    }

    #main-loggedin-header-puff-topstory .main-loggedin-header-puff-content {
        height: 100%;
    }

#main-loggedin-header-puff-assignments .main-loggedin-header-puff-background {
    background-image: url("../main/bf3/boxes/bg-ass-bf3.jpg");
}

#main-loggedin-header-puff-unlocks .main-loggedin-header-puff-background {
    background-image: url("../main/bf3/boxes/bg-unlocks-bf3.jpg");
}

#main-loggedin-header-puff-loadout .main-loggedin-header-puff-background {
    background-image: url("../main/bf3/boxes/bg-loadout-bf3.jpg");
}

#main-loggedin-header-puff-leaderboard .main-loggedin-header-puff-background {
    background-image: url("../main/bf3/boxes/bg-leaderboards-bf3.jpg");
}

#main-loggedin-header-puff-premium .main-loggedin-header-puff-background {
    background-image: url("../main/bf3/boxes/bg-premium-bf3.jpg");
}

#main-loggedin-header-puff-premium article {
    left: 16px;
    top: 50px;
    right: 16px;
    bottom: 16px;
    color: rgb(255, 255, 255);
    display: none;
    position: absolute;
}

#main-loggedin-header-puff-premium i.icon {
    left: auto;
    top: auto;
    right: 90px;
    bottom: 0px;
    display: block;
    position: absolute;
    z-index: 2;
}

#main-loggedin-header-puff-premium .event {
    right: 57px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
}

#main-loggedin-header-puff-premium h1 {
    width: 185px;
    line-height: 16px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 12px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

#main-loggedin-header-puff-premium time {
    color: rgb(138, 138, 138);
    line-height: 15px;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

#main-loggedin-header-puff-premium .bullets {
    left: 14px;
    bottom: 5px;
    position: absolute;
}

#main-loggedin-header-puff-premium span {
    color: rgb(79, 84, 90);
    line-height: 0;
    letter-spacing: 1px;
    font-family: Arial, sans-serif;
    font-size: 32px;
    -webkit-transition: color 0.2s;
}

    #main-loggedin-header-puff-premium span.active {
        color: rgb(207, 207, 207);
    }

.main-loggedin-header-puff-background {
    background-position: 50% 20% !important;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.main-loggedin-header-puff-background-dark {
    background-position: 50% 20% !important;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    opacity: 0.3;
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(0, 0, 0);
}

.main-loggedin-header-puff-overlay {
    background: url("../main/topstory-overlay-home.png") repeat-x left bottom;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 40px 0px rgba(255,255,255,0.15);
}

#main-loggedin-header-puff-campaign .main-loggedin-header-puff-overlay {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/main/1-overlay-33f290da.png") no-repeat;
    top: 0px;
    width: 191px;
    height: 210px;
    right: 0px;
}

#main-loggedin-header-puff-coop .main-loggedin-header-puff-background {
    background: url("../main/bf3/boxes/bg-coop-bf3.jpg") no-repeat;
}

#main-loggedin-header-puff-fireteams .main-loggedin-header-puff-background {
    background: url("../main/mohw/boxes/bg-fireteams-mohw.jpg") no-repeat;
}

#main-loggedin-header-puff-coop .main-loggedin-header-puff-overlay {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/main/2-overlay-b4788212.png") no-repeat;
    left: 197px;
    top: 0px;
    width: 193px;
    height: 228px;
}

#main-loggedin-header-puff-coop .disabled.main-loggedin-header-puff-overlay {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/main/2-overlay-inactive-b27f122e.png") no-repeat;
}

#main-loggedin-header-puff-multiplayer .main-loggedin-header-puff-background {
    background: url("../main/bf3/boxes/bg-multi-bf3.jpg") no-repeat;
}

#main-loggedin-header-puff-multiplayer .main-loggedin-header-puff-overlay {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/main/3-overlay-eef017b9.png") no-repeat;
    left: 182px;
    top: 109px;
    width: 148px;
    height: 118px;
}

#main-loggedin-header-puff-buygame {
    width: 680px;
    height: 238px;
    margin-right: 0px;
}

    #main-loggedin-header-puff-buygame .pitch {
        left: 30px;
        bottom: 25px;
        position: absolute;
    }

    #main-loggedin-header-puff-buygame h1 {
        text-transform: uppercase;
        font-family: Arial, sans-serif;
        font-weight: bold;
    }

    #main-loggedin-header-puff-buygame h3 {
        text-transform: uppercase;
        font-family: Arial, sans-serif;
        font-weight: bold;
    }

    #main-loggedin-header-puff-buygame h1 {
        color: rgb(255, 197, 0);
        line-height: 1;
        font-size: 24px;
    }

    #main-loggedin-header-puff-buygame h3 {
        color: rgb(255, 255, 255);
        line-height: 1.9;
        font-size: 14px;
        text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
    }

    #main-loggedin-header-puff-buygame .player {
        background: rgb(0, 0, 0);
        top: 27px;
        width: 288px;
        height: 186px;
        right: 27px;
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    #main-loggedin-header-puff-buygame .video {
        background: rgb(0, 0, 0);
        display: none;
    }

    #main-loggedin-header-puff-buygame iframe {
        display: none;
    }

    #main-loggedin-header-puff-buygame .player .borders {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        position: absolute;
        z-index: 2;
        pointer-events: none;
        box-shadow: inset 0px 0px 1px 2px rgba(255,255,255,0.3);
    }

    #main-loggedin-header-puff-buygame .player .mediabutton {
        background: url("../main/icon-play-m.png") no-repeat 0px 0px;
        margin: -36px 0px 0px -36px;
        left: 50%;
        top: 50%;
        width: 72px;
        height: 73px;
        display: none;
        position: absolute;
        z-index: 2;
        cursor: pointer;
    }

    #main-loggedin-header-puff-buygame .player:hover .mediabutton {
        background-position: 0px -72px;
    }

    #main-loggedin-header-puff-buygame .common-title {
        line-height: 35px;
        font-size: 22px;
    }

.main-loggedin-header-puff-content {
    transition: background 0.5s;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    text-shadow: 1px 1px 3px black;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
}

    .main-loggedin-header-puff-content h2 {
        padding: 3px 0px 0px 16px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        line-height: 1;
        overflow: hidden;
        text-shadow: 0px 1px 3px #000;
    }

.main-loggedin-header-puff-info {
    left: 16px;
    top: 50px;
    width: 288px;
    position: absolute;
}

.main-loggedin-header-puff-info-title {
    color: rgb(195, 195, 195);
    text-transform: uppercase;
    line-height: 15px;
    padding-top: 1px;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 2px 2px 5px #222;
}

.puff-disabled .main-loggedin-header-puff-info-title {
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    line-height: 22px;
    padding-top: 1px;
    padding-left: 16px;
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    text-shadow: none;
}

.puff-disabled .main-loggedin-header-puff-content h2 {
    text-shadow: none;
}

.main-loggedin-header-puff-friends-avatars-wrapper {
    padding: 7px 0px;
    height: 36px;
}

.main-loggedin-header-puff-friends-avatar {
    width: 36px;
    height: 36px;
    margin-right: 5px;
    float: left;
}

.main-view-friends-view-link {
    line-height: 14px;
    font-size: 11px;
    font-weight: normal;
}

.main-loggedin-header-puff-progress-counter {
    background: url("../coop/difficulty-sprite.png") no-repeat 0px 0px black;
    padding: 0px 7px 0px 27px;
    color: rgb(255, 255, 255);
    line-height: 19px;
    font-size: 12px;
}

.main-loggedin-header-puff-play {
    left: 16px;
    bottom: 16px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    position: absolute;
}

    .main-loggedin-header-puff-play h3 {
        width: 300px;
        color: rgb(255, 255, 255);
        line-height: 20px;
        font-size: 16px;
        margin-bottom: 3px;
    }

.main-loggedin-header-puff-play-info {
    line-height: 14px;
    margin-bottom: 6px;
}

    .main-loggedin-header-puff-play-info img {
        padding-right: 4px;
        margin-bottom: -1px;
    }

    .main-loggedin-header-puff-play-info a {
        color: rgb(255, 255, 255);
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
    }

        .main-loggedin-header-puff-play-info a:hover {
            color: rgb(255, 255, 255);
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
        }

.main-loggedin-header-puff-campaign-info-title {
    color: rgb(255, 255, 255);
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 4px;
    text-shadow: 2px 2px 5px #222;
}

.main-loggedin-header-puff-campaign-info-extra {
    color: rgb(195, 195, 195);
    line-height: 14px;
    font-size: 11px;
    text-shadow: 2px 2px 5px #222;
}

.main-loggedin-leftcolumn-upcoming-unlocks {
    margin-bottom: 2px;
    position: relative;
    min-height: 121px;
}

.main-loggedin-upcomingunlocks {
    left: -10px;
    position: relative;
    min-height: 65px;
}

.main-loggedin-leftcolumn-upcoming-unlocks-footer-anchor-separator {
    padding-right: 3px;
    padding-left: 4px;
}

#main-landing-middle-wrapper #main-middle {
    width: auto;
}

#main-landing-middle-wrapper #footer-wrapper {
    width: auto;
}

.main-plugin-debug-contaioner {
    margin: 0px auto;
    width: 650px;
    height: 800px;
}

.main-upcoming-unlock {
    width: 100px;
    margin-right: 6px;
    float: left;
    position: relative;
}

body .main-upcoming-unlock .common-bubble {
    top: -50px !important;
}

.main-upcoming-unlock img {
    margin-top: 5px;
    margin-left: 10px;
}

.main-upcoming-unlock .common-percentbar-container {
    background: rgba(255, 255, 255, 0.2);
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    height: 5px;
    margin-left: 16px;
}

    .main-upcoming-unlock .common-percentbar-container div {
        background: 0px 0px rgb(255, 255, 255);
        margin: 0px;
        height: 5px;
    }

.last.main-upcoming-unlock {
    margin-right: 0px;
}

.main-friendlist-playing {
    margin-top: 3px;
    margin-right: 6px;
    float: left;
}

.main-loggedin-leftcolumn-bf3preorder {
    margin-bottom: 7px;
}

.main-side-column .ad320x200.advirticement {
    width: 320px;
    height: 200px;
    margin-bottom: 16px;
}

.main-side-column .advirticement > :last-child {
    margin: 0px 0px 16px;
    display: block;
}

.main-side-column .advirticement .advirticement-default {
    display: none;
}

.main-side-column .ad320x200.advirticement .advirticement-default {
    width: 320px;
    height: 200px;
}

#main-postlistsmall {
    padding: 0px 0px 10px;
}

    #main-postlistsmall footer {
        padding: 0px;
    }

        #main-postlistsmall footer a {
            padding: 16px;
            text-decoration: none;
            display: block;
        }

        #main-postlistsmall footer:hover {
            background: none;
        }

#main-latest-news {
    margin-bottom: 10px;
}

    #main-latest-news h3 {
        margin-bottom: 6px;
    }

    #main-latest-news li {
        margin: 0px 0px 5px;
        padding: 0px 0px 5px;
        border-bottom-color: rgb(221, 221, 221);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        #main-latest-news li.last {
            border-bottom-color: currentColor;
            border-bottom-width: 0px;
            border-bottom-style: none;
        }

        #main-latest-news li.posts-premium a:first-child {
            background: url("../premium/icon-p-s.png") no-repeat 0px 0px;
            padding-left: 21px;
            display: inline-block;
            min-height: 14px;
        }

        #main-latest-news li p {
            margin: 6px 0px 3px;
            color: rgb(138, 138, 138);
            font-size: 11px;
        }

            #main-latest-news li p a {
                font-size: 11px;
                font-weight: normal;
            }

#main-loggedin-maincolumn #profile-status-message-area {
    padding-left: 10px;
}

.agegate {
    font-size: 14px;
}

body .main-credits-bf4 {
    background-color: rgba(7, 7, 7, 0.5);
}

    body .main-credits-bf4 .main-credits-header1 {
        font-family: Purista, sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
    }

    body .main-credits-bf4 .main-credits-header2 {
        font-family: Purista, sans-serif;
        font-size: 23px;
        font-style: normal;
        font-weight: 600;
    }

    body .main-credits-bf4 .main-credits-lines {
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: normal;
    }

    body .main-credits-bf4 .main-credits-human-role {
        font-size: 16px;
        font-weight: 600;
    }

    body .main-credits-bf4 .main-credits-human-name {
        font-size: 16px;
        font-weight: 400;
    }

    body .main-credits-bf4 .main-credits-multilines {
        font-family: Purista, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
    }

    body .main-credits-bf4 .main-credits-line {
        font-family: Purista, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }

    body .main-credits-bf4 .logo {
        background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/logos/bf4-logo-3ed8cb79.png");
        margin: 30px auto 0px;
        width: 265px;
        height: 50px;
    }

body .main-credits-bfh {
    background-color: rgba(7, 7, 7, 0.5);
}

    body .main-credits-bfh .main-credits-header1 {
        font-family: Purista, sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
    }

    body .main-credits-bfh .main-credits-header2 {
        font-family: Purista, sans-serif;
        font-size: 23px;
        font-style: normal;
        font-weight: 600;
    }

    body .main-credits-bfh .main-credits-lines {
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: normal;
    }

    body .main-credits-bfh .main-credits-human-role {
        font-size: 16px;
        font-weight: 600;
    }

    body .main-credits-bfh .main-credits-human-name {
        font-size: 16px;
        font-weight: 400;
    }

    body .main-credits-bfh .main-credits-multilines {
        font-family: Purista, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
    }

    body .main-credits-bfh .main-credits-line {
        font-family: Purista, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }

    body .main-credits-bfh .logo {
        background: url("//d34ymitoc1pg7m.cloudfront.net/bfh/logos/bfh-logo-promo-24973360.png");
        margin: 30px auto 0px;
        width: 390px;
        height: 119px;
    }

.main-credits {
    text-align: center;
    margin-bottom: 50px;
}

.main-credits-header1 {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 50px;
    font-family: Arial, sans-serif;
    font-size: 50px;
    font-weight: normal;
    margin-top: 53px;
}

.main-credits-header2 {
    margin: 27px 0px 0px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 38px;
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
}

.main-credits-lines {
    margin: 7px auto 0px;
    color: rgb(255, 255, 255);
    line-height: 24px;
}

.main-credits-human-role {
    width: 50%;
    text-align: right;
    padding-right: 16px;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
}

.main-credits-human-name {
    width: 47.5%;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
}

.first.main-credits-human-name {
    width: 50%;
    text-align: right;
    padding-right: 16px;
}

.main-credits-multilines {
    margin: 7px auto 0px;
    color: rgb(255, 255, 255);
    line-height: 24px;
}

.main-credits-line {
    padding: 0px 22px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.main-legal-image {
    margin-right: 16px;
    float: left;
}

.main-legal-info {
    width: 188px;
    line-height: 18px;
    font-size: 12px;
    float: left;
}

.main-legal-box {
    width: 320px;
    margin-right: 16px;
    float: left;
}

:last-child.main-legal-box {
    margin-right: 0px;
}

.main-legal-box-height {
    height: 142px;
    padding-top: 16px;
}

.main-legal-info-subtitle {
    font-style: italic;
}

.main-show-banner a {
    width: 100%;
    height: 100%;
    display: block;
}

    .main-show-banner a:hover {
        text-decoration: none;
    }

.main-show-banner:hover .main-show-banner-info {
    text-decoration: underline;
}

.main-show-banner-title {
    left: 16px;
    top: 16px;
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-weight: normal;
    position: absolute;
}

.main-show-banner-info {
    left: 16px;
    bottom: 20px;
    color: rgb(58, 173, 227);
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
}

a.main-show-banner-shop:hover {
    text-decoration: none;
}

    a.main-show-banner-shop:hover .main-show-banner-info {
        text-decoration: underline;
    }

.main-show-banner-shop {
    background: url("../main/banner-shop.jpg");
    width: 320px;
    height: 107px;
    margin-bottom: 12px;
    display: block;
    position: relative;
}

.main-show-banner-karkand {
    margin-bottom: 12px;
    position: relative;
}

.karkand-not-owned.main-show-banner-karkand {
    background: url("../main/bf3/banner-b2k-bg.jpg");
    width: 320px;
    height: 200px;
    margin-bottom: 12px;
}

.karkand-owned.main-show-banner-karkand {
    background: url("../main/bf3/banner-b2k-bg.jpg");
    width: 320px;
    height: 200px;
    margin-bottom: 12px;
}

.main-news-comments a {
    padding-bottom: 0px;
}

.main-selectlanguage-middle {
    text-align: center;
}

.main-selectlanguage-form-wrapper {
    margin: 0px auto;
    width: 654px;
}

.main-selectlanguage-form {
    margin-top: 16px;
}

.main-selectlanguage-form-padder {
    padding: 14px 16px;
    text-align: left;
}

.main-selectlanguage-form-submit {
    margin: 16px 0px;
}

.main-selectlanguage-language {
    width: 50%;
    margin-bottom: 10px;
    float: left;
}

    .main-selectlanguage-language label {
        font-size: 12px;
    }

    .main-selectlanguage-language input[checked] + label {
        font-weight: bold;
    }

.main-news-comments a {
    padding-bottom: 0px;
}

.main-selectlanguage-middle {
    text-align: center;
}

.main-selectlanguage-form-wrapper {
    margin: 0px auto;
    width: 654px;
}

.main-selectlanguage-form {
    margin-top: 16px;
}

.main-selectlanguage-form-padder {
    padding: 14px 16px;
    text-align: left;
}

.main-selectlanguage-form-submit {
    margin: 16px 0px;
}

.main-selectlanguage-language {
    width: 50%;
    margin-bottom: 10px;
    float: left;
}

    .main-selectlanguage-language label {
        font-size: 12px;
    }

    .main-selectlanguage-language input[checked] + label {
        font-weight: bold;
    }

#main-loggedin-top-banner {
    width: 100%;
    overflow: hidden;
    margin-bottom: 6px;
}

.main-show-banner-karkand {
    line-height: 16px;
    font-size: 11px;
    margin-bottom: 6px;
    position: relative;
}

    .main-show-banner-karkand a {
        color: rgb(58, 173, 227);
        font-size: 11px;
    }

.karkand-not-owned.main-show-banner-karkand {
    background: url("../main/bf3/banner-b2k-bg.jpg");
    width: 320px;
    height: 200px;
}

.karkand-owned.main-show-banner-karkand {
    background: url("../main/bf3/banner-b2k-owned-bg.jpg");
    width: 320px;
    height: 166px;
}

#main-karkandbanner-friends {
    padding: 7px 0px;
    height: 36px;
}

.main-loggedin-karkand-container {
    left: 0px;
    width: 320px;
    height: 125px;
    bottom: 0px;
    padding-left: 12px;
    display: none;
    position: absolute;
}

.karkand-owned .main-loggedin-karkand-container-nofriends {
    background: rgba(0, 0, 0, 0.85);
    left: 0px;
    bottom: 0px;
    position: absolute;
}

.main-loggedin-header-puff-info-karkand {
    left: 16px;
    top: 46px;
    color: white;
    position: absolute;
}

.main-bannerkarkand-avatar {
    margin: 2px;
    display: inline-block;
}

.main-loggedin-karkand-container-nofriends {
    padding: 6px 0px 6px 36px;
    left: 0px;
    width: 284px;
    bottom: 0px;
    display: none;
    position: absolute;
}

.main-bannerkarkand-avatar-container {
    text-align: center;
}

    .main-bannerkarkand-avatar-container .base-avatar-status-overlay {
        background: none !important;
    }

.main-show-banner-karkand .base-button-arrow-large {
    font-family: BebasNeueRegular, Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
}

#main-banner-karkand-transfooter {
    left: 16px;
    bottom: 8px;
    position: absolute;
}

.main-show-banner-karkand karkand-owned #main-bannerkarkand-transfooter {
    height: 50px;
}

.karkand-owned p {
    color: rgb(255, 255, 255);
    line-height: 16px;
    font-weight: bold;
}

#main-bannerkarkand-checkbox {
    background: url("../coop/difficulty-sprite.png") no-repeat;
    left: 10px;
    top: 6px;
    width: 19px;
    height: 19px;
    position: absolute;
}

.spinner {
    margin: 6px;
    text-align: center;
    display: none;
}

#main-bannerkarkand-buy-form {
    left: 16px;
    top: 0px;
    position: absolute;
}

#main-show-banner-kitshortcuts {
    background: url("../main/banner_kit_shortcuts.jpg") no-repeat left top;
    width: 320px;
    height: 107px;
    margin-bottom: 16px;
    display: block;
    position: relative;
}

    #main-show-banner-kitshortcuts h2 {
        margin: 0px;
        padding: 0px;
        left: 16px;
        top: 12px;
        color: white;
        font-family: BebasNeueRegular, Arial, sans-serif;
        font-size: 24px;
        font-weight: normal;
        position: absolute;
    }

    #main-show-banner-kitshortcuts p {
        background: url("../main/icon_new_win.gif") no-repeat right;
        left: 16px;
        bottom: 12px;
        color: rgb(58, 173, 227);
        padding-right: 14px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        position: absolute;
    }

    #main-show-banner-kitshortcuts:hover p {
        text-decoration: underline;
    }

.main-loggedin-leftcolumn-activity {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.main-loggedin-leftcolumn-activity-intro {
    background: rgb(248, 243, 197);
    padding: 10px;
    color: rgb(53, 53, 53);
    border-bottom-color: rgb(225, 225, 225);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: none;
    position: relative;
}

.show-intro.main-loggedin-leftcolumn-activity .main-loggedin-leftcolumn-activity-intro {
    display: block;
}

.main-loggedin-leftcolumn-activity-intro .close {
    background: url("../base/shared/row_close.png") no-repeat 0px 0px;
    top: 10px;
    width: 7px;
    height: 7px;
    right: 10px;
    position: absolute;
    cursor: pointer;
}

    .main-loggedin-leftcolumn-activity-intro .close:hover {
        background-position: 0px -7px;
    }

.main-loggedin-leftcolumn-activity-intro h4 {
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
}

.main-loggedin-leftcolumn-activity-intro p {
    line-height: 18px;
    font-size: 12px;
}

.main-loggedin-leftcolumn-activity-intro a {
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
}

.main-loggedin-leftcolumn-activity .activity-header-gameicon {
    margin: 1px 10px 0px 0px;
    float: right;
}

.main-loggedin-leftcolumn-activity .base-box-push-inner {
    padding: 0px;
    overflow: hidden;
}

#main-loggedin-leftcolumn .main-loggedin-leftcolumn-activity .base-box-push-header {
    padding: 0px 6px 0px 16px;
    height: 40px;
    border-bottom-color: rgb(225, 225, 225);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    #main-loggedin-leftcolumn .main-loggedin-leftcolumn-activity .base-box-push-header h3 {
        margin: 0px;
        color: rgb(53, 53, 53);
        line-height: 39px;
        font-family: Tahoma, sans-serif;
        font-size: 12px;
        font-weight: bold;
        float: left;
    }

.main-loggedin-leftcolumn-activity .activitystream-list-wrapper {
    width: 100%;
    height: 334px;
    position: relative;
    z-index: 0;
    -ms-overflow-y: hidden;
}

    .main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents {
        height: 334px;
    }

.show-intro.main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents {
    height: 212px;
}

.main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents td {
    background: none;
    padding: 0px 30px;
    border: 0px currentColor;
    border-image: none;
    text-align: center;
    vertical-align: middle;
}

    .main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents td h4 {
        text-transform: uppercase;
        font-size: 14px;
    }

    .main-loggedin-leftcolumn-activity .activitystream-list-wrapper .activitystream-noevents td p {
        line-height: 22px;
        font-size: 12px;
    }

.main-loggedin-leftcolumn-activity .view-more {
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

    .main-loggedin-leftcolumn-activity .view-more span {
        background: rgb(235, 235, 235);
        padding: 0px 16px;
        text-align: left;
        line-height: 30px;
        font-size: 11px;
        font-weight: normal;
        border-top-color: rgb(211, 211, 211);
        border-top-width: 1px;
        border-top-style: solid;
        display: block;
        z-index: 2;
    }

    .main-loggedin-leftcolumn-activity .view-more::after {
        background: none;
        border-radius: 30%;
        left: 0px;
        top: 0px;
        height: 20px;
        right: 0px;
        display: block;
        position: absolute;
        z-index: -1;
        content: "";
        box-shadow: 0px -2px 20px 6px rgba(0,0,0,0.1);
    }

.main-loggedin-leftcolumn-activity .activitystream-noevents + .view-more {
    display: none;
}

.show-intro.main-loggedin-leftcolumn-activity .activitystream-list-wrapper {
    height: 213px;
}

.main-loggedin-leftcolumn-activity .activitystream-list {
    padding: 0px 9px;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.main-loggedin-leftcolumn-activity .common-scrollbar-style .activitystream-list {
    height: auto;
    overflow: visible;
}

.main-loggedin-leftcolumn-activity .activitystream-list :first-child.activitystream-item {
    margin-top: 12px;
}

.main-loggedin-leftcolumn-activity .activitystream-list :last-child.activitystream-item {
    margin-bottom: 12px;
}

.main-loggedin-leftcolumn-activity .common-scrollbar-style .activitystream-list {
    padding: 0px 18px 0px 9px;
}

.main-loggedin-premium-scoremultiplier {
    background: url("../main/bf3/bg-event-1024.png") no-repeat right top;
    margin: 8px auto 16px;
    width: 974px;
    height: 35px;
    text-align: right;
    right: 0px;
    color: rgb(251, 136, 0);
    line-height: 35px;
    padding-right: 50px;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
}

.brief.main-loggedin-premium-scoremultiplier {
    background: url("../main/bf3/bg-event-400.png") no-repeat right top;
    top: 0px;
    width: 355px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}

.main-loggedin-premium-scoremultiplier > strong {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1;
    padding-top: 5px;
    clear: both;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-right: 8px;
    display: block;
}

.main-loggedin-premium-scoremultiplier > span {
    color: rgb(247, 133, 19);
    text-transform: uppercase;
    line-height: 1;
    padding-top: 2px;
    clear: both;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    margin-right: 8px;
    display: block;
}

.main-loggedin-premium-scoremultiplier > a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
}

#main-loggedin-premium-scoremultiplier-icon {
    background: url("../main/bf3/icon-2xp.png");
    top: 13px;
    width: 44px;
    height: 26px;
    right: 5px;
    position: absolute;
}

.noplaybar.main-loggedin-actionbar .main-loggedin-premium-scoremultiplier {
    position: relative;
}

.main-loggedin-header-puff-loading {
    right: 10px;
    bottom: 10px;
    position: absolute;
}

.main-topstory-comments {
    margin: 0px 0px 6px;
    padding: 0px 6px 0px 0px;
    height: 18px;
    color: rgb(255, 255, 255);
    line-height: 18px;
    font-size: 12px;
    display: inline-block;
}

    .main-topstory-comments .icon {
        background: url("../devblog/icon-comments.png") 0px -11px;
        margin: 0px 6px 0px 16px;
        top: 3px;
        width: 13px;
        height: 11px;
        float: left;
        display: block;
        position: relative;
    }

.main-topstory-votes {
    margin: 0px 0px 6px;
    padding: 0px 6px 0px 0px;
    height: 18px;
    color: rgb(255, 255, 255);
    line-height: 18px;
    font-size: 12px;
    display: inline-block;
}

    .main-topstory-votes .icon {
        background: url("../feed/icon-hooah-activitystream.png") 0px -54px;
        margin: 0px 3px 0px 0px;
        width: 14px;
        height: 14px;
        display: inline-block;
    }

#main-loggedin-header-puff-topstory h3 {
    text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
}

.main-loggedin-actionbar {
    position: relative;
}

.main-loggedin-playbar {
    height: 35px;
    margin-top: 8px;
    margin-bottom: 16px;
    float: left;
    position: relative;
}

    .main-loggedin-playbar span.title {
        background: url("../main/bf3/boxes/bg-playnow.png") no-repeat right top;
        padding: 0px 20px 0px 16px;
        height: 35px;
        color: rgb(255, 255, 255);
        line-height: 37px;
        font-family: BebasNeueRegular, Arial, sans-serif;
        font-size: 22px;
        font-weight: normal;
        margin-right: 10px;
        float: left;
        cursor: default;
    }

.main-loggedin-playbutton {
    margin-right: 6px;
}

    .main-loggedin-playbutton p {
        padding: 0px 20px;
    }

#main-loggedin-header-puff-unlocks .main-loggedin-header-puff-content {
    z-index: 2;
}

.main-loggedin-header-puff-soldiers-content {
    left: 18px;
    bottom: 43px;
}

    .main-loggedin-header-puff-soldiers-content > h1 {
        font-size: 13px;
        margin-bottom: 8px;
    }

    .main-loggedin-header-puff-soldiers-content > div {
        width: 88px;
        float: left;
        background-color: rgba(255, 255, 255, 0.3);
    }

        .main-loggedin-header-puff-soldiers-content > div > span {
            background: rgb(255, 255, 255);
            height: 5px;
            display: block;
        }

#main-loggedin-header-puff-unlocks {
    overflow: hidden;
}

    #main-loggedin-header-puff-unlocks ul {
        right: 25px;
        bottom: -2px;
        position: absolute;
        z-index: 1;
    }

        #main-loggedin-header-puff-unlocks ul > li {
            width: 34px;
            float: left;
        }

            #main-loggedin-header-puff-unlocks ul > li > img {
                height: 107px;
            }

.main-loggedin-header-puff-platoon-content {
    top: 53px;
    width: 303px;
    position: absolute;
}

    .main-loggedin-header-puff-platoon-content > h1 {
        font-size: 14px;
    }

    .main-loggedin-header-puff-platoon-content > span {
        margin: 3px 0px 6px 2px;
        float: none;
        display: block;
    }

    .main-loggedin-header-puff-platoon-content > img.platoon-badge-item {
        top: -27px;
        right: 5px;
        position: absolute;
    }

    .main-loggedin-header-puff-platoon-content > div.main-loggedin-platoon-overlay {
        top: -28px;
        width: 60px;
        height: 62px;
        right: 5px;
        position: absolute;
        background-image: url("../main/mohw/boxes/platoon-overlay.png");
    }

        .main-loggedin-header-puff-platoon-content > div.main-loggedin-platoon-overlay > p {
            transition: background 0.5s;
            width: 60px;
            height: 62px;
            -webkit-transition: background 0.5s ease;
            -moz-transition: background 0.5s ease;
            -o-transition: background 0.5s ease;
        }

.main-loggedin-header-puff:hover div.main-loggedin-platoon-overlay > p {
    background: rgba(255, 255, 255, 0.1);
}

.main-loggedin-header-puff-platoon-content > em {
    font-size: 11px;
    font-style: normal;
    display: block;
}

#main-introduction {
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
}

    #main-introduction > header {
        background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/intro/intro-banner-bf3-1bd910e2.png") no-repeat;
        margin: 0px;
        width: 1024px;
        height: 207px;
        border-bottom-color: currentColor;
        border-bottom-width: 0px;
        border-bottom-style: none;
    }

        #main-introduction > header > h3 {
            top: 35px;
            text-align: center;
            color: rgb(255, 255, 255);
            font-family: BebasNeueRegular, Arial, sans-serif;
            font-size: 44px;
            font-weight: normal;
            position: relative;
        }

    #main-introduction > .common-box-inner {
        padding: 16px;
        text-align: center;
    }

    #main-introduction .sections {
        margin: 0px 77px 16px;
        text-align: left;
        display: table;
    }

    #main-introduction section {
        width: 33%;
        display: table-cell;
    }

        #main-introduction section > .image {
            background: no-repeat 50% 50% rgb(235, 235, 235);
            border: 0px currentColor;
            border-image: none;
            width: 264px;
            height: 137px;
        }

        #main-introduction section > h2 {
            margin: 20px 0px 12px;
            color: rgb(53, 53, 53);
            font-family: BebasNeueRegular, Arial, sans-serif;
            font-size: 30px;
            font-weight: normal;
        }

        #main-introduction section > p {
            color: rgb(137, 137, 137);
            line-height: 21px;
            font-family: Arial, sans-serif;
            font-size: 14px;
        }

        #main-introduction section.friends > .image {
            background-image: url("../main/intro-icon-friends-bf3.png");
        }

        #main-introduction section.platoons > .image {
            background-image: url("../main/intro-icon-platoon-bf3.png");
        }

        #main-introduction section.stats > .image {
            background-image: url("../main/intro-icon-stats-bf3.png");
        }

    #main-introduction .continue-button {
        margin: 32px 0px;
    }

        #main-introduction .continue-button p {
            padding: 2px 110px 0px;
            font-size: 32px;
            font-weight: normal;
        }

        #main-introduction .continue-button:hover {
            text-decoration: none;
        }

.mohw#main-introduction > header {
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/mohw/intro/intro-banner-mohw-580c25d4.png");
}

    .mohw#main-introduction > header > h3 {
        color: rgb(53, 53, 53);
    }

.mohw#main-introduction section.friends > .image {
    background-image: url("../main/intro-icon-friends-mohw.png");
}

.mohw#main-introduction section.platoons > .image {
    background-image: url("../main/intro-icon-platoon-mohw.png");
}

.mohw#main-introduction section.stats > .image {
    background-image: url("../main/intro-icon-stats-mohw.png");
}

body.premium .main-header .persona {
    background: url("../base/bf4/overlay-p.png") no-repeat top;
}

    body.premium .main-header .persona .username {
        color: rgb(228, 183, 68);
    }

    body.premium .main-header .persona .icon-premium-wide {
        float: left;
    }

    body.premium .main-header .persona .platform {
        float: left;
    }

#bfhbeta-offer {
    height: 130px;
    overflow: hidden;
    margin-bottom: 16px;
}

    #bfhbeta-offer .bfh-hero {
        width: 200px;
        margin-top: -100px;
        margin-right: -16px;
        float: right;
    }

    #bfhbeta-offer .bfh-logo {
        width: 200px;
        margin-top: -45px;
        margin-right: -42px;
        float: right;
    }

    #bfhbeta-offer .offer-not-available {
        padding-bottom: 16px;
    }

    #bfhbeta-offer .get-hardline-beta-btn {
        margin-top: 8px;
        float: left;
    }

    #bfhbeta-offer .pre-order {
        margin-top: 8px;
        margin-left: 16px;
        float: left;
    }

.main-header .playbar {
    margin: 16px 0px;
}

.main-header .tiles .box {
    background: none;
    height: 143px;
    margin-top: 1px;
    cursor: pointer;
}

    .main-header .tiles .box h1 {
        line-height: 16px;
        font-size: 19px;
    }

    .main-header .tiles .box h2 {
        color: lightgrey;
        line-height: 16px;
        font-size: 16px;
        font-weight: normal;
    }

    .main-header .tiles .box h2 {
        line-height: 21px;
    }

        .main-header .tiles .box h2.white {
            color: rgb(255, 255, 255);
        }

    .main-header .tiles .box .box-content {
        background-position: 96% 67px;
        transition: background-position 0.2s ease-in;
        background-repeat: no-repeat;
        background-color: transparent;
        -webkit-transition: background-position 0.2s ease-in;
        -moz-transition: background-position 0.2s ease-in;
    }

    .main-header .tiles .box .box-hide {
        position: absolute;
    }

        .main-header .tiles .box .box-hide h1 {
            line-height: 40px;
            font-size: 50px;
            margin-top: 25px;
        }

        .main-header .tiles .box .box-hide h2 {
            text-transform: uppercase;
        }

    .main-header .tiles .box:hover > .box-content {
        background-position: 96% 62px;
        transition: background-position 0.1s ease-in;
        -webkit-transition: background-position 0.1s ease-in;
        -moz-transition: background-position 0.1s ease-in;
    }

        .main-header .tiles .box:hover > .box-content .box-hide {
            opacity: 0;
        }

        .main-header .tiles .box:hover > .box-content .box-inner {
            transition: opacity 0.3s ease-in-out;
            opacity: 1;
            -webkit-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
        }

            .main-header .tiles .box:hover > .box-content .box-inner .bg-inner {
                transition: opacity 0.3s ease-in-out;
                opacity: 1;
                -webkit-transition: opacity 0.3s ease-in-out;
                -moz-transition: opacity 0.3s ease-in-out;
            }

.main-header .box {
    overflow: hidden;
    text-decoration: none;
    position: relative;
}

    .main-header .box .bg {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        opacity: 0.6;
    }

    .main-header .box .image.bg {
        opacity: 0.8;
    }

    .main-header .box:hover .bg {
        transition: opacity 0.2s ease-in-out;
        opacity: 0.8;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
    }

    .main-header .box:hover .image.bg {
        opacity: 1;
    }

    .main-header .box > .box-content {
        height: 100%;
        position: relative;
        z-index: 4;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .main-header .box > .box-content .box-inner {
            opacity: 0;
        }

.main-header .tiles a:hover {
    text-decoration: none;
}

.main-header .tiles .bg {
    background: url("../main/warsaw/bg-box.jpg") 0px 0px;
}

.main-header .tiles .leaderboards .bg {
    background: url("../main/warsaw/bg-box-lb.jpg") 0px 0px;
}

.main-header .tiles .leaderboards .icons {
    transition: bottom 0.1s ease-in;
    right: 10px;
    bottom: 3px;
    position: absolute;
    -webkit-transition: bottom 0.1s ease-in;
    -moz-transition: bottom 0.1s ease-in;
}

    .main-header .tiles .leaderboards .icons .division {
        right: 60px;
        bottom: 0px;
        position: absolute;
    }

        .main-header .tiles .leaderboards .icons .division img {
            height: 55px;
        }

    .main-header .tiles .leaderboards .icons .category {
        right: 0px;
        bottom: 16px;
        position: absolute;
    }

    .main-header .tiles .leaderboards .icons .rank {
        right: 70px;
        bottom: 0px;
        line-height: 40px;
        font-size: 50px;
        margin-top: 25px;
        position: absolute;
    }

.main-header .tiles .leaderboards .no-leaderboard.icons {
    background-image: url("../main/warsaw/content-box-lb.png");
    background-repeat: no-repeat;
}

.main-header .tiles .leaderboards .box:hover .icons {
    bottom: 8px;
}

.main-header .tiles .leaderboards .loader {
    margin: 30px auto 0px;
    display: block;
}

.main-header .tiles .no-club.club .bg img {
    opacity: 0.2;
}

.main-header .tiles .club .bg img {
    top: -20px;
    width: 160px;
    height: 160px;
    right: -20px;
    position: absolute;
}

.main-header .tiles .club .club-name {
    width: 150px;
    height: 16px;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 14px;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

.main-header .tiles .club h3 {
    font-size: 12px;
}

.main-header .tiles .club h2 {
    width: auto;
}

.main-header .tiles .club .box-hide {
    width: 90%;
    bottom: 12px;
}

    .main-header .tiles .club .box-hide .club-rank {
        margin: 6px 0px;
        font-family: Purista, sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
    }

    .main-header .tiles .club .box-hide .rank-progress {
        width: 80%;
        color: rgb(168, 168, 168);
        font-size: 12px;
        margin-bottom: 0px;
    }

    .main-header .tiles .club .box-hide .club-details {
        margin-bottom: 4px;
    }

.main-header .tiles .loadout .box:hover > .box-content {
    background-position: 96% 0px;
}

.main-header .tiles .loadout .box-content {
    background-position: 96% 10px;
    background-image: url("../main/warsaw/content-box-loadout.png");
}

.main-header .tiles .challenges .box-content {
    background-position: 96% 72px;
    background-image: url("../main/warsaw/content-box-missions.png");
}

.main-header .tiles .twitch .box-content {
    background-position: 96% 108px;
    background-image: url("//eaassets-a.akamaihd.net/battlelog/bb/common/logos/twitch-small-08bb4a91.png");
}

    .main-header .tiles .twitch .box-content:hover {
        background-position: 96% 102px;
    }

.main-header .tiles .premium .bg-inner {
    background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}

.main-header .tiles .premium h2 {
    position: relative;
    z-index: 1;
}

    .main-header .tiles .premium h2.no-items {
        top: 24px;
    }

.main-header .tiles .premium .icon-premium-p-big {
    top: 10px;
    right: 10px;
    position: absolute;
    z-index: 1;
}

.main-header .tiles .premium .bullets {
    left: 14px;
    bottom: 5px;
    position: absolute;
}

    .main-header .tiles .premium .bullets span {
        color: rgb(79, 84, 90);
        line-height: 0;
        letter-spacing: 1px;
        font-family: Arial, sans-serif;
        font-size: 32px;
        -webkit-transition: color 0.2s;
    }

        .main-header .tiles .premium .bullets span.active {
            color: rgb(207, 207, 207);
        }

.main-header .tiles .premium h1 {
    position: absolute;
    z-index: 1;
}

.main-header .tiles .premium article {
    padding: 40px 16px 16px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    box-sizing: inherit;
}

    .main-header .tiles .premium article .featured-background {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
        background-image: url("../main/warsaw/bg-box-p.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main-header .tiles .premium article .thumbnail {
        right: 16px;
        bottom: 10px;
        position: absolute;
    }

.main-header .tiles .battlepacks .box-content {
    width: 327px;
    background-image: url("../main/warsaw/content-box-bp.png");
}

.main-header .tiles .preorder {
    position: relative;
}

    .main-header .tiles .preorder .box {
        background: url("../main/preorder-home.jpg") no-repeat;
    }

    .main-header .tiles .preorder .premium.box {
        background: url("../main/preorder-premium-home.jpg") no-repeat;
    }

    .main-header .tiles .preorder .bg {
        display: none;
    }

    .main-header .tiles .preorder h1 {
        color: black;
    }

    .main-header .tiles .preorder h2 {
        color: rgb(53, 53, 53);
    }

    .main-header .tiles .preorder button {
        left: 16px;
        bottom: 16px;
        position: absolute;
    }

body.is-ios.is-hybrid .main-header .tiles .preorder button {
    display: none;
}

.main-header .cteguide.tiles {
    background-image: url("../communitytest/cte-icons-guide.png");
}

.main-header .feedback.tiles {
    background-image: url("../communitytest/cte-icons-feedback.png");
}

.main-header .topstory {
    background: 0% 0% / 100% auto rgba(255, 255, 255, 0.1);
    height: 352px;
    position: relative;
}

    .main-header .topstory .loader {
        margin: 15px;
    }

    .main-header .topstory .article {
        background: no-repeat 0% 0% / 100% auto;
        width: 100%;
        height: 100%;
    }

        .main-header .topstory .article > h1 {
            background: none;
            color: white;
            line-height: 23px;
            font-size: 23px;
            text-shadow: 0px 0px 5px rgba(0,0,0,0.75);
        }

        .main-header .topstory .article > footer {
            width: 100%;
            text-align: left;
            bottom: 0px;
            padding-top: 10px;
            position: absolute;
            min-height: 80px;
            box-sizing: border-box;
            background-color: rgba(0, 0, 0, 0.6);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

            .main-header .topstory .article > footer h5 {
                text-transform: none;
                line-height: 24px;
                font-weight: normal;
            }

            .main-header .topstory .article > footer .meta {
                height: 16px;
                line-height: 19px;
                float: left;
            }

            .main-header .topstory .article > footer .published {
                text-transform: none;
                font-size: 12px;
            }

                .main-header .topstory .article > footer .published span {
                    color: rgb(168, 168, 168);
                }

        .main-header .topstory .article:hover .box-content {
            background-color: rgba(255, 255, 255, 0.1);
        }

.main-header .persona {
    height: 247px;
    margin-bottom: 1px;
}

    .main-header .persona .username {
        margin: -2px 0px 3px;
        width: 100%;
        overflow: hidden;
        font-family: Purista;
        font-size: 22px;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
    }

    .main-header .persona .platform {
        line-height: 0;
        margin-bottom: 5px;
    }

    .main-header .persona .soldier-emblem {
        top: 40px;
        right: 70px;
        position: absolute;
    }

    .main-header .persona .dogtags-chain {
        position: relative;
        transform: scale(0.8) translateX(-35px);
        -webkit-transform: scale(0.8) translateX(-35px);
        -moz-transform: scale(0.8) translateX(-35px);
        -o-transform: scale(0.8) translateX(-35px);
    }

    .main-header .persona .rank {
        position: relative;
    }

        .main-header .persona .rank > .image {
            top: -16px;
            position: absolute;
        }

        .main-header .persona .rank > .number {
            left: 66px;
            bottom: 9px;
            font-family: Purista;
            font-size: 48px;
            position: relative;
        }

    .main-header .persona .soldier {
        top: 40px;
        right: 0px;
        position: absolute;
        pointer-events: none;
    }

        .main-header .persona .soldier > img {
            width: 265px;
        }

    .main-header .persona .progress {
        width: 75%;
        bottom: 15px;
        position: absolute;
    }

        .main-header .persona .progress > .progress-bar {
            margin-bottom: 2px;
        }

        .main-header .persona .progress > .experience {
            color: lightgrey;
            font-size: 12px;
        }

.main-header .suggestions .suggestion {
    padding: 0px;
    width: 108px;
    height: 80px;
    text-align: center;
    overflow: hidden;
    margin-top: 1px;
    margin-right: 1px;
    float: left;
    position: relative;
}

.main-header .suggestions :last-child.suggestion {
    width: 109px;
    margin-right: 0px;
}

.main-header .suggestions .suggestion .image {
    margin: 15% 0px;
}

.main-header .suggestions .suggestion .vehicleunlock.image {
    margin: 9% 0px 9% -45px;
}

.main-header .suggestions .suggestion .loader {
    margin-top: 23px;
}

.main-header .suggestions .suggestion .progress-bar {
    margin: 0px;
    border: 0px currentColor;
    border-image: none;
    width: 100%;
    bottom: 0px;
    position: absolute;
}

.main-header .suggestions .suggestion .refresh {
    background: rgba(0, 0, 0, 0.5);
    padding: 2px;
    transition: opacity 2s ease-out;
    left: 5px;
    top: 3px;
    position: absolute;
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity 2s ease-out;
    -moz-transition: opacity 2s ease-out;
}

    .main-header .suggestions .suggestion .refresh:hover {
        opacity: 1;
    }

    .main-header .suggestions .suggestion .refresh:active {
        transition: none;
        opacity: 0.5;
        -webkit-transition: none;
        -moz-transition: none;
    }

.main-header .suggestions .suggestion .disabled.refresh {
    cursor: default;
    opacity: 0.25;
    pointer-events: none;
}

.main-header .suggestions .suggestion .loading.refresh {
    cursor: default;
    opacity: 0.25;
    pointer-events: none;
}

.main-header .suggestions :not(:hover).suggestion .refresh {
    opacity: 0;
    pointer-events: none;
}

.main-header .suggestions .suggestion .green-check-small {
    width: 12px;
    height: 12px;
    right: 3px;
    bottom: 10px;
    position: absolute;
    background-image: url("../battledash/images/icons/green-check-small.png");
}

.main-header .suggestions .suggestion .xp-icon {
    left: 2px;
    bottom: 6px;
    position: absolute;
}

.main-header #recommended-server {
    position: relative;
}

    .main-header #recommended-server .bg-map {
        transition: opacity 2s;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        opacity: 0;
        background-size: cover;
        -webkit-transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
    }

    .main-header #recommended-server .overlay {
        transition: opacity 2s;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        opacity: 0;
        background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
        -webkit-transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
    }

.main-header .loaded#recommended-server .bg-map {
    opacity: 1;
}

.main-header .loaded#recommended-server .overlay {
    opacity: 1;
}

.main-header #recommended-server .loader {
    margin: 30px auto 0px;
    display: block;
}

.main-header #recommended-server .servername {
    display: block;
}

.main-header #recommended-server .playercount {
    font-weight: bold;
}

.main-header #recommended-server .servermeta {
    margin: 6px 0px;
}

    .main-header #recommended-server .servermeta > .item {
        color: lightgrey;
        font-size: 12px;
        margin-top: 3px;
    }

.main-header #recommended-server .players {
    left: 15px;
    bottom: 15px;
    position: absolute;
}

    .main-header #recommended-server .players .avatar {
        width: 28px;
        height: 28px;
    }

.main-header #recommended-server button {
    right: 15px;
    bottom: 15px;
    position: absolute;
}

.main-header .disabled#recommended-server {
    opacity: 0.5;
}

.main-header .challenges {
    background: url("../main/warsaw/bg-box.jpg") 0px 0px;
    position: relative;
}

    .main-header .challenges .badge {
        left: 50%;
        width: 60px;
        height: 60px;
        bottom: 16px;
        margin-left: -60px;
        position: absolute;
        z-index: 0;
    }

    .main-header .challenges .focused.badge {
        left: 50%;
        margin-left: -10px;
        z-index: 1;
    }

.main-header .spotlight {
    height: 287px;
}

    .main-header .spotlight h1 {
        line-height: 16px;
        font-size: 19px;
    }

    .main-header .spotlight h2 {
        color: lightgrey;
        line-height: 16px;
        font-size: 16px;
        font-weight: normal;
    }

    .main-header .spotlight h1 {
        text-align: center;
    }

    .main-header .spotlight h2 {
        text-align: center;
    }

.main-header .video.spotlight > .box-content {
    background-color: rgba(255, 255, 255, 0);
}

    .main-header .video.spotlight > .box-content header {
        margin-top: 166px;
    }

.main-header .video.spotlight:hover > .box-content {
    background-color: rgba(255, 255, 255, 0.1);
}

#main-alphatrialinformation {
    margin-bottom: 16px;
}

    #main-alphatrialinformation p {
        line-height: 1.2;
        font-size: 14px;
        margin-bottom: 10px;
    }

.agerating-container .box-content {
    min-height: 130px;
}

#rsp h6 {
    color: rgb(138, 138, 138);
    font-size: 14px;
}

#rsp a {
    margin: 0px 30px;
    display: inline-block;
}

body.is-loggedout #base-container {
    width: auto;
}

body.loggedout-usps #base-container {
    width: auto;
}

body:not(.loggedout-usps).is-loggedin .usp {
    opacity: 0;
}

body:not(.loggedout-usps).is-loggedin .is-mobile-app.usp {
    opacity: 1;
}

body.is-loggedout {
    background: rgb(8, 10, 20);
}

    body.is-loggedout #base-background {
        transition: transform 500ms ease-out;
        -webkit-transition: transform 500ms ease-out;
        -moz-transition: transform 500ms ease-out;
    }

body.home-signedout-bf4 #base-background {
    height: 940px;
    overflow: hidden;
    position: absolute;
}

    body.home-signedout-bf4 #base-background::after {
        background: linear-gradient(rgba(35, 13, 13, 0) 0%, rgb(8, 10, 20) 100%);
        left: 0px;
        height: 100px;
        right: 0px;
        bottom: 0px;
        position: absolute;
        z-index: 0;
        content: "";
    }

body.loggedout-usps #footer-wrapper {
    display: none !important;
}

body:not(.is-loggedout).loggedout-usps #footer-wrapper {
    display: none;
}

body.is-loggedout #footer-wrapper {
    margin: 0px auto;
    left: auto;
    top: auto;
    width: 992px;
    right: auto;
    bottom: auto;
    position: relative;
}

-o-keyframes pulsate from {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

-o-keyframes pulsate to {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.main-about-icon {
    background: url("../base/shared/icon-info.png") no-repeat;
    width: 21px;
    height: 21px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    opacity: 0.75;
}

    .main-about-icon:hover {
        opacity: 1;
    }

#base-container #main-loggedout {
    padding-top: 16px;
    margin-top: -16px;
}

    #base-container #main-loggedout .main-loggedout-loader {
        margin: 100px auto;
        display: block;
    }

.loggedout-usp-container {
    overflow: hidden;
    min-width: 992px;
}

    .loggedout-usp-container #scroll-down-icon {
        background: url("../main/warsaw/loggedout/arrow-down.png") no-repeat;
        left: 50%;
        width: 82px;
        height: 52px;
        margin-left: -41px;
        z-index: 2;
        cursor: pointer;
        opacity: 0.9;
    }

    .loggedout-usp-container #scroll-down-icon-fixed {
        background: url("../main/warsaw/loggedout/arrow-down.png") no-repeat;
        left: 50%;
        width: 82px;
        height: 52px;
        margin-left: -41px;
        z-index: 2;
        cursor: pointer;
        opacity: 0.9;
    }

    .loggedout-usp-container #scroll-down-icon:hover {
        opacity: 1;
    }

    .loggedout-usp-container #scroll-down-icon-fixed:hover {
        opacity: 1;
    }

    .loggedout-usp-container #scroll-down-icon {
        bottom: -60px;
        position: absolute;
    }

    .loggedout-usp-container #scroll-down-icon-fixed {
        bottom: 0px;
        display: none;
        position: fixed;
    }

    .loggedout-usp-container .usp {
        margin: 0px auto;
        transition: opacity 1s ease-out;
        width: 992px;
        text-align: center;
        -webkit-transition: opacity 1s ease-out;
        -moz-transition: opacity 1s ease-out;
    }

        .loggedout-usp-container .usp h1.headline {
            background: rgba(7, 7, 7, 0.6);
            padding: 1px 16px 0px;
            text-transform: uppercase;
            font-family: Purista, sans-serif;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            margin-bottom: 1px;
            display: inline-block;
        }

        .loggedout-usp-container .usp h2.subheading {
            background: rgba(7, 7, 7, 0.6);
            padding: 1px 16px 0px;
            text-transform: uppercase;
            font-family: Purista, sans-serif;
            font-size: 36px;
            font-style: normal;
            font-weight: 600;
            margin-bottom: 1px;
            display: inline-block;
        }

        .loggedout-usp-container .usp h2.subheading {
            line-height: 31px;
            font-family: Purista, sans-serif;
            font-size: 23px;
            font-style: normal;
            font-weight: 400;
        }

        .loggedout-usp-container .usp p.subheading-big {
            text-transform: uppercase;
            font-family: Purista, sans-serif;
            font-size: 23px;
            font-style: normal;
            font-weight: 400;
            margin-bottom: 10px;
        }

        .loggedout-usp-container .usp h2 {
            font-size: 30px;
            margin-bottom: 4px;
        }

        .loggedout-usp-container .usp p.subheading-small {
            text-transform: uppercase;
            font-family: Purista, sans-serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 400;
            margin-bottom: 6px;
        }

        .loggedout-usp-container .usp p.subheading-tiny {
            text-transform: uppercase;
            font-family: Purista, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
        }

        .loggedout-usp-container .usp p.description {
            color: rgb(168, 168, 168);
            line-height: 24px;
            font-size: 14px;
            margin-bottom: 12px;
        }

    .loggedout-usp-container .alwayson {
        text-align: left;
        margin-top: 16px;
        position: relative;
    }

        .loggedout-usp-container .alwayson h1.header-headline {
            margin: 0px;
            padding: 6px 12px;
            font-size: 50px;
            display: inline-block;
            background-color: rgba(7, 7, 7, 0.6);
        }

        .loggedout-usp-container .alwayson .battlefield-logo {
            width: 616px;
            height: 114px;
            margin-top: 24px;
            background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/home-logo-e3e42ee9.png");
        }

        .loggedout-usp-container .alwayson .alwayson-soldier {
            top: -75px;
            height: 940px;
            right: -375px;
            overflow: hidden;
            position: absolute;
        }

            .loggedout-usp-container .alwayson .alwayson-soldier::after {
                background: linear-gradient(rgba(8, 10, 20, 0) 0%, rgb(8, 10, 20) 100%);
                left: 328px;
                height: 50px;
                right: 213px;
                bottom: 0px;
                position: absolute;
                z-index: 0;
                content: "";
            }

        .loggedout-usp-container .alwayson .calltoaction {
            margin-top: 32px;
        }

            .loggedout-usp-container .alwayson .calltoaction .btn {
                width: auto;
                display: inline-block;
                min-width: 288px;
            }

            .loggedout-usp-container .alwayson .calltoaction .btn-login {
                margin-right: 8px;
            }

            .loggedout-usp-container .alwayson .calltoaction .btn-get-game {
                overflow: visible;
                padding-left: 76px;
                font-size: 19px;
                position: relative;
            }

                .loggedout-usp-container .alwayson .calltoaction .btn-get-game .game-stack {
                    background: url("../main/warsaw/loggedout/getbf-stack.png") no-repeat;
                    left: 8px;
                    top: -15px;
                    width: 68px;
                    height: 81px;
                    position: absolute;
                }

    .loggedout-usp-container .in-viewport.alwayson .devices img {
        opacity: 1;
    }

        .loggedout-usp-container .in-viewport.alwayson .devices img.anim {
            transform: translate(0px, 0px);
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -o-transform: translate(0, 0);
        }

    .loggedout-usp-container .alwayson .devices {
        height: 500px;
        margin-top: 48px;
        position: relative;
    }

        .loggedout-usp-container .alwayson .devices img {
            transition: 0.5s ease-out;
            position: absolute;
            opacity: 0;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
        }

            .loggedout-usp-container .alwayson .devices img.anim {
                transition-delay: 1s;
                -webkit-transition-delay: 1s;
                -moz-transition-delay: 1s;
            }

            .loggedout-usp-container .alwayson .devices img.tv {
                left: 215px;
                top: 0px;
            }

            .loggedout-usp-container .alwayson .devices img.pc {
                left: 25px;
                top: 85px;
                transform: translateX(-50px);
                -webkit-transform: translateX(-50px);
                -moz-transform: translateX(-50px);
                -o-transform: translateX(-50px);
            }

            .loggedout-usp-container .alwayson .devices img.tablet {
                left: 525px;
                top: 185px;
                transform: translateX(100px);
                -webkit-transform: translateX(100px);
                -moz-transform: translateX(100px);
                -o-transform: translateX(100px);
            }

            .loggedout-usp-container .alwayson .devices img.mobile {
                left: 850px;
                top: 210px;
                transform: translate(200px);
                -webkit-transform: translate(200px);
                -moz-transform: translate(200px);
                -o-transform: translate(200px);
            }

    .loggedout-usp-container .connected {
        text-align: left;
        padding-top: 65px;
        margin-top: 100px;
        margin-bottom: 65px;
        position: relative;
    }

    .loggedout-usp-container .is-mobile-app.connected {
        padding-top: 0px;
        margin-top: 0px;
    }

    .loggedout-usp-container .connected .googleplay-logo {
        margin-left: 6px;
    }

    .loggedout-usp-container .connected .row {
        position: relative;
    }

    .loggedout-usp-container .connected img.battlescreen {
        margin-top: 30px;
        margin-left: -50px;
        opacity: 0;
    }

    .loggedout-usp-container .connected img.transition.battlescreen {
        transition: margin-left 0.25s ease-out, opacity 0.25s ease-out;
        -webkit-transition: margin-left 0.25s ease-out, opacity 0.25s ease-out;
        -moz-transition: margin-left 0.25s ease-out, opacity 0.25s ease-out;
    }

    .loggedout-usp-container .connected img.remotejoin {
        right: -100px;
        bottom: 0px;
        position: absolute;
        opacity: 0;
    }

    .loggedout-usp-container .connected img.loadout {
        right: -100px;
        bottom: 0px;
        position: absolute;
        opacity: 0;
    }

    .loggedout-usp-container .connected img.transition.remotejoin {
        transition: right 0.25s ease-out, opacity 0.25s ease-out;
        -webkit-transition: right 0.25s ease-out, opacity 0.25s ease-out;
        -moz-transition: right 0.25s ease-out, opacity 0.25s ease-out;
    }

    .loggedout-usp-container .connected img.transition.loadout {
        transition: right 0.25s ease-out, opacity 0.25s ease-out;
        -webkit-transition: right 0.25s ease-out, opacity 0.25s ease-out;
        -moz-transition: right 0.25s ease-out, opacity 0.25s ease-out;
    }

    .loggedout-usp-container .connected img.loadout {
        right: 200px;
    }

    .loggedout-usp-container .in-viewport.connected img.battlescreen {
        margin-left: 0px;
        opacity: 1;
    }

    .loggedout-usp-container .in-viewport.connected img.remotejoin {
        right: 0px;
        opacity: 1;
    }

    .loggedout-usp-container .in-viewport.connected img.loadout {
        right: 252px;
        opacity: 1;
    }

    .loggedout-usp-container .commander {
        background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/bg-home-commander-36b3c266.jpg") no-repeat 50% 0px;
        width: auto;
        height: 1126px;
        text-align: center;
        padding-top: 60px;
        position: relative;
        -ms-overflow-y: hidden;
    }

        .loggedout-usp-container .commander p.description {
            width: 560px;
            color: white;
            margin-top: 8px;
            margin-right: auto;
            margin-left: auto;
            display: block;
        }

        .loggedout-usp-container .commander .commander-tablet {
            transition: margin-top 0.25s ease-out, opacity 0.25s ease-out;
            width: 992px;
            height: 774px;
            margin-top: 106px;
            margin-right: auto;
            margin-left: auto;
            position: relative;
            opacity: 0;
            -webkit-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out;
            -moz-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out;
        }

    .loggedout-usp-container .in-viewport.commander .commander-tablet {
        margin-top: 16px;
        opacity: 1;
    }

    .loggedout-usp-container .ingame {
        background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/ingame-bkg-47ff6e40.jpg") no-repeat top;
        width: auto;
        text-align: center;
        padding-top: 60px;
        padding-bottom: 60px;
        position: relative;
    }

        .loggedout-usp-container .ingame p.description {
            width: 550px;
            color: white;
            margin-top: 8px;
            margin-right: auto;
            margin-left: auto;
            display: block;
        }

        .loggedout-usp-container .ingame .tv-carousel {
            position: relative;
        }

            .loggedout-usp-container .ingame .tv-carousel .arrowleft {
                top: 190px;
                width: 52px;
                height: 103px;
                position: absolute;
                cursor: pointer;
                background-image: url("../main/warsaw/loggedout/ingame-arrows.png");
            }

            .loggedout-usp-container .ingame .tv-carousel .arrowright {
                top: 190px;
                width: 52px;
                height: 103px;
                position: absolute;
                cursor: pointer;
                background-image: url("../main/warsaw/loggedout/ingame-arrows.png");
            }

            .loggedout-usp-container .ingame .tv-carousel .arrowleft {
                background-position: 0px 0px;
            }

            .loggedout-usp-container .ingame .tv-carousel .arrowright {
                background-position: -52px 0px;
                right: 0px;
            }

            .loggedout-usp-container .ingame .tv-carousel .dots {
                margin: 22px auto 0px;
                display: block;
            }

                .loggedout-usp-container .ingame .tv-carousel .dots .dot {
                    border: 1px solid rgb(255, 255, 255);
                    border-image: none;
                    width: 14px;
                    height: 14px;
                    margin-right: 16px;
                    display: inline-block;
                }

                .loggedout-usp-container .ingame .tv-carousel .dots .last.dot {
                    margin-right: 0px;
                }

                .loggedout-usp-container .ingame .tv-carousel .dots .active.dot {
                    background: rgb(255, 255, 255);
                }

            .loggedout-usp-container .ingame .tv-carousel .screenshots {
                left: 112px;
                top: 16px;
                position: absolute;
            }

                .loggedout-usp-container .ingame .tv-carousel .screenshots img {
                    transition: opacity 0.4s ease-in-out;
                    left: 0px;
                    top: 0px;
                    position: absolute;
                    opacity: 0;
                    -webkit-transition: opacity 0.4s ease-in-out;
                    -moz-transition: opacity 0.4s ease-in-out;
                    -o-transition: opacity 0.4s ease-in-out;
                }

                    .loggedout-usp-container .ingame .tv-carousel .screenshots img.opaque {
                        opacity: 1;
                    }

        .loggedout-usp-container .ingame .controllers {
            height: 150px;
            margin-top: -30px;
            position: relative;
        }

            .loggedout-usp-container .ingame .controllers .xbox {
                transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
                top: 50px;
                position: absolute;
                -webkit-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
                -moz-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
            }

            .loggedout-usp-container .ingame .controllers .ps {
                transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
                top: 50px;
                position: absolute;
                -webkit-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
                -moz-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
            }

            .loggedout-usp-container .ingame .controllers .pc {
                transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
                top: 50px;
                position: absolute;
                -webkit-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
                -moz-transition: top 0.5s ease-out, left 0.5s ease-out, right 0.5s ease-out;
            }

            .loggedout-usp-container .ingame .controllers .xbox {
                left: -50px;
            }

            .loggedout-usp-container .ingame .controllers .ps {
                left: 240px;
            }

            .loggedout-usp-container .ingame .controllers .pc {
                right: -50px;
            }

    .loggedout-usp-container .in-viewport.ingame .controllers .xbox {
        top: 0px;
    }

    .loggedout-usp-container .in-viewport.ingame .controllers .ps {
        top: 0px;
    }

    .loggedout-usp-container .in-viewport.ingame .controllers .pc {
        top: 0px;
    }

    .loggedout-usp-container .in-viewport.ingame .controllers .xbox {
        left: 0px;
    }

    .loggedout-usp-container .in-viewport.ingame .controllers .pc {
        right: 0px;
    }

    .loggedout-usp-container .progress {
        height: 643px;
        margin-top: 75px;
        position: relative;
    }

        .loggedout-usp-container .progress .stats {
            margin-top: 16px;
            position: relative;
        }

        .loggedout-usp-container .progress .soldier-image {
            top: -240px;
            right: -200px;
            position: absolute;
        }

    .loggedout-usp-container .stats {
        background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/bg-home-stats-c4afedb7.jpg") no-repeat top;
        width: auto;
        text-align: center;
        padding-top: 65px;
        padding-bottom: 100px;
    }

        .loggedout-usp-container .stats p.description {
            width: 600px;
            color: white;
            margin-top: 8px;
            margin-right: auto;
            margin-left: auto;
            display: block;
        }

        .loggedout-usp-container .stats #overview-info {
            width: 993px;
            text-align: left;
            margin-top: 45px;
            margin-right: auto;
            margin-left: auto;
        }

            .loggedout-usp-container .stats #overview-info #overview-soldier .box-content {
                height: 460px;
                text-align: center;
            }

        .loggedout-usp-container .stats .soldier {
            top: -45px;
            right: 25px;
            position: absolute;
        }

    .loggedout-usp-container .missions {
        background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/bg-home-missions-d248322d.jpg") no-repeat top;
        width: auto;
        height: 850px;
        padding-top: 65px;
    }

        .loggedout-usp-container .missions .mission-content {
            width: 992px;
            margin-top: 65px;
            margin-right: auto;
            margin-left: auto;
            position: relative;
        }

    .loggedout-usp-container .in-viewport.missions .leaderboard .leaderboard-list li {
        opacity: 1;
    }

        .loggedout-usp-container .in-viewport.missions .leaderboard .leaderboard-list li.item-3 .position {
            background: rgb(255, 198, 0);
            color: rgb(0, 0, 0);
        }

    .loggedout-usp-container .in-viewport.missions .soldier {
        opacity: 1;
    }

    .loggedout-usp-container .in-viewport.missions .soldier-highlight {
        animation: pulsate 2s ease-in-out infinite alternate;
        opacity: 1;
        -webkit-animation: pulsate 2s ease-in-out 0s infinite alternate;
        -moz-animation: pulsate 2s ease-in-out 0s infinite alternate;
        -o-animation: pulsate 2s ease-in-out 0s infinite alternate;
    }

    .loggedout-usp-container .missions .soldier {
        transition: opacity 0.25s ease-in;
        position: absolute;
        z-index: 1;
        opacity: 0;
        -webkit-transition: opacity 0.25s ease-in;
        -moz-transition: opacity 0.25s ease-in;
    }

    .loggedout-usp-container .missions .soldier-1.soldier {
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
    }

    .loggedout-usp-container .missions .soldier-2.soldier {
        transition-delay: 0.25s;
        -webkit-transition-delay: 0.25s;
        -moz-transition-delay: 0.25s;
    }

    .loggedout-usp-container .missions .soldier-3.soldier {
        transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
    }

    .loggedout-usp-container .missions .soldier-4.soldier {
        transition-delay: 0.75s;
        -webkit-transition-delay: 0.75s;
        -moz-transition-delay: 0.75s;
    }

    .loggedout-usp-container .missions .soldier-5.soldier {
        transition-delay: 1s;
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
    }

    .loggedout-usp-container .missions .soldier-1 {
        left: -139px;
        top: -70px;
    }

    .loggedout-usp-container .missions .soldier-2 {
        left: 95px;
        top: -20px;
    }

    .loggedout-usp-container .missions .soldier-3 {
        left: 213px;
        top: 10px;
    }

    .loggedout-usp-container .missions .soldier-4 {
        left: 305px;
        top: 40px;
    }

    .loggedout-usp-container .missions .soldier-5 {
        left: 455px;
        top: 10px;
    }

    .loggedout-usp-container .missions .soldier-highlight {
        background: url("../main/warsaw/loggedout/soldier-highlight.png") no-repeat;
        transition: opacity 1s ease-out 2s;
        left: 224px;
        top: 532px;
        width: 225px;
        height: 56px;
        position: absolute;
        z-index: 0;
        opacity: 0;
        -webkit-transition: opacity 1s 2s ease-out;
        -moz-transition: opacity 1s 2s ease-out;
    }

    .loggedout-usp-container .missions .leaderboard {
        text-align: left;
        margin-top: 125px;
    }

        .loggedout-usp-container .missions .leaderboard header {
            background: rgb(4, 5, 11);
            padding: 48px 16px 16px 118px;
            height: 88px;
            position: relative;
        }

            .loggedout-usp-container .missions .leaderboard header p.subheading-small {
                font-weight: 600;
            }

            .loggedout-usp-container .missions .leaderboard header .mission-type-image {
                left: -28px;
                top: 10px;
                position: absolute;
            }

        .loggedout-usp-container .missions .leaderboard .leaderboard-list {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

            .loggedout-usp-container .missions .leaderboard .leaderboard-list li {
                background: rgb(4, 5, 11);
                transition: opacity 0.25s ease-out;
                height: 39px;
                color: rgb(255, 255, 255);
                line-height: 39px;
                font-size: 16px;
                margin-top: 1px;
                position: relative;
                opacity: 0;
                -webkit-transition: opacity 0.25s ease-out;
                -moz-transition: opacity 0.25s ease-out;
            }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-1 {
                    transition-delay: 0.25s;
                    -webkit-transition-delay: 0.25s;
                    -moz-transition-delay: 0.25s;
                }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-2 {
                    transition-delay: 0.5s;
                    -webkit-transition-delay: 0.5s;
                    -moz-transition-delay: 0.5s;
                }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-3 {
                    transition-delay: 0.75s;
                    -webkit-transition-delay: 0.75s;
                    -moz-transition-delay: 0.75s;
                }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-4 {
                    transition-delay: 1s;
                    -webkit-transition-delay: 1s;
                    -moz-transition-delay: 1s;
                }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-5 {
                    transition-delay: 1.25s;
                    -webkit-transition-delay: 1.25s;
                    -moz-transition-delay: 1.25s;
                }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li.item-3 .position {
                    transition: 1s ease-out 2s;
                    -webkit-transition: all 1s 2s ease-out;
                    -moz-transition: all 1s 2s ease-out;
                }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li .position {
                    width: 39px;
                    text-align: center;
                    font-family: Purista, sans-serif;
                    font-style: normal;
                    font-weight: 600;
                    float: left;
                }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li .avatar {
                    width: 39px;
                    height: 39px;
                    float: left;
                    display: block;
                }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li .name {
                    padding-left: 8px;
                    font-family: Purista, sans-serif;
                    font-style: normal;
                    font-weight: 400;
                    float: left;
                }

                .loggedout-usp-container .missions .leaderboard .leaderboard-list li .score {
                    top: 0px;
                    right: 0px;
                    padding-right: 8px;
                    font-family: Purista, sans-serif;
                    font-size: 23px;
                    font-style: normal;
                    font-weight: 600;
                    position: absolute;
                }

    .loggedout-usp-container .geoleaderboards {
        background-position: top;
        width: auto;
        height: 940px;
        text-align: center;
        position: relative;
        background-repeat: no-repeat;
    }

        .loggedout-usp-container .geoleaderboards .map {
            background-position: top;
            transition: opacity 1s ease-in-out;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 940px;
            position: absolute;
            cursor: default;
            opacity: 0;
            background-repeat: no-repeat;
            -webkit-transition: opacity 1s ease-in-out;
            -moz-transition: opacity 1s ease-in-out;
            -o-transition: opacity 1s ease-in-out;
        }

            .loggedout-usp-container .geoleaderboards .map .player {
                left: 50%;
                top: 50%;
                position: absolute;
                background-size: 100%;
            }

            .loggedout-usp-container .geoleaderboards .map .p1.player {
                background: url("../main/warsaw/loggedout/avatar1.png");
                width: 120px;
                height: 120px;
            }

            .loggedout-usp-container .geoleaderboards .map .p2.player {
                background: url("../main/warsaw/loggedout/avatar2.png");
                width: 203px;
                height: 203px;
            }

            .loggedout-usp-container .geoleaderboards .map .p3.player {
                background: url("../main/warsaw/loggedout/avatar3.png");
                width: 120px;
                height: 120px;
            }

            .loggedout-usp-container .geoleaderboards .map .p4.player {
                background: url("../main/warsaw/loggedout/avatar4.png");
                width: 72px;
                height: 72px;
            }

            .loggedout-usp-container .geoleaderboards .map .p5.player {
                background: url("../main/warsaw/loggedout/avatar5.png");
                width: 72px;
                height: 72px;
            }

            .loggedout-usp-container .geoleaderboards .map .p6.player {
                background: url("../main/warsaw/loggedout/avatar6.png");
                width: 172px;
                height: 172px;
            }

            .loggedout-usp-container .geoleaderboards .map .p7.player {
                background: url("../main/warsaw/loggedout/avatar7.png");
                width: 120px;
                height: 120px;
            }

            .loggedout-usp-container .geoleaderboards .map .p8.player {
                background: url("../main/warsaw/loggedout/avatar8.png");
                width: 120px;
                height: 120px;
            }

            .loggedout-usp-container .geoleaderboards .map .p9.player {
                background: url("../main/warsaw/loggedout/avatar9.png");
                width: 203px;
                height: 203px;
            }

            .loggedout-usp-container .geoleaderboards .map .p10.player {
                background: url("../main/warsaw/loggedout/avatar10.png");
                width: 120px;
                height: 120px;
            }

            .loggedout-usp-container .geoleaderboards .map .me.player {
                background: url("../main/warsaw/loggedout/avatar_me.png");
                width: 199px;
                height: 199px;
            }

        .loggedout-usp-container .geoleaderboards .friends.map {
            background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-friends-ccd63843.jpg");
        }

            .loggedout-usp-container .geoleaderboards .friends.map .me.player {
                margin-top: 8px;
                margin-left: -201px;
            }

            .loggedout-usp-container .geoleaderboards .friends.map .p2.player {
                margin-top: -142px;
                margin-left: 52px;
            }

            .loggedout-usp-container .geoleaderboards .friends.map .p3.player {
                margin-top: 238px;
                margin-left: -424px;
            }

            .loggedout-usp-container .geoleaderboards .friends.map .p6.player {
                margin-top: -82px;
                margin-left: -255px;
            }

        .loggedout-usp-container .geoleaderboards .city.map {
            background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-city-2d1eae7d.jpg");
        }

            .loggedout-usp-container .geoleaderboards .city.map .me.player {
                margin-top: -75px;
                margin-left: -74px;
            }

            .loggedout-usp-container .geoleaderboards .city.map .p4.player {
                margin-top: 8px;
                margin-left: -128px;
            }

            .loggedout-usp-container .geoleaderboards .city.map .p7.player {
                margin-top: -152px;
                margin-left: -268px;
            }

        .loggedout-usp-container .geoleaderboards .country.map {
            background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-country-08b0bccb.jpg");
        }

            .loggedout-usp-container .geoleaderboards .country.map .me.player {
                margin-top: 65px;
                margin-left: -160px;
            }

            .loggedout-usp-container .geoleaderboards .country.map .p1.player {
                margin-top: -35px;
                margin-left: -140px;
            }

            .loggedout-usp-container .geoleaderboards .country.map .p5.player {
                margin-top: 192px;
                margin-left: -227px;
            }

        .loggedout-usp-container .geoleaderboards .world.map {
            background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/geoleaderboards-map-world-3f3f31f4.jpg");
        }

            .loggedout-usp-container .geoleaderboards .world.map .me.player {
                margin-top: -305px;
                margin-left: -288px;
            }

            .loggedout-usp-container .geoleaderboards .world.map .p8.player {
                margin-top: 95px;
                margin-left: -360px;
            }

            .loggedout-usp-container .geoleaderboards .world.map .p9.player {
                margin-top: -181px;
                margin-left: -808px;
            }

            .loggedout-usp-container .geoleaderboards .world.map .p10.player {
                margin-top: -25px;
                margin-left: 290px;
            }

        .loggedout-usp-container .geoleaderboards .opaque.map {
            opacity: 1;
        }

        .loggedout-usp-container .geoleaderboards .heading {
            left: 0px;
            top: 35px;
            width: 100%;
            position: absolute;
        }

        .loggedout-usp-container .geoleaderboards .zoom-widget {
            left: 0px;
            top: 135px;
            width: 100%;
            position: absolute;
        }

            .loggedout-usp-container .geoleaderboards .zoom-widget ul {
                margin: 0px auto;
                width: 608px;
            }

            .loggedout-usp-container .geoleaderboards .zoom-widget li {
                width: 150px;
            }

                .loggedout-usp-container .geoleaderboards .zoom-widget li:not(.active) span {
                    cursor: pointer;
                }

                    .loggedout-usp-container .geoleaderboards .zoom-widget li:not(.active) span:hover {
                        background-color: rgba(7, 7, 7, 0.6);
                    }

                .loggedout-usp-container .geoleaderboards .zoom-widget li span {
                    padding: 63px 0px 10px;
                    height: 23px;
                    display: block;
                    background-image: url("../main/warsaw/loggedout/geoleaderboards-btn-icons.png");
                    background-size: auto;
                }

                .loggedout-usp-container .geoleaderboards .zoom-widget li.friends span {
                    background-position: 0px 0px;
                }

                .loggedout-usp-container .geoleaderboards .zoom-widget li.active.friends span {
                    background-position: 0px -86px;
                }

                .loggedout-usp-container .geoleaderboards .zoom-widget li.city span {
                    background-position: -152px 0px;
                }

                .loggedout-usp-container .geoleaderboards .zoom-widget li.active.city span {
                    background-position: -152px -86px;
                }

                .loggedout-usp-container .geoleaderboards .zoom-widget li.country span {
                    background-position: -304px 0px;
                }

                .loggedout-usp-container .geoleaderboards .zoom-widget li.active.country span {
                    background-position: -304px -86px;
                }

                .loggedout-usp-container .geoleaderboards .zoom-widget li.world span {
                    background-position: -456px 3px;
                }

                .loggedout-usp-container .geoleaderboards .zoom-widget li.active.world span {
                    background-position: -456px -83px;
                }

.geoleaderboard-loggedout.loggedout-usp-container .geoleaderboards {
    height: 1000px;
}

.loggedout-usp-container .video {
    text-align: center;
    padding-top: 60px;
    position: relative;
}

    .loggedout-usp-container .video #uspVideo {
        margin-top: 32px;
        margin-bottom: 44px;
    }

        .loggedout-usp-container .video #uspVideo .overlay {
            background: url("//d34ymitoc1pg7m.cloudfront.net/bf4/loggedout/movie-template-e7c745ff.jpg") no-repeat 0px 50%;
            transition: opacity 0.5s ease-in-out;
            width: 656px;
            height: 369px;
            display: inline-block;
            position: relative;
            cursor: pointer;
            -webkit-transition: opacity 0.5s ease-in-out;
            -moz-transition: opacity 0.5s ease-in-out;
        }

            .loggedout-usp-container .video #uspVideo .overlay::after {
                background: url("../serverbrowserwarsaw/playbutton-circle.png");
                left: 50%;
                top: 50%;
                width: 90px;
                height: 90px;
                margin-top: -45px;
                margin-left: -45px;
                position: absolute;
                content: "";
                opacity: 0.8;
            }

            .loggedout-usp-container .video #uspVideo .overlay:hover::after {
                opacity: 0.9;
            }

.loggedout-usp-container .footer {
    text-align: center;
    padding-bottom: 50px;
    margin-bottom: 16px;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
}

    .loggedout-usp-container .footer .buttons {
        padding-bottom: 46px;
    }

        .loggedout-usp-container .footer .buttons .btn {
            font-size: 19px;
        }

        .loggedout-usp-container .footer .buttons a.withstack.btn {
            padding: 0px 0px 0px 50px;
            overflow: visible;
            margin-left: 10px;
            position: relative;
        }

            .loggedout-usp-container .footer .buttons a.withstack.btn img {
                left: 9px;
                top: -12px;
                position: absolute;
            }

    .loggedout-usp-container .footer p.learnmore {
        margin-bottom: 30px;
    }

    .loggedout-usp-container .footer .appicons .googleplay-logo {
        margin-left: 6px;
    }

.main-friends-container {
    width: 327px;
    height: 82px;
    bottom: 40px;
    position: absolute;
}

    .main-friends-container .friends h3 {
        margin: 0px;
        text-align: center;
        color: rgb(255, 255, 255);
        line-height: 16px;
        font-family: Purista, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    .main-friends-container .friends .outer-center {
        right: 50%;
        float: right;
        position: relative;
    }

    .main-friends-container .friends .inner-center {
        right: -50%;
        float: right;
        position: relative;
    }

    .main-friends-container .friends .clear {
        clear: both;
    }

    .main-friends-container .friends .avatars {
        padding: 6px 0px 0px;
        float: left;
    }

    .main-friends-container .friends .more-friends {
        background: rgba(0, 0, 0, 0.8);
        border: 1px solid rgb(96, 104, 112);
        border-image: none;
        width: 34px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        overflow: hidden;
        font-family: Purista, sans-serif;
        font-size: 14px;
        margin-top: 8px;
        margin-left: 3px;
        float: left;
    }

.dialog-bf4required .dialog-body {
    padding: 0px;
    overflow: hidden;
}

.download.xp.dialog-bf4required .dialog-content {
    height: 260px;
}

    .download.xp.dialog-bf4required .dialog-content .info {
        height: 80px;
    }

.has-premium.xp.dialog-bf4required .dialog-content {
    height: 300px;
}

    .has-premium.xp.dialog-bf4required .dialog-content .info {
        height: 130px;
    }

.xp.dialog-bf4required .dialog-content {
    height: 400px;
}

    .xp.dialog-bf4required .dialog-content .main-friends-container {
        width: 560px;
        bottom: 70px;
        color: rgb(255, 255, 255);
    }

    .xp.dialog-bf4required .dialog-content .premium-xpack-info {
        width: 560px;
        text-align: center;
        bottom: 60px;
        color: rgb(255, 255, 255);
        position: absolute;
    }

    .xp.dialog-bf4required .dialog-content .info {
        height: 220px;
    }

        .xp.dialog-bf4required .dialog-content .info h3 {
            margin: 12px 0px 0px;
            padding: 0px;
            color: rgb(255, 255, 255);
            text-transform: uppercase;
            line-height: 18px;
            font-size: 18px;
            font-weight: normal;
        }

        .xp.dialog-bf4required .dialog-content .info .buttons {
            left: 0px;
            width: 560px;
            bottom: 16px;
            position: absolute;
        }

.xp1048576.xp.dialog-bf4required {
}

    .xp1048576.xp.dialog-bf4required .dialog-content {
        background: url("../main/warsaw/game-dialog-bg-xp1.jpg") no-repeat top;
    }

.xp524288.xp.dialog-bf4required {
}

    .xp524288.xp.dialog-bf4required .dialog-content {
        background: url("../main/warsaw/game-dialog-bg-xp0.jpg") no-repeat top;
    }

.xp2097152.xp.dialog-bf4required {
}

    .xp2097152.xp.dialog-bf4required .dialog-content {
        background: url("../main/warsaw/game-dialog-bg-xp2.jpg") no-repeat top;
    }

.bfh.xp.dialog-bf4required {
}

.xp536870912.xp.dialog-bf4required {
}

.bfh.xp.dialog-bf4required .dialog-content {
    background: url("../clubs/club-npx-bfh.jpg") no-repeat top / cover;
}

.xp536870912.xp.dialog-bf4required .dialog-content {
    background: url("../clubs/club-npx-bfh.jpg") no-repeat top / cover;
}

.dialog-bf4required .dialog-content {
    background: url("../main/warsaw/game-dialog-bg.jpg") no-repeat top;
    width: 560px;
    height: 326px;
    position: relative;
}

    .dialog-bf4required .dialog-content .main-friends-container {
        width: 560px;
    }

    .dialog-bf4required .dialog-content .overlay {
        left: 0px;
        top: 164px;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%);
    }

    .dialog-bf4required .dialog-content .info {
        left: 0px;
        width: 560px;
        height: 160px;
        text-align: center;
        bottom: 0px;
        position: absolute;
        z-index: 3;
    }

        .dialog-bf4required .dialog-content .info .buttons {
            left: 146px;
            bottom: 16px;
            position: absolute;
        }

            .dialog-bf4required .dialog-content .info .buttons .btn-primary {
                margin-right: 8px;
            }

        .dialog-bf4required .dialog-content .info h4 {
            margin: 12px 0px 0px;
            padding: 0px;
            text-transform: uppercase;
            line-height: 24px;
            font-family: Arial;
            font-size: 16px;
            font-weight: bold;
        }

        .dialog-bf4required .dialog-content .info h5 {
            text-transform: none;
            line-height: 24px;
            font-family: Arial;
            font-size: 14px;
            font-weight: normal;
        }

#trialmessage {
    color: rgb(204, 204, 204);
    font-size: 14px;
}

    #trialmessage .expired-box {
        padding: 32px;
        text-align: center;
        background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/trial/bg-gametime-786dcb2b.png");
    }

        #trialmessage .expired-box h3 {
            line-height: 1;
            font-size: 23px;
        }

        #trialmessage .expired-box p {
            margin: 23px 0px 13px;
        }

        #trialmessage .expired-box a.origin-upgrade {
            background-position: right;
            line-height: 45px;
            padding-right: 45px;
            font-size: 22px;
            text-decoration: underline;
            display: inline-block;
            background-image: url("../odcstore/origin-storelogo-small.png");
            background-repeat: no-repeat;
        }

    #trialmessage .unexpired-box {
        background-position: 12px 12px;
        line-height: 32px;
        padding-left: 50px;
        font-family: Purista;
        font-size: 16px;
        background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf4/trial/icon-gametime-cd01b474.png");
        background-repeat: no-repeat;
    }

        #trialmessage .unexpired-box .btn {
            float: right;
        }

        #trialmessage .unexpired-box a.origin-upgrade {
            background-position: right;
            line-height: 35px;
            padding-right: 35px;
            font-size: 16px;
            text-decoration: underline;
            margin-left: 12px;
            display: inline-block;
            background-image: url("../odcstore/origin-storelogo-small.png");
            background-repeat: no-repeat;
            background-size: contain;
        }

.survey {
    font-size: 12px;
    margin-top: 16px;
}

    .survey input {
        display: none;
    }

    .survey .checkboxicon {
        background: url("../main/poll-checkbox.png") no-repeat 0px 0px;
        width: 10px;
        height: 10px;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }

    .survey table.scores {
        color: rgb(213, 221, 229);
        margin-top: 16px;
        margin-bottom: 8px;
    }

        .survey table.scores tr td {
            text-align: center;
            padding-right: 16px;
            margin-bottom: 8px;
        }

    .survey .description {
        color: rgb(168, 168, 168);
    }

        .survey .description .min {
            float: left;
        }

        .survey .description .max {
            float: right;
        }

    .survey .feedback textarea {
        width: 270px;
        height: 50px;
        margin-top: 16px;
        margin-bottom: 8px;
        -ms-overflow-y: auto;
        max-width: 270px;
    }

    .survey .feedback button {
        float: right;
    }

body.no-main-header header section.game-bar {
    display: none;
}

.main-xp-boost-notice:hover {
    text-decoration: none;
}

.main-header .get-bfh-tile {
    background: url("//eaassets-a.akamaihd.net/battlelog/bb/bf4/main/bfh-banner-87797f74.jpg") no-repeat;
    height: 280px;
    margin-bottom: 16px;
    position: relative;
}

    .main-header .get-bfh-tile .tile-body {
        background: rgba(7, 7, 7, 0.5);
        padding: 24px 16px;
        left: 0px;
        height: 60px;
        right: 0px;
        bottom: 0px;
        position: absolute;
    }

        .main-header .get-bfh-tile .tile-body .friends-container {
            float: left;
        }

            .main-header .get-bfh-tile .tile-body .friends-container::before {
                line-height: 0;
                display: table;
                content: "";
            }

            .main-header .get-bfh-tile .tile-body .friends-container::after {
                line-height: 0;
                display: table;
                content: "";
            }

            .main-header .get-bfh-tile .tile-body .friends-container::after {
                clear: both;
            }

            .main-header .get-bfh-tile .tile-body .friends-container h6 {
                margin-top: -5px;
                margin-bottom: 5px;
            }

            .main-header .get-bfh-tile .tile-body .friends-container .friends-list .avatars {
                padding: 0px;
                margin-left: -4px;
            }

        .main-header .get-bfh-tile .tile-body .buy-btn {
            margin-top: 10px;
            float: right;
        }

#alpha-trial p {
    line-height: 21px;
}

    #alpha-trial p:not(last-of-type) {
        margin-bottom: 1em;
    }

#alpha-trial textarea {
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#alpha-trial a {
    text-decoration: underline;
}

html.ugm-showing #serverbrowser {
    padding-bottom: 60px;
}

.icon-servertype {
    width: 11px;
    height: 16px;
}

.icon-servertype-1 {
    background: url("../serverguide/icon-rank-official.png") no-repeat left top;
}

.icon-servertype-2 {
    background: url("../serverguide/icon-rank-ranked.png") no-repeat left top;
}

.icon-servertype-4 {
    background: url("../serverguide/icon-rank-unranked.png") no-repeat left top;
}

.icon-servertype-8 {
    background: url("../serverguide/icon-rank-private.png") no-repeat left top;
}

.active.server-row .icon-servertype-1 {
    background: url("../serverguide/icon-rank-official-dark.png") no-repeat left top;
}

.active.server-row .icon-servertype-2 {
    background: url("../serverguide/icon-rank-ranked-dark.png") no-repeat left top;
}

.active.server-row .icon-servertype-4 {
    background: url("../serverguide/icon-rank-unranked-dark.png") no-repeat left top;
}

.active.server-row .icon-servertype-8 {
    background: url("../serverguide/icon-rank-private-dark.png") no-repeat left top;
}

.serverguide-open-filter-box {
    top: 2px;
    position: relative;
}

#serverbrowser #server-browser-refresh-global {
    margin: 6px 0px 0px;
    padding: 1px 8px 0px 12px;
}

#serverbrowser header button {
    margin: 4px 0px 0px 10px;
}

#serverbrowser .serverbrowser-platform-filter-select {
    float: right;
}

#serverbrowser .arrow-container {
    position: relative;
}

    #serverbrowser .arrow-container .outerarrow {
        top: 0px;
        width: 20px;
        height: 30px;
        right: 0px;
        position: absolute;
    }

    #serverbrowser .arrow-container .arrow {
        border-width: 6px;
        border-style: solid;
        border-color: rgb(255, 255, 255) transparent transparent;
        transform-origin: center 50%;
        transition: 0.1s ease-out, opacity;
        border-image: none;
        left: 0%;
        top: 50%;
        margin-top: -3px;
        margin-left: 4px;
        position: absolute;
        opacity: 0.3;
        -webkit-transition: all 0.1s ease-out, opacity 0;
        -moz-transition: all 0.1s ease-out, opacity 0;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
    }

    #serverbrowser .arrow-container:hover .arrow {
        opacity: 0.75;
    }

#serverbrowser .active.arrow-container .arrow {
    opacity: 0.75;
}

#serverbrowser .server-filter {
    margin-bottom: 16px;
}

#serverbrowser .collapsed.server-filter {
    padding-right: 28px;
}

    #serverbrowser .collapsed.server-filter > footer {
        padding: 0px;
        top: 0px;
        width: 27px;
        right: 0px;
        bottom: 0px;
        display: block;
        position: absolute;
        background-color: rgba(7, 7, 7, 0.5);
    }

#serverbrowser .no-results {
    text-align: center;
    margin-top: 16px;
}

    #serverbrowser .no-results h2 {
        font-size: 2em;
    }

#serverbrowser [data-sort] {
    text-decoration: none;
}

#serverbrowser .sort-desc::after {
    padding-left: 2px;
    text-decoration: none;
    content: "^";
}

#serverbrowser .sort-asc::after {
    padding-left: 2px;
    text-decoration: none;
    content: "�";
}

#serverbrowser #servers {
    margin-top: 8px;
    min-height: 800px;
}

#serverbrowser .servers-list thead th {
    padding: 0px 6px;
    line-height: 24px;
}

#serverbrowser .servers-list thead .players {
    width: 55px;
}

#serverbrowser .servers-list thead .ping {
    width: 40px;
}

#serverbrowser .servers-list thead .server-icons {
    width: 22px;
}

#serverbrowser :not(.loading).servers-list tfoot {
    display: none;
}

#serverbrowser .servers-list tfoot th {
    padding: 16px;
    text-align: center;
}

#serverbrowser .servers-list tr .icon {
    background: url("../serverguide/icons_server.png") no-repeat left top;
    margin: 0px;
    padding: 0px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
}

#serverbrowser .servers-list tr .punkbuster.icon {
    background-position: -141px -166px;
}

#serverbrowser .servers-list tr .on.punkbuster.icon {
    background-position: -142px -128px;
}

#serverbrowser .servers-list tr .ranked.icon {
    background-position: -68px -167px;
}

#serverbrowser .servers-list tr .on.ranked.icon {
    background-position: -68px -128px;
}

#serverbrowser .servers-list tr .type.icon {
    background-position: -214px -128px;
}

#serverbrowser .servers-list tr .normal.type.icon {
    background-position: -214px -167px;
}

#serverbrowser .servers-list .server-icons {
    padding: 0px 0px 0px 6px;
}

#serverbrowser .servers-list .active .punkbuster.icon {
    background-position: -142px -128px;
}

#serverbrowser .servers-list .active .on.punkbuster.icon {
    background-position: -141px -166px;
}

#serverbrowser .servers-list .active .ranked.icon {
    background-position: -68px -128px;
}

#serverbrowser .servers-list .active .on.ranked.icon {
    background-position: -68px -167px;
}

#serverbrowser .servers-list img {
    vertical-align: middle;
}

#serverbrowser .servers-list tbody .server-row {
    height: 49px;
    cursor: pointer;
}

#serverbrowser .servers-list tbody :not(.active).server-row:active > td {
    background-color: rgba(7, 7, 7, 0.6);
}

#serverbrowser .servers-list tbody .server-row .favorite {
    width: 20px;
    overflow: hidden;
    padding-right: 0px;
}

#serverbrowser .servers-list tbody .server-row .star {
    margin: 0px auto;
    padding: 0px;
    width: 20px;
    display: block;
}

    #serverbrowser .servers-list tbody .server-row .star::after {
        color: rgba(255, 255, 255, 0.3);
        font-size: 22px;
        display: none;
        position: relative;
        z-index: 1;
        content: "?";
    }

#serverbrowser .servers-list tbody .server-row .server-icons {
    padding: 10px 0px 0px 9px;
}

#serverbrowser .servers-list tbody .server-row:hover .star::after {
    color: rgba(255, 255, 255, 0.3);
    display: block;
}

#serverbrowser .servers-list tbody .server-row .starred.star::after {
    color: rgba(255, 255, 255, 0.3);
    display: block;
}

#serverbrowser .servers-list tbody .server-row .starred.star::after {
    color: white;
}

#serverbrowser .servers-list tbody .server-row .star:hover::after {
    color: white;
}

#serverbrowser .servers-list tbody .loading-info.server-row td.map .loader {
    display: block;
}

#serverbrowser .servers-list tbody .server-row td {
    padding: 6px;
    line-height: 28px;
    font-size: 12px;
}

    #serverbrowser .servers-list tbody .server-row td:first-child {
        width: 18px;
    }

    #serverbrowser .servers-list tbody .server-row td.map {
        width: 48px;
        line-height: 1;
        position: relative;
    }

        #serverbrowser .servers-list tbody .server-row td.map .loader {
            left: 21px;
            top: 50%;
            margin-top: -13px;
            display: none;
            position: absolute;
        }

        #serverbrowser .servers-list tbody .server-row td.map .map-thumb {
            width: auto;
        }

    #serverbrowser .servers-list tbody .server-row td.server {
        overflow: hidden;
        min-width: 50px;
        max-width: 480px;
    }

        #serverbrowser .servers-list tbody .server-row td.server .server-name {
            line-height: 16px;
            overflow: hidden;
            font-size: 14px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

        #serverbrowser .servers-list tbody .server-row td.server .server-details {
            color: rgb(168, 168, 168);
            line-height: 12px;
            overflow: hidden;
            font-size: 11px;
            margin-top: 2px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

            #serverbrowser .servers-list tbody .server-row td.server .server-details .country-flag {
                margin-top: -2px;
                margin-right: 5px;
                float: left;
            }

        #serverbrowser .servers-list tbody .server-row td.server .friends-playing {
            top: 0px;
            right: 8px;
            bottom: 0px;
            line-height: 48px;
            position: absolute;
        }

    #serverbrowser .servers-list tbody .server-row td.players {
        width: 55px;
        text-align: center;
    }

    #serverbrowser .servers-list tbody .server-row td.ping {
        width: 40px;
        text-align: center;
        color: rgb(168, 168, 168);
        font-size: 11px;
    }

    #serverbrowser .servers-list tbody .server-row td.server-icons {
        width: 22px;
    }

html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row {
    -webkit-filter: drop-shadow(0 0 7px #e0f4f8);
    -moz-filter: drop-shadow(0 0 7px #e0f4f8);
    -o-filter: drop-shadow(0 0 7px #e0f4f8);
}

    html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row .server-name {
        font-weight: bold;
    }

    html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row .star::after {
        color: rgba(0, 0, 0, 0.3);
    }

    html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row .starred.star::after {
        color: rgba(0, 0, 0, 0.9) !important;
    }

    html:not(.is-touch) #serverbrowser .servers-list tbody .active.server-row .star:hover::after {
        color: rgba(0, 0, 0, 0.9) !important;
    }

.is-touch #serverbrowser aside .action-buttons-container .favorite-toggle {
    margin-top: 8px;
}

.is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle .add-text {
    display: none;
}

.is-touch #serverbrowser aside .action-buttons-container .starred.favorite-toggle .remove-text {
    display: inline;
}

.is-touch #serverbrowser aside .action-buttons-container .favorite-toggle .remove-text {
    display: none;
}

#serverbrowser-show .join.btn {
    margin-top: 8px;
}

#serverbrowser-show .settings {
    margin-top: -10px;
}

    #serverbrowser-show .settings li {
        color: rgb(168, 168, 168);
        line-height: 16px;
        clear: both;
        font-size: 12px;
        margin-top: 10px;
        display: block;
    }

        #serverbrowser-show .settings li b {
            text-align: right;
            color: rgb(255, 255, 255);
            padding-right: 5px;
            margin-right: 5px;
            float: right;
            max-width: 130px;
        }

        #serverbrowser-show .settings li .icon {
            margin-top: -4px;
            margin-right: 2px;
            vertical-align: middle;
        }

#serverbrowser-show .quick-info {
    background-position: center;
    width: auto;
    height: 160px;
    overflow: hidden;
    position: relative;
}

    #serverbrowser-show .quick-info::before {
        background: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        position: absolute;
        content: "";
    }

    #serverbrowser-show .quick-info .holder {
        padding: 16px;
        bottom: 0px;
        position: absolute;
    }

    #serverbrowser-show .quick-info .player-count {
        padding: 0px 5px;
    }

    #serverbrowser-show .quick-info .map-info li {
        padding: 0px 5px;
    }

    #serverbrowser-show .quick-info li {
        height: 18px;
        line-height: 18px;
        float: left;
    }

    #serverbrowser-show .quick-info .player-count {
        font-size: 18px;
        margin-bottom: 2px;
    }

    #serverbrowser-show .quick-info .holder ul {
        float: left;
    }

        #serverbrowser-show .quick-info .holder ul.friends li {
            padding: 0px 5px;
        }

    #serverbrowser-show .quick-info .map-info {
        color: rgb(238, 238, 238);
        font-size: 12px;
    }

        #serverbrowser-show .quick-info .map-info img {
            vertical-align: middle;
        }

#serverbrowser-show #serverbrowser-show-serverjoin {
    margin-top: 5px;
}

#serverbrowser-show .box {
    margin-top: 8px;
}

#serverbrowser-show footer {
    padding: 0px;
}

    #serverbrowser-show footer a {
        padding: 16px;
        text-decoration: none;
        display: block;
    }

    #serverbrowser-show footer:hover {
        background-color: rgba(7, 7, 7, 0.6);
    }

#serverbrowser-recommended-servers ul {
    overflow: hidden;
}

    #serverbrowser-recommended-servers ul.row-tight .server.span2 {
        width: 330px;
    }

#serverbrowser-recommended-servers .loader {
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
}

#serverbrowser-recommended-servers .toggle {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    #serverbrowser-recommended-servers .toggle .serverbrowser-toggler {
        top: 1px;
        right: 10px;
        color: rgb(170, 170, 170);
        float: right;
        position: absolute;
    }

        #serverbrowser-recommended-servers .toggle .serverbrowser-toggler::after {
            text-align: center;
            padding-right: 3px;
            font-size: 21px;
            float: right;
            content: "-";
        }

    #serverbrowser-recommended-servers .toggle:hover .serverbrowser-toggler {
        color: rgb(255, 255, 255);
    }

.collapsed#serverbrowser-recommended-servers .toggle .serverbrowser-toggler {
    top: 2px;
}

    .collapsed#serverbrowser-recommended-servers .toggle .serverbrowser-toggler::after {
        text-align: center;
        padding-right: 0px;
        font-size: 21px;
        float: right;
        content: "+";
    }

#serverbrowser-recommended-servers .server {
    background: rgba(7, 7, 7, 0.6);
    height: 160px;
    overflow: hidden;
    display: table;
    position: relative;
}

    #serverbrowser-recommended-servers .server img {
        transition: 0.5s;
        top: 0px;
        width: 100%;
        bottom: 0px;
        position: absolute;
        opacity: 1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }

        #serverbrowser-recommended-servers .server img.show-on-load {
            opacity: 0;
        }

    #serverbrowser-recommended-servers .server::before {
        background: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        position: absolute;
        z-index: 1;
        content: "";
    }

    #serverbrowser-recommended-servers .server > header {
        padding: 8px 16px;
        left: 0px;
        top: 0px;
        right: 0px;
        position: absolute;
        z-index: 2;
        min-height: 37px;
        background-color: rgba(0, 0, 0, 0.9);
    }

        #serverbrowser-recommended-servers .server > header .recommendation {
            color: rgb(168, 168, 168);
            line-height: 14px;
            font-size: 12px;
        }

        #serverbrowser-recommended-servers .server > header .server-name {
            color: rgb(255, 255, 255);
            line-height: 22px;
            overflow: hidden;
            font-size: 14px;
            text-decoration: none;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

        #serverbrowser-recommended-servers .server > header .server-details {
            color: rgb(168, 168, 168);
            line-height: 18px;
            font-size: 12px;
        }

    #serverbrowser-recommended-servers .server button {
        right: 16px;
        bottom: 16px;
        margin-left: 8px;
        position: absolute;
        z-index: 2;
    }

    #serverbrowser-recommended-servers .server > .server-info {
        left: 16px;
        bottom: 22px;
        color: rgb(255, 255, 255);
        font-size: 11px;
        position: absolute;
        z-index: 2;
    }

        #serverbrowser-recommended-servers .server > .server-info p {
            top: 7px;
            height: 32px;
            line-height: 16px;
            font-size: 12px;
            vertical-align: bottom;
            display: table-cell;
            position: relative;
        }

            #serverbrowser-recommended-servers .server > .server-info p span {
                display: block;
            }

                #serverbrowser-recommended-servers .server > .server-info p span.map {
                    width: 126px;
                    overflow: hidden;
                    white-space: nowrap;
                    -ms-text-overflow: ellipsis;
                }

    #serverbrowser-recommended-servers .server > .players {
        left: 16px;
        top: 61px;
        position: absolute;
        z-index: 2;
    }

        #serverbrowser-recommended-servers .server > .players .avatar {
            width: 32px;
            height: 32px;
            margin-right: 2px;
            float: left;
        }

#serverbrowser-filters .toggle {
    padding: 0px 16px;
    color: rgb(170, 170, 170);
    line-height: 32px;
    overflow: hidden;
    font-family: Arial, sans-serif !important;
    font-size: 12px;
    margin-right: 37px;
    position: relative;
    cursor: pointer;
}

    #serverbrowser-filters .toggle em {
        background: url("../base/shared/search-icon-white.png") no-repeat 0px 1px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        padding-left: 18px;
    }

    #serverbrowser-filters .toggle:hover .serverbrowser-toggler {
        color: rgb(255, 255, 255);
    }

    #serverbrowser-filters .toggle #custom-filter-list-content {
        overflow: hidden;
        vertical-align: top;
        display: inline-block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        max-width: 725px;
    }

    #serverbrowser-filters .toggle ul {
        margin: 0px;
        padding: 0px;
        display: inline;
    }

    #serverbrowser-filters .toggle li {
        margin: 0px;
        padding: 0px;
        display: inline;
    }

    #serverbrowser-filters .toggle ul {
        list-style: none;
    }

    #serverbrowser-filters .toggle li {
        margin: 0px 6px 0px 0px;
        text-transform: none;
    }

    #serverbrowser-filters .toggle .outerarrow {
        top: 1px;
    }

#serverbrowser-filters .serverbrowser-refresh {
    padding: 0px;
    width: 36px;
    height: 32px;
    text-align: center;
    color: rgb(168, 168, 168);
    line-height: 32px;
    font-size: 21px;
    float: right;
    cursor: pointer;
}

    #serverbrowser-filters .serverbrowser-refresh:hover {
        color: rgb(255, 255, 255);
    }

.expanded#serverbrowser-filters .toggle .arrow {
    margin-top: -9px;
    border-top-color: transparent;
    border-bottom-color: rgb(255, 255, 255);
}

.expanded#serverbrowser-filters .filters-container {
    display: block;
}

.advanced-expanded.expanded#serverbrowser-filters .advanced-filters {
    display: block;
}

.advanced-expanded.expanded#serverbrowser-filters .button-row .arrow {
    margin-top: -9px;
    border-top-color: transparent;
    border-bottom-color: rgb(255, 255, 255);
}

#serverbrowser-filters .btn-primary {
    margin-left: 10px;
}

#serverbrowser-filters .filters-container {
    display: none;
}

#serverbrowser-filters .advanced-filters {
    display: none;
}

#serverbrowser-filters .box-content {
    overflow: hidden;
    position: relative;
}

    #serverbrowser-filters .box-content .serverbrowser-filter {
        background: rgb(236, 236, 236);
        padding: 2px 0px;
        width: 132px;
        height: 100%;
        overflow: hidden;
        border-top-color: rgb(218, 218, 217);
        border-right-color: rgb(225, 225, 225);
        border-top-width: 0px;
        border-right-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        float: left;
        position: relative;
    }

    #serverbrowser-filters .box-content .filterextra .serverbrowser-filter {
        width: 218px;
    }

#serverbrowser-filters .row-tight {
    overflow: hidden;
    padding-bottom: 16px;
}

#serverbrowser-filters .filter-col {
    padding-bottom: 1000px;
    margin-top: 0px;
    margin-bottom: -1000px;
}

#serverbrowser-filters .filter-player-settings.filter-col {
    width: 396px;
}

#serverbrowser-filters .filter-col .filter-col {
    margin-top: 1px;
}

section.filter {
    margin-bottom: 16px;
}

section:last-child.filter {
    margin-bottom: 0px;
}

section.filter::after {
    clear: both;
    display: table;
    content: "";
}

section.filter h3 {
    height: 20px;
    color: rgb(138, 138, 138);
    line-height: 20px;
    font-size: 13px;
}

section.filter ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    section.filter ul li {
        background: url("../serverbrowserwarsaw/icon-checkbox-4.png") no-repeat 0px -297px;
        margin: 0px 0px 4px;
        padding: 0px 0px 0px 20px;
        transition: color 0.2s;
        line-height: 14px;
        font-size: 12px;
        cursor: pointer;
        min-height: 20px;
        -webkit-transition: color 0.2s ease;
        -moz-transition: color 0.2s ease;
    }

        section.filter ul li[data-toggle='section'] {
            color: rgb(138, 138, 138) !important;
            text-transform: uppercase;
            line-height: 1.2;
            font-family: Purista, sans-serif;
            font-size: 13px;
            font-style: normal;
            font-weight: 600;
        }

        section.filter ul li.plain {
            background: none;
            padding-left: 0px;
        }

        section.filter ul li:hover {
            background-position: 0px -396px;
        }

        section.filter ul li.on:hover {
            background-position: 0px -97px;
        }

        section.filter ul li.on {
            background-position: 0px 4px;
            color: rgb(209, 255, 190);
        }

        section.filter ul li.off {
            background-position: 0px -796px;
            color: rgb(255, 202, 207);
        }

        section.filter ul li.filter-range {
            min-height: 20px;
        }

            section.filter ul li.filter-range input {
                padding: 1px 2px;
                width: 65px;
                text-align: center;
            }

section.filter label {
    top: 2px;
    position: relative;
    cursor: pointer;
}

    section.filter label.premium {
        background: url("../premium/icon-p-s.png") no-repeat right;
        padding-right: 18px;
        display: inline-block;
    }

    section.filter label img.icon {
        margin: -3px 4px 0px -4px;
        vertical-align: middle;
    }

section.filter a.popup {
    top: 2px;
    position: relative;
}

    section.filter a.popup::after {
        clear: both;
        display: table;
        content: "";
    }

section.filter select {
    display: none;
}

section.filter input[type='checkbox'] {
    display: none;
}

section.filter input[disabled] + label {
    opacity: 0.5;
}

section.filter #serverbrowser-open-advanced-link {
    margin: 0px;
    padding: 0px;
    top: 2px;
    float: none;
}

section.filter #serverbrowser-open-region-link {
    margin: 0px;
    padding: 0px;
    top: 2px;
    float: none;
}

section.gameexpansion-filter.filter li {
    margin-bottom: 16px;
}

section.split.filter ul li {
    width: 157px;
    margin-right: 4px;
    float: left;
}

section.filter .filter-range label {
    display: inline-block;
    max-width: 185px;
}

section.xpack-filter.filter .section label {
    float: left;
}

    section.xpack-filter.filter .section label img.icon {
        margin-top: 0px;
        float: left;
    }

.bool-filter.popup-serveradvancedfilter-value {
    width: 100%;
    clear: both;
    position: relative;
}

#serverbrowser-filterstring em {
    font-style: normal;
    text-decoration: none;
    margin-right: 5px;
}

#serverbrowser-filterstring strong {
    font-style: normal;
    text-decoration: none;
}

#serverbrowser-filterstring label {
    margin-right: 3px;
    margin-left: 3px;
}

#server-page > header {
    margin-bottom: 8px;
}

    #server-page > header p {
        margin-bottom: 16px;
    }

    #server-page > header button {
        width: 220px;
        display: block;
    }

        #server-page > header button + button {
            margin-top: 8px;
        }

#server-page .ping-bar {
    margin-bottom: -1px;
}

#server-page h5 {
    text-transform: none;
}

#server-page-map-rotation .scroll-area {
    overflow: hidden;
}

#server-page-map-rotation table {
    /*margin-top: 1px;*/
    margin-bottom: 0px;
}

#server-page-map-rotation td {
    padding: 1px;
    width: 178px;
    height: 130px;
    margin-bottom: 8px;
    vertical-align: top;
}

    #server-page-map-rotation td.active {
        border: solid 1px transparent;
        color: black;
        /*box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);*/
        background-color: white;
    }
	
    #server-page-map-rotation td.next {
        border: solid 1px transparent;
        color: white;
        /*box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);*/
        background-color: black;
    }	

    #server-page-map-rotation td.normal {
        border: solid 1px transparent;
        color: white;
        /*box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);*/
        background-color: rgba(7, 7, 7, 0.6);
    }
	
        #server-page-map-rotation td.active .xp-icon {
            border: 1px solid rgb(0, 0, 0);
            border-image: none;
        }

    #server-page-map-rotation td:last-child {
        width: auto;
    }

    #server-page-map-rotation td .map-image {
        width: auto;
        height: 90px;
        display: block;
        min-width: 146px;
        background-repeat: no-repeat;
        background-size: cover;
    }

	#server-page-map-rotation td .map-type {
	background-color: rgba(7, 7, 7, 0.4);
	height: 15px;
	width: auto;
	min-width: 146px;
	position: relative;
	color: white;
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
		}

    #server-page-map-rotation td .xp-icon {
        margin-top: -34px;
        margin-left: 6px;
        float: left;
    }

    #server-page-map-rotation td p {
        padding: 5px 14px 4px;
        line-height: 16px;
        font-size: 12px;
    }

        #server-page-map-rotation td p span {
            color: rgb(168, 168, 168);
        }

    #server-page-map-rotation td.xpack p {
        padding-left: 32px;
    }

#server-page-map-rotation .no-maps-rotation {
    text-align: center;
    vertical-align: middle;
}

#server-page-map-rotation .jspHorizontalBar .jspTrack {
    background: rgba(7, 7, 7, 0.6);
}

#server-page-settings {
    overflow: hidden;
    margin-bottom: 16px;
}

    #server-page-settings .span2 .box-content {
        padding-bottom: 500px;
        margin-bottom: -484px;
    }

    #server-page-settings dl {
        padding-bottom: 6px;
        font-size: 11px;
        margin-bottom: 7px;
        border-bottom-color: rgba(255, 255, 255, 0.1);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        #server-page-settings dl dt {
            /*color: rgb(168, 168, 168);*/
            text-transform: uppercase;
            float: left;
        }

        #server-page-settings dl dd {
            float: right;
        }

            #server-page-settings dl dd .icon {
                margin-top: -1px;
                vertical-align: top;
            }

        #server-page-settings dl:last-child {
            margin: 0px;
            padding: 0px;
            border-bottom-color: currentColor;
            border-bottom-width: 0px;
            border-bottom-style: none;
        }

#server-page-join-buttons {
    padding: 16px 0px 0px;
    background-color: transparent;
}

    #server-page-join-buttons .btn + .btn {
        margin-left: 8px;
    }

#server-page-slot-info {
    margin-top: 15px;
}

    #server-page-slot-info dl {
        padding-bottom: 3px;
        font-size: 11px;
    }

        #server-page-slot-info dl dt {
            color: rgb(168, 168, 168);
            text-transform: uppercase;
            float: left;
        }

        #server-page-slot-info dl dd {
            float: right;
        }

        #server-page-slot-info dl:last-child {
            margin: 0px;
            padding: 0px;
            border-bottom-color: currentColor;
            border-bottom-width: 0px;
            border-bottom-style: none;
        }

#server-page-info .box header {
    text-align: center;
}

#server-page-info .box section {
    padding: 16px;
    height: 78px;
    text-align: center;
}

    #server-page-info .box section h5 {
        margin: 0px;
        line-height: 24px;
        font-size: 22px;
    }

#server-page-info .icon-servertype-large {
    width: 19px;
    height: 27px;
    margin-bottom: -8px;
}

#server-page-info .icon-servertype-large-1 {
    background: url("../serverguide/icon-rank-official-l.png") no-repeat left top;
}

#server-page-info .icon-servertype-large-2 {
    background: url("../serverguide/icon-rank-ranked-l.png") no-repeat left top;
}

#server-page-info .icon-servertype-large-4 {
    background: url("../serverguide/icon-rank-unranked-l.png") no-repeat left top;
}

#server-page-info .icon-servertype-large-8 {
    background: url("../serverguide/icon-rank-private-l.png") no-repeat left top;
}

#server-page-gamemode {
    margin-bottom: 1px;
}

    #server-page-gamemode p {
        line-height: 14px;
        font-size: 14px;
    }

    #server-page-gamemode .flag {
        margin: 0px 8px -1px;
    }

    #server-page-gamemode .common-gameicon-hori {
        margin-bottom: -2px;
    }

    #server-page-gamemode .common-gameexpansion {
        margin-bottom: -2px;
    }

.serverbrowser-invite-item {
    height: 26px;
    line-height: 26px;
    clear: both;
    margin-bottom: 6px;
}

#serverbrowser-serverfilter-configure .base-link {
    font-weight: normal;
}

.serverbrowser-invite-avatar {
    float: left;
}

.serverbrowser-invite-username {
    float: left;
}

.popover {
    min-width: 200px;
}

body.premium #base-header .grid-container.premium-bg {
    background: transparent url("../img/overlay-p.png") no-repeat scroll 0px -48px;
    width: 992px;
    height: 48px;
    position: relative;
}

body.premium #base-header .premium-bg.fade {
    background-position: 0px 0px;
    transition: background-position 1s linear 1s;
}


.serverbrowser-invite-status {
    width: 100px;
    text-align: right;
    float: right;
}

.serverbrowser-invite-list-container {
    margin-top: 16px;
}

.serverbrowser-invite-username {
    width: 160px;
    overflow: hidden;
    margin-left: 6px;
}

.serverbrowser-invite-status {
    width: 100px;
    font-size: 11px;
}

.serverbrowser-invite-text {
    width: 75px;
    text-align: left;
    padding-left: 6px;
    float: left;
    display: block;
}

.serverbrowser-invite-img-waiting {
    width: 16px;
    height: 16px;
    margin-top: 5px;
    float: left;
}

.serverbrowser-invite-img-joining {
    width: 16px;
    height: 16px;
    margin-top: 5px;
    float: left;
}

.serverbrowser-invite-img-declined {
    width: 16px;
    height: 16px;
    margin-top: 5px;
    float: left;
}

.serverbrowser-invite-img-waiting {
    background: url("../serverguide/invited_loader.gif");
}

.serverbrowser-invite-img-joining {
    background: url("../serverguide/invited_status.png");
    width: 11px;
    height: 11px;
    margin-top: 8px;
    margin-left: 2px;
}

.serverbrowser-invite-img-declined {
    background: url("../serverguide/invited_status.png") 0px 11px;
    width: 11px;
    height: 11px;
    margin-top: 8px;
}

#serverbrowser-search-container {
    margin: 0px auto;
    top: 122px;
    width: 992px;
    height: 33px;
    position: relative;
}

#serverbrowser-search {
    background: url("../serverguide/search.png") white;
    width: 405px;
    height: 34px;
    clear: both;
}

#serverbrowser-search-input {
    background-position: 5px 10px;
    padding: 8px 8px 8px 23px;
    width: 123px;
    font-size: 14px;
    background-image: url("../base/shared/search-icon-white.png");
    background-repeat: no-repeat;
}

#serverbrowser-search-button {
    background: url("../serverguide/search-button.png");
    border: 0px currentColor;
    border-image: none;
    width: 21px;
    height: 28px;
    margin-top: 3px;
    float: left;
    cursor: pointer;
}

#serverbrowser-content {
    width: 100%;
}

    #serverbrowser-content .common-box-inner-border {
        border-top-color: currentColor;
        border-right-color: currentColor;
        border-left-color: currentColor;
        border-top-width: 0px;
        border-right-width: 0px;
        border-left-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        border-right-width-value: 1px;
        border-left-width-value: 1px;
    }

.serverbrowser-selectable span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 20px;
    text-shadow: none;
}

.serverbrowser-include.serverbrowser-selectable span {
    font-weight: bold;
}

.serverbrowser-noinclude.serverbrowser-selectable span {
    font-weight: bold;
}

#serverbrowser-apply-filters .serverbrowser-filter-search {
    width: 440px;
    height: 49px;
    text-align: left;
    bottom: -2px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
    position: absolute;
}

    #serverbrowser-apply-filters .serverbrowser-filter-search h1 {
        top: 17px;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: bold;
        margin-left: 14px;
        float: left;
        position: relative;
    }

    #serverbrowser-apply-filters .serverbrowser-filter-search input {
        top: -3px;
        margin-left: 10px;
        float: left;
        position: relative;
    }

#serverbrowser-filters .serverbrowser-filter-game {
    width: 227px;
    height: 160px;
}

#serverbrowser-filters .serverbrowser-filter-search {
    width: 227px;
    height: 100px;
}

#serverbrowser-filters .filtergameexpansionvenice {
    width: 228px;
    float: left;
}

#serverbrowser-filters .filtergameexpansion {
    width: 184px;
    margin-left: 16px;
    float: left;
}

#serverbrowser-filters .serverbrowser-filter-gamemode {
    width: 403px;
    border-right-color: currentColor;
    border-right-width: medium;
    border-right-style: none;
    min-height: 0px;
}

#serverbrowser-filters .serverbrowser-filter-region {
    width: 227px;
    height: 136px;
}

#serverbrowser-filters .serverbrowser-filter-slots {
    width: 139px;
    height: 404px;
    position: relative;
}

#serverbrowser-filters .serverbrowser-filter-gametype {
    height: 49px;
}

#serverbrowser-filters .serverbrowser-filter-extra {
    height: 100%;
    min-height: 404px;
}

#serverbrowser-filters .serverbrowser-filter-map {
    padding: 0px;
    width: 403px;
    height: 267px;
    border-right-color: currentColor;
    border-right-width: 0px;
    border-right-style: none;
}

#serverbrowser-filters .serverbrowser-filter-mapmode-wrapper {
    background: rgb(236, 236, 236);
    width: 403px;
    border-right-color: currentColor;
    border-right-width: 0px;
    border-right-style: none;
    float: left;
    -ms-overflow-y: auto;
    min-height: 328px;
    max-height: 428px;
}

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-name {
    width: 100%;
    height: 30px;
    clear: both;
    float: left;
    position: relative;
}

    #serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-name h1 {
        text-align: left;
        text-transform: uppercase;
        clear: both;
        font-family: Tahoma, Arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin-top: 12px;
        margin-right: 0px;
        margin-left: 16px;
        float: left;
        position: relative;
        text-shadow: none;
        -webkit-user-select: text;
        -moz-user-select: text;
        user-select: text;
    }

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables {
    width: 100%;
    padding-bottom: 3px;
    position: relative;
}

#serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables {
    padding-bottom: 4px;
}

    #serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable {
        width: 184px;
        height: 21px;
        line-height: 21px;
        overflow: hidden;
        clear: none;
        margin-top: 2px;
        margin-left: 16px;
        float: left;
        white-space: nowrap;
        position: relative;
        -ms-text-overflow: ellipsis;
    }

    #serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables .multicolumn.serverbrowser-selectable {
        clear: none;
        float: left;
    }

    #serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables .second.multicolumn.serverbrowser-selectable {
        margin-left: 10px;
    }

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-label {
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
    margin-right: 8px;
    float: left;
    text-shadow: 0px 1px 1px #fff;
}

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable {
    margin: 0px 0px 2px 16px;
    width: 85%;
    text-align: left;
    line-height: 16px;
    clear: both;
    float: left;
    display: block;
    position: relative;
    cursor: pointer;
}

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable-small.serverbrowser-selectable {
    margin: 8px 34px 8px 0px;
    width: 41px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}

.serverbrowser-selectable {
    font-size: 13px;
    font-weight: normal;
    text-shadow: 0px 1px 1px #fff;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
}

.serverbrowser-filter-map#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-selectable span {
    top: 1px;
    width: 120px;
    display: block;
}

#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-exclude.serverbrowser-selectable:hover span {
    color: rgb(53, 53, 53);
    font-weight: bold;
}

#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-disabled.serverbrowser-selectable span {
    color: rgb(199, 199, 199);
}

.serverbrowser-filter-map#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-disabled.serverbrowser-selectable img {
    opacity: 0.3;
}

#serverbrowser-filters .serverbrowser-filter-selectables .serverbrowser-selectable-small.serverbrowser-selectable span {
    margin-left: 0px;
}

#serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-game .serverbrowser-filter-selectables .serverbrowser-selectable {
    height: 51px;
}

#serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-game .serverbrowser-filter-selectables .serverbrowser-selectable-game-bfbc2.serverbrowser-selectable .ticbox {
    top: 10px;
}

#serverbrowser-filters .serverbrowser-filter.serverbrowser-filter-game .serverbrowser-filter-selectables .serverbrowser-selectable-game-bfbc2nam.serverbrowser-selectable .ticbox {
    top: 18px;
}

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable .serverbrowser-selectable-background-icon {
    left: 20px;
    width: 150px;
    position: relative;
    z-index: 0;
}

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-exclude.serverbrowser-selectable .serverbrowser-selectable-background-icon {
    opacity: 0.7;
}

    #serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-exclude.serverbrowser-selectable .serverbrowser-selectable-background-icon:hover {
        opacity: 1;
    }

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable#serverbrowser-squaddeathmatch .serverbrowser-selectable-background-icon {
    top: 7px;
}

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable#serverbrowser-squadrush .serverbrowser-selectable-background-icon {
    top: 6px;
}

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable#serverbrowser-rush .serverbrowser-selectable-background-icon {
    top: 6px;
}

#serverbrowser-filters .serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-filter-gamemode-item.serverbrowser-selectable {
    width: 184px;
    clear: none;
    float: left;
}

.ticbox {
    background: url("../serverbrowserwarsaw/icon-checkbox-4.png") no-repeat;
    left: 0px;
    top: 6px;
    width: 10px;
    height: 10px;
    position: absolute;
}

.serverbrowser-exclude .ticbox {
    background-position: 0px -301px;
}

.serverbrowser-exclude:hover .ticbox {
    background-position: 0px -400px;
}

.serverbrowser-include .ticbox {
    background-position: 0px 0px;
}

.serverbrowser-include:hover .ticbox {
    background-position: 0px -101px;
}

.serverbrowser-noinclude .ticbox {
    background-position: 0px -800px;
}

.serverbrowser-noinclude:hover .ticbox {
    background-position: 0px -800px;
}

.serverbrowser-disabled .ticbox {
    background-position: 0px -40px;
    opacity: 0.4;
}

.serverbrowser-disabled:hover {
    background-position: 0px -40px;
    cursor: default !important;
}

.serverbrowser-selectable-small.serverbrowser-include {
    background: url("../serverguide/bfbc2/selectable-small.png");
    width: 41px;
    height: 28px;
}

.serverbrowser-selectable-small.serverbrowser-exclude {
    background: url("../serverguide/bfbc2/selectable-small.png") 0px 56px;
}

.serverbrowser-selectable-small:hover {
    background: url("../serverguide/bfbc2/selectable-small.png") 0px 28px;
}

.serverbrowser-ignore {
    background: rgb(153, 153, 153);
    border: 1px solid rgb(102, 102, 102);
    border-image: none;
}

#serverbrowser-filters .serverbrowser-filter-map.serverbrowser-filter .serverbrowser-filter-selectables .serverbrowser-selectable img {
    margin: 0px -9px 0px 18px;
    width: 30px;
    height: 21px;
    float: left;
}

#serverbrowser-apply-filters {
    text-align: right;
    margin-top: 16px;
}

#serverbrowser-open-region-link {
    top: 4px;
    font-weight: normal;
    margin-left: 10px;
    float: left;
    position: relative;
}

#serverbrowser-open-advanced-link {
    top: 4px;
    font-weight: normal;
    margin-left: 10px;
    float: left;
    position: relative;
}

#serverbrowser-show-loading {
    width: 195px;
    display: none;
}

    #serverbrowser-show-loading img {
        left: 85px;
        top: 5px;
        position: relative;
    }

#serverbrowser-noservers .box-content {
    text-align: center;
}

    #serverbrowser-noservers .box-content p {
        background: none;
        font-size: 16px;
    }

    #serverbrowser-noservers .box-content h1 {
        font-size: 30px;
        font-weight: bold;
    }

.serverbrowser-list {
    width: 681px;
    margin-bottom: 16px;
    float: left;
    position: relative;
}

    .serverbrowser-list .common-box-container {
        border-top-color: currentColor;
        border-top-width: medium;
        border-top-style: none;
    }

#serverbrowser-result {
    width: 679px;
    border-bottom-width: 0px;
}

    #serverbrowser-result #results-container {
        position: relative;
    }

#serverbrowser-apply-filters #serverbrowser-join-random span {
    margin-left: 10px;
}

#serverbrowser-result p {
    background: rgb(238, 238, 236);
    padding: 20px;
    font-size: 14px;
    font-weight: normal;
}

#serverbrowser-no-result p {
    padding: 20px;
    font-size: 14px;
    font-weight: normal;
}

.serverbrowser-join-ie7fix {
    padding-left: 5px;
    margin-top: 0px;
}

.serverbrowser-headercells {
    background: url("../common/box-title-gradient-with-lin.png") repeat-x 0px 0px;
    left: 0px;
    top: 0px;
    width: 679px;
    height: 28px;
    position: relative;
    cursor: default;
}

.serverbrowser-bodycells {
    background: rgb(254, 254, 254);
    padding: 1px 0px 0px;
    height: 47px;
    line-height: 47px;
    margin-top: 0px;
    border-top-color: rgb(237, 237, 237);
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
    cursor: pointer;
}

    .serverbrowser-bodycells:hover {
        background-color: rgb(243, 243, 243);
    }

    .serverbrowser-bodycells .serverbrowser-cell-join input[type=submit] {
        visibility: hidden;
    }

.serverbrowser-server-friends-playing {
    background: rgb(231, 238, 241);
    border-top-color: rgb(219, 226, 229);
}

.active.serverbrowser-bodycells {
    background: rgb(53, 53, 53);
    margin-top: 1px;
    border-top-color: currentColor;
    border-top-width: medium;
    border-top-style: none;
    z-index: 10;
}

    .active.serverbrowser-bodycells::before {
        background: rgb(53, 53, 53);
        top: 2px;
        width: 1px;
        height: 44px;
        right: -1px;
        display: block;
        position: absolute;
        content: "";
    }

    .active.serverbrowser-bodycells::after {
        border-width: 26px medium 22px 12px;
        border-style: solid none solid solid;
        border-color: transparent currentColor transparent rgb(53, 53, 53);
        left: 100%;
        top: 0px;
        position: absolute;
        content: "";
    }

.serverbrowser-headercell {
    border: 0px currentColor;
    border-image: none;
    height: 30px;
    line-height: 30px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    float: left;
}

.serverbrowser-bodycell {
    border-width: 0px 1px 0px 0px;
    border-style: none solid none none;
    border-color: currentColor rgb(242, 242, 242) currentColor currentColor;
    border-image: none;
    height: 47px;
    line-height: 30px;
    overflow: hidden;
    padding-right: 1px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    float: left;
}

.serverbrowser-server-friends-playing .serverbrowser-bodycell {
    border-right-color: rgb(224, 231, 233);
}

.serverbrowser-bodycells:hover .serverbrowser-bodycell {
    border-right-color: rgb(232, 232, 232);
}

.active.serverbrowser-bodycells .serverbrowser-bodycell {
    height: 47px;
    border-right-color: rgb(44, 44, 44);
    border-right-width: 1px;
    border-right-style: solid;
}

.serverbrowser-cell-noborder.serverbrowser-bodycell {
    padding-right: 0px;
}

.serverbrowser-bodycell .serverbrowser-bodycell-border {
    width: 1px;
    height: 38px;
    margin-top: 1px;
    float: right;
    position: relative;
    background-color: rgb(242, 242, 242);
}

.active.serverbrowser-bodycells .serverbrowser-bodycell .serverbrowser-bodycell-border {
    background-color: rgb(44, 44, 44);
}

.active.serverbrowser-bodycells .serverbrowser-bodycell a {
    font-weight: bold;
}

.serverbrowser-bodycells .serverbrowser-cell-noborder.serverbrowser-bodycell {
    border: 0px currentColor;
    border-image: none;
}

.serverbrowser-headercell {
    font-size: 11px;
    font-weight: normal;
    position: relative;
    text-shadow: none;
}

.serverbrowser-sort-down {
    background: url("../common/box-title-gradient-active.png") repeat-x 0px 0px;
}

.serverbrowser-sort-up {
    background: url("../common/box-title-gradient-active.png") repeat-x 0px 0px;
}

.serverbrowser-headersep {
    width: 1px;
    height: 28px;
    margin-left: 0px;
    float: left;
    background-color: rgb(215, 215, 215);
}

.serverbrowser-bodycell {
    color: rgb(138, 138, 138);
    line-height: 47px;
    font-size: 11px;
    font-weight: normal;
    margin-top: 0px;
}

.serverbrowser-cell-expansion {
    width: 39px;
    position: relative;
}

    .serverbrowser-cell-expansion > .premium {
        left: 2px;
        top: 2px;
        width: 3px;
        height: 43px;
        position: absolute;
        background-color: rgb(255, 193, 127);
    }

.active.serverbrowser-bodycells .serverbrowser-cell-expansion > .premium {
    background-color: rgb(204, 112, 13);
}

.serverbrowser-cell-expansion.serverbrowser-headercell {
    width: 40px;
}

.serverbrowser-cell-official {
    width: 32px;
    display: none;
}

.serverbrowser-cell-fav {
    width: 32px;
}

.serverbrowser-cell-friendfavs {
    width: 32px;
    text-align: center;
    color: rgb(53, 53, 53);
    font-size: 12px;
    font-weight: bold;
}

.serverbrowser-cell-friend {
    width: 32px;
    text-align: center;
    color: rgb(53, 53, 53);
    font-size: 12px;
    font-weight: bold;
}

.serverbrowser-cell-name {
    width: 418px;
    line-height: normal;
}

.special-column .serverbrowser-cell-name {
    width: 151px;
}

.serverbrowser-cell-players {
    width: 65px;
    font-size: 11px;
}

.serverbrowser-cell-free {
    width: 54px;
}

.serverbrowser-cell-map {
    width: 136px;
    position: relative;
}

.serverbrowser-cell-mode {
    width: 77px;
}

.serverbrowser-cell-type-wrapper {
    width: 22px;
}

    .serverbrowser-cell-type-wrapper .serverbrowser-cell-type {
        height: 26px;
        margin-top: 4px;
    }

.serverbrowser-cell-pb-wrapper {
    width: 23px;
    border-right-color: currentColor;
    border-right-width: medium;
    border-right-style: none;
}

    .serverbrowser-cell-pb-wrapper .serverbrowser-cell-pb {
        height: 26px;
        margin-top: 4px;
    }

.serverbrowser-cell-lock {
    width: 34px;
}

.serverbrowser-cell-ranked-wrapper {
    width: 23px;
    border-right-color: currentColor;
    border-right-width: medium;
    border-right-style: none;
}

    .serverbrowser-cell-ranked-wrapper .serverbrowser-cell-ranked {
        height: 26px;
        margin-top: 4px;
    }

.serverbrowser-cell-ping {
    width: 62px;
}

.serverbrowser-cell-join {
    width: 86px;
}

.serverbrowser-cell-expand {
    width: 12px;
}

.serverbrowser-cellend {
    clear: both;
}

.serverbrowser-favorite-off {
    background-repeat: no-repeat;
}

.serverbrowser-favorite-on {
    background-repeat: no-repeat;
}

.serverbrowser-favorite-header {
    background-repeat: no-repeat;
}

.serverbrowser-friends-off {
    background-repeat: no-repeat;
}

.serverbrowser-friends-on {
    background-repeat: no-repeat;
}

.serverbrowser-friends-header {
    background-repeat: no-repeat;
}

.serverbrowser-friendfavs-header {
    background-repeat: no-repeat;
}

.serverbrowser-password-off {
    background-repeat: no-repeat;
}

.serverbrowser-password-on {
    background-repeat: no-repeat;
}

.serverbrowser-password-header {
    background-repeat: no-repeat;
}

.serverbrowser-punkbuster-on {
    background-repeat: no-repeat;
}

.serverbrowser-punkbuster-off {
    background-repeat: no-repeat;
}

.serverbrowser-ranked-on {
    background-repeat: no-repeat;
}

.serverbrowser-ranked-off {
    background-repeat: no-repeat;
}

.serverbrowser-expansion-header {
    background-repeat: no-repeat;
}

.serverbrowser-official-on {
    background-repeat: no-repeat;
}

.serverbrowser-official-off {
    background-repeat: no-repeat;
}

.serverbrowser-official-header {
    background-repeat: no-repeat;
}

.serverbrowser-friendfavs-header {
    background-position: 11px -44px;
    width: 33px;
    background-image: url("../serverguide/icons_server.png");
}

.serverbrowser-friends-header {
    background-position: 11px -44px;
    width: 33px;
    background-image: url("../serverguide/icons_server.png");
}

.serverbrowser-friendfavs-header {
    background-position: -99px -43px;
}

.serverbrowser-friends-header.serverbrowser-sort-up {
    background-position: 11px -5px;
}

.serverbrowser-friends-header.serverbrowser-sort-down {
    background-position: 11px -5px;
}

.serverbrowser-friendfavs-header.serverbrowser-sort-up {
    background-position: -79px -4px;
}

.serverbrowser-friendfavs-header.serverbrowser-sort-down {
    background-position: -79px -4px;
}

.serverbrowser-ranked-header.serverbrowser-sort-up {
    background-position: -67px -3px;
}

.serverbrowser-ranked-header.serverbrowser-sort-down {
    background-position: -67px -3px;
}

.serverbrowser-pb-header.serverbrowser-sort-up {
    background-position: -138px -3px;
}

.serverbrowser-pb-header.serverbrowser-sort-down {
    background-position: -138px -3px;
}

.serverbrowser-type-header.serverbrowser-sort-up {
    background-position: -212px -4px;
}

.serverbrowser-type-header.serverbrowser-sort-down {
    background-position: -212px -4px;
}

.serverbrowser-cell-type {
    background-image: url("../serverguide/icons_server.png");
}

.serverbrowser-ranked-on {
    background-image: url("../serverguide/icons_server.png");
}

.serverbrowser-punkbuster-on {
    background-image: url("../serverguide/icons_server.png");
}

.serverbrowser-ranked-off {
    background-image: url("../serverguide/icons_server.png");
}

.serverbrowser-punkbuster-off {
    background-image: url("../serverguide/icons_server.png");
}

.serverbrowser-punkbuster-on {
    background-position: -138px 0px;
}

.active.serverbrowser-bodycells .serverbrowser-punkbuster-on {
    background-position: -137px -116px;
}

.serverbrowser-punkbuster-off {
    background-position: -138px -78px;
}

.active.serverbrowser-bodycells .serverbrowser-punkbuster-off {
    background-position: -137px -156px;
}

.serverbrowser-ranked-on {
    background-position: -64px 0px;
}

.active.serverbrowser-bodycells .serverbrowser-ranked-on {
    background-position: -62px -116px;
}

.serverbrowser-ranked-off {
    background-position: -62px -78px;
}

.active.serverbrowser-bodycells .serverbrowser-ranked-off {
    background-position: -62px -156px;
}

.serverbrowser-type-hardcore {
    background-position: -211px 0px;
}

.active.serverbrowser-bodycells .serverbrowser-type-hardcore {
    background-position: -211px -116px;
}

.serverbrowser-type-normal {
    background-position: -211px -78px;
}

.serverbrowser-type-custom {
    background-position: -211px -78px;
}

.active.serverbrowser-bodycells .serverbrowser-type-normal {
    background-position: -211px -156px;
}

.active.serverbrowser-bodycells .serverbrowser-type-infantry {
    background-position: 0px -116px;
}

.active.serverbrowser-bodycells .serverbrowser-type-custom {
    background-position: -211px -156px;
}

.serverbrowser-cell-expansion-normal {
    display: block;
}

.serverbrowser-cell-expansion-hover {
    display: none;
}

.serverbrowser-bodycells:hover .serverbrowser-cell-expansion-normal {
    display: none;
}

.serverbrowser-bodycells:hover .serverbrowser-cell-expansion-hover {
    display: block;
}

.serverbrowser-cell-expansion-button-play {
    background: url("../comcenter/icons-interact.png") -23px 0px;
    border: currentColor;
    border-image: none;
    width: 23px;
    height: 24px;
    margin-top: 11px;
    margin-left: 7px;
    float: left;
    cursor: pointer;
}

    .serverbrowser-cell-expansion-button-play:hover {
        background-position: -46px 0px;
    }

    .serverbrowser-cell-expansion-button-play:active {
        background-position: -69px 0px;
    }

.active.serverbrowser-bodycells .serverbrowser-cell-expansion-button-play {
    background-position: -161px 0px;
}

    .active.serverbrowser-bodycells .serverbrowser-cell-expansion-button-play:hover {
        background-position: -184px 0px;
    }

.active.serverbrowser-bodycells .active.serverbrowser-cell-expansion-button-play {
    background-position: -207px 0px;
}

.active.serverbrowser-bodycells .serverbrowser-cell-expansion-button-play:active {
    background-position: -207px 0px;
}

.base-button-general-dropdown.serverbrowser-cell-expansion-button-play:hover {
    background-position: -92px 0px;
}

.active.base-button-general-dropdown.serverbrowser-cell-expansion-button-play {
    background-position: -115px 0px;
}

.base-button-general-dropdown.serverbrowser-cell-expansion-button-play:active {
    background-position: -115px 0px;
}

.active.serverbrowser-bodycells .base-button-general-dropdown.serverbrowser-cell-expansion-button-play:hover {
    background-position: -230px 0px;
}

.active.serverbrowser-bodycells .active.base-button-general-dropdown.serverbrowser-cell-expansion-button-play {
    background-position: -253px 0px;
}

.active.serverbrowser-bodycells .base-button-general-dropdown.serverbrowser-cell-expansion-button-play:active {
    background-position: -253px 0px;
}

.serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area {
    border: 1px solid rgb(166, 166, 166);
    border-image: none;
    left: 5px;
    top: 35px;
    width: 130px;
}

    .serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area a {
        color: rgb(53, 53, 53) !important;
    }

    .serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area li:hover a {
        color: rgb(255, 197, 0) !important;
    }

.active.serverbrowser-bodycells .serverbrowser-cell-expansion-hover .base-general-dropdown-area span {
    display: block;
}

.serverbrowser-sort-arrow {
    margin: 0px auto;
    left: 0px;
    top: 0px;
    width: 7px;
    height: 4px;
    visibility: hidden;
    position: relative;
    z-index: 10;
}

.serverbrowser-sort-down .serverbrowser-sort-arrow {
    background: url("../serverguide/serverbrowser-sort.gif") no-repeat bottom;
    top: -6px;
    visibility: visible;
}

.serverbrowser-sort-up .serverbrowser-sort-arrow {
    background: url("../serverguide/serverbrowser-sort.gif") no-repeat;
    top: -28px;
    visibility: visible;
}

.serverbrowser-cell-name span {
    padding-top: 8px;
    padding-left: 10px;
    float: left;
}

.serverbrowser-cell-map span {
    padding-top: 8px;
    padding-left: 10px;
    float: left;
}

.serverbrowser-cell-type span {
    padding-top: 8px;
    padding-left: 10px;
    float: left;
}

.serverbrowser-cell-mode span {
    padding-top: 8px;
    padding-left: 10px;
    float: left;
}

.serverbrowser-cell-name .serverbrowser-hasPassword {
    background-position: -288px -13px;
    width: 8px;
    height: 12px;
    margin-top: 7px;
    margin-right: 1px;
    margin-left: 2px;
    float: left;
    background-image: url("../serverguide/icons_server.png");
}

.active.serverbrowser-bodycells .serverbrowser-cell-name .serverbrowser-hasPassword {
    background-position: -288px -131px;
    margin-top: 8px;
}

.serverbrowser-cell-mode span {
    text-transform: capitalize;
}

.serverbrowser-bodycells .serverbrowser-cell-map span {
    padding-left: 49px;
}

.serverbrowser-cell-map img {
    left: 10px;
    top: 8px;
    position: absolute;
}

.serverbrowser-cell-players {
    text-align: center;
}

.serverbrowser-cell-free {
    text-align: center;
}

.serverbrowser-cell-pb {
    text-align: center;
}

.serverbrowser-cell-ranked {
    text-align: center;
}

.serverbrowser-cell-ping {
    text-align: center;
}

.serverbrowser-cell-players.serverbrowser-bodycell {
    font-size: 12px;
}

.serverbrowser-cell-players {
    text-align: left;
    padding-left: 10px;
}

.serverbrowser-cell-ping {
    text-align: left;
    padding-left: 10px;
}

.serverbrowser-cell-players.serverbrowser-headercell {
    color: rgb(47, 141, 191);
}

.serverbrowser-cell-ping.serverbrowser-headercell {
    color: rgb(47, 141, 191);
}

.serverbrowser-punkbuster {
    margin-top: 6px;
    margin-right: 32px;
    float: left;
}

.serverbrowser-ranked {
    margin-top: 6px;
    margin-right: 32px;
    float: left;
}

.serverbrowser-slots {
    margin-top: 6px;
    margin-right: 32px;
    float: left;
}

.serverbrowser-cell-name-server-ping-lines-wrapper {
    margin: 20px 6px 0px 0px;
    width: 12px;
    height: 8px;
    float: left;
}

.serverbrowser-cell-name-server-ping-line {
    width: 2px;
    margin-right: 1px;
    float: left;
    background-color: rgb(237, 237, 237);
}

.serverbrowser-bodycells:hover .serverbrowser-cell-name-server-ping-line {
    background-color: rgb(229, 229, 229);
}

.active.serverbrowser-bodycells .serverbrowser-cell-name-server-ping-line {
    background-color: rgb(96, 96, 96);
}

.worst.serverbrowser-cell-name-server-ping-line {
    height: 2px;
    margin-top: 6px;
}

.bad.serverbrowser-cell-name-server-ping-line {
    height: 4px;
    margin-top: 4px;
}

.good.serverbrowser-cell-name-server-ping-line {
    height: 6px;
    margin-top: 2px;
}

.best.serverbrowser-cell-name-server-ping-line {
    height: 8px;
}

.ping-worst.serverbrowser-cell-name-server-ping-lines-wrapper .worst.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(255, 0, 0);
}

.ping-bad.serverbrowser-cell-name-server-ping-lines-wrapper .worst.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(255, 170, 7);
}

.ping-bad.serverbrowser-cell-name-server-ping-lines-wrapper .bad.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(255, 170, 7);
}

.ping-good.serverbrowser-cell-name-server-ping-lines-wrapper .worst.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(153, 184, 57);
}

.ping-good.serverbrowser-cell-name-server-ping-lines-wrapper .bad.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(153, 184, 57);
}

.ping-good.serverbrowser-cell-name-server-ping-lines-wrapper .good.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(153, 184, 57);
}

.ping-best.serverbrowser-cell-name-server-ping-lines-wrapper .worst.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(57, 181, 74);
}

.ping-best.serverbrowser-cell-name-server-ping-lines-wrapper .bad.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(57, 181, 74);
}

.ping-best.serverbrowser-cell-name-server-ping-lines-wrapper .good.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(57, 181, 74);
}

.ping-best.serverbrowser-cell-name-server-ping-lines-wrapper .best.serverbrowser-cell-name-server-ping-line {
    background-color: rgb(57, 181, 74);
}

.serverbrowser-cell-name-server-map-image {
    margin-top: 6px;
    margin-right: 8px;
    float: left;
}

.serverbrowser-cell-name-server-wrapper {
    width: 358px;
    overflow: hidden;
    float: left;
    position: relative;
}

.serverbrowser-cell-name-server-name {
    padding: 7px 0px 3px 2px;
    height: 15px;
    color: rgb(53, 53, 53);
    overflow: hidden;
    font-weight: bold;
    float: left;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    max-width: 345px;
}

body .serverbrowser-cell-name-server-name:hover {
    text-decoration: none;
}

.serverbrowser-cell-name-server-info {
    padding: 1px 0px 0px 2px;
    color: rgb(197, 197, 197);
    font-size: 11px;
    font-weight: normal;
}

    .serverbrowser-cell-name-server-info span {
        padding: 0px 2px;
        top: -1px;
        color: rgb(138, 138, 138);
        float: none;
        position: relative;
    }

.active.serverbrowser-bodycells .serverbrowser-cell-name-server-info {
    color: rgb(138, 138, 138);
}

    .active.serverbrowser-bodycells .serverbrowser-cell-name-server-info span {
        color: rgb(197, 197, 197);
    }

.serverbrowser-name-header-sorting-extra {
    padding: 8px 10px 0px 0px;
    color: rgb(138, 138, 138);
    font-size: 11px;
    font-weight: normal;
    float: right;
}

    .serverbrowser-name-header-sorting-extra a {
        font-size: 11px;
        font-weight: normal;
    }

        .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-up {
            background: none;
            color: rgb(0, 0, 0);
        }

        .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-down {
            background: none;
            color: rgb(0, 0, 0);
        }

        .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-up:hover {
            text-decoration: none;
            cursor: default;
        }

        .serverbrowser-name-header-sorting-extra a.serverbrowser-sort-down:hover {
            text-decoration: none;
            cursor: default;
        }

[data-sorting=map].serverbrowser-list .serverbrowser-cell-name-server-info-map {
    font-weight: bold;
    colohideFooterr: #353535;
}

[data-sorting=friend].serverbrowser-list .serverbrowser-cell-name-server-info-friend {
    font-weight: bold;
    colohideFooterr: #353535;
}

[data-sorting=mode].serverbrowser-list .serverbrowser-cell-name-server-info-mode {
    font-weight: bold;
    colohideFooterr: #353535;
}

#serverbrowser-show-column .serverbrowser-offline-info {
    min-height: 400px;
}

#serverbrowser-show-column .common-secondary-column-line {
    margin: 6px 0px;
    width: 295px;
}

#serverbrowser-show-column .common-secondary-simple-column-line {
    margin: 6px 0px;
    width: 295px;
}

#serverbrowser-show-column .common-gameicon {
    top: 17px;
    margin-right: 5px;
    float: left;
    position: relative;
}

#serverbrowser-show-column h1 {
    width: 264px;
    padding-top: 16px;
    float: left;
    -ms-word-wrap: break-word;
}

#serverbrowser-show-column hr {
    border-width: 0px;
    margin: 10px 0px;
    width: 295px;
    height: 1px;
    color: rgb(223, 223, 223);
    float: left;
    background-color: rgb(223, 223, 223);
}

#serverbrowser-region-serverfilter-popup {
    width: 214px;
    margin-left: 16px;
    float: left;
}

#serverbrowser-country-serverfilter-popup {
    width: 420px;
    float: left;
}

#serverbrowser-region-serverfilter-popup h1 {
    margin: 12px 0px 0px;
    width: 100%;
    text-align: left;
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    line-height: 11px;
    clear: both;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    position: relative;
    text-shadow: none;
}

#serverbrowser-country-serverfilter-popup h1 {
    margin: 12px 0px 0px;
    width: 100%;
    text-align: left;
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    line-height: 11px;
    clear: both;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    position: relative;
    text-shadow: none;
}

.serverbrowser-region-countries {
    display: none;
}

.serverbrowser-region-filter-show {
    width: 100%;
    color: rgb(255, 255, 255);
    line-height: 25px;
    clear: both;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    cursor: pointer;
}

    .serverbrowser-region-filter-show span.label:hover {
        text-decoration: underline;
    }

.showing.serverbrowser-region-filter-show {
    font-weight: bold;
    cursor: default;
}

    .showing.serverbrowser-region-filter-show:hover {
        text-decoration: none;
    }

.region-server-filter div h1 {
    padding-bottom: 16px;
}

.serverbrowser-regionfilter-selectable {
    width: 100%;
    height: 20px;
    line-height: 1.7;
    clear: both;
    font-size: 12px;
    position: relative;
}

    .serverbrowser-regionfilter-selectable:hover {
        font-weight: bold;
    }

.serverbrowser-regionfilter-selectable {
    text-indent: 16px;
}

#popup-serveradvancedfilter-settings-gamesettings .serverguide-advancedfilter-selectable {
    text-indent: 16px;
}

.serverbrowser-regionfilter-selectable .ticbox:hover {
    font-weight: bold;
    cursor: pointer;
}

.serverbrowser-regionfilter-selectable span:hover {
    font-weight: bold;
    cursor: pointer;
}

#popup-serveradvancedfilter-settings-gamesettings .serverguide-advancedfilter-selectable .ticbox:hover {
    font-weight: bold;
    cursor: pointer;
}

#popup-serveradvancedfilter-settings-gamesettings .serverguide-advancedfilter-selectable span:hover {
    font-weight: bold;
    cursor: pointer;
}

.even-column.serverbrowser-regionfilter-selectable {
    width: 200px;
    clear: none;
    float: left;
}

.odd-column.serverbrowser-regionfilter-selectable {
    width: 200px;
    clear: none;
    float: left;
}

.region-server-filter {
    width: 682px;
}

    .region-server-filter h1 {
        width: 100%;
        text-align: left;
        color: rgb(138, 138, 138);
        text-transform: uppercase;
        clear: both;
        font-family: Tahoma, Arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin-top: 12px;
        margin-right: 0px;
        float: left;
        position: relative;
        text-shadow: none;
    }

.advanced-server-filter h1 {
    width: 100%;
    text-align: left;
    color: rgb(138, 138, 138);
    text-transform: uppercase;
    clear: both;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-top: 12px;
    margin-right: 0px;
    float: left;
    position: relative;
    text-shadow: none;
}

#serverbrowser-filters .serverguide-filter #serverbrowser-region-settings-checkbox {
    width: auto;
    float: left;
}

.serverbrowser-show-join-button-wrapper {
    top: 0px;
    right: 0px;
    position: absolute;
}

.serverbrowser-regionfilter-selectable-selectall {
    width: 100%;
    line-height: 24px;
    text-indent: 16px;
    padding-bottom: 6px;
    clear: both;
    position: relative;
}

    .serverbrowser-regionfilter-selectable-selectall:hover {
        font-weight: bold;
        cursor: pointer;
    }

.serverbrowser-regionfilter-selectable {
    width: 100%;
    height: 20px;
    line-height: 1.7;
    clear: both;
    font-size: 12px;
    position: relative;
}

    .serverbrowser-regionfilter-selectable:hover {
        font-weight: bold;
    }

.play-now-menu > ul {
    width: 100%;
    margin-top: 1px;
}

    .play-now-menu > ul > li {
        padding: 0px;
        width: 100%;
        overflow: hidden;
        margin-bottom: 1px;
        position: relative;
        -ms-text-overflow: ellipsis;
    }

        .play-now-menu > ul > li.active > a {
            color: black;
            font-family: Purista, sans-serif;
            font-style: normal;
            font-weight: 600;
            box-shadow: 0px 0px 7px 0px #e0f4f8;
            background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
            background-color: white;
        }

            .play-now-menu > ul > li.active > a:active {
                color: black;
                font-family: Purista, sans-serif;
                font-style: normal;
                font-weight: 600;
                box-shadow: 0px 0px 7px 0px #e0f4f8;
                background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
                background-color: white;
            }

        .play-now-menu > ul > li.premium {
            background: radial-gradient(at center, rgba(255, 239, 123, 0.45) 0%, rgba(255, 184, 0, 0.25) 10%, transparent 70%) no-repeat center -24px;
        }

        .play-now-menu > ul > li .icon-premium-p {
            right: 6px;
            bottom: 6px;
            position: absolute;
        }

        .play-now-menu > ul > li > div {
            background: rgb(24, 41, 55);
            left: 8px;
            top: 8px;
            width: 57px;
            height: 32px;
            position: absolute;
        }

        .play-now-menu > ul > li:not(.active) > a:hover {
            background-color: rgba(7, 7, 7, 0.6);
        }

        .play-now-menu > ul > li > a {
            padding: 8px 0px 8px 80px;
            text-transform: uppercase;
            line-height: 31px;
            overflow: hidden;
            font-family: Purista, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            text-decoration: none;
            display: block;
            white-space: nowrap;
            cursor: pointer;
            -ms-text-overflow: ellipsis;
            background-color: rgba(7, 7, 7, 0.5);
        }

.playnow-tab-content {
    position: relative;
    min-height: 432px;
}

    .playnow-tab-content div.game-mode-image {
        margin: 0px -16px;
        text-align: center;
        overflow: hidden;
        position: relative;
        min-height: 164px;
    }

        .playnow-tab-content div.game-mode-image .image {
            background-position: -329px;
            transition: 0.5s;
            width: 663px;
            height: 164px;
            opacity: 1;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -webkit-filter: blur(0px);
        }

        .playnow-tab-content div.game-mode-image .show-on-load.image {
            opacity: 0;
            -webkit-filter: blur(10px);
        }

        .playnow-tab-content div.game-mode-image .play-button {
            left: 287px;
            top: 37px;
            width: 90px;
            height: 90px;
            position: absolute;
            z-index: 1;
            cursor: pointer;
            opacity: 0.5;
            background-image: url("../serverbrowserwarsaw/playbutton-circle.png");
            background-repeat: no-repeat;
        }

            .playnow-tab-content div.game-mode-image .play-button:hover {
                opacity: 0.75;
            }

    .playnow-tab-content p.objective-text {
        height: 88px;
        text-transform: uppercase;
        line-height: 22px;
        overflow: hidden;
        padding-right: 200px;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 16px;
        -ms-text-overflow: ellipsis;
    }

    .playnow-tab-content .game-mode-objectives {
        width: 450px;
        margin-top: 16px;
        float: left;
    }

        .playnow-tab-content .game-mode-objectives p {
            color: rgb(168, 168, 168);
            line-height: 22px;
            font-size: 12px;
        }

        .playnow-tab-content .game-mode-objectives ul.objectives {
            margin-bottom: 16px;
            list-style-type: disc;
            list-style-position: inside;
        }

            .playnow-tab-content .game-mode-objectives ul.objectives > li {
                padding: 4px;
                color: rgb(168, 168, 168);
                font-size: 14px;
                margin-left: 16px;
                list-style-position: outside;
            }

        .playnow-tab-content .game-mode-objectives ul.maps > li {
            width: 62px;
            height: 42px;
            margin-right: 6px;
            float: left;
        }

        .playnow-tab-content .game-mode-objectives h5 {
            line-height: 22px;
            font-size: 14px;
            margin-bottom: 0px;
        }

    .playnow-tab-content button {
        top: 16px;
        right: 16px;
        position: absolute;
    }

    .playnow-tab-content .game-mode-legends {
        width: 150px;
        margin-top: 16px;
        float: right;
    }

        .playnow-tab-content .game-mode-legends ul > li {
            color: rgb(255, 255, 255);
            text-transform: uppercase;
            font-size: 12px;
            margin-bottom: 4px;
        }

            .playnow-tab-content .game-mode-legends ul > li#legend-squad {
                color: rgb(158, 197, 85);
            }

            .playnow-tab-content .game-mode-legends ul > li#legend-friendly {
                color: rgb(101, 187, 238);
            }

            .playnow-tab-content .game-mode-legends ul > li#legend-friendly-base {
                color: rgb(101, 187, 238);
            }

            .playnow-tab-content .game-mode-legends ul > li#legend-enemy {
                color: rgb(214, 117, 125);
            }

            .playnow-tab-content .game-mode-legends ul > li#legend-enemy-base {
                color: rgb(214, 117, 125);
            }

            .playnow-tab-content .game-mode-legends ul > li span {
                padding-left: 6px;
            }

.legend-icon {
    background: url("../serverbrowserwarsaw/icons-gameexplain.png") no-repeat;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
}

.neutral.legend-icon {
    background-position: 0px 0px;
    opacity: 1;
}

.friendly-base.legend-icon {
    background-position: 0px -25px;
    opacity: 1;
}

.enemy-base.legend-icon {
    background-position: 0px -50px;
    opacity: 1;
}

.squad.legend-icon {
    background-position: 0px -75px;
    opacity: 1;
}

.friendly.legend-icon {
    background-position: 0px -100px;
    opacity: 1;
}

.enemy.legend-icon {
    background-position: 0px -125px;
    opacity: 1;
}

#server-page header .server-buttons + .server-title {
    width: 850px;
}

#server-page header .can-favorite.server-buttons + .server-title {
    width: 760px;
}

#server-page header .server-buttons {
    padding-top: 6px;
}

    #server-page header .server-buttons .btn {
        padding-right: 10px;
        padding-left: 8px;
    }

    #server-page header .server-buttons .refresh.btn {
        line-height: 32px;
        padding-right: 8px;
        padding-left: 8px;
    }

    #server-page header .server-buttons .btn .star {
        padding-right: 5px;
        vertical-align: top;
        display: inline-block;
    }

        #server-page header .server-buttons .btn .star::after {
            color: rgba(255, 255, 255, 0.3);
            font-size: 22px;
            position: relative;
            z-index: 1;
            content: "?";
        }

    #server-page header .server-buttons .starred.btn .star::after {
        color: rgb(255, 255, 255);
    }

#live-header {
    margin-bottom: 4px;
}

    #live-header header {
        padding: 0px 5px 0px 8px;
    }

        #live-header header .switch-container {
            margin-top: 5px;
        }

        #live-header header p {
            margin: -2px 8px 0px 0px;
            line-height: 17px;
            font-size: 13px;
        }

    #live-header .box-content {
        padding: 8px 16px;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 400;
    }

#selected-server-scoreboard .box {
    position: relative;
}

#selected-server-scoreboard .box-content {
    min-height: 32px;
}

#selected-server-scoreboard .error {
    color: rgb(168, 168, 168);
    line-height: 14px;
    font-size: 12px;
}

#selected-server-scoreboard .team {
    color: rgb(255, 159, 128);
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
}

#selected-server-scoreboard :first-child.team {
    color: rgb(148, 205, 243);
}

#selected-server-scoreboard .pull-right.team {
    text-align: right;
}

#selected-server-scoreboard .team .team-score {
    line-height: 24px;
    font-family: Purista, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    margin-top: 4px;
}

#selected-server-scoreboard .progress-bar {
    margin: 1px 8px;
    width: 60px;
}

#selected-server-scoreboard .home.progress-bar {
    background-color: rgba(151, 215, 246, 0.4);
}

#selected-server-scoreboard .away.progress-bar {
    background-color: rgba(233, 167, 137, 0.4);
}

#selected-server-scoreboard .round-time {
    left: 0px;
    width: 100%;
    text-align: center;
    bottom: 16px;
    color: rgb(168, 168, 168);
    line-height: 20px;
    font-size: 12px;
    position: absolute;
}

#selected-server-scoreboard .targets {
    line-height: 12px;
    font-size: 12px;
    margin-bottom: 4px;
}

    #selected-server-scoreboard .targets .target {
        padding: 1px;
        border: 1px solid currentColor;
        border-image: none;
        width: 12px;
        height: 12px;
        text-align: center;
        display: inline-block;
    }

    #selected-server-scoreboard .targets .destroyed.target {
        opacity: 0.3;
    }

#selected-server-scoreboard .lspace {
    letter-spacing: 0.13em;
    margin-right: -0.13em;
}

#selected-server-scoreboard .gamemode-8 .team {
    margin-bottom: 2px;
}

#selected-server-scoreboard .gamemode-8 .team-name {
    width: 56px;
    text-align: right;
    padding-right: 8px;
}

#selected-server-scoreboard .gamemode-8 .team-score {
    margin: 0px;
    width: 36px;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#selected-server-scoreboard .gamemode-8 .progress-bar {
    width: 96px;
    margin-right: 0px;
}

#selected-server-scoreboard .gamemode-8 .round-time {
    line-height: 12px;
    margin-top: 8px;
    position: inherit;
}

#selected-server-scoreboard .gamemode-32 .round-time {
    bottom: 34px;
}

#selected-server-scoreboard .gamemode-268435456 .round-time {
    bottom: 34px;
}

#selected-server-scoreboard .gamemode-8589934592 .round-time {
    bottom: 34px;
}

#selected-server-scoreboard .gamemode-33554432 .round-time {
    top: 19px;
    bottom: auto;
}

#selected-server-scoreboard .gamemode-33554432 .team-score {
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 8px;
}

#selected-server-scoreboard .gamemode-33554432 .objectives {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 600;
    margin-top: 8px;
}

#selected-server-scoreboard .gamemode-2 .team-score {
    color: rgb(148, 205, 243);
}

#selected-server-scoreboard .gamemode-2 :first-child.team-score {
    margin-right: 16px;
}

#selected-server-scoreboard .gamemode-2 :last-child.team-score {
    color: rgb(255, 159, 128);
}

#selected-server-scoreboard .gamemode-2 .progress-bar {
    width: 112px;
}

#selected-server-scoreboard .gamemode-2 .team-name {
    color: rgb(148, 205, 243);
    text-transform: uppercase;
    margin-top: 8px;
}

#selected-server-scoreboard .gamemode-2 .round-time {
    width: auto;
    text-align: right;
    right: 16px;
    bottom: 12px;
}

#selected-server-scoreboard .gamemode-2147483648 .team-score {
    color: rgb(148, 205, 243);
}

#selected-server-scoreboard .gamemode-2147483648 :first-child.team-score {
    margin-right: 16px;
}

#selected-server-scoreboard .gamemode-2147483648 :last-child.team-score {
    color: rgb(255, 159, 128);
}

#selected-server-scoreboard .gamemode-2147483648 .progress-bar {
    width: 112px;
}

#selected-server-scoreboard .gamemode-2147483648 .team-name {
    color: rgb(148, 205, 243);
    text-transform: uppercase;
    margin-top: 8px;
}

#selected-server-scoreboard .gamemode-2147483648 .round-time {
    width: auto;
    text-align: right;
    right: 16px;
    bottom: 12px;
}

#selected-server-scoreboard .gamemode-17179869184 .team-score {
    color: rgb(148, 205, 243);
}

#selected-server-scoreboard .gamemode-17179869184 :first-child.team-score {
    margin-right: 16px;
}

#selected-server-scoreboard .gamemode-17179869184 :last-child.team-score {
    color: rgb(255, 159, 128);
}

#selected-server-scoreboard .gamemode-17179869184 .progress-bar {
    width: 112px;
}

#selected-server-scoreboard .gamemode-17179869184 .team-name {
    color: rgb(148, 205, 243);
    text-transform: uppercase;
    margin-top: 8px;
}

#selected-server-scoreboard .gamemode-17179869184 .round-time {
    width: auto;
    text-align: right;
    right: 16px;
    bottom: 12px;
}

#selected-server-scoreboard .gamemode-34359738368 .pull-left {
    text-align: left;
}

    #selected-server-scoreboard .gamemode-34359738368 .pull-left .link-icon {
        background: url("../serverguide/chainlink-blue.png") no-repeat left top;
    }

#selected-server-scoreboard .gamemode-34359738368 .pull-right {
    text-align: right;
}

    #selected-server-scoreboard .gamemode-34359738368 .pull-right .link-icon {
        background: url("../serverguide/chainlink-orange.png") no-repeat left top;
    }

#selected-server-scoreboard .gamemode-34359738368 .round-time {
    line-height: 70px;
    font-size: 14px;
    font-weight: bold;
}

#server-page-map-rotation .round-status {
    top: 8px;
    right: 8px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    position: absolute;
}

#overview-info {
    margin-bottom: 16px;
}

#overview-info3 {
    margin-bottom: 16px;
}

#overview-info .edit-link {
    background: rgba(7, 7, 7, 0.5);
    padding: 0px 16px;
    transition: opacity 0.1s ease-out;
    line-height: 30px;
    font-size: 11px;
    display: inline-block;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
}

#overview-info .force-visible.edit-link {
    opacity: 1;
}

#overview-info .leaderboard-highlight {
    height: 55px;
    text-transform: uppercase;
    overflow: hidden;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 1px;
}

    #overview-info .leaderboard-highlight .position {
        color: rgb(255, 255, 255);
        line-height: 40px;
        margin-top: 8px;
        margin-left: 8px;
        float: left;
    }

    #overview-info .leaderboard-highlight .icon {
        color: rgb(255, 255, 255);
        line-height: 40px;
        margin-top: 8px;
        margin-left: 8px;
        float: left;
    }

    #overview-info .leaderboard-highlight .description {
        color: rgb(255, 255, 255);
        line-height: 40px;
        margin-top: 8px;
        margin-left: 8px;
        float: left;
    }

    #overview-info .leaderboard-highlight .item-info-icon {
        color: rgb(255, 255, 255);
        line-height: 40px;
        margin-top: 8px;
        margin-left: 8px;
        float: left;
    }

    #overview-info .leaderboard-highlight img {
        height: 40px;
    }

    #overview-info .leaderboard-highlight .position {
        font-size: 23px;
    }

    #overview-info .leaderboard-highlight .description {
        font-size: 19px;
    }

    #overview-info .leaderboard-highlight .item-info-icon {
        background: url("../loadout/icon-info-s.png") no-repeat 0px 0px;
        width: 17px;
        height: 17px;
        margin-top: 19px;
        display: inline-block;
        cursor: pointer;
        opacity: 0.7;
    }

        #overview-info .leaderboard-highlight .item-info-icon:hover {
            opacity: 1;
        }

#overview-info #replay-nodes-container {
    -webkit-transform: translate3d(0, 0, 0);
}

#overview-info .progress-bar-inner {
    -webkit-transform: translate3d(0, 0, 0);
}

#overview-info a:not(.edit-link):hover {
    text-decoration: none;
}

#overview-info .small.overview-info-box {
    margin-top: 0px;
}

    #overview-info .small.overview-info-box .box-content {
        height: 181px;
    }

#overview-info .progress-bar {
    height: 14px;
    overflow: hidden;
    padding-right: 1px;
}

#overview-info .thick.progress-bar .progress-bar-inner {
    height: 16px;
}

#overview-info .progress-bar .warning.progress-bar-inner {
    z-index: 100;
}

#overview-info .progress-bar .success.progress-bar-inner {
    z-index: 50;
}

#overview-info .progress-bar .progress-bar-inner + .progress-bar-inner {
    margin-left: 0px;
}

#overview-info #overview-rank {
    height: 231px;
    position: relative;
}

#overview-info3 #overview-rank {
    height: 400px;
    position: relative;
}

#overview-info #overview-rank > .rank {
    transition: transform 0.5s 0.01s;
    left: 50%;
    top: 20px;
    margin-left: -64px;
    position: absolute;
    -webkit-transition: transform 0.5s ease 0.01s;
    -moz-transition: transform 0.5s ease 0.01s;
}

#overview-info #overview-rank > .highlighted.rank {
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -o-transform: scale(1.12);
}

#overview-info #overview-rank .rank-progress {
    left: 16px;
    right: 16px;
    bottom: 20px;
    position: absolute;
}

#overview-info #overview-rank .assignment-desc-left {
    color: rgb(213, 221, 229);
    position: relative;
    float: left;
    z-index: 150;
}

#overview-info #overview-rank .assignment-desc-right {
    color: rgb(213, 221, 229);
    position: relative;
    float: right;
    z-index: -50;
}

#overview-info #overview-rank .rank-progress3 {
    left: 5px;
    right: 5px;
    bottom: 152px;
    position: absolute;
}

#overview-info #overview-rank .rank-progress4 {
    left: 0px;
    right: 0px;
    bottom: -32px;
    position: absolute;
}

#overview-info #overview-rank .rank-progress5 {
    left: 0px;
    right: 0px;
    bottom: -23px;
    position: absolute;
}

#overview-info #overview-rank .rank-progress6 {
    left: 0px;
    right: 0px;
    bottom: -23px;
    position: absolute;
}

#overview-info #overview-rank .rank-progress7 {
    left: 0px;
    right: 0px;
    bottom: -23px;
    position: absolute;
}

#overview-info #overview-rank .rank-progress8 {
    left: 0px;
    right: 0px;
    bottom: -23px;
    position: absolute;
}

#overview-info #overview-rank .rank-progress .progress-bar {
    position: relative;
}

#overview-info #overview-rank .rank-progress .progress-bar-info {
    font-size: 12px;
}

    #overview-info #overview-rank .rank-progress .progress-bar-info p:first-child {
        color: rgba(255, 255, 255, 1);
        float: left;
    }

    #overview-info #overview-rank .rank-progress .progress-bar-info p:last-child {
        float: right;
    }

#overview-info .overview-service-stars .progress-bar {
    height: 20px;
}

.replay-drag#overview-info .progress-bar-inner {
    transition: width 0.3s;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
}

#overview-info #overview-skill .box-content {
    height: 105px;
    text-align: center;
}

    #overview-info #overview-skill .box-content p {
        margin: 10px auto;
        transition: 0.8s;
        font-family: Purista, sans-serif;
        font-size: 58px;
        font-style: normal;
        font-weight: 600;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
    }

        #overview-info #overview-skill .box-content p.animating {
            transition: 0.1s;
            -webkit-transition: 0.1s;
            -moz-transition: 0.1s;
        }

    #overview-info #overview-skill .box-content .overview-skill-bar {
        margin: 0px auto;
        border: 1px solid rgb(255, 255, 255);
        border-image: none;
        width: 150px;
        height: 8px;
        position: relative;
        background-color: rgba(0, 0, 0, 0.6);
    }

        #overview-info #overview-skill .box-content .overview-skill-bar > div {
            transition: left 0.8s;
            left: 0px;
            width: 8px;
            height: 8px;
            position: absolute;
            background-color: rgb(255, 255, 255);
            -webkit-transition: left 0.8s ease;
            -moz-transition: left 0.8s ease;
        }

#overview-info #overview-info-list li {
    margin: 1px 1px 0px 0px;
    width: 111px;
    height: 62px;
    text-align: center;
    float: left;
    background-color: rgba(7, 7, 7, 0.5);
}

    #overview-info #overview-info-list li.last {
        margin-right: 0px;
    }

    #overview-info #overview-info-list li span {
        margin: 12px auto 2px;
        color: rgb(168, 168, 168);
        text-transform: uppercase;
        font-size: 14px;
        display: block;
    }

    #overview-info #overview-info-list li strong {
        line-height: 30px;
        font-size: 14px;
        font-weight: bold;
        display: block;
    }

        #overview-info #overview-info-list li strong.focus {
            font-family: Purista, sans-serif;
            font-size: 23px;
            font-style: normal;
            font-weight: 600;
        }

#overview-info .profile-overview .clubs-list .pull-left.name {
    width: 288px;
}

#overview-info .profile-overview .clubs-list .emblem {
    width: 60px;
    margin-right: 16px;
    float: left;
}

#overview-info .profile-overview .clubs-list .club-info {
    color: rgb(213, 221, 229);
    font-family: Purista;
    font-size: 14px;
    margin-left: 5px;
    float: left;
}

    #overview-info .profile-overview .clubs-list .club-info .name {
        padding-top: 8px;
        font-size: 16px;
    }

#overview-info .overview-soldier .soldierbox-reportbutton {
    margin-top: 8px;
    margin-right: 8px;
    float: right;
}

#overview-info .overview-soldier .soldier-emblem {
    height: 241px;
}

#overview-info #overview-soldier .box-content {
    height: 231px;
    position: relative;
}

#coop-info #coop-soldier .box-content {
    height: 175px;
    position: relative;
}

    #overview-info #overview-soldier .box-content .agent-info-on-portrait {
        padding: 16px 0px 5px 16px;
        width: 100%;
        bottom: 22px;
        color: rgb(255, 255, 255);
        position: absolute;
        z-index: 0;
    }

        #overview-info #overview-soldier .box-content .agent-info-on-portrait .name {
            font-size: 24px;
            font-style: italic;
            font-weight: bold;
        }

        #overview-info #overview-soldier .box-content .agent-info-on-portrait .geolb-agent-info {
            padding: 0px 16px;
            font-size: 20px;
            font-style: italic;
        }

            #overview-info #overview-soldier .box-content .agent-info-on-portrait .geolb-agent-info div {
                padding: 0px 0px 5px;
            }

    #overview-info #overview-soldier .box-content .soldier-emblem {
        left: 10px;
        top: 10px;
        width: 200px;
        height: 200px;
        position: absolute;
        z-index: 0;
    }

        #overview-info #overview-soldier .box-content .soldier-emblem .emblem-preview-link {
            height: 100%;
            display: block;
        }

    #overview-info #overview-soldier .box-content .click-area.soldier-emblem {
        z-index: 2;
    }

        #overview-info #overview-soldier .box-content .click-area.soldier-emblem .edit-link {
            left: -10px;
            top: -10px;
        }

        #overview-info #overview-soldier .box-content .click-area.soldier-emblem:hover .edit-link {
            opacity: 1;
        }

    #overview-info #overview-soldier .box-content .soldier-portrait {
        width: 287px;
        height: 241px;
        right: 0px;
        bottom: 0px;
        overflow: hidden;
        position: absolute;
    }

        #overview-info #overview-soldier .box-content .soldier-portrait .click-area {
            z-index: 1;
        }

            #overview-info #overview-soldier .box-content .soldier-portrait .click-area .edit-link {
                right: 0px;
                bottom: 0px;
            }

        #overview-info #overview-soldier .box-content .soldier-portrait:hover .edit-link {
            opacity: 1;
        }

    #overview-info #overview-soldier .box-content .profile-soldier-image {
        top: 0px;
        width: 327px;
        height: 430px;
        right: -65px;
        position: absolute;
    }

#overview-info .box > header + .no-padding.box-content {
    padding: 0px;
}

.overview-missions-empty {
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    font-weight: bold;
}

.overview-missions-top-opponent .inner-wrapper {
    height: 46px;
    padding-left: 57px;
    position: relative;
}

.overview-missions-top-opponent .avatar {
    left: 3px;
    top: 0px;
    position: absolute;
}

.overview-missions-top-opponent .title {
    color: rgb(168, 168, 168);
    text-transform: uppercase;
    font-size: 14px;
}

.overview-missions-top-opponent .name {
    padding-top: 1px;
    font-size: 12px;
    font-weight: bold;
}

.overview-most-played-mission .inner-wrapper {
    padding-left: 58px;
    position: relative;
}

.overview-most-played-mission .thumb {
    left: 0px;
    bottom: 0px;
    position: absolute;
}

.overview-most-played-mission .title {
    color: rgb(168, 168, 168);
    text-transform: uppercase;
    font-size: 14px;
}

.overview-most-played-mission .mission-name {
    width: 100%;
    text-transform: uppercase;
    line-height: 1;
    overflow: hidden;
    padding-top: 6px;
    font-family: Purista, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

.overview-most-played-mission p {
    text-transform: uppercase;
    padding-top: 2px;
    font-family: Purista, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.overview-service-stars {
    margin: 6px 16px 0px 12px;
}

    .overview-service-stars li {
        height: 34px;
        position: relative;
    }

    .overview-service-stars .kit-icon {
        top: 1px;
        position: absolute;
    }

    .overview-service-stars .progress-bar {
        margin: 0px;
        top: 5px;
        width: 252px;
        right: 0px;
        position: absolute;
    }

    .overview-service-stars .star-count {
        background: url("../img/specializations/servicestar-18x18.png") no-repeat;
        left: 150px;
        top: 8px;
        height: 18px;
        position: absolute;
        z-index: 200;
        min-width: 18px;
    }

        .overview-service-stars .star-count span {
            line-height: 18px;
            padding-left: 25px;
        }

.gamemodes.overview-service-stars {
    margin: 6px 0px;
}

    .gamemodes.overview-service-stars .star-count {
        left: 200px;
    }

    .gamemodes.overview-service-stars .gamemode {
        color: rgb(168, 168, 168);
        padding-top: 12px;
        font-size: 12px;
    }

    .gamemodes.overview-service-stars .progress-bar {
        width: 150px;
    }

#overview-dogtags img {
    width: 190px;
    height: 95px;
}

#overview-dogtags .box-content {
    text-align: center;
    position: relative;
}

    #overview-dogtags .box-content .edit-link {
        left: 0px;
        top: 0px;
    }

    #overview-dogtags .box-content:hover .edit-link {
        opacity: 1;
    }

#overview-dogtags .dogtags {
    margin-top: 45px;
}

#overview-stats .box-content {
    padding: 20px 0px;
    text-align: center;
    margin-bottom: 1px;
}

#overview-stats .double-row.box-content {
    padding: 12px 0px;
}

#overview-stats .box-content p {
    font-size: 22px;
}

#overview-stats .box-content span {
    font-size: 12px;
}

.assignments-list li {
    border: 1px solid transparent;
    border-image: none;
    height: 108px;
    position: relative;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .assignments-list li .award_mission {
        opacity: 0.3;
    }

    .assignments-list li.active .award_mission {
        opacity: 1;
    }

    .assignments-list li.completed .award_mission {
        opacity: 1;
    }

.assignments-list .tmp-code {
    padding: 2px 0px;
    left: 50%;
    top: 56px;
    width: 50px;
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 10px;
    margin-left: -27px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
}

.assignments-list .dependencies {
    right: 1px;
    bottom: 1px;
    position: absolute;
}

    .assignments-list .dependencies li {
        border: 1px solid rgb(255, 255, 255);
        border-image: none;
        width: 19px;
        height: 19px;
        margin-left: 1px;
        float: right;
    }

.assignments-list li.has-progress .dependencies {
    bottom: 5px;
}

.assignment-rewards {
    text-align: center;
}

    .assignment-rewards p {
        font-weight: bold;
        margin-top: 5px;
    }

.assignment-info {
    text-align: center;
}

.dependency-icon {
    border: 1px solid rgb(255, 255, 255);
    border-image: none;
    width: 19px;
    height: 19px;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

[data-code^='rk'].dependency-icon {
    background-position: -1px -1px;
    background-image: url("../profile/bf4/icon-dependencies.png");
}

[data-code^='as'].dependency-icon {
    background-position: -20px -1px;
    background-image: url("../profile/bf4/icon-dependencies.png");
}

[data-code^='xp'].dependency-icon {
    background-position: -20px -1px;
    background-image: url("../profile/bf4/icon-dependencies.png");
}

[data-code^='axp'].dependency-icon {
    background-position: -20px -1px;
    background-image: url("../profile/bf4/icon-dependencies.png");
}

[data-code='amaster'].dependency-icon {
    background-position: -20px -1px;
    background-image: url("../profile/bf4/icon-dependencies.png");
}

[data-code='apremium'].dependency-icon {
    background-position: -20px -1px;
    background-image: url("../profile/bf4/icon-dependencies.png");
}

#assignment-criterias li .pull-left {
    line-height: 14px;
    max-width: 270px;
}

#assignment-criterias li .in-a-round {
    color: rgb(168, 168, 168);
    padding-top: 4px;
    clear: both;
}

#assignment-dependencies li .dependency-icon {
    float: left;
}

#assignment-dependencies li a {
    cursor: pointer;
}

#assignment-dependencies li span {
    margin: 4px 0px 0px 10px;
    float: left;
}

#assignment-dependencies li a {
    margin: 4px 0px 0px 10px;
    float: left;
}

#assignment-dependencies li .green-check-small {
    width: 12px;
    height: 12px;
    margin-top: 3px;
    float: right;
    background-image: url("../battledash/images/icons/green-check-small.png");
}

#assignment-dependencies li.nottaken .green-check-small {
    opacity: 0.2;
}

.awards-list li {
    height: 170px;
}

    .awards-list li .nottaken .image {
        opacity: 0.3;
    }

    .awards-list li .award-medal {
        height: 105px;
        margin-bottom: 1px;
        position: relative;
        background-color: rgba(7, 7, 7, 0.5);
    }

        .awards-list li .award-medal .progress-bar {
            width: 100%;
            bottom: 0px;
            margin-bottom: 0px;
            position: absolute;
        }

    .awards-list li.ribbon-empty:hover {
        background: inherit;
        cursor: inherit;
    }

    .awards-list li .award-ribbon {
        height: 64px;
        position: relative;
        background-color: rgba(7, 7, 7, 0.5);
    }

        .awards-list li .award-ribbon div {
            margin-top: -16px;
        }

    .awards-list li .times-taken {
        right: 5px;
        bottom: 5px;
        color: rgb(190, 195, 199);
        font-size: 11px;
        position: absolute;
    }

    .awards-list li.active .award-medal {
        background-color: rgb(255, 255, 255);
    }

    .awards-list li.active .award-ribbon {
        background-color: rgb(255, 255, 255);
    }

    .awards-list li.active .image {
        opacity: 1;
    }

    .awards-list li.has-icon .award-ribbon .times-taken {
        right: 25px;
    }

.awards-list .xp-icon {
    right: 2px;
    bottom: 2px;
    position: absolute;
}

#awards-details .image-container {
    text-align: center;
}

#awards-details .award-medal {
    margin-bottom: 1px;
}

#awards-details .award-info {
    margin: 16px 0px 0px;
}

#awards-details .progress-bar {
    margin: 8px 0px;
}

#awards-details .progress-info {
    color: rgb(168, 168, 168);
    font-size: 12px;
}

#awards-details .award-info strong {
    width: 245px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

#awards-details .progress-info .pull-left {
    width: 245px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

#awards-details .award-xpack {
    margin-bottom: 15px;
}

    #awards-details .award-xpack .xp-icon {
        top: 5px;
        position: relative;
    }

    #awards-details .award-xpack span {
        color: rgb(168, 168, 168);
        font-size: 12px;
    }

    #awards-details .award-xpack strong {
        color: rgb(255, 255, 255);
        font-weight: normal;
    }

.upcoming-unlocks-container .upcoming-unlock header img {
    margin-top: 2px;
    float: right;
}

.upcoming-unlocks-container .upcoming-unlock header span {
    color: rgb(168, 168, 168);
    font-size: 14px;
}

.upcoming-unlocks-container .upcoming-unlock header strong {
    margin-top: 3px;
    display: block;
}

.upcoming-unlocks-container .upcoming-unlock > a {
    text-align: center;
    display: block;
}

.upcoming-unlocks-container .upcoming-unlock > div {
    font-size: 12px;
}

    .upcoming-unlocks-container .upcoming-unlock > div .progress-info {
        text-align: right;
        color: rgb(102, 102, 102);
    }

    .upcoming-unlocks-container .upcoming-unlock > div .progress-bar {
        margin: 3px auto 5px;
    }

#upcoming-unlocks-progression {
    margin-top: 16px;
}

    #upcoming-unlocks-progression td {
        padding: 0px;
        height: 60px;
        box-shadow: none;
    }

    #upcoming-unlocks-progression .value-cell {
        width: 100px;
        line-height: 60px;
        font-size: 30px;
        vertical-align: top;
        position: relative;
    }

        #upcoming-unlocks-progression .value-cell div {
            height: 60px;
            position: absolute;
            background-color: rgba(200, 200, 200, 0.2);
        }

    #upcoming-unlocks-progression .kit-cell {
        width: 20px;
    }

    #upcoming-unlocks-progression .image-cell {
        width: 90px;
    }

    #upcoming-unlocks-progression .desc-cell a {
        color: rgb(168, 168, 168);
        text-decoration: none;
    }

    #upcoming-unlocks-progression .desc-cell p {
        font-size: 13px;
        margin-left: 20px;
    }

        #upcoming-unlocks-progression .desc-cell p:first-child {
            font-size: 15px;
            margin-bottom: 5px;
        }

table.battlereports-table {
    margin: 0px;
    font-size: 14px;
}

table.show-first-ten.battlereports-table tr:nth-child(n+11) {
    display: none;
}

table.battlereports-table tr {
    cursor: pointer;
}

    table.battlereports-table tr .star {
        margin: 0px;
        padding: 0px;
        width: 20px;
        display: block;
    }

        table.battlereports-table tr .star::after {
            color: rgba(255, 255, 255, 0.3);
            font-size: 22px;
            display: none;
            position: relative;
            z-index: 1;
            content: "?";
        }

    table.battlereports-table tr .starred.star::after {
        color: white;
        display: block;
    }

    table.battlereports-table tr.active {
        -webkit-filter: drop-shadow(0 0 1px #e0f4f8);
        -moz-filter: drop-shadow(0 0 1px #e0f4f8);
        -o-filter: drop-shadow(0 0 1px #e0f4f8);
    }

        table.battlereports-table tr.active [class*='winstatus-'] {
            color: rgb(0, 0, 0);
        }

        table.battlereports-table tr.active .star::after {
            color: rgba(0, 0, 0, 0.3);
        }

        table.battlereports-table tr.active .starred.star::after {
            color: rgb(0, 0, 0);
        }

        table.battlereports-table tr.active td.favcell:hover .star::after {
            color: rgb(0, 0, 0);
        }

    table.battlereports-table tr td.favcell {
        width: 22px;
        text-align: center;
    }

        table.battlereports-table tr td.favcell:hover .star::after {
            color: rgb(255, 255, 255);
        }

    table.battlereports-table tr .favorite {
        width: 20px;
        overflow: hidden;
    }

    table.battlereports-table tr .server-icons {
        padding: 0px 0px 0px 6px;
    }

table.own-reports.battlereports-table tr:hover .star::after {
    display: block;
}

table.battlereports-table thead th {
    line-height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
}

table.battlereports-table .map-thumb {
    margin-right: 8px;
}

table.battlereports-table .map-info {
    max-width: 268px;
}

    table.battlereports-table .map-info p {
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
    }

table.battlereports-table td p:nth-of-type(1) {
    line-height: 20px;
}

table.battlereports-table td p:nth-of-type(2) {
    color: rgb(168, 168, 168);
    line-height: 13px;
    font-size: 11px;
}

table.battlereports-table .winstatus {
    text-transform: uppercase;
}

table.battlereports-table .winstatus-1 {
    color: rgb(148, 205, 243);
}

table.battlereports-table .winstatus--1 {
    color: rgb(255, 159, 128);
}

table.battlereports-table .winstatus-0 {
    color: rgb(134, 184, 134);
}

#battlereports img.map {
    width: 100%;
}

#battlereports .row {
    float: left;
}

#battlereports .box {
    margin-bottom: 1px;
}

#battlereports aside .box header {
    padding: 0px;
}

#battlereports aside .box ul {
    width: 100%;
    font-size: 12px;
    display: table;
}

    #battlereports aside .box ul li {
        display: table-row;
    }

        #battlereports aside .box ul li span {
            text-align: left;
            padding-top: 8px;
            display: table-cell;
        }

            #battlereports aside .box ul li span:first-child {
                padding: 0px;
                width: 30%;
                color: rgb(168, 168, 168);
            }

#battlereports aside footer {
    padding: 0px;
}

    #battlereports aside footer a {
        padding: 16px;
        text-decoration: none;
        display: block;
    }

    #battlereports aside footer:hover {
        background-color: rgba(7, 7, 7, 0.6);
    }

#battlereports .premium-requirement-box .btn {
    width: auto;
}

#battlereports .btn {
    width: 100%;
    margin-top: 4px;
}

#battlereports section footer {
    padding: 0px;
}

    #battlereports section footer .btn {
        margin-top: 0px;
    }

#battlereports #battlereports-favorites {
    margin-bottom: 16px;
}

    #battlereports #battlereports-favorites footer {
        margin-top: 0px;
    }

#battlereports #battlereports-latest {
    margin-bottom: 20px;
}

.hide.no-reports {
    display: none;
}

.is-touch .star::after {
    display: block !important;
}

#stats-detailed .name {
    font-size: 14px;
}

#stats-detailed .score {
    text-align: right;
    font-family: Purista, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

#soldierportraits-container li.selected {
    background-color: rgb(0, 0, 0);
}

.submenu#dogtags-filter {
    margin-bottom: 8px;
}

#dogtags-top .submenu {
    margin-bottom: 8px;
}

#dogtags-equipped-box {
    margin-bottom: 8px;
}

    #dogtags-equipped-box .box-content {
        padding: 16px 13px;
        position: relative;
    }

        #dogtags-equipped-box .box-content .dogtags-chain {
            height: 130px;
            margin-bottom: 0px;
        }

    #dogtags-equipped-box .claim.box-content {
        padding-top: 32px;
        padding-bottom: 36px;
    }

        #dogtags-equipped-box .claim.box-content .btn {
            width: 100%;
            margin-bottom: 16px;
        }

        #dogtags-equipped-box .claim.box-content .progress-bar {
            margin-top: 16px;
            margin-bottom: 8px;
        }

        #dogtags-equipped-box .claim.box-content .progress-info {
            font-size: 14px;
            margin-top: 10px;
        }

#dogtags-body {
    margin-top: -15px;
}

    #dogtags-body .dogtags-list .box {
        margin-bottom: 8px;
    }

    #dogtags-body .dogtags-list .grid.box .box-content {
        background: inherit;
        padding: 0px;
    }

    #dogtags-body .dogtag-aside button {
        width: 100%;
        margin-top: 8px;
    }

    #dogtags-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .dogtags-chain .advanced {
        position: relative;
        z-index: 3;
    }

    #dogtags-body .dogtag-aside .description.box-content p {
        line-height: 1.4;
        font-size: 12px;
    }

    #dogtags-body .dogtag-aside .seen.box-content {
        padding: 8px 16px;
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
    }

    #dogtags-body .dogtag-aside .box-content .name {
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
    }

.profile-stats-dogtags li {
    margin: 0px 1px 1px 0px;
    padding: 4px 1px 1px;
    width: 130px;
    height: 73px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
    .profile-stats-dogtags li:nth-child(5n) {
        width: 132px;
        margin-right: 0px;
    }

    .profile-stats-dogtags li.disabled .dogtags {
        opacity: 1;
        filter: brightness(20%);
        -webkit-filter: brightness(40%);
    }

.cssfilters .profile-stats-dogtags li.disabled .dogtags {
    opacity: 1;
    -webkit-filter: brightness(40%);
    -moz-filter: brightness(40%);
    -o-filter: brightness(40%);
}

.profile-stats-dogtags li:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

.profile-stats-dogtags li.equipped {
    box-shadow: inset 0px 0px 0px 1px #fff;
}

.profile-stats-dogtags li.active {
    background-color: rgb(255, 255, 255);
}

    .profile-stats-dogtags li.active:hover {
        background-color: rgb(255, 255, 255);
    }

.dogtags-chain {
    margin: 14px 0px;
}

    .dogtags-chain .basic {
        position: relative;
        z-index: 2;
    }

.horizontal.dogtags-chain .basic {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    margin-left: -15px;
}

/*overwiev dogtag pozice vlevo*/
.horizontal.dogtags-chain2 .basic {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    margin-left: 5px;
}

/*settings dogtag naklon*/
.horizontal.dogtags-chain2 .basic {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}

/*settings dogtag naklon*/
.horizontal.dogtags-chain .basic + .advanced {
    margin-left: -60px;
}

.horizontal.dogtags-chain .basic + .xlarge.advanced {
    margin-left: -80px;
}

.horizontal.dogtags-chain .basic + .large.advanced {
    margin-left: -43px;
}

/*overwiev dogtag prava posun*/
.horizontal.dogtags-chain2 .basic + .large.advanced {
    margin-left: -20px;
}

/*settings dogtag posun*/
.horizontal.dogtags-chain .basic + .medium.advanced {
    margin-left: -80px;
}

.horizontal.dogtags-chain .basic + .mediumns.advanced {
    margin-left: -60px;
}

.horizontal.dogtags-chain .basic + .small.advanced {
    margin-left: -55px;
}

.horizontal.dogtags-chain .basic + .smallns.advanced {
    margin-left: -25px;
}

.vertical.dogtags-chain .advanced {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}

.vertical.dogtags-chain .basic {
    display: block;
}

.vertical.dogtags-chain .advanced {
    display: block;
}

.vertical.dogtags-chain .basic + .advanced {
    margin-top: -40px;
}

.vertical.dogtags-chain .basic + .medium.advanced {
    margin-left: -30px;
}

.vertical.dogtags-chain .basic + .small.advanced {
    margin-left: -12px;
}

.dogtags-extra {
    left: 12px;
    bottom: 4px;
    position: absolute;
}

.dogtag-seen-times {
    background: rgb(53, 53, 53);
    padding: 1px 5px 2px;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 11px;
    float: left;
}

#stats-kits .span8 > .box {
    margin-bottom: 8px;
}

#stats-kits .span8 .box-content {
    background: inherit;
    padding: 0px;
}

#stats-kits aside .kititem {
    margin-left: 16px;
}

#stats-kits aside h4 {
    margin-top: 16px;
}

#stats-kits aside .progress-bar {
    margin-bottom: 8px;
}

#stats-kits aside .score {
    color: rgb(168, 168, 168);
    font-size: 12px;
}

#stats-kits aside .track-button {
    margin: 16px 0px;
    width: 100%;
}

#stats-kits aside .description {
    line-height: 20px;
    font-size: 12px;
    margin-top: 8px;
}

.kits-list li {
    margin: 0px 0px 1px 1px;
    width: 163px;
    height: 110px;
    text-align: center;
    overflow: hidden;
    float: left;
    position: relative;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .kits-list li:nth-child(4n+1) {
        width: 164px;
        margin-left: 0px;
    }

    .kits-list li:hover {
        cursor: pointer;
        background-color: rgba(7, 7, 7, 0.6);
    }

    .kits-list li:not(.active).noprogress .image {
        opacity: 0.5;
    }

    .kits-list li:not(.active).noprogress p {
        color: rgb(168, 168, 168);
    }

    .kits-list li.active {
        color: black;
        box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
        background-color: white;
    }

        .kits-list li.active p {
            font-weight: bold;
        }

    .kits-list li .image {
        margin: 16px 0px;
    }

    .kits-list li .kititem.image {
        margin-top: 26px;
    }

    .kits-list li .weapon.image {
        margin-top: 26px;
    }

    .kits-list li p {
        left: 0px;
        right: 0px;
        bottom: 16px;
        font-size: 12px;
        position: absolute;
    }

    .kits-list li .progress-bar {
        margin: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        position: absolute;
    }

aside .weapon_unlock {
    margin: 0px auto;
    display: block;
}

aside .kititem_unlock {
    margin: 0px auto;
    display: block;
}

#replay-button {
    background-position: 0px 0px;
    left: 0px;
    width: 42px;
    height: 31px;
    position: absolute;
    background-image: url("../profile/replay-button-small.png");
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.6);
}

#stat-replay-discontinue-notice {
    color: rgb(255, 255, 255);
    line-height: 12px;
    padding-top: 1px;
    padding-left: 16px;
    font-size: 10px;
    margin-top: 1px;
    position: relative;
}

    #stat-replay-discontinue-notice .info-icon {
        background: url("../loadout/icon-info-s.png") no-repeat 0px 0px / cover;
        left: 0px;
        top: 0px;
        width: 12px;
        height: 12px;
        position: absolute;
    }

#stat-replay-container {
    margin: 1px 0px 16px;
    height: 31px;
    position: relative;
}

.disabled#stat-replay-container {
    transition: opacity 0.15s ease-out 0.1s;
    opacity: 0.5;
    -webkit-transition: opacity 0.15s ease-out 0.1s;
    -moz-transition: opacity 0.15s ease-out 0.1s;
}

    .disabled#stat-replay-container #stat-replay-track {
        opacity: 0.1;
    }

    .disabled#stat-replay-container #replay-no-data {
        display: block;
    }

    .disabled#stat-replay-container .scrubber {
        display: none;
    }

:not(.disabled)#stat-replay-container #replay-button {
    cursor: pointer;
}

    :not(.disabled)#stat-replay-container #replay-button:hover {
        background-position: 0px -31px;
        box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.6);
        background-color: rgb(255, 255, 255);
    }

:not(.disabled)#stat-replay-container .playing#replay-button {
    background-position: -42px 0px;
}

    :not(.disabled)#stat-replay-container .playing#replay-button:hover {
        background-position: -42px -31px;
    }

:not(.disabled)#stat-replay-container #stat-replay-slider {
    cursor: pointer;
}

:not(.disabled)#stat-replay-container .scrubber {
    cursor: w-resize;
}

.not-premium#stat-replay-container #replay-nodes-container {
    width: 728px;
}

.not-premium#stat-replay-container #stat-replay-slider {
    width: 750px;
}

.not-premium#stat-replay-container #premium-info {
    left: 43px;
    width: 199px;
    height: 31px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
}

.not-premium#stat-replay-container .border {
    left: 16px;
    top: 14px;
    width: 210px;
    height: 1px;
    border-bottom-color: rgb(122, 125, 131);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: absolute;
    z-index: 1;
}

#stat-replay-slider {
    width: 949px;
    height: 31px;
    right: 0px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
}

#stat-replay-track {
    left: 15px;
    top: 15px;
    height: 1px;
    right: 15px;
    position: absolute;
    z-index: 100;
    background-color: rgb(255, 255, 255);
}

    #stat-replay-track .scrubber {
        border-radius: 6px;
        left: 100%;
        top: -6px;
        width: 12px;
        height: 12px;
        right: 0px;
        margin-left: -6px;
        position: absolute;
        background-color: rgb(255, 255, 255);
    }

        #stat-replay-track .scrubber p {
            margin: 17px 0px 0px -23px;
            transition: opacity 0.15s ease-out 0.1s;
            width: 60px;
            text-align: center;
            font-size: 10px;
            position: relative;
            opacity: 0;
            -webkit-transition: opacity 0.15s ease-out 0.1s;
            -moz-transition: opacity 0.15s ease-out 0.1s;
        }

.replay-playing #stat-replay-track .scrubber {
    cursor: default;
}

.replay-drag #stat-replay-track .scrubber {
    cursor: default;
}

.replay-playing #stat-replay-track .scrubber p {
    opacity: 1;
}

.replay-drag #stat-replay-track .scrubber p {
    opacity: 1;
}

.replay-playing #stat-replay-slider {
    cursor: w-resize;
}

.replay-drag #stat-replay-slider {
    cursor: w-resize;
}

.replay-playing .replay-start-date {
    opacity: 0;
}

.replay-playing .replay-end-date {
    opacity: 0;
}

.replay-drag .replay-start-date {
    opacity: 0;
}

.replay-drag .replay-end-date {
    opacity: 0;
}

#replay-nodes-container {
    margin: 0px 15px;
    width: 919px;
    height: 31px;
    position: relative;
    z-index: 90;
}

    #replay-nodes-container canvas {
        left: -5px;
        position: relative;
    }

    #replay-nodes-container .replay-date {
        transition: opacity 0.15s ease-out 0.1s;
        bottom: 2px;
        font-size: 10px;
        position: absolute;
        -webkit-transition: opacity 0.15s ease-out 0.1s;
        -moz-transition: opacity 0.15s ease-out 0.1s;
    }

    #replay-nodes-container .replay-start-date {
        left: 0px;
    }

    #replay-nodes-container .replay-end-date {
        right: 0px;
    }

        #replay-nodes-container .replay-end-date span {
            text-align: right;
            right: 0px;
        }

#replay-no-data {
    left: 50%;
    top: 11px;
    width: 300px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    margin-left: -150px;
    display: none;
    position: absolute;
}

.replay-highlight {
    -webkit-animation-name: highlightbox;
    -moz-animation-name: highlightbox;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
}

.game-stats-content .profile-statistics-head .show-filters {
    transition: height 1s linear;
    margin-top: 8px;
    position: relative;
    -webkit-transition: height 1s linear;
    -moz-transition: height 1s linear;
}

    .game-stats-content .profile-statistics-head .show-filters h1 {
        color: rgb(255, 255, 255);
        text-transform: none;
        line-height: 32px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
        cursor: pointer;
    }

    .game-stats-content .profile-statistics-head .show-filters .toggler {
        top: 0px;
        right: 10px;
        float: right;
        position: absolute;
    }

        .game-stats-content .profile-statistics-head .show-filters .toggler::after {
            width: 20px;
            text-align: center;
            color: rgb(170, 170, 170);
            font-size: 21px;
            content: "+";
        }

    .game-stats-content .profile-statistics-head .show-filters header:hover .toggler::after {
        color: rgb(255, 255, 255);
    }

    .game-stats-content .profile-statistics-head .show-filters header.active .toggler::after {
        content: "-";
    }

    .game-stats-content .profile-statistics-head .show-filters #filter-options {
        margin: 0px;
        display: none;
    }

.game-stats-content .profile-statistics-head .list-icon {
    margin: 0px;
    cursor: pointer;
}

.game-stats-content .profile-statistics-container {
    margin-top: 8px;
    margin-bottom: 16px;
    position: relative;
    min-height: 400px;
}

    .game-stats-content .profile-statistics-container .locked .image {
        opacity: 0.7;
    }

    .game-stats-content .profile-statistics-container .locked p {
        color: rgb(168, 168, 168);
    }

    .game-stats-content .profile-statistics-container .locked-column {
        font-size: 14px;
    }

.game-stats-content table.profile-stats-table {
    margin-bottom: 0px;
}

    .game-stats-content table.profile-stats-table th {
        padding: 5px 0px;
        width: 82px;
        text-align: center;
    }

        .game-stats-content table.profile-stats-table th:first-child {
            width: 40px;
        }

        .game-stats-content table.profile-stats-table th.item-name {
            width: auto;
            text-align: left;
            padding-left: 5px;
        }

    .game-stats-content table.profile-stats-table tbody tr:not(.active).locked .image {
        opacity: 0.3;
    }

    .game-stats-content table.profile-stats-table tbody tr.active p {
        color: rgb(0, 0, 0);
        font-weight: bold;
    }

    .game-stats-content table.profile-stats-table tbody tr.active td {
        color: black;
        box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
        background-color: white;
    }

    .game-stats-content table.profile-stats-table tbody tr.active:hover {
        background-color: transparent;
    }

    .game-stats-content table.profile-stats-table tbody tr .no-entry.relative {
        color: rgb(168, 168, 168);
        line-height: 53px;
        padding-top: 0px;
    }

    .game-stats-content table.profile-stats-table td {
        padding: 0px;
        height: 85px;
        text-align: center;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 400;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.5);
    }

        .game-stats-content table.profile-stats-table td:first-child {
            font-size: 24px;
        }

        .game-stats-content table.profile-stats-table td:nth-child(2) .progress-bar {
            width: auto;
        }

        .game-stats-content table.profile-stats-table td .relative {
            position: relative;
        }

        .game-stats-content table.profile-stats-table td strong {
            font-size: 20px;
            font-weight: 400;
            display: block;
        }

        .game-stats-content table.profile-stats-table td .progress-bar {
            margin: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            position: absolute;
        }

        .game-stats-content table.profile-stats-table td.item-name {
            width: 208px;
            text-align: center;
        }

            .game-stats-content table.profile-stats-table td.item-name .image {
                margin-bottom: 9px;
                vertical-align: middle;
            }

            .game-stats-content table.profile-stats-table td.item-name p {
                font-family: Arial, sans-serif;
                font-size: 12px;
            }

            .game-stats-content table.profile-stats-table td.item-name .progress-bar {
                margin: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
            }

            .game-stats-content table.profile-stats-table td.item-name span {
                left: 0px;
                text-align: center;
                right: 0px;
                bottom: 4px;
                font-size: 12px;
                position: absolute;
            }

        .game-stats-content table.profile-stats-table td.item-kills strong {
            margin-top: 26px;
            margin-bottom: 10px;
        }

            .game-stats-content table.profile-stats-table td.item-kills strong.soldier-equipment {
                margin-top: 16px;
            }

        .game-stats-content table.profile-stats-table td.item-kills span {
            color: rgb(168, 168, 168);
            font-size: 12px;
        }

        .game-stats-content table.profile-stats-table td.item-kills .icon-weapon {
            top: 5px;
            right: 5px;
            position: absolute;
        }

        .game-stats-content table.profile-stats-table td .unlocks-taken {
            left: 0px;
            top: 10px;
            width: 100%;
            text-align: center;
            font-size: 12px;
            position: absolute;
        }

.stat-details .image-container {
    text-align: center;
    overflow: hidden;
}

    .stat-details .image-container .large {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .stat-details .image-container .squarelarge {
        margin-top: -20%;
        margin-bottom: -20%;
    }

.stat-details .box-content + .box {
    margin-top: 1px;
}

.stat-details .missing-details-info {
    text-align: center;
    font-size: 12px;
}

.stat-details .progress-bar {
    margin-bottom: 0px;
}

.stat-details .track-weapon-stats .progress-bar {
    margin-top: 2px;
}

.stat-details .track-weapon-stats li {
    height: 22px;
    line-height: 22px;
}

.stat-details .progress-info {
    margin: 6px 0px;
    color: rgb(168, 168, 168);
    line-height: 16px;
    font-size: 12px;
}

.stat-details .btn {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 16px;
}

.stat-details h4 {
    margin: 5px 0px;
    width: 100%;
    height: 30px;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 20px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

.stat-details p {
    line-height: 20px;
    font-size: 12px;
}

.stat-details .track-button {
    margin-top: 16px;
}

    .stat-details .track-button i {
        top: 3px;
        width: 17px;
        height: 19px;
        right: 2px;
        display: inline-block;
        position: relative;
        background-image: url("../common/warsaw/icon-track.png");
    }

.stat-details .track-weapon-stats {
    margin-top: 8px;
}

.stat-details .weapon-statistics.track-weapon-stats span:first-child {
    width: 160px;
}

.stat-details .track-weapon-stats span {
    text-transform: uppercase;
    font-size: 12px;
}

    .stat-details .track-weapon-stats span:first-child {
        width: 100px;
        margin-right: 5px;
        float: left;
        -ms-text-overflow: ellipsis;
    }

        .stat-details .track-weapon-stats span:first-child.extended {
            width: 150px;
        }

    .stat-details .track-weapon-stats span:last-child {
        float: right;
    }

.stat-details .track-weapon-stats .progress-bar {
    width: 183px;
    margin-top: 6px;
    float: left;
}

.stat-details .track-weapon-stats .firemode-icon {
    margin-bottom: -3px;
}

.stat-details .weapon-statistics {
    margin-top: 0px;
}

.stat-details .loader {
    margin: 8px auto;
    display: block;
}

.stat-details footer {
    padding: 0px;
}

    .stat-details footer a {
        padding: 16px;
        text-decoration: none;
        display: block;
    }

        .stat-details footer a.upsell {
            color: rgb(255, 153, 0);
        }

    .stat-details footer:hover {
        background-color: rgba(7, 7, 7, 0.6);
    }

ul.weapon-accessories {
    margin-top: 1px;
}

    ul.weapon-accessories li {
        margin: 0px 0px 1px 1px;
        width: 79px;
        height: 40px;
        text-align: center;
        overflow: hidden;
        padding-top: 10px;
        float: left;
        position: relative;
        box-sizing: border-box;
        background-color: rgba(7, 7, 7, 0.5);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        ul.weapon-accessories li:nth-child(4n+1) {
            width: 80px;
            margin-left: 0px;
        }

        ul.weapon-accessories li[data-guid]:not(.active) {
            cursor: pointer;
        }

            ul.weapon-accessories li[data-guid]:not(.active):hover {
                background-color: rgba(7, 7, 7, 0.6);
            }

        ul.weapon-accessories li .progress-bar {
            margin: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            position: absolute;
        }

        ul.weapon-accessories li .battlepacks {
            top: -13px;
            position: relative;
        }

        ul.weapon-accessories li:not(.active).locked .weaponaccessory {
            opacity: 0.3;
        }

        ul.weapon-accessories li:not(.active).locked .battlepacks_lineart {
            opacity: 0.3;
        }

        ul.weapon-accessories li:not(.active).locked p {
            color: rgb(168, 168, 168);
        }

        ul.weapon-accessories li.active {
            color: black;
            box-shadow: 0px 0px 7px 0px #e0f4f8;
            background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
            background-color: white;
        }

.weapon-details {
    text-align: center;
    margin-top: 1px;
}

.weapon-pagination {
    margin: 10px 0px;
}

    .weapon-pagination a {
        padding: 7px 11px;
        text-decoration: none;
        margin-right: 1px;
        float: left;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.45);
    }

        .weapon-pagination a:hover {
            background-color: rgba(0, 0, 0, 0.65);
        }

        .weapon-pagination a.active {
            color: rgb(0, 0, 0);
            box-shadow: 0px 0px 7px 0px #e0f4f8;
            background-color: rgb(255, 255, 255);
        }

    .weapon-pagination .loader {
        margin: 3px 0px 0px 10px;
        float: left;
        display: none;
    }

.weapon-stats-box > header ~ .box-content {
    padding: 0px;
    margin-bottom: 8px;
    background-color: inherit;
}

.license-unlocked.weapon-stats-box {
    margin-bottom: 16px;
}

    .license-unlocked.weapon-stats-box .box-content {
        padding: 0px;
        background-color: transparent;
    }

#weapon-list .icon {
    right: 2px;
    bottom: 2px;
    position: absolute;
}

.weapon-stats-list li {
    margin: 0px 0px 1px 1px;
    width: 163px;
    height: 96px;
    text-align: center;
    overflow: hidden;
    float: left;
    position: relative;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .weapon-stats-list li:nth-child(4n+1) {
        width: 164px;
        margin-left: 0px;
    }

    .weapon-stats-list li[data-guid]:not(.active) {
        cursor: pointer;
    }

        .weapon-stats-list li[data-guid]:not(.active):hover {
            background-color: rgba(7, 7, 7, 0.6);
        }

    .weapon-stats-list li .weapon {
        margin-top: 18px;
    }

    .weapon-stats-list li .service-star-container {
        left: 4px;
        bottom: 3px;
        position: absolute;
    }

        .weapon-stats-list li .service-star-container .service-star {
            height: 14px;
            line-height: 15px;
            padding-left: 16px;
            font-size: 14px;
            font-weight: 400;
            background-size: 14px 14px;
        }

    .weapon-stats-list li p {
        padding: 4px 0px;
        width: 100%;
        bottom: 18px;
        font-size: 12px;
        position: absolute;
    }

    .weapon-stats-list li .progress-bar {
        margin: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        position: absolute;
    }

    .weapon-stats-list li:not(.active).locked .image {
        opacity: 0.3;
    }

    .weapon-stats-list li:not(.active).locked p {
        color: rgb(168, 168, 168);
    }

    .weapon-stats-list li.active {
        color: black;
        box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
        background-color: white;
    }

    .weapon-stats-list li.locked.active {
        color: black;
        box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
        background-color: white;
    }

    .weapon-stats-list li.active p {
        color: rgb(0, 0, 0);
        font-weight: bold;
    }

    .weapon-stats-list li.locked.active p {
        color: rgb(0, 0, 0);
        font-weight: bold;
    }

    .weapon-stats-list li.has-progress .service-star-container {
        bottom: 10px;
    }

    .weapon-stats-list li.has-progress .xp-icon {
        bottom: 10px;
    }

.license-unlocked .weapon-stats-list .service-star-container {
    bottom: 3px;
}

.no-weapons-found {
    font-size: 12px;
}

.weapons-stat-tbl .no-service-stars.service-star {
    padding: 0px;
    width: 20px;
    text-indent: -200%;
    overflow: hidden;
    opacity: 0.4;
}

.weapons-stat-tbl td.item-name > .relative {
    height: 69px;
    padding-top: 16px;
}

.weapons-stat-tbl td.item-servicestars > .relative {
    height: 53px;
    padding-top: 32px;
}

.weapons-stat-tbl td.item-nextunlock > .relative {
    height: 51px;
    padding-top: 34px;
}

#bn-show-all {
    margin-top: 8px;
}

.vehicles-stat-tbl td {
    height: 100px;
}

.vehicles-stat-tbl .image-container {
    margin: 0px auto;
    overflow: hidden;
}

.vehicles-stat-tbl .no-service-stars.service-star {
    padding: 0px;
    width: 20px;
    text-indent: -200%;
    overflow: hidden;
    opacity: 0.4;
}

.vehicles-stat-tbl td.item-name > .relative {
    height: 69px;
}

.vehicles-stat-tbl td.item-servicestars > .relative {
    height: 53px;
    padding-top: 32px;
}

.vehicles-stat-tbl td.item-nextunlock > .relative {
    height: 56px;
    padding-top: 29px;
}

td.item-servicestars > .relative .faded.servicestar {
    opacity: 0.3;
}

.vehicle-stats-box {
    margin-bottom: 16px;
}

    .vehicle-stats-box > header + .box-content {
        padding: 0px;
        background-color: inherit;
    }

.vehicle-stats-list li {
    height: 100px;
    background-color: rgba(7, 7, 7, 0.5);
}

    .vehicle-stats-list li:hover {
        background-color: rgba(7, 7, 7, 0.6);
    }

    .vehicle-stats-list li .image-container {
        top: 33px;
        width: 118px;
        overflow: hidden;
        position: absolute;
    }

        .vehicle-stats-list li .image-container .vehicleunlock {
            margin-left: -11px;
        }

    .vehicle-stats-list li .progress-bar {
        width: 100%;
        bottom: 0px;
        margin-bottom: 0px;
        position: absolute;
    }

    .vehicle-stats-list li.locked .image-container {
        opacity: 0.5;
    }

    .vehicle-stats-list li.active {
        color: black;
        opacity: 1;
        box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
        background-color: white;
    }

#vehicle-details .box {
    margin-top: 1px;
}

#vehicle-details .details-category-name {
    padding: 4px 16px;
}

.category-vehicle-box {
    transition: height 0.25s ease-in-out;
    overflow: hidden;
    -webkit-transition: height 0.25s ease-in-out;
    -moz-transition: height 0.25s ease-in-out;
}

    .category-vehicle-box .vehicle_unlock {
        margin: 0px auto;
        display: block;
    }

.category-vehicles-list li {
    padding: 5px 10px;
    font-size: 12px;
    margin-top: 1px;
    background-color: rgba(7, 7, 7, 0.5);
}

    .category-vehicles-list li span {
        color: rgb(168, 168, 168);
        text-transform: uppercase;
        float: left;
    }

    .category-vehicles-list li strong {
        float: right;
    }

    .category-vehicles-list li.active span {
        color: rgb(255, 255, 255);
    }

    .category-vehicles-list li.total span {
        padding: 5px 0px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }

    .category-vehicles-list li.total strong {
        padding: 5px 0px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }

    .category-vehicles-list li[data-guid] {
        cursor: pointer;
    }

        .category-vehicles-list li[data-guid]:hover {
            color: rgb(0, 0, 0);
            background-color: rgb(255, 255, 255);
        }

            .category-vehicles-list li[data-guid]:hover span {
                color: rgb(0, 0, 0);
            }

#vehicle-category-details .track-button {
    margin-bottom: 0px;
}

#vehicle-category-details .info {
    margin-top: 16px;
}

body #base-container #user .profile-stats-blaze-down {
    height: 200px;
    text-align: center;
    color: rgb(168, 168, 168);
    line-height: 200px;
    font-size: 14px;
}

body #base-container #user .profile-info {
    position: relative;
}

body #base-container #user .premium.profile-info .username.box {
    background-position: top;
    color: rgb(244, 208, 125);
    background-image: url("../base/bf4/overlay-p.png");
    background-repeat: no-repeat;
}

    body #base-container #user .premium.profile-info .username.box .icon-premium-p-big {
        left: 10px;
        margin-top: 4px;
        position: relative;
    }

body #base-container #user .profile-info .box {
    width: 815px;
    height: 39px;
    margin-bottom: 1px;
}

    body #base-container #user .profile-info .box .box-content {
        padding: 0px 14px;
        height: 39px;
        line-height: 39px;
    }

body #base-container #user .profile-info .username.box {
    font-family: Purista, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    background-color: rgba(7, 7, 7, 0.6);
}

body #base-container #user .profile-info .userinfo.box {
    font-family: Arial;
    font-size: 14px;
}

    body #base-container #user .profile-info .userinfo.box .infotext {
        color: rgb(168, 168, 168);
    }

    body #base-container #user .profile-info .userinfo.box :empty.box-content {
        top: -1px;
        height: 41px;
        position: relative;
    }

body #base-container #user .profile-info .soldiers.box {
    font-family: Purista, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
}

    body #base-container #user .profile-info .soldiers.box .allsoldiers {
        width: 680px;
        height: 39px;
        overflow: hidden;
    }

body #base-container #user .profile-info .last.box .box-content {
    height: 56px;
    line-height: 56px;
}

body #base-container #user .profile-info h1 {
    margin: 0px;
    padding: 0px 14px;
    width: 100%;
    text-transform: none;
    overflow: hidden;
}

    body #base-container #user .profile-info h1 span.premium {
        color: rgb(228, 183, 68);
    }

body #base-container #user .profile-info .presentation {
    line-height: 25px;
}

body #base-container #user .profile-info .avatar-container {
    width: 17px;
    height: 17px;
    margin-right: 1px;
    float: left;
}

    body #base-container #user .profile-info .avatar-container .avatar {
        width: 176px;
        height: 176px;
    }

body #base-container #user .profile-info .user-container {
    width: 815px;
    float: left;
}

body #base-container #user .profile-info .interact {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
}

    body #base-container #user .profile-info .interact .btn {
        margin-right: 8px;
    }

    body #base-container #user .profile-info .interact .avatar {
        margin-left: 6px;
    }

body #base-container #user .profile-overview .presentation {
    color: rgb(168, 168, 168);
    line-height: 22px;
    font-size: 14px;
}

body #base-container #user .profile-playing {
    background: rgb(47, 132, 177);
    height: 72px;
}

    body #base-container #user .profile-playing .map {
        margin: 6px;
    }

        body #base-container #user .profile-playing .map .map-image {
            height: 60px;
        }

    body #base-container #user .profile-playing .info {
        margin: 0px 10px;
        padding-top: 8px;
    }

        body #base-container #user .profile-playing .info .servername {
            text-transform: none;
        }

        body #base-container #user .profile-playing .info h1 {
            margin: 6px 0px 4px;
            color: rgb(255, 255, 255);
            line-height: 14px;
            font-family: Purista, sans-serif;
            font-size: 19px;
            font-style: normal;
            font-weight: 600;
        }

        body #base-container #user .profile-playing .info h2 {
            color: rgb(255, 255, 255);
            line-height: 14px;
            font-family: Purista, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            margin-bottom: 4px;
        }

        body #base-container #user .profile-playing .info h3 {
            color: rgb(215, 215, 215);
            line-height: 14px;
            font-family: Arial;
            font-size: 12px;
            font-weight: normal;
        }

    body #base-container #user .profile-playing .btn {
        margin: 13px 16px;
    }

body #base-container #user .join-flow {
    margin-bottom: 16px;
    background-color: rgba(7, 7, 7, 0.5);
}

    body #base-container #user .join-flow .server-info {
        padding: 16px;
        float: left;
    }

        body #base-container #user .join-flow .server-info header {
            margin-bottom: 14px;
        }

    body #base-container #user .join-flow .join-button {
        padding-right: 16px;
        float: right;
    }

body #base-container #user .soldier-info {
    height: 294px;
    padding-top: 16px;
    padding-left: 16px;
    position: relative;
    background-color: rgba(7, 7, 7, 0.6);
}

    body #base-container #user .soldier-info div {
        margin-bottom: 14px;
    }

    body #base-container #user .soldier-info .avatar {
        right: 5px;
        position: absolute;
        z-index: 10;
    }

    body #base-container #user .soldier-info .dogtags {
        top: 0px;
        right: 40px;
        position: absolute;
    }

body #base-container #user #soldiers header {
    margin-bottom: 1px;
}

body #base-container #user #soldiers .banned .rank {
    display: none;
}

body #base-container #user #soldiers .premium.soldier-data-container {
    background-position: top;
    background-image: url("../base/bf4/overlay-p.png");
    background-repeat: no-repeat;
}

    body #base-container #user #soldiers .premium.soldier-data-container .soldier-name {
        color: rgb(244, 208, 125);
    }

body #base-container #user #soldiers h2 {
    margin: 0px;
    line-height: 1;
    font-size: 22px;
}

    body #base-container #user #soldiers h2.soldier-name {
        text-transform: none;
        position: relative;
        z-index: 2;
    }

    body #base-container #user #soldiers h2 .count {
        float: right;
    }

body #base-container #user #soldiers .soldier-name-banned {
    color: rgb(255, 0, 0);
    text-transform: uppercase;
    font-size: 12px;
}

body #base-container #user #soldiers h3 {
    line-height: 1;
    font-size: 30px;
}

    body #base-container #user #soldiers h3.skill {
        margin-bottom: 20px;
    }

    body #base-container #user #soldiers h3.rank {
        font-size: 40px;
        font-weight: 400;
    }

body #base-container #user #soldiers h5 {
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
}

body #base-container #user #soldiers .soldier-emblem {
    top: 40px;
    right: 90px;
    position: absolute;
    z-index: 0;
}

body #base-container #user #soldiers .rank {
    transition: opacity 0.5s;
    -webkit-transition: 0.5s opacity;
    -moz-transition: 0.5s opacity;
}

body #base-container #user #soldiers .dogtags {
    transition: opacity 0.5s;
    -webkit-transition: 0.5s opacity;
    -moz-transition: 0.5s opacity;
}

body #base-container #user #soldiers .rank {
    left: 6px;
    top: 30px;
    position: absolute;
}

body #base-container #user #soldiers .other.rank {
    top: 60px;
}

body #base-container #user #soldiers .hidden {
    opacity: 0;
}

body #base-container #user #soldiers .soldier-hidden {
    display: none;
}

body #base-container #user #soldiers .box-padding {
    z-index: 3;
}

body #base-container #user #soldiers .profile-soldier-image {
    right: -80px;
    bottom: -215px;
    position: absolute;
    z-index: 1;
}

body #base-container #user #soldiers h3.rank {
    line-height: 1;
    font-size: 30px;
}

    body #base-container #user #soldiers h3.rank img {
        vertical-align: middle;
    }

body #base-container #user #soldiers .details {
    display: none;
}

body #base-container #user #soldiers .dogtags {
    left: 95px;
    top: 130px;
    position: absolute;
}

    body #base-container #user #soldiers .dogtags img {
        width: 75px;
        position: absolute;
    }

        body #base-container #user #soldiers .dogtags img:first-child {
            top: 3px;
            z-index: 1;
            transform: rotate(10deg);
            -webkit-transform: rotate(10deg);
            -moz-transform: rotate(10deg);
            -o-transform: rotate(10deg);
        }

        body #base-container #user #soldiers .dogtags img:last-child {
            left: 45px;
        }

body #base-container #user #soldiers .icon-platform {
    display: inline-block;
}

body #base-container #user #soldiers .soldier {
    height: 127px;
    overflow: hidden;
    margin-bottom: 1px;
    position: relative;
    cursor: pointer;
}

    body #base-container #user #soldiers .soldier > a:hover {
        text-decoration: none;
    }

body #base-container #user #soldiers .big.soldier {
    height: 279px;
}

    body #base-container #user #soldiers .big.soldier .rank {
        left: 6px;
        top: 35px;
        position: absolute;
    }

    body #base-container #user #soldiers .big.soldier .other.rank {
        top: 65px;
    }

    body #base-container #user #soldiers .big.soldier .details {
        left: 16px;
        bottom: 16px;
        display: block;
        position: absolute;
        z-index: 2;
    }

    body #base-container #user #soldiers .big.soldier .profile-soldier-image {
        bottom: -60px;
    }

body #base-container #user #soldiers .soldier:hover {
    text-decoration: none;
}

body #base-container #user .veteran-score .box-content h1 {
    text-align: center;
}

body #base-container #user .connected-devices .box-content h1 {
    text-align: center;
}

body #base-container #user .veteran-score .box-content p {
    font-size: 12px;
}

body #base-container #user .connected-devices .box-content p {
    font-size: 12px;
}

body #base-container #user .veteran-score .box-content p span.red {
    color: red;
    padding-right: 1px;
    padding-left: 1px;
}

body #base-container #user .connected-devices .box-content p span.red {
    color: red;
    padding-right: 1px;
    padding-left: 1px;
}

body #base-container #user .veteran-score .box-content p span.green {
    color: rgb(120, 199, 83);
}

body #base-container #user .connected-devices .box-content p span.green {
    color: rgb(120, 199, 83);
}

body #base-container #user .friends ul {
    margin-right: -11px;
    margin-bottom: -8px;
}

    body #base-container #user .friends ul li {
        margin-right: 11px;
        margin-bottom: 8px;
        display: inline-block;
    }

body #base-container #user .friends footer {
    padding: 0px;
}

    body #base-container #user .friends footer a {
        padding: 16px;
        text-decoration: none;
        display: block;
    }

    body #base-container #user .friends footer:hover {
        background-color: rgba(7, 7, 7, 0.6);
    }

body #base-container #user .friends .facebook-friendfinder {
    background: url("../facebook/icon-fb-l.png") no-repeat center 0px;
    text-align: center;
    padding-top: 60px;
    position: relative;
    z-index: 1;
}

    body #base-container #user .friends .facebook-friendfinder p {
        color: rgb(168, 168, 168);
        text-transform: none;
        line-height: 1.5em;
        font-family: Arial;
        font-size: 14px;
        margin-bottom: 12px;
    }

    body #base-container #user .friends .facebook-friendfinder button {
        cursor: pointer;
    }

body #base-container #user .profile-others.wallpost textarea {
    padding: 8px;
}

.right-column .friends header h1 a {
    color: rgb(213, 221, 229);
    text-decoration: none;
}

#profile-friends .friend {
    margin-top: 1px;
}

#profile-friends .interact {
    margin-top: 13px;
}

#profile-friends .text {
    margin-top: 20px;
    margin-left: 76px;
}

    #profile-friends .text .username {
        color: rgb(168, 168, 168);
        font-size: 12px;
        text-decoration: none;
        margin-top: 6px;
        display: block;
    }

#profile-friends .playing .text {
    line-height: 20px;
    margin-top: 9px;
}

#game-stats > .submenu li a {
    font-size: 16px;
}

#game-stats .loading-box {
    padding: 50px;
    text-align: center;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.45);
}

#game-stats .profile-stats-blaze-down {
    padding: 50px;
    text-align: center;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.45);
}

#game-stats .no-results.box {
    text-align: center;
}

#game-stats-head {
    height: 64px;
    margin-bottom: 8px;
}

#game-stats-head2 {
    height: 0px;
    margin-bottom: 0px;
}

#game-stats-head::before {
    line-height: 0;
    display: table;
    content: "";
}

#game-stats-head::after {
    line-height: 0;
    display: table;
    content: "";
}

#game-stats-head::after {
    clear: both;
}

#game-stats-head .avatar-container {
    margin-right: 16px;
    float: left;
}

#game-stats-head h1 {
    line-height: 32px;
    font-size: 31px;
    margin-bottom: 4px;
}

#game-stats-head .soldier-info-name span.premium {
    color: rgb(228, 183, 68);
}

#game-stats-head .user {
    min-width: 650px;
}

    #game-stats-head .user::before {
        line-height: 0;
        display: table;
        content: "";
    }

    #game-stats-head .user::after {
        line-height: 0;
        display: table;
        content: "";
    }

    #game-stats-head .user::after {
        clear: both;
    }

    #game-stats-head .user .common-gameicon-hori {
        text-decoration: none;
    }

    #game-stats-head .user .common-gameicon-hori {
        line-height: 13px;
        font-size: 13px;
    }

    #game-stats-head .user a.profile-link {
        line-height: 13px;
        font-size: 13px;
    }

    #game-stats-head .user .common-gameicon-hori {
        margin-right: 5px;
        float: left;
    }

    #game-stats-head .user .icon-premium-wide {
        margin-right: 5px;
        float: left;
    }

    #game-stats-head .user .icon-premium-wide {
        margin-top: 4px;
    }

#stats-header-challenges {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
}

    #stats-header-challenges::before {
        line-height: 0;
        display: table;
        content: "";
    }

    #stats-header-challenges::after {
        line-height: 0;
        display: table;
        content: "";
    }

    #stats-header-challenges::after {
        clear: both;
    }

    #stats-header-challenges > div {
        margin-top: 14px;
    }

        #stats-header-challenges > div:nth-child(2) {
            height: 29px;
            padding-top: 3px;
            margin-right: 16px;
        }

            #stats-header-challenges > div:nth-child(2) i:nth-of-type(1) {
                margin-right: 16px;
            }

            #stats-header-challenges > div:nth-child(2) i:nth-of-type(2) {
                margin-left: 16px;
                float: right;
            }

#stats-list-container li {
    padding: 0px 10px;
    height: 26px;
    line-height: 26px;
    clear: both;
}

    #stats-list-container li:nth-child(2n+1) {
        background-color: rgba(0, 0, 0, 0.3);
    }

    #stats-list-container li span {
        float: left;
    }

    #stats-list-container li strong {
        float: right;
    }

.overview-small-list-box .box-content {
    padding: 14px 16px 0px;
    height: 64px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.overview-small-list-box .alpha.box-content {
    padding: 15px 15px 0px;
    height: 79px;
}

.overview-small-list-box .no-data {
    width: 100%;
    text-align: center;
    color: rgb(168, 168, 168);
    font-size: 12px;
    margin-top: 12px;
}

.overview-small-solo-box .box-content {
    height: 144px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.empty-overview-top-box .box-content {
    height: 143px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.empty-overview-top-box .no-data {
    width: 100%;
    text-align: center;
    color: rgb(168, 168, 168);
    font-size: 12px;
    margin-top: 64px;
}

.overview-top-box .box-content {
    background: none;
    height: 181px;
    position: relative;
}

.overview-top-box .item-highlighted {
    left: 0px;
    top: 0px;
    right: 85px;
    bottom: 0px;
    position: absolute;
}

    .overview-top-box .item-highlighted .top-item {
        width: 100%;
        height: 100%;
    }

        .overview-top-box .item-highlighted .top-item .info {
            left: 16px;
            text-align: left;
            right: 10px;
            bottom: 13px;
        }

            .overview-top-box .item-highlighted .top-item .info .service-stars {
                background: url("../profile/warsaw/stats/servicestars/servicestar-20x20.png") no-repeat 0px 1px / 18px 18px;
                height: 21px;
                text-align: right;
                right: 0px;
                bottom: 0px;
                padding-top: 0px;
                padding-left: 22px;
                font-family: Purista, sans-serif;
                font-size: 19px;
                font-style: normal;
                font-weight: 600;
                position: absolute;
            }

.overview-top-box .items-highlighted {
    width: 84px;
    margin-top: -1px;
    float: right;
}

    .overview-top-box .items-highlighted .top-item {
        margin-top: 1px;
    }

        .overview-top-box .items-highlighted .top-item .item-image {
            margin-top: 6px;
        }

        .overview-top-box .items-highlighted .top-item .info .title {
            /*display: none;*/
        }

        .overview-top-box .items-highlighted .top-item .info .score {
            text-transform: capitalize;
            font-family: inherit;
            font-size: 14px;
            font-weight: normal;
        }

.overview-top-box .top-item {
    width: 84px;
    height: 90px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.4);
}

.overview-top-box .is-linked.top-item:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

.overview-top-box .top-item > a {
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.overview-top-box .list-head.top-item {
    text-align: center;
    line-height: 55px;
    font-size: 18px;
}

.overview-top-box .top-item .info {
    left: 0px;
    text-align: center;
    right: 0px;
    bottom: 8px;
    position: absolute;
}

    .overview-top-box .top-item .info .title {
        color: rgb(168, 168, 168);
        text-transform: uppercase;
        line-height: 1;
        font-size: 14px;
        margin-bottom: 4px;
    }

    .overview-top-box .top-item .info .score {
        text-transform: uppercase;
        line-height: 1;
        font-family: Purista, sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
    }

    .overview-top-box .top-item .info .service-stars {
        background: url("../profile/warsaw/stats/servicestars/servicestar-18x18.png") no-repeat 0px 0px / 13px 13px;
        height: 13px;
        line-height: 1;
        padding-top: 1px;
        padding-left: 16px;
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
    }

    .overview-top-box .top-item .info + span {
        margin: 10px 10px 0px 0px;
        float: right;
    }

.overview-top-box .top-item span {
    color: rgb(168, 168, 168);
    font-size: 12px;
}

.overview-top-box .top-leaderboards .leaderboard-icons img {
    margin: 12px 4px 4px;
}

.overview-top-box .top-leaderboards .items-highlighted .lb-item-image {
    top: 4px;
    height: 40px;
    right: 8px;
    position: absolute;
}

.overview-top-box .top-leaderboards .items-highlighted .division-rank {
    left: 8px;
    bottom: 4px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    z-index: 1;
}

    .overview-top-box .top-leaderboards .items-highlighted .division-rank .division {
        height: 32px;
    }

    .overview-top-box .top-leaderboards .items-highlighted .division-rank .area {
        height: 20px;
    }

    .overview-top-box .top-leaderboards .items-highlighted .division-rank .rank {
        line-height: 10px;
        vertical-align: 50%;
    }

.overview-top-box .battlereport-minicard {
    padding: 7px;
}

    .overview-top-box .battlereport-minicard:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.35);
    }

#overview-battlereport-favorites > a {
    margin: 4px 12px 0px 0px;
    display: inline-block;
}

    #overview-battlereport-favorites > a:last-child {
        margin-right: 0px;
    }

#overview-battlereport-favorites .no-data {
    margin-top: 18px;
}

.dimmed {
    height: 223px;
    text-align: center;
    text-transform: uppercase;
    line-height: 212px;
    font-family: Purista, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0.45);
}

#overview-top-modes:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

#overview-top-modes ul {
    margin: 0px;
    padding: 4px 16px;
}

#overview-completion {
    margin-top: 16px;
}

    #overview-completion .box-content {
        background-color: inherit;
    }

    #overview-completion ul li {
        padding: 6px 0px;
        height: 40px;
        margin-bottom: 1px;
        background-color: rgba(0, 0, 0, 0.4);
    }

        #overview-completion ul li:hover {
            background-color: rgba(7, 7, 7, 0.6);
        }

        #overview-completion ul li i {
            margin-top: 6px;
            float: left;
        }

        #overview-completion ul li .completion-content {
            padding: 8px 0px 12px 20px;
            overflow: hidden;
        }

            #overview-completion ul li .completion-content h6 {
                color: rgb(255, 255, 255);
                line-height: 20px;
                font-size: 14px;
                margin-top: 3px;
                margin-bottom: 0px;
                float: left;
            }

            #overview-completion ul li .completion-content .progress-bar {
                width: 700px;
                margin-top: 3px;
                margin-bottom: 0px;
                float: right;
            }

            #overview-completion ul li .completion-content p {
                top: 3px;
                width: 90px;
                padding-top: 3px;
                padding-left: 10px;
                font-size: 12px;
                float: right;
                position: relative;
            }

                #overview-completion ul li .completion-content p.completed {
                    background-position: 74px 0px;
                    height: 16px;
                    background-image: url("../profile/warsaw/checkbox.png");
                    background-repeat: no-repeat;
                }

.stat-latest-game h6 {
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    font-size: 16px;
}

.stat-latest-game i {
    width: 42px;
    height: 42px;
    display: inline-block;
}

.stat-latest-game .info {
    text-align: left;
}

    .stat-latest-game .info p:first-child {
        color: rgb(168, 168, 168);
        text-transform: uppercase;
        line-height: 12px;
        font-size: 12px;
        margin-bottom: 6px;
    }

    .stat-latest-game .info p:last-child {
        line-height: 14px;
    }

#filter-options {
    margin-bottom: 20px;
    display: none;
}

    #filter-options .ui-widget-content {
        border: 0px currentColor;
        border-image: none;
        background-color: rgba(0, 0, 0, 0.6);
    }

    #filter-options .ui-slider-handle {
        top: -2px;
        width: 6px;
        height: 9px;
        margin-left: -5px;
    }

    #filter-options .ui-widget-header {
        box-shadow: inset 0px 0px 3px 1px #148ec1;
        background-image: linear-gradient(to right, rgb(20, 142, 193) 50%, transparent 50%), linear-gradient(to right, rgb(68, 215, 255) 50%, transparent 50%);
        background-size: 1px 1px, 2px 2px, 3px 3px;
        background-color: rgb(20, 142, 193);
    }

    #filter-options .filter-list li {
        margin-bottom: 10px;
    }

    #filter-options .filter-list span {
        text-transform: uppercase;
        font-size: 12px;
    }

        #filter-options .filter-list span:last-child {
            color: rgb(168, 168, 168);
            margin-top: 4px;
            float: right;
        }

    #filter-options .filter-list .filter-slider {
        margin-top: 6px;
    }

    #filter-options h3 {
        color: rgb(138, 138, 138);
        line-height: 1.2;
        font-size: 13px;
    }

    #filter-options section {
        float: left;
    }

        #filter-options section.attributes-filter {
            width: 480px;
        }

        #filter-options section.category-filter {
            width: 430px;
            margin-left: 50px;
        }

            #filter-options section.category-filter li {
                width: 190px;
                overflow: hidden;
                display: inline-block;
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
            }

.stat-box {
    margin-bottom: 16px;
}

    .stat-box > header + .box-content {
        padding: 0px;
        background-color: inherit;
    }

.stat-list-col > li {
    margin: 0px 1px 1px 0px;
    text-align: center;
    float: left;
    display: inline-block;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .stat-list-col > li:hover {
        background-color: rgba(7, 7, 7, 0.6);
    }

    .stat-list-col > li.active {
        color: black;
        opacity: 1;
        box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
        background-color: white;
    }

.col6.stat-list-col > li {
    width: 108px;
}

    .col6.stat-list-col > li:nth-child(6n+4) {
        width: 109px;
    }

    .col6.stat-list-col > li:nth-child(6n+5) {
        width: 109px;
    }

    .col6.stat-list-col > li:nth-child(6n) {
        width: 109px;
        margin-right: 0px;
    }

.col5.stat-list-col > li {
    width: 130px;
}

    .col5.stat-list-col > li:nth-child(5n+4) {
        width: 131px;
    }

    .col5.stat-list-col > li:nth-child(5n) {
        width: 131px;
        margin-right: 0px;
    }

.box-list {
    margin-bottom: 1px;
}

    .box-list li {
        padding: 8px 10px;
        font-size: 12px;
        margin-top: 1px;
        background-color: rgba(7, 7, 7, 0.5);
    }

a.box-link {
    padding: 2px 5px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.3);
}

    a.box-link:hover {
        color: rgb(0, 0, 0);
        box-shadow: 0px 0px 6px 0px rgba(255,255,255,0.5);
        background-color: rgba(255, 255, 255, 0.8);
    }

#profile-status-message-edit {
    padding: 7px 8px;
    width: 100%;
    font-size: 14px;
    margin-bottom: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#profile-status-message {
    position: relative;
}

    #profile-status-message .profile-status-message-text {
        display: inline-block;
    }

    #profile-status-message .profile-status-message-date {
        color: rgb(168, 168, 168);
        font-size: 12px;
    }

.profile-your#profile-status-message .message {
    border: 1px solid rgb(138, 138, 138);
    border-image: none;
    background-color: rgba(0, 0, 0, 0.3);
}

    .profile-your#profile-status-message .message #profile-status-message-area {
        padding: 8px;
        font-size: 14px;
    }

.profile-your#profile-status-message:hover .message {
    border-color: rgba(250, 246, 246, 0.6);
    cursor: text;
}

#profile-status-message #profile-edit-status-button {
    top: 11px;
    width: 14px;
    height: 14px;
    right: 11px;
    position: absolute;
    cursor: pointer;
    background-image: url("../comcenter/chat-edit.png");
    background-repeat: no-repeat;
}

    #profile-status-message #profile-edit-status-button:hover {
        background-position: 0px -14px;
    }

#profile-status-message:hover #profile-edit-status-button {
    background-position: 0px -14px;
}

#profile-status-message .feed-update-status-terms {
    cursor: pointer;
}

#profile-edit-full-form .premium.soldier-row {
    background-position: top;
    background-image: url("../img/icons/overlay-p.png");
    background-repeat: no-repeat;
}

    #profile-edit-full-form .premium.soldier-row .icon-premium-wide {
        top: 2px;
        margin-right: 6px;
        position: relative;
    }

#profile-edit-full-form .profile-edit-full-form-loader {
    margin-top: 8px;
    margin-right: 16px;
    float: left;
    display: none;
}

#profile-edit-full-form #profile-edit-blocked-users .base-profile-link {
    font-size: 12px;
    font-weight: bold;
}

#profile-edit-full-form #profile-edit-blocked-users .profile-removeblock {
    margin-top: 4px;
}

#profile-edit-full-form .profile-edit-gravatar-container {
    background: rgba(0, 0, 0, 0.5);
    color: rgb(213, 221, 229);
    margin-right: 16px;
    float: left;
}

#profile-edit-full-form p {
    line-height: 1.2;
    font-size: 12px;
}

    #profile-edit-full-form p a {
        text-decoration: underline;
    }

        #profile-edit-full-form p a:hover {
            text-decoration: none;
        }

#profile-edit-full-form label {
    font-size: 12px;
}

#profile-edit-full-form #profile-edit-gravatar {
    width: 340px;
    line-height: 26px;
    margin-top: 10px;
}

#profile-edit-full-form #profile-edit-remove-gravatar {
    line-height: 40px;
    font-size: 12px;
    text-decoration: underline;
    margin-right: 16px;
}

#profile-edit-full-form #profile-edit-change-gravatar {
    line-height: 40px;
    font-size: 12px;
    text-decoration: underline;
    margin-right: 16px;
}

#profile-edit-full-form .blockbox {
    width: 100%;
    margin-top: 1px;
}

#profile-edit-full-form .profile-personas-playing-game li {
    clear: both;
}

    #profile-edit-full-form .profile-personas-playing-game li .profile-tag-soldier-name {
        padding: 8px 0px;
        clear: both;
        font-size: 14px;
        font-weight: bold;
    }

        #profile-edit-full-form .profile-personas-playing-game li .profile-tag-soldier-name .soldiername {
            margin-right: 5px;
            float: left;
        }

        #profile-edit-full-form .profile-personas-playing-game li .profile-tag-soldier-name .profile-soldier-game {
            margin-top: 2px;
        }

    #profile-edit-full-form .profile-personas-playing-game li .profile-edit-clantag-input-container {
        left: 10px;
        top: 10px;
        float: left;
        position: relative;
    }

    #profile-edit-full-form .profile-personas-playing-game li .profile-edit-GravatarName-input-container {
        left: 10px;
        top: 10px;
        float: left;
        position: relative;
    }

    #profile-edit-full-form .profile-personas-playing-game li .soldier-dogtags {
        left: 20px;
        position: relative;
    }

#profile-edit-full-form .profile-edit-dogtag-text {
    top: 30px;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

    #profile-edit-full-form .profile-edit-dogtag-text:hover {
        text-decoration: underline;
    }

#profile-edit-full-form .profile-edit-picture .profile-soldier-image {
    cursor: inherit;
}

#profile-edit-full-form .profile-edit-soldier-text {
    top: 30px;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

    #profile-edit-full-form .profile-edit-soldier-text:hover {
        text-decoration: underline;
    }

#profile-edit-full-form .profile-edit-presentation-text {
    top: 5px;
    width: 104px;
    font-size: 12px;
    float: left;
    display: inline-block;
    position: relative;
}

#profile-edit-full-form #profile-edit-forumsignature {
    margin: 0px;
    padding: 8px;
    width: 438px;
    height: 100px;
    color: rgb(255, 255, 255);
    font-family: arial, sans-serif;
    font-size: 12px;
    -ms-overflow-y: auto;
    max-width: 438px;
}

#profile-edit-full-form #profile-edit-presentation {
    margin: 0px;
    padding: 8px;
    width: 438px;
    height: 100px;
    color: rgb(255, 255, 255);
    font-family: arial, sans-serif;
    font-size: 12px;
    -ms-overflow-y: auto;
    max-width: 438px;
}

#profile-edit-full-form p.edit-profile-user-details-text {
    line-height: 1.2;
    padding-bottom: 15px;
}

#profile-edit-full-form #profile-edit-row-name {
    margin-bottom: 16px;
}

#profile-edit-full-form #profile-edit-row-location label {
    float: left;
}

#profile-edit-full-form .profile-presentation-box {
    margin-top: 10px;
}

#profile-edit-full-form .profile-edit-dateformat-label {
    width: 150px;
}

#profile-edit-full-form .profile-edit-row {
    min-height: 22px;
}

    #profile-edit-full-form .profile-edit-row > label:first-child {
        top: 8px;
        text-transform: uppercase;
        font-weight: bold;
        float: left;
        position: relative;
        min-width: 170px;
    }

#profile-edit-full-form #profile-edit-clantag-input {
    width: 102px;
    height: 34px;
    line-height: 26px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#profile-edit-full-form #profile-edit-GravatarName-input {
    width: 102px;
    height: 34px;
    line-height: 26px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#profile-edit-full-form .greyedout#profile-edit-clantag-input {
    background: rgba(255, 255, 255, 0.05);
}

#profile-edit-full-form .greyedout#profile-edit-GravatarName-input {
    background: rgba(255, 255, 255, 0.05);
}

#profile-edit-full-form .profile-edit-row-birthday .ui-select {
    text-transform: capitalize;
    margin-right: 8px;
}

#profile-edit-full-form .profile-warsawstats-resetstatsbutton {
    top: 5px;
    margin-right: 6px;
    position: relative;
}

#profile-edit-full-form .switch {
    margin: 0px 10px 0px 0px;
    top: 3px;
    position: relative;
}

#profile-edit-full-form .label-hidden.profile-edit-invisible-label {
    display: none;
}

#profile-edit-full-form .extra-info {
    color: rgb(168, 168, 168);
    line-height: 18px;
    font-size: 12px;
    margin-top: 16px;
    margin-right: 170px;
    margin-left: 170px;
}

#profile-edit-full-form .hidden.extra-info {
    display: none;
}

#profile-edit-full-form #profile-edit-row-game-launch .profile-edit-notification-label {
    float: left;
}

#profile-edit-full-form #profile-edit-row-privacy .profile-edit-notification-label {
    float: left;
}

#profile-edit-full-form #profile-edit-row-sound-notification .profile-edit-notification-label {
    float: left;
}

#profile-edit-full-form #profile-edit-row-local-settings .profile-edit-notification-label {
    float: left;
}

#profile-edit-full-form #profile-edit-row-game-launch .soundevents {
    float: left;
}

#profile-edit-full-form #profile-edit-row-game-launch .local-settings {
    float: left;
}

#profile-edit-full-form #profile-edit-row-privacy .soundevents {
    float: left;
}

#profile-edit-full-form #profile-edit-row-privacy .local-settings {
    float: left;
}

#profile-edit-full-form #profile-edit-row-sound-notification .soundevents {
    float: left;
}

#profile-edit-full-form #profile-edit-row-sound-notification .local-settings {
    float: left;
}

#profile-edit-full-form #profile-edit-row-local-settings .soundevents {
    float: left;
}

#profile-edit-full-form #profile-edit-row-local-settings .local-settings {
    float: left;
}

#profile-edit-full-form #profile-edit-row-game-launch .soundevents .profile-edit-sound-notification-option {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-game-launch .soundevents .profile-edit-local-setting {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-game-launch .local-settings .profile-edit-sound-notification-option {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-game-launch .local-settings .profile-edit-local-setting {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-privacy .soundevents .profile-edit-sound-notification-option {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-privacy .soundevents .profile-edit-local-setting {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-privacy .local-settings .profile-edit-sound-notification-option {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-privacy .local-settings .profile-edit-local-setting {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-sound-notification .soundevents .profile-edit-sound-notification-option {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-sound-notification .soundevents .profile-edit-local-setting {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-sound-notification .local-settings .profile-edit-sound-notification-option {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-sound-notification .local-settings .profile-edit-local-setting {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-local-settings .soundevents .profile-edit-sound-notification-option {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-local-settings .soundevents .profile-edit-local-setting {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-local-settings .local-settings .profile-edit-sound-notification-option {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-local-settings .local-settings .profile-edit-local-setting {
    margin: 3px 0px;
}

#profile-edit-full-form #profile-edit-row-game-launch span {
    font-size: 12px;
}

#profile-edit-full-form #profile-edit-row-privacy span {
    font-size: 12px;
}

#profile-edit-full-form #profile-edit-row-sound-notification span {
    font-size: 12px;
}

#profile-edit-full-form #profile-edit-row-local-settings span {
    font-size: 12px;
}

#profile-edit-full-form #profile-edit-row-game-launch .profile-edit-privacy-option-labels {
    margin-bottom: 8px;
    margin-left: 16px;
}

#profile-edit-full-form #profile-edit-row-privacy .profile-edit-privacy-option-labels {
    margin-bottom: 8px;
    margin-left: 16px;
}

#profile-edit-full-form #profile-edit-row-sound-notification .profile-edit-privacy-option-labels {
    margin-bottom: 8px;
    margin-left: 16px;
}

#profile-edit-full-form #profile-edit-row-local-settings .profile-edit-privacy-option-labels {
    margin-bottom: 8px;
    margin-left: 16px;
}

#profile-edit-full-form #profile-edit-row-game-launch .ui-select {
    margin-right: 6px;
}

#profile-edit-full-form #profile-edit-row-privacy .ui-select {
    margin-right: 6px;
}

#profile-edit-full-form #profile-edit-row-sound-notification .ui-select {
    margin-right: 6px;
}

#profile-edit-full-form #profile-edit-row-local-settings .ui-select {
    margin-right: 6px;
}

#profile-edit-full-form #profile-edit-row-game-launch div.label label {
    font-size: 14px;
    font-weight: bold;
}

#profile-edit-full-form #profile-edit-row-privacy div.label label {
    font-size: 14px;
    font-weight: bold;
}

#profile-edit-full-form #profile-edit-row-sound-notification div.label label {
    font-size: 14px;
    font-weight: bold;
}

#profile-edit-full-form #profile-edit-row-local-settings div.label label {
    font-size: 14px;
    font-weight: bold;
}

#profile-edit-full-form .profile-edit-privacy-option-label a {
    color: rgb(168, 168, 168);
}

.soldierbox-hidden {
    display: none;
}

#soldierbox-footer {
    padding: 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
}

    #soldierbox-footer p {
        padding: 16px;
    }

    #soldierbox-footer:hover {
        background-color: rgba(7, 7, 7, 0.6);
    }

#favorite-battlereports-table {
    width: 327px;
    font-size: 10px;
}

    #favorite-battlereports-table .favmapname {
        padding-bottom: 5px;
        font-size: 11px;
    }

    #favorite-battlereports-table .map-info p {
        width: 99px;
        white-space: normal;
        -ms-word-wrap: break-word;
    }

.profile-location-display {
    padding: 0px;
    width: 400px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    float: left;
}

    .profile-location-display a {
        font-size: 12px;
        font-weight: normal;
    }

    .profile-location-display p {
        font-weight: normal;
    }

.profile-editsoldier {
    padding: 0px !important;
    margin-top: 1px;
}

    .profile-editsoldier .dogtag1 {
        left: 14px;
        position: relative;
    }

.profile-editsoldier-icon {
    top: 3px;
    position: relative;
}

.profile-editsoldier-table {
    margin-bottom: 0px !important;
}

    .profile-editsoldier-table .game-title {
        color: rgb(255, 255, 255);
        font-family: Purista, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
    }

.profile-editprivacy-table {
    margin-bottom: 0px !important;
}

.hidden#friend-unblock-button {
    display: none;
}

.hidden#friend-block-button {
    display: none;
}

td.profile-edit-primary .switch {
    left: 12px;
    position: relative;
}

td#profile-edit-soldier-name {
    width: 400px;
}

    td#profile-edit-soldier-name a {
        font-size: 14px;
    }

span.edit-profile-back {
    margin-left: 10px;
}

h1.soldier-info-name.primary span {
    text-transform: none;
    line-height: 40px;
}

h1.soldier-info-name.primary #base-container .content > section > header h1.wrappable.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

#base-container .content > section > header h1.soldier-info-name.primary h1.wrappable.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

h1.soldier-info-name.primary .forum-start-title h1.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

.forum-start-title h1.soldier-info-name.primary h1.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

h1.soldier-info-name.primary .forum-page-title h1.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

.forum-page-title h1.soldier-info-name.primary h1.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

h1.soldier-info-name.primary .missions-details .header h1.wrappable.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

.missions-details .header h1.soldier-info-name.primary h1.wrappable.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

h1.soldier-info-name.primary .devblog .header h1.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

.devblog .header h1.soldier-info-name.primary h1.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

h1.soldier-info-name.primary #battlereport > header h1.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

#battlereport > header h1.soldier-info-name.primary h1.soldier-info-name {
    text-transform: none;
    line-height: 40px;
}

.overview-info-box .box-content {
    position: relative;
}

#profile-customize-dropdown-button {
    position: relative;
}

    #profile-customize-dropdown-button .btn {
        padding-right: 10px;
        padding-left: 10px;
        white-space: nowrap;
    }

        #profile-customize-dropdown-button .btn img {
            top: -3px;
            right: -2px;
            position: relative;
            opacity: 0.85;
        }

        #profile-customize-dropdown-button .btn:hover img {
            opacity: 1;
        }

.set-as-active.btn {
    padding: 0px 10px;
    margin-right: 10px;
}

.underage.profile {
    text-align: center;
}

    .underage.profile .box-content {
        padding-top: 200px;
        min-height: 300px;
    }

.profile-custom .popover .popover-body {
    background: rgb(10, 14, 20);
    border: 1px solid rgb(213, 221, 229);
    border-image: none;
}

    .profile-custom .popover .popover-body ul li > a {
        color: rgb(168, 168, 168);
    }

.dogtags-chain {
    text-align: left;
    position: relative;
}

    .dogtags-chain .dog-tag-name-overlay {
        color: rgba(200, 200, 200, 0.9);
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 400;
        position: absolute;
        z-index: 3;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -ms-background-clip: text;
        -o-background-clip: text;
    }

    .dogtags-chain .dog-tag-name-overlay-settings {
        color: rgba(200, 200, 200, 0.9);
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 400;
        position: absolute;
        z-index: 3;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -ms-background-clip: text;
        -o-background-clip: text;
    }
	
    .dogtags-chain .dog-tag-stat-overlay {
        color: rgba(200, 200, 200, 0.9);
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 400;
        position: absolute;
        z-index: 3;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -ms-background-clip: text;
        -o-background-clip: text;
    }

    .dogtags-chain .dog-tag-name-overlay {
        transform-origin: 0% 0%;
        left: 25px;
        top: 20px;
        font-size: 16px;
        text-shadow: -1px -1px 0.1px rgba(0,0,0,0.9), 1px 1px 0.1px rgba(255,255,255,0.1);
        transform: rotate(11deg);
        -webkit-transform: rotate(11deg);
        -moz-transform: rotate(11deg);
        -o-transform: rotate(11deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
    }

    .dogtags-chain .dog-tag-name-overlay-settings {
        transform-origin: 0% 0%;
        left: 25px;
        top: 25px;
        font-size: 16px;
        text-shadow: -1px -1px 0.1px rgba(0,0,0,0.9), 1px 1px 0.1px rgba(255,255,255,0.1);
        transform: rotate(11deg);
        -webkit-transform: rotate(11deg);
        -moz-transform: rotate(11deg);
        -o-transform: rotate(11deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
    }
	
    .dogtags-chain .inverted.dog-tag-name-overlay {
        color: rgba(255, 255, 255, 0.3);
        text-shadow: 0px 0px 0.1px rgba(255,255,255,0.3), 0px -1px 0.1px rgba(0,0,0,0.9);
    }
	
    .dogtags-chain .inverted.dog-tag-name-overlay-settings {
        color: rgba(255, 255, 255, 0.3);
        text-shadow: 0px 0px 0.1px rgba(255,255,255,0.3), 0px -1px 0.1px rgba(0,0,0,0.9);
    }
	
    .dogtags-chain .dog-tag-stat-overlay {
        top: 60px;
        text-align: right;
        right: 28px;
        font-size: 11px;
        text-shadow: 0px 1px 0.1px rgba(0,0,0,0.7), -1px 0px 0.1px rgba(255,255,255,0.7);
    }

.profile-twitch-stream .box-content {
    margin-bottom: 1px;
    position: relative;
}

    .profile-twitch-stream .box-content img {
        top: 10px;
        right: 10px;
        position: absolute;
    }

    .profile-twitch-stream .box-content p {
        text-transform: uppercase;
        font-family: Purista;
        font-size: 23px;
    }

        .profile-twitch-stream .box-content p .twitch-viewers {
            color: rgb(168, 168, 168);
            text-transform: none;
            padding-left: 20px;
            font-size: 11px;
        }

#stats-detailed > .row > [class*='span'] {
    margin-left: 16px;
    float: none;
    display: inline-block;
}

    #stats-detailed > .row > [class*='span'] header {
        margin-bottom: 1px;
    }

#stats-detailed tr.totalScore td {
    background-color: rgba(7, 7, 7, 0.6);
}

    #stats-detailed tr.totalScore td.score::before {
        content: "= ";
    }

.clubs-list .box-content {
    margin-top: 1px;
}

.clubs-list .friends {
    margin-top: 8px;
}

.club-link .emblem {
    margin-right: 16px;
    float: left;
}

.club-link .club-info {
    margin-right: 16px;
    float: left;
}

.club-link .name {
    margin: 8px 0px;
    overflow: hidden;
    font-family: Purista, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    max-width: 196px;
}

.club-link .info {
    font-size: 12px;
}

#game-stats .loading-box {
    padding: 200px 0px;
    text-transform: uppercase;
    font-family: Purista, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

    #game-stats .loading-box .loader {
        margin-top: -4px;
    }

#game-stats #overview-teamplay .box-content {
    height: 63px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#game-stats #overview-teamplay .alpha.box-content {
    height: 116px;
}

#game-stats #overview-rank .box-content:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

#game-stats #overview-teamplay .box-content:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

#game-stats #overview-dogtags .box-content:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

#game-stats .overview-info-box .box-content:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

#game-stats .overview-skillcontainer:hover #overview-info-list li {
    background-color: rgba(7, 7, 7, 0.6);
}

#game-stats .overview-skillcontainer:hover #overview-skill .box-content {
    background-color: rgba(7, 7, 7, 0.6);
}

#game-stats #player-win-stats {
    position: relative;
}

#game-stats #player-squad-score {
    margin: 0px;
    padding: 14px 0px;
    text-align: center;
}

    #game-stats #player-squad-score li {
        text-align: center;
    }

        #game-stats #player-squad-score li.last {
            margin-right: 0px;
        }

        #game-stats #player-squad-score li span {
            color: rgb(168, 168, 168);
            text-transform: uppercase;
            font-size: 14px;
            display: block;
        }

        #game-stats #player-squad-score li strong {
            line-height: 30px;
            font-size: 14px;
            font-weight: bold;
            display: block;
        }

            #game-stats #player-squad-score li strong.focus {
                font-family: Purista, sans-serif;
                font-size: 23px;
                font-style: normal;
                font-weight: 600;
            }

#game-stats #player-win-percentage {
    left: 165px;
    top: 34px;
    position: absolute;
}

    #game-stats #player-win-percentage header {
        color: rgb(168, 168, 168);
        text-transform: uppercase;
        font-size: 14px;
        display: block;
    }

    #game-stats #player-win-percentage strong {
        line-height: 30px;
        font-size: 14px;
        font-weight: bold;
        display: block;
    }

        #game-stats #player-win-percentage strong.focus {
            font-family: Purista, sans-serif;
            font-size: 23px;
            font-style: normal;
            font-weight: 600;
        }

#game-stats #player-stats-winrate {
    left: 75px;
    top: 7px;
    width: 100px;
    height: 100px;
    position: absolute;
}

    #game-stats #player-stats-winrate svg {
        position: relative;
    }

#game-stats #weapon-details-accessories {
    margin-top: 1px;
    display: block;
}

#soldierportraits-container #soldierimage {
    text-align: center;
}

    #soldierportraits-container #soldierimage li {
        margin: 10px;
        float: left;
        cursor: pointer;
    }

        #soldierportraits-container #soldierimage li.disabled {
            cursor: inherit;
            opacity: 0.4;
        }

        #soldierportraits-container #soldierimage li:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        #soldierportraits-container #soldierimage li.selected {
            background: rgb(255, 255, 255);
        }

        #soldierportraits-container #soldierimage li img {
            display: block;
        }

        #soldierportraits-container #soldierimage li .unlock-info {
            left: 0px;
            right: 0px;
            bottom: 0px;
            position: absolute;
        }

        #soldierportraits-container #soldierimage li .icon-premium-p {
            right: 6px;
            bottom: 100%;
            margin-bottom: 8px;
        }

        #soldierportraits-container #soldierimage li .icon-battlepack {
            right: 6px;
            bottom: 100%;
            margin-bottom: 8px;
            position: absolute;
        }

            #soldierportraits-container #soldierimage li .icon-battlepack + .icon-premium-p {
                right: 26px;
            }

        #soldierportraits-container #soldierimage li .battlepack-desc {
            background: rgba(0, 0, 0, 0.75);
            color: rgb(255, 255, 255);
            line-height: 16px;
            font-size: 11px;
        }

.common-reportbutton {
    background: url("../common/icon-report-s.png");
}

.common-reportbutton-container .common-reportbutton {
    background: url("../common/icon-report-s.png");
}

.active.common-reportbutton-container .common-reportbutton {
    background-position: 0px 0px;
}

.bright.common-reportbutton {
    background-position: 0px 0px;
}

.profile-expansion-icon {
    top: 2px;
    position: relative;
}

    .profile-expansion-icon a:hover {
        text-decoration: none;
    }

.club-link {
    font-size: 13px;
}

.profile-solder-picture {
    cursor: pointer;
}

.profile-stats-table th {
    cursor: pointer;
}

    .profile-stats-table th .arrow {
        display: none;
    }

    .profile-stats-table th.headerSortUp {
        background: url("../common/box-title-gradient-with-lin-active.png") top;
        color: rgb(0, 0, 0);
    }

    .profile-stats-table th.headerSortDown {
        background: url("../common/box-title-gradient-with-lin-active.png") top;
        color: rgb(0, 0, 0);
    }

    .profile-stats-table th.headerSortUp .arrow {
        width: 10px;
        height: 11px;
        margin-right: 8px;
        float: right;
        display: inline-block;
    }

    .profile-stats-table th.headerSortDown .arrow {
        width: 10px;
        height: 11px;
        margin-right: 8px;
        float: right;
        display: inline-block;
    }

    .profile-stats-table th.headerSortUp .arrow {
        background: url("../main/warsaw/loggedout/tablearrow-up.png") no-repeat;
    }

    .profile-stats-table th.headerSortDown .arrow {
        background: url("../main/warsaw/loggedout/tablearrow-down.png") no-repeat;
    }

.devblog {
    font-family: Arial, sans-serif;
}

    .devblog .header {
        margin-bottom: 15px;
    }

    .devblog section.pagination {
        margin-top: 10px;
    }

    .devblog .no-caps {
        text-transform: none;
    }

    .devblog .devblog-topstories-container {
        margin-bottom: 16px;
    }

        .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory {
            height: 224px;
            display: block;
            position: relative;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-color: black;
        }

            .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-overlay {
                left: 0px;
                top: 50%;
                right: 0px;
                bottom: 0px;
                position: absolute;
                background-image: linear-gradient(rgba(19, 22, 26, 0.5), rgb(19, 22, 26) 50%);
            }

            .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content {
                padding: 0px 16px 16px;
                left: 0px;
                top: 50%;
                right: 0px;
                bottom: 0px;
                margin-top: 16px;
                position: absolute;
            }

                .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-votes {
                    margin: 0px 0px 12px;
                    padding: 0px 6px 0px 0px;
                    line-height: 18px;
                    font-size: 14px;
                    display: inline-block;
                }

                    .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-votes .icon {
                        background: url("../feed/icon-hooah-activitystream.png") no-repeat 0px -54px;
                        margin: 0px 6px 0px 0px;
                        width: 18px;
                        height: 18px;
                        float: left;
                        display: block;
                    }

                .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-comments {
                    margin: 0px 0px 12px;
                    padding: 0px 6px 0px 0px;
                    line-height: 18px;
                    font-size: 14px;
                    display: inline-block;
                }

                    .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content .devblog-topstory-comments .icon {
                        background-position: 0px -10px;
                        margin: 3px 6px 0px 0px;
                        width: 18px;
                        height: 13px;
                        float: left;
                        display: block;
                        background-image: url("../devblog/icon-comments.png");
                        background-repeat: no-repeat;
                    }

                .devblog .devblog-topstories-container .devblog-topstory-wrapper .devblog-topstory .devblog-topstory-content h2 {
                    text-transform: none;
                    line-height: inherit;
                    overflow: hidden;
                    font-family: purista;
                    font-size: 20px;
                    font-weight: normal;
                    min-height: 40px;
                    max-height: 61px;
                }

        .devblog .devblog-topstories-container .devblog-topstory-wrapper .info-box {
            padding: 16px;
            left: 0px;
            bottom: 0px;
            position: absolute;
        }

            .devblog .devblog-topstories-container .devblog-topstory-wrapper .info-box .comments {
                width: 20px;
                padding-left: 16px;
                background-color: rgba(7, 7, 7, 0.6);
            }

    .devblog .devblog-post {
        line-height: 20px;
        font-size: 14px;
    }

        .devblog .devblog-post h1 {
            text-transform: none;
            line-height: 32px;
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 16px;
        }

        .devblog .devblog-post .devblog-index-iteminfo {
            position: relative;
        }

            .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-avatar {
                margin-right: 10px;
                display: inline-block;
            }

            .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo {
                line-height: 35px;
                display: inline-block;
            }

                .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .username {
                    color: rgb(255, 255, 255);
                    padding-right: 10px;
                    font-weight: bold;
                }

                .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .ago {
                    color: rgb(168, 168, 168);
                    padding-right: 10px;
                }

                .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon {
                    background: url("../devblog/icon-comments.png") no-repeat 0px -10px;
                    margin: 0px 6px 0px 0px;
                    height: 12px;
                    color: rgb(255, 255, 255);
                    line-height: 15px;
                    padding-left: 20px;
                    text-decoration: none;
                    display: inline-block;
                    cursor: pointer;
                    opacity: 0.5;
                }

                    .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon:hover {
                        opacity: 1;
                    }

                    .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-comment-icon .comments {
                        color: rgb(255, 255, 255);
                        padding-right: 10px;
                    }

                .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote {
                    color: rgb(255, 255, 255);
                    display: inline-block;
                }

                    .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon {
                        background: url("../feed/icon-hooah-activitystream.png") no-repeat 0px -50px;
                        height: 20px;
                        color: rgb(255, 255, 255);
                        line-height: 26px;
                        padding-left: 20px;
                        text-decoration: none;
                        display: inline-block;
                        cursor: pointer;
                        opacity: 0.5;
                    }

                        .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .devblog-vote-icon:hover {
                            background-position: 0px -50px;
                            opacity: 1;
                        }

                    .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .voted.devblog-vote-icon:hover {
                        background-position: 0px -50px;
                        opacity: 1;
                    }

                    .devblog .devblog-post .devblog-index-iteminfo .devblog-index-iteminfo-textinfo .devblog-toggle-vote .voted.devblog-vote-icon {
                        background-position: 0px -50px;
                        opacity: 1;
                    }

            .devblog .devblog-post .devblog-index-iteminfo .share-widgets {
                padding: 7px 0px 0px;
                height: 20px;
                float: right;
            }

                .devblog .devblog-post .devblog-index-iteminfo .share-widgets li {
                    float: left;
                }

        .devblog .devblog-post .devblog-index-content {
            color: white;
            padding-bottom: 0px;
        }

            .devblog .devblog-post .devblog-index-content p {
                margin-bottom: 1em;
            }

            .devblog .devblog-post .devblog-index-content .alignnone.wp-caption img {
                margin: 0px -16px;
                width: 656px;
                height: auto;
            }

            .devblog .devblog-post .devblog-index-content img.alignnone {
                margin: 0px -16px;
                width: 656px;
                height: auto;
            }

            .devblog .devblog-post .devblog-index-content .aligncenter.wp-caption img {
                margin: 0px -16px;
                width: 656px;
                height: auto;
            }

            .devblog .devblog-post .devblog-index-content img.aligncenter {
                margin: 0px -16px;
                width: 656px;
                height: auto;
            }

            .devblog .devblog-post .devblog-index-content p.wp-caption-text {
                margin: -10px -16px 10px;
                padding: 5px 16px;
                width: 656px;
                color: rgb(168, 168, 168);
                font-size: 12px;
                font-style: italic;
            }

            .devblog .devblog-post .devblog-index-content table {
                border: 1px solid white;
                border-image: none;
            }

                .devblog .devblog-post .devblog-index-content table td {
                    padding: 10px;
                    border: 1px solid white;
                    border-image: none;
                }

        .devblog .devblog-post .preamble {
            display: none;
        }

    .devblog .voting {
        float: left;
    }

    .devblog .reply-item {
        height: 40px;
        padding-left: 40px;
        position: relative;
    }

    .devblog .right-column {
        line-height: 16px;
        margin-bottom: 1px;
    }

        .devblog .right-column .item {
            padding-bottom: 16px;
        }

            .devblog .right-column .item::before {
                line-height: 0;
                display: table;
                content: "";
            }

            .devblog .right-column .item::after {
                line-height: 0;
                display: table;
                content: "";
            }

            .devblog .right-column .item::after {
                clear: both;
            }

        .devblog .right-column h2 {
            text-transform: none;
            line-height: 16px;
            font-size: 12px;
        }

        .devblog .right-column .iteminfo {
            color: rgb(168, 168, 168);
            line-height: 16px;
            font-size: 11px;
        }

            .devblog .right-column .iteminfo .post-title {
                font-size: 12px;
                font-weight: bold;
            }

            .devblog .right-column .iteminfo .common-square {
                margin: 0px 2px 2px;
            }

        .devblog .right-column .thumbnail {
            margin-left: 16px;
            float: right;
        }

            .devblog .right-column .thumbnail img {
                max-height: 53px;
            }

.devblog-postlistsmall {
    margin-bottom: 16px;
}

    .devblog-postlistsmall .devblog-item .details {
        color: rgb(137, 137, 137);
        line-height: 1.8;
        font-size: 11px;
    }

    .devblog-postlistsmall footer {
        padding: 0px;
    }

        .devblog-postlistsmall footer a {
            padding: 16px;
            text-decoration: none;
            display: block;
        }

        .devblog-postlistsmall footer:hover {
            background: rgba(7, 7, 7, 0.6);
        }

.devblog-comments-title {
    color: rgb(53, 53, 53);
    font-size: 12px;
    font-weight: bold;
}

.devblog-view-border {
    background: rgb(218, 218, 218);
    margin: 0px;
    width: 100%;
    height: 1px;
    clear: both;
}

.devblog-view-comments-divider {
    background: rgb(223, 223, 223);
    height: 3px;
    margin-bottom: 15px;
    border-bottom-color: rgb(251, 251, 251);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.devblog-comment-bottom {
    background: url("../devblog/blogbox-bottom.png") repeat-x;
    height: 23px;
    margin-top: 8px;
}

.devblog-list-bottom {
    height: 41px;
    line-height: 41px;
    margin-top: 0px;
}

.devblog-noposts {
    padding: 9px 20px 16px 2px;
    color: rgb(53, 53, 53);
    font-size: 14px;
}

#base-all-body .devblog-post h1 {
    color: rgb(48, 141, 191);
}

.devblog-comments .pagination-pagination-right {
    float: left;
}

.devblog-sidebar {
    width: 320px;
    overflow: hidden;
    float: right;
}

    .devblog-sidebar .common-secondary-column-line {
        margin-bottom: 11px;
    }

.devblog-main {
    width: 656px;
    float: left;
}

.expansion-premium.devblog-post {
    background: url("../premium/avatar-premium-corner-supersize2.png") no-repeat 100% 0px;
    min-height: 66px;
}

.devblog-postlistsmall .expansion-premium a {
    background: url("../premium/icon-p-s.png") no-repeat 0px 1px;
    padding-left: 21px;
    display: inline-block;
}

.devblog-post .battlelog-wordpress {
    padding: 16px 0px;
}

    .devblog-post .battlelog-wordpress ul {
        margin: -1em 0px 1em;
        padding: 0px 2.5em;
    }

    .devblog-post .battlelog-wordpress ol {
        margin: -1em 0px 1em;
        padding: 0px 2.5em;
    }

    .devblog-post .battlelog-wordpress ul li {
        padding: 3px 0px;
    }

    .devblog-post .battlelog-wordpress ol li {
        padding: 3px 0px;
    }

    .devblog-post .battlelog-wordpress ul {
    }

    .devblog-post .battlelog-wordpress ol {
        list-style: decimal;
    }

    .devblog-post .battlelog-wordpress a {
        color: rgb(168, 168, 168);
        text-decoration: underline;
    }

        .devblog-post .battlelog-wordpress a:hover {
            color: rgb(255, 255, 255);
        }

.forum-middle {
    background: url("//d34ymitoc1pg7m.cloudfront.net/common/backgrounds/light-bg-26fc61c7.jpg") repeat-x top rgb(243, 243, 243);
    width: 100%;
    clear: both;
    position: relative;
}

.forum-create-post-similar-threads {
    margin-top: 16px;
}

.forum-start-container {
    width: 990px;
    float: left;
    min-height: 400px;
}

    .forum-start-container .common-box-container {
        width: auto;
    }

    .forum-start-container .common-box-inner {
        padding: 0px;
    }

.forum-start-border {
    padding: 0px;
    margin-bottom: 8px;
}

.forum-start-info {
    height: 27px;
    color: rgb(168, 168, 168);
}

.forum-start-info-bottom {
    width: 100%;
    height: 1px;
    background-color: rgb(242, 242, 242);
}

.forum-start-sticky-thread-separator {
    background: rgb(244, 244, 244);
    height: 4px;
    margin-right: -2px;
    margin-left: -2px;
    border-top-color: rgb(232, 232, 232);
    border-bottom-color: rgb(232, 232, 232);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.forum-activity .forum-start-sticky-thread-separator {
    background: none;
    margin: 0px;
    height: 1px;
    border-top-color: currentColor;
    border-top-width: medium;
    border-top-style: none;
}

.forum-start-forum {
    height: 56px;
    position: relative;
}

.forum-start-forum-has-official {
    border-left-color: rgb(204, 227, 249);
    border-left-width: 3px;
    border-left-style: solid;
}

.forum-start-forum-separator {
    width: 100%;
    height: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: rgb(232, 232, 232);
}

.forum-start-forum-title {
    width: 550px;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 39px;
    float: left;
    white-space: nowrap;
    position: relative;
}

.forum-start-container .forum-start-forum-bodycell a {
    font-size: 12px;
    font-weight: normal;
}

.forum-start-container .forum-start-forum-title a {
    font-size: 14px;
    font-weight: bold;
}

.forum-start-container .forum-start-forum-title p a {
    font-size: 11px;
    font-weight: normal;
}

.forum-title-quicklinks {
    color: rgb(139, 139, 139);
    font-size: 11px;
    margin-left: 10px;
    position: relative;
}

    .forum-title-quicklinks a {
        font-size: 11px;
    }

.forum-forumlist .forum-start-forum-title {
    width: 590px;
    padding-left: 0px;
    margin-left: 16px;
}

    .forum-forumlist .forum-start-forum-title:hover {
        text-decoration: none;
    }

    .forum-forumlist .forum-start-forum-title h4:hover {
        text-decoration: underline;
    }

.forum-start-forum-title-prefix {
    color: rgb(168, 168, 168);
    font-size: 12px;
    margin-top: 3px;
    margin-right: 3px;
    vertical-align: top;
    display: inline-block;
}

.forum-start-forum-title p {
    padding-bottom: 1px;
    font-size: 12px;
    font-weight: normal;
    margin-top: 6px;
}

    .forum-start-forum-title p a {
        padding-bottom: 1px;
        font-size: 12px;
        font-weight: normal;
        margin-top: 6px;
    }

.forum-start-forum-title p {
    width: 97%;
    color: rgb(53, 53, 53);
    overflow: hidden;
    -ms-word-wrap: normal;
    -ms-text-overflow: ellipsis;
}

.forum-start-forum-title-block {
    width: 90%;
    display: inline-block;
}

.forum-start-forum-title .forum-icons {
    margin-right: 6px;
    float: left;
}

    .forum-start-forum-title .forum-icons div {
        left: -3px;
        top: 10px;
        width: 20px;
        height: 29px;
        display: inline-block;
        position: relative;
    }

        .forum-start-forum-title .forum-icons div.premium {
            background: url("../premium/icon-p-s.png") no-repeat;
        }

        .forum-start-forum-title .forum-icons div.locked {
            background: url("../forum/locked-icon-white.png") no-repeat;
        }

        .forum-start-forum-title .forum-icons div.linked {
            background: url("../forum/linked-icon-white.png") no-repeat;
            left: -2px;
        }

.forum-thread-icons {
    left: 2px;
    top: 13px;
    width: 36px;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 5;
}

    .forum-thread-icons .icon {
        margin-bottom: 3px;
        margin-left: 10px;
        display: block;
    }

    .forum-thread-icons .sticky {
        background: url("../forum/sticky-icon-white.png") no-repeat;
        width: 14px;
        height: 15px;
    }

    .forum-thread-icons .locked {
        background: url("../forum/locked-icon-white.png") no-repeat;
        width: 14px;
        height: 15px;
    }

.forum-start-forum-unread {
    left: 0px;
    top: 0px;
    width: 4px;
    height: 56px;
    position: absolute;
    background-color: rgb(182, 182, 182);
}

.forum-start-forum-latest {
    width: 232px;
}

.forum-start-forum-topics {
    width: 77px;
    text-align: center;
}

.forum-start-forum-posts {
    width: 65px;
    text-align: center;
}

.forum-start-forum-headercell {
    height: 27px;
    float: right;
}

.forum-start-forum-headercellleft {
    border: 0px currentColor;
    border-image: none;
}

.forum-start-forum-bodycell {
    height: 58px;
    margin-top: -1px;
    margin-bottom: -1px;
    border-left-color: rgb(242, 242, 242);
    border-left-width: 1px;
    border-left-style: solid;
    float: right;
}

.forum-start-forum-forum {
    float: left;
}

.forum-start-forum-headercell p {
    color: rgb(139, 139, 139);
    line-height: 30px;
    font-size: 11px;
    font-weight: normal;
    margin-right: 14px;
    margin-left: 9px;
}

.forum-start-forum-bodycell p {
    color: rgb(168, 168, 168);
    line-height: 56px;
    font-size: 12px;
}

.forum-start-forum-latest .avatar {
    float: left;
}

.forum-start-forum-latest-info {
    width: 186px;
    height: 38px;
    color: rgb(168, 168, 168);
    overflow: hidden;
    font-size: 11px;
    margin-top: 16px;
    margin-left: 0px;
    float: right;
}

    .forum-start-forum-latest-info a {
        font-size: 11px;
        font-weight: normal;
        white-space: nowrap;
    }

        .forum-start-forum-latest-info a.forum-start-forum-latest-info-title {
            width: 179px;
            height: 15px;
            overflow: hidden;
            float: left;
            -ms-text-overflow: ellipsis;
        }

    .forum-start-forum-latest-info div {
        margin-top: 4px;
    }

    .forum-start-forum-latest-info .forum-ago {
        line-height: 14px;
        float: left;
    }

    .forum-start-forum-latest-info .forum-username {
        height: 14px;
        color: rgb(168, 168, 168);
        line-height: 14px;
        overflow: hidden;
        float: right;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        max-width: 100px;
    }

        .forum-start-forum-latest-info .forum-username a {
            font-size: 11px;
        }

.forum-start-forum-latest .avatar {
    margin-top: 16px;
    margin-right: 8px;
    float: right;
}

.forum-start-latest-container {
    width: 247px;
    float: right;
}

    .forum-start-latest-container h2 {
        color: rgb(168, 168, 168);
        font-family: Tahoma, Arial, sans-serif;
        font-size: 11px;
        margin-bottom: 8px;
    }

    .forum-start-latest-container .forum-start-forum-latest {
        width: 247px;
        padding-top: 4px;
        padding-bottom: 5px;
    }

    .forum-start-latest-container .forum-start-forum-latest-info {
        width: 210px;
        height: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .forum-start-latest-container .forum-start-forum-latest .avatar {
        margin-top: 0px;
        margin-right: 0px;
    }

.forum-search-container {
    float: right;
}

.forum-index-page {
    position: relative;
}

    .forum-index-page .forum-search-container {
        top: 0px;
        right: 0px;
        position: absolute;
    }

.forum-sidebar-search-form-input {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 171, 171) rgb(204, 204, 204) rgb(204, 204, 204);
    padding: 4px 6px;
    border-image: none;
    width: 204px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    margin-right: 4px;
    float: left;
    background-color: rgb(255, 255, 255);
}

.forum-sidebar-search-form-line {
    margin-bottom: 11px;
}

.forum-search-form {
    margin: 16px 0px 15px;
}

.forum-search-form-input {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 171, 171) rgb(204, 204, 204) rgb(204, 204, 204);
    padding: 4px 10px;
    border-image: none;
    width: 203px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    margin-right: 4px;
    background-color: rgb(255, 255, 255);
}

.forum-search-form .forum-advanced-search select {
    padding: 5px;
    width: 150px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.forum-post-preview-container {
    clear: both;
    margin-top: 16px;
}

.forum-postreply-container {
    margin-top: 12px;
    position: relative;
    z-index: 1;
}

.forum-postreply {
    position: relative;
}

    .forum-postreply .avatar {
        top: 40px;
        float: left;
        position: relative;
    }

    .forum-postreply textarea {
        left: 16px;
        width: 875px;
        height: 97px;
        font-family: arial, sans-serif;
        font-size: 12px;
        margin-top: 5px;
        float: left;
        position: relative;
        resize: none;
    }

.forum-postreply-container .forum-postreply textarea {
    height: 395px;
}

.forum-postreply input[type=submit] {
    margin-top: 15px;
    float: right;
}

.forum-postreply-official-selector {
    font-size: 12px;
    margin-top: 4px;
    margin-right: 10px;
    float: right;
}

    .forum-postreply-official-selector input {
        top: 1px;
        position: relative;
    }

.forum-postreply-error {
    background: rgb(255, 227, 227);
    padding: 7px 32px;
    border: 1px solid rgb(255, 160, 160);
    border-image: none;
    left: 13px;
    top: 8px;
    width: 320px;
    color: rgb(102, 102, 102);
    font-size: 12px;
    font-weight: bold;
    position: relative;
}

.forum-postreply-disabled {
    text-align: center;
    color: rgb(53, 53, 53);
    font-size: 16px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 50px;
}

.forum-preview-post {
    margin-right: 5px;
    margin-left: 10px;
    float: right;
}

.forum-postreply .forum-preview-post {
    margin-top: 15px;
}

.forum-bbcode-edit {
    float: right;
    position: relative;
}

.forum-bbcode-quickreply {
    float: right;
    position: relative;
}

.forum-bbcode-reply {
    margin-top: 8px;
    float: right;
    position: relative;
}

.forum-quickreply {
    padding-top: 0px;
    margin-top: 16px;
}

    .forum-quickreply .common-replyform-avatar {
        left: 16px;
        top: 54px;
        width: 60px;
        height: 60px;
        position: absolute;
    }

textarea.forum-quickreply {
    left: 70px;
    width: 868px;
    padding-top: 10px;
    margin-top: 10px;
    position: relative;
}

.forum-newthread-container .forum-preview-post {
    margin-top: 0px;
}

.forum-postreply-container .forum-preview-post {
    margin-right: 10px;
}

.forum-breadcrumbs {
    margin-top: -6px;
}

.forum-start-container .forum-breadcrumbs a {
    font-size: 11px;
    font-weight: normal;
}

.forum-breadcrumbs span {
    color: rgb(102, 102, 102);
    font-size: 9px;
    margin-right: 5px;
    margin-left: 5px;
}

.forum-editpost-official-selector {
    font-size: 12px;
    margin-top: 20px;
    margin-right: 5px;
    float: right;
}

.forum-newthread-container {
    width: 988px;
    margin-top: 16px;
    float: left;
}

.forum-newthread {
    position: relative;
}

    .forum-newthread .avatar {
        left: 16px;
        top: 42px;
        position: absolute;
    }

    .forum-newthread textarea {
        padding: 5px;
        width: 944px;
        height: 305px;
        color: rgb(67, 67, 67);
        font-family: arial, sans-serif;
        font-size: 12px;
        -ms-overflow-y: auto;
        max-width: 944px;
    }

    .forum-newthread input[type=text] {
        padding: 5px;
        width: 301px;
        color: rgb(67, 67, 67);
        font-family: arial, sans-serif;
        font-size: 12px;
    }

    .forum-newthread input[type=submit] {
        float: right;
    }

    .forum-newthread label {
        color: rgb(102, 102, 102);
        font-size: 12px;
        font-weight: bold;
        display: block;
    }

    .forum-newthread .forum-newthread-bodylabel {
        width: 200px;
        padding-top: 14px;
    }

.forum-newthread-official-selector {
    margin-top: 5px;
    margin-right: 10px;
    float: right;
}

    .forum-newthread-official-selector label {
        font-weight: normal;
    }

    .forum-newthread-official-selector input {
        top: 1px;
        position: relative;
    }

.forum-newthread-error {
    background: rgb(255, 227, 227);
    padding: 7px 32px;
    border: 1px solid rgb(255, 160, 160);
    border-image: none;
    left: 13px;
    bottom: 19px;
    color: rgb(102, 102, 102);
    font-size: 12px;
    font-weight: bold;
    position: absolute;
}

.forum-newthread-label-cell {
    padding-right: 14px;
}

.vtop.forum-newthread-label-cell {
    vertical-align: top;
}

.forum-newthread-form-table td {
    padding-top: 10px;
}

.forum-threadview-post {
    background: none;
    margin: 0px -3px -2px -1px;
    display: table;
    border-collapse: separate;
    border-spacing: 1px;
}

.forum-threadview-post-ea {
    background: rgb(230, 243, 255);
    border-width: 3px 1px;
    border-style: solid;
    border-color: rgb(204, 227, 249);
    border-image: none;
}

.forum-threadview-post-censored {
    opacity: 0.5;
}

.forum-threadview-post-poster {
    background: rgba(7, 7, 7, 0.7);
    margin: 0px;
    width: 200px;
    padding-left: 92px;
    float: none;
    display: table-cell;
    position: relative;
}

.forum-threadview-post-content {
    padding: 12px 0px 16px;
    width: 780px;
    color: rgb(53, 53, 53);
    line-height: 18px;
    font-size: 13px;
    float: left;
    -ms-word-wrap: break-word;
    max-width: 734px;
}

.forum-threadview-post-administrate {
    width: 50px;
    color: rgb(53, 53, 53);
    line-height: 18px;
    padding-top: 12px;
    font-size: 12px;
    float: left;
}

.forum-threadview-post-poster-name {
    width: 140px;
    line-height: 16px;
    overflow: hidden;
    margin-left: 16px;
    display: block;
    -ms-text-overflow: ellipsis;
}

.forum-threadview-post-text {
    min-height: 56px;
}

    .forum-threadview-post-text a {
        text-decoration: underline;
    }

.forum-threadview-post-censored .forum-threadview-post-text {
    font-style: italic;
}

.forum-editpost-preview .common-box-inner {
    padding: 0px;
}

#forum-preview-post-area .spoiler {
    background: rgb(53, 53, 53);
    color: rgb(53, 53, 53);
    cursor: pointer;
}

.forum-threadview-post-text .spoiler {
    background: rgb(53, 53, 53);
    color: rgb(53, 53, 53);
    cursor: pointer;
}

#forum-preview-post-area h1 {
    line-height: 22px;
    font-size: 20px;
}

.forum-threadview-post-text h1 {
    line-height: 22px;
    font-size: 20px;
}

#forum-preview-post-area h1 + br {
    display: none;
}

.forum-threadview-post-text h1 + br {
    display: none;
}

.is-touch #forum-preview-post-area .spoiler::before {
    color: rgba(255, 255, 255, 0.75);
    padding-left: 8px;
    content: attr(data-tooltip);
}

.is-touch .forum-threadview-post-text .spoiler::before {
    color: rgba(255, 255, 255, 0.75);
    padding-left: 8px;
    content: attr(data-tooltip);
}

.forum-threadview-post-text .spoiler a {
    color: rgb(53, 53, 53);
}

.forum-threadview-post-signature {
    color: rgb(137, 137, 137);
    padding-top: 5px;
    margin-top: 5px;
    border-top-color: rgb(100, 100, 100);
    border-top-width: 1px;
    border-top-style: solid;
}

.forum-threadview-post-tags {
    margin: 0px 0px 0px 16px;
    float: left;
}

    .forum-threadview-post-tags ul {
        clear: both;
    }

        .forum-threadview-post-tags ul li {
            margin-right: 2px;
            float: left;
        }

.forum-threadview-avatar-container {
    left: 16px;
    top: 34px;
    width: 60px;
    height: 60px;
    position: absolute;
}

.forum-threadview-post-poster .avatar {
    clear: both;
    margin-top: 8px;
    margin-left: 16px;
    display: block;
    position: relative;
}

.forum-threadview-post-content blockquote {
    background: rgb(250, 250, 250);
    padding: 10px;
    border: 1px solid rgb(232, 232, 232);
    border-image: none;
    color: rgb(168, 168, 168);
    margin-top: 4px;
    margin-bottom: 4px;
}

    .forum-threadview-post-content blockquote em {
        color: rgb(168, 168, 168);
        font-size: 11px;
        font-style: normal;
        font-weight: bold;
    }

.forum-threadview-post-poster-country {
    color: rgb(117, 117, 117);
    font-size: 11px;
    margin-top: 11px;
    margin-left: 36px;
    position: relative;
}

    .forum-threadview-post-poster-country img {
        left: -20px;
        bottom: 50%;
        margin-bottom: -6px;
        position: absolute;
    }

.forum-threadview-post-poster-posts {
    color: rgb(172, 172, 172);
    font-size: 11px;
    margin-top: 8px;
    margin-left: 16px;
}

.forum-threadview-post-poster-enlisted {
    color: rgb(172, 172, 172);
    font-size: 11px;
    margin-top: 8px;
    margin-left: 16px;
}

.forum-threadview-post-poster-posts em {
    color: rgb(168, 168, 168);
    font-size: 11px;
    font-style: normal;
}

.forum-threadview-post-poster-enlisted em {
    color: rgb(168, 168, 168);
    font-size: 11px;
    font-style: normal;
}

.forum-threadview-post-poster-enlisted {
    margin-bottom: 12px;
}

    .forum-threadview-post-poster-enlisted img {
        margin-right: 2px;
        margin-bottom: -1px;
    }

.forum-threadview-post-quote {
    float: right;
}

.forum-threadview-post-edit {
    float: right;
}

.forum-view-latest-posts {
    padding-top: 5px;
}

    .forum-view-latest-posts a {
        font-size: 11px;
        font-weight: normal;
    }

.forum-threadview-post-report {
    height: 14px;
    padding-right: 5px;
    margin-top: 2px;
    border-right-color: rgb(204, 204, 204);
    border-right-width: 1px;
    border-right-style: solid;
    float: right;
}

.forum-threadview-post-ago {
    color: rgb(172, 172, 172);
    font-size: 11px;
    margin-bottom: 12px;
}

.forum-threadview-separator {
    height: 1px;
    margin-right: 16px;
    margin-left: 16px;
    border-top-color: rgb(242, 242, 242);
    border-top-width: 1px;
    border-top-style: solid;
}

.forum-threadview-pages-top {
    background: url("../forum/title-shade.png") no-repeat center rgb(243, 243, 243);
    border: 1px solid rgb(219, 219, 219);
    border-image: none;
    height: 43px;
}

.forum-threadview-pages-bottom {
    background: url("../forum/title-shade.png") no-repeat center rgb(243, 243, 243);
    border: 1px solid rgb(219, 219, 219);
    border-image: none;
    height: 43px;
}

.forum-threadview-pages-bottom {
    margin-top: 1px;
    border-top-color: rgb(219, 219, 219);
    border-top-width: 1px;
    border-top-style: solid;
}

.forum-post-select-checkbox {
    float: right;
}

.forum-no-found {
    margin: 50px;
    text-align: center;
    color: rgb(255, 255, 255);
}

.forum-page-title {
    margin: 8px 0px 12px;
    color: rgb(0, 0, 0);
    font-family: Arial, sans-serif;
    font-size: 25px;
    font-weight: bold;
}

    .forum-page-title h1 {
        margin-bottom: 0px;
    }

.forum-focus-bar-view-bottom {
    margin-top: 8px;
    position: relative;
}

.forum-focus-bar-view-top {
    margin-bottom: 8px;
    position: relative;
}

.forum-search-sort-container span {
    color: rgb(168, 168, 168);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

.forum-search-sort-container select {
    padding: 5px;
    margin-left: 7px;
    min-width: 150px;
}

.forum-admin-multi-container {
    font-size: 12px;
    float: right;
}

.forum-start-latest-separator {
    width: 200px;
    height: 26px;
    float: right;
}

.forum-report-container {
    top: 9px;
    right: 110px;
    position: absolute;
}

.forum-thread-title-edit {
    margin: 9px 0px 12px;
    left: -4px;
    top: -7px;
    position: relative;
}

    .forum-thread-title-edit input[type=text] {
        font-size: 22px;
        font-weight: bold;
    }

.forum-edit-title {
    top: 7px;
    right: 140px;
    position: absolute;
}

    .forum-edit-title a {
        font-size: 11px;
        font-weight: normal;
    }

.forum-reply-container {
    float: right;
}

.forum-hidden-post {
    display: none;
}

.forum-thread-is-locked {
    background: url("../forum/locked-icon-white.png") no-repeat 0px 6px;
    padding-top: 6px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: bold;
}

.top.forum-thread-is-locked {
    margin-top: 20px;
    float: right;
}

.forum-sticky-separator {
    height: 16px;
}

.forum-start-forum .forum-start-forum-title-username {
    color: rgb(168, 168, 168);
    overflow: hidden;
    white-space: nowrap;
    max-width: 350px;
}

.forum-search-results-heading {
    line-height: 23px;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

    .forum-search-results-heading span {
    }

.forum-search-results-none {
    padding: 40px 0px !important;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.forum-search-results-item {
    padding: 0px 0px 12px;
}

.forum-search-results-item-title {
    float: none;
    display: block;
}

    .forum-search-results-item-title .forum-search-results-icons {
        margin-right: 4px;
        float: left;
    }

.forum-search-subline {
    font-size: 11px;
    font-weight: normal;
    margin-top: 5px;
}

    .forum-search-subline a {
        font-size: 11px;
        font-weight: normal;
    }

.forum-search-results-item-title h3 {
    margin: 0px;
    text-transform: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    float: left;
}

.forum-search-results-item-title a {
    line-height: 19px;
    font-size: 14px;
    font-weight: normal;
    float: left;
}

.forum-search-results-item-title span {
    color: rgb(168, 168, 168);
    line-height: 14px;
    padding-top: 3px;
    padding-left: 10px;
    font-size: 11px;
    font-weight: normal;
    float: left;
}

.forum-search-results-item-post {
    color: rgb(53, 53, 53);
    line-height: 19px;
    padding-top: 4px;
    font-size: 12px;
    float: none;
    display: block;
}

    .forum-search-results-item-post b {
        padding: 0px 1px;
        font-weight: bold;
        background-color: rgb(251, 242, 212);
    }

.forum-posthistory-container {
    padding-bottom: 10px;
}

    .forum-posthistory-container b {
        font-size: 12px;
    }

    .forum-posthistory-container .forum-start-border {
        margin-top: 5px;
    }

    .forum-posthistory-container .forum-posthistory-revisions .forum-threadview-post {
        background-color: rgb(250, 250, 250);
    }

.forum-postsimilarlist {
    margin: 15px 0px 19px 16px;
    width: 318px;
    float: right;
    position: relative;
}

    .forum-postsimilarlist h2 {
        color: rgb(168, 168, 168);
        text-transform: uppercase;
        font-family: Tahoma, Arial, sans-serif;
        font-size: 11px;
        margin-bottom: 12px;
    }

.forum-postsimilarlist-hr {
    border: 0px currentColor;
    border-image: none;
    height: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    opacity: 0.2;
    background-color: rgb(128, 128, 128);
}

.forum-postsimilarlist-sticky {
    top: 3px;
    position: relative;
}

.forum-postsimilarlist a {
    line-height: 16px;
    margin-right: 5px;
}

.forum-postsimilarlist span {
    color: rgb(108, 108, 108);
    line-height: 16px;
    font-size: 11px;
    white-space: nowrap;
}

.forum-disabled-container {
    margin: auto;
    padding: 30px;
    width: 600px;
    text-align: center;
}

.forum-activity {
    margin-top: 16px;
    position: relative;
}

    .forum-activity .common-box-inner {
        padding: 0px;
    }

#forum-activity-view-more {
    margin: 4px 0px 6px;
    text-align: center;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
}

    #forum-activity-view-more a {
        text-decoration: none;
        display: block;
    }

    #forum-activity-view-more .common-cleanbutton-middle {
        width: 972px;
    }

    #forum-activity-view-more a:hover {
        background-position: 0px 100%;
    }

.breadcrumb {
    margin-bottom: 16px;
}

.forum-start-container {
    width: auto;
    float: none;
}

    .forum-start-container .common-replyform-form-body {
        color: rgb(255, 255, 255);
    }

    .forum-start-container .pagination-paginationbutton-extra {
        background: url("../forum/pagination-icons-white.png") no-repeat;
        top: 6px;
        width: 8px;
        height: 9px;
        display: none;
        position: relative;
    }

    .forum-start-container .forum-edit-title a {
        cursor: pointer;
    }

    .forum-start-container .forum-base-button-search {
        padding: 0px 10px;
        margin-left: -1px;
    }

    .forum-start-container .forum-sidebar-search-form-input {
        border: 1px solid rgb(213, 221, 229);
        border-image: none;
        height: 24px;
    }

    .forum-start-container .pagination-pagination-left {
        float: right;
    }

    .forum-start-container .pagination-pagination-right {
        float: left;
    }

    .forum-start-container .common-box-bottom-border {
        display: none;
    }

    .forum-start-container .common-cleanbutton {
        border: 0px currentColor;
        border-image: none;
        cursor: pointer;
    }

        .forum-start-container .common-cleanbutton a {
            padding: 1px 20px;
            border: 1px solid rgb(213, 221, 229);
            border-image: none;
            height: 29px;
            color: rgb(213, 221, 229);
            text-transform: uppercase;
            line-height: 29px;
            font-family: Purista, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            text-decoration: none;
            display: inline-block;
            box-sizing: border-box;
            background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%);
            background-color: transparent;
            -moz-box-sizing: border-box;
        }

            .forum-start-container .common-cleanbutton a:not([disabled]):not(.disabled):hover {
                border-color: white;
                color: white;
                text-shadow: 0px 0px 0.5em rgba(255,255,255,0.8);
                background-image: linear-gradient(rgba(12, 12, 12, 0.6) 0%, rgba(63, 63, 63, 0.8) 100%);
            }

            .forum-start-container .common-cleanbutton a:not([disabled]):not(.disabled):active {
                border: 1px solid rgb(183, 157, 131);
                border-image: none;
                color: black;
                text-shadow: none;
                background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
                background-color: rgba(0, 0, 0, 0);
            }

            .forum-start-container .common-cleanbutton a:not([disabled]):not(.disabled).active {
                border: 1px solid rgb(183, 157, 131);
                border-image: none;
                color: black;
                text-shadow: none;
                background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 221, 229) 50%, rgb(183, 157, 131) 100%);
                background-color: rgba(0, 0, 0, 0);
            }

    .forum-start-container .common-cleanbuttonsmall {
        margin-left: 16px;
        cursor: pointer;
    }

    .forum-start-container .forum-threadview-post-report {
        padding-right: 0px;
        border-right-color: currentColor;
        border-right-width: medium;
        border-right-style: none;
    }

#forum-activity-view-more {
    margin: 1px 0px 17px;
    border: 0px currentColor;
    border-image: none;
}

    #forum-activity-view-more a {
        background: rgba(7, 7, 7, 0.5);
        border: 0px currentColor;
        border-image: none;
        display: block;
    }

        #forum-activity-view-more a:hover {
            background: rgba(7, 7, 7, 0.6);
        }

.forum-search-form {
    margin: 0px;
}

    .forum-search-form > input {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .forum-search-form .forum-advanced-search {
        margin-bottom: 10px;
    }

        .forum-search-form .forum-advanced-search > .ui-select {
            margin-right: 10px;
        }

.forum-focus-bar-view-top {
    margin: 7px 0px;
}

.forum-search-results-item {
    padding: 16px;
}

.forum-search-results-item-title span {
    color: rgb(168, 168, 168);
}

.forum-search-subline {
    color: rgb(168, 168, 168);
}

.forum-search-sort-container span {
    color: rgb(255, 255, 255);
}

.forum-hottopics .forum-start-border {
    margin-bottom: 16px;
}

.forum-activity {
    margin-top: 0px;
}

    .forum-activity .forum-start-border {
        margin-bottom: 1px;
    }

.forum-start-forum-has-official {
    border-left-color: currentColor;
    border-left-width: 0px;
    border-left-style: none;
}

.forum-threadview-post-ea {
    border: 0px currentColor;
    border-image: none;
}

.forum-start-sticky-thread-separator {
    background: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    height: 8px;
}

.forum-threadview-post-ea {
    position: relative;
}

.forum-start-forum-has-official {
    position: relative;
}

.forum-threadview-post-ea::after {
    left: 1px;
    top: 1px;
    width: 2px;
    bottom: 1px;
    display: block;
    position: absolute;
    content: "";
    background-color: rgb(27, 97, 191);
}

.forum-start-forum-has-official::after {
    left: 1px;
    top: 1px;
    width: 2px;
    bottom: 1px;
    display: block;
    position: absolute;
    content: "";
    background-color: rgb(27, 97, 191);
}

.forum-threadview-post-ea .forum-threadview-post-poster {
    background: rgb(22, 38, 63) !important;
}

.forum-start-forum-has-official .forum-threadview-post-poster {
    background: rgb(22, 38, 63) !important;
}

.forum-threadview-post-ea .forum-threadview-post-content {
    background: rgba(22, 38, 63, 0.7) !important;
}

.forum-start-forum-has-official .forum-threadview-post-content {
    background: rgba(22, 38, 63, 0.7) !important;
}

.forum-post-select-checkbox {
    margin-left: 16px;
}

.forum-start-title {
    position: relative;
}

.forum-start-title {
    margin: 16px 0px;
}

.forum-page-title {
    margin: 16px 0px;
}

.forum-start-forum-separator {
    background: none;
    margin: 0px;
}

.forum-threadview-separator {
    display: none;
}

.forum-start-info {
    height: 30px;
}

.forum-start-forum-headercell {
    height: auto;
}

    .forum-start-forum-headercell p {
        color: rgb(168, 168, 168);
        line-height: 30px;
    }

.forum-thread-icons .sticky {
    background: url("../forum/sticky-icon-white.png") no-repeat;
}

.forum-thread-icons .locked {
    background: url("../forum/locked-icon-white.png") no-repeat;
}

.forum-start-border .common-box-title {
    color: rgb(168, 168, 168);
    text-transform: uppercase;
    padding-top: 1px;
    font-size: 11px;
    margin-bottom: 1px;
}

    .forum-start-border .common-box-title .forum-start-forum-headercell {
        background: rgba(7, 7, 7, 0.8);
        box-sizing: border-box;
    }

.forum-start-border .forum-start-forum-title {
    margin: 0px;
    width: 665px;
    height: 45px;
    padding-top: 10px;
    padding-left: 16px;
    position: relative;
    background-color: rgba(7, 7, 7, 0.5);
}

    .forum-start-border .forum-start-forum-title h4 {
        margin: 0px;
        line-height: normal;
        overflow: hidden;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        -ms-word-wrap: normal;
        -ms-text-overflow: ellipsis;
    }

    .forum-start-border .forum-start-forum-title:hover {
        text-decoration: none;
        background-color: rgba(7, 7, 7, 0.3);
    }

        .forum-start-border .forum-start-forum-title:hover h4 {
            text-decoration: underline;
        }

.forum-start-border .forum-start-form-thread-links {
    left: 40px;
    top: 31px;
    font-size: 12px;
    position: absolute;
}

.forum-start-border :not(.forum-forumlist).forum-start-forum .forum-start-forum-title {
    width: 641px;
    padding-left: 40px;
}

.forum-start-border .forum-start-forum-bodycell {
    background: rgba(7, 7, 7, 0.5);
    margin: 0px 0px 0px 1px;
    height: 55px;
    border-left-color: currentColor;
    border-left-width: 0px;
    border-left-style: none;
}

    .forum-start-border .forum-start-forum-bodycell p {
        color: rgb(255, 255, 255);
    }

.forum-start-border .forum-start-forum-forum {
    width: 681px;
}

.forum-start-border .forum-start-forum-latest {
    width: 232px;
    margin-left: 1px;
}

.forum-start-border .forum-start-forum-topics {
    width: 77px;
    margin-left: 1px;
}

.forum-start-border .forum-start-forum-posts {
    width: 65px;
    margin-left: 1px;
}

.forum-start-info .forum-start-forum-forum {
    width: 615px;
}

.forum-start-forum-forum p {
    padding-left: 7px;
}

.forum-start-white-title p {
    color: rgb(255, 255, 255);
    font-family: Purista, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.forum-box-title.common-box-title .forum-start-forum-forum {
    width: 681px;
}

.forum-no-found {
    background: rgba(7, 7, 7, 0.5);
    margin: 0px;
    padding: 50px;
}

.forum-start-forum {
    height: 55px;
}

.forum-start-info-bottom {
    display: none;
}

.forum-forumlist .forum-start-forum-title {
    width: 599px;
}

    .forum-forumlist .forum-start-forum-title p {
        color: rgb(168, 168, 168);
    }

.forum-forumlist .forum-start-forum-latest-info > div {
    width: 186px;
}

.forum-forumlist .forum-start-forum-latest-info span {
    display: inline-block;
}

.forum-forumlist .forum-start-forum-latest-info .forum-ago {
    float: none;
}

.forum-forumlist .forum-start-forum-latest-info .forum-username {
    padding-right: 3px;
    float: left;
}

    .forum-forumlist .forum-start-forum-latest-info .forum-username::after {
        content: "-";
    }

.forum-threadview-post {
    background: none;
    margin: 0px -2px -2px -1px;
    display: table;
    border-collapse: separate;
    position: relative;
    min-height: 142px;
    border-spacing: 1px;
}

    .forum-threadview-post .forum-threadview-post-edit {
        opacity: 0;
    }

    .forum-threadview-post .forum-threadview-post-quote {
        opacity: 0;
    }

    .forum-threadview-post .forum-threadview-post-report {
        opacity: 0;
    }

    .forum-threadview-post:hover .forum-threadview-post-edit {
        opacity: 1;
    }

    .forum-threadview-post:hover .forum-threadview-post-quote {
        opacity: 1;
    }

    .forum-threadview-post:hover .forum-threadview-post-report {
        opacity: 1;
    }

    .forum-threadview-post .forum-threadview-post-poster {
        background: rgba(7, 7, 7, 0.8);
        margin: 0px;
        width: 200px;
        padding-left: 16px;
        vertical-align: top;
        float: none;
        display: table-cell;
        position: relative;
    }

        .forum-threadview-post .forum-threadview-post-poster .avatar {
            margin: 0px;
        }

        .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name {
            margin-right: 0px;
            margin-left: 0px;
            float: none;
        }

        .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags {
            margin-right: 0px;
            margin-left: 0px;
            float: none;
        }

        .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted {
            margin-right: 0px;
            margin-left: 0px;
            float: none;
        }

        .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-name {
            padding-top: 12px;
            font-size: 12px;
            font-weight: bold;
        }

        .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-tags {
            padding-left: 70px;
            min-height: 60px;
        }

        .forum-threadview-post .forum-threadview-post-poster .forum-threadview-post-poster-enlisted {
            padding-left: 0px;
        }

    .forum-threadview-post .forum-threadview-post-content {
        background: rgba(7, 7, 7, 0.6);
        padding: 12px 20px;
        width: 734px;
        vertical-align: top;
        float: none;
        display: table-cell;
        max-width: 734px;
    }

        .forum-threadview-post .forum-threadview-post-content .forum-threadview-post-ago {
            color: rgb(168, 168, 168);
            margin-bottom: 8px;
            border-bottom-color: rgba(168, 168, 168, 0.5);
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }

        .forum-threadview-post .forum-threadview-post-content .forum-threadview-post-text {
            color: rgb(255, 255, 255);
        }

        .forum-threadview-post .forum-threadview-post-content blockquote {
            background: rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(167, 167, 167, 0.3);
            border-image: none;
        }

        .forum-threadview-post .forum-threadview-post-content .forum-post-select-checkbox {
            margin-top: 0px;
            margin-left: 15px;
        }

.forum-threadview-post-censored.forum-threadview-post .forum-threadview-post-poster {
    opacity: 0.5;
}

.forum-threadview-post-censored.forum-threadview-post .forum-threadview-post-content {
    opacity: 0.5;
}

.forum-postreply-disabled {
    color: white;
}

.forum-newthread-container {
    width: auto;
    float: none;
}

.forum-newthread-height form {
    padding: 0px;
}

.forum-newthread-form-table tr:first-child td {
    padding-top: 0px;
}

.forum-newthread label {
    color: rgb(255, 255, 255);
}

    .forum-newthread label.upper {
        text-transform: uppercase;
        font-size: 14px;
    }

.forum-newthread textarea {
    width: 948px;
    color: rgb(255, 255, 255);
    max-width: 948px;
}

.forum-newthread input[type=text] {
    color: rgb(255, 255, 255);
}

.activity-stream {
    position: relative;
}

    .activity-stream ul.activitystream-list {
        padding: 0px;
    }

    .activity-stream .activitystream-list .activitystream-item {
        padding: 16px;
        border-bottom-color: rgba(0, 0, 0, 0.1);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        position: relative;
    }

    .activity-stream .shareable.activitystream-item {
        padding-right: 22px;
    }

    .activity-stream .shareable-only.activitystream-list :not(.shareable).item {
        display: none;
    }

    .activity-stream .activitystream-list :last-child.activitystream-item {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom-color: currentColor;
        border-bottom-width: 0px;
        border-bottom-style: none;
    }

    .activity-stream .activitystream-item > .item-body {
        color: rgb(255, 255, 255);
        padding-left: 52px;
        position: relative;
    }

        .activity-stream .activitystream-item > .item-body .spacing.clear {
            height: 4px;
        }

    .activity-stream .large.activitystream-item > .item-body .spacing.clear {
        height: 8px;
    }

    .activity-stream .medium.activitystream-item > .item-body .spacing.clear {
        height: 0px;
    }

    .activity-stream .activitystream-item > .avatar {
        padding: 0px;
        left: 16px;
        width: auto;
        height: auto;
        position: absolute;
    }

    .activity-stream .activitystream-item .item-body > .user {
        font-size: 12px;
        margin-bottom: 1px;
    }

        .activity-stream .activitystream-item .item-body > .user .description {
            line-height: 16px;
        }

        .activity-stream .activitystream-item .item-body > .user a {
            font-size: 12px;
            font-weight: normal;
        }

        .activity-stream .activitystream-item .item-body > .user .name {
            font-weight: bold;
        }

    .activity-stream .activitystream-item .item-body > .details {
        color: rgb(168, 168, 168);
        line-height: 1.8;
        font-size: 11px;
    }

        .activity-stream .activitystream-item .item-body > .details a {
            font-size: 11px;
            font-weight: normal;
        }

    .activity-stream .activitystream-item > .share {
        background: url("../profile/profile-icons.png") no-repeat -140px 0px;
        transition: opacity 0.1s ease-out;
        top: 16px;
        width: 14px;
        height: 14px;
        right: 16px;
        display: none;
        position: absolute;
        cursor: pointer;
        opacity: 0.8;
        -webkit-transition: opacity 0.1s ease-out;
        -moz-transition: opacity 0.1s ease-out;
        -o-transition: opacity 0.1s ease-out;
    }

        .activity-stream .activitystream-item > .share:hover {
            opacity: 1;
        }

    .activity-stream .shareable.activitystream-item > .share {
        display: block;
    }

    .activity-stream .shared.shareable.activitystream-item > .share {
        background-position: -126px 0px;
        cursor: default;
        opacity: 1;
    }

    .activity-stream .activitystream-item .item-body > .details .like {
        background: url("../feed/icon-hooah-activitystream.png") no-repeat;
        width: 18px;
        height: 18px;
        margin-top: -2px;
        display: inline-block;
        cursor: pointer;
        opacity: 0.5;
    }

    .activity-stream .activitystream-item .item-body > .details .mohw.like {
        background-image: url("../feed/icon-salute.png");
    }

    .activity-stream .activitystream-item .item-body > .details .like:hover {
        background-position: 0px -18px;
        opacity: 1;
    }

    .activity-stream .liked.activitystream-item .item-body > .details .like {
        background-position: 0px -36px;
        cursor: default;
        opacity: 1;
    }

        .activity-stream .liked.activitystream-item .item-body > .details .like:hover {
            background-position: 0px -36px;
            cursor: default;
            opacity: 1;
        }

    .activity-stream .activitystream-item [data-numlikes='0'].likes-count {
        display: none;
    }

    .activity-stream .activitystream-item .solo-link {
        margin: 4px 0px 0px;
    }

        .activity-stream .activitystream-item .solo-link a {
            font-size: 12px;
            font-weight: normal;
        }

    .activity-stream .activitystream-item .record-item {
        margin: 2px 0px 0px;
        background-repeat: no-repeat;
    }

        .activity-stream .activitystream-item .record-item img {
            margin: 0px 4px 0px 0px;
            float: left;
            max-height: 30px;
        }

        .activity-stream .activitystream-item .record-item .description {
            color: rgb(53, 53, 53);
            line-height: 16px;
            font-size: 11px;
        }

    .activity-stream .activitystream-list .activitystream-item .record-item .record::before {
        white-space: pre;
        content: " \A ";
    }

    .activity-stream .activitystream-item .record-item .record .value {
        color: rgb(53, 53, 53);
        font-size: 12px;
        font-weight: bold;
    }

    .activity-stream .activitystream-item .tour-item {
        margin: 2px 0px 0px;
        color: rgb(53, 53, 53);
        font-size: 11px;
        background-repeat: no-repeat;
    }

        .activity-stream .activitystream-item .tour-item img {
            margin: 0px 4px 0px 0px;
            float: left;
            max-height: 30px;
        }

        .activity-stream .activitystream-item .tour-item .level {
            font-weight: bold;
        }

    .activity-stream .feed-sharedgameevent-body {
        margin: 10px 0px;
    }

    .activity-stream .activitystream-item.feed-sharedgameevent-body {
        margin: 2px 0px;
        display: table-cell;
    }

        .activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon {
            display: table-cell;
        }

            .activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon img {
                vertical-align: middle;
            }

            .activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon h1 {
                color: rgb(60, 60, 60);
                font-family: "BebasNeueRegular", Arial, sans-serif;
                font-size: 48px;
                font-weight: normal;
                margin-top: 6px;
                vertical-align: middle;
                display: inline-block;
            }

            .activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon h2 {
                color: rgb(60, 60, 60);
                font-size: 14px;
            }

            .activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon h3 {
                font-size: 11px;
                font-weight: normal;
            }

            .activity-stream .activitystream-item.feed-sharedgameevent-body .rank-icon .info {
                margin-left: 10px;
                vertical-align: middle;
                display: inline-block;
            }

        .activity-stream .activitystream-item.feed-sharedgameevent-body .record-item {
            margin: 6px 0px 8px;
            width: 450px;
            height: 45px;
        }

            .activity-stream .activitystream-item.feed-sharedgameevent-body .record-item img {
                width: 45px;
                height: 45px;
                margin-right: 9px;
                display: block;
                max-height: 45px;
            }

            .activity-stream .activitystream-item.feed-sharedgameevent-body .record-item .description {
                color: rgb(53, 53, 53);
                line-height: 16px;
                font-size: 12px;
                font-weight: bold;
                margin-bottom: 4px;
                display: block;
            }

            .activity-stream .activitystream-item.feed-sharedgameevent-body .record-item .record .value {
                color: rgb(53, 53, 53);
                font-size: 18px;
            }

            .activity-stream .activitystream-item.feed-sharedgameevent-body .record-item .record .plus {
                color: rgb(138, 138, 138);
                font-size: 18px;
            }

    .activity-stream [data-type='BF3RANKUP'].large.activitystream-item {
        min-height: 128px;
    }

    .activity-stream [data-type='BF4RANKUP'].large.activitystream-item {
        min-height: 128px;
    }

    .activity-stream [data-type='RANKUP'].large.activitystream-item {
        min-height: 128px;
    }

    .activity-stream [data-type='BF3RANKUP'].activitystream-item > .item-body {
        padding-right: 39px;
    }

    .activity-stream [data-type='BF4RANKUP'].activitystream-item > .item-body {
        padding-right: 39px;
    }

    .activity-stream [data-type='RANKUP'].activitystream-item > .item-body {
        padding-right: 39px;
    }

    .activity-stream [data-type='BF3RANKUP'].large.activitystream-item > .item-body {
        padding-right: 138px;
    }

    .activity-stream [data-type='BF4RANKUP'].large.activitystream-item > .item-body {
        padding-right: 138px;
    }

    .activity-stream [data-type='RANKUP'].large.activitystream-item > .item-body {
        padding-right: 138px;
    }

    .activity-stream [data-type='BF3RANKUP'].large.activitystream-item .rank-icon {
        top: 0px;
        width: 128px;
        height: 128px;
        margin-top: 10px;
        position: relative;
    }

    .activity-stream [data-type='BF4RANKUP'].large.activitystream-item .rank-icon {
        top: 0px;
        width: 128px;
        height: 128px;
        margin-top: 10px;
        position: relative;
    }

    .activity-stream [data-type='RANKUP'].large.activitystream-item .rank-icon {
        top: 0px;
        width: 128px;
        height: 128px;
        margin-top: 10px;
        position: relative;
    }

    .activity-stream .common-selector {
        float: right;
    }

.activitystream-item {
    padding: 10px 0px 0px;
}

    .activitystream-item .rank-icon {
        vertical-align: middle;
        display: inline-block;
    }

    .activitystream-item .assignment-item {
        margin: 4px 4px 0px 0px;
        text-align: center;
        overflow: hidden;
        vertical-align: middle;
        display: inline-block;
    }

    .activitystream-item .award-item {
        margin: 4px 4px 0px 0px;
        text-align: center;
        overflow: hidden;
        vertical-align: middle;
        display: inline-block;
    }

    .activitystream-item .track-item {
        margin: 4px 4px 0px 0px;
        text-align: center;
        overflow: hidden;
        vertical-align: middle;
        display: inline-block;
    }

    .activitystream-item .track-item {
        position: relative;
    }

        .activitystream-item .track-item .image-container {
            min-width: 100px;
        }

        .activitystream-item .track-item .progress-bar {
            width: 80px;
        }

        .activitystream-item .track-item .green-check-small {
            width: 12px;
            height: 12px;
            right: 0px;
            bottom: 7px;
            position: absolute;
            background-image: url("../battledash/images/icons/green-check-small.png");
        }

.geoleaderboard #base-background {
    background-image: none;
    background-color: rgb(9, 13, 22);
}

    .geoleaderboard #base-background .video-container {
        display: none;
    }

.geoleaderboard-loggedout {
    background: rgb(8, 10, 20);
    padding-top: 96px;
    margin-top: -112px;
}

    .geoleaderboard-loggedout .geoleaderboards.usp .content {
        background-position: 50% 50%;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

    .geoleaderboard-loggedout .geoleaderboards.usp .friends .content {
        background-image: url("../geoleaderboard/geo-friend-bright.png");
    }

    .geoleaderboard-loggedout .geoleaderboards.usp .city .content {
        background-image: url("../geoleaderboard/geo-friend-bright.png");
    }

    .geoleaderboard-loggedout .geoleaderboards.usp .country .content {
        background-image: url("../geoleaderboard/geo-friend-bright.png");
    }

    .geoleaderboard-loggedout .geoleaderboards.usp .world .content {
        background-image: url("../geoleaderboard/geo-friend-bright.png");
    }

    .geoleaderboard-loggedout .footer.usp {
        left: 0px;
        right: 0px;
        bottom: 0px;
        padding-bottom: 44px;
        position: absolute;
        z-index: 1;
    }

.no-comcenter #geomap {
    right: 0px;
}

#skull-content {
    width: 14px;
    height: 18px;
    text-align: center;
    cursor: pointer;
    opacity: 0.4;
}

    #skull-content:hover {
        opacity: 0.6;
    }

#skull-container {
    background: rgba(0, 0, 0, 0.95);
    padding: 25px;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    color: rgb(91, 175, 210);
    font-family: "Lucida Console", "Courier New", monospace;
    font-size: 12px;
    position: fixed;
    z-index: 10000;
    -ms-overflow-y: auto;
}

    #skull-container #skull-marker {
        animation: skull-marker 1s cubic-bezier(1, 0, 0, 1) infinite;
        -webkit-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite;
        -moz-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite;
        -o-animation: skull-marker cubic-bezier(1, 0, 0, 1) 1s infinite;
    }

    #skull-container #skull-close {
        background: url("../unifiedgamemanager/close.png") no-repeat 0px 0px;
        top: 16px;
        width: 15px;
        height: 15px;
        right: 16px;
        position: absolute;
        cursor: pointer;
    }

span.mapinfo-dialog {
    color: rgb(168, 168, 168);
}

#geomap {
    background: rgb(28, 31, 36);
    left: 0px;
    top: 96px;
    height: 950px;
    margin-bottom: 200px;
    position: absolute;
    z-index: 1;
}

    #geomap .leaflet-tile-pane {
        opacity: 0.6;
    }

    #geomap .cross-hair {
    }

.index#geomap {
    height: 750px;
}

#geomap::before {
    background: url("../geoleaderboard/lb-overlay-top.png") repeat-x;
    left: 0px;
    top: 0px;
    height: 185px;
    right: 0px;
    position: absolute;
    z-index: 2;
    content: "";
}

#geomap::after {
    background: url("../geoleaderboard/lb-overlay-bottom.png") repeat-x;
    left: 0px;
    height: 185px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    content: "";
}

#geomap .user-marker-container {
    background: none;
}

    #geomap .user-marker-container .user-marker {
        border: 1px solid rgba(110, 174, 224, 0.5);
        border-image: none;
        position: relative;
        box-sizing: border-box;
        box-shadow: 0px 0px 10px rgba(42,98,150,0.5);
        background-color: rgba(32, 97, 150, 0.25);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    #geomap .user-marker-container .viewing-user.user-marker {
        border: 1px solid rgba(224, 154, 0, 0.5);
        border-image: none;
        box-shadow: 0px 0px 10px rgba(224,154,0,0.5);
        background-color: rgba(224, 154, 0, 0.25);
    }

    #geomap .user-marker-container .user-marker div {
        left: 50%;
        top: 50%;
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.5);
    }

    #geomap .user-marker-container .combined.user-marker {
        cursor: pointer;
    }

        #geomap .user-marker-container .combined.user-marker div {
            width: 58px;
            margin-left: -29px;
        }

            #geomap .user-marker-container .combined.user-marker div img.lb-icon {
                border-left-color: currentColor;
                border-left-width: 0px;
                border-left-style: none;
            }

    #geomap .user-marker-container .user-marker img {
        border: 2px solid rgba(0, 0, 0, 0.5);
        border-image: none;
        width: 26px;
        height: 26px;
        display: inline;
    }

#geomap .highlight.user-marker-container .user-marker {
    border: 2px solid rgba(110, 174, 224, 0.75);
    border-image: none;
    box-shadow: 0px 0px 10px #2a6296;
    background-color: rgba(32, 97, 150, 0.35);
}

#geomap .highlight.user-marker-container .viewing-user.user-marker {
    border: 2px solid rgba(224, 154, 0, 0.75);
    border-image: none;
    box-shadow: 0px 0px 10px #e09a00;
    background-color: rgba(224, 154, 0, 0.35);
}

#geoleaderboard-container {
    width: 992px;
    height: 0px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 2;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    #geoleaderboard-container > header {
        position: absolute;
    }

        #geoleaderboard-container > header .avatar-container {
            height: 40px;
            float: left;
            background-color: rgba(7, 7, 7, 0.6);
        }

            #geoleaderboard-container > header .avatar-container img {
                margin: 2px 0px 2px 2px;
            }

        #geoleaderboard-container > header .main-about-icon {
            margin-right: 4px;
            margin-left: 4px;
        }

    #geoleaderboard-container .location-container {
        top: 24px;
        right: 0px;
        font-size: 11px;
        position: absolute;
    }

        #geoleaderboard-container .location-container .flag {
            margin-top: 2px;
            margin-left: 5px;
            float: left;
        }

        #geoleaderboard-container .location-container .city {
            margin-top: 3px;
            margin-left: 3px;
            float: left;
        }

        #geoleaderboard-container .location-container .set-position {
            margin-top: 1px;
            margin-left: 5px;
            float: left;
        }

    #geoleaderboard-container .submenu {
        top: 56px;
        position: absolute;
    }

        #geoleaderboard-container .submenu ul li a {
            height: 32px;
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

    #geoleaderboard-container .notification {
        width: 960px;
        line-height: 40px;
        padding-right: 16px;
        padding-left: 16px;
        font-size: 12px;
        position: absolute;
    }

    #geoleaderboard-container .next-goal {
        width: 960px;
        line-height: 40px;
        padding-right: 16px;
        padding-left: 16px;
        font-size: 12px;
        position: absolute;
    }

    #geoleaderboard-container #map-viewport {
        top: 216px;
        width: 656px;
        height: 0px;
        position: absolute;
    }

    #geoleaderboard-container #map-details {
        text-transform: uppercase;
        font-family: Purista;
        font-size: 23px;
        position: absolute;
    }

    #geoleaderboard-container .leaderboard-details {
        text-transform: uppercase;
        font-family: Purista;
        font-size: 23px;
        position: absolute;
    }

    #geoleaderboard-container .num-competing {
        text-transform: uppercase;
        font-family: Purista;
        font-size: 23px;
        position: absolute;
    }

    #geoleaderboard-container #map-details .location {
        color: rgb(255, 153, 0);
    }

    #geoleaderboard-container .leaderboard-details .location {
        color: rgb(255, 153, 0);
    }

    #geoleaderboard-container .num-competing .location {
        color: rgb(255, 153, 0);
    }

    #geoleaderboard-container #map-details {
        left: 16px;
    }

    #geoleaderboard-container .leaderboard-details {
        left: 16px;
    }

    #geoleaderboard-container .num-competing {
        top: 541px;
        right: 16px;
        color: rgb(255, 255, 255);
        line-height: 16px;
        font-size: 16px;
    }

    #geoleaderboard-container .above-leaderboard-message.num-competing {
        top: 496px;
    }

    #geoleaderboard-container #zoom-indicator {
        border-width: 1px 1px 1px medium;
        border-style: solid solid solid none;
        border-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) currentColor;
        padding: 0px 4px;
        transition: top 0.3s ease-out, opacity 0.5s ease-out 0.3s;
        border-image: none;
        left: 1050px;
        top: 2px;
        width: 32px;
        height: 19px;
        text-align: right;
        color: rgba(255, 255, 255, 0.3);
        line-height: 19px;
        font-family: Purista;
        font-size: 16px;
        margin-top: -9px;
        display: none;
        position: absolute;
        z-index: 100;
        -webkit-transition: top 0.3s ease-out, opacity 0.5s 0.3s ease-out;
        -moz-transition: top 0.3s ease-out, opacity 0.5s 0.3s ease-out;
    }

        #geoleaderboard-container #zoom-indicator::before {
            background: url("../geoleaderboard/indicator-arrows.png") no-repeat -6px 0px;
            left: -10px;
            top: 0px;
            width: 10px;
            height: 19px;
            display: block;
            position: absolute;
            content: "";
            opacity: 0.3;
        }

        #geoleaderboard-container #zoom-indicator::after {
            background: url("../geoleaderboard/indicator-arrows.png") no-repeat 0px 0px;
            left: -1064px;
            top: 50%;
            width: 6px;
            height: 11px;
            margin-top: -6px;
            display: block;
            position: absolute;
            content: "";
            opacity: 0.3;
        }

    #geoleaderboard-container .side-bar {
        top: 0px;
        width: 20px;
        height: 600px;
        position: absolute;
    }

        #geoleaderboard-container .side-bar .ruler {
            width: 32px;
            height: 572px;
            position: absolute;
            opacity: 0;
        }

    #geoleaderboard-container .left.side-bar {
        right: 100%;
    }

        #geoleaderboard-container .left.side-bar .ruler {
            background-position: right top;
            right: 16px;
            background-image: url("../geoleaderboard/map-ruler-left.png");
        }

    #geoleaderboard-container .animate.left.side-bar .ruler {
        animation: bar-left-animation 0.5s ease-in-out;
        opacity: 1;
        -webkit-animation: bar-left-animation ease-in-out 0.5s 1;
        -moz-animation: bar-left-animation ease-in-out 0.5s 1;
        -o-animation: bar-left-animation ease-in-out 0.5s 1;
    }

    #geoleaderboard-container .right.side-bar {
        left: 992px;
    }

        #geoleaderboard-container .right.side-bar .ruler {
            left: 16px;
            background-image: url("../geoleaderboard/map-ruler-right.png");
            background-repeat: no-repeat;
        }

    #geoleaderboard-container .animate.right.side-bar .ruler {
        animation: bar-right-animation 0.5s ease-in-out;
        opacity: 1;
        -webkit-animation: bar-right-animation ease-in-out 0.5s 1;
        -moz-animation: bar-right-animation ease-in-out 0.5s 1;
        -o-animation: bar-right-animation ease-in-out 0.5s 1;
    }

    #geoleaderboard-container .map-corner {
        width: 24px;
        height: 24px;
        position: absolute;
        background-image: url("../geoleaderboard/map-corners.png");
    }

    #geoleaderboard-container .top-left.map-corner {
        background-position: left top;
        left: 0px;
    }

    #geoleaderboard-container .top-right.map-corner {
        background-position: right top;
        left: 632px;
    }

    #geoleaderboard-container .bottom-left.map-corner {
        background-position: left bottom;
        left: 0px;
        top: 549px;
    }

    #geoleaderboard-container .bottom-right.map-corner {
        background-position: right bottom;
        left: 632px;
        top: 549px;
    }

    #geoleaderboard-container .map-controls {
        left: 592px;
        top: 16px;
        position: absolute;
    }

        #geoleaderboard-container .map-controls button {
            padding: 0px;
            width: 48px;
            height: 32px;
            text-align: center;
            line-height: 32px;
            font-size: 32px;
            margin-bottom: 1px;
            display: block;
        }

            #geoleaderboard-container .map-controls button > div {
                margin-top: -4px;
            }

        #geoleaderboard-container .map-controls .disabled {
            opacity: 0.2;
            pointer: normal;
        }

    #geoleaderboard-container #map-info {
        background: rgba(7, 7, 7, 0.3);
        top: 573px;
        height: 24px;
        right: -336px;
        line-height: 24px;
        padding-right: 84px;
        padding-left: 8px;
        font-size: 11px;
        margin-top: 16px;
        margin-bottom: 8px;
        position: absolute;
    }

        #geoleaderboard-container #map-info span {
            color: rgb(168, 168, 168);
        }

        #geoleaderboard-container #map-info img {
            top: 2px;
            right: 8px;
            position: absolute;
            opacity: 0.75;
        }

        #geoleaderboard-container #map-info:hover {
            cursor: pointer;
        }

            #geoleaderboard-container #map-info:hover span {
                color: rgb(255, 255, 255);
            }

            #geoleaderboard-container #map-info:hover img {
                opacity: 1;
            }

    #geoleaderboard-container #skull-content {
        left: 0px;
        top: 573px;
        margin-top: 16px;
        position: absolute;
    }

    #geoleaderboard-container .division {
        width: 57px;
        height: 66px;
        background-repeat: no-repeat;
    }

    #geoleaderboard-container .locality-1.division {
        background-image: url("../geoleaderboard/divisions/city-1.png");
    }

    #geoleaderboard-container .country-1.division {
        background-image: url("../geoleaderboard/divisions/country-1.png");
    }

    #geoleaderboard-container .state1.division {
        background-image: url("../geoleaderboard/divisions/state-1.png");
    }

    #geoleaderboard-container .world-1.division {
        background-image: url("../geoleaderboard/divisions/world-1.png");
    }

    #geoleaderboard-container .locality-2.division {
        background-image: url("../geoleaderboard/divisions/city-2.png");
    }

    #geoleaderboard-container .country-2.division {
        background-image: url("../geoleaderboard/divisions/country-2.png");
    }

    #geoleaderboard-container .state2.division {
        background-image: url("../geoleaderboard/divisions/state-2.png");
    }

    #geoleaderboard-container .world-2.division {
        background-image: url("../geoleaderboard/divisions/world-2.png");
    }

    #geoleaderboard-container .locality-3.division {
        background-image: url("../geoleaderboard/divisions/city-3.png");
    }

    #geoleaderboard-container .country-3.division {
        background-image: url("../geoleaderboard/divisions/country-3.png");
    }

    #geoleaderboard-container .state3.division {
        background-image: url("../geoleaderboard/divisions/state-3.png");
    }

    #geoleaderboard-container .world-3.division {
        background-image: url("../geoleaderboard/divisions/world-3.png");
    }

    #geoleaderboard-container .locality-4.division {
        background-image: url("../geoleaderboard/divisions/city-4.png");
    }

    #geoleaderboard-container .country-4.division {
        background-image: url("../geoleaderboard/divisions/country-4.png");
    }

    #geoleaderboard-container .state4.division {
        background-image: url("../geoleaderboard/divisions/state-4.png");
    }

    #geoleaderboard-container .world-4.division {
        background-image: url("../geoleaderboard/divisions/world-4.png");
    }

    #geoleaderboard-container .locality-5.division {
        background-image: url("../geoleaderboard/divisions/city-5.png");
    }

    #geoleaderboard-container .country-5.division {
        background-image: url("../geoleaderboard/divisions/country-5.png");
    }

    #geoleaderboard-container .state5.division {
        background-image: url("../geoleaderboard/divisions/state-5.png");
    }

    #geoleaderboard-container .world-5.division {
        background-image: url("../geoleaderboard/divisions/world-5.png");
    }

    #geoleaderboard-container .locality-6.division {
        background-image: url("../geoleaderboard/divisions/city-6.png");
    }

    #geoleaderboard-container .country-6.division {
        background-image: url("../geoleaderboard/divisions/country-6.png");
    }

    #geoleaderboard-container .state6.division {
        background-image: url("../geoleaderboard/divisions/state-6.png");
    }

    #geoleaderboard-container .world-6.division {
        background-image: url("../geoleaderboard/divisions/world-6.png");
    }

    #geoleaderboard-container .locality-7.division {
        background-image: url("../geoleaderboard/divisions/city-7.png");
    }

    #geoleaderboard-container .country-7.division {
        background-image: url("../geoleaderboard/divisions/country-7.png");
    }

    #geoleaderboard-container .state7.division {
        background-image: url("../geoleaderboard/divisions/state-7.png");
    }

    #geoleaderboard-container .world-7.division {
        background-image: url("../geoleaderboard/divisions/world-7.png");
    }

    #geoleaderboard-container .locality-8.division {
        background-image: url("../geoleaderboard/divisions/city-8.png");
    }

    #geoleaderboard-container .country-8.division {
        background-image: url("../geoleaderboard/divisions/country-8.png");
    }

    #geoleaderboard-container .state8.division {
        background-image: url("../geoleaderboard/divisions/state-8.png");
    }

    #geoleaderboard-container .world-8.division {
        background-image: url("../geoleaderboard/divisions/world-8.png");
    }

    #geoleaderboard-container .locality-9.division {
        background-image: url("../geoleaderboard/divisions/city-9.png");
    }

    #geoleaderboard-container .country-9.division {
        background-image: url("../geoleaderboard/divisions/country-9.png");
    }

    #geoleaderboard-container .state9.division {
        background-image: url("../geoleaderboard/divisions/state-9.png");
    }

    #geoleaderboard-container .world-9.division {
        background-image: url("../geoleaderboard/divisions/world-9.png");
    }

    #geoleaderboard-container .locality-10.division {
        background-image: url("../geoleaderboard/divisions/city-10.png");
    }

    #geoleaderboard-container .country-10.division {
        background-image: url("../geoleaderboard/divisions/country-10.png");
    }

    #geoleaderboard-container .state10.division {
        background-image: url("../geoleaderboard/divisions/state-10.png");
    }

    #geoleaderboard-container .world-10.division {
        background-image: url("../geoleaderboard/divisions/world-10.png");
    }

    #geoleaderboard-container .leaderboard-details {
        left: 16px;
        top: 8px;
        line-height: 32px;
    }

        #geoleaderboard-container .leaderboard-details .leaderboard-name {
            width: 568px;
            height: 32px;
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

        #geoleaderboard-container .leaderboard-details .star {
            font-family: Arial, sans-serif;
            display: inline-block;
            cursor: pointer;
        }

            #geoleaderboard-container .leaderboard-details .star::after {
                color: rgba(255, 255, 255, 0.4);
                font-size: 22px;
                position: relative;
                z-index: 1;
                content: "?";
            }

            #geoleaderboard-container .leaderboard-details .star:hover::after {
                color: rgba(255, 255, 255, 0.7);
            }

        #geoleaderboard-container .leaderboard-details .starred.star::after {
            color: white;
        }

        #geoleaderboard-container .leaderboard-details span.location {
            padding-left: 3px;
        }

        #geoleaderboard-container .leaderboard-details .pr-description {
            line-height: 16px;
            font-size: 16px;
            margin-bottom: 16px;
        }

        #geoleaderboard-container .leaderboard-details .division {
            width: 29px;
            height: 33px;
            margin-left: -5px;
            float: left;
            cursor: pointer;
            background-repeat: no-repeat;
            background-size: 29px 33px;
        }

        #geoleaderboard-container .leaderboard-details .description {
            line-height: 16px;
            font-size: 16px;
            margin-left: 4px;
            float: left;
        }

            #geoleaderboard-container .leaderboard-details .description span {
                font-weight: 600;
                display: block;
            }

                #geoleaderboard-container .leaderboard-details .description span.goal {
                    font-weight: normal;
                    max-width: 500px;
                }

            #geoleaderboard-container .leaderboard-details .description .division-info {
                width: 15px;
                height: 14px;
                vertical-align: top;
                display: inline-block;
                cursor: pointer;
                background-image: url("../loadout/icon-info-s.png");
                background-size: 14px 28px;
            }

    #geoleaderboard-container .geoleaderboard-selector {
        top: -120px;
        width: 992px;
        position: absolute;
    }

        #geoleaderboard-container .geoleaderboard-selector .scroll-container-outer {
            height: 112px;
        }

        #geoleaderboard-container .geoleaderboard-selector .scroll-left {
            line-height: 138px;
        }

        #geoleaderboard-container .geoleaderboard-selector .scroll-right {
            line-height: 138px;
        }

        #geoleaderboard-container .geoleaderboard-selector .scrollable {
            width: 190px;
            height: 102px;
            font-family: Purista;
            font-size: 13px;
        }

            #geoleaderboard-container .geoleaderboard-selector .scrollable .thumb {
                height: 64px;
            }

                #geoleaderboard-container .geoleaderboard-selector .scrollable .thumb img {
                    margin-top: 5px;
                    opacity: 0.9;
                }

            #geoleaderboard-container .geoleaderboard-selector .scrollable .description {
                height: 40px;
                padding-top: 6px;
            }

            #geoleaderboard-container .geoleaderboard-selector .scrollable .score {
                color: rgb(168, 168, 168);
                text-transform: none;
                font-family: Arial;
                font-size: 12px;
            }

            #geoleaderboard-container .geoleaderboard-selector .scrollable .title {
                height: 13px;
                color: rgb(255, 255, 255);
                overflow: hidden;
                white-space: nowrap;
            }

        #geoleaderboard-container .geoleaderboard-selector .selected.scrollable {
            background: rgba(0, 0, 0, 0.5);
            border-width: 1px 1px 0px;
            border-style: solid solid none;
            border-color: rgb(255, 255, 255) rgb(255, 255, 255) currentColor;
            border-image: none;
            width: 188px;
            height: 101px;
        }

            #geoleaderboard-container .geoleaderboard-selector .selected.scrollable .description {
                background: url("../veteranprogram/boxselected.png") repeat-x rgb(255, 255, 255);
            }

                #geoleaderboard-container .geoleaderboard-selector .selected.scrollable .description .title {
                    color: rgb(0, 0, 0);
                    font-weight: bold;
                }

            #geoleaderboard-container .geoleaderboard-selector .selected.scrollable .thumb img {
                margin-top: 4px;
                opacity: 1;
            }

        #geoleaderboard-container .geoleaderboard-selector .scrollable:hover {
            background-color: rgba(7, 7, 7, 0.7);
        }

            #geoleaderboard-container .geoleaderboard-selector .scrollable:hover .thumb img {
                opacity: 1;
            }

    #geoleaderboard-container #location-selector {
        left: 8px;
        top: 128px;
        line-height: 24px;
        font-family: Purista;
        font-size: 16px;
        position: absolute;
    }

        #geoleaderboard-container #location-selector a {
            display: block;
        }

        #geoleaderboard-container #location-selector .area-button {
            background-position: 15px 50%;
            width: 48px;
            height: 28px;
            text-transform: uppercase;
            line-height: 28px;
            overflow: hidden;
            font-family: Purista;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            margin-bottom: 1px;
            cursor: pointer;
            background-repeat: no-repeat;
            background-color: rgba(0, 0, 0, 0.5);
        }

            #geoleaderboard-container #location-selector .area-button span {
                padding-right: 8px;
                padding-left: 8px;
                margin-left: 48px;
            }

            #geoleaderboard-container #location-selector .area-button:hover {
                width: auto;
                background-color: rgba(150, 150, 150, 0.5);
            }

        #geoleaderboard-container #location-selector .friend.area-button {
            background-image: url("../geoleaderboard/geo-friend-bright.png");
        }

        #geoleaderboard-container #location-selector .locality.area-button {
            background-position: 17px 50%;
            background-image: url("../geoleaderboard/geo-locality-bright.png");
        }

        #geoleaderboard-container #location-selector .state.area-button {
            background-image: url("../geoleaderboard/geo-state-bright.png");
        }

        #geoleaderboard-container #location-selector .country.area-button {
            background-image: url("../geoleaderboard/geo-country-bright.png");
        }

        #geoleaderboard-container #location-selector .world.area-button {
            background-image: url("../geoleaderboard/geo-world-bright.png");
        }

        #geoleaderboard-container #location-selector .selected.area-button {
            color: rgb(0, 0, 0);
            background-color: rgba(255, 255, 255, 0.9);
        }

        #geoleaderboard-container #location-selector .friend.selected.area-button {
            background-image: url("../geoleaderboard/geo-friend-dark.png");
        }

        #geoleaderboard-container #location-selector .locality.selected.area-button {
            background-image: url("../geoleaderboard/geo-locality-dark.png");
        }

        #geoleaderboard-container #location-selector .state.selected.area-button {
            background-image: url("../geoleaderboard/geo-state-dark.png");
        }

        #geoleaderboard-container #location-selector .country.selected.area-button {
            background-image: url("../geoleaderboard/geo-country-dark.png");
        }

        #geoleaderboard-container #location-selector .world.selected.area-button {
            background-image: url("../geoleaderboard/geo-world-dark.png");
        }

    #geoleaderboard-container .standings {
        top: 0px;
        width: 327px;
        height: 573px;
        right: -336px;
        position: absolute;
    }

        #geoleaderboard-container .standings .header {
            color: rgb(213, 221, 229);
            text-transform: uppercase;
            line-height: 23px;
            padding-left: 8px;
            font-family: Purista;
            font-size: 16px;
            margin-bottom: 1px;
            background-color: rgba(0, 0, 0, 0.65);
        }

        #geoleaderboard-container .standings table {
            margin-bottom: 0px;
        }

        #geoleaderboard-container .standings tr.active a {
            color: rgb(0, 0, 0);
        }

        #geoleaderboard-container .standings td {
            padding: 0px;
            height: 47px;
            font-size: 12px;
        }

        #geoleaderboard-container .standings #standings-list {
            height: 464px;
            overflow: hidden;
            margin-bottom: 14px;
            position: relative;
        }

            #geoleaderboard-container .standings #standings-list .jspVerticalBar {
                background: rgba(0, 0, 0, 0.5);
                width: 8px;
                right: 1px;
            }

            #geoleaderboard-container .standings #standings-list .jspDrag {
                background: rgb(255, 255, 255);
                opacity: 0.7;
            }

                #geoleaderboard-container .standings #standings-list .jspDrag:hover {
                    opacity: 1;
                }

        #geoleaderboard-container .standings .standing {
            width: 45px;
            font-family: Purista;
            font-size: 16px;
        }

        #geoleaderboard-container .standings .current-user.standing {
            color: rgb(0, 0, 0);
            background-color: rgb(255, 153, 0);
        }

        #geoleaderboard-container .standings .standing .division {
            background-position: 50% 50%;
            width: 100%;
            height: 33px;
            cursor: pointer;
            background-repeat: no-repeat;
            background-size: 29px 33px;
        }

        #geoleaderboard-container .standings .avatarcontainer {
            width: 45px;
        }

        #geoleaderboard-container .standings .rankcontainer {
            width: 35px;
            line-height: 0;
            overflow: hidden;
        }

            #geoleaderboard-container .standings .rankcontainer .rank {
                margin-top: 8px;
            }

        #geoleaderboard-container .standings .name {
            width: 142px;
        }

            #geoleaderboard-container .standings .name .common-playername-personaname {
                font-weight: bold;
                margin-bottom: 2px;
            }

            #geoleaderboard-container .standings .name .common-playername-username {
                color: rgb(168, 168, 168);
                font-size: 11px;
            }

        #geoleaderboard-container .standings .score {
            width: 44px;
            text-align: right;
            padding-right: 16px;
            font-size: 14px;
            font-weight: bold;
        }

    #geoleaderboard-container .leaderboard-message {
        background: rgba(0, 0, 0, 0.5);
        left: 8px;
        top: 512px;
        right: 16px;
        color: rgb(235, 198, 181);
        text-transform: none;
        line-height: 40px;
        padding-left: 8px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        margin-top: 8px;
        margin-left: 8px;
        position: absolute;
        text-shadow: -1px -1px 4px #b74b19, 1px 1px 4px #b74b19;
    }

        #geoleaderboard-container .leaderboard-message i {
            background: url("../ui/icons/icon-error.png") no-repeat;
            width: 24px;
            height: 22px;
            margin-top: -4px;
            margin-right: 5px;
            vertical-align: middle;
            display: inline-block;
        }

    #geoleaderboard-container .next-goal {
        background: rgba(0, 0, 0, 0.5);
        border: 1px solid rgba(128, 128, 128, 0.5);
        border-image: none;
        top: 589px;
    }

    #geoleaderboard-container .notification {
        background: rgba(0, 0, 0, 0.5);
        top: -48px;
    }

        #geoleaderboard-container .notification .date {
            color: rgb(168, 168, 168);
            font-size: 11px;
            float: right;
        }

        #geoleaderboard-container .notification a {
            font-weight: bold;
        }

            #geoleaderboard-container .notification a:hover {
                text-decoration: none;
            }

        #geoleaderboard-container .notification img {
            margin-top: 10px;
            margin-right: 10px;
            float: left;
        }

    #geoleaderboard-container #map-details {
        top: 16px;
        line-height: 24px;
    }

        #geoleaderboard-container #map-details .title {
            display: block;
        }

        #geoleaderboard-container #map-details .description {
            font-size: 16px;
            display: block;
        }

    #geoleaderboard-container #user-details-container {
        left: 16px;
        top: 521px;
        text-transform: uppercase;
        line-height: 16px;
        font-family: Purista;
        font-size: 16px;
        display: none;
        position: absolute;
    }

        #geoleaderboard-container #user-details-container img {
            border: 1px solid rgb(255, 255, 255);
            border-image: none;
            float: left;
        }

        #geoleaderboard-container #user-details-container div {
            height: 35px;
            padding-top: 4px;
            margin-left: 44px;
        }

        #geoleaderboard-container #user-details-container span.username {
            text-transform: none;
            font-weight: 600;
            display: block;
        }

        #geoleaderboard-container #user-details-container span.description {
            color: rgb(168, 168, 168);
        }

    #geoleaderboard-container .performances {
        top: 589px;
        width: 100%;
        margin-bottom: 24px;
        position: absolute;
    }

.ugm-showing #geoleaderboard-container .performances {
    padding-bottom: 64px;
}

#geoleaderboard-container .performances .row-tight {
    margin-top: 1px;
}

#geoleaderboard-container .performances .header div {
    background: rgba(0, 0, 0, 0.4);
    color: rgb(213, 221, 229);
    text-transform: uppercase;
    line-height: 23px;
    padding-left: 8px;
    font-family: Purista;
    font-size: 15px;
    font-weight: 600;
}

#geoleaderboard-container .performances .boxes .span1 {
    background: rgba(0, 0, 0, 0.4);
    padding: 8px;
    height: 240px;
    text-align: center;
    text-transform: uppercase;
    line-height: 16px;
    text-decoration: none;
    -ms-overflow-x: hidden;
    -ms-overflow-y: hidden;
}

    #geoleaderboard-container .performances .boxes .span1 .name {
        font-size: 11px;
    }

    #geoleaderboard-container .performances .boxes .span1 .score {
        color: rgb(168, 168, 168);
        font-size: 11px;
    }

    #geoleaderboard-container .performances .boxes .span1 .icon {
        background-position: 50% 50%;
        height: 56px;
        overflow: hidden;
        margin-top: 8px;
        margin-bottom: 8px;
        background-repeat: no-repeat;
    }

    #geoleaderboard-container .performances .boxes .span1 .division {
        width: 57px;
        margin-right: auto;
        margin-bottom: 8px;
        margin-left: auto;
        display: block;
    }

    #geoleaderboard-container .performances .boxes .span1 .position {
        line-height: 24px;
        font-family: Purista;
        font-size: 19px;
    }

    #geoleaderboard-container .performances .boxes .span1 .location {
        background-position: left;
        line-height: 19px;
        padding-left: 25px;
        font-size: 11px;
        margin-top: 5px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    #geoleaderboard-container .performances .boxes .span1 .locality.location {
        background-image: url("../geoleaderboard/geo-locality-bright.png");
    }

    #geoleaderboard-container .performances .boxes .span1 .country.location {
        background-image: url("../geoleaderboard/geo-country-bright.png");
    }

    #geoleaderboard-container .performances .boxes .span1 .world.location {
        background-image: url("../geoleaderboard/geo-world-bright.png");
    }

.overview#geoleaderboard-container #map-viewport {
    top: 104px;
    width: 992px;
}

.choose-position#geoleaderboard-container #map-viewport {
    top: 104px;
    width: 992px;
}

.overview#geoleaderboard-container .top-right {
    left: 968px;
}

.choose-position#geoleaderboard-container .top-right {
    left: 968px;
}

.overview#geoleaderboard-container .bottom-right {
    left: 968px;
}

.choose-position#geoleaderboard-container .bottom-right {
    left: 968px;
}

.overview#geoleaderboard-container .map-controls {
    left: 928px;
}

.choose-position#geoleaderboard-container .map-controls {
    left: 928px;
}

.overview#geoleaderboard-container #location-selector {
    top: 88px;
}

.choose-position#geoleaderboard-container #location-selector {
    top: 88px;
}

.overview#geoleaderboard-container #map-info {
    top: 0px;
    right: 0px;
    float: right;
    position: relative;
}

.overview#geoleaderboard-container #skull-content {
    left: auto;
    top: auto;
    position: relative;
}

.has-latest-update.overview#geoleaderboard-container #map-viewport {
    top: 152px;
}

.choose-position#geoleaderboard-container header {
    width: 992px;
    text-align: center;
}

.choose-position#geoleaderboard-container h1 {
    font-size: 40px;
}

.choose-position#geoleaderboard-container h3 {
    font-size: 23px;
    font-weight: normal;
}

.choose-position#geoleaderboard-container #map-details {
    top: 328px;
    width: 960px;
    height: 0px;
    text-align: center;
    color: rgb(255, 153, 0);
    overflow: visible;
    position: absolute;
}

.choose-position#geoleaderboard-container #map-info {
    top: 677px;
    right: 0px;
}

.choose-position#geoleaderboard-container #skull-content {
    left: 0px;
    top: 677px;
    margin-top: 16px;
}

#geoleaderboard-container .set-location-box {
    left: 16px;
    top: 453px;
    height: 104px;
    right: 16px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
}

    #geoleaderboard-container .set-location-box .privacy-settings {
        margin: 16px;
        width: 400px;
    }

        #geoleaderboard-container .set-location-box .privacy-settings span {
            line-height: 16px;
            margin-top: 9px;
            display: block;
        }

    #geoleaderboard-container .set-location-box .continue {
        top: 16px;
        text-align: center;
        right: 16px;
        position: absolute;
    }

        #geoleaderboard-container .set-location-box .continue a {
            margin-top: 16px;
            display: block;
        }

    #geoleaderboard-container .set-location-box span {
        color: rgb(168, 168, 168);
        font-size: 12px;
    }

    #geoleaderboard-container .set-location-box a {
        color: rgb(168, 168, 168);
        font-size: 12px;
    }

.geo-location-dialog {
    text-align: center;
}

    .geo-location-dialog span {
        margin-top: 16px;
        margin-bottom: 16px;
        display: block;
    }

    .geo-location-dialog button {
        margin-top: 16px;
        margin-bottom: 16px;
        display: block;
    }

    .geo-location-dialog button {
        margin-right: auto;
        margin-left: auto;
    }

#geoleaderboard-divisions {
    position: relative;
}

    #geoleaderboard-divisions h3 {
        color: rgb(168, 168, 168);
        text-transform: uppercase;
        line-height: 16px;
        font-family: Purista;
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 16px;
    }

    #geoleaderboard-divisions .divisions {
        color: rgb(255, 255, 255);
        line-height: 16px;
        font-family: Purista;
        font-size: 16px;
    }

    #geoleaderboard-divisions .score-needed {
        color: rgb(255, 255, 255);
        line-height: 16px;
        font-family: Purista;
        font-size: 16px;
    }

    #geoleaderboard-divisions .divisions {
        margin-bottom: 16px;
    }

        #geoleaderboard-divisions .divisions .division {
            height: 24px;
        }

            #geoleaderboard-divisions .divisions .division .num {
                width: 24px;
                float: left;
            }

            #geoleaderboard-divisions .divisions .division .bar {
                width: 250px;
                float: left;
            }

                #geoleaderboard-divisions .divisions .division .bar .progress-bar {
                    margin-bottom: 8px;
                }

            #geoleaderboard-divisions .divisions .division .details {
                margin-left: 8px;
                float: left;
            }

            #geoleaderboard-divisions .divisions .division .clear {
                clear: left;
            }

    #geoleaderboard-divisions .score-needed {
        left: 400px;
        top: 0px;
        position: absolute;
    }

        #geoleaderboard-divisions .score-needed .score {
            height: 24px;
        }

    #geoleaderboard-divisions .description {
    }

.leaflet-map-pane {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-tile {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-marker-icon {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-marker-shadow {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-tile-pane {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-tile-container {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-overlay-pane {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-shadow-pane {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-marker-pane {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-popup-pane {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-overlay-pane svg {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-zoom-box {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-image-layer {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-layer {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-container {
    overflow: hidden;
    -ms-touch-action: none;
}

.leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.leaflet-marker-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.leaflet-marker-icon {
    display: block;
}

.leaflet-marker-shadow {
    display: block;
}

.leaflet-container img {
    max-width: none !important;
}

    .leaflet-container img.leaflet-image-layer {
        max-width: 15000px !important;
    }

.leaflet-tile {
    visibility: hidden;
    filter: inherit;
}

.leaflet-tile-loaded {
    visibility: inherit;
}

.leaflet-zoom-box {
    width: 0px;
    height: 0px;
}

.leaflet-overlay-pane svg {
    -moz-user-select: none;
}

.leaflet-tile-pane {
    z-index: 2;
}

.leaflet-objects-pane {
    z-index: 3;
}

.leaflet-overlay-pane {
    z-index: 4;
}

.leaflet-shadow-pane {
    z-index: 5;
}

.leaflet-marker-pane {
    z-index: 6;
}

.leaflet-popup-pane {
    z-index: 7;
}

.leaflet-control {
    position: relative;
    z-index: 7;
    pointer-events: auto;
}

.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}

.leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}

.leaflet-top {
    top: 0px;
}

.leaflet-right {
    right: 0px;
}

.leaflet-bottom {
    bottom: 0px;
}

.leaflet-left {
    left: 0px;
}

.leaflet-control {
    clear: both;
    float: left;
}

.leaflet-right .leaflet-control {
    float: right;
}

.leaflet-top .leaflet-control {
    margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
    margin-left: 10px;
}

.leaflet-right .leaflet-control {
    margin-right: 10px;
}

.leaflet-fade-anim .leaflet-tile {
    transition: opacity 0.2s linear;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-popup {
    transition: opacity 0.2s linear;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-tile-loaded {
    opacity: 1;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

.leaflet-pan-anim .leaflet-tile {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

.leaflet-touching .leaflet-zoom-animated {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}

.leaflet-clickable {
    cursor: pointer;
}

.leaflet-container {
}

.leaflet-popup-pane {
    cursor: auto;
}

.leaflet-control {
    cursor: auto;
}

.leaflet-dragging {
    cursor: move;
}

    .leaflet-dragging .leaflet-clickable {
        cursor: move;
    }

    .leaflet-dragging .leaflet-container {
        cursor: move;
    }

.leaflet-container {
    background: rgb(221, 221, 221);
    outline: 0px;
}

    .leaflet-container a {
        color: rgb(0, 120, 168);
    }

        .leaflet-container a.leaflet-active {
            outline: orange solid 2px;
        }

.leaflet-zoom-box {
    background: white;
    border: 2px dotted rgb(0, 85, 255);
    border-image: none;
    opacity: 0.5;
}

.leaflet-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size-adjust: none;
    font-stretch: normal;
}

.leaflet-bar {
    border-radius: 4px;
    box-shadow: 0px 1px 7px rgba(0,0,0,0.65);
    -webkit-border-radius: 4px;
}

    .leaflet-bar a {
        width: 26px;
        height: 26px;
        text-align: center;
        color: black;
        line-height: 26px;
        text-decoration: none;
        border-bottom-color: rgb(204, 204, 204);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
        background-color: rgb(255, 255, 255);
    }

        .leaflet-bar a:hover {
            width: 26px;
            height: 26px;
            text-align: center;
            color: black;
            line-height: 26px;
            text-decoration: none;
            border-bottom-color: rgb(204, 204, 204);
            border-bottom-width: 1px;
            border-bottom-style: solid;
            display: block;
            background-color: rgb(255, 255, 255);
        }

    .leaflet-bar a {
        background-position: 50% 50%;
        display: block;
        background-repeat: no-repeat;
    }

.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    display: block;
    background-repeat: no-repeat;
}

.leaflet-bar a:hover {
    background-color: rgb(244, 244, 244);
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
    border-bottom-color: currentColor;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.leaflet-bar a.leaflet-disabled {
    color: rgb(187, 187, 187);
    cursor: default;
    background-color: rgb(244, 244, 244);
}

.leaflet-touch .leaflet-bar {
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .leaflet-touch .leaflet-bar a {
        width: 30px;
        height: 30px;
    }

        .leaflet-touch .leaflet-bar a:first-child {
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            -webkit-border-top-left-radius: 7px;
            -webkit-border-top-right-radius: 7px;
        }

        .leaflet-touch .leaflet-bar a:last-child {
            border-bottom-color: currentColor;
            border-bottom-width: medium;
            border-bottom-style: none;
            border-bottom-right-radius: 7px;
            border-bottom-left-radius: 7px;
            -webkit-border-bottom-left-radius: 7px;
            -webkit-border-bottom-right-radius: 7px;
        }

.leaflet-control-zoom-in {
    font: bold 18px/normal "Lucida Console", Monaco, monospace;
    font-size-adjust: none;
    font-stretch: normal;
}

.leaflet-control-zoom-out {
    font: bold 22px/normal "Lucida Console", Monaco, monospace;
    font-size-adjust: none;
    font-stretch: normal;
}

.leaflet-touch .leaflet-control-zoom-in {
    line-height: 30px;
    font-size: 22px;
}

.leaflet-touch .leaflet-control-zoom-out {
    line-height: 30px;
    font-size: 28px;
}

.leaflet-control-layers {
    background: rgb(248, 248, 249);
    border-radius: 5px;
    box-shadow: 0px 1px 7px rgba(0,0,0,0.4);
    -webkit-border-radius: 5px;
}

.leaflet-control-layers-toggle {
    width: 36px;
    height: 36px;
    background-image: url("images/layers.png");
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url("images/layers-2x.png");
    background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list {
    display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
}

.leaflet-control-layers-expanded {
    background: rgb(255, 255, 255);
    padding: 6px 10px 6px 6px;
    color: rgb(51, 51, 51);
}

.leaflet-control-layers-selector {
    top: 1px;
    margin-top: 2px;
    position: relative;
}

.leaflet-control-layers label {
    display: block;
}

.leaflet-control-layers-separator {
    margin: 5px -10px 5px -6px;
    height: 0px;
    border-top-color: rgb(221, 221, 221);
    border-top-width: 1px;
    border-top-style: solid;
}

.leaflet-container .leaflet-control-attribution {
    margin: 0px;
    box-shadow: 0px 0px 5px #bbb;
    background-color: rgba(255, 255, 255, 0.7);
}

.leaflet-control-attribution {
    padding: 0px 5px;
    color: rgb(51, 51, 51);
}

.leaflet-control-scale-line {
    padding: 0px 5px;
    color: rgb(51, 51, 51);
}

.leaflet-container .leaflet-control-attribution {
    font-size: 11px;
}

.leaflet-container .leaflet-control-scale {
    font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
}

.leaflet-control-scale-line {
    border-width: medium 2px 2px;
    border-style: none solid solid;
    border-color: currentColor rgb(119, 119, 119) rgb(119, 119, 119);
    padding: 2px 5px 1px;
    border-image: none;
    color: black;
    line-height: 1.1;
    overflow: hidden;
    font-size: 11px;
    white-space: nowrap;
    box-shadow: 0px -1px 5px rgba(0,0,0,0.2);
    text-shadow: 1px 1px 1px #fff;
    background-color: rgba(255, 255, 255, 0.5);
}

:not(:first-child).leaflet-control-scale-line {
    margin-top: -2px;
    border-top-color: rgb(119, 119, 119);
    border-bottom-color: currentColor;
    border-top-width: 2px;
    border-bottom-width: medium;
    border-top-style: solid;
    border-bottom-style: none;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

:not(:first-child):not(:last-child).leaflet-control-scale-line {
    border-bottom-color: rgb(119, 119, 119);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.leaflet-touch .leaflet-control-attribution {
    box-shadow: none;
}

.leaflet-touch .leaflet-control-layers {
    box-shadow: none;
}

.leaflet-touch .leaflet-control-zoom {
    box-shadow: none;
}

.leaflet-touch .leaflet-control-layers {
    border: 4px solid rgba(0, 0, 0, 0.3);
    border-image: none;
}

.leaflet-touch .leaflet-control-zoom {
    border: 4px solid rgba(0, 0, 0, 0.3);
    border-image: none;
}

.leaflet-popup {
    text-align: center;
    position: absolute;
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    border-radius: 12px;
    text-align: left;
    -webkit-border-radius: 12px;
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
}

    .leaflet-popup-content p {
        margin: 18px 0px;
    }

.leaflet-popup-tip-container {
    margin: 0px auto;
    width: 40px;
    height: 20px;
    overflow: hidden;
    position: relative;
}

.leaflet-popup-tip {
    margin: -10px auto 0px;
    padding: 1px;
    width: 17px;
    height: 17px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.leaflet-popup-content-wrapper {
    background: white;
    box-shadow: 0px 3px 14px rgba(0,0,0,0.4);
}

.leaflet-popup-tip {
    background: white;
    box-shadow: 0px 3px 14px rgba(0,0,0,0.4);
}

.leaflet-container a.leaflet-popup-close-button {
    background: none;
    font: bold 16px/14px Tahoma, Verdana, sans-serif;
    padding: 4px 4px 0px 0px;
    top: 0px;
    width: 18px;
    height: 14px;
    text-align: center;
    right: 0px;
    color: rgb(195, 195, 195);
    text-decoration: none;
    position: absolute;
    font-size-adjust: none;
    font-stretch: normal;
}

    .leaflet-container a.leaflet-popup-close-button:hover {
        color: rgb(153, 153, 153);
    }

.leaflet-popup-scrolled {
    overflow: auto;
    border-top-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.leaflet-div-icon {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(102, 102, 102);
    border-image: none;
}

.leaflet-editing-icon {
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.mapbox-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAACcCAYAAABho7sLAAACz0lEQVR42u2YTWgTQRiGE2lRQRAktGovagMFCyW/DbkFEQt6EVTwpPYi8eZBpQcNgh48tOJVUKJQEFGhorWKCnoRQkEEL71Uqh7qD4QiQgqlGd+BT3YJu7jdmV2ovAMPk/m+ZZ6ZzOzuJAmlVCxQRBFF/7Mon88vaOIQKc36FsnXpXxYiE3ENVrT9uaTgSKKKKKIIoooCgIPkNwMFFFEEUUUUUSRnCtuJBKJDXGIVKFQeFQulzdbE6Ek0ekJ8BaCn0BpRPYOdSqwSEY51dHJrMTHgfIjl8s9W6tIuSkWi/vBID6vuOMGM/L/bw6jfSwdzuDzaCaT2eW1RsYitD+DCb1OWgLZKeNd5xZJuxujfuWXF8xF6XR6I0SViEUOEYn8sSly7iP/7XyZT2+KKKKIIooAXgs7cEbYp2vrIhH0y2FR/UXa/dZEpVKpV06jLczmNupDUrd0XOetiNBZXWYw7I7rtsyubks0Dxo+uYbO2xI1waRPbhIs2hK9Bi0cdbe547ot63TXiggLPyJr8TSbzZZ1TNe6LfGaFZEs/AXXL4gfQLlYQf6oFZHMbAidXgJ3QBXtNOoHgWQiCk2lUukKJBORNRlmeS8ikSOD5Kyu+ZqgiCKKKPJnABwOyICJqKmCl2ZoUYCOb4JrzoDsi76BTa7r5qISXZd8FbwHy1GJqpKfcUJ2RV9ABeyU/JC0W7ZFcx7XpKKY0SpYAqOSfwh+ARX1Gj0HiiIvxsCUByOSr7liY3xNUEQRRRStE1EXSJqKtoMjPrlh0AC6LIKr4BbYG0Z0DLTBFY9RvwSd5SM4GUZUUE55A06D3aAPtD1E0yAZRtQLnnh0+FV5l/Nh12gQrKrg5YDJrpsOKGmDHhNRH3gRQFQ3vY+6wew/JEugx0gkbAFnwHKnQWLHTW/YPeAguAi+e0jmQc7GIygFauAD+C2dfwL3wTmwlU9viiiKV/QHn/TDxm/TaPYAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-size: 26px 156px;
}

@media not all, all and (min-resolution:192dpi) {
    .mapbox-icon {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAE4CAYAAAAUzdAkAAAGAklEQVR42uzdb2hVdRzH8bl0MXIpLVOjEmQRtLpsd/9cywoSwsonzfUHklhQ9mBJBMkoCISiJyXtSQirB0H/tSxYOIggjfakB5v2oElg2UaJjhSjls7t9PnCCX4curv3rHvu+d3T+8B7znt/Z/5eO+ee3bv91JogCDIVIECAAAECBAgQIECAAAECBCgboLa2tlEVhI1mARS4AQIEKOOg6NVsiY36CAr+S4A45f7vFwVAgADx8oFXrIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAglpexAJAVjUUb5aIACBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAA+Q6y5QGv19TU1GYJFLS3t3/c3d1dnxlQiBrTr1dnAuT0Qz6fb/Ie1NHRsU4TfU69pb7RxGcMUKAzra2t3V6Cmpub63Qq7dYkz6sgRn8K/kCiIP0ht2pyh4tMZLKvr++yELNSvx9XwRKbF+qZxEBFMUpjtttYbcvsymW3eQsqAfOtM/bpuIBCp1xqID3wt4RHp1a/P7FUjHtRqChokVPz3uhYdVF9qPt6BW/RtrrYZdsbkD2Vccdpgl/YZTvOF1avQAJ85ox7V62I+9THtyP0XTjmNbva/XO7Hhftum1YTahzBZ6cegn6XZ/xQ3H39xJkjwE1p6NxcyZAgqzRfW/Y+5kANTU1Xa7T7ZZMgNwApQ+KH6CwFF4+xM8+Vqog9wVeOTD2sfhGIyBAgAABAgQIECBAgAABAgQIECBAgAABAgRo8fQD42u16OJ+/WThRcvet9uqDqSJbxZgcrE1dDbGe5AtZdFE99q6thLXvu21fbwFaZIHI5P+TY2oPWEjdltkzEEvQfop3CORib7X2dnZGB1nt9l97ljb1ytQLpe7JrKq95Vi+9gYZ/yMfQxfQHZ0djqTO2Yrf0tZHWxjnaO00xuQLRFzFvf1x7ga9jufiGGfQBMOKBcDlHNAE96A3EXlPT09DaXuZ2Md0B8+PYbGnIl1xThCm5z9jvt0hIacie2Ksd8uZ78Rb0D6TD/qTOwXffW/qtg+NsbGOle5x70B2dMXO2Uc1P7FVv7afTbGGX/aFgp6A7Js5XvkOdxRlf8XTD68L3Ca8XKtj069l2yCkaZt3bZl76ugQKcN5QvIRT3oPA2KV4jyCmR1dXWt1cTeLnBEZtWbOkXvsKc+SaCS/vt063XUtoVHLm9/KcpdAp0Eyt6kUHIoe5MplL3xGfWlv6D4qGN2W9WCXJSLqVqQi7L4zikgQIAAAQIECBAgQIAAAQIECBAgQICqEtShhtS+MjekOtIATamktqkUQMlugFIEzagB1aKuVI1qgzpSjaApVegfwRutRlCvqskS6Apn/1p1n3Pp/7naQNOR/bdU+0VhMrL/7qyBBqsRdFwNhj0R2X+TGnQ6Ww2gUv9H9lp1IUugDSrIEujuagFdUKfCvo7sP+Dcd46rHCBAgAABitl4gqDxNECNql89VWIPRfZvKTCuXzXynVNAgAABAgQIECBAgAABAgQIECBAgAABAuQZaJXaqHLqelVfYNyySoFWq3VL2G+N+kBFt0tqj1qurlPPq0NqRaVAfer7mKgG9ZNabDup5tWC6q3kKTesghC1vsR99qlStr/Uy+pZtaNSoDFnAmfUw0XG16s5FWf7RC2vFOhVFd0+VU0Fxt8WEzOi6ip5ym1dZDKH1WNqpTN+e0zQjZW+bNepr4pMakGdUJ+rAzFBaysN2qE2q6Oq3NslVVtp0IiybTYB0HQazxReUElt+9MANahfEwI9mQbIukudLTNmXt2QFsi6SR1QF8sE+ijtZ9uDIehkGTALKpc26PZwIuXY3vHl9dBAGTA/qlW+gKx71MQSMXOq29dXrFvVqRiYWbXNx5fgG9X7MR9P59WdPnxPoUX93Y4dmwAIQ2EQhqxi4xSOIGQcC8dwBKfIAIJdRrB3AxvP3sZUT7jAN8DBa/JnTFhRcTV8D7ooI0lCxoavr2KMvPoMWFBwvJzciR0z+r/OWOnh0GiQQQYZZJBBBhlkkEEGBXcD/NcD18JsKswAAAAASUVORK5CYII=");
    }
}

a.mapbox-icon-share {
    background-position: 0px -52px;
}

a.mapbox-icon-geocoder {
    background-position: 0px -78px;
}

a.mapbox-icon-facebook {
    background-position: 0px -104px;
}

a.mapbox-icon-twitter {
    background-position: 0px -130px;
}

.map-legends {
    background: rgb(255, 255, 255);
    border-radius: 3px;
    border: 1px solid rgb(187, 187, 187);
    border-image: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
}

.map-legends {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

    .map-legends .map-legend {
        padding: 10px;
    }

.map-tooltip {
    background: rgb(255, 255, 255);
    font: 13px/20px Arial, sans-serif;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid rgb(187, 187, 187);
    transition: opacity 150ms;
    border-image: none;
    color: rgb(34, 34, 34);
    overflow: auto;
    z-index: 999999;
    max-height: 400px;
    min-width: 180px;
    max-width: 280px;
    box-sizing: border-box;
    font-size-adjust: none;
    font-stretch: normal;
    opacity: 1;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

    .map-tooltip .close {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAeCAYAAADO4udXAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHFSURBVHic7dpBbsIwEAXQoZpbwKKz8Bm66EFyjUicI1KuwUF6Ci/cBbmFJbqoLbluJezgMSn8JyGhJMRAvmZiw+5yuRBAay/3fgPwmBAsUIFggQoEC1QgWKACwQIVCBaoQLCgiIiMIjKWHo9gbVy4oJ/po9e42fPiUBERcemBxpiD935i5qO19ly6rzUR+SAics69a46zFc65WUSIKi9sA2MYN449O+fm0hcXVyzv/UREb977kzHmELeHUJ3Cvqn0fDfYhwfoi5WqKlREFRWLmY8hQPsQroGIKG4jooWZjzWDw3VJG4oXtnflWqU4WNbaszFmSMMVdsVQDdpt8NmkoYoVI2lPPY0iQjVVa1f774ak9cV2pBqqcE91rfUtre+57jGuiIxJgFa3oS0orljQxU03zGv8NeNzzr3eet6qipVVqyVs7toK43S7xYffmmwpoVulysPV4rstnhXmoWLmgZkH+g7YPp8twnOrXW74UZ2stecsXD2WG55F1Ur3Wtmss1mFrF1u+LUImswWp07LDcv1Q/6n3u1dc9ZZPSuExxErosa9HIIFKvAjNKhAsEAFggUqECxQgWCBCgQLVCBYoALBAhVfpi7sxwlEhWYAAAAASUVORK5CYII=") no-repeat 0px 0px rgb(255, 255, 255);
        text-indent: -999em;
        overflow: hidden;
        display: none;
    }

.closable.map-tooltip .close:active {
    border-color: rgb(176, 176, 176);
    background-color: rgb(240, 240, 240);
}

.closable.map-tooltip .close {
    background-position: -5px -5px;
    border-radius: 10px;
    top: 4px;
    width: 20px;
    height: 20px;
    right: 4px;
    position: absolute;
}

.closable.map-tooltip .close {
    display: block;
}

.map-tooltip small {
    font-size: 11px;
}

.map-tooltip h1 {
    font-size: 16px;
}

.map-tooltip h2 {
    font-size: 16px;
}

.map-tooltip h3 {
    font-size: 16px;
}

.map-tooltip h4 {
    font-size: 16px;
}

.map-tooltip h5 {
    font-size: 16px;
}

.map-tooltip h6 {
    font-size: 16px;
}

.map-tooltip h1 {
    margin: 0px 0px 10px;
}

.map-tooltip h2 {
    margin: 0px 0px 10px;
}

.map-tooltip h3 {
    margin: 0px 0px 10px;
}

.map-tooltip h4 {
    margin: 0px 0px 10px;
}

.map-tooltip h5 {
    margin: 0px 0px 10px;
}

.map-tooltip h6 {
    margin: 0px 0px 10px;
}

.map-tooltip p {
    margin: 0px 0px 10px;
}

.leaflet-control-interaction {
    top: 10px;
    width: 300px;
    right: 10px;
    position: absolute;
}

.leaflet-popup {
    pointer-events: none;
}

.leaflet-popup-close-button {
    pointer-events: all;
}

.leaflet-popup-content-wrapper {
    border-radius: 2px;
    pointer-events: all;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.leaflet-popup-content {
    margin: 12px 16px;
    line-height: 1.6em;
}

    .leaflet-popup-content .marker-title {
        line-height: 2em;
        font-weight: bold;
    }

.leaflet-popup-tip {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.leaflet-control .mapbox-button {
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: bold;
}

.leaflet-bar {
    border-radius: 2px;
    box-shadow: none;
    -webkit-border-radius: 2px;
}

.leaflet-touch .leaflet-bar {
    border-radius: 2px;
    box-shadow: none;
    -webkit-border-radius: 2px;
}

.leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
}

.leaflet-bar a:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

.leaflet-container {
    cursor: default;
}

.leaflet-popu a {
    color: rgb(68, 136, 153);
    text-decoration: none;
}

.map-tooltip a {
    color: rgb(68, 136, 153);
    text-decoration: none;
}

.map-legend a {
    color: rgb(68, 136, 153);
    text-decoration: none;
}

.leaflet-dragging {
    cursor: move;
}

.leaflet-clickable {
    cursor: pointer;
}

.map-clickable.leaflet-container {
    cursor: pointer;
}

.mapbox-share-buttons {
    padding: 15px 0px;
    clear: both;
    margin-bottom: 10px;
    border-bottom-color: rgb(226, 226, 226);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .mapbox-share-buttons a {
        border-radius: 2px;
        width: 48%;
        height: 26px;
        line-height: 26px;
        padding-left: 30px;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .mapbox-share-buttons a.mapbox-share-facebook {
            color: rgb(255, 255, 255);
            margin-right: 4%;
            background-color: rgb(59, 89, 152);
        }

            .mapbox-share-buttons a.mapbox-share-facebook:hover {
                background-color: rgb(70, 110, 178);
            }

        .mapbox-share-buttons a.mapbox-share-twitter {
            color: rgb(255, 255, 255);
            background-color: rgb(64, 153, 255);
        }

            .mapbox-share-buttons a.mapbox-share-twitter:hover {
                background-color: rgb(100, 178, 255);
            }

.mapbox-share-popup {
    background: rgb(255, 255, 255);
    padding: 20px;
    z-index: 1000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .mapbox-share-popup h3 {
        margin: 0px;
    }

    .mapbox-share-popup small {
        color: rgb(102, 102, 102);
    }

    .mapbox-share-popup textarea {
        width: 100%;
        height: 50px;
    }

.leaflet-control .mapbox-button {
    border: 1px solid rgb(187, 187, 187);
    border-image: none;
    background-color: rgb(255, 255, 255);
}

    .leaflet-control .mapbox-button:hover {
        cursor: pointer;
        background-color: rgb(244, 244, 244);
    }

.leaflet-bar {
    border: 1px solid rgb(187, 187, 187);
    border-image: none;
}

.leaflet-touch .leaflet-bar {
    border: 1px solid rgb(187, 187, 187);
    border-image: none;
}

.leaflet-bar a:active {
    background-color: rgb(226, 226, 226);
}

.leaflet-control .mapbox-button:active {
    background-color: rgb(226, 226, 226);
}

.leaflet-control-mapbox-geocoder {
    position: relative;
}

.searching.leaflet-control-mapbox-geocoder::before {
    background: rgba(224, 224, 224, 0.5);
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 100;
    content: "";
}

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    transition: width 100ms;
    border-image: none;
    left: 27px;
    top: -1px;
    width: 0px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    box-sizing: border-box;
    opacity: 0;
    -moz-box-sizing: border-box;
    -webkit-transition: width 100ms;
    -moz-transition: width 100ms;
    -o-transition: width 100ms;
}

.active.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
    border-radius: 0px 2px 2px 0px;
    width: 175px;
    border-left-color: currentColor;
    border-left-width: 0px;
    border-left-style: none;
    opacity: 1;
}

.leaflet-bar .leaflet-control-mapbox-geocoder-toggle {
    border-bottom-color: currentColor;
    border-bottom-width: medium;
    border-bottom-style: none;
}

    .leaflet-bar .leaflet-control-mapbox-geocoder-toggle:hover {
        border-bottom-color: currentColor;
        border-bottom-width: medium;
        border-bottom-style: none;
    }

.leaflet-control-mapbox-geocoder-toggle {
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.active.leaflet-control-mapbox-geocoder {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

    .active.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-toggle {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
    }

.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-form input {
    border: 0px currentColor;
    border-image: none;
    width: 175px;
    height: 26px;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.leaflet-control-mapbox-geocoder .mapbox-geocoder-toggle {
    left: 0px;
    top: 0px;
    position: absolute;
}

.leaflet-control-mapbox-geocoder input:focus {
    border-color: rgb(136, 136, 136);
}

.leaflet-control-mapbox-geocoder-results {
    left: 26px;
    top: 26px;
    position: absolute;
}

    .leaflet-control-mapbox-geocoder-results a {
        background: rgb(255, 255, 255);
        border-width: 0px 1px 1px;
        border-style: none solid solid;
        border-color: currentColor rgb(204, 204, 204) rgb(204, 204, 204);
        padding: 0px 10px;
        border-image: none;
        width: 176px;
        text-align: center;
        line-height: 26px;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .leaflet-control-mapbox-geocoder-results span {
        background: rgb(255, 255, 255);
        border-width: 0px 1px 1px;
        border-style: none solid solid;
        border-color: currentColor rgb(204, 204, 204) rgb(204, 204, 204);
        padding: 0px 10px;
        border-image: none;
        width: 176px;
        text-align: center;
        line-height: 26px;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .leaflet-control-mapbox-geocoder-results a:hover {
        background: rgb(255, 255, 255);
        border-width: 0px 1px 1px;
        border-style: none solid solid;
        border-color: currentColor rgb(204, 204, 204) rgb(204, 204, 204);
        padding: 0px 10px;
        border-image: none;
        width: 176px;
        text-align: center;
        line-height: 26px;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .leaflet-control-mapbox-geocoder-results a:hover {
        background: rgb(238, 238, 238);
    }

    .leaflet-control-mapbox-geocoder-results a:last-child {
        border-bottom-color: rgb(204, 204, 204);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .leaflet-control-mapbox-geocoder-results span:last-child {
        border-bottom-color: rgb(204, 204, 204);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

.dark.leaflet-container .leaflet-bar {
    border-color: rgb(0, 0, 0);
}

    .dark.leaflet-container .leaflet-bar a {
        border-color: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        background-color: rgb(64, 64, 64);
    }

.dark.leaflet-container .leaflet-control .mapbox-button {
    border-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    background-color: rgb(64, 64, 64);
}

.dark.leaflet-container .leaflet-bar a:hover {
    background-color: rgb(86, 86, 86);
}

.dark.leaflet-container .leaflet-control .mapbox-button:hover {
    background-color: rgb(86, 86, 86);
}

.dark.leaflet-container .leaflet-bar a:active {
    background-color: rgb(107, 107, 107);
}

.dark.leaflet-container .leaflet-control .mapbox-button:active {
    background-color: rgb(107, 107, 107);
}

.dark.leaflet-container .leaflet-bar a.leaflet-disabled {
    color: rgb(71, 71, 71);
    background-color: rgb(37, 37, 37);
}

.dark.leaflet-container .leaflet-control .disabled.mapbox-button {
    color: rgb(71, 71, 71);
    background-color: rgb(37, 37, 37);
}

.dark.leaflet-container .leaflet-control-mapbox-geocoder input[type=text] {
    border-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    background-color: rgb(86, 86, 86);
}

.dark.leaflet-container .leaflet-control-mapbox-geocoder input:focus {
    border-color: rgb(204, 204, 204);
}

.marker-cluster .marker-cluster-container {
    width: 58px;
    height: 58px;
    position: relative;
}

    .marker-cluster .marker-cluster-container div {
        background: url("../geoleaderboard/icon-cluster.png");
        font: 13px/normal Purista;
        border-radius: 29px;
        left: 50%;
        top: 50%;
        width: 58px;
        height: 58px;
        text-align: center;
        margin-top: -29px;
        margin-left: -29px;
        position: absolute;
        font-size-adjust: none;
        font-stretch: normal;
    }

.marker-cluster .current-user.marker-cluster-container div {
    background: url("../geoleaderboard/icon-cluster-yellow.png");
}

.marker-cluster .marker-cluster-container span {
    line-height: 58px;
}

.highlight.marker-cluster .marker-cluster-container div {
    background: url("../geoleaderboard/icon-cluster-hover.png");
}

.highlight.marker-cluster .current-user.marker-cluster-container div {
    background: url("../geoleaderboard/icon-cluster-yellow-hover.png");
}

.leaflet-cluster-anim .leaflet-marker-icon {
    transition: transform 0.2s ease-out, opacity 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in;
    -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in;
    -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
}

.leaflet-cluster-anim .leaflet-marker-shadow {
    transition: transform 0.2s ease-out, opacity 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-in;
    -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-in;
    -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-in;
}

#clubs {
    margin: 0px auto;
    width: 992px;
    font-family: Arial;
    font-size: 14px;
    position: relative;
}

    #clubs header {
        position: relative;
    }

    #clubs #memberbox-footer {
        padding: 0px;
        text-align: center;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        margin-top: 1px;
        cursor: pointer;
        background-color: rgba(7, 7, 7, 0.4);
    }

        #clubs #memberbox-footer p {
            padding: 16px;
        }

        #clubs #memberbox-footer:hover {
            background-color: rgba(7, 7, 7, 0.6);
        }

    #clubs .empty-message {
        text-align: center;
        color: rgb(168, 168, 168);
    }

    #clubs .club-delete {
        background: url("../base/shared/row_icon_chat_light.png") 0px -26px;
        top: 16px;
        width: 13px;
        height: 13px;
        right: 16px;
        position: absolute;
        cursor: pointer;
    }

        #clubs .club-delete:hover {
            background-position: 0px -39px;
        }

    #clubs .public-wall-title {
        margin-bottom: 1px;
    }

    #clubs textarea {
        font-family: Arial;
        font-size: 13px;
    }

    #clubs .club-message-area {
        margin-bottom: 0px;
    }

        #clubs .club-message-area textarea {
            height: 22px;
            line-height: 22px;
            font-size: 14px;
        }

        #clubs .club-message-area button {
            display: none;
        }

        #clubs .club-message-area label {
            display: none;
        }

        #clubs .club-message-area .bbarea {
            display: none;
        }

    #clubs .expanded.club-message-area textarea {
        height: 100px;
        -ms-overflow-y: auto;
    }

        #clubs .expanded.club-message-area textarea.comment-reply {
            height: 50px;
        }

    #clubs .expanded.club-message-area button {
        display: block;
    }

    #clubs .expanded.club-message-area label {
        display: block;
    }

    #clubs .expanded.club-message-area .bbarea {
        display: block;
    }

    #clubs .wall-message-author a {
        font-weight: bold;
    }

    #clubs .wall-message {
        margin: 8px 0px 16px;
        line-height: 18px;
    }

    #clubs .wall-message-add {
        padding-bottom: 0px;
    }

    #clubs .wall-message-ago {
        color: rgb(138, 138, 138);
        font-size: 11px;
    }

    #clubs .wall-message-right {
        width: 548px;
        float: left;
    }

    #clubs .wall-message-left {
        margin-right: 16px;
        float: left;
    }

    #clubs nav.submenu {
        margin-bottom: 8px;
    }

    #clubs .wall-comment-right {
        width: 480px;
        float: left;
    }

    #clubs .wall-comment-left {
        margin-right: 16px;
        float: left;
    }

    #clubs .club-wall-help {
        padding: 32px 16px;
        text-align: center;
    }

    #clubs .wall-post-message-form textarea {
        width: 606px;
        max-width: 606px;
    }

    #clubs .wall-sticky-form textarea {
        width: 606px;
        max-width: 606px;
    }

    #clubs .wall-post-comment-form textarea {
        width: 530px;
        font-size: 12px;
        max-width: 530px;
    }

    #clubs #club-wall-messages {
        margin-top: 1px;
    }

    #clubs .club-wall-comments {
        position: relative;
    }

    #clubs .club-wall-comments-container {
        margin-bottom: 1px;
    }

    #clubs .comments-info .box-content {
        padding: 6px;
        color: rgb(168, 168, 168);
        font-size: 11px;
        margin-bottom: 1px;
    }

        #clubs .comments-info .box-content a {
            font-weight: bold;
        }

    #clubs .club-report-message-container {
        right: 16px;
        display: none;
        position: absolute;
    }

    #clubs .club-report-comment-container {
        right: 16px;
        display: none;
        position: absolute;
    }

    #clubs .admin .club-report-message-container {
        right: 60px;
    }

    #clubs .admin .club-report-comment-container {
        top: 12px;
        right: 36px;
    }

    #clubs .create-club-btn {
        top: 0px;
        right: 0px;
        position: absolute;
    }

        #clubs .create-club-btn .icon-premium-shield {
            left: -7px;
            top: 4px;
            position: relative;
        }

    #clubs .clubs-list .box-content {
        margin-top: 1px;
        cursor: pointer;
    }

        #clubs .clubs-list .box-content:hover {
            background-color: rgba(7, 7, 7, 0.6);
        }

    #clubs .clubs-list .friends {
        margin-top: 8px;
    }

    #clubs .reports a {
        display: inline-block;
        position: relative;
    }

    #clubs .club-link .emblem {
        margin-right: 16px;
        float: left;
    }

    #clubs .club-link .club-info {
        margin-right: 16px;
        float: left;
    }

    #clubs .club-link .name {
        margin: 8px 0px;
        font-family: Purista, sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
    }

    #clubs .club-link .info {
        font-size: 12px;
    }

    #clubs #club-sticky-container {
        top: 0px;
        right: 0px;
        position: absolute;
    }

    #clubs .club-index .no-friends-yet {
        height: 100px;
        text-align: center;
        color: rgb(168, 168, 168);
        padding-top: 90px;
    }

    #clubs .club-index .myclubs {
        text-align: center;
    }

        #clubs .club-index .myclubs .box-content {
            width: 298px;
            height: 360px;
            margin-right: 1px;
            float: left;
        }

            #clubs .club-index .myclubs .box-content .name {
                margin: 10px 0px;
                overflow: hidden;
                font-family: Purista, sans-serif;
                font-size: 19px;
                font-style: normal;
                font-weight: 600;
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                max-width: 300px;
            }

            #clubs .club-index .myclubs .box-content .active {
                color: rgb(255, 153, 0);
                text-transform: uppercase;
                font-size: 12px;
                font-weight: bold;
                margin-top: 8px;
            }

        #clubs .club-index .myclubs .last.box-content {
            margin-right: 0px;
        }

    #clubs .club-create .form-title {
        float: left;
    }

    #clubs .club-create .form-value {
        float: left;
    }

    #clubs .club-create .form-desc {
        float: left;
    }

    #clubs .club-create .form-desc {
        color: rgb(168, 168, 168);
        line-height: 36px;
        margin-left: 16px;
    }

    #clubs .club-create .wide-input {
        padding: 10px;
        width: 360px;
        float: left;
    }

    #clubs .club-create .bbarea {
        clear: both;
    }

    #clubs .club-create textarea {
        height: 150px;
        max-width: 360px;
    }

    #clubs .club-create .box-content {
        margin-top: 1px;
    }

    #clubs .club-create .form-title {
        width: 200px;
        text-transform: uppercase;
        line-height: 36px;
        font-size: 14px;
        font-weight: bold;
    }

    #clubs .club-create .form-value .switch {
        margin-bottom: 8px;
    }

    #clubs .club-member-row {
        margin-bottom: 1px;
    }

        #clubs .club-member-row button.member-join {
            padding: 0px 11px;
            width: 32px;
        }

            #clubs .club-member-row button.member-join i.icon-join-member {
                background: url("../base/shared/icon-join.png") no-repeat 0px -10px rgba(0, 0, 0, 0);
                width: 10px;
                height: 11px;
                margin-top: 8px;
            }

        #clubs .club-member-row .club-member-info {
            padding: 0px 16px;
        }

            #clubs .club-member-row .club-member-info .club-member-text-row {
                line-height: 15px;
                margin-top: 8px;
            }

                #clubs .club-member-row .club-member-info .club-member-text-row .base-profile-link {
                    font-weight: bold;
                }

                #clubs .club-member-row .club-member-info .club-member-text-row .club-member-separator {
                    margin-right: 8px;
                    margin-left: 8px;
                }

    #clubs .membersbox ul.new-row {
        min-height: 74px;
    }

        #clubs .membersbox ul.new-row li.club-member {
            margin-right: 16px;
        }

        #clubs .membersbox ul.new-row li:last-child.club-member {
            margin-right: 0px;
        }

        #clubs .membersbox ul.new-row li.club-member .club-member-level {
            text-align: center;
        }

    #clubs .membersbox ul:last-child.new-row {
        min-height: 60px;
    }

    #clubs .club-member {
        margin-right: 8px;
        float: left;
    }

    #clubs .expanded.club-member {
        margin-right: 0px;
        float: none;
    }

    #clubs .btn-close {
        background: url("../unifiedgamemanager/close.png") no-repeat 0px 0px;
        margin: 15px 0px 0px 20px;
        border: currentColor;
        border-image: none;
        width: 15px;
        height: 15px;
        box-shadow: none;
    }

    #clubs .emblembox {
        position: relative;
    }

        #clubs .emblembox .emblem-edit-hover {
            display: none;
        }

            #clubs .emblembox .emblem-edit-hover a {
                padding: 8px;
                color: whitesmoke;
                font-size: 11px;
                display: block;
                cursor: pointer;
                background-color: rgba(7, 7, 7, 0.6);
            }

            #clubs .emblembox .emblem-edit-hover .edit-link {
                left: 8px;
                top: 8px;
                position: absolute;
            }

            #clubs .emblembox .emblem-edit-hover .sync-link {
                right: 8px;
                bottom: 8px;
                position: absolute;
            }

            #clubs .emblembox .emblem-edit-hover:hover {
                text-decoration: underline;
            }

        #clubs .emblembox:hover .emblem-edit-hover {
            display: block;
        }

    #clubs .club-members-playing {
        text-align: center;
        text-transform: uppercase;
        line-height: 36px;
        font-size: 14px;
        margin-bottom: 16px;
        display: block;
        background-color: rgb(47, 132, 177);
    }

    #clubs .sync-width {
        width: 320px;
    }

    #clubs .npxarea {
        background: url("../clubs/club-npx.jpg");
        width: 991px;
        height: 371px;
        text-align: center;
        font-size: 14px;
        margin-bottom: 16px;
        position: relative;
    }

        #clubs .npxarea h1 {
            line-height: 50px;
            padding-top: 100px;
            font-size: 46px;
            display: block;
            min-height: 150px;
            text-shadow: 0px 1px #000;
        }

        #clubs .npxarea div {
            margin: 0px auto;
            width: 660px;
            bottom: 16px;
            line-height: 24px;
        }

        #clubs .npxarea .clubs-npx-button {
            top: 0px;
            right: 8px;
            position: absolute;
        }

    #clubs .report-help {
        text-align: center;
    }

        #clubs .report-help h1 {
            margin-left: 16px;
        }

        #clubs .report-help p {
            color: rgb(168, 168, 168);
            line-height: 20px;
        }

    #clubs .battlereports-table .map-info {
        max-width: 550px;
    }

    #clubs .battlereports-table .players {
        margin-top: 8px;
        margin-left: 56px;
    }

        #clubs .battlereports-table .players span {
            margin-left: 4px;
        }

    #clubs .club-report {
        top: 16px;
        right: 16px;
        position: absolute;
    }

    #clubs .club-info {
        margin-bottom: 1px;
        position: relative;
    }

    #clubs .show-members {
        color: rgb(168, 168, 168);
        float: right;
        display: inline-block;
    }

    #clubs .info-icon {
        background: url("../loadout/icon-info-s.png") no-repeat 0px 0px;
        margin: 0px 6px;
        transition: opacity 0.2s ease-out;
        top: 30px;
        width: 17px;
        height: 17px;
        right: 4px;
        vertical-align: middle;
        display: inline-block;
        position: absolute;
        cursor: pointer;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-out;
        -moz-transition: opacity 0.2s ease-out;
    }

        #clubs .info-icon:hover {
            opacity: 1 !important;
        }

    #clubs .box:hover .info-icon {
        opacity: 0.4;
    }

    #clubs .club-wall-help {
        color: rgb(168, 168, 168);
        line-height: 20px;
    }

    #clubs .club-member-level {
        margin: 8px 0px;
        color: rgb(213, 221, 229);
        font-size: 12px;
    }

    #clubs .club-interact-area {
        top: 0px;
        right: 0px;
        position: absolute;
    }

    #clubs .max-amount-reached {
        line-height: 20px;
    }

    #clubs .stats {
        height: 202px;
        text-align: center;
    }

        #clubs .stats .club-rank {
            padding: 8px;
            font-family: Purista, sans-serif;
            font-size: 79px;
            font-style: normal;
            font-weight: 600;
        }

        #clubs .stats .club-span50 {
            width: 326px;
            margin-left: 0px;
        }

        #clubs .stats :first-child.club-span50 {
            width: 329px;
        }

        #clubs .stats :last-child.club-span50 {
            margin-left: 1px;
        }

        #clubs .stats .rankscore {
            height: 170px;
            position: relative;
        }

            #clubs .stats .rankscore #overview-rank {
                margin-top: 14px;
            }

                #clubs .stats .rankscore #overview-rank .progress-bar-info {
                    font-size: 12px;
                }

            #clubs .stats .rankscore .value {
                padding-top: 60px;
                font-size: 34px;
            }

        #clubs .stats .title {
            color: rgb(168, 168, 168);
            text-transform: uppercase;
            font-size: 12px;
            margin-bottom: 6px;
            white-space: nowrap;
        }

        #clubs .stats .value {
            font-size: 14px;
        }

        #clubs .stats .score {
            height: 105px;
        }

            #clubs .stats .score .value {
                padding-top: 26px;
                font-family: Purista, sans-serif;
                font-size: 34px;
                font-style: normal;
                font-weight: 600;
            }

        #clubs .stats .right-area {
            position: relative;
        }

            #clubs .stats .right-area .box-content {
                margin-left: 0px;
            }

        #clubs .stats .club-span1 {
            width: 108px;
            margin-top: 1px;
            margin-right: 1px;
            margin-left: 0px;
            position: relative;
        }

        #clubs .stats :last-child.club-span1 {
            margin-right: 0px;
        }

    #clubs .club-link {
        margin-bottom: 6px;
        display: block;
    }

        #clubs .club-link:hover {
            text-decoration: none;
        }

            #clubs .club-link:hover .name {
                text-decoration: underline;
            }

        #clubs .club-link .ui-emblem {
            margin-right: 6px;
            display: inline;
        }

    #clubs .wallmessage {
        position: relative;
    }

    #clubs .wallcomment {
        position: relative;
    }

    #clubs .wallsticky {
        position: relative;
    }

    #clubs .leader.wallmessage {
        box-shadow: 0px 0px 5px white;
    }

    #clubs .leader.wallcomment {
        box-shadow: 0px 0px 5px white;
    }

    #clubs .leader.wallsticky {
        box-shadow: 0px 0px 5px white;
    }

    #clubs .wallmessage:hover .club-delete {
        display: block;
    }

    #clubs .wallcomment:hover .club-delete {
        display: block;
    }

    #clubs .wallsticky:hover .club-delete {
        display: block;
    }

    #clubs .wallmessage {
        margin-bottom: 1px;
    }

        #clubs .wallmessage .sticky {
            background: url("../clubs/sticky.png");
            top: 0px;
            width: 15px;
            height: 16px;
            right: 20px;
            position: absolute;
        }

        #clubs .wallmessage .add-sticky {
            display: none;
            cursor: pointer;
        }

        #clubs .wallmessage .remove-sticky {
            cursor: pointer;
        }

        #clubs .wallmessage:hover .add-sticky {
            display: block;
        }

        #clubs .wallmessage:hover .message-interact {
            display: block;
        }

        #clubs .wallmessage:hover .club-report-message-container {
            display: block;
        }

    #clubs .wall-message-container {
        position: relative;
    }

    #clubs .wall-likes {
        margin-top: 16px;
        margin-bottom: 1px;
    }

        #clubs .wall-likes .box-content {
            padding: 4px 5px;
            color: rgb(168, 168, 168);
            font-size: 11px;
        }

            #clubs .wall-likes .box-content .base-profile-link {
                font-weight: bold;
            }

            #clubs .wall-likes .box-content a {
                cursor: pointer;
            }

    #clubs .message-interact {
        right: 0px;
        bottom: 0px;
        display: none;
        position: absolute;
    }

        #clubs .message-interact .interact-item {
            padding: 4px 0px;
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-image: none;
            margin-left: 3px;
            display: inline;
        }

            #clubs .message-interact .interact-item a {
                padding: 0px 8px;
                color: white;
                font-size: 12px;
                font-weight: normal;
                display: inline-block;
                cursor: pointer;
            }

                #clubs .message-interact .interact-item a.hide {
                    display: none;
                }

                #clubs .message-interact .interact-item a i.icon {
                    background: url("../feed/feed-icons.png");
                    top: 3px;
                    width: 15px;
                    height: 15px;
                    margin-right: 4px;
                    display: inline-block;
                    position: relative;
                }

@media not all, not all {
    #clubs .message-interact .interact-item a i.icon {
        background-image: url("../feed/feed-icons@2x.png");
        background-size: 45px 15px;
    }
}

#clubs .message-interact .interact-item a i.comment.icon {
    background-position: 30px 0px;
}

#clubs .message-interact .interact-item a i.hooah.icon {
    background-position: 15px 0px;
}

#clubs .message-interact .interact-item a i.share.icon {
    background-position: 0px 0px;
}

#clubs .message-interact .interact-item a span.icon {
    background: url("../base/shared/row_icon_chat_light.png") no-repeat right -26px;
    margin: 0px -4px -2px 4px;
    width: 13px;
    height: 13px;
    display: inline-block;
}

#clubs .message-interact .interact-item a:hover span.icon {
    background-position: right -39px;
}

#clubs .wallcomment {
    color: rgb(168, 168, 168);
    line-height: 18px;
    clear: both;
    font-size: 12px;
    margin-bottom: 1px;
}

    #clubs .wallcomment .box-content {
        padding: 8px;
    }

    #clubs .wallcomment:hover .club-report-comment-container {
        display: block;
    }

    #clubs .wallcomment .wall-comment-content {
        padding-right: 50px;
    }

    #clubs .wallcomment .new-indicator {
        border-width: 0px 10px 10px 0px;
        border-style: solid;
        border-color: transparent rgb(255, 153, 0) transparent transparent;
        top: 0px;
        width: 0px;
        height: 0px;
        right: 0px;
        position: absolute;
        -webkit-transition-property: opacity;
        -webkit-transition: 0.2s ease-out;
    }

#clubs .presentation {
    margin: 1px 0px;
    line-height: 20px;
}

    #clubs .presentation .preswrapper {
        overflow: hidden;
        max-height: 120px;
    }

    #clubs .presentation .view-more-btn {
        display: none;
    }

#clubs .minified.presentation .view-more-btn {
    display: block;
}

    #clubs .minified.presentation .view-more-btn a {
        color: rgb(168, 168, 168);
        cursor: pointer;
    }

#clubs .expanded.presentation .preswrapper {
    overflow: auto;
    max-height: none;
}

#clubs #clubs-battlereports {
    position: relative;
    min-height: 480px;
}

#clubs .club-server-row .club-server .club-server-content {
    padding: 16px;
    margin-bottom: 1px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.2);
}

    #clubs .club-server-row .club-server .club-server-content .club-server-join {
        right: 16px;
        bottom: 16px;
        position: absolute;
        z-index: 1;
    }

        #clubs .club-server-row .club-server .club-server-content .club-server-join .club-server-slots {
            bottom: -2px;
            color: rgb(255, 255, 255);
            text-transform: lowercase;
            line-height: 32px;
            font-family: Purista, sans-serif;
            font-size: 18px;
            font-weight: 600;
            margin-right: 8px;
            display: inline-block;
            position: relative;
        }

    #clubs .club-server-row .club-server .club-server-content .club-server-map-icon {
        margin-right: 16px;
        float: left;
    }

        #clubs .club-server-row .club-server .club-server-content .club-server-map-icon img {
            display: block;
        }

    #clubs .club-server-row .club-server .club-server-content .club-server-desc a {
        color: rgb(138, 138, 138);
    }

    #clubs .club-server-row .club-server .club-server-content .club-server-desc .name {
        line-height: 16px;
        font-size: 14px;
    }

    #clubs .club-server-row .club-server .club-server-content .club-server-desc .mapmode {
        color: rgb(168, 168, 168);
        font-size: 11px;
        margin-top: 3px;
    }

    #clubs .club-server-row .club-server .club-server-content .club-server-desc .ping {
        margin-left: 3px;
    }

    #clubs .club-server-row .club-server .club-server-content .club-server-desc .gameicon {
        vertical-align: bottom;
    }

    #clubs .club-server-row .club-server .club-server-content .club-server-friends {
        left: 179px;
        bottom: 16px;
        position: absolute;
    }

        #clubs .club-server-row .club-server .club-server-content .club-server-friends .avatars {
            padding: 0px;
        }

#clubs .club-server-row .expanded.club-server {
    padding-top: 200px;
}

    #clubs .club-server-row .expanded.club-server .club-server-content {
        background-color: rgba(0, 0, 0, 0.7);
    }

#clubs .last.club-server-row .club-server-content {
    margin-bottom: 0px;
}

#clubs .empty-servers {
    text-align: center;
}

    #clubs .empty-servers p {
        color: rgb(168, 168, 168);
        line-height: 20px;
        margin-bottom: 32px;
    }

#clubs .big-box {
    padding-top: 100px;
    padding-bottom: 100px;
}

#clubs-dialogsoldiers {
    width: 528px;
}

    #clubs-dialogsoldiers tr {
        background: rgb(32, 32, 38);
        cursor: pointer;
        opacity: 0.5;
    }

        #clubs-dialogsoldiers tr td {
            color: rgb(255, 255, 255);
            background-image: none;
        }

        #clubs-dialogsoldiers tr.active {
            background: rgb(238, 238, 238);
            opacity: 1;
        }

            #clubs-dialogsoldiers tr.active td {
                color: rgb(42, 59, 68);
            }

aside.clubs .box ul.report-stats {
    width: 100%;
    font-size: 12px;
    display: table;
}

    aside.clubs .box ul.report-stats li {
        display: table-row;
    }

        aside.clubs .box ul.report-stats li span {
            padding: 8px 0px 0px;
            text-align: left;
            display: table-cell;
        }

            aside.clubs .box ul.report-stats li span:first-child {
                width: 30%;
                color: rgb(168, 168, 168);
            }

aside.clubs .box ul.avatars {
    padding: 0px;
    margin-left: -7px;
}

    aside.clubs .box ul.avatars li {
        margin-left: 6px;
        display: block;
        min-height: 42px;
    }

aside.clubs footer {
    padding: 0px;
}

    aside.clubs footer a {
        text-decoration: none;
        display: block;
    }

    aside.clubs footer:hover {
        background-color: rgba(7, 7, 7, 0.6);
    }

#clubs-dialogrank tr.current td {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

.clubmember-dropdown-container {
    position: relative;
}

    .clubmember-dropdown-container .clubmember-dropdown {
        background: url("../common/report.png");
        padding: 0px;
        width: 14px;
        height: 14px;
        position: relative;
        z-index: 10;
        cursor: pointer;
    }

    .clubmember-dropdown-container .cogwheel.clubmember-dropdown {
        background: url("../ui/icons-small.png") no-repeat -14px -42px;
    }

    .clubmember-dropdown-container .bright.clubmember-dropdown {
        background-position: 0px 28px;
    }

.active.clubmember-dropdown-container .cogwheel.clubmember-dropdown {
    background-position: -14px -42px;
}

.clubmember-dropdown-container:hover .cogwheel.clubmember-dropdown {
    background-position: -28px -42px;
}

.clubmember-dropdown-dropdown {
    border: 1px solid rgb(170, 170, 170);
    border-image: none;
    left: -183px;
    top: 14px;
    width: 195px;
    display: none;
    position: absolute;
    z-index: 100;
    min-height: 25px;
    background-color: white;
}

.active.clubmember-dropdown-container .clubmember-dropdown-dropdown {
    display: block;
}

.clubmember-dropdown-dropdown li {
    border-bottom-color: rgb(235, 235, 235);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.clubmember-dropdown-dropdown .ajax-loader {
    left: 50%;
    top: 50%;
    width: 16px;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
}

.clubmember-dropdown-dropdown li > a {
    padding: 0px 10px;
    width: 100%;
    height: 25px;
    color: rgb(0, 0, 0);
    line-height: 25px;
    font-family: Arial;
    font-size: 11px;
    display: block;
    cursor: pointer;
    box-sizing: border-box;
}

h1.mission-overviewstats-empty {
    text-align: center;
}

.missions-loggedout.loggedout-usp-container {
    overflow: visible;
}

    .missions-loggedout.loggedout-usp-container .missions.usp {
        background: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .missions-loggedout.loggedout-usp-container .footer.usp {
        padding-bottom: 44px;
    }

.create-mission-info {
    padding: 6px 12px;
    line-height: 18px;
    font-size: 12px;
}

    .create-mission-info a {
        text-decoration: underline;
    }

#missions-overview {
    font-family: Purista, sans-serif;
    position: relative;
}

    #missions-overview #no-results {
        text-align: center;
    }

    #missions-overview .mission-tight {
        margin-top: 8px;
    }

    #missions-overview .challenge-element {
        position: relative;
        cursor: pointer;
    }

        #missions-overview .challenge-element .thumb {
            padding: 3px 0px;
            width: 55px;
            text-align: center;
            float: left;
        }

            #missions-overview .challenge-element .thumb img {
                width: 40px;
                height: 40px;
            }

    #missions-overview .challenge-selected.challenge-element {
        color: black;
        box-shadow: 0px 0px 7px 0px #e0f4f8;
        background-image: linear-gradient(rgb(201, 201, 201), rgba(200, 200, 200, 0) 40%);
        background-color: white;
    }

        #missions-overview .challenge-selected.challenge-element .info .challenge-type {
            font-weight: bold;
        }

    #missions-overview .challenge-element .info {
        line-height: 18px;
        padding-top: 6px;
        float: left;
    }

        #missions-overview .challenge-element .info .challenge-type {
            text-transform: uppercase;
        }

        #missions-overview .challenge-element .info .challenge-info {
            color: rgb(168, 168, 168);
            font-family: Arial, sans-serif;
            font-size: 12px;
        }

    #missions-overview .challenge-element .users {
        padding: 6px;
        float: right;
    }

        #missions-overview .challenge-element .users .avatar {
            margin-left: 2px;
            float: left;
            display: block;
        }

    #missions-overview .challenge-element a {
        position: relative;
        z-index: 2;
    }

        #missions-overview .challenge-element a.hover-wrapper {
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 1;
        }

    #missions-overview .mission-create-button {
        margin-left: 16px;
    }

    #missions-overview .missions-details .box-content {
        position: relative;
    }

    #missions-overview .missions-details .thumb {
        width: 158px;
        float: left;
    }

    #missions-overview .missions-details .header {
        margin-left: 164px;
    }

        #missions-overview .missions-details .header h1 {
            margin: 0px;
            text-transform: uppercase;
            line-height: 28px;
            font-size: 26px;
        }

        #missions-overview .missions-details .header h2 {
            line-height: 18px;
            font-size: 16px;
            font-weight: 200;
            margin-top: 8px;
            margin-bottom: 0px;
        }

    #missions-overview .missions-details .invite-response-buttons {
        left: 180px;
        bottom: 16px;
        position: absolute;
    }

        #missions-overview .missions-details .invite-response-buttons button + button {
            margin-left: 3px;
        }

    #missions-overview .missions-details .comments .writecomment form {
        padding-bottom: 24px;
    }

        #missions-overview .missions-details .comments .writecomment form textarea {
            font-family: Arial, sans-serif;
            font-size: 12px;
            font-style: normal;
            resize: none;
        }

        #missions-overview .missions-details .comments .writecomment form .submit-missioncomment {
            margin-top: 4px;
            float: right;
            position: relative;
        }

    #missions-overview .missions-details .comments .writecomment #message {
        width: 470px;
        height: 40px;
    }

    #missions-overview .missions-details .comments .writecomment .disabled#message {
        color: rgb(85, 85, 85);
    }

    #missions-overview .missions-details .comments .viewmore {
        margin-top: 5px;
        float: right;
        cursor: pointer;
    }

    #missions-overview .missions-details .comments .comment {
        background: rgba(7, 7, 7, 0.5);
        font-family: arial;
        font-size: 12px;
        margin-left: 0px;
    }

        #missions-overview .missions-details .comments .comment .gravatar {
            margin: 5px;
            float: left;
        }

        #missions-overview .missions-details .comments .comment .msgbox {
            margin: 5px 5px 8px 52px;
        }

            #missions-overview .missions-details .comments .comment .msgbox .username {
                margin-bottom: 4px;
            }

            #missions-overview .missions-details .comments .comment .msgbox .message {
                color: rgb(170, 170, 170);
            }

        #missions-overview .missions-details .comments .comment .ago {
            color: rgb(170, 170, 170);
            font-family: Arial;
            font-size: 11px;
            margin-bottom: 5px;
            margin-left: 52px;
        }

    #missions-overview .details-info {
        margin-top: 1px;
    }

        #missions-overview .details-info .span2 {
            background: rgba(7, 7, 7, 0.5);
            padding: 8px;
            text-transform: uppercase;
            margin-bottom: 1px;
        }

        #missions-overview .details-info .span4 {
            background: rgba(7, 7, 7, 0.5);
            padding: 8px;
            text-transform: uppercase;
            margin-bottom: 1px;
        }

        #missions-overview .details-info .span2 {
            overflow: hidden;
            margin-left: 0px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

        #missions-overview .details-info .span4 {
            width: 335px;
            margin-left: 1px;
        }

    #missions-overview .progress-bar-inner {
        text-indent: 4px;
    }

    #missions-overview .players .mission-row {
        background: rgba(7, 7, 7, 0.5);
        text-transform: uppercase;
        margin-bottom: 1px;
    }

        #missions-overview .players .mission-row .player {
            height: 48px;
            line-height: 28px;
        }

        #missions-overview .players .mission-row .position {
            padding: 10px;
            width: 49px;
            text-align: center;
            float: left;
        }

    #missions-overview .players .active.mission-row {
        background: rgb(204, 204, 204);
    }

    #missions-overview .players .mission-row .member-avatar a {
        width: 40px;
        height: 40px;
        margin-top: 4px;
        float: left;
    }

    #missions-overview .players .mission-row .username {
        width: 160px;
        text-transform: none;
        overflow: hidden;
        padding-left: 10px;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        margin-top: 11px;
        float: left;
    }

    #missions-overview .players .mission-row .played-rounds {
        padding: 10px;
        width: 65px;
        color: rgb(128, 128, 128);
        float: left;
    }

        #missions-overview .players .mission-row .played-rounds .dots > li {
            border: 1px solid rgb(113, 113, 113);
            border-image: none;
            width: 7px;
            height: 7px;
            display: inline-block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

            #missions-overview .players .mission-row .played-rounds .dots > li.active {
                background: rgb(255, 255, 255);
                border: currentColor;
                border-image: none;
            }

    #missions-overview .players .mission-row .score {
        width: 105px;
        text-align: right;
        line-height: 50px;
        font-family: Purista, arial;
        font-size: 26px;
        margin-right: 8px;
        float: left;
    }

#missions-create .mission-tight {
    margin-top: 8px;
}

#missions-create #mission-description {
    font-family: Purista, arial;
    font-size: 17px;
}

#missions-create #map-description {
    font-family: Purista, arial;
    font-size: 17px;
}

#missions-create #attempts-description {
    font-family: Purista, arial;
    font-size: 17px;
}

#missions-create .selectmission {
    padding: 0px 10px;
    height: 23px;
    margin-bottom: 1px;
    display: inline-block;
}

#missions-create .selectmap {
    padding: 0px 10px;
    height: 23px;
    margin-bottom: 1px;
    display: inline-block;
}

#missions-create .numrounds {
    padding: 0px 10px;
    height: 23px;
    margin-bottom: 1px;
    display: inline-block;
}

#missions-create .invitefriends {
    padding: 0px 10px;
    height: 23px;
    margin-bottom: 1px;
    display: inline-block;
}

#missions-create .subheader {
    text-transform: uppercase;
    font-family: Purista, arial;
    font-size: 19px;
}

#missions-create .scroll-container .scrollable {
    background: none;
    border: 1px solid rgba(7, 7, 7, 0.5);
    border-image: none;
    height: 169px;
}

    #missions-create .scroll-container .scrollable .imagebox {
        background: rgba(7, 7, 7, 0.5);
        margin-bottom: 1px;
    }

    #missions-create .scroll-container .scrollable img {
        padding: 4px 0px;
    }

    #missions-create .scroll-container .scrollable .title {
        background: rgba(7, 7, 7, 0.5);
        line-height: 30px;
        overflow: hidden;
        font-family: Purista, arial;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
    }

#missions-create .scroll-container .selected.scrollable {
    border: 1px solid rgb(255, 255, 255);
    border-image: none;
}

    #missions-create .scroll-container .selected.scrollable .title {
        background: url("../challenges/boxselected.png");
        font-weight: bold;
    }

    #missions-create .scroll-container .selected.scrollable .description {
        display: none;
    }

#missions-create .disabled.scroll-left {
    cursor: default;
    opacity: 0.6;
    background-color: rgba(0, 0, 0, 0.8);
}

#missions-create .disabled.scroll-right {
    cursor: default;
    opacity: 0.6;
    background-color: rgba(0, 0, 0, 0.8);
}

#missions-create #challenge-type-select {
    height: 181px;
}

#missions-create #map-select {
    height: 118px;
    margin-bottom: 10px;
    position: relative;
}

    #missions-create #map-select .scroll-left {
        line-height: 144px;
    }

    #missions-create #map-select .scroll-right {
        line-height: 144px;
    }

    #missions-create #map-select .scrollables .scrollable {
        height: 106px;
        overflow: visible;
    }

        #missions-create #map-select .scrollables .scrollable .title {
            line-height: 28px;
        }

    #missions-create #map-select .scrollables :not(.selected).scrollable:hover {
        background-color: rgba(0, 0, 0, 0.35);
    }

    #missions-create #map-select .scrollables .scrollable .thumb {
        height: 78px;
        position: relative;
    }

        #missions-create #map-select .scrollables .scrollable .thumb img {
            padding: 0px;
            height: 77px;
        }

        #missions-create #map-select .scrollables .scrollable .thumb .xp-icon {
            right: 2px;
            bottom: 3px;
            position: absolute;
        }

#missions-create #rounds-select > div {
    margin-left: 0px;
}

    #missions-create #rounds-select > div ul li {
    }

        #missions-create #rounds-select > div ul li a {
            font-size: 16px;
            background-color: rgba(7, 7, 7, 0.5);
        }

        #missions-create #rounds-select > div ul li.active a {
            background-color: rgb(255, 255, 255);
        }

#missions-create #friend-select {
    margin-bottom: 20px;
}

    #missions-create #friend-select .friend-box {
        background: rgba(0, 0, 0, 0.5);
        width: 96px;
        height: 96px;
        text-align: center;
        font-size: 80px;
        margin-right: 2px;
        margin-bottom: 2px;
        float: left;
        position: relative;
    }

        #missions-create #friend-select .friend-box .box-delete-hover {
            display: none;
        }

        #missions-create #friend-select .friend-box:hover .box-delete-hover {
            background: rgba(0, 0, 0, 0.7);
            width: 16px;
            height: 16px;
            right: 0px;
            color: rgb(255, 255, 255);
            line-height: 16px;
            font-size: 14px;
            font-weight: bold;
            float: right;
            display: block;
            position: absolute;
            cursor: pointer;
        }

        #missions-create #friend-select .friend-box .large.avatar {
            width: 96px;
            height: 96px;
        }

    #missions-create #friend-select .invite-friend.friend-box::after {
        line-height: 100px;
        content: "+";
    }

    #missions-create #friend-select .invite-friend.friend-box {
        cursor: pointer;
    }

        #missions-create #friend-select .invite-friend.friend-box:hover {
            background-color: rgba(0, 0, 0, 0.35);
        }

#missions-create a.cancel {
    text-transform: uppercase;
    font-family: Arial;
    font-size: 12px;
    margin-left: 8px;
}

#friend-invite-popup {
    padding: 1px;
    max-height: 300px;
    background-color: rgb(34, 34, 34);
}

    #friend-invite-popup .jspTrack {
        background: rgba(0, 0, 0, 0.5);
    }

    #friend-invite-popup .jspDrag {
        background: rgb(204, 204, 204);
    }

    #friend-invite-popup .friend-row {
        height: 36px;
        color: rgb(102, 102, 102);
        overflow: hidden;
        border-bottom-color: rgb(51, 51, 51);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        cursor: pointer;
    }

        #friend-invite-popup .friend-row:hover {
            background: rgba(255, 255, 255, 0.5);
            color: rgb(0, 0, 0) !important;
        }

    #friend-invite-popup .friend-row-online.friend-row {
        color: rgb(200, 200, 200);
    }

    #friend-invite-popup .selected.friend-row {
        background: rgb(238, 238, 238);
        color: rgb(0, 0, 0);
    }

    #friend-invite-popup :last-child.friend-row {
        border-bottom-color: currentColor;
        border-bottom-width: 0px;
        border-bottom-style: none;
    }

    #friend-invite-popup .friend-row .friend-avatar {
        margin: 3px;
        padding-right: 10px;
        float: left;
    }

        #friend-invite-popup .friend-row .friend-avatar img {
            width: 30px;
            height: 30px;
        }

    #friend-invite-popup .friend-row .friend-name {
        line-height: 35px;
        font-size: 13px;
        float: left;
    }

#missions-top-boxes .dogtags-header h1.dogtags-dimmed {
    opacity: 0.2;
}

#missions-top-boxes .box-content {
    height: 33px;
    position: relative;
}

    #missions-top-boxes .box-content h1 {
        line-height: 34px;
        margin-bottom: 0px;
    }

        #missions-top-boxes .box-content h1 .secondary {
            color: rgb(168, 168, 168);
        }

    #missions-top-boxes .box-content h2 {
        line-height: 12px;
        font-size: 16px;
        margin-left: 50px;
    }

    #missions-top-boxes .box-content h3 {
        line-height: 12px;
        font-size: 16px;
        margin-left: 50px;
    }

    #missions-top-boxes .box-content h3 {
        font-weight: 400;
    }

    #missions-top-boxes .box-content .thumb {
        left: 8px;
        top: 7px;
        position: absolute;
    }

        #missions-top-boxes .box-content .thumb img {
            width: 50px;
            height: 50px;
        }

    #missions-top-boxes .box-content .nemesis-score {
        left: 16px;
        top: 6px;
        position: absolute;
    }

        #missions-top-boxes .box-content .nemesis-score h1 {
            line-height: 22px;
            font-size: 30px;
        }

    #missions-top-boxes .box-content .nemesis-user {
        left: 16px;
        top: 32px;
        position: absolute;
    }

        #missions-top-boxes .box-content .nemesis-user .username {
            overflow: hidden;
            font-size: 13px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
        }

.score span.win {
    color: rgb(148, 205, 243);
}

.score span.loss {
    color: rgb(255, 159, 128);
}

#missions-top5-nemesis .box-content {
    height: 146px;
    position: relative;
}

    #missions-top5-nemesis .box-content > div {
        height: 88px;
    }

#missions-top5-nemesis .avatar {
    top: 36px;
    right: 15px;
    position: absolute;
}

#missions-top5-nemesis p {
    line-height: 16px;
    font-size: 13px;
}

    #missions-top5-nemesis p.gray {
        color: rgb(168, 168, 168);
    }

#missions-top5-nemesis h6 {
    width: 166px;
    overflow: hidden;
    font-weight: normal;
    margin-top: -6px;
    margin-bottom: 2px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

#missions-top5-nemesis h1 {
    width: 100px;
    line-height: 26px;
    font-size: 30px;
    font-weight: 400;
}

#missions-dogtags {
    font-size: 16px;
}

    #missions-dogtags .dogtags {
        overflow: hidden;
        position: relative;
        -ms-text-overflow: ellipsis;
    }

    #missions-dogtags .midtag {
        text-align: center;
    }

    #missions-dogtags .cent {
        width: 110px;
        height: 60px;
    }

        #missions-dogtags .cent td {
            text-align: left;
            overflow: hidden;
            padding-left: 30px;
            -ms-text-overflow: ellipsis;
        }

    #missions-dogtags .locked .dogtags {
        opacity: 0.4;
    }

    #missions-dogtags .progress-bar {
        margin-bottom: 0px;
    }

#platoons-menu {
    margin-top: 1px;
    margin-bottom: 16px;
}

#platoons-friendsplatoons-box {
    margin-top: 16px;
}

#platoons-findplatoons-box {
    margin-top: 16px;
}

.platoon-invite-body-user {
    padding-right: 20px;
    float: left;
}

.platoon-invite-body-user-checkbox {
    float: left;
}

.platoon-member-invites-invited {
    width: 50%;
    float: left;
}

.platoon-member-invites-waiting {
    width: 50%;
    float: right;
}

.platoons-leave-link {
    cursor: pointer;
}

.platoons-top-info {
    width: 50%;
    float: left;
}

.platoons-top-actions {
    width: 50%;
    float: right;
}

.platoon-top-actions-button {
    float: right;
}

.box > header + .platoons-invites-list-wrapper.box-content {
    padding-bottom: 6px;
}

body.base-premium #profile-user .soldier-name .common-gameicon-hori {
    margin-right: 3px;
    float: left;
}

i.premium-badge.icon {
    background: url("../premium/icon-p-s.png") no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.base-avatar-container .base-avatar-premium-overlay-supersize2 {
    background: url("../premium/avatar-premium-corner-supersize-topleft.png") no-repeat 0px 0px;
    left: 0px;
    top: 0px;
    width: 66px;
    height: 66px;
    position: absolute;
    z-index: 50;
}

.base-avatar-container .base-avatar-premium-overlay-large {
    background: url("../premium/avatar-premium-corner-large.png") no-repeat 0px 0px;
    top: 0px;
    width: 21px;
    height: 21px;
    right: 0px;
    position: absolute;
    z-index: 50;
}

.premium.forum-forumlist {
    border-left-color: rgb(255, 193, 127);
    border-left-width: 4px;
    border-left-style: solid;
}

.posts-premium.devblog-item {
    background: url("../premium/avatar-premium-corner-supersize2.png") no-repeat 100% 0px;
    min-height: 66px;
}

.devblog-postlistsmall .posts-premium a {
    background: url("../premium/icon-p-s.png") no-repeat 0px 1px;
    padding-left: 21px;
    display: inline-block;
}

.about-loggedin-header-puff-info-premium {
    margin: 20px auto;
    padding: 5px;
    width: 268px;
    color: rgb(255, 255, 255);
    line-height: 2;
    font-size: 11px;
}

label.premium-label {
    background: url("../premium/icon-p-s.png") no-repeat 100% 100%;
    padding-right: 8px;
}

.premium-calendar-container {
    position: relative;
}

    .premium-calendar-container .calendar-progress {
        left: 0px;
        top: 146px;
        height: 24px;
        position: absolute;
        background-color: rgba(7, 7, 7, 0.7);
    }

        .premium-calendar-container .calendar-progress .progress {
            height: 24px;
            border-right-color: rgba(255, 153, 0, 0.2);
            border-right-width: 1px;
            border-right-style: solid;
            max-width: 100%;
            background-image: url("../premium/calender-overlay.png");
        }

.premium-calendar {
    border: 0px currentColor;
    border-image: none;
    width: 100%;
    color: white;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 30px;
    border-collapse: collapse;
}

.premium-calendar-unavailable {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}

.premium-calendar-unavailable-background {
    background: rgb(0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}

.premium-calendar-unavailable-message {
    top: 200px;
    width: 100%;
    height: 100%;
    text-align: center;
    color: rgb(255, 255, 255);
    position: absolute;
}

.premium-calendar-head .premium-calendar-cell {
    background: -ms-linear-gradient(bottom, rgb(73, 73, 74) 38%, rgb(91, 91, 92) 69%) rgb(81, 81, 82);
    height: 27px;
    text-transform: uppercase;
    line-height: 27px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
}

.premium-calendar-body .premium-calendar-cell {
    background: rgb(33, 33, 33);
    height: 64px;
}

.premium-calendar-body .new-premium-calendar-expansion .premium-calendar-cell-inner {
    height: 142px;
}

.premium-calendar-body .premium-calendar-cell-inner {
    background: rgb(66, 49, 29);
    border: 1px solid rgb(197, 113, 14);
    border-image: none;
    height: 62px;
    visibility: hidden;
    position: relative;
}

.premium-calendar-body .valued.premium-calendar-cell:hover {
    background: rgb(91, 91, 92);
}

    .premium-calendar-body .valued.premium-calendar-cell:hover .premium-calendar-cell-inner {
        visibility: visible;
    }

.premium-calendar-cell-icon {
    background: url("../premium/calendar-icons.png") no-repeat;
    margin: -29px 0px 0px -28px;
    left: 50%;
    top: 50%;
    width: 54px;
    height: 59px;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.valued .premium-calendar-cell-icon {
    visibility: visible;
}

.premium-calendar-typecell-head {
    background: rgb(0, 0, 0);
}

.premium-calendar-cell {
    border: 0px currentColor;
    border-image: none;
    width: 64px;
}

.premium-calendar-body .premium-calendar-typecell {
    background: rgb(53, 53, 53);
    width: 165px;
    text-align: left;
    text-transform: uppercase;
    line-height: 17px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

.premium-calendar-type0 .premium-calendar-cell-icon {
    background-position: 0px 0px;
}

.premium-calendar-type1 .premium-calendar-cell-icon {
    background-position: -54px 0px;
}

.premium-calendar-type2 .premium-calendar-cell-icon {
    background-position: -108px 0px;
}

.premium-calendar-type3 .premium-calendar-cell-icon {
    background-position: -162px 0px;
}

.premium-calendar-type4 .premium-calendar-cell-icon {
    background-position: -216px 0px;
}

.premium-calendar-type5 .premium-calendar-cell-icon {
    background-position: -324px 0px;
}

.premium-calendar-type0 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
    background-position: 0px -59px;
}

.premium-calendar-type1 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
    background-position: -54px -59px;
}

.premium-calendar-type2 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
    background-position: -108px -59px;
}

.premium-calendar-type3 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
    background-position: -162px -59px;
}

.premium-calendar-type4 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
    background-position: -216px -59px;
}

.premium-calendar-type5 .multiple.premium-calendar-cell .premium-calendar-cell-icon {
    background-position: -324px -59px;
}

.premium-calendar-item-type {
    color: rgb(255, 255, 255);
}

.premium-calendar-item-link {
    margin-top: 1em;
}

    .premium-calendar-item-link a {
        color: rgb(58, 173, 227);
        font-size: 14px;
        font-weight: normal;
    }

.premium-calendar-hover {
    background: rgb(0, 0, 0);
    padding: 10px;
    border-radius: 5px;
    left: 100%;
    width: 250px;
    text-align: left;
    bottom: 39px;
    color: rgb(255, 255, 255);
    text-transform: none;
    font-family: Arial;
    font-size: 11px;
    display: none;
    position: absolute;
    z-index: 2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    .premium-calendar-hover .premium-calendar-item-andmore {
        text-align: right;
        margin-top: 5px;
    }

    .premium-calendar-hover .premium-calendar-item-image {
        width: 56px;
        height: 90px;
        margin-right: 10px;
        float: left;
    }

    .premium-calendar-hover .premium-calendar-item-title {
        line-height: 24px;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .premium-calendar-hover .premium-calendar-item-subtitle {
        margin: 0px;
        line-height: 26px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: normal;
    }

    .premium-calendar-hover .premium-calendar-item-content {
        color: rgb(171, 171, 171);
        line-height: 14px;
    }

.rightside.premium-calendar-cell .premium-calendar-hover {
    left: auto;
    right: 100%;
}

.valued.premium-calendar-cell:hover .premium-calendar-hover {
    display: block;
}

.premium-calendar-hover-arrow {
    width: 0px;
    height: 0px;
    bottom: 10px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-top-style: solid;
    border-bottom-style: solid;
    position: absolute;
}

.rightside.premium-featured-item .premium-calendar-hover {
    margin-right: -10px;
}

.rightside.premium-calendar-cell .premium-calendar-hover {
    margin-right: -10px;
}

.rightside.premium-featured-item .premium-calendar-hover-arrow {
    right: -5px;
    border-left-color: rgb(0, 0, 0);
    border-left-width: 5px;
    border-left-style: solid;
}

.rightside.premium-calendar-cell .premium-calendar-hover-arrow {
    right: -5px;
    border-left-color: rgb(0, 0, 0);
    border-left-width: 5px;
    border-left-style: solid;
}

.leftside.premium-featured-item .premium-calendar-hover {
    margin-left: -10px;
}

.leftside.premium-calendar-cell .premium-calendar-hover {
    margin-left: -10px;
}

.leftside.premium-featured-item .premium-calendar-hover-arrow {
    left: -5px;
    border-right-color: rgb(0, 0, 0);
    border-right-width: 5px;
    border-right-style: solid;
}

.leftside.premium-calendar-cell .premium-calendar-hover-arrow {
    left: -5px;
    border-right-color: rgb(0, 0, 0);
    border-right-width: 5px;
    border-right-style: solid;
}

.premium-calendar-popup-container {
    background: rgb(53, 53, 53);
    border: 1px solid rgb(93, 93, 93);
    border-image: none;
    width: 800px !important;
    box-shadow: 0px 5px 15px rgba(23,23,23,0.5);
}

    .premium-calendar-popup-container .common-popup-content-container {
        margin-bottom: 10px;
    }

.premium-calendar-popup {
    background: rgb(53, 53, 53);
    margin: 0px 5px;
    padding: 0px 20px !important;
    width: 755px;
    overflow: auto;
    max-height: 500px;
}

    .premium-calendar-popup .premium-calendar-item-image {
        width: 187px;
        height: 300px;
        margin-left: 10px;
        float: right;
    }

    .premium-calendar-popup .premium-calendar-item-body {
        color: rgb(153, 153, 153);
        font-family: Arial;
        font-size: 14px;
    }

    .premium-calendar-popup .premium-calendar-item-type {
        margin: 0px 0px 10px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .premium-calendar-popup .premium-calendar-item-title {
        color: rgb(248, 134, 19);
        font-size: 35px;
        font-weight: normal;
    }

    .premium-calendar-popup .premium-calendar-item-subtitle {
        margin: 8px 0px 12px;
        font-weight: normal;
    }

    .premium-calendar-popup .premium-calendar-item-content {
        width: 550px;
        color: rgb(255, 255, 255);
        line-height: 18px;
        font-size: 14px;
    }

        .premium-calendar-popup .premium-calendar-item-content p {
            margin: 10px 0px;
        }

        .premium-calendar-popup .premium-calendar-item-content ul {
            list-style: inside;
            margin: 10px 0px;
        }

.premium-calendar-popup-switchbutton {
    margin-right: 5px;
    float: left;
}

.premium-calendar-popup-closebutton {
    float: right;
}

.premium-calendar-footer {
    background: rgb(53, 53, 53);
}

.premium-calendar-popup-container .common-popup-footer-container {
    display: none;
}

.premium-calendar-popup-container .common-popup-title-container {
    background: rgb(53, 53, 53) !important;
    height: 32px;
}

    .premium-calendar-popup-container .common-popup-title-container .common-popup-close-container {
        top: 0px !important;
        right: 0px !important;
    }

.premium-calendar-progress-container {
    left: 0px;
    top: 29px;
    width: 100%;
    height: 389px;
    position: absolute;
}

.premium-calendar-progress-padder {
    height: 100%;
    padding-left: 183px;
}

.premium-calendar-progress {
    background: url("../premium/premium-calendar-progress-highlight.png");
    height: 100%;
    border-right-color: rgb(150, 93, 35);
    border-right-width: 1px;
    border-right-style: solid;
}

.premium-index-box {
    border: 0px currentColor;
    border-image: none;
}

    .premium-index-box div.buy-buttons {
        margin: 30px auto 0px;
        width: 320px;
        text-align: left;
        position: relative;
    }

    .premium-index-box button[disabled='disabled'] a {
        color: gray;
        text-decoration: none;
        cursor: default;
        text-shadow: none;
    }

    .premium-index-box div.buy-buttons button p {
        margin: 0px !important;
        color: rgb(0, 0, 0) !important;
    }

    .premium-index-box div.buy-buttons button[disabled] p {
        color: rgb(195, 195, 195) !important;
    }

    .premium-index-box div.buy-buttons span.platform {
        bottom: -2px;
        position: relative;
    }

    .premium-index-box div.buy-buttons span.action {
        bottom: -2px;
        position: relative;
    }

    .premium-index-box div.buy-buttons button.common-button-xlarge {
        width: 100%;
        display: block;
    }

    .premium-index-box div.buy-buttons .common-button-xlarge span.platform {
        margin: 0px 0px 0px 5px;
        line-height: 1;
        float: right;
    }

        .premium-index-box div.buy-buttons .common-button-xlarge span.platform span.common-title {
            padding: 0px;
            line-height: 55px;
            font-size: 22px !important;
        }

    .premium-index-box div.buy-buttons .common-button-xlarge span.action {
        line-height: 1;
        float: left;
    }

        .premium-index-box div.buy-buttons .common-button-xlarge span.action span.common-title {
            line-height: 55px;
            font-size: 32px;
            font-weight: normal;
        }

.premium-index-wrapper {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-page-p2-4309b1e0.jpg") no-repeat rgb(0, 0, 0);
    padding: 0px 100px;
}

.premium-index-wrapper-bottom {
    background: rgb(255, 255, 255);
    padding-bottom: 20px;
}

.premium-index-wrapper-bottom-background {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-page-p-bottom-df6df16f.jpg") no-repeat;
    width: 100%;
    height: 378px;
    margin-top: -62px;
    position: absolute;
    z-index: 0;
}

.premium-index-buybutton {
    margin: auto;
    float: none;
    display: block;
}

    .premium-index-buybutton > img {
        left: 10px;
        top: 9px;
        position: relative;
    }

.premium-index-header {
    padding: 20px 0px 0px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.premium-index-header-logo {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-logo-189bfa35.png") no-repeat;
    margin: auto;
    width: 519px;
    height: 174px;
}

.premium-index-header-description {
    margin: 20px auto 0px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    font-size: 23px;
}

.premium-index-header-divider {
    padding-bottom: 18px;
    border-bottom-color: rgb(51, 51, 51);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.premium-owned .premium-index-header-divider {
    border: 0px currentColor;
    border-image: none;
}

.premium-index-header .premium-index-buybutton {
    margin-top: 20px;
    position: relative;
    z-index: 10;
}

.premium-index-header .premium-index-section {
    margin: 25px 0px 0px;
}

.premium-index-section .span-five-in-row {
    width: 197px;
    margin-top: 1px;
    cursor: pointer;
}

    .premium-index-section .span-five-in-row:hover {
        background-color: rgba(7, 7, 7, 0.3);
    }

.premium-index-section .rightmost.span-five-in-row {
    width: 200px;
}

.premium-index-section .span-five-in-row .box {
    height: 100%;
    position: relative;
}

    .premium-index-section .span-five-in-row .box .cell-item-info {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
    }

        .premium-index-section .span-five-in-row .box .cell-item-info .cell-item-title {
            height: 26px;
        }

    .premium-index-section .span-five-in-row .box .box-content {
        height: 225px;
    }

.premium-index-header .premium-index-section > h1 {
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
}

.premium-index-header-whatyouget {
    margin: 0px 0px 25px;
    padding: 20px 0px 0px;
    line-height: 28px;
}

    .premium-index-header-whatyouget > h1 {
        color: white;
        font-size: 35px;
        font-weight: normal;
    }

    .premium-index-header-whatyouget > h2 {
        border: 0px currentColor;
        border-image: none;
        color: rgb(248, 134, 19);
        font-size: 23px;
        font-weight: normal;
    }

.premium-owned.premium-index-wrapper {
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/bg-page-p1-aa324515.jpg");
}

    .premium-owned.premium-index-wrapper .premium-index-buybutton {
        top: 15px;
        right: 30px;
        position: absolute;
    }

.premium-index-header .premium-index-section-top > h1 {
    color: rgb(248, 134, 19);
}

.premium-index-header .premium-index-section-top > h2 {
    color: rgb(255, 255, 255);
}

.premium-index-header .premium-index-section-top > h1 {
    top: 5px;
    padding-left: 48px;
    position: relative;
}

.premium-index-header .premium-index-section-top > h2 {
    top: 5px;
    padding-left: 48px;
    position: relative;
}

.premium-index-section-top-icon {
    left: 19px;
    top: 24px;
    position: absolute;
}

.premium-index-expansions-boxes {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-expansions-899bd651.png") no-repeat;
    width: 817px;
    height: 300px;
}

    .premium-index-expansions-boxes a.box {
        width: 155px;
        height: 295px;
        float: left;
    }

.premium-index-expansion {
    margin: 15px 0px 0px 13px;
    width: 142px;
    color: rgb(137, 137, 137);
    text-transform: none;
    line-height: 20px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    float: left;
}

    .premium-index-expansion img {
        width: 90px;
        height: 150px;
        margin-bottom: -17px;
        position: relative;
    }

    .premium-index-expansion h1 {
        color: rgb(255, 255, 255);
        padding-left: 5px;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .premium-index-expansion h2 {
        color: rgb(255, 255, 255);
        padding-left: 5px;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .premium-index-expansion h2 {
        color: rgb(137, 137, 137);
        line-height: 10px;
        margin-top: -2px;
    }

.premium-isexpout.premium-index-expansion h2 {
    color: rgb(255, 255, 255);
}

.premium-index-expansion ul {
    list-style: inside;
    left: 6px;
    text-align: left;
    position: relative;
}

.premium-index-expansions-padding {
    padding: 0px 39px;
}

.premium-index-section {
    clear: both;
    margin-top: 0px;
    position: relative;
    z-index: 1;
}

    .premium-index-section > legend {
        width: 258px;
        height: 300px;
        float: right;
        background-repeat: no-repeat;
    }

    .premium-index-section > h1 {
        color: rgb(53, 53, 53);
        font-size: 43px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .premium-index-section > h2 {
        margin: -8px 0px 15px;
        color: rgb(248, 134, 19);
        font-size: 31px;
        font-weight: normal;
    }

    .premium-index-section > ul {
        margin-right: 280px;
    }

        .premium-index-section > ul > li {
            background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-feature-56172962.png") no-repeat 0px 50%;
            padding: 5px 5px 5px 39px;
            color: rgb(138, 138, 138);
            line-height: 29px;
            font-family: Arial;
            font-size: 16px;
            border-top-color: rgb(237, 237, 237);
            border-top-width: 1px;
            border-top-style: solid;
        }

            .premium-index-section > ul > li.premium-featurenote {
                background: none;
                padding-left: 0px;
                font-family: Arial;
                font-size: 12px;
                font-style: italic;
            }

.featureset-content.premium-index-section > legend {
    height: 201px;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-featurespotlight-content-39ca4aae.png");
}

.featureset-battlelog.premium-index-section > legend {
    height: 201px;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-featurespotlight-content-39ca4aae.png");
}

.featureset-vip.premium-index-section > legend {
    height: 281px;
    background-image: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-icon-featurespotlight-vip-894453d4.png");
}

.premium-index-section-grid {
    width: 33.33%;
    clear: none;
    font-size: 75%;
    float: left;
}

    .premium-index-section-grid > ul {
        margin-right: 10px;
    }

    .premium-index-section-grid > h1 {
        font-size: 25px;
    }

    .premium-index-section-grid > h2 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .premium-index-section-grid > ul > li {
        padding: 3px 3px 3px 27px;
        line-height: 22px;
        font-size: 12px;
    }

.premium-index-andmuchmore {
    margin-top: 25px;
}

    .premium-index-andmuchmore > h1 {
        margin: 0px 0px -5px;
    }

.premium-index-footer {
    margin-bottom: 30px;
}

.premium-subpage-container {
    background: url("//d34ymitoc1pg7m.cloudfront.net/bf3/premium/premium-background-subpage-6c45d8e0.png") no-repeat rgb(255, 255, 255);
    padding: 0px 100px;
}

.premium-subpage-backlink {
    left: 15px;
    top: 15px;
    position: absolute;
}

.premium-subpage-title {
    top: -14px;
    font-size: 32px;
    display: inline;
    position: relative;
}

.premium-subpage-container .premium-index-header-divider {
    padding: 45px 20px 10px;
    text-align: center;
    margin-bottom: 20px;
}

.premium-subpage-container .premium-index-header .premium-calendar-cell-icon {
    padding: 41px 54px 0px 0px;
    display: inline;
    position: inherit;
    cursor: default;
}

.premium-subpage-servicenotavailable {
    margin: 20px;
    text-align: center;
    color: white;
    font-size: 14px;
}

.premium-subpage-extrabox {
    margin: 20px 0px 16px;
    padding: 14px 16px;
    width: 495px;
}

.toggled.premium-subpage-extrabox {
    background: rgb(51, 51, 51);
}

.premium-subpage-extrabox > .toggler {
    padding-left: 16px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 14px;
    display: block;
    position: relative;
}

table.scoreboard {
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px; }
  table.scoreboard .common-playername-personaname {
    width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  table.scoreboard.table > thead tr {
    height: 31px;
    line-height: 31px;
    background-repeat: repeat-x; }
    table.scoreboard.table > thead tr.tr-color-clubs {
      background-color: rgba(0, 0, 0, 0.6); }
    table.scoreboard.table > thead tr.tr-color-allied {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAfCAIAAACgQJBPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjEwMzcyMTNDMkQ0MTFFMjhBN0U5NTVCRENERjNGRDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjEwMzcyMTRDMkQ0MTFFMjhBN0U5NTVCRENERjNGRDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMTAzNzIxMUMyRDQxMUUyOEE3RTk1NUJEQ0RGM0ZEMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMTAzNzIxMkMyRDQxMUUyOEE3RTk1NUJEQ0RGM0ZEMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq6HMfoAAACJSURBVHjaXMxbCoJQFEZhDcEyDdI83kbdaJpFM5AS8WCaQmDeeqjX1t5vH4t/m+fL1fg7q+gHOPU9+Na94ezowvlTdLHPu1H85/7ecB8ForcTrII9XDbs/old1zN8UOwP0d3QgVvRnXAH9/UC24r9pbm3IvZBr/Am3sKz6EZsw2v1gb8J+k+AAQCDxS//vRw2IwAAAABJRU5ErkJggg==); }
    table.scoreboard.table > thead tr.tr-color-enemy {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAfCAIAAACgQJBPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEZGRjkzMDFDMkQ1MTFFMjhGOTlEQTkyNTZENjhCQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEZGRjkzMDJDMkQ1MTFFMjhGOTlEQTkyNTZENjhCQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRkZGOTJGRkMyRDUxMUUyOEY5OURBOTI1NkQ2OEJDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRkZGOTMwMEMyRDUxMUUyOEY5OURBOTI1NkQ2OEJDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlzNY20AAACNSURBVHjaXJDNCoJAHAczFkH8agnLVXvkzr1RT5HSqgiiqC0dxEt6dNrbMAz/H2s9H/fD7ompfINPKgWbqgD7cQb+6Bc4TG70RU6fJvQ57wfZ9a/X7FXE/bqmv0j2VUMfhfR1S3926Zue+6RD347sAxs8dobeE9w/fPn/7pF+mtnj/ObNApbOb8+rAAMAwpMvZ6PnRjIAAAAASUVORK5CYII=); }
  table.scoreboard.table > thead th {
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    background-color: transparent;
    padding: 0 10px; }
    table.scoreboard.table > thead th:first-child {
      font-size: 19px; }
    table.scoreboard.table > thead th:nth-child(2) {
      width: 35px; }
    table.scoreboard.table > thead th:nth-child(3) {
      width: 35px; }
    table.scoreboard.table > thead th:nth-child(4) {
      width: 90px; }
  table.scoreboard tbody > tr {
    cursor: pointer; }
    table.scoreboard tbody > tr.active {
      background-color: #fff; }
    table.scoreboard tbody > tr td:first-child {
      width: 45px;
      padding: 0; }
    table.scoreboard tbody > tr.active-player td:first-child {
      color: #000; }
    table.scoreboard tbody > tr.active-player:not(.active) td:first-child {
      background-color: #e09a00; }
    table.scoreboard tbody > tr.active-player:not(.active) td:not(:first-child) {
      color: #cbff5b; }
    table.scoreboard tbody > tr.active-squad:not(.active) td:not(:first-child) {
      color: #cbff5b; }
    table.scoreboard tbody > tr.myfriend:not(.active, .active-player, .active-squad) td:not(:first-child) {
      color: #94cdf3; }
  table.scoreboard tr.dnf {
    opacity: 0.5; }
  table.scoreboard tr.hiddenPlayer {
    display: none; }
  table.scoreboard td.soldier-name {
    /* Modifications to center content vertically inside player row */ }
    table.scoreboard td.soldier-name:before, table.scoreboard td.soldier-name:after {
      display: table;
      content: "";
      line-height: 0; }
    table.scoreboard td.soldier-name:after {
      clear: both; }
    table.scoreboard td.soldier-name > * {
      float: left; }
    table.scoreboard td.soldier-name .avatar {
      margin: 0; }
    table.scoreboard td.soldier-name .user-personarank {
      margin: 1px 5px 0 5px; }
    table.scoreboard td.soldier-name .common-playername-personaname.solo {
      line-height: 26px; }
    table.scoreboard td.soldier-name .common-playername-username {
      font-size: 12px; }
  table.scoreboard tr.squadrow-fillup {
    background: transparent; }
    table.scoreboard tr.squadrow-fillup td {
      border-top: 1px solid transparent;
      height: 46px;
      padding: 0; }
  table.scoreboard tfoot tr {
    background-color: rgba(0, 0, 0, 0.6); }

.toggled.premium-subpage-extrabox > .toggler {
    color: rgb(255, 255, 255);
}

.premium-subpage-extrabox > .toggler::before {
    left: 0px;
    top: 50%;
    color: rgb(159, 159, 159);
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    margin-top: -8px;
    position: absolute;
    content: "+";
}

.toggled.premium-subpage-extrabox > .toggler::before {
    font-size: 14px;
    margin-top: -10px;
    content: "?";
}

nav.submenu {
    margin-bottom: 16px;
}