@import url("reset.css");

body
{
	font-family: Verdana, Arial, sans-serif;
	background: url(../img/main/bg_grad.gif) repeat-x;
	width: 99%;
	height: 98%;
	font-size: 1em;
	background-color: white;
}
table
{
	border-spacing: 0;
	border: 0;
}
textarea
{
	font-family: Verdana, Arial, sans-serif;
}
div, form, table, input
{
	font-size: 1em;
}
a:link, a:visited, a:active 
{
	color: #575799; 
	text-decoration: none;
}
a:hover
{
	color: red; 
	text-decoration: none;
}
#lang-menu 
{
	font-size: 0.7em;
	padding: 0.3em;
	vertical-align: top;
	text-align: right;
}
#lang-menu img
{
	margin: 0 0.2em 0 0.2em;
}
#table-header
{
	border: 0;
	padding-bottom: 1.5em;
	vertical-align: top;
	width: 100%;
	height: 100px;
}
table.body
{
	text-align: center;
	width: 100%;
	height: 100%;
}
.nav, #nav td
{
	font-size: 0.95em;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.3em 0 0.25em 0;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
#nav
{
	text-align: center;
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0 0;
}
#nav a, #nav a:link, #nav  a:visited, #nav a:active
{
	color: #555; 
	padding: 0.3em 0.4em 0.3em 0.4em;
	text-decoration: none;
}
#nav a:hover
{
	text-decoration: none;
	background-color: #999;
	color: white;
}
#nav #nav a:link.nav-active, #nav a:visited.nav-active, a:active.nav-active
{
	background-color: #727272;
	color: white;
}
#welcome-menu
{
	font-size: 0.9em;
}
td.clan-desc
{
	vertical-align: top;
	text-align: left;
	font-size: 1em;
}
.clan-name
{
	font-size: 1.5em;
}
#left-menu
{
	vertical-align: top;
	width: 20%;
	padding-right: 0.5em;
}
#right-menu
{
	vertical-align: top;
	width: 15%;
	padding-left: 0.5em;
}
#right-menu .menu-body, #left-menu  .menu-body
{
	font-size: 0.8em;
	padding: 0 0.2em 0 0.2em;
	width: 100%;
}
#right-menu .menu-content
{
	margin-right: 0.2em;
}
#left-menu .menu-content
{
	margin-left: 0.2em;
}
#right-menu .menu-content, #left-menu .menu-content
{
	font-size: 0.95em;
	width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0.5em 0 1.5em 0;
}
.border-menu-title
{
	padding: 0;
	background-color: #f0eeee;
	font-size: 0.9em;
}
#menu-table
{
	width: 100%;
}
#menu-table tr.header
{
	font-size: 0.9em;
}
td.inner-body
{
	width: 100%;
	vertical-align: top;
}
td.main-window
{
	font-size: 0.8em;
	margin-right: 0.5em;
}
table.main-window
{
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 0.9em;
}
#config td
{
	text-align: left;
}
#config .top
{
	vertical-align: top;
}
#config .title, #config .value
{
	border-top: 1px solid #e9e9e9;
}
#config .title
{
	width: 25%;
}
#config .input
{
	width: 100%;
}
.title-small
{
	font-size: 1.3em;
}
.title-tiny
{
	font-size: 1.1em;
}
.title-big
{
	margin-top: -0.25em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 2em;
	padding: 0;
}
.title-huge 
{
	margin-top: -0.3em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 3.2em;
	padding: 0;
}
.sub-list
{
	padding-left: 1em;
}
.member-list
{
	width: 100%;
	font-size: 1em;
}
.server-list
{
	margin-bottom: 0.5em; 
	border: 1px solid #c7c7c7; 
	background-color: #f0f0f0; 
	font-size: 0.9em;
}
.player-list
{
	font-size: 1em;
}
.highlight
{
	color: red;
}
.half
{
	width: 50%;
}
#users_insert td
{
	text-align: left;
}
#users_insert .new
{
	color: blue;
}
#order-arrows
{
	width: 100%;
}
#order-arrows td
{
	width: 50%;
	text-align: center;
	padding: 0 0.5em 0 0.5em;
	font-size: 1.4em;
}
#table-head td, .header
{
	color: #555;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #e7e7e7;
}
#line-top td
{
	margin-top: 0.5em;
	border-top: 1px solid #c1c1c1;
}
.line-top, .line-top-half
{
	width: 100%;
	margin-top: 0.5em;
	border-top: 1px solid #c1c1c1;
}
.line-top-half
{
	width: 50%;
}
.total, #total
{
	color: #777;
}
#total td
{
	border-top: 1px solid #e7e6e6;
}
.line-bottom, .line-bottom-half
{
	width: 100%;
	border-bottom: 1px solid #c1c1c1;
}
.line-bottom-half
{
	padding-bottom: 0.1em;
	width: 50%;
}
.header
{
	font-size: 1.1em;
	color: #555;
}
#action-menu img
{
	margin-right: 1.2em;
}
#pagination { margin: 0.1em 0 0.1em 0; }
#pagination a { border: 1px solid #ababab; margin: 0 0.2em 0 0.2em; padding: 0 0.25em 0 0.25em; text-decoration: none; }
#pagination a:link, #pagination a:visited, #pagination a:active { background-color: #eee; color: #555; }
#pagination a:hover { background-color: #ccc; color: #555; }
#pagination a.active, #pagination a.active:hover { color: white; background-color: #555; color: #ddd;}

#admin-menu { font-size: 1.2em; text-align: left; padding-left: 0.5em;}
#admin-menu li { padding-left: 0.1em; list-style-type: square;}
#admin-menu li.sub { font-size: 0.9em; list-style-type: square; padding: 0.05em 0 0.05em 0.2em;}
#admin-menu .selected-option-bold { font-weight: bold; }

div.copyright
{
	font-size: 0.75em;
	padding: 0 0 0.3em 0.3em;
}
select
{
	width: 150px;
}
button.mult_submit 
{
	border: none;
	background-color: transparent;
}
#teamspeakdisplay a
{
	border: 0;
}

#teamspeakdisplay table 
{
	border-collapse: collapse;
	border-spacing: 0px;
}
#teamspeakdisplay td 
{
	padding: 0px;
	white-space: nowrap;
	vertical-align: top;
}
#teamspeakdisplay td.teamspeakserver 
{
	padding-left: 3px;
	font-weight: bold;
}
#teamspeakdisplay td.teamspeakchannel 
{
	padding-left: 3px;
}
#teamspeakdisplay td.teamspeaksubchannel 
{
	padding-left: 3px;
}
#teamspeakdisplay td.teamspeakplayer
 {
	padding-left: 3px;
}
table.table-common
{
	width: 100%;
}
#xfire_button a:link, #xfire_button a:visited, #xfire_button a:active
{
	color: #2a0077;
	text-decoration: none;
}
#xfire_button a:hover
{
	color: red;
	text-decoration: none;
}
#xfire_button
{
	height: 14px;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.xfire_button_left
{
	padding-left: 0.5em;
	background-image: url(../img/main/xfire_join_left.gif);
	background-repeat: no-repeat;
	background-position: right center;
	width: 6px;
	height: 14px;
}

.xfire_button_content 
{
	background-image: url(../img/main/xfire_join_mid.gif);
	background-position: center center;
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	height: 14px;
	padding: 1px 0px 0px 0px;
}

.xfire_button_right 
{
	background-image: url(../img/main/xfire_join_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 6px;
	height: 14px;
	padding: 0px;
}

.album-pics
{
	text-align: left;
	float: left;
	padding: 1em 1em 0.5em 0;
	margin: 0;
}

.ads-bar { font-size: 0.8em; height: 5px; vertical-align: middle; text-align: center; }
.title-left { text-align: left; }
.news-status { margin: 0 0.2em 0 0; }
.news-message { font-size: 1em; text-align: left; width: 100%;}
td.permission-header { font-size: 1em; color: #584c58;}
td.permission-body { padding-left: 1.5em; }
.margin-top { margin-top: 0.5em; }
.margin-bottom { margin-bottom: 0.5em; }
.padding-top { padding-top: 1em; }
.padding-top-small { padding-top: 0.25em; }
.padding-bottom { padding-bottom: 1em; }
.padding-bottom-small{ padding-bottom: 0.5em; }
.small { font-size: 0.8em; }
.tiny { font-size: 0.65em; }
.mid { font-size: 0.9em; }
.imgbutton { padding: 0; margin: 0 0.6em 0 0.6em; }
.rank { padding-left: 0.5em; font-size: 1.7em; color: #555; margin-bottom: 0.5em;}
.hidden { display: none; }
.note { color: #777; }
.na { font-style: italic; color: #999; }
#zebra, #zebra td { background-color: #f7f7f7; }
.notice { color: blue; font-size: 1em; padding: 0.5em 0 0.5em 0; }
.warning { color: red; font-size: 1em; padding: 0.5em 0 0.5em 0; }
.italic { font-style: italic; }
.bold { font-weight: bold; }

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}
.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

#rounded-box b
{
	background-color: #f0eeee;
}

div.fieldset {
	border: 1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend  {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}
div.flash {
	width: 500px;
	margin: 0 0 0.5em 0;
	border-color: #D9E4FF;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
	-moz-border-radius-topright : 5px;
	-webkit-border-top-right-radius : 5px;
	-moz-border-radius-bottomleft : 5px;
	-webkit-border-bottom-left-radius : 5px;
	-moz-border-radius-bottomright : 5px;
	-webkit-border-bottom-right-radius : 5px;
}
.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
.red-field {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.green-field {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.blue-field {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}
.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../img/main/upload_cancel.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover {
	background-position: 0px 0px;
}
.swfupload {
	vertical-align: top;
}