/* $Id: clansphere.css 232 2006-08-19 16:07:22Z hajo $ */
html {
	height: 100%;
	min-height:100%;
}

body {
	/* background: url('pics/background_new_big.jpg') no-repeat scroll left top #526168; */
	background: url('pics/background_new_big.jpg') repeat-y scroll left top #000;
	background-position: center;
	font-family:Verdana;  
	height: 100%;
	padding: 0px;
	margin: 0px;
	min-height:100%;
}

table {
}

img {
	border: 0px;
}

a:link, a:visited {
	color:#5c7578;
	text-decoration:none;
}
a:active, a:hover {
	background-color:inherit;
	color:#000000;
}
div, span {
	background-color:inherit;
	color:#000000;
	font-family:Verdana;
}


td {
	background-color:inherit;
	color:#d6d4d5;
	font-size:8pt;
	vertical-align:top;
}
textarea {
	width:90%;
}
ul {
	margin:0px;
}

#nav-left, #content, #bottom {
	float:left;
	margin:auto;
}

#nav-left {
	width:14%;
}
#nav-right {
	float:right;
	width:20%;
}
#content {
	background-color:#ffffff;
	color:#222222;
	text-align:center;
	width:100%;
}
#bottom {
	background-color:#f8f8f8;
	color:inherit;
	margin-top:20px;
	padding:4px 0px 4px 0px;
	width:100%;
}
#head {
	background-color:#f8f8f8;
	color:#333333;
	font-size:25pt;
	height:100px;
	margin-bottom:20px;
	text-align:center;
	width:100%;
}
#debug {
	height:150px;
	margin-bottom:20px;
	overflow:auto;
	padding-left:4px;
	width:100%;
	text-align:left;
}
#errors {
	color:#CC0000;
}
#sql {
	color:#FFFF00;
}
.h1 {
	color: #333333;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
}
.h2 {
	color: #333333;
	font-size: 16pt;
	text-decoration: none;
}
.h3 {
	color: #222222;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}
.form_login {
	background-color:#fdfdfd;
	border:0px ridge #4c4c4c;
	color:#999999;
	font-family:Verdana;
	font-size:8pt;
	margin:0px;
	padding-left:3px;
}
.form {
	background-color:#d4d0c8;
	border:1px ridge #000000;
	color:#002200;
	font-family:Verdana;
	font-size:8pt;
	margin:2px;
	padding-left:3px;
	display:inline;
	}
.forum {
	background-color:#e5e1e2;
	color:inherit;
	margin:auto;
}

.forum_media {
	background-color:#e5e1e2;
	color:inherit;
	margin:1px;
	padding:1px;
}

.headb {
	border:1px solid #c9c5c6; background-image: url('pics/box_headline.jpg');
	color:#000000;
	font-weight:bold;
	padding:4px;
	text-align:left;

}
.bottom {
	background-color:#f8f8f8;
	color:#222222;
	text-align:left;
}


.newshead_down {
	background-image: url('pics/news_right_down.jpg');
	color:#9f9f9f;
	font-size:8pt;
	text-align:right;
	padding-left:8px; padding-right:6px; padding-top:4px; padding-bottom:4px
}
.news_right_up {
   background-image: url('pics/news_right_up.jpg');
   padding:0px;
   background-repeat: no-repeat


}
.newshead {
	background-image: url('pics/news_bg.jpg');
	color:#000000;
	font-size:8pt;
	font-weight:bold;
	text-align:left; padding-left:8px; padding-right:6px; padding-top:10px; padding-bottom:4px
}

.newsdate {
	color:#9f9f9f;
	font-size:7pt;
	padding:0px 6px 4px 0px;
	text-align:left;
}
.left, .center, .right {
	padding:1px;
}
.leftb, .centerb, .rightb {
	background-color:#f8f8f8;
	color:#222222;
	padding:4px 6px 4px 8px;

}
.leftb_headline {
	background-color:#f8f8f8;
	color:#222222;
	padding:4px 6px 4px 8px;
	font-weight:bold;
}
.leftc, .centerc, .rightc {
	background-color:#eeeeee;
	color:#222222;
	padding:4px 6px 4px 8px;
}
.left, .leftb, .leftc {
	text-align:left;
}
.center, .centerb, .centerc {
	text-align:center;
}
.right, .rightb, .rightc {
	text-align:right;
}
.quote {
	background-color:#cfcfcf;
	border:1px solid #CCEEBB;
	color:inherit;
	padding:6px;
	text-align:left;
}
.navhead, .navhead2 {
	background-color:#788a94;
	border:solid #CCEEBB;
	border-width:1px 1px 0px 1px;
	color:#F2F2F2;
	font-weight:bold;
	padding:4px;
	text-align:center;
}
.navbodyb, .navbody2b {
	background-color:#788a94;
	border:none;
	border-width:1px 1px 0px 1px;
	list-style:none;
	padding:2px 3px 2px 4px;
	text-align:left;
}
.calhead {
	background-color:#f0f0f0;
	color:inherit;
	padding:4px 2px 4px 2px;
	text-align:center;
}
.calday, .calevent, .caltoday, .calweek {
	padding:4px 2px 4px 2px;
	text-align:right;
}
.calday {
	background-color:#909070;
	color:inherit;
}
.calevent {
	background-color:#809070;
	color:inherit;
}
.caltoday {
	background-color:#907060;
	color:inherit;
}
.calweek {
	background-color:#609020;
	color:inherit;
}

.box_right_1 a {
   color:#9f9f9f;
}

.box_right_ a {
   color:#9f9f9f;
}

.box_left_1 a {
   color:#9f9f9f;
}

.box_left_ a {
   color:#9f9f9f;
}

.box_right_1 a:hover {
   color:#000000;
}

.box_left_1 a:hover {
   color:#000000;
}

.box_left_ a:hover {
   color:#000000;
}

.box_right_ a:hover {
   color:#000000;
}

.box_header {
   	   	border-left:2px solid #c9c5c6; padding-top: 4px;
		padding-left: 2px;
		padding-bottom: 2px;
  font-weight: bold;
		background-image: url('pics/box_headline.jpg');
		color:#9f9f9f;
}

.box_header a {
    color:#9f9f9f;
    font-weight: bold;
}

.box_left_1 {

		border-right-width: 0px;
		border-left-style: solid;
		border-left-width: 2px;
		border-left-color: #c9c5c6;
		padding-left: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
		background-color:#f0f0f0;
		color:#9f9f9f;
   	vertical-align:middle;
    text-align:left;

}
.box_right_1 {
		border-left-width: 0px;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #c9c5c6;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 2px;
		background-color:#f0f0f0;
		color:#9f9f9f;
		text-align:right;

}

.box_1 {
 	 	background-color:#f0f0f0;
		color:#9f9f9f;
		width:100%;
		text-align:left;
		vertical-align:middle;
}

.box_ {
 	  background-color:#fdfdfd;
	  color:#9f9f9f;
	  width:100%;
	  text-align:left;
	  vertical-align:middle;
}

.box_left_ {
		border-right-width: 0px;
		border-left-style: solid;
		border-left-width: 2px;
		border-left-color: #c9c5c6;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		background-color:#fdfdfd;
		color:#9f9f9f;
		vertical-align:middle;
		text-align:left;
}
.box_right_ {
		border-left-width: 0px;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #c9c5c6;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 2px;
		background-color:#fdfdfd;
		color:#9f9f9f;
		text-align:right;
}

.box_advertisement {
		border-left-style:solid;
		border-right-style:solid;
		border-left-width:2px;
		border-right-width:1px;
		border-color: #c9c5c6;
		background-color:#fdfdfd;
		color:#9f9f9f;
		text-align:center;
}

.box_bottom {
 	 background-color:#c9c5c6;
}

.status_bar_left  {
   background-image:url('pics/status_bar_2.jpg');
   background-position:0px 0px;
   /*background-color:#909070; gut passende farbe*/
   background-color:#cfcfcf;
   color:#808080;
   padding:3px 0px 0px 0px;
   text-align:left;
}
.status_bar_left_1  {
   background-image:url('pics/status_bar_1.jpg');
   background-position:0px 0px;
   /*background-color:#909070; gut passende farbe*/
   background-color:#cfcfcf;
   color:#808080;
   padding:3px 0px 0px 0px;
 
}
.status_bar_right  {
   background-image:url('pics/status_bar_3.jpg');
   background-position:0px 0px;
   background-color:#cfcfcf;
   color:#808080;
   padding:3px 0px 0px 0px;

}

/* Für die Menüformatierung bei About */
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }


#navlist_vertical
{
padding: 0 1px 1px;
margin-left: 0;
font: 11px verdana, sans-serif;
width: 47em;
color: gray; 
}

#navlist_vertical li
{
list-style: none;
margin: 0px;
border-left: 1px #e4e1e1 solid;
border-bottom: 1px #e4e1e1 solid;
text-align: left;
}

#navlist_vertical li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
border-left: 4px solid #eeeeee;
text-decoration: none;
}

#navlist_vertical li a:link { color: #000; }
#navlist_vertical li a:visited { color: #006; }

#navlist_vertical li a:hover
{
font-weight:bold;
color: #000000;
background: #eeeeee;
border-left: 4px #000000 solid;
}

/* Für LInkformatierung unter activiy */

#navlist_activity
{
padding: 0 1px 1px;
margin-left: 0;
font:  11px Verdana, sans-serif;
background: #999999;

}

#navlist_activity li
{
list-style: none;
margin: 0;
border-top: 1px solid #ffffff;
text-align: left;
}

#navlist_activity li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #999999;
background: #fdfdfd;
text-decoration: none;
}

#navlist_activity li a:link { color: #222222; }
#navlist_activity li a:visited { color: #667; }

#navlist_activity li a:hover
{
border-color: #5499c2;
color: #FFF;
background: #999999;
}

.full_site 
{
	height: 100%; 
	border: 0;
}

.left_boarder_top
{
   background-image:url('pics/boarder_left_up.jpg');
   background-repeat:no-repeat;
   background-position:0px 0px;
}

.right_boarder_top
{
   background-image:url('pics/boarder_right_up.jpg');
   background-repeat:no-repeat;
   background-position:0px 0px;
}

.left_boarder
{
   background-image:url('pics/boarder_left.jpg');
   background-position:0px 0px;
   background-repeat: repeat;
   background-color:#000033;  
}

.right_boarder
{
   background-image:url('pics/boarder_right.jpg');
   background-position:0px 0px;
}

.boarder_structure_left_t
{
	background-image:url('pics/boarder_structure_left_t.jpg');
	background-position:0px 0px;
}

.left_bg_content
{
	background-image:url('pics/left_bg_content.jpg');
}
.left_box_symbol
{
	background-image:url('pics/left_box_symbol.jpg');
	background-position:0px 0px;
}
.right_bg_content
{
	background-image:url('pics/right_bg_content.jpg');
	height:100%;

}
.right_before_boarder
{
	background-image:url('pics/right_before_boarder.jpg');
	background-position:0px 0px;
}

/* For the javascript menue */
.navi {
	font-variant:		small-caps;
	font-size:		11px;
	color:			#ffffff;
	text-decoration:	underline;	
}
.navi_2 {
	font-family:		Verdana, Arial;
	font-size:		11px;
	color:			#ffffff;
	text-decoration:	underline;
}
.navi_2_cell {
	font-family:		Verdana, Arial;
	font-size:		11px;
	color:			#ffffff;
	padding:		4px 0px 4px 0px;
}


#recs td
{
	color:#000;
}

div.form-container { padding: 5px; background-color: #FFF; border: #EEE 1px solid;}


/* ********************************************************************
				Formular Start
******************************************************************** */

div.form-container form fieldset { 
	margin: 10px 0; 
	padding: 10px; 
	border: #DDD 1px solid; 
	font-weight:bold; 
	font-size:17px;

}


hr {
	background:none repeat scroll 0 0 #D9D9D9;
	border-width:0;
	color:#D9D9D9;
	height:1px;
}

.form_box {
	background-color:#F2F2F2;
	border-top:1px solid #B3B3B3;
	border-bottom:1px solid #B3B3B3;
	margin-top:5px;
	padding-bottom:10px;
}
.dataTable {
	border:0 none;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	color:#333333;
	direction:ltr;
	font-size:11px;
	text-align:left;
}

.dataTable .dataRow .label {
	padding-top:9px;
	color:#666666;
	font-weight:bold;
	padding-right:10px;
	text-align:right;
}

.dataTable .label {
	color:#666666;
	font-weight:bold;
	padding-right:10px;
	text-align:right;
	width:100px;
}

.dataTable .label, .dataTable .data, .dataTable .rightCol {
	padding:3px 0 1px;
	text-align:left;
	vertical-align:top;
}
.uiTypeahead {
	border-color:#BDC7D8;
	border-style:solid;
	border-width:1px 0;
	cursor:default;

}
.uiTypeahead .wrap {
	border-color:#BDC7D8;
	border-style:solid;
	border-width:0 1px;
	
}
.dataTable .rightCol {
	width:80px;
	text-align:left;
	vertical-align:top;
	padding-top:6px;
}
.uiTypeahead .textInput {
	border:0 none;
	outline:0 none;
	width:100%;
}
.dataTable select {
	border:1px solid #BDC7D8;
	font-size:11px;
	padding:2px;
	background-color:#ffffff;
}

.dataTable textarea {
	width:100%;
}

.dataTable input:focus, textarea:focus, select:focus {
	background-color:#f8f8f8;
}

.button { 
	padding:3px 5px 3px 6px; 
	cursor:pointer; 
	background:#3b5998; 
	color:#fff; 
	border:1px solid #0e1f5b; 
	border-left-color:#D9DFEA; 
	border-top-color:#D9DFEA;
	font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
}

caption {
	background:#f8f8f8;
	color:#333333;
	font-size:1.4em;
	font-weight:bold;
	padding:0.5em 0 0.5em;
	text-align:center;
	text-transform:uppercase;
}

/* ********************************************************************
				Clanwar Display
******************************************************************** */

.wars-div {
	height:auto;
	margin:20px 0 0 0;
	overflow:auto;
	background:#dedede;
	border: 1px solid;
}
.wars-top {
	background:url("pics/wars_view_top.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	margin-bottom:15px;
	width:540px;
}
.wars-title {
	color:#FFFFFF;
	float:left;
	font-size:16px;
	height:41px;
	margin:11px 0 0 15px;
	width:220px;
}
.wars-middle {
	float:left;
	width:540px;
}
.wars-img {
	float:left;
	height:100px;
	width:120px;
}
.wars-dane {
	background:url("pics/wars_view_center.jpg") repeat scroll 0 0 transparent;
	float:left;
	height:100px;
	width:300px;
}
.wars-scorebg1 {
	position:relative;
	background:url("pics/wars_view_score.jpg") no-repeat scroll 0 0 transparent;
	bottom:10px;
	height:44px;
	margin-left:75px;
	text-align:left;
	
}
.wars-scorebg2 {
	font-size:30px;
	height:41px;
	line-height:41px;
	margin-left:4px;
	text-align:center;
	width:142px;
}
.wars-statusinfos {
	padding-left:10px;
	text-align:left;
	float:left;
	height:100px;
	width:300px;
}

.wars-bottom {
	border-top:1px solid #000;
	float:left;
	margin-top:10px;
	padding-top:10px;
	margin-left:50px;
	margin-right:50px;
	width:440px;
	font-size:14px;
	text-align:left;
}
.wars-bottom-players {
	float:left;
	margin-top:20px;
	width:540px;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
}

.players-top {
	background:url("pics/player_header.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	width:540px;
}

.players-title {
	color:#FFFFFF;
	float:left;
	font-size:16px;
	height:32px;
	margin:11px 0 0 15px;
	width:540px;
}

.players-top-background  {
	background:url("pics/player_top_background.gif")  ;
	border-bottom:1px solid #122138;
	border-top:1px solid #305B7D;
	height:258px;
	width:540px;
}

.players-picture-background {
	float:left;
	height:200px;
	padding:6px 5px 9px;
	position:relative;
	width:140px;
}

.players-info {
	float:left;
	padding:6px 0;
	width:272px;
}

.players-info a {
	color:#FCFCFC;
}
.players-info a:hover {
	color:#999999;
}

.players-info li {
	border-bottom:1px solid #1A4675;
	color:white;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	min-height:20px;
}

.players-info ul li {
	list-style:none outside none;
}