/** Copyright FutureRP (c) 2010. */
				
body {
	background-color: black;
    font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif;
	font-size: 9pt; 
	color: white;
}







/* Set up the link text colour scheme */
a, a:link, a:active, a:visited { 
	text-decoration: none; 
	color: white; 
	font-weight: bold;
} 
a:hover { text-decoration: underline; color: #FF9900; } 

img, a img { border: 0; }




hr { height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px; }





#main_wrapper {
	width: 863px;
	text-align: center;
	border: 1px black solid;
	margin: 0 auto;
}
#page_wrapper {
	padding: 0 12px;
	background-color: #2c2924;
	background-repeat: no-repeat;
	background-image: url('../images/page-wrapper-bg.png');
	background-position: top left;
}
#page_content {
	background-color: #14120f;
	background-image: url('../images/main-content-bg1.png');
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 10pt;
}
#footer_wrapper { margin: 0 2px; background-color: #2e2e2e; padding: 5px 0; }
#footer_links {
	list-style: none;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Tahoma', 'Arial', sans-serif;
	margin: 0;
	padding: 0;
}
#footer_links li { display: inline; padding: 0 5px; }

#footer_wrapper span.copyright { font-weight: bold; }
#footer_wrapper span.page_gen { font-size: x-small; text-transform: uppercase; }



#main_menu {
	position: relative;
	z-index: 2000;
	background: black;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 25px;
	border-top: 1px solid black;
}
#main_menu li {
	position: relative;
	display: block;
	float: left;
	width: 110px;
	height: 23px;
	line-height: 23px;
	
	cursor: pointer;
	font-family: 'Verdana', sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding: 0 5px;
	
	background-image: url('../images/style_bluemetal/btn.png');
	background-repeat: repeat-x;
	background-color: #2e2e2e;
	
	border-top: 2px solid #4b4b4b;
	border-left: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	border-bottom: 0;
	
	margin-right: 1px;
	white-space: nowrap;
}
#main_menu .m7 { width: 113px; margin-right: 0; }

/* The two m_hov & m7_hov selectors are for IE compat mode. */
#main_menu ul.drop_links { display: none; }
#main_menu li:hover ul.drop_links, #main_menu li.m_hov ul.drop_links {
	/*position: static;*/
	display: block;
	width: 150px;
	list-style: none;
	position: absolute;
	top: 23px;
	left: -1px;
	margin: 0;
	padding: 0;
	border: 1px solid black;
	border-bottom: 0;
	overflow: hidden;
}
#main_menu li.m7:hover ul.drop_links, #main_menu li.m7_hov ul.drop_links { left: auto; right: -1px; }

#main_menu ul.drop_links li {
	display: block;
	width: 150px;
	text-align: left;
	line-height: normal;
	margin: 0;
	padding: 0;
	border: 0;
	height: auto;
	text-transform: none;
	border-bottom: 1px solid black;
}
#main_menu ul.drop_links li a {
	display: block;
	width: 144px;
	padding: 4px 3px;
	background-color: #171717;
	margin: 0;
}
#main_menu ul.drop_links li a:hover {
	background-color: #2e2e2e;
}
#main_menu>li>a:hover { text-decoration: underline; color: #dddddd; }

#main_menu ul.drop_links li.disabled a {
	text-decoration: line-through;
	color: #d9d9d9;
}


#page_search_forms {
	width: 600px;
	margin: 0 auto;
	overflow: auto;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 0;
}
#p_search_form, #g_search_form { width: 295px; float: left; margin: 0; padding: 0; }
#p_search_form { text-align: right; padding-right: 5px; }
#g_search_form { text-align: left; padding-left: 5px; }
#p_search_name, #g_search_name { width: 92px; }


/* Statistics bar, just below header
----------*/
#page_statbar {
	font-size: 12px; 
	font-weight: bold;
	background-image: url('../images/style_bluemetal/statbar.png');
	background-color: #0c0c0c;
	background-repeat: repeat-x;
	height: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	border: 2px solid #111111;
}
#page_statbar li {
	float: left;
	padding: 0 2px;
	height: 20px;
	line-height: 20px;
	background-color: black;
	border: 2px inset;
	display: block;
	margin: 0 5px;
	margin-top: 2px;
	cursor: default; /* Otherwise, a text selection cursor appears. */
}
#page_statbar li.right_side { float: right; }

#page_statbar li.icon_only { font-size: 0; }
#page_statbar li.link_only {
	background-color: transparent;
	border: 0;
	font-size:small;
	margin-top: 4px; /* +2px to compensate for border loss. */
	overflow: hidden;
	max-width: 130px;
	white-space: nowrap;
}
#page_statbar li.link_only a { color: black; text-transform: uppercase; }
#page_statbar li.link_only a:hover { text-decoration: underline; }


/* Table content box styles
----------*/
td { text-align:left; }

/* Header cells - the titlebar of every content box. */
th {
	font-size: 12px; 
	background-color: black;

	background-image: url('../images/style_bluemetal/th.png');
	border-left: 1px solid #264076;
	border-top: 1px solid #264076;
	border-right: 1px solid #14264a;
	border-bottom: 1px solid #14264a;
	color: white;
	font-weight: bold;
	height: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
}
th.subcat1, th.subcat2 { font-size: 11px; color: #dddddd; }

/* Alternating cell rows */
.row1, .row2, .row_sel, tr.row1 td, tr.row2 td, tr.row_sel td {
	font-size: 10pt;
	padding: 2px;
}
.row1 { background-color: #232323; } 
.row2 { background-color: #2e2e2e; }
.row_sel {
	background-color: #111111;
	background-image: url('../images/style_bluemetal/td_sel.gif');
	background-repeat: repeat-x;
}


/* Main page header */
#page_header {
	background-image: url('../images/style_bluemetal/header.jpg');
	background-repeat: no-repeat;
	height: 148px;
	cursor: pointer;
}


/* Form elements
---------- */
input, textarea, select {
	color: white;
	background-color: #111111;
	font-size : 12px;
	text-indent: 2px;
	font-weight: normal;
	
	background-image: url('../images/style_bluemetal/input.png');
	background-repeat: repeat-x;
	background-color: #272727;
	
	border-top: 2px solid #232323;
	border-left: 1px solid #232323;
	border-right: 1px solid #232323;
	border-bottom:1px solid #4b4b4b;
}

input[type="checkbox"] { margin: 0; }
input[type="button"], input[type="submit"], input[type="reset"] {
	background-image: url('../images/style_bluemetal/btn.png');
	background-repeat: repeat-x;
	background-color: #2e2e2e;
	
	border-top: 2px solid #4b4b4b;
	border-left: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	border-bottom: 1px solid #232323;
	
	text-indent: 0;
	font-weight: bold;
	padding: 0;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	color: #fff993;
}

fieldset { border: 0; padding:0; margin: 0; }
form { margin: 0; padding: 0; }

/* Style for a progress bar
---------- */
.progress_border {
	background: black;
	border: 1px solid #333333;
	margin: 0;
	padding: 1px;
	text-align: left;
}
.progress_bar {
	margin: 0;
  	padding: 0;
  	line-height: 0;
  	font-size: 0;
  	background-color: #C9DDEC;
}

/* Some styles for footer of main layout
---------- */

#searchforms { padding:0; margin: 5px auto; }
#loginforms { margin: 0 auto; }

/* Styles for table content boxes. */
.dialog {
	border: 0;
	width: 100%;
	margin: 0 auto;
}
.dialog td { padding: 2px; } /* Seems wrong to do this here. */
.dialog th { padding: 0; }

/* TODO: Make this style redundant. */
.bordered {
	background-color: #000000;
	border: 2px #0d0c0a solid;
}

#dhtmltooltip {
	position: absolute;
	left: -1000px;
	top: -1000px;
	min-width: 100px;
	max-width:400px;
	visibility: hidden;
	z-index: 10000;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #444444;
	border-right: 1px solid #444444;
	padding: 3px;
	font-size: small;
	color: white;
	background: #010101;
}

.legend_col, .var_col { font-weight: bold; text-align: left; }
.legend_col { font-size: x-small; }

/* Profile page style
----------*/
.profile_out_wrapper {
	margin: 0 auto;
	margin-top: 10px;
	width: 98%; /* Can't this be removed? */
	background-color: black;
	border: rgb(102, 102, 102) 1px solid;
	padding: 2px;
}
.profile_in_wrapper {
	margin: 0;
	width: 100%;
	border: rgb(102, 102, 102) 1px solid;
}
.profile_header { width: 100%; }

.profile_header .header_left {
	width: 60%;
	padding: 5px 5px 5px 10px;
	text-align: left;
}
.profile_header .header_right {
	width: 40%;
	padding-right: 10px;
	text-align: right;
}

.col_left {
	border-right: 2px solid rgb(102, 102, 102);
	width: 50%;
	padding-right: 8px;
}
.col_right { width: 50%; }


/* Basic style for most pages
---------- */
.window_wrapper {
	width: 750px;
	margin: 0 auto;
	margin-top:5px;
	background: black;
	background-color: #000000;
	border: 2px #0d0c0a solid;
}
.window_header { height: 128px; padding: 0; }
.window_content { background-color: black; padding: 5px; }





/* Special anchor styles for player status.
----------*/
a.player_online, a.player_online:link, a.player_online:active,
a.player_online:visited { 
	color: orange;
}
a.player_offline, a.player_offline:link, a.player_offline:active,
a.player_offline:visited { 
	color: yellow;
} 
a.player_inactive, a.player_inactive:link, a.player_inactive:active, 
a.player_inactive:visited { 
	color: gray;
} 
a.player_suspended, a.player_suspended:link, a.player_suspended:active, 
a.player_suspended:visited { 
	color: red;
}
a.player_online:hover, a.player_offline:hover, a.player_inactive:hover, 
a.player_suspended:hover { 
	color: white;
} 




/* The menu used on profile pages
----------*/
.sm_container { position: relative; height: 30px; }
.sm_box, .sm_box_hover {
	overflow: hidden;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.sm_box { height: 100%; z-index: 1001; }
.sm_box_hover { height: auto; z-index: 1002; }
.sm_cover {
	background-image: url('../../tpl_default/images/icons/sm_cover.png');
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 10px;
	z-index: 1001;
	width: 100%;
}
.sm_list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.sm_list li a {
	background-color: #171717;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 3px 0;
}
.sm_list li a:hover {
	background-color: #2e2e2e;
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 3px 0;
}
.sm_list_head {
	background-color: #111111;
	color: #aaaaaa;
	width: 100%;
	display: block;
	border-bottom: 1px solid black;
	padding: 3px 0;
	font-weight: bold;
	text-align: center;
}

.scrollbox_outer { overflow: auto; width: auto; }
.scrollbox_inner { width: 100%; }

/*********************/



/* OBSOLETE */
/* The main dropdown menu
----------*/
#dropmenudiv {
	position: absolute;
	border: 1px solid black;
	border-bottom-width: 0;
	z-index: 10000;
}
#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 3px 0;
	background-color: #171717;
}
#dropmenudiv a:hover { background-color: #2e2e2e; }


/*
  This stuff is to style the sidebar.
*/

.menu_title{
	cursor:pointer;
	margin-bottom:0px;
	color:#FFFFFF;
	font-family:Verdana, sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-align:left;
	padding:5px;
	border:0px;
	text-transform:uppercase;

	background-image: url('../images/style_bluemetal/btn.png');
	background-repeat: repeat-x;
	background-color: #2e2e2e;
	
	border-top: 2px solid #4b4b4b;
	border-left: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	border-bottom:0px;
}

.menu_title_hover{
	cursor:pointer;
	margin-bottom:0px;
	color:#ddd;
	font-family:Verdana, sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-align:left;
	padding:5px;
	text-transform:uppercase;
	text-decoration:underline;
	background-image: url('../images/style_bluemetal/btn.png');
	background-repeat: repeat-x;
	background-color: #2e2e2e;
	
	border-top: 2px solid #4b4b4b;
	border-left: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	border-bottom:0px;
}

.sub_menu{
	margin-bottom:0px;
	/*color:#000000;*/
	display:none;
}