/*
 * Copyright (c) 2006 TELUS Communications Inc.,
 *
 * All Rights Reserved.
 * This document contains proprietary information that shall be
 * distributed or routed only within TELUS, and its authorized
 * clients, except with written permission of TELUS.
 *
 * Games vertical specific rules.
 *
 * 1. Headings.
 * 2. Games specific elements.
 * 3. Game fact sheets and test results.
 */


/**
 * 1. Headings.
 */
#content .main h1 {
	background-color:#6d3288 !important;
}
#content .sub h1 {
	background-color:#ceaff2;
}
#most_popular h1,
#editors_blog h1,
#question_of_the_day h1 {
	height:38px;
	background-color:transparent !important;
	background-position:18px 10px;
}

#news h1 { background-image:url(images/games/fr/headings/news.gif); }
body.en #news h1 { background-image:url(images/games/en/headings/news.gif); }
#news.one h1 { background-image:url(images/games/fr/headings/in_the_news.gif); }
body.en #news.one h1 { background-image:url(images/games/en/headings/in_the_news.gif); }
body.homepage #news h1 { background-color:transparent;background-image:url(images/games/fr/headings/news_alt.gif); }
body.homepage.en #news h1 { background-color:transparent;background-image:url(images/games/en/headings/news_alt.gif); }
body.homepage #latest_reviews_and_previews h1 { background-color:transparent;background-image:url(images/games/fr/headings/latest_reviews_and_previews.gif); }
body.homepage.en #latest_reviews_and_previews h1 { background-color:transparent;background-image:url(images/games/en/headings/latest_reviews_and_previews.gif); }


#top_10 h1 { background-image:url(images/games/fr/headings/top_10.gif); }
#previews h1 { background-image:url(images/games/fr/headings/previews.gif); }

#reviews_and_previews h1 { background-image:url(images/games/fr/headings/reviews_and_previews.gif); }
body.en #reviews_and_previews h1 { background-image:url(images/games/en/headings/reviews_and_previews.gif); }

#coming_soon h1 { background-image:url(images/games/fr/headings/coming_soon.gif); }
body.en #coming_soon h1 { background-image:url(images/games/en/headings/coming_soon.gif); }

#new_releases h1 { background-image:url(images/games/fr/headings/new_releases.gif); }
body.en #new_releases h1 { background-image:url(images/games/en/headings/new_releases.gif); }

#game_fact_sheets h1 { background-image:url(images/games/fr/headings/game_fact_sheets.gif); }
body.en #game_fact_sheets h1 { background-image:url(images/games/en/headings/game_fact_sheets.gif); }

#game_fact_sheets_2 h1 { background-image:url(images/games/fr/headings/game_fact_sheets.gif); }
#special_stories h1 { background-image:url(images/games/fr/headings/special_stories.gif); }
#related_news h1 { background-image:url(images/games/fr/headings/related_news.gif); }
body.en #related_news h1 { background-image:url(images/games/en/headings/related_news.gif); }
#related_special_stories h1 { background-image:url(images/games/fr/headings/related_special_stories.gif); }

#most_popular h1 { background-image:url(images/games/fr/headings/most_popular.gif); }
#editors_blog h1 { background-image:url(images/games/fr/headings/editors_blog.gif); }
#question_of_the_day h1 { background-image:url(images/games/fr/headings/question_of_the_day.gif); }
body.homepage #editors_blog h1 { background-image:url(images/games/fr/headings/editors_blog_homepage.gif); }
body.en #most_popular h1 { background-image:url(images/games/en/headings/most_popular.gif); }
body.en #editors_blog h1 { background-image:url(images/games/en/headings/editors_blog.gif); }
body.en #question_of_the_day h1 { background-image:url(images/games/en/headings/question_of_the_day.gif); }
body.homepage.en #editors_blog h1 { background-image:url(images/games/en/headings/editors_blog_homepage.gif); }


#similar_games h1 { background-image:url(images/games/fr/headings/similar_games.gif); }
#also_available h1 { background-image:url(images/games/fr/headings/also_available.gif); }
body.en #similar_games h1 { background-image:url(images/games/en/headings/similar_games.gif); }
body.en #also_available h1 { background-image:url(images/games/en/headings/also_available.gif); }


/* homepage */
#content .main #play_games_online h1,
#content .main #download_games h1,
#content .sub #news_and_reviews h1 {
	background-color:#1b1b1b;
}
#play_games_online h1 { background-color:#1b1b1b !important; background-image:url(images/games/fr/headings/play_games_online.gif); }
#download_games h1 { background-color:#1b1b1b !important; background-image:url(images/games/fr/headings/download_games.gif); }
#news_and_reviews h1 { background-image:url(images/games/fr/headings/news_and_reviews.gif); }
#free_demos_of_online_games h1 { background-image:url(images/games/fr/headings/free_demos_of_online_games.gif); }
#featured_downloadable_games h1 { background-image:url(images/games/fr/headings/featured_downloadable_games.gif); }
#online_games_top_10 h1 { background-image:url(images/games/fr/headings/online_games_top_10.gif); }
#download_games_top_10 h1 { background-image:url(images/games/fr/headings/download_games_top_10.gif); }
#online_games_new_releases h1 { background-image:url(images/games/fr/headings/online_games_new_releases.gif); }
#download_games_new_releases h1 { background-image:url(images/games/fr/headings/download_games_new_releases.gif); }
body.en #play_games_online h1 { background-color:#1b1b1b !important; background-image:url(images/games/en/headings/play_games_online.gif); }
body.en #download_games h1 { background-color:#1b1b1b !important; background-image:url(images/games/en/headings/download_games.gif); }
body.en #news_and_reviews h1 { background-image:url(images/games/en/headings/news_and_reviews.gif); }
body.en #free_demos_of_online_games h1 { background-image:url(images/games/en/headings/free_demos_of_online_games.gif); }
body.en #featured_downloadable_games h1 { background-image:url(images/games/en/headings/featured_downloadable_games.gif); }
body.en #online_games_top_10 h1 { background-image:url(images/games/en/headings/online_games_top_10.gif); }
body.en #download_games_top_10 h1 { background-image:url(images/games/en/headings/download_games_top_10.gif); }
body.en #online_games_new_releases h1 { background-image:url(images/games/en/headings/online_games_new_releases.gif); }
body.en #download_games_new_releases h1 { background-image:url(images/games/en/headings/download_games_new_releases.gif); }
body.homepage .intro {
	font-size:11px;
	background:#dedede;
	padding:5px 18px;
	margin:0;
}
body.homepage #free_demos_of_online_games .wrapper p {
	float:left;
	width:98px;
	margin:0;
}
body.homepage #featured_downloadable_games .wrapper p {
	float:left;
	width:145px;
	margin:0;
}
body.homepage #free_demos_of_online_games .wrapper,
body.homepage #featured_downloadable_games .wrapper {
	margin:18px 0;
}
body.homepage #free_demos_of_online_games .wrapper img,
body.homepage #featured_downloadable_games .wrapper img {
	margin-bottom:3px;
}


h2.alt { /* games sometimes use specific styled heading */
	margin:0;
	padding:0;
	height:36px;
	font-size:9px;
	overflow:hidden;
	text-indent:-1000em;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:18px 14px;
}
#game_fact_sheets h2.alt {
	height:21px;
	background-color:#ececec;
	background-position:18px 3px;
	border:0;
}
h2#description { background-image:url(images/games/fr/headings/description_2.gif); }
h2#reviews_and_previews { background-image:url(images/games/fr/headings/reviews_and_previews_2.gif); }
h2#previews { background-image:url(images/games/fr/headings/previews_2.gif); }
h2#latest_news { background-image:url(images/games/fr/headings/latest_news_2.gif); }
h2#game_images { background-image:url(images/games/fr/headings/game_images_2.gif); }
h2#test_results { background-image:url(images/games/fr/headings/test_results_2.gif); }
h2#positive_points { background-image:url(images/games/fr/headings/positive_points_2.gif); }
h2#negative_points { background-image:url(images/games/fr/headings/negative_points_2.gif); }
body.en h2#positive_points { background-image:url(images/games/en/headings/positive_points_2.gif); }
body.en h2#negative_points { background-image:url(images/games/en/headings/negative_points_2.gif); }
h2#all_reviews_and_previews { background-image:url(images/games/fr/headings/all_reviews_and_previews.gif); }
h2#all_previews { background-image:url(images/games/fr/headings/all_previews.gif); }
h2#archives { background-image:url(images/games/fr/headings/archives.gif); }
h2#all_news { background-image:url(images/games/fr/headings/all_news.gif); }
body.en h2#all_news { background-image:url(images/games/en/headings/all_news.gif); }
h2#all_special_stories { background-image:url(images/games/fr/headings/all_special_stories.gif); }
/* 4-2-1 en pages have alternative background color in content headings */
body.en h2#related_news { background-color:#c5a7f1; background-image:url(images/games/en/headings/related_news.gif); }
body.en h2#review { background-color:#c5a7f1; background-image:url(images/games/en/headings/review.gif); }
body.en h2.trans#review { background-color:transparent; }
body.en h2#images { background-color:#c5a7f1; background-image:url(images/games/en/headings/images.gif); }


/**
 * 2. Games specific elements.
 */
body.en .lines #reviews_and_previews {
	background:#fff url(images/bg_content.jpg) repeat-y top left;
}
body.en .lines #reviews_and_previews h1,
body.en .lines #reviews_and_previews p.contents {
	margin-right:4px;
}
/* news images are align right */
#content #news img.item {
	float:right;
	margin-bottom:13px;
	margin-left:14px;
}
body.homepage ol li {
	margin-left:5px;
	margin-right:18px;
}
#pre_content {
/*	background:#8e56ac; */
    background:#965fb4;
}
body.homepage #content .main .tabbutton {
	margin:0;
}
body.homepage #content .main .tabbutton_wrapper {
	padding-left:3px;
}
body.homepage #play_games_online img {
	border:0;
}
body.homepage #play_games_online .tab_visible {
	padding-top:18px;
	background:#fff;
	padding:18px 6px;
}
body.homepage #play_games_online .tab_visible img {
	float:left;
	margin-right:18px;
}
/* We reserve two lines for the first titles (always align) on games homepage. */
#in_the_news .wrapper.first h2,
#content table.ranking .first h2 {
	height:2em;
}
#content a.platform img {
	border:0;
}
div.rating,
p.rating {
	margin:0;
	float:right;
	text-align:center;
	color:#fff;
	width:107px;
	height:107px;
	padding-top:10px;
	margin-left:18px !important;
	background:transparent url(images/bg_rating.jpg) no-repeat top left;
}
p.rating.alt {
	background-image:url(images/bg_rating_2.jpg);
}
div.rating .digits,
p.rating .digits{
	display:block;
	margin-top:18px;
	line-height:48px;
	font-size:48px;
}

/**
 * 3. Game fact sheets and test results special display.
 */
#game_fact_sheets .results .rating {
	float:left;
	margin-left:0;
}
#game_fact_sheets td.rating {
	text-align:center;
}
#game_fact_sheets .presentation {
	text-align:center;
	background:transparent url(images/bg_presentation.jpg) no-repeat top center;
	padding:22px 0;
}
#game_fact_sheets .presentation img {
	margin:0 8px;
}
#game_fact_sheets .percent_score {
	width:135px;
	float:right;
	text-align:right;
}
#game_fact_sheets .percent {
	font-size:6px;
	float:left;
	height:10px;
	width:100px;
	margin:0;
	margin-top:3px;
	border:1px solid #a051b6;
	background:#e8bdf3 url(images/bg_results_percent.jpg) repeat-x top left;
}
#game_fact_sheets .score {
	float:left;
	height:10px;
	border:0;
	background:#c79ad4 url(images/bg_results_score.jpg) repeat-x top left;
}
#game_fact_sheets .results {
	clear:both;
	float:left;
	width:390px;
	height:200px;
	background:transparent url(images/bg_results.jpg) no-repeat bottom left;
}
body.en #content.game_fact_sheets {
	background-image:url(images/bg_content_game_fact_sheets_en.jpg);
}
body.en #game_fact_sheets .points {
	padding-bottom:6px;
	margin-bottom:18px;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	background:transparent url(images/bg_points_en.jpg) repeat-y top left;
    clear: right;
}
body.en #game_fact_sheets .thumbnails .wrapper {
	margin-top:18px;
}
body.en #game_fact_sheets .thumbnails img {
	margin-bottom:18px;
}
body.en #game_fact_sheets .wrapper {
	;
}
body.en #game_fact_sheets .points .one,
body.en #game_fact_sheets .points .two {
	width:220px;
}
body.en #game_fact_sheets .one {
	clear:both;
}
body.fr #game_fact_sheets .points {
	float:right;
	width:280px;
	min-height:200px;
	background:transparent url(images/bg_points.jpg) no-repeat bottom right;
    clear: right;
    padding-bottom: 10px;
}
#game_fact_sheets .points li {
	margin-left:2px;
}
#game_fact_sheets .results ul {
	width:260px;
	float:left;
	margin-top:3px;
	background:none;
	font-weight:bold;
	list-style-type:none;
}
#game_fact_sheets .results ul li {
	background-image:none;
	padding:1px 18px;
}
#game_fact_sheets .thumbnails img {
	margin-right:3px;
}
body.en #game_fact_sheets .one {
	width:444px;
	float:left;
}
body.en #game_fact_sheets .two {
	width:225px;
	float:right;
}
body.en #game_fact_sheets .thumbnails {
	text-align:center;
}
#game_fact_sheets_detail_tests[id] {
	padding-top:18px;
}
#esbr_guide {
	clear:both;
	color:#fff;
	width:339px;
	font-size:11px;
	padding-bottom:19px;
	position:absolute;
	display:none;
	background:transparent url(images/bg_esbr_guide_bottom.gif) no-repeat bottom left;
}
#content #esbr_guide h1 {
	height:18px;
	padding:0 8px;
	line-height:18px;
	font-weight:bold;
	font-size:11px;
	background:#7a4597 url(images/bg_esbr_guide_top.jpg) no-repeat top left;
}
#content #esbr_guide .wrapper {
	margin:0;
	height:90px;
	padding:0 8px;
	overflow:auto;
	background:#7a4597 url(images/bg_esbr_guide.jpg) repeat-y top left;

	scrollbar-face-color:#a484c5;
	scrollbar-shadow-color:#8d65b6;
	scrollbar-highlight-color:#c9b6dc;
	scrollbar-3dlight-color:#cdb9d8;
	scrollbar-darkshadow-color:#a687c6;
	scrollbar-track-color:#7a4597;
	scrollbar-arrow-color:#fff;
}
#game_fact_sheets .tabbutton_on a,
#game_fact_sheets .tabbutton_on a:visited {
	color:#9655a5;
}
