/* 
	BSG Online Games - http://www.bsgonlinegames.com/
	Copyright © 2005, BSG ONLINE GAMES
	
	The following css is copyrighted and you DO NOT 
	have permission to copy or alter it in any way.
	
	v1.0.1
	Last Revised: November 19, 2005 
	--------------------------------------------------
	--	BSG Online Games: admin@bsgonlinegames.com  --
	--												--
	-- domain: .bsgonlinegames.com					--
	--------------------------------------------------
:	
*/

/* Default Font Styles */

html {
	scrollbar-base-color: #222222; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #222222;
}

html,body {
	height: 100%;
}

body {
	font-size: 0.9em; 
	letter-spacing: 0.02em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	color: #FFFFFF;
	background-color: #000428;
}

table {
	font-size: 0.9em; font-family: 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif;
}

img {
	border-width: 0px;
}

/* Content Styles */
div#header {

	height: 150px;
	display: block;
	background-color: #000B76;
	/*background-image: url('../images/header-bg.png');*/
	
	z-index: 5;
	
}

div#content {
	margin-top: 10px;
	line-height: 1.0em;
}

div#contentspacer {
	display: block;
	width: 100%;
	height: 10px;
	background-color: #000B76;
}

div.contentheader {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	font-family: 'Tahoma', 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	padding-top: 0px; 
	padding-bottom: 0px; 
	background-color: #0C059D; 
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1;
}
b.contentbold {
	margin-left: 20px; letter-spacing: 2px; font-size: 12pt;
}

div.product_nohover {
	border-width: 1px;
	border-style: solid;
	border-color: #66A;
	background-color: transparent;
	width: auto;
	padding: 24px;
	display: block;
	cursor: pointer;
	text-align: left;
	margin-bottom: 8px;
	cursor: default;
}


div.product {
	border-width: 1px;
	border-style: solid;
	border-color: #66A;
	background-color: transparent;
	width: auto;
	padding: 24px;
	display: block;
	cursor: pointer;
	text-align: left;
	margin-bottom: 8px;
}
div.product_hover {
	background-color: #77A;
	border-color: #FFF;
}

div.product:hover {
	background-color: #77A;
	border-color: #FFF;
}

span.product_header {
}

a.product_header:link, a.product_header:visited, a.product_header:active { color: #FFF; text-decoration: none; }

div.contentcontainer {
	text-align: left;
	background-color: #080363;
	padding: 10px;
}

div#freelance_header {
	display: block;
	border: #FFF solid 1px;
	padding: 16px;
}

div#bsgid {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 5;
	
	filter:alpha(opacity=80);
	opacity: 0.8;
}
div.contentfade {
	filter:alpha(opacity=80);
	opacity: 0.8;
}

div.contentfade:hover {
	opacity: 0.99;
	filter:alpha(opacity=99);
}

span#headerimage {
	position: absolute;
	top: 25px;
	left: 20px;
	z-index: 4;
}

.center {
	margin-left: auto; 
	margin-right: auto; 
	display: block;	
}

div#document {
	height: 100%;
	width: 100%;
	background-color: #FFF;
}

code {
	white-space: pre;
	margin-top: 5px;
	margin-left: 20px;
	overflow: auto;
	margin-right: 5px;
	padding: 10px;
	background-color: #FFFFE1;
	border: #000 2px solid;
	color: #000;
	display: block;
	font-size: 9pt;
	text-align: left;
}

/* Menu */

div#menu {
	background-color: #000F9E;
	display: block;
	width: 100%;
	height: 30px;
	cursor: pointer;
}

div.menuitem {
	float: left;
	cursor: pointer;
}

.menuheader_txt {
	position: relative;
	display: block;
	line-height: 30px;
	height: 30px;
	width: 100px;
	z-index: 3;
	cursor: pointer;
}

.menuheader {
	position: absolute;
	background-image: url('../images/menu_bg.png');
	height: 30px;
	width: 100px;
	display: block;
	z-index: 2;
	cursor: pointer;
}

.menuheader_hover {
	position: absolute;
	visibility: visible;
	background-image: url('../images/menu_bg_selected.png');
	height: 30px;
	width: 100px;
	display: block;
	z-index: 1;
	cursor: pointer;
}

.menuheader_txt a, .menuheader_txt a:visited, .menuheader_txt a:hover, .menuheader_txt a:active {
	line-height: 26px;
	font-size: 1.0em; 
	font-family: 'Tahoma', 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 3;
}

.submenu {
	position: absolute;
	margin: 0px;
	padding: 0px;
	color: #000;
	z-index: 2;
	cursor: default;
}

.submenu div {
	visibility: hidden;
	display: block;
	background: #000;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.75em;
	cursor: pointer;
}
.submenu_hover div {
	visibility: visible;
	cursor: pointer;
}

.submenu a:hover {
	background-color: gray;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}

.submenu a, .submenu a:visited, .submenu a:active {
	padding: 5px;
	padding-left: 10px;
	width: 150px;
	overflow: hidden;
	display: block;
	border: gray solid 1px;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

/* BSGid login container */

div.logincontainer {

	background-color: #17192F;
	width: 250px;
	border-spacing: 0px;
	padding: 0px;
	border-style: solid;
	border-width: 2px;
	border-color: #23274B;
	
	/* Microsoft shadow */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#000339', Positive='true');
}

div.loginheader {
	margin: 0px 0px 5px 0px;
	height: 25px;
	background-color: #23274B
}

div.loginfooter {
	margin-left: 37px;
	margin-top: 6px;
}

input#loginimage {
	border-width: 0;
	background-color:transparent;
	width: 175px;
	height: 25px;
}

img.imagefloat {
	float: left;
	padding-right: 20px;
}

/* Server Eye */

div.item {
	border: #66A solid 1px;
	background-color: transparent;
	width: auto;
	padding: 24px;
	display: block;
	text-align: left;
	margin-bottom: 8px;
}

td.item_server {
	font-size: 14pt;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 50%;
}
td.item_status {
	font-size: 10pt;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 40%;
}
td.item_edit {
	font-size: 10pt;
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 10%;
}
div.item_services {
	text-decoration: underline;
	font-weight: bold;
	padding-bottom: 4px;
}

a.manage_service, a.manage_service:link, a.manage_service:hover, a.manage_service:active, a.manage_service:visited {
	width: 50%;
	background-color: #006;
	color: #FFF;
	display: block;
	text-decoration: none;
	text-align: center;
	border: gray solid 1px;
	margin: 0px;
	padding: 2px;
}

.add_server {
	width: 100%;
	font-size: 8pt;
	background-color: #23274B;
	padding: 2px;
	margin-bottom: 2px;
	border: #448 solid 1px;
	color: #AAF;
}
input.server_submit {
	width: 70%;
	font-size: 8pt;
	background-color: #0C059D; 
	color: #FFFFFF;
	padding: 4px;
	margin-top: 10px;
	border: #448 solid 1px;
	text-align: center;
}
input.update {
	width: 60px;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	color: #FFF;
	border: #448 solid 1px;
	text-align: center;
}

div#popup_container {
	filter:alpha(opacity=99);
	opacity: 0.99;
	visibility: hidden;
	position: absolute;
	top: 0px;
	display: block;
	width: 400px;
	border: gray solid 1px;
	background-color: #131C29;
	z-index: 98;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#000339', Positive='true');
}

div#popup_header {
	text-align: center;
	display: block;
	line-height: 30px;
	font-size: 12pt;
	background-color: #6083BA; 
	color: #FFFFFF;
	font-weight: bold;
	cursor: move;
}

div#popup_content {
	display: table-cell; vertical-align: top;
	height: 200px;
	font-size: 10pt;
	color: #FFFFFF;
	padding: 10px;
}

div#popup_close {
	text-align: center;
	line-height: 25px;
	background-color: #3D5C8B; 
	color: #FFFFFF;
	font-weight: bold;
}

#popup_close a, #popup_close a:visited, #pop_close a:active {
	font-weight: bold;
	text-decoration: none;
	display: block;
}

#popup_close a:hover {
	display: block;
	background-color: #1F2E45;
}

div.msgBox_header {
	width: 50%;
	text-align: center;
	display: block;
	font-size: 12pt;
	padding: 10px;
	background-color: #6083BA; 
	color: #FFFFFF;
	font-weight: bold;
	border: gray solid 1px;
}

div.msgBox_content {
	width: 50%;
	display: block;
	color: #FFFFFF;
	padding: 10px;
	margin-bottom: 20px;
	border: gray solid 1px;
	background-color: #131C29;
}

div.righthidden {
	margin-left: 10px;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

div.rightvisible {
	margin-left: 10px;
	visibility: visible;
	height: auto;
}

.se_button {
	font-size: 14pt;
	margin: 20px;
	width: 75%;
	text-align: center;
	cursor: pointer;
	border: gray solid 2px;
	background-color: #FFF;
	color: #000;
}

/* Graph */
div#se_welcome {
	position: absolute;
	top: 200px;
	left: 5px;
	display: block;
	width: 250px;
	height: 125px;
	border: white solid 1px;
	background-color: #111B76;
	padding: 20px;
	text-align: left;
	overflow: auto;
	z-index: 2;
}
div#se_welcome_text {
	text-align: center;
	font-size: 16pt;
	letter-spacing: 5px;
	line-height: 35px;
}
div#se_servereye_text {
	font-size: 24pt;
	text-align: right;
	line-height: 35px;
}

div#se_graph {
	position: absolute;
	display: block;
	top: 215px;
	right: 5px;
	width: 75%;
	border: white solid 1px;
	background-color: #111B76;
	padding: 5px;
	z-index: 1;
}

div#se_mainsites {
	position: absolute;
	display: block;
	top: 385px;
	left: 5px;
	width: 25%;
	border: white solid 1px;
	background-color: #111B76;
	padding: 0px;
	z-index: 2;
}

div#se_mainsites h1 {
	font-size: 16pt;
	display: block;
	background-color: #444B76;
	border-bottom: white solid 1px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 25px;
	letter-spacing: 5px;
	text-align: center;
}
#se_mainsites a {
	display: block;
	width: 100%;
	height: 100%;
}
#se_mainsites a:hover {
	background-color: #000;
	text-decoration: none;
}

div.se_subsite {
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	margin-left: 5%;
	margin-bottom: 5px;
}
div.se_sercon {
	border: gray dotted 1px;
	margin-right: 1px;
	margin-left: 1px;
}
.se_sermo, .se_sercon td {
	padding-left: 5px;
	padding-right: 5px;
}
.se_sermo {
	background-color: #000;
	cursor: pointer;
}

.se_subsite a, .se_subsite a:active, .se_subsite a:link, .se_subsite a:visited {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.se_subsite a:hover {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	text-decoration: none;
}

/* Overview */
.se_content_right table {
	border: gray solid 1px;
}

tr.se_th {
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}

tr.se_thsite {
	width: 100%;
	text-align: center;
	font-size: 15pt;
	line-height: 25pt;
	background-color: #111B76;
}

tr.se_td {
	text-align: center;
	font-size: 10pt;
	cursor: default;
}

tr.se_bg {
	background-color: #111B76;
}
tr.se_bg2 {
	background-color: #222C87;
}
tr.se_bg:hover, tr.se_bg2:hover {
	background-color: #444EA9;
}
tr.se_offline {
	background-color: #900;
}
tr.se_offline:hover {
	background-color: #B00;
}

/* Options */
table.se_option_table {
	background-color: #000A65;
	border: gray solid 1px;
}
tr.se_option_header {
	font-size: 12pt;
	font-weight: bold;
	background-color: #222C87;
	text-align: center;
	height: 25pt;
}

/* BSGid */
div#bsgid_header {
	height: 75px;
	display: block;
	background-color: #000B76;
	z-index: 5;
}
div#bsgid_title {
	position: absolute;
	top: 0px;
	left: 0px;
}

div#inner_content {
	display: block;
	overflow: auto;
	background-color: #080363;
}

div.news_header {
	display: block;
	height: 1.5em;
	line-height: 1.5em;
	width: 100%;
	background-color: #444444;
	text-align: center;
	font-size: 11pt;
	letter-spacing: 4px;
	font-weight: bold;
}
div.news_content {
	display: block;
	height: 200px;
	width: 100%;
	background-color: #222222;
	font-size: 10pt;
	overflow: auto;
}

div.news_spacer {
	height: 20px;
}

div.bsgid_account {
	display: block;
	border: #0C0591 solid 1px;
	background-color: #090474;
	padding: 8px;
	margin-bottom: 5px;
	cursor: pointer;
	width: 100%;
}

div.bsgid_post {
	display: block;
	border: #444444 solid 1px;
	background-color: #222222;
	margin-top: 1px;
	margin-bottom: 1px;
	cursor: pointer;
	font-size: 10pt;
}
div.bsgid_post a, div.bsgid_post a:active, div.bsgid_post a:visited {
	display: block;
	padding: 2px;
	padding-left: 10px;
}
div.bsgid_post a:hover {
	background-color: #333333;
	text-decoration: none;
}
i.bsgid_poster {
	color: #AAA;
	letter-spacing: 1px;
}
div#bsgid_status {
	position: absolute;
	right: 4px;
	top: 4px;
	background-color: #005278;
	border: #000 solid 1px;
	display: block;
	font-size: 10pt;
	padding: 8px;	
}
table.bsgid_table {
	width: 75%;
	background-color: #00043A;
	border: #000E96 solid 1px;
}
table.bsgid_premiumtable {
	width: 75%;
	background-color: #00043A;
}
table.bsgid_premiumtable td {
	border: #000E96 solid 1px;
}
tr.bsgid_tableheader {
	background-color: #000A6C;
	height: 30px;
	line-height: 30px;
	letter-spacing: 1px;
}
table.bsgid_log {
	width: 100%;
	background-color: #00043A;
	border: #000E96 solid 1px;
}
table.bsgid_log td {
	border: #000B63 dotted 1px;
	padding: 8px;
}
tr.bsgid_log_header {
	text-align: center;
	background-color: #2B426B;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: #000E96 dotted 2px;
}
tr.bsgid_log_bg1, tr.bsgid_log_bg2 {
	text-align: center;
	font-size: 9pt;
}
tr.bsgid_log_bg2 {
	background-color: #00074E;
}
tr.bsgid_log_bg1:hover, tr.bsgid_log_bg2:hover {
	background-color: #000E94;
}
input.bsgid_input, input.bsgid_focus {
	width: 99%;
	padding: 2px;
}
input.bsgid_input {
	background-color: #AAA;
}
input.bsgid_focus {
	background-color: #FFF;
	border: #000 solid 1px;
	border-bottom: #000E94 dotted 1px;
}
input.bsgid_button {
	padding: 4px;
	font-size: 12pt;
	padding-left: 16px;
	padding-right: 16px;
	text-align: center;
	letter-spacing: 3px;
	cursor: pointer;
	background-color: #000E94;
	color: #FFF;
}

/* Default Form Styles */
form { margin: 0px; }
select { font-size: 0.9em; font-family: 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: normal; color: #330000; }
.selectsmall { font-size:0.75em; font-family: 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: normal; color: #330000; }
input { vertical-align: middle; font-size: 9pt; font-family: 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: normal; color: #000000; text-align: left; border-width: 1px; border-color: #444444; border-style: solid; background-color: #FFFFFF; }
.inputnone { border-width: 0; background-color:transparent; } 
.inputblur { padding: 2px; padding-left: 4px; padding-right: 4px; color: #000000; text-align: left; border-width: 1px; border-color: #444444; border-style: solid; background-color: #CFCFCF; }
.inputfocus { padding: 2px; padding-left: 4px; padding-right: 4px; color: #000000; text-align: left; border-width: 1px; border-color: #666666; border-style: solid; background-color: #FFFFFF; }
.button { font-size: 0.9em; font-family: 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: normal; color: #FFFFFF; border-width: 1px; border-color: #005AFF; border-style: solid; background-color: #000488; text-align: center; }
.buttonsmall { font-size: 0.75em; font-family: 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: normal; color: white; background-color: #000488; border-color: #005AFF; text-align:center; }
textarea { font-size: 0.9em; font-family: 'Genova', 'Verdana', 'Arial', 'Helvetica', sans-serif; font-weight: normal; color: #000000; text-align: left; border-width: 1px; border-color: #000000; border-style: solid; background-color: #FFFFFF; }
.checkbox { border-width: 1px; background-color: transparent; border-style: none; color: #FFF; }

/* Default Link Styles */
a:link { text-decoration: none; color: #FFFFFF; }
a:visited { text-decoration: none; color: #FFFFFF; }
a:hover { text-decoration: underline; color: #FFFFFF; }

/* Tool Tip Styles */
.textlink a:link, .textlink a:visited, .textlink a:hover { text-decoration: none; color: #FFFFFF; cursor: default; }
   
/* Advertisements */
#sky { position: absolute; z-index:5; }
#leader { z-index: 5; }

/* Default: Theme */
.text { color: #FFFFFF; }  /* default text color */
.textfade { color: #AAA; }
.help { background-color: #FFFFE1; color: #000000; cursor: default; padding: 5px; border: #000 solid 1px; }

.copyright { color: #000000; cursor: default; }