body {
   font-family: Verdana;
   font-size: 11px;
   color: #fff;
   background-color: #000;
}

.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.big {
	font-size: 120%;
}
.activeColumn {
	background-color: #202020;
}


h1, h2, h3, h4 {
   margin: 0 0 10px 0;
   background-repeat: no-repeat;
}
h1.withline {
   border-bottom: 1px solid #505050;
   padding-bottom: 5px;
}
h2.withimg {
   padding-left: 18px;
   background-position: 0px 3px;
}
h3.withimg {
   padding-left: 18px;
   background-position: 0px 3px;
}

a {
   color: #ffd100;
}
a.wowhead {
	text-decoration: none;
}
a:hover {
   color: #fff;
}

/* tables */
th {
	background-color: #585858;
}
div.layerbox2 table {
	
	
}
div.layerbox2 table th {
	
	background-color: #585858;
	padding: 0 5px;
	font-size: 120%;
}
div.layerbox2 table th a {
	color: #fff;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0 18px 0 5px;
}
div.layerbox2 table th a.desc {
	background-image:url(../images/desc.png);
}
div.layerbox2 table th a.asc {
	background-image:url(../images/asc.png);
}
div.layerbox2 table tr {
	
	background-color: #181818;
	height: 35px;
}
div.layerbox2 table tr:hover {
	
	background-color: #202020;
}
div.layerbox2 table td {
	padding: 0 5px;
}


/* box'es */
#layerbox1 {
	
	border: 1px solid #383838;
	background-color: #242424;
	padding: 10px;
	clear: both;
}
div.layerbox2 {
	
	/* border: 1px solid #383838; */
	background-color: #404040;
	padding: 1px;
}


/* obere navigations bar */
#topnav {
   float: left;
   width: 100%;
   /* border-bottom:1px solid #484848; */ 
   margin: 0;
}
#topnav ul {
   margin: 8px 0 0 0; 
   padding: 0;
   list-style:none;
}
#topnav li {
   float:left;
   margin: 0 10px 0 0;
   padding:0 0 0 4px;
   border-bottom:1px solid #484848;
   
   background: url('../images/header-tabs.gif') left top;
}
#topnav a {
   display: block;
   background: url('../images/header-tabs.gif') right top;
   padding:9px 14px 5px 8px;
   margin: 0;
   
   text-decoration: none;
   color: #fff;
   font-weight: bold;   
}

#topnav li.active {
   background-position: left -64px;
   border-bottom:1px solid #383838;
}
#topnav a.active {
   background-position: right -64px;
}
#topnav li.active:hover {
   background-position: left -64px;
}
#topnav a.active:hover {
   background-position: right -64px;
}

#topnav li:hover {
   background-position: left -32px;
}
#topnav a:hover {
   background-position: right -32px;
}

/* player filter for mainpage */
#player_filter_link {
	margin: 0 0 30px 0;
}
#player_filter_link p {
	float: right;	
}
#player_filter_toggle {
	
	font-size: 120%;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0 0 0 20px;
}
#player_filter_toggle.active {
	background-image: url(../images/desc.png);
}
#player_filter_toggle.inactive {
	background-image: url(../images/right.png);
}


#player_filter {
	
	clear: both;
}