html { margin-bottom: 1px; height:100.3%;}

form{margin:0;padding:0;}

body {
	font-family: Verdana,Tahoma, Arial,sans-serif;
	font-size: 12px;
	background-color: #F7F7F7;
	color: #444444;
}

h1 {
	margin: 2px;
}

a {
	color: #3399AA;
	text-decoration: none;
}

a:hover {
	color: #226699;
	text-decoration: underline;
}
p {
	margin:0; padding:0 0 5px;
}

label {
	display: block;
	margin-top: 5px;
	font-weight: bold;
}

input, select {
	background-color:#F7F7F7;
	border-color:#3366FF;
	border-style:solid;
	border-width:1px 1px 5px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:2px 2px 5px;
	width:350px;
}
input.shop{
	background-color:#F7F7F7;
	border-color:#3366FF;
	border-style:solid;
	border-width:0 0 2px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:2px 2px 5px;
	width:20px;
}
input.sellshop{
	background-color:#F7F7F7;
	border-color:#FF6633;
	border-style:solid;
	border-width:0 0 2px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:2px 2px 5px;
	width:20px;
}
input.buy_button{
	background-color:#F7F7F7;
	border-color:#3366FF;
	border-style:solid;
	border-width:1px 1px 5px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	width:40px;
}
input.sell_button{
	background-color:#F7F7F7;
	border-color:#FF6633;
	border-style:solid;
	border-width:1px 1px 5px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	width:40px;
}
img {
	border: 0px;
	margin: 3px;
}

#wrapper {
	width: 940px;
	margin: 0px auto;
	border: 1px solid #3399FF;
	border-bottom: solid 5px #3399FF;
	padding: 15px;
	background-color: #FFFFFF;
}

#header {
	width: 100%;
	padding: 5px;
}

#title {
	display: block;
	float: left;
	margin-left: 20px;
	color: #3399FF;
	font-size: 5em;
	font-weight: bold;
}

#time {
	display: block;
	float: left;
	margin-left: 20px;
	margin-top: 35px;
	font-size: 1em;
}

#topmenu {
	display: block;
	width: 100%;
	clear: both;
}

ul#topmenu{
	padding: 0em;
	margin: 0em;
	list-style: none;
}

ul#topmenu li a {
	color: #666666;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 95px;
}

ul#topmenu li{
	float: left;
	width: 95px;
	border: solid 1px #3399FF;
	border-bottom: solid 5px #3399FF;
	background-color: #F7F7F7;
	padding: 2px;
	margin: 1px;
}
	
ul#topmenu a:hover {
	display: block;
	color: #3399FF;
	width: 95px;
	background-color: #FAFAFA;
	text-decoration: none;
}

#sidebar {
	display: block;
	float: left;
	width: 250px;
	border: 1px solid #3399FF;
	border-bottom: 5px solid #3399FF;
	margin: 0px;
	margin-top: 5px;
	padding: 3px;
	padding-left: 8px;
}

#gamebody {
	display:block;
	float:right;
	height:100%;
	padding:10px;
	width:650px;
}

#body {
	width: 100%;
	margin: 0px;
	clear: both;
	padding-top: 10px;
	padding: 5px;
}

#footer {
	display: block;
	clear: both;
	width: 920px;
	margin: 0px auto;
	margin-top: 30px;
	padding-top: 30px;
	text-align: center;
}

.msg {
	border-color:#3399FF;
	border-style:solid;
	border-width:1px 1px 5px;
	clear:both;
	display:block;
	margin:10px auto 0;
	padding:3px 10px;
	width:650px;
}

.space {
	display: block;
	border: 0px;
	height: 1em;
	width: 100%;
	clear: both;
}

.red {
	color: #FF1111;
}

.button {
	font-weight:bold;
	margin:0;
	padding:3px;
	width:206px;
}
.stat-button {
	font-weight:bold;
	margin:0 auto;
	padding:3px;
	width:108px;
}

.left, .right {
	display: block;
	width: 48%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.block {
	width: 90%;
	border: 1px solid #3399FF;
	border-bottom: 5px solid #3399FF;
	padding: 5px;
	margin: 2px;
	margin-bottom: 10px;
}
.hide{display:none;color:#fff;}
/* battle display */
.title{background:none repeat scroll 0 0 #F2F2F2;border-color:#CCCCCC #CCCCCC -moz-use-text-color;border-style:solid;border-width:1px 1px 2px;font-weight:bold;
padding:5px;text-align:center;}
.tblFade{border:1px solid #333333;margin:0 auto;text-align:center;width:500px;empty-cells: hidden; border-collapse:collapse;}
.bar{border:1px solid #333333;margin:0 auto;text-align:center;width:500px;}
.fadeElem{height:35px;display:none;position:relative;border:1px #CCC solid;padding:3px 10px;color:#fff;}
.red {color:red;}
.row:hover{background-color:#CACACA;color:#3399AA;}

/*stat*/
.stat{font-size:13px;}
.stat2{font-size:13px;}
.value{float:left;margin-top:0;padding:3px 3px 3px 5px;width:20px;white-space:nowrap;}
.value2{float:left;margin-top:0;padding:3px 3px 3px 5px;width:47px;white-space:nowrap;}
.label{border:1px solid #CCCCCC;float:left;font-weight:bold;margin-left:3px;padding:1px;text-align:center;width:25px;}
.label2{border:1px solid #CCCCCC;float:left;margin-left:3px;padding:1px;text-align:center;width:45px;}
.upstat{border:1px solid #CCCCCC;float:left;font-weight:bold;margin-left:3px;padding:1px;text-align:center;width:63px;}
.upstat:hover{border:1px solid #CCCCCC;float:left;text-decoration:none;font-weight:bold;margin-left:3px;padding:1px;text-align:center;width:63px;background-color:#CACACA;color:#000;}

/*battle*/
.show-bot{border:1px solid #000000;color:#FFFFFF;display:block;float:right;font-size:9px;height:11px;margin:0;padding:1px;text-align:left;width:220px;}
.show-player{border:1px solid #000000;color:#FFFFFF;display:block;float:left;font-size:9px;height:11px;margin:0;padding:1px;text-align:right;width:220px;}
.show-player div{float:right}
.show-bot div{float:left}
.hide{display:none}

#usable_item,#box{border:1px solid #3399FF;}
#lweapon,#rweapon,#harmor,#barmor,#larmor,#parmor,#garmor,#card,#egg,#misc{border:1px solid #3399FF;}
.header{background-color:#3399FF;color:#ffffff}
.header-sell{background-color:#FF9933;color:#ffffff}

.tbluse{width:30px;text-align:center;}
.elementbox{width:170px;}
.elementamo{width:60px;}
.elementdes{width:445px;}
.w100px{width:100px;}
.w60px{width:60px;}
.elementdes-short{width:385px;}
.center{text-align:center;}
.itemnav{background-color:#F0F0F0;border:1px solid;padding:0 10px;text-decoration:none;}
.itemnav:hover{background-color:#444444;border:1px solid;text-decoration:none;padding:0 10px;color:#ffffff;}

.s10000{width:50px;height:50px;border-style:none none none none;}
.s11000{width:50px;height:50px;border-style:solid none none none;}
.s10100{width:50px;height:50px;border-style:none none solid  none;}
.s10010{width:50px;height:50px;border-style:none  solid  none none;}
.s10001{width:50px;height:50px;border-style:none none none  solid;}
.s11100{width:50px;height:50px;border-style:solid  none solid  none;}
.s10110{width:50px;height:50px;border-style:none solid  solid  none;}
.s10011{width:50px;height:50px;border-style:none solid  none  solid;}
.s11001{width:50px;height:50px;border-style:solid none none  solid;}
.s11010{width:50px;height:50px;border-style:solid solid none none;}
.s10101{width:50px;height:50px;border-style:none none solid solid;}
.s11110{width:50px;height:50px;border-style:solid solid  solid  none;}
.s10111{width:50px;height:50px;border-style:none solid  solid  solid;}
.s11011{width:50px;height:50px;border-style:solid solid  none solid;}
.s11101{width:50px;height:50px;border-style:solid none solid  solid;}
.s11111{width:50px;height:50px;border-style:solid solid solid solid;}

#now {background:url("../images/now.gif") no-repeat scroll center center transparent !important;}
a#top {background:url("../images/top.gif") no-repeat scroll center center transparent !important;display:block;
height:50px;
width:50px;}
a#bot{background:url("../images/bot.gif") no-repeat scroll center center transparent !important;display:block;
height:50px;
width:50px;}
a#right{background:url("../images/right.gif") no-repeat scroll center center transparent !important;display:block;
height:50px;
width:50px;}
a#left{background:url("../images/left.gif") no-repeat scroll center center transparent !important;display:block;
height:50px;
width:50px;}


a:hover#top {background:url("../images/top_h.gif") no-repeat scroll center center transparent !important;text-indext:-1000px;text-decoration:none;}
a:hover#bot {background:url("../images/bot_h.gif") no-repeat scroll center center transparent !important;text-indext:-1000px;text-decoration:none;}
a:hover#right {background:url("../images/right_h.gif") no-repeat scroll center center transparent !important;text-indext:-1000px;text-decoration:none;}
a:hover#left {background:url("../images/left_h.gif") no-repeat scroll center center transparent !important;text-indext:-1000px;text-decoration:none;}

#now img,#top img,#bot img,#right img,#left img{margin:0;padding:0}
#drawmaze td{background:url("../images/all.gif") no-repeat scroll center center transparent;font-size:16px;table-layout:auto;text-align:center;text-indent:-10000px;}
#dirmaze td{font-size:13px;font-weight:bold}

#resign{color:red;float:right;font-weight:bold;text-align:right;top:0;}