/*---------------------------------------------------------------------------- */
/* Notification Banner
/*---------------------------------------------------------------------------- */
.notification-banner {
    background: #222;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
}

.notification-banner-inner {
    position: relative;
    padding: 12px 44px 12px 16px;
    margin: 0 auto;
    max-width: 1280px;
}
		
.notification-banner a, .notification-banner a:link, .notification-banner a:visited {
    color: #fff;
    font-weight: 900;
    text-decoration: underline;
    opacity: 1;
}
		
.notification-banner a:hover, .notification-banner a:link:hover, .notification-banner a:visited:hover {
    text-decoration: none;
}
.notification-banner-close {
    background-image: url("https://www.vgchartz.com/assets/images/close.png");
    background-position: 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 24px;
    right: 16px;
    height: 16px;
    width: 16px;
}

.notification-banner-close:hover {
	cursor: pointer;
}


/*---------------------------------------------------------------------------- */
/* Main menu
/*---------------------------------------------------------------------------- */
#logo-horizontal{
    display: none;
	border: 0;
}
#logo-only{
    display: block;
}
#topNav{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    background: #333333;
    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;
}
img#mobile-menu-icon{
    vertical-align: middle;
}
#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: 60px;
    line-height: 60px;
    position: relative;
    width: 54px;
}

#searchIconBox img {
  width: 44px;
  position: absolute;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}

#buddyIconBox{
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    height: 60px;
    line-height: 60px;
		width: 65px;
}

img#buddyIconImg {
  width: 54px;
  position: absolute;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}

#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!important;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
}
#supporterActiveBox:hover{
    background: #bff2ab;
}
#supporterActiveBox:hover a{
    color: #42c011;
}
#searchIconBox, #socialMediaIconBox{
    /* display: none; */
}
#searchIconBox {
	padding-left: 3px;
}
#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;
}

#socialMediaIconBox img {
  width: 44px;
  position: absolute;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}

#buddyIconBox h2 {
    font-size:10px; 
    color:white; 
    position:absolute; 
    bottom:-10px; 
    left:5px; 
    font-weight:bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
#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; */
}
#subBarSearch input[type="text"]{
    line-height: 25px;
    border: 1px solid #723c07;
    padding: 5px;
    color: #353535;
    background: #ffffff;
    width:90px;
    margin-top:7px;
}
#submitSearch{
    line-height: 29px;
    background: #353535;
    font-size: 18px;
    margin: inherit;
    padding: 0 7px;
}

#subBarSocial, #subBarSearch{
    background: #f97b00;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    display: none;
    margin-top:1px;
}
#subBarSearch{
    margin-right: -15px;
}
#mainContainer{
    padding: 15px 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!important;
    font-weight: 300;
    line-height: 25px;
    display: block;
    background: #636363;
}
#mainMenu>li:hover{
    background: #4a4a4a;
}
#mainMenu>li>a:hover {
    text-decoration: none;
    background: #4a4a4a;
}

.themepref-wrap {
  width: 57px;
  height: 14px;
	margin-left: 11px;
	padding-top: 5px;
  background-color: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position:relative;
}
.themepref-wrap label {
  position: relative;
	margin-top: 1px;
  float:left;
  width: 15px;
  height: 10px;
	border: 1px solid #bfbfbf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.themepref-select {
  position:absolute;
  width: 15px;
  height: 10px;
  transition: all .7s;
  -webkit-transition: all .7s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: transparent;
  transform:translate(0);
  border: 2px solid #ee8f20;
	margin-top: 1px;
	z-index: 1;
}
.themepref-wrap input {
  display: none;
}	

.themepref-wrap label[for=dark-theme] {
  background:#1b1b1b;
}
.themepref-wrap #dark-theme:checked ~ span {
  transform:translateX(100%);
  left:-15px;
}
.themepref-wrap label[for=standard-theme] {
  background:#ffffff;
}	
.themepref-wrap #standard-theme:checked ~ span {
  transform:translateX(100%);
  left:0px;
}
.themepref-wrap label[for=blue-theme] {
  background:#589af2;
}
.themepref-wrap #blue-theme:checked ~ span {
  transform:translateX(100%);
  left:15px;
}

.themepref-unavailable {
  width: 15px;
  height: 12px;
  margin-left: 41px;
  padding-top: 17px;
  border-bottom: 2px solid red;
  -webkit-transform: translateY(-20px) translateX(5px) rotate(30deg);
}

.themepref-unavailable-text {
	height: auto;
  visibility: hidden;
  padding: 0px;
  font-size: 12px;
  width: 70px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
	margin-left: 10px;
}

.themepref-wrap label:hover {
	cursor: pointer!important;
}

.themepref-wrap label[for=blue-theme]:hover .themepref-unavailable-text {
  visibility: visible;
}	

/*---------------------------------------------------------------------------- */
/* 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: -130px;
    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!important;
    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;
		cursor: default;
}
.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;

}
.table-striped a:hover {
	cursor: pointer!important;
	text-decoration: underline;
}
.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(odd):hover {
	  cursor: default;
    //background-color: #d4d4d4;
}
.buddyTabs .table-striped>tbody>tr:nth-of-type(even){
    background-color: #999999;
}
.buddyTabs .table-striped>tbody>tr:nth-of-type(even):hover{
	  cursor: default;
    //background-color: #d4d4d4;
}
.newStuff{
    background: #F67904;
    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!important;
}
#userOptionBox a:hover {
    color: #ee8f20;
}
#userOptionContent{
    position: relative;
}
.avatarPoints{
    float: left;
    margin-bottom: 10px;
		max-width: 80px;
}
.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: 250px;  /* 136 */
}

.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;
}
a.anchor{
    display: block;
    position: relative;
    top: -85px;
    visibility: hidden;
}
/*---------------------------------------------------------------------------- */
/* 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: 0px auto;
}
#left_column h2{
    font-size: 1.2em;
}
#left_column th{
    text-align: center;
}
#left_column div h2.heading {
    margin-top:10px;
}
#leftAd{
    text-align: center;
}
#leftAd>img{
    text-align: center;
    margin: auto;
}

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

.home-boxart.hvr-grow {
	width: 50px;
	margin: 3px 0px 3px 3px!important;
	background: none;
}
#main.home-boxart.hvr-grow {
	width: 100%;
}

#featuredStories img{
    max-width:100%;
}
.story{
    position: relative;
}
.mainStory{
    max-height: 250px;
    overflow: hidden;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
.mainStory .overlayContainer, .subStory .overlayContainer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0px;
    height: 40px;
}
.mainStory .overlay, .subStory .overlay{
  	/* background: url(../images/main-story-overlay.png) 40px 100% repeat-x; */
    background: none;
    height: 250px;
}
.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;
}

.mainStory h2 a {
    color: #ffffff;
}
.mainStory h4 {
  margin-left: 10px;
  margin-right: 10px;
  color: #ffffff;
  font-size: 15px;
}
.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;
    margin-top: 3px;
}
.subStory h2 a {
    color: #ffffff;
}

.subStoryLeft {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

.subStoryRight {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}

figcaption h2#lines0 {
	line-height: 24px;
	color: #ffffff; 
	position: relative;
	margin:0px;
	padding: 0px 10px;
}

figcaption h2#lines1 {
	line-height: 1em;
	color: #ffffff; 
	position: relative;
	margin:0px;
	padding: 0px 10px;
}

figcaption h2#lines2 {
	line-height: 1em;
	color: #ffffff; 
	position: relative;
	margin:0px;
	padding: 0px 10px;
}

figcaption h2#lines3 {
	line-height: 1em;
	color: #ffffff; 
	position: relative;
	margin:0px;
	padding: 0px 10px;
}

figcaption h2#lines4 {
	line-height: 1em;
	color: #ffffff; 
	position: relative;
	margin:0px;
	padding: 0px 10px;
}

#right_column{
    padding-top: 15px;
    padding-left: 15px;
}
#rightAd{
    margin-bottom: 15px;
    text-align: center;    
}
#rightAd2{
    text-align: center;
}

#forum{
    float:left;
    width:100%;
    position: relative;
    padding: 0px;
		margin-bottom: 5px;
		border-bottom:1px solid #444444;
}
.hottopic_profile_link {
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}
.forum_postwrapper {
    display: flex; 
		min-height: 30px;
		align-items: center;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left;	
}
.forum_icon{
    position: relative;
		padding-left: 35px;
    float: none;
    margin: 0;
}
.forum_post {
	  margin: 0px;
    position: relative;
		padding-left: 5px;
}
.forum_post a {
	color: #444444;
}
#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{
    margin: 10px auto 0 auto;
		overflow-x: auto;
}
.zergheadline a{
    font-family: lato;
    color: #444444!important;
    font-weight: Bold;
    text-decoration: None;
}
.heading.zergNet{
    margin-top: 15px;
}
.zergnet .heading img {
	background: url("https://www.vgchartz.com/assets/images/icons/title-zergnet.png") no-repeat;
  padding: 9px 41px 9px 41px!important;
}
#left_column div.sub_hot_story{
    margin: 3px 0;
}
.noGutter {
    margin-right: 0;
    margin-left: 0;
}
.centered_heading {
  display: flex;
  line-height: 1em;
  color: gray;
}
.centered_heading::before, .centered_heading::after {
    content: '';
    display: inline-block;
    flex-grow: 1;
    margin-top: 0.5em;
    background: gray;
    height: 1px;
    margin-right: 10px;
    margin-left: 10px;
}

figcaption.mc-item__caption {
  box-shadow: 0px -2px 22px rgba(0, 0, 0, 1)!important;
  background-color: rgba(0,0,0,0.6)!important;
}

figcaption.mc-item__caption:hover {
  background-color: rgba(0,0,0,0.6);
}

.overlayTitle {
	padding-left:0px; 
	padding-right:15px; 
	bottom:0px;
	display: block;
}
.overlayTitle:hover {
	display:hidden;
}

div.mainStory:hover #figcaption0 {
	bottom: 0!important;
}

div.subStory:hover #figcaption1 {
	bottom: 0!important;
}

div.subStory:hover #figcaption2 {
	bottom: 0!important;
}

div.subStory:hover #figcaption3 {
	bottom: 0!important;
}

div.subStory:hover #figcaption4 {
	bottom: 0!important;
}

.user_reviews_wrapper {
  margin-bottom: 10px;
  border-bottom: 1px solid #444444;
	min-height: 60px;
}

.user_review_wrapper {
	display: flex;
}

.user_review_details {
	padding-left: 5px;	
	padding-bottom: 10px;
	display: table;
}
.user_review_details > p {
	margin: 0px;
	font-weight: bold;
	font-size: 11px;
	margin-right: 5px;
}
.user_review_details > p > a {
	color: #444444;
	font-size: 12px;
	font-weight: bold;
}
.user_review_details > p > a:hover {
	color: #eE8F20;
}
.user_review_score_wrapper {
	text-align: center;
	margin-left: auto;
}
.user_review_score {
	font-size: 24px;
}
.user_review_scorebar {
	width: 75px;
}
.user_review_scorebox {
  border-radius: 5px;
  width: 60px;
  height: 35px;
  line-height: 35px;
  font-size: 20px;
	color: #ffffff;
}
.user_review_social_wrapper {
	display: flex;
}
.user_review_social_chat {
	display: flex;
	padding-left: 2px;
}
.user_review_social_chat > img {
	height: 15px;
	margin-top: 2px;
	width: auto!important;
}
.user_review_social_chat > p {
	margin: 0px;
}
.user_review_social_rating {
	display: flex;
	margin-left: auto;
	padding-right: 2px;
}
.user_review_social_rating > img {
	height: 15px;
	margin-top: 2px;
	width:auto!important;
}
.user_review_social_rating > p{
	margin: 0px;
}

.user_review_social_rateavg_wrapper {
	display: flex;
}

.user_review_social_rateavg {
	display: flex;
	margin: auto;
}
	
.user_review_social_rateavg > img {
	height: 20px;
	width:auto!important;
}
.user_review_social_rateavg > p {
	margin: 0px;
	padding-top: 2px;
	margin-left: -4px;
}
.db_update_wrapper{
	margin-bottom: 10px;
	border-bottom: 1px solid #444444;
	min-height: 60px;
}

.db_update {
	display: flex;
	
}

.db_update_boxart > a > img {
	width: 50px!important;
}

.db_update_info > p {
	margin: 0px 5px;
	font-size: 12px;
	font-weight: bold;
}

.db_update_info > p > a  {
	color: #444444;
}

.db_update_info > p > a:hover {
  color: #ee8f20;
}

p.user_info {
	padding-left: 60px; 
	margin-bottom: 5px; 
  font-size: 11px;
  font-weight: bold;
}

p.user_info > a {
	color: #42c011;
}

p.user_info > a:hover {
	color: #ee8f20;
}

.shipping_totals {
	min-height: 500px;
}

/*---------------------------------------------------------------------------- */
/* 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(https://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.short6 {
    width: 128px;
}
.PageNav.pn5 .scrollable.short {
    width: 96px;
}
.PageNav.pn5 .scrollable.shorter {
    width: 64px;
}
.PageNav.pn5 .scrollable.shortest {
    width: 32px;
}
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;
}
@media (min-width: 800px){
  .forum_post_tools ul li{
    margin-bottom: 0px;
  }
}

.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%;
}

#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;
}

.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;
}
.ribbon-container {
    width: 100%;
}

.ribbon-header h3 {
    font-size: 100%;
}
.ribbon-div{
    max-width:100%;
    width: 315px;
}

.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;
}

#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;
}

/* 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){
    /*---------------------------------------------------------------------------- */
    /* Notification Banner
    /*---------------------------------------------------------------------------- */	
		.notification-banner-inner {
		    padding: 12px 56px 12px 24px;
		}	

		.notification-banner-close {
		    top: 14px;
		    right: 24px;
		}		
		
		
	
    .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: 15px 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;
    }
    #buddyIconBox, #supporterBox, #supporterActiveBox{
        padding: 0 5px;
        display: block;
    }
    #searchIconBox{
        padding: 0 5px;
        display: block;
        height:74px;
        line-height:74px;
    }
    #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;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    #mainMenu>li>a {
        font-size: 15px;
        padding: 0 4px;
    }
    #extraBarsWrapper{
        display: block;
        position: fixed;
        top: 73px;
        width: 100%;
        z-index: 10000;
    }
    #socialMediaIconBox {
        padding: 0 5px;
        display: block;
        height:74px;
        line-height:74px;
    }
    #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;
        width:300px;
    }
    #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: 375px;
    }
    .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;
				border-left: 15px solid transparent;
				border-right: 2px solid transparent;
    }
    .subStoryRight{
        padding-left: 0;
				border-left: 2px solid transparent;
				border-right: 15px solid transparent;
    }
    .subStoryLeft .overlayContainer{
        padding-left: 0px;
        padding-right: 0px;
    }
    .subStoryRight .overlayContainer{
        padding-left: 0px;
        padding-right: 0px;
    }
    .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: 15px;
        font-weight: 300;
        padding-right: 2px;
        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{
        text-align: center;
        width: 100%;
    }
    .subStoryRight h2{
        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 screen and (min-width: 1024px) {
    /*---------------------------------------------------------------------------- */
    /* Notification Banner
    /*---------------------------------------------------------------------------- */
    .notification-banner-inner {
        padding: 12px 48px 12px 16px;
		}

		.notification-banner-close {
		    right: 16px;
		}		
		
		
}

@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;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .fixed-width-410{
        width: 420px;
    }
    .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}
/*---------------------------------------------------------------------------
/* Ad fixes
/*---------------------------------------------------------------------------*/
.vm-footer-close-button{
    right: 200px !important;
}
.vm-skin{
    z-index: 1!important;
}