body
 {
   margin: 0px; 
   padding: 0px; 
   background-color:  rgb(148,158,174); 
   color: rgb(255,255,255); 
 }
 
 table, td 
 {
   margin: 0px; 
   padding: 0px; 
   border-width: 0px;
 }
 
 table
 { 
   border-spacing: 0px; 
   border-collapse: collapse;
 }
 
 p
 {
   margin: 0px; 
   padding: 0px; 
 }
 
 img
 {
   margin: 0px; 
   padding: 0px; 
 }

 .menu
 {
   vertical-align: top; 
   background-color:  rgb(0,0,0); 
 }
 
  
 .menuTop
 {
   background-color: rgb(248,248,245);  
   border-style: ridge;
   border-color: rgb(255,251,249);  
   border-width: 2px; 
   padding: 2px;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   font-variant: small-caps;
   text-align: center;
   color: rgb(200,200,200); 
 }
 
 .okw { color: rgb(180,180,180); }
 
 .menuTitle
 {
   background-color: rgb(209,157,56);  
   padding: 0px;
   border-right-style: ridge;
   border-right-width: 2px;
   border-right-color: rgb(255,251,249); 
   color: rgb(0,0,0);  

 }
 
 .wwiiol
 {
   padding-top: 3px;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   font-variant: small-caps;
   text-align: center;
 }

 .title
 {
   font-family: Verdana, sans-serif;
   font-size: 15px;
   font-weight: bold;
   font-variant: small-caps;
   text-align: center;
   padding-bottom: 5px;
 }


 .menuMainArea
 {
   border-right-style: ridge;
   border-right-width: 2px;
   border-right-color: rgb(255,251,249); 
   padding-top: 5px;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   text-align: center;
 }

 .legendLink a
 {
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
   color: rgb(59,152,239); 
   padding: 3px;
 }
  
 .legendLink a:hover { color: rgb(154,195,251);  }
  
 .campaignText
 {
   padding-top: 7px;
   padding-bottom: 7px;
   border-bottom-style: solid;
   border-width: 1px;
   border-color: rgb(255,251,249); 
 }
 
 .serverStatus
 {
   font-weight: bold;
   color: rgb(250,255,100); 
 }
 .serverStatus a
 {
   color: rgb(250,255,100); 
 }
 
 .updated 
 { 
   padding: 3px; 
   padding-top: 5px;
 }
 
 .updated a
 {
   font-size: 10px;
   font-weight: bold;
   color: rgb(59,152,239); 
   text-decoration: underline; 
 }

 .updated a:hover { color: rgb(154,195,251);  }
 
 .okwMessageTable
 {
   margin-top: 7px;
   border-top-style: solid;
   border-bottom-style: solid;
   border-width: 1px;
   border-color: rgb(255,251,249); 
   margin: auto;
   margin-bottom: 7px;
   margin-top: 4px;
   text-align: center; 

 }
 
 .okwMessage
 {
   padding: 1px;
   text-align: center;
 }

 .okwMessage a
 {
   font-weight: bold;
   text-decoration: underline;
   color: rgb(59,152,239); 
 }
 
 .okwMessage a:hover { color: rgb(154,195,251);  }

 .motd
 { 
   padding-left: 4px;
   font-size: 11px;
   font-variant: small-caps;
   font-weight: bold;
   text-align: left;
   padding-top: 2px;
   padding-bottom: 0px;
 }
 
 .date
 {
   font-size: 9px;
   font-weight: normal;
   text-align: right;
 }

 .message { padding: 4px; } 

 .from, .fromTitle 
 {
   font-size: 11px;
   font-variant: small-caps;
   font-weight: bold;
   text-align: right;
 }
 
 .fromTitle 
 { 
   font-weight: normal; 
   font-size: 10px;
   padding-bottom: 3px;
 }

 .kfs1 a
 {
   font-weight: bold;
   text-decoration: underline;
   color: rgb(59,152,239); 
 }
 
 .kfs1 a:hover { color: rgb(154,195,251);  }
 
 .kfs1 { padding-bottom: 5px; }

 .stats
 {
   border-style: ridge;
   border-width: 2px;
   border-color: rgb(255,251,249); 
   padding: 3px;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   text-align: center;
   background-color: rgb(184,185,205);
   color: rgb(0,0,0); 
 }

 .RDPInfo
 {
   border-style: ridge;
   border-left-style: none;
   border-width: 2px;
   border-color: rgb(255,251,249); 
   padding: 5px;
   font-family: Verdana, sans-serif;
   font-size: 9px;
   text-align: center;
   background-color: rgb(044,045,085);
 }
  
 .rdpBorders td
 {
   border-bottom-style: solid;
   border-width: 1px;
   border-color: rgb(0,0,0); 
 }
 
 .contact, .contact a
 {
   font-size: 10px;
   padding: 3px;
 }

 .contact a 
 { 
   font-weight: bold;
   color: rgb(59,152,239); 
   text-decoration: underline; 
 }

 .contact a:hover { color: rgb(154,195,251);  }
  
 .legend { text-align: center; }
  
 .legend, .legend td
 {
   margin: 20px;
   border-spacing: 5px; 
   border-collapse: separate;
   border-style: ridge;
   border-width: 2px;
   border-color: rgb(255,251,249); 
   padding: 5px;
   font-family: Verdana, sans-serif;
   font-size: 12px;
   background-color: rgb(243,236,222);
   color: rgb(0,0,0); 
   line-height: 150%;
 }
 
 .serverPop
 {
   padding-top: 7px;
 }
  
 .pic 
 {  
   cursor: move; 
   height: 1200px;
  }

 .timelineActive, .timelineDeactive
 {
   border-collapse: separate;
   background-color: rgb(248,248,245);  
   border-style: ridge;
   border-color: rgb(255,251,249);  
   border-width: 2px; 
   font-family: Verdana, sans-serif;
   font-size: 12px;
   font-variant: small-caps;
   text-align: center;
   color: rgb(100,100,100); 
   cursor: default
 }
 
 .timelineDeactive { color: rgb(200,200,200); }
 
 .timelineTime, .timelineTimeSelected 
 {
   border-collapse: separate;
   padding: 7px;
   padding-right: 10px;
   padding-left: 10px;
 }
  
 .timelineTimeSelected
 {
   color: rgb(0,0,0); 
   font-weight: bold;
   background-color: rgb(248,248,231); 
   border-left-style: solid;
   border-left-width: 1px;
   border-right-style: solid;
   border-right-width: 1px;
   border-color: rgb(0,0,0);  
 }
 
 .timelineButton, .timelineButtonSelectable
 {
   background-color: rgb(248,248,245);  
   border-style: none;
   padding: 4px;
 }
 
 .timelineButtonSelectable
 {
   color: rgb(0,0,0); 
   font-weight: bold;
 }
  
 .emptySpace 
 { 
   padding: 2px; 
   line-height: 1%;
 }

 .equipment
 {
   margin: 20px;
   border-spacing: 5px; 
   border-collapse: separate;
   border-style: none;
   border-width: 1px;
   border-color: rgb(255,251,249); 
   padding: 5px;
   font-family: Verdana, sans-serif;
   font-size: 12px;
   background-color: rgb(255,255,255);
   color: rgb(0,0,0); 
   line-height: 150%;
 }

 .equipment td
 {
   margin: 20px;
   border-spacing: 5px; 
   border-collapse: separate;
   border-style: solid;
   border-width: 1px;
   border-color: rgb(255,251,249); 
   padding: 5px;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   color: rgb(0,0,0); 
   line-height: 120%;
 }


 .highlightedTier { background-color: rgb(200,215,225);  }

 
 .townInfoBox, .factoryDamages 
 {
   margin: 1px;
   border-spacing: 2px; 
   border-collapse: separate;
   border-style: ridge;
   border-width: 2px;
   border-color: rgb(255,251,249); 
   padding: 1px;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   line-height: 150%;
   font-variant: small-caps;
   background-color: rgb(243,236,222);
 }
 
 .factoryDamages
 {
   font-variant: normal;
   line-height: 150%;
 }
 
 .factoryDamages .axis   { color: rgb(200,0,0);  font-weight: normal; }
 .factoryDamages .allied { color: rgb(0,0,160);  font-weight: normal; }
 
 .factoryDamages td
 {
   padding: 2px;
   padding-right: 40px;
   font-size: 10px;
   vertical-align: top;
 }
  
 .moreInfo
 {
   background-color: rgb(212,222,233);
   text-decoration: underline;
   font-size: 11px;
   font-weight: normal;
   font-variant: small-caps;
 }
   
 .moreInfoText { padding-left: 20px; }
 
 .axis   { color: rgb(200,0,0);  font-weight: bold; }
 .allied { color: rgb(0,0,160);  font-weight: bold; }
  
 .small 
 { 
   font-variant: normal;
   font-size: 10px;
   line-height: 120%;
 }
 
 .movelist td
 {
   padding: 5px;
   font-variant: normal;
   font-weight: normal;
   font-size: 10px;
   line-height: 110%;
   border-bottom-style: solid;
   border-width: 1px;
   border-color: rgb(100,100,100); 
 }

 .captureCounts 
 {
   text-align: right;
   font-variant: normal;
   font-weight: normal;
   font-size: 10px;
 }
  
 


 .menubottomspace 
 { 
   padding: 80px;  
   padding-bottom: 520px;
 }







 .alliedUnitStrenghts
 {
   background-color: rgb(255,255,255);
   margin: 10px;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   color: rgb(0,0,0); 
   line-height: 150%;
 }

 .alliedUnitStrenghts table, .alliedUnitStrenghts td
 {
   padding: 5px;
   border-spacing: 5px; 
   border-style: solid;
   border-width: 1px;
   border-color: rgb(0,0,0); 
 }

 .alliedUnitStrenghts table
 {
   border-style: none;
 }
  
 .alliedUnitStrenghts .empty td
 {
   padding: 0px;
   border-style: none;
 }

 .alliedUnitStrenghts .titles td
 {
   font-weight: bold;
   background-color: rgb(200,200,255);
   vertical-align: middle;
 }
  
 .alliedUnitStrenghts .hq td
 {
   background-color: rgb(200,255,255);
 }

 .alliedUnitStrenghts .full      { color: rgb(   0, 140,   0 );  }
 .alliedUnitStrenghts .fresh     { color: rgb( 145, 175,  40 );  }
 .alliedUnitStrenghts .attrited  { color: rgb( 190, 100,   0 ); font-weight: bold; }
 .alliedUnitStrenghts .danger    { color: rgb( 255,  80,   0 ); font-weight: bold; }
 .alliedUnitStrenghts .destroyed { color: rgb(   0,   0,   0 ); font-weight: bold; }

 .alliedUnitStrenghts p
 {
   margin: 10px; 
   padding: 2px; 
 }

 .alliedUnitStrenghts .unitGraph td
 {
   line-height: 100%;
   padding: 0px;
   border-spacing: 0px; 
   border-style: none;
 }
 
 .unitLink { text-align: right; } 
  
 .unitLink a 
 { 
   padding-left: 20px;
   font-weight: bold;
   color: rgb(59,152,239); 
   text-decoration: underline; 
 }
 
 .unitLink  a:hover { color: rgb(154,195,251);  }

 .FBs
 {
   margin: 20px;
   border-style: none;
   padding: 5px;
   font-family: Verdana, sans-serif;
   font-size: 11px;
   background-color: rgb(255,255,255);
   color: rgb(0,0,0); 
   line-height: 130%;
 }

 .FBs p { margin: 5px; } 

  .FBs a 
 { 
   font-weight: bold;
   color: rgb(59,152,239); 
   text-decoration: underline; 
 }

 .FBs a:hover { color: rgb(154,195,251);  }
 
 .extra 
 {  
   font-size: 10px;
   color: rgb(200,200,200); 
 }