body {
	padding: 0px;
	margin: 0px;
	background-color: #000000;
}

div {
	padding: 0px;
	margin: 0px;
}

#footer {
padding: 25px; text-align: center; font-family: Verdana, Arial, Sans-serif; 
			font-size: 9pt; 
			color:  #0088ff;
			margin-top:200px; 
}

#leasespace1 {
	text-align: center;
	padding-bottom: 10px;
}

#leasespace1 a {
color: #1cddad;
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;

}

#admobscript {

}

#footerinfo {
	margin-top: 30px;
}

#bandad {
	text-align: center;

}

#digbutton {
	text-align: center;
}

#gameviewport { position:absolute; top: 0px; left: 0px; width: 320px; height: 320px; overflow: hidden; margin-left:20px; } 

#inputs { position:absolute; top: 0px; left: 0px; width: 0px; height: 0px; padding: 0px; margin: 0px;} 

.dialog { 	position:relative; width: 220px; margin: 23px; margin-top: 100px; 
			font-family: Verdana, Arial, Sans-serif; 
			font-size: 14pt; 
			color: black; 
			background-color: purple;
			text-align: center; 
			border: 2px solid purple;
			padding: 25px;
			background-image: url(images/bluepinstripe.jpg);
			vertical-align: middle;
}

.dialogtext {
	margin: 10px;
}

#optionspane {
	position:absolute; top: 10px; left: 8px; width: 290px; margin: 0px; font-size: 11pt; padding: 5px;

}

#instructions {
	position:absolute; width: 270px; height: 325px; top 0px; left: 8px; font-size: 10pt; padding: 15px; margin: 0px;
	text-align: left;
}

#loadscreen {
	position:absolute; width: 300px; height: 240px; top 0px; left: 8px; font-size: 10pt; padding: 15px; margin: 0px;
	text-align: center;
}

#instructionsdonebutton {
	position:relative; text-align: center;font-size: 14pt; margin-bottom: 0px;
}
.dhead  {
	font-weight: bold;
}

.dialogbutton {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height: 32px;
	vertical-align: middle;
	background-image: url(images/bluegrad.gif);
	font-weight: bold;
	border: 1px solid purple;
	margin-top: 2px;
}

#about {
	position:absolute; width: 300px; height: 356px; top 0px; left: 8px; font-size: 11pt; padding: 0px; margin: 0px;

}

#endscreen {
	position:absolute; width: 300px; height: 380px; top 0px; left: 8px; font-size: 11pt; padding: 0px; margin: 0px;

}

#infomenu {
	position:absolute; top: 10px; left: 8px; width: 290px; margin: 0px; font-size: 11pt; padding: 5px;

}

#startscreen {
	padding: 20px;
	margin-left:50px;
}

#startversion { font-size: 9pt; }

#endscreen p {
	font-size: 10pt;
}

#endscreena div {
 border: 1px solid red;
}

#outcome{ position: absolute; top: 0; left: 0; width: 300px; height: 25px; text-align: center; font-size: 15pt; font-weight: bold; padding: 0px; margin: 0px; }

#score { position: absolute; top: 22px; left 0px; height: 50px; width: 300px; padding: 0px; margin: 0px; font-size: 8pt; line-height: 9pt;}
	#yourscore {position: absolute; top: 0px; left: 0px; width: 140px; padding: 0px; margin: 0px; }
	#theirscore {position: absolute; top: 0px; right: 0px; width: 140px; padding: 0px; margin: 0px; }
		#yourpoints {font-size: 12pt; font-weight: bold; }
		#theirpoints {font-size: 12pt; font-weight: bold; }

#damage { position: absolute; top: 30px; left: 0px; width: 300px; padding: 0px; margin: 0px; }

#yourdamage{position: absolute; top: 0px; left: 5px; width: 140px; }
	#youradamage{position: absolute; top: 32px; left: 0px; height: 32px; width: 140px; background-image: url('ships/aircrafth.gif'); background-repeat: no-repeat;}
	#yourbdamage{position: absolute; top: 64px; left: 0px; height: 32px; width: 140px; background-image: url('ships/battleshiph.gif'); background-repeat: no-repeat;}
	#yourddamage{position: absolute; top: 96px; left: 0px; height: 32px; width: 140px; background-image: url('ships/destroyerh.gif'); background-repeat: no-repeat;}
	#yoursdamage{position: absolute; top: 128px; left: 0px; height: 32px; width: 140px; background-image: url('ships/submarineh.gif'); background-repeat: no-repeat;}
	#yourpdamage{position: absolute; top: 160px; left: 0px; height: 32px; width: 140px; background-image: url('ships/ptboath.gif'); background-repeat: no-repeat;}

#theirdamage{position: absolute; top: 0px; right: 5px; width: 140px; }
	#theiradamage{position: absolute; top: 32px; right: 0px; height: 32px; width: 140px; background-image: url('ships/aircrafth.gif'); background-repeat: no-repeat;}
	#theirbdamage{position: absolute; top: 64px; right: 0px; height: 32px; width: 140px; background-image: url('ships/battleshiph.gif'); background-repeat: no-repeat;}
	#theirddamage{position: absolute; top: 96px; right: 0px; height: 32px; width: 140px; background-image: url('ships/destroyerh.gif'); background-repeat: no-repeat;}
	#theirsdamage{position: absolute; top: 128px; right: 0px; height: 32px; width: 140px; background-image: url('ships/submarineh.gif'); background-repeat: no-repeat;}
	#theirpdamage{position: absolute; top: 160px; right: 0px; height: 32px; width: 140px; background-image: url('ships/ptboath.gif'); background-repeat: no-repeat;}

.pdamage { position: absolute; top: 2px; left: 0px; height: 28px; background-color: blue; opacity: 0.6; border: 1px solid aqua; color: white;}

.edamage { position: absolute; top: 2px; right: 0px; height: 28px; background-color: red; opacity: 0.6; border: 1px solid pink;  color: white; }

#stats { position: absolute; top: 225px; left: 5px; width: 290px; font-size: 9pt; font-weight: bold;
			border-top: 1px solid black; border-bottom: 1px solid black; }

#rematchbutton { position: absolute; top: 0px; left: 0px; height: 22px;}
#endoptbutton { position: absolute; top: 0px; right: 0px; width: 117px; height: 22px; }

#endinstructionsbutton { position: absolute; top: 30px; left: 0px; height: 22px;}
#aboutbutton { position: absolute; top: 30px; right: 0px; width: 117px; height: 22px; }

#endad { text-align: left; position: absolute; top: 260px; left: 0px; height: 60px; width: 300px; font-size: 9pt; }

#endbuttons { position: absolute; top: 310px; left: 13px; height: auto; width: 250px; padding-right: 10px; padding-left: 10px; }

#loadscreen { position:relative; width: 220px; margin: 25px; margin-top:-20px; } 

#lowerad { position:absolute; top: 380px; left: 10px; width: 300px; height: 510px; z-index: 1;
}

#infoarea {	position:absolute; top:348px; left:0px; width:320px; height:64px;
			font-family: Arial, Verdana, Sans-serif;
			font-size: 10pt;
			color: white;
}


#playershots {position:absolute; top: 0px; left: 0px; width: 60px; height: 44px;
				border-right: 1px solid white;}
.playershotholder {position:absolute; top: 13px; left: 3px; width: 56px; height: 32px;}
#pshotlabel {position:absolute; top: 3px; left: 3px; width: 50px; height: 7px;
				background-image: url("images/labels/yourammo.gif"); }

#enemyshots {position:absolute; top: 0px; right: 2px; width: 60px; height: 44px;
				border-left: 1px solid white;}
.enemyshotholder {position:absolute; top: 13px; right: 1px; width: 56px; height: 32px;}
#eshotlabel {position:absolute; top: 3px; right: 2px; width: 50px; height: 7px;
				background-image: url("images/labels/theirammo.gif"); }

#playershipletters {position:absolute; top: 18px; left: 61px; width: 98px; height: 27px; }
#enemyshipletters {position:absolute; top: 18px; right: 63px; width: 98px; height: 27px; }

#pshiplabel { position:absolute; top: 0px; left: 26px; width: 50px; height: 7px;
			background-image: url("images/labels/yourships.gif"); }
#pletterholder {position:absolute; top: 9px; left: 2px;}
	#paicon {position:absolute; top: 0px; left: 0px; width: 18px; height: 18px;
				background-image: url("images/letters/pa.gif"); }
	#pbicon {position:absolute; top: 0px; left: 19px; width: 18px; height: 18px;
				background-image: url("images/letters/pb.gif"); }
	#pdicon {position:absolute; top: 0px; left: 38px; width: 18px; height: 18px;
				background-image: url("images/letters/pd.gif"); }
	#psicon {position:absolute; top: 0px; left: 57px; width: 18px; height: 18px;
				background-image: url("images/letters/ps.gif"); }
	#ppticon {position:absolute; top: 0px; left: 76px; width: 18px; height: 18px;
				background-image: url("images/letters/ppt.gif"); }
#eshiplabel { position:absolute; top: 1px; right: 23px; width: 50px; height: 7px;
			background-image: url("images/labels/theirships.gif"); }
#eletterholder {position:absolute; top: 9px; right: 2px;}
	#eaicon {position:absolute; top: 0px; right: 0px; width: 18px; height: 18px;
				background-image: url("images/letters/ea.gif"); }
	#ebicon {position:absolute; top: 0px; right: 19px; width: 18px; height: 18px;
				background-image: url("images/letters/eb.gif"); }
	#edicon {position:absolute; top: 0px; right: 38px; width: 18px; height: 18px;
				background-image: url("images/letters/ed.gif"); }
	#esicon {position:absolute; top: 0px; right: 57px; width: 18px; height: 18px;
				background-image: url("images/letters/es.gif"); }
	#epticon {position:absolute; top: 0px; right: 76px; width: 18px; height: 18px;
				background-image: url("images/letters/ept.gif"); }


#scorearea {position:absolute; top: 46px; left: 0px; width: 320px; height: 19px;}
#messagearea {position:absolute; top: 0px; left: 61px; width: 197px; height: 18px; text-align: center;}

.shoticon {position: absolute; background-image: url(images/shoticon.gif); width: 5px; height: 8px; background-repeat: no-repeat; }


#gameboard {
	position: absolute; height: 722px; top: 0px; width: 320px; padding: 0px; margin: 0px;
	background-imageddd: url(images/sea.jpg);
}

#boardcover { position:absolute; width: 320px; height: 722px; top: 0px; left: 0px; display: block;}

#shotboard { position:absolute; width: 320px; height: 320px; overflow: hidden; } 

#shiplayer { position:absolute; bottom: 0px; left: 0px; width: 320px; height: 320px; overflow: hidden; } 

#enemyshiplayer { display: block; position:absolute; top: 0px; left: 0px; width: 320px; height: 320px; overflow: hidden; } 

#playerboard { position:absolute; bottom: 0px; left: 0px; width: 320px; height: 320px; overflow: hidden; } 

#control { position:absolute; top: 402px; left: 0px; } 

#boardlogo { position:absolute; top: 322px; left: 0px; height: 76px; width: 320px; 
				background-image: url(images/logoZen.png); }
	
#ships { position:absolute; top: 0px; left: 0px; width: 320px; height: 320px; }

.row { width: 321px; }

#missleanimation { position:absolute; width: 1px; height: 1px; top: 304px; left: 144px; display: block; }
#missle { position:absolute; width: 17px; height: 37px; bottom: 0px; left: -8px; display: none; background-image: url('animation/missle.png'); }
#rocketjet { position:absolute; width: 13px; height: 30px; bottom: 31px; left: -6px; display: none; background-image: url('animation/rocketjet.png'); }
#splash0 { position:absolute; width: 52px; height: 61px; bottom: -5px; left: -32px; display: none; background-image: url('animation/splash0.png'); }
#splash1 { position:absolute; width: 84px; height: 71px; bottom: -5px; left: -64px; display: none; background-image: url('animation/splash1.png'); }
#explosion0 { position:absolute; width: 13px; height: 22px; bottom: 0px; left: -6px; display: none; background-image: url('animation/explosion0.png'); }
#explosion1 { position:absolute; width: 39px; height: 58px; bottom: -16px; left: -20px; display: none; background-image: url('animation/explosion1.png'); }
#explosion2 { position:absolute; width: 60px; height: 49px; bottom: 0px; left: -30px; display: none; background-image: url('animation/explosion2.png'); }


#row0 { position:absolute; width: 320px; height: 30px; top: 0px; }
#row1 { position:absolute; width: 320px; height: 30px; top: 32px; }
#row2 { position:absolute; width: 320px; height: 30px; top: 64px; }
#row3 { position:absolute; width: 320px; height: 30px; top: 96px; }
#row4 { position:absolute; width: 320px; height: 30px; top: 128px; }
#row5 { position:absolute; width: 320px; height: 30px; top: 160px; }
#row6 { position:absolute; width: 320px; height: 30px; top: 192px; }
#row7 { position:absolute; width: 320px; height: 30px; top: 224px; }
#row8 { position:absolute; width: 320px; height: 30px; top: 256px; }
#row9 { position:absolute; width: 320px; height: 30px; top: 288px; }

.hidden {display: none;}
.placed {display: block;}
.shown {display: block;}
.floatright {float: right; margin-left: 20px;}
.centereddiv {margin-left: 20px; margin-right: 20px;}

.blank { }
.hit 	{ background-image: url(images/hit.png); background-repeat: no-repeat;}
.miss	{ background-image: url(images/miss.png); }
.unexplored { background-image: url(images/dither.gif); }
.ship {}