﻿
/********************/
/* MAIN PAGE STYLES */
/********************/


#leaderboard-banner
{
	background: none;
	padding-bottom: 0;
}


/********************/
/* MAIN AREA STYLES */
/********************/


.game-main
{
	width: 650px;
	height: 250px;

	background: #000000 url( 'immagini/bg-game-main.png') repeat-x top left;
}
.game-main .game-img
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.game-main .game-main-menu
{
	position: absolute;
	z-index: 3;

	width: 105px;
	height: 250px;

	background: #000000;
}
.game-main .game-main-menu li
{
	width: 105px;
	height: 24px;
	top: 5px;

	text-align: right;
}
.game-main .game-main-menu li a
{
	display: block;
	position: relative;

	height: 22px;
	padding-right: 15px;
	background: url( 'immagini/bg-game-main-link.gif' ) no-repeat center right;

	color: #ecff99;
	font-weight: bold;
	line-height: 22px;
}
.game-main .game-main-menu li a.selected
{
	color: #000000;
	background: #f1f9cc url( 'immagini/bg-game-main-link-hover.gif' ) no-repeat center right;
}
.game-main .highlight-background
{
	position: absolute;
	width: 105px;
	height: 250px;
	z-index: 2;
	top: 0;
	background: #000000;
}
.game-main .game-info
{
	position: absolute;
	float: right;
	right: 0px;
	top: 5px;
	z-index: 4;
	width: 210px;
	height: 193px;
}
.game-main .game-info .datasheet li
{
	width: 200px;
	left: 10px;
	padding-bottom: 5px;
}
.game-main .game-info .datasheet li strong, .game-main .game-info li span
{
	display: block;
}
.game-main .game-info .datasheet li span
{
	color: #cccccc;
}
.game-main .game-info .datasheet li strong
{
	color: #ffffff;
}
.game-main .game-info .available-list
{
	position: absolute;
	width: 200px;
	left: 10px;
	bottom: 5px;
}
.game-main .game-info .available-list a
{
	font-weight: bold;
	padding-right: 7px;
}
.game-main .game-feed
{
	height: 18px;
	position: absolute;
	z-index: 5;
	top: 10px;
	right: 25px;
	padding: 0px;
	height: 18px;

	background: url( 'immagini/icon-game-feed.png' ) no-repeat center left;
}
.game-main .game-feed a
{
	display: block;
	position: relative;
	width: 35px;
	height: 18px;
	float: left;
	left: 20px;

	font-size: 9px;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1em;
}
.game-main .game-rate
{
	position: absolute;
	z-index: 6;
	width: 200px;
	height: 50px;

	padding: 0;
	right: 0;
	bottom: 0;

	color: #ecff99;
}
.game-main .game-rate span, .game-main .game-rate strong
{
	position: absolute;
	display: block;
}
.game-main .game-rate strong
{
	right: 5px;
	top: 0px;
	line-height: 50px;
	font-size: 34px;
}
.game-main .game-rate span
{
	bottom: 10px;
	font-style: italic;
}
.game-main .game-rate span.title
{
	color: #ffffff;
	font-style: normal;
	top: 5px;
}

/****************************/
/* WAITING VOTES BOX STYLES */
/****************************/


.waiting-votes-box
{
	width: 300px;
	height: 135px;

	padding:0;

	background: url( 'immagini/bg-users-votes-box.png' ) repeat-x top left;
}

.waiting-votes-box strong
{
	font-size:16px;

	margin-left:10px;
	line-height:40px;

	color: #ffea7f;
}

.waiting-votes-box .yes,
.waiting-votes-box .no
{
    float:left;
}
.waiting-votes-box .yes { margin:0px 15px 0 40px; }
.waiting-votes-box .no { margin:0px 0px 0 15px; }
.waiting-votes-box .yes img,
.waiting-votes-box .no img
{
    border:0;
    width:91px;
    height:53px;
}
.waiting-votes-box .yes strong
{
    color:#90A52E;
    line-height:30px;
    font-size:15px;
}
.waiting-votes-box .no strong
{
    color:#B01C1C;
    line-height:30px;
    font-size:15px;
}
.waiting-votes-box p.voted
{
    width:300px;

    margin-top:15px;

    font-size:18px;
    font-weight:bold;

    text-align:center;
    color:#c73d26;
}
.waiting-votes-box p.voted span.green
{
    color:#9aae39;
}


/**************************/
/* USERS VOTES BOX STYLES */
/**************************/


.users-votes-box
{
	width: 300px;
	height: 135px;

	background: url( 'immagini/bg-users-votes-box.png' ) repeat-x top left;
}
.users-votes-box ul
{
	width: 280px;
	left: 10px;
}
.users-votes-box ul li
{
	width: 280px;
}
.users-votes-box ul li.users-votes
{
	height: 50px;
	background: url( 'immagini/bg-users-votes-frame.gif' ) no-repeat 100px 0px;
}
.users-votes-box ul li.user-personal-vote
{
	height: 50px;
	background: url( 'immagini/bg-users-personal-votes-frame.gif' ) no-repeat 100px 0px;
}
.users-votes-box ul li.no-votes
{
    background:none;
}
.users-votes-box ul li.users-votes strong,
.users-votes-box ul li.users-votes span,
.users-votes-box ul li.user-personal-vote strong,
.users-votes-box ul li.user-personal-vote span
{
	position: relative;
	height: 50px;
	padding: 0;

	line-height: 50px;
	color: #ffea7f;
}
.users-votes-box ul li.user-personal-vote strong,
.users-votes-box ul li.user-personal-vote span
{
    color:#cccccc;
}
.users-votes-box ul li.users-votes strong,
.users-votes-box ul li.user-personal-vote strong
{
	float: left;
	font-size: 16px;
}
.users-votes-box ul li.no-votes strong,
.users-votes-box ul li.user-personal-vote strong
{
    font-size:14px;
}
.users-votes-box ul li.users-votes span,
.users-votes-box ul li.user-personal-vote span
{
	float: right;
	right: 0;
	top: 0;
	width: 177px;
	background: url( 'immagini/bg-users-votes-bar.gif' ) no-repeat 0px 0px;

	font-size: 15px;
	font-weight: bold;
	text-align: right;
}
.users-votes-box ul li.user-personal-vote span
{
    font-size:16px;
    background: url( 'immagini/bg-users-personal-votes-bar.gif' ) no-repeat 0px 0px;
}
.users-votes-box ul li.user-vote
{
	height: 75px;
}
.users-votes-box .users-votes-waiting { padding:4px; }
.users-votes-box .users-votes-waiting strong
{
    font-size: 16px;
    position:relative;
	height:50px;
	padding:0;

	line-height:50px;
	color:White;
}
.users-votes-box .users-votes-waiting p
{
    color:White;
}
.users-votes-box ul li.user-vote img.btn
{
	margin-top:15px;
}
.users-votes-box ul li.user-vote input
{
	border:0;
	padding:1px;
	text-align:center;

	background-color:Transparent;
	color:#cccccc;
	font-size:12pt;
	font-weight:bold;

	width:30px;
	margin-left:15px;
}
.users-votes-box ul li.user-vote fieldset
{
	width: 280px;
	height: 75px;
}
.users-votes-box ul li.user-vote strong
{
	position: relative;
	height: 30px;
	padding: 0;

	line-height: 30px;
	color: #d9dadb;
	margin-right:25px;
}
.users-votes-box ul li.user-vote strong
{
	font-size: 16px;
	float: left;
}
.users-votes-box fieldset button
{
	position: absolute;
	width: 67px;
	height: 21px;
	bottom: 5px;
	left: 106px;
	background-image: url( 'immagini/button-send-generic.gif' );
}


/**********************/
/* GALLERY BOX STYLES */
/**********************/


.game-gallery
{
	width: 650px;
	height: 180px;
	background: url( 'immagini/bg-game-home-gallery.png' ) no-repeat top left;
}
.game-gallery .gallery-head
{
	float: right;
	width: 650px;
	right: 0;
	line-height: 20px;
	padding-top: 10px;
}
.game-gallery .gallery-head h2
{
	position: relative;
	float: left;
	padding-left: 10px;

	color: #ffe4cc;
	font-size: 16px;
}
.game-gallery .gallery-head a
{
	display: block;
	position: relative;
	float: right;
	right: 0;
	padding-right: 10px;

	color: #ffffff;
}
.game-gallery h3
{
	font-weight: normal;
	color: #ffffff;
	font-size: 16px;
	padding-left: 10px;
}
.game-gallery span.date
{
	padding-left: 10px;
	color: #cce0ff;
	font-size: 11px;
}
.game-gallery ul
{
	position: absolute;
	width: 631px;
	left: 10px;
	bottom: 15px;
}
.game-gallery ul li
{
	padding-left: 13px;
}
.game-gallery ul li.first
{
	padding: 0;
}
.game-gallery ul li img
{
	border: 1px solid #000000;
}


/********************/
/* VIDEO BOX STYLES */
/********************/


.game-video
{
	width: 650px;
	height: 146px;
	background: url( 'immagini/bg-game-home-video.png' ) no-repeat top left;
}
.game-video .video-head
{
	float: right;
	width: 430px;
	right: 0;

	line-height: 20px;
	padding-top: 10px;
}
.game-video .video-head h2
{
	position: relative;
	float: left;

	color: #ecff99;
	font-size: 16px;
}
.game-video .video-head a
{
	display: block;
	position: relative;
	float: right;
	right: 0;
	padding-right: 10px;

	color: #ffffff;
}
.game-video h3
{
	position: relative;
	float: right;
	width: 430px;
	right: 0;

	color: #ffffff;
	font-weight: normal;
	font-size: 16px;
}
.game-video .video-info
{
	position: absolute;
	float: right;
	width: 430px;
	right: 0;
	bottom: 20px;

	color: #cce0ff;
}
.game-video .video-info span
{
	display: block;
}
.game-video .video-info .video-length
{
	font-size: 13px;
	font-weight: bold;
}
.game-video .video-info .video-date
{
	font-size: 11px;
	font-style: italic;
}
.game-video .img-container
{
	display: block;
	position: absolute;
	float: left;
	left: 10px;
	top: 10px;

	border: 1px solid #000000;
}


/***********************/
/* DOWNLOAD BOX STYLES */
/***********************/


.game-downloads
{
	width: 650px;
	border-bottom: 1px solid #737678;
	margin-top: 10px;
}
.game-downloads .downloads-head
{
	width: 650px;
	height: 29px;
	background: url( 'immagini/bg-game-download-title.png' ) repeat-x top left;

	line-height: 29px;
}
.game-downloads .downloads-head h2
{
	position: relative;
	float: left;
	padding-left: 10px;

	font-size: 16px;
	color: #cce0ff;
}
.game-downloads .downloads-head a
{
	display: block;
	position: relative;
	float: right;
	padding-right: 10px;

	color: #ffffff;
}
.game-downloads ul
{
	width: 650px;
	padding-top: 20px;
	background: #d9dadb url( 'immagini/bg-game-home-download.png' ) repeat-x top left;
}
.game-downloads ul li
{
	width: 630px;
	left: 10px;
	padding-bottom: 30px;

	color: #333333;
}
.game-downloads ul li p
{
	padding: 0;
}
.game-downloads ul li p span.date
{
	font-size: 10px;
	color: #0094ff;
	padding-left: 10px;
}
.game-downloads ul li a
{
	color: #333333;
}
.game-downloads ul li a.comments
{
	font-size: 11px;
	color: #333689;
	text-decoration: underline;
}


/*********************/
/* TRICKS BOX STYLES */
/*********************/


.game-tricks-box
{
	width: 650px;
	background: #ededed url( 'immagini/bg-game-tricks.png' ) repeat-x top left;
	border-bottom: 1px solid #515457;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.game-tricks-box .tricks-head
{
	height: 76px;
	width: 650px;
}
.game-tricks-box .tricks-head h2
{
	color: #2f4368;
	font-size: 15px;
	font-weight: normal;
	position: relative;
	float: left;
	width: 620px;
	left: 15px;
	padding: 10px 0 5px 0;
}
.game-tricks-box .tricks-head p
{
	font-weight: normal;
	position: relative;
	float: left;
	width: 620px;
	left: 15px;
	padding: 0;

	font-size: 11px;
	color: #999999;
}
.game-tricks-box table
{
	position: relative;
	float: left;
	margin: 20px 0 0 0;
	border: 0;
	padding: 0;
	width: 620px;
	left: 15px;
}
.game-tricks-box table thead
{
	display: none;
}
.game-tricks-box table td, .game-tricks-box table tr
{
	border:  0;
	margin:  0;
	padding: 0;
}
.game-tricks-box table td
{
	padding-bottom: 20px;
	vertical-align: top;
}
.game-tricks-box table td.label
{
	width: 200px;
	font-size: 13px;
	font-weight: bold;
	color: #2f4368;
}
.game-tricks-box table td.value
{
	padding-left: 20px;
	font-size: 12px;
	color: #333333;
}


/*********************/
/* REVIEW BOX STYLES */
/*********************/


.game-review-box
{
	width: 650px;
	margin-bottom: 20px;
	background: #ededed;
}
.game-review-box .review-head
{
	width: 650px;
	height: 165px;
	background: url( 'immagini/bg-game-review-head.png' ) repeat-x top left;
}
.game-review-box .review-body
{
	padding: 10px;
	line-height: 1.4em;
	color: #333333;
	text-align: justify;
}
.game-review-box .review-body img
{
	float: left;
	margin: 10px;
}
.game-review-box .review-body .rx
{
	text-align:right;
}
.game-review-box .review-metacritic
{
	position: relative;
	float: right;
	right: 10px;
	padding-bottom:10px;

	font-size:0.9em;
}
.game-review-box .review-nav
{
	width: 650px;
	height: 36px;
	background: url( 'immagini/bg-game-review-nav.png' ) repeat-x top left;
	overflow: hidden;
	line-height: 36px;
}
.game-review-box .review-nav fieldset
{
	position: relative;
	top: 6px;
	height: 22px;

	line-height: 22px;
}
.game-review-box .review-nav fieldset label
{
	display: block;
	position: relative;
	float: left;
	height: 22px;
	padding-right: 5px;
	line-height: 22px;
	font-size: 11px;
	color: #ffffff;
}
.game-review-box .top-nav fieldset
{
	float: left;
	left: 10px;
}
.game-review-box .bottom-nav fieldset
{
	float: right;
	right: 10px;
}
.game-review-box .bottom-nav a.sx
{
    float:left;
    color:White;
    margin-left:5px;
}
.game-review-box .bottom-nav a.dx
{
    float:right;
    color:White;
    margin-right:5px;
}
.game-review-box .review-author
{
	padding: 0;
	position: relative;
	float: left;
	left: 20px;
	color:#ffffff;
}
.game-review-box .review-author span, .game-review-box .review-author a
{
	font-weight: bold;
	color: #ffffff;
}
.game-review-box .bottom-nav .pager
{
	left: 10px;
}
.game-review-box .bottom-nav .pager .prev-page
{
	padding-right: 5px;
}
.game-review-box .bottom-nav .pager .next-page
{
	padding-left: 5px;
}
.game-review-box .pager li p, .game-review-box .pager li a
{
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	padding: 0 1px 0 2px;
}
.game-review-box .pager li p.page-selected
{
	background: #ffffff;
	color: #333333;
}
.game-review-box .review-rate, .game-review-box .review-pros-cons
{
	width: 300px;
	height: 145px;
	top: 10px;
}
.game-review-box .review-rate
{
	float: left;
	left: 10px;
}
.game-review-box .review-rate ul li
{
	width: 290px;
	height: 26px;
	margin-bottom: 2px;
	background: url( 'immagini/bg-game-review-vote-frame.gif' ) no-repeat 110px 0px;

	line-height: 26px;
}
.game-review-box .review-rate ul li span
{
	display: block;
	position: relative;

	font-weight: bold;
}
.game-review-box .review-rate ul li .label
{
	float: left;
	width: 90px;
	text-align: right;

	font-size: 14px;
	color: #f2f2f2;
}
.game-review-box .review-rate ul li .value
{
	float: right;
	right: 0;
	width: 177px;
	background: url( 'immagini/bg-review-votes-bar.gif' ) no-repeat 0px 0px;

	text-align: right;
	font-size: 16px;
	color: #ecff99;
}
.game-review-box .review-pros-cons
{
	float: right;
	right: 10px;
}
.game-review-box .review-pros-cons strong
{
	display: block;
	padding-left: 15px;
	background-position: center left;
	background-repeat: no-repeat;

	color: #ffffff;
	text-transform: uppercase;
}
.game-review-box .review-pros-cons span
{
	color: #e5e5e5;
	font-size: 11px;
}
.game-review-box .review-pros-cons .pros
{
	padding-bottom: 15px;
}
.game-review-box .review-pros-cons .pros strong
{
	background-image: url( 'immagini/bg-game-review-pros.gif' );
}
.game-review-box .review-pros-cons .cons strong
{
	background-image: url( 'immagini/bg-game-review-cons.gif' );
}


/*******************************/
/* ADDITIONAL GAME INFO STYLES */
/*******************************/


.additional-game-info
{
	position: relative;
	float: left;
	width: 650px;
	height: 36px;

	background: url( 'immagini/bg-additional-game-info.png' ) no-repeat bottom left;
}
.additional-game-info .element
{
	position: absolute;
	height: 36px;
	top: 0;
}
.additional-game-info .official-website
{
	width: 105px;
	left: 0;

	color: #3a3af5;
	line-height: 34px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}
.additional-game-info .price
{
	width: 205px;
	left: 440px;
	padding: 0;

	line-height: 34px;
	text-align: center;
	color: #333333;
}
.additional-game-info .pegi-info
{
	width: 335px;
	left: 105px;
	background: #9b9c9e;
}
.additional-game-info .pegi-info li
{
	position: relative;
	float: left;
	padding:0;
	border: 0;
	margin: 5px 0 0 5px;

	background: transparent none no-repeat top left;

	list-style: none;
	width: 25px;
	height: 25px;
}
.additional-game-info .pegi-info li.dis
{
	background-image: url( '../../Immagini/PEGI/DIS_mini.gif' );
}
.additional-game-info .pegi-info li.dro
{
	background-image: url( '../../Immagini/PEGI/DRO_mini.gif' );
}
.additional-game-info .pegi-info li.gio
{
	background-image: url( '../../Immagini/PEGI/GIO_mini.gif' );
}
.additional-game-info .pegi-info li.onl
{
	background-image: url( '../../Immagini/PEGI/ONL_mini.gif' );
}
.additional-game-info .pegi-info li.pau
{
	background-image: url( '../../Immagini/PEGI/PAU_mini.gif' );
}
.additional-game-info .pegi-info li.scu
{
	background-image: url( '../../Immagini/PEGI/SCU_mini.gif' );
}
.additional-game-info .pegi-info li.ses
{
	background-image: url( '../../Immagini/PEGI/SES_mini.gif' );
}
.additional-game-info .pegi-info li.vio
{
	background-image: url( '../../Immagini/PEGI/VIO_mini.gif' );
}
.additional-game-info .pegi-info li.eta3
{
	background-image: url( '../../Immagini/PEGI/ETA3_mini.gif' );
}
.additional-game-info .pegi-info li.eta4
{
	background-image: url( '../../Immagini/PEGI/ETA4_mini.gif' );
}
.additional-game-info .pegi-info li.eta6
{
	background-image: url( '../../Immagini/PEGI/ETA6_mini.gif' );
}
.additional-game-info .pegi-info li.eta7
{
	background-image: url( '../../Immagini/PEGI/ETA7_mini.gif' );
}
.additional-game-info .pegi-info li.eta12
{
	background-image: url( '../../Immagini/PEGI/ETA12_mini.gif' );
}
.additional-game-info .pegi-info li.eta16
{
	background-image: url( '../../Immagini/PEGI/ETA16_mini.gif' );
}
.additional-game-info .pegi-info li.eta18
{
	background-image: url( '../../Immagini/PEGI/ETA18_mini.gif' );
}
.additional-game-info .pegi-info li.onl a
{
	display: block;
	width: 25px;
	height: 25px;
}