/** Globals
------------------------------------------------------------------------------*/

body {
	background: #000 url(../img/backgrounds/bg-grid.jpg) repeat scroll;
	/*background: #000 url(../img/backgrounds/bg2.jpg) no-repeat scroll center top;*/
	font-family: Verdana;
	font-size: 12px;
	color: #fff;
	line-height: 1.45;
	
}

input, select,textarea {
	background-color: #000;
	border: 1px solid #444;
	color: #fff;
	padding: 2px;
}
select, input[type=button] {
	cursor: pointer;
}
a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: underline;
	
}

img {
	vertical-align: middle;
}

.fl_r {
	float: right;
}
.fl_l {
	float: left;
}

/** Inputs
------------------------------------------------------------------------------*/

input.small {
	width: 40px;
}
input.full {
	width: 100%;
}

/** Images
------------------------------------------------------------------------------*/

img.middle {
	vertical-align: middle;
}

/** Headers
------------------------------------------------------------------------------*/

h1 {
	padding: 5px 0;
}
h2 {
	padding: 3px 0;
}

/** HR
------------------------------------------------------------------------------*/

hr.dotted {
	border: 0;
	border-top: 1px dotted #555;
}
/** Tables
------------------------------------------------------------------------------*/

table td {
	padding: 2px;
}
.normal {

}
.normal td {
	padding: 2px;
}

/** Hoofdveld
------------------------------------------------------------------------------*/

#wrap {
	margin: 10px auto;
	width: 980px;
	padding: 1px;
	background-color: #2D2D2D;
}
#wrap-fluid {
	margin: 10px auto;
	padding: 1px;
	background-color: #2D2D2D;
}
.block-big {
	background-color: #212121;
	border: 1px solid #1A1A1A;
	padding: 5px;
	margin: 5px;
}
h1, h2 {
	color: #ffc61a;
}
h1 {
	font-size: 20px;
}
/*
* Header
------------------------------------------------------------------------------*/

#header {
	text-align: center;
	position: relative;
}
/*#header div {
	position: absolute;
	width: 100%;

}

#header .left {
	background: transparent url(../img/head.png) no-repeat scroll center center;
}

#header .middle {
	background: transparent url(../img/map.png) repeat-x scroll center center;
	display: none;
}

#header .right {
	background: transparent url(../img/lich_king.png) no-repeat scroll center right;
	display: none;
}*/

#background {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../img/backgrounds/bg-image.png) no-repeat scroll center top;
	z-index: -10;
	height: 814px;
	width: 100%;
}

/** Blokjes
------------------------------------------------------------------------------*/

.block {
	border: 1px solid #1A1A1A;
	padding: 5px;
	background-color: #212121;
	margin-top: 5px;
}
.block .titel {
	margin: -5px -5px 5px -5px;
	display: block;
	padding-bottom: 20px;
	color: #FF6600;
	font-weight: bold;
	border-bottom: 1px dotted #555;
	padding: 5px;
	background-color: #111;
}

.block.big {
	width: 503px;
}

.block.small {
	width: 210px;
}

.block.fluid {
}


/** Nieuws
------------------------------------------------------------------------------*/


.news .headline {
	text-align: center;
	color: #ffc61a;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-family: "Trebuchet MS";
	border-bottom: 1px dotted #555;
}
.news .headline a {
	color: #ffc61a;
}

.news .comments {
	border-top: 1px dotted #555;
	margin-top: 5px;
	text-align: center;
	font-size: 10px;
}
.footer {
	border-top: 1px dotted #555;
	margin-top: 5px;
	text-align: center;
	font-size: 10px;
}
.memberarea td {
	padding: 2px;
}
.memberarea input[type=text], .memberarea input[type=password] {
	width: 130px;
}
.memberarea input[type=submit] {
	padding: 3px 8px;
}
.sectie {
	float: left;
	margin-left: 5px;
}

/** Application form
------------------------------------------------------------------------------*/

.apply {
	width: 700px;
}
.apply table td {
	padding: 3px;
	width: 400px;
	vertical-align: top;
}
.apply input[type=text], textarea {
	width: 400px;
}
.apply textarea {
	height: 80px;
}

/** Movie Page
------------------------------------------------------------------------------*/


.movie {
	width: 740px;
}
.movie table td {
	padding: 3px;
	width: 400px;
	vertical-align: top;
}
.movie input[type=text], textarea {
	width: 400px;
}
.movie textarea {
	height: 80px;
}
.movie p{
	text-align: center;
}

/** Raid New
------------------------------------------------------------------------------*/

.raid-memberoverview input[type=input] {
	width: 20px;
	text-align: center;

}
.raid-memberoverview input{
	vertical-align: middle;
}
.raid-memberoverview .raider {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 230px;
	vertical-align: top;
	margin-bottom: 5px;
	border: 1px solid #2D2D2D;
	padding: 3px
}

#loot_overview {
	width: 100%;
}


/** Content
------------------------------------------------------------------------------*/

 p {
	margin: 0 0 12px 0;
}
ul {
	list-style-type: disc;
	padding-left: 20px;
}

/** DKP table
------------------------------------------------------------------------------*/


.data th, .data th.header {
	text-align: left;
	cursor: pointer;
	border: 1px solid #000;
	padding: 2px;
	background-color: #111;
	color: #FF6600;
}
.data th.headerSortUp {
	background: #111 url(../img/arrow_down.png) no-repeat scroll center right;
}

.data th.headerSortDown {
	background: #111 url(../img/arrow_up.png) no-repeat scroll center right;

}

/** Vote
------------------------------------------------------------------------------*/

#vote-table td {
	text-align: center;
}

.apply-comment b {
	color: #FF6600;
}
.apply-comment div {
	margin-left: 35px;
}

.apply-comment.vote-up {
	background: #212121 url(../img/icons/thumb_up.png) no-repeat scroll 10px 50%;
}
.apply-comment.vote-down {
	background: #212121 url(../img/icons/thumb_down.png) no-repeat scroll 10px 50%;
}
.apply-comment.vote-neutral {
	background: #212121 url(../img/icons/lightbulb.png) no-repeat scroll 10px 50%;
}


/** News Comments
------------------------------------------------------------------------------*/
#news-table td {
	text-align: center;
}

.news-comment b {
	color: #FF6600;
}
.news-comment div {
	margin-left: 35px;
}

.news-comment.news-neutral {
	background: #212121 url(../img/icons/user_comment.png) no-repeat scroll 10px 50%;
}


/** Copyright in flooder.php
------------------------------------------------------------------------------*/
.copyright{
	clear: both;
	font-size: 9px;
	text-align: center;
}

/* Raid member overview
------------------------------------------------------------------------------*/

.raider-category {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 230px;
	vertical-align: top;
	margin-bottom: 5px;
	border: 1px solid #2D2D2D;
	padding: 3px
}

/** Profile Page / Profile Edit
------------------------------------------------------------------------------*/

.profile {
	width: 100%;
}
.profile td {
	width: 50%;
}

.profile_edit {
	width: 100%;
}
.profile_edit td {
	width: 50%;
}

/** Profile Admin Page / Profile Admin Edit
------------------------------------------------------------------------------*/

.profile_admin {
	width: 100%;
}
.profile_admin td {
	width: 50%;
}

.profile_edit_admin {
	width: 100%;
}
.profile_edit_admin td {
	width: 50%;
}


/* Todolist
------------------------------------------------------------------------------*/

#todolist .item {
	margin-left: 15px;
}

#todolist h2 {
	padding: 0;
	cursor: pointer;
}

/* Tooltip
------------------------------------------------------------------------------*/
#epi_tooltip  {
	display: 			none;
	background-color: 	#111;
	width: 				200px;
	height: 			200px;
	position: 			absolute;
	z-index: 			500;
	opacity: 0.8;
}

#epi_tooltip.loading {
	background: #111 url(../img/ajax-loader.gif) no-repeat center center;
}