/*********START RESET**********/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

textarea {
    resize: none;
}
/*===================Wheel of Fortune===================*/
#popupWrap{
  position:absolute;
  display: none;
  height: 450px;
  width: 630px;
  top:100px;
  left:199px;
  background:transparent;
  overflow:hidden;
  z-index:9999999;
}


#spinLink{
  position:absolute;
  height: 75px;
  width: 75px;
  top: 360px;
  left: 540px;
  background:url('img/spin_icon.png') no-repeat;
  background-size: 75px 75px;
}

.spinItem{
  position:absolute;
  display:inline-block;
  font-family:"Arial", "sans-serif";
  font-size: 11px;
  font-weight:bold;
  text-shadow: 1px 1px #000;
  text-align:center;
  vertical-align:text-bottom;
  color: #fff;
  height: 40px;
  width: 40px;
  border: 1px solid #ccc;
  background: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

#spinWrap{
  position:relative;
  display: block;
  height: 253px;
  width: 253px;
  top:73.5px;
  margin-left:auto;
  margin-right:auto;
  color: #fff;
  /*background:url('img/spinbg.jpg') no-repeat #000;*/
}

#spinImage{
  position:absolute;
  display: block;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight:bold;
  text-shadow: 2px 2px #000;
  text-align:center;
  vertical-align:bottom;
  color: #fff;
  height: 75px;
  width: 75px;
  top: 73px;
  left: 86px;
  border: 2px solid #ccc;
  background:url('img/buffs/question.jpg') no-repeat #000;
  background-size: 75px 75px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

#spinTitle{
  position:absolute;
  display: block;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight:bold;
  text-shadow: 1px 1px #000;
  text-align:center;
  vertical-align:bottom;
  color: #fff;
  height: 20px;
  width: 154px;
  top: 53px;
  left:48px;
  border: 0px solid red;

}

#spinButton{
  position:absolute;
  display: block;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight:bold;
  text-shadow: 1px 1px #000;
  text-align:center;
  vertical-align:bottom;
  color: #fff;
  height: 20px;
  width: 150px;
  top: 160px;
  left:50px;
  border: 0px solid red;

}

#spinCost{
  position:absolute;
  display: block;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight:bold;
  text-shadow: 1px 1px #000;
  text-align:center;
  vertical-align:bottom;
  color: #fff;
  height: 20px;
  width: 150px;
  top: 180px;
  left:50px;
  border: 0px solid red;

}

/*===================Wheel of Fortune===================*/

#selectColony{
  position:absolute;
  height: 75px;
  width: 75px;
  top: 360px;
  left: 540px;
}



.rankTableSideBorder{
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   color: #fff;
}
.rankTableTopBorder{
   border-top: 1px solid #ccc;
   color: #fff;
}
.rankTableBottomBorder{
   border-bottom: 1px solid #ccc;
   color: #fff;
}

.transparent{
  color: #000;
  border: 1px solid #666;
  background: transparent;
}

  .button {
}

.bldg-timer:hover {
    text-decoration:none; 
    color:#00FFFF;
    cursor:pointer;
    border:1px solid #00FFFF;
    background: #000 url('img/buttons/timer_blue.png') no-repeat top left;
    background-size: 16px 16px;
  opacity:0.8;
  filter:alpha(opacity=80);

}

.bldg-timer:active {
    text-decoration:none; 
    color:#FFCC00;
    cursor:pointer;
    border:1px solid #FFCC00;
    background: #000 url('img/buttons/timer_yellow.png') no-repeat top left;
    background-size: 16px 16px;
  opacity:0.8;
  filter:alpha(opacity=80);

}


.bldg-timer{
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px; */
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid gray;
    padding:0px 3px 0px 3px;
    display:inline-block;
    text-decoration:none;
    color:#FFFFFF;
    cursor:pointer;
    font-size: 12px;
    font-family:"Arial", "sans-serif";
    background: #000 url('img/buttons/timer_white.png') no-repeat top left;
    background-size: 16px 16px;
    padding-left: 16px;
    /*height: 16px;*/
}

#login {
  width: 500px;
  height: 181px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top: 35%;
  /*position: absolute;*/
  /*background-color:000000;*/
  opacity:0.9;
  filter:alpha(opacity=90);
  /*background-image:url('img/login_form_bg.png');*/
}
#wrapper {
  width: 500px;
  height: 181px;
  margin-left:auto;
  margin-right:auto;
}
#back {
  position:relative;
  width:1024px;
  height: 550px;
  margin-left:auto;
  margin-right:auto;
  background:url('img/splash.jpg') center;
  background-repeat: no-repeat;
  /*border: 1px solid lightblue;*/
}

#Lnews {
  position:absolute;
  top: 85px;
  left:0px;
  width:250px;
  height: 465px;
  /*border: 1px solid red;*/

}

#Rnews {
  position:absolute;
  top: 85px;
  left:774px;
  width:250px;
  height: 465px;
  /*border: 1px solid red;*/

}

.newsTitle{
  font-family:"Arial", "sans-serif";
  font-size: 12pt;
  font-weight: bold;
  /*color: #6F9FC8;*/
  color:#ffcc00;
  text-align: center;
  text-shadow: 2px 2px #000;
  padding: 0px;
  background: #999;
  border: 1px, 1px, 1px, 0px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.newsBody{
  font-family:"Arial", "sans-serif";
  font-size: 10pt;
  font-weight: normal;
  color: #fff;
  text-align: left;
  vertical-align: top;
  padding: 5px;
  border: 1px solid #999;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ssBox{
  border: 1px solid #999;
  height: 46px;
  width: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.ssBox:hover {
  border: 1px solid #FFCC00;
  }


/*===================Index.php Divs===================*/

.itemBG { background: #fff url(img/build.png) no-repeat; height: 50px; width: 50px; }

.invTR{
   font-family:"Arial", "sans-serif";
   background: #666;
   outline: thin solid #ccc;
   vertical-align: middle;
   /*opacity:0.8;
   filter:alpha(opacity=80);*/
}
#regForm{
   display: none;
   width: 400px;
   height: 250px;
}

.invItemImg1{
  background-repeat:no-repeat;
  background-position: center middle;
  background-size: 50px 50px;
  font-size: 12pt;
  font-family:"Arial", "sans-serif";
  color: #FFCC00;
  font-weight:bold;
  height: 50px;
  width: 50px;
  vertical-align: bottom;
  text-align: right;
}

.teleportIcon{
  background-repeat:no-repeat;
  background-position: center middle;
  background: #000 url('img/buffs/teleport.jpg') no-repeat;
  background-size: 50px 50px;
  font-size: 12pt;
  font-family:"Arial", "sans-serif";
  color: #FFCC00;
  font-weight:bold;
  height: 50px;
  width: 50px;
  vertical-align: bottom;
  text-align: right;
}

.randomTeleportIcon{
  background-repeat:no-repeat;
  background-position: center middle;
  background: #000 url('img/buffs/randomteleport.jpg') no-repeat;
  background-size: 50px 50px;
  font-size: 12pt;
  font-family:"Arial", "sans-serif";
  color: #FFCC00;
  font-weight:bold;
  height: 50px;
  width: 50px;
  vertical-align: bottom;
  text-align: right;
}


#buffBox1{
  position:absolute;
  font-size: 10px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  /*background-color: #000000;*/
  background: #000 url('img/buffs/build_master_buff.png') no-repeat;
  background-size:25px 25px;
  border: 1px solid #999999;
  height: 25px;
  width: 25px;
  top: 5px;
  left: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:999999;
}

#buffBox1:hover {
  border: 1px solid #FFCC00;
  }
#buffBox2{
  position:relative;
  font-size: 10px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  /*background-color: #000000;*/
  background: #000 url('img/buffs/peace_treaty_buff.png') no-repeat;
  background-size:25px 25px;
  border: 1px solid #999999;
  height: 25px;
  width: 25px;
  top: 5px;
  left: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:999999;
}

#buffBox2:hover {
  border: 1px solid #FFCC00;
  }


#minimize{
  position:relative;
  font-size: 10px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  height: 25px;
  width: 25px;
  top: 5px;
  left: 600px;
  z-index:999999;
}
#maximize{
  position:relative;
  font-size: 10px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  height: 25px;
  width: 25px;
  top: 5px;
  left: 600px;
  z-index:999999;
  display:none;
}


#miniMapWrap{
  display:none;
  position:relative;
  top: -25px;
  left: 55px;
  height: 450px;
  width: 520px;
  background:url('img/map/minimap.png') no-repeat center;
  /*border: 1px solid gray;*/
  z-index:999999;
}

#miniMapL{
  display:none;
  position:relative;
  top: -25px;
  left: 55px;
  height: 450px;
  width: 35px;
  background:url('img/map/minimapleftframe.png') no-repeat;
  /*border: 1px solid gray;*/
  z-index:999999;
}

#miniMapR{
  display:none;
  position:relative;
  top: -25px;
  left: 540px;
  height: 450px;
  width: 35px;
  background:url('img/map/minimaprightframe.png') no-repeat;
  /*border: 1px solid gray;*/
  z-index:999999;
}


.miniMap:hover {
  border: 1px solid #FFCC00;
  }

#minimap_location{
    display:block;
    position:relative;
    height:24px;
    width:34px;
    background:url('img/map/minimap_location.png') no-repeat;
    z-index:9999999;
}

#scroll{
  position:absolute;
  display:block;
  top:4px;
  left:0px;
  overflow-x: hidden;
  overflow-y: auto;
  height:422px;
  width:628px;
  z-index:999999;
}

.border35{
  display:block;
  background-color:#000000;
  border:1px solid #666666;
  height: 35px;
  width: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
.border45{
  display:block;
  background-color:#000000;
  border:1px solid #666666;
  height: 45px;
  width: 45px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

/*********END RESET**********/


/**********GLOBAL STYLES************/

/**********Profile Styles************/
.profileTitle{
  font-family:"Arial", "sans-serif";
  font-size: 12pt;
  font-weight: bold;
  color:#ffcc00;
  background: #999;
  text-align: center;
  text-shadow: 2px 2px #000;
  padding: 0px;
  border: 1px, 1px, 1px, 0px solid #999;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.profileBody{
  font-family:"Arial", "sans-serif";
  font-size: 10pt;
  font-weight: normal;
  color: #fff;
  background: #000;
  text-align: left;
  vertical-align: top;
  padding: 5px;
  border: 1px solid #999;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.profileAvatar{
  text-align: center;
  border: 1px solid #999;
  height:150px;
  width:150px;
  background-color: #000;
  background-size:150px 150px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

/**********Profile Styles************/


body {
  font-family:"Arial", "sans-serif";
  /*background:url(img/main_bg2.jpg);*/
  background:url(img/wallpaper/bg3.jpg) center no-repeat;
  background-color:#000000;
  color:#ccc;
}

a:link {
  text-decoration:none;
  color:#FFFFFF;
  }
a:visited {
  text-decoration:none;
  color:#FFFFFF;
  }
a:hover {
  text-decoration:none;
  color:#FFCC00;
  }
a:active {
  text-decoration:none;
  color:#FFFFFF;
  }
  
small_link{
  text-decoration:none;
  color:#FFFFFF;
  font-size: 10px;
  }

small_link:hover {
  text-decoration:none;
  color:#CCCC33;
  font-size: 10px;
  }
small_link:active {
  text-decoration:none;
  color:#FFFFFF;
  font-size: 10px;
  }
  
  /*********END GLOBAL STYLES**********/

/***********TOOL TIPS***************/
.ResTip span {
  display:none;
}
.ResTip:hover span{
  display:block;
  position:absolute;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: -205px;
  top: 0px;
  margin:auto;
  height:80px;
  width:200px;
  color:#ffcc00;
  font-family:"Arial", "sans-serif";
  font-weight:BOLD;
  font-size:10pt;
  text-align:center;
  opacity:0.9;
  filter:alpha(opacity=90);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  z-index:99999;
}

.BldgTip span {/*THIS TIP USED FOR CONSTRUCTED BUILDINGS ON COLONY*/
  display:none;
}
.BldgTip:hover span{
  display:inline-block;
  position:relative;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 0px;
  top: -105px;
  margin:auto;
  height:38px;
  width:150px;
  color:#ffcc00;
  font-weight:BOLD;
  font-size:11pt; 
  text-align:center;
  opacity:0.7;
  filter:alpha(opacity=70);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:250;
}

.SiteTip span { /*THIS TIP USED FOR EMPTY BUILDING SITES ON COLONY*/
  display:none;
}
.SiteTip:hover span{
  display:block;
  position:absolute;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 0px;
  top: -5px;
  margin:auto;
  height:19px;
  width:100px;
  color:#ffcc00;
  font-weight:BOLD;
  font-size:11pt; 
  text-align:center;
  opacity:0.7;
  filter:alpha(opacity=70);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999;
}

.gloryTip span {
  display:none;
}
.gloryTip:hover span{
  display:block;
  position:absolute;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 20px;
  top: -5px;
  margin:auto;
  height:16px;
  width:90px;
  color:#ffcc00;
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  font-weight:BOLD;
  font-size:10pt;
  text-align:center;
  opacity:0.7;
  filter:alpha(opacity=70);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  z-index:99999;
}
.titleTip span {
  display:none;
}
.titleTip:hover span{
  display:block;
  position:absolute;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 20px;
  top: 12px;
  margin:auto;
  height:16px;
  width:90px;
  color:#ffcc00;
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  font-weight:BOLD;
  font-size:10pt;
  text-align:center;
  opacity:0.7;
  filter:alpha(opacity=70);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  z-index:99999;
}
.popTip span {
  display:none;
}
.popTip:hover span{
  display:block;
  position:absolute;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 20px;
  top: 29px;
  margin:auto;
  height:16px;
  width:90px;
  color:#ffcc00;
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  font-weight:BOLD;
  font-size:10pt;
  text-align:center;
  opacity:0.7;
  filter:alpha(opacity=70);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  z-index:99999;
}
.goldTip span {
  display:none;
}
.goldTip:hover span{
  display:block;
  position:absolute;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 20px;
  top: 46px;
  margin:auto;
  height:16px;
  width:90px;
  color:#ffcc00;
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  font-weight:BOLD;
  font-size:10pt;
  text-align:center;
  opacity:0.7;
  filter:alpha(opacity=70);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  z-index:99999;
}
.creditTip span {
  display:none;
}
.creditTip:hover span{
  display:block;
  position:absolute;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 20px;
  top: 63px;
  margin:auto;
  height:16px;
  width:90px;
  color:#ffcc00;
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  font-weight:BOLD;
  font-size:10pt;
  text-align:center;
  opacity:0.7;
  filter:alpha(opacity=70);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  z-index:99999;
}

.medalTip span {
  display:none;
}
.medalTip:hover span{
  display:block;
  position:absolute;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 20px;
  top: 75px;
  margin:auto;
  height:16px;
  width:90px;
  color:#ffcc00;
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  font-weight:BOLD;
  font-size:10pt;
  text-align:center;
  opacity:0.7;
  filter:alpha(opacity=70);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  z-index:99999;
}
.sideTip span {
  display:none;
}
.sideTip:hover span{
  display:block;
  position:absolute;
  text-overflow: ellipsis;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 0px;
  top: 0px;
  margin:auto;
  height:16px;
  width:90px;
  color:#ffcc00;
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  font-weight:BOLD;
  font-size:10pt;
  text-align:center;
  opacity:0.9;
  filter:alpha(opacity=90);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  z-index:99999;
}

  .buildBtn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#595651;
    color:#FFFFFF;
    cursor:pointer;
    /*font:13px sans-serif;*/
    font-size: 14px;
    font-family:"Arial", "sans-serif";
     z-index:99999;
}

.buildBtn:hover {
    text-decoration:none; 
    /*color:#ADD8E6;*/
    color:#CCCC33;
    cursor:pointer;
    border:1px solid #FF2B06;
     z-index:99999;
}

.buildBtn span { /*THIS TIP USED FOR NEW BUILDING MENU*/
  display:none;
   z-index:99999!important;
}
.buildBtn:hover span{
  display:inline-block;
  position:absolute;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: -22px;
  top: -157px;
  height:150px;
  width:265px;
  color:#CCCC33;
  font-weight:BOLD;
  font-size: 8px;
  text-align:center;
  opacity:0.9;
  filter:alpha(opacity=90);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999 !important;
}

  .buildBtnL {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#595651;
    color:#FFFFFF;
    cursor:pointer;
    /*font:13px sans-serif;*/
    font-size: 14px;
    font-family:"Arial", "sans-serif";
     z-index:99999;
}

.buildBtnL:hover {
    text-decoration:none; 
    /*color:#ADD8E6;*/
    color:#CCCC33;
    cursor:pointer;
    border:1px solid #FF2B06;
     z-index:99999;
}

.buildBtnL span { /*THIS TIP USED FOR NEW BUILDING MENU*/
  display:none;
   z-index:99999!important;
}
.buildBtnL:hover span{
  display:inline-block;
  position:absolute;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: -200px;
  top: -157px;
  height:150px;
  width:265px;
  color:#ffcc00;
  font-weight:BOLD;
  font-size: 8px;
  text-align:center;
  opacity:0.9;
  filter:alpha(opacity=90);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999 !important;
}

  .comBtn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#595651;
    color:#FFFFFF;
    cursor:pointer;
    /*font:13px sans-serif;*/
    font-size: 14px;
    font-family:"Arial", "sans-serif";
     z-index:99999;
}

.comBtn:hover {
    text-decoration:none; 
    /*color:#ADD8E6;*/
    color:#CCCC33;
    cursor:pointer;
    border:1px solid #FF2B06;
     z-index:99999;
}

.comBtn span { /*THIS TIP USED FOR NEW BUILDING MENU*/
  display:none;
   z-index:99999!important;
}
.comBtn:hover span{
  display:inline-block;
  position:absolute;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: -22px;
  top: -135px;
  height:110px;
  width:265px;
  color:#CCCC33;
  font-weight:BOLD;
  font-size: 8px;
  text-align:center;
  opacity:0.9;
  filter:alpha(opacity=90);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999 !important;
}

  .comBtnL {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#595651;
    color:#FFFFFF;
    cursor:pointer;
    /*font:13px sans-serif;*/
    font-size: 14px;
    font-family:"Arial", "sans-serif";
     z-index:99999;
}

.comBtnL:hover {
    text-decoration:none; 
    /*color:#ADD8E6;*/
    color:#CCCC33;
    cursor:pointer;
    border:1px solid #FF2B06;
     z-index:99999;
}

.comBtnL span { /*THIS TIP USED FOR NEW BUILDING MENU*/
  display:none;
   z-index:99999!important;
}
.comBtnL:hover span{
  display:inline-block;
  position:absolute;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: -200px;
  top: -135px;
  height:110px;
  width:265px;
  color:#ffcc00;
  font-weight:BOLD;
  font-size: 8px;
  text-align:center;
  opacity:0.9;
  filter:alpha(opacity=90);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999 !important;
}


  .demoBtn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#595651;
    color:#FFFFFF;
    cursor:pointer;
    /*font:13px sans-serif;*/
    font-size: 14px;
    font-family:"Arial", "sans-serif";
     z-index:99999;
}

.demoBtn:hover {
    text-decoration:none; 
    /*color:#ADD8E6;*/
    color:#CCCC33;
    cursor:pointer;
    border:1px solid #FF2B06;
     z-index:99999;
}


.demoBtn span {/*THIS TIP USED FOR DEMOLISH BUTTON ON BUILDING UPGRADE SCREEN*/
  display:none;
}
.demoBtn:hover span{
  display:block;
  position:absolute;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: -125px;
  top: -45px;
  margin:auto;
  height:38px;
  width:150px;
  color:#ffcc00;
  font-weight:BOLD;
  font-size:11pt; 
  text-align:center;
  opacity:0.9;
  filter:alpha(opacity=90);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999;
}


  .upgradeBtn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#595651;
    color:#FFFFFF;
    cursor:pointer;
    /*font:13px sans-serif;*/
    font-size: 14px;
    font-family:"Arial", "sans-serif";
     z-index:99999;
}

.upgradeBtn:hover {
    text-decoration:none; 
    /*color:#ADD8E6;*/
    color:#CCCC33;
    cursor:pointer;
    border:1px solid #FF2B06;
     z-index:99999;
}

.upgradeBtn span { /*THIS TIP USED FOR NEW BUILDING MENU*/
  display:none;
   z-index:99999!important;
}
.upgradeBtn:hover span{
  display:inline-block;
  position:absolute;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: -300px;
  top: -35px;
  height:150px;
  width:265px;
  color:#CCCC33;
  font-weight:BOLD;
  font-size: 8px;
  text-align:center;
  opacity:0.9;
  filter:alpha(opacity=90);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999 !important;
}


.buildDesc span { /*THIS TIP USED FOR NEW BUILDING MENU*/
  display:none;
   z-index:99999!important;
}
.buildDesc:hover span{
  display:inline-block;
  position:absolute;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: -17px;
  top: -25px;
  width:140;
  color:#CCCC33;
  font-weight:BOLD;
  font-size: 10px;
  text-align:Center;
  opacity:0.8;
  filter:alpha(opacity=80);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999 !important;
}

.comDesc span { /*THIS TIP USED FOR NEW BUILDING MENU*/
  display:none;
   z-index:99999!important;
}
.comDesc:hover span{
  display:inline-block;
  position:absolute;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: -17px;
  top: -5px;
  width:140;
  color:#CCCC33;
  font-weight:BOLD;
  font-size: 10px;
  text-align:Left;
  opacity:0.8;
  filter:alpha(opacity=80);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999 !important;
}

  .rewardBtn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#595651;
    color:#FFFFFF;
    cursor:pointer;
    /*font:13px sans-serif;*/
    font-size: 12px;
    font-family:"Arial", "sans-serif";
     z-index:99999;
}

.rewardBtn:hover {
    text-decoration:none; 
    /*color:#ADD8E6;*/
    color:#CCCC33;
    cursor:pointer;
    border:1px solid #FF2B06;
     z-index:99999;
}


.rewardBtn span {/*THIS TIP USED FOR DEMOLISH BUTTON ON BUILDING UPGRADE SCREEN*/
  display:none;
}
.rewardBtn:hover span{
  display:block;
  position:absolute;
  background-color:#000000;
  border:1px solid #ffcc00;
  left: 210px;
  top: 140px;
  margin:auto;
  height:38px;
  width:85px;
  color:#ffcc00;
  font-weight:BOLD;
  font-size:10pt;
  text-align:center;
  opacity:0.9;
  filter:alpha(opacity=90);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index:99999;
}

/**********END TOOL TIPS***********/

  /************FORM STYLES*************/

.loginbox {
  font-size: 30px;
  /*font-family:"Arial", "sans-serif";*/
  color: #fff;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  width: 250px;
  opacity:0.7;
  filter:alpha(opacity=70);
  -moz-border-radius:10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */
  behavior:url("border-radius.htc");
}

.loginbox:focus {
    outline: none;
    border-color: #ffcc00;
    box-shadow: 0 0 10px #ffcc00;
}

.loginbox2 {
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  color: #999;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  width: 130px;
  -moz-border-radius:10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */
  behavior:url("border-radius.htc");
}
.loginbox2:focus {
    outline: none;
    border-color: #ffcc00;
    box-shadow: 0 0 10px #ffcc00;
}


.taxrate {
  font-size: 12px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  width: 50px;
}

.heroname {
  font-size: 12px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  width: 90px;
}


.tradeDisplay {
  font-size: 12px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  text-align:right;
  font-weight:bold;
  width: 50px;
  border:none;
  background: transparent;
}

.tradeInput {
  font-size: 12px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  width: 150px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

.playerBio{
  font-size: 12px;
  font-family:"Arial", "sans-serif";
  color: #fff;
  font-weight:bold;
  text-align:left;
  border:none;
  background-color: #000000;
  height: 100px;
  width: 350px;
}

.counter{
  font-size: 12px;
  font-family:"Arial", "sans-serif";
  color: #ccc;
  text-align:right;
  background-color: transparent;
  border:none;
  width:25px;
  max-width:65px;
}


.msgBox{
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  height: 260px;
  width: 510px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.toBox{
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  height: 25px;
  width: 175px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.subjectBox{
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  height: 25px;
  width: 510px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

  .button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#595651;
    color:#FFFFFF;
    cursor:pointer;
    font-size: 12px;
    font-family:"Arial", "sans-serif";
}

.button:hover {
    text-decoration:none; 
    color:#CCFF00;
    cursor:pointer;
    /*border:1px solid #FF2B06;*/
    border:1px solid #FFCC00;
}

  .buttonON {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #FFCC00;
    padding:0 3px 0 3px;
    display:inline-block;
    text-decoration:none;
    background:#595651;
    color:#CCFF00;
    cursor:pointer;
    font-size: 12px;
    font-family:"Arial", "sans-serif";
}
.buttonON:hover {
    text-decoration:none; 
    color:#CCFF00;
    cursor:pointer;
    /*border:1px solid #FF2B06;*/
    border:1px solid #FFCC00;
}


.colony_list{
   /*background: transparent;*/
   width: 175px;
   padding: 5px;
   height: 27px;
   font-family:"Arial", "sans-serif";
   font-size: 12px;
   font-weight:bold;
   color: #6F9FC8;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   overflow: hidden;
   background: url(img/select_box_bg.png) no-repeat right;
   z-index:3;
}

.rank_list{
   /*background: transparent;*/
   width: 100px;
   padding: 2px;
   height: 18px;
   font-family:"Arial", "sans-serif";
   font-size: 10px;
   font-weight: bold;
   color: #6F9FC8;
   line-height: 1;
   border: 1px solid gray;
   background-color:#000000;
   overflow: hidden;
   z-index:3;
}


/**********END FORM BUTTON STYLES************/

/*****************BEGINNING LAYOUT DIVS*******************/
#wrap {
  width: 1024px;
  height: 768px;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
}

#top {
  position:relative;
  width: 1003px;
  height: 96px;
  background-image:url('img/gui_top.png');
  text-align:center;
  float: right;
  z-index: 2;

}

#topWrap {
  position:relative;
  width: 1003px;
  height: 96px;
  /*border: 1px solid red;*/
  text-align:center;
  float: right;
  z-index: 2;

}


#content {
  width: 630px;
  height: 450px;
  display: table-cell;
  background-color:#000000;
  /*background-color:#666666;*/
  z-index: 1;
}

#left {
  position:relative;
  width: 315px;
  background-image:url('img/gui_left.png');
  height: 450px;
  float: right;
  z-index: 2;
}

#right {
  width: 58px;
  background-image:url('img/right.png');
  height: 450px;
  float: right;
  z-index: 2;
}

#middle {
  width: 630px;
  height: 450px;
  float: right;
  background-color:#000000;
  overflow:hidden;
  z-index: 2;
}

#bottom {
  width: 1003px;
  background-image:url('img/gui_bottom.png');
  height: 29px;
  float: right;
  z-index: 2;
}

#mid-right {
  position:relative;
  width: 104px;
  background-image:url('img/gui_mid-right.png');
  height: 171px;
  float: right;
  z-index: 2;
}

#mid-left {
  position:relative;
  width: 405px;
  background-image:url('img/gui_mid-left.png');
  height: 171px;
  float: right;
  z-index: 1;
}
#marquee {
  position:relative;
  width: 350px;
  height: 15px;
  z-index: 2;
  top: 3px;
  left:20px;
}

#chat_wrap {
  width: 494px;
  height: 171px;
  background-color: black;
  opacity:0.9;
  filter:alpha(opacity=90);
  float: right;
  z-index: 1;
}

#footer {
  width: 1003px;
  background-image:url('img/gui_footer.png');
  height: 12px;
  float: right;
  z-index: 2;
}

#avatar {
  position: absolute;
  top: -5px;
  left: 15px;
  width: 95px;
  height: 95px;
  border: 2px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('');
  z-index: 3;
}

#avatar:hover {
  border: 2px solid #FFCC00;
}


#playername {
  position: absolute;
  top: 70px;
  left: 15px;
  width: 235px;
  height: 19px;
  font-family:"Arial", "sans-serif";
  font-size: 16px;
  font-weight: bold;
  color: #ffcc00;
  text-align: left;
  /*border: 1px solid red;*/
  z-index: 3;
}

#stats {
  position: absolute;
  top: -7px;
  left: 118px;
  width: 135px;
  height: 108px;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight: bold;
  /*border: 1px solid red;*/
  z-index: 3;
}

#colonystats {
  position: absolute;
  top: 85px;
  left: 15px;
  width: 195px;
  height: 395px;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight: bold;
  border: 1px solid red;
  z-index: 1;
}

#colony_stats_header {
  position: absolute;
  /*top: 85px;*/
  top: 115px;
  left: 22px;
  width: 182px;
  height: 26px;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-image:url('img/colony_list_header.png');
  z-index: 4;
}

#colony_change_name {
  display:none;
  position: absolute;
  top: 115px;
  left: 22px;
  width: 182px;
  height: 26px;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  z-index: 5;
}

#colony_stats_bg {
  position: absolute;
  /*top: 107px;*/
  top: 137px;
  left: 22px;
  width: 180px;
  /*height: 368px;*/
  height: 338px;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #666666;
  background: #000000;
  background-image:url('img/colony_stats_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#ship_container {
  display:block;
  position: absolute;
  /*top: 165px;*/
  top: 135px;
  left: -1px;
  width: 180px;
  height: 172px;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #666666;
/*  background: #000000; */
  z-index: 2;
}
#component_container {
  display:none;
  position: absolute;
  top: 135px;
  left: -1px;
  width: 180px;
  height: 172px;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #666666;
/*  background: #000000;  */
  z-index: 2;
}

#ship_tab {
  display:block;
  position: absolute;
  top: 114px;
  left: 0px;
  width: 50px;
  height: 20px;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight: bold;
  text-align:center;
  border: 1px solid #666666;
/*  background: #000000; */
  z-index: 99999;
}
#component_tab {
  display:block;
  position: absolute;
  top: 114px;
  left: 52px;
  width: 95px;
  height: 20px;
  font-family:"Arial", "sans-serif";
  font-size: 14px;
  font-weight: bold;
  text-align:center;
  border: 1px solid #666666;
/*  background: #000000; */
  z-index: 99999;
}


#colony_img {
  position: absolute;
  top: 5px;
  left: 45px;
  width: 90px;
  height: 90px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#scout_img {
  position: absolute;
  top: 2px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/scout.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#scout_amt {
  position: absolute;
  top: 2px;
  left: 35px;
  width: 55px;
  height: 14px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#scout_ramt {
  position: absolute;
  top: 16px;
  left: 35px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#fighter_img {
  position: absolute;
  top: 37px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/fighter.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#fighter_amt {
  position: absolute;
  top: 37px;
  left: 35px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#fighter_ramt {
  position: absolute;
  top: 51px;
  left: 35px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}


#raider_img {
  position: absolute;
  top: 72px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/raider.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#raider_amt {
  position: absolute;
  top: 72px;
  left: 35px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#raider_ramt {
  position: absolute;
  top: 85px;
  left: 35px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}


#frigate_img {
  position: absolute;
  top: 107px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/frigate.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#frigate_amt {
  position: absolute;
  top: 107px;
  left: 35px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#frigate_ramt {
  position: absolute;
  top: 121px;
  left: 35px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}


#cruiser_img {
  position: absolute;
  top: 142px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/cruiser.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#cruiser_amt {
  position: absolute;
  top: 142px;
  left: 35px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#cruiser_ramt {
  position: absolute;
  top: 156px;
  left: 35px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}


#freighter_img {
  position: absolute;
  top: 2px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/freighter.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#freighter_amt {
  position: absolute;
  top: 2px;
  left: 122px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#freighter_ramt {
  position: absolute;
  top: 16px;
  left: 122px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}


#corvette_img {
  position: absolute;
  top: 37px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/corvette.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#corvette_amt {
  position: absolute;
  top: 37px;
  left: 122px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#corvette_ramt {
  position: absolute;
  top: 51px;
  left: 122px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}


#battlecruiser_img {
  position: absolute;
  top: 72px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/battlecruiser.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#battlecruiser_amt {
  position: absolute;
  top: 72px;
  left: 122px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#battlecruiser_ramt {
  position: absolute;
  top: 86px;
  left: 122px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}


#destroyer_img {
  position: absolute;
  top: 107px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/destroyer.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#destroyer_amt {
  position: absolute;
  top: 107px;
  left: 122px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#destroyer_ramt {
  position: absolute;
  top: 121px;
  left: 122px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#dreadnought_img {
  position: absolute;
  top: 142px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/ships/dreadnought.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#dreadnought_amt {
  position: absolute;
  top: 142px;
  left: 122px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#dreadnought_ramt {
  position: absolute;
  top: 156px;
  left: 122px;
  width: 55px;
  height: 10px;
  color: #99ff00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#suit_img {
  position: absolute;
  top: 2px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/spacesuit.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#suit_amt {
  position: absolute;
  top: 2px;
  left: 35px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#controller_img {
  position: absolute;
  top: 37px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/controller.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#controller_amt {
  position: absolute;
  top: 37px;
  left: 35px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#container_img {
  position: absolute;
  top: 72px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/container.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#container_amt {
  position: absolute;
  top: 72px;
  left: 35px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#analyzer_img {
  position: absolute;
  top: 107px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/analyzer.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#analyzer_amt {
  position: absolute;
  top: 107px;
  left: 35px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#stabilizer_img {
  position: absolute;
  top: 142px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/stabilizer.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#stabilizer_amt {
  position: absolute;
  top: 142px;
  left: 35px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#isotope_img {
  position: absolute;
  top: 2px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/isotope.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#isotope_amt {
  position: absolute;
  top: 2px;
  left: 122px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#hullsection_img {
  position: absolute;
  top: 37px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/hullsection.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#hullsection_amt {
  position: absolute;
  top: 37px;
  left: 122px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#conveyor_img {
  position: absolute;
  top: 72px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/conveyor.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#conveyor_amt {
  position: absolute;
  top: 72px;
  left: 122px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#element_img {
  position: absolute;
  top: 107px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/element.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#element_amt {
  position: absolute;
  top: 107px;
  left: 122px;
  width: 55px;
  height: 14px;

  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}

#satellite_img {
  position: absolute;
  top: 142px;
  left: 92px;
  width: 25px;
  height: 25px;
  border: 1px solid #666666;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/satellite.jpg');
  background-size:25px 25px;
  z-index: 2;
}
#satellite_amt {
  position: absolute;
  top: 142px;
  left: 122px;
  width: 55px;
  height: 14px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  z-index: 2;
}


#colony_list_pos {
  position: absolute;
  top: 310px;
  left: 2px;
  width: 175px;
  height: 23px;
  font-family:"Arial", "sans-serif";
  z-index: 3;
}

#resources {
  position: absolute;
  top: 390px;
  left: 15px;
  width: 235px;
  height: 100px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  border: 1px solid red;
  z-index: 3;
}

#settings {
  position: absolute;
  top: 612px;
  left: 22px;
  width: 210px;
  height: 35px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  border: 1px solid red;
  z-index: 3;
}

#togglemap {
  position: absolute;
  top: 185px;
  left: 244px;
  width: 25px;
  height: 25px;
  /*border: 1px solid red;*/
  z-index: 3;
}
#togglecolony {
  position: absolute;
  top: 240px;
  left: 244px;
  width: 25px;
  height: 25px;
  /*border: 1px solid red;*/
  z-index: 3;
}

#togglechat {
  display:none;
  position: absolute;
  top: 47px;
  left: 43px;
  width: 35px;
  height: 74px;
  text-align: center;
  /*border: 1px solid red;*/
  z-index: 3;
}


/*****************END LAYOUT DIVS*******************/

/*****************MAP INFO STYLES*******************/
#Scan_Menu {
  position:absolute;
  display:block;
  width:363px;
  height:150px;
  left:133px;
  top:150px;
  text-align:center;
  background-color:#000000;
  background-image:url('img/planet_info.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #cccccc;
  z-index: 100;
}
#Scan_Menu_Header {
  display:block;
  position:absolute;
  top:-24px;
  left:-1px;
  text-align:center;
  font-weight:bold;
  width:365px;
  height:27px;
  background-image:url('img/planet_info_header.png');
  z-index: 1;
}
#Scan_Menu_Exit {
  display:block;
  position:absolute;
  top:-15px;
  left:335px;
  width:20px;
  height:20px;
  z-index: 2;
}

#Scan_Menu_Planet_Img {
  display:block;
  position:absolute;
  top:30px;
  left:243px;
  width:90px;
  height:90px;
  /*border:1px solid #cccccc;*/
  z-index: 2;
}

#Scan_Menu_Planet_Name {
  display:block;
  position:absolute;
  font-family:"Arial", "sans-serif";
  font-size: 11px;
  font-weight:bold;
  text-align:center;
  top:15px;
  left:28px;
  width:155px;
  height:12px;
  /*border:1px solid #cccccc;*/
  z-index: 2;
}

#Scan_Menu_Details {
  display:block;
  position:absolute;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight:bold;
  text-align:left;
  top:35px;
  left:18px;
  width:200px;
  height:113px;
  /*border:1px solid #cccccc;*/
  z-index: 2;
}

/***************END MAP INFO STYLES*****************/
/*****************SPEED UP MENU STYLES*******************/
#Speed_Menu {
  position:absolute;
  display:block;
  width:363px;
  height:163px;
  left:133px;
  top:150px;
  text-align:center;
  background-color:#000000;
  background-image:url('img/diamondplate.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #cccccc;
  z-index: 200;
}
#Speed_Menu_Header {
  display:block;
  position:absolute;
  top:-24px;
  left:-1px;
  color: #FFCC00;
  text-shadow: 2px 2px #000;
  text-align:center;
  font-weight:bold;
  width:365px;
  height:27px;
  background-image:url('img/planet_info_header.png');
  z-index: 1;
}
#Speed_Menu_Exit {
  display:block;
  position:absolute;
  top:-15px;
  left:335px;
  width:20px;
  height:20px;
  z-index: 2;
}

#Speed_Menu_Planet_Img {
  display:block;
  position:absolute;
  top:30px;
  left:243px;
  width:90px;
  height:90px;
  /*border:1px solid #cccccc;*/
  z-index: 2;
}

#Speed_Menu_Planet_Name {
  display:block;
  position:absolute;
  font-family:"Arial", "sans-serif";
  font-size: 11px;
  font-weight:bold;
  text-align:center;
  top:12px;
  left:28px;
  width:155px;
  height:12px;
  /*border:1px solid #cccccc;*/
  z-index: 2;
}

#Speed_Menu_Details {
  display:block;
  position:absolute;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight:bold;
  text-align:left;
  top:3px;
  left:0px;
  width:363px;
  height:160px;
  overflow-y:scroll;
  overflow-x:hidden;
  /*border:1px solid #ffffff;*/
  z-index: 2;
}

/***************END SPEED UP MENU STYLES*****************/
/*****************BUILD MENU STYLES*******************/
#Report_Menu {
  position:absolute;
  display:block;
  width:628px;
  height:423px;
  left:0px;
  top:25px;
  text-align:center;
  background-color:#333333;
  border:1px solid #cccccc;
  overflow-x: hidden;
  overflow-y: auto;
  /*background-image:url('img/carbonfiber.jpg');*/
  z-index: 100;
}
#Report_Menu_Exit {
  display:block;
  position:absolute;
  top:12px;
  left:608px;
  width:20px;
  height:20px;
  z-index: 102;
}

#Report_Menu_Header {
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  text-align:center;
  font-weight:bold;
  width:630px;
  height:26px;
  background-image:url('img/menu_header.png');
  z-index: 101;
}

#Build_Menu {
  position:absolute;
  display:block;
  width:628px;
  height:426px;
  left:0px;
  top:22px;
  text-align:center;
  background-color:#333333;
  border:1px solid #cccccc;
  background-image:url('img/carbonfiber.jpg');
  z-index: 100;
}

#Build_Menu_Exit {
  display:block;
  position:absolute;
  top:-11px;
  left:602px;
  width:20px;
  height:20px;
  z-index: 2;
}

#Build_Menu_Header {
  display:block;
  position:absolute;
  top:-23px;
  left:-1px;
  color: #FFCC00;
  text-shadow: 2px 2px #000;
  text-align:center;
  font-weight:bold;
  width:630px;
  height:26px;
  background-image:url('img/menu_header.png');
  z-index: 1;
}
#Build_Menu_Error {
  display:inline;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:3px;
  left:0px;
  text-align:center;
  color: #FF0000;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  height:15px;
  z-index: 1;
}

#Upgrade_Image {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:25px;
  top:25px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#Upgrade_Desc {
  display:block;
  position:absolute;
  width:345px;
  height:60px;
  left:155px;
  top:25px;
  text-align:left;

 z-index: 2;
}

#Upgrade_Btn {
  display:block;
  position:absolute;
  width:75px;
  height:25px;
  left:525px;
  top:25px;
  text-align:center;

 z-index: 2;
}

#Demolish_Btn {
  display:block;
  position:absolute;
  width:75px;
  height:25px;
  left:525px;
  top:55px;
  text-align:center;

 z-index: 2;
}

#Housing {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:25px;
  top:25px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#Housing:hover {
  border:2px solid #ffcc00;
}

#HousingBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:25px;
  top:135px;
  text-align:center;

  z-index: 2;
}

#Storage {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:144px;
  top:25px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#Storage:hover {
  border:2px solid #ffcc00;
}

#StorageBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:144px;
  top:135px;
  text-align:center;

  z-index: 2;
}

#Plasma {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:263px;
  top:25px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#Plasma:hover {
  border:2px solid #ffcc00;
}


#PlasmaBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:263px;
  top:135px;
  text-align:center;

  z-index: 2;
}

#Carbon {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:382px;
  top:25px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#Carbon:hover {
  border:2px solid #ffcc00;
}

#CarbonBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:382px;
  top:135px;
  text-align:center;

  z-index: 2;
}

#Silicon {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:501px;
  top:25px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#Silicon:hover {
  border:2px solid #ffcc00;
}

#SiliconBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:501px;
  top:135px;
  text-align:center;

  z-index: 2;
}

#Research {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:25px;
  top:210px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#Research:hover {
  border:2px solid #ffcc00;
}

#ResearchBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:25px;
  top:320px;
  text-align:center;

  z-index: 2;
}

#Component {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:144px;
  top:210px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#Component:hover {
  border:2px solid #ffcc00;
}

#ComponentBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:144px;
  top:320px;
  text-align:center;

  z-index: 2;
}

#Fuel {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:263px;
  top:210px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#Fuel:hover {
  border:2px solid #ffcc00;
}

#FuelBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:263px;
  top:320px;
  text-align:center;

  z-index: 2;
}

#ShipYard {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:382px;
  top:210px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#ShipYard:hover {
  border:2px solid #ffcc00;
}

#ShipYardBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:382px;
  top:320px;
  text-align:center;

  z-index: 2;
}

#SpacePort {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:501px;
  top:210px;
  text-align:center;
  border:2px solid #999999;
  background-image:url('img/buildings/build_menu_bg.jpg');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#SpacePort:hover {
  border:2px solid #ffcc00;
}

#SpacePortBuild {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:501px;
  top:320px;
  text-align:center;
 /* border:1px solid red;*/
  z-index: 2;
}

.ship_amt {
  display:block;
  position:absolute;
  width:95px;
  height:15px;
  left:0px;
  top:80px;
  color: #6F9FC8;
  font-weight:bold;
  font-size:12pt;
  text-align:right;
  /*border:1px solid #999999;*/
  background-image:url('');
  z-index: 1;
}

#ship1 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:25px;
  top:200px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#ship1:hover {
  border:2px solid #ffcc00;
}

#ship1Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:25px;
  top:310px;
  text-align:center;

  z-index: 2;
}

#ship2 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:144px;
  top:200px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#ship2:hover {
  border:2px solid #ffcc00;
}

#ship2Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:144px;
  top:310px;
  text-align:center;

  z-index: 2;
}

#ship3 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:263px;
  top:200px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#ship3:hover {
  border:2px solid #ffcc00;
}


#ship3Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:263px;
  top:310px;
  text-align:center;

  z-index: 2;
}

#ship4 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:382px;
  top:200px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#ship4:hover {
  border:2px solid #ffcc00;
}

#ship4Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:382px;
  top:310px;
  text-align:center;

  z-index: 2;
}

#ship5 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:501px;
  top:200px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#ship5:hover {
  border:2px solid #ffcc00;
}

#ship5Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:501px;
  top:310px;
  text-align:center;

  z-index: 2;
}

.component_amt {
  display:block;
  position:absolute;
  width:60px;
  height:20px;
  left:40px;
  top:80px;
  color: #6F9FC8;
  font-weight:bold;
  font-size:12pt;
  text-align:right;
  /*border:1px solid #999999;*/
  background-image:url('img/research/level_mask.png');
  z-index: 1;
}

.upgrading {
  display:block;
  position:absolute;
  width:100px;
  height:20px;
  left:0px;
  top:60px;
  color: #99ff00;
  /*color: #800000;*/
  /*color: #FFCC00;*/
  background-color:#000000;
  font-weight:bold;
  font-size:12pt;
  text-align:center;
 /* border:1px solid #999999;*/
  opacity:0.7;
  filter:alpha(opacity=70);
/*  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; */

  z-index: 1;
}

.nameTag{
  display:block;
  position:absolute;
  width:100px;
  height:20px;
  left:0px;
  top:0px;
  color: #6F9FC8;
  text-shadow: 2px 2px #000;
  font-weight:bold;
  font-size:10pt;
  text-align:center;
  z-index:1;
}


.bldgTag{
  display:block;
  position:absolute;
  width:100px;
  height:20px;
  left:0px;
  top:0px;
  color: #fff;
  text-shadow: 1px 1px #000;
  font-weight:bold;
  font-size:10pt;
  text-align:center;
  z-index:1;
}


.nameTag10{
  display:block;
  position:absolute;
  width:100px;
  height:20px;
  left:0px;
  top:0px;
  color: #ffffff;
  /*background-color:#000000;*/
  font-weight:bold;
  font-size:10pt;
  text-align:center;
/*  opacity:0.7;
  filter:alpha(opacity=70); */
  z-index: 1;
}


.commander {
  display:block;
  position:absolute;
  width:100px;
  height:20px;
  left:0px;
  top:80px;
  color: #FFCC00;
  /*background-color:#000000;*/
  font-weight:bold;
  font-size:12pt;
  text-align:center;
/*  border:2px solid #999999;*/
 /* opacity:0.8;
  filter:alpha(opacity=80);*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  z-index: 1;
}


#component1 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:25px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/spacesuit.jpg');
  z-index: 2;
}

#component1:hover {
  border:2px solid #ffcc00;
}

#component1Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:25px;
  top:260px;
  text-align:center;

  z-index: 2;
}

#component2 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:144px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/controller.jpg');
  z-index: 2;
}

#component2:hover {
  border:2px solid #ffcc00;
}

#component2Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:144px;
  top:260px;
  text-align:center;
  z-index: 2;
}

#component3 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:263px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/container.jpg');
  z-index: 2;
}

#component3:hover {
  border:2px solid #ffcc00;
}


#component3Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:263px;
  top:260px;
  text-align:center;

  z-index: 2;
}

#component4 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:382px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/analyzer.jpg');
  z-index: 2;
}

#component4:hover {
  border:2px solid #ffcc00;
}

#component4Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:382px;
  top:260px;
  text-align:center;
  z-index: 2;
}

#component5 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:501px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/stabilizer.jpg');
  z-index: 2;
}

#component5:hover {
  border:2px solid #ffcc00;
}

#component5Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:501px;
  top:260px;
  text-align:center;
  z-index: 2;
}

#component6 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:25px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/isotope.jpg');
  z-index: 2;
}

#component6:hover {
  border:2px solid #ffcc00;
}

#component6Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:25px;
  top:400px;
  text-align:center;

  z-index: 2;
}

#component7 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:144px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/hullsection.jpg');
  z-index: 2;
}

#component7:hover {
  border:2px solid #ffcc00;
}

#component7Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:144px;
  top:400px;
  text-align:center;
  z-index: 2;
}

#component8 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:263px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/conveyor.jpg');
  z-index: 2;
}

#component8:hover {
  border:2px solid #ffcc00;
}


#component8Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:263px;
  top:400px;
  text-align:center;

  z-index: 2;
}

#component9 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:382px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/element.jpg');
  z-index: 2;
}

#component9:hover {
  border:2px solid #ffcc00;
}

#component9Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:382px;
  top:400px;
  text-align:center;
  z-index: 2;
}

#component10 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:501px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/components/satellite.jpg');
  z-index: 2;
}

#component10:hover {
  border:2px solid #ffcc00;
}

#component10Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:501px;
  top:400px;
  text-align:center;
  z-index: 2;
}

.res_lvl {
  display:block;
  position:absolute;
  width:60px;
  height:20px;
  left:40px;
  top:80px;
  text-align:right;
  color: #6F9FC8;
  font-weight:bold;
  font-size:12pt;
  background-image:url('img/research/level_mask.png');
  background-repeat:no-repeat;
  z-index:2;
}


#research1 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:25px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/hyperfracking.jpg');
  z-index: 2;
}

#research1:hover {
  border:2px solid #ffcc00;
}

#research1Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:25px;
  top:260px;
  text-align:center;

  z-index: 2;
}

#research2 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:144px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/chronosmelting.jpg');
  z-index: 2;
}

#research2:hover {
  border:2px solid #ffcc00;
}

#research2Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:144px;
  top:260px;
  text-align:center;
  z-index: 2;
}

#research3 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:263px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/autoprocessing.jpg');
  z-index: 2;
}

#research3:hover {
  border:2px solid #ffcc00;
}


#research3Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:263px;
  top:260px;
  text-align:center;

  z-index: 2;
}

#research4 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:382px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/nanofusion.jpg');
  z-index: 2;
}

#research4:hover {
  border:2px solid #ffcc00;
}

#research4Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:382px;
  top:260px;
  text-align:center;
  z-index: 2;
}

#research5 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:501px;
  top:150px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/cryostorage.jpg');
  z-index: 2;
}

#research5:hover {
  border:2px solid #ffcc00;
}

#research5Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:501px;
  top:260px;
  text-align:center;
  z-index: 2;
}

#research6 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:25px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/leadership.jpg');
  z-index: 2;
}

#research6:hover {
  border:2px solid #ffcc00;
}

#research6Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:25px;
  top:400px;
  text-align:center;

  z-index: 2;
}

#research7 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:144px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/avionics.jpg');
  z-index: 2;
}

#research7:hover {
  border:2px solid #ffcc00;
}

#research7Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:144px;
  top:400px;
  text-align:center;
  z-index: 2;
}

#research8 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:263px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/astrodynamics.jpg');
  z-index: 2;
}

#research8:hover {
  border:2px solid #ffcc00;
}


#research8Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:263px;
  top:400px;
  text-align:center;

  z-index: 2;
}

#research9 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:382px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/manufacturing.jpg');
  z-index: 2;
}

#research9:hover {
  border:2px solid #ffcc00;
}

#research9Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:382px;
  top:400px;
  text-align:center;
  z-index: 2;
}

#research10 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:501px;
  top:290px;
  text-align:center;
  border:2px solid #999999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/research/commerce.jpg');
  z-index: 2;
}

#research10:hover {
  border:2px solid #ffcc00;
}

#research10Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:501px;
  top:400px;
  text-align:center;
  z-index: 2;
}
/**************************HEROS SECTION*******************************/
#ImgBox {
  display:block;
  width:100px;
  height:100px;
  text-align:center;
  border:2px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}



#heroStats {
  display:block;
  position:absolute;
  width:330px;
  height:250px;
  left:150px;
  top:100px;
  text-align:center;
  border:2px solid #cccccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  background-image:url('img/diamondplate.jpg');
  z-index: 2;
}

#heroContainer {
  display:none;
  position:absolute;
  width:628px;
  height:250px;
  left:-1px;
  top:175px;
  text-align:center;
  border:1px solid #cccccc;
  z-index: 2;
}
#mgtContainer {
  display:block;
  position:absolute;
  width:628px;
  height:250px;
  left:-1px;
  top:175px;
  text-align:center;
  border:1px solid #cccccc;
  z-index: 2;
}

#finance {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 275px;
  height: 200px;
  border: 2px solid grey;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  background-image:url('img/diamondplate2.jpg');
  z-index: 3;
}

#changeTax {
  display:none;
  position: absolute;
  top: 7px;
  left: 144px;
  width: 120px;
  height: 20px;
 /* border: 2px solid grey;*/
  z-index: 3;
}


#financeTag {
  position: absolute;
  top: 5px;
  left: 25px;
  width: 275px;
  height: 15px;
  color: #6F9FC8;
  font-size: 14pt;
  font-family:"Arial", "sans-serif";
  text-align:center;
  z-index: 3;
}

#defence {
  position: absolute;
  top: 25px;
  left: 325px;
  width: 275px;
  height: 200px;
  border: 2px solid grey;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  background-image:url('img/diamondplate2.jpg');
  z-index: 3;
}
#defenceTag {
  position: absolute;
  top: 5px;
  left: 325px;
  width: 275px;
  height: 15px;
  color: #6F9FC8;
  font-size: 14pt;
  font-family:"Arial", "sans-serif";
  text-align:center;
  z-index: 3;
}

#defShield {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 75px;
  height: 75px;
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/defense/shield.jpg');
  background-size:75px 75px;
  z-index: 3;
}
#defShieldTitle {
  position: absolute;
  top: 10px;
  left: 95px;
  width: 170px;
  height: 22px;
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
}

#defMissle {
  position: absolute;
  top: 113px;
  left: 10px;
  width: 75px;
  height: 75px;
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-image:url('img/defense/missle.jpg');
  background-size:75px 75px;
  z-index: 3;
}

#defMissleTitle {
  position: absolute;
  top: 113px;
  left: 95px;
  width: 170px;
  height: 22px;
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
}


#heroTab {
  display:block;
  position:absolute;
  width:60px;
  height:20px;
  left:105px;
  top:154px;
  text-align:center;
  border:1px solid #cccccc;
  z-index: 2;
}
#mgtTab {
  display:block;
  position:absolute;
  width:105px;
  height:20px;
  left:-1px;
  top:154px;
  text-align:center;
  border:1px solid #cccccc;
  z-index: 2;
}


#hero1 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:25px;
  top:50px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#hero1:hover {
  border:2px solid #ffcc00;
}

#hero1Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:25px;
  top:160px;
  text-align:center;

  z-index: 2;
}

#hero2 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:144px;
  top:50px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#hero2:hover {
  border:2px solid #ffcc00;
}

#hero2Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:144px;
  top:160px;
  text-align:center;

  z-index: 2;
}

#hero3 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:263px;
  top:50px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#hero3:hover {
  border:2px solid #ffcc00;
}


#hero3Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:263px;
  top:160px;
  text-align:center;

  z-index: 2;
}

#hero4 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:382px;
  top:50px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#hero4:hover {
  border:2px solid #ffcc00;
}

#hero4Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:382px;
  top:160px;
  text-align:center;

  z-index: 2;
}

#hero5 {
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  left:501px;
  top:50px;
  text-align:center;
  border:2px solid #999999;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 2;
}

#hero5:hover {
  border:2px solid #ffcc00;
}

#hero5Build {
  display:block;
  position:absolute;
  width:100px;
  height:25px;
  left:501px;
  top:160px;
  text-align:center;

  z-index: 2;
}
/***************END BUILD MENU DIVS*****************/



/***********NAVICATION BUTTON LAYOUT DIVS**************/
#message{
  position: absolute;
  display: block;
  top: 25px;
  left: 30px;
  height:50px;
  width: 117px;
  z-index: 3;
}

#report{
  position: absolute;
  display: block;
  top: 25px;
  left: 147px;
  height:50px;
  width: 110px;
  z-index: 3;
}

#trade{
  position: absolute;
  display: block;
  top: 25px;
  left: 257px;
  height:50px;
  width: 109px;
  z-index: 3;
}

#alliance{
  position: absolute;
  display: block;
  top: 79px;
  left: 22px;
  height:50px;
  width: 117px;
  z-index: 3;
}

#rank{
  position: absolute;
  display: block;
  top: 79px;
  left: 139px;
  height:50px;
  width: 110px;
  z-index: 3;
}

#quest{
  position: absolute;
  display: block;
  top: 79px;
  left: 249px;
  height:50px;
  width: 109px;
  z-index: 3;
}

#logout {
  position: absolute;
  top: 133px;
  left: 22px;
  width: 32px;
  height: 32px;
  z-index: 3;
}

#profile {
  position: absolute;
  top: 133px;
  left: 59px;
  width: 32px;
  height: 32px;
  z-index: 3;
}

#forum {
  position: absolute;
  top: 133px;
  left: 96px;
  width: 32px;
  height: 32px;
  z-index: 3;
  outline: none;
  border: 1px solid #ffcc00;
  box-shadow: 0 0 10px #ffcc00;
}

#items {
  position: absolute;
  top: 133px;
  left: 133px;
  width: 32px;
  height: 32px;
  z-index: 3;
}

#buycredits{
  position: absolute;
  top: 133px;
  left: 170px;
  width: 32px;
  height: 32px;
  z-index: 3;
}

#servertime {
  position: absolute;
  top: 139px;
  left: 222px;
  width: 165px;
  height: 40px;
  color: #6F9FC8;
  font-family:"Arial", "sans-serif";
  font-size: 18px;
  font-weight: bold;
  /*border: 1px solid red;*/
  z-index: 3;
}
/*********END NAVICATION BUTTON LAYOUT DIVS************/

/*****************RESOURCE LAYOUT DIVS*******************/
.progressbar{
  display: block;
  height:8px;
  width: 100px;
  border: 1px solid grey;
  background-color:#000;
  z-index: 3;
}

#shield_img {
  position: absolute;
  top: 16px;
  left: 305px;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  background-image:url('img/shields.jpg');
  border: 1px solid grey;
  z-index: 3;
}

#shield_amt {
  position: absolute;
  top: 33px;
  left: 340px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#shield_txt {
  position: absolute;
  top: 15px;
  left: 340px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#shield_add {
  position: absolute;
  top: 33px;
  left: 390px;
  width: 15px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  border: 1px solid grey;
  z-index: 3;
}

#shield_bar{
  position: absolute;
  display: block;
  top: 52px;
  left: 305px;
  z-index: 3;
}


#morale_img {
  position: absolute;
  top: 16px;
  left: 420px;
  width: 32px;
  height: 32px;
  background-image:url('img/morale.jpg');
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
}

#morale_amt {
  position: absolute;
  top: 33px;
  left: 455px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#morale_txt {
  position: absolute;
  top: 15px;
  left: 455px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}
#morale_add {
  position: absolute;
  top: 33px;
  left: 505px;
  width: 15px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  border: 1px solid grey;
  z-index: 3;
}

#morale_bar{
  position: absolute;
  display: block;
  top: 52px;
  left: 420px;
  z-index: 3;
}

#fuel_img {
  position: absolute;
  top: 16px;
  left: 535px;
  width: 32px;
  height: 32px;
  background-image:url('img/fuel.jpg');
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
}

#fuel_amt {
  position: absolute;
  top: 33px;
  left: 570px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#fuel_txt {
  position: absolute;
  top: 15px;
  left: 570px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#fuel_add {
  position: absolute;
  top: 33px;
  left: 620px;
  width: 15px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  border: 1px solid grey;
  z-index: 3;
}

#fuel_bar{
  position: absolute;
  display: block;
  top: 52px;
  left: 535px;
  z-index: 3;
}

#plasma_img {
  position: absolute;
  top: 16px;
  left: 650px;
  width: 32px;
  height: 32px;
  background-image:url('img/plasma.jpg');
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
}

#plasma_amt {
  position: absolute;
  top: 33px;
  left: 685px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#plasma_txt {
  position: absolute;
  top: 15px;
  left: 685px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#plasma_add {
  position: absolute;
  top: 33px;
  left: 735px;
  width: 15px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  border: 1px solid grey;
  z-index: 3;
}

#plasma_bar{
  position: absolute;
  display: block;
  top: 52px;
  left: 650px;
  z-index: 3;
}

#carbon_img {
  position: absolute;
  top: 16px;
  left: 765px;
  width: 32px;
  height: 32px;
  background-image:url('img/carbon.jpg');
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
}

#carbon_amt {
  position: absolute;
  top: 33px;
  left: 800px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#carbon_txt {
  position: absolute;
  top: 15px;
  left: 800px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#carbon_add {
  position: absolute;
  top: 33px;
  left: 850px;
  width: 15px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  border: 1px solid grey;
  z-index: 3;
}

#carbon_bar{
  position: absolute;
  display: block;
  top: 52px;
  left: 765px;
  z-index: 3;
}

#silicon_img {
  position: absolute;
  top: 16px;
  left: 880px;
  width: 32px;
  height: 32px;
  background-image:url('img/silicon.jpg');
  border: 1px solid grey;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 3;
}

#silicon_amt {
  position: absolute;
  top: 33px;
  left: 915px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#silicon_txt {
  position: absolute;
  top: 15px;
  left: 915px;
  width: 47px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  color: #6F9FC8;
  z-index: 3;
}

#silicon_add {
  position: absolute;
  top: 33px;
  left: 965px;
  width: 15px;
  height: 15px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  font-weight: bold;
  border: 1px solid grey;
  z-index: 3;
}

#silicon_bar{
  position: absolute;
  display: block;
  top: 52px;
  left: 880px;
  z-index: 3;
}

/*****************RESOURCE LAYOUT DIVS*******************/

/*****************CHAT LAYOUT DIVS*******************/
#main_chat {
  display:block;
  position:absolute;
  left: 0px;
  top: -1px;
  font-family:"Arial", "sans-serif";
  padding-left: 3px;
  padding-right: 3px;
  font-size: 12px;
  font-weight: bold;
  width: 369px;
  height: 149px;
  /*width:488px;*/
  /*height:150px;*/
  border: 0px solid grey;
  overflow-x: hidden;
  overflow-y: auto;
  color: #FFFFFF;
  /*background: url('img/chat_bg.jpg') no-repeat;*/
  background-color:#000000;
  opacity:0.8;
  filter:alpha(opacity=80);
}

.chat_send {
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  color: #FFFFFF;
  background-color:#333;
  font-weight:bold;
  width: 375px;
  height: 23px;
  border: 1px solid grey;
  opacity:0.8;
  filter:alpha(opacity=80);
  padding-left:3px;
}

.alliance_chat_send {
  font-size: 14px;
  font-family:"Arial", "sans-serif";
  color: #6f9fc8;
  background-color:#333;
  font-weight:bold;
  width: 375px;
  height: 23px;
  border: 1px solid grey;
  opacity:0.8;
  filter:alpha(opacity=80);
  padding-left:3px;
}

#chat_send {
  position:absolute;
  left: 0px;
  top: 149px;
  width: 375px;
  height: 23px;
}

#chat_toggle {
  position:absolute;
  left: 375px;
  top: 150px;
  width: 117px;
  height: 19px;
  /*border: 1px solid grey;*/
  font-size: 14px;
  font-weight:bold;
  font-family:"Arial", "sans-serif";
  text-align:center;
  background-color:#000000;
  opacity:0.8;
  filter:alpha(opacity=80);
}

#chat_users {
  /*display:none;*/
  position:absolute;
  left: 375px;
  top: 0px;
  font-family:"Arial", "sans-serif";
  font-size: 12px;
  padding-left: 3px;
  width: 117px;
  height: 148px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color:#000000;
  color: #FFFFFF;
  border: 1px solid grey;
  opacity:0.8;
  filter:alpha(opacity=80);
}

/*****************END CHAT LAYOUT DIVS*******************/

/*************FONT CLASS STYLES**************/
.white {
  color: #ffffff;
  font-size: 12pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
}

.bold_white {
  color: #ffffff;
  font-size: 12pt;

  font-family:"Arial", "sans-serif";
  font-weight:bold;
}

.bold_white10 {
  color: #ffffff;
  font-size: 10pt;

  font-family:"Arial", "sans-serif";
  font-weight:bold;
}

.green {
  color: #99ff00;
  font-size: 12pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  text-shadow: 2px 2px #000;
}

.green10 {
  color: #99ff00;
  font-size: 10pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  text-shadow: 1px 1px #000;
}
.green8 {
  color: #99ff00;
  font-size: 8pt;
  font-weight:bold;
  font-family:"Arial", "sans-serif";
  text-shadow: 1px 1px #000;
}

.green12 {
  color: #99ff00;
  font-size: 12pt;
  margin:2px;
  font-weight:bold;
  font-family:"Arial", "sans-serif";
  text-shadow: 2px 2px #000;
}
.blue {
  color: #33ffff;
  font-size: 12pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  text-shadow: 2px 2px #000;
}

.officer {
  color: #33ffff;
  font-size: 12pt;
  margin:2px;
  font-weight:bold;
  font-family:"Arial", "sans-serif";
  text-shadow: 2px 2px #000;
}

.red10 {
  /*color: #ff0000;*/
  color: #FF0000;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  text-shadow: 1px 1px #000;
}
.labelRed14 {
  /*color: #ff0000;*/
  color: #FF0000;
  font-size: 14pt;
    margin:2px;
  font-family:"Arial", "sans-serif";
}

.red8 {
  /*color: #ff0000;*/
  color: #800000;
  font-size: 8pt;
  font-weight:bold;
  font-family:"Arial", "sans-serif";
  text-shadow: 1px 1px #000;
}
.red12 {
  /*color: #ff0000;*/
  color: #800000;
  font-size: 12pt;
  font-weight:bold;
  font-family:"Arial", "sans-serif";
  text-shadow: 2px 2px #000;
}
.red14 {
  /*color: #ff0000;*/
  color: #800000;
  font-size: 14pt;
  font-weight:bold;
  font-family:"Arial", "sans-serif";
  text-shadow: 2px 2px #000;
}

.red {
  color: #6F9FC8;
  font-size: 12pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  text-shadow: 2px 2px #000;
}
.blue8{
  color: #6F9FC8;
  font-size: 8pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  text-shadow: 1px 1px #000;
}

.blue10 {
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  text-shadow: 1px 1px #000;
}
.blue10b {
  color: #6F9FC8;
  font-size: 10pt;
  margin:2px;
  font-weight:bold;
  font-family:"Arial", "sans-serif";
  text-shadow: 1px 1px #000;
}

.blue12 {
  color: #6F9FC8;
  font-size: 12pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 2px 2px #000;
}

.white10 {
  color: #ffffff;
  font-size: 10pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  text-shadow: 1px 1px #000;
}
.white10b {
  color: #ffffff;
  font-size: 10pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 1px 1px #000;
}


.white8 {
  color: #ffffff;
  font-size: 8pt;
  font-weight:bold;
  font-family:"Arial", "sans-serif";
  text-shadow: 1px 1px #000;
}

.gold14 {
  color: #ffcc00;
  font-size: 14pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 2px 2px #000;
}

.gold12 {
  color: #ffcc00;
  font-size: 12pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 2px 2px #000;
}

.gold18 {
  color: #ffcc00;
  font-size: 18pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 2px 2px #000;
}


.gold10 {
  color: #ffcc00;
  font-size: 10pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 1px 1px #000;
}
.gold8 {
  /*color: #cccc33;*/
  color: #ffcc00;
  font-size: 8pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 1px 1px #000;
}

.black12 {
  color: #000000;
  font-size: 12pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
}
.black11 {
  color: #000000;
  font-size: 11pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
}


.black10 {
  color: #000000;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
}

.black8 {
  color: #000000;
  font-size: 8pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
}


.gray12 {
  color: #ccc;
  font-size: 12pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 2px 2px #000;
}

.gray10 {
  color: #ccc;
  font-size: 10pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 1px 1px #000;
}
.gray8 {
  color: #ccc;
  font-size: 8pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-shadow: 1px 1px #000;
}

.time {
  color: #00ffff;
  font-size: 12pt;
  margin:2px;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
}

.stats{
  color: #ffffff;
  font-size: 12pt;
  padding:15px, 5px, 5px, 5px;
  font-family:"Arial", "sans-serif";
  text-align: center;
  font-weight: bold;
}

/****************END FONT CLASS STYLES******************/

/******************USER VIEW DIVS*******************/
#colony {
  position:relative;
  width: 630px;
  height: 450px;
  display: block;
  background-color:#000000;
  background-image:url('img/colonybg1.jpg');
  z-index: 1;
  overflow:hidden;
}

#map {
  position:relative;
  width: 630px;
  height: 450px;
  background-color:#000000;
  z-index: 1;
  overflow:hidden;
}

#map_nav {
  position:absolute;
  width: 100px;
  height: 100px;
  top:300px;
  left:475px;
  /*background-color:#ffffff;*/
  background-image:url('img/buttons/map_nav.png');
  z-index: 2;
}

#map_left {
  position:absolute;
  width: 50px;
  height: 35px;
  top:332.5px;
  left:425px;
  z-index: 2;
}

#map_right {
  position:absolute;
  width: 50px;
  height: 35px;
  top:332.5px;
  left:575px;
  z-index: 2;
}

#map_up {
  position:absolute;
  width: 35px;
  height: 50px;
  top:250px;
  left:507px;
  z-index: 2;
}

#map_down {
  position:absolute;
  width: 35px;
  height: 50px;
  top:400px;
  left:507px;
  z-index: 2;
}

#map_x {
  position:absolute;
  width: 70px;
  height: 17px;
  top:328px;
  left:500px;
  font-size: 16px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  z-index: 2;
}
#map_y {
  position:absolute;
  width: 70px;
  height: 17px;
  top:351px;
  left:500px;
  font-size: 16px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  z-index: 2;
}

#map_go {
  position:absolute;
  width: 25px;
  height: 15px;
  top:376px;
  left:512px;
  text-align:center;

  z-index: 2;
}

.mapTxt {
  font-size: 16px;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #282828;
  border: 0px solid #666666;
  width: 35px;
}

.mapTxt:hover {
  font-size: 16px;
  font-family:"Arial", "sans-serif";
  color: #00ccff;
  font-weight:bold;
  background-color: #282828;
 /* border: 1px solid #ffcc00;*/
  width: 35px;
}

.map span {display:none; width:90px; height:90px;}
.map:hover span{
  display:block;
  position:absolute;
  background:url(img/scanner.png)no-repeat;
  margin-left: 1px;
  margin-top: -1px;
  width: 88px;
  height:88px;
  font-weight:BOLD;
  font-size:11pt;
  border: 0px solid red;
  opacity:0.7;
  filter:alpha(opacity=70);
  z-index:3;
}

#planet_name{
  display:block;
  position:absolute;
  font-size: 12px;
  font-family:"Arial", "sans-serif";
  text-align:center;
  font-weight:bold;
  height:14px;
  width: 80px;
  top:75px;
  left:5px;
  z-index:2;
}

.gold{
  color: #FFCC00;
}
.red{
  color: #FF0000;
}
.blue{
  color: #33FFFF;
}
.gray{
  color: #CCCCCC;
}

#planet_location{
  display:block;
  position:absolute;
  font-size: 16px;
  font-family:"Arial", "sans-serif";
  text-align:center;
  color: #FFCC00;
  text-shadow: 2px 2px #000;
  font-weight:bold;
  border: 0px solid #ffcc00;
  height:15px;
  width: 90px;
  top:35px;
  left:0px;
}


/****************END USER VIEW DIVS*****************/





/******************BUILDING SLOT DIVS*******************/
#slot1{
  position:absolute;
  display:block;
  top:142px;
  left:72px;
  width: 80px;
  height: 80px;
  z-index: 1; /*16*/
}

#slot1_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 142px;
  left: 72px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot1_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 202px;
  left: 72px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot2{
  position:absolute;
  display:block;
  top:115px;
  left:231px;
  width: 80px;
  height: 80px;
  z-index: 2; /*14*/
}

#slot2_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 115px;
  left: 221px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot2_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 165px;
  left: 221px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}


#slot3{
  position:absolute;
  display:block;
  top:140px;
  left:400px;
  width: 80px;
  height: 80px;
  z-index: 3;/*13*/
}

#slot3_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 105px;
  left: 400px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot3_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 165px;
  left: 400px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}


#slot4{
  position:absolute;
  display:block;
  top:187px;
  left:152px;
  width: 80px;
  height: 80px;
  z-index: 4;/*16*/
}

#slot4_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 187px;
  left: 152px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot4_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 247px;
  left: 152px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}


#slot5{
  position:absolute;
  display:block;
  top:187px;
  left:316px;
  width: 80px;
  height: 80px;
  z-index: 5;/*15*/
}
#slot5_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 187px;
  left: 316px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot5_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 247px;
  left: 316px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}


#slot6{
  position:absolute;
  display:block;
  top:233px;
  left:33px;
  width: 80px;
  height: 80px;
  z-index: 6; /*18*/
}
#slot6_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 218px;
  left: 23px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot6_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 278px;
  left: 23px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot7{
  position:absolute;
  display:block;
  top:232px;
  left:235px;
  width: 110px;
  height: 110px;
  z-index: 7; /*9*/
}
#slot7_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 222px;
  left: 225px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}
#slot8{
  position:absolute;
  display:block;
  top:241px;
  left:438px;
  width: 80px;
  height: 80px;
  z-index: 8; /*8*/
}
#slot8_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 226px;
  left: 430px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}
#slot8_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 286px;
  left: 430px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot9{
  position:absolute;
  display:block;
  top:282px;
  left:153px;
  width: 80px;
  height: 80px;
  z-index: 9;/*12*/
}
#slot9_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 282px;
  left: 153px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}
#slot9_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 342px;
  left: 153px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot10{
  position:absolute;
  display:block;
  top:284px;
  left:318px;
  width: 80px;
  height: 80px;
  z-index: 10;  /*10*/
}
#slot10_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 284px;
  left: 318px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}
#slot10_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 344px;
  left: 318px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot11{
  position:absolute;
  display:block;
  top:328px;
  left:72px;
  width: 80px;
  height: 80px;
  z-index: 11;  /*14*/
}
#slot11_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 328px;
  left: 72px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot11_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 388px;
  left: 72px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot12{
  position:absolute;
  display:block;
  top:355px;
  left:240px;
  width: 80px;
  height: 80px;
  z-index: 12;   /*5*/
}
#slot12_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 340px;
  left: 230px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}
#slot12_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 420px;
  left: 230px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

#slot13{
  position:absolute;
  display:block;
  top:332px;
  left:402px;
  width: 80px;
  height: 80px;
  z-index: 13;/*3*/
}
#slot13_bldg {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 332px;
  left: 402px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}
#slot13_ship {
  display:block;
  position:absolute;
  border:0px solid #ffffff;
  top: 412px;
  left: 402px;
  width:40px;
  height:15px;
  background-color:;
  color:#cccc33;
  font-weight:bold;
  text-align:center;
  z-index:100;
}

/****************END BUILDING SLOT DIVS*****************/


/*************************LAUNCH SCREEN LAYOUT********************************/
.ships{
  display:block;
  border: 1px solid #999999;
  height:40px;
  width:40px;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:999;
}

.cargo{
  display:block;
  border: 1px solid #999999;
  height:25px;
  width:25px;
  -moz-border-radius:3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  -khtml-border-radius: 3px; /* KHTML */
  border-radius: 3px; /* CSS3 */
  z-index:999;
}


.shipInput{
  display:block;
  height:26px;
  width: 50px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:right;
  border: 1px solid #999999;
  background-color:#000000;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:2;
}

.locationInput{
  display:block;
  height:18px;
  width: 40px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:right;
  border: 1px solid #999999;
  background-color:#000000;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:2;
}

.delayInput{
  display:block;
  height:18px;
  width: 30px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:right;
  border: 1px solid #999999;
  background-color:#000000;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:2;
}


.missionSelect{
  display:block;
  height:18px;
  width: 120px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:left;
  border: 1px solid #999999;
  background-color:#000000;
  z-index:2;
}


.onhand{
  display:block;
  height:26px;
  width: 60px;
  color: #cccccc;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:left;
  border: none;
  background: transparent;
  z-index:2;
}

.traveltime{
  display:block;
  height:26px;
  width: 110px;
  color: #cccccc;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:left;
  border: none;
  background: transparent;
  z-index:2;
}


.fuelInput{
  display:block;
  height:26px;
  width: 100px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:left;
  border: none;
  background: transparent;
  z-index:2;
}


.up{
  font-size:7px;
  margin:0;
  padding:0;
  width:20px;
  height:13px;
}
.down{
  font-size:7px;
  margin:0;
  padding:0;
  width:20px;
  height:13px;
}

#fleetContainer{
  display:block;
  position:absolute;
  top:25px;
  left:10px;
  height:325px;
  width: 375px;
  text-align:center;
  border: 1px solid #999999;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:2;
}

#cargoContainer{
  display:block;
  position:absolute;
  top:360px;
  left:10px;
  height:55px;
  width: 375px;
  text-align:center;
  border: 1px solid #999999;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:2;
}

#timerContainer{
  display:block;
  position:absolute;
  top:360px;
  left:395px;
  height:55px;
  width: 223px;
  text-align:center;
  border: 1px solid #999999;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:2;
}

#objectiveContainer{
  display:block;
  position:absolute;
  top:25px;
  left:395px;
  height:325px;
  width: 223px;
  text-align:center;
  border: 1px solid #999999;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:2;
}

#missionBtn {
  display:block;
  position:absolute;
  width:120px;
  height:18px;
  left:240px;
  top:145px;
  text-align:center;
  z-index: 2;
}

/*************************LAUNCH SCREEN LAYOUT********************************/
/*************************MAIL AND MISSION REPORTS WARNING LABELS*******************/
#reportLabel{
  display:block;
  position:absolute;
  top:27px;
  left:215px;
  height:15px;
  width: 15px;
  text-align:center;
  color: #800000;
  font-weight:bold;
  size:14pt;
  z-index:999;
}
#msgLabel{
  display:block;
  position:absolute;
  top:27px;
  left:110px;
  height:15px;
  width: 15px;
  text-align:center;
  color: #800000;
  font-weight:bold;
  size:14pt;
  z-index:999;
}

.new_msg {
  text-decoration:none;
  font-size:10pt;
  font-weight:bold;
  color:#FFFFFF;
  }
.new_msg:hover {
  text-decoration:none;
  font-size:10pt;
  font-weight:bold;
  color:#FFCC00;
  }
.new_msg:active {
  text-decoration:none;
  font-size:10pt;
  font-weight:bold;
  color:#FFFFFF;
}
.old_msg {
  text-decoration:none;
  font-size:10pt;
  color:#FFFFFF;
  }
.old_msg:hover {
  text-decoration:none;
  font-size:10pt;
  color:#FFCC00;
  }
.old_msg:active {
  text-decoration:none;
  font-size:10pt;
  color:#FFFFFF;
}

.size8{
font-size:8pt;
}
.size10{
font-size:10pt;
}
.size12{
font-size:12pt;
}
.size14{
font-size:14pt;
}

.queueBox {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 95px;
  left: 200px;
  border: 1px solid grey;
  background-color: #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  z-index: 1;
}
.titleList span {
  display:none;
}
.titleList {
  position:absolute;
  display:block;
  width:250px;
  height:250px;
  left:10px;
  top:10px;
  text-align:center;
  background-color:#000000;
  border:1px solid #FFCC00;
  z-index: 900;
}

#LeftContainer{
  display:block;
  position:absolute;
  top:25px;
  left:10px;
  height:390px;
  width: 295px;
  text-align:center;
  border: 1px solid #999999;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:2;
}
#RightContainer{
  display:block;
  position:absolute;
  top:25px;
  left:320px;
  height:390px;
  width: 295px;
  text-align:center;
  border: 1px solid #999999;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* KHTML */
  border-radius: 5px; /* CSS3 */
  z-index:2;
}

#LeftContainer2{
  display:block;
  position:absolute;
  top:25px;
  left:10px;
  height:390px;
  width: 295px;
  text-align:center;
  z-index:2;
}
#RightContainer2{
  display:block;
  position:absolute;
  top:25px;
  left:320px;
  height:390px;
  width: 295px;
  text-align:center;
  z-index:2;
}

#LeftContainer3{
  display:block;
  position:absolute;
  top:55px;
  left:10px;
  height:360px;
  width: 295px;
  text-align:center;

  z-index:2;
}
#RightContainer3{
  display:block;
  position:absolute;
  top:55px;
  left:320px;
  height:360px;
  width: 295px;
  text-align:center;

  z-index:2;
}
#FriendlyContainer{
  display:block;
  position:absolute;
  top:55px;
  left:10px;
  height:325px;
  width: 295px;
  text-align:center;
  overflow-x: hidden;
  overflow-y: auto;
  z-index:2;
}

#HostileContainer{
  display:block;
  position:absolute;
  top:55px;
  left:320px;
  height:325px;
  width: 295px;
  text-align:center;
  overflow-x: hidden;
  overflow-y: auto;
  z-index:2;
}
#DiplomacyFooter{
  display:block;
  position:absolute;
  top:390px;
  left:15px;
  height:30px;
  width: 600px;
  text-align:center;
  z-index:2;
}

.bioBox{
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  height: 265px;
  width: 290px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.bioBox2{
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  height: 130px;
  width: 290px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}


.ordersBox{
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  color: #6F9FC8;
  font-weight:bold;
  background-color: #000000;
  border: 1px solid #999999;
  height: 150px;
  width: 290px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.allianceNameInput{
  display:block;
  height:20px;
  width: 150px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:center;
  border: 1px solid #999999;
  background-color:#000000;
  -moz-border-radius:3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  -khtml-border-radius: 3px; /* KHTML */
  border-radius: 3px; /* CSS3 */
  z-index:2;
}
.allianceTagInput{
  display:block;
  height:20px;
  width: 50px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:center;
  border: 1px solid #999999;
  background-color:#000000;
  -moz-border-radius:3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  -khtml-border-radius: 3px; /* KHTML */
  border-radius: 3px; /* CSS3 */
  z-index:2;
}

.friendlyInput{
  display:block;
  height:20px;
  width: 150px;
  color: #6F9FC8;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:center;
  border: 1px solid #999999;
  background-color:#000000;
  -moz-border-radius:3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  -khtml-border-radius: 3px; /* KHTML */
  border-radius: 3px; /* CSS3 */
  z-index:2;
}

.hostileInput{
  display:block;
  height:20px;
  width: 150px;
  color: #800000;
  font-size: 10pt;
  font-family:"Arial", "sans-serif";
  font-weight:bold;
  text-align:center;
  border: 1px solid #999999;
  background-color:#000000;
  -moz-border-radius:3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  -khtml-border-radius: 3px; /* KHTML */
  border-radius: 3px; /* CSS3 */
  z-index:2;
}

/*========================FORUM STYLES========================*/
.black10b{font-size:10pt; color:#000; font-weight:bold;}
.black14{font-size:14pt; color:#000;}
.red10b{font-size:10pt; color:#cc0033; font-weight:bold;}
.green10b{font-size:10pt; color:#009900; font-weight:bold;}
.blue10b{font-size:10pt; color:blue; font-weight:bold;}
.gold10b{font-size:10pt; color:#cc9900; font-weight:bold;}

.forumTable{
    display:table;
    top:0px;
    font-size:10pt;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    border-spacing: 0px;
    padding:5px 5px 5px 5px;
    border: 1px solid #000;
    background-color:ivory;
    color: black;
}

.forumTitle{background-color:#429CCD; color:#fff; font-weight:bold; font-size:10pt; text-align:left; text-shadow: 1px 1px #000;}

.forumBody{
  /*background:url(img/wallpaper/forumbg1.jpg);*/
  }

.topicDays{
    font-size:10pt;
    border:1px solid black;
    background-color:#d4e7ee;
}

.postSub{
    font-size:10pt;
    border:1px solid black;
    background-color:#d4e7ee;
    width:400px;
}

.fcounter{
    border:0px;
    background:transparent;
    width:30px;
    text-align:right;
    color: #000;
}

.banName{
    font-size:10pt;
    border:1px solid black;
    background-color:#d4e7ee;
    width:100px;
}

.banReason{
    font-size:10pt;
    border:1px solid black;
    background-color:#d4e7ee;
    width:300px;
}

.postDesc{
    font-size:10pt;
    border:1px solid black;
    background-color:#d4e7ee;
    width:400px;
    min-width:400px;
    max-width:400px;
    height:200px;
    min-height:200px;
    max-height:200px;
}

.even{background-color:#efefef; font-size:10pt;}
.even:hover{background-color:#d4e7ee; cursor:pointer;}
.even2{background-color:#efefef; font-size:10pt;}/* no mouseover effect */

.odd{background-color:#fff; font-size:10pt;}
.odd:hover{background-color:#d4e7ee; cursor:pointer;}
.odd2{background-color:#fff; font-size:10pt;}/* no mouseover effect */

.f_link:link {
    /*text-decoration:none;*/
    color:#ffcc00;
    text-shadow: 1px 1px #000;
    font-size: 12pt;
  }
.f_link:visited {
    /*text-decoration:none;*/
    color:#ffcc00;
  }
.f_link:hover {
    text-decoration:none;
    color:red;
  }
.f_link:active {
    text-decoration:none;
    color:red;
  }

.t_link:link {
    /*text-decoration:none;*/
    color:#6F9FC8;
    font-size: 14pt;
    font-weight:bold;
  }
.t_link:visited {
    /*text-decoration:none;*/
    color:#6F9FC8;
  }
.t_link:hover {
    text-decoration:none;
    color:red;
  }
.t_link:active {
    text-decoration:none;
    color:red;
  }

.a_link:link {
    /*text-decoration:none;*/
    color:#000;
    font-weight:bold;
    font-size: 10pt;
  }
.a_link:visited {
    /*text-decoration:none;*/
    color:#000;
  }
.a_link:hover {
    text-decoration:none;
    color:red;
  }
.a_link:active {
    text-decoration:none;
    color:red;
  }


.scroll{
    display:block;
    overflow-y: auto;
    overflow-x: hidden;
    width:630px;
    height:426px;
}

/*========================FORUM STYLES========================*/