/* CSS Document */

/* --------------------------- header ------------------------------ */

#headerSlidePanel {
  float:left;
  width:100%;
  overflow:hidden;
  position:relative; 
  margin: 0 0 30px 20px; 
}

#slidePanelHeaderSelectors {
  font-size: 0.6em;
  margin: 0 0 10px 0;
  padding: 5px 0 5px 15px; 
  border-bottom-style: solid;
  border-top: 1px solid black;  
  border-bottom: 1px solid black;  
}


/* --------------------------- menu tabs------------------------------ */

#slidePanelMenu {
  border-bottom-style: solid;
  border-bottom: 1px solid black;
  background:#00FFFF;  
  float:left;
  width:100%;
  overflow:hidden;
  position:relative; 
  margin: 0 0 10px 20px; 
}

#slidePanelMenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   text-align:center;   
}
 
#slidePanelMenu ul li{
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   background:#ddd;   
}

#slidePanelMenu ul li a{
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}

#slidePanelMenu ul li a:hover {
   background:#369;
   color:#fff;
}

 #slidePanelMenu ul li.active  {
   background: yellow; 
 }

/* --------------------------- squads panel ------------------------------ */


#squadsSlidePanel {
   font: 0.6em/120% Tahoma,"Lucida Grande",Arial,sans-serif;
   width: 648px;
   height: 600px;
   overflow: auto;
}

.slidePanelFontBold {
   font: bolder 1.3em/120%  monospace;
}

.slidePanelFontData {
   color: red;
}


#squadsSlidePanel table {
    border-collapse: collapse;
    border: 1px solid black;
    padding: 3px;       
}

#squadsSlidePanel th {
    border: 1px solid black;
    padding: 3px;
}

#squadsSlidePanel td {
    border: 1px solid black;
    padding: 3px;
}

#squadsSlidePanel .highlightTableCell  {
    	background-color: #66FF99;
}

#squadsSlidePanel .highlightButton  {
    	background-color: #66FF99;
}

#slidePanelUnitTable{ 
  float: left; 
}

#slidePanelUnitActions {
  display: block;
  margin: 0px 0px 0px 20px;
  padding: 0px 3px 0px 3px ;
  border: double black; 
  float: left;
  width: 220px;
  height: 290px;
  background-color: #ddd;
}

#slidePanelUnitActions  table {
  font-family:monospace,monospace;
  font-size: 90%;
  border: none; 
}


#slidePanelUnitActions td {
  border: none;
}




#AIhexSelector  {
   display:block;
   float: left;
   font: 0.8em/120% Tahoma,"Lucida Grande",Arial,sans-serif;
   width: 350px;
  background:#C0C0C0; 
}

.AIhexSelector_block {
   display:block;
   width: 170px;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
}


#AIhexParamSelector {
   font: 0.8em/120% Tahoma,"Lucida Grande",Arial,sans-serif;
   width: 150px;
  background:#C0C0C0; 
}

.highlightColRow  {
  width: 1em;
}

#AIpauseControls {
  clear: left;
  width: 518px;
  background:#C0C0C0;
}