* {
	margin			: 0px;
	padding			: 0px;
	border			: none;
	outline			: none;
}

@font-face {
	font-family		: 'MuseoSans';
	src				: url('/fonts/museo-sans-500.eot?') format('eot'),
					  url('/fonts/museo-sans-500.woff') format('woff'),
					  url('/fonts/museo-sans-500.ttf') format('truetype'),
					  url('/fonts/museo-sans-500.svg#webfontyC0TSkVx') format('svg');
	font-weight		: normal;
	font-style		: normal;
}

@font-face {
	font-family		: 'MuseoSans';
	src				: url('/fonts/museo-sans-700.eot?') format('eot'),
					  url('/fonts/museo-sans-700.woff') format('woff'),
					  url('/fonts/museo-sans-700.ttf') format('truetype'),
					  url('/fonts/museo-sans-700.svg#webfontz8iBy51c') format('svg');
	font-weight		: bold;
	font-style		: normal;
}
	
html {
	overflow		: -moz-scrollbars-vertical;
}

body, input, select, textarea, button {
	font			: normal 12px 'MuseoSans', Helvetica, Arial, sans-serif;
	line-height		: 18px;
}

h1, h2, h2 a, h2 a:visited, h3 {
	color			: #2E437D;
	text-decoration	: none;
	text-transform	: uppercase;
}

h1 {
	height			: 24px;
	font-size		: 20px;
}

h2, h2 a {
	font-weight		: bold;
	height			: 19px;
	font-size		: 13px;
}

h3 {
	height			: 18px;
	font-size		: 13px;
}

b {
	font-weight		: bold;
}

a, a:visited {
	color			: #0000FF;
}

hr {
	width			: 100%;
	height			: 0px;
	border-top		: 1px dashed #ABB4CB;
	margin			: 10px 0px 10px 0px;
	font-size		: 0px;
	line-height		: 0px;
}

.clear {
	clear			: both;
}

.spacer {
	float			: left;
	height			: 1px;
	line-height		: 1px;
	font-size		: 1px;
	width			: 6px;
}

.loader {
	visibility		: hidden;
}

.tooltip {
	padding			: 2px 5px 2px 5px;
	background		: #FFC;
	border			: 1px solid #000000;
	-webkit-border-radius	: 4px;
	-moz-border-radius		: 4px;
	border-radius	: 4px;
}

#fill {
	float			: left;
	display			: none;
	width			: 134px;
	height			: 120px;
	margin			: 12px 0px 0px 0px;
}

#container {
	background		: #d1d7e6 url('/images/background.png') center 0px repeat-y;
}

/**
 * Forms
 */
.textfield, .select, .textarea {
	height			: 16px;
	padding			: 1px 1px 1px 2px;
	resize			: none;
	background		: #FFFFFF;
	border			: 1px solid #2E437D;
	-webkit-border-radius	: 4px;
	-moz-border-radius		: 4px;
	border-radius	: 4px;
	behavior		: url('/css/pie.htc');
}

.select, .textarea {
	-webkit-border-radius	: 4px 0px 0px 4px;
	-moz-border-radius		: 4px 0px 0px 4px;
	border-radius	: 4px 0px 0px 4px;
	behavior		: url('/css/pie.htc');
}

.select {
	padding			: 0px;
	height			: 20px;
}

.radio, .checkbox {
	vertical-align	: middle;
}

button {
	cursor			: pointer;
}

.button {
	width			: 58px;
	height			: 20px;
	margin			: 3px 0px 0px 0px;
	color			: #FFFFFF;
	font-weight		: bold;
	background		: url('/images/sprites.png') 0px -160px;
}

.button:hover {
	background		: url('/images/sprites.png') -58px -160px;
}

input.error, textfield.error, select.error {
	border-color	: #DD0000;
}

.border .textfield, .border .select, .border .textarea {
	background		: #EBEDF2;
}

span.error {
	color			: #DD0000;
	font-weight		: bold;
}

span.success {
	color			: #006600;
	font-weight		: bold;
}


/**
 * Thumbs
 */
.thumb {
	float			: left;
	width			: 122px;
	height			: 195px;
	margin			: 0px 9px 20px 0px;
}

.thumb.last {
	margin-right	: 0px !important;
}

#frontpage .thumb {
	margin			: 10px 0px 5px 0px;
}

#new-games .thumb {
	margin			: 10px 20px 5px 0px;
}

.thumb.last {
	margin-right	: 0px;
}

.thumb a, .game a:visited {
	color			: #2E437D;
	text-decoration	: none;
	font-weight		: bold;
}

.thumb .image {
	position		: relative;
	width			: 120px;
	height			: 90px;
	border			: 1px solid #000000;
}

.thumb .banner {
	position		: absolute;
	right			: 0px;
	top				: 0px;
}

.thumb .description {
	width			: 122px;
	height			: 82px;
	margin			: 1px 0px 0px 0px;
	overflow		: hidden;
	line-height		: 13px;
}

.thumb .rating {
	position		: relative;
}

.thumb .background, .thumb .bar, .thumb .stars {
	position		: absolute;
	width			: 79px;
	height			: 14px;
}

.thumb .background {
	background		: #FFFFFF;
}

.thumb .bar {
	background		: #FBB03B;
}

.thumb .play, .thumb .download {
	float			: right;
	width			: 38px;
	height			: 14px;
	line-height		: 16px;
	background		: transparent url('/images/sprites.png') no-repeat 0px -80px;
	font-size		: 10px;
	text-align		: center;
	color			: #FFFFFF;
}

.thumb .play:hover {
	background		: transparent url('/images/sprites.png') no-repeat -38px -80px;
}

.thumb a.play b, .thumb a.download b {
	font-size		: 10px;
}

.thumb .download {
	float			: left;
	width			: 74px;
	background		: transparent url('/images/sprites.png') no-repeat -76px -80px;
}

.thumb .download:hover {
	background		: transparent url('/images/sprites.png') no-repeat -150px -80px;
}


/**
 * Small thumbs
 */
.thumb-s {
	float			: left;
	height			: 50px;
	line-height		: 14px;
}

.thumb-s a {
	color			: #000000;
	text-decoration	: none;
}

.thumb-s a b {
	color			: #2E437D;
}

.thumb-s .thumbnail {
	float			: left;
	margin			: 2px 5px 0px 0px;
	border			: 1px solid #000000;
}

/**
 * Header
 */
#header {
	background		: #2E437D;
	height			: 151px;
	z-index			: 10;
}

#header .center {
	width			: 1000px;
	height			: 136px;
	margin			: 0px auto 0px auto;
	padding			: 15px 0px 0px 0px;
}

#header .leaderboard {
	float			: right;
	margin			: 0px 0px 15px 0px;
}

#header .logo {
	float			: left;
	width			: 263px;
	height			: 69px;
}

#header .title {
	float			: left;
	width			: 263px;
	color			: #FFFFFF;
	text-align		: right;
	font-size		: 24px;
}

#header #menu {
	clear			: both;
	width			: 1000px;
	height			: 30px;
	background		: transparent url('/images/sprites.png') no-repeat 0px 0px;
}

/**
 * Main menu
 */
#menu ul {
	float			: left;
	width			: 660px;
	height			: 30px;
}

#menu li {
	float			: left;
	list-style		: none;
}

#menu li a {
	display			: block;
	height			: 23px;
	color			: #2E437D;
	font-size		: 13px;
	margin			: 0px 1px 0px 0px;
	padding			: 7px 0px 0px 0px;
	text-decoration	: none;
	text-align		: center;
}

#menu li a:hover {
	color			: #FFFFFF;
	background		: transparent url('/images/sprites.png') no-repeat -3px -30px;
}

#menu .home a:hover	{
	background		: transparent url('/images/sprites.png') no-repeat 0px -30px;
}

#menu .home a		{ width : 79px; }
#menu .signup a 	{ width	: 89px; }
#menu .submit a		{ width	: 130px; }
#menu .games-for-your-website a		{ width	: 185px; }
#menu .contact a	{ width	: 97px; }
#menu .help	a		{ width	: 73px; }

/**
 * Search form
 */
#search .label {
	float					: left;
	width					: 109px;
	padding					: 7px 0px 8px 10px;
	color					: #2E437D;
	font-size				: 13px;
}

#search .textfield {
	float					: left;
	width					: 155px;
	margin					: 6px 0px 0px 0px;
	font-size				: 13px;
	border					: none;
	background:transparent;
}

#search .textfield:focus {
	outline					: none
}

#search .loader {
	float					: left;
	margin					: 7px 2px 0px 2px;
}

#search .button {
	float					: left;
	width					: 16px;
	height					: 16px;
	margin					: 7px 0px 0px 3px;
	background				: none;
	cursor					: pointer;
}

/**
 * Content
 */
#content {
	position				: relative;
	width					: 976px;
min-height		: 600px;
	padding					: 18px 12px 20px 12px;
	margin					: 0px auto 0px auto;
	background				: #FFFFFF;
}

/**
 *
 */
#category-menu {
	height					: 71px;
	margin					: 0px 0px 0px 12px;
}

#category-menu li {
	float					: left;
	list-style				: none;
}

#category-menu li a {
	display					: block;
	width					: 174px;
	height					: 13px;
	padding					: 0px 0px 5px 16px;
	font-size				: 13px;
	text-decoration			: none;
	text-transform			: uppercase;
	color					: #666666;
	background				: url('/images/core/category-up.png') no-repeat 0px 3px;
}

#category-menu li a:hover, #category-menu li a.active {
	background				: url('/images/core/category-down.png') no-repeat 0px 3px;
}

.box {
	display					: inline;
display:inline-block;
	position				: relative;
	padding					: 10px 12px 12px 12px;
	border					: 1px solid #ABB4CB;
	-webkit-border-radius	: 4px;
	-moz-border-radius		: 4px;
	border-radius			: 4px;
	background				: #EBEDF2 url('/images/core/box.png') repeat-x;
	behavior				: url(/css/pie.htc);	
}

/**
 * One column layout
 */
#one-column #main ul {
	margin			: 0px 0px 0px 12px;
}

#one-column #main ol {
	margin			: 0px 0px 0px 20px;
}

/**
 * Two column left layout
 */
#two-column-left #main ul {
	margin			: 0px 0px 0px 12px;
}

#two-column-left .wideskyscraper {
	clear			: both;
	float			: left;
	margin			: 12px 0px 0px 0px;
}

#two-column-left #main, #category #main {
	float			: right;
	width			: 778px;
	min-height		: 576px;
	height			: auto !important;
	height			: 576px;
	margin			: 12px 0px 0px 12px;
}

/**
 *	All layouts
 */
#main .textfield {
	margin			: 3px 0px 0px 0px;
	width			: 300px;
}

#main .select {
	margin			: 3px 0px 0px 0px;
	width			: 305px;
}

#top-left, #top-left.default-image {
	float			: left;
	width			: 370px;
	height			: 120px;
	padding			: 10px 12px 12px 280px;
	background		: url('/images/av.jpg');
}

/**
 * Spolight
 */
#spotlight {
	float			: left;
	width			: 638px;
	height			: 382px;	
}

#spotlight h2 {
	height			: 22px;
}

#spotlight .slider {
	float			: left;
	width			: 240px;
	height			: 180px;
}

#spotlight .welcome {
	float			: left;
	width			: 354px;
	margin			: 0px 0px 0px 16px;
}

#spotlight .new-games {
	float			: left;
	width			: 384px;
	margin			: 0px 0px 0px 14px;
}

#spotlight .thumb {
	margin			: 0px 8px 0px 0px;
}

#toppicks {
	clear			: both;
	width			: 638px;
	height			: 214px;
	padding			: 5px 0px 0px 0px;
}

#toplists .left, #toplists .right {
	float			: left;
	width			: 268px;
}

#toplists .left {
	padding			: 0px 12px 0px 0px;
}

#toplists .thumb-s {
	width			: 268px;
	padding			: 0px 0px 20px 0px;
}

#toppicks .thumb-s {
	width			: 309px;
	padding			: 0px 10px 20px 0px;
}

/**
 * Control and sign-up panel
 */
#controlpanel {
	position		: relative;
	float			: right;
	width			: 300px;
	height			: 144px;
}

#controlpanel #tab-login, #controlpanel #tab-signup {
	display			: block;
	position		: relative;
	float			: left;
	width			: 127px;
	padding			: 5px 0px 0px 0px;
	-webkit-border-radius	: 4px 4px 0px 0px;
	-moz-border-radius		: 4px 4px 0px 0px;
	border-radius	: 4px 4px 0px 0px;
	text-transform	: uppercase;
	text-align		: center;
	font-weight		: bold;
	font-size		: 13px;
	cursor			: pointer;
	behavior		: url(/css/pie.htc);
}

#controlpanel #tab-signup {
	margin-left		: 41px;
}

#controlpanel #tab-login {
	margin-left		: 1px;
}

#controlpanel .tab-active {
	height			: 21px;
	margin-bottom	: -1px;
	color			: #2E437D;
	border-top		: 1px solid #ABB4CB;
	border-right	: 1px solid #ABB4CB;
	border-left		: 1px solid #ABB4CB;
	background		: #EBEDF2 url('/images/core/box.png') repeat-x;
	z-index			: 3;
}

#controlpanel .tab-inactive {
	height			: 22px;
	margin-bottom	: -2px;
	color			: #FFFFFF;
	border-top		: 1px solid #2E437D;
	border-right	: 1px solid #2E437D;
	border-left		: 1px solid #2E437D;
	background		: #EBEDF2 url('/images/core/tab-inactive.png') repeat-x;
	z-index			: 1;
}

#controlpanel #tab-content {
	position		: relative;
	clear			: both;
	width			: 274px;
	height			: 106px;
	padding			: 10px 12px 0px 12px;
	-webkit-border-radius	: 4px 4px 4px 4px;
	-moz-border-radius		: 4px 4px 4px 4px;
	border-radius	: 4px 4px 4px 4px;
	z-index			: 2;
	background		: #EBEDF2 url('/images/core/box.png') 0px -26px;
	border			: 1px solid #ABB4CB;
	behavior		: url('/css/pie.htc');
}

#controlpanel #user, #controlpanel #retrieve {
	display			: none;
}

#controlpanel .avatar {
	border			: 1px solid #abb4cb;
}


#controlpanel .row {
	clear			: both;
	height			: 18px;
	padding			: 0px 0px 6px 0px;	
}

#user a {
	color			: #0000FF;
	text-decoration	: underline;
	cursor			: pointer;
}

#user label {
	display			: block;
	float			: left;
	height			: 16px;
	padding			: 2px 0px 0px 0px;
}

#user .textfield {
	float			: right;
	width			: 160px;
}

#user .button {
	float			: right;
	width			: 76px;
	height			: 28px;
	background		: transparent url('/images/sprites.png') no-repeat -100px -100px;
	color			: #FFFFFF;
	font-size		: 13px;
	font-weight		: bold;
	text-transform	: uppercase;
	cursor			: pointer;
}

#user .button:hover {
	background		: transparent url('/images/sprites.png') no-repeat -100px -128px;
}

#user .message {
	margin			: -1px 0px 0px 0px;
	height			: 15px;
	clear			: left;
}

#controlpanel #member {
	width			: 274px;
	height			: 120px;
}

#member .avatar {
	float			: left;
	height			: 60px;
	margin			: 3px 12px 0px 0px;
}

#member .stats {
	float			: left;
	height			: 60px;
	line-height		: 16px;
}

#member .buttons {
	clear			: both;
	height			: 28px;
	padding			: 10px 0px 0px 0px;
}

#member .logout, #member .profile {
	width			: 77px;
	height			: 28px;
	background		: transparent url('/images/sprites.png') no-repeat -200px -100px;
	color			: #FFFFFF;
	font-size		: 13px;
	font-weight		: bold;
	text-transform	: uppercase;
	cursor			: pointer;
}

#member .logout:hover {
	background		: transparent url('/images/sprites.png') no-repeat -200px -128px;
}

#member .profile {
	width			: 100px;
	height			: 28px;
	background		: transparent url('/images/sprites.png') no-repeat 0px -100px;
}

#member .profile:hover {
	background		: transparent url('/images/sprites.png') no-repeat 0px -128px;
}

/**
 *
 */
 
#frontpage #content {
	height			: 2483px;
}

#frontpage .rectangle {
	float			: right;
	margin			: 12px 0px 0px 0px;
}

#frontpage .wideskyscraper {
	clear			: both;
	float			: left;
	margin			: 12px 0px 0px 0px;
}

#frontpage #toplists {
	float			: left;
	width			: 548px;
	height			: 96px;
	margin			: 12px 0px 0px 12px;
}

#frontpage .catthumbs {
	float			: left;
	width			: 291px;
	height			: 238px;
	margin			: 12px 12px 0px 0px;
}

#frontpage .catthumbs h2 {
	height			: 12px;
}

#frontpage .catthumbs.last {
	margin-right	: 0px;
}

#frontpage .catthumbs .last {
	float			: right;
}

.catthumbs .more {
	clear			: both;
	text-align		: right;
}

#frontpage #new-games {
	float			: left;
	width			: 548px;
	height			: 444px;
	margin			: 12px 0px 0px 12px;
}

#new-games h2 {
	height			: 12px;
}

#frontpage #submissions {
	float			: right;
	width			: 192px;
	height			: 576px;
	margin			: 12px 0px 0px 0px;
}

#submissions .item {
	height			: 16px;
	padding			: 2px 0px 2px 0px;
}

#submissions .title {
	float			: left;
	width			: 150px;
	height			: 16px;
	overflow		: hidden;
}

#submissions .title a {
	color			: #2E437D;
	text-decoration	: none;
}

#submissions .title a:hover {
	text-decoration	: underline;
}

#submissions .rating {
	float			: right;
}

/**
 * Category pages
 */
#category .navigation-top, #category .navigation-bottom {
	clear			: both;
	width			: 778px;
}

#category .left {
	float			: left;
}

#category .right {
	float			: right;
}


#category #recommended .thumb-s {
	width			: 310px;	
}

#category .select {
	float			: right;
	margin			: 4px 0px 0px 0px;
	width			: 130px;
}

#category .wideskyscraper {
	clear			: both;
	float			: left;
	margin			: 12px 0px 0px 0px;
}

#category .games {
	clear			: both;
}

/**
 * Search
 */

#search-suggestions {
	display			: none;
	position		: absolute;
	width			: 186px;
	height			: auto;
	padding			: 6px 10px 6px 10px;
	border			: 1px solid #2E437D;
	top				: -5px;
	left			: 768px;
	-webkit-border-radius	: 10px;
	-moz-border-radius	: 10px;
	border-radius	: 10px;
	background		: #FFFFFF;
	z-index			: 100;
	behavior		: url(/css/pie.htc);
}

#search-suggestions a {
	font-size		: 13px;
	text-decoration	: none;
	color			: #000000;
}

#search-suggestions a:hover {
	color			: #666666;
}

.search-cloud {
	
}

.search-cloud a {
	display:block;
	float:left;
	text-decoration	: none;
	padding			: 0px 8px 0px 0px;
	color			: #2E437D;
	white-space		: nowrap;
}

/**
 * Game page
 */
#game .left-column {
	float			: left;
}
 
#game .skyscraper, #game .wideskyscraper {
	float			: left;
	margin			: 12px 12px 0px 0px;	
}

#game .largerectangle {
	float			: right;
	margin			: 12px 12px 0px 0px;
}

#game #canvas {
	float			: right;
	margin			: 12px 0px 0px 0px;	
}

#game #info {
	float			: right;
	margin			: 12px 0px 0px 0px;
}

#game #fill {
	clear			: left;
	display			: block;
}

#info .left {
	clear			: both;
	float			: left;
	width			: 122px;
	padding			: 2px 0px 2px 0px;
	font-weight		: bold;
}

#info .right {
	float			: left;
	width			: 600px;
	padding			: 2px 0px 2px 0px;
}

#game #related {
	clear			: both;
	width			: 950px;
	margin			: 12px 0px 0px 0px;
}

#game .thumb {
	margin-right	: 16px;
}

#highscores {
	float			: right;
	margin			: 12px 0px 0px 0px;
}

#highscores .column {
	float			: left;
	width			: 24%;
	margin			: 0px 10px 0px 0px;
}

#highscores .last {
	margin			: 0px;
}

#highscores .rank {
	clear			: both;
	float			: left;
	width			: 20px;
}

#highscores .name {
	float			: left;
}

#highscores .score {
	float			: right;
}

#medals {
	float			: right;
	margin			: 12px 0px 0px 0px;
}

#medals .medal-normal, #medals .medal-active {
	float			: left;
	width			: 64px;
	height			: 64px;
	margin			: 0px 11px 11px 0px;
	border			: 1px solid #444444;
	background-position	: -64px 0px;
}

#medals .medal-active {
	background-position	: 0px 0px;
}


/**
 * Comments
 */
#comments {
	position		: relative;
	float			: right;
	margin			: 12px 0px 0px 0px;
}

#comments h2 {
	float			: left;
}

#comments .header {
	height			: 30px;
}

#comments .pagination {
	clear			: none; !important
}

#comments #pagination-loader {
	float			: right;
	margin			: 4px 0px 0px 0px;
}

.comment {
	color			: #444444;
}

.comment .top {
	height			: 20px;
	margin			: 0px 0px 4px 0px;
	border-bottom	: 1px dotted #999999;
}

.comment .username {
	float			: left;
	width			: 228px;
	height			: 18px;
	font-size		: 13px;
	color			: #2E437D;
	font-weight		: bold;
}

.comment .date {
	float			: left;
	padding			: 4px 0px 0px 0px;
	font-size		: 9px;
	color			: #999999;
}

.comment .vote {
	float			: right;
}

.comment .vote a {
	display			: block;
	float			: left;
	width			: 18px;
	height			: 18px;
	margin			: 0px 4px 0px 2px;
}

.comment .counter {
	float			: left;
	width			: 15px;
}

.comment a.up		{	background : url('/images/sprites.png') 0px -240px;	cursor:pointer }
.comment a.down 	{	background : url('/images/sprites.png') -18px -240px; cursor:pointer }
.comment a.warning	{	background : url('/images/sprites.png') -36px -240px; cursor:pointer; margin: 0px 0px 0px 2px; }
.comment a.edit		{	background : url('/images/sprites.png') -108px -240px; cursor:pointer }
.comment a.dup		{	background : url('/images/sprites.png') -54px -240px; }
.comment a.ddown 	{	background : url('/images/sprites.png') -72px -240px; }

.comment .middle {
	clear			: both;
}

.comment #status {
	float			: left;
	width			: 8px;
	height			: 8px;
	margin			: 6px 4px 0px 0px;
}

.comment .online {
	background		: url('/images/sprites.png') -0px -260px;
}

.comment .offline {
	background		: url('/images/sprites.png') -8px -260px;
}

.comment .user {
	float			: left;
	width			: 240px;
}

.comment .left {
	width			: 70px;
	float			: left;
}

#editor {
	float			: right;
	height			: 256px;
	margin			: 12px 0px 0px 0px;
}

#editor a {
	cursor			: pointer;
}

#editor #emoticons {
	margin			: 3px 0px 0px 0px;
	position		: relative;
}

#emoticons img {
	cursor			: pointer;
}

#editor #list {
	position		: absolute;
	display			: none;
	padding			: 5px;
	background		: #FFFFFF;
	border			: 1px solid #2E437D;
}

#editor button {
	float			: right;
}

#editor #editor-message {
	margin			: 3px 0px 0px 0px;
}

#editor #comment-text {
	clear			: both;
	width			: 99%;
	height			: 140px;
	margin			: 5px 0px 0px 0px;
	overflow-y		: scroll;
}

.avatar {
	width			: 60px;
	height			: 60px;
	margin			: 2px 0px 0px 0px;
}

.avatar.woman {
	background		: url('/images/sprites.png') 0px -180px;
}

.avatar.man {
	background		: url('/images/sprites.png') -60px -180px;
}

.comment .right {
	width			: 170px;
	float			: left;
	font-size		: 11px;
	line-height		: 16px;
}

.comment .row {
	clear			: both;
}

.comment .item {
	float			: left;
	width			: 44px;
	color			: #2E437D;
	font-weight		: bold;
}

.comment .value {
	float			: left;
}

.comment .text {
	float			: left;
	word-wrap		: break-word;
}

/**
 * Banners
 */
.largerectangle {
	width			: 336px;
	height			: 280px;
}

.leaderboard {
	width			: 728px;
	height			: 90px;
}

.rectangle {
	width			: 300px;
	height			: 250px;
}

.skyscraper {
	width			: 120px;
	height			: 600px;
}

.wideskyscraper {
	width			: 160px;
	height			: 600px;
}

/**
 * Footer
 */
#footer {
	height			: 14px;
	padding			: 10px 0px 0px 0px;
}

#footer .left {
	float			: left;	
}

#footer .right {
	float			: right;
	text-align		: right;
}

#footer a img {
	vertical-align	: bottom;
}

/**
 * Signup page
 */
#signup .textfield {
	margin			: 3px 0px 0px 0px;
}

#signup .captcha {
	margin			: 3px 0px 0px 0px;
}

#signup .left {
	float			: left;
	padding			: 0px 10px 0px 0px;
}

#signup .loader {
	margin			: 5px 2px 0px 0px;
}

#signup #username_error {
	margin			: 4px 0px 0px 0px;
}


/* ===  SITEMAP  =============================================== */
.column {
	float			: left;
	width			: 265px;
	margin			: 0px 4px 4px 0px;
}

.column .category, .column .category:visited {
	color			: #000000;
	font-weight		: bold;
	text-decoration	: none;
}

/* ===  Navigation  ========================================= */
#navigation {
	clear			: both;
	padding			: 4px 0px 20px 0px;
	height			: 16px;
	font-weight		: bold;
	text-transform	: uppercase;
	color			: #2E437D;
}

#navigation a, #navigation a:visited {
	color			: #2E437D;
	text-decoration	: none;
	font-weight		: bold;
}

.pagination {
	clear			: right;
	float			: right;
}

.pagination a {
	display			: block;
	float			: left;
	width			: 17px;
	height			: 17px;
	margin			: 3px 0px 0px 5px;
	color			: #FFFFFF;
	text-decoration	: none;
	text-align		: center;
	background		: transparent url('/images/sprites.png') no-repeat -34px -60px;
	cursor			: pointer;
}

.pagination a.back {
	background-position	: 0px -60px;
}

.pagination a.back_disabled {
	background-position	: -34px -60px;
	cursor				: default;
}

.pagination a.back:hover {
	background-position	: -17px -60px;
}


.pagination a.page {
	background-position	: -51px -60px;
}

.pagination a.page_disabled {
	background-position	: -85px -60px;
	cursor				: default;
}

.pagination a.page:hover {
	background-position	: -68px -60px;
}

.pagination a.next {
	background-position	: -102px -60px;
}

.pagination a.next_disabled {
	background-position	: -136px -60px;
	cursor				: default;
}

.pagination a.next:hover {
	background-position	: -119px -60px;
}


.border {
	margin			: 0px 0px 15px 0px;
	padding			: 8px;
	background		: #FFFFFF;
	border					: 1px solid #ABB4CB;
	-webkit-border-radius	: 4px;
	-moz-border-radius		: 4px;
	border-radius	: 4px;
	behavior		: url('/css/pie.htc');
}

.red {
	color			: #AA0000;
	border			: 1px solid #AA0000;
	background		: #FFCCCC;
}

.green {
	color			: #006600;
	border			: 1px solid #006600;
	background		: #CCFFCC;
}

.orange {
	color			: #F90;
	border			: 1px solid #F90;
	background		: #FFFFCC
}


/* ===  Rating  =============================================== */
#rating {
	float			: right;
	width			: 200px;
}

#rating a {
	color			: #0000FF;
	text-decoration	: underline;
	cursor			: pointer;
}

#showrating, #dorating {
	float			: right;
	text-align		: right;
	background		: transparant;
}

#showlink, #dolink {
	height			: 18px;
	float			: right;
}

#showimg, #doimg {
	clear			: both;
	float			: right;
	width			: 74px;
	height			: 14px;
}

#doimg {
	background		: url(/images/stars/stars0.png);
	cursor			: pointer;
}

#showtext, #dotext {
	clear			: both;
	float			: right;
	width			: 200px;
	height			: 18px;
	padding			: 2px 0px 0px 0px;
}

.dostar {
	float			: left;
	width			: 7px;
	height			: 14px;
}

.starspacer {
	float			: left;
	width			: 1px;
	height			: 14px;
}

/**
 * Game submit
 */
#submit .row {
	clear			: both;
	position		: relative;
	width			: 550px;
	padding			: 15px 0px 15px 0px;
}

#submit .field {
	float			: left;
}

#submit .help {
	display			: none;
	position		: absolute;
	width			: 200px;
	right			: 0px;
	margin			: 0px 0px 0px 20px;
}

#submit .short_description {
	width			: 300px;
	height			: 56px;
}

#submit .long_description, #submit .instructions {
	width			: 300px;
	height			: 100px;
}

#submit .infobar {
	font-style		: italic; 
}

/**
 *
 */
.apc-file-upload {
	position		: relative;	
	width			: 370px;
	height			: 23px;
	padding			: 3px 0px 0px 0px;
	overflow		: hidden;
}

.apc-file-upload .apc-filename {
	position		: relative;
	float			: left;
	width			: 300px;
	height			: 18px;
	background		: #EBEDF2;
	border			: 1px solid #2E437D;
	-webkit-border-radius	: 4px;
	-moz-border-radius		: 4px;
	border-radius	: 4px;
	behavior		: url('/css/pie.htc');
}

.apc-file-upload .apc-progress {
	width			: 0px;
	height			: 18px;
	border-radius	: 4px;
	background		: #ddffdd;
}

.apc-file-upload .apc-label {
	position		: absolute;
	top				: 0px;
	left			: 0px;
}

.apc-file-upload button {
	float			: left;
	margin			: 0px 0px 0px 5px;
}

.apc-file-upload .file {
	position		: absolute;
	top				: 0px;
	right			: 0px;
	font-size		: 120px;
	opacity			: 0.5;
	-moz-opacity	: 0.5;
	filter			: alpha(opacity=50);
	z-index			: 2;
	cursor			: pointer;
}


/**
 * Toolkit
 */
#toolkit {
	position		: absolute;
	width			: 554px;
	height			: 220px;
	left			: -524px;
	top				: 200px;
	z-index			: 1000;
	background		: url('/images/sprites.png') no-repeat -440px -30px;
	color			: #FFFFFF;
}

#toolkit a, #toolkit h2 {
	color			: #FFFFFF;
	text-decoration	: none;
}

#toolkit a.remove {
	display			: block;
	float			: left;
	width			: 12px;
	height			: 12px;
	margin			: 2px 5px 0px 0px;
	background		: url('/images/sprites.png') no-repeat 0px -270px;
	cursor			: pointer;
}

#toolkit .content {
	float			: left;
	width			: 384px;
	height			: 220px;
	padding			: 10px 10px 10px 130px;
}

#game #toolkit .content {
	width			: 504px;
	padding			: 10px;
}

#toolkit .favorite-list {
	float			: left;
	width			: 230px;
	height			: 200px;
	border-right	: 1px solid #333333;
	overflow		: hidden;
}

#toolkit #toolkit-social {
	float			: left;
	width			: 140px;
	height			: 200px;
	padding			: 2px 0px 0px 10px;
	overflow		: hidden;
}

#game #toolkit #toolkit-social {
	width			: 260px;
	height			: 70px;
}

#toolkit .tab {
	float			: left;
	width			: 30px;
	height			: 92px;
}

#toolkit .now-playing {
	display			: none;
}

#game #toolkit .now-playing {
	display			: block;
	float			: left;
	width			: 260px;
	height			: 120px;
	line-height		: 12px;
	padding			: 0px 0px 0px 10px;
}

#toolkit .thumbnail {
	float			: left;
	margin			: 0px 5px 0px 0px;
}

#toolkit .favorite-button {
	clear			: both;
	display			: block;
	height			: 15px;
	padding			: 5px 0px 0px 24px;
	margin			: 15px 0px 0px 0px;
	background		: url('/images/sprites.png') no-repeat -12px -270px;
	text-transform	: uppercase;
	font-weight		: bold;
	cursor			: pointer;
}

#toolkit .social, #toolkit .twitter-share-button {
	float			: left;
	width			: 120px;
	height			: 21px;
	padding			: 0px 10px 10px 0px;
	border			: none;
	overflow		: hidden;
}
