@charset "utf-8";
/*
Diablo Layout By Bufo
(c) Bufo Studio. All rights reserved.
*/

/* General CSS Settings */
* {margin:0; padding:0;}
a { text-decoration:none; color:#d1d1d1;}
a img {border:0;}
a:focus {outline:none; -moz-outline-style:none;}
a:hover {color:white; text-decoration:none;}
object {outline:none; -moz-outline-style:none;}
p {margin:1.8em 0;}
p.lead {margin-top:0;}
em em {font-style:normal;}
.relative {position:relative;}
.left {float:left;}
.right {float:right;}
.clean_5 {height: 5px; width: 100%; float: left;}
.clean_20 {height: 20px; width: 100%; float: left;}

  /* ################################################################## */
 /* ############################ Page show ########################### */
/* ################################################################## */

html {}

body
{
	background: #000000 url('../_img/background/background.png') top center no-repeat;
	font-size: 11px;
	color: #b7b7b7;
	font-family: Verdana;
	text-shadow: 1px 1px #000;
	padding: 0px;
	margin: 0px;
}

  /* ################################################################## */
 /* ############################# CONTENT ############################ */
/* ################################################################## */

#page {
	width: 1112px;
	margin: auto;
}

#logo {

	height: 184px;
	width: 741px;
	margin: 30px auto;
}

#content {
	background:url('../_img/content/content.jpg') repeat-y;
	margin:auto;
	width:q28px;
	margin-top: 70px;
	margin-left: 12px;
	position: absolute center;
	float: left;
}

#content_bot {
	background: url('../_img/content/content_bot.jpg') no-repeat;
	height: 74px;
	width:1078px;
	margin:auto;
	float: left;
	margin-left: -1px;
}

  /* ########################################## */
 /* ################ MENU TOP ################ */
/* ########################################## */

#menu_top {
	background: url('../_img/menu/menu_top.gif') top center no-repeat;
	height: 154px;
	width: 1109px;
	margin: -65px 0px 0px -21px;
	float: left;
}

#menu_top .left {
	margin-top: 57px;
	margin-left: 23px;
}

#menu_top .online {
	margin-left: 400px;
		margin-top: -20px;
	width: 260px;
	height: 80px;
}

#menu_top .right {
	margin-top: -60px;
	margin-left: 703px;
}

div.fadehover {
	position: relative;
}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
}

.divider{height:1px;width:inherit;}

/* left */

#menu_top_home {
	float: left;
	position: relative;
	left: 30px;
}

#menu_top_acc {
	float: left;
	position: relative;
	left: 165px;
}

#menu_top_shop {
	float: left;
	position: relative;
	left: 300px;
}

/* right */

#menu_top_forum {
	float: left;
	position: relative;
	left: -60px;
}

#menu_top_highscores {
	float: left;
	position: relative;
	left: 75px;
}

#menu_top_register {
	float: left;
	position: relative;
	left: 210px;
}

  /* ########################################## */
 /* ################ MENU LEFT ############### */
/* ########################################## */

#menu_left {
	margin: -36px 20px 10px 8px;
	width: 162px;
	float: left;
}

#menu-label {
background:url("../images/menu/menu-label.png") no-repeat;
color:#CCCCCC;
float:left;
height:34px;
width:171px;
margin-left: 5px;
}

#icon-news, #icon-account, #icon-community, #icon-library, #icon-shop, #icon-toplevel, #icon-topguilds, #icon-search, #icon-info, #icon-market, #icon-boost, #icon-social  {
width:32px;
height:32px;
float:left;
margin:0px 5px 0 10px;
}

#icon-news { background:url("../images/menu/icon-news.gif") no-repeat scroll 0 0 transparent; }
#icon-account { background:url("../images/menu/icon-account.gif") no-repeat scroll 0 0 transparent; }
#icon-community { background:url("../images/menu/icon-community.gif") no-repeat scroll 0 0 transparent; }
#icon-library { background:url("../images/menu/icon-library.gif") no-repeat scroll 0 0 transparent; }
#icon-shop { background:url("../images/menu/icon-shop.gif") no-repeat scroll 0 0 transparent; }
#icon-toplevel { background:url("../images/menu/icon-toplevel.gif") no-repeat scroll 0 0 transparent; }
#icon-topguilds { background:url("../images/menu/icon-topguilds.gif") no-repeat scroll 0 0 transparent; }
#icon-search { background:url("../images/menu/icon-search.gif") no-repeat scroll 0 0 transparent; }
#icon-info { background:url("../images/menu/icon-info.gif") no-repeat scroll 0 0 transparent; }
#icon-market { background:url("../images/menu/icon-market.gif") no-repeat scroll 0 0 transparent; }
#icon-boost { background:url("../images/menu/icon-boost.gif") no-repeat scroll 0 0 transparent; }
#icon-social { background:url("../images/menu/icon-social.gif") no-repeat scroll 0 0 transparent; }

#text-news, #text-account, #text-community, #text-library, #text-shop, #text-toplevel, #text-topguilds, #text-search, #text-info, #text-market, #text-boost, #text-social, #text-toprook {
width:157px;
height:34px;
float:left;
margin:-32px 5px 0 15px;
}
#text-news { background:url("../images/menu/latestnews.png") no-repeat scroll 0 0 transparent; }
#text-account { background:url("../images/menu/account.png") no-repeat scroll 0 0 transparent; }
#text-community { background:url("../images/menu/community.png") no-repeat scroll 0 0 transparent; }
#text-library { background:url("../images/menu/library.png") no-repeat scroll 0 0 transparent; }
#text-shop { background:url("../images/menu/shop.png") no-repeat scroll 0 0 transparent; }
#text-toplevel { background:url("../images/menu/top_level.png") no-repeat scroll 0 0 transparent; }
#text-toprook { background:url("../images/menu/top_rook.png") no-repeat scroll 0 0 transparent; }
#text-topguilds { background:url("../images/menu/top_guilds.png") no-repeat scroll 0 0 transparent; }
#text-search { background:url("../images/menu/player_search.png") no-repeat scroll 0 0 transparent; }
#text-info { background:url("../images/menu/information.png") no-repeat scroll 0 0 transparent; }
#text-market { background:url("../images/menu/market.png") no-repeat scroll 0 0 transparent; }
#text-boost { background:url("../images/menu/boost.png") no-repeat scroll 0 0 transparent; }
#text-social { background:url("../images/menu/social.png") no-repeat scroll 0 0 transparent; }

#menu_links {
	width: 182px;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:justify;
}

#menu_links ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}

#menu_links li {
	background: url("../images/menu/chains.png") no-repeat;
	width: 137px;
	display:block;
	padding:3px 10px 3px 0px;
	margin: auto;
}

#menu_links li:hover {
	background: url("../images/menu/chains-hover.png") no-repeat;
	width: 137px;
	display:block;
	padding:3px 10px 3px 0px;
	margin: auto;
}

#menu_links li a {
	color:#d1d1d1;
	display:block;
	text-decoration:none;
	padding: 0px 0px 0px 20px;
	text-shadow: 1px 1px #000;
}

#menu_links li a:hover {
	color:#FFF;
	display:block;
	text-decoration:none;
	padding: 0px 0px 0px 20px;
}

  /* ########################################## */
 /* ################### TEXT ################# */
/* ########################################## */

#content_text {
	margin: 0px 0px 5px 12px;
	width: 662px;
	float: left;
}

  /* ########################################## */
 /* ################ MENU RIGHT ############### */
/* ########################################## */

#menu_right {
	margin: -35px 0px 10px 15px;
	width: 182px;
	float: left;
}

.search {
	background: #4b4b4b;
	border: 1px solid black;
	padding: 3px;
	color: #FFF;
}

.zaptable {
	position: absolute;
	margin-left: 60%;
	text-align: left;
	background: #01010185;
	border: 2px solid #8595bb;
	padding: 9px 8px 6px 47px;
	border-radius: 0 0 10px 10px;
	color: #fff;
	margin-top: -2px;
	font: 400 9pt Verdana, Arial, Times New Roman, sans-serif;
	box-shadow: 6px 6px 50px 2px #23d100;
	z-index: 10000;
	transition: all 600ms ease-out
}

.zaptable:hover {
	box-shadow: 2px 2px 18px 1px #03ff0d;
	border: 2px solid #03ff0d;
	background: #343f58;
	transition: all 500ms ease-out;
	z-index: 10000;
	cursor: pointer
}

.zaptable img {
	position: absolute;
	margin-left: -47px;
	margin-top: -8px;
	width: 43px
}

.zaptable small {
	transition: all 500ms ease-out;
	display: none
}

.zaptable:hover small {
	transition: all 500ms ease-out;
	display: block
}