/* ---------- */
/* custom classes */
.headline 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-top: 0
}
.bodyText 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000;
	margin-top: 0;
}
.gameText 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000;
	margin-top: 0;
	vertical-align: middle;
}
.bodyWarning 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #999999; 
	font-weight: bold
}
.legal 
{  
	position: absolute;
	left: 25px;
	bottom: 5px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #CCCCFF;
}
.loginText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	margin-top: 0;
}
.hideScroll  
{ 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-arrow-color:#FFFFFF; 
	scrollbar-base-color:#FFFFFF; 
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF;
}
/* ---------- */
/* standard stuff */
body 
{
	background: #6633CC URL("/images/background.gif");
	scrollbar-base-color: #6633CC;
}
p 
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
	margin-top: 0
}
h1 
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	margin-top: 0
}
a 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #3333FF; 
	text-decoration: underline
}
b 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	color: #000000; 
}
i 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: italic;
	color: #000000; 

}
ul 
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
	margin-top: 0;
	list-style-type: none;
}
label 
{  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
	margin-top: 0;
}
body 
{
	background: #6633CC url("/images/background.gif");
}
/* ---------- */
/* DIVS */
/* top */
div.top {
	position: absolute;
	left: 25px;
	top: 25px;
	border: 1px #000000 solid;
	z-index: 2;
	overflow: hidden;
	background: #3399CC url("/images/bgTop.gif");
}
/* box model hack for IE 5.0, 5.5, etc */
div.top 
{
	width: 465px;
	height: 48px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 463px;
	height: 46px;
}
html>body .top 
{
	width: 463px;
	height: 46px;
}
/* top shadow */
div.topShadow
{
	position: absolute;
	width: 463px;
	height: 46px;
	left: 29px;
	top: 29px;
	z-index: 1;
	overflow: hidden;
	background : #333333;
}
/* left content */
div.left 
{
	position: absolute; 
	left: 25px; 
	top: 80px;  
	padding: 10px;
	border: 1px #000000 solid;
	z-index: 4;
	overflow: hidden;
	background: #3399CC url("/images/bgLeft.gif");
	/*background-attachment: fixed;*/
	scrollbar-base-color: #3399CC; 
}
/* hack */
div.left 
{
	width: 359px;
	height: 308px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 339px;
	height: 288px;
}
html>body .left 
{
	width: 339px;
	height: 288px;
}
/* left shadow */
div.leftShadow 
{
	position: absolute; 
	left: 29px; 
	top: 84px; 
	width: 339px; 
	height: 288px; 
	padding: 10px;
	z-index: 3;
	background: #333333;
}
/* hack */
div.leftShadow 
{
	width: 359px;
	height: 308px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 339px;
	height: 288px;
}
html>body .leftShadow 
{
	width:339px;
	height: 288px;
}
/* right */
div.right
{
	position: absolute; 
	left: 393px; 
	top: 80px;  
	padding: 5px;
	border: 1px #000000 solid;
	z-index: 6;
	overflow: hidden;
	background: #3399CC url("/images/bgRight.gif");
}
/* hack */
div.right
{
	width: 95px;
	height: 308px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 85px;
	height: 298px;
}
html>body .right 
{
	width: 85px;
	height: 298px;
}
/* right shadow */
div.rightShadow
{
	position: absolute; 
	left: 397px; 
	top: 84px;  
	padding: 5px;
	z-index: 5;
	background: #333333;
}
/* hack */
div.rightShadow 
{
	width: 95px;
	height: 308px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 85px;
	height: 298px;
}
html>body .rightShadow 
{
	width: 85px;
	height: 298px;
}
/* featured games */
div.featuredGamesTitle
{
	position: absolute;
	left: 547px;
	top: 80px;
	border: 1px #000000 solid;
	z-index: 8;
	float: left;
}
/* hack */
div.featuredGamesTitle
{
	width: 173px;
	height: 36px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 171px;
	height: 34px;
}
html>body .featuredGamesTitle
{
	width: 171px;
	height: 34px;
}
/* shadow */
div.featuredGamesTitleShadow
{
	position: absolute;
	left: 551px;
	top: 84px;
	width: 173px;
	height: 36px;
	z-index: 7;
	background: #333333;
}
/* games - high score divs */
div.highScoreHolder
{ 
	position: absolute;
	left: 0;
	top: 180px; 
	width: 160px; 
	height: 90px;
	border: 1px #000000 solid;
	margin: 10px;
}
div.highScoreHeader
{
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 157px; 
	height: 15px; 
	border-bottom: solid 1px #000000; 
	padding-left: 4px;
	/* type stuff */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
}
div.highScoreUserName 
{
	position: absolute; 
	left: 0; 
	top: 19px; 
	width: 103px; 
	height: 65px; 
	padding-left: 4px;
	/* type stuff */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
}
div.highScoreNumbers
{
	position: absolute; 
	left: 104px; 
	top: 19px; 
	width: 53px; 
	height: 65px; 
	padding-right: 4px;
	/* type stuff */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
	text-align: right;
}
/* games - user ranking divs */
div.userRankingHolder
{ 
	position: absolute;
	left: 175px;
	top: 180px; 
	width: 160px; 
	height: 90px;
	border: 1px #000000 solid;
	margin: 10px;
}
div.userRankingHeader
{
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 157px; 
	height: 15px; 
	border-bottom: solid 1px #000000; 
	padding-left: 4px;
	/* type stuff */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
}
div.userRankingUserName 
{
	position: absolute; 
	left: 0; 
	top: 19px; 
	width: 103px; 
	height: 65px; 
	padding-left: 4px;
	/* type stuff */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
}
div.userRankingNumbers
{
	position: absolute; 
	left: 104px; 
	top: 19px; 
	width: 53px; 
	height: 65px; 
	padding-right: 4px;
	/* type stuff */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #000000; 
	text-decoration: none;
	text-align: right;
}
/* ---------- */
/* IMAGES */
/* logo */
img.logo 
{ 
	position: absolute; 
	left: 7px; 
	top: 7px; 
	border: 0;
}
/* navigation buttons */
img.games
{
	position: absolute;
	left: 232px;
	top: 28px;
	border: 0;
}
img.about
{
	position: absolute;
	left: 284px;
	top: 28px;
	border: 0;
}
img.development
{
	position: absolute;
	left: 332px;
	top: 28px;
	border: 0;
}
img.contact
{
	position: absolute;
	left: 408px;
	top: 28px;
	border: 0;
}
/* login-out button */
img.buttonLogin
{
	border: 0;
}
img.buttonLogout
{
	border: 0;
}
/* featured games */
img.featuredGameTitle
{
	position: absolute;
	left: 0;
	top: 0;
	border: 0;
	float: left;
}
img.FeaturedGame1
{
	position: absolute;
	left: 0;
	top: 50px;
	border: 0;
	float: left;
}
img.FeaturedGame2
{
	position: absolute;
	left: 0;
	top: 100px;
	border: 0;
	float: left;
}
img.FeaturedGame3
{
	position: absolute;
	left: 0;
	top: 150px;
	border: 0;
	float: left;
}
/* games */
img.gameIcon
{
	border: 0;
	float: left;
}
img.gameImage
{
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0;
	float: left;
}
img.hr
{
	position: absolute;
	left: 0;
	top: 160px;
	padding: 10px;
}
/* FORMS */
/* login form */
input.loginUserName
{
	width: 82px; 
	background: #FFFFFF; 
	border: 1px #000000 solid; 
	font-size: 10px; 
	padding: 5px;
	color: #000000; 
	padding: 0;
	margin: 0;
}
input.loginPassword
{
	width: 82px; 
	background: #FFFFFF; 
	border: 1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0;
	margin: 0
}
/* register */
input.registerUserName
{
	width: 123px; 
	background-color:#FFFFFF;  
	border:1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}
input.registerPassword
{
	width: 123px; 
	background-color: #FFFFFF;  
	border: 1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}
input.registerPasswordConfirm
{
	width: 123px; 
	background-color: #FFFFFF; 
	border: 1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}
input.registerEmail
{
	width: 288px; 
	background-color: #FFFFFF;  
	border:1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}
input.registerEmailOK
{
	float: left;
	margin-bottom: 10px;
}
input.submitButton
{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.submitButton
{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.resetButton
{
	margin-top: 10px;
	margin-bottom: 10px;
}
select.registerAge
{
	width: 125px; 
	background-color: #FFFFFF;  
	border:1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}
select.registerGender
{
	width: 125px; 
	background-color: #FFFFFF; 
	border:1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px
}
/* contact form */
input.formName
{
	width: 122px; 
	background-color: #FFFFFF;  
	border: 1px #000000 solid; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}
input.formEmail
{
	width: 122px; 
	background-color: #FFFFFF;  
	border:1px #000000 solid; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}
textarea.formMessage
{
	width: 337px; 
	background-color: #FFFFFF;  
	border: 1px #000000 solid; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	padding: 0px;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-base-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF;
}
/* change password */
input.formPassword
{
	width: 123px; 
	background-color: #FFFFFF;  
	border: 1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}
input.formPasswordNew
{
	width: 123px; 
	background-color: #FFFFFF;  
	border: 1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}
input.formPasswordConfirm
{
	width: 123px; 
	background-color: #FFFFFF;  
	border: 1px #000000 solid; 
	font-size: 10px; 
	color: #000000; 
	padding: 0px;
	margin-bottom: 10px;
}