/* the css for making round boxes */
@import url(roundbox.css);
/* global styles, general stuff */
body {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000000; color: #FFFFFF;
	text-align: center;
	font-size: 80%;
	padding: 0px;	margin: 5px;
}
h2 {
	margin: 0em; padding: 0em;
	text-align: left;
	font-size: 1.4em; color: #FFFFFF;
	border-bottom: 1px solid  #000000;
}
h3 {
	font-size: 2em; color: #B2B2B2;
	text-align: left;
	padding: 0px 0px 5px 5px;
	margin: 0px;
	/*text-decoration: underline;*/
}
h4.toptxt {
	font-size: 1.3em;
	margin: 0px; padding: 3px 5px 3px 10px;
	white-space: nowrap;
}
	h4.toptxt a:link {
		color: #000000;
		text-decoration: none;
	}
	h4.toptxt a:hover { color: #FFFFFF; }
	h4.toptxt a:visited { color: #000000; }
h4 span { color: #FFFF00; }
p.iconheading {
	text-align: center;
	font-size: 1.5em;
	padding: 0em; margin: 1.3em 0em 0em;
}
.right {
	float: right;
	text-align: right;
	width: 49%;
}
.left {
	float: left;
	text-align: left;
	width: 48%;
}
.centered {
	text-align: center;
	margin: 0 auto;
}
.smalltxt {
	font-weight: bold;
	margin: 0em; padding: 0em;
}
.exclamation {
	background: transparent url(../images/exclamation.gif) no-repeat;
	width: 200px; height: 200px;
}
#updatesuccess {
	display: none;
	color: #000000;
	width: 40%;
	margin: -1em auto 1em auto; padding: 0em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #FFFFFF;
}
a:link { color: #FFFFFF; }
a:hover { color: #CCCCCC; }
a:visited { color: #CCCCCC; }
a:active { color: #FFFFFF; }
/* fix for the floated elements being removed from the flow */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-table;
	color: #000000;
}
/* Hides from IE5/Mac \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End hide from IE5/Mac */
.spacer {
	height: 20px;
	clear: both;
}
.rbcontent { color: #FFFFFF; }
#indicator { display: none; }
#header {
	background: #B2B2B2 url(../images/blue-grey-logo.gif) no-repeat left center;
	height: 130px;
	padding: 0em; margin: 0em 0em 2.3em;
}
	#header a:active,
	#header a:visited,
	#header a:hover,
	#header a:link {
		display: block;
		font-size: 2em; font-weight: bold;
		color: #2210AB;
		text-align: right;
		margin: 0em; padding: 1em 0.5em 0em;
		white-space: nowrap;
	}
	#fabrand #header {
		background: #000000 url(../images/logo.gif) no-repeat left center;
		color: #FFFFFF;
		text-align: center;
		width: 53em;
		margin: 0 auto 2em auto;
	}
	#fabrand #header h2 {
		padding-top: 0.3em;
		font-size: 2em;
		width: 15em;
		float: right;
	}
	#promo #header { background: #B2B2B2 url(../images/blue-grey-logo.gif) no-repeat left center; }
	#promo #header img { margin-left: 20%; }
	#promo #header p {
		color: #2210AB;
		font-size: 2.3em;
		position: relative;
		margin-top: -3.5em; margin-left: 70%;
	}
	#promo #header p strong { color: #FFFFFF; }
/* big grey box around everything */
#mainblock {
	background: #B2B2B2; color: #000000;
	margin: 0 auto; padding: 0;
	width: 53em;
	text-align: left;
}
	#mainblock-wide {
		background: #B2B2B2; color: #000000;
		margin: 0 auto; padding: 0;
		width: 60em;
		text-align: left;
	}
/* bottom section of page displaing other games */
#moregames {
	clear: both;
	background-color: #2210AB;
	padding: 0px; margin: 0px;
}
	#moregames #left {
		float: left; text-align: left;
		width: 49%;
		padding: 0px;	margin: 0px;
		color: #FFFFFF;
	}
	#moregames #right {
		float: right;	text-align: left;
		width: 49%;
		padding: 0px;	margin: 0px;
		color: #FFFFFF;
	}
	#moregames #top {
		color: #FFFFFF;
		text-align: center;
	}
	#moregames #bottom {
		color: #FFFFFF;
		overflow: visible;
	}
#topgames {
	background: #2210AB;
	padding: 0px;	margin: 0px;
	width: 320px;
	float: right;
}
/* signup pages */
ul.gallery {
	float: left;
	list-style: none;
	padding: 0.3em; margin: 1.2em;
	border: 1px solid #FFFFFF;
	background: #0052A4;	
}
	ul.gallery li {
		float: left;
		width: 85px; height: 85px;
		padding: 0em; margin: 0.1em;
	}
	ul.gallery li img {
		padding: 0em; margin: 0px;
		width: 98%; height: 98%;
		display: block;
	}
#msg {
	height: 0em; width: 90%;
	background: #FF9595; color: #000000;
	font-weight: bold;
	/*border: 3px solid #FFFFFF;*/
	margin: 1em auto 0em; padding: 0em;
	text-align: left;
}
	#smstaticmsg {
		height: 5em; width: 40%;
		background: #FF9595; color: #000000;
		font-weight: bold;
		border: 3px solid #FFFFFF;
		margin: 1em auto 1em; padding: 0.7em;
		text-align: left;
	}
	#smstaticmsg a { color: #000000; }
#bigusericon {
	text-align: center;
	margin: 0em auto 0; padding: 0.5em;
	border: 1px solid #FFFFFF;
	width: 200px;
}
#mytop5, #myfavs, #favs, #top5 {
	float: left;
	color: #999999;
	width: 100%;
	text-align: left;
	height: 22em;
	overflow: auto;
}
	#mytop5 ul li.header, #myfavs ul li.header, #favs ul li.header, #top5 ul li.header {
		color: #FFFF66;	font-size: 1.5em;
		border-top: 1px solid #000000;
		text-align: center;
	}
	#mytop5 ul, #myfavs ul, #favs ul, #top5 ul {
		list-style: none;
		text-align: left;
		padding: 0em; margin: 0em;
		color: #FFFFFF;
		width: 96%;
		_width: 91%;
	}
	#mytop5 ul li, #myfavs ul li, #favs ul li, #top5 ul li {
		border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		font-size: 1.2em;
		padding: 0.2em;
	}
	#mytop5 ul li a, #myfavs ul li a, #favs ul li a, #top5 ul li a { text-decoration: none; }
	#mytop5 ul li a.remove:hover, #myfavs ul li a.remove:hover  {
		text-decoration: line-through;
		color: #FF5B5B;
	}
	#mytop5 ul li a.edit:hover, #myfavs ul li a.edit:hover {
		text-decoration: underline;
		color: #85C501;
	}
	#mytop5 ul li a.selected, #myfavs ul li a.selected { color: #FFFF33; }
#nextstepbar {
	text-align: right;
	/*font-size: 1.7em;*/
	padding-right: 1em; margin: 1em 0.5em 0.5em;
}
	/*#nextstepbar input {
		font-size: 1.1em;
		text-decoration: underline;
		cursor: pointer;
	}*/
	#nextstepbar a {
		font-size: 1.7em;
		color: #000000;
		padding: 0.2em;
		border: 1px solid #000000;
		background-color: #ece9d8;
	}
/* step 1 form */
#joinform { padding: 0em; margin: 0em; }
	#joinform fieldset { border-style: none; padding: 1em; }
	/*#joinform input { border: 1px solid #000000; }*/
	#joinform fieldset input {
		padding: 0.1em; margin: 0.1em;
		color: #000000;
		border: 1px solid #000000;
		width: 58%;
	}
	#joinform fieldset label {
		width: 35%;
		text-align: right; float: left;
		color: #FFFFFF;
		margin-right: 0.3em;
	}
/* step 2 form */
#favform {	/*color: #FFFFFF;*/ }
	#favform .steppanels input, #favform select {
		padding: 0.1em; margin: 0.1em;
		color: #000000;	background-color: #B2B2B2;
	}
	#favform .steppanels select { width: 240px; }
	#favform .steppanels input { width: 115px; }
	.steppanels {
		border: 1px solid #CCCCCC;
		background: #0052A4;
		margin: 0.5em 0em 0em; padding: 0.4em;
	}
		.steppanels p {
			margin: 0em;
			padding: 0em;	
			font-size: 1.3em;
			color: #FFFF00;
		}
/* edit interface */
.instrucs {
	margin: 0em 0em 2em; padding: 0.4em;
	font-size: 1.2em;	color: #FFFFFF;
	background: #0052A4;
}
#editnav  {
	width: 90%;
	padding: 0em 0em 0.2em;
	margin: 0 auto;
	border-bottom: 1px solid  #0052A4;
	text-align: center; font-size: 1.2em;
}
	#editnav ul {
		list-style: none;
		padding: 0em; margin: 0em;
		color: #FFFFFF;
	}
	#editnav ul li {
		display: inline;
		padding-left: 0.5em;
	}
	#editnav ul li a {
		text-decoration: none;
		padding: 0.3em; margin: 0em;
	}
	#editnav ul li a.selected, #editnav ul li a:hover {
		background: #333333;
	}
#progresscontainer {
	position: relative; top: 0.2em;
	border: 1px solid #000000;
	font-size: smaller; color: #000;
	height: 1.5em;
	float: right;
	margin: 0em; padding: 0em;
}
	#progresscontainer ul {
		margin: 0em; padding: 0em;
		display: inline;
		font-weight: bold;
		list-style: none;
		float: left;
	}
	#progresscontainer ul li {
		display: inline;
		padding: 0em 0.4em 0em;
	}
	#progresscontainer ul li.curr {
		background: #0052A4;
		color: #FFFFFF;
		border-right: 5px solid #FFFFFF;
	}
	#progresscontainer ul li.done { background: #0052A4; color: #CCCCCC; }
#editinfoform {
	border: 1px dotted #878177;	
	margin: 1em; padding: 1em;
	text-align: left;
}
	#editinfoform input { border: 1px solid #000000; }
	#editinfoform fieldset{
		border: 3px double #878177;
		background-color: #0052A4;
		padding: 1.1em 0.8em; margin: 1em 0em;
	}
	#editinfoform fieldset p { margin: 1em 0em 2em 0em; padding: 0em; }
	#editinfoform fieldset p b { color: #FFFF69; }
	#editinfoform fieldset legend {
		padding: 2px 5px;
		border: 1px solid #878177;
		background-color: #FFD;
		color: #1C1C1C;
	}
	/* http://www.mattheerema.com/archive/getting-fieldset-backgrounds-and-legends-to-behave-in-ie */
	* html #editinfoform { padding: 2em; }
	* html #editinfoform fieldset {
		position: relative;
		margin-top: 2.5em; padding: 1.7em;
	}
	* html #editinfoform legend {
		position: absolute;
		top: -1em; left: .5em;
	}
#schemesample { margin-left: 5em; border: 5px solid #FFFF99; }
/* about/promo page */
#promo-list {
	margin: 0em 0em 0em 2em; padding: 0em;
	list-style: outside square;
	font-size: 1.2em;
}
.promo-header {
	font-weight: bold;
	font-size: 1.8em;
	margin: 0em; padding: 0em;
	text-align: center;
}
#promo-screenie { margin: 4em 2em 0em 2em; }
#promo-big-txt {
	margin-top: 3.5em;
	text-align: right;
	font-size: 2.3em;
	color: #999999;
}
	#promo-big-txt a {
		float: right;
		color: #FFFFFF;
	}
ul#promo-users {
	list-style: none;
	padding: 0.3em; margin: 1.3em;
	border: 1px solid #FFFFFF;
	background-color: #0052A4;
	text-align: center;
}
	ul#promo-users li {
		float: left;
		width: 40%;	padding: 0.5em 0.5em 0.5em 1.7em;
	}
	ul#promo-users li.header { width: 97%; color: #FFFFFF; padding: 0.5em; font-size: 1.3em; }
	ul#promo-users li.footer{ width: 97%; color: #FFFFFF; padding: 0.5em; font-size: 1em; }
	ul#promo-users li img { display: block; }
/* for your site page */
.myarcade-button-row {
	clear: both;
	height: 11.5em;
	padding: 0.5em 2em;
	border-top: 1px solid #0052A4;
	border-right: 1px solid #0052A4;
	border-left: 1px solid #0052A4;
}
	.myarcade-button-row#btm { border-bottom: 1px solid #0052A4;	}
	.myarcade-button-row img {
		float: left;
		margin: 2% 0 0 0;
	}
	.myarcade-button-row textarea { float: right; }
	.myarcade-button-row a {
		float: right;	clear: both;
	}
#bad-uname {
	margin: 1em; padding: 1em;
	font-size: 1.3em;
}
	#bad-uname #head {
		margin-left: -0.7em;
		list-style: none;
		color: #FF9595;
		font-size: 2em;
	}
/* confirm remove user form */
#removemeform { margin: 2em; }
	#removemeform input { border: 1px solid #000000; }
	#removemeform fieldset{
		border: 3px double #878177;
		background-color: #0052A4;
		padding: 1.1em 0.8em; margin: 1em 0em;
	}
	#removemeform fieldset legend {
		padding: 2px 5px;
		border: 1px solid #878177;
		background-color: #FFD;
		color: #1C1C1C;
	}
	* html #removemeform { padding: 2em; }
	* html #removemeform fieldset {
		position: relative;
		margin-top: 2.5em; padding: 1.7em;
	}
	* html #removemeform legend {
		position: absolute;
		top: -1em; left: .5em;
	}
/* login form */
#loginform { width: 50%; }
	#loginform fieldset { border-style: none; padding: 1em; }
	#loginform fieldset input {
		padding: 0.1em; margin: 0.1em;
		color: #000000;
		width: 68%;
		border: 1px solid #000000;
	}
	#loginform fieldset label {
		width: 25%;
		text-align: right; float: left;
		color: #FFFFFF;
		margin-right: 0.5em;
	}
/* browse user page */
ul#browseusers {
	list-style: none;
	padding: 0.3em; margin: 1.3em;
	border: 1px solid #FFFFFF;
	background-color: #0052A4;
	text-align: center;
	position: relative; zoom: 1;
}
	ul#browseusers li {
		float: left; width: 31%;
		margin: 0.3em; padding: 0em;
	}
	ul#browseusers li a span { font-size: 1.3em; }
	ul#browseusers li img {	display: block; margin: 0 auto;}
	
ul#pagnation {
	list-style: none;
	margin: 2em auto; padding: 0em;
	text-align: center;
}
	ul#pagnation li {
		display: inline;
		font-weight: bold;
	}
	ul#pagnation li a, ul#pagnation li.na {
		margin: 0.2em; padding: 0.2em 0.7em;
		background-color: #036;
		color: white;
		text-decoration: none;
		border: 1px solid #FFFFFF;
	}
	ul#pagnation li.na {
		border: 1px solid #C8C8C8;
		background-color: transparent;
		color: #C8C8C8;
	}
	ul#pagnation li a:hover, ul#pagnation li a.curr { background-color: #336699; }
#findgameform { padding: 0em; margin: 0 auto; text-align: center; }
	#findgameform input {
		color: #000000;
		border: 1px solid #000000;
	}
/* little nav bar at bottom of pages */
#navcontainer {
	margin: 0 auto; padding: 0.7em 0;
	text-align: center;
	color: #FFFFFF;
	overflow: hidden;
	width: 40em;
}
	#navcontainer ul {
		list-style-type: none;
		margin: 0; padding: 0;
		font-size: 95%;
		text-align: center;
	}
	#navcontainer ul li {
		border-left: 1px solid #FFFFFF;
		float: left;
		margin: 0 .5em 0 -.5em;
		padding: 0 .5em 0 .5em;
	}
	#navcontainer ul li a { color: #FFFFFF; }