a:hover
{
	text-decoration: underline;
	cursor: pointer;	
}

a
{
	color: #ffff00;
	text-decoration: none;
	cursor: pointer;	
} 

a .button
{
	cursor: pointer;
}

a.strikethrough
{
	text-decoration:line-through;
	color: white;
	cursor: default;

}
a.strikethrough:hover
{
	text-decoration:line-through;
	color: white;
	cursor: default;

}

.img
{
	border: none;
}

img.leftmenu { 
	margin: 0px; 
	display: inline; 
	border: none; 
}

input {
	border:0px; 
	margin:2px;
}

.center
{
	text-align: center;
	white-space: nowrap;
}

.column1
{
	width:  150px;
	text-align: left;	
}

.column2
{
	width:  100px;	
	text-align: left;	
}

body {
	font-family:SBCustom, verdana,courier;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	background: #000000 url('/images/sb_bg_optimized.jpg') no-repeat;
	color: #000000;
}

body.city1{
	background: #000000 url('images/locations/hg_london.jpg') no-repeat;
	background-size: 100%;
}
body.city2{
	background: #000000 url('images/locations/hg_ottawa.jpg') no-repeat;
	background-size: 100%;
}
body.city3{
	background: #000000 url('images/locations/hg_telaviv.jpg') no-repeat;
	background-size: 100%;
}
body.city4{
	background: #000000 url('images/locations/hg_beijing.jpg') no-repeat;
	background-size: 100%;
}
body.city5{
	background: #000000 url('images/locations/hg_canberra.jpg') no-repeat;
	background-size: 100%;
}
body.city6{
	background: #000000 url('images/locations/hg_delhi.jpg') no-repeat;
	background-size: 100%;
}
body.city7{
	background: #000000 url('images/locations/hg_washington.jpg') no-repeat;
	background-size: 100%;
}
body.city8{
	background: #000000 url('images/locations/hg_moscow.jpg') no-repeat;
	background-size: 100%;
}
body.city9{
	background: #000000 url('images/locations/hg_pretoria.jpg') no-repeat;
	background-size: 100%;
}
body.city10{
	background: #000000 url('images/locations/hg_buenosaires.jpg') no-repeat;
	background-size: 100%;
}
body.city11{
	background: #000000 url('images/locations/hg_brasilia.jpg') no-repeat;
	background-size: 100%;
}
body.city12{
	background: #000000 url('images/locations/hg_antarcticcity.jpg') no-repeat;
	background-size: 100%;
}
body.city13{
	background: #000000 url('images/locations/hg_farcasteraleph.jpg') no-repeat;
	background-size: 100%;
}
body.city14{
	background: #000000 url('images/locations/hg_farcasterbet.jpg') no-repeat;
	background-size: 100%;
}
body.city15{
	background: #000000 url('images/locations/hg_farcastergimel.jpg') no-repeat;
	background-size: 100%;
}
body.city16{
	background: #000000 url('images/locations/hg_farcasterdalet.jpg') no-repeat;
	background-size: 100%;
}

#safe_house
{
	background: url("images/locations/safe_house_1.jpg") no-repeat scroll 219px 0 #000000;
	height: 242px;
	width: 720px;
	font-weight: bold;
	color: #FFFF00;
	position: relative;
	line-height: 1.3em;
}

#house_enter_station
{
}

#companion_area
{
  	white-space: normal;   
}

a :hover
{
	
}
#travel_menu_title:hover, #encounters_menu_title:hover, #records_menu_title:hover, #city_info_title:hover, #faction_menu_title:hover, #companion_area:hover, #house_enter_station:hover, #casino_menu_title:hover, #markets_menu_title:hover, #stocks_menu_title:hover
{
	text-decoration: underline;
	cursor: pointer;	
}


#faction_menu 
{
	background: url("images/menu_bg.png") repeat scroll center center #000000;
    border: 1px solid white;
  	display: inline-block;
    height: auto;
    width: auto;    
    left: 250px;
    padding: 5px 15px;
    position: absolute;
    top: 18px;
}


#in_frame_menu
{
  background: url("images/bg.jpg") repeat scroll left center #000000;
  border: 4px inset #FFFFFF;
  left: 0px;
  top: 0px;
  padding: 10px;
  position: absolute;
  width: 240px;
  height: 214px;
  line-height: 26px;
  white-space: nowrap;  
}

#casino_menu, #markets_menu, #records_menu, #stocks_menu, #encounters_menu {
	background: url("images/menu_bg.png") repeat scroll bottom right #000000;
  	border: 1px solid white;
    display: inline-block;
    max-height: 225px;
    max-width: 300px;
    overflow: visible;
	cursor: pointer;    
    left: 250px;
    padding: 5px 10px 5px 10px;
    position: absolute;
    top: 2px;
    white-space: nowrap; 
}


#city_info {
	background: url("images/menu_bg.png") repeat scroll bottom right #000000;
  	border: 1px solid white;
    display: inline-block;
    max-height: 183px;
    width: 360px;
    top: 18px;    
    left: 280px;
    overflow: hidden;
    white-space: normal;
    padding: 10px ;
    position: absolute;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	color: #ffffff;
}


#inventory
{
}

#station_background_location_1{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_2{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}

#station_background_location_3{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_4{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_5{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_6{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 140px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_7{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_8{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_9{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_10{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_11{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_12{
	background: #000000 url('images/locations/station_1.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_13{
	background: #000000 url('images/locations/station_13.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_14{
	background: #000000 url('images/locations/station_13.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_15{
	position: relative;
	background: #000000 url('images/locations/station_13.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}
#station_background_location_16{
	background: #000000 url('images/locations/station_13.jpg') no-repeat 160px 0px;
	height: 242px;
	width: 720px;
	position: relative;	
}

#station_enter_city {

}

#station_enter_safehouse {
	background: #111111;
	width: 225px;
}
#station_enter_safehouse br {
	display: none;
}

#station_enter_mini_mission {
	background: #111111;
	width: 225px;
}
#station_enter_mini_mission br {
	display: none;
}

#city_background{
	background: #000000 url('images/locations/city_background_1.jpg') no-repeat 140px;
	height: 242px;
	width: 720px;	
	font-weight: bold;
	color: #FFFF00;
	position: relative;
	line-height: 1.3em;
}

.pseudotab
{
	display: inline;		
	position: absolute;
	text-align: left;
	left:  200px;
}

.header {
	width: 920px;
	background: url('images/menu_bg.png') no-repeat right top #000;
}


.header_hg {
	color: #000000;
}

.header_general {
	height: 42px;
	padding-bottom: 4px;
	border-bottom: solid #333333 2px;
}

.header_general td {
	color: #ddd;
	font-size: 0.9em;
	font-weight: bold;
	font-variant: small-caps;
	padding: 0px 5px;
}

.gauges {
	background: #232027;
	height: 50px;
	border: inset 3px #ffffff; 
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	width: 760px;
	margin: 4px 4px 4px 154px;
	padding: 3px 9px;
	color: #ffffff;
}

.gauges td {
}
	.horiz_empty_bar {
		border: solid 2px #666666;
		background: #000000;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		width: 71px;
	}
	
.horiz_nav_percbar {
	background: #A61103;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #ffffff;
}
	
.horiz_perc_display {
 width: 71px;
 font-size: 0.7em;
 text-align: center;
}

.header_player {
	color: #ffffff;
}

.header_name {
   background: #232027;
 	border: inset 3px #ffffff; 
 	border-radius: 10px;
 	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
   padding: 4px 16px 4px 8px;
   line-height: 32px; /* IE patch */
 }

.spacer {
}

.header_player .playerheading {
	padding-left: 155px;
	white-space: nowrap;
}

.header_status {
	background: #666666;

}

.nav_menus {
z-index:5000;
}

#hp_menu {
  background: none repeat scroll 0 0 #000000;
  font-size: 0.9em;
  border: 4px inset #FFFFFF;
  border-radius: 15px 15px 15px 15px;
  left: 300px;
  padding: 10px;
  position: absolute;
  top: 154px;
  width: 175px;
}

#inventory_favorites_menu
{  	
  background: none repeat scroll 0 0 #000000;
  font-size: 0.9em;
  border: 4px inset #FFFFFF;
  border-radius: 15px 15px 15px 15px;
  left: 420px;
  padding: 10px;
  position: absolute;
  top: 190px;
}

#stealth_menu {
  background: none repeat scroll 0 0 #000000;
  font-size: 0.9em;
  border: 4px inset #FFFFFF;
  border-radius: 15px 15px 15px 15px;
  left: 410px;
  padding: 10px;
  position: absolute;
  top: 154px;
  width: 400px;
}

#research_menu {
  background: none repeat scroll 0 0 #000000;
  font-size: 0.9em;
  border: 4px inset #FFFFFF;
  border-radius: 15px 15px 15px 15px;
  left: 510px;
  padding: 10px;
  position: absolute;
  top: 154px;
  width: 250px;
}

#energy_menu {
  background: none repeat scroll 0 0 #000000;
  font-size: 0.9em;
  border: 4px inset #FFFFFF;
  border-radius: 15px 15px 15px 15px;
  left: 600px;
  padding: 10px;
  position: absolute;
  top: 154px;
  width: 225px;
}

#level_menu {
  background: none repeat scroll 0 0 #000000;
  font-size: 0.9em;
  border: 4px inset #FFFFFF;
  border-radius: 15px 15px 15px 15px;
  left: 685px;
  padding: 10px;
  position: absolute;
  top: 154px;
  width: 175px;
}

.body {
	background: transparent; 
	color: #FCFCFC;
}


.shoutbox {
	font-size: 12px; 
	background: url('images/transparent_shadow.png') repeat scroll left top transparent;
}

.shoutform {

}

.button
{
	padding: 0px 1px 0px 1px;
	font-size: 14px;
	margin: 1px;
	border: solid 1px #99FF00;	
}

.button_with_space
{	
	line-height: 24px;
	padding: 1px;
}

input .button {
font-size: 20px;
margin: 4px; 
}

.ingameheader {
	padding: 4px;	
	height: 209px !important;
	margin-left:4px;
}

.mainpage {	
	background: #000;
}

.item_guide_heading
{
	padding: 4px;
}

.item_guide_heading_selected
{
	padding: 6px;
	font-weight: bold;
	font: 110%;
}

.headbox {
	height: 24px; 
	width:178px;	
	position: relative;
	margin-left: 11px;	
	border : 0px transparent;
	display:none;
}

.endbox {
	height: 24px; 
	width:178px;
	position: relative;
	margin-left: 11px;	
	border : 0px transparent;
}

.ship_endbox {
	height: 24px; 
	width:178px;
	position: relative;
	margin-left: 11px;	
	border : 0px transparent;
	float: left
}

.leftmenu {
	margin-left: 11px;
	padding-top : 1px; 
	padding-right : 1px; 
	padding-bottom : 1px; 
	padding-left : 15px; 
	width : 200px; 
	font-weight : normal; 
	text-align : left; 
	font-size: 14px;
	width: 155px;	
} 

.leftmenu:hover {
	text-decoration: underline;	
}

.shipmenu {
	margin-left: 11px;
	border : 0px transparent;
	padding-top : 1px; 
	padding-right : 1px; 
	padding-bottom : 1px; 
	padding-left : 15px; 
	width : 200px; 
	font-weight : normal; 
	text-align : left; 
	font-size: 14px;
	width: 155px;
	float: left	
}

.textleftmenu {
	background: transparent;
	border : 0px;
	text-align : left;
	font-size: 12px;	
} 

.left_hintbox {

}


.hintmenu {
	margin-left: 4px;
	margin-top: 7px;
	background: url('images/bg_shadow.jpg');
	border: solid 2px #DDDDDD;
	border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	padding-top : 6px; 
	padding-right : 2px; 
	padding-bottom : 6px; 
	padding-left : 4px; 
	width : 165px; 
	font-weight : normal; 
	text-align : left;
	color: #FFFFFF;
	font-size: 13px;
} 

.hintmenu a {
}

.titlehintmenu {
	background: transparent;
	border : 0px;
	width : 166px; 
	font-weight: bold;
	color: #AAFF00;
	text-align : left;
	padding-bottom: 2px; 
	word-spacing: -0.1em;	
}

.titlehintmenu a {
	color: #AAFF00;
}

.texthintmenu {
	background: transparent;
	border : 0px;
	font-size : 90%; 
	text-align : left; 
}

.textstatsbox {
	background: transparent;
	border : 0px;
	font-weight : normal; 
	margin-left: 4px;
	padding-top: 0px;
	font-size: 12px;
	color: #AAFF00;
	overflow: visible;
} 

.gap { line-height: 3px; }

.topbar {
	width: 100%;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	background: transparent;
	padding: 3px;
	color: #ddd;
	font-weight: bold;
	font-size: 11px;
}
	
.content {
	border-top: solid 2px #999999;
	border-spacing: 0px;
	width: 100%;
	padding: 0px;
}

table.content td.content {
  border: none;
}

.content .crumbs {
	background: url('images/crumbs.jpg') #000000;
}

.content .breadcrumb td {
	background: transparent;
}

#base_breadcrumb
{
	background: url('images/base_breadcrumb_middle.gif') ;
	text-align: left;
	vertical-align: middle;
	height: 18px;
	padding:  0px;
	font-weight: bold;
	font-size: 16px;
}

#breadcrumb
{
	background: url('images/breadcrumb_middle.gif') ;
	text-align: left;
	vertical-align: middle;
	height: 18px;
	padding:  0px;
	font-weight: bold;
	font-size: 16px;
}

.externallinks
{
	font-size: 80%;
	text-align: center;	
	padding: 10px 6px 6px 4px;
}

table.content td.content {
	padding-top: 50px;
	background: #000;
}
table.content td.content table td {
	border: none;
	background: #000000;
	color: #ffffff;
	padding: 2px;
}
table.content td.content table td.content {
	text-align: center;
	font-family: arial;
}
table.content td.content table td a {
	color: #ffff66;
}

table.content .contenthead {
	background: url('images/contenthead.jpg') #000;
}
.contenthead a {
	color: #FF0000;
	background: #000;	
}
.headbox {

}
.contenthead {
	font-weight: bold; 
	font-variant:small-caps; 
	font-size:18px;
	color: #F0F0F0; 
	width: 600px;
}

.headbox { }

.contentcontent { 
	font-size:14px;
	font-variant: normal;
	color: #f0f0f0; 
	width: 600px;	
	padding: 2px 7px;
	background: transparent;
}

.player_avatar_links 
{
	width: auto;
	background: url('images/transparent_shadow.png') repeat scroll left top transparent;
}

.small { 
	font-size: 10px;
}

.time {
	color: #f0f0f0;
	position: absolute;
	top: 100px;
	left: 480px;
	font-size: 12px;
	width: 280px;
}

.location {
	padding: 4px; 
	float: left;	
}

.stats_box {
	position:absolute; top: 0px; left:  300px;
	height: 200px; 
	width:180px
}

.stats_box_in {
	padding-left: 13px;
	padding-top: 25px;
}

.text_a {
	position: relative;
	margin: 0px;
	padding: 1px;
	text-decoration : none; 
	font-family : Arial, Helvetica, sans-serif; 	
	font-size: 12px;	
	display : inline;
}

.hover_text {
	font-weight: bold;
	position: absolute; /* workaround for Opera, Chrome, Safari browser bugs */
	top: 0px;
	left: 0px;
	width: 50px;
	font-size: 12px;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif; 	
	display : inline;
	z-index: 3;	
}

.hover_text_small {
	font-weight: bold;
	position: absolute; /* workaround for Opera, Chrome, Safari browser bugs */
	margin: 0px;
	padding: 0px;
	width: 50px;
	font-size: 10px;
	font-family : Arial, Helvetica, sans-serif; 	
	text-align: center;
	display : inline;
	z-index: 3;	
}

.hover_text_percent {
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 54px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	text-align: right;
	font-family : Arial, Helvetica, sans-serif; 
	display : inline;	
}

.hp_bar {
	font-weight: bold;
	position: absolute; /* workaround for Opera, Chrome, Safari browser bugs */
	top: 118px;
	left: 0px;
	font-size: 10px;
	font-family : Arial, Helvetica, sans-serif; 	
	text-align: center;
	width: 140px;
}

.ship_a{
	font-weight: bold;
	position: relative;
	top: -30px;
	left: 30px;	
	margin: 0px;
	padding: 2px;
	height: 1px;
	color: #aff;
	font-size: 12px;		
}

.bar_a{
	position: absolute;
	left:  77px;
	margin: 0px;
	width: 50px;
	text-align: left;	
	background:  transparent;
	padding-top: 1px;
	height: 0px;
	display : inline;
	z-index: 1;	
}

.bar_b
{
	position: absolute;
	left: 0px;
	top: 4px;
	width: 50px;	
	background:  #FF2222;	
	margin: 0px;
	padding: 0px;
	padding-top: 3px;	
	height: 6px;
	display : inline;
	z-index: 2;	
}

.bar_title
{
	font-size: 10px;
	background:  transparent;	
	margin: 0px;
	padding: 0px;	
	width: 50px;
	display : inline;
}

.headbox
{
		
}

#travel_info {
	position: relative; 
	visibility: visible; 
	top: -80px; 
	left: 535px; 
	height: 268px; 
	width: 190px; 
	border: 0px solid #222; 
	font-weight: bold; 
	padding:3px;
	font-size: 18px;
}

.scanbox {
	position: absolute; 
	visibility: visible; 
	top: 0px; 
	left: 910px; 
	height: 520px; 
	width: 250px; 
	border: 0px solid #222; 
	font-weight: bold; 
	padding: 3px;
	font-size: 8px 
}

.hintbox {
	position: absolute; 
	visibility: visible; 
	top: 0px; 
	left: 910px; 
	height: 520px; 
	width: 154px; 
	background: transparent; 
	border: 0px #222 solid; 
	font-weight: bold; 
	padding: 3px;
	font-size: 10px; 
}

.scanboxitem
{
	padding-top: 4px;
	background: transparent;
	border : 0px;
	font-weight : normal; 
	text-align : left; 
	font-size: 11px;
	line-height: 22px;
	width: 200px;
	overflow: hidden;
} 

.featurebox
{
	position: absolute; 
	visibility: hidden; 
	top: 0px; 
	left: 0px; 
	height: 0px; 
	width: 154px; 
	border: 0px #222 solid; 
	font-weight: bold; 
	padding: 3px;
	font-size: 8px; 
}

.nliattacks
{
	position: absolute; 
	visibility: visible; 
	top: 295px; 
	left: 500px; 
	width: 180px; 
	font-weight: bold; 
	padding:3px;
	font-size: 11px; 
	background: url('images/spybattle_stats_bg.gif') no-repeat left top; 
	margin: 0px;
	height: 185px
}

.nlidemo
{
	position: absolute; 
	visibility: visible; 
	top: 485px; 
	left: 500px; 
	height: 200px;
	width: 200px; 
	font-weight: bold; 
	padding:3px;
	font-size: 11px; 
	background: url('images/demo.gif') no-repeat left top; 
	margin: 0px;
	height: 165px
}

.scanbox_overlay
{
	position: absolute; 
	visibility: visible; 
	top: 0px; 
	left: 540px; 
	height: 540px; 
	width: 120px; 
	background:url('images/scanlines.gif') left top; 
	border:1px solid #888; 
	font-weight: bold; 
	padding: 3px;
	font-size: 8px; 
	-moz-opacity:0.2; filter:alpha(opacity=20)
}

.onlinebox
{
	position: absolute; 
	visibility: visible; 
	top: 0px; 
	left: 600px; 
	height: 50px; 
	width: 100px; 
	background: transparent; 
	border:0px #222 solid; 
	font-weight: normal; 
	padding:18px; 
	font-size: 16px; 
}

.onlinebox2
{
	position: absolute; 
	visibility: visible; 
	top: 0px; 
	left: 660px; 
	height: 50px; 
	width: 100px; 
	background: transparent; 
	border:0px #222 solid; 
	font-weight: normal; 
	padding:18px; 
	font-size: 16px; 
}

h1, h2, h3, h4, h5, h6 {
	font-family : Impact, "Trebuchet MS", Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
	font-weight : normal; 
} 

.pos0	{
	background-color : #ffffff; 
	color : #000000; 
} 

.pos1 {
	background-color : #1E1E1E;
}

.mainbox {
	
 	border: solid 2px #DDDDDD;
	border-top: 0px;
	border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px; 
  	background: url("images/bg.jpg") repeat scroll left center #000000;
}

.mainbox, .dynabox
{
	position: absolute; 
	top: 170px; 
	left: 180px;
	width: 740px;
} 

@media handheld, only screen and (max-device-width: 480px) 
{
    /* overrides or style additions for iPhone */
    mainbox
    {
		-webkit-text-size-adjust:none;
    	top: 190px;
    }
}


.loginbox {
	border : 0px solid #444; 
	color : #ffffff; 
	width:300px; 
	margin-left: 4px;
}
.pos2, .topnav {
	background-color : #333; 
	color : #ffcc00; 
	border : 1px solid #444; 
}

.menumove
{
	position:absolute;
	top: 200px;
	left: 0px;	
}

#topbox {
	border: 0px;
	background: transparent;
	padding-right : 5px; 
	font-size: 14px;
	font-weight : bold;
} 

.topnav {
	border-left: 1px solid; 
	border-right:1px solid; 
	border-top:0px solid; 
	border-bottom:1px solid; 
	padding-top : 3px;
	padding-bottom : 0 
} 

.mainbox p a {
	font-weight : bold; 
	font-size : 90%; 
} 

.dynabox {
	border: 1px solid #333;
	text-align : center; 
} 

.dynabox .headbox {
	border-style : dashed; 
	border-top-style : solid; 
	border-right-width : 0; 
	border-left-width : 0; 
	padding-top : 3px; 
	padding-left : 0; 
	padding-right : 0; 
	padding-bottom : 3px; 
} 

.dynacontent
{
	padding-top : 3px; 
	padding-left : 5px; 
	padding-right : 5px; 
	padding-bottom : 3px; 
	text-align : left; 
	font-size : 70%; 
	font-weight : normal; 
} 

.eliteplayer
{
	color: #CCCC00;
}

.admin
{
	color: #38ACEC;
}

.moderator
{
	color: #C34A2C;
}

.csr
{
	color: #865EFF;
}
.greeter
{
	color: orange;
}
.freeplayer
{
	color: silver;
}
.immortal
{
	color: white;
}

.retired
{
	color: silver;
}

#marquee
{
	color: white;
	position: absolute;
	text-align: left;
	left:  315px;
	width: 100px;
	top:  270px;
}
.popup
{
   border:4px solid #333; position:absolute; left:0; top:-80; width:132;
   background-color:#111;
   padding: 5px;
   color: Yellow;
   font-family: Arial;
   font-weight: bold;
   font-size: 10pt;
   z-index:100;
   visibility:hidden
}

.info_pop_up
{
	overflow: auto; 
	position: absolute; 
	border:4px solid #333;
	top:150px; 
	left:250px;  
	z-index:11000; 
	visibility: hidden; 
	height: 456px; 
	width: 511px;
	background-color: #000000;
	background:url(./images/bg_qst.jpg) left top no-repeat; 
	border: 1px solid #888; 
	padding:12px;
	font-size: 14px;
	text-align: justify;
}

#info_pop_up_text
{ 
	position: absolute;
	top:150px;
	left: 20px;
	width: 495px;
	height: 285px;
}

#qst_progress
{
	position: absolute;
	top:10px; 
	left: 440px;
	color: #C9BE62;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

#qst_button
{
	position: absolute;
	background:url(./images/bg_qst_button.jpg) left top;
	top:440px;
	left: 20px;
	width: 101px;
	height: 32px;
}

#qst_navigation
{
	position: absolute;
	top:447px; 
	left: 45px;
	width: 40px;
}
#qst_pause
{
	position: absolute;
	top:447px;
	left: 340px;
	color: #FDD017;
}

.ladder_medals {
	position:absolute; 
	left: 0px;  
	top: 510px;
}


#dockingstation_enter_ship {
	height: 250px;
}

table.content td.shoutbox {
	background: url('images/transparent_shadow.png') repeat scroll left top transparent;
	color: #ffffff;
	padding: 3px;
	position: relative;
	font-family: Arial;
}

#shoutbox {
	background: transparent;
	display: block;
	padding: 2px 3px 35px 3px; 
	font-family: Arial;
	font-size: 14px;
	color: #ffffff;
	position: relative;
	min-height: 120px;
	overflow: visible;
}

.shoutform {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 225px;
}

.shoutform table td {
  background: transparent;
}

.shoutform input { /* buttons */
	min-width: 60px;
	background: black;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	margin: 2px;
	border: solid 1px #99FF00;
	font-weight: bold;
}

.shout_message_all {
	position: absolute;
	left: -510px;
	bottom: -2px;
	border: solid 2px #777;
	background: transparent;
	color: #ffffff;
	background: transparent;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	margin-top: 4px;
	width: 480px;
	height: 18px;
}

.shout_message_ie_patch
{
	position: absolute;
	left: -380px;
	bottom: -2px;
	border: solid 2px #777;
	background: transparent;
	color: #ffffff;
	background: transparent;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	margin-top: 4px;
	width: 400px;
	height: 18px;
}

.shout_buttons
{
	position: absolute;
	top: -8px;
	left: 20px;
	width: 200px;
}

.shout_buttons_ie_patch
{
	position: absolute;
	left: 60px;
	top: 12px;
	background: transparent;
	color: #ffffff;
	background: transparent;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	margin-top: 4px;
	width: 400px;
	height: 18px;
}

#show_len
{
	position: absolute;
	left: -25px;
	top: 4px;
	font-size:10px;
	font-weight: normal;
}

#show_len_ie_patch
{
	position: absolute;
	left: -15px;
	top: 4px;
	font-size:10px;
	font-weight: normal;
}

.player_avatar_bg
{
	background: url('images/avatar_background.png') transparent no-repeat;
	position:absolute;
	width:170px;
	height:auto; 
	left: 2px;
	top: 1px;
}

.player_avatar
{
	background: transparent;
	position:relative;
	max-height: 100px;
	max-width: 100px;
	left: 2px;
	top: 6px;
	padding: 14px;	
}

#popup_alert
{
	z-index: 999;
	border-top: 2px solid white;
	border-right: 4px solid rgb(51, 51, 51);
	border-left: 2px solid white;
	border-bottom: 4px solid rgb(51, 51, 51);
	display: none;
	position: absolute;
	left: 350px;
	top: 280px;
	width: 220px;
	height: 190px;
	padding: 5px;
	text-align: center;
	font-size: 16px;
	background-color: #000; 	
}
