@charset "utf-8";

*{font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;  }
ul{ list-style:none;}
body { color:#000; text-align:center; background: url(../images/bg.jpg) repeat-x 0 30px #7aff99; line-height:20px; }
body#new,
body#downloadPage,
body#CreditsAuction,
body#community,
body#gettingPage,
body#guidePage,
body#infoPage,
body#featuresPage{background: url(../images/bg1.jpg) repeat-x 0 30px #BAFF7A;}
table,td,th,body{font-size:11px;}
img{ border:none;}
.clear{ clear:both; overflow:hidden;}
.red{ color:#f00;}
a:link, a:visited{ color:#000; text-decoration:none;}
.simpleTable{ border:1px solid #dfdfdf; background:#f4fbf5; border-collapse:collapse; border-width:1px 0 0 1px; margin:0 auto;}
.simpleTable td{ border:1px solid #dfdfdf; border-width:0 1px 1px 0;}
.tableStyle{ border:none; background:none;  border-width:0;}
.tableStyle td, .tableStyle th{ background:none; border-width:0;  padding:0.1em;}
#pageContent table{ margin:0 auto;}

#container{ text-align:left; width:1002px; float:left; position:relative; background:url(../images/bg_wrapper.gif) repeat-y;}
body#new #container, 
body#downloadPage #container,
body#CreditsAuction #container,
body#community #container,
body#gettingPage #container,
body#guidePage #container,
body#infoPage #container,
body#featuresPage #container{ background:url(../images/bg_wrapper1.gif) repeat-y;}
#header{ height:294px; position:relative; }
#time1{ color:#fff; font-weight:bold; line-height:14px; font-size:10px; position:absolute;top:10px; left:827px;}
#extraLeft{  width:71px; height:317px; position:absolute; top:294px; left:0;}
body#new #extraLeft, 
body#downloadPage #extraLeft,
body#community #extraLeft,
body#gettingPage #extraLeft,
body#guidePage #extraLeft,
body#infoPage #extraLeft,
body#CreditsAuction #extraLeft,
body#featuresPage #extraLeft{background:url(../images/extra_left1.jpg) no-repeat;}
#extraRight{ width:110px; height:346px; position:absolute; top:294px; right:0;}
#wrapper{ background:url(../images/bg_wrapper1.jpg) left bottom no-repeat;padding-bottom:80px; float:left; height:780px; min-height:780px; width:1002px;  }
[id]#wrapper{ height:auto;}
#leftColomn{ width:180px; float:left; margin-left:60px; display:inline;}
.inputStyle1{ border:1px solid #e4e9ef; border-top:1px solid #aaadb2; width:120px; line-height:16px; height:18px;}
#loginAera{ background:url(../images/bg_login.jpg) no-repeat; padding-left:15px; padding-top:50px; overflow:hidden;}
#loginAera div{ line-height:14px; margin-bottom:5px;}
#mainNav{ background:url(../images/bg_menu.gif) left bottom no-repeat; padding:0 15px; padding-bottom:50px;   }
#mainNav img{ margin-bottom:3px;}
#mainNav ul{ background:#dafcfb; margin-bottom:4px; padding:3px 0 5px 0}
#mainNav li{ background:url(../images/pic_arrow.gif) 5px center no-repeat; padding-left:12px;}
#mainContent{ width:647px; float:left; margin-left:5px; }
#pageContent{ width:95%; margin:0 auto; margin-top:7px; background:#fbfbfb; border:1px solid #eaeaea; padding:5px 10px; height:780px; min-height:780px; color:#333; }
[id]#pageContent{ height:auto; }
#pageContent table{border:1px solid #c3d3b4; border-collapse:collapse; background:#fff; border-width:1px 0 0 1px;}
#pageContent table td, #pageContent table th{border:1px solid #c3d3b4; border-width:0 1px 1px 0; padding:0.1em;}
#pageContent p{ margin-bottom:10px;}
#pageContent a:link, #pageContent a:visited{ text-decoration:underline;}
#pageContent a:hover{ color:#900; text-decoration:underline;}
#pageContent .title{ height:30px; line-height:25px;  font-weight:bold;}
#pageContent .title .date{ float:right; font-size:10px;}
#divide{ text-align:center; border-top:1px solid #c5ead3;}
#divide a:link, #divide a:visited, #divide a:hover{ color:#666; text-decoration:none;}

/* news */
body#new #search{ height:27px; background:url(../images/bg_search1.gif) no-repeat; text-align:center;}
body#new #extraRight{background:url(../images/extra_right1.jpg) no-repeat; }
body#new #header{ background:url(../images/banner_1.jpg) no-repeat;}
body#new #pageTitle{ background:url(../images/bg_page_title2.gif) no-repeat; height:31px;}
#pageContent ul.newsList{ width:99%; margin:0 auto;}
#pageContent ul.newsList li{ height:22px; line-height:22px; border-bottom:1px dashed #a9a9a8; padding-left:55px; }
#pageContent ul.newsList li div{ float:right; margin-right:10px;}
#pageContent ul.newsList li.act{ background:url(../images/act.gif) 4px 6px no-repeat; }
#pageContent ul.newsList li.notices{ background:url(../images/notices.gif) 4px 6px no-repeat; }
#pageContent ul.newsList li.other{ background:url(../images/other.gif) 4px 6px no-repeat; }


/* download  */
body#downloadPage #search{ height:27px; background:url(../images/bg_search2.gif) no-repeat; text-align:center;}
body#downloadPage #pageTitle{background:url(../images/bg_page_title3.gif) no-repeat; height:32px;}
body#downloadPage #pageTitle2{background:url(../images/bg_page_title5.gif) no-repeat; height:32px;}
body#downloadPage #extraRight{background:url(../images/extra_right2.jpg) no-repeat; }
body#downloadPage #header{background:url(../images/banner_2.jpg) no-repeat;}
body#downloadPage #pageContent{ margin-top:0;}
#downloadTab{ margin-left:5px; height:23px; overflow:hidden; margin-top:8px;}
#downloadTab li{ float:left; margin-right:3px;}
.wallpaper{width:187px; float:left; margin:10px 8px; display:inline; font-size:10px;}
.wallpaper li{ line-height:20px; background:url(../images/pic_arrow3.gif) left center no-repeat; padding-left:8px;}
.wallpaper li div{ float:right; margin-right:2px;}
.video{ margin-bottom:30px;}
.video ul li{ width:290px; text-align:center;} 
#video_show { width:290px; float:left;}
#video_show .showpic { padding-top:10px;}
#video_show .title23 { font-size:13px; height:30px;}
#video_sjpw .downbtn { border:0; height:30px;}

/* community */
body#community #pageTitle{background:url(../images/bg_page_title6.gif) no-repeat; height:32px; }
body#community #pageTitle2{background:url(../images/bg_page_title7.gif) no-repeat; height:32px; }
body#community #pageTitle3{background:url(../images/bg_page_title8.gif) no-repeat; height:32px; }
body#community #pageTitle4{background:url(../images/bg_page_title18.gif) no-repeat; height:32px; }
body#community #search{ height:27px; background:url(../images/bg_search3.gif) no-repeat; text-align:center;}
body#community #extraRight{background:url(../images/extra_right3.jpg) no-repeat; }
body#community #header{background:url(../images/banner_3.jpg) no-repeat;}
body#community #pageContent{ margin-top:0;}
#communityTab{margin-left:5px; height:21px; overflow:hidden; margin-top:8px;}
#communityTab li{ float:left; margin-right:3px;}
#photoInfo{ border-bottom:1px solid #c5ead3; float:left; margin-top:5px;}
#photoInfo .pageInfo{ float:left;}
#photoInfo .pageBtn{ float:right;}
.photo{ float:left; margin:15px 0 30px 0px; width:200px; height:220px; text-align:center;}
.photo li{}
#comment{ padding-top:5px; border-top:1px solid #c5ead3;}
#Minihomes{ clear:both; padding-left:10px; padding-bottom:15px; margin:0;}
.MinihomesList{ float:left; width:200px; height:auto; padding:0; margin:0; display:block;}
.MinihomesListPic{ clear:both; width:180px; height:135px; padding:3px; background:#FFF; border:1px solid #DDD; margin-top:10px;}
.MinihomesListText{ clear:both; width:190px; line-height:20px; padding:5px 0 0 3px;}
#MinihomesView{ clear:both; padding:15px; margin:0; text-align:left;}
.MinihomesViewPic{ clear:both; width:560px; height:420px; overflow:hidden; padding:6px; background:#FFF; border:1px solid #DDD;}
.MinihomesViewBtn{ clear:both; padding:10px 0; text-align:center;}
.MiniTd1{ padding:5px 10px; background:#FFFFFF; font-weight:bold; text-align:right;}
.MiniTd2{ padding:5px 10px; background:#FFFFFF; text-align:left;}
#MinihomesView table{border:1px solid #EAEAEA; background:#fff; border-width:1px 0 0 1px;}
#MinihomesView table td, #MinihomesView table th{border:1px solid #EAEAEA; border-width:0 1px 1px 0; padding:5px 10px;}
input.Minihomes{ border:1px solid #CCC; height:20px; line-height:20px; color:#333; background:#F8F8F8;}
textarea.Minihomes{width:400px; height:120px; border:1px solid #DDD; color:#333; line-height:20px; background:#F8F8F8;}

/* getting */
body#gettingPage #pageTitle{background:url(../images/bg_page_title9.gif) no-repeat; height:32px;}
body#gettingPage #search{ height:27px; background:url(../images/bg_search4.gif) no-repeat; text-align:center;}
body#gettingPage #extraRight{background:url(../images/extra_right4.jpg) no-repeat; }
body#gettingPage #header{ background:url(../images/banner_4.jpg) no-repeat;}
body#gettingPage #pageContent{ margin-top:0;}

/* guide */
body#guidePage #pageTitle{background:url(../images/bg_page_title10.gif) no-repeat; height:32px;}
body#guidePage #search{ height:27px; background:url(../images/bg_search4.gif) no-repeat; text-align:center;}
body#guidePage #extraRight{background:url(../images/extra_right4.jpg) no-repeat; }
body#guidePage #header{ background:url(../images/banner_4.jpg) no-repeat;}
.articleTitle{ font-size:16px; font-weight:bold; margin-top:10px; font-variant:small-caps;}
.guideNav{ width:95%; margin:5px auto; font-variant:small-caps;}
.guideNav a:link, .guideNav a:visited{ text-decoration:underline;}
.guideNav a:hover{ color: #006699}
#nav1 a{ display:block; float:left; border:1px solid #000;}


/* game info */
body#infoPage #pageTitle{background:url(../images/bg_page_title12.gif) no-repeat; height:32px;}
body#infoPage #search{ height:27px; background:url(../images/bg_search4.gif) no-repeat; text-align:center;}
body#infoPage #extraRight{background:url(../images/extra_right4.jpg) no-repeat; }
body#infoPage #header{ background:url(../images/banner_4.jpg) no-repeat;}

/* game features */
body#featuresPage #pageTitle{background:url(../images/bg_page_title14.gif) no-repeat; height:32px;}
body#featuresPage #search{ height:27px; background:url(../images/bg_search4.gif) no-repeat; text-align:center;}
body#featuresPage #extraRight{background:url(../images/extra_right4.jpg) no-repeat; }
body#featuresPage #header{ background:url(../images/banner_4.jpg) no-repeat;}

/* Credits Auction */

body#CreditsAuction #search{ height:27px; background:url(../images/bg_search2.gif) no-repeat; text-align:center;}
body#CreditsAuction #pageTitle{background:url(../images/bg_page_title3.gif) no-repeat; height:32px;}
body#CreditsAuction #pageTitleCa{background:url(../images/bill/bg_page_titleca.gif) no-repeat; height:32px;}
body#CreditsAuction #extraRight{background:url(../images/extra_right2.jpg) no-repeat; }
body#CreditsAuction #header{background:url(../images/banner_2.jpg) no-repeat;}
body#CreditsAuction #pageContent{ margin-top:0;}
#AuctionTab{ margin-left:5px; height:23px; overflow:hidden; margin-top:8px;}
#AuctionTab li{ float:left; margin-right:3px;}
.Action{ clear:both; padding:10px 0px;}
.Action ul.ActionTitle{ clear:both; margin:0; padding:0; height:25px; border-bottom:1px dashed #E0E0E0;}
.ActStyle{font-size:12px; color:#F60; font-weight:bold;}
.AcClose{font-size:12px; color:#F00;}
.Action ul.ActionList{ clear:both; margin:0; padding:15px 0 10px 0; height:70px; border-bottom:1px dashed #E0E0E0;}
.Action li.ActionIcon{ float:left; width:120px; text-align:center;}
.Action li.ActionName{ float:left; width:120px; text-align:center;}
.Action li.ActionPrice{ float:left; width:180px; text-align:center;}
.Action li.ActionEnd{ float:left; width:180px; text-align:center;}
.Action .ActionStat{ clear:both; text-align:center; padding:10px;}
.Action .ActionTip{ clear:both; margin:10px 0; padding:10px 15px; line-height:20px; border:1px solid #EAEAEA; background:#FFF;}
.Action ul.MybidTop{ clear:both; height:35px; padding:8px 0; text-align:center; font-weight:bold; color:#009900; border-bottom:1px solid #E0E0E0;}
.Action li.MybidName{ float:left; width:120px; text-align:center; padding:0 3px;}
.Action li.MybidStatus{ float:left; width:100px; text-align:center; padding:0 3px;}
.Action li.MybidPrice{ float:left; width:110px; text-align:center; padding:0 3px;}
.Action li.MybidHighest{ float:left; width:110px; text-align:center; padding:0 3px;}
.Action li.MybidTime{ float:left; width:130px; text-align:center; padding:0 3px;}
.Action ul.MybidRow1{ clear:both; height:15px; padding:5px 0; text-align:center; background:#FFF; border-bottom:1px solid #E0E0E0;}
.Action ul.MybidRow2{ clear:both; height:15px; padding:5px 0; text-align:center; background:#F0FDF0;border-bottom:1px solid #E0E0E0;}
.ActionTd{ border:0; background:#FBFBFB;}
.Action .BidPic{ float:left; width:185px; padding:10px 0px;}
.Action .BidTable{ float:right; width:425px;}
.Action .BidCol1{ float:left; width:130px; padding:3px 5px; font-weight:bold;}
.Action .BidCol2{ float:right; width:275px; padding:3px 5px;}
.Action .BidSelectL{ float:left; width:180px; padding:5px; font-weight:bold; text-align:right;}
.Action .BidSelectR{ float:left; width:400px; padding:5px; text-align:left;}
.ActionRed{ color:#F00;}
.Action ul.BidHistoryTop{ clear:both; padding:10px; text-align:center; font-size:13px; font-weight:bold;}
.Action ul.BidHistoryType{ clear:both; height:25px; background:#F5F5F5; text-align:center;}
.Action ul.BidHistoryList{ clear:both; text-align:center;}
.Action li.BidServer{ float:left; width:132px; padding:5px; border-right:1px solid #FBFBFB;}
.Action li.BidBider{ float:left; width:140px; padding:5px; border-right:1px solid #FBFBFB;}
.Action li.BidAmount{ float:left; width:129px; padding:5px; border-right:1px solid #FBFBFB;}
.Action li.BidTime{ float:left; width:169px; padding:5px; border-right:1px solid #FBFBFB;}

/* news-tab 08-08-01 */
ul#tab{  float:left; list-style:none;width:99%; margin-top:7px;  }
ul#tab li{margin-right:4px;}
ul#tab li.selected {float:left; width:77px;background:url(../images/tab_selected.gif) no-repeat; height:23px; color:#000; text-align:center; line-height:23px;}
ul#tab li.selected a,ul#tab li.selected a:visited{color:#000; text-decoration:none; display:block; font-weight:bold;}
ul#tab li.selected a:hover{ text-decoration:underline;}
ul#tab li.unselected {float:left; width:77px;background:url(../images/tab_unselected.gif) no-repeat; height:23px; color:#000; text-align:center; line-height:23px; }
ul#tab li.unselected a,ul#tab li.unselected a:visited{ color:#000; text-decoration:none;display:block;}
ul#tab li.unselected a:hover{ text-decoration:underline;background:url(../images/tab_selected.gif) no-repeat; color:#000;}

/* all-star 08-09-10 */
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.clear{ clear:both; height:1px; overflow:hidden;}
h2.all-star-title{ background:url(/themes/images/allstar-title.gif) no-repeat; height:30px; width:603px; line-height:30px; padding:0 0 0 10px; font-size:12px; font-weight:bold; color:#000;}
dl.current-star{ font-size:11px; margin:10px 0 0 0;}
dl.current-star dt{ border:1px solid #b2e3e1 ; padding:2px;  width:164px;}
h3{ font-size:11px; color:#0e7d8a; background:url(/themes/images/arrow-allstar.gif) left center no-repeat; padding:0 0 0 10px;}
.list-allstar{ padding:20px 0 0 0;}
.list-allstar dl{ float:left; text-align:center; margin:0 15px 10px 15px; display: inline;}
.list-allstar dt{border:1px solid #b2e3e1 ; padding:2px;  width:164px;}
.list-allstar dd{ font-weight:bold; color:#000;}
