/* CSS Document */
@import url(basestyle.css);
@import url(baseframe.css);
@import url(basepublic.css);

#mainpager {width:100%; background:url(../images/bg/bg_full.jpg) no-repeat;}
#mainpager_in {width:1002px; margin:0 auto;}

.header_build_01 {width:1002px; height:157px; position:relative; font-size:0px;}

.header_build_username_01 {width:115px; height:18px; line-height:18px; position:absolute; left:83px; top:88px; *top:90px; text-align:center; font-size:14px; font-family:tahoma;}
.header_build_serivetime_01 {position:absolute; left:415px; top:20px; font-family:tahoma; font-size:12px;}
.header_build_yield_01 {width:370px; height:50px; position:absolute; left:237px; top:80px; font-size:12px;}
.header_build_yield_01 table td {width:110px; padding:7px 0 0 10px; color:#876318; font-size:12px;}

.img_header_btn {position:absolute; z-index:10;}
#img_header_btn_01 {left:620px; top:72px;}
#img_header_btn_02 {left:691px; top:72px;}
#img_header_btn_03 {left:760px; top:72px;}
#img_header_btn_04 {left:833px; top:72px;}
#img_header_btn_05 {left:901px; top:72px;}
#img_header_btn_06 {left:933px; top:72px;}

.sidebar_build_01 {width:47px; padding-top:120px; float:left; display:inline;}
.sidebar_build_01 ul li {line-height:30px; text-align:center;}
table.ttb{width:100%;  }
table.ttb tr{  text-align:left;  height:22px;color:#806731;}
table.ttb tr td{padding:0px;}
.sidebar_build_02 {width:188px;}
.sidebar_build_02_in { margin-top:33px;}
.stauts_list {width:152px; margin:0 auto 0 23px; padding:3px 0 0 0;}
.stauts_list h3 {width:152px; height:30px; line-height:30px; font-size:14px; text-align:center; background:url(../images/bg/title_01.gif);}
.stauts_list h3 a {display:block;}
.stauts_list ul li {color:#806731; padding-bottom:6px;}
.stauts_list_in {margin:5px 5px 0 5px; border:#c1a569 1px solid; padding:10px 10px 0 10px;}
#troops{margin:5px 0px 0 5px; padding:0;}
.mapbar_02_btm {position:absolute; bottom:0; _bottom:-1px; left:0;}


.sidebar_build_03 {width:49px; height:443px; float:left; display:inline;}

#map {position:relative; background:url(../images/bg/map_build_list_02.jpg) 0 90px; float:left; display:inline;}
.content_build_01 {width:740px;}
.content_build_01_bar {position:absolute; z-index:10000;}
.content_build_01_bar_01 {left:0; top:0;}
.content_build_01_bar_02 {left:0; bottom:0; _bottom:-1px;}
.content_build_01_bar_03 {right:10px; top:0;}
.content_build_01_bar_04 {left:0px; top:15px;}
.content_build_01_bar_05 {right:0px; top:0;}

/* apply box */


#leftbar {float:left; display:inline; position:relative; background:url(../images/pic/mapbar_02_02.gif); z-index:1; }
#map_build_list_02,.mdiv1 {width:740px; height:425px; padding-top:18px; position:relative; z-index:1; overflow:hidden;}
.player_info_xy {position:absolute; left:36px; top:30px; font-family:tahoma; z-index:10000; font-size:16px;}
.player_info_intel {width:120px; position:absolute; right:20px; top:20px;border:#25281a 1px solid; z-index:10000; background:#b9c26c; padding-bottom:5px; text-align:right;}
.player_info_intel h3 {border-bottom:#25281a 1px solid; padding:5px; background:#bcc495; font-size:14px;}
.player_info_intel p {padding:5px 5px 0 5px;}
.player_info_inputxy {width:197px; height:53px; position:absolute; left:20px; bottom:10px; z-index:10000;}
.player_info_inputxy_in {width:150px; position:relative;}
.player_info_inputxy_in table {position:absolute; left:28px; top:13px; *top:15px; font-family:tahoma; color:#973; padding:1px; padding-left:2px;}
.player_info_fullsceen {width:70px; height:70px; position:absolute; right:25px; bottom:10px; z-index:10000;}

.circular {width:24px; height:24px; position:absolute; z-index:1000; font-size:0px;}
.circular_in {position:relative;}
.circular_in p {width:24px; line-height:24px; font-size:16px; color:#825d0f; padding:0 0 9px 0; *padding:0 0 7px 0; text-align:center; position:absolute; left:0; top:0; font-family:arial;}
.circular_in span {position:absolute; left:30px; top:-15px;}
.circular_in span img{filter:alpha(opacity=60); opacity:0.6; }
.circular_in p a:link,.circular_in p a:visited {display:block; text-decoration:none;}
.circular_in p a:hover,.circular_in p a:active {display:block; text-decoration:none;}

.build_92,.build130 {position:absolute;}
.build_92 img {width:92px; height:55px;}
.build130_in {width:130px; height:130px; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle;}
.build130_in span {position:absolute; left:30px; top:30px;}
.build130_in span img{ /*filter:alpha(opacity=80); opacity:0.8;*/}
.build130_in p {position:static; +position:absolute; top:50%;}
.build130_in p img {position:static; +position:relative; top:-50%; left:-50%;}
img.img30x30 {width:30px; height:30px;}

.arrow_120 {position:absolute; z-index:1001;}

#map_build_btn img {width:740px; height:425px; z-index:10000; position:absolute; left:0; top:0;}

.map_01_01 {background:url(../images/bg/map_full_01_01.jpg) no-repeat;}

.map_03_01 {background:url(../images/bg/map_full_03_01.jpg) no-repeat;}
.map_03_02 {background:url(../images/bg/map_full_03_02.jpg)   no-repeat;}
.map_03_03 {background:url(../images/bg/map_full_03_03.jpg) no-repeat;}
.map_03_04 {background:url(../images/bg/map_full_03_04.jpg)  no-repeat;}
.map_03_05 {background:url(../images/bg/map_full_03_05.jpg)  no-repeat;}
.map_03_06 {background:url(../images/bg/map_full_03_06.jpg)  no-repeat;}
.map_03_07 {background:url(../images/bg/map_full_03_07.jpg)  no-repeat;}
.map_03_08 {background:url(../images/bg/map_full_03_08.jpg)  no-repeat;}
.map_03_09 {background:url(../images/bg/map_full_03_09.jpg)  no-repeat;}

#map_build_list_01 {width:600px; background:url(../images/bg/map_build_list_01.jpg) no-repeat; padding:50px 70px 0 70px; min-height:400px; _height:400px;}
#map_build_list_01 h3 {padding:0 0 10px 138px; font-size:20px;}
#map_build_list_01 .table {width:600px; margin:0 auto;}

#map_build_list_01 table tr td h6 {font-size:14px; padding:15px 0 10px 0;}

/* main */
#main_header {width:1002px; height:240px; margin:0 auto;}
#main_content {width:927px; margin:0 auto; background:url(../images/bg/bg_01.gif) right top repeat-y;}

.main_content_in {width:680px; margin:0 auto;}
.main_content_in_btn {text-align:center; font-size:0px; padding:0 0 20px 0;}
.main_content_in_btn img {margin:0 3px;}
.main_content_in_intro {padding:0 0 20px 0;}
.main_content_in_intro img {width:200px; height:220px; float:left; margin:0 20px 0 0;}
.main_content_in_intro h1 {font-size:20px; color:#583c04; font-weight:normal; margin-bottom:8px;}
.main_content_in_intro p {color:#583c04; font-size:12px; line-height:19px; text-indent:24px;}
.main_content_in_input {font-size:14px; color:#583c04; padding-bottom:20px;}
.main_content_in_input table tr td {width:25%; padding:0 0 5px 0;}

.main_content_in_reg {padding:0 0 20px 0; color:#583c04;}
.main_content_in_reg h1 {font-size:25px; text-align:center; padding:10px 0;}
.main_content_in_reg table tr td {padding:10px 0 0 0; font-size:14px;}
td.reg_name {width:38%; text-align:right;}
td.reg_input {width:60%; padding:0 0 0 10px;}
td.reg_btn {text-align:center;}
input.reg_input {width:260px; height:20px; line-height:20px; border:#583c04 1px solid; padding:1px; padding-left:2px;}
input.main_input {width:140px; height:20px; line-height:20px; border:#583c04 1px solid; padding:1px; padding-left:2px;}

#main_footer {width:1002px; margin:0 auto; font-size:0px;}
#footer {width:1002px; background:url(../images/bg/footer.gif) 43px 0 no-repeat; padding:20px 0; text-align:center;}


input.button {padding:2px 5px;}*.button_inactive { display: inline; margin:auto;border: 3px double #5d4c2f;border-top-color: #c9a584;border-left-color: #c9a584;padding: 2px 4px;background:#eccf8e url(../input/button.gif) repeat-x;
	font-weight: bold;font-size:12px;text-align:center;color:#542c0f; /*Default Brown*/filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;cursor: default;width: 150px;}
*.button { border: 3px double #5d4c2f;border-top-color: #c9a584;border-left-color: #c9a584;padding: 2px 0px;
	background:#eccf8e url(../input/button.gif) repeat-x;font-weight: bold;font-size:12px;/*	line-height:22px; */text-align:center;color:#542c0f; /*Default Brown*/}
*.button:hover {	color: #FFFFFF; text-decoration:none;	}
*.button:active {border: 3px double #c9a584;border-top-color: #5d4c2f;border-left-color: #5d4c2f;padding:3px 1px 1px 3px;} 
/*
TODO: schoenmachen! -> Slider wurde bewegt, Button wird gehighlightet
*/
*.buttonChanged { border: 3px double #5d4c2f;border-top-color: #c9a584;border-left-color: #c9a584; padding: 2px 0px; background:#eccf8e url(../input/button.gif) repeat-x; font-weight: bold;font-size:12px;/*  line-height:22px; */text-align:center;color:#b03937; /*rot aus h1*/}
p{	display:block; font-size:12px;font-weight:normal;color:#542c0f;  }	
.txt_menue {font-size:10pt; font-weight:bold;font-weight:bold;font-size:14px;line-height:40px;color:#b03937; /* h1 red */} 
.bhr {color:#bc575d;background-color:#bc575d;border:none;border-color: #bc575d;height:1px;margin:12px 20px;}
.theader {background-image:url(../images/layout/bg_contentBox03_header.gif); background-repeat:repeat-x; height:5px;padding:0; margin:0;overflow:hidden; margin-bottom:1px;}
.unit{ margin-left:4px;}
.buildingdesc{ font-size:1.2em; margin-bottom:10px;   }
.contentBox{padding:2px;border: 1px solid #e4b873; background-color:#fff;}
html #cityNav .textLabel {font-size: 14px;}
html #cityNav a .textLabel {top:87px;font-size: 14px;}
#cityNav h3, #breadcrumbs h3 {position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
#cityNav {position:absolute;left:-68px; top:-61px;width:350px; height:30px;text-align:center;z-index: 999999;}
#cityNav .textLabel {font-size:10px;color:#542c0f; /*Default Brown*/}
#cityNav li {position:absolute;top:0; left:0;}
#cityNav li a {display:block;font-size:11px;text-decoration:none;background-repeat:no-repeat;background-position:0px 0px;} 
#cityNav label {position:absolute; left:-9999px; width:1px; height:1px;	overflow:hidden;}	
/* ///////////////// Dropdown SELECT Styles ///////////////// */	
#cityNav .citySelect {font-size: 12px;text-align: left;position:absolute;display:block;top:6px; left:12px;width:177px; height:24px;}
#cityNav .smallFont {font-size: 11px;}
#cityNav .citySelect * {background:url(../images/select_citynav.jpg) no-repeat 0px 0px;}
#cityNav .citySelect li {position:static; /* kill the position:absolute from above*/line-height:24px;padding-left: 8px;}
#cityNav .citySelect .optionList li { height:24px; background-image:url(../images/select_citynav.jpg); background-position: 0px -98px; cursor:pointer;   }
#cityNav .citySelect .optionList li.first { padding-top:2px; background-position: 0px -72px;  }
#cityNav .citySelect .optionList li.first.hover { background-position: 0px -172px; }
#cityNav .citySelect .optionList li.last { padding-bottom:2px; background-position: 0px -146px; }
#cityNav .citySelect .optionList li.last.hover { background-position: 0px -200px; }
#cityNav .citySelect .optionList { position:absolute; display:none; top:24px; left:0px; z-index:999999; width:177px; }
#cityNav .citySelect .optionList_expanded { display:block;}
#cityNav .citySelect .optionList .hover {	background-position: 0px -122px; }
#cityNav .citySelect .optionList li.active { }
#cityNav .citySelect .dropbutton { height:24px; line-height:24px; padding-left: 8px; cursor:default; }
#cityNav .citySelect .dropbutton_expanded { background-position: 0px -48px; color:#fff5b4; }
/*#cityNav .citySelect.focused { background-position: 0px -24px; }*/
#cityNav .replaced {position:absolute; left:-9999px; width:1px; height:1px;	overflow:hidden;}
html #cityNav .textLabel {font-size: 14px;}
html #advisors a .textLabel {top:87px;font-size: 14px;}
html #cityNav a .textLabel {top:87px;font-size: 14px;}
#message {width:552px; margin:0 auto;}
.messagetitle {width:552px; height:103px; background:url(../images/bg/message_title.gif); position:relative;}
.messagetitle h1 {padding:35px 40px 0 35px; font-size:14px;}
.messagetitle p {width:360px; padding:15px 40px 0 35px;}
.messagetitle span {position:absolute; right:40px; top:32px;}
.messagetitle label{ width:60px; text-align:right; display:block; float:left; }
.messagebody {width:457px; margin:0 auto 0 10px; background:url(../images/bg/message_bg.gif); padding:5px 35px;}
.messagebody textarea{width:457px; margin:0 auto 0 0px; border:0px;  }
.messagefooter {width:466px; height:40px; background:url(../images/bg/message_footer.gif); margin:0 auto 0 2px; padding:20px 40px 0 36px;}
.messagetitle  input{ border-left-width:0px; border-right-width:0px; border-top-width:0px; background-color:Transparent;}
#cube {position:relative; margin:0 auto;}
.cube_lt {width:100%; height:6px; line-height:6px; font-size:0px; position:absolute; left:0; top:0; background:url(../images/bg/cube_lt.gif);}
.cube_rt {width:5px; height:6px; line-height:6px; font-size:0px; position:absolute; right:0; top:0; background:url(../images/bg/cube_rt.gif);}
.cube_lb {width:100%; height:5px; line-height:5px; font-size:0px; position:absolute; left:0; bottom:0; background:url(../images/bg/cube_lb.gif);}
.cube_rb {width:4px; height:5px; line-height:5px; font-size:0px; position:absolute; right:0; bottom:0; background:url(../images/bg/cube_rb.gif);}
.cube_in {margin:0 5px; background:url(../images/bg/cube_bg.gif); padding:15px 10px;}
.cube_con {border:#d8c499 1px solid; background:#fffefe; padding:3px;}

 ul.heroAssign {position:relative;width:310px; margin:0 auto; margin-right:4px; }
.heroAssign li {position:relative;background-repeat:no-repeat;height:45px;}
.heroAssign .sliderinput {margin-left:50px;}
.heroAssign li .notAvailable {line-height:24px;color:#996600;margin-left:60px;}
.heroAssign .textfield {position:absolute;top:4px;left:270px;width:30px;text-align:center;}
.heroAssign .summary {position:absolute;top:4px;left:340px; width:60px;text-align:center;}
.heroAssign .summaryText { float:right;margin-right:83px;}
.heroipt2{background:transparent;margin-left:0;padding-left:0;border:none; font-weight:bold; font-size:18px;color:#906646; width:150px;}
.heroipt{ font-weight:bold; border: 1px solid #c9a584;border-top-color: #5d4c2f;border-left-color: #5d4c2f;padding: 2px;background: #fff7e1 url(input/textfield.gif) repeat-x;font:'宋体' 14px Arial, Helvetica, sans-serif;width:120px;}
.assignUnits label {	position:absolute; left:-9999px; width:1px; height:1px;	overflow:hidden;	}
.sliderinput {position:relative;}
.sliderinput .sliderbg {position:relative;left:24px;width:146px; height:30px;padding:0px 10px;background-image:url(../images/interface/slider_hero_bg.gif);}
.sliderinput .sliderbg .actualValue {position:absolute;left:0; top:0;width:100%; height:100%;clip:rect(0px 0px auto 0px);background:url(../images/interface/slider_build_red.gif) no-repeat 17px 11px;}
.sliderinput .sliderbg .sliderthumb {position:absolute;width:16px; height:30px;background-image:url(../images/interface/slider_build_thumb.gif);cursor:pointer;}
.sliderinput .setMin {position:absolute;display:block;width:24px; height:24px;top:3px; left:0px;background-image:url(../images/interface/btn_min.gif);}
.sliderinput .setMin .textLabel {position:absolute; left:-9999px; width:1px; height:1px;	overflow:hidden;}
.sliderinput .setMax {position:absolute;display:block;width:24px; height:24px;top:3px; left:190px;background-image:url(../images/interface/btn_max.gif);}
.sliderinput .setMax .textLabel {position:absolute; left:-9999px; width:1px; height:1px;overflow:hidden;}
.assignUnits li .notAvailable {line-height:24px;color:#996600;margin-left:120px;}
 .assignUnits .textfield {position:absolute;top:12px;left:340px;width:50px;text-align:center;}
.assignUnits .amount {position:absolute;top:10px;left:0px;width:50px;text-align:right;font-size:20px;color:#906646;}
.assignUnits .amount .textLabel {	position:absolute; left:-9999px; width:1px; height:1px;	overflow:hidden;	}

.transporters{ text-align:center; font-size:14px;color:#906646;text-align:center;}
 #totalTansporters, #transporterCount {background:transparent;margin-left:0;padding-left:0;border:none; ;font-size:14px;color:#906646;text-align:center;}
#transporterCount{ text-align:right;padding-bottom:0px;}
.lable{	position:absolute; left:-9999px; width:1px; height:1px;	overflow:hidden;	}
.centerButton{ text-align:center;} 
.heroatt{ position:absolute;  left:-50px; line-height:200%;text-align:center; width:100px; border:solid 0px #631; color:#631; font-weight:bold; font-family:宋体,微软雅黑, 黑体; font-size:14px; margin-bottom:-4px;} 
.heroname{margin-top:8px; padding-left:5px;  font-size:15px; text-align:left; position:absolute; left:-20px;}
.herohelp{ padding-top:14px;}
.heroname span{ font-size:12px; font-weight:normal;}
.heroname .msg{ color:red;}
#proxy {position:absolute; z-index:10001;}
.popup3 {position:absolute; background-image:url(../images/bg/anl.gif); background-repeat:no-repeat; display:inline; width:430px; height:456px; z-index:80; border: 0px solid #000000; padding-top:31px; padding-bottom:0px; padding-left:20px; left: 180px; top: 0px}

.popup4 {position:absolute; width:30px; height:30px; z-index:81; border: 0px solid #000000;  left: 600px; top: 16px}
 
  .timetofinish {
	z-index:500;
	position:absolute;top:40px;	left:-18px;text-align:center;line-height:23px;	height:23px;background-image:url(../images/layout/scroll_bg.gif);padding:0 16px;white-space:nowrap;font-size:10px;color:#50110a;
	}
	.timetofinish .before {display:block;position:absolute;top:0; left:0;width:12px; height:23px;background-image:url(../images/layout/scroll_leftend.gif);}
	.timetofinish .after {
	display:block; position:absolute; top:0; right:0; width:12px; height:23px; background-image:url(../images/layout/scroll_rightend.gif);
	}
	.timetofinish .textLabel {	position:absolute; left:-9999px; width:1px; height:1px;	overflow:hidden;  }




.reslist li{  line-height:200%; width:300px; text-align:center}

#indexbuff{border:1px solid #000; background-color:#111; padding:5px; text-align:left; color:#fd9;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
#indexbuff div {padding:2px 0;line-height:15px;}
#indexbuff .bc1 { color:#09f; }
#indexbuff .bc2 { color:#0f0; }
#indexbuff .bc3 { color:#f00; }
#indexbuff .bc4 { color:#b6b6b6; }
#indexbuff .bc5 { color:#fc0; }
#indexbuff .weight_strong { font-weight:bold; }

/*关闭窗口*/
a:link.closewindow,a:visited.closewindow{ display:block; position:absolute; right:20px; top:18px; width:15px; height:15px; background:url(../images/dialog/dialogClose0.gif); text-indent:-300px; overflow:hidden; }
a:hover.closewindow{background:url(../images/dialog/dialogCloseF.gif) ;}
a:active.closewindow{background:url(../images/dialog/dialogClose0.gif);}
a:link.closewindow_b,a:visited.closewindow_b{ display:block; position:absolute; right:4px; bottom:3px; width:86px; height:30px; background:url(dialogClosef.gif) 0 0 ; text-indent:-300px; overflow:hidden; }
a:hover.closewindow_b{background:url(../images/ui/bg_close1.gif) 0 -30px ;}
a:active.closewindow_b{background:url(../images/ui/bg_close1.gif) 0 -60px ;}
a:link.submitbutton,a:visited.submitbutton{background:url(../images/ui/bg_close1.gif) -86px 0 ;}
a:link.closewindow_b,a:visited.closewindow_b,a.submitbutton{display:block;position:absolute;right:4px;bottom:3px;	width:86px;	height:30px;background:url(../images/ui/bg_close1.gif) 0 0 ;text-indent:-300px;overflow:hidden;}
a:hover.submitbutton{background:url(../images/ui/bg_close1.gif) -86px -30px ;}
a:active.submitbutton{background:url(../images/ui/bg_close1.gif) -86px -60px ;}


/*对话框*/
.dialog { position:absolute; left:300px; top:120px; z-index:10001; width:364px; height:auto; overflow:hidden;}
.dialog h3{ float:left; display:block; width:100%; margin:0;   background:url(../images/dialog/bg_dialog_head.gif) 0 0 no-repeat; height:36px;}
.dialog h3 span{ text-align:center; margin-top:15px; display:block;  font-weight:bold; position:relative; top:8px; }
 .dialog .dialog_content .table01, .dialog .dialog_content .table02, .dialog .dialog_content .table03{width:100%; margin-left:0px; margin-right:0px; }
.dialog .dialog_content .p20{ text-align:left;}
.dialog .dialog_content{ float:left; width:100%; height:auto !important; height:auto; padding:5px 0; color:#974400; background:url(../images/dialog/bg_dialog_content.gif); min-height:20px; padding-top:0px; border:0px solid #BBA66F;}
.dialog .dialog_content .system{ width:332px; margin:5px auto; background:#fff; border:1px solid #BBA66F;}
.dialog .dialog_content .content{ width:331px;_width:329px; margin:5px 2px; background:#fff; border:1px solid #BBA66F;}
.dialog .dialog_content .content ul li{  height:20px;  line-height:20px; text-indent:12px;}
 .dialog .dialog_content .content ul {   margin:10px auto;}
 .dialog_content .content dl {margin:10px auto; list-style-type:circle;}
  .dialog_content .content dl dt{padding-left:15px;}
    .dialog_content .content dl dd{padding-left:35px;}
.dialog .dialog_content {padding-left:10px;}
.dialog .dialog_content .content a{  font-weight:bold;}
.dialog .dialog_content p{ padding:5px 5px; margin:0; font-size:12px;}
.dialog .dialog_content h4{display:block;width:303px; line-height:24px;margin:5px auto;font-size:12px; }
.dialog .dialog_content h4.msgtips{border:1px solid #C8AF80; text-align:left; margin:0 15px; padding:5px 10px; background:#fff; height:auto; position:relative; font-weight:normal;}
.dialog .dialog_content h4.msgtips .attention{float:left;margin:3px 8px 0 0;}
.dialog .dialog_content h4.titlebg{background:url(../images/dialog/bg_dialog_head.gif);color:#FFCC66;}
.dialog .dialog_content h4 em{font-weight:normal;color:#36FF00;font-style:normal;margin-left:5px;}
.dialog .dialog_content p img{ vertical-align:middle; margin-right:4px;}
.dialog .dialog_footer{ float:left; width:100%; text-align:center; height:36px; padding:0px 0 0; background:url(../images/dialog/bg_dialog_foot.gif)   no-repeat;}
.dialog .dialog_footer a.redbutton_s{ float:none;}
.dialog .dialog_footer a.upgrade_btn,.dialog .dialog_footer a.queue_btn,.dialog .dialog_footer a.autoup_btn{float:right;}
.dialog .dialog_content .commodity{ width:310px; margin:10px auto;}
.dialog .dialog_content .commodity_info{ width:100%; padding:3px 0; text-align:left; color:#376C08; clear:both; line-height:18px;}
.dialog .dialog_content .commodity_info li{ width:100%; height:20px; line-height:20px;}
.dialog .dialog_content .commodity_name{ float:left; width:200px; text-align:left;}
.dialog .dialog_content .commodity_name li{ width:100%; height:24px; line-height:24px; font-weight:bold;}
.dialog .dialog_content .commodity_name strong{ color:#000;}
.dialog .dialog_content .commodity_buy{ width:305px; margin:5px auto; padding:5px; text-align:left; border:1px solid #9E6C29; background:#fff;}
.dialog .dialog_content .commodity_buy li{ width:100%; height:28px; line-height:28px; font-weight:bold; color:#000;}
.dialog .dialog_content .commodity_buy .textinput{ width:108px; margin:0 0 0 5px;}
.dialog .dialog_content .commodity_buy .buynumber{ text-indent:10px;}
.dialog .dialog_content .commodity_buy label{ color:#662900; margin-right:6px;}
/*特殊事件*/
.dialog .dialog_content .randomtitle{margin:5px; color:red; font-weight:bold; font-size:16px;}
.dialog .dialog_content .randomcontent{padding:0 20px; width:320px; text-align:left; line-height:20px; font-size:14px;}
.dialog .dialog_content .randomresult{color:blue; padding:5px; font-size:14px;}
.dialog .dialog_content .gamenotice{border:1px solid #C8AF80;background:#fff;margin:5px 10px;padding:10px;text-align:left;width:310px;}
/*小二级框*/
.dialog_big{ position:absolute; left:50px; top:130px; z-index:8010; width:677px; height:444px;}
.dialog_big .dialog_big_title{ position:relative; width:100%; height:36px; background:url(../images/dialog/bg_dialog_foot.gif); float:left;}
.dialog_big .dialog_big_title h2{ position:absolute; left:55px; top:6px; display:block; width:50px; height:23px; margin:0;}
.dialog_big .dialog_big_footer{ float:left; position:relative; width:100%; height:39px; background:url(../images/bg_dialogbig.gif) 0 -36px;}
.dialog_big .dialog_big_content{ float:left; width:100%; height:369px; background:url(../images/bg_dialogbig_content.gif);}
.dialog_big .dialog_big_title .operate{ margin-top:7px; height:23px; float:right;}
.dialog_big .dialog_big_title .voucher{ margin:1px 3px 0 3px;}
.dialog_big .dialog_big_title .treasure{ margin:-2px 4px 0 0;}
.dialog_big .dialog_big_title .shopbutton{ margin:-2px 4px 0 0;}
.dialog_big .dialog_big_title .operate span{ display:block; width:107px; height:23px; line-height:23px; background:url(../images/bg_shop_jb.gif); float:left; color:#FFEB8F;}
.dialog_content table{ width:332px; float:left; line-height:10px; text-align:left; border-collapse:collapse; margin-bottom:3px; }
.dialog_content table td{ padding-left:10px; height:18px;}
.dialog_content table.notenough td.upgrade_cost{color:#cc0000;font-weight:bold;}
.dialog_content table.notenough td{color:#cc0000}
.upgrade_cost{ color:black; background:#f6eee3; line-height:21px; vertical-align:middle;}
.dialog_content table p{ width:80px; float:left; height:12px; }
.exp_bar{width:200px; height:15px; background:url(../images/expbar/bg.gif); position:relative; float:left; display:inline; margin:0 6px 0 0;}
.exp_bar_cur{width:186px; height:8px; position:absolute; left:4px; top:3px; z-index:1;}
.exp_bar_desc{float:left; display:inline; font-family:arial; font-size:11px; padding:1px 0 0 0;}
.exp_bap_slider{ height:9px;}
.exp_barbox{position:absolute; top:331px; *top:344px; left:10px;}
.hp_barbox{ }
.hp_bar{width:200px; height:15px; background:url(../images/expbar/bg.gif); position:relative; float:left; display:inline; margin:0 6px 0 0;}
.hp_bar_cur{width:186px; height:8px; position:absolute; left:4px; top:3px; z-index:1;}
.hp_bar_desc{  display:inline; font-family:arial; font-size:11px;  margin-left:0px;  }
.hp_bap_slider{ height:9px;}
.hp_barbox{position:absolute; top:331px; *top:344px; left:10px;}