/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Box Style ~~~~ */

/*Main Box*/
.mainbox { background: #FFF; border: 1px solid #9DB3C5; padding: 1px; margin-bottom: 10px; }
	.mainbox h1, .mainbox h3, .mainbox h6 { font-size: 1em;line-height: 31px; padding-left: 1em; background: #fa002e url("../../images/default/header_bg.gif"); background-repeat: repeat-x; background-position: 0 0; color: #FFF; }
		.mainbox h1 a, .mainbox h3 a { color: #FFF; }
	.mainbox table { width: 99.5%; }
		.forumlist table, .threadlist table { border-collapse: separate; }
		.mainbox thead th, .mainbox thead td { background: #E8F3FD; padding: 2px 5px; line-height: 22px; color: #666; }
			.mainbox thead.category th, .mainbox thead.category td { background: #E8F3FD url("../../images/default/cat_bg.gif"); }
			.mainbox thead.separation th, .mainbox thead.separation td { border-top: 1px solid #CAD9EA }
		.mainbox tbody th, .mainbox tbody td { border-top: 1px solid #CAD9EA; padding: 5px; }
			.mainbox tbody cite, .mainbox tbody em { line-height: 1.3em; }
				.forumlist tbody strong, .threadlist tbody strong , .formbox tbody strong  { color: #090; }
	/*Tabel Footer: Button Operation*/
	.footoperation { background: #E8F3FD; padding: 5px; border-top: 1px solid #CAD9EA; }
		.threadlist .footoperation { padding-left: 61px; }
		.footoperation * { vertical-align: middle; }
		.footoperation label { margin-right: 1em; cursor: pointer; }
		.footoperation button { line-height: 1em; display: inline; width: 0; overflow: visible; padding: 3px 5px 2px; border: 1px solid #CAD9EA; background: #FFF; color: #069; cursor: pointer; margin-left: 2px; }
			.footoperation>button { width: auto; }
	/*Forum & Thread List*/
	.forumlist tbody th, .forumlist tbody td, .threadlist tbody th, .threadlist tbody td { color: #666; padding: 1px 5px; border-bottom: 1px solid #FFF; background-color: #F5FAFE; }
		.forumlist tbody th { height: 40px; }
		.forumlist th, .threadlist th { text-align: left; }
				.forumlist th { padding-left: 55px !important; }
					.forumlist h2 em { color: #069; }
				.forumlist tbody th { background-image: url(../../images/default/forum.gif); background-repeat: no-repeat; background-position: 13px 50%; }
					.forumlist tbody th.new { background-image: url(../../images/default/forum_new.gif); }
					.moderators a { color: #069; }
					.moderators a strong { font-weight: bold; color: #069; }
				.threadlist th label { float: right; }
				.threadpages { background: url(../../images/default/multipage.gif) no-repeat 0 100%; font-size: 11px; margin-left: 5px; white-space: nowrap; }
					.threadpages a { padding-left: 8px; }
						.threadpages a:hover { text-decoration: underline; }
				.threadlist th a.new { color: #090; text-transform: uppercase; font-size: 9px; white-space: nowrap; }
				.threadlist th input { float: left; margin-right: 5px; }
				.threadlist th em, .threadlist th em a { color: #999; }
				.threadlist th img.icon { float: left; margin-left: -22px; }
				.threadlist th img.attach, .threadlist th img.icon { margin-bottom: -3px; }
				.threadlist .target { float: left; display: block; width: 20px; height: 20px; margin-left: -28px; text-indent: -9999px; overflow: hidden;  }
					* html .threadlist .target  { margin-left: -14px; margin-right: 5px; }
	.forumlist tbody tr:hover th, .forumlist tbody tr:hover td, .threadlist tbody tr:hover th, .threadlist tbody tr:hover td { background-color: #E8F3FD; }
		.forumlist td.lastpost { width: 260px; }
		.threadlist td.folder { text-align: center; width: 30px; }
		.threadlist td.icon { text-align: center; padding: 3px 0; width: 16px; }
		.threadlist td.author { width: 120px; }
		.threadlist td.lastpost { text-align: right; width: 120px; padding-right: 15px; }
			.threadlist td.lastpost cite a { color: #999; }
		.forumlist cite, .threadlist cite { display: block; }
		.threadlist td.author em, .threadlist td.lastpost em { font-size: 0.82em; }
		label.highlight { width: 40px; margin-right: 30px; }
		label.highlight, label.highlight input { float: left; }
		label.highlight em { float: right; width: 16px; height:16px;  }
		.quickmanage label.highlight { width: 40px; margin: 3px 18px 3px 0; }

		.optionbar { float: left; margin-right: 0.5em; border: 1px solid #CAD9EA; background: #2F589C url("../../images/default/header_bg.gif"); background-repeat: repeat-x; background-position: 0 100%; height: 12px; }
			.optionbar div { float: left; border: 1px solid #FFF; height: 10px; overflow: hidden; }

/*Common Box*/
.box { background: #FFF; border: 1px solid #CAD9EA; padding: 1px; margin-bottom: 10px; }
	.box h4 { background: #FFF url("../../images/default/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; line-height: 30px; padding: 0 10px; }
	.box table { width: 100%; }
		.box td { border-top: 1px solid #E8E8E8; }
		.box .box li { list-style: none;}
	.postattachlist h4, .tradethumblist h4, .pollpanel h4, .specialthread_4 h4, .typeoption h4 { border-top: 1px solid #CAD9EA; }
	#pmprompt { border-color: #EDEDCE; }
		#pmprompt h4 { background: #FFFFF2; border-top: none; }
		#pmprompt th, #pmprompt td { border-top-color: #EDEDCE; }
/*List*/
td.user { width: 120px; }
td.nums { width: 80px; text-align: center; }
td.time { width: 120px; }
td.selector { width: 20px; text-align: center; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Control Panel ~~~~ */
.container { width: 100%; overflow: hidden; }
	.content { float: right; width: 80%; }
		.content .mainbox { padding-bottom: 5px; }
		.content .footoperation, .content .mainbox thead th, .content .mainbox thead td,
		.content .mainbox tbody th, .content .mainbox tbody td { border-top: none; border-bottom: 1px solid #CAD9EA; }
	.side { float: left; width: 18%;}
		.side div { border: 1px solid #CAD9EA;background: #FFF url("../../images/default/portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; }
			.side h2 { padding-left: 10px; line-height: 2.4em; font-size: 1.17em; border: 1px solid; border-color: #FFF #FFF #E8E8E8 #FFF;}
			.side ul { padding: 1px; }
				.side li{ text-indent: 26px; line-height: 2.4em; }
					.side h3 { font-weight: normal; background:url(../../images/default/arrow_right.gif) no-repeat 14px 46%; }
						.side_on h3 { font-weight: bold; border: solid #CAD9EA; border-width: 1px 0; background: #E8F3FD url(../../images/default/arrow_down.gif) no-repeat 14px 46%; }
					.side li ul { border-bottom: 1px solid #E8E8E8; }
						.side li li { padding-left: 1em;}
				.side li.current { font-weight: bold; }
					.side li.current a { color: #666; }
			.side li.first h3 { border-top: none; }
			.side li.last ul { border-bottom: none; }
	#memberinfo { }
		#memberinfo .memberinfo_avatar { text-align: center; width: 170px; font-weight: bold; }
			#memberinfo li label { color: #666; margin-right: 0.5em; }
			#memberinfo .memberinfo_forum label { float: left; width: 7em; text-align: right; }
	.mysearch { float: left; display: block; margin-top: -10px; margin-left: 10px;}
		/* Message Tabs*/
		.msgtabs { border-bottom: 1px solid #CAD9EA; padding-bottom: 23px; padding-right: 5px; margin-top: 0.8em;}
			.msgtabs strong { float: right; padding: 0 12px; border: 1px solid #CAD9EA; border-bottom: 1px solid #E8F3FD;  margin-right: 5px; text-decoration: none; height: 22px; line-height: 22px; font-weight: bold; background: #E8F3FD; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DropMenu ~~~~ */

.dropmenu { padding-right: 15px !important; background-image: url(../../images/default/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/default/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/default/folder_s.gif) no-repeat 3px 50%; float: left; }
		.newspecialmenu li.poll { background-image: url(../../images/default/pollsmall.gif); }
		.newspecialmenu li.trade { background-image: url(../../images/default/tradesmall.gif); }
		.newspecialmenu li.reward { background-image: url(../../images/default/rewardsmall.gif); }
		.newspecialmenu li.activity { background-image: url(../../images/default/activitysmall.gif); }
		.newspecialmenu li.debate { background-image: url(../../images/default/debatesmall.gif); }
		.newspecialmenu li.video { background-image: url(../../images/default/videosmall.gif); }
		.newspecialmenu a { display: block; width: 75px; border-bottom: 1px solid #E8E8E8; padding: 5px 0 5px 25px; }
			.newspecialmenu a:hover { text-decoration: none; color: #069; border-bottom-color: #CAD9EA; }
#forumlist_menu, #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/default/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; }
#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 {}
	#styleswitcher_menu li.current { font-weight: bold; }
.tagthread { width: 360px; }
	.tagthread .close { float: right; padding-top: 5px; }
	.tagthread h4 { line-height: 26px; border-bottom: 1px solid #E8E8E8; }
	.tagthread ul { padding: 5px; }
		.tagthread li { line-height: 1.8em; }
	.tagthread li.more { text-align: right; background: url(../../images/default/arrow_right.gif) no-repeat 100% 50%; padding-right: 10px; }
.headactions .popupmenu_popup a, .headactions .popupmenu_popup strong { color: #666; background: none; white-space: nowrap; }
	.headactions .popupmenu_popup { overflow: visible; }

#threadtypesmenu_menu ul li { height: 1.4em; _line-height: 1.4em; }

*+html #my_menu, *+html #memcp_menu, *+html #stats_menu, *+html #plugin_menu { margin-left: 1px; }
* html #my_menu, * html #memcp_menu, * html #stats_menu, * html #plugin_menu { margin-left: 1px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Form Style ~~~~ */

fieldset { border: none; }
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; }
#postsubmit, button.submit { margin-right: 1em; border: 1px solid; border-color: #FFFDEE #FDB939 #FDB939 #FFFDEE; background: #FFF8C5; color: #090; padding: 0 10px; }
button.insmsg { margin: 1em 0; border: 1px solid #EDEDCE; background: #FFFFF2; color: #090; }
.formbox th { width: 180px; text-align: left; }
	.formbox th, .formbox td { padding: 5px; }
	.formbox th, .formbox td { border-bottom: 1px solid #CAD9EA; }
	.formbox table a { color: #069; }
.formbox label { cursor: pointer; }
.lighttxt, .formbox *.tips { color: #999; }
.formbox th ul { padding: 5px 0; }
	#threadtypes table td, #threadtypes table th { border-top: 1px solid #CAD9EA; border-bottom: 0;}
/*Login Form*/
#loginform * { vertical-align: middle; }
	#loginform button { line-height: 21px; height: 21px; padding: 0 4px; margin-left: 3px; }
/*QuickPost*/
	#quickpost { overflow: hidden; padding-bottom: 0; }
		* html #quickpost { height: 1%; overflow: visible; }
		#quickpost h5 { margin: 0.5em 1em; }
		.postoptions, .postform, .smilies { float: left; }
		.postoptions, .smilies { width: 20%; }
			.postoptions p { margin: 2px 0.7em; }
		.postform { width: 59%; padding-bottom: 10px; }
			.postform p label { vertical-align: top; font-weight: bold; }
			.postform h5 input { width: 60%; }
			.postform p, .postform div { margin: 0 1em; }
			.postform h4 * { vertical-align: middle; }
				.postform h4 input { width: 60%; }
			.postform textarea { width: 90%; height: 160px; }
			.postform .btns { margin-top: 0.5em; line-height: 30px; color: #999; }
				.postform .btns button { vertical-align: middle; }
				.postform .btns a { color: #069; }
					.postform button { border: none; background: transparent; color: #069; padding: 0; cursor: pointer; }
					.postform #postsubmit { float: left; display: inline; margin-left: 2.3em; }
					.btns em { color: #999; }
		#smilieslist { border: 1px solid #E8E8E8; overflow: hidden; text-align: center; }
			#quickpost #smilieslist { margin: 6px 1em 0 ; }
			#quickpost h4 { border-bottom: 1px solid #E8E8E8;}
			#smilieslist td { border: none; padding: 8px 0; cursor: pointer; }
				#smilieslist td:hover { background: #E8E8E8; }
			#smilieslist .pages { float: none; border-width: 1px 0 0; }
			#smilieslist h4 { color: #069; padding: 5px; line-height: 20px; background: #F7F7F7; border-bottom: 1px solid #E8E8E8; text-align: left; }
				#smilieslist .popupmenu_popup { overflow: visible; padding: 5px 10px; white-space: nowrap; }
					#smilieslist .popupmenu_popup a { color: #069; }
/*Ajax Form*/
.ajaxform {}
	.ajaxform th, .ajaxform td { border-bottom: 1px solid #E8E8E8; padding: 5px; }
		.ajaxform thead th { font-weight: bold; }
	.ajaxform a { color: #069; }
.btns th, .btns td { border: none !important; }

#ajaxwaitid { position: absolute; display: none; z-index: 100; width: 100px; height: 1.6em; top: 0px; right: 0px; line-height: 1.6em; overflow: hidden; background: #dd0000; color: #ffffff;}
.postform .special, #postform .special { font-weight: bold; color: #069;}
#newpost em { color: #999 }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Advertisments ~~~~ */

#ad_headerbanner { float: right; margin-top: 15px; }
.ad_text { border: 1px solid #CAD9EA; margin-bottom: 10px; padding: 6px; background: #FFF url("../../images/default/portalbox_bg.gif"); background-repeat: repeat-x; }
.ad_text table { width: 100%; border-collapse: collapse; }
	.ad_text td { background-repeat: repeat-x; background-position: 0 0; padding: 2px 10px; }.ad_textlink1 { float: left; white-space: nowrap; }
.ad_textlink2 { margin: 10px; }
.ad_textlink1,.ad_textlink2 { padding-left: 25px; background: url(../../images/default/ad_icon.gif) no-repeat 0 50%; }
.ad_pip { clear: right; float: right; display: inline; margin: 10px 10px 10px; }
.ad_topicrelated { clear: both; float: right; display: inline; margin: 0 10px 10px; padding: 10px 10px 10px 30px; border: 1px solid #78A73D; background: #CAEEC0; }
.ad_column { text-align: center; margin-bottom: 10px; }
.ad_footerbanner { text-align: center; clear: both; margin: 5px }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Side list ~~~~ */
#infoside { float: right; width: 20%; }
	#infoside a { color: #069; }
	#infoside .box { overflow: hidden; }
	#infoside .box h4 { border-bottom: 1px solid #CAD9EA}
		.textinfolist, .imginfolist { margin: 5px; }
			.textinfolist li  { list-style: none; height: 1.8em; line-height: 1.8em; overflow: hidden; }
				#infoside .textinfolist li em a { color: #999; margin-right: 4px; }
		.imginfolist { overflow: hidden; *height: 1%; }
			.imginfolist li { float: left; list-style: none; width: 56px; margin: 0 2px 8px 0; }
			.imginfolist li a { padding: 1px; display: block; border: 1px solid #9DB3C5; }
			.imginfolist li p { text-align: center; height: 20px; color: #666; overflow: hidden; }
			.imginfolist li p a { border: none; }

#infosidemain { float: left; width: 79%; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ User useravata ~~~~ */
.avataonline { float: left; height: 30px; line-height: 30px; border-left: 1px solid #FFF; padding-left: 28px; background: url(../../images/avatars/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.popavatar { text-align: center !important; }
li.popuser { text-indent: 20px; padding: 4px; background: url(../../images/default/usericon.gif) no-repeat 0 50%; white-space: nowrap; width: 100% !important; width: auto; }
li.poplink { text-indent: 20px; padding: 4px; background: url(../../images/default/homelink.gif) no-repeat 0 50%; color: #999; white-space: nowrap; width: 100% !important; width: auto; }
.announcements { border-bottom: 2px solid #E8F3FD;}
	.announcementinfo  { cursor: pointer; color: #999; text-align: right; padding-right: 16px; height: 30px; line-height: 30px; background: #F5FAFE; border-bottom: 1px solid #CAD9EA; }
		.ondisplay { cursor: default; background: #E8F3FD; }
		.announcementinfo:hover { background: #E8F3FD; }
		.announcementinfo span { float: left; font-weight: 700; height: 30px; line-height: 30px; margin-left: 16px; color: #000; }
		.announcementmessage { padding: 10px; border-bottom: 1px solid #CAD9EA; }