﻿*{
	margin:			0px;
	padding:		0px;
	font-family: 	tahoma,verdana,sans-serif;
	font-size: 		10px;	
}
img {
	margin:0px;
	padding:0px;
}
a{
	color:#000000;
	font-size:11px;
	text-decoration:none;
	outline:none;
}

a:hover{
	color:#000000;
	outline:none;
	text-decoration:underline;
}
.spacer
{
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;

}
body
{
	background-image:url('/files/images/bodyBgPattern.jpg');
	background-repeat:repeat;
	background-position:top left;	
	height:100%;
}
table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

td, th 
{ 
	padding: 0;
}


table.table2
{
	border-collapse: collapse;
	text-align:left;
}
.table2 tr
{
	height:20px;
	vertical-align:middle;	
}
.table2 td,th
{
	height:20px;
	vertical-align:middle;
	padding:5px;
}

.table2 input
{
	font-size:14px;
	padding:2px;
}
.table2 textarea
{
	font-size:14px;	
}


.headerTopBg
{
	background-image:url('/files/images/headerTopBg.jpg');
	background-repeat:repeat-x;
	background-position:top left;	
	top: 0px;
	left: 0px;
	position: absolute;
	z-index:-1;
	width:100%;
	height:95px;
	
}
.logo
{
	float:left;
	background-image:url('/files/images/logo.gif');	
	background-repeat:no-repeat;
	background-position:top;	
	width:523px;
	height:155px;
	margin-top:13px;
}

.footer
{
	clear:both;
	background-image:url('/files/images/footerBg.jpg');
	background-repeat:repeat-x;
	background-position:bottom left;	
	bottom: 0;
	width:100%;
	height:48px;
}

.footer_content
{
	width:950px;	
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	font-size:12px;
	font-weight:bold;
}

.wrapper
{
	margin:auto;
	text-align:center;
	width:950px;
}
.header
{
	height:150px;
	width:950px;	
	float:left;
	margin-bottom:20px;
}
.login_form {
	background-color:#FFFFFF;
	margin:auto auto 10px;
	padding:20px;
	text-align:center;
	width:300px;
}
.addToFavouritesButton
{
	float:right;
	background-image:url('/files/images/addToFavouritesBg.gif');	
	background-repeat:no-repeat;
	background-position:top;	
	width:221px;
	height:39px;
	color:#000000;
	margin-right:15px;
	font-weight:bold;
	font-size: 14px;
	padding-top:8px;
}
.content
{
	clear:both;
	width:100%;
	float:left;
	margin-bottom:18px;
}
.content_col_left
{
	float:left;
	width:686px;
}
.content_col_right
{
	float:right;
	width:264px;
}
.gameContainer
{
	float:left;
	width:686px;
	margin-bottom:18px;	
}
.menu_stars
{
	width:94px;
 	height:92px;
	background-image: url('/files/images/menu_stars.gif');
	background-repeat:no-repeat;
	position:absolute;
	display:none;
}
.purpleBar
{
	background-image: url('/files/images/purpleBarBg.gif');
	background-repeat: no-repeat;
	background-position:top;	
	height:	38px;
	width:686px;
	font-size:12px;
	font-weight:bold;		
}
.greenBar
{
	background-image: url('/files/images/greenBarBg.gif');
	background-repeat: no-repeat;
	background-position:top;	
	height:	38px;
	width:686px;
	font-size:12px;
	font-weight:bold;		
}
.yellowBar
{
	background-image: url('/files/images/yellowBarBg.gif');
	background-repeat: no-repeat;
	background-position:top;	
	height:	38px;
	width:686px;
	font-size:12px;
	font-weight:bold;		
}
.gameOneRowItems
{
	background-image: url('/files/images/smallGameContainerBg.gif');
	background-repeat: repeat-x;
	background-position:top;
	float:left;
	width:666px;
	padding:0px 10px;
	height:220px;
	padding-top:10px;
}
.gameItems
{
	background-color:#ffffff;
	float:left;
	width:666px;
	font-size:14px;
	padding:10px;
}
.barTitle
{
	float:		left;	
	font-size:	18px;
	color:		#ffffff;
	margin:		7px;
}
.mainMenu
{
	float:right;
	background-image: url('/files/images/mainMenuBg.gif');
	background-repeat: no-repeat;
	background-position:top;
	width:235px;
	height:449px;
	padding:8px;
	line-height:22px;
	margin-bottom:18px;		
	color:#000000;
	font-size:12px;
	font-weight:bold;	
	text-align:left;
}

.mainMenuItem
{
	width:221px;
	height:28px;
	margin-top:0px;
	padding-top:4px;
	font-size:18px;
	
}
.mainMenuItem a
{
	margin:0px;
	padding:0px;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;	
}
.mainMenuItem a:hover
{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;	
}
.menuItemsSpacer
{
	width:221px;
	height:1px;
	margin:0px;
	padding:0px;
	border: 0px;
	line-height:1px;
	border-bottom: 1px solid #fff; 
}

.greyBox
{
	float:right;
	background-image: url('/files/images/greyBoxBg.gif');
	background-repeat: no-repeat;
	background-position:top;
	width:251px;
	height:351px;
}

div.gameItemImage img
{
	border: 1px solid orange;
}
div.gameItemTitle
{
	font-weight:bold;
	font-size:11px;
	margin-top:8px;
	margin-bottom:8px;
	color:#666666;
	height:30px;
}
div.gameItemTitle a
{
	color:#666666;	
}
div.gameItemCategory
{
	font-weight:bold;
}
div.gameItemCategory a
{
	font-size:10px;
	font-weight:bold;	
}

div.gameItem
{
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	width:200px;
	height:	170px;
	background-color: #ECEBEB;
}
.advert
{
	padding: 0px 0px;
	float:left;
	width: 200px;  
	text-align:center;
	height:200px;
}

div.gameItemsSpacer
{
	margin-top:16px;
	float:left;
	background-color: #d9d9d9;
	width:1px;
	margin-left:10px;
	margin-right:10px;
	height:	180px;		
}
div.gameItemsHorizontalSpacer
{
	float:left;
	width:100%;	
	height:10px;
}

div.gameItemsSpacerSmall
{
	float:left;
	background-color: #d9d9d9;
	width:1px;
	margin-left:10px;
	margin-right:10px;
	height:	200px;		
}
div.smallGameItem
{
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	width:110px;
	height:	140px;
}

.gamePanel
{
	width:686px;
	background-color:#ffffff;
}
div.game_instructions
{
	margin-top:15px;
	clear:both;;
	float:left;
	width:686px;
}
.grey_box_top_title
{
	float:left;
	padding-left:20px;
	width:200px;
}
.grey_box_top_title2
{
	float:right;
	margin-right:20px;
}

.grey_arrow_rollout
{
	background-image:url('/files/images/blueArrowRollOut.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:16px;
	height:16px;	
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	color:#66ccff;	
	cursor:pointer;
	margin-left:-5px;
}
.blue_arrow2
{
	background-image:url('/files/images/blueArrow2.gif');
	background-repeat:no-repeat;
	background-position:left top;
	height:14px;	
	padding-left:25px;
	margin-right:10px;
}

.blue_arrow2 a
{
	font-size:11px;
	font-weight:bold;
	color:#999999;
	text-decoration:underline;
}

.grey_box_top
{
	background-image:url('/files/images/greyBoxTopBg.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:686px;
	height:40px;	
	vertical-align:middle;
	text-align:left;
}
td.grey_box_item
{
	background-image:url('/files/images/greyBoxItemBg.gif');
	background-repeat:repeat-y;
	background-position:left top;
	width:686px;
	padding:5px;	
	padding-left:15px;
	text-align:left;	
}
.grey_box_bottom
{
	background-image:url('/files/images/greyBoxBottomBg.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:686px;
	height:12px;				
}
div.row
{
	clear:both;
	float:left;
	width:686px;
}
.game_notes
{
	clear:both;
	float:left;
	margin-top:15px;	
	background-image:url('/files/images/notesBoxBg.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:465px;
	height:22px;		
	vertical-align:middle;
	padding:10px;
	padding-left:15px;
	text-align:left;
}

.game_notes_title
{
	padding-top:2px;
	font-size:14px;
	font-weight:bold;
	color:#66ccff;
	float:left	
}

.game_notes_stars
{
	float:left;
	margin-left:10px;	
}

.game_notes_scores
{
	float:right;
	margin-right:25px;
	font-size:11px;
	padding-top:4px;	
}

/************* styles for the star rater ************* */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		overflow:hidden;
		background: url('/files/images/alt_star.gif') top left repeat-x;		
	}

	.star-rating li{
		padding:0px;
		margin:0px;
		width:25px;
		height:25px;
		/*\*/
		float: left;
		/* */
	}

	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		line-height:25px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}

	.star-rating li a:hover{
		background: url('/files/images/alt_star.gif') left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}

	.star-rating a.one-star{
		left: 0px;
	}

	.star-rating a.one-star:hover{
		width:25px;
	}

	.star-rating a.two-stars{
		left:25px;
	}

	.star-rating a.two-stars:hover{
		width: 50px;
	}

	.star-rating a.three-stars{
		left: 50px;
	}

	.star-rating a.three-stars:hover{
		width: 75px;
	}

	.star-rating a.four-stars{
		left: 75px;
	}	

	.star-rating a.four-stars:hover{
		width: 100px;
	}

	.star-rating a.five-stars{
		left: 100px;
	}

	.star-rating a.five-stars:hover{
		width: 125px;
	}

	.star-rating li.current-rating{
		background: url('/files/images/alt_star.gif') left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	a:active{
		outline: none;
	}

/************* end of styles for the star rater ************* */
.game_notes_scores {
	float:right;
	font-size:11px;
	margin-right:25px;
	padding-top:4px;
}

.game_help
{
	float:left;
	margin-top:15px;	
	background-image:url('/files/images/whiteBoxBg.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:173px;
	height:18px;		
	vertical-align:middle;
	padding:11px;
	text-align:right;
}
/***************************************************************/
.game_comments
{
	float:left;
	width:686px;
	margin-top:15px;
	text-align:left;	
}

.comments_box_top
{
	background-image:url('/files/images/greyBoxTopBg.gif');
	background-repeat:no-repeat;
	background-position:left top;	
	width:686px;
	height:40px;
	vertical-align:middle;	
	text-align:left;	
}

.comments_box_top_title
{
	float:left;
	padding-left:20px;	
}

.comments_box_top_title2
{
	float:right;
	margin-right:20px;	
}

td.comments_box_content
{
	background-image:url('/files/images/greyBoxItemBg.gif');
	background-repeat:repeat-y;
	background-position:left top;	
	width:686px;
	padding-left:15px;	
}

div.comments_box_content
{
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.comment_entry
{
	float:left;
	margin-bottom:10px;
	width:643px;
}

.comment_nick
{
	float:left;
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}

.comment_text
{
	clear:both;
	padding-top:5px;
	float:left;
}

.comments_box_bottom
{
	background-image:url('/files/images/greyBoxBottomBg.gif');
	background-repeat:no-repeat;
	background-position:left top;	
	width:686px;
	height:11px;		
}

.comment_table td
{
	height:20px;
	font-size:11px;
	font-weight:bold;
}

.orange_arrow_rollin
{
	background-image:url('/files/images/orangeArrowRollIn.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:9px;
	height:16px;
	width:9px;
	height:16px;	
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	color:#ff6600;		
	cursor:pointer;	
	margin-left:-5px;	
}

.orange_arrow_rollout
{
	background-image:url('/files/images/orangeArrowRollOut.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:9px;
	height:16px;
	width:16px;
	height:16px;	
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	color:#ff6600;		
	cursor:pointer;	
	margin-left:-5px;	
}
input.simpleInput
{
	border: 0px;	
	outline:none;	
	background-image:url('/files/images/button4.gif');
	background-repeat:no-repeat;
	background-position:top;
	width:96px;
	height:28px;
	outline:none;	
}

.grey_arrow_rollout
{
	background-image:url('/files/images/blueArrowRollOut.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:16px;
	height:16px;	
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	color:#66ccff;	
	cursor:pointer;
	margin-left:-5px;
}

.grey_arrow_rollin
{
	background-image:url('/files/images/blueArrowRollIn.gif');
	background-repeat:no-repeat;
	background-position:left top;
	width:16px;
	height:16px;	
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	color:#66ccff;	
	cursor:pointer;
	margin-left:-5px;
}

.noteFormInfoBox
{
	clear:both;
	float:left;
	background-color:#d84646;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;	
}

.commentFormInfoBox
{
	background-color:#d84646;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	width:640px;
}


div.wrapper2
{
	margin:auto;
	text-align:left;
	width:758px;
}
#header2
{
	background-image:url('/files/images/header2.jpg');
	background-repeat:no-repeat;
	background-position:top;
	width:758px;
	height:95px;
}
#footer2
{
	background-image:url('/files/images/footer2.jpg');
	background-repeat:no-repeat;
	background-position:top;
	width:758px;
	height:40px;
}
.horizontal_bottom_line
{
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid black;
	width:670px;
	margin-bottom:10px;	
}
.adminPanel
{
	background-color:#ffffff;
	float:left;
	font-size:14px;
	padding:10px;
	width:666px;
	text-align:left;	
}
table.admin_form
{
	border-collapse: collapse;
	text-align:left;
}

.admin_form tr
{
	vertical-align:middle;	
}

.admin_form td,th
{
	height:20px;
	vertical-align:middle;
	padding:5px;
}

.admin_form input
{
	font-size:12px;
	padding:2px;
}

.admin_form select
{
	font-size:12px;
	padding:4px;
	height:30px;	
}
.admin_form textarea
{
	font-size:12px;	
}
/************* end of styles for the star rater ************* */
table.stats
{
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width:100%;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.stats td
{
	background-color: #CCC;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

table.stats td.hed
{
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 12px;
	font-weight: bold;
} 
/***************************************************************/
.greyBoxHeader
{
	width:245px;
	height:30px;
	margin-top:4px;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
}
.greyBoxContent
{
	width:220px;
	margin-left:auto;
	margin-right:auto;
}
/**************************************************************/
.pagination_links a{
	padding:5px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	border: 1px solid #bbbbbb;
	background-image:url('/files/images/butonstr1.jpg');
}

.pagination_links a:hover{
	color:#000000;
	padding:5px;
	text-decoration:none;
	font-weight:bold;	
	border: 1px solid #bbbbbb;
	background-image:url('/files/images/butonstr2.jpg');
}

.pagination_links strong{
	padding:5px;
	color:#000000;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	border: 1px solid #bbbbbb;
	background-image:url('/files/images/butonstr2.jpg');
}

