/* @override http://battle.oxn.it/style_v2.css */



/* Basics */

p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
a {
	outline: 0;
}
.ajax-loading {
	margin: 7px;
	background: url(images/v2/multibox_spinner.gif) no-repeat center;
}

/* Seitenlayout */

body {
	margin: 0px;
	padding: 0px;
	color : #333;
	background: url("images/main_bg.jpg") repeat;
	font:	14px/14px verdana, arial,sans-serif;
}
img{
	padding: 0px;
	padding: 0px;
	margin: 0;
	border: 0px;
}
#header {
	position: absolute;
	top: 20px;
	left: 20px;
	background: url("images/v2/header_bg.png") no-repeat;
	width: 544px;
	height: 249px;
}
#header .heading {
	padding-left: 40px;
	padding-top: 14px;
	font-size: 24px;
	color: #fff;
}
#header .subHeading {
	padding-left: 17px;
	font-size: 24px;
	padding-top: 25px;
}
#header .content {
	padding-left: 17px;
	padding-top: 6px;
	line-height: 17px;
	height: 92px;
	width: 500px;
}
#fragment1 {display: block;}
#fragment2,#fragment3,#fragment4 {
	display: none;
}

/* Register Dialog */

div#registerPane {
	color: #b8b8b8;
	position: fixed;
	z-index: 3;
	top: 0;
	width: 100%;
	background: #2e2d2d;
	height: 30px;
	display: none;
}

/* Disclaimer Dialog */
/* Rest of the styles for this box are in  multibox.css */

#MultiBoxContentContainer .heading {
		font: 20px/14px verdana, arial,sans-serif;
		padding: 0px;
		padding-top: 20px;
		padding-bottom: 15px;
		color: #313131;
}

#MultiBoxContentContainer .txt {
		font:	12px/15px verdana, arial,sans-serif;
		padding-bottom: 15px;
}

/* Feedback dialog */

#feedback {
	width: 300px;	
}
#feedForm {
	font:	12px/15px verdana, arial,sans-serif;	
}

#feedForm .desc {
	padding-bottom: 1px;	
	padding-top: 7px;
	margin: 0;
}

#feedForm #response {
	height: 25px;
	color: green;
}
#feedForm #text, #feedForm #email, #feedForm #name {
	width: 294px;
	height: 14px;
	padding: 2px;
	border: 1px solid #b1b1b1;
}
#feedForm .failed{
	border: 1px solid #ff5c54 !important;
}
#feedForm #comment {
	width: 294px;
	height: 80px;
	padding: 2px;
	border: 1px solid #b1b1b1;
	margin-bottom: 10px;
}

/* topbar */

#topbar {
	position: fixed;
	z-index: 3;
	top: 0;
	width: 100%;
	background: url("images/v2/topbar.png") repeat-x;
	height: 10px;
	display: block;
}
#topbar #topbarInner {
	position: fixed;
	top: 4px;
	right: 150px;
	display: none;
}
#topbarInner {
	text-align: left;
}
#topbarContent {
	background: url("images/v2/controlbar_bg.png") bottom no-repeat;
	color: #fff;
	width: 114px;
	padding-bottom: 10px;
}
#topbarContent ul li {
	padding-left: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #444;
	margin-left: 3px;
	margin-right: 3px;
}

#topbarContent ul li a {
	width: 100px;
	text-decoration: none;
	color: #ddd;
	font-size: 12px;
}
#topbarContent ul li a.disabled {
	color: #555;
}
.opener {
	margin-left: 23px;
}
.opener a {	
	display: block;
	background: url("images/v2/controlbar.png") no-repeat;
	width: 69px;
	height: 21px;
}

/* Menu  */

#menu {
	position: absolute;
	left: 17px;
	top: 195px;
	z-index:	1;
}

#menu ul#menubar {
	width: 510px;
}
#menu ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	
}
#menu ul#menubar li {
	float: left;
	position: relative;
	width: 127px;
	top: 0;
	left: 0;
	height: 21px;
	padding-top: 9px;
	text-align: center;
}
#menu ul#menubar li a {
	color: #2b7a00;
	text-decoration: none;
}

#menu ul#menubar li.tabOn {
	background: url("images/v2/a_active.png") no-repeat;
}
#menu ul#menubar li.tab {
	background: none;
	background: url("images/v2/a_inactive.png") no-repeat;
}

#menu ul#menubar li .num {
	padding-right: 4px;
	color: #333;
}

/* Battlebay */

#battleHeading {
	position: absolute;
	width: 200px;
	height: 52px;
	left: 44px;
	top: 282px;
	background: url("images/v2/blub.png") no-repeat;
}

.heading {
	padding-left: 15px;
	padding-top: 14px;
	font-size: 24px;
	line-height: 18px;
	color: #fff;
}

#battlebay {
	position: absolute;
	top: 300px;
	left: 20px;

}
#battlebay ul {
	/* width: Wird in der Index Seite per PHP generiert */
}
#battlebay ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	
}

#battlebay ul li {
	float: left;
	width: 300px;
	height: 300px;

}


#battlebay ul li.reserved {
	background: url("pics/dummy_reserved.jpg");
	text-align: center;
	vertical-align: middle;
	line-height: 300px;
	width: 300px;
	height: 300px;
	font-size: 11px;
}

#battlebay li.horizValues {
	width: 300px;
	height: 34px;
	text-align: center;
	background: url("images/v2/box_topRepeat.png") no-repeat;
}
#battlebay li.horizValues p {
	font-size: 11px;
	padding-top: 19px;
	color: #aaa;
}

#battlebay li.topLeft {
	width: 32px;
	height: 34px;
	background: url("images/v2/box_topLeft.png") no-repeat;
}

#battlebay li.topRight {
	width: 32px;
	height: 34px;
	background: url("images/v2/box_topRight.png") no-repeat;
}

#battlebay li.rightValues {
	width: 32px;
	height: 300px;
	line-height: 300px;
	vertical-align: middle;
	background: url("images/v2/box_right.png") no-repeat;
}
#battlebay li.rightValues p {
	font-size: 11px;
	padding-left: 0px;
	color: #aaa;
	width: 15px;
	text-align: center;
}

#battlebay li.vertValues {
	width: 32px;
	height: 300px;
	line-height: 300px;
	vertical-align: middle;
	background: url("images/v2/box_left.png") no-repeat;
}
#battlebay li.vertValues p {
	font-size: 11px;
	padding-left: 15px;
	color: #aaa;
	width: 20px;
	text-align: center;
}

#battlebay li.bottomLeft {
	width: 32px;
	height: 34px;
	background: url("images/v2/box_bottomLeft.png") no-repeat;
}

#battlebay #bottomValues li.bottomRight {
	width: 32px;
	height: 34px;
	background: url("images/v2/box_bottomRight.png") no-repeat;
}

#battlebay #bottomValues li.horizValues {
	width: 300px;
	height: 34px;
	text-align: center;
	background: url("images/v2/box_bottomRepeat.png") no-repeat;
}
#battlebay #bottomValues li.horizValues p {
	font-size: 11px;
	color: #aaa;
	padding-top: 2px;
}

#battlebay #registerContent {
	z-index: 2;
	width: 300px;
	height: 300px;
	background: #1d1d20;
}
#registerContent #innerContent {
	padding: 10px;
}
#registerContent input#text{
	margin-top: 5px;
	background-color: #f6f6f6;
	height: 15px;
	line-height: 16px;
	width: 276px;
	border: 0px solid red;
	padding: 2px;
	color: #000;
}
#registerContent input#submit {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 5px;
}
#registerContent input#cancel {
	margin-top: 20px;
	margin-bottom: 10px;
}

#registerContent #response {
	color: #bc0202;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
}

#registerContent .heading {
	
	padding-left: 0px;
	padding-top: 27px;
	padding-bottom: 10px;
	font-size: 24px;
	color: #78ba91;
}

#registerContent p.desc {
	text-align: left;
	color: #faec8f;
	border-top: 4px solid #1d1d20;
	border-bottom: 1px solid #1d1d20;
	padding-top: 5px;
}

#registerContent div.inputFieldset {
	background: #18181b;
}

#registerContent p.descTxt {
	font: 11px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	color: #b3b3bb;
	
	padding-top: 10px;
	padding-bottom: 13px;	
}

/* Overview Dialog */

#overview {
	position: absolute;
	top: 25px;
	left: 20px;

}
#overview ul {
	/* width: Wird in der Index Seite per PHP generiert */
}
#overview ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	
}

#overview ul li {
	float: left;
	width: 45px;
	height: 45px;

}


#overview ul li.reserved {
	background: url("pics/thumbs/dummy_reserved.jpg");
	text-align: center;
	vertical-align: middle;
	line-height: 45px;
	width: 45px;
	height: 45px;
	font-size: 11px;
}

#overview li.horizValues {
	width: 45px;
	height: 15px;
	text-align: center;
	background: #242424;
}
#overview li.horizValues p {
	font-size: 8px;
	padding-top: 1px;
	color: #aaa;
}

#overview li.topLeft {
	width: 15px;
	height: 15px;
	background: #242424;
}

#overview li.topRight {
	width: 15px;
	height: 15px;
	background: #242424;
}

#overview li.rightValues {
	width: 15px;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	background: #242424;
}
#overview li.rightValues p {
	font-size: 8px;
	padding-left: 0px;
	color: #aaa;
	width: 15px;
	text-align: center;
}

#overview li.vertValues {
	width: 15px;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	background: #242424;
}
#overview li.vertValues p {
	font-size: 9px;
	color: #aaa;
	width: 15px;
	text-align: center;
}

#overview li.bottomLeft {
	width: 15px;
	height: 15px;
	background: #242424;
}

#overview #bottomValues li.bottomRight {
	width: 15px;
	height: 15px;
	background: #242424;
}

#overview #bottomValues li.horizValues {
	width: 45px;
	height: 15px;
	text-align: center;
	background: #242424;
}
#overview #bottomValues li.horizValues p {
	font-size: 9px;
	color: #aaa;
	padding-top: 2px;
}

/* End Overview Dialog */