/**
 *
 */

/* [----- ----- ----- ----- -----] General [----- ----- ----- ----- -----] */
/*
* {
	
	margin: 0; padding: 0;
	border: 0 none;
	font: inherit inherit inherit 1em/inherit inherit;
	vertical-align: baseline;
}

table {
	
	border-collapse: separate;
	border-spacing: 0;
}
table, td, th {
	
	vertical-align: middle;
}

ul {
	
	padding: 0 2em;
	list-style: inside;
}


b { font-weight: bold; }

i { font-style: italic; }

p { margin: 1em 0; }

h1, h2, h3, h4, h5, h6, h7 {
	
	font-weight: bold;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.0em; }
h3 { font-size: 1.0em; }
*/
@import url('./layout.css');
@import url('./SqueezeBox.css');
/* [----- ----- ----- ----- -----] body [----- ----- ----- ----- -----] */

html {
	height: 100%;
}
body {
	
	/*background: #313131 url('../gfx/bg.gif') repeat left top;*/
	background: #313131;
	cursor: default;
	direction: ltr;
	
	margin: 0; padding: 0 0.5em 0.5em 0.5em;
	font: normal normal normal 0.85em/normal /*'Trebuchet MS',*/ Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color: #2e2d2d;
	text-align: center;
	font-size: 12px;
}

img {
	
	border: 0 none;
}

h1 {
	
	margin: 0; padding: 0 0 0.2em 0;
	font-size: 18px;
	font-weight: bold;
}

h2 {
	
	margin: 0; padding: 0.3em 0;
	font-size: 14px;
	font-weight: bold;
}

a {
	
	color: #2e2d2d;
	text-decoration: none;
}

a:hover {
	
	color: #aba999;
}

a.iLink {
	
	font-weight: bold;
}

p, span {
	
	font-size: 15px;
}

p {
	
	margin: 0.5em 0; padding: 0.2em 0;
}

ul.errMsgs {
	
	margin: 0; padding: 0.5em 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	list-style: none;
}

p.successMsg {
	
	color: #fff;
	text-align: center;
	font-weight: bold;
}





/* [***** ***** ***** ***** *****] table.tableList [***** ***** ***** ***** *****] */
table.tableList {
	
	margin: 0 auto; padding: 1px;
	width: 100%;
	/*border-collapse: separate;
	border-spacing: 0;*/
	
	border: 1px solid #313131;
	background: #888574;
	font-size: 11px;
}
	
	table.tableList td, table.tableList th {
		
		padding: 0.2em 0.5em;
		vertical-align: middle;
	}
	
	table.tableList td {
		
		text-align: left;
	}
	
	table.tableList th {
		
		padding: 0.5em;
		background: #757261;
	}
		
		table.tableList th a {
			
			text-decoration: underline;
		}
		table.tableList th a:hover {
			
			text-decoration: none;
		}
	
	table.tableList tr.rowA {
		
		background: #9a9784;
	}
	
	table.tableList tr.rowB {
		
		background: #888574;
	}
	
	table.tableList tr:hover {
		
		background: #b9b6a7;
	}
		
	table.tableList img {
		
		vertical-align: middle;
	}
	
	table.tableList tr.myGuild, table.tableList tr.activeRow {
		
		font-weight: bold;
	}
	
	table.tableList td.number {
		
		text-align: center;
	}

/* [***** ***** ***** ***** *****] #Navigation [***** ***** ***** ***** *****] */

div#Navigation {
	
	width: 204px;
	background: url('../gfx/design/bar_mitte.gif') repeat-y left top;
	font-size: 12px;
	text-align: left;
}

	div#Navigation a {
		
		font-weight: bold;
		text-decoration: none;
	}
	div#Navigation a:hover {
		
		text-decoration: none;
		color: #aba999;
	}
	
	div#Navigation a.star {
		
		padding: 0 16px 0 0 !important;
		background: url('../items/stern.gif') no-repeat right center !important;
	}
	
	div#Navigation div.nOben {
		
		margin: 0; padding: 0;
		width: 100%; height: 26px;
		background: url('../gfx/design/bar_oben.gif') no-repeat left top;
	}
	
	div#Navigation div.nUnten {
		
		margin: 0; padding: 0;
		width: 100%; height: 31px;
		background: url('../gfx/design/bar_unten.gif') no-repeat left top;
	}
	
	div#Navigation ul {
		
		margin: 0; padding: 50px 0 5px 30px;
		list-style: none;
	}
		
		div#Navigation ul li {
			
			margin: 0;
		}
		
		div#Navigation ul li ul {
			
			padding: 0 0 2px 10px;
		}
	
	div#Navigation ul.Charakter {
		
		background: url('../gfx/design/bar_charakter.gif') no-repeat left top;
	}
	
	div#Navigation ul.Aktion {
		
		background: url('../gfx/design/bar_aktion.gif') no-repeat left top;
	}
	
	div#Navigation ul.Handel {
		
		background: url('../gfx/design/bar_handel.gif') no-repeat left top;
	}
	
	div#Navigation ul.Gilde {
		
		background: url('../gfx/design/bar_clan.gif') no-repeat left top;
	}
	
	div#Navigation ul.Allgemein {
		
		background: url('../gfx/design/bar_allgemein.gif') no-repeat left top;
	}
	
	div#Navigation ul.Login {
		
		background: url('../gfx/design/bar_login.gif') no-repeat left top;
	}
	
	div#Navigation div {
		
		padding: 0 0 0 25px;
	}
	
	div#Navigation ul.hideLis li {
		
		display: none;
	}

/* [***** ***** ***** ***** *****] #InfoBar [***** ***** ***** ***** *****] */

div#InfoBar {
	
	width: 820px; height: 65px;
	background: url('../gfx/design/conent_info.gif');
	color: #fff;
	font-size: 0.9em;
	font-size: 10px;
}
	
	div#InfoBar img {
		
		vertical-align: middle;
	}
	
	div#InfoBar a {
		
		color: #fff;
		text-decoration: none;
	}
	
	div#InfoBar div {
		
		padding: 18px 0;
		height: auto;
		float: left;
		text-align: right;
		b_ackground: #f00;
		o_pacity: 0.5;
	}
	
	div#InfoBar div.gold {
		
		width: 132px;
	}
	
	div#InfoBar div.iron {
		
		width: 138px;
	}
	
	div#InfoBar div.diamonds {
		
		width: 140px;
	}
	
	div#InfoBar div.zone {
		
		margin: 0 0 0 75px;
		width: 140px;
		text-align: left;
	}
	
	div#InfoBar div.aktion {
		
		width: 150px;
	}

div#InfoBarBottom {
	
	padding: 0 0 5px 0;
	width: 820px; height: 54px;
	background: url('../gfx/design/content_oben.gif') no-repeat left top;
	color: #2e2d2d;
	font-size: 10px;
}
	
	div#InfoBarBottom p {
		
		margin: 0; padding: 30px 0 0 0;
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	div#InfoBarBottom div {
		
		margin: 25px 0 0 0;
		float: left;
		backgroun_d: #f00;
	}
	
	div#InfoBarBottom div.user {
		
		padding: 0 0 0 35px;
		width: 300px;
		font-size: 12px;
	}
		
		div#InfoBarBottom div.user img {
			
			margin: 0 0.2em;
			vertical-align: middle;
		}
		
		div#InfoBarBottom div.user a {
			
			font-weight: bold;
			text-decoration: none;
		}
			
			div#InfoBarBottom div.user a:hover {
				
				text-decoration: none;
				color: #aba999;
			}
	
	div#InfoBarBottom a.HPDisplay, a.PDisplay {
		
		display: block;
		width: 100px; height: 10px;
		background: #333333 url('../gfx/design/lifeExpDisplayBar.gif') no-repeat left -26px;
		border: 1px solid #c7d6c2; /* c7d6c2 */
		text-align: center;
		text-decoration: none;
	}
		
		div#InfoBarBottom a.HPDisplay span, div#InfoBarBottom a.EPDisplay span, a.PDisplay span {
			
			display: none;
			font-size: 8px;
		}
	
	div#InfoBarBottom div.displayA {
		
		text-align: center;
		font-size: 9px;
	}
	
	div#InfoBarBottom a.HPDisplay:hover, div#InfoBarBottom a.EPDisplay:hover, a.PDisplay:hover {
		
		border: 1px solid #fff;
	}
	
	div#InfoBarBottom div.displayText {
		
		padding: 0 1em;
	}
	
	div#InfoBarBottom a.EPDisplay {
		
		display: block;
		width: 100px; height: 10px;
		background: #333333 url('../gfx/design/lifeExpDisplayBar.gif') no-repeat left -4px;
		border: 1px solid #d2dbe5;
		text-align: center;
		text-decoration: none;
	}
	
	
	
/* [----- ----- ----- ----- -----] forum [----- ----- ----- ----- -----] */

.quote {
	font-size: 9px;
	background: #b4b09a;
	padding: 5px;
	border: #ffffff 1px solid;
	/*width: 500px;*/
}


/* [----- ----- ----- ----- -----] inventory global [----- ----- ----- ----- -----] */
.reqNotMet {
	color: #cd0000 !important;
}
/* [----- ----- ----- ----- -----] inventory overview [----- ----- ----- ----- -----] */

#topInvContainer {
  width: 100%;
	/*padding: 10px; */
        margin: 10px auto 0px auto;

}

#subContainerLeft {
  width: 45%;
  float: left;
  margin: 0px 10px 0px 0px
}

#subContainer {
  width: 45%;
  float: right;
  margin: 0px 0px 0px 10px;
}

tr.noDetails div.details {
	
	display: none;
}

tr.noDetails span.aus, tr span.ein { display: none; }

tr.noDetails span.ein { display: inline; }

/* [----- ----- ----- ----- -----] register page [----- ----- ----- ----- -----] */
.registerContainer {
	margin: 0px auto 0px auto; padding: 0;
	width: 300px;
	text-align: center;
}

/* [----- ----- ----- ----- -----] settings page [----- ----- ----- ----- -----] */
.partContainer {
	margin: 0px 0px 100px 0px;
	width: 40%;
}

.subPartContainer {
	width: 400px;
	/*float: right;*/
}

.subPartContainerLeft {
	text-align: center;
	width: 50%;
	padding:0;margin:0;
	float: left;
	display: block;
}

.subPartContainerRight {
	text-align: center;
	width: 50%;
	padding:0;margin:0;
	float: right;
	display: block;
}
/* [----- ----- ----- ----- -----] mootools [----- ----- ----- ----- -----] */
.tool-tip {
	
	padding: 0.3em 1em;
	z-index: 815;
	text-align: center;
	
	color: #fff;
	background: #9a9784;
}
 
.tool-title {
	
	margin: 0; padding: 0.3em 0.5em;
	
	font-weight: bold;
	font-size: 11px;
	color: #2e2d2d;
	white-space: nowrap;
}
 
.tool-text {
	
	font-size: 10px;
	padding: 0.3em 0.5em;
}

.tool-longtext {
	width: 300px;
}

div.Page {
	
	padding: 0 15px;
}
/* %%%% &&&&&&& sysmsgoutputs &&&&&&& %%%%% */
.sysmsg {
	width: 600px;
	padding: 3px;
	border: 1px solid #000;
	text-align: center;
	margin: 5px auto 5px auto;
}

.success {
	border: 1px solid #b8d8a5 !important;
}

.error {
	border: 1px solid #cd0000 !important;
}

.hint {
	border: 1px solid #ffd700 !important;
}

/* %%%% &&&&&&& objectitems.php &&&&&&& %%%%% */
/* 0000000 Style 1 0000000 */

.itemParent {
  padding: 3px; margin: 10px 0px 10px 0px;
	background: #9a9784;
	border: 2px solid #cbcccc;
	clear: both;
}

.itemContainer {
	width: 170px;
	height: 64px;
	background: #b9b6a7;
	border: 1px solid #cbcccc;
	display: block;
	float: left;
	padding: 3px;
	margin: 10px 10px 0px 0px;
	overflow: hidden;
}

.itemContainer.active {
	
	background: #fff;
	border: 1px solid #ccc;
}

#actionTable {
	width: 300px;
}

#actionTable tr td {
	text-align: center;
	line-height: 24px;
}
/* 0000000 Style 2 0000000 */
 .itemContainerBroad {
     width: 97%;
     background: #b9b6a7;
     border: 1px solid #cbcccc;
     display: block;
     floa_t: left;
     padding: 3px;
     margin: 5px auto 0px auto;
     overflow: hidden;
}

.itemContainerBroad input, .itemContainer img {
     
     vertical-align: middle;
}

.itemContainerBroad a.itemName {
     
     text-decoration: none !important;
}

.itemContainerBroad span {
     
     float: left;
}

.itemContainerBroad .use {
     
     display: block;
     width: 100px;
     float: right;
     padding: 10px;
     font-weight: bold; 
     text-align: right;
}

.itemContainerBroad .rightHand {
     
     display: block;
     width: 200px;
     float: right;
     padding: 10px;
     font-weight: bold; 
     text-align: right;
}

.itemContainerBroad.active {
     
     background: #fff;
     border: 1px solid #ccc;
}

/* %%%% &&&&&&& showRings.php &&&&&&& %%%%% */
/* 0000000 styleredundant 0000000 */
.topFormContainer {
	width: 300px; 
	text-align: center; 
	margin: 10px auto 0px auto; 
	font-weight: bold; 
	font-size: 13px;
}

/* 0000000 Style 1 0000000 */
.ringParent {
	padding: 3px;
	background: #9a9784;
	border: 2px solid #cbcccc;
	clear: both;
}

.ringContainer {
	width: 235px;
	height: 75px;
	background: #b9b6a7;
	border: 1px solid #cbcccc;
	display: block;
	float: left;
	padding: 3px;
	margin: 10px 10px 0px 0px;
	overflow: hidden;
}

.ringContainer.active {
	
	background: #fff;
	border: 1px solid #ccc;
}
/*scrolls*/
div#ScrollsLister {
	
	margin: 0; padding: 0.1em 0 0.5em 0;
	position: absolute; z-index: 42;
	
	white-space: nowrap;	
	text-align: left;
	cursor: default;
}

	div#ScrollsLister ul {
		
		margin: 0; padding: 1px 1px 0 1px;
		width: auto;
		
		list-style: none;
		background: #fff;
		border: 2px solid #888574;
	}
		
		div#ScrollsLister ul li {
			
			display: block;
			margin: 0; padding: 0;
			display: block;
			
			line-height: 1.5em;
			font-size: 10px;
		}
		
		div#ScrollsLister ul li a, div#ScrollsLister ul li.head {
				
				display: block;
				margin: 0; padding: 0 0.5em;
				width: auto; height: 1.5em;
				
				text-decoration: none;
				background: #888574;
				border-bottom: 1px solid #fff;
				color: #292929;
			}
			
			div#ScrollsLister ul li a:hover {
				
				color: #fff;
				background: #dfe0e5;
			}
			
			div#ScrollsLister ul li.bottom a {
				
				font-weight: bold;
				text-align: center;
			}
			
			div#ScrollsLister ul li.head {
				
				font-weight: bold;
				text-align: center;
			}
			

.hidden {
	
	display: none;
}



img.captcha {
	
	margin: 0 padding: 0;
	vertical-align: middle;
	border: 2px solid #b9b6a7; /*#848171*/
}

input.captchaString {
	
	margin: 0 1em; padding: 0.2em 0.5em;
	width: 100px;
	border: 2px solid #b9b6a7;
	background: #9a9784;
	color: #2e2d2d;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	text-align: center;
}


img.captcha:hover, input.captchaString:hover, input.captchaString:focus {
	
	border-color: #fff;
}

input.okButton {
	
	width: 85px; height: 37px;
	background: url('../gfx/design/button_ok.gif') no-repeat left top;
	vertical-align: middle;
	border: 0 none;
	font-size: 0;
	cursor: pointer;
}

div.center {
	
	text-align: center;
}


		
		.worldMap {
			
			margin: 20px auto; padding: 0;
			width: 600px; height: 400px;
			background: url('../gfx/world_map.gif') no-repeat left top;
			text-align: left;
		}
		
		div.worldMap a {
			
			display: block;
			margin: 0; padding: 0;
			position: absolute;
			width: 90px; height: 90px;
			backgroun_d: #fff;
			opacit_y: 0.5;
			lef_t: 310px;
		}
		
		div.worldMap a.Gorimea { margin: 220px 0 0 70px; }
		div.worldMap a.Revendia { margin: 140px 0 0 130px; }
		div.worldMap a.Borondum { margin: 40px 0 0 150px; }
		div.worldMap a.Kalindor { margin: 170px 0 0 250px; }
		div.worldMap a.Lupinium { margin: 250px 0 0 310px; }
		div.worldMap a.Thalaton { margin: 50px 0 0 455px; }
		div.worldMap a.GeheimerWald { margin: 170px 0 0 420px; }
		div.worldMap a.Virgonia { margin: 70px 0 0 40px; }
		
		table.wanderTable {
			
			width: 100%;
			text-align: left;
		}
		
		table.wanderTable th {
			
			font-weight: bold;
			text-align: center;
		}

div.newsContainer div span {
	
	display: block;
	width: 100px;
	float: left;
	text-align: center;
}

div.newsContainer div p {
	
	margin: 0 0 0 100px;
	
}

div.newsContainer div.newsA {
	
	background: #888574;
}

div.newsContainer div.newsB {
	
	background: #9A9784;
}

div#MainContent a {
	
	text-decoration: underline;
}


/* [----- ----- ----- ----- -----] old css/defaul.css [propably deprecated parts] [----- ----- ----- ----- -----] */
/* &&&&%%%%% Allgemeines %%%%%&&&& */
body {
}


.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.textC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

.text table tr td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.text-important {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.text-special {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990000;
}

span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

h1.standard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
}

a.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.textfeld {  background-color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFCC}

/* &&&&%%%%% Werte/Attribute Erklärung %%%%%&&&& */
.head {
	font-weight: bold;
}

#attr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
}

/* &&&&%%%%% Inventaransicht %%%%%&&&& */
#invAnsicht {
	width: 285px;
	height: 354px;
	margin: 0px; padding: 0px;
	background: url("../gfx/design/content_Inventar.gif") no-repeat;
}
#helm, #waffe, #armor, #ringl, #ringr {
	position: absolute;
	text-align: center;
}
#helm {
     margin: 14px 0 0 110px;
     width: 60px;
     height: 60px;
}

#waffe {
     margin: 70px 0 0 23px;
     width: 65px;
     height: 130px;
}

#armor {
     margin: 89px 0 0 109px;
     width: 62px;
     height: 84px;
}

#ringl, #ringr {
     height: 49px;
     width: 50px;
}

#ringl {
     margin: 203px 0 0 31px;
}

#ringr {
     margin: 203px 0 0 200px;
}
/* &&&&%%%%% Highscore %%%%%&&&& */
.tableTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.highscore tr td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
}

.highscore tr th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}
.self {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}


/* &&&&%%%%% ACP %%%%%&&&& */
#acp table tr td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#acp span#navi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#acp h1 {
	font-size: 17px;
}