body {background-color: #252d24;}

/* removes selection border  on everything */
*:focus{outline:none;}

a:link{
/*
color: #FF8D3B; 
*/
font-family: arial,sans-serif;
text-decoration: none;
}

.green a:link{
	color: #FF8D3B; 
}

.green a:visited{
	color: #FF8D3B; 
}


#chathistory {
	/* visibility: hidden; */
	position: absolute;
	top: 10px;
	left: 10px;
	width: 600px;
	height: 600px;
	border: 2px solid black;
	background-color: white;
	color: black;
	font-family: arial,sans-serif; 
	z-index: 100;
	overflow: none;
}
#chathistory h2 {
	margin: 4px;
	font-family: arial,sans-serif; 
}

.chatmsg {
	border: 0;
}

p.chatmsg {
	margin-top:3px;
	margin-bottom: 3px;
	padding: 0px;
	font-size: .8em;
}

.aplayer a {
color: #FF8D3B;
}

a:visited{
/*
color: #FF8D3B;
*/
font-family: arial,sans-serif;
text-decoration: none; 
}

a:hover{
text-decoration: underline;
}

p { color:white; text-align: left; font-size: medium; font-family: arial,sans-serif; font-weight: bolder;}

#message p, #message p .red, #message p .green, #message p .blue {
margin-top: 4px;
margin-bottom: 4px;
}

#sector_txt { color:white; text-align: left; font-size: medium; font-family: arial,sans-serif; font-weight: bolder;}

input {
 font-size: .9em;
 border: 1px solid black;
}


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



#world { border:5px solid red; display: block; position: absolute; top: 20px; left: 20px; height:560px; width:400px; background-color: green;}

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

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

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

#rarrow {background-color: gray; position: absolute; top:20px ; left: 430px; height:570px ;width: 20px;  background: url(images/rarrow.gif);}

#sec1 { position: absolute; top: 0px; left: 450px; height: 40px; width:310px; background-color: #252d24; }


/* #msg1 { border: 1px solid #dadac7; overflow-y: auto; position: absolute;  top: 40px; left: 450px; height: 280px; width:310px;  background-color: black; }
*/
#windowtoggle { border-right: 1px solid #dadac7; border-left: 1px solid #dadac7;border-top: 1px solid #dadac7; overflow-y: auto; position: absolute;  top: 40px; left: 450px; height: 20px; width:310px;  background-color: black; }
#msg1 { border-left: 1px solid #dadac7;border-right: 1px solid #dadac7;  border-bottom: 1px solid #dadac7; overflow-y: auto; position: absolute;  top: 60px; left: 450px; height: 260px; width:310px;  background-color: black; }

#sta1 { border: 1px solid #dadac7; position: absolute;  top: 321px; left: 450px; height: 56px; width:310px;  background-color: red; }

#st1 {color:#dadac7; width: 155px; height: 19px; background-color:#252d24;}
#st2 {color:#dadac7; width: 155px; height: 18px; background-color:#252d24;}
#st3 {color:#dadac7; width: 155px; height: 19px; background-color:#252d24;}
#st4 {color:#dadac7; background-color:#252d24; border-left: solid 1px #dadac7; position:relative; top: -56px; left: 155px; width: 154px; height: 19px; }
#st5 {color:#dadac7; border-left: solid 1px #dadac7; position:relative;top: -56px;  left: 155px;  width: 154px; height: 18px; background-color:#252d24;}
#st6 {color: #dadac7; background-color:#252d24; border-left: solid 1px #dadac7; position:relative;top: -56px;  left: 155px;  width: 154px; height: 19px; }

.stats {
color: white; font-family: arial,sans-serif; font-size: .8em; margin: 0; padding:0; text-align:left; 
background-color: #252d24;
}

#deploywrap { z-index: 5; border-left: solid 1px #dadac7;position: absolute;  top: 379px; left: 450px; height: 39px; width:120px;  background-color: black; }

#equipwrap { z-index:4; border-left: solid 1px #dadac7;position: absolute;  top: 418px; left: 450px; height: 37px; width:120px;  background-color: black; }

#wpnsquare { border-left: solid 1px #dadac7;position: absolute;  top: 455px; left: 450px; height: 120px; width:120px;  background-color: black; }

#wmap_wpnsquare { position: absolute;  top: 5px; left: 5px; height: 120px; width:120px;  background-color: black; }

#wmap_wpn_wrap { border: 1px solid #dadac7; position: absolute;  top: 60px; left: 420px; height: 130px; width:310px;  background-color: black; }

#wmap_msg { border: 1px solid #dadac7; overflow-y: auto; position: absolute;  top: 190px; left: 420px; height: 368px; width:310px;  background-color: black; }


#cmdwrap {  border-left: solid 1px #dadac7; border-right: solid 1px #dadac7; border-bottom: solid 1px #dadac7; position: absolute;  top: 575px; left: 450px; height: 35px; width:310px;  background-color: black; }

#btnwrap {  border-right: solid 1px #dadac7;  position: absolute; top: 379px; left: 571px; height: 196px; width: 191px; background-color: black;}

#commform{ text-align:center; position:relative; top: 5px; }

#wpnimage{
	position: relative;
	top: 3px;	
	left: 3px;
	width: 114px;
	height: 114px;
	background-color: black;
	background: url("images/sel_scan.gif");
}

#wmap_wpnimage{
	position: relative;
	top: 3px;	
	left: 3px;
	width: 114px;
	height: 114px;
	background-color: black;
	background: url("images/wsel_scan.gif");
}


#wpnselector p{
	margin-top: 2px;
	margin-bottom: 2px;
}
#wpnselector {
	position: absolute;
 	top:300px; left:230px; 
	width: 226px;
	height: 330px;
	background-color: black;
	display: none;
	border: 1px solid #dadac7;
	z-index: 10;
}

#wmap_wpnselector {
	position: absolute;
	top:60px; left:169px;
	width: 250px;
	height: 265px;
	background-color: black;
	display: none; 
	border: 1px solid #dadac7;
	z-index: 10;
}


#sel_scan{
	width: 96px;
	height: 96px;
	background-color: black;
 	background: url(sel_scan.png); 
}
#sel_main{
	width: 96px;
	height: 96px;
	background-color: black;
 	background: url(sel_main.png); 
}
#sel_sec{
	width: 96px;
	height: 96px;
	background-color: black;
 	background: url(sel_sec.png); 
}
#sel_deathray{
	width: 96px;
	height: 96px;
	background-color: black;
 	background: url(sel_main.png); 
}
#sel_missile{
	width: 96px;
	height: 96px;
	background-color: black;
 	background: url(sel_missile.png); 
}

#wpnlink{
	width: 96px;
	height: 96px;
	background-color: black;
 	background: url(sel_missile.png); 
}



#wsel_scan{
	position: relative;
	left: 8px;
	width: 114px;
	height: 114px;
	background-color: black;
	background: url("images/wsel_scan.gif");
}
#wsel_int{
	position: relative;
	top: -114px;
	left: 128px;
	width: 114px;
	height: 114px;
	background-color: black;
	background: url("images/wsel_int.gif");
}
#wsel_nuke{
	position: relative;
	left: 8px;
	top : -109px;
	width: 114px;
	height: 114px;
	background-color: black;
	background: url("images/wsel_icbm.gif");
}

#wsel_warp{
	position: relative;
	top: -223px;
	left: 128px;
	width: 114px;
	height: 114px;
	background-color: black;
	background: url("images/wsel_warp.gif");
}

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


.helplayer {
	position: absolute;
	visibility: hidden;
	width: 355px;
	height: 254px;
	left: 40px;
	top: 240px;
	background-color: black;
	border: 1px solid #dadac7;
	padding: 10px;
	z-index: 100;
}
.helplayer p {text-align: center; color:white; font-family: arial,sans-serif; margin: 0 0 0 0; }
.helplayer p strong {font-family: arial,sans-serif; margin: 0 0 0 0; }

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


#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; }


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

.cssbutton{
margin: 1px;
/*
background-color: #27cd27;
border: 2px #27cd27 outset;
padding: 1px 4px;
*/
color: #FF8D3B;
text-decoration: none;
font: bold 90% arial, sans-serif;
z-index: 3;
display: block;
height: 29px;
line-height: 24px;
width: 96px;
background: url(mainbtn2.png);
text-align: center;
}

.cssbutton span{
	position:relative;
	top: 2px;
}

.cssbutton span:hover{
	position:relative;
	top: 2px;
	text-decoration: underline;
}


.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*/
*/
color: white;
z-index: 3;
text-decoration: none;
}

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

/* END CSS BUTTONS */

.ruleslist li {
	margin-top: 4px;
}



/* EQUIP AND DEPLOY CSS MENUS */

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#nav a{
display:block;
padding:0px 5px;
border:1px solid #333;
color: #FF8D3B;
text-decoration:none;
width: 86px;
border:0;
background-color:black;
font: bold 90% arial, sans-serif;
line-height: 26px;
}

#nav a:hover{
/*background-color:#fff;*/
color:#fff;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:8em;
top:1.5em;
}

#nav li ul a{
width:8em;
height:auto;
float:left;
position: relative;
top: -45px;
left: 80px;
background-color: black;
z-index: 10;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:7em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

#deployer { 
z-index: 5; 
border-left: solid 1px #dadac7;
position: absolute;  
top: 379px; 
left: 450px; 
height: 39px; 
width:120px;  
background-color: black; 
}

#deployer div {
	background: url(mainbtn.png);
	height: 29px;
	width:86px; 
	position: relative;
	top: 4px;
	left: 16px;
}

#equipper { 
z-index:4; 
border-left: solid 1px #dadac7;
position: absolute;  
top: 418px;
left: 450px; 
height: 37px;
width:120px; 
background-color: black; 
}


#deployer a {
/* #equipper div { */
	background: url(mainbtn.png);
	height: 29px;
	width:76px; 
	position: relative;
	top: 4px;
	left: 16px;
	border:0;
	
}

#controls {
/*
*/
}

#controls_table {
position: absolute;
top: 379px; 
left: 450px;
background-color: black;
height: 196px;
width: 312px;
border-left: 1px solid white;
border-right: 1px solid white;
padding-left: 2px;
margin-left:auto;
margin-right:auto;
text-align: center;
}

#controls_table tr td {
	height: 29px;
	width: 33%;
	text-align: center;
}

div.weaponcontainer {
	width:96px;
	height: 96px;
	margin-left: 1px;	
}

.wpnbutton{
color: #FF8D3B;
text-decoration: none;
font: bold 90% arial, sans-serif;
z-index: 3;
display: block;
text-align: center;
}

.wpnbutton:hover{
	text-decoration: none;
}

.wpnbutton span {
	position: relative;
	top: 48px;
	text-align: center;
	font: bold 100% arial, sans-serif;
}
.wpnbutton span:hover {
	text-decoration: underline;
}

#wpntable {
	text-align: center;
}