/*Copyright (C) Caspar Dekker*/

body
{
	margin: 0px;
	color: white;
	
	font-family: arial;
	font-size: 10px;
	
	text-align: center;
	
/*	background-repeat: repeat-y;*/
}

img
{
	border: 0px;
}


table
{
	border-spacing: 1px;
	font-size: 14px;
	background: black;
}

A
{
	/*font-size: 14px;*/
	color: #a9d1d9;
	cursor: pointer;
}

A.ttitle, A:visited.ttitle, A:active.ttitle
{
	color: #cdf;
	cursor: pointer;
	font-weight: bold;
}

A:link
{
	color: #a9d1d9;
	text-decoration: none;
}

A:active
{
	color: #a9d1d9;
	text-decoration: none;
}

A:visited
{
	color: #a9d1d9;
	text-decoration: none;
}

A:hover
{
	color: #ffffff;
	cursor: pointer;
}

#contentt
{
	position: relative;
	text-align: left; 
	width: 1024px;
	height: 600px;
	margin: 0 auto;
}

.input, select, #input
{
	color:	silver;
	background-color: #147;
	border: 1px solid #369;
	width: 100%
}

.input:focus, select:focus, #input:focus, #input.focus, select.focus
{
	color:	white;
	background-color: #258;
	border-color: #58B;
}

.button, #button
{
	color:	white;
	border: 1px solid #369;
	background-color: #147;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
}

#newsBorder
{
	border: 1px solid #801;
}


.button:hover, #button:hover, #button.hover
{
	border-color: silver;
}

#main_head
{
	left:	0px;
	top:	0px;
	width:	975px;
	height:	100px;
	background-image: url(/img/head.gif);
}

#tBare, #tScreenShot, #tPlanets
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background-image: none;
	background-color: transparent;
}

#tPlanets
{
	empty-cells: hide;
	border-collapse: collapse;
}

#tPlanets td
{
	border: solid 1px #000040;
}

#tPlanets td#empty
{
	border: 0px;
}

#tSiteMid, #bQueue
{
	border: 1px solid #358;
}

#bQueue
{
	background-color: #00003C;
}

#link, #tMenuLink
{
	color: #a9d1d9;
	cursor: pointer;
}

#link:hover, #tMenuLink:hover, #closeLink:hover
{
	color: #FFF;
	cursor: pointer;
}

#top_banner
{
	position: absolute;
	left: 1px;
	top: 1px;
	width: 728px;
	height: 90px;
	border: solid 1px;
	margin: 0px;
	padding: 0px;
	
	font-family: Arial;
	color: #312e3d;
	font-size: 14px;
	z-index: 1;
}

#galaxy
{
	position: absolute;
	left: 14px;
	top: 95px;
	border: solid 0px;
	margin: 0px;
	z-index: 1;
	
	background-image: url(/game/img/solar/grid.jpg);
	
	font-family: Arial;
	font-size: 10px;
}

#solar_view
{
	position: absolute;
	left: 14px;
	top: 95px;
	border: solid 0px;
	margin: 0px;
	z-index: 1;
}


#sol_plot, #sol_current
{
	top: 	2px;
	left:	2px;
	width:	57px;
	height:	60px;
	text-align:	right;
	Vertical-align:	top;
	font-size: 8px;
	position: absolute;
	
}

#sol_current
{
	text-align:	center;
	top: 40px;
	height: 20px;
	font-size: 10px;
}

#sol_plot:hover
{
	cursor: pointer;
}

#rel
{
	position: relative;
}

#context_menu
{
	position: relative;
	left: -2px; 
	top: -2px;
	height: 0px;
	width: 0px;
	border: 0px solid #369;
	visibility: hidden;
	z-index: 500;
}

#system_content
{
	position: absolute; 
	left: 731px;
	top: 95px;
	height: 0px;
	width: 0px;
	z-index: 0;
}

#context_frame, #sub_frame
{
	position: relative;
	top: 0px;
	width: 0px;
	height: 0px;
	border: 0px;
	z-index: 501;
}

/*#context_border
{
	border: 1px solid #369;
}*/

#bQueue_frame
{
	width: 524px;
	height: 2px;
	position: relative;
}

#close_button
{
	position: absolute;
	top: -21px;
	right: 3px;
	color:	white;
	border: 1px solid #358;
	border-bottom: 0px;
	background-color: #000040;
	text-align: center;
	font-size: 16px;
	height: 20px;
	z-index: 502;
}

#closeLink
{
	font-size: 16px;
	width: 100%;
}

#main
{
	position: absolute;
	left: 150px;
	top: 121px;
	width: 750px;
	border: solid 0px;
	margin: 0px;
	padding: 0px;
	
	font-family: Arial;
	color: white;
	font-size: 14px;
}

#footer
{
	position: relative;
	left: -150px;
	border: solid 0px;
	margin: 0px;
	padding: 0px;
	
	font-family: Arial;
	font-size: 10px;
	
}

#solar_grid
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 701px;
	height: 451px;
	border: solid 0px;
	margin: 0px;
	background-image: url(/game/img/solar/grid.jpg);
}

#error
{
	position: absolute;
	left: 50px;
	top: 50px;
	width: 600px;
	border: solid 0px;
	margin: 0px;
	padding: 0px;
	
	font-family: Arial;
	color: white;
	font-size: 12px;
	z-index: -100;
}

#emp_colonies
{
	position: relative;
	left: -2px;
	top: -2px;
}

#game_menu
{
	position: absolute;
	left:731px;
 	top: 1px;
	width: 270px;
	height: 93px;
}

/*#con_type_hull
{
	position: absolute;
	left:	731px;
	top:	155px;
	width:	270px;
}*/

/*#con_menu
{
	position: absolute;
	left:	731px;
	top:	260px;
}*/

#con_error
{
	position: relative;
	left: 10px;
	text-align: left;
}

#con_name
{
	position: absolute;
	left:	731px;
	top:	95px;
	width:	270px;
}

#con_stats
{
	position: relative;
	top:	100px;
	width:	270px;
}

#con_display
{
	position: absolute;
	left:	295px;
	top:	95px;
	width:	437px;
}

/*#con_design
{
	position: absolute;
	left:	731px;
	top:	300px;
	width:	270px;
}*/

#con_add
{
	position: absolute;
	left:	1px;
	top:	95px;
	width: 1001px;
}

#objects, #object_con, #messages, #planet, #relation, #emp_stats, #planets, #science
{
	position: absolute;
	left:	1px;
	top:	95px;
	width:	732px;
}

#emp_stats
{
	width: 1001px;
}

#messages, #planets, #science
{
	width: 1000px;
}

#main_left
{
	position: absolute;
	left: 0px;
	top: 100px;
	width: 165px;
	background-color: #2b2828;
}

#main_content
{
	position: absolute;
	left: 166px;
	top: 100px;
	width: 810px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #2b2828;
}

#tab
{
	text-align: center;
}

#tab_select
{
	position: relative;
	left: -1px;
	top: 3px;
	width: 100%;
	height: 1px;
	background-color: #358;
}

#tab_space
{
	position: absolute;
	right: -2px;
	top: -10px;
	width: 2px;
	height: 12px;
	font-weight: bold;
	color: #a9e1e9;
	background-color: #358;
}

#tsub
{
	color: white;
	background-color: #353232;
	font-size:6px;
}

#ttitle, #tab
{
	font-weight: bold;
	color: #efe;
	background-color: #358;
}

#thead
{
	color: #cdf;
	background-color: #136;
}

#tWarning
{
	color: #F00;
	font-weight: bold;
	background-color: #600;
}

#tsub
{
	color: white;
	background-color: #353232;
	font-size:6px;
}

#tcole, #tcolec
{
	color: white;
	background-color: #002;
}

#tcolu, #tcoluc
{
	color: white;
	background-color: #001;
}

#tcolec, #tcoluc
{
	text-align: center;
}

#tMenuLink
{
	display: block;
	font-size: 14px;
	width: 100%;
}

#gMenu
{
	text-align: center;
	width: 100%;
	height: 100%;
}

#crystal_small
{
	
	text-align:	center;
	width : 150px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(/img/small.gif);
}

#crystal_small:hover
{
	background-repeat: no-repeat;
	background-image: url(/img/small2.gif);
}

#tmmenu
{
	color: white;
	background-repeat: no-repeat;
	background-image: url(/img/menu.gif);
}

#tmmenu:hover
{
	background-image: url(/img/menu2.gif);
}

#scImage
{
	border: 1px solid silver;
}

#tScreenShot
{
	text-align:	center;
	background-image: url(/img/scbg.gif);
}

#tScreenShot:hover
{
	background-image: url(/img/scbg2.gif);
}

#sysPlanet
{
	position: absolute;
	width: 30px;
	text-align:	center;
	background-repeat: no-repeat;
}

#sysPimg
{
	width:30px;
	height: 30px;
}

/* #nt { color: white; font-size: 18pt; font-weight: bold; } */
#nd { color: lightblue; font-size: 6pt; }
#nb { color: white; }

.t, .b, .r, .l, .s, .top, .rt, .rb, .lt, .lb, .ls, .rs
{
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}

.r, .l, .rt, .rb, .lt, .lb, .ls, .rs
{
	width: 8px;
}

.t, .b, .rt, .rb, .lt, .lb, .ls, .rs
{
	height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}

#tcole.error
{
	color: orange;
}

#tcole.notice
{
	color: yellow;
}

.site_item_head
{
	color: #cdf;
	font-size: 20pt;
}

#solarExchange
{
	left:	540px;
	top:	456px;
	position: absolute;
}

#discovTree
{
	position: relative;
}

#discov0, #discov1, #discov2
{
	position: absolute;
	width: 140px;
	text-align:	center;
	border: 1px solid #222;
	background: #111;
}

#discov1
{
	border: 1px solid white;
	background: #114;
}

#discov2
{
	border: 1px solid #358;
	background: #000040;
}

#newsItem
{
	width:100%;
	height: 150px;
	overflow: auto;
}

/*#plan1:hover, #plan2:hover, #plan3:hover, #plan4:hover, #plan5:hover, #plan6:hover, #plan7:hover, #plan8:hover, #plan9:hover, #plan10:hover, #plan11:hover, #plan12:hover, #plan13:hover, #plan14:hover, #plan15:hover, #plan16:hover, #plan17:hover, #plan18:hover, #plan19:hover, #plan20:hover, #plan21:hover, #plan22:hover, #plan23:hover, #plan24:hover, #plan25:hover, #plan26:hover, #plan27:hover, #plan28:hover
{
	cursor: pointer;
}*/

#plan1
{
	position: absolute;
	left: 180px;
	top: 145px;
}

#plan2
{
	position: absolute;
	left: 240px;
	top: 145px;
}

#plan3
{
	position: absolute;
	left:240px;
	top: 205px;
}

#plan4
{
	position: absolute;
	left:180px;
	top: 205px;
}

#plan5
{
	position: absolute;
	left: 240px;
	top: 85px;
}

#plan6
{
	position: absolute;
	left: 300px;
	top: 145px;
}

#plan7
{
	position: absolute;
	left: 180px;
	top: 85px;
}

#plan8
{
	position: absolute;
	left:300px;
	top: 205px;
}

#plan9
{
	position: absolute;
	left:240px;
	top: 265px;
}

#plan10
{
	position: absolute;
	left:180px;
	top: 265px;
}

#plan11
{
	position: absolute;
	left:120px;
	top: 205px;
}

#plan12
{
	position: absolute;
	left: 120px;
	top: 145px;
}

#plan13
{
	position: absolute;
	left: 120px;
	top: 85px;
}

#plan14
{
	position: absolute;
	left: 240px;
	top: 25px;
}

#plan15
{
	position: absolute;
	left: 300px;
	top: 85px;
}

#plan16
{
	position: absolute;
	left: 180px;
	top: 25px;
}

#plan17
{
	position: absolute;
	left: 360px;
	top: 145px;
}

#plan18
{
	position: absolute;
	left:300px;
	top: 265px;
}

#plan19
{
	position: absolute;
	left:120px;
	top: 265px;
}

#plan20
{
	position: absolute;
	left: 120px;
	top: 25px;
}

#plan21
{
	position: absolute;
	left: 60px;
	top: 145px;
}

#plan22
{
	position: absolute;
	left: 300px;
	top: 25px;
}

#plan23
{
	position: absolute;
	left: 360px;
	top: 85px;
}

#plan24
{
	position: absolute;
	left:360px;
	top: 205px;
}

#plan25
{
	position: absolute;
	left: 60px;
	top: 85px;
}

#plan26
{
	position: absolute;
	left: 60px;
	top: 205px;
}

#plan27
{
	position: absolute;
	left: 0px;
	top: 145px;
}

#plan28
{
	position: absolute;
	left: 420px;
	top: 145px;
}