@import url(master.css);

body
{
	background-image:url('./images/layout/bg.png');
	min-width:700;
	height:100%;  	
}

html
{
 height:100%;
}

ul{
  list-style-position:inside;
}

h2,h3,h4,h5,h6
{
  padding-top:15px;
}

textarea
{
  resize:none;
}

.menuItem {
	background-image: url('./images/layout/menuitem.png');
	width: 230px;
	height: 31px;
	float: left;
	clear: both;
	position: relative;
	padding-top: 10px;
	text-align: center;
	text-indent: -20px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;	
}

.menuItem:hover {
	background-image:url('./images/layout/menuitemselect.png');
	color:#FF9900;
	font-weight:bold;
	cursor:pointer;	

}
.menuBottom {
	background-image: url('./images/layout/menuBottom.png');
	width: 233px;
	height: 56px;
	float: left;
	clear: both;
}

.menuTop {
	background-image: url('./images/layout/menuTop.png');
	float: left;
	width: 233px;
	height: 94px;	
	margin-top: 50px;
}

#menu a
{
  text-decoration:none;
} 


#container, #header {
  min-width: 600px;
}


#header {		
	height:65px;  
  padding-left:87px;
  padding-right:168px;  	
}

#headerContent, #headerLeft, #headerRight
{

float:left;
position:relative;
height:100%;
} 

#headerContent
{
background-image: url('./images/layout/headerfill.png');
background-repeat: repeat;
width:100%;
}

#headerLeft
{
background-image: url('./images/layout/headerleft.png');

width:87px;
right:87px;
margin-right:-100%;
}

#headerRight
{
background-image: url('./images/layout/headerright.png');
width:168px;
margin-right:-100%;
}



#container
{ 	
	padding-left:250px;	
	padding-right:46px;
	height:85%;
}

#container .column {
	position:relative;
  float:left;       	
}

#main {
  	overflow:auto;
	/*background-color:#0F0F0F;*/
	background-color: #181818;	
	width:100%;  	
	color:#0099FF;
	margin-top:10px;    	
	border:3px #003388 solid;
	padding:10px;
	min-height:600px;
	max-height:100%;

	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;	
}

#main.map
{
  height:100%;
}

#main h1
{
  color:orange;
  text-decoration:underline;
  margin-top:15px;
}

#menu {
	width:250px;
	margin-left:-100%;
	right:276px;
  padding:0;	
}

#menu a {
  border:none;
  color:black;
}

#header .sysTray *
{
  text-decoration:none;  
  font-size:  small;
  vertical-align:middle;
}

#header .sysTray img
{
  position:relative;
  top:-3px;
  margin:0px 3px 0px 0px;
}

.headerInfo {  
  margin-left:100px;
  top:3px;
  color:orange;  
  font-size: normal;
  position:relative;
}

.headerInfo tr {
  height:25px;
}


.headerInfo tr td {
  width:150px;    
}  

#footer {
  clear:both;
  background-color:red;
  height:20px;
  width:100%;
}
       
.nullPad {
  margin-left:-10px;
}
         
.messageBox
{
  border:solid 2px orange;
  min-height:100px;
  width:350px;
  background-color:#888888; 
  padding:10px;
}         

.messageBox ul
{
  position:relative;
  left:30px;
}
         
/*** IE Fix ***/
* html #left {
	left: 0px;              /* RC fullwidth */
}

a, a:link, a:visited, a:active 
{
  color:orange;  

}


table.stripedTable
{
	border-collapse: collapse;
	border: 2px solid #003388;	
	empty-cells: show;
	margin-left:30px;
	margin-top:30px;	
}

table.stripedTable tr
{
  background-color: #464646;  
}

table.stripedTable tr td, table.stripedTable tr th
{
	border:1px #003388 solid;	
	font-size:small;
	padding:10px;
}

table.stripedTable tr th
{
  color:orange;
  background-color:black;
  
  	background-image:-webkit-gradient(
    linear,
    left bottom,
    left top,
   color-stop(0.08, rgb(80,80,80)),
    color-stop(0.6, rgb(0,0,0)));

	background-image:-moz-linear-gradient(
    center bottom,
   rgb(80,80,80) 8%,
    rgb(0,0,0) 60%
);

}

table.stripedTable .text
{
	padding: 5px;
	height: 90px;
}

table.stripedTable img
{
  max-width:150px;
}

table.stripedTable tr:nth-child(odd)
{	
	background-color:#282828;
	color:#00AAFF;
}

table.stripedTable table
{
  border-collapse: collapse;
	border: 2px solid #1166FF;
	border:none;
  empty-cells: show;
	margin-bottom:15px;
  margin-top: -5px;
  position:relative;    	
}

table.stripedTable table tr
{
  background-color:#222222;  
}

table.stripedTable table tr td
{
  padding-top:2px;
  padding-bottom:2px;  
}

table.stripedTable table tr th
{
  padding-top:5px;
  padding-bottom:5px;
}


table.diplTable {
  border-collapse:collapse;
  border:2px #003388 solid;
}

table.diplTable tr
{
  background-color:#222222;
}

table.diplTable tr td
{
  padding:2px 5px 2px 5px;
  border:1px #003388 solid;
  text-align:center;
}

table.diplTable tr th, table.diplTable .raceName
{
  background-color:black;
  color:orange;
  font-weight:bold;
  text-align:center;  
  height:50px;
  border:1px #003388 solid;

}

table.diplTable .leader
{
  background-color:#111111;
}

table.diplTable .consuls
{
  background-color:#333333;
}

table.plainTable
{
  border-collapse:collapse;
  border:2px #003388 solid;
}

table.plainTable tr
{
  background-color:#222222;
}

table.plainTable tr td, table.plainTable tr th
{
  padding:2px 5px 2px 5px;
  border:1px #003388 solid;
}

table.plainTable tr th
{
  font-weight:bold;
  text-align:center;  
  padding:10px;
}


.mapObject
{
  position:absolute; 
  border:none;
}


.mapObject .mapTooltip
{
  display:none;
  min-width:100px;  
  background-color:#444444;
  border:solid 1px orange; 
  position:absolute;
  top:28px;
  cursor: default;
  padding:10px;
  z-index:2;  
  font-size:x-small;
  
  border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;	


}

.mapObject .mapTooltip span
{
  white-space:nowrap;
}

.mapObject .fleet
{
  font-size:x-small;
}

.mapObject:hover .mapTooltip
{
  display:block;
}

.mapText
{
  font-size:x-small;
  position:relative;  
  top:-5px;
  text-decoration: none !important;
}

.mapObject *
{
  text-decoration:none !important;
}


.planetText
{
  text-align: center;      
}


.own
{
  color:#66CC99 !important;
}

.ally
{
  color:#00AAFF !important;
}

.enemy
{
  color:#FF0000 !important;
}

.neutral
{
  color:#FFFFFF !important;
}

.empty
{
  color:#999999;
}

.contested
{
  color:#FF9900;
}

.renegade
{
  color:red;
}

.corsair
{
  color:white;
}

.galaxopediaLink
{
  display:inline;
  position:relative;
  margin-left:2px;
  margin-right:10px;
  top:5px;
}

.generalCard
{
  background-color:#555555;
  border:2px #AAAAAA inset;
  width:300px;
  min-height:150px;  
  padding:5px;
  position:relative;
}

.generalCard span
{
  display:block;
  background-color:#DDDDDD;
  padding:3px 10px 3px 10px;
  border:1px black solid;
  color:black;
  font-size:x-small;
  margin-bottom:5px;
}

.generalCard .idNum
{
  display:inline;
  padding:0px;
  border:none;
  background:none;
  color:orange;
  font-size:medium;
  font-weight:bolder;
  bottom:0px;
  margin-left:18px;
  margin-right:200px;
}

.generalCard div
{
  border:1px black solid;
  margin-left:5px;
  width:160px;
  height:100px;
  padding:10px;
  position:absolute;
  top:10px;
  right:10px;
}

.message
{
	background-color: #303030;
	border: thin solid orange;
  min-width:300px;
	max-width:500px;
	position: relative;
  margin:20px;
}

.message input
{
  display:inline;
}

.message div
{
  padding:10px;  
  color:#0099FF;
}

.message .messageHeader
{
  background-color:black;
  color:orange;
  padding-top:3px;
  padding-bottom:3px;
  border-bottom:1px orange solid;
  position:relative;

}

.message .messageHeader .controlPanel
{
  position:absolute;
  right:10px;
}

.message textarea
{
  width:98%;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  display:block;
  height:200px;
  resize:none;
}

.message span
{
  padding-right:10px;
}

.message .subject
{
  display:block;
  color:yellow;
}

.globalMsg
{
  border-color:red !important;
  color:red !important;
}

.racialMsg
{
  border-color:#28AF50 !important;
  color:#28AF50 !important;
}

.allianceMsg
{  
  border-color:teal !important;
  color:teal !important;  
}

.adminMsg
{
  border-color:#F500FF !important;
  color:#F500FF !important;  
}

.systemMsg
{
  border-color:yellow !important;
  color:yellow !important;  
}

.informerMsg
{
  border-color:white !important;
  color:white !important;  
}


.planetImage
{
  border:1px orange solid;
  padding:10px;
  background-color:black;
}

.contents
{
  display:inline-block;
  margin:5px;
  background-color:#555555; 
  padding:20px;
  border:2px gray solid;
}

.contents ul {
  color:orange;
  list-style-position:inside;
}

.contents ul ul {
  position:relative;
  left:30px;
}

.badmessage
{
  color:red;
  width:400;
  background-color:#333333;
  padding:10px;
  border:1px red solid;
  display:inline-block;
}

.fleetOverlay
{
  position:absolute;
  color:orange;
  top:10px;
  left:10px; 
}

#default
{
  position:absolute;
  color:orange;
  background-color:#444444;
  font-size:xx-small;
  z-index:2;
  display:inline-block;
  white-space:nowrap;
}

.motd
{  
  display:block;
  width:90%;
  padding:10px;
  resize:none;
  left:30px;
  position:relative;
}

.progressBar, .progress
{  
  background-repeat:repeat-x;
  height:20px;    
  border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;	
  
}

.progressBar
{
  background-image:url('images/ui/progressBg.png');
}

.progress
{
  background-image:url('images/ui/progress.png');
}

.mini
{
  height:10px;
}

table.newsListing
{
  background-color:#222222;
  border:2px white solid;
  width:100%; 
  border-collapse:collapse;
}

table.newsListing td
{
  padding:10px;
  text-align:center;
  border:1px white solid;
}

table.newsListing td.text
{
  text-align:justify;
}

table.newsListing td.subject
{
  color:orange;
}

table.newsListing td.time
{
  color:gray;
}

.racialImage
{
  position:relative;
  left:18px;
  top:6px;
}