@charset "utf-8";

body {
	font-size: 10pt;
	/*color: #6c6c6c;*/
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;

}

p {
	padding-top:5px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
}

.fm { /*for form*/
	margin-top:5px;
	margin-bottom:5px;
}

.key_words {
	color: #965433;
	font-weight:bold;
}
.big_title {text-align:left;margin-bottom:5px;margin-top:5px;}

h2 {
	background-image: url(../images/h2.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #965433;
	background-position: left top;
	text-align: left;
	padding-top: 0px;
	padding-left: 21px;
	padding-right: 0px;
	margin-top: 16px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}
h5 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #A97458;
}

samp {
	padding-right: 40px;
	font-size: 12px;
}

ul {
	margin: 0px;
	padding: 0px;
}
th {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
	border-top-style: none;
}


caption {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8dad7;
	padding-top: 2px;
	padding-bottom: 3px;
}
span {
	/*color: #965432;*/
}

strong {
	color: #409800;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}



/*added*/
a{ text-decoration:none;color:green;font-weight: bold;}
a:hover { color: #FFFFFF; text-decoration: none; background: #87cefa; }

/*
a{ text-decoration:none;color:#4a9d00;font-weight: bold;} 
a:hover { color: #FFFFFF; text-decoration: none; background: #9d9c9d; } 
*/
/* remarked...
a:link {
	text-decoration: none;
	color: green;

}

a:active {
	color: #6c6c6c;
}

a:visited {
	color: green;
	font-weight: bold;
	text-decoration: none;
}
*/

/* added */
.vip_style {color:#FF6600;font-weight: bold}

.vip_style a {color:#FF66CC;font-weight: bold} 
/* for vip function display, now only color   ###*/
.vip_style_a a {color:#FF66CC;font-weight: bold}
input.input_a {width: 40px;border:#6495ed solid; border-width:1px;}

h1 {
	/*font-family: "宋体";*/
	font-size: 14px;
	color: #965433;
	text-align: center;
	font-weight: bold;
	margin: 0px;
}

.top {
	width: 992px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/top.jpg);
	padding-top: 166px;
	text-align: right;
	padding-right: 10px;
}
.top a {
	padding-left: 10px;
}
.top a:hover {
	color: #409800;
	text-decoration: underline;
}

.buttom {
	width: 998px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d8d0cb;
	padding-top: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-right: 2px;
	padding-left: 2px;
	height: 20px;
	padding-bottom: 10px;
}

.login {
	width: 337px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
}

.pan {
	background-image: url(../images/h2.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left bottom;
}
.pan p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8DAD7;
	padding-bottom: 2px;
}
.btn {
	margin-left: 30px;
}
.textfield {
	font-size: 12px;
	border:#6495ed solid; border-width:1px;
	color: #333333;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width:120px;
}
.rule {
	width: 635px;
	float: right;
	text-align: center;
	border: 1px solid #aaaaaa;
	padding: 10px;
	margin-bottom: 10px;
}
.content .rule a {
	color: #965432;
	text-decoration: underline;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

.rule p {
	text-align: left;
}
.rule ul {
	margin: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	list-style-type: circle;
}
.rule li {
	line-height: 18px;
}
.red {
	color: #CC0000;
}
cite {
	padding-left: 40px;
	font-style: normal;
}
.reds {
	color: #965432;
}
.reds a:link {
	color: #B45215;
	font-weight: bold;
}
.reds a:visited {
	font-weight: bold;
	color: #965432;
}
.reds a:hover {
	color: #3F9800;
	text-decoration: underline;
}
.cnei .kuanw {
	border-top-style: none;
}
.cnei left_linew {
	border-left-style: none;
}
.user_box {
	padding-right: 10px;
	padding-left: 10px;
}
.user_box  table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #aaaaaa;
	border-right-color: #aaaaaa;
	border-left-color: #aaaaaa;
}

/* old */
.errorlist {
	color:red;
}
.errorlist li {
margin-left:15px;
margin-top:5px;
}


/* now try new...*/
.error,
.notice, 
.success    { padding: .3em; margin-bottom: .3em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* style for pop window */
#pop_frame {
position:absolute;
background:#eee;
margin:5px;
padding:5px;
border:2px green solid;
overflow-x:auto;
overflow-y:auto;
z-index:9999;
}

#pop_title {
background-image: url(../img/pop_bg.gif);
font-size:12px;
color:#777;
margin:5px;
padding:5px;
text-align:center;
}

#pop_content {

margin:5px;
padding:1px;
overflow-x:auto;
overflow-y:auto;
text-align:left;
}

#odiv {

}

/*map*/
#map_left {
width:45%;
float:left;
border-right:dashed green 1px;

}

#map_right {
width:52%;
float:left;
padding-left:10px;
}


.content {
	width: 1002px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 10px;
	margin-bottom: 10px;
}
.content a:hover {
	color: #409800;
	text-decoration: underline;
}

.content_center p {
	margin: 0px;
	line-height: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}



.content_left {
	width: 273px;
	float: left;
}
.content_center {
	width: 406px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.content_right {
	float: right;
	width: 270px;
	padding-left: 10px;
	background-image: url(../images/bg_yingxiongbang.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 440px;
}

.server {
	height: 147px;
	width: 240px;
	background-image: url(../images/bg_login.gif);
	padding-top: 55px;
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}
.server ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.server li {
	float: left;
	line-height: 25px;
	height: 25px;
	text-align: center;
	width: 240px;
	padding-left: 5px;
}

.server_english {
	height: 147px;
	width: 240px;
	background-image: url(../images/english/login_server.gif);
	padding-top: 55px;
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}
.server_english ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.server_english li {
	float: left;
	line-height: 25px;
	height: 25px;
	text-align: center;
	width: 240px;
	padding-left: 5px;
}
.prtcn  {
	border: 1px solid #aaaaaa;
	padding: 5px;
	margin-left: 5px;
}
.E {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8d0cb;
	color: #409800;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
	width: 100px;
}
.links {
	width: auto;
	clear: both;
	padding-top: 10px;
	margin: 0px;
}
.content .links a {
	margin-left: 20px;
}


.content_center li {
	line-height: 24px;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	list-style-type: none;
	padding-left: 10px;
}
.content_center li p {
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aaaaaa;
	line-height: 20px;
	padding: 3px;
}

.content_center ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.content_right table {
	width: 249px;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 10px;
}
.content .content_right th {
	color: #945e05;
	padding-top: 10px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #aaaaaa;
}
.content_right td {
	line-height: 20px;
	text-align: center;
	padding-top: 5px;
}
.promise {
	border: 1px dashed #aaaaaa;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 20px;
	padding-bottom: 10px;
}
.register {
	width: 297px;
	line-height: 20px;
	padding-bottom: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 0px;
}
.promise p {
	line-height: 20px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.promise li {
	color: #965432;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 10px;
	background-position: left center;
}
.promise ul {
	padding-left: 20px;
}


.register table {
	width: 298px;
	background-image: url(../images/bg_regist.gif);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D8D1CB;
	border-bottom-color: #D8D1CB;
	border-left-color: #D8D1CB;
	text-align: center;
	line-height: 20px;
	padding-bottom: 6px;
}
.register th {
	vertical-align: top;
	padding-top: 6px;
}
.register td {
	vertical-align: top;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}
.content .register p {
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}


.content .register a {
	text-decoration: none;
}

.title {
	background-image: url(../images/h4.jpg);
	background-repeat: no-repeat;
	border: 1px solid #D8D1CB;
	height: 23px;
	width: 296px;
	text-align: center;
	line-height: 23px;
	background-position: center;
}
.server a {
	padding-left: 5px;
}


/* city.css */
/*test for button*/
.button1 { height:18px; width:40px;color:white; display:block; background:url(../images/button_bg.gif); }
.ButtonBlue { 
        width: 60px; 
        height: 20px;
        background: url(../img/btn_blue2.gif) no-repeat top left; 
        color: #FFFFFF; 
		border: 0px; 
		font-weight: bold; 
		cursor: hand;
} 

.head {
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.city {
	width: 1002px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg_city.gif);
	text-align: left;
	/*font-size:10pt; added */
}

.wrapper {
	width: 992px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	float: left;
	/*background-image: url(../images/bg_city.gif);
	background-repeat: repeat;*/
}
.box {
	width: 992px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
	/*background-image: url(../images/bg_city.gif);
	background-repeat: repeat;*/
	float: left;
	padding-top: 5px;
}

.box img{
    border:0;vertical-align:text-bottom;margin-left:2px;
}


.titme {
	font-size:12px;
	background-image: url(../images/rota.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 170px;
	float: left;
	padding-left: 20px;
}

.message {
	background-image: url(../images/h4.jpg);
	height: 40px;
	background-repeat: repeat;
	width: 984px;
	border: 1px solid #D8D1CB;
	margin-top: 2px;
	line-height: 20px;
	padding: 2px;
    
}
.message ul {
	line-height: 20px;
}

.message li {
	float: left;
	list-style-type: none;
	padding-left: 5px;
	width: auto;
}
.wrapper .message a {
	color: #8F5B36;
	text-decoration: underline;
}

.message a:hover {
	color: #419700;
	text-decoration: underline;
}
.center_city {
	width: 656px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #C6C6C6;
	border-left-color: #C6C6C6;
	padding-right: 8px;
	float: left;
	padding-left: 8px;
	padding-bottom:8px;
}
.material {
	width: 165px;
	float: left;
	margin-left: 5px;
}
.center_city samp {
	margin-left: 0px;
}
.city_pan {
	font-size: 12px;
	font-weight: bold;
	color: #A97458;
	height: auto;
}
.city_pan table {
	width: 656px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 20px;
}
.city_pan td {
	background-image: url(../images/line2.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.city_pan th {
	width: auto;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/h2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	text-align: left;
}
.city_map {
	position:relative;z-index:1;
	height: 480px;
	width: 638px;
	
	background-image: url(../images/city_bg.gif);
	background-repeat: no-repeat;
	padding: 8px;
}

/* buildings' position in /city */
.b1 {z-index:3;}
.b3 {position:absolute; width:680px; height:480px; z-index:3; left:5px; top:0px;}

.bld1,.bld2,.bld3,.bld4,.bld5,.bld6,.bld7,.bld8,.bld9,.bld10,.bld11,.bld12,.bld13,.bld14,.bld15,.bld16,.bld17,.bld18,.bld19,.bld20,.bld21,.bld22,.bld23,.bld24,.bld25,.bld26,.bld27,.bld28,.bld29,.bld30,.bld40 {position:absolute;border:0}
.bld1 {z-index:4;left: 18px; top:178px;}
.bld2 {z-index:4;left: 30px; top:105px;}
.bld3 {z-index:4;left: 168px; top:42px;}
.bld4 {z-index:4;left: 345px; top:32px;}
.bld5 {z-index:1;left: 470px; top:44px;}
.bld6 {z-index:4;left: 485px; top:126px;}
.bld7 {z-index:4;left: 535px; top:308px;}
.bld8 {z-index:4;left: 486px; top:393px;}
.bld9 {z-index:4;left: 403px; top:429px;}
.bld10 {z-index:5;left: 111px; top:428px;} /*attck troop*/
.bld11 {z-index:4;left: 10px; top:280px;} /*reinforcement. no 12,13,14*/
.bld15 {z-index:45;left: 239px; top:189px;}
.bld16 {z-index:47;left: 65px; top:230px;}
.bld17 {z-index:48;left: 155px; top:248px;}
.bld18 {z-index:49;left: 265px; top:375px;}
.bld19 {z-index:48;left: 305px; top:336px;}
.bld20 {z-index:47;left: 260px; top:300px;}
.bld21 {z-index:44;left: 178px; top:216px;}
.bld22 {z-index:43;left: 122px; top:200px;}
.bld23 {z-index:42;left: 387px; top:251px;}
.bld24 {z-index:41;left: 348px; top:220px;}
.bld25 {z-index:40;left: 254px; top:158px;}
.bld26 {z-index:39;left: 208px; top:126px;}
.bld27 {z-index:35;left: 262px; top:78px;}
.bld28 {z-index:36;left: 304px; top:111px;}
.bld29 {z-index:37;left: 400px; top:175px;}
.bld30 {z-index:38;left: 445px; top:206px;}
.bld40 {z-index:55;left: 280px; top:383px;} /*beacon tower with fire*/

/*for pic show building's level, in building center*/
.bldl1,.bldl2,.bldl3,.bldl4,.bldl5,.bldl6,.bldl7,.bldl8,.bldl9,.bldl12,.bldl13,.bldl14,.bldl15,.bldl16,.bldl17,.bldl18,.bldl19,.bldl20,.bldl21,.bldl22,.bldl23,.bldl24,.bldl25,.bldl26,.bldl27,.bldl28,.bldl29,.bldl30,.bldl40 {position:absolute;border:0}
.bldl1 {z-index:60;left: 38px; top:192px;}
.bldl2 {z-index:60;left: 50px; top:120px;}
.bldl3 {z-index:60;left: 186px; top:55px;}
.bldl4 {z-index:60;left: 368px; top:49px;}
.bldl5 {z-index:60;left: 490px; top:58px;}
.bldl6 {z-index:60;left: 505px; top:140px;}
.bldl7 {z-index:60;left: 554px; top:323px;}
.bldl8 {z-index:60;left: 504px; top:408px;}
.bldl9 {z-index:60;left: 422px; top:444px;}
.bldl12 {z-index:60;left: 235px; top:420px;} 
.bldl13 {z-index:60;left: 285px; top:455px;} 
.bldl14 {z-index:60;left: 136px; top:353px;} 
.bldl15 {z-index:60;left: 272px; top:242px;}
.bldl16 {z-index:60;left: 90px; top:255px;}
.bldl17 {z-index:60;left: 175px; top:274px;}
.bldl18 {z-index:60;left: 281px; top:390px;}
.bldl19 {z-index:60;left: 327px; top:362px;}
.bldl20 {z-index:60;left: 285px; top:318px;}
.bldl21 {z-index:60;left: 195px; top:237px;}
.bldl22 {z-index:60;left: 145px; top:215px;}
.bldl23 {z-index:60;left: 410px; top:272px;}
.bldl24 {z-index:60;left: 365px; top:235px;}
.bldl25 {z-index:60;left: 275px; top:177px;}
.bldl26 {z-index:60;left: 228px; top:145px;}
.bldl27 {z-index:60;left: 280px; top:100px;}
.bldl28 {z-index:60;left: 330px; top:132px;}
.bldl29 {z-index:60;left: 420px; top:193px;}
.bldl30 {z-index:60;left: 465px; top:223px;}

.event_class{
    margin-left:0px;
    padding-left:0px;
}

.event_class p{
    margin:2px;padding:2px;
    height:16px;
    vertical-align:center;
}


/* map...*/ 
.mm {position:absolute;border:0;z-index:10;} 
.nn {position:absolute;border:0;z-index:10;} 
.main_map {
	position:relative;
	margin-top:10px;
	MARGIN-RIGHT: auto; MARGIN-LEFT: auto;
	height: 595px!important; /* IE7+FF */
	height: 580px;
}

.map_navigator {
	position:absolute;
	z-index:1;
	height: 60px;
	width: 65px;
	left:550px;
}
.map_fix {
	position:absolute;
	margin-top:5px;
	height: 50px;
	width: 500px;
}
.map_navigator_up,.map_navigator_right,.map_navigator_down,.map_navigator_left {position:absolute;border:0;z-index:10;}
.map_navigator_up {
	top: 0px;
	left:22px;
}
.map_navigator_right {
	top: 22px;
	left:44px;
}
.map_navigator_down {
	top: 44px;
	left:22px;
}
.map_navigator_left {
	top: 22px;
	left:0px;
}

.map_locations {
	position:absolute;
	margin-top:55px;
	height: 50px;
	width: 500px;
}

.text {
	background-image: url(../images/h2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #A97458;
	height: 22px;
	line-height: 26px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}
.city_butom {
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.live {
	height: 350px;
}

.map {
	height: 535px;
	background-repeat: no-repeat;
	padding: 8px;
}
.map img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.map ul {
}

.map li {
	float: left;
	height: 51px;
	width: 51px;
	border: 1px solid #E6DED3;
	background-color: #E6DED3;
	vertical-align: middle;
	list-style-type: none;
	text-align: center;
	margin: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.luopan {
	height: 73px;
	text-align: center;
	width: 653px;
}
.selectfashi {
	padding-left: 20px;
	margin-bottom: 20px;
	height: 150px;
}
.selectfashi p {
	color: #A97458;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aaaaaa;
	padding-bottom: 5px;
}
.selectfashi ul {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aaaaaa;
	height: 50px;
	padding-left: 20px;
}
.selectfashi li {
	width: 200px;
	float: left;
	line-height: 20px;
}
.city .box .center_city .selectfashi a {
	font-weight: normal;
}
.city .box .center_city .selectfashi a:hover {
	color: #3F9800;
	text-decoration: underline;
}
.right {
}
.description {
	margin-left: 20px;
}
.vip {
	padding: 10px;
}
.vip ul {
	padding-left: 40px;
}

.vip  .cnei  {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aaaaaa;
	margin-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaaaaa;
}
.user {
	padding: 10px;
}
.say {
	height: 473px;
	width: 633px;
	border: 1px solid #aaaaaa;
	background-color: #F7F3E7;
}
.wonder {
	padding: 10px;
	height: auto;
}
.wonder img {
	border: 1px solid #EFEFDE;
	padding: 5px;
	background-color: #D8C2AF;
}
.wonder ul {
	list-style-type: none;
}
.wonder ul li {
	float: left;
	width: 155px;
	text-align: center;
}
.wonder a {
	color: #A5654A;
	font-weight: bold;
}
.wonder a:hover {
	color: #945D00;
}
.wonder table {
	line-height: 12px;
}
.wonder td {
	padding: 5px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aaaaaa;
}
.yunsong {
	width: 642px;
	clear: both;
	background-color: #F5F2EE;
	padding: 5px;
	border: 1px solid #aaaaaa;
}

.box_yunsong_right {
	float: right;
	width: 325px;
}
.box_yunsong_left {
	float: left;
	width: 325px;
}
.bgtest {
	background-color: #9D5F41;
	color: #FFFFFF;
	border: 1px solid #aaaaaa;
}
.yunsong td {
	padding: 5px;
}
.linex {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #aaaaaa;
}
.city .box .center_city .yunsong .linex .yunst a {
	color: #9D5F41;
}

/*
======================================*/
.s_navi {
	width: 656px;
	clear: both;
	font-size:10pt;
}
.budui {
	clear: both;
}

.s_navi p {
	width: 94px;
	float: left;
}
.s_navi p strong {
	font-size: 12px;
}

.s_navi .aw1 {
	background-image: url(../images/mutou.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}
.s_navi .aw2 {
	background-image: url(../images/nitu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}
.s_navi .aw3 {
	background-image: url(../images/kuaishi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}
.s_navi .aw4 {
	background-image: url(../images/langshi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}
.s_navi .aw5 {
	background-image: url(../images/beiyin.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}
.s_navi .aw6 {
	background-image: url(../images/renkou.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}

/*added for battle report, and also for alliance battle.*/
.rb {width:600px;

}
.rb p{margin:5px 5px 5px 5px;}

.boa {background:#ecefec;border-width: 1px;border-style: dashed;border-color: #aaaaaa;margin-top:2px;} 
.bod {background:#cbe5f1;border-width: 1px;border-style: dashed;border-color: #aaaaaa;margin-top:2px;} 
/*
.boa {background:#ecf6fc}
.bod {background:#bcd4ec}
*/

/* for goods level show, now only used in vip/goods*/
table tr.goods_show1 td {background: #ecf6fc}
table tr.goods_show2 td {background: #bcd4ec}
table tr.goods_show3 td {background: #ecf6fc}
table tr.goods_show4 td {background: #bcd4ec}
table tr.goods_show5 td {background: #ecf6fc}

blink{behavior:url(#default#time2)}

.ti_grey {color:grey}
.ti_light {font-weight:bold}


/* CSS navi Document */
.navi {
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D2D4D1;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: left center;
}
.navi ul {
	list-style-type: none;
	float: right;
	width: 793px;
	height: 30px;
	line-height: 30px;
}
.navi li {
	float: right;
	height: 17px;
	background-image: url(../images/navi_city.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 93px;
	margin-left: 10px;
	line-height: 17px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	display: block;
}
.navi li a{
	background-image: url(../images/navi_city.jpg);
	height: 17px;
	width: 93px;
	display: block;
}
.navi li a:hover{
	display: block; color: #9D6042;
	background-image: url(../images/navi_city.jpg);
	background-repeat: no-repeat;
}

.navie_left {
	text-align: center;
	width: 143px;
	float: left;
}
.navie_left ul {
	list-style-type: none;
}
.navie_left li {
	height: 27px;
	width: 130px;
	display: block;
	margin-bottom: 10px;
	color: #9D6042;
}
.city .box .navie_left li a {
	background-image: url(../images/left_navi.gif);
	background-repeat: no-repeat;
	display: block;
	height: 27px;
	width: 105px;
	padding-left: 25px;
	line-height: 27px;
	text-align: left;
	font-size: 14px;
	color: #9D6042;
	border: 1px solid #aaaaaa;
}
.city .box .navie_left a:hover {
	color: #E6DED3;
	height: 27px;
	width: 105px;
	padding-left: 25px;
	display: block;
	background-image: url(../images/navi_city_hui.gif);
	background-repeat: no-repeat;
	text-align: left;
}

.notes {
	width:130px;
	text-align: left;
	background-image: url(../images/materbg.gif);
	background-repeat: repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D8D1CB;
	border-bottom-color: #D8D1CB;
	border-left-color: #D8D1CB;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.notes a {
	font-size:14px;
	display: block;
	text-align: center;
}

.notes a:hover{
	
}

#note_content {
	width: 120px;
	font-size: 12px;
	color: #333333;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

/* CSS box Document */

.mbox {
	width: 165px;
	background-image: url(../images/materbg.gif);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D8D1CB;
	border-bottom-color: #D8D1CB;
	border-left-color: #D8D1CB;
	padding-bottom: 10px;
	background-repeat: repeat;
	margin-bottom: 10px;
}
.mbox h4 {
	background-image: url(../images/materh4.gif);
	background-repeat: repeat;
	height: 25px;
	width: 140px;
	text-align: left;
	font-size: 12px;
	margin: 0px;
	vertical-align: middle;
	line-height: 23px;
	color: #9D6042;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D8D1CB;
	border-bottom-color: #D8D1CB;
}
.mbox ul {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BBBBBB;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 3px;
	padding-left: 10px;
}
.mbox li {
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
.mbox strong {
	margin-right: 5px;
}
.mbox p {
	width: 145px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
.edit {
	text-align: left;
	color: #9D6042;
	margin-top: 10px;
}

/*
.city .box .material .mbox .edit a {
	color: #9D6042;
}*/

.mbox #note_content {
	width: 145px;
	font-size: 12px;
	color: #333333;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.scroll { /*for chat scroll words*/
height: 320px;
width: 620px;
overflow-x: auto;
overflow-y: auto;
border: 1px solid #666;
background-color: #DFDFDF;
padding: 8px;
}

div.scroll2 { /*for chat scroll words*/
height: 120px;
width: 160px;
overflow-x: auto;
overflow-y: auto;
border: 1px solid #666;
background-color: #EFEFEF;
padding: 2px;
margin-bottom: 5px;
}

.martlpan {
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D8D1CB;
	border-right-color: #D8D1CB;
	border-bottom-color: #D8D1CB;
	border-left-color: #D8D1CB;
	/*background-image: url(../images/martpanbg.gif);*/
}
.martlpan p {
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
}

.martltitle {
	background-image: url(../images/martlpan.gif);
	background-repeat: repeat-x;
	line-height: 24px;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D1CB;
}
.martltitle li {
	float: left;
	list-style-type: none;
	color: #E6DED3;
	width: 93px;
	text-align: center;
	padding: 0px;
}
.martltitle  li a {
	color: #945E04;
	display: block;
	width: 93px;
}
/*
.martltitle a:visited {
	color: #9D6042;
}*/

.marrgover {
	background-image: url(../images/martlpan_hover.gif);
	background-repeat: repeat-x;
	display: block;
	width: 40px;
	color: #E6DEE3;
}
.mart_box {
	margin-bottom: 20px;
	/*background-color: #F4F1ED; cancel???*/
	line-height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #D8D1CB;
	border-right-color: #D8D1CB;
}
.box_title {
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D1CB;
	padding-left: 5px;
	background-image: url(../images/mart_boxpan.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}
.box_title img {
	padding-right: 5px;
	padding-left: 5px;
}
.mart_boxtab {
	line-height: 20px;
	margin-top: 5px; /*10px*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
	width: 654px;
}
.mart_boxtab td {
	padding: 2px; /*5px*/
	width: auto;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #9A9A9A;
}

/*
.city .box .center_city .mart_box a {
	color: #9D6042;
}
*/
.mart_boxtab th {
	text-align: center;
	padding: 3px;
}
.mart_boxtab p {
	text-align: left;
	margin: 0px;
	padding: 5px;
}

.cne {
	text-align: center;
}
.cnei {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.cnei td {
	text-align: center;
	padding: 2px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #aaaaaa;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #aaaaaa;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaaaaa;
	
}

.cnei th {
	text-align: center;
	padding: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #aaaaaa;
	border-left-color: #aaaaaa;
	background-color: #EAE7E3;
	background-image: url(../images/materbg.gif);
	color: #9D6042;
	font-weight: bold;
	
}
.online {
	border-left-style: dotted;
}
.box_right {
}
.cnei p {
	text-align: left;
	margin: 0px;
	line-height: 20px;
	padding: 3px;
}
.box_but {
	margin-left: 10px;
}
.linekua {
	border: 1px solid #aaaaaa;
	font-size: 13px;
	height:18px;
}
.box_title input {
	text-align: right;
	margin-left: 620px;
}

/*test for strip table, with jquery*/
table.cnei tr.alt td {background: #ecf6fc}
table.cnei tr.over td {background: #bcd4ec;}

/*added, normal table*/
.stand_table {
	margin-top: 10px;
	margin-bottom:5px;
	padding-top:5px;
	text-align: center;
	border-color: #aaaaaa;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse; 
}

.stand_table caption{
	color: green;
	font-weight: bold;
	padding-bottom:5px;
}

.stand_table td {
	text-align: center;
	padding: 4px;
	border-color: #aaaaaa;
	border-width: 1px;
	border-style: solid;
	
}

.stand_table th {
	text-align: center;
	border-width: 1px;border-style: solid;
	padding: 4px;
	background-color: #EAE7E3;
	background-image: url(../images/materbg.gif);
	color: #9D6042;
	font-weight: bold;
}
.stand_table p {
	text-align: left;
	margin: 0px;
	line-height: 20px;
	padding: 3px;
}

/* test, new table */ 
.new_table { 
	margin-top: 5px; 
	margin-bottom:5px; 
	text-align: center; 
	border-collapse: collapse; 
	border-width: 1px;border-style: solid;border-color: #aaaaaa; 
} 

.new_table caption{ 
	color: green; 
	font-weight: bold; 
	padding-bottom:5px; 
} 

.new_table td { 
	text-align: center; 
	padding: 4px; 
	border-width: 1px;border-style: solid;border-color: #aaaaaa; 
} 

.new_table th { 
	text-align: center; 
	border-width: 1px;border-style: solid;border-color: #aaaaaa; 
	padding: 4px; 
	background-color: #EAE7E3; 
	background-image: url(../images/materbg.gif); 
	color: #9D6042; 
	font-weight: bold; 
} 
.new_table p { 
	text-align: left; 
	margin: 0px; 
	line-height: 20px; 
	padding: 0px; 
} 
.new_table td span { 
	text-align: left; 
	margin: 0px; 
	line-height: 20px; 
	padding: 3px; 
} 

table.new_table tr.odd td {background: #ecefec;} 
table.new_table tr.even td {;} 
table.new_table tr.over td {background: #cbe5f1;} 

/* for city pop down menu. new.*/
.pop_city_container {
	width:300px; margin:0 auto; z-index:100;position:relative;
}
.pop_city_menu {
	position:absolute;
	float:left;left:30px;
	top:-2px;
	padding:2px;
	display:None;
	border:solid 1px #717171;
	border-top-style:none;background:#eee;
}