@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) 0 30px repeat-x #7aff99; line-height:20px; }
table,td,th,body{font-size:11px;}
img{ border:none;}
.clear{ clear: both; }
.red{ color:#f00;}
a:link, a:visited{ color:#000; text-decoration:none;}
.More{ font-variant:small-caps; font-size:10px; font-weight:bold; color:#ccc;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#container{ text-align:left; width:1002px; float:left; position:relative; background:url(../images/bg_wrapper.gif) repeat-y;}
#header{ height:294px; background:url(../images/banner.jpg) no-repeat; position:relative; }
#header img{ display:none;}
#time1{ color:#fff; font-weight:bold; line-height:14px; font-size:10px; position:absolute;top:10px; left:827px;}
#extraLeft{ background:url(../images/extra_left.jpg) no-repeat; width:71px; height:317px; position:absolute; top:294px; left:0;}
#extraRight{ background:url(../images/extra_right.jpg) no-repeat; width:113px; height:349px; position:absolute; top:294px; right:0;}
#wrapper{ background:url(../images/bg_wrapper.jpg) left bottom no-repeat;padding-bottom:75px;}
#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:10px;   }
#mainNav img{ margin-top:0px;}
#mainNav ul{ background:#dafcfb;  padding:0px 0 0px 0}
#mainNav li{ background:url(../images/pic_arrow.gif) 5px center no-repeat; padding-left:12px;}

#centerColonm{ width:432px; float:left; margin-left:15px;}
#search{ height:35px; text-align:center;}
/*#itemMall{ background: url(../images/bg_module_bottom.gif) left bottom no-repeat #; border:0px solid #; border-bottom:none; border-top:none; width:428px; margin-top:7px; padding-bottom:5px; float:left;}*/
#itemMallTop{ background:url(../images/title_itemmall.gif) no-repeat; height:36px;}
#itemMall ul{ float:left; margin:5px 0 0 0; display:inline;}
#itemMall li{ float:left; margin:0 9px;} 
#gameGuide{ background: url(../images/bg_module_bottom.gif) left bottom no-repeat #fbfbfb; border:1px solid #eaeaea; border-bottom:none; border-top:none; width:428px; margin-top:7px; padding-bottom:10px; float:left; }

#gameGuideTop{ background:url(../images/title_gameguide.gif) no-repeat; height:33px;}
#gameGuide p{ padding:0 8px; line-height:14px; margin-top:5px;}
.gameGuideTitle{ color:#D94E03; font-family:Verdana; font-size:11px; background-color:#F0F0F0; width:408px; height:15px; line-height:15px; padding:2px;display:block;}
#expWp{ margin-top:10px; float:left; width:100%;}
#exp{ background: url(../images/title_exp.gif) no-repeat; }
#exp ul{ width:95%; margin:0 auto;}
#exp li{ height:18px; line-height:18px; border-bottom:1px dashed #a2a3a2;}
#exp li a:link, #exp li a:visited{ color:#3b3c3b; text-decoration:none;}
#exp li a:hover{ text-decoration:underline;}
#exp li div{ float:right; margin-right:3px; font-size:10px; color:#999;}

#photoScreen{ margin-top:10px;}
#playerPhoto{ width:215px; float:left;text-align:center;}
#playerPhotoTitle{ background:url(../images/title_photo.gif) no-repeat; height:29px;}
#playerPhoto img{ margin-top:6px;}
.photo{ margin:0 3px;}
#screenshots{ text-align:center; float:left; width:203px;}
#screenshotsTitle{ background:url(../images/title_screenshots.gif) no-repeat; height:28px;}
#screenshots img{ margin-top:6px;}

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;}
#news{ background: url(../images/bg_module_bottom.gif) left bottom no-repeat #fbfbfb; border:1px solid #eaeaea; border-width:1px 1px 0 1px; padding-bottom:10px; width:428px; padding-top:5px; }

#news ul{ list-style:none; margin-left:7px;  }
#news ul li{ height:22px; line-height:22px; border-bottom:1px dashed #bebdbd; padding-left:55px; width:85%;  }
#news ul li.act{ background:url(../images/act.gif) 4px 6px no-repeat; }
#news ul li.notices{ background:url(../images/notices.gif) 4px 6px no-repeat; }
#news ul li.other{ background:url(../images/other.gif) 4px 6px no-repeat; }
#news ul li a,#news ul li a:visited{ color:#5d5d5d; text-decoration:none;}
#news ul li a:hover{ color:#5d5d5d; text-decoration:underline;}
#news ul li div{float:right; margin-right:5px; font-size:10px;color:#5d5d5d; }

#rightColomn{ float: left; margin-left:13px; display:inline; width:189px;}
#ripict{ width:189px;}
#ripict img { margin-bottom:2px;}
#fastLink{}
#fastLinkTop{ background:url(../images/title_link.gif) no-repeat; height:44px;}
#fastLinkContent{ background:url(../images/bg_link_repeat.gif) repeat-y;}
#fastLinkContent ul{width:92%; margin:0 auto;}
#fastLinkContent li{ background:url(../images/bg_fastlink_li.gif) left bottom repeat-x; height:23px; line-height:21px; padding-left:10px;  }
#fastLinkContent li a:link, 
#fastLinkContent li a:visited, 
#fastLinkContent li a:hover{ font-weight:bold; color:#666;}
#fastLinkContent li div{ float: right; background:url(../images/pic_arrow2.gif) center center no-repeat; width:10px; margin-right:3px; height:23px;}
#fastLinkBottom{ background:url(../images/bg_link_bottom.gif) no-repeat; height:12px;}

.quickLinks { width:188px; background:url(../images/quick_link_bg.jpg) repeat-y; margin:5px 0 0 0;}
.quickLinks h2 { background:url(../images/quick_link_top.jpg) no-repeat; height:31px;}
.quickLinks ul { width:88%; margin:0 auto;}
.quickLinks ul li { height:24px; line-height:24px; background:url(../images/quick_link_libg.jpg) repeat-x bottom;}
.quickLinks ul li img { padding-right:5px;}
.quickLinksBtm{ background:url(../images/quick_link_bottom.jpg) no-repeat; height:10px;}
.quickLinks a:link ,.quickLinks a:visited { color:#666;}
.quickLInks a:hover { color:#f00;}

.banners { margin-top:10px;}
.banners img { padding-bottom:5px;}
#liveChat{ margin-top:10px;}
#wp{ background:url(../images/title_wp.gif) no-repeat; margin-top:8px;  text-align:center;}
#all-star{ background:url(../images/title_stars.gif) no-repeat; margin-top:8px;  text-align:center;}
#wp img,
#all-star img { border:1px solid #ccc; padding:3px;}

#video{ background:url(../images/title_vt.gif) no-repeat; margin-top:8px;text-align:center;}

#ads{ position:relative; width:432px; height:150px;}
#ads .nums{  position:absolute; right:0px; top:27px; width:20px; }
#ads .nums .btn{background:url(/themes/images/ads_unselected.gif) no-repeat; width:18px; height:20px;display:block; font-weight:bold; color:#000; line-height:20px; text-align:center; cursor:pointer; margin-bottom:4px;}
#ads .nums .button_activ{ cursor:pointer; background:url(/themes/images/ads_selected.gif) no-repeat; width:18px; height:20px;display:block; font-weight:bold; color:#fff; text-align:center; line-height:20px; margin-bottom:4px;}

#friendLink{}
#friendLinkTop{ background:url(../images/Friend_link.gif) no-repeat; height:44px;}
#friendLinkContent{ background:url(../images/bg_link_repeat.gif) repeat-y;}
#friendLinkBottom{ background:url(../images/bg_link_bottom.gif) no-repeat; height:12px;}

/* Minihomes */
.IndexMini{ clear:both; width:430px;}
.IndexMiniTop{ clear:both; width:430px; height:24px; background:url(../images/minihomes/indexboxtop.jpg) no-repeat;}
.IndexMiniTopL{ float:left; padding-left:15px; height:24px; line-height:24px; width:310px; font-weight:bold; font-size:11px; color:#48B904;}
.IndexMiniTopM{ float:left; width:55px; height:17px; padding-top:7px;}
.IndexMiniTopR{ float:left; width:35px; height:14px; padding-top:10px;}
.IndexMiniMain{ clear:both; width:410px; height:108px; padding:5px 10px; background:url(../images/minihomes/indexboxbg.jpg) no-repeat;}
.IndexMiniList{ float:left; width:126px; padding:0 5px; margin-top:5px;}
.IndexMiniPic{ clear:both; width:120px; height:90px; padding:2px; background:#FFF; border:1px solid #DDD;}
.IndexMiniName{ clear:both; padding-top:5px; text-align:center;}
/* Item Mall */
.mall-new{ width:428px; float:left; clear:both; margin:10px 0 0 0;}
.mall-new-t{ background:url(/themes/images/title-mall.gif) no-repeat; height:24px; text-align:right;}
.mall-new-t img{ margin:5px 8px 0 0 ;}
.mall-new-c{ height:176px; background:url(/themes/images/mall-c.gif) no-repeat;}
.mall-new-c .item1,
.mall-new-c .item2,
.mall-new-c .item3{height:160px; float:left; margin:5px 0 0 6px; display:inline;}
.mall-new-c .item1{ width:136px; background:url(/themes/images/bg-mall-card.gif) no-repeat; }
.mall-new-c .item2{ width:136px; background:url(/themes/images/bg-mall-mall.gif) no-repeat;}
.mall-new-c .item3{ width:131px; background:url(/themes/images/bg-mall-auction.gif) no-repeat;}
.mall-new-c .item div{ width:117px; height:119px; margin:32px 0 0 10px; background:#fff; border:1px solid #c0cebc;}
.mall-new-c dl{ text-align:center; margin:5px 0 0 0;}
.mall-new-gg{ width:428px; height:95px; background:url(/themes/images/bg-mall-gg2.gif) no-repeat; margin:10px 0; float:left;}
.mall-new-gg img{ float:left; margin: 7px 0 0 9px; display:inline;}

iframe{ margin:0; padding:0; background:none;}
.clear{ clear:both; height:1px; overflow:hidden; visibility:hidden;}
.mallUpdate{ width:428px; clear:both; margin:10px 0 0 0; background:url(/themes/images/index_mall_bg_c.png) repeat-y;}
.mallUpdateT{ background:url(/themes/images/index_mall_bg_t.png) no-repeat; height:16px; padding:8px 9px 0 0; font-size:0; line-height:0; text-align:right;}
.mallUpdateC{ width:408px; padding:0 10px 10px 10px; background:url(/themes/images/index_mall_bg_b.png) no-repeat left bottom;}
.mallUpdateC .linkIp{ float:left; width:140px; height:140px; margin-top:7px;}
.mallUpdateC .iggMall{ float:left; margin:7px 0 0 5px; position:relative; padding:30px 6px 0 8px; background:url(/themes/images/index_mall_igg_2.png) no-repeat; width:249px; height:110px; _display:inline;}
.mallUpdateC .iggMallLink{ display:block; width:95px; height:26px; top:0; left:30px; position:absolute;}
.mallUpdateC .iggMall dl{ margin:0; padding:5px; width:73px; overflow:hidden; float:left;}
.mallUpdateC .iggMall dt{  width:73px; height:46px; text-align:center; overflow:hidden; margin:0; padding:10px 0 0 0; background:url(/themes/images/index_mall_bg_item.png) no-repeat;}
.mallUpdateC .iggMall dd{  width:73px; overflow:hidden; text-align:left; margin:0; padding:0; line-height:16px;}
.mallUpdateC .iggMall dd.btn{ text-align:right; height:18px; margin-top:3px;}
.mallUpdateC .itemRec{ float:left; width:182px; height:102px; margin-top:7px; padding:30px 9px 0 10px; background:url(/themes/images/index_mall_rec_2.png) no-repeat; overflow:hidden;}
.mallUpdateC .itemRec dl{ float:left; width:75px; margin:8px; _display:inline; text-align:center;}
.mallUpdateC .itemRec dt{ clear:both; height:64px;}
.mallUpdateC .itemRec dd{ padding-top:0px;}
.mallUpdateC .itemRec dd a{ color:#F30;}
.mallUpdateC .linkPc{ float:left; margin:7px 0 7px 6px; width:200px; height:140px; font-size:0; line-height:0; text-align:center; _display:inline;}
.mallUpdateC .linkPc .guideBtn{ margin-top:7px;}
.mallUpdateC .itemCredit{ clear:both; width:392px; height:70px; padding:30px 8px 0 8px; background:url(/themes/images/index_mall_credit.png) no-repeat;}
.mallUpdateC .itemCredit dl{ float:left; height:48px; margin:10px 5px 0 12px; padding:0; width:175px; _display:inline; overflow:hidden;}
.mallUpdateC .itemCredit dt{ float:left; width:44px; height:38px; overflow:hidden; margin:0; padding:0;}
.mallUpdateC .itemCredit dd{ float:right; width:125px; text-align:left; margin:0; padding:0; line-height:16px;}
.mallUpdateC .itemCredit dd.btn{ text-align:right; height:18px; margin-top:3px;}

.fastLinkRec{ clear:both; padding:3px 9px 0 9px; margin:0px; width:171px; background:url(/themes/images/bg_link_repeat.gif) repeat-y; overflow:hidden;}
.fastLinkRec dl{ float:left; width:75px; margin:5px; display:inline;}
.fastLinkRec dd{ width:75px; height:70px; text-align:center;}
.fastLinkRec dt{ width:75px; height:12px; text-align:left; font-size:11px; color:#f60; line-height:12px;}
.fastLinkRec a:link,.fastLinkRec a:visited,.fastLinkRec a:active{ color:#f60;}
.fastLinkRec a:hover{ color:#f60;}

.topics-blog{ margin-top:10px;}
.topics-blog ul{ width:95%; margin:0 auto;}
.topics-blog li{ height:19px; line-height:19px; border-bottom:1px dashed #a2a3a2;}
.topics-blog li a:link, 
.topics-blog li a:visited{ color:#3b3c3b; text-decoration:none;}
.topics-blog li a:hover{ text-decoration:underline;}
.topics-blog li div{ float:right; margin-right:3px; font-size:10px; color:#999;}