html {
	overflow-y: scroll;
}

header {
	margin-bottom: 0px;
	font: normal 12px Arial;
	color: white;
	margin: 0;
	padding: 0;
	margin-top: 50px;
	width: 1000px;
	height: 1px;
}

body {		//* Design of the website body *//
	margin-bottom: 0px;
	background-color: black !important;
	font: normal 12px Arial;
	color: white;
	margin: 0;
	padding: 0;
	
background-image:url(/images/design_2/background.jpg);
background-repeat: no-repeat;
background-position:center top;
background-attachment: fixed;

}
input {
	color: black !important;
}
select {
	color: black !important;
}
table {		//* Design of the website tables, default *//
	margin-bottom: 0px;
	font: normal 12px Arial;
	color: white;
	margin: 0;
	padding: 0;

}

img {
	border: 0;
	max-width: 1200px !important;
	max-height: 2500px !important;
}

blockquote {
	overflow: auto !important;
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	max-height: 250px !important;
}

blockquote p {
  display: inline;
}

a:link {color: lightblue; text-decoration: none !important;}  /* Collor of links */
a:visited {color: lightblue; text-decoration: none !important;} /* Collor of visited links */
a:hover {color: lightblue; text-decoration: none !important;} /* Collor of ??? */
a:active {color: lightblue; text-decoration: none !important;} /* Collor of ??? */

legend {
	color: Bisque;
}
form,input {
	margin: 0; 
	padding: 0; 
	display: inline;
}
fieldset{
	padding: 5px;
}
ul {
    padding: 5px;
    margin-left: 20px;
    margin-top: -15px;
}
ol {
    padding: 5px;
    margin-left: 20px;
    margin-top: -15px;
}
li span:hover {
	color: #7b8bef;
}
a:hover{
	color: #7b8bef;
}

#left-nav {
float:left;
}
#right-nav {
float:right;
}

#container_top {
background-image:url(/images/design_2/container_top.gif);
background-repeat: repeat-y;
background-position:center top;
	height: 17px;
	width: 800px;
}
#container_mid {
background-image:url(/images/design_2/container_mid.png);
background-repeat: repeat-y;
	width: 800px;
}
#container_bot {
background-image:url(/images/design_2/container_bot.gif);
background-repeat: repeat-y;
background-position:center top;
	height: 17px;
	width: 800px;
}

#left_menu {
	width: 200px;
	margin-top: -50px;
}
#left_menu_forum {
	width: 200px;
	margin-top: -3px;
}
#forum_content {
	margin-top: -3px;
}

#right_menu {
	width: 200px;
}

#menu_top {
background-image:url(/images/design_2/menu_top.png);
background-repeat: repeat-y;
background-position:center top;
	height: 17px;
	width: 200px;
}

#menu_bot {
background-image:url(/images/design_2/menu_bot.png);
background-repeat: repeat-y;
background-position:center top;
	height: 17px;
	width: 200px;
}
#menu_mid {
background-image:url(/images/design_2/menu_mid.png);
background-repeat: repeat;
	width: 200px;
}
#menu_space {
	height: 2px;
}

#page_nr {		//* Design of the website tables, default *//
	font: normal 12px Arial;
	color: black;
	background-color: #dadada;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 20px;
	line-height: 20px;
background-image:url(/images/page_num.png);
background-repeat: no-repeat;
background-position:center top;
	text-align: center;
	float: left;

}
nav {
}

#page_1 {
	margin-bottom: 0px;
	font: normal 12px Arial;
	color: black;
	background-color: #dadada;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 51px;
	line-height: 20px;
background-image:url(/images/page_1.png);
background-repeat: no-repeat;
background-position:center top;
	text-align: center;
	float: left;

}

#page_end {		//* Design of the website tables, default *//

	font: normal 12px Arial;
	color: black;
	background-color: #dadada;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 20px;
	line-height: 20px;
background-image:url(/images/page_num.png);
background-repeat: no-repeat;
background-position:center top;
	text-align: center;
	float: left;

}

/* Style The Dropdown Button */
.dropbtn {
	width: 163px;
    background-color: #0400a4;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	z-index: 1000 !important;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	height: 50px;
	z-index: 1000 !important;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1000 !important;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	z-index: 1000 !important;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #d4d4d4}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #726eff;
}

.header_img > img {
	width: 770px !important;
	height: 200px !important;
}
.header_img_comment {
	margin-top: -20px !important;
	font: bold 16px Arial;
	color: white;
	text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

.header_data_target > li {
	position: relative !important;
	margin-top: 20px !important;
}

.screenshot_img > img {
	width: 770px !important;
	max-height: 700px !important;
}

.screenshot_img_comment {
	margin-top: -20px !important;
	font: bold 16px Arial;
	color: white;
	text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

.about_anchors {
	font: bold 18px Arial;
	color: white;
    padding-top: 60px;
	margin-top: -60px;
	z-index: 1;
}
.about_anchors:hover {
	color: white;
}

.news_table {
	font: normal 14px Arial;
	background-color: #6b6255;
	color: black;
	margin-top: -55px;
	position: relative;
}
.news_table a {
	color: blue;
}
.news_table_admin {
	font: normal 14px Arial;
	background-color: #6b6255;
	color: black;
	position: relative;
}
.news_table_admin a {
	color: blue;
}
.news_layout {
	color: black;
	background-image:url(/images/design_2/news_background.jpg);
	background-repeat: repeat;
	font: normal 12px Arial;
}
.news_layout a {
	color: blue;
}
.news_text{
	margin: 0.5em 5px;
}
.npc_name {
	font: bold 12px Arial;
	color: #fff600;
	text-shadow: 1px 0 0 #000000, 0 -1px 0 #000000, 0 1px 0 #000000, -1px 0 0 #000000;	
}
.about_link {
	position: relative;
	z-index: 2;
}

.custom_creatures_list {
	width:100%;
	height:470px;
	overflow:auto;
}
.custom_creatures {
	font: normal 12px Arial !important;
	line-height: 10px !important;
	color: white !important;
	text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000 !important;
	width: 290px !important;
	height: 20px !important;
	text-align: left !important;
	overflow: hidden !important;
}
.custom_creatures_lvl {
	font: normal 12px Arial !important;
	line-height: 10px !important;
	color: white !important;
	text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000 !important;
	width: 50px !important;
	height: 20px !important;
	text-align: center !important;
	overflow: hidden !important;
}

#monster_list_box {
	height: 90px;
	width: 150px;
	text-align: center;
	vertical-align: middle
	
}

.reports_link {
	color: blue !important;
}