body {
	font-size: 12px; font-family: 'Trebuchet MS'; padding: 0px; margin: 0px; background: url("/css/bg.jpg"); color: #FFF;
}

#container {
	width: 814px; height:414px; margin: auto; position: absolute;top: 50%; margin-top: -240px; margin-left: -407px; left: 50%;
}

.container-inner {
	float:left; width:342px; text-align:center;
}

.border {
	padding: 10px; margin-top: 20px;
}

#footer-position, #footer-status {
	margin: auto; max-width: 250px; padding-bottom: 5px; font-size: 12px;
}

#modeShowNotSunk {
	margin: auto; width: 100px; padding: 5px; font-size: 11px; display:none; margin-top: 140px
}

#link {
	background: url("/css/bg3.jpg"); width: 322px; margin-top: 100px; display: none; text-align: center; padding: 25px 0px;
}

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

#dialog-name, #validateTips, #modeShow {
	display: none;
}

.field, .fieldShip, .fieldShipHover, .fieldShipYellow, .fieldDamagedShip, .fieldMiss, .fieldWait {
	-moz-border-radius: 1px; border-radius: 1px; -webkit-border-radius: 1px; -khtml-border-radius: 1px;	
}

.field { background: url("/css/field_bg.png"); }
.fieldShip { background: url("/css/fieldShip.png"); }
.fieldShipHover {  background: url("/css/fieldShip.png"); cursor: pointer; }
.fieldShipYellow { background: url("/css/fieldShip.png") 0px -90px; }
.fieldDamagedShip { background: url("/css/fieldShip.png") 0px -30px; }
.fieldMiss { background: url("/css/fieldShip.png") 0px -60px; }
.fieldWait { background: url("/css/fieldWait.gif"); }

.shipSmall {
	width: 12px; height: 12px; background: url("/css/fieldShipSmall.png"); display: inline-block;
}

#oppBoard .field:hover {
	cursor: pointer; background: url("/css/fieldShip.png") 0px -90px;
}

.active {
	width: 0px; height: 0px;
}
  
.inactive {
	width: 322px; height: 322px; position: absolute;
}

.content { background: url("/css/content_bg.png"); }
.mainColor { color: #00CCCC; }
.errorColor { color: #FF6F6F; }
.playerName { font-size: 26px; }

#logo {
	position: absolute; top: 0px; left: 0px; width: 190px; height: 190px; background: url("/css/logo.png");
}

.smallLabel {
	padding: 4px; margin: 5px 10px -10px 0px; width: 80px; display: block; float: left; background: url("/css/bg3.jpg");
}

.bigLabel {
	float: left; padding: 3px; width: 114px; height: 82px; background: url("/css/bg3.jpg");
}

/*.bigLabel div {
	float: left;
}*/

.clear {
	clear: both; height: 10px; width: 100%;
}

.space {
	width: 10px; height:10px; float: left;
}

.dialogName1{
	width: 250px; float: left; padding-right: 10px;
}
.dialogName2 {
	width: 250px; float: left; padding-left: 30px; margin-left: 20px; border-left: 1px solid #666;
}

hr {
	border: 0px; border-bottom: 1px solid #666; margin: 10px 0px;
}

img.flag {
	border: 0px; vertical-align: middle; margin: 0px 5px; float: right;
}

span.help {
	cursor: pointer; display: inline-block; width: 16px; height: 16px; line-height: 16px; color: #BBB; font-size: 12px; border-radius: 8px; text-align: center; position: relative; background: url("/css/bg3.jpg");
}

div.tooltip {
	background-color: #3D6199; color: #FFF; position: absolute; left: 25px; top: -25px; z-index: 1000000; width: 250px; border-radius: 5px; background: url("/css/bg.jpg"); -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
}

div.tooltip p {
	margin: 10px;
}

.rounded, .rounded-bottom {
	-moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px;
}

.rounded, .rounded-top {
	-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px;	 -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px;
}

#authorInfo {
	position: absolute; bottom: 0px; left: 50%; margin-left: -150px; width: 300px;
}

#authorInfoToggle {
	background: url("/css/content_bg.png"); margin: auto; height: 10px; width: 230px; cursor: pointer; text-align: center; padding-top: 5px; padding-bottom: 10px;
}

#authorInfoBody {
	background: url("/css/content_bg.png"); display: none; margin: auto; position: relative; padding: 10px; text-align: center; color: #FFFFFF; line-height: 20px;
}

a:link, a:active, a:visited {
	color: #00CCCC; text-decoration: none;
}

a:hover {
	color: #FFCC00;
}