@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {}
a:hover {}

#left {
	background-image:url(../../images/left.jpg);
	background-position:right center;
	background-repeat:repeat-x;
	height:860px;
	left:0;
	position:absolute;
	top:31px;
	width:50%;
	z-index:-10;
}

#right {
	background-image:url(../../images/right.jpg);
	background-position:left center;
	background-repeat:repeat-x;
	height:860px;
	position:absolute;
	right:0;
	top:31px;
	width:50%;
	z-index:-10;
}

.Sea_Wrapper {
	height:860px;
	margin: auto auto;
}
.Sea_Center{	
	background: #000 url(../../images/sky.jpg) no-repeat; 
	background-position:center top;
	height:860px;
	left:0;
	margin:auto;
	position:relative;
	top:0;
	width:1110px;
	z-index:5;

	margin: auto auto;
	}


body { 
	font:75%/125% Tahoma, Arial, Sans-Serif;
	background-color: #000;
	margin: auto auto;
	}
	
img {border:0;}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#wrap {margin: auto auto;width:1386px; }
#page {background:url(../../images/treasure_bg.png) left 46px no-repeat; height:908px;margin:auto auto; width:1386px;}

/*Logo*/
#logo {float:left;margin:0 0 0 0; background:url(../../images/treasure_header.png); width: 1386px; height: 233px; text-indent:-10000px; }
#branding-strapline {font-size:0; height:0; left:-9999px; line-height:0; overflow:hidden; position:absolute;}
#sign_up { left:380px; position:absolute; top:130px; background:url(../../images/treasure_singup.png) no-repeat; width:102px; height:33px;  text-indent:-10000px; }
#stats {display: none;}


/* Content*/
#free-to-play {left:92px;position:absolute; top:38px;}
#flash {margin-left:41px;width:808px}

	/*Sign In Section*/
	#sign-in {color: white; z-index: 105; position:absolute; width:235px; overflow: visible; left:1114px; top:55px; behavior: url("/css/iepngfix.htc"); }
	* html #sign-in {position:static}
	#sign-in h2 { z-index:106; position:relative; color:#75200c;font:1.5em Georgia, Garamond, Serif;height:39px;position:relative;width:212px}
	#sign-in h2 span {height:100%;left:0;position:absolute;top:0;width:100%}
		
		/*Sign In form*/
		
		#sign-in form {padding: 0 0 64px; z-index:106; position:relative; height:20px; color: white;}
		#sign-in form label#username-label {display:block;float:left;height:27px;position:relative;width:104px; color: white;}
		#sign-in form label#username-label span {height:100%;left:0;position:absolute;top:0;width:100%; color: white;}
		#sign-in form div {float:left;height:26px;width:110px}
		#sign-in form div input {background:none;border:0;padding:3px 5px;width:100px; color: #FFF; }
		#sign-in form label#password-label {clear:both;display:block;float:left;height:14px;margin: 0 1px 6px 0;position:relative;width:103px}
		#sign-in form label#password-label span {height:100%;left:0;position:absolute;top:0;width:100%}
		#sign-in form input#login-button {clear:both;color:#000;display:block;margin:-3px 0 0 61px}
		
		/*Forgotten Password IR*/
		#sign-in a#forgotten-pass {display:block;float:right;height:17px;margin:-22px 0 0 0;position:relative;width:121px; }
		* html #sign-in a#forgotten-pass {display:inline-block}
		#sign-in a#forgotten-pass span {background:url(../../images/forgot.png) left top no-repeat;height:17px;position:absolute;width:121px;}

	/*Center Content*/
	#center-content {position:relative;z-index:110; color:white; margin: auto auto}
	#center-content p {height:127px;overflow:hidden;position:relative;width:392px}
	#center-content p span {cursor:pointer; height:100%;left:0;position:absolute;top:0;width:100%}
	#center-content #lone-pirate {position:absolute;right:-48px;top:23px}



	/*Online Now*/
		#online-now-title {
		left:136px;
		margin:auto;
		position:relative;
		top:111px;
	}
	/*Online Now*/
		#online-now {
		height:100px;
		left:96px;
		margin:auto;
		position:relative;
		top:111px;
		width:800px;

}
	/*#online-now {clear:both;margin: 0 0 0 147px;position:relative;width:680px; top:-180px;}
	/*#online-now h3 {color:#593517;font:bold 1.25em Georgia, Garamond, Serif;height:19px;left:144px;position:absolute;top:-46px;width:185px}
	/*#online-now h3 span {behavior: url("/css/iepngfix.htc");  background:url(../../images/PageB/pirates-online.png) left top no-repeat;height:100%;left:0;position:absolute; width:100%} */

		/*Pirates online*/
		.pirate {display:inline;float:left;font-size:.835em;margin: 0 8px 0 8px;text-align:center;width:60px}
		.pirate img {display:block;margin:0 auto 5px}
		.pirate a {color:#FFF;}

/* IE PNG fix*/
* html img { behavior: url("/css/iepngfix.htc") }
  


#footer {
	background:#000000 url(../../images/footer.png) no-repeat scroll center top;
	clear:both;
	color:#555555;
	margin:auto auto;
	padding:17px 0 0;
	position:relative;
	text-align:center;
	top:149px;
	width:752px;
}
#footer h3 {display:block;font-size:1.135em;font-weight:400;height:14px;margin:0 auto 13px;overflow:hidden;position:relative;width:212px}
#footer h3 span {background:url(../../images/final.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
	
	/*Footer Images*/
	#footer div {color:#3d3d3d;float:left;font-size:.835em;font-weight:700;margin: 0 0 18px;width:246px}
	#footer #dark-age {width:240px}
	#footer #fight {width:266px}
	#footer div img {margin: 0 0 12px}

	/*Footer copyright*/
	#footer p#copy {background:url(../../images/copy.jpg) left top no-repeat;clear:both;color:#6b6b6b;font-size:.835em;height:39px;margin: 0 auto 30px;padding: 6px 0 0;position:relative;width:276px;
	
	}


/*  Email popup box */
.emailTop {
	width: 620px;
	height: 23px;	
	background: url('/images/new_map/error_top.gif') no-repeat;
}

.emailBottom {
	width: 618px;
	height: 23px;	
	background: url('/images/new_map/error_bot.gif') no-repeat;
}

.emailMid {
	width: 600px;
	background: url('/images/new_map/error_mid.gif');
	padding:11px;
}

#forgotemail {
	display: none; 
	padding: 10px; 
	/*filter: alpha(opacity=85); -moz-opacity:.85; opacity:.85;*/
	position: absolute;
	z-index: 1000;
	left: 32%;
	top: 26%;
	width: 620px;
	height: 180px;	
}

#emailclose {
	cursor: pointer;
	width: 11px; 
	height: 11px; 
	background: url('/images/events-x.gif') no-repeat;
	position: absolute; 
	right: 30px;
	top: 30px;
}
/* end pop up box */		

/* change pass popup box */	
#changepass {
	display: none; 
	padding: 10px; 
	/*filter: alpha(opacity=85); -moz-opacity:.85; opacity:.85;*/
	position: absolute;
	z-index: 1000;
	left: 32%;
	top: 26%;
	width: 620px;
	height: 180px;	
}
/* end change pass pop up box */	

#compass{left:0;position:absolute; top:0; z-index:105; }
#header { height: 145px;}
#slidewrapper{left:45px; width:805px; height: 340px; position:relative; width:805px;}
#content{position:relative; width: 1386px; height: 500px; overflow: visible;}

#overlay{position: absolute; left:50%; margin-left:-404px; z-index: 100;}	
#container {overflow:hidden; z-index: 90; position: absolute;  width: 803px; height: 340px;}
#underlay{position: absolute; width: 802px; height: 340px;}
.rotateimg {position: absolute;  width: 805px; height: 340px; }

#showreg{position:absolute; z-index:116; top:30px; left:80px; width: 140px; height: 110px; }
#showreg:hover{cursor: pointer;}
#showreg img{width: 140px; height: 110px;}

.sea_login_now {
	position:relative;
	top:75px;
	left:267px;
	width: 483px;
	height: 292px;

	background-image:url(../../images/sea_stat_playing.png);
	background-repeat: no-repeat;
	z-index:8;
}
#ip-content {text-align:center; }

#errorclose {
	cursor: pointer;
	width: 11px; 
	height: 11px; 
	background: url('/images/events-x.gif') no-repeat;
	position: absolute; 
	right: 45px;
	top: 30px;
}
/*
.sign_up_tos{
	left:68px;
	position:relative;
	top:168px;
}*/

.sign_up_tos-text{
	behavior: url("/css/iepngfix.htc");
	background-image:url(../../images/sea_link_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:32px;
	left:50px;
	position:relative;
	top:202px;
	width:100px;
}

#error_text {
	color:#6F0000;
	font-weight:bold;
	height:31px;
	left:88px;
	overflow:hidden;
	position:relative;
	top:-43px;
}



.sign_up_tos-text a{ color:#963602; font-family:Verdana; font-weight:bold; font-size:12px; }

.sign_up_email {
	background-color:#DFB671;
	border:medium none;
	height:17px;
	left:147px;
	position:absolute;
	top:95px;
	width:228px;
	z-index:3000;
}

#finish-signup{
	left:183px;
	position:absolute;
	top:222px;
}

.sign_up_pass{
	background-color:#DFB671;
	border:medium none;
	height:16px;
	left:186px;
	position:absolute;
	top:144px;
	width:189px;
	z-index:3000;
 }
 
.sign_up_verify{
	background-color:#DFB671;
	border:medium none;
	height:19px;
	left:187px;
	position:absolute;
	top:190px;
	width:191px;
	z-index:3000;
 }


#error {
	display:none;
	padding:10px;
	position:absolute;
	width:430px;
	height:293px;
	z-index:20;
	behavior: url("/css/iepngfix.htc");
	background-image:url(../../images/sea_finish_signup.png);
	background-repeat: no-repeat;
	top:75px;
	left:267px;
}


#flag {
	position:absolute;
	left:181px;
	z-index:6;
	
}


#seabattle{
	position:absolute;
	top:340px;
	z-index:6;
	
}

div#ov_cover { position:fixed; left:0px;	width:100%;	height:100%;	background:#FFFFFF;	filter:alpha(Opacity=80);	opacity:0.8;	-moz-opacity:0.8;	-khtml-opacity:0.8;	z-index: 201; }
div#ov_content {	position: absolute;	z-index: 202;	margin: 0 auto; left: 50%; top: 50%; margin-left: -400px; margin-top: -125px; text-align: center; width: 800px; height: 250px; color: #22211D; }

#ajload { position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index: 8; }
#ajload img { position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index: 8; }

#check_username {
	background:transparent none repeat scroll 0 0;
	border:none;
	left:103px;
	position:absolute;
	top:171px;
	width:226px;
	color:#000;
}

#start {
	left:146px;
	position:absolute;
	top:214px;
}

#start2 { 
	left:65px;
	position:absolute;
	top:214px;
}
#start2 td {vertical-align: middle; padding-right: 3px;}

.or { 
	color: #170E07;
}
/*
#fb_start {
	left:235px;
	position:absolute;
	top:225px;
}
*/

.container {
	position:relative;
	top:105px;
	left:0px;
	width:1000px;
	height:585px;
	margin:auto;
}

/*
.intro {
	position:relative;
	top:171px;
	left:0px;
	width:800px;
	height:100px;
	margin:auto;
	color:#6b6b6b;
}
*/
.intro {
	position:absolute;
	bottom:-35px;
	left:50%;
	margin-left: -400px;
	width:800px;
	color:#6b6b6b;
	z-index: 6;
}
.intro h1 {display: inline; font-size: 12px;}
.intro b {font-weight: normal;}

.login {
	position:absolute;
	width:241px;
	height:242px;
	top:4px;
	left:622px;
	z-index:10;
	background-image:url(../../images/sea_sign_in_bg.gif);
	color: white;
}

#username_sign_in {
	left:125px;position:absolute; top:90px; width:90px;
}
#password_sign_in {
	left:125px; position:absolute; top:120px; width:87px;
}

#rememberme_wrap{
	left:0;
	position:absolute;
	top:15px;
}

#rememberme{
	width:20px;
}

#forgotten-pass{
	left:71px;
	position:absolute;
	top:191px;
}
#login-button{
	left:64px;
	position:absolute;
	top:150px;
}

#fblogin{
	left:75px;
	position:absolute;
	top:182px;
}

.loginForm{
	color:white;
	height:240px;
	position:relative;
	width:239px;
}

.remember_forgot{
	height:50px;
	width:195px;
	background: url(/login/images/fb_login_bg.jpg) no-repeat;
	border: 1px solid #A4844B;
	padding-top: 17px;
	text-align: center;
	position:absolute;
	left: 652px;
	top:230px; 
	z-index: 9;
}

#sign-in-form input{
 	background-color:transparent;
 	border:none;
	color:white;
}

#new_or_existing{
	background: url("/themes/default/images/city/city-bg.jpg") no-repeat -20px -20px;
	border: 3px solid #4A3117;
	color: #090201;
	width: 530px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -125px 0 0 -275px;
	z-index: 10;
	padding: 15px;
}

#new_or_existing td.l{
	padding-right: 15px;
	width: 245px;
	text-align: center;
}

#new_or_existing td.r{
	padding-left: 15px;
	width: 245px;
	text-align: center;
}

#new_or_existing h1{
	font-size: 18px;
	color: #900;
	text-decoration: underline;
}

#new_or_existing h2{
	font-size: 13px;
}

#new_or_existing a.sel{
	font-size: 16px;
}

#new_or_existing p{
	font-size: 13px;
	line-height: 1.3;
}

#new_or_existing .tsep { border-right:1px dotted #090201; }

#msgs { position: absolute; top: 500px; left:50%; margin-left: -300px; z-index: 21; }

.error,.msg { background: #FBCB81; border: 1px solid #B68042; width: 600px; font: Trebuchet MS, Arial, sans-serif; text-align: center; padding: 5px 10px; color: #1C1208; font-weight: bold; }

.error { color: #900; }