/* CSS Document */

span.label {
    width: 35%;
    font-weight: bold;
    float: left;
}
span.alert {
    color: #ff0000;
    font-weight: bold;
}

a { cursor: pointer; color: #f30000; }
a:link, a:visited {color: #f30000; text-decoration: none; text-shadow:#ffffff 1px 1px;}
a:hover, a:active {color: #ff2626; text-decoration: none;}
.backend_button {
    padding: 0 0 15px 0;
}
.backend_button a {
    margin: 0; padding: 2px 5px 3px 5px;
    border: 1px solid #222222;
    background: url("images/submit.png") repeat-x scroll 0 0 #333333;

    color: #ffffff;
    text-shadow: 1px 1px #000000;
}
.backend_button a:hover {
    border: 1px solid #550000;
    background: url("images/submit_hover.png") repeat-x scroll 0 0 #FE1A00;
}
.backend_button a:active, a.backend_button:focus {
    color: transparent;
    text-shadow: 1px 1px #ffffff, 2px 2px #000000;
}
body {
	background: url('images/background.png') repeat #efefef;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
img {
	border: none;
}
hr {
	border: none;
	border-top: 1px solid #4a4a4a;
}
input,select {
	background: #f8f8f8;
	border: 1px solid #666;
	padding: 2px;
	font-size: 12px;
	font-family: Arial;
}
textarea {
  background: #f8f8f8;
  border: 1px solid #666;
  overflow: auto;
  width: 350px;
  height: 20px;
}
input[type=submit], input[type=button] {
	cursor: pointer;
	background: #333 url('images/submit.png') repeat-x;
	border: 1px solid #222;
	color: #fff;
	font-size: 12px;
	font-family: Arial;
}
input[type=submit]:hover, input[type=button]:hover {
	background: #fe1a00 url('images/submit_hover.png') repeat-x;
	border: 1px solid #550000;
}

/*** Tabellenformatierung - Anfang ***/
table {
	width: 100%;
	margin: 0; padding: 0 5px;
	border: none;
}
table tr td {
	line-height: 26px
}
table thead tr {
	font-weight: bold;
}
table tbody tr:hover {
	background: #eee;
}
table tr.head {
	text-align: left;
	font-weight: bold;
}
table tr td {
	margin: 0; padding: 0;
	cursor: default;
}
table tr td.center {
	text-align: center;
}
/*** Tabellenformatierung - Ende ***/

/*** Seitenauflistung - Anfang ***/
.page , span#page{
	border: 1px solid #ccc;
	padding: 3px;
	margin: 10px 2px;
	font-weight: bold;
	float: left;
}
.page a, span#page a {
	font-weight: normal;
}
/*** Seitenauflistung - Ende ***/

/*** Konfigurationsformular - Anfang ***/
label {
	float: left;
	height: 20px;
	padding-top: 6px;
	min-width: 150px;
}
br {
	clear: both;
}
form#configurationForm input[type=text], form#configurationForm input[type=select] {
	float: right;
	width: 250px;
}
form#configurationForm input[type=checkbox] {
	float: right;
}
form#configurationForm fieldset legend {
	font-weight: bold;
	text-decoration: underline;
}
/*** Konfigurationsformular - Ende ***/

/*** Hiweisfelder - Anfang ***/
.fail {background:hsl(0, 100%, 93%) url('../../images/icons/misc/fail.png') 9px 6px no-repeat; padding:5px 6px 6px 35px; margin:7px auto; border:1px solid #b39b9b; color:hsl(15, 100%, 40%); text-align:left;}
	.fail p.title {padding: 0; margin: 0; color:#CC3300; font-weight:bold; text-decoration:underline;}
.hint {background:hsl(200, 100%, 93%) url('../../images/icons/misc/hint.png') 9px 6px no-repeat; padding:5px 6px 6px 35px; margin:7px auto; border:1px solid hsl(200, 14%, 65%); color:hsl(195, 100%, 40%); text-align:left;}
	.hint p.title {padding: 0; margin: 0; color:hsl(195, 100%, 40%); font-weight:bold; text-decoration:underline;}
.success {background:hsl(120, 100%, 93%) url('../../images/icons/misc/success.png') 9px 6px no-repeat; padding:5px 6px 6px 35px; margin:7px auto; border:1px solid #9bb39b; color:hsl(105, 100%, 40%); text-align:left;}
	.success p.title {padding: 0; margin: 0; color:#33CC00; font-weight:bold; text-decoration:underline;}
/*** Hiweisfelder - Ende ***/

.header {
	background: url('images/headerbg.png') repeat-x center bottom #333;
	position:fixed;
	top:0;
	z-index:1;
	width: 100%;
	height: 48px;
	color: #fff;
	padding-top:5px;
	border-bottom: 2px solid #666;
	box-shadow:#000000 0 1px;
	text-align:center;
}
.header a:link, .header a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 32px;
	text-shadow:#000000 1px 1px;
}
.header a:hover, .header a:active {
	color: #fff;
	text-decoration: underline;
}
.header .loggedin {
	font-size: 11px;
	padding: 15px 20px 0 20px;
	color: #666;
}

.boxcontent {
	padding: 78px 20px 20px 20px;
}

.navigation {
	float: left;
	width:200px;
}
.navigation ul.menu {
	margin: 0 auto;
	padding: 0;
	list-style: none outside;
	box-shadow:rgba(80,80,80, 0.7) 0px 0px 5px;
	border-radius:3px;
}
.navigation ul.menu:hover, .navigation ul.menu:active, .navigation ul.menu:focus {
	box-shadow:rgba(80,80,80, 1) 0px 0px 5px;
}
.navigation ul.menu li {
	line-height: 25px;
	background: #fff;
}
.navigation ul.menu li#headline{
	background: url('images/headline.png') repeat-x left top #333;
	color: #fff;
	padding-left: 10px;
	border-bottom: 1px solid #373737;
	line-height: 28px;
	font-size:14px;
	text-shadow:#000000 1px 1px;
}
.navigation ul.menu li a {
	display: block;
	padding-left: 10px;
	color: #333;
	border:1px dotted #ffffff;
}
.navigation ul.menu li a:hover {
	background: url('images/headline.png') repeat-x left top #fe0000;
	background: #fe0000;
	color: #fff;
	text-shadow:#000000 1px 1px;
	border:1px dotted #ce0000;
}

.content {
	max-height: 820px;
	overflow:auto;
	background: #fff;
	margin-left:230px;
	box-shadow:rgba(80,80,80, 0.7) 0px 0px 5px;
	border-radius:2px;
}
.content:hover, .content:active, .content:focus {
	box-shadow:rgba(80,80,80, 1) 0px 0px 5px;
}
.content h1 {
	background: url('images/headline.png') repeat-x left top #333;
	color: #fff;
	border-bottom: 1px solid #373737;
	line-height: 28px;
	font-size: 14px;
	font-weight: normal;
	height:30px;
	margin: 0;
	padding-left: 10px;
	text-shadow:#000000 1px 1px;
}
.content h2 {
	font-size: 12px;
	font-weight: normal;
	width: 70%;
	background: url('images/headline.png') repeat-x left top #333;
	color: #fff;
	padding: 5px 5px 5px 10px;
	margin: 15px 0 5px 0;
	text-shadow:#000000 1px 1px;
	border-radius:3px;
}
.content div.container {
    padding: 10px 20px;
}
.footer {
	bottom:0px;
	width:100%;
	height:20px;
	/*border-top: 2px solid #666;
	box-shadow:#000000 0px -1px;
	background: #333 url('images/footerbg.png') repeat-x;*/
	position:fixed;
	z-index:1;
	color: #000;
	text-shadow: #fff 1px 1px;
	text-align: center;
	font-size: 11px;
}
.footer a:link, .footer a:visited {
	color: #fff;
	text-decoration: underline;
}
.footer a:hover, .footer a:active {
	color: #fff;
	text-decoration: none;
}

#tooltip {
	text-align:left;
	position:absolute;
	z-index:100;
	color:white;
	font-size:10px;
	background-color:#333;
    border-radius: 3px;
	padding: 6px 10px;
	max-width:200px;
	line-height:14px;
    text-shadow: 1px 1px #000;
}

*html #tooltip .tipHeader {
	margin-bottom:-6px;
}

.tooltipCon {
	color:black;
	border-bottom: 1px dotted black;
	text-decoration:none;
} 

div#box, div#box2, div#banpopup {
	padding: 10px;
	background: #fff;
	border: 3px solid #ccc;
	box-shadow: 0 0 10px #ffffff;

	z-index: 1000;
	display: none;
	position: fixed;
	top: 50px;
}
#tradepopup {
    width: 50%;
    display: none;
    float: left;
}

div.tradeLog {
    margin: 5px 0;
}
div.tradeLog p.items {
    padding-left: 30px;

}
.lightblue {color:#1c90ed;}
.red  {color:#ff0000;}
.blink {text-decoration:blink;}



div.table {
	width: 100%;
	font-size: 12px;
}
	div.table .thead {
	}
	div.table .tbody {
	}
		div.table .thead .tr, div.table .tbody .tr {
			height:18px;
			margin: 0 0 4px 0; padding: 4px 6px;
			border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
		}
		div.table .thead .tr {
		}
		div.table .tbody .tr {
			background: rgba(0, 0, 0, 0.01);
			border-bottom: 1px solid rgba(0, 0, 0, 0.12);
		}
			div.table .thead .tr div, div.table .tbody .tr div {
				float: left;
			}
	
.p05 {width: 05%;} .p10 {width: 10%;} .p15 {width: 15%;} .p20 {width: 20%;} .p25 {width: 25%;} 
.p30 {width: 30%;} .p35 {width: 35%;} .p40 {width: 40%;} .p45 {width: 45%;} .p50 {width: 50%;} 
.p55 {width: 55%;} .p60 {width: 60%;} .p65 {width: 65%;} .p70 {width: 70%;} .p75 {width: 75%;} 
.p80 {width: 80%;} .p85 {width: 85%;} .p90 {width: 90%;} .p95 {width: 95%;} .p100 {width: 100%;}