html, body{
    height: 100%;
}
body {
    background: #424242; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#565554, #424242); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#565554, #424242); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#565554, #424242); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#565554, #424242) #424242 no-repeat; /* Standard syntax (must be last) */
    font-family: 'Lato', sans-serif;
}
/*---------------------------------------------------------------------------- */
/* Main menu
/*---------------------------------------------------------------------------- */
#logo-horizontal{
    display: none;
}
#logo-only{
    display: block;
}
#topNav{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    background: #333333;
    position: fixed;
    width: 100%;
    box-shadow: 0px 1px 50px #000000;
    z-index: 9999;
}
#menuContainer{
    height: 60px;
    padding: 0;
}
#menuSubContainer, #mainContainerSub, #topAdContainer, #bottomAdContainer, #footerContainerSub{
    max-width: 1200px;
    margin: auto;
    padding: 0 0 0 15px;
}
#footerContainerSub{
    padding: 0;
}
#menuSubContainer.right>div{
    text-align: right;
    padding-right: 10px;
}
#topAdContainer, #bottomAdContainer {
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
}
#mainContainerSub {
    background: #ffffff;
    margin-top: 15px;
    padding-right: 5px;
    padding-left: 5px;
}
#topAdContainer>img, #bottomAdContainer>img{
    width : 100%;
}
#bottomAdContainer{
    padding: 15px;
    background-color: #2b2b2b;
}
#mobile-menu-icon-box{
    line-height: 60px;
    float: left;
    padding-left: 15px;
    cursor: pointer;
}
#avatarBox{
    width:60px;
    height:60px;
    position: relative;
    float: right;
}
#avatarImg{
    width:60px;
    height:60px;
    overflow: hidden;
}
#avatarImg>a>img{
    width: 60px;
}
#avatarImg .overallNotification{
    position: absolute;
    top: 3px;
    right: 1px;
    background-color: #F67904;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    z-index: 10006;
}
#searchIconBox, #socialMediaIconBox, #buddyIconBox{
    float: right;
    height: 74px;
    line-height: 74px;
}
#buddyIconBox{
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    height: 60px;
    line-height: 60px;
}
#searchIconBox:hover, #socialMediaIconBox:hover, #buddyIconBox:hover, #buddyIconBox.detached{
    background: #4a4a4a;
}
#supporterBox{
    float: right;
    margin-right: 7px;
    background: #f87b00;
    border-radius: 10px;
    border: 1px solid #f87b00;
    margin-top: 13px;
    height: 47px;
    text-align: center;
    display: none;
}
#supporterBox a{
    display: block;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
#supporterBox:hover{
    background: #f8c89f;
}
#supporterBox:hover a{
    color: #f87b00;
}
#supporterActiveBox{
    float: right;
    margin-right: 7px;
    background: #42c011;
    border-radius: 10px;
    border: 1px solid #42c011;
    margin-top: 13px;
    height: 47px;
    text-align: center;
    display: none;
}
#supporterActiveBox a{
    display: block;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
}
#supporterActiveBox:hover{
    background: #bff2ab;
}
#supporterActiveBox:hover a{
    color: #42c011;
}
#searchIconBox, #socialMediaIconBox{
    display: none;
}
#buddyIconBox h2 {
    font-size:10px; 
    color:white; 
    position:absolute; 
    bottom:-10px; 
    left:5px; 
    font-weight:bold;
}
#avatarOverlay{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 60px;
    background: url(../images/avatar-overlay.png) 60px 60px;
}
#avatarBox:hover #avatarOverlay{
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/avatar-overlay-hover.png) 60px 60px;
}
#subBar{
    background: #f97b00;
    height: 7px;
    margin-top:1px;
}
#extraBarsWrapper{
    display: none;
}
#subBarSocial, #subBarSearch{
    background: #f97b00;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    display: none;
    margin-top:1px;
}
#subBarSearch{
    margin-right: -15px;
}
#mainContainer{
    padding: 96px 5px 0 5px;
}
#footerContainer{
    padding: 0 5px;
}
#mainMenuContainer{
    width:100%;
}
#mainMenu{
    text-align: left;
    display: none;
    max-height: 550px;
    width:100%;
    overflow-y: scroll;
}
#mainMenu.visible{
    display: block;
}
#mainMenu li{
    list-style: none;
}
#mainMenu>li{
    position: relative;
    border-bottom: 1px solid #233146;
}
#mainMenu>li>a{
    color: #ffffff;
    font-weight: 300;
    line-height: 25px;
    display: block;
    background: #636363;
}
#mainMenu>li:hover{
    background: #4a4a4a;
}
#mainMenu>li>a:hover {
    text-decoration: none;
    background: #4a4a4a;
}
/*---------------------------------------------------------------------------- */
/* Sub menus
/*---------------------------------------------------------------------------- */
.subMenuArrow{
    position: absolute;
    left: 50%;
    z-index: 10000;
    margin-left: -10px;
    bottom:-20px;
    display: none;
}
.subMenuWrapper{
    display: none;
    width: 100%;
}
#mainMenu>li.hover .subMenuWrapper{
    display: block;
}
.subMenu{
    background: #ffffff;
}
.subMenu>div>div.heading{
    clear: both;
    background: #233146;
    font-weight: bold;
    text-align: left;
    padding: 5px 0 5px 30px;
    vertical-align: middle;
    border-bottom: 1px solid #758090;
    font-size: 18px;
}
.subMenu>div>div.heading a, .subMenu>div>div.heading a:hover{
    text-decoration: none;
    color: #758090;
    width: 100%;
    display: block;
}
.subMenu>div>div.links{
    border-bottom: 1px solid #723c07;
    display: none;
}
.subMenu>div>div.links.hover{
    margin: 0;
    padding: 0;
    display: block;
}
.subMenu>div>div.links>.row{
    margin: 0;
}
.subMenu>div>div.links .col-md-6{
    margin: 0;
    padding: 0;
}
.subMenu ul{
    padding: 0;
}
.subMenu li, .subMenu .seeAll{
    float: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #000;
    line-height: 30px;
    font-size: 14px;
    padding-left: 49px;
    background: #d3d3d3;
    color: #242424;
}
.subMenu li a{
    font-size: 12px;
    font-weight: bold;
    color: #242424;
    text-decoration: none;
    display: block;
}
.subMenu li a:hover{
    text-decoration: underline;
}
.subMenu .seeAll{
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
}
.subMenu .seeAll a{
    color: #242424;
}
/*---------------------------------------------------------------------------- */
/* Buddy
/*---------------------------------------------------------------------------- */
#buddyContainer{
    position: absolute;
    top: 60px;
    right: -60px;
    width: 335px;
    display: none;
    line-height: normal;
    z-index:10001;
}
#buddyOverlay{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 71px;
    background: url(../images/avatar-overlay.png) 60px 60px;
}
#detach-buddy{
    display: none;
}
#buddyIconBox:hover #buddyContainer{
    display: block;
}

.buddyHeader{
    height: 45px;
    background: #333333;
    text-align: right;
    position: relative;
}
.buddyHeader div{
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 14px;
}
.buddyHeader i{
    color: #ffffff;
    position: absolute;
    cursor: pointer;
    top: 11px;
}
.buddyHeader i#detach-buddy{
    right: 9px;
}
.buddyHeader i#buddy-size{
    right: 40px;
    display: none;
}
#buddyTabsList{
    border-bottom: 2px solid #885b2f;
    padding-bottom: 1px;
    background: #1d2d42;
}
#buddyTabsList li, #buddyTabsList li a:hover{
    border-radius: 0;
    border: 0;
}
#buddyTabsList li a{
    color: #cccccc;
    font-weight: bold;
    font-size: 12px;
    padding: 0 8px;
    border: 0;
    margin: 0;
    line-height: 36px;
}
#buddyTabsList li.topics{
    background: #304868;
}
#buddyTabsList li.notifications{
    background: #34527b;
}
#buddyTabsList li.messages{
    background: #4e6d96;
}
#buddyTabsList li.friends{
    background: #6a88ae;
}
#buddyTabsList li a:hover{
    color: #ffffff;
    background: #b4b4b4;
}
#buddyTabsList li.active, #buddyTabsList li.active a{
    border-radius: 0;
    border: 0;
    background: #f97b00;
    color: #ffffff;
}
.buddyTabs .tab-pane{
    background: #ada8a0;
    height: 390px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.buddyTabs .tab-pane::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #333333;
}
.buddyTabs .tab-pane::-webkit-scrollbar {
    width: 12px;
    background-color: #625f5f;
}

.buddyTabs .tab-pane::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.buddyTabs h3{
    font-size: 18px;
    padding-left: 8px;
    margin-top: 10px;
}
.buddyTabs .table-striped td{
    padding: 5px;
    font-size: 10px;
    vertical-align: middle;
}
.buddyTabs .table-striped, .buddyTabs .table-striped a{
    color: #3c3b3b;

}
.buddyTabs #buddyNotifications .table-striped a, .buddyTabs #buddyMessages .table-striped a{
    text-decoration: underline;
}
.buddyTabs #buddyNotifications .table-striped a:hover, .buddyTabs #buddyMessages .table-striped a:hover{
    text-decoration: none;
}
.buddyTabs .table-striped>tbody>tr:nth-of-type(odd){
    background-color: #bfbfbf;
}
.buddyTabs .table-striped>tbody>tr:nth-of-type(even){
    background-color: #999797;
}
.newStuff{
    background: #f94000;
    display: inline-block;
    border-radius: 25px;
    padding: 4px;
    text-align: center;
    min-width: 25px;
    line-height: 16px;
}
.sideLinks .newStuff{
    border-radius: 6px;
    padding: 3px;
    text-align: center;
    min-width: 18px;
    line-height: 12px;
}
#buddyContainer.narrow .newStuff{
    border-radius: 0;
    padding: 2px;
    min-width: 20px;
}
.buddyMessageSubject{
    font-size: 12px;
    font-weight: bold;
}
.buddyMessageFrom{
    font-size: 12px;
}
.buddyMessageText{
    font-size: 12px;
    padding: 10px 12px 0 17px;
}
div#buddyFooter {
    background: #333;
    height: 30px;
}
#buddyFooter a {
    line-height: 30px;
    float: left;
    width: 50%;
    text-align: center;
    color: #fff;
    font-weight: 500;
}
#buddyFooter a:hover {
    background-color: #666;
    text-decoration: none;
}
/*---------------------------------------------------------------------------- */
/* User Options
/*---------------------------------------------------------------------------- */
#userOptionBox{
    position: absolute;
    right: 0;
    top: 60px;
    background: #1b1b1b;
    width: 275px;
    font-size: 12px;
    color: #fafafa;
    font-weight: bold;
    padding: 15px;
    display: none;
}
#avatarBox:hover #userOptionBox{
    display: block;
    z-index: 10005;
}

#userOptionBox a{
    color: #fafafa;
}
#userOptionContent{
    position: relative;
}
.avatarPoints{
    float: left;
    margin-bottom: 10px;
}
.userPointsIcon{
    margin-top: 10px;
}
.userPointsIcon>span{
    font-style: italic;
    line-height: 15px;
    margin-left: 5px;
    font-size: 12px;
}
.divSideLinks{
    float: left;
    margin-left: 15px;
    width: 150px;
    margin-bottom: 10px;
}
.sideLinks{
    margin-top: 10px;
}
.sideLinks>a{
    line-height: 20px;
}
#userOptionContent hr{
    clear: both;
    margin: 10px 0;
}
#header_username_flag {
    height: 32px;
    text-align: center;
    color: #fff;
    line-height: 32px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #343434;
    margin-left: -5px;
    position: relative;
}
#header_username_flag>img{
    position: absolute;
    left: -5px;
    top: 6px;
}
.bottomLinks{
    float: left;
    width: 50%;
}
#avatarBox input[type='submit'], #avatarBox button {
    height: 20px;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 0px;
    background-color: #f97b00;
    box-shadow: 2px 2px 2px #2e1700;
    color: #fff;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 20px;
    display: inline;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 0px;
    float: right;
}
#lost_password_network{
    float: right;
    width: 100px;
}
/*---------------------------------------------------------------------------- */
/* Misc.
/*---------------------------------------------------------------------------- */
.table-layout {
    display:block;
    width:100%;
    position: relative;
}
.table-layout .table-row {
    display:table-row;
}
.table-layout .table-cell {
    display:table-cell;
    vertical-align: top;
}
.table-layout .table-table-cell-desktop {
    display:block;
}

#menu.table-layout {
    display:table;
    width:100%;
    position: relative;
}
#menu.table-layout .table-row {
    display:table-row;
}
#menu.table-layout .table-cell {
    display:table-cell;
    vertical-align: top;
}
#menu.table-layout .table-table-cell-desktop {
    display:block;
}

.fixed-width-410{
    width: 136px;
}

.fixed-width-205 {
    width:45px;
    vertical-align: top;
}
.cb{
    clear: both;
}
.network_login_text {
    float: left;
    font-style: italic;
    line-height: 30px;
    margin-right: 10px;
    width: 89px;
}
.standard_btn{
    padding-left: 4px !important;
    padding-right: 4px !important;
}
h2.heading{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 16px;
}
.noLPad{
    padding-left: 0;
}
/*---------------------------------------------------------------------------- */
/* Footer
/*---------------------------------------------------------------------------- */
#footer{
    width: auto;
}
#footer_bar_links, #footer_bar_affiliates, #footer_bar_corporate{
    margin-top: 1px;
    width: auto;
    background-image: none;
    background: #252525;
}
#footer_bar_links{
    line-height: 1.3em;
    height: auto;
    padding: 5px 0;
}
#footer_bar_corporate p{
    width: auto;
}
#footer_bar_corporate span.desktop-mode{
    display: block;
}
#footer_bar_corporate span.mobile-mode{
    display: none;
}


/*---------------------------------------------------------------------------- */
/* Home page
/*---------------------------------------------------------------------------- */
#left_column{
    padding: 15px 0 0 0;
}
#left_column div{
    max-width: 320px;
    margin: 15px auto;
}
#left_column h2{
    font-size: 1.2em;
}
#left_column th{
    text-align: center;
}
#leftAd{
    text-align: center;
}
#leftAd>img{
    text-align: center;
    margin: auto;
}

#middle_column{
    padding-top: 15px;
    padding-left: 15px;
}

#featuredStories img{
    max-width:100%;
}
.story{
    position: relative;
}
.mainStory{
    max-height: 250px;
    overflow: hidden;
}
.mainStory .overlayContainer, .subStory .overlayContainer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 15px;
    height: 40px;
}
.mainStory .overlay, .subStory .overlay{
    //background: url(../images/main-story-overlay.png) 40px 100% repeat-x;
    background: none;
    height: 230px;
}
.mainStory .headoverlay, .subStory .headoverlay{
    background-color:rgba(0,0,0,0.6);
    padding-top:5px;
    padding-bottom:5px;
    position: absolute;
    bottom:0px;
    text-align:center;
}

.mainStory:hover .overlay, .subStory:hover .overlay{
    background: url(../images/sub-story-overlay.png) 100% 100% repeat;
}
.mainStory .overlay h2, .subStory .overlay h2{
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    padding: 0 15px;
    margin: 0;
    text-shadow: 2px 2px 6px #000000;
    position: absolute;
    font-family: 'Lato', sans-serif;
    bottom:2px;
    padding-left:0px;
    text-align:center;
    top: 0px;
}
.mainStory .overlay h2 a, .subStory .overlay h2 a{
    color: #ffffff;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

.headoverlay a {
    color:#ffffff;
    font-weight:300;
    text-shadow: 2px 2px 6px #000000;
    font-family: 'Lato', sans-serif;
    font-size:26px;
    line-height:1.1;
}

.headoverlay a {
    text-decoration:none;
}

.mainStory>h2{
    display:none;
}

.subStory>h2{
    display: none;
}
.subStory{
    overflow: hidden;
}
#latestStories{
    margin-top: 15px;
}
.latest_article_wrap {
    display:table;
    width:100%;
}
.latest_article_image{
    width: 125px;
    border: none;
    display: table-cell;
    float: none;
    vertical-align: top;
}
.latest_article_image>img{
    width: 125px;
}
.latest_article_text {
    width: auto;
    display: table-cell;
}
.latest_article_text h2 {
    font-weight: bold;
}
.latest_article_summary p{
    text-align: justify;
    padding-right: 10px;
    padding-top: 5px;
}
#right_column{
    padding-top: 15px;
    padding-left: 15px;
}
#rightAd{
    margin-bottom: 15px;
    text-align: center;
}
#rightAd2{
    text-align: center;
}
#latest_updates {
    width: auto;
}
ul.latest_updates_list {
    width: auto;
}
#forum{
    float:left;
    width:100%;
    position: relative;
}
.forum_icon{
    position: absolute;
    top: 5px;
    left: 2px;
    float: none;
    margin: 0;
}
.forum_post{
    width: 100%;
    padding-left: 27px;
}
#forum_latest_topics #hottopics{
    margin-top: 15px;
}

.forum_in{
    font-size:11px;
    font-style:italic;
}
#left_column .sub_hot_story h2{
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: bold;
}
#zergNet{
    width:320px;
    margin: 10px auto 0 auto;
}
.heading.zergNet{
    margin-top: 15px;
}
#left_column div.sub_hot_story{
    margin: 3px 0;
}
.noGutter {
    margin-right: 0;
    margin-left: 0;
}
/*---------------------------------------------------------------------------- */
/* Forums
/*---------------------------------------------------------------------------- */
#forum_filter_options h2{
    margin-bottom: 0;
}
#user_nav_wrap ul#user_nav li{
    list-style: none;
}
#user_nav_wrap ul#user_nav li.selected a{
    background: #343434;
}

#user_nav_wrap ul#user_nav li.selected img{
    display: block;
}
.filter_col ul{
    list-style: none;
}
#mainContainerSub.page_forum{
    padding: 0;
    margin-top: 0;
}
.page_forum li, .page_forum h2, .page_forum h3{
    margin: 0;
}
.page_forum label{
    font-weight: normal;
    margin: 0;
}
.page_forum input{
    margin: 2px;
    padding: 1px;
}
.headerCell {
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom: 1px solid #efefef;
}
.headerCell a {
    color: #6c6c6c;
}
.forum_row{
    margin: 0;
    padding: 5px 0;
}
.forum_row:hover{
    background: url(http://gamrconnect.vgchartz.com/assets/images/forums/thread-hover.png) repeat-x;
}
.forum_row_header{
    padding-bottom: 0;
}
.forum_row_header:hover{
    background: none;
}
.postsCell, .newCell, .viewsCell, .recentCell, .lastPostCell {
    display: none;
}
#user_nav_wrap{
    height: auto;
    overflow: auto;
}
#user_nav_wrap ul#user_nav{
    padding: 0;
}
.PageNav.pn5 a {
    width: 31px;
}
.PageNav.pn5 .scrollable {
    width: 136px;
}
.PageNav.pn5 .scrollable.short {
    width: 101px;
}
.PageNav.pn5 .scrollable.shorter {
    width: 68px;
}
.PageNav.pn5 .scrollable.shortest {
    width: 34px;
}
nav{
    clear: both;
}
.search-field{
    width: auto;
    float: none;
}
.search-textfield{
    width:95%;
}
#select_boards{
    width: 95%;
}
#search_submit_bar{
    clear: both;
}
#post_reply_box_tbl{
    width: 97% !important;
}
#report_reason{
    width: 97%;
}
.post-body, .post-body p, .post-body td {
    font-family: 'Lato', sans-serif;
}
/*---------------------------------------------------------------------------- */
/* Thread
/*---------------------------------------------------------------------------- */

.user-recent-badges ul, .user-additional-links ul, .member-role-flags, .forum_post_tools ul, .user-currently-playing ul{
    list-style: none;
    padding: 0;
}
.user-recent-badges ul li, .user-additional-links ul li, .member-role-flags li, .forum_post_tools ul li, .user-currently-playing ul li{
    margin: 0 1px;
}
.forum_post_tools ul li{
    margin-bottom: 10px;
}
.forum_post_wrap{
    padding-bottom: 5px;
    display: block;
}
.forum_user_info{
    width: 100%;
    height: 88px;
    float: none;
    vertical-align: top;
    display: block;
    padding: 2px;
}
.user-avatar-wrap {
    width: 82px;
    height: 82px;
    float: left;
}
.forum-user-avatar {
    width: 82px;
    height: auto;
}
.profile_avatar_sheen{
    display: none;
}
.member-role-flags{
    display: none;
}
.additional-user-info{
    display: none;
}
.forum_padding{
    display: none;
}
.forum_post_content{
    width: auto;
    float: none;
    vertical-align: top;
}
.forum_post_tools{
    float: none;
    width: auto;
    margin-bottom: 20px;
}
.user-signature{
    max-width: none;
}
.user-info-wrap{
    float: left;
    border-radius: 0;
    width: 50%;
}
.user-name-wrap{
    width: 100%;
    border-radius: 0;
    text-align: left;
    padding-left: 15px;
}
.user-name {
    height: 22px;
    line-height: 1;
    overflow: hidden;
}
.user-name .smallFont{
    font-size: 13px;
}
.user-points{
    margin-left: 10px;
}
.user-ranking-wrap{
    bottom: 5px;
}
.user-ranking-wrap .supporter-symbol{
    right: -44px;
}
.user-signature img, .post-body img {
    max-width: 100% !important;
}
.post-body{
    overflow: auto !important;
}
.user-total-posts{
    font-size: 10px;
    font-weight: bold;
    float: left;
    margin-left: 5px;
    text-align: left;
    width: 20%;
    padding-top: 0;
}
.mobile-flags .member-role-flags {
    margin: 0;
    list-style: none;
    padding: 0;
    clear: both;
    display: block;
    position: inherit;
    min-width: 78px;
}
.member-role-flags img {
    max-width: 100%;
}
.quick_reply_wrap{
    float: none;
    width: auto;
}
/*---------------------------------------------------------------------------- */
/* Dashboard
/*---------------------------------------------------------------------------- */
.page_home {
    line-height: 1;
}
.page_home ul {
    padding: 0;
    list-style: none;
}
.page_home #user_nav_wrap{
    overflow: auto;
}
#home_user_masthead *{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.user_details_2 {
    width: 125px;
}
#home_user_masthead{
    padding-left: 0;
    padding-right: 15px;
}
#home_user_wrap{
    width: 100%;
}
#user_home_status_sheet {
    float: left;
    margin-left: 0;
    margin-top: 5px;
    width: auto;
}
#home_status_update_wrap{
    width: 95%;
}
#status_field:focus{
    outline: none;
}
.user_home_profile_arrow{
    display: none;
}
#user_home_details h2{
    margin-top: 0;
}
#user_level_wrap{
    clear: both;
    position: static;
}
.gamrconnect_points{
    margin-top: 0;
}
#customize_homepage_btn{
    display: none;
}
#customize_homepage ul li {
    clear: both;
}
#user_dashboard{
    clear: both;
    background: none;
}
.dashboard_column {
    width: 100%;
    margin: 5px auto;
}
.dashboard_box{
    width: 95%;
    max-width: 315px;
    margin: 0 auto 32px auto;
}
.dashboard_box_content {
    width: auto;
    margin: 0 auto;
}
.dashboard_box_header {
    width: 95%;
    max-width: 300px;
}
#latest_from_vgchartz .dashboard_box_content {
    width: 95%;
    max-width: 300px;
    margin: 0 auto;
}
#latest_from_vgchartz table{
    width: 100%;
}
.hardware_sales_table_wrap{
    width:100%;
    overflow-x: scroll;
}
h2#hp_title{
    height: auto !important;
}
.worldwide_sales table h2{
    font-size: 100%;
}
ul.tabNavigation *{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
#Global.panel, #USA.panel, #Europe.panel, #Japan.panel{
    border: none;
}
#gamrrewards_leaderboard_home #points_table, .dashboard_box_footer, #featured_canvas, .ribbon-container {
    width: 100%;
}
.dashboard_box_resize {
    left: 50%;
    margin-left: -35px;
}
.ribbon-header h3 {
    font-size: 100%;
}
.ribbon-div{
    max-width:100%;
    width: 315px;
}
#friend_activity_feed .status_wrap{
    overflow: hidden;
}
.box_settings_wrap{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.box_settings_wrap ul li {
    clear: both;
}
#worldwide_sales img {
    max-width: 100%;
}
#home_sidebarResp {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    background: #f5f5f5;
    padding-bottom: 30px;
}
#home_sidebarResp h4 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 2px;
}
/* Notifications */
#notifications_wrapResp, #friend_activity_wrapResp, #messages_wrapResp {
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
#settings_wrap{
    padding-left: 0;
    padding-right: 0;
}
#settings_wrapResp{
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
#settings_wrapResp input, select, textarea {
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: #F9F9F9;
    border: 1px solid #C6C6C6;
    color: #303030;
    font-size: 14px;
    padding: 3px;
    font-family: 'Museo Sans', 'Trebuchet-MS', Calibri;
}
#friend_activity_wrapResp #friend_activity_feed .status_wrap{
    padding-left: 70px;
    width: auto;
}
#friend_activity_wrapResp #friend_activity_feed .user_avatar{
    position: absolute;
}
#friend_activity_wrapResp .wall_post_sub_comment{
    width: auto;
}
#friend_activity_wrapResp .add_story_comment{
    width: auto;
}
#friend_activity_wrapResp .sub_comment_avatar{
    position: absolute;
}
#friend_activity_wrapResp .sub_comment_text{
    padding-left: 35px;
    width: auto;
}
/* Messages */
#message_filter_options {
    width: 288px;
    height: 227px;
    font-family: 'Lato', Calibri, 'Trebuchet-MS', Arial;
    z-index: 999;
}
a.ui-slider-handle, .ui-state-default, a.ui-state-default, a.ui-state-default:link, a.ui-state-default:visited{
    margin-left: 0;
}
ul.recipientList li {
    border: 1px #8ed330 solid;
    float: left;
    padding: 8px;
    margin-right: 3px;
    border-radius: 5px;
}
ul.recipientList li:hover{
    background: #45AE18;
    color: #DDDDDD;
}
.recipientList li:hover i.fa.fa-times {
    color: #fff;
}
.new_message_recipient #selected_users_list {
    padding: 0;
    display: none;
}
.new_message_recipient #user_search_field {
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px #B9F746;
    -moz-box-shadow: 0px 0px 5px #B9F746;
    box-shadow: 0px 0px 5px #B9F746;
    background-color: #f5f5f5;
    border: 2px solid #8ed330;
    color: #6c6c6c;
    padding: 8px;
    width: 350px;
    height: 16px;
    margin-left: 29px;
    margin-right: 5px;
    box-sizing: content-box;
}
.new_message_subject * {
    box-sizing: content-box;
}
.ui-autocomplete li:hover{
    background: #333333;
    border: none;
}
/*---------------------------------------------------------------------------- */
/* Width specific
/*---------------------------------------------------------------------------- */
@media (min-width: 579px){
    .user-total-posts{
        width: 160px;
        font-size: 12px;
    }

    .table-layout {
        display:table;
        width:100%;
        position: relative;
    }
    .table-layout .table-row {
        display:table-row;
    }
    .table-layout .table-cell {
        display:table-cell;
        vertical-align: top;
    }
    .table-layout .table-table-cell-desktop {
        display:block;
    }
}
@media (min-width: 768px){
    .lastPostCell {
        display: block;
    }
    .PageNav.pn5 .scrollable {
        width: 170px;
    }
    nav{
        clear: none;
    }
    /*---------------------------------------------------------------------------- */
    /* Dashboard
    /*---------------------------------------------------------------------------- */
    .dashboard_column {
        width: 33%;
    }
    .hardware_salesspan .hardware_sales_date{
         display: block;
    }
    #user_home_status_sheet {
        margin-left: 15px;
        margin-top: 0;
        width: 463px;
    }
    .user_home_profile_arrow{
        display: block;
    }
    #user_level_wrap{
        clear: none;
        position: absolute;
    }
    .user_details_2 {
        width: 140px;
    }
    #customize_homepage_btn{
        display: block;
    }
    .page_home #user_nav_wrap{
        overflow: visible;
    }
}
@media (min-width: 992px){
    /*---------------------------------------------------------------------------- */
    /* Main menu
    /*---------------------------------------------------------------------------- */
    #menuContainer{
        height: 74px;
        padding-right: 15px;
        padding-left: 15px;
    }
    #menuSubContainer, #footerContainerSub{
        padding: 0;
    }
    #mobile-menu-icon-box{
        display: none;
    }
    #mainMenu{
        position: static;
        text-align: center;
        padding: 0 0 0 15px;
        display: block;
        height: auto;
        overflow: inherit;
    }
    #mainMenu>li{
        float: left;
        border-bottom: none;
    }
    #mainMenu>li>a{
        color: #ffffff;
        font-weight: 300;
        line-height: 75px;
        display: block;
        background: none;
    }
    #mainMenu>li:hover{
        background: #4a4a4a;
    }
    #mainMenu>li>a:hover {
        text-decoration: none;
        background: #4a4a4a;
    }
    #mainContainer{
        padding: 96px 15px 0 15px;
    }
    #mainContainerSub.detached, #footerContainerSub.detached{
        margin: 0 auto 0 160px;
    }
    #footerContainer{
        padding: 0 15px;
    }
    /*---------------------------------------------------------------------------- */
    /* Sub menu
    /*---------------------------------------------------------------------------- */
    .subMenuArrow{
        position: absolute;
        left: 50%;
        z-index: 10002;
        margin-left: -10px;
        bottom:-19px;
        display: none;
    }
    .subMenuWrapper{
        z-index: 10001;
        display: none;
        position: absolute;
        top:74px;
        padding-top: 8px;
        box-shadow: 5px 5px 20px #222222;
    }
    .subMenuWrapper.charts{
        width: 450px;
        left:-188px;
    }
    .subMenuWrapper.tools{
        width: 180px;
        left: -58px;
    }
    .subMenuWrapper.gameDB{
        width: 620px;
        left: -270px;
    }
    .subMenuWrapper.articles{
        width: 250px;
        left: -84px;
    }
    .subMenuWrapper.admin{
        width: 200px;
        left: -64px;
    }
    .subMenuWrapper.forums{
        width: 450px;
        left: -188px;
    }
    #mainMenu>li.hover .subMenuWrapper{
        display: none;
    }
    #mainMenu>li:hover .subMenuWrapper, #mainMenu>li:hover .subMenuArrow{
        display: block;
    }
    .subMenu{
        background: #ffffff;
    }
    .subMenu>div>div.heading{
        clear: both;
        background: #f97b00;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        border-bottom: 1px solid #723c07;
        padding: inherit;
        font-size: 20px;
        width:175px;
    }
    .subMenu>div>div.heading a, .subMenu>div>div.heading a:hover{
        text-decoration: none;
        color: #723c07;
        display: inherit;
        width: inherit;
    }
    .subMenu>div>div.links{
        border-bottom: 1px solid #723c07;
        display: block;
    }
    .subMenu>div>div.links.hover{
        padding-right: 15px;
        padding-left: 15px;
        display: block;
    }
    .subMenu>div>div.links>.row{
        margin-right: -15px;
        margin-left: -15px;
    }
    .subMenu>div>div.links .col-md-6 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .subMenu ul{
        padding: 15px 0;
    }
    .subMenu li{
        float:none;
        display: block;
        text-align: left;
        border-bottom: none;
        line-height: inherit;
        font-size: inherit;
        padding-left: 0;
        background: none;
    }
    .subMenu li a{
        font-size: 12px;
        font-weight: bold;
        color: #242424;
        text-decoration: none;
    }
    .subMenu li a:hover{
        text-decoration: underline;
    }
    .subMenu .seeAll{
        text-align: right;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 10px;
        line-height: inherit;
        padding-left: 0;
        background: none;
        border-bottom: none;
    }
    .subMenu .seeAll a{
        color: #242424;
    }
    /*---------------------------------------------------------------------------- */
    /* Rest of menu
    /*---------------------------------------------------------------------------- */
    #logo-horizontal{
        display: block;
    }
    #logo-only{
        display: none;
    }
    #avatarBox {
        width: 74px;
        height: 74px;
    }
    #avatarImg{
        width:74px;
        height:74px;
        overflow: hidden;
    }
    #avatarImg>a>img{
        width: 74px;
    }
    #avatarOverlay{
        height: 74px;
        width: 74px;
        background: url(../images/avatar-overlay.png) 74px 74px;
    }
    #avatarBox:hover #avatarOverlay{
        height: 74px;
        width: 74px;
        background: url(../images/avatar-overlay-hover.png) 74px 74px;
    }
    #searchIconBox, #socialMediaIconBox, #buddyIconBox, #supporterBox, #supporterActiveBox{
        padding: 0 5px;
        display: block;
    }
    #searchIconBox{
        padding-right: 10px;
    }
    #supporterBox{
        font-size: 12px;
        padding: 6px 6px;
    }
    #supporterActiveBox {
        font-size: 12px;
        padding: 6px 6px;
    }
    #buddyIconBox{
        height: 74px;
        line-height: 74px;
    }
    #buddyIconBox h2 {
        font-size:10px; 
        color:white; 
        position:absolute; 
        bottom:-8px; 
        left:6px; 
        font-weight:bold;
    }
    #mainMenu>li>a {
        font-size: 15px;
        padding: 0 4px;
    }
    #extraBarsWrapper{
        display: block;
        position: fixed;
        top: 73px;
        width: 100%;
        z-index: 10000;
    }
    #socialMedia{
        float: right;
        margin-right: 56px;
    }
    #socialMedia li{
        float: left;
        width: 50px;
        line-height: 50px;
        text-align: center;
        list-style: none;
    }
    #socialMedia li:hover{
        background-color: #723c07;
    }
    #subBarSearch input[type="text"]{
        line-height: 25px;
        border: 1px solid #723c07;
        padding: 5px;
        color: #353535;
        background: #ffffff;
    }
    #submitSearch{
        line-height: 29px;
        background: #353535;
        font-size: 18px;
        margin: inherit;
        padding: 0 7px;
    }
    /*---------------------------------------------------------------------------- */
    /* Buddy
    /*---------------------------------------------------------------------------- */
    #buddyContainer{
        position: absolute;
        top: 68px;
        left: 50%;
        width: 335px;
        padding-top: 7px;
        margin-left: -167px;
        display: none;
        line-height: normal;
    }
    #detach-buddy{
        display: block;
    }
    #topAdContainer, #bottomAdContainer {
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }
    #buddyContainer.detached{
        display: block;
    }
    #buddyContainer.narrow{
        width: 160px;
    }
    #buddyContainer.detached .buddyHeader{
        cursor: move;
    }
    #buddyContainer.narrow .buddyHeader div{
        font-size: 13px;
        top:18px;
    }
    #buddyContainer.narrow i#buddy-size{
        font-size: 16px;
        top: 16px;
        right: 28px;
    }
    #buddyContainer.narrow i#detach-buddy{
        font-size: 16px;
        top: 16px;
        right: 5px;
    }
    #buddyContainer.detached i#buddy-size{
        display: block;
    }
    #buddyContainer.narrow #buddyTabsList li {
        width:50%;
        text-align: center;
    }
    #buddyContainer.narrow #buddyTabsList li a{
        font-size: 11px;
        padding: 0 2px;
        line-height: 30px;
    }
    /*---------------------------------------------------------------------------- */
    /* User Options
    /*---------------------------------------------------------------------------- */
    #userOptionBox{
        top: 74px;
    }
    /*---------------------------------------------------------------------------- */
    /* Misc.
    /*---------------------------------------------------------------------------- */
    .fixed-width-410{
        width: 353px;
    }
    .fixed-width-205 {
        width:205px;
        vertical-align: top;
    }
    .table-layout .table-cell-desktop {
        display:table-cell;
        vertical-align: top;
        width: 100%;
    }
    .fixed-width-335{
        display:table-cell;
        width: 335px;
    }

    /*---------------------------------------------------------------------------- */
    /* Homepage
    /*---------------------------------------------------------------------------- */
    #left_column{
        max-width: 320px;
        padding: 15px 15px 0 15px;
    }
    #left_column div{
        margin: 0;
    }
    #left_column.col-sm-6, #left_column.col-xs-12{
        float: none;
        display: block;
        padding: 15px 15px 0 5px;
        width: 295px;
    }
    #featuredStories{
        margin-top: 15px;
    }
    .mainStory .overlay h2{
        font-size: 20px;
        bottom:2px;
        padding-left:0px;
        text-align:center;
        display: none;
    }
    .mainStory h2{
        color: #ffffff;
        font-size: 18px;
        font-weight: 300;
        padding: 0 10px;
        margin: 0;
        text-shadow: 2px 2px 6px #000000;
        position: absolute;
        bottom: 5px;
        display: block;
        font-family: 'Lato', sans-serif;
        padding-right: 10px;
        text-align: center;
        width: 100%;
    }
    .mainStory h2 a{
        color: #ffffff;
        text-decoration: none;
    }
    .subStory .overlayContainer{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .subStoryLeft{
        padding-right: 0;
    }
    .subStoryRight{
        padding-left: 0;
    }
    .subStoryLeft .overlayContainer{
        padding-left: 15px;
        padding-right: 0;
    }
    .subStoryRight .overlayContainer{
        padding-left: 0;
        padding-right: 15px;
    }
    .subStory .overlay{
        background: none;
        height: 154px;
    }
    .subStory:hover .overlay{
        background: url(../images/sub-story-overlay.png) 100% 100% repeat;
    }
    .subStory .overlay h2{
        display: none;
    }
    .subStory h2{
        color: #ffffff;
        font-size: 18px;
        font-weight: 300;
        padding: 0 10px;
        margin: 0;
        text-shadow: 2px 2px 6px #000000;
        position: absolute;
        bottom: 5px;
        display: block;
        font-family: 'Lato', sans-serif;
    }
    .subStory h2 a{
        color: #ffffff;
        text-decoration: none;
    }
    .subStoryLeft h2{
        padding-right: 25px;
        text-align: center;
        width: 100%;
    }
    .subStoryRight h2{
        padding-right: 10px;
        text-align: center;
        width: 100%;
    }
    #right_column{
        padding-top: 15px;
        padding-left: 0;
    }

    #right_column img{
        width: 100%;
    }
    /*---------------------------------------------------------------------------- */
    /* Forums
    /*---------------------------------------------------------------------------- */
    .postsCell, .newCell, .viewsCell, .recentCell {
        display: block;
    }
    #user_nav_wrap{
        height: 40px;
        overflow: hidden;
    }
    #select_boards {
        width: 300px;
    }
    /*---------------------------------------------------------------------------- */
    /* Threads
    /*---------------------------------------------------------------------------- */
    .forum_post_wrap{
        display: table;
        width: 100%;
        position: relative;
    }
    .forum_user_info, .forum_post_content, .forum_padding{
        display: table-cell;
    }
    .forum_padding{
        width: 10px;
    }
    .forum_user_info{
        width: 160px;
        padding: 10px;
    }
    .user-info-wrap{
        width: 140px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .user-name-wrap{
        width: 140px;
        text-align: center;
        padding: 10px 0;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .user-name {
        height: auto;
    }
    .user-name .smallFont{
        font-size: 14px;
    }
    .user-points{
        margin-left: 30px;
    }
    .user-avatar-wrap {
        width: 140px;
        height: auto;
        float: none;
    }
    .forum-user-avatar {
        width: 140px;
        height: auto;
    }
    .profile_avatar_sheen{
        display: block;
    }
    .member-role-flags{
        display: block;
    }
    .additional-user-info{
        display: block;
    }
    .user-total-posts{
        font-size: 10px;
        font-weight: normal;
        float: none;
        margin-left: 0;
        text-align: center;
        width: auto;
        padding-top: 10px;
    }
    .mobile-flags .member-role-flags {
        display: none;
    }
    /*---------------------------------------------------------------------------- */
    /* Dashboard
    /*---------------------------------------------------------------------------- */
    .hardware_salesspan .hardware_sales_date{
        display: inline;
    }

    /*---------------------------------------------------------------------------- */
    /* Footer
    /*---------------------------------------------------------------------------- */
    #footer_bar_corporate span.desktop-mode{
        display: none;
    }
    #footer_bar_corporate span.mobile-mode{
        display: block;
    }

}
@media (min-width: 1050px){
    #mainMenu>li>a {
        font-size: 16px;
        padding: 0 6px;
    }
}
@media (min-width: 1100px){
    #mainMenu>li>a {
        font-size: 16px;
        padding: 0 10px;
    }
}
@media (min-width: 1200px){
    #searchIconBox, #socialMediaIconBox, #buddyIconBox, #supporterBox, #supporterActiveBox{
        padding: 0 7px 0 8px;
        cursor: pointer;
    }
    #searchIconBox{
        padding-right: 15px;
    }
    #supporterBox{
        font-size: 15px;
        padding: 2px 15px;
    }
    #supporterActiveBox{
        font-size: 15px;
        padding: 2px 15px;
    }
    #mainMenu>li>a {
        font-size: 17px;
        padding: 0 12px;
    }
    #buddyIconBox h2 {
        font-size:10px; 
        color:white; 
        position:absolute; 
        bottom:-8px; 
        left:6px; 
        font-weight:bold;
    }
    .fixed-width-410{
        width: 410px;
    }
    .mainStory .overlay h2{
        font-size: 26px;
        font-weight: normal;
        width: 100%;
        text-align: center;
        /* padding-right: 45px;   */
        padding-left:0px;
        padding-right: 30px;
        bottom: 2px;
        display: none;
    }
    .mainStory h2{
        color: #ffffff;
        font-size: 18px;
        font-weight: 300;
        padding: 0 10px;
        margin: 0;
        text-shadow: 2px 2px 6px #000000;
        position: absolute;
        bottom: 5px;
        display: block;
        font-family: 'Lato', sans-serif;
        width: 100%;
        text-align:center;
    }
    .mainStory h2 a{
        color: #ffffff;
        text-decoration: none;
	font-weight: 300;
        font-size: 26px;
    }

}
@media (min-width: 1550px){
    #mainContainerSub, #mainContainerSub.detached, #footerContainerSub.detached {
        margin-left: auto;
        margin-right: auto;
    }
}

#pw-oop-left_rail { display: none!important}