/*
 * MAIN CSS
 * --------
 *
 * Cascading Style Sheet for the Main section
 *
 */

/* FOR THE MAIN SITE */
head {
	background-color: #000000;
	color: white;
	margin-top: 0;
}
body {
	background-color: #000000;
	color: white;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif, monospace;
}
table {
	background-color: #111111;
	color: #888888;
	border-style: solid; /*dotted*/
	border-width: 0px;
	border-color: transparent /*#444444*/;
	border-collapse: collapse;
}
td.main {
	border-style: solid;
	border-width: 1px;
	border-color: #444444;
	border-collapse: collapse;

}

table.no_bg {
	background-color: #000000;
	border-style: none;
	border-width: 0px;
}
input, textarea, select {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	background-color: #222222;
	color: #aaaaaa;
	border-style: solid;
	border-width: 1px;
	border-color: #444444;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color: #bbbbbb;
	font-weight: 700;
}
a:hover {
	color: #ffbb00;
	/*color: #dd9900;*/
	text-decoration: none;
}
hr {
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #444444;
}

/* GENERALLY USED CLASSES, ALSO FOR BBCODES */
.green 		{ color: #008000; }
.red 		{ color: #ff0000; }
.orange 	{ color: #ffbb00; }
.darkred	{ color: #800000; }
.brown		{ color: #806000; }
.yellow		{ color: #ffff00; }
.olive		{ color: #808000; }
.cyan		{ color: #00ffff; }
.blue		{ color: #0000ff; }
.darkblue	{ color: #000080; }
.indigo		{ color: #800080; }
.magenta	{ color: #ff00ff; }
.white		{ color: #ffffff; }
.black		{ color: #000000; }
.teal		{ color: #00ffff; }	/* used for the replay section as well */
.purple		{ color: #800080; }
.pink		{ color: #ff00ff; }
.gray		{ color: #808080; }
.light-blue	{ color: #0080ff; }
.dark-green	{ color: #004000; }
.observer	{ color: #FFFFFF; }

.color_green 		{ color: #008000; }
.color_red 		{ color: #ff0000; }
.color_orange 		{ color: #ffbb00; }
.color_darkred		{ color: #800000; }
.color_brown		{ color: #806000; }
.color_yellow		{ color: #ffff00; }
.color_olive		{ color: #808000; }
.color_cyan		{ color: #00ffff; }
.color_blue		{ color: #0000ff; }
.color_darkblue		{ color: #000080; }
.color_indigo		{ color: #800080; }
.color_magenta		{ color: #ff00ff; }
.color_white		{ color: #ffffff; }
.color_black		{ color: #000000; }
.color_teal		{ color: #00ffff; }
.color_purple		{ color: #800080; }
.color_pink		{ color: #ff00ff; }
.color_gray		{ color: #808080; }
.color_light-blue	{ color: #0080ff; }
.dark-green		{ color: #004000; }

.black_bg 		{ background-color: #ffbb00;}

.size_1		{ font-size: 7px; }
.size_2		{ font-size: 9px; }
.size_3		{ font-size: 11px; }
.size_4		{ font-size: 13px; }
.size_5		{ font-size: 15px; }
.size_6		{ font-size: 17px; }
.size_7		{ font-size: 19px; }

.underline { text-decoration: underline;}

pre	{ line-height: 8px; }


/* MAIN SITE */
td.line_right {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #444444;
}
td.Upper_nav_title {
	font-size: 7px;
	text-indent: 4px;
	padding-top: 4px;
}
td.Upper_nav {
	text-indent: -6px;
	padding-left: 9px;
}


td.Left_nav_title {
	font-size: 7px;
	text-indent: 4px;
	padding-top: 4px;
	text-align: center;
}
td.Left_nav {
	text-indent: -6px;
	padding-left: 12px;
	width: 110px;
}
td.Right_nav_title {
	font-size: 7px;
	text-indent: 4px;
	padding-top: 4px;
	text-align: center;
}
td.Right_nav {
	text-indent: 6px;
	width: 140px;
}
td.Small_caps {
	font-size: 7px;
	text-indent: 4px;
	padding-top: 4px;
}


/* NEWS */
table.News {
/*	border-style: solid;
	border-width: 1px;
	border-color: #444444;*/
	margin: 0px;
	padding: 0px;
}

td.News_Title {
	background-color: #111111;
	/*color: #ffbb00;*/
	color: #9d9d9d;
	text-align: left;
	text-indent: 0px;
}

td.News_headers {
	width: 100px;
}

/* MEMBER */
table.Member {
	border-style: solid;
	border-color: #444444;
	border-width: 1px;
}
td.Member_all {
	border-style: solid;
	border-color: #444444;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
}
td.Member_one {

}

/* CLANWAR */
table.Clanwar {

}
td.Clanwar_one {
	border-style: solid;
	border-color: #444444;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
}
td.Clanwar_one_int {
	/* use indentation here*/
	text-indent: 10px;
}
td.Clanwar_score {
	font-size: 10px;
	text-align: center;
}

/* LADDER */
div.ladder_level {
	width: 125px;
	height: 13px;
	position: relative;
	top: -13px;
	left: 5px;
	text-align: left;
}
div.ladder_bar {
	width: 130px;
	height: 13px;
	border-style: dotted;
	border-width: 1px;
	border-color: #444444;
	border-collapse: collapse;
}


/* LINKS */
table.Links_all {
	text-align: left;
}
td.Links_all {
	text-align: left;
	width: 10%;
}
TABLE.Links_one {

}
td.Links_one {

}

/* POLL */
.Poll_option {
	width: 200px;
	border-style: dotted;
	border-width: 1px;
	border-color: #444444;
	border-collapse: collapse;

}

.poll_bar {
	border-style: dotted;
	border-width: 1px;
	border-color: #444444;
	border-collapse: collapse;
}
  
.replay {
	vertical-align: top;
}

/*
 * Admin Panel
 * -----------
 */

/* General Style rules */
/*TABLE.Admin_Main {
	border-style: solid;
	border-width: 1px;
	border-color: #222222;
}
TABLE.Admin_Left {
	padding: 2px;
	margin: 2px;

}
TABLE.Admin_Right {
	padding: 2px;
	margin: 2px;

}
TD.Admin_Main_Title {
	background-color: #222222;
	color: orange;
	margin: 2px;
	padding: 2px;
}

a:link {
	color: orange;
	font-weight: 700;
}
a:active {
	color: orange;
	font-weight: 700;

}
a:visited {
	color: orange;
	font-weight: 700;

}
a:hover {
	color: white;
	font-weight: 700;
}


.Admin_Exception {

}*/

/* iZiReps stuff & shit */
tr.details_sum {background-color:#004444}


/* Überschrift der Details-Seite */
div.title {
  padding: 2px;
  border-bottom: 1px solid #4C5866;
  font-weight: bold;
}

/* Die ausscrollbaren Hero/Unit/Build-Order-Informationen */
div.additional {
  border-left: 2px solid #738499;
  padding: 5px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 20px;
  display: none;
}

/* Sektionen Details und Kommentare (zuständig fürs 1. Einrücken) */
div.section {
  padding-bottom: 5px;
  padding-top: 5px;
  margin-left: 25px;
  border-bottom: 1px solid #4C5866;
}

/* Ebenfalls zuständig fürs Einrücken */
div.details {
  margin-left: 26px;
  border-left: 2px solid #4C5866;
  padding: 3px;
}

a.Rot:link		{ text-decoration:none; color:#D93636; }
a.Rot:visited	{ text-decoration:none; color:#D93636; }
a.Rot:hover		{ text-decoration:underline; color:#D93636; }

a.Blau:link		{ text-decoration: none; color : #608FBF; }
a.Blau:visited	{ text-decoration: none; color : #608FBF; }
a.Blau:hover	{ text-decoration: underline; color : #608FBF; }

a.Türkis:link	{ text-decoration: none; color : #60BFA9; }
a.Türkis:visited{ text-decoration: none; color : #60BFA9; }
a.Türkis:hover	{ text-decoration: underline; color : #60BFA9; }

a.Lila:link		{ text-decoration: none; color : #9B60BF; }
a.Lila:visited	{ text-decoration: none; color : #9B60BF; }
a.Lila:hover	{ text-decoration: underline; color : #9B60BF; }

a.Gelb:link		{ text-decoration: none; color : #E4E573; }
a.Gelb:visited	{ text-decoration: none; color : #E4E573; }
a.Gelb:hover	{ text-decoration: underline; color : #E4E573; }

a.Orange:link	{ text-decoration: none; color : #CC8029; }
a.Orange:visited{ text-decoration: none; color : #CC8029; }
a.Orange:hover	{ text-decoration: underline; color : #CC8029; }

a.Grün:link		{ text-decoration: none; color : #86E573; }
a.Grün:visited	{ text-decoration: none; color : #86E573; }
a.Grün:hover	{ text-decoration: underline; color : #86E573; }

a.Rosa:link		{ text-decoration: none; color : #D96CB1; }
a.Rosa:visited	{ text-decoration: none; color : #D96CB1; }
a.Rosa:hover	{ text-decoration: underline; color : #D96CB1; }

a.Grau:link		{ text-decoration: none; color : #BFBFBF; }
a.Grau:visited	{ text-decoration: none; color : #BFBFBF; }
a.Grau:hover	{ text-decoration: underline; color : #BFBFBF; }

a.Hellblau:link		{ text-decoration: none; color : #79C2F2; }
a.Hellblau:visited	{ text-decoration: none; color : #79C2F2; }
a.Hellblau:hover	{ text-decoration: underline; color : #79C2F2; }

a.Dunkelgrün:link	{ text-decoration: none; color : #59B365; }
a.Dunkelgrün:visited{ text-decoration: none; color : #59B365; }
a.Dunkelgrün:hover	{text-decoration: underline; color : #59B365; }

a.Braun:link	{ text-decoration: none; color : #BF8F60; }
a.Braun:visited { text-decoration: none; color : #BF8F60; }
a.Braun:hover	{ text-decoration: underline; color : #BF8F60; }

TABLE.expOutline{ border-style: solid; border-width: 1px; border-color: #5A5D5A; background-color:#000000;}
#rankingParent	{ position: relative; height: 1px; width: 70px; }
#rankingChild	{ position: absolute; left: 30px; top: 2px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; 
					COLOR: #ffffff; FONT-FAMILY: arial,helvetica,sans-serif; }
#rankingChild2	{ position: absolute; left: 30px; top: 2px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; 
					COLOR: #333333; FONT-FAMILY: arial,helvetica,sans-serif; }