/* HTML Elements */

body {
	margin: 0;
	font-family: Arial;
	font-size: 0.9em;
	color: #fff;
	background: url(/images/layout/home/background.jpg) top center #036319 repeat-x;
}

a {
	color: #fff;
}

p {
	margin: 10px 0;
}

strong {
	font-weight: bold;
}

h4 {
	font-family: verdana, arial;
	font-size: 16px;	
	margin: 15px 0;
}

/* HR */
hr {
	background: url(/images/layout/footer-bar.gif) 10px center no-repeat;
	margin: 0 auto;
	width: 219px;
	height: 20px;
	border: 0;
}

.table {
	width: 100px;
}

/* Handy Alignment Styles */

.center {
  text-align: center;
}

.right {
  text-align: right;
}

/* Min-width Wrapper */

#wrapper {
	width: 959px;
	margin: 0 auto;
}

/* Flash Messages */

#warning,
#error,
#notice {
	text-align:center;
	background: #8144B3;
	border: 3px solid #470084;
	padding: 15px;
	width: 310px;
	margin: 20px auto 0 auto;
	font-size: 18px;
}

/* Misc Other Alerts */

#process-text {
	font-size: 18px;
	text-align: center;
}


/* Heading/Nav Bar */

#logo {
	width: 219px;
	height: 143px;
	background: url(/images/layout/logo.png);
	float: left;
	
}

#logo-spacer {
	/* This is simply here for IE6 */
	display: none;
}

#nav-inner {
	width: 999px;
	margin: 0 auto;
}

#nav {
	height: 143px;
	background-color: #763EA4;
	background: url(/images/layout/nav-tile.png) 0 32px repeat-x;
	font-size: 16px;
}

#nav ul {
	margin: 7px auto 0 auto;
	float: left;
	margin-top: 39px;	
	width: 390px;
}


#nav ul li {
	height: 57px;
	padding: 18px 12px 18px 10px;
	background: url(/images/layout/nav-separator.gif) top right no-repeat;
	color: #fff;	
	display: inline;
}

#nav ul.left li {
	float: right;
}

#nav ul.right li {
	float: left;
}

#nav ul a {
	color: #fff;
	text-decoration: none;
}

#nav ul li.active a {
	color: #fff;
}

#nav ul li.active a:hover,
#nav ul a:hover {
	color: #FFE55B;
}

#nav ul li.last {
	background: transparent;
	border: 0;
}

/* Wonky Boxes */

#login-box,
#smallest-box,
#small-box,
#medium-box,
#large-box {
	margin: 0 auto;
	overflow: hidden;
	margin-top: 15px;	
}

#login-box {
	overflow: visible;
}

#login-box {
	background: url(/images/layout/containers/login.png) no-repeat;	
	width: 327px;
	height: 471px;
	padding: 20px;	
}

#smallest-box {
	background: url(/images/layout/containers/smallest.png) no-repeat;	
	width: 327px;
	height: 306px;
	padding: 20px;	
}

#small-box {
	background: url(/images/layout/containers/small.png) no-repeat;	
	width: 327px;
	height: 411px;
	padding: 20px;	
}

#medium-box {
	background: url(/images/layout/containers/medium.png) no-repeat;	
	width: 481px;
	height: 477px;
	padding: 20px;	
}

#large-box {
	background: url(/images/layout/containers/large.png) no-repeat;	
	width: 800px;
	height: 477px;
	padding: 20px;	
}

/* Wonky Box Headings */

#login-box .box-heading,
#smallest-box .box-heading,
#small-box .box-heading {
	margin: 10px auto 10px auto;
	text-align: center;
}

#medium-box .box-heading {
	margin: 20px auto 10px auto;
	text-align: center;
}

#large-box .box-heading {
	margin: 20px auto 10px auto;
	text-align: center;
}


/* Fancy Forms */

input.fancy {
	background: url(/images/layout/forms/input.gif) no-repeat;	
	width: 220px;
	height: 21px;
	border: 2px solid #4f5397;
	color: #fff;	
	font-size: 14px;
	font-weight: bold;
	padding: 9px 7px;	
}

.fancy-select {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}

.fancy-select select {
	font-size: 14px;
	font-weight: bold;
	background: #a692b7;
	border: 1px solid #4f5397;
	color: #fff;
}

#sponsors {
	background: url(/images/layout/footer-bar.gif) top center no-repeat;
	margin: 20px auto 0 auto;
	width: 400px;
	text-align: center;
}

#sponsors img {
	margin: 10px;
}


#login_form {
	margin: 0 auto;
	width: 234px;
}

#register_form {
	margin: 0 auto;
	width: 235px;	
}

#forgotten_password_form {
	margin: 0 auto;
	width: 250px;
}


#leaderboard-table {
	width: 400px;
	margin: 10px auto;
}

#leaderboard-table tr td {
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

#address_form td,
#credit_card_form td {
	padding: 5px;
}
#medium_box_container {
	margin: 0 auto;
	width: 420px;
}

#large_box_container {
	margin: 0 auto;
	width: 730px;
}

#medium_box_container p {
	text-align: center;
}

#medium_box_container form p {
	text-align: center;
}

.coupon-image {
	text-align: center;
	padding: 10px 0
}

.form-box {
	float: left;
	width: 50%;
}

.goto-world {
	margin: 0 auto;
	margin-top: 30px;
	display: block;
	background: url(/images/layout/goto-world.png) no-repeat top left;	
	width: 298px;
	height: 198px;
}

.goto-world:hover {
	background: url(/images/layout/goto-world.png) no-repeat bottom left;	
}

/* Styled Buttons */

.small-input,
.large-input {
	margin: 20px 0 10px 0;
	text-align: center;
}

.small-input input {
	background: url(/images/layout/buttons/small.gif) no-repeat;	
	width: 150px;
	height: 46px;	
	border: 0;
	color: #fff;
	font-size: 16px;	
}


.large-input input {
	background: url(/images/layout/buttons/large.gif) no-repeat;	
	width: 234px;
	height: 48px;	
	border: 0;
	color: #fff;
	font-size: 16px;
}

.thin-input-red,
.thin-input-yellow,
.thin-input-green {
	margin: 0;
}

.thin-input-red input,
.thin-input-yellow input,
.thin-input-green input {
	background: url(/images/layout/buttons/thin-red.gif) no-repeat;	
	width: 232px;
	height: 42px;	
	border: 0;
	color: #fff;
	font-size: 16px;
}

.thin-input-yellow input {
	background: url(/images/layout/buttons/thin-yellow.gif) no-repeat;	
	color: #5f6000;
}

.thin-input-green input {
	background: url(/images/layout/buttons/thin-green.gif) no-repeat;	
}

.no-margin {
	margin: 0;
}

.large-text {
	font-size: 16px;
}

.large-input a,
.large-input span{
	display: block;
	text-align: center;
	background: url(/images/layout/buttons/large.gif) no-repeat;	
	width: 234px;
	height: 34px;	
	border: 0;
	color: #fff;
	text-decoration: none;
	padding-top: 14px;
	margin: 0 auto;
	font-size: 16px;	
}

.small-input a {
	display: block;
	text-align: center;
	background: url(/images/layout/buttons/small.gif) no-repeat;	
	width: 150px;
	height: 31px;	
	border: 0;
	color: #fff;
	text-decoration: none;
	padding-top: 13px;
	margin: 0 auto;
	font-size: 16px;	
}

/* Subscription Page */

#medium_box_container table {
	padding: 5px;
	width: 100%;
}

#medium_box_container table tr td {
	padding: 5px 0;
}

.standard-dropdown {
	width: 206px;
}

#mysubscriptions {
	margin-top: 20px;
}

#mysubscriptions p {
	text-align: center;
}

.subscription_image {
	display: block;
	width: 420px;
	height: 111px;
}

/* Styles For Game And App SWF On Launch Page */

#flashcontent {
	position: absolute;
	z-index: 1;
}

#flashcontent2 {
	position: absolute;
	top: 183px;
	left: 50%;
	width: 770px;
	height: 490px;
	margin-left: -402px;
	z-index: 9999;
}

/* Error Messages */

#errorExplanation {
  width: 550px;
  margin: 10px auto;
  border: 3px solid #470084;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #7F43B0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px;
  font-size: 12px;
  margin: -7px;
  background-color: #470084;
  color: #fff;
}

#errorExplanation p {
  margin-bottom: 0;
  padding: 10px 0;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin: 4px 25px;
}

.fieldWithErrors {
	margin-top: -10px;
}


/* Goto Page */

#goto-page {
	margin-top: 45px;
}

#goto-page li {
	text-align: center;
}

#goto-page li {
	text-align: center;
	margin: 20px 0;
}

#goto-page a {
	text-decoration: none;
	font-size: 14px;
}

#goto-page a:hover {
	text-decoration: underline;
}

#goto-page img {
	padding: 5px;
	margin-bottom: -14px;	
}

/* Clearer */

.clear {
	clear:both;
	padding: 0;
	margin: 0;
}


/* Footer Hack */
* {
	margin: 0;
}

html, body {
	height: 100%;
}

#main-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -32px;
}

.footer, .push {
	height: 32px;
}


#footer {
	width: 100%;
	height: 32px;
	text-align: center;
	background: #014410 url(/images/layout/footer_bg.gif) repeat-x;
}

#footer a {
	color: #cccc00;
	font-size: 12px;
	display: block;
	padding-top: 8px;
	height: 24px;	
}

.center {
	text-align: center;
}

/* nicer debug output */
pre { background: #111; color: #fff; font: monospace; padding: 10px; overflow: auto; }

.world_icon {
	margin-top: 30px;
	display: block;
	background: url(/images/layout/goto-world.png) no-repeat top left;	
	width: 298px;
	height: 158px;
	float: right;
}