﻿html
{
	overflow-y: scroll;
}

form
{
	width:800px;
	margin:auto;
}

.pagehead
{
	width:800px;
	height:113px;
	margin:auto;
	background:transparent url(/image/masthead_tile.png) repeat-x left top;
}

.masthead 
{
	float:left;
	width:560px;
}

.masthead .logo
{
	display:inline-block;
	width:306px;
	height:113px;
	_background-image:url(/image/masthead_logo.png);
}

.masthead .logo img
{
	_visibility:hidden;
}

.masthead p
{
	top:85px;
}

.pagefoot
{
	margin: 5px 5px 5px 5px;
}

.identity
{
	float:right;
	width:230px;
	height:100px;
	margin:2px 2px 0 0;
	background-color:#FFFFFF;
	border:solid 1px #DE9A92;
	font-size:11px;
	color:#930A00;
}

.identity .avatar
{
	margin:-1px 2px 0 -1px;
	float:left;
	border:solid 1px #000000;
}

.identity .avatar img
{
	width:100px;
	height:100px;
}

.identity .name
{
	font-size:14px;
	margin:0;
}

.identity .rank
{
	float:left;
}

.identity .points .cafepoints
{
	float:left;
	margin:0 16px 0 4px;
	clear:right;
	color:#4C0004;
	width:auto;
	height:auto;
}

.identity .cafepoints img, .identity .cafecredits img
{
	vertical-align:middle;
}

.identity .points
{
	margin:5px 0 3px 0;
}

.identity .points .cafecredits
{
	margin:0;
	color:#4C0004;
	clear:right;
}

.identity .logout
{
	float:right;
}

.identity .cafecredits .blink
{
	color:#000000;
}

.identity .recent span
{
	display:block;
	margin-bottom:3px;
}

.identity .recent a
{
	border:solid 1px #000000;
	float:left;
	margin:0 2px 0 0;
}

.identity .recent a img
{
	width:27px;
	height:27px;
	margin:0;
}

.navhead
{
	width:671px;
	margin:auto;
	margin-top:2px;
	text-align:center;
}

.navhead a
{
	float:left;
	display:inline;
	margin:0 4px 0 4px;
	height:37px;
	background-image:url(../image/navhead.png);
}

.navhead a *
{
	visibility:hidden;
}

.nav_games a
{
	width:72px;
	background-position:-49px 0;
}

.nav_games a:hover, .nav_games a:active
{
	background-position:-49px -37px;
}

.nav_games .on, .nav_games .on:hover
{
	background-position:-49px -74px;
}

.nav_leaderboard a
{
	width:126px;
	background-position:-135px 0;
}

.nav_leaderboard a:hover, .nav_leaderboard a:active
{
	background-position:-135px -37px;
}

.nav_leaderboard .on, .nav_leaderboard .on:hover
{
	background-position:-135px -74px;
}

.nav_forums a
{
	width:78px;
	background-position:-274px 0;
}

.nav_forums a:hover, .nav_forums a:active
{
	background-position:-274px -37px;
}

.nav_forums .on, .nav_forums .on:hover
{
	background-position:-274px -74px;
}

.nav_credits a
{
	width:112px;
	background-position:-366px 0;
}

.nav_credits a:hover, .nav_credits a:active
{
	background-position:-366px -37px;
}

.nav_credits .on, .nav_credits .on:hover
{
	background-position:-366px -74px;
}

.nav_profile a
{
	width:101px;
	background-position:-492px 0;
}

.nav_profile a:hover, .nav_profile a:active
{
	background-position:-492px -37px;
}

.nav_profile .on, .nav_profile .on:hover
{
	background-position:-492px -74px;
}

.nav_feed a
{
	width:36px;
	background-position:-505px 0;
}

.nav_feed a:hover, .nav_feed a:active
{
	background-position:-505px -37px;
}

.nav_feed .on, .nav_feed .on
{
	background-position:-505px -74px;
}

.nav_achievements a
{
	width:134px;
	background-position:-609px 0;
}

.nav_achievements a:hover, .nav_achievements a:active
{
	background-position:-609px -37px;
}

.nav_achievements .on, .nav_achievements .on:hover
{
	background-position:-609px -74px;
}

.navfoot
{
	clear:both;
	text-align:center;
	margin:16px 0 8px 0;
	padding-top:16px;
}

.navfoot a
{
	color:#F15A24;
	font-size:12px;
	font-weight:bold;
	font-family:helvetica,arial,sans-serif;
	margin:0 16px;
	text-decoration:none;
}

.navfoot a:hover
{
	text-decoration:underline;
}

.login
{
	width:585px;
	margin:auto;
	font-size:13px;
}

.login .form
{
	width:231px;
}

.login a
{
	color:#F15A24;
	font-weight:bold;
}

.login .item
{
	position:relative;
	font-weight:bold;
	margin-top:8px;
}

.login .edit
{
	font-size:13px;
	width:225px;
	padding:2px 1px 0 1px;
	#padding:1px;
	margin-top:2px;
}

.login .help
{
	position:absolute;
	background:#FFFFFF;
	color:#BE3626;
	left:-20px;
	top:0px;
	margin:0;
	padding:0 0 0 20px;
}

.login .submit input
{
	display:block;
	margin:10px 0 100px 60px;
	width:105px;
	height:44px;
	border:none;
	background:transparent url(../image/button_SignIn.png);
	cursor:pointer;
}

.login .submit input.hover
{
	background-position:0 -44px;
}

.login .right
{
	float:right;
	margin-top:4px;
}

.login .validation
{
	background-color:#F4DDC9;
	width:400px;
	padding:10px 10px 30px 10px;
	font-weight:bold;
	margin-bottom:12px;
	position:relative;
}

.login .validation div
{
	font-weight:normal;
	position:absolute;
	bottom:10px;
	left:10px;
}

.login .validation ul
{
	margin:6px;
}

.login .validation li
{
	color:#BE3626;
	font-weight:normal;
	list-style-position:inside;
	margin-bottom:2px;
}

.register
{
	width:585px;
	margin:auto;
	font-size:13px;
}

.register .form
{
	margin-left:2px;
}

.register .form .tick
{
	margin-top:8px;
}

.register .form .tick div
{
	margin-top:2px;
}

.register .form .tick input
{
	vertical-align:-2px;
	margin-right:6px;
	#margin-right:2px;
}

.register p
{
	font-size:11px;
	margin-right:60px;
	width:280px;
	float:right;
}

.register .item
{
	position:relative;
	font-weight:bold;
	margin-top:8px;
}

.register .edit
{
	font-size:13px;
	width:225px;
	padding:2px 1px 0 1px;
	#padding:1px;
	margin-top:2px;
}

.register .help
{
	position:absolute;
	background:#FFFFFF;
	color:#BE3626;
	left:-20px;
	top:0px;
	margin:0;
	padding:0 0 0 20px;
}

.register .submit input
{
	display:block;
	margin:10px 0 100px 60px;
	width:105px;
	height:44px;
	border:none;
	background:transparent url(../image/button_submit.png);
	cursor:pointer;
}

.register .submit input.hover
{
	background-position:0 -44px;
}

.register .right
{
	float:right;
	margin-top:4px;
}

.register .validation
{
	background-color:#F4DDC9;
	width:400px;
	padding:10px 10px 30px 10px;
	font-weight:bold;
	margin-bottom:12px;
	position:relative;
}

.register .validation div
{
	font-weight:normal;
	position:absolute;
	bottom:10px;
	left:10px;
}

.register .validation ul
{
	margin:6px;
}

.register .validation li
{
	color:#BE3626;
	font-weight:normal;
	list-style-position:inside;
	margin-bottom:2px;
}

.about
{
	width:585px;
	margin:auto;
}

.about .side
{
	float:left;
	width:127px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	font-family:helvetica,arial,sans-serif;
}

.about .side a
{
	display:block;
	color:#4C0004;
	text-decoration:none;
	padding:5px;
}

.about .side a:hover
{
	color:#F15A24;
	text-decoration:underline;
}

.about .side b
{
	display:block;
	color:#BE3626;
	border:solid 1px #BE3626;
	padding:4px;
}

.about .main
{
	float:right;
	width:450px;
	border:solid 1px #BE3626;
	font-size:13px;
}

.about .main .pad
{
	width:385px;
	margin:20px auto 20px 30px;
}

.about .main p
{
	margin:13px 4px;
}

.about .main li
{
	list-style-position:inside;
	margin:6px 0 0 13px;
}

.about .main h6
{
	font-size:11px;
	font-weight:bold;
	margin-top:13px;
}

.feedback
{
	width:585px;
	margin:auto;
	font-size:13px;
}

.feedback .form, .feedback .confirm
{
	margin-left:2px;
}

.feedback label
{
	display:block;
	font-weight:bold;
	margin-top:8px;
}

.feedback .edit
{
	font-size:13px;
	width:225px;
}

.feedback input.edit
{
	padding:2px 1px 0 1px;
	#padding:1px;
}

.feedback select.edit
{
	width:231px;
	margin:1px 0;
}

.feedback textarea
{
	font-size:13px;
	width:400px;
}

.feedback .submit
{
	display:block;
}

.feedback .submit input
{
	display:block;
	margin:10px 0 100px 60px;
	width:105px;
	height:44px;
	border:none;
	background:transparent url(../image/button_submit.png);
	cursor:pointer;
}

.feedback .submit input.hover
{
	background-position:0 -44px;
}

.legal
{
	width:600px;
	margin:auto;
}

.legal p
{
	margin-top:1em;
}

.legal li
{
	margin:1em 0 0 1em;
	list-style-position:inside;
}

.legal table
{
	margin:6px 0 0 12px;
	border-collapse:collapse;
}

.legal th, .legal td
{
	border:solid 1px black;
	text-align:left;
	padding:2px 4px;
}

.privacy
{
	width:600px;
	margin:auto;
}

.privacy p
{
	margin-top:1em;
}

.privacy li
{
	margin:1em 0 0 1em;
	list-style-position:inside;
	list-style-type:none;
}

.help
{
	width:600px;
	margin:auto;
	font-size:13px;
}

.help dt
{
	font-weight:bold;
	margin:13px 0 0 2px;
}

.help dd
{
	margin:6px 0 0 12px;
}

.help table
{
	margin:6px 0 0 12px;
	border-collapse:collapse;
}

.help th, .help td
{
	border:solid 1px black;
	text-align:left;
	padding:2px 4px;
}

.password
{
	width:585px;
	margin:auto;
}

.password .form
{
	font-size:13px;
	margin-left:2px;
}

.password .form p
{
	font-size:11px;
	margin-right:60px;
	width:280px;
	float:right;
}

.password label
{
	display:block;
	font-weight:bold;
	margin-top:8px;
}

.password .item
{
	position:relative;
	font-weight:bold;
	margin-top:8px;
}

.password .help
{
	position:absolute;
	background:#FFFFFF;
	color:#BE3626;
	left:-20px;
	top:0px;
	margin:0;
	padding:0 0 0 20px;
}

.password .edit
{
	font-size:13px;
	width:225px;
}

.password input.edit
{
	padding:2px 1px 0 1px;
	#padding:1px;
}

.password select.edit
{
	width:231px;
	margin:1px 0;
}

.password .submit
{
	display:block;
}

.password .right
{
	float:right;
	margin-top:4px;
}

.password .submit input
{
	display:block;
	margin:10px 0 100px 60px;
	width:105px;
	height:44px;
	border:none;
	background:transparent url(../image/button_submit.png);
	cursor:pointer;
}

.password .submit input.hover
{
	background-position:0 -44px;
}

.password .validation
{
	background-color:#F4DDC9;
	width:400px;
	padding:10px 10px 30px 10px;
	font-weight:bold;
	margin-bottom:12px;
	position:relative;
}

.password .validation div
{
	font-weight:normal;
	position:absolute;
	bottom:10px;
	left:10px;
}

.password .validation ul
{
	margin:6px;
}

.password .validation li
{
	color:#BE3626;
	font-weight:normal;
	list-style-position:inside;
	margin-bottom:2px;
}

.landing
{
	margin:0 60px 0 20px;
}

.landing .side
{
	float:left;
	width:276px;
	height:401px;
	font-size:16px;
	color:#930A00;
	background-image:url(/image/landing_image.png);
	background-repeat:no-repeat;
	position:relative;
	margin:30px 0 40px;
}

.landing .main
{
	font-size:13px;
}

.landing .main div img
{
	display:block;
}

.landing a
{
	font-weight:bold;
	text-decoration:none;
	color:#F15A24;
}

.landing a:hover
{
	text-decoration:underline;
}

.landing a.stealth
{
	font-weight:normal;
	text-decoration:none;
	color:#000000;
}

.landing a.stealth:hover
{
	text-decoration:none;
}

.landing .alpha
{
	position:absolute;
	left:63px;
	top:180px;
	width:165px;
	text-align:center;
}

.landing .alpha a.logo
{
	display:-moz-inline-box;
	display:inline-block;
	width:108px;
	height:32px;
	vertical-align:13px;
	#vertical-align:0px;
	background-image:url(/image/landing_casualcafe.png);
}

.landing .alpha a.logo:hover
{
	text-decoration:none;
}

.landing .alpha a.logo *
{
	visibility:hidden;
}

.landing .bravo
{
}

.landing a.fblink
{
	display:-moz-inline-box;
	display:inline-block;
	width:217px;
	height:20px;
	padding:4px 0 0 35px;
	background-image:url(/image/landing_FBbutton.png);
	color:#FFFFFF;
	margin:5px 0 0;
}

.landing .charlie
{
	margin-top:5px;
}

.landing .delta
{
	margin-top:5px;
}

.landing .echo
{
	margin-top:5px;
}

.notsignedin
{
	float:right;
	text-align:right;
	font-size:13px;
	margin-right:15px;
	color:#930A00;
}

.notsignedin a
{
	color:#F15A24;
	font-weight:bold;
	font-family:helvetica,arial,sans-serif;
}

.notsignedin b
{
	font-size:17px;
	display:block;
	margin:35px 0 8px 0;
}

.profile .form
{
	font-size:13px;
	margin:0 0 13px 2px;
}

.profile .form p
{
	font-size:11px;
	margin-right:60px;
	width:280px;
	float:right;
}

.profile .form .item
{
	position:relative;
	font-weight:bold;
	margin-top:8px;
}

.profile .form .edit
{
	font-size:13px;
	width:225px;
	padding:2px 1px 0 1px;
	#padding:1px;
	margin-top:2px;
}

.profile .form textarea
{
	overflow:hidden;
}

.profile .form label
{
	display:block;
	font-weight:bold;
	margin-top:8px;
}

.profile .form .help
{
	position:absolute;
	background:#FFFFFF;
	color:#BE3626;
	left:-20px;
	top:0px;
	margin:0;
	padding:0 0 0 20px;
}

.profile .form .submit input
{
	display:block;
	margin:10px 0 100px 60px;
	width:105px;
	height:44px;
	border:none;
	background:transparent url(../image/button_submit.png);
	cursor:pointer;
}

.profile .form .submit input.hover
{
	background-position:0 -44px;
}

.profile .form .right
{
	float:right;
	margin-top:4px;
}

.profile .form .tick
{
	margin-top:4px;
}

.profile .form .tick div
{
	margin-top:2px;
}

.profile .form .tick label
{
	font-weight:normal;
	display:inline;
}

.profile .form .tick input
{
	vertical-align:-2px;
	margin-right:6px;
	#margin-right:2px;
}

.profile .validation
{
	background-color:#F4DDC9;
	width:400px;
	padding:10px 10px 30px 10px;
	font-weight:bold;
	margin-bottom:12px;
	position:relative;
}

.profile .validation div
{
	font-weight:normal;
	position:absolute;
	bottom:10px;
	left:10px;
}

.profile .validation ul
{
	margin:6px;
}

.profile .validation li
{
	color:#BE3626;
	font-weight:normal;
	list-style-position:inside;
	margin-bottom:2px;
}

.profile .submit .cancel
{
	display:block;
	margin:13px;
	float:left;
	width:111px;
	height:44px;
	background:transparent url(../image/button_Cancel.png);
}

.profile .submit .cancel:hover
{
	background-position:0 -44px;
}

.profile .submit input
{
	display:block;
	margin:13px;
	float:left;
	width:132px;
	height:44px;
	border:none;
	background:transparent url(../image/button_SaveChanges.png);
	cursor:pointer;
}

.profile .submit input.hover
{
	background-position:0 -44px;
}

.logout img
{
	display:block;
	margin:26px auto;
}

.confirm
{
	font-size:16px;
	text-align:center;
	width:500px;
	margin:auto;
}

.confirm img
{
	display:block;
	margin:26px auto;
}

.confirm p
{
	font-size:13px;
	margin:13px auto;
}

.freecounter
{
	margin:2px;
	text-align:center;
}