@import url(log.css?20090507);

li {
	color: #26C;
}

/****** Island Map ******/
#islandMap {
	position: relative;
	margin: 10px auto 0 auto;
	padding: 0px;
	width: 496px;
	height: 512px;
	overflow: hidden;
	border: 1px solid #999;
	background: url(../../image/land0-0.gif) 0 0 repeat;
	line-height: 0px;
	text-align: left;
}

/****** cursor Div ******/
#cursorIslandDiv {
	position: absolute;
	z-index: 3;
	margin-left: 20px;
	padding: 4px;
	border: 1px solid #666;
	background-color: #333;
	text-align: left;
	width: 195px;
}
#cursorPicDiv, .cursorPic {
	float: left;
	padding-right: 4px;
	border-right: 1px solid #666;
}
#cursorP, .cursorP {
	line-height: 12px;
	text-indent: 4px;
	border-bottom: 1px solid #666;
	margin: 1px 0 1px 0;
}
#cursorP2, .cursorP2 {
	line-height: 12px;
	margin: 1px 0 1px 0;
}
#cursorP2 span, .cursorP2 span, #cursorP2 em, .cursorP2 em, #cursorP2 strong, .cursorP2 strong, .objDiv em, .objDiv strong {
	font-size: 11px;
	color: #777;
	white-space: nowrap;
}
#cursorObjDiv {
	border-top: 1px solid #666;
}
.objDiv {
	font-family: "細明體";
}
.objDiv em {
	font-style: normal;
	font-weight: normal;
}

/****** info Div ******/
.infoDiv {
	float: left;
	border: 1px solid #999;
	width: 100px;
	margin: 0 1px 1px 0;
	overflow: hidden;
}
.infoDiv h1, .infoDiv h3, .infoDiv h4 {
	padding: 2px 4px 2px 4px;
	font-size: 12px;
	color: #FFF;
}
.infoDiv h1 {
	background: url(../../image/style1/subHeader2.png) 0 0 repeat-x;
}
.infoDiv h3 {
	background: url(../../image/style1/subHeader3.png) 0 0 repeat-x;
}
.infoDiv h4 {
	background: url(../../image/style1/subHeader.png) 0 0 repeat-x;
}
.infoDiv p, .infoDiv pre {
	margin: 0px;
	padding: 5px 4px 5px 4px;
	background-color: #333;
	color: #FFF;
	font: 12px "ＭＳ Ｐゴシック",osaka,"MS Pゴシック","新細明體","宋體",arial,helvetica,sans-serif;
	line-height: 15px;
	float: left;
	width: 100%;
}
.infoDiv input {
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 12px;
	line-height: 12px;
	font-weight: normal;
}
p.smallMoney {
	font-size: 11px !important;
}
.detailInfo {
	clear: both;
	margin: 0 2% 0 20px;
	padding: 0px;
}
.btmInfoDiv {
	clear: both;
	margin: 10px 0 60px 0;
	padding: 3px 24px 10px 24px;
	border-top: 1px solid #999;
}
.btmInfoDiv p {
	margin-bottom: 5px;
}
.btmInfoDiv h1 {
	margin: 5px 0 5px 0;
	color: #26C;
	font-size: 14px;
	text-decoration: underline;
	font-style: italic;
}

/****** Input Command ******/
.commandOl {
	list-style: none;
	margin: 0px;
	padding: 2px;
	width: 204px;
}
.commandOl li {
	padding: 2px 0 2px 2px;
	border: 1px solid #999;
	cursor: pointer;
}
.commandOl li:active, .commandOl li:hover, .commandOl select:active, .commandOl select:hover, .a1:active, .a1:hover {
	background-color: #CCC;
	color: #C62;
}
.commandOl select {
	margin: 0px;
	padding: 0px;
	border: none;
	color: #26C;
}

/****** land info Div #landInfoDiv ******/
.landInfoH1, .landInfoH1_w {
	border: 1px solid #999;
	background: url(../../image/style1/subHeader2.png) 0 0 repeat-x;
	padding: 2px 4px 2px 4px;
	font-size: 13px;
	color: white;
}
.landInfoH1_w {
	width: 198px;
}
#landInfoPic {
	width: 204px;
	height: 50px;
	padding: 2px;
}
#landInfoDetail {
	height: 60px;
	padding-top: 2px;
}

.landInfoHalfDiv, .landInfoFullDiv, .landInfoFullDivC {
	margin: 1px 0 1px 2px;
	padding-left: 2px;
}
.landInfoHalfDiv {
	float: left;
	width: 97px;
	height: 23px;
	line-height: 18px;
	border: 1px solid #999;
}
.landInfoFullDiv, .landInfoFullDivC {
	/*clear: left; so sad IE 6 will clear main float also, only work in IE7 and FF, use below id div to block it*/
	width: 200px;
	border: 1px solid #999;
}
.landInfoFullDiv {
	height: 80px;
}
.landInfoFullDivC {
	height: 54px;
}
.landInfoFullDivC {
	padding-top: 5px;
	text-align: center;
}
.landInfoFullDivN {
	margin-left: 2px;
	line-height: 20px;
	vertical-align: bottom;
	color: #999;
	text-decoration: underline;
}
#landCommandDiv, .otherCommandDiv {
	width: 200px;
	height: 184px;
}

/****** Command List ******/
#mainDiv4ULborder {
	width: 215px;
	height: 492px;
	border: 1px solid #999;
	overflow: hidden;
	position: relative;
}
#mainDiv4 ol {/* for IE */
	margin: 0px;
	padding: 0 0 0 2px;
	position: absolute;
	list-style-position: inside;
}
#mainDiv4 ul {/* for IE */
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	left: 20px;
	width: 1000px;
	cursor: move;
}
#commandList {/* other Browser */
	width: 1000px;
	cursor: move;
}
#mainDiv4 li {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	vertical-align: middle;
}
/*#mainDiv4 li:active, #mainDiv4 li:hover {
	background-color: #CCC;
	color: #C62;
}*/
.selectOl, .selectOl3 {
	font-weight: bold;
	background-color: #CCC;
	height: 16px;
}
.selectOl2, .selectOl3 {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}

/****** Land Buttons ******/
.buttonImage {
	margin: 2px;
	border: 1px solid #999;
}

/****** Relationship Table ******/
.relationTbl {
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #999;
}
.relationTbl th, .relationTbl td {
	padding: 2px 20px 2px 20px;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-color: #999;
	font-size: 12px;
	line-height: 12px;
}
.relationTbl th {
	font-weight: normal;
	color: #26C;
	text-align: left;
}
.relationTbl a:hover, .relationTbl a:active {
	background-color: #26C;
}
.relationTbl td {
	text-align: center;
}
th.relationTblTh {
	background-color: #eee;
	padding: 4px;
	text-align: right;
}
.relationTblTh a {
	border: 1px solid #963;
	background-color: #fff;
	padding: 1px 3px;
}
a.relationTblA {
	border: 1px solid #630;
	background-color: #963;
	color: #fff;
}

/****** Misc ******/
#cursorHelpDiv {
	color: #F00;
}
#cursorHelpDiv div {
	color: #06A;
}
#loadingDiv {
	position: absolute;
	z-index: 5;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	text-align: center;
}
#loadingDivP {
	position: relative;
	z-index: 5;
	top: 300px;
	width: 100px;
	margin: 10px auto 10px auto;
	padding: 2px;
	background-color: #800;
	color: #FFF;
	border: 1px solid #99F;
}
.selectLand, .clickLand {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}
#selectLandTop, #selectLandRight, #selectLandBottom, #selectLandLeft {border-style:solid;border-color:#F00;}
#clickLandTop, #clickLandRight, #clickLandBottom, #clickLandLeft {border-style:solid;border-color:#FFF;}
#selectLandTop, #clickLandTop {width:32px;height:1px;border-width:1px 0 0 0;}
#selectLandRight, #clickLandRight {width:1px;height:32px;border-width:0 0 0 1px;}
#selectLandBottom, #clickLandBottom {width:33px;height:1px;border-width:1px 0 0 0;}
#selectLandLeft, #clickLandLeft {width:1px;height:32px;border-width:0 0 0 1px;}
#IBgColorSample, #ITxtColorSample {
	border: 1px solid #000;
}

#Target {
	width: 104px;
	height: 20px;
	vertical-align: middle;
}
#TargetSwitchSpan, #targetSelChoice span {
	/*border: 1px solid #dd6;*/
	/*background-color: #000;*/
	padding: 1px;
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
}
#targetSelChoice {
	width: 153px;
	left: 0px;
	top: 24px;
	line-height: 20px;
	text-align: right;
	background-color: white;
	border: 1px solid #999;
}
#targetSelChoice span {
	border: 1px solid #dd6;
	/*background-color: #000;*/
	background: url(../../image/style1/subHeader2.png) repeat-x center center;
}