/*css document start */
body, td, input, textarea, select, button  { font: 12px/160% Helvetica, Arial, sans-serif; color:#333;}
body { text-align:center;}
body {
   BACKGROUND: url(/images/body_bg.gif) repeat-y center;
   background-color: #D5D5D5;
}
h1,h2,h3,h4,h5{ font-size:12px;}
body, ul, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset,li { margin: 0; padding: 0; }
ul,li{ list-style:none;}

em, cite, strong, th { font-style: normal; font-weight: normal;}
table { empty-cells: show; border-collapse: separate; }
a { color: #036; text-decoration: none;}
	a:hover { color: #258DC9; text-decoration: underline;}
	a img{ border:0;}
	
input, textarea { border-width: 1px; background: #FFF; border-color: #DDD; padding: 2px; }
	input[type="radio"], input[type="checkbox"] { border: none; background: none; }
	.radio, .checkbox{ border: none; background: none; }
	.invitecodelist input { border: none; font-family: "Courier New", Courier, monospace; font-size: 13px; cursor: pointer; }
button { border: 1px solid; border-color: #E8E8E8 #999 #999 #E8E8E8; background: #E8F3FD; height: 2em; line-height: 2em; cursor: pointer; }

#container{ width:992px; margin: 0 auto; text-align: left;  background:#FFF;}
#wraper {clear:both;}
	/*\*/ * html #wraper{ height: 1%; } /**/ *>#wraper{ overflow: hidden;}		
/*header*/
#header { width: 100%; overflow: hidden; padding:6px 0; }
	#header h2 { float: left; padding: 5px 0; }
	#ad_headerbanner { float: right; margin-top: 4px; }
/*header*/
/*menu*/
.frameswitch { float: left; height: 30px; line-height: 30px; padding-left: 10px;padding-top:4px;}
#menu { height: 31px; border: 1px solid #E8E8E8; background: #FFF url(images/menu_bg.gif) repeat-x; }
	#menu ul { float: right; padding: 4px 10px 0; border-right: 1px solid #FFF; }
		#menu li { float: left; }
			#menu li a { float: left; text-decoration: none; color: #333; padding: 4px 8px 3px; background: url(images/menu_itemline.gif) no-repeat 0 6px; }
				#menu li.hover { background-color: #FFF; border: 1px solid; border-color: #E8E8E8 #E8E8E8 #FFF; }
					#menu li.hover a { padding: 3px 7px; background-image: none; }
			#menu cite a { font-weight: bold; background-image: none; }
			#menu a.notabs { background: none; }
	.avataonline { float: left; line-height:30px;  padding-left: 28px; background: url(images/avataronline.gif) no-repeat 10px 40%; }
	 .avataonline a.newnote{ padding-left:10px; color:#0000ff;}	 
	 .avataonline a.newnote:hover{color: #258DC9;}
	 
		*html .avataonline {padding-top:4px;}
	#loginform * { vertical-align: middle; }
	#loginform button { line-height: 21px; height: 21px; padding: 0 4px; margin-left: 3px; }

/*end menu*/
/*foruminfo*/
#foruminfo { width: 100%; overflow: hidden; margin: 3px 0; color: #666; }
	#userinfo, #foruminfo #nav { float: left; }
	#forumstats, #headsearch { float: right; text-align: right; }
	#foruminfo p { margin: 0; line-height:24px;}
		#foruminfo a{ color: #069; }
		#foruminfo em { color: #000; }
		#foruminfo cite { font-weight: bold; }
			#foruminfo strong a { font-weight: bold; color: #000; }
		#forumstats form{ float:right;  }
		#forumstats p { clear:both; }
	#nav { margin: 3px 5px;}	
		#foruminfo #nav { margin-top:10px; }
		#userinfo #nav { float: none; padding: 0; }
			#nav a { font-weight: bold; color: #069; text-decoration:none;}
#announcement {line-height: 36px; height: 36px; overflow: hidden;width:898px; float:left; }
	#announcement div { border: 1px solid #FFF; padding: 0 10px; line-height: 35px !important; height: 36px; overflow-y: hidden;}
		#announcement li { float: left; margin-right: 20px; padding-left: 10px; background: url(images/arrow_right.gif) no-repeat 0 50%; white-space: nowrap; }
			#announcement li em { font-size: 0.83em; margin-left: 5px; color: #666; }
#newtopicbutton{width:94px; float:right; text-align:right; margin-top:5px;}
	#newtopicbutton a { text-decoration:none; }
/*end foruminfo*/

.dropmenu { padding-right: 15px !important; background-image: url(images/arrow_down.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; cursor: pointer; }
.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid #CAD9EA; background: #FFF url("images/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 1px;  }
.headermenu_popup { width: 170px; }
	.headermenu_popup li { float: left; width: 7em; line-height: 24px; height: 24px; overflow: hidden; border-bottom: 1px solid #E8E8E8; }
.newspecialmenu { width: 100px; }
	.newspecialmenu li { background: url(images/folder_s.gif) no-repeat 3px 50%; float: left; }
		.newspecialmenu li.poll { background-image: url(images/pollsmall.gif); }
		.newspecialmenu li.trade { background-image: url(images/tradesmall.gif); }
		.newspecialmenu li.reward { background-image: url(images/rewardsmall.gif); }
		.newspecialmenu li.activity { background-image: url(images/activitysmall.gif); }
		.newspecialmenu li.debate { background-image: url(images/debatesmall.gif); }
		.newspecialmenu li.video { background-image: url(images/videosmall.gif); }
		.newspecialmenu a { float: left; width: 75px; border-bottom: 1px solid #E8E8E8; padding: 5px 0 5px 25px; }
			.newspecialmenu a:hover { text-decoration: none; color: #069; border-bottom-color: #CAD9EA; }
#styleswitcher_menu { overflow: visible; }
	#styleswitcher_menu, #styleswitcher_menu ul li, #styleswitcher_menu ul li.current a, #styleswitcher_menu ul li a { white-space: nowrap; }
	#styleswitcher_menu ul li.current { font-weight: bold; }
		#styleswitcher_menu ul li.current a { color: #666; }
	#styleswitcher_menu li.current { font-weight: bold; }
#forumjump_menu, #visited_forums_menu { padding: 10px 30px 10px 20px; }
	#forumlist_menu dl, #forumjump_menu dl { padding: 5px 0; }
		#forumlist_menu dt a, #forumjump_menu dt a { font-weight: bold; color: #666; }
		#forumlist_menu dd, #forumjump_menu dd { padding-left: 1em; }
			#forumlist_menu li.sub, #forumjump_menu li.sub { padding-left: 1em; }
			#forumlist_menu li.current a, #forumjump_menu li.current a, #visited_forums_menu li.current a { font-weight: bold; }
			#forumlist_menu li a, #forumjump_menu li a, #visited_forums_menu li a { font-weight: normal; color: #069; }
.userinfopanel { border: 1px solid #CAD9EA; width: 140px; background: #FFF url("images/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; padding: 10px; }
	.imicons { text-align: center; border: 1px solid #E8E8E8; background: #FFF; padding: 4px 1px; }
		.imicons img { vertical-align: middle; }
	.userinfopanel p { text-align: left; margin: 0; }
		.userinfopanel p a { color: #069; }
	.userinfopanel dl { border-bottom: 1px solid #E8E8E8; margin: 5px 0; padding: 5px 0; }
	.postauthor cite a { float: left; padding: 5px; border: solid #E8F3FD; border-width: 1px 1px 0; height: 10px; overflow: hidden; }
		.postauthor cite a.hover { border-color: #CAD9EA; background-color: #FFF; }
	.popupmenu_popup .postauthor { width: 180px; }
		.popupmenu_popup .postauthor a { color: #069; }
		
		
.avataonline { float: left; height: 30px; line-height: 30px; padding-left: 28px; background: url(images/avataronline.gif) no-repeat 10px 40%; }
#viewpro_menu { margin: 10px auto auto -30px; text-align: center; }
	#viewpro_menu img { height:48px; width: 48px; margin: 2px auto; }
	#viewpro_menu li { text-align: left; }

.userinfolist { float: left; }
	li.popuser { text-indent: 20px; padding: 4px; background: url(images/usericon.gif) no-repeat 0 50%; }
	li.poplink { text-indent: 20px; padding: 4px; background: url(images/homelink.gif) no-repeat 0 50%; color: #999; }
#styleswitcher_menu { overflow: visible; }
	#styleswitcher_menu, #styleswitcher_menu ul li, #styleswitcher_menu ul li.current a, #styleswitcher_menu ul li a { white-space: nowrap; }
	#styleswitcher_menu ul li.current { font-weight: bold; }
		#styleswitcher_menu ul li.current a { color: #666; }
	#styleswitcher_menu li.current { font-weight: bold; }
/*quicksearch*/
.ntforumsearch{ float:right;  text-align:right; line-height:180%; padding-top:2px;}
	#searchbar { border: 1px solid #ccc; height: 26px; margin-right: 0px; line-height: 24px; width: 220px;  background:#FFF;}
		#searchbar dt,#searchbar dd { float: left; }
		#searchbar .s2{ background: #fff url(images/dot-down.gif)  no-repeat right center; width: 80px; color: #090; text-align: center; line-height: 26px; }
		#searchbar .text{ width: 110px; text-indent: 2px; border: 0; padding: 0.2em 0; }
			*html #searchbar .text { width: 108px; }
			*+html #searchbar .text { width: 108px; }
		#searchbar .textinput {border-right:1px solid #ccc;}
		#searchbar .s3{ width: 28px; height: 26px; background: #fff url(images/button-search.gif)  no-repeat 100% 0; border: 0; }
		.searchmenu { background-color: #F5FAFE; padding: 4px; width: 75px; text-align: center; border: 1px solid #ccc; border-top: 0;}
/*quicksearch*/
#infobox{ margin:4px auto; height:30px; background:#fff url(images/Locationbg.jpg) repeat-x left top; color:#3F4E5A; }
	.ntforumnote{ float:left; width:720px; line-height:30px;}
	.ntforumnote dt,.ntforumnote dd { float:left; }
		.ntforumnote dt{ font-weight:bold; padding:0 15px; text-align:center; }
		.ntforumnote ul{ width:630px;}
		.ntforumnote li{float:left; padding-left:10px;}
			.ntforumnote cite{ padding:0 10px; text-align:right;}
			.ntforumnote h3{ padding-left:5px; font-weight:normal;}
.mainbox { clear:both; margin-bottom:5px;}
.adinner { clear:both; margin-bottom:5px;}
	/*\*/ * html .mainbox{ height: 1%; } /**/ *>.mainbox{ overflow: hidden;}		
	.box { float:left; border:1px solid #B3C9E1; margin-right:5px;}
	.box span { float:right; line-height:28px; padding-right:10px; }
		.box span a { padding:0 5px; }
	.box h2 { background:url(images/gather/titlebg.gif) repeat-x 0 0; border-bottom:1px solid #D3E3F2; line-height:28px; color:#2567B3; padding-left:11px; font-size:14px; }
	.mainboxleft  { float:left; margin-right:5px; width:730px;}
	.mainboxright { float:left; margin-right:0px; width:257px;}
/*forum*/
.firstbox { position:relative; width:315px; height:265px;  }
	.focusbox { margin:2px; text-align:center;  }
	.focusbox h3 { line-height:260%; }
	.focuspage { text-align:right; background:#ececec; }	
		.focuspage a { line-height:16px; padding:0 8px; background:#c5c5c5; border-left:1px solid #FFF; color:#FFF; text-decoration:none; }
		.focuspage a.current { background:#515151;}
.newtopicbox { width:406px;height:264px; }
	.newtopicbox dl { background:url(images/gather/headbg.gif) repeat-x 0 0;border-bottom:1px dashed #BFC7DC; padding-bottom:7px;}
		.newtopicbox dt { line-height:32px; font-weight:bold; font-size:22px; text-align:center; padding-top:5px; padding-bottom:5px;}
		.newtopicbox dt a { color: #0000ff; text-decoration: none;}
		.newtopicbox dt a:hover { color: #258DC9; text-decoration: none;}
		.newtopicbox dt em { float:right; color:#999; }
		.newtopicbox dt cite {color:#999; font-size:12px; padding:0 4px;  }
		.newtopicbox dt span {color:#999; font-size:16px; text-align:center;}
		.newtopicbox dd { padding-left:10px; padding-right:10px;}		
	ul.topiclist { margin:5px 5px 5px; }
		ul.topiclist li { padding-left:4px; font-size:14px; line-height:23px; white-space:nowrap; }
		ul.topiclist cite { float:right; text-align:left; color:#999; font-size:12px;width:60px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.sidebox { margin-right:0;}
	.titlebar,.sidetitlebar { margin:0 1px; background:url(images/gather/sidetitlebg.gif) repeat-x 0 0; height:29px; font-size:14px; }
	.titlebar ul { margin-left:7px; padding-top:6px;  }
	.titlebar li,.sidetitlebar li { float:left; text-align:center; line-height:22px; height:22px; text-align:center; padding:0 10px; }
		.titlebar li.current,.sidetitlebar li.current { position:relative;  background:url(images/gather/tabbg.gif) repeat-x 0 0; border:1px solid #99C2DE; border-bottom:none; font-weight:bold; }
		.titlebar a { text-decoration:none; }
	.sidetitlebar { background:#EFF6FE; border-bottom:1px solid #D6E2F2; height:28px; }
		.sidetitlebar li { line-height:28px; height:28px; border-right:1px solid #99C2DE; }
		.sidetitlebar li.current { background:#FFF; border:none;  border-right:1px solid #99C2DE; border-bottom:1px solid #FFF; }
			*html .sidetitlebar li.current { top:1px; }
	.sideinner ul { margin:7px 10px; }
		.sideinner li { line-height:22px; }
		.sideinner cite { float:left;display:block;width:15px; height:16px; line-height:16px;margin-right:4px; text-align:center; background:#e5f1fd; border:1px solid #aedbf8; color:#7899C2;}
        .sideinner cite.first { background:#ff9853; border:1px solid #FF6600; color:#c85000; }
        .sideinner cite.second { background:#FDE4E4; border:1px solid #F1AEB9; color:#CB8B7E; }
        .sideinner cite.third { background:#F0E3FE; border:1px solid #BFAAF5; color:#C4A7FE; }
		.sideinner em { float:right; color:#F06D03;}
		.sideinner li i { font-style:normal; padding:0 3px; color:#F06D03; }
		ul.topicdot li{ background:url(images/gather/icon.gif) no-repeat 0 50%; padding-left:6px; }
	.forumtag { padding: 3px; }
        .forumtag a{ padding: 0 3px; white-space:nowrap; }
.topicbox,.albumbox,.mallbox { width:723px; height:219px; }
.topicbox1 { width:360px; height:219px;}
.topicbox2 { width:361px; height:219px; margin-right:0px;}
.topicbox3 { width:300px; height:219px;}
.topicbox4 { width:376px; height:219px;}
.topicbox5 { width:300px; height:219px; margin-right:0px;}
.topicboxleft { width:491px; height:219px; margin-right:5px;}
.topicboxright{ width:492px; height:219px; margin-right:0px;}
.topicboxall{ width:990px;margin-right:0px;}
.picboxleft{ width:825px; height:185px; margin-right:0px; }
.picboxright{ width:160px; height:184px; margin-right:0px; border:1px solid #B3C9E1;}

userphotobox{width:75px;float:left;}
/*userphotobox*/
.userphotobox dl{ float:left;margin:4px; width:68px; height:68px; display:inline; text-align:center;}
	.userphotobox dt {}
	.userphotobox dd {
	OVERFLOW: hidden; WIDTH: 100%; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-ALIGN: center; moz-text-overflow: ellipsis;-o-text-overflow:ellipsis; 
}	
	.userphotobox img {height:60px; width:66px;border:1px solid #CCC;}
/*end userphotobox*/

.photobox {height:219px; }
	.albumbox,.mallbox { height:198px; }
	.maintopic { float:left; width:260px; border-right:1px dashed #b9c9d8; margin:14px 0; text-align:center; padding-top:10px;  margin-right:10px;}
/*end forum*/
/*photobox*/
.photobox dl{ float:left; margin:18px; width:142px; height:142px; display:inline;}
	*html .photobox dl { margin:20px 14px; }
	.photobox dd { background:url(images/gather/albumbg.gif) no-repeat 0 0; padding:15px; padding-left:18px;  }
	.photobox dt { font-weight:bold; text-align:center; }
/*end photobox*/
/*album*/
.albumbox dl{ float:left; margin:18px; width:142px; height:142px; display:inline;}
	*html .albumbox dl { margin:20px 14px; }
	.albumbox dd { background:url(images/gather/albumbg.gif) no-repeat 0 0; padding:15px; padding-left:18px;  }
	.albumbox dt { font-weight:bold; text-align:center; }
/*end album*/
/*space*/
.spacebox { float:left; width:252px; height:198px; }
.journalbox { float:left; width:462px; height:198px; }
.spacebox dl { clear:both; margin:8px; margin-top:10px;}
	.spacebox dt,.spacebox dd { float:left; }
	.spacebox dt { width:70px; }
	.spacebox dd { width:165px; line-height:180%;  }
		.spacebox img {  border:1px solid #CCC; padding:2px; margin:2px 4px;  }
		.spacebox .spacetitle { font-weight:bold; }
/*end space*/
/*mallbox*/
.mallbox ul { margin-left:10px; }
.mallbox li{ overflow:hidden; float:left; padding:10px 0; text-align:center; white-space:nowrap; text-overflow:ellipsis; width:115px; }
/*end mallbox*/
#statistics .sidebox { margin-right:5px; }

.links { float:none; margin-right:0;}	
	#forumlinks div { overflow:hidden; zoom:1; padding: 5px; color: #999; border-top:1px solid #E8E8E8;}
	.forumlinks li { float:left; width:20%; }
		.forumlinks li h5,.forumlinks li p { padding-right:18px; }
	.forumlinks .forumlink_logo { float: left; margin:4px 15px 4px 4px; }
	.forumimglink a { margin-right:8px; }
	.forumtxtlink a { display:block; float:left; margin-right:5px; overflow:hidden; white-space:nowrap; width:8em;}
/*end links*/
/*footer*/
#ad_footerbanner { padding-bottom:10px; text-align:center;}
#footer { border-top: 1px solid #9DB3C5; color: #666; padding: 12px 0; }
	#footer .wrap { margin:0 auto; width: 98%;}
	#footlinks { float: right; margin-top: -3px; text-align: right; }
	#footer img { float: left; margin: 0 10px 0 0; }
	#copyright, #debuginfo { font: 0.83em/1.5em Verdana, Arial, Helvetica, sans-serif; }
		#copyright strong, #copyright em { font-weight: bold; }
			#copyright strong a { color: #0954A6; }
			#copyright em { color: #FF9D25; }
			#debuginfo { color: #999; }
	.scrolltop { cursor: pointer; }
/*footer*/
/*RotateImage*/
div.MzRotateImage_ControlBar{z-index:2; right:1px; bottom:1px; text-align: right; position: absolute;}
	div.MzRotateImage_ControlBar input{width: 18px; height: 20px; color: #fff; cursor: pointer; text-align: center; background: #000; border: solid 1px #fff; border-right: solid 0px #ddd;}
	div.MzRotateImage_ControlBar input.active{background-color: #cc0000;}
	.MzRotateImage .active h3{line-height:220%; padding-left:4px;}
.box .active span { float:none; }
/*RotateImage*/
/*HeadMunu*/
.white14b{font-size:14px;font-weight: bold;color:#ffffff;line-height:20px;}
A.white14b:link{color:#ffffff;text-decoration:none;}
A.white14b:visited{color:#ffffff;text-decoration:none;}
A.white14b:hover{color:#FFFF00;text-decoration:none;}
/*HeadMunu*/
.navahref{font-size:12px;font-weight: bold;line-height:20px;}
A.navahref:link{text-decoration:none;}
A.navahref:visited{text-decoration:none;}
A.navahref:hover{text-decoration:none;}
/*pic_list*/
.pic_list LI {
	FLOAT: left; WIDTH: 123px; TEXT-ALIGN: center;VERTICAL-ALIGN: middle;PADDING:5px;
}
.pic_list div{
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; 	VERTICAL-ALIGN: middle; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 123px; LINE-HEIGHT: 150px; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center;
}
.pic_list IMG {
WIDTH: 123px; HEIGHT: 120px;VERTICAL-ALIGN: middle;
}
.pic_list p {
	OVERFLOW: hidden; WIDTH: 100%; LINE-HEIGHT: 22px; WHITE-SPACE: nowrap; HEIGHT: 22px; TEXT-OVERFLOW: ellipsis; TEXT-ALIGN: center; moz-text-overflow: ellipsis;-o-text-overflow:ellipsis; 
}
/*pic_list*/
/*headactions*/
.bottombox { background: #FFF; border: 1px solid #DCE6F1; padding: 1px; margin-bottom: 10px; }
	.bottombox h4 { background: #FFF url("images/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; line-height: 30px; padding: 0 10px; }
	.bottombox table { width: 100%; }
		.bottombox td { border-top: 1px solid #E8E8E8; }
		.bottombox .bottombox li { list-style: none;}		
#online {}
	#online h4 { font-weight: normal; color: #666;  }
		#online h4 strong { font-weight: bold; }
		.onlineusernumber { line-height:28px; }
	#online dl { padding: 5px 5px 5px 55px; }
		#onlinelist { background: url(images/online.gif) no-repeat 10px 10px; border-top: 1px solid #E8E8E8; }
		#online dt { padding: 5px; }
			#online dt img { margin-bottom: -3px; }
		#online dd { border-top: 1px solid #E8E8E8; }
	#bdayslist { padding: 10px 0 10px 55px; border-top: 1px solid #E8E8E8; background: url(images/bdays_cake.gif) no-repeat 10px 5px; }
.userlist { overflow: hidden; padding: 5px 5px 0; }
	* html .userlist { height: 1%; }
	.userlist li { float: left; width:128px; height: 20px; overflow: hidden; }
		.userlist li img { vertical-align: middle; }
	#onlinelist .userlist li { height: auto; margin:4px auto ;}
#recommendlist { }
	#recommendlist li { float: left; white-space: nowrap; width: 24.9%; overflow: hidden; text-indent: 12px; background: url(images/arrow_right.gif) no-repeat 2px 7px; }
	#recommendlist.rules li { width: 49%; }
.recommendrules { padding: 0px;}
#seccode { cursor: pointer; }
.autosave { behavior: url(#default#userdata); }
#menu a.notabs { background: none; }
.headactions a.notabs { background: none; margin-right: 0px; padding-right: 0px; }
.absmiddle { vertical-align: middle; }
.mainbox ins { display: block; text-align: center; text-decoration: none; margin-bottom: 1px; background: #F7F7F7; border-bottom: 1px solid #CAD9EA; line-height: 26px; }
	ins.logininfo { background: #E8F3FD; padding: 2px 5px; line-height: 22px; color: #666; text-align: left; border: none; }
.headactions { float: right; line-height: 1em; padding: 10px 10px 0 0; }
	.headactions img { vertical-align: middle; cursor: pointer; padding: 0 5px; }
		.mainbox .headactions { color: #FFF; }
		.headactions a, .mainbox .headactions span, .mainbox .headactions strong {padding-right: 10px; margin-right: 0px; color: #FFF; }
			.mainbox .headactions strong { font-weight: bold; background-image: url(images/arrow_left.gif); }
.headactions { float: right; line-height: 1em; padding: 10px 10px 0 0; }
/*headactions*/