@charset "utf-8";
/* CSS Document */

body {
	background:#000;
	font-family:Calibri,'Trebuchet MS';
	font-size:13px;
	margin:0;
	padding:0;
}

//Ad Block Message
.sRukGdTcDFov {
  display: none;
  margin-bottom: 30px;
  padding: 20px 10px;
  background: #D30000;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
}

#highlight {
	background:url("http://www.vgchartz.com/assets/images/header_highlight.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:251px;
	left:50%;
	margin-left:-710px;
	position:absolute;
	top:0;
	width:611px;
	z-index:1;
}
#zmenu ul ul li a {
color:#FFFFFF;
display:inline;
height:auto;
text-decoration:none;
width:auto;
}
#zmenu ul ul li {
font-style:italic;
}
#zmenu ul ul li a:hover {
display:inline;
height:auto;
text-decoration:underline;
width:auto;
}
#latest_updates a {
color:#333333;
text-decoration:none;
}
#latest_updates a:hover {
color:#DE6F00;
}
a {
color:#333333;
text-decoration:none;
}
a:hover {
color:#eE8F20;
text-decoration:underline;
}
a.headline {
color:#444444;
text-decoration:none;
}
a.headline:hover {
color:#DE6F00;
}
#footer a {
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}
img {
border:0 none;
}
.addClear {
clear:both;
}
.addPointer {
cursor:pointer;
}

h2.heading {
	background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	height: 28px;
	line-height: 28px;
	margin: 0;
	padding: 0 0 0 10px;
	position: relative;
}
#header {
	margin:-10px auto 0px;
	position:relative;
	width:980px;
	height: 115px;
	background:#222;
	z-index:20;
	display:block;
}	
#logo {
	float:left;
	height:100px;
	margin-top:-5px;
	margin-left:35px;
	width:160px;
}
#header_ad_728_90 {
	background:none repeat scroll 0 0 #8E8E8E;
	float:right;
	height:90px;
	margin-right:10px;
	width:728px;
}
#social_icons {
	float: left;
	width: 220px;
	height: 90px;
	background: #e3e3e3;
	margin: 0 12px 0 10px;	
}

#ad_728_90 {
	width: 728px;
	height: 90px;
	background: #e3e3e3;	
	float: right;
	margin: 0 10px 0 0;
}
#content_wrap {
	margin:0 auto;
	position:relative;
	width:980px;
	z-index:1;
}
#content_frame_top {
	background:url("http://www.vgchartz.com/assets/images/content_frame_top.jpg") no-repeat scroll 0 0 transparent;
	height:12px;
	width:980px;
	position: relative;
}
#content_frame_middle {
	background:url("http://www.vgchartz.com/assets/images/content_frame_body.jpg") repeat-y #fff;
	width:980px;
	margin: 0;
	padding: 0;
	position: relative;
}
#content {
	margin-left:10px;
	padding-top: 0px;
	padding-bottom:20px;
	width:960px;
}
#footer {
font-size:10px;
margin:0 auto;
position:relative;
width:980px;
}
#footer_bar_1 {
height:156px;
position:relative;
width:980px;
}
#footer_bar_2 {
background:url("http://www.vgchartz.com/assets/images/footer_bar_middle.jpg") no-repeat scroll 0 0 transparent;
height:53px;
position:relative;
width:980px;
}
#the_vgchartz_network {
height:24px;
left:408px;
position:absolute;
top:-4px;
width:163px;
}
#footer_sitemap_wrap {
font-size:14px;
margin:0 auto;
position:relative;
width:980px;
}
#footer_sitemap {
height:53px;
line-height:53px;
position:relative;
text-align:center;
}
ul#footer_sitemap_links {
color:#FFFFFF;
font-size:14px;
list-style-type:none;
margin:0;
padding:0;
}
ul#footer_sitemap_links li {
display:inline;
padding-right:7px;
}
#footer_bar_3 {
background:url("http://www.vgchartz.com/assets/images/footer_bar_bottom.jpg") no-repeat scroll 0 0 transparent;
height:132px;
width:980px;
}
ul#credits_menu {
color:#FFFFFF;
font-size:14px;
list-style-type:none;
margin:0 auto;
padding:25px 0 0;
text-align:center;
width:720px;
}
ul#credits_menu li {
display:inline;
padding-right:10px;
}
#design_credits {
margin:5px auto;
width:177px;
}
p#copyright {
color:#FFFFFF;
font-size:14px;
text-align:center;
}
#innerContent {
	float:left;
	width:650px;
}
#home_column1 {
	border-right:1px dotted #CCCCCC;
	float:left;
	padding:0 10px 0 0;
}
#home_column2 {
	border-right:1px dotted #CCCCCC;
	float:left;
	padding:0 9px;
	overflow: hidden;
}
#rightbar {
	float:left;
	margin-left:10px;
	width:300px;
}
#rightbar_ad {
	width:300px;
}
#latest_updates {
font-size:13px;
font-style:italic;
margin-top:0px;
width:300px;
}
h3.latest_updates_date {
	clear:both;
	color:#333333;
	display:inline;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:3px;
	padding:2px 5px;
}
ul.latest_updates_list {
	border-bottom:1px dotted #D1D1D1;
	clear:both;
	display:block;
	list-style-type:none;
	margin:2px 0 2px 10px;
	padding:0;
	width:290px;
}
ul.latest_updates_list li {
	border-top:1px dotted #D1D1D1;
	color:#444444;
	font-size:13px;
}
ul.recent_forum_posts {
border-bottom:1px dotted #D1D1D1;
clear:both;
display:block;
list-style-type:none;
margin-right:5px;
padding:0;
}
ul.recent_forum_posts li {
border-top:1px dotted #D1D1D1;
color:#444444;
font-size:13px;
padding:2px 0;
}
#recent_threads a {
color:#444444;
text-decoration:none;
}
#recent_threads a:hover {
color:#DE6F00;
}
#recent_threads {
font-size:13px;
font-style:italic;
margin-bottom:20px;
margin-left:10px;
margin-top:20px;
width:280px;
}
div.expand_article {
background:none repeat scroll 0 0 #F5F5F5;
border:1px dotted #CCCCCC;
height:130px;
margin-top:5px;
position:relative;
width:300px;
}
div.expand_article_headline_image {
	height:120px;
	left:0;
	margin:5px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:290px;
	z-index:1;
}
div.expand_article_headline_image img {
	float:left;
	height:90px;
	margin-left:-29px;
}
div.list_grid {
float:left;
margin-left:20px;
width:600px;
}
div.list_grid_expanded {
float:left;
margin-left:15px;
margin-top:10px;
width:310px;
}
div.list_grid_condensed {
float:left;
margin-left:15px;
width:310px;
}
div#article_list {
border-bottom:1px dotted #CCCCCC;
margin-left:-5px;
margin-top:5px;
padding-bottom:5px;
width:auto;
}
div.expand_article_date {
background:none repeat scroll 0 0 #DDDDDD;
color:#555555;
font-size:16px;
font-style:italic;
font-weight:bold;
height:36px;
line-height:14px;
margin-right:10px;
margin-top:-2px;
padding-top:8px;
position:absolute;
right:0;
text-align:center;
top:0;
width:40px;
z-index:2;
}
div.article_headline_expand_wrap {
bottom:0;
left:0;
max-width:305px;
position:absolute;
z-index:2;
}
h1.article_headline_expand {
background:none repeat scroll 0 0 #F5F5F5;
color:#444444;
font-size:14px;
font-style:italic;
font-weight:normal;
margin-bottom:0;
margin-left:5px;
margin-top:0;
padding:8px;
}
div.expand_story_excerpt {
color:#444444;
font-size:12px;
margin-left:10px;
padding-bottom:3px;
width:290px;
}
div.condense_story {
height:85px;
margin-bottom:20px;
width:310px;
}
div.condense_thumb {
background:none repeat scroll 0 0 #F5F5F5;
border:1px dotted #CCCCCC;
float:left;
height:85px;
padding:5px;
width:125px;
}
div.condense_excerpt {
float:left;
height:85px;
margin-left:10px;
position:relative;
width:160px;
}
div.article_condense_headline_wrap {
bottom:0;
height:85px;
padding:0;
position:absolute;
right:0;
width:160px;
}
div.article_spacer {
clear:both;
height:10px;
width:178px;
}
h2.article_condense_headline {
	background:none repeat scroll 0 0 transparent;
	color:#555555;
	display:block;
	float:left;
	font-size:13px;
	font-style:italic;
	font-weight:lighter;
	margin-top:0;
	padding:2px 4px;
}

#search_main {
	background:#f5f5f5;
	border:none;
	color:#444444;
	font-size:16px;
	left:0;
	padding:7px;
	top:0;
	width:280px;
}

#search_main_wrap {
background:none repeat scroll 0 0 #F5F5F5;
height:35px;
left:0;
position:absolute;
top:0;
}
#search_btn {
height:35px;
position:absolute;
right:0;
top:0;
width:35px;
}

#article {
	clear:both;
	width:650px;
	font-size: 14px;
	color: #555;
}

#article_headline_wrap {
	background:none repeat scroll 0 0 #F5F5F5;
	border:1px dotted #CCCCCC;
	height:160px;
	padding:5px;
	position:relative;
	width:640px;
}

div#article_headline {
	bottom:5px;
	left:5px;
	right: 5px;
	position:absolute;
	background: url(http://gamrfeed.vgchartz.com/assets/images/headline_transparent_bg.png);
}

h1.article_full {
	font-family: Calibri, 'trebuchet ms';
	color:#eeeeee;
	font-size:30px;
	font-weight:bold;
	margin-bottom:0;
	margin-top:0;
	padding:6px 10px;
}

h1.article_full a {
	color:#eeeeee;
}

h1.article_full a:hover {
	color:#eeeeee;
}

div#article_byline {
	background:none repeat scroll 0 0 #F5F5F5;
	bottom:5px;
	color:#555555;
	font-style:italic;
	padding:5px;
	position:absolute;
	right:5px;
}

ul.noshow {
	height: 0px;
	overflow: hidden;
}

ul.show {
	height: auto;
}

div.article_copy {
	color: #222222;
	float: left;
	font-size: 14px;
	padding: 10px;
	width: 631px;
	overflow: hidden;
	border-right:1px dotted #CCCCCC;
	padding-bottom: 0px;
}

div.article_copy img {
height:auto;
max-width:614px;
}

div.article_copy a {
	color:#1B39C8;
}

div#article_navigation {
margin:20px auto;
width:440px;
}
div.prev_article {
float:left;
width:130px;
}
div.latest_articles {
float:left;
margin:0 23px;
width:130px;
}
div.next_article {
float:left;
width:130px;
}
div.results_nav {
margin:0 auto;
width:340px;
}
div.results_nav_mid {
background:none repeat scroll 0 0 #F5F5F5;
color:#555555;
float:left;
height:28px;
line-height:28px;
margin:20px 5px;
text-align:center;
width:110px;
}
div.results_nav_prev {
float:left;
margin:20px 0;
width:110px;
}
div.results_nav_next {
float:left;
margin:20px 0;
width:110px;
}
div.more_articles {
float:right;
margin-right:10px;
margin-top:10px;
}
div.article_search_page {
float:left;
margin-bottom:5px;
margin-left:10px;
margin-top:5px;
position:relative;
}
#article_filter_wrap {
background:none repeat scroll 0 0 #E2E2E2;
left:0;
position:absolute;
top:0;
}
#article_filter_button {
height:35px;
position:absolute;
right:0;
top:0;
width:35px;
}
div.article_comment {
margin-top:20px;
}
div.article_comment_avatar {
float:left;
}
div.article_comment_comment {
float:left;
margin-left:10px;
width:450px;
}
#post_new_comment {
height:90px;
width:500px;
}
div.post_a_comment {
margin-bottom:15px;
}
#article_comments_wrap {
margin:0;
width:515px;
}
div.article_search_filter_text {
float:left;
height:28px;
line-height:28px;
margin-right:10px;
}
div.article_search_author {
float:left;
height:28px;
line-height:28px;
margin-right:10px;
}
div.article_search_keyword {
float:left;
height:28px;
line-height:28px;
}
#article_keyword_search_field {
background:none repeat scroll 0 0 #E2E2E2;
border:0 none;
color:#444444;
font-size:13px;
left:0;
padding:6px;
top:0;
width:218px;
}
#article_search_submit {
background-color:#8E8E8E;
border:0 none;
color:#FFFFFF;
font-family:Calibri;
font-size:13px;
padding:2px 5px;
}
div.list_excerpt {
float:left;
margin-bottom:5px;
margin-left:7px;
position:relative;
width:460px;
}
h1.article_list_headline {
background:none repeat scroll 0 0 #D1D1D1;
color:#333333;
display:inline;
float:left;
font-size:16px;
font-style:italic;
font-weight:lighter;
margin:0;
padding:3px;
}
div.list_story {
height:85px;
margin-bottom:20px;
width:610px;
}
#footer_ad_container {
	background:url("http://www.vgchartz.com/assets/images/footer-ad-bg.jpg") no-repeat scroll 0 0 transparent;
	margin:0 auto;
	padding:18px 0;
	width:980px;
}
#footer_ad {
	height: auto;
	width: auto;
	margin:0 auto;
}
.author_dropdown {
width:150px;
}
a:focus {
outline:0 none;
}

#chart_body {
clear:both;
margin:0;
overflow:hidden;
padding:0;
}
table.chart {
border-bottom:0 none;
}
.chart th {
background-color:#DFDFDF;
color:#333333;
font-size:10pt;
padding:5px 10px;
}
.chart td {
background-color:#F5F5F5;
border-top:1px dotted #AAAAAA;
color:#333333;
font-size:10pt;
font-style:italic;
padding:5px 10px;
}
.chart a {
color:#333333;
}
.chart a:hover {
color:#DE6F00;
}

.chart_heading {
	background-color:#555555;
	color:#D8D8D8;
	position:relative;
}

.chart_title {
	background-color:#FA7D01;
	color:#FFFFFF;
	float:left;
	padding:10px;
	width: 400px;
}

.chart_title h1 {
	color:#FFFFFF;
	font-size:20pt;
	margin:0;
	padding:0;
}

.chart_title p {
	color:#F5F5F5;
	font-size:10pt;
	margin:5px 5px 5px 0;
	padding:0;
}

.chart_date_selector {
	background-color:#555555;
	color:#D8D8D8;
	font-size:10pt;
	padding:10px;
	float:left;
	width:400px;
}

.chart_date_selector p {
	color:#D8D8D8;
	font-size:10pt;
	margin:0;
	padding:4px 0;
}
.chart_date_selector a {
	color:#BBBBBB;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
}
.chart_date_selector a:hover {
	color:#EEEEEE;
	text-decoration:none;
}
.chart_date_selector a.selected {
	color:#FFFFFF;
	font-size:13pt;
}

table.chart_region_selector {
	color:#D8D8D8;
	font-size:10pt;
	padding:10px;
	float:right;
	text-align:center;
	width:200px;
}
.chart_region_selector td {
	text-align:center;
	font-size:12pt;
}
.chart_region_selector a {
	color:#BBBBBB;
	font-weight:bold;
	text-decoration:none;
}
.chart_region_selector a:hover {
	color:#EEEEEE;
	text-decoration:none;
}
.chart_region_selector a.selected {
	color:#FFFFFF;
}

.chart_date_selector select, input {
background-color:#717171;
border:1px solid #848484;
color:#E8E8E8;
font-family:Calibri,'Trebuchet MS';
font-size:10pt;
margin:2px;
padding:1px;
}
.chart_date_selector button {
background-color:#717171;
border:1px solid #848484;
color:#E8E8E8;
font-family:Calibri,'Trebuchet MS';
font-size:12pt;
margin:2px;
padding:3px;
}
#new_entry td {
background:none repeat scroll 0 0 #FFF0B6;
}
.chart a#selected {
color:#888888;
font-size:11pt;
}
.summary_year {
background-color:#686868;
color:#D8D8D8;
margin-bottom:10px;
}
.summary_year p {
float:left;
font-size:14pt;
margin:80px;
}
.summary_year_chart {
float:right;
width:450px;
}
th.header {
background-image:url("http://www.vgchartz.com/assets/images/small.gif");
background-position:left center;
background-repeat:no-repeat;
cursor:pointer;
padding-left:20px;
}
th.headerSortDown {
background-color:#686868;
background-image:url("http://www.vgchartz.com/assets/images/small_desc.gif");
color:#D8D8D8;
}
th.headerSortUp {
background-color:#686868;
background-image:url("http://www.vgchartz.com/assets/images/small_asc.gif");
color:#D8D8D8;
}
.boxart_wrap {
float:left;
margin:10px;
}
.game_total_sales {
background-color:#E97C00;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
line-height:34px;
margin-top:10px;
text-align:center;
width:100%;
}
.game_title_wrap {
float:left;
margin:10px;
width:490px;
}
.game_title_wrap h1 {
color:#444444;
font-size:30px;
font-weight:bold;
margin-bottom:10px;
margin-top:0;
}

div#game_left_sidebar {
	width: 250px;
	float: left;
}

div.pro_game_header {
	background: #f9f9f9;
	border: #888 1px solid;
	margin-bottom: 10px;
}

.pro_game_header h2 {
	background: #666;
	line-height: 26px;
	color: #fff;
	padding: 0 8px;
	margin: 0;
}

div.pro_game_header p {
	margin: 5px;
	font-size: 9pt;
	font-family: Calibri;
}

div#game_content {
	width: 700px;
	float: right;
	overflow: hidden;
}

ul#pro_game_menu {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	float: left;
	width: 100%;
	border-bottom: #666 1px solid;
}

#pro_game_menu li {
	position: relative;
	min-height: 1px;
	margin-right: 1px;
	float: left;	
	background: #ccc;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

#pro_game_menu li.selected {
	background: #666;
}

#pro_game_menu li a {
	color: #333;
}

#pro_game_menu li.selected a {
	color: #fff;
}

#page_pro h1 {
	padding: 0;
	margin: 0;
	line-height: 45px;
	color: #444;
}

table#pro_table  {
	width: 699px;
}

#pro_table th {
	padding: 5px;
	border-bottom: #aaa 1px solid;
	border-right: #aaa 1px solid;
	background: #ccc;
	margin:0;
	text-align: left;
}

#pro_table td {
	padding: 5px;
	border-bottom: #aaa 1px solid;
	border-right: #aaa 1px solid;
	margin:0;
}

li.ui-menu-item a.ui-corner-all {
	font-size: 8pt;
}

#hot_cheats .ui-tabs-selected {
	border-color: #aaa;
}

div.top_cheats_name {
	text-align: left;
	padding: 4px 5px 4px 10px;
	font-size: 12px;
	background: #e1e1e1;
	font-weight: bold;
}

div#gamezone_links {
	border:0;
	padding:0;
	margin:0;
	background:none;
	position:relative;
}

ul.gamezone_links_tabs {
	border:0;
	margin:0;
	padding:0;
	background:none;
	position:relative;
	left:75px;
}

#gamezone_links li {
	border:0;
	padding:0;
	margin:0 3px;
	background:#ccc;
	width:8px;
	height:8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#gamezone_links li.ui-tabs-selected {
	background:#888;
}

div#gamrfeed_links {
	border:0;
	padding:0;
	margin:0;
	background:none;
	position:relative;
}

ul.gamrfeed_links_tabs {
	border:0;
	margin:0;
	padding:0;
	background:none;
	position:relative;
	left:75px;
}

#gamrfeed_links li {
	border:0;
	padding:0;
	margin:0 3px;
	background:#ccc;
	width:8px;
	height:8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#gamrfeed_links li.ui-tabs-selected {
	background:#888;
}


/* ###################################################################################
FORUMS
################################################################################### */

.forum_filter {
    background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.forum_filterdrop {
    position: relative;
    display: inline-block;
    width: 100%;
}

.forum_filterdrop-content {
    display: none;
    margin: 0;
    position: relative;
    min-width: 180px;
    width: 50%;
    z-index: 1;
}

.forum_post#max-lines {
  display: block; /* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 2.4em;
  line-height: 1.2em;
}

.forum_filterdrop-content a {
    //background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
    text-decoration: none;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px 0 10px;
    background-color: #777;
    color:#FFFFFF;
    font-size:16px;
    font-style:normal;
    font-weight:bold;
}

.forum_filterdrop-content a:hover {
    background: #00ff00;
    background-color: #f1f1f1;
    color: #000000;
}

.forum_filter:hover .forum_filterdrop-content {
    display: block;
}

.forum_filter:hover .forum_filter {
    background-color: #3e8e41;
}






.forum_icon {
	float: left;
	margin: 8px;
}

.forum_post {
	float: left;
	width: 260px;
	margin: 3px 0;
	color:#656565;
	font-size: 10pt;
	font-weight: bold;
}

.forum_post a {
	color: #434343;
	text-decoration: none;
}

#forum {
	border-bottom:#eeeeee 1px solid;
}



/* ###################################################################################
USER REVIEW
################################################################################### */

.userreview_filter {
    background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.userreview_filterdrop {
    position: relative;
    display: inline-block;
}

.userreview_filterdrop-content {
    display: none;
    margin: 0;
    position: relative;
    min-width: 160px;
    width: 50%;
}


.userreview_filterdrop-content a {
    //background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
    text-decoration: none;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 10px;
    background-color: #777;
    color:#FFFFFF;
    font-size:16px;
    font-style:normal;
    font-weight:bold;
}

.userreview_filterdrop-content a:hover {
    background-color: #e0e0e0;
    color: #000000;
}

.userreview_filter:hover .userreview_filterdrop-content {
    display: block;
}

.userreview_filter:hover .userreview_filter {
    background-color: #3e8e41;
}


/* ###################################################################################
DB UPDATES
################################################################################### */

.dbupdates_filter {
    background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.dbupdates_filterdrop {
    position: relative;
    display: inline-block;
}

.dbupdates_filterdrop-content {
    display: none;
    margin: 0;
    position: relative;
    min-width: 160px;
    width: 50%;
}


.dbupdates_filterdrop-content a {
  //background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
  text-decoration: none;
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 0 0 0 10px;
  background-color: #777;
  color:#FFFFFF;
  font-size:16px;
  font-style:normal;
  font-weight:bold;
}

.dbupdates_filterdrop-content a:hover {
  background-color: #e0e0e0;
  color: #000000;
}

.dbupdates_filter:hover .dbupdates_filterdrop-content {
  display: block;
}

.dbupdates_filter:hover .dbupdates_filter {
  background-color: #3e8e41;
}

.dbupdates_updatetime {
  display: inline;
}

.dbupdates_updatetime .timehover {
  visibility: hidden;
  text-align: center;
  width: 120px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  
  position: absolute;
  z-index: 1;
}

.dbupdates_updatetime:hover .timehover {
  visibility: visible;
}

/* ###################################################################################
POPULAR GAMES
################################################################################### */

.dbpopular_filter {
    background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.dbpopular_filterdrop {
    position: relative;
    display: inline-block;
}

.dbpopular_filterdrop-content {
    display: none;
    margin: 0;
    position: relative;
    min-width: 160px;
    width: 50%;
}

.dbpopular_filterdrop-content a {
  //background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
  text-decoration: none;
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 0 0 0 10px;
  background-color: #777;
  color:#FFFFFF;
  font-size:16px;
  font-style:normal;
  font-weight:bold;
}

.dbpopular_filterdrop-content a:hover {
  background-color: #e0e0e0;
  color: #000000;
}

.dbpopular_filter:hover .dbpopular_filterdrop-content {
  display: block;
}

.dbpopular_filter:hover .dbpopular_filter {
  background-color: #3e8e41;
}

.dbpopular_updatetime {
  display: inline;
}

.dbpopular_updatetime .timehover {
  visibility: hidden;
  text-align: center;
  width: 120px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  
  position: absolute;
  z-index: 1;
}

.dbpopular_updatetime:hover .timehover {
  visibility: visible;
}

/* ###################################################################################
PL UPDATES
################################################################################### */

.plupdates_filter {
    background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
}

.plupdates_filterdrop {
    position: relative;
    display: inline-block;
}

.plupdates_filterdrop-content {
    display: none;
    margin: 0;
    position: relative;
    min-width: 160px;
    width: 50%;
}


.plupdates_filterdrop-content a {
  //background: url("http://hub.vgchartz.com/assets/images2/title-bar-bg.jpg") repeat scroll 0 0 transparent;
  text-decoration: none;
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 0 0 0 10px;
  background-color: #777;
  color:#FFFFFF;
  font-size:16px;
  font-style:normal;
  font-weight:bold;
}

.plupdates_filterdrop-content a:hover {
  background-color: #e0e0e0;
  color: #000000;
}

.plupdates_filter:hover .plupdates_filterdrop-content {
  display: block;
}

.plupdates_filter:hover .plupdates_filter {
  background-color: #3e8e41;
}

.plupdates_updatetime {
  display: inline;
}

.plupdates_updatetime .timehover {
  visibility: hidden;
  text-align: center;
  width: 120px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  
  position: absolute;
  z-index: 1;
}

.plupdates_updatetime:hover .timehover {
  visibility: visible;
}


/* ###################################################################################
GAMRREVIEW
################################################################################### */

#review-score-box2 h2 {
  text-align:center;
}

#review-score-box2 .overallscore {
  width: 100%;
  float: left;
  background: -webkit-linear-gradient(#333333, #000);
  background: -o-linear-gradient(#333333, #000);
  background: -moz-linear-gradient(#333333, #000);
  background: linear-gradient(#333333, #121212);
  color: #fff;
  font-size: 64px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  line-height:35px;
  table-layout:fixed;
}

#review-score-box2 .overallscore ul {
  white-space: nowrap;
  padding-left:5px;
  list-style:none;
  display: inline;
}

#review-score-box2 .overallscore li {
  list-style:none;
  display: inline;
}

#review-score-box2 .overallscore li.on {
  padding:3px;
  width:35px;
  content: url("http://www.vgchartz.com/images/vgclogo-on.png");
}

#review-score-box2 .overallscore li.off {
  padding:3px;
  width:35px;
  content: url("http://www.vgchartz.com/images/vgclogo-off.png");
}

#review-score-box2 h2 {
  font-size: 36px;
  text-decoration: none;
}

#review-score-box2 .score_circle {
  position:relative;
  margin:auto;
  width:150px;
  height:150px;
  background-color:#606060;
  border-radius:50%;
}

#review-score-box2 .score_arc {
  position:absolute;
  top:0;
  left:0;
  width:150px;
  height:150px;
  border-radius:50%;
  border:10px solid;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

#review-score-box2 .score_arc_cover {
  position:absolute;
  top:0;
  left:0;
  width:60px;
  height:60px;
  background-color: transparent;
}

.sub_hot_story {
	padding: 3px 0 3px 5px;	
	border-left: 8px solid #e1e1e1;
	margin: 2px 0 2px 0;
	background: #f6f6f6;
}

.sub_hot_story h2 {
	font-size: 13px;
	color: #434242;
	margin: 0;
	padding: 0;
}

.gamrreview_tabs_filter a {
	display: block;	
	padding: 0 10px;
	color: #535353;
	background: #d0d0d0;
	text-decoration: none;
	margin: 0;
	font-family: Calibri, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.gamrreview_tabs_filter .current {
	color: #fbfbfb;
	background: #696969;
}


.gamrreview_tabs_filter {
	margin: 2px 0 0 0;
	padding: 0 0 15px 0;
	min-height: 1px;
	list-style-type: none;
	font-size: 12px;
}

.gamrreview_tabs_filter li {
	float: left;
	line-height: 22px;
	height: 22px;
	font-family: Calibri;
	font-style: italic;
	padding-right: 1px;
}

.gamrreview_tabs_filter li.current {
	color: #fbfbfb;
}

.rss_icon {
	position: absolute;
	top: 7px;
	right: 7px;
}

#hot_cheats {
	font-family: Calibri, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: #fff;
	border: 0;
}

#hot_cheats .ui-corner-all {
	-moz-border-radius: 0;
	border-radius: 0;
}

#hot_cheats .ui-corner-top {
	-moz-border-radius: 0;
	border-radius: 0;
}

#hot_cheats .ui-tabs-nav {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#hot_cheats .ui-state-default a {
	color: #555;
	line-height: 10px;
	height: 10px;
	border: 0;
	font-weight: normal;
}

#hot_cheats .ui-state-active a {
	color: #fff;
	background: #666;
	border: 0;
}

#hot_cheats .ui-tabs-selected a {
	color: #fff;
	background: #666;
	border: 0;
}

.feature_3 {
	float: left;
	width: 216px;
	height: 124px;
	position: relative;
	margin-right: 1px;
	margin-bottom: 1px;
}

.feature_3 .featured_title_headline {
	font-family: Calibri, 'Trebuchet MS', Tahoma, Arial, san-serif;
	text-shadow: #222 2px 2px 2px;
	font-size: 15px;
	font-weight: bold;
	margin: 3px 0px 0 5px;
}

.featured_title_gradient {
	background: url(http://gamrreview.vgchartz.com/assets/images/featured_story/feature_story_gradient.png) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 122px;
	color: #fff;
	width: 100%;
}

.featured_title_subhead {
	font-size: 12px;
	font-style: italic;
	margin: 0 0 0 18px;
}

.feature_3 .featured_title_subhead {
	font-size: 11px;
	font-style: italic;
	margin: 0 0 0 5px;
}

.headline_wrap {
	position: absolute;
	bottom: 0;
	padding-bottom: 10px;	
}

.featured_story_type {
	padding: 0 14px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	display: inline;	
}

.review_type {
	background: #c62d21;
}

.handson_type {
	background: #1b47f6;
}

.mini_item {
	font-family: Calibri, 'Trebuchet MS', Arial, Helvetica, 'sans-serif';
	font-size:8pt;
	margin:5px 0 5px 3px;
	font-weight:bold;
	clear:both;
}

#latest_gf a {
	color:#666666;
}

#latest_n4g a {
	color:#3186c5;
}

#latest_gt a {
	color:#000000;
}

.latest_mini_wrap {
	width:215px;
	float:left;
	margin-right:2px;
}

/* ###################################################################################
NEWSDESK
################################################################################### */

div#newsdesk_links {
	border:0;
	padding:0;
	margin:0;
	background:none;
	position:relative;
}

ul.newsdesk_links_tabs {
	border:0;
	margin:0;
	padding:0;
	background:none;
	position:relative;
	left:185px;
}

#newsdesk_links li {
	border:0;
	padding:0;
	margin:0 3px;
	background:#ccc;
	width:8px;
	height:8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#newsdesk_links li.ui-tabs-selected {
	background:#888;
}

.news_icon {
	float: left;
	margin: 2px 5px;
	padding: 0px;
}

.news_post {
	float: left;
	margin: 3px 0;
	color:#656565;
	font-size: 10pt;
	font-weight: bold;
	padding:0px;
	font-family:Calibri,'Trebuchet MS';
}

.news_post a {
	color: #434343;
	text-decoration: none;
}

#news {
	border-bottom:#eeeeee 1px solid;
}

.ft_box {
	float: left;
	width: 216px;
	margin: 1px 0 0 0;
	height: 110px;
	position: relative;
	overflow: hidden;
	font-size: 14pt;
}

.ft_bg_wrap {
	height: 110px;
	margin-left:-220px;
	position: relative;
}

.ft_bg {
	height:120px;
	z-index:0;
}

.ft_text {
	position: absolute;
	bottom: 0px;
	margin:10px 15px;
	z-index:10;
	color: #fff;
	font-weight: bold;
	font-family: Calibri, 'Trebuchet MS', Tahoma, Arial, san-serif;
	text-shadow: #000 3px 3px 2px;
}

.ft_gradient {
	height: 100px;
	width: 100%;
	position:absolute;
	bottom:0;
	margin:0;
	padding:0;
	z-index:1;
	background: url(http://gamrreview.vgchartz.com/assets/images/featured_story/feature_story_gradient.png) repeat-x;
}

.ft_box:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.ft_comment_icon {
	background:url(http://e3.vgchartz.com/assets/images/comments-icon.png);
	position: absolute;
	right:10px;
	top:10px;
	width:28px;
	height:25px;
	text-align:center;
}

.ft_comment_icon span {
	color:#333;
	font-size:12px;
	width:28px;
	line-height:18px;
	font-weight:bold;
}

/* ###################################################################################
NEWS DATABASE
################################################################################### */

table.index_chart {
	border-bottom:0 none;
}
.index_chart th {
	background-color:#DFDFDF;
	color:#333333;
	font-size:10pt;
	padding:5px 10px;
}
.index_chart td {
	background-color:#F5F5F5;
	border-top:1px dotted #AAAAAA;
	color:#333333;
	font-size:10pt;
	padding:5px 10px;
}
.index_chart a {
	color:#333333;
}
.index_chart a:hover {
	color:#DE6F00;
}
.index_chart a:visited {
	color:#DE6F00;
}

.rt {
	text-align:right;
}

/* ###################################################################################
POLL LIST
################################################################################### */
.picframe#off {
  background-color:#ffffff;
  width: 100%;
  border-bottom:#ccc 1px dotted;
  padding: 10px 0;
}

.picframe#on {
  background-color:#f4f4f4;
  width: 100%;
  border-bottom:#ccc 1px dotted;
  padding: 10px 0;
}

/* ###################################################################################
LATEST ARTICLES
################################################################################### */

div#latest_articles {
	border-bottom:#ccc 1px dotted;
	margin-top:10px;
	width:300px;
}

.latest_article_wrap {
	width: 300px;
	border-bottom:#ccc 1px dotted;
	padding: 10px 0;
}

.latest_article_image {
	float: left;
	width: 100px;
	height: 68px;
	border: #333 1px solid;
	position: relative;
	overflow: hidden;
}

.comment_box{
    position: absolute;
    top: 3px;
    right: 0;
    background: url(../../articles_media/comments-icon.png) no-repeat center;
    height: 25px;
    width: 28px;
}

.comment_box div{
    text-align: center;
    padding-top: 2px;
}

.latest_article_text {
	float: left;
	width: 185px;
	color: #444;
	font-size: 12px;
	padding:0;
	margin-left: 10px;
}

.latest_article_text h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.byline {
	font-size: 11px;
	margin: 5px 0;
	font-style: italic;
}

div#latest_articles_page {
	border-bottom:#ccc 1px dotted;
	width:650px;
}

#latest_articles_page .latest_article_wrap {
	width: 650px;
}

#latest_articles_page .latest_article_image {
	width: 125px;
	height: 85px;
}

#latest_articles_page .latest_article_text {
	width: 510px;
	font-size: 14px;
}

#latest_articles_page .latest_article_text h2 {
	font-size: 20px;
}

#latest_articles_page .byline {
	font-size: 13px;
}

#results_box {
	background: #eee;
	width: 650px;
	position: relative;
	height: 50px;
}

#results_box_text {
	margin: 10px;
	padding: 0;
	float: left;
	line-height: 28px;
}

input#article_search {
	position: relative;
	float:right;
	margin-top: 11px;
	margin-right: 10px;
	padding-left: 5px;
	z-index: 20;
	height:20px;
	width: 70px;
	line-height: 16px;
	font-size: 14px;
	background: #fff;
	color: #000;
}

input#btn_submit {
	position: relative;
	float:right;
	margin-top: 11px;
	margin-right: 10px;
	padding-left: 5px;
	z-index: 20;
	height:24px;
	width: 75px;
	line-height: 16px;
	font-size: 14px;
	background: #999;
    font-weight: bold;
	color: #000;
}

select#page_jump {
	position: relative;
	float:left;
	margin-top: 11px;
	margin-left: 10px;
	padding-left: 2px;
	z-index: 20;
	height:24px;
	width: 90px;
	line-height: 16px;
	font-size: 13px;
	background: #fff;
	color: #000;
}

select#category_story {
	position: relative;
	float:left;
	margin-top: 11px;
	margin-left: 10px;
	padding-left: 2px;
	z-index: 20;
	height:24px;
	width: 90px;
	line-height: 16px;
	font-size: 13px;
	background: #fff;
	color: #000;
}

#list_body {
	clear:both;
	margin:0;
	overflow:hidden;
	padding:0;
}

#list_body ul {
	font-size:14px;
}

.story-front {
    border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px;
    box-shadow: 0 0 2px #333333;
    height: 172px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 641px;
}
.story-front img.picture_e {
    height: 172px;
    max-width: 641px;
}
.story-front-details {
    background: #333333; /* Old browsers */

    background: -moz-linear-gradient(top,  #333333 0%, #111111 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #333333 0%,#111111 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #333333 0%,#111111 100%); /* IE10+ */

    background: linear-gradient(top,  #333333 0%,#111111 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */


    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    min-height: 64px;
    padding: 14px 120px 8px 20px;
    position: absolute;
    width: 510px;
    z-index: 9998;
}
.story-front-details h1 {
    color: #FFFFFF;
    font-size: 24px;
    padding-top: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #302121;
}
.story-front .author {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    bottom: 20px;
    position: absolute;
    right: 20px;
    z-index: 9999;
}
#review-score-box .overall{
    width: 160px; float: left; background: -webkit-linear-gradient(#333333, #000);
    background: -o-linear-gradient(#333333, #000);
    background: -moz-linear-gradient(#333333, #000);
    background: linear-gradient(#333333, #121212);
    height: 150px;
    line-height: 150px;
    color:#fff;
    font-size: 64px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}
#review-score-box .breakdown{
    width: 450px;
    float: left;
    font-size: 20px;
    line-height: 50px;
    border-bottom: dashed 1px #121212;
    margin-left: 15px;
}
#review-score-box .breakdown label{
    color:#FA7C01;
    font-weight: bold;
    float: left;
    width: 395px;
}
#review-score-box h2{
    font-size: 36px;
    text-decoration: none;
}
#review-score-box h3{
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
}
#review-score-box .pros, #review-score-box .cons{
    width: 50%;
    float: left;
}
#review-score-box.proscons .breakdown{
    font-size: 16px;
    width: 96%;
}
#review-score-box.proscons .breakdown label{
    width: auto;
}
#review-score-box .cons .breakdown label{
    color: #444444;
}
#review-score-box .proscons{
    font-size: 26px;
    font-weight: bold;
    width: 35px;
    float: left;
}
/* Ribbon */
.ribbon-container {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.ribbon-container img {
    vertical-align: middle;
}
.ribbon {
    position: absolute;
    bottom: 1em;
    left: 0;
    margin-right: 1em;
    padding: .75em 1.25em .75em .75em;
    border-radius: 0 .5em .5em 0;
    background-color: #eE8F20;
    background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%);
    box-shadow: inset 0 .062em 0 rgba(255,255,255,.6), 0 .125em .25em rgba(0,0,0,.2);
    color: #fff;
    text-shadow: 0 -.062em 0 rgba(0,0,0,.2);
    white-space: nowrap;
    transition: background-color .2s ease-in-out;
    font-size:16px;
}
.ribbon:before,
.ribbon:after {
    position: absolute;
    background-color: inherit;
    content: "";
}
.ribbon:before {
    bottom: 0;
    left: -.5em;
    width: .5em;
    height: 3em;
    border-radius: 0 0 0 .5em;
    background-image: linear-gradient(to right, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
}
.ribbon:after {
    top: -1em;
    left: -.5em;
    width: .5em;
    height: 1em;
    border-radius: .5em 0 0 .5em;
    background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
    box-shadow: 0 .062em 0 rgba(255,255,255,.6);
}
.ribbon-container:hover .ribbon {
    background-color: #7acc29;
}
a.ribbon-container:hover, .ribbon-header a:hover{
    text-decoration: none;
}
.ribbon-div{
    width:320px;
    height:172px;
 }
.ribbon-header h3{
    display: block;
    background: #333333;
    color: #fff;
    padding: 10px;
    margin:0;
    font-weight: bold;
}
.social-icon{
    position:absolute;
    top:80px;
}
.social-icon.google-plus{
    right: 15px;
}
.social-icon.facebook{
    right: 45px;
}.social-icon.twitter{
    right: 75px;
}.social-icon.feed{
    right: 105px;
}

td.gradBG {
  background-image:url(../imgs/bodyFooter.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  border-top: 1px solid #999999;
}


//Universal Page Navigation
pageNavLinkGroup {
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    font-size: 11px;
    margin: 10px 0;
    line-height: 16px;
}

.PageNav{
  font-size:11px;
  padding:10px 20px;
  overflow:hidden;
  zoom:1;
  line-height:16px;
  word-wrap:normal;
  min-width:150px;
  white-space:nowrap;
  margin-bottom: -.5em;
  width:400px;
}

PageNav pn5 {
  float:right;
}
 
.PageNav.hidden{
  display:none;
}

.PageNav .pageNavHeader, .PageNav a, .PageNav.scrollable{
  display:block;
  float:left;
  margin-right:3px;
  margin-bottom: .5em;
}

.PageNav .pageNavHeader{
  padding:1px 0;
}

.PageNav a{
  color:#000000;
  text-decoration:none;
  background-color:rgb(255, 253, 253);
  border:1px solid #42c011;
  border-radius:3px;
  text-align:center;
  width:19px;
}

.PageNav a[rel=start]{
  width:19px !important;
}

.PageNav a.text{
  width:auto !important;
  padding:0 4px;
}

.PageNav a.currentPage{
  color:rgb(255,255,255);
  background-color:#45ae18;
  border-color:rgb(42,76,147);
  position:relative;
}

a.PageNavPrev, a.PageNavNext{
  color:rgb(20,20,20);
  background-color:transparent;
  padding:1px;
  border:1px none black;
  cursor:pointer;
  width:19px !important;
}

.PageNav a:hover, .PageNav a:focus{
  color:rgb(255, 255, 255);
  text-decoration:none;
  background-color:#45ae18;
  border-color:rgb(42, 76, 147);
}

.PageNav a.distinct{
  margin-left:3px;
}

.PageNav .scrollable{
  position:relative;
  overflow:hidden;
  width:117px;
  height:18px;
}

.PageNav .scrollable .items{
  display:block;
  width:20000em;
  position:absolute;
  display:block;
}

.PageNav .gt999{
  font-size:9px;
  letter-spacing: -0.05em;
}

.PageNav.pn0 a{
  width:17px;
}

.PageNav.pn0 .scrollable{
  width:0px;
}

.PageNav.pn1 a{
  width:21px;
}

.PageNav.pn1 .scrollable{
  width:26px;
}

.PageNav.pn2 a{
  width:25px;
}

.PageNav.pn2 .scrollable{
  width:60px;
}

.PageNav.pn3 a{
  width:29px;
}

.PageNav.pn3 .scrollable{
  width:102px;
}

.PageNav.pn4 a{
  width:29px;
}

.PageNav.pn4 .scrollable{
  width:136px;
}

.PageNav.pn5 a{
  width:29px;
}

.PageNav.pn5 .scrollable{
  width:170px;
}

.PageNav.pn6 a{
  width:33px;
}

.PageNav.pn6 .scrollable{
  width:187px;
}

.PageNav.pn7 a{
  width:37px;
}

.PageNav.pn7 .scrollable{
  width:207px;
}

@media (max-width:610px){
  .Responsive .PageNav
  .pageNavHeader{
    display:none
  }
}

@media (max-width:480px){.Responsive .PageNav}