body{text-align:center; background-color:#00337d;}
.login{width:100px;height:18px;background:#FFFFFF repeat-x;border:1px solid #084B7B;}
table {width:100%;}
td {vertical-align:top;}

.pagenum ul, li{display:inline;}
.pagenum li a{float:left;margin-top:-2px;margin-right:3px;padding:2px 5px;border:1px solid #DDDDDD;background:#FEFEFE;color:#777777;}
.pagenum li a:visit{color:#000000;}
.pagenum li a:hover {border:1px solid #2a75d3;background:#4e94eb;color:#FFFFFF;}
.pagenum li.current { float:left;margin-top:-2px;margin-right:3px;padding:2px 5px;border:1px solid #C20202;background:#E84F4F;color:#FFFFFF;font-weight: bold;}
.pagenum li.nolink{ float:left;margin-top:5px;margin-right:3px;color:#777777;}
.pagenum li.pageinput{float:left;margin-top:-2px;width:14px;height:22px;background:url(image/pagenum_input_button.gif) no-repeat;cursor:pointer;}

/*######## MAIN ########*/
.mainpage{margin:0px auto;margin-top:35px;width:980px;background:#FFFFFF;}
.header{padding:10px;border:1px solid #DDDDDD;background:#FAFAFA;font-size:18px;color:#005588;}
.graystyle{border:1px solid #DDDDDD;background:#FAFAFA;}
.mybutton{padding:5px 20px;border:1px solid #999999;background:url(image/bg_button.gif) #FEFEFE repeat-x top;cursor:pointer;font-weight:bold;color:#555555;}
.messageerror{padding:50px 30px;border:1px solid #DDDDDD;background:#FAFAFA;font-weight:bold;color:#AA0000;}

/*######## INDEX ########*/
.topmemtable td{padding:3px;border-top:1px solid #DDDDDD;vertical-align:middle;}
.topmemtable .logo{width:30px;padding:3px;}
.topmemtable .num{width:20px;padding:3px;}
.topmemtable .memlogo{border:1px solid #999999;}
.minifriendlisttable img{border:1px solid #666666;}
.linkexchange{margin:2px;width:145px;border:1px solid #000000;cursor:pointer;}

/*######## AJAX ########*/
.scorenum ul, li{ display:inline;}
.scorenum a{margin:2px;padding:5px 8px;border:1px solid #DDDDDD;background:#FFFFFF;font-weight:bold;}
.scorenum a:hover{color:#FFFFFF;background-color:#CC0000;border:1px solid #990000;}


/*######## TOP ########*/
.topmenu{float:right;border-right:1px solid #333333;}
.topmenu li{float:left;position:relative;z-index:999;}
.topmenu a{float:left;display:block;height:30px;line-height:30px;padding:0px 12px;border-left:1px solid #333333;background:url(image/bg_topmenu.gif) #222222 repeat;color:#CCCCCC;font-weight:bold;font-size:13px;}
.topmenu a img{vertical-align:middle;margin-top:-3px;margin-right:10px;}
.topmenu a:visit{color:#DDDDDD;}
.topmenu a:hover{color:#FFBB00;}
.topmenu ul {position:absolute;display:none;left:0px;top:30px;width:135px;height:auto;border:1px solid #000000;}
.topmenu ul a{display:block;float:left;height:26px;line-height:26px;width:125px;padding:0px;padding-left:10px;text-indent:10px;color:#DEDEDE;background:#222222;font-weight:bold;font-size:13px;border:none;border-bottom:1px solid #000000;text-align:left;}
.topmenu ul a:hover{background:url(image/topmenu_bgactive.gif) #FFFFFF repeat-x center;color:#000000;border:0px solid #000000;}
.topmenu ul ul{top:auto;left:135px;}	
.topmenualert{float:right;padding:7px;border-left:1px solid #333333;background:url(image/bg_topmenu.gif) #222222;}
.topmenualert img{cursor:pointer;}

/*######## MENU ########*/
.memonline td{text-align:center;}

/*###### TOPIC  #######*/
.board{margin:0px auto;width:100%;border-top:5px solid #E1E1E1;border-bottom:1px solid #E1E1E1;background:#FFFFFF;table-layout: fixed;}
.board .namezone{width:170px;padding:5px 0px;background:#F5F5F5;border-bottom:1px solid #E1E1E1;text-align:center;}
.board .barzone{padding:5px 2px 5px 10px;border-bottom:1px solid #E1E1E1;color:#999999;background:#FFFFFF;}
.board .memzone{vertical-align:top;background:#FAFAFA;text-align:center;}
.board .memlogoframe{margin:0px auto;margin-top:10px;width:130px;padding:15px 5px;border:1px solid #FF0000;background:#FFFFFF;text-align:center;}
.board .boardbg{vertical-align:top;text-align:left;background:#FFFFFF;}
.board .board_contentin{padding:10px;padding-bottom:0px;}
.board .doll{text-align:right;}
.board_content{width:100%;overflow:auto;overflow-x:auto;overflow-y:hidden;}
.board_content a{color:#0000FF;}
.board_content a:hover{color:#FF0000;}

.quotetop {margin:5px;margin-bottom:0px;border:1px solid #CCCCCC;border-bottom:none;background:#F5F5F5;color:#888888;padding:2px;}
.quote {margin:5px;margin-top:0px;padding:5px;border:1px solid #CCCCCC;border-top:0px solid #CCCCCC;background:#FDFDFD;overflow:auto;overflow-x:auto;overflow-y:hidden;}

.changecategory {border:1px solid #DDDDDD;padding:1px;}
.changecategory li{display:block;margin-bottom:2px;padding:2px 0px;padding-left:5px;border:1px solid #EEEEEE;}
.changecategory li img{vertical-align:middle;padding-right:10px;}

.scoredetail{width:600px;padding:5px;border:1px solid #EEEEEE;text-align:left;}
.scoredetail a{color:#999999;} .scoredetail a:hover{color:#FFFFFF;}


.scorechart {margin:10px 5px;width:580px;}
.scorechart th{width:150px;padding:2px;color:#555555;}
.scorechart td{padding:2px;}

.scoreshow{float:left;margin-right:5px;width:70px;padding:5px;text-align:center;border:1px solid #CCCCCC;background:url(image/bg_score.gif) #FFFFFF repeat-x top;display:inline;font-size:10px;color:#999999;}
.scoreshow span{font-size:22px;}

.medalselect a{display:block;float:left;margin:5px;width:60px;padding:10px 5px;border:1px solid #CCCCCC;background:#F5F5F5;color:#FF0088;font-weight:bold;cursor:pointer;}
.medalselect a img{width:32px;height:32px;}
.medalselect a:hover{background:#FFFFFF;}


/*###### CHAT  #######*/
.chattable{width:100%;border-bottom:1px solid #EEEEEE;}
.chattable th{width:30px;padding:3px;text-align:center;vertical-align:top;}
.chattable th img{width:30px;height:30px;border:1px solid #E1E1E1;}
.chattable td{padding:3px;vertical-align:top;}
.chattable .chatname{color:#FF0088;font-size:10px;}

.chatposttable{margin-top:0px;border-top:1px solid #DDDDDD;}
.chatposttable td{padding:3px;}
.chatposttable .intextarea{width:95%;height:55px;}
.chatposttable .chatnameshow{margin-bottom:5px;color:#FF0088;font-weight:bold;}
.chatposttable .chatbutton{margin-bottom:2px;cursor:pointer;}

#chatarea{height: 400px; overflow: auto;padding: 10px; background: white;text-align:left;}

/*###### STAR REPORT  #######*/
.starreport{border:1px solid #CCCCCC;}
.starreport th{padding:5px;border-bottom:1px solid #CCCCCC;background:#FAFAFA;color:#666666;}
.starreport td{padding:5px 8px;border-bottom:1px solid #EEEEEE;}

/*########### PROCESS ###########*/
.forgetpassword th{width:43%;}
.formpost {border:1px solid #CCCCCC;}
.memlogin th{width:33%;}

/*######## DOWNLOAD ########*/
.downloadmenu{border:1px solid #DDDDDD;border-bottom:none;border-top:none;}
.downloadmenu a{display:block;padding:6px 10px;padding-left:38px;border-left:none;border-right:none;border-bottom:1px solid #DDDDDD;background:url(image/download_menubg.gif) #FCFCFC repeat-y left;text-align:left;font-weight:normal;color:#3d476b}
.downloadmenu a img{margin-right:8px;vertical-align:middle;}
.downloadmenu a:hover{background:#FFFFFF;border-bottom:1px solid #DDDDDD;color:#0055CC;font-weight:bold;}
.downloadmenu .current a{background:#FFFFFF;border-right:1px solid #FFFFFF;}
.downloadheadmenu{margin-top:-1px;padding:12px 8px;border:1px solid #CCCCCC;background:url(image/download_headmenubg.gif) #FAFAFA; repeat-x;color:#000000;text-align:left;}
.downloadheadmenu img{width:17px;height:17px;padding-left:4px;padding-right:15px;vertical-align:middle;}

.downloaditem td{width:33.3%;text-align:center;padding:3px;font-weight:bold;font-size:17px;border-right:1px solid #DDDDDD;}
.downloaditem td span{font-size:10px;color:#AAAAAA;font-weight:normal;}
.downloaditem .vote{border-right:none;}
.downloaditem .download{color:#FF0088;}
.downloaditem .comment{color:#008800;}
.downloaditem .vote{color:#0055CC;}

.downloadsubmenu{margin:0px auto;margin-bottom:10px;}
.downloadsubmenu td{padding:0px 5px;text-align:center;vertical-align:middle;}
.downloadsubmenu a{display:block;padding:5px;border:1px solid #DDDDDD;background:#FAFAFA;text-align:center;color:#4472a1;}
.downloadsubmenu a:hover{border:1px solid #335997;background:#4b7eC3;color:#FFFFFF;}

/*######## ITEM ########*/
.itemshowscore td{width:33.3%;padding:5px;text-align:center;border:1px solid #DDDDDD;background:#FAFAFA;font-size:18px;font-weight:bold;}
.itemshowscore td span{font-size:10px;color:#AAAAAA;font-weight:normal;}
.itemshowscore .download{color:#FF0088;}
.itemshowscore .comment{color:#008800;border-left:none;border-right:none;}
.itemshowscore .vote{color:#0055CC;}

.itendetail{border:1px solid #CCCCCC;border-top:none;}
.itendetail th{width:100px;padding:5px 10px;border:1px solid #FAFAFA;background:#FAFAFA;font-weight:bold;color:#777F99;}
.itendetail td{padding:5px 10px;border:1px solid #FAFAFA;background:#FFFFFF;}

.itemheadbar{margin-top:15px;padding:6px 10px;border:1px solid #CCCCCC;border-bottom:none;background:url(image/download_headmenubg.gif) #FAFAFA;font-size:15px;color:#005588;text-align:left;}

.itemmenu a{display:block;padding:7px;margin-bottom:6px;border:1px solid #DDDDDD;background:#FAFAFA;text-align:center;color:#005599;cursor:pointer;}
.itemmenu a:hover{border:1px solid #005588;background:#0077AA;color:#FFFFFF;}


/*######## ITEM EDIT ########*/
.uploaditem{border:1px solid #CCCCCC;}
.uploaditem th{padding:8px;border:1px solid #FAFAFA;background:#FAFAFA;font-weight:normal;vertical-align:top;}
.uploaditem td{padding:8px;border:1px solid #FAFAFA;background:#FFFFFF;}


/*####### WEBBOARD ########*/
.boardmenu{border:1px solid #dddddd;border-top:none;border-bottom:none;}
.boardmenu a{display:block;padding:10px 0px;border-bottom:1px solid #DDDDDD;background:url(image/board_menubg.gif) #fefefe no-repeat;text-align:left;font-weight:bold;color:#3d476b;}
.boardmenu a img{margin-left:12px;margin-right:22px;width:16px;height:16px;vertical-align:middle;}
.boardmenu a:hover{background:#e9f2fa;color:#0055AA;}

.webboard{width:100%;margin-top:0px;}
.webboard th{padding:0px;background:url(image/board_headbg.gif) #F1F1F1;color:#5F5F5F;text-align:center;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.webboard td{padding:4px 5px;color:#888888;text-align:center;border-bottom:1px solid #E4E4E4;vertical-align:middle;}
.webboard td a{color:#000000;}
.webboard td a:hover{color:#0000FF;}
.webboard .boardbu{width:20px;}
.webboard .boardicon{width:20px;}
.webboard .boardtitle{width:460px;text-align:left;padding-left:10px;}
.webboard .boardname{width:100px;}
.webboard .boardpost{width:80px;}
.webboard .boardtime{width:70px;text-align:right;}

.minipageicon{display:none;}
.webboard .minipage a{border:1px solid #CCDDFF;background:#F9FDFF;padding:1px 5px;font-size:9px;color:#6666AA;}
.webboard .minipage a:hover{background:#CCDDFF;color:#0000AA;}
.webboard .minipageicon{width:16px;height:16px;vertical-align:middle;}

.bicon{width:16px;height:16px;background:url(image/boardiconpack.gif) no-repeat;}


.bnormal{background-position:0px -0px;}
.bpin{background-position:0px -16px;}
.bfavor{background-position:0px -32px;}
.bnew{background-position:0px -48px;}
.bhot{background-position:0px -64px;}
.block{background-position:0px -80px;}
.btalk{background-position:0px -96px;}
.bask{background-position:0px -112px;}
.btip{background-position:0px -128px;}
.bnews{background-position:0px -144px;}
.bmaker{background-position:0px -160px;}
.bshow{background-position:0px -176px;}
.bdownload{background-position:0px -192px;}
.bfiction{background-position:0px -208px;}
.bclub{background-position:0px -224px;}
.bthesims2{background-position:0px -240px;}
.bother{background-position:0px -256px;}
.bfeedback{background-position:0px -272px;}
.bmod{background-position:0px -288px;}
.binfo{background-position:0px -304px;}
.bgeneral{background-position:0px -320px;}
.bjoke{background-position:0px -336px;}
.bgame{background-position:0px -352px;}
.bknow{background-position:0px -368px;}
.bstar{background-position:0px -384px;}
.bstory{background-position:0px -400px;}


/*
boardiconpack.gif' class='boardicon btip


		if($boardbu == "normal") $bustatuspos = "-0";
		else if($boardbu == "pin") $bustatuspos = "-16";
		else if($boardbu == "favor") $bustatuspos = "-32";
		else if($boardbu == "new") $bustatuspos = "-48";
		else if($boardbu == "hot") $bustatuspos = "-64";
		else if($boardbu == "lock") $bustatuspos = "-80";
		$boardbu = "<img src='image/blank.gif' style='width:16px;height:16px;background:url(image/boardiconpack.gif) no-repeat 0 ".$bustatuspos."px;' alt='' />";

		if($boardicon == "talk"){$bupos = "-96";}
		else if($boardicon == "ask"){$bupos = "-112";}
		else if($boardicon == "tip"){$bupos = "-128";}
		else if($boardicon == "news"){$bupos = "-144";}
		else if($boardicon == "maker"){$bupos = "-160";}
		else if($boardicon == "show"){$bupos = "-176";}
		else if($boardicon == "download"){$bupos = "-192";}
		else if($boardicon == "fiction"){$bupos = "-208";}
		else if($boardicon == "club"){$bupos = "-224";}
		else if($boardicon == "thesims2"){$bupos = "-240";}
		else if($boardicon == "other"){$bupos = "-256";}
		else if($boardicon == "feedback"){$bupos = "-272";}
		else if($boardicon == "mod"){$bupos = "-288";}
		else if($boardicon == "info"){$bupos = "-304";}
		else if($boardicon == "general"){$bupos = "-320";}
		else if($boardicon == "joke"){$bupos = "-336";}
		else if($boardicon == "game"){$bupos = "-352";}
		else if($boardicon == "know"){$bupos = "-368";}
		else if($boardicon == "star"){$bupos = "-384";}
		else if($boardicon == "story"){$bupos = "-400";}
*/










/*######## MEMBER ########*/
.memdetail {width:100%;}
.memdetail th{width:70px;padding:3px;background:#FAFAFA;border:1px solid #FAFAFA;text-align:right;}
.memdetail td{padding:3px;padding-left:8px;background:#FFFFFF;border:1px solid #FAFAFA;}
.emailshow {font-size:9px;color:#8800FF;}

.memmenu a{display:block;margin-top:8px;padding:10px;border:1px solid #CCCCCC;background:#FAFAFA;font-size:16px;color:#666666;text-align:center;}
.memmenu a:hover{border:1px solid #005eaf;background:#005eaf;color:#FFFFFF;}

.memmessagepost{width:100%;margin-top:0px;border:1px solid #DDDDDD;}
.memmessagepost th{width:80px;}
.memmessagepost td{padding:3px;}
.memmessagepost .intextarea{width:480px;height:55px;}

.changepassword, .changememlogo, .memedit{border:1px solid #CCCCCC;}


/*########### MEMSETSTYLE ###########*/
.memstylebuttontab{margin:10px 2px;padding:4px 15px;font-size:11px;font-weight:bold;}
.memsetstylediv{margin:2px;padding:10px;border:1px solid #E1E1E1;}
.memsetstylediv .inhead{margin-bottom:5px;color:#0033AA;font-weight:bold;}
.memsetstylediv .inhelp{color:#666666;}
.memsetstylediv table{margin-top:20px;}

.ajaxitemlist li {float:left;border:2px solid #EEEEEE;cursor: pointer;}
.memsetstyle_memcolor .ajaxitemlist li {margin:2px;width:30px;height:30px;}
.memsetstyle_membgcolor .ajaxitemlist li {margin:2px;width:30px;height:30px;}
.memsetstyle_membgpicture .ajaxitemlist li {margin:4px;width:56px;height:56px;}
.memsetstyle_memcbgcolor .ajaxitemlist li {margin:2px;width:30px;height:30px;}
.memsetstyle_memcbgpicture .ajaxitemlist li {margin:4px;width:56px;height:56px;}
.memsetstyle_mempbgpicture .ajaxitemlist li {margin:4px;width:56px;height:56px;}
.memsetstyle_membar .ajaxitemlist li {margin:2px;width:30px;height:30px;}

.memstylebuttontab{margin:6px 0px;margin-left:6px;border:1px solid #CCCCCC;background:#FFFFFF;color:#666666;cursor:pointer;}
.memsetstylediv{margin:0px;padding:10px;border:none;border-top:1px solid #E1E1E1;background:#FFFFFF;}

.nextpage{margin:3px;padding:1px 5px;border:1px solid #DDDDDD;background:#FAFAFA;cursor:pointer;color:#666666;font-weight:bold;}


/*########### RULE ###########*/
.ruletable th{padding:10px 5px;text-align:center;}
.ruletable td{padding:10px 10px;color:#666666;}
.ruletable td img{margin-left:-5px;}