/**
*
* @package phpBB Arcade
* @version $Id: arcade.css 149 2012-12-26 05:17:50Z killbill $
* @copyright (c) 2008-2011 JRSweets - jrsweets@gmail.com
* @copyright (c) 2011-2013 http://phpbbarcade.jatek-vilag.com
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
*/

/*
* Arcade tooltip to display the game name action
*/
a.arcade_tooltip
{
	font-weight: bold;
	position: relative;
	text-decoration: none;
}

a.arcade_tooltip > span
{
	position: absolute;
	visibility: hidden;
	font-weight: normal;
	border: 1px solid #000;
	background-color: #CFE1F6;
	padding: 7px;
	color: #000;
	width: 225px;
	margin-top: 18px;
	left: 60px;
	z-index: 999;
}

a.arcade_tooltip:hover > span
{
	visibility: visible;
	z-index: 9999;
}

a.arcade_tooltip > span.arcade_header
{
	background-color: #F6F4D0;
	width: 200px;
	margin-top: -17px;
}

/*
* Ajax ratings star
*/
.arcade-rate
{
	background-repeat:repeat-x;
	background-position: top left;
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height:16px;
	width:80px;
}

.arcade-rate ul
{
	list-style: none;
}

.arcade-rate li
{
	text-indent: -9000px;
	float:left;
	left:0;
}

.arcade-rate li a
{
	position: absolute;
	top:0;
	padding: 0px;
	width: 16px;
	height: 16px;
	display: block;
	outline: none;
	text-indent: -9000px;
	z-index: 999;
	cursor: pointer;
}

.arcade-rate li a:hover
{
	background-position: left center;
	z-index: 9999;
	left: 0;
	text-decoration: none;
}

.arcade-rate a.arcade-rate-1 		{left:   0px;}
.arcade-rate a.arcade-rate-1:hover	{width: 16px;}
.arcade-rate a.arcade-rate-2			{left:  16px;}
.arcade-rate a.arcade-rate-2:hover	{width: 32px;}
.arcade-rate a.arcade-rate-3			{left:  32px;}
.arcade-rate a.arcade-rate-3:hover	{width: 48px;}
.arcade-rate a.arcade-rate-4 		{left:  48px;}
.arcade-rate a.arcade-rate-4:hover	{width: 64px;}
.arcade-rate a.arcade-rate-5			{left:  64px;}
.arcade-rate a.arcade-rate-5:hover	{width: 80px;}

.arcade-rate li.arcade-current-rate
{
	background-position: left bottom;
	position: absolute;
	text-indent: -9000px;
	display: block;
	height: 16px;
	z-index: 999;
}

.arcade-rating-num
{
	display: inline;
	margin-top: 1px;
	text-align: right;
	font-size: 11px;
}

.arcade_error
{
	background-color:#000;
	padding:5px;
	color:#ff0000;
	font-weight:bold;
}

.arcade_error_file
{
	position:absolute;
	background-color: #000;
	border: dotted red 2px;
	color:#fff;
	padding:10px;
	left:0;
	right:0;
}

.arcade_ajax_info
{
	color: #FF0000;
	vertical-align: middle;
	font-weight: normal;
	font-size: 10px;
}

.arcade_fav
{
	width:13px;
	height:13px;
	vertical-align:middle;
	padding:0px;
	margin:0px;
}

a .arcade_fav
{
	cursor: pointer;
}

a:hover .arcade_fav
{
	width:11px;
	height:11px;
	padding:1px;
	vertical-align:middle;
	text-decoration:none;
}

.game_image
{
	width:50px;
	height:50px;
}

.game_title
{
	font-weight:bold;
	position:relative;
	text-align:left;
	margin:auto;
	height:20px;
	padding-top:5px;
}

.game_title_option
{
	position:absolute;
	right:0;
}

.chall_active
{
	background-color: #D3FFC4;
	width: 30px;
}

.chall_inactive
{
	background-color: #FFB2A8;
	width: 30px;
}

.chall_exp
{
	text-align: center;
	width: 17%;
}

.chall_checkbox
{
	text-align: center;
	width: 13%;
}

.arcade-smiley-box
{
	overflow: auto;
	border: 1px solid;
	max-height: 25em;
	padding: 3px;
}

.arcade-comment-box1
{
	overflow: auto;
	max-height: 7em;
}

.arcade-comment-box2
{
	overflow: auto;
	max-height: 13em;
}

.arcade-yellow-shadow
{
	text-shadow: 0 0 1.0em yellow, 0 0 1.0em yellow, 0 0 1.2em yellow;
}

.arcade_cats
{
	width: 100%;
	text-align: center;
}

.arcade_cat
{
	position: relative;
	width: 300px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	padding: 0 5px 10px 5px;
}

.arcade_cat_drimg
{
	position: absolute;
	top: 5px;
	right: 15px;
	z-index: 999;
}

.arcade_cat_tooltip
{
	position: relative;
	cursor: pointer;
	display: inline;
}

.arcade_cat_tooltip > span
{
	position: absolute;
	visibility: hidden;
	font-weight: normal;
	background-color: #CFE1F6;
	padding: 7px;
	color: #000;
	left: 60px;
	text-align: left;
	border: 1px solid #ff0000;
	width: 272px;
	min-height: 100px;
	margin-top: 20px;
}

.arcade_cat_tooltip:hover > span
{
	visibility: visible;
	z-index: 9999;
}

.arcade_left1
{
	right: 5px;
}

.arcade_left1 > span
{
	left: -245px;
}

.arcade_left2 > span
{
	left: -269px;
}

.arcade_cat_image
{
	padding-bottom: 6px;
	width: 60px;
	height: 60px;
}

.arcade_sub_cat
{
	min-height: 120px;
	vertical-align: top;
}