BODY {background: #666666;
	background-image:url("../images/pic/bg.jpg");	
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
	 margin: 0em; SCROLLBAR-FACE-COLOR: #666666;
        SCROLLBAR-HIGHLIGHT-COLOR: #555555; SCROLLBAR-SHADOW-COLOR: #FFFFFF;
        SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #FFFFFF;
        SCROLLBAR-TRACK-COLOR: #636363; SCROLLBAR-DARKSHADOW-COLOR: #555555}

form {  margin: 0;
	padding: 0;
		}

table {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
	}

td {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
	}


.button_table{  COLOR: #F9FBA8; 
				FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
                cursor: pointer; CURSOR: hand;}

	
.button{ BACKGROUND-COLOR: #777777;
		background-image:url("../images/pic/bg.jpg");
                BORDER-BOTTOM: #F9FBA8 1px solid; 
                BORDER-LEFT: #F9FBA8 1px solid; 
                BORDER-RIGHT: #F9FBA8 1px solid; 
                BORDER-TOP: #F9FBA8 1px solid; 
                COLOR: #F9FBA8; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
                cursor: pointer; CURSOR: hand;}

.button_selected{ BACKGROUND-COLOR: #777777;
			background-image:url("../images/pic/bg.jpg");
                BORDER-BOTTOM: #F9FBA8 1px solid; 
                BORDER-LEFT: #F9FBA8 1px solid; 
                BORDER-RIGHT: #F9FBA8 1px solid; 
                BORDER-TOP: #F9FBA8 1px solid; 
                COLOR: #FFFFFF; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
                cursor: pointer; CURSOR: hand;}

.buttonA {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/88_20.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #f9fba8; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #666666;
  width:88;border:0;height:20;
}
.buttonA_selected {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/88_20.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #ffffff; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #777777;
  width:88;border:0;height:20;
}
.buttonAW {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/88_39.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #f9fba8; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #666666;
  width:88;border:0;height:39;
}
.buttonA_selectedW {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/88_39_s.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #ffffff; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #777777;
  width:88;border:0;height:39;
}


.button_36_20 {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/36_20.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #f9fba8; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #666666;
  width:36;border:0;height:20;
}
.button_36_20_selected {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/36_20_s.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #ffffff; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #777777;
  width:36;border:0;height:20;
}


.button_59_20 {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/59_20.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #f9fba8; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #666666;
  width:59;border:0;height:20;
}
.button_59_20_selected {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/59_20_s.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #ffffff; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #777777;
  width:59;border:0;height:20;
}


.button_88_20 {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/88_20.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #f9fba8; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #666666;
  width:88;border:0;height:20;
}
.button_88_20_selected {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/88_20_s.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #ffffff; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #777777;
  width:88;border:0;height:20;
}


.button_103_20 {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/103_20.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #f9fba8; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #666666;
  width:103;border:0;height:20;
}
.button_103_20_selected {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/103_20_s.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #ffffff; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #777777;
  width:103;border:0;height:20;
}

.button_28_20 {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/link_b.gif"); BORDER-LEFT: #f9fba8 1px solid; cursor: pointer; cursor: hand; COLOR: #f9fba8; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #666666;
  width:28;border:0;height:20;
}

.button_28_20_s {
	BORDER-RIGHT: #f9fba8 1px solid; BORDER-TOP: #f9fba8 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url("../images/buttons/link_b_s.gif"); BORDER-LEFT: #f9fba8 1px solid; COLOR: #f9fba8; BORDER-BOTTOM: #f9fba8 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #777777;
  width:28;border:0;height:20;
}
	
.text{ BACKGROUND-COLOR: #CCCCCC;
		BACKGROUND-IMAGE: url("../images/buttons/text_1_18.gif");
                BORDER-BOTTOM: #555555 1px solid; 
                BORDER-LEFT: #555555 1px solid; 
                BORDER-RIGHT: #555555 1px solid; 
                BORDER-TOP: #555555 1px solid; 
                COLOR: #000000; 
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
		height: 20px;
                cursor: pointer; CURSOR: hand;}

.textarea{ BACKGROUND-COLOR: #CCCCCC;
                BORDER-BOTTOM: #555555 1px solid;
                BORDER-LEFT: #555555 1px solid;
                BORDER-RIGHT: #555555 1px solid;
                BORDER-TOP: #555555 1px solid;
                COLOR: #000000;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
                cursor: pointer; CURSOR: hand;}



.table {
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 1px solid #B6B6B6;
}

.table_alt
{
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
border: 0px solid #000000;
COLOR: #ffffff;
}

.table_alt1 
{
background: #434343;
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
border: 0px solid #000000;
COLOR: #ffffff;
}

.table_alt2 
{
background: #FEFFC8;
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7pt;
border: 0px solid #000000;
COLOR: #000000;
TEXT-ALIGN: left;
}

.table_title 
{
background: #898989;
background-image:url("../images/pic/bg_title.jpg");
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 1px solid #B6B6B6;
}

.cell_title
{
background: #898989;
background-image:url("../images/buttons/tab_c.gif");
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
border: 0px solid #1d6aaf;
}

.cell 
{
background: #656565;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
border: 1px solid #B6B6B6;
}

.cell2 
{
background: #656565;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8pt;
border: 1px solid #B6B6B6;
}

.cell_scroll
{
background: #898989;
background-image:url("../images/pic/bg_title.jpg");
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 0px solid #B6B6B6;
}

.cell_bg
{
background: #898989;
background-image:url("../images/pic/bg.jpg");
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 1px solid #B6B6B6;
}




.table td {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 1px solid #B6B6B6;
}

.table1 {
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 1px solid #B6B6B6;
}

.table1 td {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 1px solid #B6B6B6;
text-align: left;
}

.table2 {
background: #000000;
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 1px solid #B6B6B6;
}

.table2 td {
background: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 1px solid #B6B6B6;
text-align: center;
}

.table3 
{
TEXT-ALIGN: center; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
}

.table3 td {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
}

.table4 {
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 0px solid #B6B6B6;
}

.table4 td {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 0px solid #B6B6B6;
text-align: left;
}

.table4 tr {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 0px solid #B6B6B6;
text-align: left;
}




.table5 {
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 1px solid #B6B6B6;
}

.table5 td {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 0px solid #B6B6B6;
text-align: left;
}

.table5 tr {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 0px solid #B6B6B6;
text-align: left;
}

.cssLocImage
{
  border: 1px solid #FFFFFF;
  width:200; height:200;
}

.cssLocImageOld
{
  border: 1px solid #FFFFFF;
  width:150; height:150;
}

.cssLocImageRuins
{
  border: 1px solid #FFFFFF;
  width:150; height:150;
}

.tableNB {
TEXT-ALIGN: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 0px solid #B6B6B6;
}

.tableNB td {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 0px solid #B6B6B6;
text-align: left;
}

.tableNB tr {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10pt;
border: 0px solid #B6B6B6;
text-align: left;
}

.check
{
	cursor: pointer; cursor: hand;
}

.cp {cursor: pointer; cursor: hand;}

.selectControl {
	FONT-SIZE: 8pt;
	COLOR: #f9fba8;
	BACKGROUND-COLOR: #666666;
}

.ArmyShow
{
  float:left; margin:2px; position:relative; left:0; top:0; border:0; width:78px; height:78px;
}

.ItemShow
{
  float:left; margin:2px; position:relative; left:0; top:0; border:0; width:58px; height:58px;
}

.EffectAbilShow
{
  float:left; margin:2px; position:relative; left:0; top:0; border:0; width:40px; height:40px;
}

#wdd a{padding:4px;font-weight:bold; text-decoration:none;font-size:x-small;}#wdd a:link{color:white;}#wdd a:hover {color:black;}#wdd a:visited {color:white;}#wdd a:active {color:red}


.cnx-tbl-inn
{
   background: #181B21;
   filter:alpha(Opacity=80);
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   -moz-opacity: 0.80;
   -khtml-opacity: 0.80;
   opacity: 0.80;
}

.cnx-tbl-inn2
{
   background: #181B21;
}

.cnx-tbl-b1c0, .cnx-tbl-b1c1, .cnx-tbl-b1c2, .cnx-tbl-b1c3 { width: 4px; height: 4px; }
.cnx-tbl-b1c0 { background: #342E29 url('/images/borders/b1c0.gif'); }
.cnx-tbl-b1c1 { background: #342E29 url('/images/borders/b1c1.gif'); }
.cnx-tbl-b1c2 { background: #342E29 url('/images/borders/b1c2.gif'); }
.cnx-tbl-b1c3 { background: #342E29 url('/images/borders/b1c3.gif'); }
.cnx-tbl-b1t { height: 4px; background: #342E29 url('/images/borders/b1t.gif'); }
.cnx-tbl-b1l { width: 4px;  background: #342E29 url('/images/borders/b1l.gif'); }
.cnx-tbl-b1r { width: 4px;  background: #342E29 url('/images/borders/b1r.gif') repeat; }
.cnx-tbl-b1b { height: 4px; background: #342E29 url('/images/borders/b1b.gif'); }
.cnx-tbl-sep { width:auto; height: 2px; background: transparent url('/images/borders/b1t.gif') repeat-x; margin: 3px; display:block;}
.cnx-tbl-rg { float: right; cursor: default; }
* html .cnx-tbl-sep { height: 1px; font-size: 0.1px; }

.fixedDiv
{
  position:fixed; left:0; top:0;
  //position:absolute;
  top:expression( parseInt(document.body.scrollTop, 10) + this.tttop + 'px');
  left:expression( parseInt(document.body.scrollLeft, 10) + this.llleft + 'px');
  z-index:200;
  cursor:move;
}

.fixedDiv a:link, a:visited {color:#F9FBA8}