#games-index
{
	position: absolute; 
	left: 10px; 
	right: 10px; 
	top: 0px; 
	bottom: 0px; 
}

#games-index .content 
{ 
	top: 22px; 
	bottom: 44px; 
	padding-top: 20px; 
	padding-left: 20px; 
	padding-right: 20px; 
} 

#games-index .games-index
{
	max-width: 800px; 
	margin: auto; 
	margin-bottom: 20px; 
}

#games-index .games-index table
{
	width: 100%; 
	border-collapse: collapse; 
}

#games-index .games-index table td, #games-index .games-index table th
{
	border: rgb(255, 255, 255) 1px dotted; 
	padding: 10px; 
}

#games-index .games-index table tr { border: rgb(255, 255, 255) 1px solid; }

#games-index .games-index table th {}
#games-index .games-index table td {}

#games-index .games-index table .preview-cell { text-align: center; }

#games-index .games-index table .preview-cell div { margin-bottom: 20px; }

#games-index .games-index table .preview-cell .preview
{
	position: relative; 
	cursor: pointer; 
}

#games-index .games-index table .preview-cell .preview .protect-screen
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
}

#games-index .games-index table .preview-cell img
{
	border: 1px white solid; 
	box-shadow: 5px 5px 5px rgb(0, 0, 0); 
	-webkit-text-shadow: 5px 5px 5px rgb(0, 0, 0); 
	text-shadow: 5px 5px 5px rgb(0, 0, 0); 
	max-width: 150px; 
	cursor: pointer; 
}

#games-index .games-index table .preview-cell .button
{
	position: relative; 
	margin: 0px; 
	padding: 0px; 
	text-align : center; 
	cursor: pointer; 
}

#games-index .games-index table .preview-cell .button div
{
	position: relative; 
	margin: auto; 
	padding: 5px; 
	display: inline-block; 
	vertical-align: middle; 
}

#games-index p, #games-index .games-date { margin-bottom: 20px; }

#games-index .games-date
{
	font-weight: bold; 
	font-style: italic; 
	color: rgb(255, 204, 102); 
}

#games-index .note { font-size: 0.8em; }