/*
Charts page stylesheet for MCV
Version 1.1
Colours:

*/

#content								{ position: relative; }

div#charts-inner						{ overflow:hidden;margin:0; }
div#charts-contain h2					{ font-size:1.2em; }

.platform p								{ font-size:1.2em;text-align:center;}

table.retailbiz							{ width:640px;}
table.retailbiz tr.charthead			{ }
table.retailbiz th, td.retailbiz		{ background:#ccc;border-right:1px solid #fff;color:#fff;font-weight:bold;padding:5px 10px;margin-bottom:10px; }
table.retailbiz th						{ background:#1a1a1a;}
td.retailbiz							{ background:#1a1a1a; }
th.title2								{ text-align:right; }
table.retailbiz th.position				{ width:8%;border-right:1px solid #fff; }
th.title1 								{ width:60%;border-right:1px solid #fff;}
th.title2								{ width:26%;}
table.retailbiz tr td					{ padding:10px; }
td.col1 								{ font-weight: bold; color: #000000; background: transparent url(/assets/images/chart-up.png) no-repeat 30px center; }
td.chart-up 							{ background-image: url(/assets/images/chart-up.png) !important; }
td.chart-down 							{ background-image: url(/assets/images/chart-down.png) !important; }
td.chart-stall 							{ background-image: url(/assets/images/chart-stall.png) !important; }
tr.number-one td 						{ vertical-align: top; }
tr.number-one td.col1, table.dvd-retail-chart tr.number-one td.col1 { height: 55px; background: #A00709 url(/assets/images/number-one-corner.png) no-repeat bottom left; color: #ffffff; text-align: center; vertical-align: middle; font-size: 2.5em; font-weight: bold;}
td.col1	div, td.col2 div				{ width:20px;padding:1px 0;background:#a00709;color:#fff;text-align:center;font-weight:bold;}
table.retailbiz tr td.col2 div			{ background:none; color:#666; }
td.publisher							{ text-align:right; }
td.col1, td.col2, td.gametitle, td.format, td.publisher	{ border-right:1px solid #fff; }
td.col2									{ text-align:center; }
td.gametitle							{ color:#1a1a1a; font-weight:bold; }
td.gametitle span						{ color:#666; font-weight:normal; font-size:0.9em;}
.chart-name 							{ margin-bottom:2px;padding:5px 0;background:#a00709; display:block;color:#fff;font-weight:bold; padding-left:10px;font-size:1.2em;}
.chart-name span 						{ font-weight: normal; font-size: 0.9em; }
table.retailbiz tr:nth-child(even)		{ background: #fff; }
table.retailbiz tr:nth-child(odd) 		{ background: #e6e6e6; }
table.retailbiz tr.number-one td.gametitle,
table.retailbiz tr.number-one td.publish { font-size:1.4em;}
table.retailbiz tr.number-one td.gametitle span	{display:block;font-size:0.7em;}
.releasedate							{ border-right:none; text-align:right; white-space: nowrap; }
table#games-releasedates .publisher		{ text-align:left;}
table#games-releasedates td.publisher	{ font-weight:bold; }
.store									{ background:#000;color:#fff;font-weight:bold; }
table#pricecheck th.br, table#pricecheck td.br { border-right:1px solid #fff; }
.areas, table#pricecheck th.areas		{ background:#ccc; border-right:1px solid #fff;color:#000;}
table.dvd-retail-chart td.col1          { background: none; }
#chartstabs								{clear:both; border-bottom: 2px solid #a00709; margin: 0 0 3px;}
#chartstabs li							{float: left;}
#chartstabs li a						{background: #e2e2e2; border-right: 1px solid #f2f2f2; color: #1a1a1a; display: block; padding: 0 6px; height: 1.9em; line-height: 1.9em; float: left; font-size: 1em; font-weight: bold;}
#chartstabs li.activetab a, #chartstabs li a:hover 	{background: #a00709; color:#fff;border-right: 1px solid #fff;}

#bestseller-contain						{ background:url(/assets/images/bestseller-bg.png) left top repeat-y; display:block; overflow:hidden; padding:0 10px 10px 10px;border-bottom:10px solid #e6e6e6;}
#content h2#bestseller					{ background:#e6e6e6; margin:0;padding:10px 0 10px 10px;font-size:1.1em;}
.bestseller								{ width:100px;padding:10px 12px 0 12px;float:left;font-weight:bold;color:#1a1a1a;}
.bestseller	p 							{ margin: 0; }
.bestseller	p a							{ color: #000000; }
.bestseller	p span, .bestseller	p span a{ display:block; color: #00529F; }
.bestseller img							{ margin:0 auto 5px auto;}

.chartfoot								{ background:#e6e6e6;padding:5px; }

h1 span 								{font-size: 0.6em; font-weight: normal;}

#charts-contain 						{position: relative;}
#chart-sources 							{position: absolute; top: -47px; right: 0;}
a.ukie 									{display: block; width: 100px; height: 40px; background: transparent url(/assets/images/ukie-logo.png) no-repeat top left; text-indent: -999em; overflow: hidden;}
a.gfk 									{display: block; width: 100px; height: 21px; background: transparent url(/assets/images/gfk-chart-track-logo.png) no-repeat top left; text-indent: -999em; overflow: hidden;}
a.shopto								{display: block; width: 118px; height: 36px; background: transparent url(/assets/images/logo-shopto.gif) no-repeat top left; text-indent: -999em; overflow: hidden;}
a.occ                                   {display: block; float:right; margin-left:25px; width: 127px; height: 40px; background: transparent url(/assets/images/occ-logo.jpg) no-repeat top left; text-indent: -999em; overflow: hidden;}


a.mse                                   {display: block; float:right; width: 87px; height: 40px; background: transparent url(/assets/images/mse-logo.gif) no-repeat top left; text-indent: -999em; overflow: hidden;}