@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:9;
}
#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:95px;
	position:relative;
	top:148px;
	width:58px;
}

#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:1000;
	behavior: url("/css/iepngfix.htc");
	background-image:url(../../images/sea_finish_signup.png);
	background-repeat: no-repeat;
	z-index:3000;
	top:75px;
	left:267px;
}


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


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





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

#start {
	left:-83px;
	position:relative;
	top:214px;
}

.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;
}
.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:118px;position:absolute; top:89px;
	width:90px;

}
#password_sign_in {left:118px; position:absolute; top:119px;
	width:87px;
}

#rememberme{
	left:51px;
	position:absolute;
	top:143px;
	width:20px;
}

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

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

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