/* Units and Units in help pages with grey BG */
#tank { display: block; width:40px; height: 40px; background: transparent url(sprites/atmt.gif) 0 0 no-repeat;}
#cp { display: block; width:40px; height: 40px; background: transparent url(sprites/cp.gif) 0 0 no-repeat;}
#infantry { display: block; width:40px; height: 40px; background: transparent url(sprites/infantry.gif) 0 0 no-repeat;}
#mtank { display: block; width:40px; height: 40px; background: transparent url(sprites/mtank.gif) 0 0 no-repeat;}
#ftank { display: block; width:40px; height: 40px; background: transparent url(sprites/ftank.gif) 0 0 no-repeat;}
#ltank { display: block; width:40px; height: 40px; background: transparent url(sprites/tank.gif) 0 0 no-repeat;}
#silo { display: block; width:40px; height: 40px; background: transparent url(sprites/silo.gif) 0 0 no-repeat;}
#house { display: block; width:40px; height: 40px; background: transparent url(sprites/house.gif) 0 0 no-repeat;}
#business { display: block; width:40px; height: 40px; background: transparent url(sprites/business.gif) 0 0 no-repeat;}
#hippies { display: block; width:40px; height: 40px; background: transparent url(sprites/hippies.gif) 0 0 no-repeat;}
#blast { display: block; width:40px; height: 40px; background: transparent url(sprites/blast.gif) 0 0 no-repeat;}
#skel { display: block; width:40px; height: 40px; background: transparent url(sprites/skel.gif) 0 0 no-repeat;}
#blank { display: block; width:40px; height: 40px; background-color: green; }

#blank.help { display: block; width:40px; height: 40px; background-color: darkgrey; }
#tank.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/atmt.gif) 0 0 no-repeat;}
#cp.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/cp.gif) 0 0 no-repeat;}
#infantry.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/infantry.gif) 0 0 no-repeat;}
#mtank.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/mtank.gif) 0 0 no-repeat;}
#ftank.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/ftank.gif) 0 0 no-repeat;}
#ltank.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/tank.gif) 0 0 no-repeat;}
#silo.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/silo.gif) 0 0 no-repeat;}
#house.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/house.gif) 0 0 no-repeat;}
#business.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/business.gif) 0 0 no-repeat;}
#hippies.help { display: block; width:40px; height: 40px; background: darkgray url(sprites/hippies.gif) 0 0 no-repeat;}

#gal { display: block; width:120px; height: 120px; background: transparent url(smallg.jpg);}

/* cut from page */

.red {font-family: arial,sans-serif;  color: red; }
.blue {font-family: arial,sans-serif;  color: blue; }
.green {font-family: arial,sans-serif;  color: green; }

/*CSS BUTTON LINK STUFF */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssbutton2{
margin: 1px;
background-color: #27cd27;
border: 2px #27cd27 outset;
padding: 2px 2px;
color: black;
text-decoration: none;
font: bold 90% arial, sans-serif;
text-transform: uppercase;
z-index: 3;
display: block;
height: 26px;
line-height: 26px;
}

.cssbutton2:visited{
color: black;
z-index: 3;
vertical-align: middle;
}

.cssbutton2:hover{
border-style: inset;
background-color: #27ff27;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
z-index: 3;
vertical-align: middle;
}

.cssbutton2:active{
color: black;
z-index: 3;
vertical-align: middle;
}

.cssbutton{
margin: 1px;
background-color: #27cd27;
border: 2px #27cd27 outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 80% arial, sans-serif;
z-index: 3;
display: block;
min-height: 28px;
height: 28px;
line-height: 28px;
width: 86px;
}

.cssbutton:visited{
color: black;
z-index: 3;
}

.cssbutton:hover{
border-style: inset;
background-color: #27ff27;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
z-index: 3;
}

.cssbutton:active{
color: black;
z-index: 3;
}

/* END CSS BUTTONS/

/* EQUIP AND DEPLOY CSS MENUS */
#nav1, #nav1 ul { /* all lists */
	position: relative;
	top: -8px;
	left: 1px;
	padding: 1px;
	margin: 0; 
	list-style: none;
	float : left;
	width: 110px;
	font-weight: bold;
	font-size: small;
	font-family: arial,sans-serif;
	text-align: left;
	height: 15px;
	z-index: 4;
}

#nav1 li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 106px;
	height: 20px;
	white-space: nowrap;
	z-index: 4;
}

#nav1 li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 106px;
	margin-top : -15px;
	height: 20px;
	z-index: 4;
}

#nav1 li ul ul { /* third-and-above-level lists */
	left: -999em;
	z-index: 4;
}

#nav1 li a {
	width: 106px;
	display : block;
	color : black;
	font-weight : bold;
	text-decoration : none;
	background-color : lightblue;
	border : 1px solid lightblue;
	/*padding : 1px;*/ 
	height: 30px;
	z-index: 4;
	line-height: 20px;
}

#nav1 li a:hover {
	color : white;
	background-color : black;
	z-index: 4;
}

#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {
	left: -999em;
	z-index: 4;
}

#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 4;
}


#nav2, #nav2 ul { /* all lists */
	position: relative;
	top: -8px;
	left: 1px;
	padding: 1px;
	margin: 0; 
	list-style: none;
	float : left;
	width: 110px;
	font-weight: bold;
	font-size: small;
	font-family: arial,sans-serif;
	text-align: left;
	height: 15px;
	z-index: 4;
}

#nav2 li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 106px;
	height: 26px;
	white-space: nowrap;
	z-index: 4;
}

#nav2 li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 106px;
	margin-top : -15px;
	height: 20px;
	z-index: 4;
}

#nav2 li ul ul { /* third-and-above-level lists */
	left: -999em;
	z-index: 4;
}

#nav2 li a {
	width: 106px;
	display : block;
	color : black;
	font-weight : bold;
	text-decoration : none;
	background-color : lightblue;
	border : 1px solid lightblue;
	/*padding : 1px;*/ 
	height: 30px;
	z-index: 4;
	line-height: 30px;
}

#nav2 li a:hover {
	color : white;
	background-color : black;
	z-index: 4;
}

#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
	z-index: 4;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 4;
}


#all {color:white; background-color:black;}

p { color:white; background-color:black; font-size: medium; font-family: arial,sans-serif; font-weight: bolder;}

.nobord { border:none; }

input {
 font-size: 15px;
 border: 1px solid black;
}

.navlist ul
{
margin-left: 0;
padding-left: 0px;
white-space: nowrap;
}

.navlist li
{
display: inline;
list-style-type: none;
}

.navlist a { padding: 3px 5px; }

.navlist a:link, .navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
font-family: arial,sans-serif;
}

.navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

 #container
{
width: 100%;
margin: 5px auto;
background-color: black;
color: white;
border: 1px solid gray;
line-height: 120%;
}

#top
{
padding: .5em;
background-color: black;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
font-family: arial,sans-serif;
}

#top ul {
margin-left: 0;
padding-left: 0px;
white-space: nowrap;
}

#leftcol
{
float: left;
width: 400px;
margin: 0;
padding: 1em;
}


#leftnav
{
float: left;
width: 300px;
margin: 0;
padding: 1em;
}

/*
#content
{
margin-left: 20px;
padding: .5em;
max-width: 43em;
}
*/

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: black;
border-top: 1px solid gray;
}

p strong { color:red;}

#content strong { color:red;}
#leftcol strong { color:red;}
#leftnav p { margin: 0 0 0 0; }
#leftcol td { font-family:arial,sans-serif; }
#content h1 { font-family:arial,sans-serif; margin: 0 0 .5em 0; }
#content h2 { font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
#content h4 {  font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
#content td {  text-align: center; color:white; font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
#content th {  text-transform: uppercase; color:white; font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
#content h4 {  font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
#content li {  font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
#content ul {  font-family:arial,sans-serif;  margin: 0 0 .5em 0; }

.stats {  text-align:left; font-size: large; font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
.bigstats {  text-align:left; font-size: x-large; font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
#content td.stats {  text-align:left; font-size: large; font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
#content td.bigstats {  text-align:left; font-size: x-large; font-family:arial,sans-serif;  margin: 0 0 .5em 0; }
#content td.bigstats strong {  color:red; text-align:left; font-size: x-large; font-family:arial,sans-serif;  margin: 0 0 .5em 0; }

#content td.statsstr {  text-align:left; font-size: large; font-family:arial,sans-serif;  margin: 0 0 .0 0; }
#content td strong {  text-align:left; font-size: large; font-family:arial,sans-serif;  margin: 0 0 .0 0; }

#content form { padding: 1px;border: 1px solid white; font-family: arial,sans-serif; max-width: 400px;}
#leftnav form { padding: 1px;border: 1px solid white; font-family: arial,sans-serif; max-width: 280px;}
#leftnav .loginform { border: 0; }
#content .techform { padding: 1px;border: 1px solid white; font-family: arial,sans-serif; }
#leftnav .techform { padding: 1px;border: 1px solid white; font-family: arial,sans-serif; }

#content .techform strong { color:red;}
#leftnav .techform strong { color:red;}

.helplayer {
	position: absolute;
	visibility: hidden;
	width: 355px;
	height: 244px;
	left: 40px;
	top: 240px;
	background-color: white;
	border: 1px solid #000;
	padding: 10px;
	z-index: 100;
}

.helplayer p {color:black; font-family: arial,sans-serif; margin: 0 0 0 0; background-color:white; }

/*
#closehelp strong {color: blue; font-family: arial,sans-serif; margin: 0 0 0 0; background-color:white;} 
*/

/* from main */

#commd {  width:299px; background-color: black; vertical-align:middle; margin-top:1px; }

#command {
width: 180px;
font-family: arial,sans-serif; 
font-size: small;
border: 1px solid dimgray; 
padding: 1px; 
vertical-align:middle; 
margin-top:1px; 
}

#commsubmit {
font-family: arial,sans-serif; 
font-size: small;
border: 1px solid dimgray; 
padding: 1px; 
vertical-align:middle; 
margin-top:1px; 
overflow: visible;
}

#cpanel {
position:absolute;
top: 0px;
left: 460px;
width: 300px;
}
#controls {
position:absolute;
top: 400px;
left: 460px;
width: 300px;
}

#btns { width: 120px ; background-color: black; z-index: 4; }
#linkd { width: 180px ; background-color: black; z-index: 0;}


.msg_txt { font-family: arial,sans-serif; font-weight: bold; font-size: small; background-color:black; }

#message {overflow: auto; font-weight: bold; font-size: x-small; height: 290px; overflow-y: auto; color: white; }

#sector {font-family: arial,sans-serif;  border:1px solid white; font-weight: bold; font-size: x-small; height: 40px; }


#sector_txt {font-family: arial,sans-serif;  font-size: small; text-align: left; }

#status_txt {font-family: arial,sans-serif;  font-size: small; text-align: left; font-weight: bold; border: solid; border-width: thin; }

td.tank_txt {
font-size: small;
color:white;
font-family: arial,sans-serif;
}

/*
#uparrow {position: absolute; top:0px ; left: 30px; height:30px ;width: 400px;  background: url(uarrow.gif); }
#uparrow:hover {background-color: dimgray; }

#dnarrow {background-color: gray; position: absolute; top:590px ; left: 30px; height:30px ;width: 400px;  background: url(darrow.gif);}
#dnarrow:hover {background-color: dimgray;}

#larrow {background-color: gray; position: absolute; top:30px ; left: 0px; height:560px ;width: 30px;  background: url(larrow.gif);}
#larrow:hover {background-color: dimgray;}

#rarrow {background-color: gray; position: absolute; top:30px ; left: 430px; height:560px ;width: 30px;  background: url(rarrow.gif);}
#rarrow:hover {background-color: dimgray;}

*/

#world { display: block; position: absolute; top: 30px; left: 30px; height:560px; width:400px; background-color: green;}

/*
#msgwindow { position: absolute; top: 0px; left: 460px; height:400px; min-width:300px; width:300px; background-color: black;}
*/


#uparrow {position: absolute; top:0px ; left: 30px; height:30px ;width: 410px;  background: url(uarrow.gif); }

#dnarrow {background-color: gray; position: absolute; top:600px ; left: 30px; height:30px ;width: 410px;  background: url(darrow.gif);}

#larrow {background-color: gray; position: absolute; top:30px ; left: 0px; height:570px ;width: 30px;  background: url(larrow.gif);}

#rarrow {background-color: gray; position: absolute; top:30px ; left: 440px; height:570px ;width: 30px;  background: url(rarrow.gif);}

#msgwindow { position: absolute; top: 0px; left: 470px; height:400px; min-width:300px; background-color: black;}

#controls {
position:absolute;
top: 400px;
left: 470px;
}