body { margin: 0px; text-align:center; background:#E8EDF3}
* { font-size:11px; font-family:tahoma }
/* Clear Fix */
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{clear:both;}
/* Hide from IE Mac \*/
.clearfix {display:block;}


/* end of clearfix */
/* Common Styles */
a{ text-decoration:none;color:#222C37;}
a:hover{ text-decoration:underline; color:#FF2929}
.auto { width:1002px; margin-left:auto; margin-right:auto;background:#fff}
.left { float:left }
.right { float:right }
.br-span{ line-height:50% !important;line-height:70%}
/* header */
#toplink { background:url(http://images.mmosite.com/ph/images/new_index/topbg.gif); height:35px; line-height:35px; font-size:11px; font-family:Verdana }
#toplink a{  padding:0px 12px 0px 12px; text-decoration:none; border-right:1px solid #E3EAEF; float:left}
#toplink a:hover{ background:url(http://images.mmosite.com/ph/images/new_index/topbg2.gif);color:#333399}
#toplink span { color:#414D63;font-weight:bold;float:left; width:120px}

#header { background:url(http://images.mmosite.com/ph/images/new_index/headerbg.gif); height:102px }
#header .right { padding:5px 8px }
.links a{ color:#fff; text-decoration:none}
/* navigation */
#navigation { width: 1002px; background:#5476A6 url(http://images.mmosite.com/ph/images/new_index/menubg.gif) 0px 1px repeat-x; height:37px; font-size:11px;font-family:tahoma; color:#fff; font-weight:bold}
#navigation td{color:#fff;}
#navigation .top_btn{ margin-right:1px}
#navigation2 { width: 1002px; background:url(http://images.mmosite.com/ph/images/new_index/menubg2.gif); height:37px; font-size:11px;
font-family:tahoma; color:#fff; font-weight:bold; line-height:37px; text-align:left}
#navigation2 .left{ background:url(http://images.mmosite.com/ph/images/new_index/icon.gif) no-repeat; height:30px !important;height:25px; padding-left:35px; margin-left:10px;background-position:0px 70%!important; background-position:0px 45%;}
#navigation2 .right{ padding-right:15px}
#navigation2 .right a{ color:#fff}
#navigation2 .allgame{ background:url(http://images.mmosite.com/ph/images/new_index/maximize.gif) no-repeat 0px -1px; padding-left:20px;}
/*contant*/
.main{ background:#fff}
.main .container{ border:1px solid #D0D9E2; padding-bottom:6px; margin-bottom:5px;display:block}
.main .left{ width:685px; padding-top:6px; margin-left:3px}
.main .right{ width:311px; padding-top:6px}
.main .title {background:url(http://images.mmosite.com/ph/images/new_index/tag_bg1.gif); height:26px; color:#758493; font-size:11px; font-weight:bold; line-height:23px}
.main .title ul{ margin:0px; padding:0px}
.main .title ul li{ list-style:none; float:left;padding:0px 40px; background:url(http://images.mmosite.com/ph/images/new_index/tag_bg1_right.gif) no-repeat right 1px; cursor:pointer}
.main .title .on{ background:url(http://images.mmosite.com/ph/images/new_index/tag_bg2.gif); color:#606E85; height:26px; padding:0px 40px;line-height:25px}


.ltable .picoff ,.ltable .picon{ padding:3px}
.ltable .picoff{ text-align:center; background:url(http://images.mmosite.com/ph/images/new_index/imgbg.gif) no-repeat; background-position: -137px 2px !important;background-position: -137px 2px}
.ltable .picon{background:url(http://images.mmosite.com/ph/images/new_index/imgbg.gif) no-repeat;background-position: 1px 2px !important;background-position:1px 2px}
.ltable td { vertical-align:top;}

/*news main style*/
.container .left { width:280px; float:left; margin-top:3px; padding:4px; padding-right:0px; padding-left:6px}
.container .left table{ margin-left:auto; margin-right:auto}
.container .left a img{ width:119px; height:88px; margin:5px; margin-bottom:8px}
.container .left a {  line-height:120%}

.container .left .subtitle td{ background:url(http://images.mmosite.com/ph/images/new_index/headline.gif); padding:3px}
.subtitle{ margin-top:6px; border:1px solid #D5DFEA;color:#445A73}
.subtitle img{ border:1px solid #fff}

.container .right{ width:390px;}
.container .right a{ font-weight:bold; color:#445A73}
.container .right a:hover{color:#FF2929}
/*bottomline*/
#bottomline .left , #bottomline .right{ width:340px; padding:0px}
#bottomline .left{ margin-left:0px}
#bottomline .title { color:#3471B7; font-weight:bold; font-size:11px; text-align:left; padding-left:10px}
#bottomline .title span{ background:url(http://images.mmosite.com/ph/images/new_index/topicon.gif) 0px 3px no-repeat; padding-left:25px; height:20px; display:block}

/*upcoming*/
#upcoming_common .upcomingtable{ font-size:11px; font-family:tahoma; color:#333333}
#upcoming_common td { list-style:140%; padding-left:3px;border-bottom:1px dashed #CCCCCC; padding-bottom:3px}
#upcoming_common .upcomingtable td{ border-bottom:0px}
#upcoming_common a{ color:#666666; font-size:11px; font-family:tahoma; text-decoration:none}
#upcoming_common a:hover{ text-decoration:underline}
#upcoming_common strong{ font-size:13px; list-style:100%}
#upcoming_common img{ margin:2px}
#upcoming_common .redcolor{ color:#FF0000}

/*answer*/
.answer a{ color:#4D4D4D; font-weight:bold;}
.answer{ padding-top:4px;padding-bottom:6px!important;padding-bottom:4px}
.answer table{ width:325px; line-height:120%; font-size:12px; margin-left:auto; margin-right:auto}
.answer img{ margin-top:5px!important;margin-top:6px; margin-bottom:0px}

.wordad{ background:#2D3949 url(http://images.mmosite.com/ph/images/new_index/rightbg.gif) repeat-x top; border:1px solid #D5DFE9; text-align:left; padding-left:10px; font-weight:bold; width:290px!important; width:300px; padding:6px; padding-top:3px; margin-top:5px; margin-left:5px!important; margin-left:0px}
.wordad a{ background:url(http://images.mmosite.com/ph/images/new_index/righticon.gif) no-repeat; color:#D0DFFE; padding-left:15px; line-height:140%}
.wordad a:hover{ color:#FFFFFF}

/*Right*/
.right_con { margin-top:5px; width:303px!important; width:300px; margin-left:4px; border:1px solid #D0D9E2; margin-right:3px}
.right_con .title{ background:url(http://images.mmosite.com/ph/images/new_index/righttitle.gif); height:25px}
.right_con .title ul li{ background:url(http://images.mmosite.com/ph/images/new_index/righttitle_of.gif) no-repeat right;padding:0px 8px; padding-right:19px; color:#FFFFFF}
.right_con .title ul .on{padding:0px 15px; background:url(http://images.mmosite.com/ph/images/new_index/righttitle_on.gif)}
.right_con .sub_title{ background:#F0F0F0 url(http://images.mmosite.com/ph/images/new_index/righttitle_on.gif) 0px -32px repeat-x;width:289px!important; width:297px; padding-left:8px; padding-right:6px; line-height:160%; padding-bottom:7px}
.right_con .sub_title td{line-height:190%;}
.right_con .sub_title a{ margin-left:3px}
/*Contest*/
.right_con .title2{background:url(http://images.mmosite.com/ph/images/new_index/righttitle.gif);height:27px; color:#fff; font-weight:bold; padding-left:15px; text-align:left; line-height:25px}
.right_con .sub_title2{background:#F0F0F0;}
.right_con .title2 span{ background:url(http://images.mmosite.com/ph/images/new_index/righticon2.gif) no-repeat 0px 4px; padding-left:22px; height:16px;display:block}

.sub_title2{ padding:10px}
.sub_title2 img{ margin-right:3px}
.sub_title2 td{ padding:3px; padding-bottom:8px}
.sub_title2 table{margin-left:auto; margin-right:auto}
.sub_title2 .pic a{ border:1px solid #C4C4C4; display:block; width:82px; height:62px}
.sub_title2 .pic a:hover{ border:1px solid #FF6600}
.sub_title2 .pic img{ border:4px solid #fff; margin-right:0px}

/*flash div*/
#notice{visibility:hidden;position: absolute; width:100%!important;  width:1002px; filter: 'revealTrans(transition=23, duration=0.5) blendTrans(duration=0.5)';z-index:6000; text-align:center}

/*footer*/
#footer div{ text-align:center}
#footer td{ text-align:center}
#mmo_bottom {color:#444; text-align:center}
#mmo_bottom a{ color:#444;text-decoration:none;}
#mmo_bottom a:hover{color:#cccccc; text-decoration:underline;}

.TPContent {margin: 0px; padding: 0px; clear:both;}
.TPContent a{ background:url(http://images.mmosite.com/www/new/tag1.gif) no-repeat 0px 50%; width:140px!important; width:190px; padding-left:12px; padding-right:6px !important; padding-right:20px; float:left; line-height:120%}
.TPContent img{ border:0px}



