body {
	background: url("assets/layout/background.jpg") #c9b997;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
}
a {
    font-weight: bold;
    color: #804000;
    font-size: 12px;
    text-decoration: none;
}
a:hover {
    color: #b35900;
}
h3 {
    font-size: 13px;
    font-weight: bold;
}
.box_border {
	border: 15px solid transparent;
	border-image: url(assets/layout/border.png);
	border-image-slice: 15 fill;
	width:calc(100% - 30px);
	position:relative;
	font-size:0;
}
.bg_top {
    background: url("assets/layout/bg-top.jpg");
    width: 100%;
    height: 200px;
}
.bg_top_top {
	background: url("assets/layout/bg-top_top.jpg");
	width: 100%;
	height: 30px;
}
.page_width {
	width:869px;
	margin:0 auto;
	font-size:0;
}
.top_nav {
	height:20px;
	line-height:20px;
	font-size: 12px;
}
.top_bg_img {
	background: url("assets/layout/bg_img.png");
	width:800px;
	height: 112px;
	line-height: 112px;
	position:relative;
}
.logo_big {
	width:400px;
	height: 59px;
	position:absolute;
	left:200px;
	top:26px;
}
.homepage_left {
	display:inline-block;
	vertical-align:top;
	width: 365px;
	padding:0 5px 0 90px;
	font-size: 12px;
	position:relative;
}
.homepage_right {
	display:inline-block;
	vertical-align:top;
	width: 290px;
	padding:0 10px 0 10px;
	font-size: 12px;
}
.btn {
	background: url("assets/layout/btn.png");
	width:191px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:white;
	font-size:18px;
	text-align:center;
	cursor:pointer;
}
.btn:hover {
	background-position:bottom 0px left 0px;;
}
.vspacer10 {
	width:100%;
	height:10px;
	font-size:0;
}
.img_thumb {
	background: url("assets/layout/thumb-bg.png");
	width:78px;
	height:58px;
	padding:4px;
	display:inline-block;
	vertical-align:top;
}
.img_thumb img {
	width:100%;
	height:100%;
}
.bg_paladin {
	background: url("assets/other/s3.png");
	position:absolute;
	width:218px;
	height:218px;
	top: 0;
	left: -110px;
}
.div_form_label {
    font-size: 13px;
    font-weight: bold;
	vertical-align:top;
	height:24px;
	line-height:24px;
	width:100px;
	display:inline-block;
}
.div_form_input {
	background: url("assets/layout/border-input.jpg");
	width:120px;
	height:18px;
	vertical-align:top;
	display:inline-block;
	padding:3px;
}
input[type='text'], input[type='password'], input[type='email'] {
    background: #fff;
    height: 18px;
	width: 120px;
    font-size: 12px;
    padding: 0 5px;
    border: 0px solid brown;
}
.village {
	background: url("assets/village/back_none.jpg") #808080;
	width:660px;
	height:465px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.village_rightside {
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:200px;
	background:red;
	font-size:14px;
}
.map {
	width:583px;
	height:418px;
	background:rgba(0,0,0,0.1);
	position:relative;
	font-size:0;
	overflow:hidden;
	position:absolute;
	top:20px;left:20px;
}
#minimap {
	width:202px;
	height:202px;
	background:green;
	position:absolute;
	top:20px;left:20px;
}
.mapelement {
	width:53px;
	height:38px;
	position:absolute;
	
}
.village_other {
	position:absolute;
	top:0;
	left:0;
	height:7px;
	width:7px;
	border:1px solid #bfbfbf;
	border-radius:4px;
	background:#b30000;
}
.village_current {
	position:absolute;
	top:0;
	left:0;
	height:7px;
	width:7px;
	border:1px solid #bfbfbf;
	border-radius:4px;
	background:white;
}
.village_barbarian {
	display:none;
}
#mapleft, #mapcenter, #mapright, #mapup, #mapdown {
	width:583px;
	height:418px;
	transition: all 0.25s linear;
	position:absolute;
}
.input_game {
	outline: none !important;
    display: inline-block !important;
    cursor: text !important;
    padding: 2px 10px !important;
	height:18px !important;
	line-height:18px !important;
    font-size: 14px !important;
    color: #155F63 !important;
    vertical-align: middle !important;
    border: 1px solid #776C56 !important;
    border-radius: 5px 5px 5px 5px !important;
    background: rgba(255,252,233,0.3) !important;
}
.btn_green {
    display: inline-block;
    cursor: pointer;
    padding: 2px 10px;
	height:18px;
	line-height:18px;
    font-size: 14px;
    color: #e6e6e6;
	text-align:center;
    vertical-align: middle;
    border: 1px solid #928872;
    border-radius: 5px 5px 5px 5px;
    background:linear-gradient(#00b300 0%, #009900 25%, #009900 75%, #008000 100%);
}
.btn_green:hover {
    background:linear-gradient(#00cc00 0%, #00b300 25%, #00b300 75%, #009900 100%);
}
.btn_green:active {
    border: 1px solid #bcb6a9;
}