body  {
  background-color: #000000;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  scrollbar-face-color: #0000000; 
  scrollbar-highlight-color: #660000;       
  scrollbar-shadow-color: #0000000; 
  scrollbar-3dlight-color: #660000; 
  scrollbar-arrow-color: #FFFF00; 
  scrollbar-track-color: #333333; 
  scrollbar-darkshadow-color: #660000; 
  scrollbar-base-color: #000000; 
  }

body.starmap  {
  background-color: #000000;
  font-family: Verdana, Arial;
  font-size: xx-small;
  color: #FFFFFF;
  scrollbar-face-color: #0000000; 
  scrollbar-highlight-color: #660000;       
  scrollbar-shadow-color: #0000000; 
  scrollbar-3dlight-color: #660000; 
  scrollbar-arrow-color: #FFFF00; 
  scrollbar-track-color: #333333; 
  scrollbar-darkshadow-color: #660000; 
  scrollbar-base-color: #000000; 
  }

div.center
{
text-align: center;
}
div.center table 
{
margin: 0 auto; 
text-align: left;
}

div.button_box {
  border-style: solid;
  border-width: 1px;
  border-color: #660000;
  background-color: #303030;
}
span.small_white {
  font-family: font-size: xx-small;
  color: #FFFFFF;
  }

span.small_grey {
  font-family: Verdana, Arial;
  color: #303030;
  font-size: xx-small;
  }

span.small_off_yellow {
  font-family: Verdana, Arial;
  color: #FFFF99;
  font-size: xx-small;
  }

img {
  border-width: 0px;
  border-style: solid;
  }

input.grey_red_button {
  background-color: #303030;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #660000;
  font-size: x-small;
  font-weight: bold;
  }

select.js_select {
  background-color: #333333;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  border-style: solid;
  border-width: 2px;
  border-color: #666666;
  font-size: x-small;
  font-weight: bold;
  }

input.js_text {
  background-color: #333333;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-weight: bold;
  border-style: solid;
  border-width: 2px;
  border-color: #666666;
  }

textarea.js_textarea {
  background-color: #333333;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-weight: bold;
  border-style: solid;
  border-width: 2px;
  border-color: #666666;
  }

input.text_input_tox {
  background-color: #333333;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-weight: bold;
  border-style: solid;
  border-width: 2px;
  border-color: #666666;
  }


table.mechs {
  border-width: 1px;
  border-style: solid;
  padding: 3px;
  border-color: #660000;
  }

table.prime {
  border-width: 1px;
  border-style: solid;
  padding: 3px;
  border-color: #660000;
  border-left-color: Maroon;
  border-bottom-color: Maroon;
  border-right-color: Maroon;
  border-bottom-color: Maroon;
  bordercolordark: #660000;
  bordercolorlight: #660000;
  background-color : #000000;
  }

td.unit_admin_head {
  border-width: 1px;
  border-style: solid;
  border-color: #990000;
  font-family: Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-weight: bold;
  background: #660000;
  text-align: center;
  padding: 5px;
  }

td.unit_admin_data {
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-weight: normal;
  background: #000000;
  text-align: center;
  padding: 5px;
  }

td.stmap_header_l {
  font-size: x-small;
  color: #FFFFFF;
  text-align: left;
  }

td.stmap_header {
  font-size: x-small;
  color: #FFFFFF;
  text-align: center;
  }

td.mech_header {
  border-width: 1px;
  border-style: solid;
  border-color: #990000;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-weight: bold;
  background: #660000;
  text-align: center;
  padding: 5px;
  }
  
td.mech_data {
  border-width: 1px;
  border-style: solid;
  border-color: #660000;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-wight: bold;
  text-align: center;
  padding: 2px;
  white-space: nowrap;
  }

td.mech_datar {
  border-width: 1px;
  border-style: solid;
  border-color: #660000;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-wight: bold;
  text-align: right;
  padding: 2px;
  white-space: nowrap;
  }

td.assault_mech {
  border-width: 1px;
  border-style: solid;
  border-color: #660000;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  background-color: #330000;
  font-size: x-small;
  font-wight: bold;
  text-align: center;
  padding: 2px;
  white-space: nowrap;
  }

td.heavy_mech {
  border-width: 1px;
  border-style: solid;
  border-color: #660000;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  background-color: #003300;
  font-size: x-small;
  font-wight: bold;
  text-align: center;
  padding: 2px;
  white-space: nowrap;
  }

td.medium_mech {
  border-width: 1px;
  border-style: solid;
  border-color: #660000;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  background-color: #000033;
  font-size: x-small;
  font-wight: bold;
  text-align: center;
  padding: 2px;
  white-space: nowrap;
  }

td.mech_data_fleet {
  border-width: 1px;
  border-style: solid;
  border-color: #660000;
  font-family: Verdana, Arial;
  color: #666666;
  font-size: x-small;
  font-wight: bold;
  text-align: center;
  padding: 2px;
  white-space: nowrap;
  }

table.invisible {
  border-style: solid;
  border-width: 0px;
  }

td.button_preface {
  text-align: right;
  }
  
td.button {
  font-family: Verdana, Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-wight: bold;
  text-align: left;
  }
  
input.black_button {
  background: #404040;
  border-style: solid; 
  border-width: 2px; 
  border-color:#404040; 
  color: #FFFF00; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size: xx-small; 
  font-weight: bold;
  }

input.small_button {
  background-color: #303030;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #660000;
  font-size: xx-small;
  font-weight: bold;
  }

p.h4 { 
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
  font-size: medium; color: rgb(191,169,123); 
  font-weight: bold;
  }

h5 { 
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
  font-size: small; color: rgb(191,169,123); 
  font-weight: bold;
  }

h6 { 
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
  font-size: x-small; color: rgb(191,169,123); 
  font-weight: bold;
  }
 
p.bigheader { 
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
  font-size: medium; 
  text-transform: uppercase; 
  color: rgb(191,169,123);
  font-weight: bold;
  }

p.normal {
        font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
        font-size: x-small;
  text-align: justify;
        color: rgb(255,255,255);
        }

td.admin_data {
  border-width: 1px;
  border-style: solid;
  border-color: #660000;
  font-family: Verdana, Arial;
  color: #FFFFFF;
  font-size: x-small;
  font-weight: normal;
  background: #000000;
  text-align: justify;
  padding: 10px;
  }
td.info_head {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: Small;
  color: #FFFFFF;
  border-color: #660000;
  font-variant: small-caps;
  border-style: solid;
  border-width: 1px;
  }

td.info_head2 {
  background-color: #330000;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: Small;
  color: #FFFFFF;
  border-color: #660000;
  font-variant: small-caps;
  border-style: solid;
  border-width: 1px;
  }
  
td.vis{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: middle;
  font-size: Small;
  color: #FFFFFF;
  border-color: #660000;
  border-style: solid;
  border-width: 1px;
  }

td.vis2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
  vertical-align: middle;
  font-size: Small;
  color: #FFFFFF;
  border-color: #000000;
  border-style: solid;
  border-width: 0px;
  }

td.vis3 {
  background-color: #000040; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: middle;
  text-align: center;
  font-size: Small;
  color: #FFFFFF;
  border-color: #660000;
  border-style: solid;
  border-width: 1px;
  }


  
 H1 { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: xx-small; color: rgb(255,255,153); font-weight: bold;}
 H2 { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: xx-small; color: rgb(255,255,255); font-weight: bold;}
 H3 { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: medium; text-transform: uppercase; color: rgb(191,169,123); font-weight: bold;}
 H4 { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: medium; color: rgb(191,169,123); font-weight: bold;}
 H5 { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: small; color: rgb(191,169,123); font-weight: bold;}
 H6 { font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: x-small; color: rgb(191,169,123); font-weight: bold;}

