* { margin: 0; padding: 0 ; }
img { border: 0; }

body { 
	background: #563625;
	color: #524532;
	background: url(../images/outer_images/bodybg.jpg) repeat;
	font-family: tahoma;
	font-size: 11px;
	}

/* #background {background:#36322F url(../outer/images/bg.gif) repeat-x;color:#7D7664;font:75%/125% "Trebuchet MS", Arial, Sans-Serif; } */

#finalmotive {
	width: 100%;
	height: 30px;
	background: url(../images/outer_images/topbar_bg.gif) repeat-x;
	}
	
	#finalmotive .left { float: left; }
	#finalmotive .right { float: right; }
	#finalmotive .form { background-color: #bdbebe; margin-top :3px; }
	#finalmotive img { display: block; }

#wrapper {
	width: 771px;
	padding: 0px 0 0 0;
	margin: 0 auto;
	}

	/* not for this game
	#scrolltop {
		width: 771px;
		height: 34px;
		background: url(../images/outer_images/scrolltop.jpg) no-repeat;
		}*/

	h1 a {
		width: 765px;
		height: 214px;
		background: #36322f;
		background: url(../images/outer_images/pqlogo.png) no-repeat top right;  
		text-indent: -10000px;
		display: block;
		}

	#afterlogo-2 {
		width: 752px;
		height: 87px;
		margin: 0 0 0 13px;
		background: #36322f;
	/*	background: url(../images/outer_images/afterlogo-2.jpg) no-repeat; */
		overflow: hidden;
		}
	
	#afterlogo-3 {
		width: 752px;
		height: 106px;
		margin: 0 0 0 13px;
		background: #36322f; 
	/*	background: url(../images/outer_images/afterlogo-3.jpg) no-repeat; */
		}
		
	/*
	#ip-top {
		width: 752px;
		height: 15px;
		margin: 0 0 0 13px;
		background: #36322f;
		 background: url(../images/outer_images/ip-top.gif) no-repeat; 
		}
	
	#ip-content { 
		width: 752px;
		height: 35px;
		background: url(../images/outer_images/bg-ip.gif) repeat-y; 
		font-size: 11px;
		font-weight: bold;
		color:#7D7664;
		clear: both;
		position: absolute;
		}
		
	#ip-content p {
		padding: 41px 30px 0px 0px;
		float: right;
		}	
	
	#ip-bottom {
		width: 752px;
		height: 7px;
		margin: 0 0 0 13px;
		background: #36322f;
		background: url(../images/outer_images/ip-bottom.gif) no-repeat; 
		overflow: hidden;
		}
	*/
	
	#finished {
		width: 752px;
		height: 96px;
		margin: 0 0 0 13px;
		background: #36322f;
		background: url(../images/outer_images/bg-finished.jpg) no-repeat;
		}
		
		#finished .one {
			width: 752px;
			height: 57px;
			color:#7D7664;
			font-size: 13px;
			}
			
			#finished .one p { padding: 13px 0 0 47px; }
			#finished .one a { font-weight: bold; text-decoration: underline; color:#7D7664; }
		
		#finished .two {
			width: 752px;
			height: 39px;
			color:#7D7664;
			font-size: 11px;
			}
			
			#finished .two p { padding: 11px 0 0 47px; }
			#finished .two a { font-weight: bold; text-decoration: underline; color:#7D7664; }
	
	/* normal game #signupbg 
	#signupbg {
		width: 752px;
		margin: 0 0 0 13px;
		padding: 13px 0 0 22px;
		background: url(../images/outer_images/bg-long-sub.gif) repeat-y; 
		}
	*/
	
	/* #signupbg and sub-elements specific to FW */
	#signupbg {
		width: 617px;
		height: 170px;
		background: url(../images/outer_images/create/field-step1.jpg) no-repeat;
		padding: 20px 0 0 61px;
		}
	
		#signupbg h2 { font-family: georgia; font-size: 16px; color: #6b270b; font-weight: bold; }
		#signupbg p.one { padding: 8px 0 0 0; color: #733112; }
		#signupbg .container { width: 440px; padding: 12px 0 0 0; }
		#signupbg .name { float: left; width: 210px; color: #733112; font-weight: bold; }
			#signupbg .name p { float: right; padding: 3px 10px 0 0; }
		#signupbg .dropdown { float: right; width: 230px; }
			#signupbg .dropdown .style { width: 104px; height: 19px; font-family: tahoma; font-size: 11px; color: #EBE5CB; background: #78533d; }
			#signupbg .dropdown .style2 { width: 204px; height: 19px; font-family: tahoma; font-size: 11px; color: #EBE5CB; background: #78533d; }
		#signupbg .clear { clear: both; width: 440px; height: 7px; overflow: hidden; }
		
		#step {
			width: 710px; 
			height: 54px;
			background: url(../images/outer_images/signup-step.png) no-repeat;
			}
			
			#step p { color:#7D7664; font-family: arial; font-weight: bold; font-size: 16px; padding: 18px 0 0 15px; line-height: 20px; display: block; }
		
		
		#formfields {
			width: 710px;
			height: 254px;
			background: url(../images/outer_images/bg-formfields.png) no-repeat;
			font-weight: bold;
			}
			
			#formfields p.one { padding: 25px 0 0 25px; font-weight: normal; color:#7D7664; }
			#formfields p.two { font-size: 14px; padding: 25px 0 0 25px; font-weight: normal; color:  #ebe6ce0; }
			#formfields a.one { text-decoration: underline; }
			#formfields a.two { font-size: 14px; color:#7D7664; font-weight: bold; }
			
			#formfields .container {
				padding: 40px 0 0 205px;
				}
				
			#formfields .fromrow {
				margin: 0 0 9px 0;
				}
				
			#formfields .signup-name {
				width: 90px;
				text-align: right;
				display: block;
				float: left;
				color:#7D7664;
				padding: 3px 8px 0 0;
				}

			#formfields .signup-field {
				width: 120px;
				background: #464544;
				border: 0;
				color:#DFDFDD;
				}		
			
			#formfields .security {
				margin: 0 0 9px 67px;
				display: block;
				}
			
			#formfields .checkbox {
				margin: 0 0 0 30px;
				}
				
		#continue {
			width: 710px;
			height: 47px;
			background: url(../images/outer_images/bg-continue.png) no-repeat; 
			}
			
			#continue .submit {
				clear: both;
				margin: 4px 40px 0px 0px;
				width: 118px;
				height: 31px;
				border: 0;
				}
	#scrollbottom-2 {
		width: 763px;
		height: 34px;
		margin: 0 0 0 8px;
		/* background: url(../images/outer_images/scrollbottom-sub.gif) no-repeat; */
		}
		
#wrapper2 {
	width: 707px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	}
	
	/* defined in create.css
	#footer {
		width: 715px;
		height: 31px;
		background: url(../images/outer_images/footer.gif) no-repeat top right; 
		color:#7D7664;
		padding: 13px 0 0 0;
		}

		#footer ul { list-style-type: none; float: left; padding: 0 0 0 10px; }
		#footer li { float: left; padding: 0 0 0 8px; }
		#footer li a { font-weight: bold; color:#7D7664; text-decoration: none; line-height: 15px; }
		#footer li a.dot { border-bottom: 1px dotted #9d9795; line-height: 15px; }
		#footer li a:hover { color:#7D7664; }
		#footer .copyright { float: right; font-size: 10px; text-decoration: underline; padding-right: 10px; line-height: 15px; }
	*/
	#accreditations {
		width: 707px;
		height: 54px;
		list-style-type: none;
		padding: 12px 0 0 8px;
		}

		#accreditations li { float: left; padding-right: 17px; }
		
/* ==FOOTER: ACCREDITATIONS 
--------------------------------------------------------------------- */

#accreditations li {
   background: transparent;
}


/* ScanAlert */
#accreditations li.first a {
   background: transparent url(http://images.scanalert.com/meter/www.piratequest.net/13.gif) no-repeat 0 0;
   width     : 94px;
   height    : 54px;
}

/* Moneybookers */
#accreditations li.second a {
   background: transparent url(../images/outer_images/moneybookers.gif);
   width     : 69px;
   height    : 54px;
}

/* PayPal */
#accreditations li.last a {
   background: transparent url(../images/outer_images/paypal.gif);
   width     : 113px;
   height    : 54px;
}

/* ==PARAGRAPH
--------------------------------------------------------------------- */
#paragraph { 
	color    :  #ebe6ce;
	margin-top: 30px;
}

/* ==METHODS - IMAGE REPLACEMENT TECHNIQUE (Phark method) - Reference: http://phark.typepad.com/phark/2003/08/accessible_imag.html
--------------------------------------------------------------------- */
#content p a,
#nav li a,
#accreditations li a,
#network-branding a,
.phark {
   display        : block;
   overflow       : hidden;
   text-decoration: none;
   text-indent    : -99999px;
   font-size      : 0.0;
   line-height    : 0.0;
   background     : transparent no-repeat 0 0;
}

/* ==METHODS - ACCESSIBLE HIDING
--------------------------------------------------------------------- */
#skip-nav,
#branding h1,
#branding-strapline,
#left h2,
#member-login legend,
#game-statistics h2,
#footer h2,
#network-branding p,
#network-branding legend,
#network-branding label,
#network-branding fieldset.submit-fieldset,
.accessh {
	position   : absolute;
	left       : -9999px;
	height     : 0.0;
	overflow   : hidden;
	font-size  : 0.0;
   line-height: 0.0;
}

/* ==STYLES FROM create.css
--------------------------------------------------------------------- */
#wrapper { 
	width: 678px;
	margin: 0 auto;
	}
	
	#topleft {
		float: left;
		width: 244px;
		height: 240px;
		}
		
		#startplaying { 
			width: 244px;
			height: 198px;
			background: url(../images/outer_images/bg-startplaying.jpg) no-repeat; 
			}
			
			#startplaying h2 a { 
				width: 71px;
				height: 114px;
				padding: 77px 0 0 141px;
				background: transparent;
				display: block;
				text-indent: -99999px;
				}
		
		#menu1 {
			width: 244px;
			height: 42px;
			list-style-type: none;
			}
			
			#menu1 li { float: left; }		
			#menu1 li span { display: none; }
			#menu1 li a { height: 42px; display: block; }
				#menu1 li a.home { width: 112px; height: 42px; background: url(../images/outer_images/menu-home.jpg) no-repeat top; }
				#menu1 li a.thegame { width: 132px; height: 42px; background: url(../images/outer_images/menu-thegame.jpg) no-repeat top; }
				#menu1 li a:hover { background-position: bottom; }
			
	
	h1 a { 
		float: left;
		width: 182px;
		height: 240px;
		background: url(../images/outer_images/logo.jpg) no-repeat;
		text-indent: -99999px;
		display: block;
		}
	
	#topright {
		float: left;
		width: 252px;
		height: 240px;
		}
		
		#joinnow {
			width: 252px;
			height: 198px;
			background: url(../images/outer_images/bg-joinnow.jpg) no-repeat;
			}
			
		#menu2 {
			width: 252px;
			height: 42px;
			list-style-type: none;
			display: block;
			}
			
			#menu2 li { float: left; }	
			#menu2 li span { display: none; }
			#menu2 li a { height: 42px; display: block; }			
				#menu2 li a.signup { width: 117px; height: 42px; background: url(../images/outer_images/menu-signup.jpg) no-repeat top; }
				#menu2 li a.support { width: 135px; height: 42px; background: url(../images/outer_images/menu-support.jpg) no-repeat top; }
				#menu2 li a:hover { background-position: bottom; }
			
			#joinnow h2 a {
				width: 55px;
				height: 94px;
				background: transparent;
				text-indent: -99999px;
				display: block;
				padding: 91px 0 0 31px;
				}
	
	#create-imgtext {
		clear: left;
		width: 678px;
		height: 80px;
		background: url(../images/outer_images/create/createacct.jpg) no-repeat;
		}
	
	#registered { 
		clear: left;
		width: 678px;
		height: 80px;
		background: url(../images/outer_images/create/registered.jpg) no-repeat; 
		}
	
	#finished { 
		width: 678px;
		height: 423px;
		background: url(../images/outer_images/create/finished.jpg) no-repeat;
		color: #fcfaf8;
		}
		
		#finished p.one { font-size: 12px; padding: 25px 0 0 61px; }
		#finished p.two { font-size: 11px; padding: 30px 0 0 61px; }
		#finished a { font-weight: bold; text-decoration: underline; color: #fcfaf8; }
		
	#create-ip {
		width: 678px;
		height: 69px;
		background: url(../images/outer_images/create/bg-ip.jpg) no-repeat;
		}
		
		#create-ip p { color: #ede7cf; padding: 21px 0 0 60px; font-weight: bold; }
		
	#create-ip2, #ip-content {
		width: 678px;
		height: 69px;
		background: url(../images/outer_images/create/bg-ip2.jpg) no-repeat;
		}
		
		#create-ip2 p, #ip-content p { color: #ede7cf; padding: 21px 0 0 60px; font-weight: bold; }
	
	#field-step1 {
		width: 617px;
		height: 170px;
		background: url(../images/outer_images/create/field-step1.jpg) no-repeat;
		padding: 20px 0 0 61px;
		}
	
		#field-step1 h2 { font-family: georgia; font-size: 16px; color: #6b270b; font-weight: bold; }
		#field-step1 p.one { padding: 8px 0 0 0; color: #733112; }
		#field-step1 .container { width: 440px; padding: 12px 0 0 0; }
		#field-step1 .name { float: left; width: 210px; color: #733112; font-weight: bold; }
			#field-step1 .name p { float: right; padding: 3px 10px 0 0; }
		#field-step1 .dropdown { float: right; width: 230px; }
			#field-step1 .dropdown .style { width: 104px; height: 19px; font-family: tahoma; font-size: 11px; color: #EBE5CB; background: #78533d; }
			#field-step1 .dropdown .style2 { width: 204px; height: 19px; font-family: tahoma; font-size: 11px; color: #EBE5CB; background: #78533d; }
		#field-step1 .clear { clear: both; width: 440px; height: 7px; overflow: hidden; }
		
	#field-step2 {
		width: 617px;
		height: 230px;
		background: url(../images/outer_images/create/field-step2.jpg) no-repeat;
		padding: 20px 0 0 61px;
		}
		
		#field-step2 h2 { font-family: georgia; font-size: 16px; color: #6b270b; font-weight: bold; }
		#field-step2 p.one { padding: 8px 0 0 0; color: #733112; }
		#field-step2 p.two { padding: 6px 0 0 0; color: #733112; }
		#field-step2 .container { width: 440px; padding: 12px 0 0 0; }
		#field-step2 .container2 { width: 440px; padding: 2px 0 0 0; }
		#field-step2 .name { float: left; width: 210px; color: #733112; font-weight: bold; }
			#field-step2 .name p { float: right; padding: 4px 10px 0 0; }
		#field-step2 .field { float: right; width: 230px; }
			#field-step2 .field .style { width: 144px; height: 17px; font-family: tahoma; font-size: 11px; color: #EBE5CB; background: #78533d; padding: 2px 5px 0; }
		#field-step2 .clear { clear: both; width: 440px; height: 4px; overflow: hidden; }
		
	#field-step3 {
		width: 617px;
		height: 230px;
		background: url(../images/outer_images/create/field-step3.jpg) no-repeat;
		padding: 20px 0 0 61px;
		}
		
		#field-step3 h2 { font-family: georgia; font-size: 16px; color: #6b270b; font-weight: bold; }
		#field-step3 p.one { padding: 8px 0 0 0; color: #733112; }
		#field-step3 p.two { padding: 6px 0 0 0; color: #733112; }
		#field-step3 .captcha { padding: 10px 0 0 211px; }
		#field-step3 .container { width: 440px; padding: 12px 0 0 0; }
		#field-step3 .container2 { width: 440px; padding: 15px 0 0 100px; }
			#field-step3 .container2 p.agree { padding: 0 0 0 0; color: #864c31; }
			#field-step3 .container2 p.email { padding: 10px 0 0 0; color: #864c31; }
		#field-step3 span { padding: 0 6px 0 0; }
		#field-step3 .name { float: left; width: 210px; color: #733112; font-weight: bold; }
			#field-step3 .name p { float: right; padding: 4px 10px 0 0; }
		#field-step3 .field { float: right; width: 230px; }
			#field-step3 .field .style { width: 144px; height: 17px; font-family: tahoma; font-size: 11px; color: #EBE5CB; background: #78533d; padding: 2px 5px 0; }
		#field-step3 .clear { clear: both; width: 440px; height: 4px; overflow: hidden; }
		#field-step3 .checkbox { border: none; margin-top: -5px; }
		
	#continue-step1 {
		width: 386px;
		height: 85px;
		background: url(../images/outer_images/create/continue-step1.jpg) no-repeat;
		padding: 18px 0 0 292px;
		}
	
	#continue-step2 {
		width: 386px;
		height: 85px;
		background: url(../images/outer_images/create/continue-step2.jpg) no-repeat;
		padding: 18px 0 0 292px;
		}
	
	#continue-step3 {
		width: 386px;
		height: 85px;
		background: url(../images/outer_images/create/continue-step3.jpg) no-repeat;
		padding: 18px 0 0 292px;
		}
	
	#continue-none {
		width: 386px;
		height: 85px;
		background: url(../images/outer_images/create/continue-none.jpg) no-repeat;
		padding: 18px 0 0 292px;
		}
	.button { 
		width: 106px;
		height: 29px;
		}
		
	#footer { 
		clear: both;
		width: 678px;
		height: 73px;
		background: url(../images/outer_images/bg-footer.jpg) no-repeat;
		font-size: 11px;
		font-family: tahoma; 
		color: #d2c296;
		}
		
		#footer ul { list-style-type: none; padding: 24px 0 0 99px; }
		#footer ul li { float: left; }
		#footer ul li.one { font-weight: bold; padding: 0 9px 0 0; }
		#footer ul li.two { font-weight: normal; }
		#footer ul li.three { padding: 0 10px; }
		#footer a  { color: #d2c296; }
		#footer .copyright { float: right; font-size: 10px; text-decoration: underline; padding-right: 10px; line-height: 15px; margin-top: 40px; }