.b
{
	font-weight	: bold;
}

.c
{
	clear		:both;
}

.link
{
	cursor		: pointer;
}

div.s
{
	height		: 25px;
}

div.center
{
	text-align	: center;
}

div.notice
{
	background	: #fffff4;
	border		: 1px solid #fcff2a;
	padding	: 10px;
	font-weight	: bold;
	margin-bottom	: 10px;
}

div.text_out
{
	color		: #FFFFFF;
	text-align	: center;
}

table.data
{
	width		: 100%;
	border		: 1px solid #ececec;
	border-collapse: collapse;
	background	: #fbfbfb;
}

	table.data th
	{
		padding	: 2px;
		text-align	: left;
		background	: #ececec;
	}
	
	table.data td
	{
		padding	: 2px;
		border-bottom	: 1px solid #f1f1f1;
	}
	
	table.data .int
	{
		text-align	: right;
		width		: 30px;
	}
		
	table.data .username
	{
		font-weight	: bold;
	}	
	
	table.data .score
	{
		text-align	: right;
		width		: 40px;
	}
		
	table.data .date
	{
		text-align	: right;
	}	
	
	

ul.blocks
{
	list-style-type: none;
	z-index	: 50;
}

	ul.blocks li.block
	{
		float		: left;
		width		: 200px;
		height		: 430px;
		margin		: 32px;
		margin-top	: 0;
	}

		ul.blocks li.block a.title
		{
			font-size	: 24px;
			font-weight	: bold;
			text-align	: center;
			display	: block;
			color		: #FFFFFF;
			padding-bottom: 30px;
			text-decoration: none;
		}

		ul.blocks li.block ul.items
		{
			list-style-type: none;
		}
		
			ul.blocks li.block ul.items li.item a
			{
				display	: block;
				padding	: 1px;
				padding-left	: 10px;
				color		: #000000; 
				position	: relative;
			}


.example
{
	position	: absolute;
	left		: 200px;
	background	: #FFFFFF;
	width		: 200px;
	z-index	: 100;
	padding	: 5px;
	text-decoration: none;
	display	: block;
}

	.example span.score
	{
		display	: block;
		background	: no-repeat center;
		height		: 20px;
	}		
	
		.example span.score_1 { background-image	: url('../images/stars_1.gif'); }
		.example span.score_2 { background-image	: url('../images/stars_2.gif'); }
		.example span.score_3 { background-image	: url('../images/stars_3.gif'); }
		.example span.score_4 { background-image	: url('../images/stars_4.gif'); }
		.example span.score_5 { background-image	: url('../images/stars_5.gif'); }
		
				
div.content
{
	background	: #FFFFFF;
	padding-bottom: 30px;
	z-index	: 50;	
}

	div.content h1
	{
		padding	: 10px;
		color		: #000000;
	}

	div.content h2, div.content span.h2
	{
		color		: #000000;
		display	: block;
		font-size	: 15px;
		font-weight	: bold;
	}
		
	div.content div.p
	{
		padding	: 15px;
	}
	
	li.game_score
	{
		position	: absolute;
		right		: 0;
		top		: 0;
		background	: #FFFFFF;
		display	: block none;
		width		: 150px;
		height		: 35px;
		/*border		: 1px solid #1289a7;*/
		z-index	: 100;	
	}
	
		li.game_score div.current_score
		{
			text-align	: center;
			padding	: 8px;	
			height		: 20px;
			display	: block; 
		}
		
		li.game_score div.new_score
		{
			display	: none;
			margin		: 5px;
			padding	: 8px;	
			background	: #FFFFFF;
			border		: 1px solid #1289a7;
			border-top	: 0px;
			position	: absolute;
			top		: 5px;
			left		: 5px;
			right		: 5px;
		}
		
			li.game_score div.new_score a
			{
				display	: block;
				padding	: 2px;
			}
				li.game_score div.new_score a:hover
				{
					background	: #e9f1f3;
				}
			
		li.game_score div.saved_score
		{
			display	: none;
			padding	: 10px;	
			text-align	: center;
		}	
		
ul.tabs
{
	float		: left;
	margin-top	: -45px;
	list-style-type	: none;
	position	: relative;
	width		: 100%;

}
	
	ul.tabs li.tab
	{
		float		: left;
	}
		
		ul.tabs li.tab a
		{
			display	: block;
			padding	: 20px;
			padding-top: 15px;
			padding-bottom: 15px;
			font-weight	: bold;
			background	: #e9f1f3;
			margin-right	: 4px;
		}

		ul.tabs li.tab a.active, div.content ul.tabs li.tab a:hover
		{
			background	: #FFFFFF;
			text-decoration: underline;
		}
			
		ul.tabs li.tab a.tab_description
		{
			background-image	: url('../images/icon_house.png');
			background-position	: 10px;
			background-repeat	: no-repeat;
			padding-left		: 30px;
		}
		ul.tabs li.tab a.tab_comments
		{
			background-image	: url('../images/icon_comment.png');
			background-position	: 10px;
			background-repeat	: no-repeat;
			padding-left		: 30px;
		}
		
		ul.tabs li.tab a.tab_games
		{
			background-image	: url('../images/icon_controller.png');
			background-position	: 10px;
			background-repeat	: no-repeat;
			padding-left		: 30px;
		}			
		
		ul.tabs li.tab a.tab_tellafriend
		{
			background-image	: url('../images/icon_user.png');
			background-position	: 10px;
			background-repeat	: no-repeat;
			padding-left		: 30px;
		}
		
		ul.tabs li.tab a.tab_highscores
		{
			background-image	: url('../images/icon_highscores.png');
			background-position	: 10px;
			background-repeat	: no-repeat;
			padding-left		: 30px;
		}
							
		ul.tabs li.decorner
		{
			position	: absolute;
			background	: #FFFFFF;
			top		: 45px;
			width		: 10px;
			height		: 10px;
			
		}

ul.categories_sub
{
	list-style-type: none;	
}

	ul.categories_sub li.category
	{
		float		: left;
		width		: 220px;
		height		: 160px;
		padding	: 2px;
		margin		: 10px;
		text-align	: center;
		background	: #FFFFFF;
	}


		ul.categories_sub li.category:hover
		{
			background	: #e9f1f3;			
		}	
	
		ul.categories_sub li.category a
		{
			text-decoration: none;
			color		: #000000; 
			font-weight	: bold;
			display	: block;
		}
		
		ul.categories_sub li.category span.media
			{
				display	: block;
				height		: 125px;
				overflow	: hidden;
				margin-bottom	: 5px;
			}		
		

ul.games
{
	list-style-type: none;
	margin-left	: 45px;
	
}

	ul.games li.title
	{

		float		: left;
		width		: 220px;
		text-align	: center;
		font-size	: 18px;
		color		: #FFFFFF;
		margin		: 10px;
	}


	ul.games li.game
	{

		float		: left;
		width		: 220px;
		height		: 170px;
		padding	: 2px;
		margin		: 10px;
		text-align	: center;
		position	: relative;
	}

		ul.games li.game span.icon
		{
			display	: block;
			width		: 40px;
			height		: 40px;
			position	: absolute;
			right		: 0;
			top		: 0;
		}
		
		ul.games li.game span.icon_new
		{
			background	: url('../images/new.png') no-repeat left;
		}
		
		ul.games li.game span.icon_highscore
		{
			background	: url('../images/highscore.png') no-repeat left;
		}
						
		ul.games li.game a
		{
			text-decoration: none;
			color		: #000000; 
			font-weight	: bold;
			display	: block;
		}
		
		ul.games li.game:hover
		{
			background	: #e9f1f3;
		}
		
			ul.games li.game span.media
			{
				display	: block;
				height		: 125px;
				overflow	: hidden;
				margin-bottom	: 5px;
			}



ul.comments
{
	list-style-type	: none
}

	ul.comments li.comment
	{
		margin-bottom		: 25px;	
	}
	
		ul.comments li.comment span.header
		{
			background	: #e9f1f3;
			display	: block;
			height		: 18px;
			padding	: 4px;	
		}
		
		ul.comments li.comment span.username
		{
			float		: left;
			font-weight	: bold;
			background	: url('../images/icon_user.png') no-repeat left;
			padding-left	: 25px;
		}

		ul.comments li.comment span.date_published
		{
			float		: right;
			font-weight	: bold;
			background	: url('../images/icon_time.png') no-repeat left;
			padding-left	: 25px;
			width		: 100px;;
		}

		ul.comments li.comment span.comment
		{
			display	: block;
			padding-top	: 10px;	
		}



div.game_screen
{
	height		: 592px;
	/*margin		: auto;
	text-align	: center;*/
	margin-left	: 10px;
	margin-right	: 10px;
}

	div.game_screen embed, div.game_screen iframe
	{
		width		: 100%;
		height		: 100%;
	}


#gamesize
{
	margin-top	: -30px;
	float		: left;
	margin-left	: 490px;
}

	.ui-slider 
	{
		background	: url('../images/slider-bar-bg.png') no-repeat left top;
		height		: 20px;
		width		: 300px;

	}
		.ui-slider .ui-slider-handle 
		{
			background	: url('../images/slider-handle-bg.png') no-repeat left top;
			height		: 20px;
			width		: 10px;			
		}
		.ui-slider .ui-slider-range 
		{
		 
		 }

div.form
{
	background	: #e9f1f3;
	padding	: 15px;
}

	div.form label.label
	{
		float		: left;
		width		: 150px;
	}

div.form_notice
{
	background	: #ebfff0;
	border		: 1px solid #00ff72;
}

	div.form_notice div.title
	{
		font-weight	: bold;
		font-size	: 17px;
		font-family	: verdana;
		margin-bottom	: 10px;
	}


input.text, textarea.text
{
	border		: 1px solid #1289a7;
}

input.error, textarea.error
{
	border		: 1px solid #ff0000;
	background	: #fff1f1;
}

textarea.text
{
	width		: 100%;
	height		: 80px;
}