HTML { 
 
	overflow-y: scroll; 
}
BODY {
	color:		#ccc;
	margin:		0;
	padding:	0;
	background-color: #000;
	background-image: url(images/linliblogo2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font:"微軟正黑體";

}

BODY, P, TD, SELECT, INPUT {
	font:"微軟正黑體";
	font-size:12px
}

SELECT {
	background: #ccc;
	border: 1px solid #888;
	padding: 1px;

}

#search {
	padding: 2px;
	background: #ccc;
	border: 1px solid #888;
}

FORM { 
	margin: 0px; 
	padding: 0px; 
}

A {
	color: inherit ! important;
	color: #ccc;
	text-decoration: none;
	border: 0;
}

IMG {
	border: 0;

}


H1 { font-size: 24px; }
H2 { font-size: 18px; }
H3 { font-size: 16px; }
H4 { font-size: 14px; }


P {

	line-height: 2.0em;
	color: #d0caba;
}


.linlink {
	font-weight: bold;
	font-size: 14px;
	background:url(../_gfx/bullet.png) no-repeat;
	padding: 1px 0px 2px 22px;	

	color: #9bd ;
}

.linlink:hover {
	text-shadow: #8af 0px 0px 8px;
	color:#bdf ;
}

.clock {

	position: absolute;
	top: 32px;
	width: 13px;
	height:20px;
	background:url(../_gfx/numbers.png) no-repeat 0px 24px;
}

.nextBoat TD {
	color: #0f0;

}
#topmenu {
	width:		760px;
	margin:		180px auto 16px auto;
	text-align:	center;
	height: 20px;

}

#framer {

	width:		900px;
	margin: 	0 auto;

}

#topcats {
	text-align:	center;
	padding:	6px 8px;
	border:		1px solid #444;
	background:	#222;
	color:		#888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

#leono {
	text-align:	right;
	padding:	6px 6px;
	
	
	color:		#888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

#subcats {
	text-align:	center;
	padding:	6px 8px;
	border:		1px solid #444;
	background:	#222;
	color:		#888;
	margin-top:	4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#classcats {

	padding: 4px 8px;
	border:		1px solid #444;
	border-bottom: none;
	background:	#123;
	margin-top:	4px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	width:		900px;

}

#itemframe {
	border: 1px solid #333;
	width:	100%px;
	background: #222;
	padding: 8px;
	
}

#craftingframe {
	border: 1px solid #333;
	width:	100%;
	background: #222;
}

.craftimg {
	border: 1px solid #444;
	-moz-box-shadow: #000 1px 1px 2px;
	-webkit-box-shadow: #000 1px 1px 2px;
	margin: 3px 4px 3px 0px;

}

#itemicon {
	float:		left;
	padding:	8px;
}

#itemtitle {
	float:		left;
	font-size: 	20px;
	padding: 	10px 0px 0px 12px;
	text-shadow: #000 2px 2px 2px;
	
}

#itemdesc {
	float:		left;
	font-size: 	14px;
	padding: 	12px 8px;

}

#statsdetail {

	border-collapse:collapse;
	border:1px solid #444;

}

.itemcolor th {

	background: #234;
}


#statsdetail td {
	font-size:12px;
	font-weight:bold;
	color: #fff;
}

#classinfo {
	position: relative;
	top: -20px;
	left: 66px;
	float:		left;
	font-size: 	12px;
	color:		#ccc;



}

#itemlist {
	width:		900px;
	margin:		0 auto;
	border:		1px solid #333;
	border-bottom: none;
	background:	#111;
	empty-cells: show;
}

#itemlist th {
	font-size:12px;
	font-weight:bold;
	background:	#234;
	border-left:1px solid #111;

}

#itemlist.mopcolor th {

	background:	#522;


}

#itemlist.mapcolor th {

	background:	#141;


}


#itemlist tr td {
	border-bottom: 1px solid #222;

}

#itemlist tbody tr:hover {
	background: 	#023;
	color:			#fff;
	text-shadow: 	#000 1px 1px 3px;
}

#itemlist tr td img {
	-webkit-box-shadow: #000 1px 1px 2px;
	-moz-box-shadow: #000 1px 1px 2px;
	box-shadow: #000 1px 1px 2px;
	border: 1px solid #333;

}

#itemlist tr:nth-child(even) {
	background: #1a1a1a;

}

#itemlist tbody a {
	font-size:13px;
	font-weight:bold;

}


.cats {
	padding: 0px 8px;
	font-weight: bold;
	color: #c0baaa !important;
}
.leono_cats {
	padding: 0px 8px;
	font-weight: bold;
	color: #FFFF00 ;
}
.catsActive {
	font-weight: bold;
	padding: 0px 8px;
	border-bottom: 1px solid #f96;
	text-shadow:	#f93 0px 0px 5px;
	color:#fff ;
}

.order {
	text-decoration: underline;
	display: block;

}

#footer {
	width: 900px;
	margin: 0 auto;

}

.note {
	font-size:	10px;
	color:		#888;
}



.view {
	display: none;
}

.tree {	
	float:left; 
	width:50px; 
	height:40px; 
}

.bnt_mini {
	border: 1px solid #444;
	background: url(../_gfx/bg_bnt.png) repeat-x bottom;
	font-size:11px;
	font-weight:bold;
	padding: 5px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: default;
	color:	#ddc;
	text-shadow: #000 0px 0px 5px;
}

.bnt_mini:hover {
	border: 1px solid #666;
	text-shadow: #f33 0px 0px 10px;
	color:	#ffd;
}


#settable {
	border: 1px solid #666;
	background: #222;

}

/* Set info table ################### */

#setlist {
	width:		900px;
	margin:		0 auto;
	border:		1px solid #333;
	border-bottom: none;
	background:	#1a1a1a;
	empty-cells: show;
}

#setlist th {
	font-size:13px;
	font-weight:bold;
	text-align:	left;
	background:	#234;
	border-left:1px solid #111;

}

#setlist tr td {
	border-bottom: 1px solid #222;

}

#setlist tbody tr:hover {
	background: 	#023;
	color:			#fff;
	text-shadow: 	#000 1px 1px 3px;
}

#setlist tr td img {
	-webkit-box-shadow: #000 1px 1px 2px;
	-moz-box-shadow: #000 1px 1px 2px;
	box-shadow: #000 1px 1px 2px;
	border: 1px solid #333;
	width: 24px;
	height: 24px;
}

#setlist tr:nth-child(even) {
	background: #1f1f1f;

}

#setlist tbody a {
	font-size:12px;
	font-weight:bold;

}
#setlist tbody span {
	font-size:11px;
	color: #888;

}



#charview {
	border:1px solid #444;
	background: #222;

}

#charview td {
	border-right: 1px solid #444;
	
}

#charview tr:nth-child(even) {
	background: #1a1a1a;

}

.chartitle {
	text-shadow: #f33 0px 0px 10px;
	color: #fed;
	font-size: 21px;
}

.statview {
	border:1px solid #444;
	background: #222;

}

.statview td {
	border-right: 1px solid #444;
	padding: 3px 0px;
	text-align: center;
}

.statview tr:nth-child(even) {
	background: #1a1a1a;

}

#mopimage {
	float: left;
	margin: 4px;
	height: 180px;
	width: 180px;
	border: 1px solid #666;
	background-image:url(../_gfx/no_image.gif);
	background-color: #3e3e3e;
	background-position: center center;
	background-repeat: no-repeat;
}

#moptitle {
	float:		left;
	font-size: 	20px;
	padding: 	4px 8px;
	text-shadow: #000 2px 2px 2px;
	
}

#mopinfo {
	float: left;

	border: 1px solid #444;
	margin: 4px 0px 0px 4px;
	border-collapse: collapse;
	text-align: center;

}

#mopinfo td {
	font-weight: bold;
	width: 88px;
}


.skill {
	float:left;
	width: 191px;
	border: 1px solid #444;
	background-position: left;
	background-repeat: no-repeat;
	padding: 6px 0px 6px 28px;
	margin: 2px 8px 0px 0px;
	font-weight: bold;
}

#map {
	cursor: move;
	overflow: hidden;
	height: 600px;
	width: 900px;


}

#maptitle {
	position:absolute;
	top:13px;
	left:16px;
	text-shadow: #000 2px 2px 5px;
	font-size:20px;
	font-weight:bold;
	color: #fff;
}

#zoomin {
	position:absolute;
	top:16px;
	right:16px;

}

#zoomout {
	position:absolute;
	top:16px;
	right:48px;

}

.maplable {
	color: #fff;
	font-weight: bold;
	text-shadow: #000 1px 0px 0px, #000 -1px 0px 0px, #000 0px 1px 0px, #000 0px -1px 0px;
	font-size: 12px;
	position: absolute;
	white-space: nowrap;
}



.bonusval {
	color:#FFCC00;
	font-weight: bold;
	text-align: center;

}

#charstats {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #654;
	padding:8px 24px;
	background: #222;
	-moz-box-shadow: #000 0px 0px 4px;
	-webkit-box-shadow: #000 0px 0px 4px;
	color: #d0caba;
}



#charstats .statname {
	font-size:14px;
	font-weight:bold;
	text-shadow: #000 1px 1px 3px;
	width: 80px;
	border: 1px solid #654;
	padding-left: 8px;
	color: #d0caba;
	background: #1a1a1a;

		
}

#charstats .statval {
	font-size:16px;
	font-weight:bold;
	color:#33FF00;
	text-shadow: #f33 0px 0px 5px;
	width: 160px;
	text-align: center;
	border: 1px solid #654;
	background: #1a1a1a;
}



#charstats .valup {
	font-size: 6px;
	width: 12px;
	height: 12px;
	border: 1px solid #654;
	border-bottom: 0;
	background-image: url(images/bnt_up.gif);
	background-repeat: no-repeat;
}



#charstats .valdown {
	font-size: 6px;
	width: 12px;
	height: 12px;
	border: 1px solid #654;
	border-top: 0;
	background-image: url(images/bnt_down.gif);
	background-repeat:no-repeat;
}




#charstats .statspc {

	width: 16px;
}

.csbnt {
	border: 1px solid #654;

	background: #222;
	width: 128px;
	padding: 4px 0px;
	color: #d0caba;
	font: bold 13px Times,Times New Roman,serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: #000 0px 0px 3px;
	-webkit-box-shadow: #000 0px 0px 3px; 

}

.csbnt:hover {
	-moz-box-shadow: #a00 0px 0px 15px;
	-webkit-box-shadow: #a00 0px 0px 15px; 
	text-shadow: #f00 0px 0px 20px;
	color: #fc8;
	border: 1px solid #a66;
	background: #322;
	cursor: pointer;
}

.csbnt:active {
	-moz-box-shadow: #600 0px 0px 15px;
	-webkit-box-shadow: #600 0px 0px 15px; 
	text-shadow: #800 0px 0px 20px;
	color: #832;
	border: 1px solid #622;
	background: #100;
}
.error_text{
	font-size: 12px;
	font-weight: bold;
	color: #F00;	
}